:root{
  --ink:#050505;--ink-2:#0b0b0b;--ink-3:#121212;--paper:#f2f0e8;
  --muted:#9e9e98;--line:rgba(242,240,232,.16);--line-strong:rgba(242,240,232,.34);
  --acid:#c8ff3d;--violet:#7b5cff;--coral:#ff5b35;--cyan:#58e6ff;
  --radius-sm:12px;--radius-md:24px;--radius-lg:42px;
  --gutter:clamp(18px,3vw,54px);--header-h:82px;
  --ease:cubic-bezier(.2,.8,.2,1);--mx:50%;--my:50%
}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--ink);color:var(--paper);scroll-behavior:smooth}
html.lenis,html.lenis body{height:auto}
body{
  margin:0;min-width:320px;overflow-x:clip;background:
  radial-gradient(circle at 12% -10%,rgba(123,92,255,.18),transparent 33rem),
  radial-gradient(circle at 90% 12%,rgba(200,255,61,.08),transparent 30rem),var(--ink);
  color:var(--paper);font-family:"Manrope",system-ui,sans-serif;font-size:16px;line-height:1.5;cursor:none
}
body.nav-open{overflow:hidden}
::selection{background:var(--acid);color:var(--ink)}
a,button,input,textarea,select{font:inherit}
a{color:inherit;text-decoration:none}
button{color:inherit}
img,svg,canvas{display:block;max-width:100%}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--acid);outline-offset:4px}

.skip-link{
  position:fixed;z-index:9999;top:10px;left:10px;padding:10px 14px;
  transform:translateY(-160%);border-radius:100px;background:var(--paper);color:var(--ink);
  transition:transform .2s ease
}
.skip-link:focus{transform:translateY(0)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.noise,.ambient-grid,#particle-field{position:fixed;inset:0;pointer-events:none}
#particle-field{z-index:0;width:100%;height:100%;opacity:.62}
.ambient-grid{
  z-index:0;opacity:.18;background-image:
  linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 80%)
}
.noise{
  z-index:1000;opacity:.05;mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")
}
.scroll-progress{
  position:fixed;z-index:1500;top:0;left:0;width:100%;height:3px;transform:scaleX(0);
  transform-origin:left center;background:linear-gradient(90deg,var(--acid),var(--cyan),var(--violet));
  box-shadow:0 0 22px rgba(200,255,61,.5)
}
.cursor-dot,.cursor-ring{
  position:fixed;z-index:2000;top:0;left:0;pointer-events:none;border-radius:50%;
  transform:translate(-50%,-50%);mix-blend-mode:difference
}
.cursor-dot{width:7px;height:7px;background:#fff}
.cursor-ring{
  width:44px;height:44px;border:1px solid rgba(255,255,255,.9);
  transition:width .25s var(--ease),height .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease)
}
.cursor-ring.is-active{width:86px;height:86px;border-color:transparent;background:rgba(255,255,255,.16);backdrop-filter:blur(3px)}

.preloader{
  position:fixed;z-index:1900;inset:0;display:grid;grid-template-rows:1fr auto;
  padding:max(24px,4vw);overflow:hidden;background:var(--acid);color:var(--ink);
  transition:clip-path .9s cubic-bezier(.76,0,.24,1),visibility .9s;clip-path:inset(0 0 0 0)
}
.preloader::before,.preloader::after{
  content:"";position:absolute;top:50%;left:50%;border:1px solid rgba(5,5,5,.28);
  border-radius:50%;transform:translate(-50%,-50%)
}
.preloader::before{width:min(66vw,760px);aspect-ratio:1}
.preloader::after{width:min(40vw,460px);aspect-ratio:1}
.preloader.is-done{visibility:hidden;clip-path:inset(0 0 100% 0)}
.preloader__logo{
  align-self:center;justify-self:center;position:relative;z-index:2;font-family:"Syne",sans-serif;
  font-size:clamp(4rem,15vw,13rem);font-weight:800;letter-spacing:-.09em;line-height:.8
}
.preloader__logo span{
  display:inline-block;margin-left:.06em;font-family:"DM Mono",monospace;font-size:.17em;
  font-weight:500;letter-spacing:-.04em;vertical-align:top
}
.preloader__bottom{position:relative;z-index:2;display:grid;gap:12px}
.preloader__meta{
  display:flex;justify-content:space-between;gap:20px;font-family:"DM Mono",monospace;
  font-size:11px;letter-spacing:.12em;text-transform:uppercase
}
.preloader__track{height:2px;overflow:hidden;background:rgba(5,5,5,.2)}
.preloader__bar{width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:var(--ink)}
.no-js .preloader,.no-js .cursor-dot,.no-js .cursor-ring{display:none}

.site-header{
  position:fixed;z-index:1000;top:0;left:0;width:100%;height:var(--header-h);
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--gutter);
  border-bottom:1px solid transparent;
  transition:height .35s var(--ease),background .35s ease,border-color .35s ease,backdrop-filter .35s ease
}
.site-header.is-scrolled{height:68px;border-color:var(--line);background:rgba(5,5,5,.72);backdrop-filter:blur(18px)}
.brand{
  justify-self:start;display:inline-flex;align-items:flex-start;font-family:"Syne",sans-serif;
  font-size:25px;font-weight:800;letter-spacing:-.08em;line-height:1
}
.brand span{margin:1px 0 0 5px;color:var(--acid);font-family:"DM Mono",monospace;font-size:9px;font-weight:500;letter-spacing:.06em}
.main-nav{display:flex;align-items:center;gap:clamp(18px,2.2vw,36px)}
.nav-link{
  position:relative;padding:10px 0;color:rgba(242,240,232,.72);font-family:"DM Mono",monospace;
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;transition:color .25s ease
}
.nav-link::after{
  content:"";position:absolute;right:0;bottom:6px;left:0;height:1px;transform:scaleX(0);
  transform-origin:right;background:var(--acid);transition:transform .35s var(--ease)
}
.nav-link:hover,.nav-link:focus-visible{color:var(--paper)}
.nav-link:hover::after,.nav-link:focus-visible::after{transform:scaleX(1);transform-origin:left}
.header-action{justify-self:end;display:inline-flex;align-items:center;gap:12px}
.availability{
  display:inline-flex;align-items:center;gap:8px;color:rgba(242,240,232,.62);
  font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.09em;text-transform:uppercase
}
.availability::before{
  content:"";width:7px;height:7px;border-radius:50%;background:var(--acid);
  box-shadow:0 0 0 0 rgba(200,255,61,.65);animation:pulse 2s infinite
}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(200,255,61,.55)}
  70%{box-shadow:0 0 0 9px rgba(200,255,61,0)}
  100%{box-shadow:0 0 0 0 rgba(200,255,61,0)}
}

