@font-face{font-family:"Unbounded";font-style:normal;font-weight:200 900;font-display:swap;
  src:url("../fonts/unbounded-latin-wght-normal.22f9b928aa.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Unbounded";font-style:normal;font-weight:200 900;font-display:swap;
  src:url("../fonts/unbounded-cyrillic-wght-normal.e30bf6a606.woff2") format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Onest";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("../fonts/onest-latin-wght-normal.052df74533.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Onest";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("../fonts/onest-cyrillic-wght-normal.68e5e01d62.woff2") format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
:root{
  --black:#000;--white:#fff;
  --brand:#5b7cff;--blue:#5b7cff;--violet:#a48bff;--aqua:#37e2c6;--gold:#e7c891;--coral:#ff8f7a;
  --spectrum:linear-gradient(105deg,#8b6cff,#5b7cff 52%,#37e2c6);
  --pearl:linear-gradient(180deg,#fff 35%,#b4b9d6);
  --c:var(--blue);            
  --bg:var(--black);--fg:var(--white);
  --muted:#b6b8c4;--quiet:#8a8c99;--line:rgba(255,255,255,.11);--line-2:rgba(255,255,255,.2);
  --glass:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.018) 60%);
  --display:"Unbounded",system-ui,sans-serif;
  --text:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
  --pad:clamp(1.25rem,4vw,2.5rem);
  --max:78rem;
  --gap:clamp(.9rem,1.6vw,1.5rem);
  --section:clamp(4rem,8vw,7.5rem);
  --r:clamp(1rem,1.6vw,1.5rem);
  --fs-hero:clamp(2rem,5.5vw,5.1rem);
  --fs-d1:clamp(1.75rem,3.9vw,3.5rem);
  --fs-d2:clamp(1.45rem,2.5vw,2.3rem);
  --fs-d3:clamp(1.05rem,1.35vw,1.25rem);
  --fs-lead:clamp(1.1rem,1.4vw,1.3rem);
  --ease:cubic-bezier(.2,.8,.2,1);
  --ease-io:cubic-bezier(.76,0,.24,1);
  --header-h:5rem;
  color-scheme:dark;
}
.c-blue{--c:var(--blue)}.c-violet{--c:var(--violet)}.c-aqua{--c:var(--aqua)}.c-gold{--c:var(--gold)}.c-coral{--c:var(--coral)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 1rem);interpolate-size:allow-keywords}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--text);font-size:1.0625rem;line-height:1.6;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100svh}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) calc(50% - .5px) 0/min(19.5rem,25vw) 100%;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
main{overflow-x:clip}
img,svg,canvas,video{display:block;max-width:100%}
img{height:auto}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
::selection{background:var(--violet);color:#000}
:focus-visible{outline:2px solid var(--fg);outline-offset:4px;border-radius:4px}
[hidden]{display:none!important}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;left:1rem;top:-5rem;z-index:300;background:var(--white);color:var(--black);padding:.8rem 1.2rem;border-radius:999px;font-weight:600;text-decoration:none;transition:top .2s}
.skip:focus{top:1rem;outline-color:var(--black);outline-offset:-5px}
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}
.section{padding-block:var(--section)}
.section--tight{padding-block:calc(var(--section) * .5)}
.rule{border-top:1px solid var(--line)}
.defs{position:absolute}
.progress{position:fixed;inset:0 0 auto 0;height:2px;z-index:120;background:var(--spectrum);transform-origin:0 50%;transform:scaleX(0);pointer-events:none}
@supports (animation-timeline:scroll()){.progress{animation:grow linear both;animation-timeline:scroll(root)}}
@keyframes grow{to{transform:scaleX(1)}}
.display{font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:-.03em;line-height:.98;text-wrap:balance;overflow-wrap:break-word}
.d1{font-size:var(--fs-d1)}
.d1--long{font-size:clamp(1.5rem,2.9vw,2.75rem);line-height:1.04}
.d2{font-size:var(--fs-d2);font-weight:500;text-transform:none;letter-spacing:-.03em;line-height:1.1}
.d3{font-family:var(--display);font-weight:500;font-size:var(--fs-d3);letter-spacing:-.02em;line-height:1.2;text-wrap:balance}
.lead{font-size:var(--fs-lead);line-height:1.45;letter-spacing:-.005em;max-width:36ch;color:#e6e7ee;text-wrap:pretty}
.lead--wide{max-width:50ch}
.note{color:var(--muted);font-size:.98rem}
.measure{max-width:60ch}
.label{display:inline-flex;align-items:center;gap:.6rem;font-size:.78rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.label::before{content:"";width:1.5rem;height:1px;background:currentColor}
.tlink{text-decoration:underline;text-decoration-color:var(--c);text-underline-offset:.24em;text-decoration-thickness:1px;transition:text-decoration-thickness .2s,text-underline-offset .2s}
.tlink:hover{text-decoration-thickness:2px;text-underline-offset:.32em}
.split .w{display:inline-block;overflow:clip;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.split .w>i{display:inline-block;font-style:normal}
.glass{position:relative;background:var(--glass);border:1px solid var(--line);border-radius:var(--r)}
.spot::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .45s;
  background:radial-gradient(20rem circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--c) 26%,transparent),transparent 62%)}
.spot:hover::after{opacity:1}
.btn{position:relative;overflow:clip;display:inline-flex;align-items:center;gap:.65em;min-height:3.1rem;padding:.8rem 1.45rem;border-radius:999px;border:0;
  color:#000;background:var(--spectrum);font-weight:600;font-size:.98rem;line-height:1.1;text-decoration:none;cursor:pointer;
  box-shadow:0 0 0 0 rgba(120,130,255,0);transition:color .35s var(--ease),transform .5s var(--ease),box-shadow .45s var(--ease);will-change:transform}
