.hero{--ink:#08090d;--paper:#f4f5fa;--white:#f6f7fb;--steel-light:#b4b5bb;--steel:#9a9ba1;--steel-dim:#85868d;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-slap:cubic-bezier(.34, 1.56, .64, 1);--frames:14;--steps:13;--toss:.42s;--unfold:1.17s;min-height:100svh;color:var(--white);background-color:var(--ink);background-image:radial-gradient(circle at 1px 1px,#ffffff0d 1px,#fff0 1.5px),radial-gradient(90% 60% at 55% 115%,#2c2d33 0%,#2c2d3300 100%),radial-gradient(70% 55% at 0 0,#171920 0%,#17192000 100%);background-size:26px 26px,100% 100%,100% 100%;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;position:relative;overflow:hidden;container-type:inline-size}.hero__inner{flex-direction:column;flex:1;width:100%;max-width:1440px;margin:0 auto;padding:clamp(40px,6cqw,86px) clamp(20px,6.5cqw,94px) clamp(32px,5cqw,72px);display:flex;position:relative}.hero__top{flex-wrap:wrap;align-items:center;gap:clamp(10px,3.4cqw,50px) clamp(16px,4.2cqw,61px);margin-block:auto;display:flex}.hero__punch{flex-direction:column;flex:220px;gap:clamp(8px,1cqw,14px);max-width:clamp(220px,25.7cqw,370px);margin:0;display:flex}.hero__globe{aspect-ratio:1;color:#c9cad0;align-self:flex-start;width:clamp(28px,3.5cqw,50px);height:auto;margin-left:clamp(0px,1.4cqw,20px)}.hero__punch-text{letter-spacing:.25em;text-transform:uppercase;flex-direction:column;align-items:flex-end;margin-right:-.25em;font-size:clamp(14px,1.8cqw,26px);font-weight:600;line-height:1.5;display:flex}.hero__boring{color:var(--steel-dim);position:relative}.hero__boring:after{content:"";background:var(--white);transform-origin:0;height:max(1.5px,.07em);margin-top:calc(max(1.5px,.07em)/-2);position:absolute;top:50%;left:-.2em;right:.05em}.hero__ends{display:block;overflow:hidden}.hero__ends>span{display:block}.hero__title{display:contents}.hero__line{letter-spacing:-.07em;align-items:center;font-size:clamp(36px,10.8cqw,156px);font-weight:900;line-height:1;display:flex}.hero__line--1{flex:none}.hero__line--2{flex-wrap:wrap;flex:0 0 100%}.hero__word{margin-block:-.06em;padding-block:.06em;display:block;overflow:hidden}.hero__word>span{padding-right:.08em;display:block}.hero__metal{-webkit-text-fill-color:transparent;color:#0000;background-position:0 0,0 0;background-repeat:no-repeat;background-size:250% 100%,100% 100%;-webkit-background-clip:text;background-clip:text}.hero__metal--a{background-image:linear-gradient(100deg,#fff0 42%,#fffffff2 50%,#fff0 58%),linear-gradient(100deg,#eceef2 0%,#c9cad0 14%,#77787e 40%,#a4a5ab 62%,#e9eaee 88%,#f5f6fa 100%)}.hero__metal--b{background-image:linear-gradient(100deg,#fff0 42%,#fffffff2 50%,#fff0 58%),linear-gradient(100deg,#eeeff3 0%,#c4c5cb 16%,#a2a3a9 34%,#76777d 62%,#6c6d73 100%)}.hero__amp{color:var(--steel)}.hero__ia{color:var(--white)}.hero__sticker{--r:0deg;--depth:8;--w:320;--row:0;height:1.15em;aspect-ratio:var(--w) / 275;transform:rotate(var(--r));translate:calc(var(--px,0) * var(--depth) * 1px) calc(var(--py,0) * var(--depth) * 1px);filter:drop-shadow(0 .03em .05em #00000080);transition:translate .7s var(--ease-out), scale .35s var(--ease-slap), rotate .35s var(--ease-slap);-webkit-user-select:none;user-select:none;flex:none;margin:-.075em 0 -.075em .02em;display:block;position:relative}.hero__sticker--cloud{--w:319;--row:0;--r:-4deg;--depth:10;--rock:2.5deg;--rock-t:7s;height:1.2em;margin:-.1em 0}.hero__sticker--lock{--w:280;--row:1;--r:3deg;--depth:-7;--rock:-2deg;--rock-t:8.5s;margin:-.075em .04em -.075em 0}.hero__sticker--robot{--w:299;--row:2;--r:-3deg;--depth:12;--rock:3deg;--rock-t:6s;margin-left:-.04em}.hero__sticker-img{-webkit-user-drag:none;width:100%;height:100%;display:block}.hero__crumple{aspect-ratio:320/275;background-image:var(--hero-crumple-sprite);background-repeat:no-repeat;background-size:calc(var(--frames) * 100%) 300%;background-position:100% calc(var(--row) * 50%);opacity:0;pointer-events:none;height:100%;position:absolute;top:0;left:50%;translate:-50%}@media (hover:hover){.hero__sticker:hover{rotate:5deg;scale:1.08}}.hero__foot{flex-wrap:wrap;align-items:center;gap:clamp(12px,3cqw,44px);padding-top:clamp(24px,4cqw,56px);display:flex}.hero__rule{transform-origin:0;background:#ffffff29;flex:0 25.1cqw;height:1px}.hero__cities{letter-spacing:.3em;text-transform:uppercase;color:#a5a6ac;margin:0;font-size:clamp(11px,1.32cqw,19px);font-weight:700}.hero__contact-slot{flex:none;align-items:center;width:190px;height:clamp(44px,5.8cqw,84px);display:flex}.hero__dot{--contact-size:clamp(44px, 5.8cqw, 84px);width:calc(var(--contact-size) + (190px - var(--contact-size)) * var(--contact-progress,0));height:var(--contact-size);background:var(--color-dot);min-height:44px;color:var(--white);border:0;border-radius:999px;flex:none;padding:0;transition:width .12s linear;overflow:hidden}.hero__contact-label{white-space:nowrap;font-family:var(--font-sans);text-transform:none;letter-spacing:0;opacity:var(--contact-progress,0);transform:translateY(calc(8px * (1 - var(--contact-progress,0))));font-size:14px;font-weight:600}.hero__dot:focus-visible{width:190px}.hero__dot:focus-visible .hero__contact-label{opacity:1;transform:none}@container (width<=700px){.hero__punch{flex-direction:row;flex-basis:100%;align-items:center;gap:12px;max-width:none}.hero__globe{margin-left:0}.hero__punch-text{align-items:flex-start;margin-right:0}}.hero.is-armed:not(.is-in) [data-a]{visibility:hidden}.hero.is-in .hero__word>span{animation:hero-rise .95s var(--ease-out) var(--d,0s) both}.hero.is-in .hero__word>.hero__metal{animation:hero-rise .95s var(--ease-out) var(--d,0s) both, hero-sheen 1.3s cubic-bezier(.4, 0, .2, 1) calc(var(--d,0s) + 2.9s) both}.hero.is-in .hero__sticker{animation:hero-wait var(--d,0s) step-end 0s both, hero-toss var(--toss) step-end var(--d,0s) both, hero-rock var(--rock-t,7s) ease-in-out calc(var(--d,0s) + var(--toss) + var(--unfold) + .1s) infinite}.hero.is-in .hero__crumple{animation:hero-unfold var(--unfold) steps(var(--steps), end) calc(var(--d,0s) + var(--toss)) both, hero-swap-out calc(var(--toss) + var(--unfold)) step-end var(--d,0s) both}.hero.is-in .hero__sticker-img{animation:hero-swap-in calc(var(--toss) + var(--unfold)) step-end var(--d,0s) both}.hero.is-in .hero__globe{animation:hero-pop .7s var(--ease-out) .35s both}.hero.is-in .hero__boring{animation:hero-fade-up .7s var(--ease-out) .5s both, hero-dim .5s linear 2.5s both}.hero.is-in .hero__boring:after{animation:.45s cubic-bezier(.7,0,.2,1) 2.45s both hero-draw}.hero.is-in .hero__ends>span{animation:hero-rise .8s var(--ease-out) 2.8s both}.hero.is-in .hero__rule{animation:hero-draw .9s var(--ease-out) 2.95s both}.hero.is-in .hero__cities{animation:hero-fade-up .7s var(--ease-out) 3.1s both}.hero.is-in .hero__contact-slot{animation:hero-dot .6s var(--ease-slap) 3.3s both}@keyframes hero-rise{0%{transform:translateY(112%)}}@keyframes hero-sheen{0%{background-position:100% 0,0 0}}@keyframes hero-pop{0%{opacity:0;transform:scale(.5)rotate(-60deg)}}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(.7em)}}@keyframes hero-dim{0%{color:#d9dae0}}@keyframes hero-draw{0%{transform:scaleX(0)}}@keyframes hero-dot{0%{transform:scale(0)}}@keyframes hero-wait{0%{opacity:0}}@keyframes hero-unfold{0%{background-position-x:0%}}@keyframes hero-swap-out{0%{opacity:1}}@keyframes hero-swap-in{0%{opacity:0}}@keyframes hero-toss{0%{transform:translate(-.32em, -1.05em) rotate(calc(var(--r) - 150deg)) scale(.92)}20%{transform:translate(-.21em, -.56em) rotate(calc(var(--r) - 100deg)) scale(.96)}40%{transform:translate(-.1em, -.16em) rotate(calc(var(--r) - 55deg))}60%{transform:translate(0, .04em) rotate(calc(var(--r) - 18deg)) scale(1.07, .93)}80%{transform:translate(0, -.06em) rotate(calc(var(--r) - 6deg))}to{transform:rotate(var(--r))}}@keyframes hero-rock{0%,to{transform:rotate(var(--r))}50%{transform:rotate(calc(var(--r) + var(--rock,2.5deg))) translateY(-.015em)}}@media (prefers-reduced-motion:reduce){.hero [data-a],.hero .hero__crumple,.hero .hero__sticker-img,.hero .hero__boring:after{animation:none!important}.hero.is-armed:not(.is-in) [data-a]{visibility:visible}.hero__sticker{transition:none;translate:none}.hero__dot{transition:none}}