.menu-button{
  display:none;width:44px;height:44px;padding:0;place-items:center;border:1px solid var(--line);
  border-radius:50%;background:rgba(255,255,255,.04)
}
.menu-button__icon,.menu-button__icon::before,.menu-button__icon::after{
  width:17px;height:1px;background:currentColor;transition:transform .35s var(--ease),opacity .25s ease
}
.menu-button__icon{position:relative}
.menu-button__icon::before,.menu-button__icon::after{content:"";position:absolute;left:0}
.menu-button__icon::before{top:-5px}.menu-button__icon::after{top:5px}
.nav-open .menu-button__icon{background:transparent}
.nav-open .menu-button__icon::before{top:0;transform:rotate(45deg)}
.nav-open .menu-button__icon::after{top:0;transform:rotate(-45deg)}

.mobile-menu{
  position:fixed;z-index:950;inset:0;display:grid;align-content:end;
  padding:calc(var(--header-h) + 32px) var(--gutter) 40px;visibility:hidden;
  clip-path:circle(0 at calc(100% - 44px) 42px);background:var(--acid);color:var(--ink);
  transition:clip-path .7s cubic-bezier(.76,0,.24,1),visibility .7s
}
.nav-open .mobile-menu{visibility:visible;clip-path:circle(150% at calc(100% - 44px) 42px)}
.mobile-menu__links{display:grid;gap:0;margin-bottom:8vh}
.mobile-menu__link{
  display:flex;justify-content:space-between;align-items:center;padding:13px 0;
  border-bottom:1px solid rgba(5,5,5,.22);font-family:"Syne",sans-serif;
  font-size:clamp(2.4rem,11vw,5.2rem);font-weight:700;letter-spacing:-.07em;line-height:.92
}
.mobile-menu__link span{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.08em}
.mobile-menu__footer{
  display:flex;justify-content:space-between;gap:20px;font-family:"DM Mono",monospace;
  font-size:10px;letter-spacing:.08em;text-transform:uppercase
}

main,.site-footer{position:relative;z-index:2}
.section{position:relative;padding:clamp(90px,12vw,180px) var(--gutter)}
.section-label{
  display:inline-flex;align-items:center;gap:12px;color:rgba(242,240,232,.62);
  font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase
}
.section-label::before{content:"";width:28px;height:1px;background:currentColor}
.section-heading{
  max-width:1050px;margin:24px 0 0;font-family:"Syne",sans-serif;
  font-size:clamp(3rem,7.2vw,8.5rem);font-weight:700;letter-spacing:-.075em;line-height:.88
}
.section-heading .outline{color:transparent;-webkit-text-stroke:1px rgba(242,240,232,.7)}

.hero{
  position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;
  padding:calc(var(--header-h) + 60px) var(--gutter) 34px;overflow:hidden
}
.hero::before{
  content:"";position:absolute;z-index:-1;top:11%;right:-13vw;width:min(68vw,950px);aspect-ratio:1;
  border-radius:50%;background:
  radial-gradient(circle at 38% 35%,rgba(255,255,255,.34),transparent 4%),
  radial-gradient(circle at 45% 45%,rgba(88,230,255,.22),transparent 23%),
  radial-gradient(circle at 55% 55%,rgba(123,92,255,.22),transparent 52%);
  filter:blur(22px);opacity:.7
}
.hero__topline{
  position:absolute;top:calc(var(--header-h) + 32px);left:var(--gutter);display:flex;
  align-items:center;gap:12px;color:rgba(242,240,232,.6);font-family:"DM Mono",monospace;
  font-size:10px;letter-spacing:.11em;text-transform:uppercase
}
.hero__topline::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--coral)}
.hero__stage{
  position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);
  align-items:end;gap:4vw
}
.hero__copy{position:relative;z-index:3}
.hero__title{
  margin:0;font-family:"Syne",sans-serif;font-size:clamp(4rem,10.8vw,12.2rem);
  font-weight:700;letter-spacing:-.09em;line-height:.75;text-transform:uppercase
}
.hero-line{display:block;overflow:hidden;padding:.09em .03em .12em 0}
.hero-line>span{display:block;transform-origin:left bottom}
.hero-line:nth-child(2){padding-left:clamp(0px,9vw,150px)}
.hero-line:nth-child(3){display:flex;align-items:center;gap:.12em}
.hero-line .outline-word{color:transparent;-webkit-text-stroke:max(1px,.012em) rgba(242,240,232,.9)}
.hero-title__burst{
  width:.55em;aspect-ratio:1;flex:0 0 auto;border:.04em solid var(--acid);border-radius:50%;
  position:relative;animation:rotate 9s linear infinite
}
.hero-title__burst::before,.hero-title__burst::after{
  content:"";position:absolute;top:50%;left:50%;width:140%;height:.035em;background:var(--acid);
  transform:translate(-50%,-50%)
}
.hero-title__burst::after{transform:translate(-50%,-50%) rotate(90deg)}
@keyframes rotate{to{transform:rotate(360deg)}}