.btn::before{content:"";width:.45em;height:.45em;border-radius:50%;background:currentColor;transition:transform .45s var(--ease)}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.6) 50%,transparent 65%);transform:translateX(-120%);transition:transform .9s var(--ease)}
.btn:hover{box-shadow:0 .6rem 2.4rem -.4rem rgba(110,130,255,.75)}
.btn:hover::after{transform:translateX(120%)}
.btn:hover::before{transform:scale(1.8)}
.btn--ghost{color:var(--fg);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line-2)}
.btn--ghost:hover{box-shadow:inset 0 0 0 1px var(--c),0 .6rem 2rem -.6rem var(--c)}
.btn--dark{color:#fff;background:#000}
.btn--dark:hover{box-shadow:0 .6rem 2rem -.4rem rgba(0,0,0,.7)}
.btn--small{min-height:2.75rem;padding:.6rem 1.15rem;font-size:.93rem}
.btn-row{display:flex;flex-wrap:wrap;gap:.9rem 1.5rem;align-items:center}
.site-header{position:fixed;top:.75rem;left:50%;translate:-50% 0;z-index:100;width:min(calc(100% - 1.5rem),var(--max));height:3.6rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;
  padding:0 .5rem 0 1.1rem;color:#fff;background:rgba(10,10,14,.62);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);
  border:1px solid var(--line);border-radius:999px;transition:translate .55s var(--ease)}
.site-header.is-hidden{translate:-50% -170%}
.brand{display:inline-flex;align-items:center;gap:.65rem;font-family:var(--display);font-weight:500;font-size:.9rem;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;white-space:nowrap;min-height:2.75rem}
.brand .wm{width:auto;height:1.05rem;display:block}
.wm path,.mark path{fill:currentColor}
.wm .wm__tri{fill:var(--brand);transform-box:fill-box;transform-origin:50% 50%;transition:transform .6s var(--ease)}
.brand:hover .wm__tri{transform:rotate(180deg)}
.brand__sub{font-weight:300;color:var(--muted)}
.nav{display:none;align-items:center;gap:clamp(.9rem,1.8vw,1.75rem)}
.nav a{font-size:.94rem;font-weight:500;color:#dcdde6;text-decoration:none;padding:.75rem .1rem;position:relative;transition:color .25s}
.nav a::after{content:"";position:absolute;left:.1rem;right:.1rem;bottom:.55rem;height:1px;background:var(--spectrum);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.nav a:hover,.nav a[aria-current]{color:#fff}
.nav a:hover::after,.nav a[aria-current]::after{transform:scaleX(1);transform-origin:left}
.header-end{display:flex;align-items:center;gap:.5rem}
.lang{font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;border:1px solid var(--line-2);border-radius:999px;transition:border-color .25s,background-color .25s}
.lang:hover{border-color:var(--c);background:rgba(255,255,255,.06)}
.header-cta{display:none}
.menu-btn{display:inline-flex;align-items:center;gap:.6rem;min-height:2.75rem;padding:0 1rem;border:1px solid var(--line-2);border-radius:999px;font-weight:600;font-size:.93rem}
.menu-btn__bars{width:1.05rem;height:.55rem;border-block:2px solid currentColor}
@media (min-width:62rem){.nav{display:flex}.header-cta{display:inline-flex}.menu-btn{display:none}}
@media (max-width:26rem){.brand__sub{display:none}.menu-btn{padding:0 .85rem}}
@media (max-width:22.5rem){.menu-btn__bars{display:none}}
.menu{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:1.25rem var(--pad) 2rem;color:#fff;overflow:auto;
  background:radial-gradient(60rem 40rem at 100% 0,rgba(139,108,255,.35),transparent 60%),radial-gradient(50rem 36rem at 0 100%,rgba(55,226,198,.22),transparent 60%),#050507}
.menu:not([open]){display:none}
.menu[open]{display:grid;grid-template-rows:auto 1fr auto;gap:1.5rem;animation:menu-in .55s var(--ease)}
.menu::backdrop{background:#000}
@keyframes menu-in{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
.menu__top{display:flex;justify-content:space-between;align-items:center}
.menu__close{min-height:2.75rem;padding:0 1.1rem;border:1px solid var(--line-2);border-radius:999px;font-weight:600}
.menu__close:hover{border-color:var(--c)}
.menu__links{display:flex;flex-direction:column;justify-content:center;counter-reset:m}
.menu__links a{counter-increment:m;display:flex;align-items:baseline;gap:1rem;font-family:var(--display);font-weight:500;letter-spacing:-.03em;font-size:clamp(1.5rem,6.5vw,2.5rem);line-height:1.1;text-decoration:none;padding:.7rem 0;border-bottom:1px solid var(--line)}
.menu__links a::before{content:"0" counter(m);font-size:.8rem;font-weight:400;letter-spacing:.1em;color:var(--gold)}
.menu__links a[aria-current]{color:var(--c)}
.menu__foot{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:1rem}
.lens{position:fixed;left:0;top:0;z-index:200;width:8rem;height:8rem;margin:-4rem 0 0 -4rem;border-radius:50%;background:#fff;mix-blend-mode:difference;pointer-events:none;
  opacity:0;transform:translate3d(-20rem,-20rem,0) scale(.1);will-change:transform}
.lens.is-on{opacity:1}
@media (hover:none),(pointer:coarse){.lens{display:none}}
.hero{position:relative;min-height:min(100svh,60rem);display:grid;align-content:end;gap:clamp(2rem,5vw,3.5rem);padding-block:calc(var(--header-h) + 3rem) clamp(1.5rem,4vw,2.5rem);overflow:clip}
.hero__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.hero__inner{position:relative;z-index:1;display:grid;gap:2rem;align-items:end}
.hero__copy{max-width:46rem}
.hero__copy{display:grid;gap:clamp(1.1rem,2vw,1.6rem);justify-items:start}
.hero__title{font-size:var(--fs-hero);font-weight:500;perspective:1200px}
.hero__title--bg{font-size:clamp(1.6rem,4.7vw,4.3rem)}
.hero__title .ln{display:block}
.hero__title .g{display:inline-block;background:var(--pearl);-webkit-background-clip:text;background-clip:text;color:transparent;transform-origin:50% 55%}
.hero__facts{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.hero__facts>div{padding:1rem 1rem 0 0;display:grid;gap:.15rem}
.hero__facts>div+div{padding-left:1rem;border-left:1px solid var(--line)}
.hero__facts b{font-family:var(--display);font-weight:400;font-size:clamp(1.2rem,2.2vw,1.9rem);letter-spacing:-.03em;line-height:1.1}
.hero__facts span{color:var(--muted);font-size:.9rem;line-height:1.35}
.orb{position:relative;justify-self:center;width:clamp(9rem,22vw,17rem);aspect-ratio:1;display:grid;place-items:center;perspective:900px}
.orb__ring{position:absolute;inset:-14%;border-radius:50%;border:1px solid var(--line-2);animation:spin 28s linear infinite}
.orb__ring::before{content:"";position:absolute;top:50%;left:-.3rem;width:.6rem;height:.6rem;border-radius:50%;background:var(--aqua);box-shadow:0 0 1.2rem var(--aqua)}
.orb__ring--2{inset:-30%;border-style:dashed;border-color:var(--line);animation-duration:44s;animation-direction:reverse}
.orb__ring--2::before{background:var(--gold);box-shadow:0 0 1.2rem var(--gold);top:14%;left:14%}
.orb__tile{width:100%;height:100%;border-radius:28%;display:grid;place-items:center;background:linear-gradient(150deg,rgba(255,255,255,.16),rgba(255,255,255,.03) 60%);border:1px solid rgba(255,255,255,.22);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 2.5rem 6rem -1rem rgba(79,140,255,.55),inset 0 1px 0 rgba(255,255,255,.35);animation:float 7s ease-in-out infinite;transition:transform .5s var(--ease);transform-style:preserve-3d}
.orb__tile svg{width:auto;height:50%;color:#fff;filter:drop-shadow(0 .6rem 1.6rem rgba(79,140,255,.65));transform:translateZ(2.5rem)}
@media (max-width:55.99rem){.orb{order:-1;justify-self:start;width:6.5rem;margin:0 0 .5rem 1rem}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{50%{translate:0 -.8rem}}
.js .hero[data-seq] .flip{animation:flip-up 1.5s var(--ease-io) .2s both}
.js .hero[data-seq] .rise{animation:rise .95s var(--ease) both}
.js .hero[data-seq] .rise--1{animation-delay:.55s}.js .hero[data-seq] .rise--2{animation-delay:.8s}.js .hero[data-seq] .rise--3{animation-delay:.95s}.js .hero[data-seq] .rise--4{animation-delay:1.15s}
@keyframes flip-up{0%{transform:rotateX(180deg)}18%{transform:rotateX(180deg)}100%{transform:rotateX(0)}}
@keyframes rise{from{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:none}}
.marquee{overflow:clip;border-block:1px solid var(--line);padding-block:1.05rem;display:flex;user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee__track{display:flex;flex:none;animation:marquee 36s linear infinite}
.marquee__item{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.04em;font-size:clamp(.95rem,1.5vw,1.25rem);line-height:1;white-space:nowrap;padding-inline:1.1em;display:flex;align-items:center;gap:2.2em;color:#fff}
.marquee__item:nth-child(even){color:#8f91a0}
.marquee__item::after{content:"";width:.5em;height:.5em;border-radius:50%;background:var(--spectrum)}
@keyframes marquee{to{transform:translateX(-50%)}}
.intro{display:grid;gap:2.5rem var(--gap);align-items:center}
@media (min-width:60rem){.intro{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem)}}
.intro__copy{display:grid;gap:1.5rem}
.statement{font-family:var(--display);font-weight:400;font-size:clamp(1.25rem,2.1vw,1.95rem);line-height:1.28;letter-spacing:-.03em;text-wrap:pretty}
.statement .sw{transition:opacity .35s linear}
.js .statement[data-scrub] .sw{opacity:.22}
.js .statement[data-scrub] .sw.is-lit{opacity:1}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.fact{padding:clamp(1rem,1.8vw,1.5rem);display:grid;gap:.5rem;align-content:space-between;min-height:9.5rem}
.fact__n{font-family:var(--display);font-weight:300;font-size:clamp(2.2rem,4vw,3.4rem);letter-spacing:-.05em;line-height:1;background:var(--pearl);-webkit-background-clip:text;background-clip:text;color:transparent}
.fact__n sup{font-size:.5em;color:var(--c);-webkit-text-fill-color:var(--c);vertical-align:top;margin-left:.1em}
.fact__l{color:var(--muted);font-size:.93rem;line-height:1.4}
.fact:nth-child(1){--c:var(--violet)}.fact:nth-child(2){--c:var(--blue)}.fact:nth-child(3){--c:var(--aqua)}.fact:nth-child(4){--c:var(--gold)}
.head{display:grid;gap:1rem;margin-bottom:clamp(1.75rem,4vw,3rem)}
.head__title{display:grid;gap:.9rem;justify-items:start}
@media (min-width:56rem){.head{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:3rem}.head>.note,.head>.btn-row{justify-self:end}}
.head .note{max-width:36ch}
.svc{border-top:1px solid var(--line)}
.svc__row{position:relative;display:grid;gap:.4rem 2rem;align-items:center;padding:clamp(1.1rem,2vw,1.6rem) clamp(.25rem,1.2vw,1rem);border-bottom:1px solid var(--line);text-decoration:none;isolation:isolate;transition:color .45s var(--ease),padding .5s var(--ease)}
.svc__row::before{content:"";position:absolute;inset:0;border-radius:.9rem;background:var(--c);transform:scaleY(0);transform-origin:bottom;transition:transform .5s var(--ease);z-index:-1}
.svc__row:hover,.svc__row:focus-visible{color:#000}
.svc__row:hover::before,.svc__row:focus-visible::before{transform:scaleY(1);transform-origin:top}
.svc__row:focus-visible{outline-offset:-4px;outline-color:#000}
.svc__name{font-family:var(--display);font-weight:500;letter-spacing:-.03em;line-height:1.08;font-size:clamp(1.15rem,2vw,1.8rem);overflow-wrap:break-word}
.svc__name::before{content:"";display:inline-block;width:.4em;height:.4em;margin-right:.55em;border-radius:50%;background:var(--c);box-shadow:0 0 .9rem var(--c);vertical-align:.14em;transition:background-color .45s var(--ease)}
.svc__row:hover .svc__name::before,.svc__row:focus-visible .svc__name::before{background:#000;box-shadow:none}
.svc__desc{max-width:46ch;color:var(--muted);font-size:.98rem;transition:color .45s var(--ease)}
.svc__row:hover .svc__desc,.svc__row:focus-visible .svc__desc{color:#000}
.svc__go{display:none}
@media (min-width:60rem){
  .svc__row{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto}
  .svc__go{display:grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:50%;border:1px solid currentColor;transition:transform .5s var(--ease)}
  .svc__row:hover .svc__go{transform:rotate(-45deg)}
}
.arrow{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.8}
.rail{display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:max(var(--pad),calc((100vw - var(--max)) / 2 + var(--pad)));scroll-padding-inline:max(var(--pad),calc((100vw - var(--max)) / 2 + var(--pad)));padding-bottom:1.25rem;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}
.rail>*{flex:none;width:min(80vw,34rem);scroll-snap-align:start}
.rail-nav{display:flex;gap:.5rem}
.round{display:grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:50%;border:1px solid var(--line-2);transition:background-color .3s,color .3s,border-color .3s}
.round:hover{background:var(--c);border-color:var(--c);color:#000}
.round--back .arrow{transform:scaleX(-1)}
.card{display:grid;gap:.9rem;align-content:start;text-decoration:none}
.card__media{position:relative;overflow:clip;border-radius:var(--r);background:#08080b;aspect-ratio:4/3;border:1px solid var(--line);transition:border-color .4s,box-shadow .5s var(--ease),transform .5s var(--ease)}
.card__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.card:hover .card__media,.card:focus-visible .card__media{border-color:color-mix(in srgb,var(--c) 70%,transparent);box-shadow:0 1.8rem 4.5rem -1.8rem var(--c)}
.card:hover .card__media img,.card:focus-visible .card__media img{transform:scale(1.05)}
.card__body{display:grid;gap:.25rem}
.card__title{font-family:var(--display);font-weight:500;font-size:clamp(1.02rem,1.4vw,1.25rem);letter-spacing:-.02em;line-height:1.2;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.24em;transition:text-decoration-color .3s}
.card:hover .card__title,.card:focus-visible .card__title{text-decoration-color:var(--c)}
.card__meta{color:var(--muted);font-size:.95rem}
.work-grid{display:grid;gap:clamp(2rem,4vw,3.5rem) var(--gap)}
@media (min-width:48rem){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.work-grid--3{gap:clamp(1.75rem,3vw,2.5rem) var(--gap)}
@media (min-width:64rem){.work-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.card--post .card__media{aspect-ratio:16/9}
.card__kicker{display:flex;gap:.75rem;align-items:center;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c)}
.card__kicker span+span{color:var(--quiet)}
.js [data-reveal]{opacity:0;transform:translateY(1.75rem);transition:opacity .9s var(--ease),transform 1.1s var(--ease)}
.js [data-reveal].in{opacity:1;transform:none}
.js .card[data-reveal] .card__media img{transform:scale(1.14)}
.js .card[data-reveal].in .card__media img{transform:none}
.js .card[data-reveal].in:hover .card__media img{transform:scale(1.05)}
.flow{position:relative;display:grid;gap:var(--gap);counter-reset:step;padding-top:2.25rem}
.flow::before,.flow::after{content:"";position:absolute;left:0;right:0;top:.9rem;height:1px;background:var(--line)}
.flow::after{background:var(--spectrum);transform:scaleX(0);transform-origin:0 50%;transition:transform 2.2s var(--ease-io) .2s}
.flow.in::after{transform:scaleX(1)}
@media (min-width:40rem){.flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:66rem){.flow{grid-template-columns:repeat(5,minmax(0,1fr))}}
.flow__step{counter-increment:step;position:relative;padding:1.25rem;display:grid;gap:.7rem;align-content:start;min-height:13.5rem;transition:border-color .4s,transform .5s var(--ease)}
.flow__step:hover{border-color:color-mix(in srgb,var(--c) 65%,transparent);transform:translateY(-.35rem)}
.flow__step::before{content:"";position:absolute;top:calc(-1.35rem - 5px);left:1.25rem;width:11px;height:11px;border-radius:50%;background:#000;border:2px solid var(--c);box-shadow:0 0 .9rem var(--c)}
.flow__step:nth-child(1){--c:var(--violet)}.flow__step:nth-child(2){--c:var(--blue)}.flow__step:nth-child(3){--c:var(--aqua)}.flow__step:nth-child(4){--c:var(--gold)}.flow__step:nth-child(5){--c:var(--coral)}
.flow__n::before{content:"0" counter(step);font-family:var(--display);font-weight:400;font-size:.85rem;letter-spacing:.1em;color:var(--c)}
.flow__name{font-family:var(--display);font-weight:500;letter-spacing:-.02em;font-size:1.15rem;line-height:1.15}
.flow__text{color:var(--muted);font-size:.93rem;line-height:1.5}
@media (max-width:39.99rem){.flow{padding-top:0}.flow::before,.flow::after,.flow__step::before{display:none}.flow__step{min-height:0}}
.product{display:grid;gap:2rem;padding:clamp(1.5rem,4vw,3rem);overflow:clip;--c:var(--aqua)}
.product::before{content:"";position:absolute;right:-12rem;top:-14rem;width:34rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(55,226,198,.34),transparent);pointer-events:none}
@media (min-width:58rem){.product{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4rem)}}
.product__copy{position:relative;display:grid;gap:1.1rem;justify-items:start}
.product__name{font-family:var(--display);font-weight:500;font-size:clamp(1.9rem,4vw,3.1rem);letter-spacing:-.04em;line-height:1}
.ui{position:relative;display:grid;gap:.6rem;padding:1rem;border-radius:1.1rem;background:rgba(0,0,0,.45);border:1px solid var(--line)}
.ui__bar{display:flex;gap:.4rem;padding-bottom:.4rem}
.ui__bar i{width:.55rem;height:.55rem;border-radius:50%;background:rgba(255,255,255,.22)}
.ui__row{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;padding:.7rem .8rem;border-radius:.75rem;background:rgba(255,255,255,.05);border:1px solid var(--line)}
.ui__check{width:1.1rem;height:1.1rem;border-radius:50%;border:1.5px solid var(--quiet);animation:tick 9s infinite both}
.ui__line{height:.5rem;border-radius:1rem;background:rgba(255,255,255,.2)}
.ui__pill{width:3.4rem;height:1.2rem;border-radius:1rem;background:rgba(255,255,255,.1)}
.ui__row:nth-of-type(2) .ui__line{width:82%}.ui__row:nth-of-type(3) .ui__line{width:64%}.ui__row:nth-of-type(4) .ui__line{width:74%}.ui__row:nth-of-type(5) .ui__line{width:52%}
.ui__row:nth-of-type(3) .ui__check{animation-delay:1.4s}.ui__row:nth-of-type(4) .ui__check{animation-delay:2.8s}.ui__row:nth-of-type(5) .ui__check{animation-delay:4.2s}
@keyframes tick{0%,8%{background:transparent;border-color:var(--quiet);box-shadow:none}14%,82%{background:var(--aqua);border-color:var(--aqua);box-shadow:0 0 .9rem var(--aqua)}90%,100%{background:transparent;border-color:var(--quiet);box-shadow:none}}
.clients{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,8.75rem),1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.clients li{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.client{display:grid;place-items:center;height:100%;min-height:6.75rem;padding:.7rem;text-align:center;text-decoration:none;transition:background-color .35s var(--ease),color .35s var(--ease)}
.client img{width:100%;max-width:9.5rem;opacity:.82;transition:filter .35s var(--ease),transform .6s var(--ease),opacity .35s}
.client__name{font-family:var(--display);font-weight:500;font-size:.95rem;letter-spacing:-.02em;line-height:1.15}
.clients li:nth-child(5n+1){--c:var(--violet)}.clients li:nth-child(5n+2){--c:var(--blue)}.clients li:nth-child(5n+3){--c:var(--aqua)}.clients li:nth-child(5n+4){--c:var(--gold)}.clients li:nth-child(5n){--c:var(--coral)}
a.client:hover,a.client:focus-visible{background:var(--c);color:#000}
a.client:hover img,a.client:focus-visible img{filter:invert(1);opacity:1;transform:scale(1.06)}
a.client:focus-visible{outline-offset:-5px;outline-color:#000}
.quotes{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));margin-top:clamp(2rem,4vw,3rem)}
.quote{display:grid;gap:1.25rem;align-content:space-between;padding:1.5rem;background:var(--glass);border:1px solid var(--line);border-radius:var(--r)}
.quote p{font-size:1.08rem;line-height:1.5}
.quote figcaption{color:var(--muted);font-size:.93rem}
.bento{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,15.5rem),1fr))}
.tile{padding:clamp(1.1rem,1.8vw,1.5rem);display:grid;gap:1.5rem;align-content:space-between;min-height:14rem;transition:border-color .4s}
.tile:hover{border-color:color-mix(in srgb,var(--c) 65%,transparent)}
.tile .d3{color:var(--c)}
.tile ul{display:grid;gap:.35rem;font-size:1rem}
.tile li{padding-top:.4rem;border-top:1px solid var(--line)}
.tile li a{text-decoration:underline;text-decoration-color:var(--c);text-underline-offset:.22em;text-decoration-thickness:1px}
.tile li a:hover{text-decoration-thickness:2px}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:var(--gap)}
.feature{padding:clamp(1.1rem,1.8vw,1.5rem);display:grid;gap:.6rem;align-content:start;transition:border-color .4s}
.feature:hover{border-color:color-mix(in srgb,var(--c) 65%,transparent)}
.feature::before{content:"";width:1.75rem;height:2px;background:var(--c);box-shadow:0 0 .9rem var(--c);margin-bottom:.4rem}
.feature p{color:var(--muted);font-size:.97rem}
.pricing{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,16.5rem),1fr));align-items:stretch}
.quote-grid{display:grid;gap:var(--gap)}
@media (min-width:56rem){.quote-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}
.quote-card{display:grid;gap:1.5rem;align-content:start;padding:clamp(1.4rem,2.6vw,2.25rem)}
.quote-card--path{border-color:color-mix(in srgb,var(--c) 60%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--c) 20%,transparent),rgba(255,255,255,.02) 65%)}
.quote-card--path .btn{justify-self:start}
.factors{display:grid;gap:1.25rem 2rem}
@media (min-width:40rem){.factors{grid-template-columns:repeat(2,minmax(0,1fr))}}
.factors>div{display:grid;gap:.35rem;align-content:start;padding-top:1rem;border-top:1px solid var(--line-2)}
.factors dt{font-family:var(--display);font-weight:500;font-size:1.02rem;letter-spacing:-.02em}
.factors dd{margin:0;color:var(--muted);font-size:.98rem;line-height:1.5}
.qsteps{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem;counter-reset:q}
.qsteps li{counter-increment:q;display:grid;grid-template-columns:2.4rem 1fr;gap:.15rem .9rem;align-items:start}
.qsteps li::before{content:counter(q);grid-row:1/3;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid color-mix(in srgb,var(--c) 70%,transparent);font-family:var(--display);font-size:.95rem;color:var(--c)}
.qsteps b{font-weight:600}
.qsteps span{grid-column:2;color:var(--muted);font-size:.98rem;line-height:1.5}
.plan{display:grid;grid-template-rows:auto auto 1fr;gap:1.25rem;padding:clamp(1.25rem,2vw,1.75rem)}
.plan__price{font-family:var(--display);font-weight:400;font-size:clamp(1.7rem,2.4vw,2.2rem);letter-spacing:-.04em;line-height:1}
.plan__price small{font-family:var(--text);font-weight:400;font-size:.95rem;letter-spacing:0;color:var(--muted)}
.plan--hot{border-color:color-mix(in srgb,var(--c) 75%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--c) 22%,transparent),rgba(255,255,255,.02) 65%);box-shadow:0 2rem 5rem -2.5rem var(--c)}
.plan ul{display:grid;gap:.5rem;align-content:start;font-size:.98rem}
.plan li{padding-left:1.35rem;position:relative}
.plan li::before{content:"";position:absolute;left:0;top:.62em;width:.45rem;height:.45rem;border-radius:50%;background:var(--c)}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.2rem 0;cursor:pointer;list-style:none;font-family:var(--display);font-weight:400;font-size:clamp(1rem,1.3vw,1.15rem);letter-spacing:-.02em;line-height:1.3;transition:color .25s}
.faq summary:hover{color:var(--c)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:1rem;height:1rem;background:linear-gradient(var(--c),var(--c)) center/100% 1.5px no-repeat,linear-gradient(var(--c),var(--c)) center/1.5px 100% no-repeat;transition:transform .45s var(--ease)}
.faq details[open] summary::after{transform:rotate(135deg)}
.faq details>p{padding:0 0 1.5rem;max-width:64ch;color:var(--muted)}
.faq details::details-content{block-size:0;overflow-y:clip;transition:block-size .5s var(--ease),content-visibility .5s allow-discrete}
.faq details[open]::details-content{block-size:auto}
.phero{position:relative;isolation:isolate;padding-block:calc(var(--header-h) + clamp(3rem,7vw,5.5rem)) clamp(2rem,5vw,3.5rem);display:grid;gap:clamp(1.1rem,2.2vw,1.6rem);justify-items:start}
.phero::before{content:"";position:absolute;z-index:-1;right:-10rem;top:-16rem;width:min(80vw,46rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--c),transparent);opacity:.3;pointer-events:none;animation:breathe 9s ease-in-out infinite}
.phero::after{content:"";position:absolute;z-index:-1;left:-14rem;top:6rem;width:min(60vw,30rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,#4f8cff,transparent);opacity:.14;pointer-events:none}
@keyframes breathe{50%{opacity:.42;scale:1.08}}
.phero .d1{max-width:20ch}
.phero .d1--long{max-width:26ch}
.crumbs{display:flex;flex-wrap:wrap;gap:.35rem .6rem;font-size:.9rem;color:var(--muted)}
.crumbs li+li::before{content:"/";margin-right:.6rem;color:var(--quiet)}
.crumbs a{text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:.22em;display:inline-block;padding:.5rem 0}
.crumbs [aria-current]{color:var(--c);display:inline-block;padding:.5rem 0}
.meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));border-top:1px solid var(--line)}
.meta div{padding:.9rem 1rem 1.1rem 0;border-bottom:1px solid var(--line)}
.meta dt{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.meta dd{font-weight:500;font-size:1rem;margin-top:.2rem}
.figure{border-radius:var(--r);overflow:clip;background:#08080b;border:1px solid var(--line)}
.figure img{width:100%}
.story{display:grid;gap:clamp(2rem,4vw,3rem)}
.story__block{display:grid;gap:.9rem 3rem;padding-top:1.5rem}
.story__block p+p{margin-top:1rem}
@media (min-width:56rem){.story__block{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}
.story__block h2{color:var(--c)}
.ticks{display:grid;gap:.5rem}
.ticks li{padding:.6rem 0 .6rem 1.4rem;border-top:1px solid var(--line);position:relative}
.ticks li::before{content:"";position:absolute;left:0;top:1.15em;width:.45rem;height:.45rem;border-radius:50%;background:var(--c)}
.ticks li:first-child{border-top:0;padding-top:0}
.ticks li:first-child::before{top:.55em}
.next{display:grid;gap:.6rem;text-decoration:none;padding-block:clamp(2.5rem,6vw,4.5rem)}
.next .display{overflow-wrap:anywhere;hyphens:auto;max-width:100%}
.next .display{transition:letter-spacing .6s var(--ease),color .4s}
.next:hover .display{letter-spacing:-.01em;color:var(--c)}
.legal{display:grid;gap:3rem}
@media (min-width:64rem){.legal{grid-template-columns:16rem minmax(0,1fr);gap:4rem;align-items:start}.toc{position:sticky;top:calc(var(--header-h) + 1rem);max-height:calc(100svh - var(--header-h) - 2rem);overflow:auto}}
.toc ol{display:grid;gap:.1rem;counter-reset:toc;font-size:.93rem}
.toc li{counter-increment:toc}
.toc a{display:block;padding:.45rem 0;color:var(--muted);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:.25em}
.toc a::before{content:counter(toc) ". "}
.toc a:hover{color:var(--fg);text-decoration-color:var(--c)}
.prose{max-width:68ch;display:grid;gap:1.1rem}
.prose h2{font-family:var(--display);font-weight:500;font-size:clamp(1.15rem,1.6vw,1.4rem);letter-spacing:-.02em;line-height:1.25;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.prose h3{font-size:1.05rem;font-weight:700;margin-top:.75rem}
.prose ul{list-style:none;display:grid;gap:.55rem}
.prose ul li{padding-left:1.35rem;position:relative}
.prose ul li::before{content:"";position:absolute;left:0;top:.68em;width:.42rem;height:.42rem;border-radius:50%;background:var(--c)}
.prose a{text-decoration:underline;text-decoration-color:var(--c);text-underline-offset:.22em}
.prose a:hover{text-decoration-thickness:2px}
.prose code{font-size:.92em;padding:.1em .4em;border-radius:.35rem;background:rgba(255,255,255,.08);border:1px solid var(--line)}
.prose table{width:100%;border-collapse:collapse;font-size:.95rem}
.prose th,.prose td{text-align:left;vertical-align:top;padding:.7rem .9rem .7rem 0;border-bottom:1px solid var(--line)}
.prose th{font-weight:700}
.table-scroll{overflow-x:auto}
.table-scroll table{min-width:34rem}
.panel{padding:1.5rem;background:var(--glass);border:1px solid var(--line);border-radius:var(--r);display:grid;gap:1rem}
.article{display:grid;gap:clamp(2rem,4vw,3rem);justify-items:center}
.article .figure{width:100%}
.article .prose{font-size:1.09rem;line-height:1.7}
.article .prose h2{border-top:0;padding-top:0;margin-top:1.5rem}
.byline{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.byline b{color:var(--c);font-weight:500}
.form{display:grid;gap:1.1rem}
.form__grid{display:grid;gap:1.1rem}
@media (min-width:40rem){.form__grid{grid-template-columns:1fr 1fr}}
.field{display:grid;gap:.4rem}
.field label,.field .label-text{font-weight:600;font-size:.95rem}
.field .opt{font-weight:400;color:var(--quiet)}
.field input,.field select,.field textarea{width:100%;min-height:3.1rem;padding:.75rem 1rem;background:rgba(255,255,255,.035);border:1px solid var(--quiet);border-radius:.85rem;transition:border-color .2s,background-color .2s,box-shadow .3s}
.field textarea{min-height:8.5rem;resize:vertical}
.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 1.35rem) 55%,calc(100% - 1rem) 55%;background-size:.35rem .35rem;background-repeat:no-repeat;padding-right:2.5rem}
.field select option{background:#0b0b10;color:#fff}
.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--fg)}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline-offset:2px;border-color:var(--c);box-shadow:0 0 0 .3rem color-mix(in srgb,var(--c) 22%,transparent)}
.field [aria-invalid="true"]{border-width:2px;border-style:dashed}
.field__err{font-size:.92rem;font-weight:600}
.check{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:start;font-size:.95rem}
.check input{width:1.5rem;height:1.5rem;min-height:0;margin:.1rem 0 0;padding:0;accent-color:var(--c)}
.check a{text-decoration:underline;text-underline-offset:.2em}
.field .check label{font-weight:400}
.form-title{margin-bottom:1.25rem}
.hp{position:absolute!important;left:-200vw;width:1px;height:1px;overflow:hidden}
.form__status{font-weight:600;min-height:1.5rem}
.form__status[data-state="ok"]{padding:1rem 1.25rem;border:1px solid var(--aqua);border-radius:.85rem;background:rgba(55,226,198,.08)}
.form__status[data-state="err"]{padding:1rem 1.25rem;border:2px dashed var(--fg);border-radius:.85rem}
.contact{display:grid;gap:2.5rem}
@media (min-width:60rem){.contact{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(2.5rem,6vw,5rem)}}
.contact__form{padding:clamp(1.25rem,3vw,2.25rem)}
.direct{display:grid;gap:1.5rem;align-content:start}
.direct dt{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.direct dd{font-family:var(--display);font-weight:400;font-size:clamp(1rem,1.3vw,1.2rem);letter-spacing:-.02em;overflow-wrap:anywhere;margin-top:.2rem}
.direct dd a{text-decoration:underline;text-decoration-color:var(--c);text-underline-offset:.22em;text-decoration-thickness:1px}
.closer{padding-block:clamp(2rem,5vw,4rem) 0}
.cta{position:relative;overflow:clip;display:grid;gap:2rem;align-items:end;padding:clamp(1.75rem,5vw,4rem);border-radius:clamp(1.25rem,2.5vw,2.25rem);border:1px solid var(--line-2);
  background:radial-gradient(44rem 26rem at 0 0,rgba(139,108,255,.5),transparent 62%),radial-gradient(40rem 26rem at 100% 100%,rgba(55,226,198,.34),transparent 62%),radial-gradient(30rem 20rem at 70% 0,rgba(79,140,255,.35),transparent 60%),#07070a}
.cta::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/100% 3.5rem,linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/3.5rem 100%;-webkit-mask-image:radial-gradient(ellipse at 50% 0,#000,transparent 72%);mask-image:radial-gradient(ellipse at 50% 0,#000,transparent 72%);pointer-events:none}
.cta>*{position:relative}
@media (min-width:56rem){.cta{grid-template-columns:minmax(0,1fr) auto}}
.closer__title{font-size:clamp(2rem,5vw,4.5rem);font-weight:500;margin-bottom:clamp(.9rem,1.6vw,1.25rem);background:var(--pearl);-webkit-background-clip:text;background-clip:text;color:transparent}
.closer__title--bg{font-size:clamp(1.7rem,4.2vw,3.8rem)}
.foot{display:grid;gap:2.5rem var(--gap);padding-block:clamp(3rem,6vw,4.5rem) 1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}
.foot__label{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:.7rem}
.foot--flush{padding-top:clamp(2rem,4vw,3rem);border-top:1px solid var(--line)}
.foot ul{display:grid;gap:.05rem}
.foot li a{display:inline-block;padding:.42rem 0;color:#dcdde6;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.25em;transition:color .25s,text-decoration-color .25s}
.foot li a:hover{color:#fff;text-decoration-color:var(--c)}
.foot__base{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;padding-block:1.25rem 2rem;border-top:1px solid var(--line);font-size:.9rem;color:var(--muted)}
.foot__base svg{width:auto;height:1.25rem;color:var(--brand)}
.upside{display:inline-block;transform:rotate(180deg);font-family:var(--display);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;background:var(--spectrum);-webkit-background-clip:text;background-clip:text;color:transparent;transition:transform .9s var(--ease)}
.upside:hover{transform:rotate(360deg)}
.consent{position:fixed;z-index:150;left:1rem;right:1rem;bottom:1rem;max-width:28rem;margin-left:auto;padding:1.2rem;color:#fff;border-radius:1.25rem;display:grid;gap:1rem;
  background:rgba(14,14,20,.86);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line-2);box-shadow:0 1.5rem 4rem rgba(0,0,0,.7);animation:rise .6s var(--ease) both}
.consent p{font-size:.95rem;line-height:1.45}
.consent a{text-decoration:underline;text-underline-offset:.2em}
.consent .btn-row{gap:.6rem}
.consent .btn{flex:1 1 9rem;justify-content:center}
.lost{min-height:92svh;display:grid;align-content:center;justify-items:start;gap:1.5rem;padding-block:calc(var(--header-h) + 3rem) 4rem}
.lost__code{font-family:var(--display);font-weight:600;font-size:clamp(5rem,18vw,13rem);line-height:.8;letter-spacing:-.06em;transform:rotate(180deg);background:var(--spectrum);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  ::view-transition-old(root){animation:vt-out .4s var(--ease-io) both}
  ::view-transition-new(root){animation:vt-in .65s var(--ease-io) both}
  @keyframes vt-out{to{opacity:0;transform:translateY(-2rem) scale(.985)}}
  @keyframes vt-in{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}
  .js .split.will-split .w>i{transform:translateY(110%);transition:transform 1s var(--ease)}
  .js .split.will-split.in .w>i{transform:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}
  .marquee__track,.orb__ring,.orb__tile,.ui__check,.phero::before{animation:none}
  .lens,.progress{display:none}
  .js .statement[data-scrub] .sw{opacity:1}
  .js [data-reveal]{opacity:1;transform:none}
  .js .card[data-reveal] .card__media img{transform:none}
  .flow::after{transform:scaleX(1)}
  .site-header.is-hidden{translate:-50% 0}
}
@media (forced-colors:active){
  .btn,.round,.client,.tile,.plan,.cta,.glass{border:1px solid ButtonText}
  .lens{display:none}
  .hero__title .g,.fact__n,.closer__title,.upside,.lost__code{background:none;color:CanvasText}
}
@media print{
  .site-header,.lens,.consent,.marquee,.hero__canvas,.progress,.orb{display:none}
  body{background:#fff;color:#000}
}