@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/dm-sans-400.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/dm-sans-500.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:900;font-display:swap;src:url('assets/fonts/dm-sans-900.ttf') format('truetype')}
@font-face{font-family:Arimo;font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/arimo-400.ttf') format('truetype')}
@font-face{font-family:Arimo;font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/arimo-700.ttf') format('truetype')}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#f5f3ee;color:#171717;font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}.website{width:100%;container-type:inline-size;--u:calc(100cqw / 1440)}
.design-section{position:relative;height:calc(var(--section-height)*var(--u));overflow:hidden;scroll-margin-top:0}.section-art,.footer-art{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.mobile-art,.mobile-paragraph{display:none}.copy{position:absolute;left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u));height:calc(var(--height)*var(--u));font-size:calc(var(--font)*var(--u));font-weight:var(--weight);letter-spacing:calc(var(--tracking)*var(--u));line-height:1;margin:0;padding:0;font-style:normal;white-space:pre}.copy .line{position:absolute;top:calc(var(--ly)*var(--u));left:calc(var(--lx)*var(--u));display:block;height:1em;line-height:1}
.cta{position:absolute;left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u));width:calc(var(--w)*var(--u));height:calc(var(--h)*var(--u));border:0 solid transparent;border-radius:999px;font-size:calc(var(--font)*var(--u));font-weight:var(--weight);line-height:1;text-decoration:none;transition:transform .15s ease,filter .15s ease}.cta span{position:absolute;left:calc(var(--tx)*var(--u));top:calc(var(--ty)*var(--u));white-space:nowrap;line-height:1}.cta:before{content:"";position:absolute;inset:calc(-.75*var(--u));border:calc(1.5*var(--u)) solid;border-color:inherit;border-radius:inherit;pointer-events:none}.service-card{display:contents}.cta:hover{transform:translateY(-1px);filter:brightness(1.08)}.cta:focus-visible,nav a:focus-visible,.brand:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.header{position:fixed;top:0;left:0;width:100%;height:calc(105*var(--u));z-index:20;pointer-events:none}.header-bar{position:absolute;left:calc(64*var(--u));width:calc(1312*var(--u));height:100%;background:#000;pointer-events:auto;transition:box-shadow .25s ease}.header.scrolled .header-bar{box-shadow:0 5px 18px #0003}.brand{position:absolute;left:calc(40*var(--u));top:calc(26.1512*var(--u));width:calc(504.071*var(--u));height:calc(50.2291*var(--u));display:block}.brand svg{display:block;width:100%;height:100%}nav a{position:absolute;left:calc((var(--nav-x) - 64)*var(--u));top:calc(63.385*var(--u));font-size:calc(15*var(--u));font-weight:400;line-height:1;text-decoration:none;color:#fff;white-space:nowrap}nav a:hover{text-decoration:underline;text-underline-offset:5px}.menu-toggle{display:none}.skip-link{position:fixed;z-index:40;top:8px;left:8px;padding:10px 16px;background:#fff;color:#171717;transform:translateY(-200%)}.skip-link:focus{transform:none}
@media(min-width:1024px){.design-section{isolation:isolate}.copy{width:calc((1440 - var(--x))*var(--u))}}
@media(max-width:1023px){
 html{scroll-padding-top:76px}.website{container-type:normal;--u:1px}.header{height:72px}.header-bar{left:12px;width:calc(100% - 24px);height:72px}.brand{left:20px;top:20px;width:270px;height:27px;max-width:calc(100% - 85px)}.menu-toggle{position:absolute;right:17px;top:20px;display:flex;width:34px;height:32px;flex-direction:column;justify-content:center;gap:7px;border:0;background:transparent;color:#fff;padding:3px;cursor:pointer}.menu-toggle span{display:block;height:2px;width:26px;background:currentColor;transition:transform .15s ease}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}nav{position:absolute;top:72px;left:0;right:0;background:#000;display:flex;flex-direction:column;max-height:0;overflow:hidden;visibility:hidden;transition:max-height .3s ease,visibility .3s ease}nav.open{max-height:340px;visibility:visible;padding-bottom:14px}nav a{position:static;font-size:17px;line-height:1.3;padding:13px 24px}
 .design-section{height:auto;display:flex;flex-direction:column;overflow:hidden;padding:48px 24px;gap:24px}.section-art{display:none}.copy{position:static;left:auto;top:auto;height:auto;white-space:normal;line-height:1.4;font-size:18px;letter-spacing:0}.copy .line{display:inline;position:static;height:auto;line-height:inherit;white-space:normal}.mobile-paragraph{display:block;content:'';margin-top:18px}.mobile-art{display:block;width:calc(100% + 48px);height:auto;align-self:center;flex:none;order:0}.cta{position:relative;inset:auto;display:flex;align-items:center;justify-content:center;min-height:52px;height:52px;width:250px;max-width:100%;flex:none;font-size:17px;align-self:center}.cta span{position:static;white-space:nowrap;line-height:1}.kicker{font-size:12px;letter-spacing:3px;font-weight:900;text-align:center}
 .hero{background:#ff7336;padding-top:124px;text-align:center;gap:26px}.hero-heading{order:0;font-size:clamp(32px,10.25vw,40px);font-weight:900;line-height:1;letter-spacing:-2px}.hero-heading .line{display:block}.hero-cta{order:1}.hero .mobile-art{order:2;width:100%;max-width:420px;margin-top:-10px;height:390px}.hero-body{order:3;font-size:17px;line-height:1.45;text-align:center}.hero-body .mobile-paragraph{margin-top:16px}
 .how{background:#171717;color:#fff;padding-top:0;padding-bottom:48px;gap:28px}.how .mobile-art{order:0}.pipeline-heading{position:absolute;top:calc(27.013889vw - .841em);left:16px;right:16px;font-size:clamp(29px,7.5vw,54px);letter-spacing:-1.1px;line-height:1.04;text-align:center;pointer-events:none}.pipeline-heading .line{display:block}.pipeline-lead{font-size:24px;text-align:center;line-height:1.3}.pipeline-targeting,.pipeline-conversion{font-size:17px;line-height:1.5}.how .cta{margin-top:0}
 .services{background:linear-gradient(90deg,#ffad29,#f56834);padding-top:0;gap:18px}.services .mobile-art{order:-3}.services-kicker{position:absolute;top:calc(4.166667vw - .841em);left:0;right:0}.team-heading,.functions-heading{position:absolute;left:0;right:0;text-align:center;font-size:clamp(27px,4.45vw,48px);line-height:1;letter-spacing:-.7px}.team-heading{top:calc(18.958333vw - .841em)}.functions-heading{top:calc(36.736111vw - .841em)}.roof-statement{font-size:25px;line-height:1.15;text-align:center;margin-bottom:12px}.service-title,.service-description{background:#f5f3ee;width:100%;padding:16px 22px;margin:0}.service-title{font-size:19px;font-weight:900;clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%);border-radius:30px 0 0 30px;padding-bottom:12px;margin-bottom:-18px}.service-description{font-size:17px;border-radius:0 0 26px 26px;padding-top:10px;padding-bottom:18px}.service-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:116px;padding:22px 28px;background:#f5f3ee;border-radius:54px 0 0 54px;clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%)}.service-card:nth-of-type(2),.service-card:nth-of-type(3){border-radius:0 54px 54px 0;clip-path:polygon(6% 0,100% 0,100% 100%,6% 100%,0 50%);padding-left:32px}.service-card .service-title,.service-card .service-description{padding:0;margin:0;clip-path:none;border-radius:0;background:none}.service-card .service-title{font-size:18px}.service-card .service-description{font-size:16px;line-height:1.3}.services .cta{margin-top:12px}
 .next-steps{background:#f5f3ee;padding-top:0;padding-bottom:0;gap:0}.next-steps .mobile-art{order:-2}.next-kicker{position:absolute;top:calc(4.166667vw - .841em);left:0;right:0}.next-heading{position:absolute;top:calc(28.125vw - .841em);left:12px;right:12px;font-size:clamp(32px,5.35vw,54px);line-height:1.02;letter-spacing:-1px;text-align:center}.next-heading .line{display:block}.next-caption{font-size:21px;text-align:center;margin:22px 0 32px}.next-simplicity,.next-customer{background:#171717;width:calc(100% + 48px);margin-left:-24px;padding:32px 24px;color:#fff!important}.next-simplicity{font-size:29px;font-weight:500;line-height:1.2;padding-bottom:12px}.next-simplicity .line{display:block}.next-customer{font-size:17px;line-height:1.5;padding-top:10px;padding-bottom:40px}
 .scale{background:#f5f3ee;gap:25px}.scale-heading{order:-2;font-size:34px;line-height:1.06;letter-spacing:-1.2px;text-align:center}.scale .mobile-art{order:-1}.scale-caption{font-size:23px;font-weight:500;line-height:1.25;text-align:center}.scale-body{font-size:17px;line-height:1.5}.scale-result{font-size:28px;line-height:1.15;font-weight:900}.scale-result .line{display:block}
 .about{background:linear-gradient(90deg,#ffad29,#f56834);padding-top:0;padding-bottom:40px;gap:28px}.about .mobile-art{order:-2}.why-body{font-size:17px;line-height:1.5}.growth-heading{text-align:center;font-size:clamp(24px,7.6vw,31px);font-weight:900;line-height:1;letter-spacing:-1.3px}.growth-heading .line{display:block}.growth-invitation{font-size:28px;line-height:1.15;text-align:center}.about .cta{margin-top:-6px}
 .footer{background:#171717;min-height:235px;padding:40px 28px 36px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.footer-art{display:none}.footer-wordmark{font-size:31px;letter-spacing:-1px;padding-top:4px}.footer-address{font-size:17px;line-height:1.4}.footer-address .line{display:block}.footer-wordmark:before{content:'';display:block;width:46px;height:34px;margin-bottom:12px;background:url('assets/favicon.svg') center/contain no-repeat}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Native images keep the phone animation playing; SVG image/pattern rendering
   can freeze animated WebP on its first frame. Geometry is the Figma matrix. */
.hero-desktop-picture{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-plane{position:absolute;left:calc(-42*var(--u));top:calc(-71.2359*var(--u));width:calc(2090*var(--u));height:calc(1272.29*var(--u));overflow:hidden;transform:rotate(-1.91289deg);transform-origin:0 0}
.hero-plane img{position:absolute;left:calc(1.69528469*var(--u));top:calc(-51.411292297*var(--u));width:calc(2090*var(--u));height:calc(1273.5912662*var(--u));max-width:none;display:block}
@media(max-width:1023px){
 .hero-desktop-picture{display:none}
 .hero-mobile-picture{position:relative;container-type:inline-size;background:#ff7336}
 .hero-mobile-frame{--u:min(calc(100cqw / 740),calc(390px / 950));position:absolute;left:50%;top:0;width:calc(740*var(--u));height:calc(950*var(--u));transform:translateX(-50%);overflow:hidden}
 .hero-mobile-frame .hero-plane{left:calc(-722*var(--u))}
}

/* Keep moving artwork inside the exact Figma image windows. */
.artwork-window{position:absolute;left:0;width:100%;overflow:hidden;pointer-events:none}
.artwork-window.artwork-scooter{top:0;height:calc(740*var(--u))}
.artwork-window.artwork-glass{top:calc(210*var(--u));height:calc(580*var(--u))}
.artwork-poster,.artwork-motion{position:absolute;display:block;max-width:none}
.artwork-motion{opacity:0;pointer-events:none}
.artwork-motion.is-ready{opacity:1}
.artwork-window.artwork-scooter>img,.artwork-window.artwork-scooter>canvas{left:0;top:calc(-35*var(--u));width:100%;height:calc(810*var(--u))}
.artwork-window.artwork-glass>img,.artwork-window.artwork-glass>canvas{left:calc(71*var(--u));top:calc(-49*var(--u));width:calc(1260*var(--u));height:calc(671*var(--u))}
@media(max-width:1023px){
 .artwork-window{display:none}
 .artwork-mobile{position:relative;container-type:inline-size;overflow:hidden;background:#f5f3ee}
 .artwork-mobile.artwork-scooter{aspect-ratio:1440/740}
 .artwork-mobile.artwork-glass{aspect-ratio:1440/580}
 .artwork-mobile.artwork-scooter>img,.artwork-mobile.artwork-scooter>canvas{left:0;top:calc(-35*100cqw/1440);width:100cqw;height:calc(810*100cqw/1440)}
 .artwork-mobile.artwork-glass>img,.artwork-mobile.artwork-glass>canvas{left:calc(71*100cqw/1440);top:calc(-49*100cqw/1440);width:calc(1260*100cqw/1440);height:calc(671*100cqw/1440)}
}
@media(prefers-reduced-motion:reduce){.artwork-motion{display:none}}