.hero__side{
  position:relative;z-index:4;align-self:stretch;display:flex;flex-direction:column;
  justify-content:flex-end;gap:18px;padding-bottom:1.1vw
}
.hero-orbit{
  position:absolute;z-index:1;right:-3vw;bottom:18%;width:min(39vw,580px);aspect-ratio:1;
  pointer-events:none;transform-style:preserve-3d;perspective:1000px
}
.hero-orbit__core{
  position:absolute;inset:19%;border-radius:50%;background:
  radial-gradient(circle at 33% 27%,rgba(255,255,255,.92),transparent 4%),
  radial-gradient(circle at 38% 35%,var(--cyan),transparent 16%),
  radial-gradient(circle at 63% 67%,var(--violet),transparent 52%),#0d0d0d;
  box-shadow:inset -42px -45px 80px rgba(0,0,0,.72),inset 15px 12px 42px rgba(255,255,255,.18),0 0 90px rgba(123,92,255,.26);
  animation:float-core 6s ease-in-out infinite alternate
}
.hero-orbit__core::after{content:"";position:absolute;inset:-14%;border:1px solid rgba(88,230,255,.18);border-radius:50%;filter:blur(1px)}
.hero-orbit__ring{
  position:absolute;inset:7%;border:1px solid rgba(242,240,232,.28);border-radius:50%;
  transform:rotateX(67deg) rotateZ(12deg);animation:orbit-ring 15s linear infinite
}
.hero-orbit__ring::before{
  content:"";position:absolute;top:50%;left:-6px;width:11px;height:11px;border-radius:50%;
  background:var(--acid);box-shadow:0 0 18px var(--acid)
}
.hero-orbit__ring--two{
  inset:0;border-color:rgba(200,255,61,.2);transform:rotateX(74deg) rotateZ(-47deg);
  animation-duration:22s;animation-direction:reverse
}
.hero-orbit__ring--two::before{top:18%;left:78%;width:7px;height:7px;background:var(--coral);box-shadow:0 0 18px var(--coral)}
.hero-orbit__grid{
  position:absolute;inset:20%;border-radius:50%;opacity:.25;background-image:
  linear-gradient(rgba(255,255,255,.24) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.24) 1px,transparent 1px);
  background-size:22px 22px;mask-image:radial-gradient(circle,black 40%,transparent 71%);transform:rotate(-12deg)
}
.hero-orbit__tag{
  position:absolute;top:16%;right:1%;padding:7px 10px;border:1px solid rgba(242,240,232,.25);
  border-radius:100px;background:rgba(5,5,5,.46);color:rgba(242,240,232,.72);
  font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(10px)
}
@keyframes orbit-ring{to{transform:rotateX(67deg) rotateZ(372deg)}}
@keyframes float-core{from{transform:translateY(-9px) rotate(-2deg)}to{transform:translateY(12px) rotate(3deg)}}

.hero-card{
  position:relative;overflow:hidden;padding:18px;border:1px solid var(--line);border-radius:var(--radius-md);
  background:rgba(10,10,10,.66);backdrop-filter:blur(18px);box-shadow:0 24px 80px rgba(0,0,0,.3)
}
.hero-card::before,[data-spotlight]::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(420px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(200,255,61,.11),transparent 42%);
  transition:opacity .25s ease
}
.hero-card:hover::before,[data-spotlight]:hover::before{opacity:1}
.hero-card__header,.hero-card__metric,.hero-card__footer{position:relative;z-index:1}
.hero-card__header{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;
  color:rgba(242,240,232,.56);font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase
}
.live-pill{display:inline-flex;align-items:center;gap:6px;color:var(--acid)}
.live-pill::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}
.hero-card__metric{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}
.hero-card__value{font-family:"Syne",sans-serif;font-size:clamp(3.3rem,6vw,6rem);font-weight:700;letter-spacing:-.08em;line-height:.72}
.hero-card__delta{margin-bottom:4px;color:var(--acid);font-family:"DM Mono",monospace;font-size:11px}
.hero-card__label{margin-top:12px;color:rgba(242,240,232,.62);font-size:12px}
.mini-chart{width:100%;height:72px;margin-top:18px}
.mini-chart path{fill:none;stroke:var(--acid);stroke-width:2;vector-effect:non-scaling-stroke}
.mini-chart .area{fill:url(#miniGradient);stroke:none}
.hero-card__footer{
  display:flex;justify-content:space-between;margin-top:10px;padding-top:12px;border-top:1px solid var(--line);
  color:rgba(242,240,232,.44);font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.08em;text-transform:uppercase
}
.hero__statement{max-width:420px;margin:0;color:rgba(242,240,232,.68);font-size:clamp(13px,1.1vw,16px);line-height:1.7}
.hero__actions{display:flex;align-items:center;gap:12px;margin-top:6px}

.button{
  --button-bg:var(--acid);--button-fg:var(--ink);position:relative;isolation:isolate;
  display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:0 22px;
  overflow:hidden;border:1px solid transparent;border-radius:100px;background:var(--button-bg);color:var(--button-fg);
  font-family:"DM Mono",monospace;font-size:10px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;
  transition:color .35s var(--ease),border-color .35s ease,transform .25s var(--ease)
}
.button::before{
  content:"";position:absolute;z-index:-1;top:100%;left:50%;width:140%;aspect-ratio:1;border-radius:50%;
  background:var(--paper);transform:translate(-50%,0);transition:transform .55s cubic-bezier(.76,0,.24,1)
}
.button:hover::before,.button:focus-visible::before{transform:translate(-50%,-75%)}
.button__icon{
  width:21px;height:21px;display:grid;place-items:center;border-radius:50%;
  background:rgba(5,5,5,.12);transition:transform .35s var(--ease)
}
.button:hover .button__icon,.button:focus-visible .button__icon{transform:rotate(45deg)}
.button--ghost{--button-bg:rgba(255,255,255,.035);--button-fg:var(--paper);border-color:var(--line);backdrop-filter:blur(10px)}
.button--ghost::before{background:rgba(242,240,232,.1)}

.hero__footer{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:24px;margin-top:clamp(34px,5vw,70px);
  padding-top:18px;border-top:1px solid var(--line)
}
.hero__footer-note,.hero__footer-coordinates{
  color:rgba(242,240,232,.45);font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.09em;text-transform:uppercase
}
.hero__footer-coordinates{justify-self:end;text-align:right}
.scroll-cue{
  display:grid;justify-items:center;gap:8px;color:rgba(242,240,232,.55);
  font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.15em;text-transform:uppercase
}
.scroll-cue__line{width:1px;height:35px;overflow:hidden;background:rgba(242,240,232,.18)}
.scroll-cue__line::after{content:"";display:block;width:100%;height:55%;background:var(--acid);animation:scroll-cue 1.8s ease-in-out infinite}
@keyframes scroll-cue{0%{transform:translateY(-110%)}55%,100%{transform:translateY(210%)}}

.marquee{
  position:relative;z-index:3;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:var(--acid);color:var(--ink);transform:rotate(-1.4deg) scale(1.03);transform-origin:center
}
.marquee__track{display:flex;width:max-content;animation:marquee 28s linear infinite}
.marquee__item{
  display:flex;align-items:center;gap:28px;padding:15px 18px;font-family:"Syne",sans-serif;
  font-size:clamp(1.4rem,3vw,3rem);font-weight:700;letter-spacing:-.045em;line-height:1;white-space:nowrap;text-transform:uppercase
}
.marquee__item::after{content:"✦";font-size:.7em}
@keyframes marquee{to{transform:translateX(-50%)}}

.manifesto{min-height:120vh;display:grid;grid-template-columns:minmax(180px,.32fr) 1fr;gap:6vw;align-items:start}
.manifesto__aside{position:sticky;top:110px}
.manifesto__index{
  margin-top:22px;color:rgba(242,240,232,.22);font-family:"Syne",sans-serif;
  font-size:clamp(6rem,15vw,14rem);font-weight:700;letter-spacing:-.08em;line-height:.75
}
.manifesto__copy{
  margin:0;padding-top:3vh;color:rgba(242,240,232,.14);font-family:"Syne",sans-serif;
  font-size:clamp(2.7rem,6vw,7.4rem);font-weight:600;letter-spacing:-.06em;line-height:1
}
.manifesto__copy .word{display:inline-block;will-change:color}
.manifesto__foot{
  max-width:590px;margin:56px 0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;
  color:rgba(242,240,232,.54);font-size:13px;line-height:1.75
}
.manifesto__foot strong{color:var(--paper);font-weight:600}

.services{
  overflow:hidden;border-top:1px solid var(--line);
  background:radial-gradient(circle at 84% 15%,rgba(200,255,61,.08),transparent 26rem),var(--ink-2)
}
.services__head{
  display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px;margin-bottom:clamp(50px,7vw,100px)
}
.services__intro{max-width:390px;margin:0 0 6px;color:rgba(242,240,232,.55);font-size:13px;line-height:1.75}
.services-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.service-card{
  --rx:0deg;--ry:0deg;position:relative;grid-column:span 5;min-height:390px;
  display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,2.8vw,38px);
  overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.025);
  transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;
  transition:border-color .35s ease,background .35s ease,transform .15s linear
}
.service-card--wide{grid-column:span 7}
.service-card--half{grid-column:span 6}
.service-card:hover{border-color:rgba(200,255,61,.46);background:rgba(255,255,255,.045)}
.service-card__top,.service-card__bottom{position:relative;z-index:2;transform:translateZ(28px)}
.service-card__top{display:flex;justify-content:space-between;align-items:start}
.service-card__number{color:rgba(242,240,232,.38);font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.1em}
.service-card__glyph{position:relative;width:72px;height:72px;border:1px solid var(--line);border-radius:50%}
.service-card__glyph::before,.service-card__glyph::after{
  content:"";position:absolute;top:50%;left:50%;background:var(--acid);
  transform:translate(-50%,-50%);transition:transform .55s var(--ease)
}
.service-card__glyph::before{width:28px;height:2px}
.service-card__glyph::after{width:2px;height:28px}
.service-card:hover .service-card__glyph::before{transform:translate(-50%,-50%) rotate(180deg)}
.service-card:hover .service-card__glyph::after{transform:translate(-50%,-50%) rotate(270deg)}
.service-card__visual{
  position:absolute;z-index:0;top:20%;right:-8%;width:48%;aspect-ratio:1;border-radius:50%;
  opacity:.32;filter:blur(2px);background:repeating-radial-gradient(circle at center,transparent 0 12px,rgba(200,255,61,.28) 13px 14px);
  transition:opacity .35s ease,transform .65s var(--ease)
}
.service-card:nth-child(2n) .service-card__visual{
  background:repeating-linear-gradient(45deg,transparent 0 12px,rgba(123,92,255,.34) 13px 14px);transform:rotate(15deg)
}
.service-card:nth-child(3n) .service-card__visual{
  background:conic-gradient(from 90deg,transparent,rgba(88,230,255,.25),transparent 38%,rgba(255,91,53,.22),transparent 72%)
}
.service-card:hover .service-card__visual{opacity:.65;transform:scale(1.15) rotate(8deg)}
.service-card__title{
  max-width:620px;margin:0 0 14px;font-family:"Syne",sans-serif;
  font-size:clamp(2rem,3.7vw,4rem);font-weight:650;letter-spacing:-.06em;line-height:.92
}
.service-card__text{max-width:570px;margin:0;color:rgba(242,240,232,.54);font-size:13px;line-height:1.75}
.service-card__tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}
.tag{
  padding:6px 9px;border:1px solid var(--line);border-radius:100px;color:rgba(242,240,232,.58);
  font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.08em;text-transform:uppercase
}

