:root {
  --wm-space:#05060b;
  --wm-space-2:#0a0d15;
  --wm-paper:#f3f1ed;
  --wm-white:#fff;
  --wm-ink:#080a0f;
  --wm-muted:#a7abb8;
  --wm-line:rgba(255,255,255,.14);
  --wm-holo:#d4a7ff;
  --wm-cyan:#6de7ff;
  --wm-lime:#c9f43b;
  --wm-ease:cubic-bezier(.2,.72,.2,1);
  --wm-shell:min(1180px,calc(100vw - 48px));
  --wm-z-base:0;
  --wm-z-content:10;
  --wm-z-header:50;
  --wm-z-overlay:100;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:100px; scrollbar-color:#79cde5 #03040a; scrollbar-width:thin; }
body { margin:0; overflow-x:hidden; color:var(--wm-white); background:var(--wm-space); font-family:RuntimeSans,Arial,sans-serif; font-size:16px; line-height:1.5; -webkit-font-smoothing:antialiased; }
body.is-menu-open { overflow:hidden; }
::-webkit-scrollbar { width:12px; height:12px; }
::-webkit-scrollbar-track { background:radial-gradient(circle at 50% 8px,rgba(255,255,255,.24) 0 1px,transparent 1.5px) 0 0/100% 32px,linear-gradient(180deg,#020308,#070a12 52%,#020308); box-shadow:inset 0 0 0 1px rgba(255,255,255,.035); }
::-webkit-scrollbar-thumb { min-height:56px; border:3px solid transparent; border-radius:999px; background:linear-gradient(180deg,var(--wm-holo) 0%,var(--wm-cyan) 46%,#8ff0dc 70%,#6e7e9a 100%) padding-box; box-shadow:inset 0 0 6px rgba(255,255,255,.34); }
::-webkit-scrollbar-thumb:hover { background:linear-gradient(180deg,#ead8ff 0%,#82edff 42%,var(--wm-lime) 78%,#8296b5 100%) padding-box; box-shadow:inset 0 0 7px rgba(255,255,255,.48); }
::-webkit-scrollbar-corner { background:#03040a; }

@media (hover:hover) and (pointer:fine) {
  html,body,a,button,summary,[data-tilt],[data-glow] { cursor:url('/images/cursor-astronaut-glove.png') 8 1,auto; }
}
img,svg { display:block; }
img { max-width:100%; }
a { color:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
button { font:inherit; }
.wm-shell { width:var(--wm-shell); margin-inline:auto; }
.wm-skip { position:fixed; z-index:200; top:10px; left:10px; padding:12px 18px; color:#05060b; background:#fff; border-radius:999px; font-weight:700; transform:translateY(-160%); transition:transform .2s var(--wm-ease); }
.wm-skip:focus { transform:none; }
.wm-progress { position:fixed; z-index:101; top:0; left:0; width:100%; height:2px; pointer-events:none; }
.wm-progress span { display:block; width:100%; height:100%; background:linear-gradient(90deg,var(--wm-holo),var(--wm-cyan),var(--wm-lime)); transform:scaleX(0); transform-origin:left; will-change:transform; }
#wm-effects-root { position:static; }
.wm-spark-canvas { position:fixed; z-index:49; inset:0; width:100vw; height:100dvh; pointer-events:none; }
.wm-ambient-field { position:absolute; z-index:2; inset:0; overflow:hidden; opacity:0; pointer-events:none; transition:opacity .68s ease-in; }
.wm-ambient-field.is-active { opacity:1; transition-duration:.42s; transition-timing-function:var(--wm-ease); }
.wm-ambient-field__nebula,.wm-ambient-field__dust { position:absolute; width:var(--ambient-size); aspect-ratio:1; top:var(--ambient-y); left:var(--ambient-x); border-radius:50%; pointer-events:none; transform:translate(-50%,-50%) scale(.82); transition:transform .78s var(--wm-ease),opacity .52s ease; }
.wm-ambient-field__nebula { background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--ambient-color) 40%,white 5%) 0 4%,color-mix(in srgb,var(--ambient-color) 31%,transparent) 15%,color-mix(in srgb,var(--ambient-color) 15%,transparent) 38%,transparent 70%); filter:blur(24px) saturate(175%); mix-blend-mode:screen; opacity:.9; }
.wm-ambient-field__nebula::before { position:absolute; inset:11%; border-radius:inherit; background:conic-gradient(from 20deg,transparent 0 10%,color-mix(in srgb,var(--ambient-color) 22%,transparent) 20%,transparent 34% 55%,color-mix(in srgb,var(--ambient-color) 18%,#6de7ff 6%) 67%,transparent 82%); content:""; filter:blur(19px); opacity:.7; }
.wm-ambient-field__dust { background-image:radial-gradient(circle at 14% 34%,color-mix(in srgb,var(--ambient-color) 82%,white 18%) 0 1px,transparent 1.6px),radial-gradient(circle at 68% 23%,rgba(255,255,255,.74) 0 1px,transparent 1.8px),radial-gradient(circle at 82% 66%,color-mix(in srgb,var(--ambient-color) 72%,white 28%) 0 1.2px,transparent 2px),radial-gradient(circle at 32% 78%,rgba(255,255,255,.52) 0 .8px,transparent 1.5px),radial-gradient(circle at 52% 48%,color-mix(in srgb,var(--ambient-color) 48%,transparent) 0 2px,transparent 3px); filter:drop-shadow(0 0 7px var(--ambient-color)); opacity:.76; mask-image:radial-gradient(circle,#000 0 24%,rgba(0,0,0,.82) 45%,transparent 72%); }
.wm-ambient-field.is-active .wm-ambient-field__nebula,.wm-ambient-field.is-active .wm-ambient-field__dust { transform:translate(-50%,-50%) scale(1); }
.wm-ambient-field.is-active .wm-ambient-field__nebula { animation:wm-ambient-breathe 4.4s ease-in-out infinite; }
.wm-ambient-field[data-ambient-kind="chip"] .wm-ambient-field__nebula { opacity:.68; }
.wm-ambient-field[data-ambient-kind="chip"] .wm-ambient-field__dust { opacity:.56; }

@supports (animation-timeline:scroll()) {
  .wm-progress span { animation:wm-scroll-progress 1ms linear both; animation-timeline:scroll(root block); }
}

.wm-header { position:fixed; z-index:var(--wm-z-header); top:18px; left:50%; display:grid; width:min(1240px,calc(100% - 32px)); min-height:68px; grid-template-columns:190px 1fr auto; align-items:center; padding:8px 10px 8px 22px; border:1px solid rgba(255,255,255,.13); border-radius:20px; background:rgba(5,6,11,.7); box-shadow:0 20px 60px rgba(0,0,0,.22); backdrop-filter:blur(18px) saturate(135%); transform:translateX(-50%); transition:background .25s ease,border-color .25s ease,box-shadow .25s ease; }
.wm-header.is-scrolled { border-color:rgba(255,255,255,.2); background:rgba(5,6,11,.91); box-shadow:0 18px 50px rgba(0,0,0,.38); }
.wm-logo { display:block; width:156px; }
.wm-logo img { width:100%; height:auto; }
.wm-nav { display:flex; justify-content:center; align-items:center; gap:clamp(14px,2.1vw,32px); }
.wm-nav>a,.wm-tastes>summary { position:relative; padding:12px 2px; color:rgba(255,255,255,.82); font-size:14px; font-weight:600; text-decoration:none; cursor:pointer; list-style:none; }
.wm-tastes>summary::-webkit-details-marker { display:none; }
.wm-tastes>summary::before { position:absolute; right:-12px; top:50%; width:5px; height:5px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; content:""; transform:translateY(-70%) rotate(45deg); transition:transform .22s var(--wm-ease); }
.wm-tastes[open]>summary::before { transform:translateY(-20%) rotate(225deg); }
.wm-nav>a::after,.wm-tastes>summary::after { position:absolute; right:0; bottom:7px; left:0; height:1px; background:linear-gradient(90deg,var(--wm-holo),var(--wm-cyan)); content:""; transform:scaleX(0); transform-origin:right; transition:transform .25s var(--wm-ease); }
.wm-nav>a:hover::after,.wm-nav>a:focus-visible::after,.wm-tastes>summary:hover::after,.wm-tastes>summary:focus-visible::after { transform:scaleX(1); transform-origin:left; }
.wm-tastes { position:relative; }
.wm-tastes__menu { position:absolute; z-index:20; top:calc(100% + 14px); left:50%; width:230px; padding:10px; border:1px solid rgba(255,255,255,.14); border-radius:20px; background:rgba(7,9,16,.95); box-shadow:0 28px 70px rgba(0,0,0,.55),0 0 42px rgba(109,231,255,.09); backdrop-filter:blur(20px) saturate(130%); transform:translateX(-50%); }
.wm-tastes__menu::before { position:absolute; width:10px; height:10px; top:-6px; left:calc(50% - 5px); border-top:1px solid rgba(255,255,255,.14); border-left:1px solid rgba(255,255,255,.14); background:#090b13; content:""; transform:rotate(45deg); }
.wm-tastes__menu a { position:relative; display:flex; min-height:46px; align-items:center; gap:12px; padding:0 13px; border-radius:12px; color:rgba(255,255,255,.82); font-size:13px; font-weight:650; text-decoration:none; transition:color .2s ease,background .2s ease,transform .2s var(--wm-ease); }
.wm-tastes__menu a::before { width:6px; height:6px; flex:none; border-radius:50%; background:var(--taste); box-shadow:0 0 15px var(--taste); content:""; }
.wm-tastes__menu a:hover,.wm-tastes__menu a:focus-visible { color:#fff; background:rgba(255,255,255,.07); transform:translateX(3px); }
.wm-header__cta { position:relative; display:inline-flex; min-height:50px; align-items:center; isolation:isolate; overflow:hidden; gap:18px; padding:0 11px 0 23px; color:#fff; border:1px solid rgba(157,237,255,.48); border-radius:15px; background:linear-gradient(115deg,rgba(212,167,255,.2),rgba(109,231,255,.12) 46%,rgba(8,10,16,.82)); box-shadow:inset 0 0 20px rgba(109,231,255,.08),0 0 0 1px rgba(255,255,255,.035); font-size:14px; font-weight:780; text-decoration:none; transition:border-color .28s ease,box-shadow .28s ease,transform .28s var(--wm-ease); }
.wm-header__cta::before { position:absolute; z-index:-1; width:68%; height:240%; top:-70%; left:-82%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent); content:""; filter:blur(7px); transform:rotate(16deg); transition:left .7s var(--wm-ease); }
.wm-header__cta span { display:grid; width:32px; height:32px; place-items:center; border:1px solid rgba(255,255,255,.2); border-radius:50%; background:rgba(255,255,255,.1); box-shadow:inset 0 0 12px rgba(255,255,255,.08); transition:background .28s ease,transform .35s var(--wm-ease); }
.wm-header__cta:hover,.wm-header__cta:focus-visible { border-color:rgba(207,248,255,.92); box-shadow:inset 0 0 24px rgba(109,231,255,.15),0 0 30px rgba(109,231,255,.2),0 0 52px rgba(212,167,255,.12); transform:translateY(-1px); }
.wm-header__cta:hover::before,.wm-header__cta:focus-visible::before { left:120%; }
.wm-header__cta:hover span,.wm-header__cta:focus-visible span { background:rgba(109,231,255,.18); transform:rotate(45deg) scale(1.04); }
.wm-menu-button { display:none; width:50px; height:50px; align-items:center; justify-content:center; padding:0; color:#fff; border:1px solid rgba(255,255,255,.18); border-radius:14px; background:rgba(255,255,255,.06); cursor:pointer; }
.wm-menu-button svg { width:25px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
.wm-mobile-menu { position:fixed; z-index:-1; inset:78px 0 auto; width:100%; padding:24px; border-top:1px solid rgba(255,255,255,.1); background:rgba(5,6,11,.98); opacity:0; transform:translateY(-14px); transition:opacity .22s ease,transform .22s var(--wm-ease); }
.wm-mobile-menu.is-open { opacity:1; transform:none; }
.wm-mobile-menu nav { display:grid; gap:8px; }
.wm-mobile-menu a { display:flex; min-height:52px; align-items:center; justify-content:space-between; padding:0 4px; border-bottom:1px solid rgba(255,255,255,.1); font-size:22px; font-weight:650; text-decoration:none; }
.wm-mobile-menu a::after { content:"↗"; color:var(--wm-cyan); }
.wm-mobile-tastes summary { display:flex; min-height:52px; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.1); font-size:22px; font-weight:650; cursor:pointer; list-style:none; }
.wm-mobile-tastes summary::-webkit-details-marker { display:none; }
.wm-mobile-tastes summary::after { color:var(--wm-cyan); content:"+"; }
.wm-mobile-tastes[open] summary::after { content:"−"; }
.wm-mobile-tastes>div { display:grid; padding:6px 0 8px 16px; }
.wm-mobile-tastes>div a { min-height:48px; font-size:17px; font-weight:550; }

.wm-hero { --hero-far-x:0px; --hero-far-y:0px; --hero-near-x:0px; --hero-near-y:0px; position:relative; min-height:100svh; overflow:hidden; isolation:isolate; background-color:#02050a; background-image:image-set(url('/images/home-hero-cosmos-ai-4k-v3.avif') type('image/avif') 1x,url('/images/home-hero-cosmos-4k-v1.webp') type('image/webp') 1x); background-position:52% 47%; background-size:cover; background-repeat:no-repeat; animation:wm-hero-backdrop-pan 34s ease-in-out infinite alternate; }
.wm-hero::before { position:absolute; z-index:4; inset:0; background:radial-gradient(ellipse at 28% 49%,rgba(1,3,8,.5) 0 17%,rgba(1,3,8,.28) 39%,rgba(1,3,8,.08) 61%,transparent 78%),linear-gradient(0deg,rgba(3,5,10,.82) 0,rgba(3,5,10,.13) 25%,transparent 66%,rgba(3,5,10,.28)); content:""; pointer-events:none; }
.wm-hero::after { position:absolute; z-index:5; inset:0; background:radial-gradient(ellipse at 75% 49%,transparent 0 29%,rgba(1,3,8,.06) 52%,rgba(1,3,8,.15) 100%),linear-gradient(180deg,rgba(255,255,255,.028),transparent 21%); content:""; pointer-events:none; }
.wm-hero__space { position:absolute; z-index:0; inset:-10%; overflow:hidden; pointer-events:none; }
.wm-hero__space-layer { position:absolute; inset:-7%; transition:transform 1.35s var(--wm-ease); will-change:transform; }
.wm-hero__space-layer::before { position:absolute; inset:-7%; content:""; animation-play-state:running; will-change:transform,opacity; }
.wm-hero__space-layer--field { opacity:.82; mix-blend-mode:screen; transform:translate3d(var(--hero-far-x),var(--hero-far-y),0); }
.wm-hero__space-layer--field::before { background:radial-gradient(ellipse at 69% 31%,rgba(109,231,255,.2) 0 5%,rgba(77,164,223,.1) 18%,transparent 38%),radial-gradient(ellipse at 77% 70%,rgba(184,120,255,.15) 0 6%,rgba(90,113,211,.075) 25%,transparent 48%),conic-gradient(from 214deg at 70% 49%,transparent 0 7%,rgba(99,218,255,.105) 14%,transparent 23% 48%,rgba(206,165,255,.08) 57%,transparent 69% 100%); filter:blur(30px) saturate(155%); mask-image:radial-gradient(ellipse at 71% 48%,#000 0 22%,rgba(0,0,0,.82) 47%,transparent 78%); transform-origin:70% 49%; animation:wm-hero-space-drift 28s ease-in-out infinite alternate; }
.wm-hero__space-layer--field::after { position:absolute; width:58%; height:155%; top:-28%; right:-4%; border-radius:50%; background:conic-gradient(from 178deg,transparent 0 18%,rgba(109,231,255,.13) 25%,transparent 33% 57%,rgba(212,167,255,.11) 64%,transparent 73% 100%); content:""; filter:blur(42px) saturate(145%); mask-image:radial-gradient(ellipse,#000 0 28%,rgba(0,0,0,.72) 52%,transparent 75%); transform-origin:55% 52%; animation:wm-hero-ribbon-drift 34s ease-in-out infinite alternate; will-change:transform,opacity; }
.wm-hero__space-layer--dust { z-index:3; opacity:.32; background-image:radial-gradient(circle,rgba(255,255,255,.75) 0 .75px,transparent 1.35px),radial-gradient(circle,rgba(133,226,255,.55) 0 .6px,transparent 1.2px),radial-gradient(circle,rgba(223,197,255,.42) 0 .5px,transparent 1.1px); background-position:0 0,71px 39px,123px 83px; background-size:193px 167px,257px 229px,337px 283px; mix-blend-mode:screen; mask-image:radial-gradient(ellipse at 72% 46%,#000 0 24%,rgba(0,0,0,.74) 48%,transparent 78%); transform:translate3d(var(--hero-near-x),var(--hero-near-y),0); animation:wm-hero-dust-drift 38s ease-in-out infinite alternate; }
.wm-hero__planet { position:absolute; z-index:2; aspect-ratio:1; border-radius:50%; transition:transform 1.35s var(--wm-ease); will-change:transform; }
.wm-hero__planet::before { position:absolute; inset:0; background-position:center; background-repeat:no-repeat; background-size:contain; content:""; will-change:transform,opacity; }
.wm-hero__planet--moon { width:clamp(350px,31vw,590px); top:-9%; right:-8%; opacity:.4; transform:translate3d(var(--hero-near-x),var(--hero-near-y),0); }
.wm-hero__planet--moon::before { background-image:url('/images/planet-warpmoon-v1.webp'); filter:drop-shadow(-24px 18px 48px rgba(77,190,231,.18)); animation:wm-hero-moon-float 24s ease-in-out infinite alternate; }
.wm-hero__planet--pearl { width:clamp(80px,8vw,130px); top:14%; right:39%; opacity:.26; transform:translate3d(var(--hero-far-x),var(--hero-far-y),0); }
.wm-hero__planet--pearl::before { background-image:url('/images/planet-pearl-r6.webp'); filter:drop-shadow(0 0 28px rgba(178,213,255,.2)); animation:wm-hero-pearl-float 31s ease-in-out infinite alternate; }
.wm-hero__meteor { --meteor-delay:2s; --meteor-duration:19s; position:absolute; z-index:4; width:110px; height:1px; top:18%; left:83%; border-radius:999px; background:linear-gradient(90deg,transparent,rgba(155,226,255,.25),rgba(255,255,255,.82)); box-shadow:18px 0 12px rgba(109,231,255,.18); opacity:0; transform:rotate(-28deg); animation:wm-hero-meteor var(--meteor-duration) ease-in-out var(--meteor-delay) infinite; }
.wm-hero__meteor--two { --meteor-delay:10.5s; --meteor-duration:26s; width:72px; top:56%; left:67%; opacity:0; }
.wm-stars { position:absolute; z-index:3; inset:0; width:100%; height:100%; pointer-events:none; }
.wm-hero__nebula { position:absolute; z-index:2; width:66vw; height:66vw; right:-17vw; top:-18vw; border-radius:50%; background:radial-gradient(circle,rgba(111,227,255,.16),rgba(176,91,255,.075) 38%,transparent 69%); filter:blur(34px) saturate(132%); opacity:.78; pointer-events:none; transform:translate3d(var(--hero-far-x),var(--hero-far-y),0); transition:transform 1.35s var(--wm-ease); animation:wm-hero-nebula-breathe 17s ease-in-out infinite alternate; }
.wm-hero__grid { position:relative; z-index:var(--wm-z-content); display:grid; min-height:100svh; grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr); align-items:center; gap:32px; padding-top:132px; padding-bottom:92px; }
.wm-hero__copy { position:relative; z-index:2; }
.wm-hero__intro { margin:0 0 10px; color:#fff; font-size:clamp(16px,1.35vw,21px); font-weight:850; line-height:1.2; letter-spacing:-.02em; text-transform:uppercase; }
.wm-hero h1 { margin:0; max-width:760px; color:#fff; font-size:clamp(54px,6.2vw,88px); font-weight:900; line-height:.88; letter-spacing:-.055em; text-transform:uppercase; }
.wm-hero__subtitle { margin:14px 0 0; color:#fff; font-size:clamp(24px,2.5vw,36px); font-weight:850; line-height:1; letter-spacing:-.035em; text-transform:uppercase; }
.wm-hero h1 em,.wm-manifesto h2 em,.wm-contact h2 em { color:transparent; background:linear-gradient(100deg,#fff 6%,#e7c4ff 44%,#7cecff 74%,#fff); -webkit-background-clip:text; background-clip:text; font-style:normal; }
.wm-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.wm-button { position:relative; display:inline-flex; min-height:54px; align-items:center; justify-content:center; isolation:isolate; overflow:hidden; gap:30px; padding:0 24px; border:1px solid rgba(255,255,255,.2); border-radius:14px; font-size:14px; font-weight:750; text-decoration:none; transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s var(--wm-ease); }
.wm-button::before { position:absolute; z-index:-1; width:54%; height:260%; top:-80%; left:-70%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent); content:""; filter:blur(7px); transform:rotate(18deg); transition:left .72s var(--wm-ease); }
.wm-button--light { color:#07090e; background:linear-gradient(110deg,#fff 0%,#f4efff 45%,#e8fbff 72%,#fff 100%); box-shadow:0 8px 24px rgba(0,0,0,.12),inset 0 0 0 1px rgba(255,255,255,.58); }
.wm-button--light:hover,.wm-button--light:focus-visible { border-color:rgba(255,255,255,.9); background:linear-gradient(110deg,#fff,#eadcff 43%,#dcfaff 72%,#fff); box-shadow:0 0 38px rgba(212,167,255,.27),0 0 24px rgba(109,231,255,.18); transform:translateY(-2px); }
.wm-button:hover::before,.wm-button:focus-visible::before { left:120%; }
.wm-button--ghost { color:#fff; background:rgba(255,255,255,.045); backdrop-filter:blur(8px); }
.wm-button--ghost:hover { border-color:rgba(109,231,255,.55); background:rgba(109,231,255,.08); }
.wm-hero__flavors { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.wm-hero__flavors a { position:relative; display:inline-flex; min-height:36px; align-items:center; isolation:isolate; overflow:visible; padding:0 14px; color:#fff; border:1px solid color-mix(in srgb,var(--taste) 48%,transparent); border-radius:999px; background:color-mix(in srgb,var(--taste) 11%,rgba(8,10,16,.82)); box-shadow:inset 0 0 18px color-mix(in srgb,var(--taste) 7%,transparent); font-size:11px; font-weight:700; text-decoration:none; transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s var(--wm-ease); }
.wm-hero__flavors a:hover,.wm-hero__flavors a:focus-visible { border-color:var(--taste); background:color-mix(in srgb,var(--taste) 20%,rgba(8,10,16,.82)); box-shadow:0 0 24px color-mix(in srgb,var(--taste) 20%,transparent),inset 0 0 20px color-mix(in srgb,var(--taste) 10%,transparent); transform:translateY(-1px); }
.wm-hero__about { max-width:640px; margin-top:22px; padding-top:19px; border-top:1px solid rgba(255,255,255,.14); }
.wm-hero__about h2 { max-width:590px; margin:0; color:#fff; font-size:16px; font-weight:800; line-height:1.25; letter-spacing:-.015em; text-transform:uppercase; }
.wm-hero__about p { max-width:620px; margin:10px 0 0; color:rgba(255,255,255,.61); font-size:12px; line-height:1.55; }

.wm-product-stage { position:relative; min-height:680px; perspective:1200px; }
.wm-product-stage::before { position:absolute; z-index:0; width:92%; aspect-ratio:1; top:50%; left:50%; border-radius:50%; background:conic-gradient(from 35deg,transparent 0 13%,rgba(108,226,255,.1) 22%,transparent 36% 57%,rgba(212,167,255,.095) 68%,transparent 83%),radial-gradient(circle,rgba(83,190,225,.13),rgba(116,75,182,.055) 37%,transparent 69%); content:""; filter:blur(16px) saturate(140%); transform:translate(-50%,-50%); animation:wm-product-aurora 18s ease-in-out infinite alternate; pointer-events:none; }
.wm-product-stage::after { position:absolute; z-index:0; width:74%; height:13%; left:13%; bottom:8%; border-radius:50%; background:rgba(92,204,238,.16); content:""; filter:blur(42px); opacity:.5; pointer-events:none; }
.wm-product-core { position:absolute; z-index:3; inset:50% auto auto 50%; width:min(600px,48vw); aspect-ratio:1; transform:translate(-50%,-50%) rotateX(var(--py,0deg)) rotateY(var(--px,0deg)); transform-style:preserve-3d; transition:transform .22s var(--wm-ease); will-change:transform; }
.wm-product-main { position:absolute; z-index:3; inset:0; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 44px 36px rgba(0,0,0,.55)); animation:wm-float 8s ease-in-out infinite; }
.wm-product-glow { position:absolute; z-index:0; width:70%; height:70%; inset:15%; border-radius:50%; background:radial-gradient(circle,rgba(236,245,255,.18) 0 5%,rgba(109,231,255,.2) 18%,rgba(212,167,255,.12) 41%,transparent 72%); filter:blur(24px) saturate(145%); animation:wm-product-glow-breathe 9s ease-in-out infinite alternate; }
.wm-product-bottle { position:absolute; z-index:2; width:16%; height:38%; object-fit:contain; filter:drop-shadow(0 24px 24px rgba(0,0,0,.55)); opacity:.86; }
.wm-product-bottle--one { right:2%; top:2%; transform:rotate(19deg) translateZ(18px); }
.wm-product-bottle--two { left:3%; bottom:6%; transform:rotate(-18deg) translateZ(12px); }
.wm-orbit { position:absolute; z-index:1; top:50%; left:50%; border:1px solid rgba(255,255,255,.18); border-radius:50%; transform:translate(-50%,-50%) rotate(-18deg); pointer-events:none; }
.wm-orbit::before,.wm-orbit::after { position:absolute; border-radius:50%; content:""; }
.wm-orbit--outer { width:92%; aspect-ratio:1; box-shadow:inset 0 0 38px rgba(109,231,255,.025),0 0 24px rgba(212,167,255,.035); animation:wm-orbit 38s linear infinite; }
.wm-orbit--inner { width:67%; aspect-ratio:1; border-color:rgba(109,231,255,.2); box-shadow:inset 0 0 28px rgba(109,231,255,.035); animation:wm-orbit-reverse 29s linear infinite; }
.wm-orbit i { position:absolute; display:block; width:8px; height:8px; border-radius:50%; background:#fff; box-shadow:0 0 18px 4px rgba(109,231,255,.7); }
.wm-orbit--outer i:nth-child(1) { top:10%; left:24%; }
.wm-orbit--outer i:nth-child(2) { top:61%; right:-3px; background:var(--wm-holo); }
.wm-orbit--outer i:nth-child(3) { bottom:9%; left:18%; width:5px; height:5px; }
.wm-orbit--inner i:nth-child(1) { top:8%; right:25%; width:6px; height:6px; background:var(--wm-cyan); }
.wm-orbit--inner i:nth-child(2) { bottom:14%; left:11%; width:4px; height:4px; }
.wm-coordinate { position:absolute; z-index:5; display:flex; align-items:center; gap:10px; color:rgba(255,255,255,.5); font-family:monospace; font-size:10px; letter-spacing:.08em; }
.wm-coordinate span { display:grid; width:28px; height:28px; place-items:center; border:1px solid rgba(255,255,255,.16); border-radius:50%; color:#fff; }
.wm-coordinate--one { top:20%; left:1%; }
.wm-coordinate--two { right:0; bottom:22%; }
.wm-stage-label { position:absolute; right:6%; bottom:6%; color:rgba(255,255,255,.34); font-size:9px; letter-spacing:.24em; writing-mode:vertical-rl; }
.wm-scroll-cue { position:absolute; z-index:10; bottom:25px; left:50%; display:flex; align-items:center; gap:14px; color:rgba(255,255,255,.5); font-size:10px; letter-spacing:.13em; text-decoration:none; text-transform:uppercase; transform:translateX(-50%); }
.wm-scroll-cue i { position:relative; display:block; width:1px; height:34px; overflow:hidden; background:rgba(255,255,255,.22); }
.wm-scroll-cue i::after { position:absolute; inset:0; background:#fff; content:""; transform:translateY(-100%); animation:wm-scroll 2.1s var(--wm-ease) infinite; }

.wm-lines { position:relative; overflow:hidden; isolation:isolate; padding:calc(132px + var(--wm-scene-inset,0px)) 0 150px; background:var(--wm-space); }
.wm-lines::before { position:absolute; z-index:0; inset:0; background:radial-gradient(circle at 92% 18%,rgba(109,231,255,.09),transparent 26%),radial-gradient(circle at 4% 68%,rgba(212,167,255,.08),transparent 28%); content:""; pointer-events:none; }
.wm-lines>.wm-shell { position:relative; z-index:1; }
.wm-section-head { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr); align-items:end; gap:50px; margin-bottom:64px; }
.wm-section-head h2,.wm-manifesto h2,.wm-proof h2,.wm-contact h2 { margin:0; font-size:clamp(44px,5.4vw,76px); font-weight:900; line-height:.95; letter-spacing:-.045em; text-transform:uppercase; }
.wm-scramble-token { display:inline-block; width:var(--token-width,auto); white-space:nowrap; }
[data-scramble].is-decoding .wm-scramble-token,[data-loop-scramble].is-decoding .wm-scramble-token { filter:drop-shadow(1px 0 rgba(109,231,255,.7)) drop-shadow(-1px 0 rgba(212,167,255,.55)); }
.wm-section-head>p { max-width:390px; margin:0 0 6px; color:rgba(255,255,255,.58); font-size:16px; line-height:1.6; }
.wm-line-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:24px; }
.wm-line-card { --rx:0deg; --ry:0deg; position:relative; display:flex; min-height:570px; grid-column:span 4; flex-direction:column; overflow:hidden; color:#fff; border:1px solid rgba(255,255,255,.12); border-radius:26px; background:linear-gradient(155deg,rgba(18,23,36,.98),rgba(5,7,13,.99)); box-shadow:0 24px 60px rgba(0,0,0,.24); text-decoration:none; transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)); transform-style:preserve-3d; transition:border-color .28s ease,box-shadow .28s ease,transform .12s ease-out; }
.wm-line-card:nth-child(4) { grid-column:3/span 4; }
.wm-line-card:nth-child(5) { grid-column:7/span 4; }
.wm-line-card::before { position:absolute; z-index:0; inset:0; background:radial-gradient(circle at var(--spot-x,70%) var(--spot-y,25%),color-mix(in srgb,var(--line) 24%,transparent),transparent 32%); content:""; opacity:.75; pointer-events:none; }
.wm-line-card::after { position:absolute; inset:0; border-radius:inherit; background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.08) 48%,transparent 64%); content:""; opacity:0; transform:translateX(-60%); transition:opacity .28s ease,transform .55s var(--wm-ease); pointer-events:none; }
.wm-line-card:hover,.wm-line-card:focus-visible { border-color:color-mix(in srgb,var(--line) 64%,white 12%); box-shadow:0 32px 80px rgba(0,0,0,.38),0 0 45px color-mix(in srgb,var(--line) 14%,transparent); }
.wm-line-card:hover::after,.wm-line-card:focus-visible::after { opacity:1; transform:translateX(60%); }
.wm-line-card__index { position:absolute; z-index:3; top:22px; right:22px; color:rgba(255,255,255,.45); font-family:monospace; font-size:10px; letter-spacing:.12em; }
.wm-line-card__visual { position:relative; z-index:1; display:grid; height:350px; flex:none; place-items:center; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.09); background:radial-gradient(circle at 50% 54%,color-mix(in srgb,var(--line) 24%,transparent),transparent 43%); transform:translateZ(12px); }
.wm-line-card__visual::after { position:absolute; bottom:9%; left:20%; width:60%; height:8%; border-radius:50%; background:var(--line); content:""; filter:blur(24px); opacity:.24; }
.wm-line-card__visual img { position:relative; z-index:1; width:88%; height:90%; object-fit:contain; filter:drop-shadow(0 28px 28px rgba(0,0,0,.52)); transition:transform .45s var(--wm-ease); }
.wm-line-card--contained-pack .wm-line-card__visual img { width:76%; height:72%; object-position:center; }
.wm-line-card:hover .wm-line-card__visual img { transform:translateY(-6px) scale(1.025); }
.wm-line-card__body { position:relative; z-index:2; display:flex; min-height:220px; flex:1; flex-direction:column; padding:25px 60px 26px 26px; transform:translateZ(18px); }
.wm-line-card__body p { margin:0 0 10px; color:var(--line); font-size:11px; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
.wm-line-card__body h3 { margin:0; font-size:clamp(25px,2.1vw,34px); font-weight:900; line-height:.96; letter-spacing:-.035em; text-transform:uppercase; }
.wm-line-card__body>span { margin-top:auto; color:rgba(255,255,255,.57); font-size:13px; line-height:1.45; }
.wm-line-card__body b { position:absolute; right:22px; bottom:22px; display:grid; width:38px; height:38px; place-items:center; color:#fff; border:1px solid color-mix(in srgb,var(--line) 60%,transparent); border-radius:50%; font-size:15px; }

.wm-manifesto { position:relative; overflow:hidden; isolation:isolate; padding:calc(140px + var(--wm-scene-inset,0px)) 0 72px; color:var(--wm-ink); background:var(--wm-paper); }
.wm-manifesto::before { position:absolute; z-index:-1; width:580px; height:580px; right:-176px; top:-196px; border-radius:50%; background:radial-gradient(circle,rgba(109,231,255,.11),rgba(212,167,255,.055) 42%,transparent 70%); content:""; filter:blur(18px); }
.wm-manifesto__planet { position:absolute; z-index:-1; width:min(430px,30vw); height:auto; right:-92px; top:-158px; opacity:.48; filter:saturate(.78) drop-shadow(0 28px 46px rgba(91,126,148,.16)); transform:rotate(-12deg); animation:wm-pearl-planet 18s ease-in-out infinite; pointer-events:none; }
.wm-manifesto__grid { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(50px,9vw,130px); align-items:start; }
.wm-manifesto h2 { font-size:clamp(42px,5vw,68px); line-height:1; }
.wm-manifesto h2 em { background:linear-gradient(100deg,#111 4%,#9252b8 52%,#1b7897); -webkit-background-clip:text; background-clip:text; }
.wm-manifesto [data-scramble].is-decoding .wm-scramble-token { color:#152634; filter:drop-shadow(1px 0 rgba(51,174,205,.42)) drop-shadow(-1px 0 rgba(146,82,184,.34)); }
.wm-manifesto__copy { max-width:510px; padding-top:0; }
.wm-manifesto__copy p:first-child { margin-top:0; }
.wm-manifesto__copy p { color:#565b64; font-size:17px; line-height:1.68; }
.wm-manifesto__copy .wm-manifesto__lead { margin-top:0; color:#11131a; font-size:24px; font-weight:650; line-height:1.38; letter-spacing:-.02em; }
.wm-text-link { display:inline-flex; min-height:48px; align-items:center; gap:24px; margin-top:18px; color:#0a0c11; border-bottom:1px solid rgba(8,10,15,.25); font-size:14px; font-weight:750; text-decoration:none; }
.wm-kinetic { width:100%; margin-top:100px; overflow:hidden; border-top:1px solid rgba(8,10,15,.16); border-bottom:1px solid rgba(8,10,15,.16); white-space:nowrap; }
.wm-kinetic span { display:block; padding:18px 0; color:#0b0d12; font-size:clamp(25px,3vw,44px); font-weight:900; letter-spacing:-.02em; text-align:center; }

.wm-technology { position:relative; padding:calc(140px + var(--wm-scene-inset,0px)) 0 140px; background:#080a10; }
.wm-technology::before { position:absolute; inset:0; background:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px); background-size:80px 80px; content:""; mask-image:linear-gradient(to bottom,transparent,black 22%,black 80%,transparent); }
.wm-section-head--light { color:#fff; }
.wm-bento { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.wm-bento-card { --spot-x:72%; --spot-y:24%; --rx:0deg; --ry:0deg; position:relative; display:flex; min-height:360px; overflow:hidden; flex-direction:column; padding:34px; border:1px solid rgba(255,255,255,.11); border-radius:24px; background:linear-gradient(145deg,rgba(19,23,34,.96),rgba(8,10,16,.96)); box-shadow:0 24px 60px rgba(0,0,0,.2); transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry)); transform-style:preserve-3d; transition:border-color .25s ease,box-shadow .25s ease,transform .14s ease-out; will-change:transform; }
.wm-bento-card--wide { min-height:390px; grid-column:span 2; }
.wm-bento-card::before { position:absolute; z-index:1; width:62%; height:160%; top:-30%; left:-80%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.11),rgba(109,231,255,.08),transparent); content:""; filter:blur(8px); transform:rotate(14deg); transition:left .75s var(--wm-ease); pointer-events:none; }
.wm-bento-card::after { position:absolute; z-index:0; inset:0; background:radial-gradient(circle at var(--spot-x) var(--spot-y),rgba(109,231,255,.22),transparent 31%); content:""; opacity:.45; transition:opacity .25s ease; pointer-events:none; }
.wm-bento-card:hover,.wm-bento-card:focus-within { border-color:rgba(109,231,255,.34); box-shadow:0 30px 78px rgba(0,0,0,.35),0 0 46px rgba(109,231,255,.1); }
.wm-bento-card:hover::after { opacity:1; }
.wm-bento-card:hover::before { left:120%; }
.wm-bento-card>*:not(.wm-sparkles) { position:relative; z-index:2; }
.wm-bento-card svg { width:46px; height:46px; margin-bottom:42px; fill:none; stroke:var(--wm-cyan); stroke-width:1.3; stroke-linecap:round; stroke-linejoin:round; }
.wm-bento-card:nth-child(even) svg { stroke:var(--wm-holo); }
.wm-bento-card h3 { max-width:560px; margin:0; font-size:clamp(27px,3.3vw,44px); font-weight:850; line-height:1.02; letter-spacing:-.035em; text-transform:uppercase; }
.wm-bento-card p { max-width:520px; margin:20px 0 0; color:rgba(255,255,255,.58); font-size:15px; line-height:1.6; }
.wm-sparkles { position:absolute; z-index:1; inset:0; overflow:hidden; pointer-events:none; }
.wm-sparkles i { position:absolute; width:4px; height:4px; border-radius:50%; background:#fff; box-shadow:0 0 10px 3px rgba(109,231,255,.75); opacity:0; animation:wm-sparkle 4.8s var(--wm-ease) infinite; }
.wm-sparkles i:nth-child(1) { left:14%; bottom:12%; }
.wm-sparkles i:nth-child(2) { left:46%; bottom:4%; animation-delay:.8s; }
.wm-sparkles i:nth-child(3) { right:11%; bottom:18%; animation-delay:1.7s; }
.wm-sparkles i:nth-child(4) { right:4%; top:38%; animation-delay:2.5s; }
.wm-sparkles i:nth-child(5) { left:28%; top:15%; animation-delay:3.2s; }

.wm-proof { position:relative; padding:calc(96px + var(--wm-scene-inset,0px)) 0 96px; color:var(--wm-ink); background:var(--wm-paper); }
.wm-proof__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(50px,8vw,110px); }
.wm-proof__visual { --rx:0deg; --ry:0deg; position:relative; display:grid; min-height:650px; place-items:center; overflow:hidden; border-radius:28px; background:#080b12 url('/images/media-0046.webp') center/cover; transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry)); transition:transform .12s ease-out; }
.wm-proof__visual::before { position:absolute; inset:0; background:radial-gradient(circle at 50% 52%,rgba(212,167,255,.24),transparent 46%),linear-gradient(160deg,transparent,rgba(0,0,0,.45)); content:""; }
.wm-proof__visual img { position:relative; z-index:2; width:86%; height:86%; object-fit:contain; filter:drop-shadow(0 38px 36px rgba(0,0,0,.55)); }
.wm-proof__halo { position:absolute; width:76%; aspect-ratio:1; border:1px solid rgba(255,255,255,.18); border-radius:50%; box-shadow:0 0 0 36px rgba(255,255,255,.02),0 0 0 72px rgba(255,255,255,.015); }
.wm-proof__badge { position:absolute; z-index:3; right:20px; bottom:20px; display:flex; align-items:center; gap:12px; padding:10px 16px 10px 10px; color:#fff; border:1px solid rgba(255,255,255,.15); border-radius:999px; background:rgba(5,6,11,.76); backdrop-filter:blur(10px); font-size:11px; letter-spacing:.06em; text-transform:uppercase; }
.wm-proof__badge span { display:grid; width:34px; height:34px; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:50%; font-size:9px; }
.wm-proof__copy { align-self:stretch; display:flex; align-items:center; }
.wm-proof__copy-inner { transform:translate3d(0,var(--wm-proof-shift,0px),0); transition:transform .08s linear; will-change:transform; }
.wm-proof__copy>p:not(.wm-kicker) { max-width:530px; color:#585d66; font-size:17px; line-height:1.68; }
.wm-proof__copy-inner>p { max-width:530px; color:#585d66; font-size:17px; line-height:1.68; }
.wm-proof__facts { display:grid; gap:0; margin:48px 0 0; }
.wm-proof__facts div { display:grid; grid-template-columns:110px 1fr; align-items:center; padding:18px 0; border-top:1px solid rgba(8,10,15,.15); }
.wm-proof__facts div:last-child { border-bottom:1px solid rgba(8,10,15,.15); }
.wm-proof__facts dt { font-size:34px; font-weight:850; letter-spacing:-.04em; }
.wm-proof__facts dd { margin:0; color:#565b64; font-size:13px; text-transform:uppercase; }
.js .wm-proof { min-height:165vh; min-height:165dvh; padding:0; }
.js .wm-proof>.wm-proof__grid { min-height:100vh; min-height:100dvh; box-sizing:border-box; padding:96px 0; }

.wm-contact { position:relative; min-height:680px; display:grid; place-items:center; overflow:hidden; isolation:isolate; padding-top:var(--wm-scene-inset,0px); text-align:center; background:#05060b url('/images/media-0022.webp') center/cover no-repeat; }
.wm-contact::before { position:absolute; z-index:0; inset:0; background:linear-gradient(180deg,rgba(2,3,7,.76),rgba(2,3,7,.6)); content:""; }
.wm-contact::after { position:absolute; z-index:3; inset:0; background:linear-gradient(180deg,rgba(3,4,9,.5) 0%,rgba(3,4,9,.72) 43%,rgba(3,4,9,.1) 74%,transparent 100%); content:""; pointer-events:none; }
.wm-contact__aurora { position:absolute; z-index:1; width:min(940px,82vw); aspect-ratio:1; top:53%; left:50%; border-radius:50%; background:conic-gradient(from 25deg,rgba(109,231,255,.8),transparent 18%,rgba(212,167,255,.8) 34%,transparent 52%,rgba(201,244,59,.34) 68%,rgba(109,231,255,.64) 84%,transparent); filter:blur(38px) saturate(145%); opacity:.62; mask-image:radial-gradient(circle,transparent 0 47%,#000 57%,rgba(0,0,0,.78) 64%,transparent 76%); transform:translate(-50%,0) rotate(-8deg) scale(.96); animation:wm-contact-aurora 12s var(--wm-ease) infinite; pointer-events:none; }
.wm-contact__aurora::after { position:absolute; inset:18%; border-radius:50%; background:radial-gradient(circle,rgba(109,231,255,.18),rgba(212,167,255,.08) 42%,transparent 70%); box-shadow:0 -28px 90px rgba(109,231,255,.25),38px -10px 110px rgba(212,167,255,.23); content:""; }
.wm-contact__planet { position:absolute; z-index:2; width:min(830px,72vw); height:auto; top:66%; left:50%; opacity:.94; filter:drop-shadow(0 -24px 58px rgba(109,231,255,.3)) drop-shadow(34px -8px 72px rgba(212,167,255,.18)); clip-path:circle(48% at 50% 50%); transform:translate(-50%,0); }
.wm-contact__inner { position:relative; z-index:4; padding:54px 0 154px; }
.wm-contact h2 { font-size:clamp(54px,7.4vw,104px); }
.wm-contact__inner>p { display:table; margin:20px auto 0; padding:9px 16px; color:rgba(255,255,255,.8); border:1px solid rgba(255,255,255,.1); border-radius:999px; background:rgba(5,6,11,.68); box-shadow:0 10px 34px rgba(0,0,0,.22); backdrop-filter:blur(12px); font-size:16px; text-shadow:0 1px 12px rgba(0,0,0,.8); }
.wm-contact .wm-actions { margin-top:18px; }
.wm-actions--center { justify-content:center; }

.wm-footer { padding:58px 0; color:rgba(255,255,255,.54); border-top:1px solid rgba(255,255,255,.09); background:#040509; }
.wm-footer__grid { display:grid; grid-template-columns:220px 1fr 1.3fr auto; align-items:end; gap:32px; }
.wm-logo--footer { width:190px; }
.wm-footer p { margin:0; font-size:12px; line-height:1.55; }
.wm-footer nav { display:flex; flex-direction:column; gap:6px; }
.wm-footer nav a { font-size:11px; text-decoration:none; }
.wm-footer nav a:hover { color:#fff; }

/* Depth scene reveal: the outgoing scene recedes while the next one rises over it. */
.js main>.wm-scene-section { --wm-scene-base:#05060b; --wm-scene-accent:var(--wm-cyan); --wm-scene-panel-y:0px; --wm-scene-panel-z:0px; --wm-scene-panel-opacity:1; --wm-scene-panel-brightness:1; --wm-scene-panel-blur:0px; --wm-scene-origin-y:50%; --wm-scene-content-y:0px; --wm-scene-content-scale:1; --wm-scene-inset:0px; --wm-scene-sticky-top:0px; position:relative; isolation:isolate; opacity:var(--wm-scene-panel-opacity); filter:brightness(var(--wm-scene-panel-brightness)) blur(var(--wm-scene-panel-blur)); transform:perspective(1400px) translate3d(0,var(--wm-scene-panel-y),var(--wm-scene-panel-z)); transform-origin:50% var(--wm-scene-origin-y); backface-visibility:hidden; }
.wm-scene-measuring.js main>.wm-scene-section { position:relative!important; top:auto!important; opacity:1!important; filter:none!important; transform:none!important; }
.js main>.wm-scene-section.is-depth-transitioning { will-change:transform,opacity,filter; }
.js main>.wm-scene-section.is-depth-incoming { -webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.12) 16px,rgba(0,0,0,.52) 72px,#000 156px); mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.12) 16px,rgba(0,0,0,.52) 72px,#000 156px); }
.js main>.wm-contact.is-depth-incoming { -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.72) 0,rgba(0,0,0,.9) 48px,#000 124px); mask-image:linear-gradient(180deg,rgba(0,0,0,.72) 0,rgba(0,0,0,.9) 48px,#000 124px); }
.js main>.wm-scene-section.is-depth-hidden { pointer-events:none; }
.wm-scene-ready.js main>.wm-scene-section:not(:last-child) { position:sticky; top:var(--wm-scene-sticky-top); }
.js main>.wm-scene-section:not(:last-child) { margin-bottom:-1px; overflow:hidden; border-bottom:1px solid color-mix(in srgb,var(--wm-scene-accent) 11%,transparent); background-clip:padding-box; }
.js main>.wm-scene-section:not(:first-child) { scroll-margin-top:96px; }
.js main>.wm-scene-section:target { --wm-scene-panel-y:0px!important; --wm-scene-panel-z:0px!important; --wm-scene-panel-opacity:1!important; --wm-scene-panel-brightness:1!important; --wm-scene-panel-blur:0px!important; }
.wm-scene-section>.wm-shell { transform:translate3d(0,calc(var(--wm-scene-content-y) + var(--wm-proof-hold-y,0px)),0) scale(var(--wm-scene-content-scale)); transform-origin:50% 0; will-change:transform; }
.wm-scene-transition { --wm-scene-accent:var(--wm-cyan); --wm-scene-from:#05060b; --wm-scene-glow:.35; --wm-scene-lift:28px; --wm-scene-spread:.94; position:absolute; z-index:0; top:0; right:0; left:0; height:clamp(150px,18vw,250px); overflow:hidden; pointer-events:none; }
.wm-scene-transition::before { position:absolute; inset:0; background:linear-gradient(180deg,var(--wm-scene-from) 0%,color-mix(in srgb,var(--wm-scene-from) 82%,transparent) 20%,color-mix(in srgb,var(--wm-scene-from) 36%,transparent) 56%,transparent 100%); content:""; }
.wm-contact .wm-scene-transition::before { opacity:.18; filter:blur(22px); transform:translate3d(0,-22px,0); }
.wm-scene-transition::after { position:absolute; width:118%; height:58%; top:-31%; left:-9%; border-radius:0 0 50% 50%; background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--wm-scene-accent) 28%,white 4%) 0%,color-mix(in srgb,var(--wm-scene-accent) 13%,transparent) 38%,transparent 72%); box-shadow:0 22px 80px color-mix(in srgb,var(--wm-scene-accent) 15%,transparent); content:""; filter:blur(18px) saturate(135%); opacity:var(--wm-scene-glow); transform:translate3d(0,var(--wm-scene-lift),0) scaleX(var(--wm-scene-spread)); transform-origin:50% 100%; will-change:transform,opacity; }
.wm-scene-transition i { position:absolute; inset:0; display:block; opacity:var(--wm-scene-glow); background-image:radial-gradient(circle at 17% 25%,color-mix(in srgb,var(--wm-scene-accent) 52%,white 20%) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 17%,rgba(255,255,255,.4) 0 .8px,transparent 1.4px),radial-gradient(circle at 43% 36%,color-mix(in srgb,var(--wm-scene-accent) 38%,transparent) 0 1.2px,transparent 1.8px),radial-gradient(circle at 88% 31%,rgba(255,255,255,.28) 0 .7px,transparent 1.2px); background-size:233px 109px,307px 137px,269px 127px,347px 151px; mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.75) 36%,transparent 88%); transform:translate3d(0,var(--wm-scene-dust-y,12px),0); will-change:transform,opacity; }
.wm-lines>.wm-shell,.wm-manifesto>.wm-shell,.wm-technology>.wm-shell,.wm-proof>.wm-shell { position:relative; z-index:1; }

.js .wm-reveal { opacity:0; filter:blur(6px); transform:translate3d(0,34px,0) scale(.992); }
.js .wm-reveal.is-visible { opacity:1; filter:blur(0); transform:none; transition:opacity .72s var(--wm-ease),filter .72s var(--wm-ease),transform .86s var(--wm-ease); }
.js .wm-line-card.wm-reveal { transform:perspective(1000px) translate3d(0,46px,0) rotateX(4deg) scale(.975); transform-origin:50% 100%; }
.js .wm-line-card.wm-reveal.is-visible { transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)); transition:opacity .72s var(--wm-ease),filter .72s var(--wm-ease),border-color .28s ease,box-shadow .28s ease,transform .12s ease-out; }
.js .wm-bento-card.wm-reveal { transform:translate3d(0,40px,0) scale(.978); transform-origin:50% 100%; }
.js .wm-bento-card.wm-reveal.is-visible { transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry)); transition:opacity .72s var(--wm-ease),filter .72s var(--wm-ease),border-color .25s ease,box-shadow .25s ease,transform .14s ease-out; }
.js .wm-proof__visual.wm-reveal { transform:perspective(1100px) translate3d(0,42px,0) rotateX(3deg) scale(.98); transform-origin:50% 100%; }
.js .wm-proof__visual.wm-reveal.is-visible { transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry)); transition:opacity .72s var(--wm-ease),filter .72s var(--wm-ease),transform .12s ease-out; }
.js .wm-section-head>p,.js .wm-manifesto__copy>p,.js .wm-proof__copy>p,.js .wm-proof__facts,.js .wm-bento-card>svg,.js .wm-bento-card>h3,.js .wm-bento-card>p { opacity:0; transform:translate3d(0,14px,0); }
.js .wm-section-head.is-visible>p,.js .wm-manifesto__copy.is-visible>p,.js .wm-proof__copy.is-visible>p,.js .wm-proof__copy.is-visible>.wm-proof__facts,.js .wm-bento-card.is-visible>svg,.js .wm-bento-card.is-visible>h3,.js .wm-bento-card.is-visible>p { opacity:1; transform:none; transition:opacity .58s var(--wm-ease),transform .68s var(--wm-ease); }
.js .wm-section-head.is-visible>p,.js .wm-manifesto__copy.is-visible>p:nth-child(2),.js .wm-proof__copy.is-visible>p { transition-delay:.16s; }
.js .wm-manifesto__copy.is-visible>p:nth-child(3),.js .wm-proof__copy.is-visible>.wm-proof__facts,.js .wm-bento-card.is-visible>h3 { transition-delay:.24s; }
.js .wm-manifesto__copy.is-visible>p:nth-child(4),.js .wm-bento-card.is-visible>p { transition-delay:.34s; }
.wm-hero.is-paused,.wm-hero.is-paused .wm-product-main,.wm-hero.is-paused .wm-orbit,.wm-hero.is-paused .wm-scroll-cue i::after,.wm-hero.is-paused .wm-hero__space-layer::before,.wm-hero.is-paused .wm-hero__space-layer--field::after,.wm-hero.is-paused .wm-hero__space-layer--dust,.wm-hero.is-paused .wm-hero__planet::before,.wm-hero.is-paused .wm-hero__meteor,.wm-hero.is-paused .wm-hero__nebula,.wm-hero.is-paused .wm-product-stage::before,.wm-hero.is-paused .wm-product-glow { animation-play-state:paused; }
.wm-line-card:nth-child(2),.wm-bento-card:nth-child(2) { transition-delay:.05s; }
.wm-line-card:nth-child(3),.wm-bento-card:nth-child(3) { transition-delay:.1s; }
.wm-line-card:nth-child(4),.wm-bento-card:nth-child(4) { transition-delay:.15s; }
.wm-line-card:nth-child(5) { transition-delay:.2s; }

@keyframes wm-float { 0%,100% { transform:translate3d(0,0,0) rotate(-2deg); } 50% { transform:translate3d(0,-12px,0) rotate(1deg); } }
@keyframes wm-orbit { to { transform:translate(-50%,-50%) rotate(342deg); } }
@keyframes wm-orbit-reverse { to { transform:translate(-50%,-50%) rotate(-378deg); } }
@keyframes wm-scroll { 0% { transform:translateY(-100%); } 50%,100% { transform:translateY(100%); } }
@keyframes wm-scroll-progress { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes wm-pearl-planet { 0%,100% { transform:rotate(-12deg) translate3d(0,0,0); } 50% { transform:rotate(3deg) translate3d(-8px,8px,0); } }
@keyframes wm-ambient-breathe { 0%,100% { filter:blur(24px) saturate(165%); } 50% { filter:blur(31px) saturate(195%); } }
@keyframes wm-sparkle { 0%,68%,100% { opacity:0; transform:translate3d(0,10px,0) scale(.55); } 76% { opacity:.95; } 90% { opacity:0; transform:translate3d(14px,-48px,0) scale(1.25); } }
@keyframes wm-contact-aurora {
  0%,100% { opacity:.5; transform:translate(-50%,0) rotate(-8deg) scale(.95); }
  50% { opacity:.76; transform:translate(-50%,0) rotate(10deg) scale(1.04); }
}
@keyframes wm-hero-backdrop-pan { 0% { background-position:52% 45%; } 100% { background-position:52% 56%; } }
@keyframes wm-hero-space-drift { 0% { opacity:.56; transform:translate3d(-2.4%,-1.2%,0) rotate(-2.4deg) scale(.96); } 100% { opacity:.94; transform:translate3d(2.7%,1.6%,0) rotate(3.2deg) scale(1.065); } }
@keyframes wm-hero-ribbon-drift { 0% { opacity:.32; transform:translate3d(-4%,-2%,0) rotate(-11deg) scale(.92); } 55% { opacity:.66; } 100% { opacity:.42; transform:translate3d(5%,3%,0) rotate(13deg) scale(1.08); } }
@keyframes wm-hero-dust-drift { 0% { background-position:0 0,71px 39px,123px 83px; opacity:.22; } 100% { background-position:42px -21px,27px 74px,158px 48px; opacity:.38; } }
@keyframes wm-hero-moon-float { 0% { transform:translate3d(-6px,7px,0) rotate(-1.6deg) scale(.985); } 100% { transform:translate3d(10px,-8px,0) rotate(1.7deg) scale(1.025); } }
@keyframes wm-hero-pearl-float { 0% { transform:translate3d(3px,-4px,0) rotate(-3deg) scale(.96); } 100% { transform:translate3d(-8px,9px,0) rotate(8deg) scale(1.04); } }
@keyframes wm-hero-nebula-breathe { 0% { opacity:.58; filter:blur(34px) saturate(122%); } 100% { opacity:.82; filter:blur(43px) saturate(148%); } }
@keyframes wm-hero-meteor { 0%,74% { opacity:0; transform:rotate(-28deg) translate3d(0,0,0) scaleX(.5); } 78% { opacity:.58; } 88%,100% { opacity:0; transform:rotate(-28deg) translate3d(-330px,164px,0) scaleX(1); } }
@keyframes wm-product-aurora { 0% { opacity:.58; transform:translate(-50%,-50%) rotate(-5deg) scale(.96); } 100% { opacity:.86; transform:translate(-50%,-50%) rotate(7deg) scale(1.04); } }
@keyframes wm-product-glow-breathe { 0% { opacity:.64; transform:scale(.96); } 100% { opacity:1; transform:scale(1.055); } }

@media (max-width:1023px) {
  :root { --wm-shell:min(100% - 40px,900px); }
  .wm-header { grid-template-columns:1fr auto; }
  .wm-nav,.wm-header__cta { display:none; }
  .wm-menu-button { display:flex; }
  .wm-mobile-menu { top:90px; }
  .wm-hero__grid { grid-template-columns:minmax(0,1fr) minmax(340px,.82fr); }
  .wm-hero h1 { font-size:clamp(50px,6.5vw,76px); }
  .wm-product-stage { min-height:580px; }
  .wm-line-card { grid-column:span 6; }
  .wm-line-card:nth-child(4) { grid-column:span 6; }
  .wm-line-card:nth-child(5) { grid-column:4/span 6; }
  .wm-manifesto__grid { gap:50px; }
  .wm-proof__visual { min-height:540px; }
  .wm-footer__grid { grid-template-columns:190px 1fr 1.5fr; }
  .wm-footer__copy { grid-column:1/-1; }
}

@media (max-width:899px) {
  :root { --wm-shell:calc(100% - 32px); }
  html { scroll-padding-top:88px; }
  .wm-header { top:10px; width:calc(100% - 20px); min-height:64px; grid-template-columns:1fr auto; padding:7px 7px 7px 17px; border-radius:18px; }
  .wm-logo { width:142px; }
  .wm-nav,.wm-header__cta { display:none; }
  .wm-menu-button { display:flex; }
  .wm-mobile-menu { top:78px; }
  .wm-hero { background-position:68% center; animation-name:wm-hero-backdrop-pan-mobile; }
  .wm-hero__space { inset:-12%; }
  .wm-hero__space-layer--field { opacity:.7; }
  .wm-hero__planet--moon { width:390px; top:-5%; right:-42%; opacity:.27; }
  .wm-hero__planet--pearl { width:72px; top:15%; right:8%; opacity:.2; }
  .wm-hero__meteor--two { display:none; }
  .wm-hero__nebula { width:118vw; height:118vw; right:-48vw; top:-31vw; opacity:.54; }
  .wm-hero__grid { display:flex; min-height:auto; flex-direction:column; gap:8px; padding-top:120px; padding-bottom:92px; }
  .wm-hero__copy { order:2; width:100%; }
  .wm-hero__intro { font-size:15px; }
  .wm-hero h1 { font-size:clamp(44px,13.2vw,62px); line-height:.9; }
  .wm-hero__subtitle { margin-top:12px; font-size:clamp(22px,6.5vw,32px); }
  .wm-actions { display:grid; grid-template-columns:1fr; margin-top:26px; }
  .wm-button { width:100%; min-height:52px; }
  .wm-hero__flavors { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .wm-hero__flavors a { justify-content:center; min-height:42px; padding-inline:9px; }
  .wm-hero__flavors a:last-child { grid-column:1/-1; }
  .wm-hero__about { margin-top:24px; padding-top:21px; }
  .wm-hero__about h2 { font-size:15px; line-height:1.35; }
  .wm-hero__about p { font-size:14px; line-height:1.6; }
  .wm-product-stage { order:1; width:100%; min-height:330px; }
  .wm-product-core { width:min(370px,92vw); }
  .wm-orbit--outer { width:96%; }
  .wm-orbit--inner { width:70%; }
  .wm-coordinate { display:none; }
  .wm-stage-label { right:0; bottom:4%; }
  .wm-product-bottle { display:none; }
  .wm-scroll-cue { display:none; }
  .wm-lines,.wm-technology,.wm-proof { padding:calc(88px + var(--wm-scene-inset,0px)) 0 88px; }
  .wm-section-head { grid-template-columns:1fr; gap:22px; margin-bottom:42px; }
  .wm-section-head h2,.wm-manifesto h2,.wm-proof h2,.wm-contact h2 { font-size:clamp(39px,11vw,58px); }
  .wm-manifesto h2 { font-size:clamp(34px,8vw,48px); }
  .wm-section-head>p { font-size:15px; }
  .wm-line-grid { grid-template-columns:1fr; gap:16px; }
  .wm-line-card,.wm-line-card:nth-child(4),.wm-line-card:nth-child(5) { min-height:520px; grid-column:auto; }
  .wm-line-card__visual { height:315px; }
  .wm-line-card__body { min-height:205px; padding:23px 58px 24px 22px; }
  .wm-line-card__body h3 { font-size:29px; }
  .wm-manifesto { padding:calc(88px + var(--wm-scene-inset,0px)) 0 44px; }
  .wm-manifesto__planet { width:68vw; right:-24vw; top:-5vw; opacity:.16; }
  .wm-manifesto__grid { grid-template-columns:1fr; gap:24px; }
  .wm-manifesto__copy { padding-top:0; }
  .wm-manifesto__copy .wm-manifesto__lead { font-size:21px; }
  .wm-manifesto__copy p { font-size:15px; }
  .wm-kinetic { margin-top:68px; }
  .wm-bento { grid-template-columns:1fr; gap:14px; }
  .wm-bento-card,.wm-bento-card--wide { min-height:320px; grid-column:auto; padding:27px; }
  .wm-bento-card svg { margin-bottom:40px; }
  .wm-bento-card h3 { font-size:29px; }
  .wm-proof__grid { grid-template-columns:1fr; gap:45px; }
  .wm-proof__visual { min-height:460px; }
  .wm-proof__copy { display:block; }
  .wm-proof__copy-inner { transform:none!important; }
  .wm-proof__copy>p:not(.wm-kicker) { font-size:15px; }
  .wm-proof__facts div { grid-template-columns:88px 1fr; }
  .wm-proof__facts dt { font-size:28px; }
  .js .wm-proof { min-height:150vh; min-height:150dvh; padding:0; }
  .js .wm-proof>.wm-proof__grid { min-height:100vh; min-height:100dvh; padding:88px 0; }
  .wm-contact { min-height:650px; }
  .wm-contact__aurora { width:158vw; top:59%; filter:blur(28px) saturate(145%); }
  .wm-contact__planet { width:145vw; top:72%; }
  .wm-contact__inner { padding:46px 0 148px; }
  .wm-contact__inner>p { width:auto; max-width:92%; padding:9px 13px; border-radius:18px; font-size:15px; }
  .wm-footer { padding:46px 0; }
  .wm-footer__grid { grid-template-columns:1fr; align-items:start; gap:24px; }
  .wm-footer__copy { grid-column:auto; }
  .js main>.wm-scene-section:not(:first-child) { scroll-margin-top:80px; }
  .js main>.wm-scene-section.is-depth-incoming { -webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.18) 12px,rgba(0,0,0,.58) 50px,#000 108px); mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.18) 12px,rgba(0,0,0,.58) 50px,#000 108px); }
  .js main>.wm-contact.is-depth-incoming { -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.94) 34px,#000 82px); mask-image:linear-gradient(180deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.94) 34px,#000 82px); }
  .wm-scene-transition { height:clamp(112px,34vw,164px); }
  .wm-scene-transition::after { height:62%; top:-34%; filter:blur(13px) saturate(128%); }
}

@keyframes wm-hero-backdrop-pan-mobile { 0% { background-position:65% 50%; } 100% { background-position:72% 50%; } }

@media (max-width:359px) {
  :root { --wm-shell:calc(100% - 24px); }
  .wm-header { width:calc(100% - 16px); }
  .wm-logo { width:130px; }
  .wm-hero h1 { font-size:41px; }
  .wm-bento-card h3 { font-size:25px; }
  .wm-product-stage { min-height:292px; }
  .wm-line-card__visual { height:285px; }
  .wm-line-card__body h3 { font-size:26px; }
  .wm-proof__visual { min-height:400px; }
}

@media (max-height:560px) and (min-width:700px) {
  .wm-hero__grid { min-height:720px; }
}

@media (hover:none),(pointer:coarse) {
  .wm-line-card,.wm-bento-card,.wm-proof__visual { transform:none!important; }
  .wm-line-card:hover .wm-line-card__visual img { transform:none; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  .js .wm-reveal,.js .wm-section-head>p,.js .wm-manifesto__copy>p,.js .wm-proof__copy>p,.js .wm-proof__facts,.js .wm-bento-card>svg,.js .wm-bento-card>h3,.js .wm-bento-card>p { opacity:1; filter:none; transform:none; }
  .wm-product-core { transform:translate(-50%,-50%)!important; }
  .wm-line-card,.wm-bento-card,.wm-proof__visual,.wm-proof__copy-inner { transform:none!important; }
  .wm-contact__aurora { animation:none; }
  .wm-manifesto__planet { animation:none; }
  .wm-spark-canvas,.wm-ambient-field { display:none; }
  .wm-scene-transition { display:none; }
  .js main>.wm-scene-section { opacity:1!important; filter:none!important; transform:none!important; }
  .wm-scene-ready.js main>.wm-scene-section:not(:last-child) { position:relative; top:auto; }
  .wm-scene-section>.wm-shell { transform:none!important; }
  .js main>.wm-scene-section:not(:last-child) { margin-bottom:-1px; border-radius:0; box-shadow:none; }
  .js main>.wm-scene-section:not(:first-child) { --wm-scene-inset:0px; scroll-margin-top:0; }
  .js .wm-proof { min-height:auto; padding:96px 0; }
  .js .wm-proof>.wm-proof__grid { min-height:0; padding:0; }
}

@media (max-width:899px) and (prefers-reduced-motion:reduce) {
  .js .wm-proof { padding:88px 0; }
}

@media (forced-colors:active) {
  html { scrollbar-color:auto; }
  .wm-header,.wm-line-card,.wm-bento-card,.wm-button { border:1px solid CanvasText; }
}