[data-reveal]{will-change:transform,opacity}

.work{padding-right:0;padding-left:0;background:var(--paper);color:var(--ink)}
.work__head{padding:0 var(--gutter)}
.work .section-label{color:rgba(5,5,5,.55)}
.work .section-heading .outline{color:transparent;-webkit-text-stroke:1px rgba(5,5,5,.62)}
.work__note{
  max-width:530px;margin:28px 0 0 auto;padding-right:var(--gutter);
  color:rgba(5,5,5,.58);font-size:13px;line-height:1.7
}
.work-pin{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:50px 0}
.work-track{display:flex;width:max-content;gap:22px;padding:0 var(--gutter);will-change:transform}
.case-card{
  --rx:0deg;--ry:0deg;position:relative;width:min(78vw,1050px);min-height:650px;
  display:grid;grid-template-columns:.84fr 1.16fr;overflow:hidden;border:1px solid rgba(5,5,5,.16);
  border-radius:var(--radius-lg);background:#e7e5dc;
  transform:perspective(1400px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .15s linear
}
.case-card--dark{background:#141414;color:var(--paper)}
.case-card--acid{background:var(--acid)}
.case-card__content{
  position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;
  padding:clamp(28px,4vw,58px)
}
.case-card__eyebrow{
  display:flex;justify-content:space-between;gap:20px;font-family:"DM Mono",monospace;
  font-size:9px;letter-spacing:.1em;text-transform:uppercase;opacity:.55
}
.case-card__title{
  margin:auto 0 20px;font-family:"Syne",sans-serif;font-size:clamp(3rem,6vw,7.2rem);
  font-weight:700;letter-spacing:-.08em;line-height:.82
}
.case-card__summary{max-width:410px;margin:0;font-size:13px;line-height:1.75;opacity:.62}
.case-card__metrics{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:34px;
  border:1px solid rgba(5,5,5,.16);border-radius:14px;overflow:hidden;background:rgba(5,5,5,.14)
}
.case-card--dark .case-card__metrics{border-color:var(--line);background:var(--line)}
.case-metric{padding:16px;background:#e7e5dc}
.case-card--dark .case-metric{background:#141414}
.case-card--acid .case-metric{background:var(--acid)}
.case-metric__value{
  font-family:"Syne",sans-serif;font-size:clamp(2rem,4vw,4.4rem);
  font-weight:700;letter-spacing:-.07em;line-height:.9
}
.case-metric__label{
  margin-top:8px;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.08em;
  text-transform:uppercase;opacity:.52
}
.case-card__visual{position:relative;min-height:650px;overflow:hidden;border-left:1px solid rgba(5,5,5,.15)}
.case-card--dark .case-card__visual{border-color:var(--line)}

.visual-radar{
  position:absolute;inset:0;display:grid;place-items:center;
  background:linear-gradient(rgba(5,5,5,.07) 1px,transparent 1px),
  linear-gradient(90deg,rgba(5,5,5,.07) 1px,transparent 1px);
  background-size:44px 44px
}
.visual-radar__circle{position:absolute;width:72%;aspect-ratio:1;border:1px solid rgba(5,5,5,.24);border-radius:50%}
.visual-radar__circle::before,.visual-radar__circle::after{content:"";position:absolute;inset:17%;border:inherit;border-radius:inherit}
.visual-radar__circle::after{inset:34%}
.visual-radar__sweep{
  position:absolute;width:72%;aspect-ratio:1;border-radius:50%;
  background:conic-gradient(from 0deg,rgba(123,92,255,.58),transparent 22%);
  animation:rotate 7s linear infinite;mask-image:radial-gradient(circle,transparent 0 8%,black 8%)
}
.visual-radar__dot{
  position:absolute;width:16px;height:16px;border:3px solid #e7e5dc;border-radius:50%;
  background:var(--violet);box-shadow:0 0 0 10px rgba(123,92,255,.16),0 0 30px rgba(123,92,255,.55)
}
.visual-radar__dot.dot-a{top:28%;left:62%}
.visual-radar__dot.dot-b{top:54%;left:30%;background:var(--coral)}
.visual-radar__dot.dot-c{top:68%;left:70%;background:var(--acid)}
.visual-label{
  position:absolute;padding:8px 10px;border:1px solid rgba(5,5,5,.18);border-radius:100px;
  background:rgba(231,229,220,.78);font-family:"DM Mono",monospace;font-size:8px;
  letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)
}
.visual-label--one{top:17%;left:12%}.visual-label--two{right:9%;bottom:13%}

.visual-stack{
  position:absolute;inset:0;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 40%,rgba(88,230,255,.19),transparent 34%),#141414
}
.phone{
  position:relative;width:min(45%,260px);aspect-ratio:.54;padding:12px;border:1px solid rgba(255,255,255,.26);
  border-radius:40px;background:#070707;box-shadow:0 35px 80px rgba(0,0,0,.48);transform:rotate(8deg)
}
.phone::before{
  content:"";position:absolute;z-index:3;top:18px;left:50%;width:32%;height:18px;
  border-radius:20px;background:#050505;transform:translateX(-50%)
}
.phone__screen{
  position:relative;height:100%;overflow:hidden;border-radius:31px;
  background:linear-gradient(160deg,rgba(123,92,255,.92),rgba(88,230,255,.22) 55%,#0d0d0d 55%)
}
.phone__screen::before{
  content:"BOOK\A YOUR\A GLOW";white-space:pre;position:absolute;left:12%;bottom:11%;
  font-family:"Syne",sans-serif;font-size:clamp(1.2rem,3vw,2.8rem);font-weight:700;
  letter-spacing:-.07em;line-height:.82
}
.float-card{
  position:absolute;min-width:170px;padding:14px;border:1px solid rgba(255,255,255,.18);
  border-radius:15px;background:rgba(255,255,255,.08);backdrop-filter:blur(13px);
  box-shadow:0 20px 60px rgba(0,0,0,.28)
}
.float-card--one{top:17%;left:8%;transform:rotate(-6deg)}
.float-card--two{right:6%;bottom:19%;transform:rotate(4deg)}
.float-card__label{color:rgba(255,255,255,.5);font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.float-card__value{margin-top:7px;font-family:"Syne",sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.06em}

.map-visual{
  position:absolute;inset:0;background:linear-gradient(rgba(5,5,5,.1) 1px,transparent 1px),
  linear-gradient(90deg,rgba(5,5,5,.1) 1px,transparent 1px),var(--acid);background-size:34px 34px
}
.map-path{position:absolute;inset:10%}
.map-path path{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:9 10;vector-effect:non-scaling-stroke}
.map-pin{
  position:absolute;width:28px;height:28px;border:2px solid var(--ink);border-radius:50% 50% 50% 0;
  background:var(--paper);transform:rotate(-45deg);box-shadow:0 0 0 10px rgba(5,5,5,.08)
}
.map-pin::after{
  content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;
  background:var(--ink);transform:translate(-50%,-50%)
}
.map-pin--one{top:22%;left:60%}.map-pin--two{top:54%;left:28%}.map-pin--three{top:69%;left:72%}
.map-search{
  position:absolute;top:10%;left:8%;right:8%;display:flex;align-items:center;justify-content:space-between;
  padding:13px 16px;border:1px solid rgba(5,5,5,.23);border-radius:100px;background:rgba(242,240,232,.78);
  font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.07em;text-transform:uppercase;backdrop-filter:blur(10px)
}
.map-rank{
  position:absolute;right:8%;bottom:10%;padding:20px;border:1px solid rgba(5,5,5,.2);
  border-radius:20px;background:var(--ink);color:var(--paper);box-shadow:0 28px 70px rgba(5,5,5,.22)
}
.map-rank span{display:block;color:var(--acid);font-family:"Syne",sans-serif;font-size:3.8rem;font-weight:700;letter-spacing:-.08em;line-height:.75}
.map-rank small{display:block;margin-top:10px;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.08em;text-transform:uppercase}

.signal-lab{
  overflow:hidden;background:radial-gradient(circle at 12% 30%,rgba(123,92,255,.18),transparent 28rem),
  radial-gradient(circle at 84% 78%,rgba(200,255,61,.1),transparent 30rem),var(--ink)
}
.signal-lab__head{
  display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:8vw;margin-bottom:60px
}
.signal-lab__copy{max-width:530px;margin:0 0 8px;color:rgba(242,240,232,.56);font-size:14px;line-height:1.75}
.dashboard{
  display:grid;grid-template-columns:.78fr 1.22fr;min-height:660px;overflow:hidden;
  border:1px solid var(--line);border-radius:var(--radius-lg);background:rgba(255,255,255,.025);
  box-shadow:0 60px 150px rgba(0,0,0,.35);backdrop-filter:blur(16px)
}
.dashboard__sidebar{
  display:flex;flex-direction:column;padding:clamp(24px,3vw,42px);
  border-right:1px solid var(--line);background:rgba(255,255,255,.018)
}
.dashboard__brand{
  display:flex;justify-content:space-between;color:rgba(242,240,232,.46);
  font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.09em;text-transform:uppercase
}
.dashboard__metric{margin:auto 0}
.dashboard__metric-label{
  color:rgba(242,240,232,.48);font-family:"DM Mono",monospace;font-size:9px;
  letter-spacing:.1em;text-transform:uppercase
}
.dashboard__metric-value{
  margin-top:18px;font-family:"Syne",sans-serif;font-size:clamp(5rem,10vw,11rem);
  font-weight:700;letter-spacing:-.1em;line-height:.72
}
.dashboard__metric-value sup{
  margin-left:6px;color:var(--acid);font-family:"DM Mono",monospace;
  font-size:.12em;letter-spacing:.02em;vertical-align:top
}
.dashboard__submetrics{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border:1px solid var(--line);
  border-radius:16px;overflow:hidden;background:var(--line)
}
.dashboard__submetric{padding:15px;background:var(--ink-2)}
.dashboard__submetric strong{display:block;font-family:"Syne",sans-serif;font-size:1.7rem;letter-spacing:-.06em}
.dashboard__submetric span{
  display:block;margin-top:4px;color:rgba(242,240,232,.42);font-family:"DM Mono",monospace;
  font-size:8px;letter-spacing:.08em;text-transform:uppercase
}
.dashboard__main{display:flex;flex-direction:column;padding:clamp(24px,3vw,42px)}
.channel-tabs{display:flex;flex-wrap:wrap;gap:8px}
.channel-tab{
  padding:9px 13px;border:1px solid var(--line);border-radius:100px;background:transparent;
  color:rgba(242,240,232,.5);font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.09em;text-transform:uppercase;
  transition:background .25s ease,color .25s ease,border-color .25s ease
}
.channel-tab.is-active{border-color:var(--acid);background:var(--acid);color:var(--ink)}
.signal-chart{
  position:relative;flex:1;min-height:350px;margin-top:28px;border:1px solid var(--line);
  border-radius:22px;overflow:hidden;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:12.5% 25%
}
.signal-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#signalArea{fill:url(#signalGradient);opacity:.45}
#signalPath{fill:none;stroke:var(--acid);stroke-width:3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 9px rgba(200,255,61,.38))}
#signalDot{fill:var(--paper);stroke:var(--acid);stroke-width:5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 10px rgba(200,255,61,.8))}
.chart-tooltip{
  position:absolute;top:15%;right:6%;padding:10px 12px;border:1px solid var(--line);
  border-radius:10px;background:rgba(5,5,5,.72);color:rgba(242,240,232,.7);
  font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.07em;text-transform:uppercase;backdrop-filter:blur(10px)
}
.chart-tooltip strong{color:var(--paper)}
.dashboard__timeline{
  display:flex;justify-content:space-between;margin-top:13px;color:rgba(242,240,232,.34);
  font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.07em;text-transform:uppercase
}

.system{overflow:hidden;background:var(--paper);color:var(--ink)}
.system .section-label{color:rgba(5,5,5,.55)}
.system .section-heading .outline{color:transparent;-webkit-text-stroke:1px rgba(5,5,5,.6)}
.system__layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:start}
.system__sticky{
  position:sticky;top:110px;min-height:calc(100vh - 150px);
  display:flex;flex-direction:column;justify-content:space-between
}
.system__visual{position:relative;width:min(32vw,440px);aspect-ratio:1;margin-top:50px}
.system__visual-ring{position:absolute;inset:0;border:1px solid rgba(5,5,5,.23);border-radius:50%}
.system__visual-ring:nth-child(2){inset:16%}.system__visual-ring:nth-child(3){inset:32%}
.system__visual-hand{
  position:absolute;top:50%;left:50%;width:48%;height:2px;background:var(--ink);
  transform-origin:left center;animation:rotate 12s linear infinite
}
.system__visual-hand::after{
  content:"";position:absolute;right:-7px;top:-6px;width:14px;height:14px;border-radius:50%;
  background:var(--coral);box-shadow:0 0 0 10px rgba(255,91,53,.16)
}
.system__visual-center{
  position:absolute;top:50%;left:50%;width:92px;height:92px;display:grid;place-items:center;
  border-radius:50%;background:var(--ink);color:var(--acid);font-family:"DM Mono",monospace;
  font-size:9px;letter-spacing:.1em;text-align:center;text-transform:uppercase;transform:translate(-50%,-50%)
}
.system__footnote{max-width:360px;color:rgba(5,5,5,.55);font-size:12px;line-height:1.75}
.step{
  min-height:66vh;display:grid;align-content:center;padding:80px 0;border-top:1px solid rgba(5,5,5,.17)
}
.step:last-child{border-bottom:1px solid rgba(5,5,5,.17)}
.step__head{display:flex;justify-content:space-between;align-items:start;gap:28px}
.step__number{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.1em}
.step__duration{
  padding:7px 9px;border:1px solid rgba(5,5,5,.18);border-radius:100px;
  font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.08em;text-transform:uppercase
}
.step__title{
  max-width:690px;margin:42px 0 18px;font-family:"Syne",sans-serif;
  font-size:clamp(3rem,6vw,7rem);font-weight:700;letter-spacing:-.08em;line-height:.86
}
.step__copy{max-width:570px;margin:0;color:rgba(5,5,5,.55);font-size:14px;line-height:1.8}
.step__deliverables{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.step__deliverables span{
  padding:7px 10px;border:1px solid rgba(5,5,5,.18);border-radius:100px;
  font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.07em;text-transform:uppercase
}

.pricing{
  border-top:1px solid var(--line);
  background:radial-gradient(circle at 50% 10%,rgba(123,92,255,.14),transparent 36rem),var(--ink-2)
}
.pricing__head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-bottom:52px}
.price-toggle{
  display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);
  border-radius:100px;background:rgba(255,255,255,.03)
}
.price-toggle button{
  padding:9px 12px;border:0;border-radius:100px;background:transparent;color:rgba(242,240,232,.5);
  font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.08em;text-transform:uppercase
}
.price-toggle button.is-active{background:var(--paper);color:var(--ink)}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.price-card{
  position:relative;min-height:600px;display:flex;flex-direction:column;padding:clamp(20px,2.3vw,32px);
  overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.025);
  transition:transform .4s var(--ease),border-color .3s ease
}
.price-card:hover{transform:translateY(-10px);border-color:var(--line-strong)}
.price-card--featured{background:var(--acid);color:var(--ink)}
.price-card--featured::after{
  content:"MOST SELECTED";position:absolute;top:25px;right:-39px;width:160px;padding:6px 0;
  background:var(--ink);color:var(--paper);font-family:"DM Mono",monospace;font-size:7px;
  letter-spacing:.1em;text-align:center;transform:rotate(42deg)
}
.price-card__tier{color:rgba(242,240,232,.45);font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.price-card--featured .price-card__tier{color:rgba(5,5,5,.52)}
.price-card__name{
  margin:28px 0 0;font-family:"Syne",sans-serif;font-size:clamp(2rem,3.5vw,4rem);
  font-weight:700;letter-spacing:-.07em;line-height:.9
}
.price-card__description{min-height:68px;margin:18px 0 28px;color:rgba(242,240,232,.52);font-size:12px;line-height:1.7}
.price-card--featured .price-card__description{color:rgba(5,5,5,.58)}
.price-card__price{display:flex;align-items:end;gap:8px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.price-card--featured .price-card__price{border-color:rgba(5,5,5,.18)}
.price-number{font-family:"Syne",sans-serif;font-size:clamp(3.1rem,5vw,5.6rem);font-weight:700;letter-spacing:-.09em;line-height:.75}
.price-card__currency{margin-bottom:2px;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.08em;text-transform:uppercase;opacity:.52}
.price-card__features{
  display:grid;gap:12px;margin:28px 0;padding:0;list-style:none;
  color:rgba(242,240,232,.65);font-size:11px
}
.price-card--featured .price-card__features{color:rgba(5,5,5,.65)}
.price-card__features li{display:flex;align-items:start;gap:10px}
.price-card__features li::before{content:"↳";color:var(--acid);font-family:"DM Mono",monospace}
.price-card--featured .price-card__features li::before{color:var(--ink)}
.price-card .button{margin-top:auto;width:100%}
.price-card:not(.price-card--featured) .button{--button-bg:rgba(255,255,255,.06);--button-fg:var(--paper);border-color:var(--line)}
.price-card--featured .button{--button-bg:var(--ink);--button-fg:var(--paper)}
.price-card--featured .button::before{background:var(--violet)}
.pricing__note{
  margin-top:18px;color:rgba(242,240,232,.38);font-family:"DM Mono",monospace;
  font-size:8px;letter-spacing:.07em;text-transform:uppercase
}

.testimonial{min-height:100vh;display:grid;place-items:center;overflow:hidden;background:var(--violet);color:var(--paper)}
.testimonial::before{
  content:"RESULTS / RESULTS / RESULTS";position:absolute;top:50%;left:50%;width:max-content;
  color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.18);font-family:"Syne",sans-serif;
  font-size:16vw;font-weight:800;letter-spacing:-.08em;line-height:.8;
  transform:translate(-50%,-50%) rotate(-8deg);animation:testimonial-drift 13s ease-in-out infinite alternate
}
@keyframes testimonial-drift{to{transform:translate(-46%,-52%) rotate(-4deg)}}
.testimonial__inner{position:relative;z-index:2;max-width:1150px;text-align:center}
.testimonial__mark{
  width:64px;height:64px;display:grid;place-items:center;margin:0 auto 34px;
  border:1px solid rgba(255,255,255,.34);border-radius:50%;font-family:"Syne",sans-serif;font-size:2rem
}
.testimonial blockquote{
  margin:0;font-family:"Syne",sans-serif;font-size:clamp(3rem,7vw,8rem);
  font-weight:650;letter-spacing:-.07em;line-height:.92
}
.testimonial figcaption{
  display:flex;justify-content:center;align-items:center;gap:14px;margin-top:38px;
  font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase
}
.testimonial figcaption::before{content:"";width:30px;height:1px;background:currentColor}

.contact{
  min-height:100vh;overflow:hidden;padding-bottom:50px;
  background:radial-gradient(circle at var(--mx) var(--my),rgba(200,255,61,.13),transparent 25rem),var(--ink)
}
.contact__head{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:start}
.contact__status{
  display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid var(--line);
  border-radius:100px;color:rgba(242,240,232,.56);font-family:"DM Mono",monospace;
  font-size:8px;letter-spacing:.09em;text-transform:uppercase
}
.contact__status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid)}
.contact__title{
  margin:clamp(70px,10vw,150px) 0 0;font-family:"Syne",sans-serif;font-size:clamp(4rem,12vw,14rem);
  font-weight:700;letter-spacing:-.095em;line-height:.73;text-transform:uppercase
}
.contact__title-line{display:block;overflow:hidden}
.contact__title-line:nth-child(2){padding-left:13vw;color:transparent;-webkit-text-stroke:1px rgba(242,240,232,.8)}
.contact__title-line:nth-child(3){text-align:right;color:var(--acid)}
.contact__bottom{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:end;margin-top:90px}
.contact__details{display:grid;gap:24px}
.contact__detail{padding-top:15px;border-top:1px solid var(--line)}
.contact__detail-label{
  color:rgba(242,240,232,.4);font-family:"DM Mono",monospace;font-size:8px;
  letter-spacing:.09em;text-transform:uppercase
}
.contact__detail-value{
  display:inline-block;margin-top:7px;font-family:"Syne",sans-serif;
  font-size:clamp(1.4rem,2.5vw,2.8rem);letter-spacing:-.055em;line-height:1
}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px}
.field{position:relative}.field--full{grid-column:1/-1}
.field label{
  display:block;margin-bottom:9px;color:rgba(242,240,232,.42);font-family:"DM Mono",monospace;
  font-size:8px;letter-spacing:.09em;text-transform:uppercase
}
.field input,.field textarea,.field select{
  width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;outline:0;
  padding:8px 0 14px;background:transparent;color:var(--paper);transition:border-color .25s ease
}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--acid)}
.field textarea{min-height:104px;resize:vertical}
.field select{
  appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--paper) 50%),
  linear-gradient(135deg,var(--paper) 50%,transparent 50%);
  background-position:calc(100% - 8px) calc(50% - 2px),calc(100% - 3px) calc(50% - 2px);
  background-size:5px 5px,5px 5px;background-repeat:no-repeat
}
.field select option{background:var(--ink);color:var(--paper)}
.contact-form__footer{
  grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px
}
.contact-form__note{max-width:370px;margin:0;color:rgba(242,240,232,.38);font-size:10px;line-height:1.6}
.form-success{
  grid-column:1/-1;display:none;padding:14px;border:1px solid rgba(200,255,61,.38);
  border-radius:12px;background:rgba(200,255,61,.08);color:var(--acid);
  font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.07em;text-transform:uppercase
}
.form-success.is-visible{display:block}

.site-footer{padding:26px var(--gutter);border-top:1px solid var(--line);background:var(--ink)}
.site-footer__row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}
.site-footer__copyright,.site-footer__note{
  color:rgba(242,240,232,.34);font-family:"DM Mono",monospace;
  font-size:8px;letter-spacing:.08em;text-transform:uppercase
}
.site-footer__note{justify-self:end;text-align:right}
.back-to-top{
  width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);
  border-radius:50%;transition:background .25s ease,color .25s ease
}
.back-to-top:hover{background:var(--paper);color:var(--ink)}

@media (max-width:1180px){
  .pricing-grid{grid-template-columns:repeat(2,1fr)}
  .price-card{min-height:560px}
  .dashboard{grid-template-columns:.9fr 1.1fr}
}
@media (max-width:980px){
  body{cursor:auto}.cursor-dot,.cursor-ring{display:none}
  .site-header{grid-template-columns:1fr auto}.main-nav,.availability{display:none}.menu-button{display:grid}
  .hero{min-height:auto;padding-top:calc(var(--header-h) + 115px)}
  .hero__stage{grid-template-columns:1fr}
  .hero__side{width:min(100%,520px);margin:36px 0 0 auto}
  .hero-orbit{top:8%;right:-23vw;bottom:auto;width:75vw;opacity:.72}
  .hero__title{font-size:clamp(4.3rem,16.5vw,9rem)}
  .hero__footer{margin-top:60px}
  .services__head,.signal-lab__head,.pricing__head{grid-template-columns:1fr}
  .services__intro,.signal-lab__copy{margin-left:auto}
  .service-card,.service-card--wide,.service-card--half{grid-column:span 6}
  .case-card{width:88vw;grid-template-columns:1fr}
  .case-card__visual{min-height:460px;border-top:1px solid rgba(5,5,5,.15);border-left:0}
  .dashboard{grid-template-columns:1fr}
  .dashboard__sidebar{min-height:420px;border-right:0;border-bottom:1px solid var(--line)}
  .system__layout{grid-template-columns:1fr}
  .system__sticky{position:relative;top:auto;min-height:auto}
  .system__visual{width:min(70vw,420px);margin:50px auto 90px}
  .step{min-height:auto}
  .contact__bottom{grid-template-columns:1fr}
}
@media (max-width:720px){
  :root{--header-h:70px}
  .section{padding-top:90px;padding-bottom:90px}
  .hero__topline{top:calc(var(--header-h) + 24px)}
  .hero-line:nth-child(2){padding-left:8vw}
  .hero__title{font-size:clamp(3.5rem,17.2vw,7.2rem);line-height:.77}
  .hero__side{width:100%}
  .hero__footer{grid-template-columns:1fr auto}.scroll-cue{display:none}
  .hero__footer-coordinates{grid-column:2}
  .manifesto{min-height:auto;grid-template-columns:1fr}
  .manifesto__aside{position:relative;top:auto}.manifesto__index{display:none}
  .manifesto__copy{font-size:clamp(2.5rem,11.3vw,4.6rem)}
  .manifesto__foot{grid-template-columns:1fr;margin-top:38px}
  .services-grid{grid-template-columns:1fr}
  .service-card,.service-card--wide,.service-card--half{grid-column:1;min-height:360px}
  .work__note{margin-left:0;padding:0 var(--gutter)}
  .work-pin{min-height:auto;overflow:visible;padding:50px 0}
  .work-track{width:100%;display:grid;gap:16px}
  .case-card{width:calc(100vw - (var(--gutter) * 2));min-height:auto;grid-template-columns:1fr;border-radius:28px}
  .case-card__visual{min-height:410px}
  .dashboard{min-height:0;border-radius:28px}
  .dashboard__sidebar{min-height:370px}.dashboard__main{min-height:540px}
  .pricing-grid{grid-template-columns:1fr}.price-card{min-height:540px}
  .testimonial{min-height:85vh}
  .contact__head{grid-template-columns:1fr}.contact__status{justify-self:start}
  .contact__title{font-size:clamp(4rem,18vw,8rem)}.contact__title-line:nth-child(2){padding-left:5vw}
  .contact-form{grid-template-columns:1fr}
  .field,.field--full,.contact-form__footer,.form-success{grid-column:1}
  .contact-form__footer{align-items:stretch;flex-direction:column}.contact-form__footer .button{width:100%}
  .site-footer__row{grid-template-columns:1fr auto}.site-footer__note{display:none}
}
@media (max-width:460px){
  .hero__actions{align-items:stretch;flex-direction:column}.hero__actions .button{width:100%}
  .hero-card__value{font-size:4rem}.dashboard__metric-value{font-size:6rem}
  .channel-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.channel-tab{padding:9px 5px}
  .case-card__visual{min-height:350px}.float-card{min-width:140px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  #particle-field,.cursor-dot,.cursor-ring{display:none!important}
  [data-reveal]{opacity:1!important;transform:none!important}
}


/* Progressive enhancement and mobile-menu polish */
.no-gsap .work-pin{
  min-height:auto;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
  scrollbar-color:rgba(5,5,5,.35) transparent
}
.no-gsap .work-track{padding-bottom:24px}
.nav-open .site-header{
  background:transparent;
  border-color:transparent;
  color:var(--ink);
  backdrop-filter:none
}
.nav-open .site-header .brand,
.nav-open .site-header .brand span{color:var(--ink)}
.nav-open .site-header .button{--button-bg:var(--ink);--button-fg:var(--paper)}
.nav-open .site-header .button::before{background:var(--violet)}
.nav-open .site-header .menu-button{border-color:rgba(5,5,5,.25);background:rgba(5,5,5,.06);color:var(--ink)}