:root{
  --bg:#050505;
  --bg-soft:#09090a;
  --panel:#0e0e10;
  --panel2:#121215;
  --text:#f6f6f3;
  --muted:#a7a7aa;
  --soft:#d5d5d7;
  --line:rgba(255,255,255,.11);
  --line2:rgba(255,255,255,.06);
  --orange:#ff6a00;
  --orange2:#ff8b2d;
  --silver:#dcdde0;
  --max:1240px;
  --radius:28px;
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  margin:0;background:
    radial-gradient(circle at 88% 14%,rgba(255,106,0,.10),transparent 28rem),
    radial-gradient(circle at 6% 78%,rgba(255,106,0,.05),transparent 24rem),
    var(--bg);
  color:var(--text);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden
}
body.intro-lock{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,textarea{font:inherit}
button{cursor:pointer}
::selection{background:var(--orange);color:#070707}
.wrap{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.section{padding:122px 0;position:relative}
.grid{display:grid;gap:24px}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--orange);font-size:.73rem;letter-spacing:.18em;text-transform:uppercase;font-weight:850}
.eyebrow:before{content:"";width:34px;height:1px;background:var(--orange)}
.display{font-size:clamp(3.45rem,9vw,8.9rem);font-weight:950;line-height:.84;letter-spacing:-.067em;text-transform:uppercase;margin:0}
.h2{font-size:clamp(2.2rem,5vw,4.9rem);font-weight:900;line-height:.94;letter-spacing:-.05em;margin:0}
.lede{font-size:clamp(1.05rem,1.65vw,1.3rem);line-height:1.72;color:var(--muted);max-width:760px}
.small{font-size:.88rem;color:var(--muted);line-height:1.55}
.orange{color:var(--orange)}
.silver{
  background:linear-gradient(180deg,#fff 10%,#b9bbc1 53%,#f6f6f6 88%);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.rule{height:1px;background:var(--line)}
.btn{
  min-height:54px;padding:0 25px;border-radius:999px;border:1px solid var(--line);
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-size:.76rem;letter-spacing:.135em;text-transform:uppercase;font-weight:900;
  transition:.28s var(--ease);position:relative;overflow:hidden
}
.btn.primary{background:var(--orange);border-color:var(--orange);color:#090909}
.btn.primary:hover{background:var(--orange2);transform:translateY(-2px);box-shadow:0 15px 45px rgba(255,106,0,.24)}
.btn.ghost{background:rgba(255,255,255,.025);backdrop-filter:blur(10px)}
.btn.ghost:hover{color:var(--orange);border-color:rgba(255,106,0,.55);transform:translateY(-2px)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal.on{opacity:1;transform:none}
.progress{position:fixed;z-index:1000;left:0;top:0;width:0;height:2px;background:var(--orange)}

/* CINEMATIC INTRO */
.intro{
  position:fixed;inset:0;background:#020202;z-index:1200;display:grid;place-items:center;
  transition:opacity .7s ease,visibility .7s ease
}
.intro.out{opacity:0;visibility:hidden;pointer-events:none}
.intro-core{width:min(820px,86vw);text-align:center;position:relative}
.intro-logo{width:min(430px,74vw);height:auto;object-fit:contain;margin:0 auto 24px;opacity:0;transform:scale(.96);animation:introLogo 1.1s .2s forwards var(--ease)}
.intro-line{height:2px;background:linear-gradient(90deg,transparent,var(--orange),transparent);width:0;margin:0 auto 24px;box-shadow:0 0 25px rgba(255,106,0,.65);animation:introLine .75s .6s forwards var(--ease)}
.intro-tag{font-size:.8rem;letter-spacing:.32em;text-transform:uppercase;color:#c8c8ca;opacity:0;animation:introTag .8s 1s forwards ease}
.intro-flare{position:absolute;height:1px;width:50vw;background:linear-gradient(90deg,transparent,var(--orange),transparent);left:-70vw;top:48%;transform:rotate(-10deg);animation:introFlare 1.2s .15s forwards ease-out}
.intro-skip{position:absolute;right:24px;bottom:22px;background:none;border:0;color:#6d6d70;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
@keyframes introLogo{to{opacity:1;transform:scale(1)}}
@keyframes introLine{to{width:min(470px,64vw)}}
@keyframes introTag{to{opacity:1}}
@keyframes introFlare{to{left:100vw}}
@keyframes introExit{to{opacity:0}}

/* NAV */
.nav{position:fixed;z-index:100;top:0;left:0;right:0;height:82px;border-bottom:1px solid transparent;transition:.3s}
.nav.scrolled{background:rgba(5,5,5,.82);backdrop-filter:blur(16px);border-color:var(--line)}
.navin{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand img{width:118px;height:44px;object-fit:contain}
.links{display:flex;align-items:center;gap:30px}
.links a{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#d7d7d9;font-weight:800;transition:.2s}
.links a:hover{color:var(--orange)}
.menu{display:none;background:none;border:0;color:#fff;padding:10px}
.menu i,.menu i:before,.menu i:after{display:block;width:24px;height:2px;background:#fff;content:"";position:relative;transition:.2s}
.menu i:before{position:absolute;top:-7px}.menu i:after{position:absolute;top:7px}

/* FLOATING COMMAND NAV */
.command-toggle{
  position:fixed;z-index:95;right:24px;bottom:26px;width:60px;height:60px;border-radius:50%;
  background:#0c0c0d;border:1px solid rgba(255,106,0,.48);box-shadow:0 14px 45px rgba(0,0,0,.5);
  display:grid;place-items:center;transition:.25s var(--ease)
}
.command-toggle:hover{transform:translateY(-3px) rotate(2deg);box-shadow:0 18px 55px rgba(255,106,0,.11)}
.command-toggle img{width:36px;height:36px;object-fit:contain}
.command{
  position:fixed;z-index:94;right:24px;bottom:98px;width:min(340px,calc(100vw - 32px));
  border:1px solid var(--line);border-radius:24px;background:rgba(8,8,9,.95);backdrop-filter:blur(18px);
  padding:20px;opacity:0;transform:translateY(14px) scale(.98);pointer-events:none;transition:.25s var(--ease)
}
.command.open{opacity:1;transform:none;pointer-events:auto}
.command-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:8px}
.command-head strong{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase}
.command a{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:12px 4px;border-bottom:1px solid var(--line2)}
.command a:last-child{border-bottom:0}
.command a span:first-child{color:var(--orange);font-size:.72rem}
.command a span:nth-child(2){font-weight:750}
.command a em{font-style:normal;color:#666}

/* HERO */
.hero{min-height:100svh;display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden;padding-top:96px}
.hero:before{
  content:"";position:absolute;inset:0;z-index:-5;
  background:
    linear-gradient(115deg,transparent 0 43%,rgba(255,106,0,.055) 43.2% 43.5%,transparent 43.8%),
    repeating-linear-gradient(116deg,transparent 0 100px,rgba(255,255,255,.012) 101px 102px)
}
.hero:after{content:"";position:absolute;inset:-20%;z-index:-6;background:radial-gradient(circle at 69% 42%,rgba(255,106,0,.18),transparent 18%,transparent 45%);animation:pulseGlow 7s ease-in-out infinite}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;position:relative;text-align:center}
.hero-copy{width:min(940px,100%);max-width:940px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:3;margin:0 auto}
.hero-copy .eyebrow{justify-content:center;text-align:center}
.hero-logo{width:min(440px,78vw);margin:0 auto 24px;filter:drop-shadow(0 26px 70px rgba(0,0,0,.6));animation:float 6s ease-in-out infinite}
.hero-copy .display{max-width:980px}
.hero-copy p{max-width:760px;margin-left:auto;margin-right:auto}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px;justify-content:center}
.hero-media{position:absolute;right:clamp(18px,5vw,76px);top:50%;transform:translateY(-44%) rotate(-3deg);width:min(31vw,420px);z-index:1;pointer-events:none}
.hero-media-glow{position:absolute;inset:12% 8% 10% 8%;background:radial-gradient(circle,rgba(255,106,0,.32),rgba(255,106,0,.09) 34%,transparent 70%);filter:blur(26px)}
.hero-media img{position:relative;display:block;width:100%;height:auto;border-radius:28px;box-shadow:0 34px 72px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.04);filter:drop-shadow(0 0 24px rgba(255,106,0,.12))}

.speed-streaks{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.speed-streak{position:absolute;height:2px;width:46vw;background:linear-gradient(90deg,transparent,var(--orange),transparent);filter:drop-shadow(0 0 12px rgba(255,106,0,.6));transform:rotate(-18deg);opacity:.48;animation:streak 7.5s linear infinite}
.speed-streak:nth-child(1){top:24%;left:-55%}
.speed-streak:nth-child(2){top:66%;left:-68%;animation-delay:2.3s;width:58vw;opacity:.26}
.speed-streak:nth-child(3){top:80%;left:-62%;animation-delay:4.8s;width:34vw;opacity:.4}
.motion-word{position:absolute;text-transform:uppercase;font-weight:950;letter-spacing:.06em;color:rgba(255,255,255,.05);font-size:clamp(3rem,7vw,7rem);white-space:nowrap;pointer-events:none}
.mw1{top:7%;right:-20%;animation:slideWord 14s linear infinite}
.mw2{bottom:4%;left:-35%;animation:slideWord2 18s linear infinite}
.origin-pill{display:inline-flex;gap:10px;align-items:center;margin-top:24px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;color:#adadb0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.origin-pill i{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 14px var(--orange)}

/* TICKER */
.ticker{border-block:1px solid var(--line);background:#080808;overflow:hidden}
.ticker-track{display:flex;width:max-content;animation:marquee 22s linear infinite;padding:20px 0}
.ticker span{font-weight:950;font-size:clamp(1.35rem,3vw,2.4rem);letter-spacing:.06em;text-transform:uppercase;margin-right:34px;display:flex;gap:34px;align-items:center}
.ticker b{color:var(--orange)}

/* INTRO VALUES + INTERACTIVE DNA */
.intro-grid{grid-template-columns:.85fr 1.15fr;align-items:end}
.dna-layout{margin-top:56px}
.dna-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dna{
  min-height:300px;border:1px solid var(--line);border-radius:var(--radius);padding:30px;
  background:linear-gradient(150deg,rgba(255,255,255,.035),rgba(255,255,255,.008));position:relative;overflow:hidden;
  transition:.32s var(--ease)
}
.dna:hover,.dna.active{transform:translateY(-7px);border-color:rgba(255,106,0,.45);background:linear-gradient(150deg,rgba(255,106,0,.07),rgba(255,255,255,.01))}
.dna .num{font-size:.72rem;letter-spacing:.15em;color:#747478}
.dna h3{font-size:2.35rem;letter-spacing:-.04em;text-transform:uppercase;margin:92px 0 10px}
.dna p{margin:0;color:var(--muted);line-height:1.65}
.dna:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:var(--orange);filter:blur(95px);opacity:.06;right:-50px;bottom:-70px}
/* ABOUT */
.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:78px}
.about-visual{min-height:600px;border:1px solid var(--line);border-radius:34px;position:relative;overflow:hidden;background:#090909}
.about-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent 28%,rgba(255,106,0,.08) 29%,transparent 31% 68%,rgba(255,255,255,.025) 69%,transparent 72%)}
.about-visual img{position:absolute;width:80%;left:10%;top:17%;opacity:.92;filter:drop-shadow(0 30px 55px #000)}
.about-visual .stamp{position:absolute;left:34px;bottom:30px;padding:10px 14px;border:1px solid rgba(255,106,0,.45);border-radius:999px;color:var(--orange);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}
.mini-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:34px}
.mini{border-top:1px solid var(--line);padding-top:18px}
.mini strong{display:block;font-size:1.25rem;margin-bottom:4px}

/* MANIFESTO */
.manifesto{padding:100px 0;border-block:1px solid var(--line);overflow:hidden;background:#070707}
.manifesto-row{white-space:nowrap;font-size:clamp(3rem,8vw,8rem);font-weight:950;line-height:.95;letter-spacing:-.055em;text-transform:uppercase;color:#ececec}
.manifesto-row:nth-child(2){color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.28);transform:translateX(-12vw)}
.manifesto-row span{color:var(--orange);-webkit-text-stroke:0}

/* PRODUCT CLASSIFIED */
.classified{
  min-height:680px;border:1px solid var(--line);border-radius:38px;background:
    radial-gradient(circle at 79% 52%,rgba(255,106,0,.16),transparent 20rem),
    linear-gradient(120deg,#080809,#111113);
  position:relative;overflow:hidden;padding:68px;display:flex;align-items:flex-end
}
.classified:before{content:"";position:absolute;width:670px;height:670px;border:1px solid rgba(255,255,255,.075);border-radius:50%;right:-130px;top:-80px;animation:spin 35s linear infinite}
.classified:after{
  content:"";position:absolute;right:4%;top:8%;width:47%;height:78%;
  background:linear-gradient(160deg,#17171a,#050505);border-radius:44% 44% 30% 30% / 34% 34% 17% 17%;
  opacity:.72;filter:blur(1px) drop-shadow(0 30px 80px #000);transform:rotate(8deg);
  border:1px solid rgba(255,255,255,.04)
}
.classified .redact{position:absolute;right:11%;top:15%;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:#727276;z-index:2}
.classified .scan{position:absolute;width:2px;height:140%;background:linear-gradient(transparent,var(--orange),transparent);right:24%;top:-20%;transform:rotate(18deg);box-shadow:0 0 34px var(--orange);animation:scan 5s ease-in-out infinite;z-index:3}
.classified-copy{position:relative;z-index:4;max-width:680px}
.classified-id{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.tag{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:9px 12px;color:#a9a9ad;background:rgba(255,255,255,.02)}
.classified-lines{font-size:1.08rem;line-height:1.85;color:#d7d7d9;margin:26px 0}

/* EMAIL LIST */
.waitlist{
  margin-top:26px;border:1px solid rgba(255,106,0,.27);border-radius:26px;padding:26px;background:rgba(255,106,0,.035);
  display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end
}
.waitlist h3{margin:0 0 7px;font-size:1.45rem}
.waitlist p{margin:0;color:#a8a8ac;line-height:1.6}
.waitlist-form{display:flex;gap:10px}
.waitlist input{width:280px;min-height:52px;border:1px solid var(--line);border-radius:999px;background:#0d0d0f;color:#fff;padding:0 18px;outline:none}
.waitlist input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,106,0,.08)}

/* WHY */
.why-grid{grid-template-columns:repeat(2,1fr);margin-top:52px}
.why-item{padding:34px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:56px 1fr;gap:20px}
.icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,106,0,.38);color:var(--orange);font-weight:900}
.why-item h3{margin:0 0 8px;font-size:1.35rem}.why-item p{margin:0;color:var(--muted);line-height:1.65}

/* LIGHT STATEMENT */
.statement{padding:150px 0;background:#efefeb;color:#0a0a0a;overflow:hidden}
.statement .bigline{font-size:clamp(3rem,8vw,8rem);font-weight:950;line-height:.83;letter-spacing:-.065em;text-transform:uppercase;margin:0}
.statement .bigline span{color:var(--orange)}
.statement p{max-width:760px;font-size:1.16rem;line-height:1.7;color:#3e3e3f;margin-top:44px}

/* ECOSYSTEM */
.ecosystem-grid{grid-template-columns:repeat(4,1fr);margin-top:48px}
.eco{
  min-height:330px;border:1px solid var(--line);border-radius:26px;padding:28px;position:relative;overflow:hidden;
  background:linear-gradient(155deg,#101012,#080809);display:flex;flex-direction:column;justify-content:space-between;transition:.3s var(--ease)
}
.eco:hover{transform:translateY(-7px);border-color:rgba(255,106,0,.4)}
.eco:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;top:-80px;border:1px solid rgba(255,106,0,.12)}
.eco .idx{color:#777;font-size:.72rem;letter-spacing:.16em}
.eco h3{font-size:1.65rem;line-height:1.1;margin:0;text-transform:uppercase}
.eco .soon{font-size:.68rem;letter-spacing:.14em;color:var(--orange);text-transform:uppercase}

/* FOUNDER */
.founder-grid{grid-template-columns:.64fr 1.36fr;gap:78px}
.founder-label{border-top:1px solid var(--line);padding-top:22px}
.founder-name{font-size:1.75rem;font-weight:900}.founder-role{color:var(--orange);margin-top:5px}
.founder-copy{font-size:clamp(1.25rem,2.25vw,1.95rem);line-height:1.5;letter-spacing:-.025em;color:#d8d8db}

/* AMAZON */
.amazon-box{border:1px solid var(--line);border-radius:32px;padding:54px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;background:linear-gradient(115deg,#0b0b0c,#131315)}
.amazon-box h2{margin:0 0 10px;font-size:clamp(2rem,4vw,3.5rem)}.amazon-box p{margin:0;color:var(--muted);max-width:650px;line-height:1.7}

/* INSTAGRAM */
.social-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:36px}
.social-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.post{
  aspect-ratio:1;border:1px solid var(--line);border-radius:20px;background:#09090a;position:relative;overflow:hidden;
  transition:.3s var(--ease)
}
.post:hover{transform:translateY(-5px);border-color:rgba(255,106,0,.4)}
.post:before{content:"";position:absolute;inset:-15%;background:linear-gradient(130deg,transparent 35%,rgba(255,106,0,.16) 36%,transparent 39%);transform:rotate(var(--r,0deg))}
.post .pword{position:absolute;left:18px;bottom:18px;font-size:clamp(1rem,2vw,1.65rem);font-weight:950;text-transform:uppercase;line-height:.9}
.post .dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--orange);right:18px;top:18px;box-shadow:0 0 18px var(--orange)}
.post:nth-child(2){--r:10deg}.post:nth-child(3){--r:-12deg}.post:nth-child(4){--r:18deg}.post:nth-child(5){--r:-8deg}.post:nth-child(6){--r:6deg}

/* CONTACT */
.contact-grid{grid-template-columns:.8fr 1.2fr;gap:70px}
.contact-meta{margin-top:42px;display:grid;gap:20px}.meta{border-top:1px solid var(--line);padding-top:18px}
.meta small{display:block;color:#777;text-transform:uppercase;letter-spacing:.14em;margin-bottom:6px}.meta strong{font-size:1.05rem}
.form{border:1px solid var(--line);border-radius:30px;padding:36px;background:#0a0a0b}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}
.field label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#929292}
.field input,.field textarea{width:100%;border:1px solid var(--line);background:#0f0f11;color:#fff;border-radius:14px;padding:15px 16px;outline:none;transition:.2s}
.field input:focus,.field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,106,0,.08)}.field textarea{min-height:150px;resize:vertical}
.form .btn{margin-top:18px;border:0}

/* FOOTER */
footer{padding:70px 0 36px;border-top:1px solid var(--line);background:#030303}
.foot-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:60px}.foot-logo{width:220px;height:auto;object-fit:contain}
.foot-title{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#777;margin-top:18px}
.foot-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 30px}.foot-links a{color:#b7b7b7;font-size:.9rem}.foot-links a:hover{color:var(--orange)}
.bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:46px;padding-top:24px;color:#777;font-size:.78rem}

/* POLICY */
.policy-hero{padding:160px 0 80px}.policy{max-width:860px}.policy h1{font-size:clamp(2.7rem,7vw,5.6rem);line-height:.9;letter-spacing:-.05em;margin:0 0 28px}
.policy h2{font-size:1.5rem;margin-top:48px}.policy p,.policy li{color:#b9b9bd;line-height:1.75}
.policy .notice{border:1px solid rgba(255,106,0,.3);border-radius:18px;padding:20px;background:rgba(255,106,0,.05);color:#ddd}

/* TOAST */
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,18px);background:#161617;border:1px solid var(--line);border-radius:999px;padding:13px 18px;color:#ddd;opacity:0;pointer-events:none;transition:.25s;z-index:1300;font-size:.86rem}
.toast.on{opacity:1;transform:translate(-50%,0)}

@keyframes pulseGlow{50%{transform:scale(1.08);opacity:1}}
@keyframes streak{0%{transform:translateX(0) rotate(-18deg)}100%{transform:translateX(190vw) rotate(-18deg)}}
@keyframes float{50%{transform:translateY(-8px)}}@keyframes markFloat{50%{transform:translateY(-18px) rotate(1deg)}}@keyframes spin{to{transform:rotate(360deg)}}
@keyframes slideWord{to{transform:translateX(-35vw)}}@keyframes slideWord2{to{transform:translateX(42vw)}}@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes scan{0%,100%{transform:translateX(150px) rotate(18deg);opacity:.2}50%{transform:translateX(-320px) rotate(18deg);opacity:.85}}
@keyframes speedLine{50%{transform:translateX(20px);opacity:.25;filter:blur(1px)}}
@keyframes bornPulse{50%{opacity:.45}}

@media(max-width:1050px){
  .social-grid{grid-template-columns:repeat(3,1fr)}
  .ecosystem-grid{grid-template-columns:repeat(2,1fr)}
  .dna-layout{display:block}
}
@media(max-width:900px){
  .wrap{width:min(calc(100% - 28px),var(--max))}.section{padding:92px 0}
  .nav{background:rgba(5,5,5,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.04)}
  .links{position:fixed;top:82px;left:14px;right:14px;padding:16px;background:linear-gradient(180deg,rgba(12,12,13,.98),rgba(7,7,8,.98));border:1px solid var(--line);border-radius:24px;display:none;flex-direction:column;align-items:stretch;gap:4px;box-shadow:0 24px 60px rgba(0,0,0,.45);backdrop-filter:blur(18px)}
  .links a{width:100%;padding:14px 12px;border-radius:14px;border:1px solid transparent}
  .links a:hover{background:rgba(255,106,0,.06);border-color:rgba(255,106,0,.18)}
  .links.open{display:flex}.menu{display:grid;place-items:center;width:52px;height:52px;padding:0;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);box-shadow:0 12px 30px rgba(0,0,0,.28)}
  .hero-grid,.intro-grid,.about-grid,.founder-grid,.contact-grid{grid-template-columns:1fr}
  .hero{padding-bottom:42px}
  .hero-copy{padding-top:24px}
  .hero-media{position:relative;right:auto;top:auto;transform:none;width:min(72vw,420px);margin:26px auto 0}
  .hero-media img{border-radius:24px}
  .dna-cards{grid-template-columns:1fr}.about-grid{gap:42px}.about-visual{min-height:460px}
  .classified{min-height:640px;padding:40px 28px}.classified:after{right:-18%;width:70%;opacity:.52}
  .waitlist{grid-template-columns:1fr}.waitlist-form{width:100%}.waitlist input{width:100%}
  .why-grid{grid-template-columns:1fr}.amazon-box{grid-template-columns:1fr}.founder-grid{gap:40px}
}
@media(max-width:620px){
  .nav{height:72px}.links{top:72px}.brand img{width:104px}.hero{padding-top:92px;min-height:auto}.hero-logo{width:min(82vw,340px);margin-bottom:18px}
  .hero-copy .eyebrow{font-size:.74rem;letter-spacing:.24em}
  .hero-copy .display{font-size:clamp(3rem,15vw,4.7rem);line-height:.88}
  .hero-copy .lede{font-size:1rem;line-height:1.7}
  .hero-actions{display:grid;grid-template-columns:1fr;width:min(100%,420px)}.hero-actions .btn{width:100%;min-height:58px}
  .hero-media{width:min(92vw,420px);margin:22px auto 0}
  .motion-word{display:none}
  .ticker-track{padding:16px 0}.ticker span{font-size:1.05rem;gap:18px;margin-right:18px}
  .classified{min-height:600px}.classified:after{right:-28%;top:16%;width:85%;height:65%}.classified .redact{right:8%}
  .waitlist-form{display:grid}.waitlist .btn{width:100%}
  .ecosystem-grid{grid-template-columns:1fr}.social-grid{grid-template-columns:repeat(2,1fr)}
  .social-head{align-items:flex-start;flex-direction:column}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.amazon-box,.form{padding:28px}
  .bottom{flex-direction:column}.foot-links{grid-template-columns:1fr}.command-toggle{right:16px;bottom:18px}.command{right:16px;bottom:88px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}


.mini-stats{grid-template-columns:minmax(160px,220px)}

.founder-grid-photo{grid-template-columns:.78fr 1.22fr;align-items:center}
.founder-card{
  border:1px solid var(--line);
  border-radius:30px;
  padding:34px 30px;
  background:linear-gradient(160deg,#111114,#09090a);
  position:relative;
  overflow:hidden
}
.founder-card:before{
  content:"";
  position:absolute;
  width:240px;height:240px;
  border-radius:50%;
  right:-90px;top:-90px;
  background:radial-gradient(circle, rgba(255,106,0,.22), rgba(255,106,0,0) 68%);
  pointer-events:none
}
.founder-avatar-wrap{
  margin:28px 0 20px;
  width:128px;height:128px;
  border-radius:50%;
  padding:4px;
  background:linear-gradient(145deg, rgba(255,106,0,.95), rgba(255,255,255,.35), rgba(255,106,0,.85));
  box-shadow:0 14px 40px rgba(255,106,0,.18)
}
.founder-avatar{
  width:100%;height:100%;
  border-radius:50%;
  object-fit:cover;
  border:2px solid rgba(255,255,255,.12);
  background:#0a0a0a
}
.founder-name{font-size:1.85rem;font-weight:900;line-height:1.05}
.founder-role{color:var(--orange);margin-top:7px;font-weight:700;letter-spacing:.02em}

@media(max-width:900px){
  .founder-grid-photo{grid-template-columns:1fr}
  .founder-card{padding:28px 24px}
}


/* PRODUCT REVEAL + PRE-ORDER INTEREST */
.product-reveal{
  border:1px solid var(--line);border-radius:34px;overflow:hidden;
  display:grid;grid-template-columns:minmax(360px,.9fr) 1.1fr;
  background:linear-gradient(145deg,#0b0b0d,#070708);box-shadow:0 38px 110px rgba(0,0,0,.42)
}
.product-stage{
  min-height:690px;position:relative;display:grid;place-items:center;padding:34px;
  background:radial-gradient(circle at 78% 76%,rgba(255,106,0,.18),transparent 24%),linear-gradient(145deg,#080809,#131316);overflow:hidden
}
.product-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));pointer-events:none}
.product-stage:after{content:"";display:none}
.product-stage img{width:min(520px,94%);position:relative;z-index:2;border-radius:22px;box-shadow:0 28px 48px rgba(0,0,0,.45);transition:transform .5s var(--ease)}
.product-reveal:hover .product-stage img{transform:translateY(-7px) scale(1.015)}
.product-copy{padding:58px 58px 52px;display:flex;flex-direction:column;justify-content:center}
.product-kickers{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}
.product-name{font-size:clamp(2.6rem,5vw,5.4rem);font-weight:950;line-height:.9;letter-spacing:-.055em;text-transform:uppercase;margin:0}
.product-sub{font-size:1.1rem;line-height:1.75;color:var(--muted);margin:24px 0 0;max-width:680px}
.product-promise{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:34px 0}
.promise{border-top:1px solid var(--line);padding:20px 4px 0}
.promise strong{display:block;text-transform:uppercase;font-size:.86rem;letter-spacing:.08em;margin-bottom:7px}
.promise span{display:block;color:#8e8e92;font-size:.88rem;line-height:1.5}
.launch-note{border-left:2px solid var(--orange);padding:2px 0 2px 16px;color:#9d9da1;font-size:.9rem;line-height:1.6;margin-top:4px}
.product-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

.preorder-shell{margin-top:28px;border:1px solid rgba(255,106,0,.28);border-radius:30px;background:linear-gradient(150deg,rgba(255,106,0,.055),rgba(255,255,255,.012));padding:34px}
.preorder-head{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:end;margin-bottom:26px}
.preorder-head h3{font-size:clamp(1.8rem,3vw,3rem);line-height:.95;margin:8px 0 0;letter-spacing:-.04em;text-transform:uppercase}
.preorder-badge{border:1px solid rgba(255,106,0,.35);border-radius:999px;padding:10px 13px;color:var(--orange);font-size:.67rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}
.preorder-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.preorder-form .field{gap:7px}.preorder-form .field.full{grid-column:1/-1}
.preorder-form input,.preorder-form select,.preorder-form textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:#0b0b0d;color:#fff;padding:14px 15px;outline:none;min-height:52px}
.preorder-form select{appearance:auto}.preorder-form textarea{min-height:104px;resize:vertical}
.preorder-form input:focus,.preorder-form select:focus,.preorder-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,106,0,.08)}
.preorder-submit{grid-column:1/-1;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:4px}
.preorder-submit .btn{border:0}
.preorder-note{font-size:.78rem;color:#7f7f83;line-height:1.5;max-width:540px}
.preorder-status{grid-column:1/-1;min-height:22px;color:#b9b9bd;font-size:.86rem}
.preorder-status.success{color:#d6d6d8}.preorder-status.error{color:#ff9a56}

@media(max-width:980px){
  .product-reveal{grid-template-columns:1fr}.product-stage{min-height:560px}.product-copy{padding:46px 34px}.preorder-head{grid-template-columns:1fr}.preorder-badge{justify-self:start}
}
@media(max-width:620px){
  .product-stage{min-height:430px;padding:34px 18px}.product-stage img{width:95%}.product-copy{padding:36px 24px}.product-promise{grid-template-columns:1fr}.product-actions{display:grid}.product-actions .btn{width:100%}
  .preorder-shell{padding:26px 20px}.preorder-form{grid-template-columns:1fr}.preorder-form .field.full,.preorder-submit,.preorder-status{grid-column:auto}.preorder-submit{display:grid}.preorder-submit .btn{width:100%}
}



/* V8 HERO FIX — centered brand copy with non-overlapping cinematic product art */
@media (min-width:901px){
  .hero-grid{min-height:calc(100svh - 96px);display:grid;place-items:center;text-align:center;position:relative}
  .hero-copy{width:min(880px,72vw);max-width:880px;margin:0 auto;align-items:center;text-align:center;z-index:4}
  .hero-logo{width:min(420px,36vw);margin:0 auto 22px}
  .hero-copy .display{font-size:clamp(3.8rem,7.2vw,7.6rem);max-width:920px}
  .hero-copy .lede{max-width:720px;margin-left:auto;margin-right:auto}
  .hero-actions{justify-content:center}

  /* Product art becomes a cinematic edge element, not a card sitting on top of the copy. */
  .hero-media{position:absolute;right:2.5vw;bottom:4%;top:auto;transform:rotate(-4deg);width:min(27vw,390px);z-index:2;opacity:.94;pointer-events:none;
    -webkit-mask-image:radial-gradient(ellipse 72% 74% at 54% 52%,#000 48%,rgba(0,0,0,.94) 60%,transparent 88%);
    mask-image:radial-gradient(ellipse 72% 74% at 54% 52%,#000 48%,rgba(0,0,0,.94) 60%,transparent 88%);
  }
  .hero-media-glow{inset:12% 2% 2% 8%;filter:blur(34px);opacity:.8}
  .hero-media img{width:100%;border-radius:0;box-shadow:none;filter:drop-shadow(0 26px 42px rgba(0,0,0,.65))}
}

/* Mid-size desktop / desktop-mode mobile: never let the paddle collide with the headline. */
@media (min-width:901px) and (max-width:1240px){
  .hero-copy{width:min(760px,74vw)}
  .hero-logo{width:min(360px,34vw)}
  .hero-copy .display{font-size:clamp(3.3rem,6.7vw,5.8rem)}
  .hero-copy .lede{max-width:620px}
  .hero-media{right:-3vw;bottom:1.5%;width:min(25vw,280px);opacity:.48}
}

/* Premium true-mobile layout */
@media (max-width:900px){
  .hero{min-height:auto;padding-top:94px;padding-bottom:30px;align-items:flex-start}
  .hero-grid{display:flex;flex-direction:column;align-items:center;text-align:center}
  .hero-copy{width:100%;max-width:620px;padding-top:12px;align-items:center;text-align:center}
  .hero-logo{width:min(78vw,330px);margin:0 auto 18px}
  .hero-copy .display{font-size:clamp(3rem,13vw,5rem);line-height:.88}
  .hero-copy .lede{max-width:540px;margin-left:auto;margin-right:auto}
  .hero-actions{width:min(100%,430px);margin-top:28px}
  .hero-media{position:relative;right:auto;top:auto;bottom:auto;transform:none;width:min(86vw,410px);margin:26px auto 0;opacity:1;
    -webkit-mask-image:radial-gradient(ellipse 78% 78% at 50% 52%,#000 54%,transparent 92%);
    mask-image:radial-gradient(ellipse 78% 78% at 50% 52%,#000 54%,transparent 92%);
  }
  .hero-media img{border-radius:0;box-shadow:none}
}
@media (max-width:620px){
  .hero{padding-top:88px;padding-bottom:22px}
  .hero-copy{padding-top:4px}
  .hero-logo{width:min(76vw,300px);margin-bottom:14px}
  .hero-copy .eyebrow{margin-bottom:10px}
  .hero-copy .display{font-size:clamp(2.9rem,14vw,4.35rem)}
  .hero-copy .lede{font-size:.98rem;line-height:1.62}
  .hero-actions{gap:10px}
  .hero-actions .btn{min-height:56px}
  .hero-media{width:min(90vw,390px);margin-top:18px}
}


/* ===== VAYRIV V10 PREMIUM POLISH ===== */
:root{--max:1280px;--radius:30px}
body{background:radial-gradient(circle at 82% 10%,rgba(255,106,0,.085),transparent 28rem),radial-gradient(circle at 5% 72%,rgba(255,106,0,.035),transparent 24rem),#050505}
.section{padding:112px 0}
.lede{font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.78}
.eyebrow{font-size:.69rem;letter-spacing:.21em}
.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.28),transparent 70%);transform:translateX(-130%);transition:transform .65s var(--ease)}
.btn:hover:after{transform:translateX(130%)}
.nav-cta{border:1px solid rgba(255,106,0,.5)!important;color:var(--orange)!important;padding:10px 15px;border-radius:999px}
.nav-cta:hover{background:rgba(255,106,0,.09)}

/* hero refinement */
.hero{min-height:100svh;padding-top:88px;padding-bottom:52px}
.hero-copy{width:min(840px,100%);max-width:840px}
.hero-logo{width:min(380px,70vw);margin-bottom:20px}
.hero-copy .display{font-size:clamp(3.8rem,8.4vw,8rem);line-height:.86}
.hero-copy .lede{max-width:650px;margin-top:14px;margin-bottom:0}
.hero-copy .lede + .lede{margin-top:6px;color:#858589}
.hero-actions{margin-top:28px}
.hero-media{right:clamp(-70px,2vw,28px);top:54%;width:min(30vw,390px);opacity:.95;animation:heroProductFloat 7s ease-in-out infinite}
.hero-media-glow{inset:8% 4%;filter:blur(38px);opacity:.7}
.hero-media img{border-radius:0;box-shadow:none;filter:drop-shadow(0 40px 70px rgba(0,0,0,.65));-webkit-mask-image:radial-gradient(ellipse at center,black 56%,transparent 95%);mask-image:radial-gradient(ellipse at center,black 56%,transparent 95%)}
.hero:after{background:radial-gradient(circle at 75% 50%,rgba(255,106,0,.15),transparent 16%,transparent 44%)}
@keyframes heroProductFloat{50%{transform:translateY(calc(-44% - 10px)) rotate(-2deg)}}

/* ticker restrained */
.ticker{background:#070707;border-color:rgba(255,255,255,.07)}
.ticker-track{padding:15px 0;animation-duration:30s}
.ticker span{font-size:clamp(.95rem,1.5vw,1.2rem);gap:22px;margin-right:22px;letter-spacing:.12em;color:#cacacd}

/* section transitions */
.section:not(#about):not(#products):before{content:"";position:absolute;left:50%;top:0;width:min(94%,1280px);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent)}
#about{padding-top:126px}
.about-visual{min-height:520px;background:linear-gradient(145deg,#0b0b0c,#060606)}
.about-visual img{width:72%;left:14%;top:19%}
.dna{min-height:250px;padding:28px}
.dna h3{margin:66px 0 10px;font-size:2rem}
.dna:hover,.dna.active{transform:translateY(-4px)}

/* premium product spotlight */
#products{padding-top:132px;background:linear-gradient(180deg,rgba(255,106,0,.015),transparent 20%,transparent 85%,rgba(255,106,0,.018))}
.product-premium-wrap{display:grid;gap:32px}
.product-intro{display:grid;grid-template-columns:1.02fr .98fr;align-items:end;gap:70px;margin-bottom:18px}
.product-intro .lede{margin:0;justify-self:end;max-width:570px}
.product-showcase{min-height:720px;border:1px solid var(--line);border-radius:40px;overflow:hidden;display:grid;grid-template-columns:.8fr 1.2fr;background:radial-gradient(circle at 76% 54%,rgba(255,106,0,.18),transparent 22rem),linear-gradient(135deg,#080809,#111113);position:relative}
.product-showcase:before{content:"PRODUCT / 001";position:absolute;left:38px;top:30px;font-size:.62rem;letter-spacing:.24em;color:#666;text-transform:uppercase}
.product-showcase-copy{padding:90px 40px 54px 54px;display:flex;flex-direction:column;justify-content:flex-end;z-index:3}
.product-showcase-copy h3{font-size:clamp(3rem,5.4vw,5.8rem);line-height:.87;letter-spacing:-.058em;text-transform:uppercase;margin:24px 0 18px}
.product-showcase-copy h3 span{color:var(--orange)}
.product-showcase-copy p{color:#9b9b9f;line-height:1.75;max-width:520px}
.product-hero-frame{position:relative;display:grid;place-items:center;min-height:720px;overflow:hidden}
.product-hero-frame:before{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(255,255,255,.07);border-radius:50%;animation:spin 40s linear infinite}
.product-orbit{position:absolute;width:410px;height:410px;border:1px solid rgba(255,106,0,.17);border-radius:50%;box-shadow:0 0 90px rgba(255,106,0,.07)}
.product-hero-frame img{height:min(87%,680px);width:auto;position:relative;z-index:2;filter:drop-shadow(0 36px 60px rgba(0,0,0,.55));-webkit-mask-image:radial-gradient(ellipse at center,black 62%,transparent 98%);mask-image:radial-gradient(ellipse at center,black 62%,transparent 98%);transition:transform .8s var(--ease)}
.product-showcase:hover .product-hero-frame img{transform:scale(1.018) rotate(-1deg)}
.product-caption{position:absolute;right:28px;bottom:26px;z-index:4;text-align:right;text-transform:uppercase}
.product-caption span{display:block;font-size:.61rem;letter-spacing:.18em;color:#666}.product-caption strong{font-size:.8rem;letter-spacing:.12em;color:var(--orange)}
.detail-grid{display:grid;grid-template-columns:1.35fr .825fr .825fr;gap:18px}
.detail-card{min-height:430px;border:1px solid var(--line);border-radius:30px;overflow:hidden;position:relative;background:#09090a;transition:.35s var(--ease)}
.detail-card:hover{transform:translateY(-5px);border-color:rgba(255,106,0,.32)}
.detail-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.05);transition:transform .65s var(--ease)}
.detail-card:hover img{transform:scale(1.035)}
.detail-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(4,4,5,.2) 58%,rgba(4,4,5,.96) 100%)}
.detail-copy{position:absolute;left:28px;right:28px;bottom:26px;z-index:2}
.detail-copy span{font-size:.62rem;letter-spacing:.18em;color:var(--orange)}
.detail-copy h3{font-size:1.6rem;margin:7px 0 7px}.detail-copy p{color:#a3a3a6;line-height:1.55;margin:0;font-size:.88rem}
.spec-panel{border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,#0b0b0c,#080809);padding:34px}
.spec-panel-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.spec-panel-head p{margin:0;color:#777;font-size:.85rem}
.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.spec{padding:25px 24px 8px 0;border-right:1px solid var(--line);min-height:132px}.spec:last-child{border-right:0;padding-left:24px}.spec:nth-child(2),.spec:nth-child(3){padding-left:24px}
.spec span{display:block;color:#6f6f73;font-size:.63rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:20px}
.spec strong{display:block;font-size:1.15rem;text-transform:uppercase}.spec small{display:block;color:#7f7f83;margin-top:8px;line-height:1.4}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#080809}
.trust-strip>div{padding:22px 24px;border-right:1px solid var(--line);display:flex;align-items:center;gap:14px}.trust-strip>div:last-child{border-right:0}
.trust-strip span{color:var(--orange);font-size:.62rem;letter-spacing:.1em}.trust-strip strong{font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;line-height:1.4}
.preorder-shell{margin-top:8px}

/* why section restrained */
.why-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.why-item{border:1px solid var(--line);border-radius:24px;padding:28px;grid-template-columns:46px 1fr;background:linear-gradient(145deg,#0c0c0e,#080809)}
.why-item:hover{border-color:rgba(255,106,0,.3)}

/* story */
.founder-grid-photo{gap:84px}
.founder-card{background:linear-gradient(155deg,#101012,#070708)}
.founder-copy{font-size:clamp(1.15rem,1.75vw,1.45rem);line-height:1.78;color:#c3c3c5}

/* social less noisy */
.social-grid{grid-template-columns:repeat(3,1fr);gap:16px}
.post{min-height:280px}

/* footer */
footer{padding:76px 0 30px;background:#030303}
.footer-premium{display:grid;grid-template-columns:1.55fr repeat(4,.72fr);gap:44px}
.footer-brand .foot-logo{width:190px}.footer-brand p{color:#8d8d91;line-height:1.6;max-width:330px}.footer-email{color:var(--orange);font-size:.88rem}
.footer-col{display:flex;flex-direction:column;gap:12px}.footer-col strong{text-transform:uppercase;font-size:.65rem;letter-spacing:.16em;color:#eee;margin-bottom:6px}.footer-col a{color:#8c8c90;font-size:.86rem;transition:.2s}.footer-col a:hover{color:var(--orange)}

/* staggered reveal */
.stagger .reveal:nth-child(2){transition-delay:.08s}.stagger .reveal:nth-child(3){transition-delay:.16s}.stagger .reveal:nth-child(4){transition-delay:.24s}

@media(max-width:1180px){
  .hero-media{opacity:.58;right:-130px;width:340px}
  .product-showcase{grid-template-columns:1fr 1fr}.product-showcase-copy{padding-left:40px}.detail-grid{grid-template-columns:1fr 1fr}.detail-wide{grid-column:1/-1;min-height:480px}
  .footer-premium{grid-template-columns:1.5fr repeat(2,1fr)}
}
@media(max-width:900px){
  .nav-cta{border:0!important;padding:14px 12px!important;border-radius:14px!important}
  .hero{min-height:auto;padding-top:112px;padding-bottom:56px}
  .hero-copy{order:1}.hero-media{order:2;position:relative;right:auto;top:auto;transform:none!important;width:min(82vw,430px);opacity:1;margin:22px auto 0;animation:none}
  .hero-media img{-webkit-mask-image:radial-gradient(ellipse at center,black 60%,transparent 98%);mask-image:radial-gradient(ellipse at center,black 60%,transparent 98%)}
  .product-intro{grid-template-columns:1fr;gap:20px}.product-intro .lede{justify-self:start}
  .product-showcase{grid-template-columns:1fr;min-height:auto}.product-showcase-copy{padding:72px 34px 28px;order:2}.product-hero-frame{order:1;min-height:600px}.product-hero-frame img{height:560px}.product-caption{bottom:18px}
  .detail-grid{grid-template-columns:1fr 1fr}.detail-wide{grid-column:1/-1}
  .spec-grid{grid-template-columns:1fr 1fr}.spec:nth-child(n){border-right:0;border-bottom:1px solid var(--line);padding:22px 0}.spec:nth-child(odd){border-right:1px solid var(--line);padding-right:20px}.spec:nth-child(even){padding-left:20px}.spec:nth-last-child(-n+2){border-bottom:0}
  .trust-strip{grid-template-columns:1fr 1fr}.trust-strip>div{border-bottom:1px solid var(--line)}.trust-strip>div:nth-child(2){border-right:0}.trust-strip>div:nth-last-child(-n+2){border-bottom:0}
  .why-grid{grid-template-columns:1fr}.footer-premium{grid-template-columns:1.4fr 1fr 1fr}.footer-brand{grid-column:1/-1}
}
@media(max-width:620px){
  .section{padding:82px 0}.wrap{width:min(calc(100% - 24px),var(--max))}
  .hero{padding-top:90px}.hero-logo{width:min(78vw,310px)}.hero-copy .display{font-size:clamp(3rem,14vw,4.4rem)}.hero-copy .lede{font-size:.96rem}.hero-copy .lede + .lede{font-size:.88rem;max-width:330px}
  .hero-actions{width:100%;gap:9px}.hero-actions .btn{min-height:56px}
  .hero-media{width:min(96vw,420px);margin-top:12px}
  #products{padding-top:92px}.product-intro{margin-bottom:0}.product-showcase{border-radius:28px}.product-showcase-copy{padding:58px 22px 26px}.product-showcase-copy h3{font-size:clamp(2.8rem,15vw,4.2rem)}.product-hero-frame{min-height:480px}.product-hero-frame img{height:470px;max-width:115%}.product-hero-frame:before{width:390px;height:390px}.product-orbit{width:300px;height:300px}.product-caption{right:18px}
  .detail-grid{grid-template-columns:1fr;gap:12px}.detail-wide{grid-column:auto}.detail-card{min-height:390px;border-radius:24px}.detail-copy{left:22px;right:22px;bottom:22px}
  .spec-panel{padding:26px 20px}.spec-panel-head{display:block}.spec-panel-head p{margin-top:12px}.spec-grid{grid-template-columns:1fr}.spec:nth-child(n){border-right:0;border-bottom:1px solid var(--line);padding:20px 0}.spec:last-child{border-bottom:0}.spec{min-height:auto}.spec span{margin-bottom:9px}
  .trust-strip{grid-template-columns:1fr}.trust-strip>div{border-right:0;border-bottom:1px solid var(--line);padding:18px 20px}.trust-strip>div:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.trust-strip>div:last-child{border-bottom:0}
  .preorder-shell{border-radius:24px}.preorder-head h3{font-size:2rem}
  .about-visual{min-height:380px}.dna{min-height:210px}.dna h3{margin-top:42px}
  .social-grid{grid-template-columns:1fr}.post{min-height:220px}
  .footer-premium{grid-template-columns:1fr 1fr;gap:34px 22px}.footer-brand{grid-column:1/-1}.bottom{text-align:left}
  .command-toggle{width:52px;height:52px}.command-toggle img{width:30px;height:30px}
}


/* V13 refinement */
.btn.is-disabled{opacity:.52;cursor:not-allowed;filter:saturate(.65);box-shadow:none!important;transform:none!important;pointer-events:none}
.preorder-form .field.full{grid-column:1/-1}
@media(max-width:620px){.preorder-form .field.full{grid-column:auto}}


/* ===== V17 SMOKY ORANGE SITE AMBIENCE ===== */
body{
  background:
    linear-gradient(180deg, rgba(4,4,5,.90), rgba(4,4,5,.95)),
    
    radial-gradient(circle at 82% 12%, rgba(255,106,0,.18), transparent 24rem),
    radial-gradient(circle at 12% 58%, rgba(255,106,0,.08), transparent 22rem),
    #050505;
  background-blend-mode: normal, screen, screen, screen, normal;
}
.hero, .section, .ticker, footer{position:relative}
.section,
.ticker,
footer,
#products{
  background-image:
    radial-gradient(circle at 80% 32%, rgba(255,106,0,.10), transparent 22rem),
    radial-gradient(circle at 14% 76%, rgba(255,106,0,.05), transparent 18rem);
}
.nav{background:rgba(5,5,6,.68)}
.nav.scrolled{background:rgba(5,5,5,.82)}
.about-visual,
.product-showcase,
.detail-card,
.trust-strip,
.why-item,
.founder-card,
.post,
.form,
.amazon-box,
.preorder-shell,
.dna,
.classified,
.product-stage{
  background:
    radial-gradient(circle at 82% 70%, rgba(255,106,0,.12), transparent 24rem),
    linear-gradient(145deg, rgba(12,12,14,.96), rgba(8,8,9,.96));
}
.ticker{
  background-image:
    linear-gradient(180deg, rgba(8,8,8,.88), rgba(8,8,8,.88)),
    radial-gradient(circle at 78% 50%, rgba(255,106,0,.11), transparent 20rem);
}
footer{
  background-image:
    radial-gradient(circle at 80% 40%, rgba(255,106,0,.11), transparent 18rem),
    linear-gradient(180deg, rgba(4,4,4,.94), rgba(3,3,3,.98));
}
#about .h2{max-width:880px}
@media(max-width:620px){
  body{
    background:
      linear-gradient(180deg, rgba(4,4,5,.92), rgba(4,4,5,.97)),
      
      #050505;
  }
}


/* ===== V18 STRONGER ORANGE SMOKE ===== */
body{
  background:
    linear-gradient(180deg, rgba(4,4,5,.68), rgba(4,4,5,.80)),
    url("v26-192ce7204b93.webp") center top / cover fixed no-repeat,
    radial-gradient(circle at 82% 12%, rgba(255,106,0,.26), transparent 24rem),
    radial-gradient(circle at 10% 64%, rgba(255,106,0,.12), transparent 22rem),
    #050505 !important;
  background-blend-mode: normal, screen, screen, screen, normal;
}
.hero, .section, .ticker, footer{position:relative}
.hero::before,.section::after,footer::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(circle at 84% 34%, rgba(255,106,0,.16), transparent 20rem),
  radial-gradient(circle at 14% 76%, rgba(255,106,0,.08), transparent 18rem);opacity:.98}
.hero::before{z-index:-4}
.section::after,footer::before{z-index:0}
.section>.wrap,footer .wrap,.ticker-track{position:relative;z-index:1}
.about-visual,.product-showcase,.detail-card,.trust-strip,.why-item,.founder-card,.post,.form,.amazon-box,.preorder-shell,.dna,.classified,.product-stage{
  background:
    radial-gradient(circle at 82% 72%, rgba(255,106,0,.18), transparent 22rem),
    radial-gradient(circle at 18% 18%, rgba(255,106,0,.07), transparent 16rem),
    linear-gradient(145deg, rgba(12,12,14,.92), rgba(8,8,9,.95)) !important;
}
.ticker{background:
  linear-gradient(180deg, rgba(7,7,7,.82), rgba(7,7,7,.86)),
  radial-gradient(circle at 78% 50%, rgba(255,106,0,.18), transparent 20rem) !important}
footer{background:
  radial-gradient(circle at 80% 40%, rgba(255,106,0,.16), transparent 18rem),
  linear-gradient(180deg, rgba(4,4,4,.90), rgba(3,3,3,.98)) !important}
#products{background:linear-gradient(180deg, rgba(255,106,0,.06), transparent 16%, transparent 82%, rgba(255,106,0,.08)) !important}
@media(max-width:620px){body{background:
  linear-gradient(180deg, rgba(4,4,5,.72), rgba(4,4,5,.86)),
  url("v26-192ce7204b93.webp") 72% top / cover fixed no-repeat,
  #050505 !important;}}


/* ===== V19 CLEAN SMOKE BACKGROUND ===== */
body{
  background:
    linear-gradient(180deg, rgba(4,4,5,.68), rgba(4,4,5,.80)),
    url("v26-192ce7204b93.webp") center top / cover fixed no-repeat,
    radial-gradient(circle at 82% 12%, rgba(255,106,0,.26), transparent 24rem),
    radial-gradient(circle at 10% 64%, rgba(255,106,0,.12), transparent 22rem),
    #050505 !important;
  background-blend-mode: normal, screen, screen, screen, normal;
}
@media(max-width:620px){body{
  background:
    linear-gradient(180deg, rgba(4,4,5,.72), rgba(4,4,5,.86)),
    url("v26-192ce7204b93.webp") 68% top / cover fixed no-repeat,
    #050505 !important;
}}

/* V26 TYPOGRAPHY — premium, athletic and deliberately legible */
:root{
  --font-body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-display:"Segoe UI Variable Display","SF Pro Display",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
body{font-family:var(--font-body);letter-spacing:0;color:#f6f6f4;text-rendering:optimizeLegibility}
body,button,input,textarea,select{font-family:var(--font-body)}
p,.lede,.small,.product-sub,.about-v24 p,.policy-page p,.policy-page li{letter-spacing:0}
.display,.h2,.product-name,.brand-statement-v24 h2,.standard-head-v24 h2,.about-v24 h2,.section-title-v24,
.hero h1,.hero-title,.manifesto-title,.preorder-title,.policy-page h2,.policy-page h3,
.standard-grid-v24 h3,.dna strong,.promise strong,.detail-card strong,.post h3,.foot-title{
  font-family:var(--font-display);font-stretch:normal;font-style:normal;
  text-wrap:balance;-webkit-font-smoothing:antialiased
}
.display,.hero h1,.hero-title{font-weight:850;line-height:.91;letter-spacing:-.055em}
.h2,.brand-statement-v24 h2,.standard-head-v24 h2,.about-v24 h2,.section-title-v24,
.manifesto-title,.preorder-title,.product-name,.policy-page h2{font-weight:780;line-height:.98;letter-spacing:-.035em}
.standard-grid-v24 h3,.dna strong,.promise strong,.detail-card strong,.post h3,.foot-title,.policy-page h3{
  font-weight:760;line-height:1.08;letter-spacing:-.018em
}
.lede{font-size:clamp(1.06rem,1.45vw,1.24rem);line-height:1.72;color:#b9b9bd}
.small{color:#a9a9ae;line-height:1.62}
.eyebrow,.btn,.links a,.command-head strong,.command a,.intro-tag,.intro-skip,.tag,.pill,.policy-eyebrow{
  font-family:var(--font-body);font-weight:720;letter-spacing:.11em
}
.eyebrow{font-size:.75rem;letter-spacing:.15em}
.btn{font-size:.77rem;letter-spacing:.095em}
.links a{font-size:.72rem;letter-spacing:.105em;color:#d2d2d5}
.hero .display,.hero h1,.hero-title{text-shadow:0 16px 48px rgba(0,0,0,.28)}
.hero-sub,.hero p{color:#c2c2c6}
.silver{background:linear-gradient(180deg,#fff 5%,#cfd0d3 48%,#f3f3f4 92%);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:680px){
  .display,.hero h1,.hero-title{line-height:.94;letter-spacing:-.04em}
  .h2,.product-name,.brand-statement-v24 h2,.standard-head-v24 h2,.about-v24 h2{letter-spacing:-.025em;line-height:1.01}
  .lede{font-size:1rem;line-height:1.68}
  .eyebrow{letter-spacing:.13em}
  .btn{letter-spacing:.075em}
}


/* ===== V20 PREMIUM SIGNATURE SYSTEM =====
   Intent: fewer template cues, sharper VAYRIV identity, quieter luxury motion,
   stronger editorial hierarchy, consistent cut-corner geometry. */
:root{
  --vx-cut:18px;
  --vx-line:rgba(255,255,255,.105);
  --vx-line-hot:rgba(255,106,0,.42);
  --vx-glow:rgba(255,106,0,.16);
  --vx-ink:#f2f2ef;
  --vx-dim:#858589;
}

/* Subtle film grain. Kept deliberately faint. */
body:before{
  content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.032;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='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.78'/%3E%3C/svg%3E");
}

/* Navigation becomes slimmer and more editorial. */
.nav{height:76px}
.nav.scrolled{background:rgba(4,4,5,.76);backdrop-filter:blur(22px) saturate(1.15);border-color:rgba(255,255,255,.075)}
.navin{position:relative}
.navin:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,106,0,.42) 28%,rgba(255,255,255,.12) 50%,transparent 82%);opacity:.22}
.brand img{width:110px}
.links{gap:26px}
.links a{position:relative;color:#c5c5c8;font-size:.68rem;letter-spacing:.145em}
.links a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:var(--orange);transition:right .28s var(--ease)}
.links a:hover:after,.links a.current:after{right:0}
.links a.current{color:#fff}
.nav-cta{border-radius:3px!important;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));background:rgba(255,106,0,.045)}

/* Sharper controls: signature clipped corners instead of generic pills. */
.btn{border-radius:3px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));min-height:52px;padding-inline:24px}
.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.18) 49%,transparent 64%);transform:translateX(-125%);transition:transform .65s var(--ease);pointer-events:none}
.btn:hover:after{transform:translateX(125%)}

/* Hero: more fashion-editorial, less landing-page-template. */
.hero{min-height:100svh;padding-top:108px;padding-bottom:104px}
.hero:before{
  background:
    linear-gradient(116deg,transparent 0 47.6%,rgba(255,106,0,.12) 47.7% 47.82%,transparent 47.94%),
    linear-gradient(90deg,transparent 0 9%,rgba(255,255,255,.018) 9.05% 9.12%,transparent 9.17% 90%,rgba(255,255,255,.014) 90.05% 90.12%,transparent 90.17%),
    repeating-linear-gradient(116deg,transparent 0 156px,rgba(255,255,255,.009) 157px 158px)
}
.hero:after{background:radial-gradient(ellipse at 72% 42%,rgba(255,106,0,.20),transparent 17%,transparent 44%)}
.hero-copy{width:min(980px,100%);max-width:980px}
.hero-logo{width:min(350px,68vw);margin-bottom:28px;animation:none;filter:drop-shadow(0 22px 62px rgba(0,0,0,.72))}
.hero-copy .eyebrow{margin-bottom:18px;color:#f7a05f}
.hero-copy .eyebrow:before{width:44px}
.hero-copy .display{font-size:clamp(4.2rem,9vw,8.6rem);line-height:.81;letter-spacing:-.072em;text-wrap:balance;text-shadow:0 18px 80px rgba(0,0,0,.45)}
.hero-copy .lede{max-width:680px;line-height:1.55}
.hero-copy .lede:first-of-type{font-size:clamp(1rem,1.5vw,1.18rem);color:#d0d0d2;letter-spacing:.01em;margin-top:24px}
.hero-copy .lede + .lede{font-size:.92rem;color:#77777c;max-width:580px;margin-top:7px}
.hero-actions{margin-top:34px}
.motion-word{font-weight:900;letter-spacing:.13em;color:rgba(255,255,255,.026);font-size:clamp(2.6rem,6.2vw,6.2rem)}
.speed-streak{height:1px;opacity:.26;filter:drop-shadow(0 0 8px rgba(255,106,0,.45))}
.hero-meta{position:absolute;left:max(20px,calc((100vw - min(calc(100% - 40px),var(--max)))/2));right:max(20px,calc((100vw - min(calc(100% - 40px),var(--max)))/2));bottom:26px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.10);padding-top:13px;color:#66666b;font-size:.61rem;letter-spacing:.16em;text-transform:uppercase}
.hero-meta span:nth-child(2),.hero-meta span:nth-child(3){text-align:center}.hero-meta span:last-child{text-align:right;color:#a4a4a8}

/* Ticker is now a precise brand rail, not a billboard. */
.ticker{background:rgba(5,5,6,.76);border-color:rgba(255,255,255,.07)}
.ticker-track{padding:13px 0;animation-duration:42s}
.ticker span{font-size:.70rem;letter-spacing:.22em;gap:21px;margin-right:21px;color:#8b8b90;font-weight:800}
.ticker b{font-size:.65rem;filter:drop-shadow(0 0 8px rgba(255,106,0,.55))}

/* Consistent section rhythm + tiny editorial section codes. */
.section{padding:136px 0}
.section>.wrap{position:relative}
.section[data-vx]>.wrap:before{content:attr(data-vx);position:absolute;top:-64px;left:0;color:#55555a;font-size:.60rem;letter-spacing:.22em;text-transform:uppercase;font-weight:800}
.section[data-vx]>.wrap:after{content:"";position:absolute;top:-45px;left:0;width:76px;height:1px;background:linear-gradient(90deg,var(--orange),transparent)}

/* Brand DNA: remove three floating rounded cards. One continuous instrument panel. */
.dna-layout{margin-top:66px}
.dna-cards{gap:0;border-top:1px solid var(--vx-line);border-bottom:1px solid var(--vx-line);background:rgba(5,5,6,.18)}
.dna{min-height:300px;border:0;border-right:1px solid var(--vx-line);border-radius:0;padding:30px 32px 28px;background:transparent;transform:none!important}
.dna:last-child{border-right:0}
.dna:before{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;background:var(--orange);box-shadow:0 0 24px rgba(255,106,0,.38);transition:width .42s var(--ease)}
.dna:hover:before,.dna.active:before{width:100%}
.dna:hover,.dna.active{background:linear-gradient(180deg,rgba(255,106,0,.055),rgba(255,255,255,.006));border-color:var(--vx-line)}
.dna .num{color:#646469}
.dna h3{margin:96px 0 12px;font-size:clamp(2rem,3.3vw,3rem);letter-spacing:-.055em}
.dna p{max-width:270px;color:#8d8d92}
.dna:after{width:210px;height:120px;border-radius:0;background:linear-gradient(110deg,transparent,rgba(255,106,0,.5),transparent);filter:blur(70px);opacity:.035;right:-60px;bottom:-40px}

/* About visual gets one recognizable V-cut geometry. */
.about-grid{gap:92px}
.about-visual{border-radius:3px;clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,34px 100%,0 calc(100% - 34px));border-color:rgba(255,255,255,.12);background:linear-gradient(145deg,#0b0b0d,#050506)}
.about-visual:after{content:"V / 001";position:absolute;top:24px;right:28px;color:#606065;font-size:.62rem;letter-spacing:.20em;z-index:2}
.about-visual .stamp{border-radius:2px;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));background:rgba(4,4,5,.64);backdrop-filter:blur(8px)}
.mini{position:relative}.mini:before{content:"";position:absolute;left:0;top:-1px;width:30px;height:1px;background:var(--orange)}

/* Product presentation becomes the visual centerpiece. */
.product-showcase{border-radius:3px;clip-path:polygon(0 0,calc(100% - 42px) 0,100% 42px,100% 100%,42px 100%,0 calc(100% - 42px));border-color:rgba(255,255,255,.13);background:radial-gradient(circle at 77% 51%,rgba(255,106,0,.19),transparent 20rem),linear-gradient(135deg,#070708,#101012 62%,#070708)}
.product-showcase:before{left:30px;top:27px;color:#77777c;letter-spacing:.25em}
.product-showcase:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.92%,rgba(255,255,255,.055) 50%,transparent 50.08%),linear-gradient(0deg,transparent 72%,rgba(255,255,255,.035) 72.1%,transparent 72.2%);z-index:1}
.product-showcase-copy{padding-left:58px;position:relative}
.product-showcase-copy:before{content:"PERFORMANCE / FORM / INTENT";position:absolute;left:58px;top:92px;color:#59595e;font-size:.58rem;letter-spacing:.21em}
.product-showcase-copy h3{letter-spacing:-.067em}
.product-showcase-copy p{color:#909095}
.product-hero-frame{z-index:2}
.product-hero-frame:before{border-color:rgba(255,255,255,.06);box-shadow:0 0 90px rgba(255,106,0,.035) inset}
.product-orbit{border-color:rgba(255,106,0,.22);box-shadow:0 0 100px rgba(255,106,0,.065)}
.product-caption{padding-left:24px;border-left:1px solid rgba(255,106,0,.35)}
.detail-grid{gap:12px}
.detail-card{border-radius:2px;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));border-color:rgba(255,255,255,.10)}
.detail-card:hover{transform:translateY(-3px);border-color:rgba(255,106,0,.36)}
.detail-copy h3{letter-spacing:-.035em}
.trust-strip{border-radius:0;background:rgba(7,7,8,.72);border-inline:0}
.trust-strip>div{padding-block:20px}
.trust-strip span{font-variant-numeric:tabular-nums}

/* Launch form: premium utility, less "card". */
.preorder-shell{border-radius:3px;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px));background:linear-gradient(145deg,rgba(255,106,0,.06),rgba(8,8,9,.82) 38%,rgba(5,5,6,.92));border-color:rgba(255,106,0,.26);padding:40px}
.preorder-badge{border-radius:2px!important}
.field input,.field textarea,.field select{border-radius:2px!important;background:rgba(13,13,15,.86)!important;border-color:rgba(255,255,255,.10)!important;transition:border-color .2s,box-shadow .2s,background .2s}
.field input:hover,.field textarea:hover,.field select:hover{border-color:rgba(255,255,255,.18)!important}
.field input:focus,.field textarea:focus,.field select:focus{background:#101012!important}

/* Founder/story: restrained, credible, editorial. */
.founder-grid-photo{gap:100px;align-items:center}
.founder-card{border-radius:3px!important;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px));border-color:rgba(255,255,255,.10)!important;background:linear-gradient(155deg,#0e0e10,#060607)!important}
.founder-avatar-wrap{border-radius:2px!important;overflow:hidden}
.founder-copy{position:relative;padding-top:34px}
.founder-copy:before{content:"WHY VAYRIV";position:absolute;top:0;left:0;color:var(--orange);font-size:.61rem;letter-spacing:.20em;font-weight:850}
.founder-copy:after{content:"";position:absolute;left:0;top:19px;width:58px;height:1px;background:rgba(255,106,0,.48)}

/* Amazon card becomes a clean channel banner. */
.amazon-box{border-radius:0;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));border-inline:0;padding:48px 36px;background:linear-gradient(90deg,rgba(255,106,0,.045),rgba(13,13,15,.78) 36%,rgba(6,6,7,.84));position:relative}
.amazon-box:before{content:"";position:absolute;left:0;top:0;width:118px;height:2px;background:linear-gradient(90deg,var(--orange),transparent);box-shadow:0 0 22px rgba(255,106,0,.35)}

/* Social: three editorial tiles, each with its own numbered rhythm. */
.social-grid{gap:12px}
.post{border-radius:2px;min-height:320px;aspect-ratio:auto;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));background:linear-gradient(145deg,#0b0b0d,#060607);border-color:rgba(255,255,255,.10)}
.post:after{position:absolute;right:18px;bottom:6px;font-size:clamp(5rem,9vw,9rem);font-weight:950;letter-spacing:-.08em;color:rgba(255,255,255,.025);line-height:.8}
.post:nth-child(1):after{content:"01"}.post:nth-child(2):after{content:"02"}.post:nth-child(3):after{content:"03"}
.post .pword{left:24px;bottom:24px;letter-spacing:-.045em;line-height:.88;z-index:2}
.post .dot{right:24px;top:24px;width:6px;height:6px}
.post:hover{transform:translateY(-3px)}

/* Social journey links: every tile now leads somewhere intentional. */
.post{display:block;color:inherit;text-decoration:none;cursor:pointer}
.post .pword{bottom:68px}
.post-cta{position:absolute;left:24px;bottom:24px;z-index:3;display:flex;align-items:center;gap:9px;font-size:.58rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:#8b8b90;transition:color .25s var(--ease),transform .25s var(--ease)}
.post-cta:before{content:"";width:22px;height:1px;background:rgba(255,106,0,.58);box-shadow:0 0 12px rgba(255,106,0,.18);transition:width .25s var(--ease)}
.post:hover .post-cta,.post:focus-visible .post-cta{color:#fff;transform:translateX(2px)}
.post:hover .post-cta:before,.post:focus-visible .post-cta:before{width:34px;background:var(--orange)}
.post:focus-visible{outline:1px solid var(--orange);outline-offset:4px;border-color:rgba(255,106,0,.55)!important}
.insta-title{color:inherit;text-decoration:none;display:inline-block;transition:color .25s var(--ease)}
.insta-title:hover,.insta-title:focus-visible{color:var(--orange)}
@media(max-width:720px){
  .post .pword{bottom:64px}
  .post-cta{left:24px;bottom:22px;font-size:.54rem;letter-spacing:.13em}
}

/* Contact is designed like a service desk, not another rounded form card. */
.contact-grid{gap:94px}
.form{border-radius:2px;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));background:linear-gradient(155deg,#0b0b0d,#070708);padding:40px;border-color:rgba(255,255,255,.11)}
.meta{position:relative}.meta:before{content:"";position:absolute;left:0;top:-1px;width:24px;height:1px;background:rgba(255,106,0,.65)}

/* Floating command becomes a precise monogram control. */
.command-toggle{width:54px;height:54px;border-radius:3px;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px));background:rgba(9,9,10,.92);backdrop-filter:blur(14px);border-color:rgba(255,106,0,.38)}
.command{border-radius:3px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));border-color:rgba(255,255,255,.10)}

/* Footer: cleaner baseline and less card-like visual noise. */
footer{border-top-color:rgba(255,255,255,.08)!important}
.footer-col strong{color:#bdbdc1}
.footer-col a{color:#737378}
.bottom{border-top:1px solid rgba(255,255,255,.07);padding-top:24px;margin-top:54px}

/* Desktop pointer spotlight. JS only updates two CSS variables. */
.vx-spot{--vx-x:50%;--vx-y:50%}
.vx-spot:where(.dna,.detail-card,.post,.form,.amazon-box,.preorder-shell){background-image:radial-gradient(420px circle at var(--vx-x) var(--vx-y),rgba(255,106,0,.055),transparent 48%),linear-gradient(145deg,rgba(14,14,16,.94),rgba(6,6,7,.96))}

@media(max-width:900px){
  .hero{padding-top:108px;padding-bottom:90px}
  .hero-meta{grid-template-columns:1fr 1fr;gap:7px 20px;bottom:19px;font-size:.55rem}
  .hero-meta span:nth-child(2){text-align:right}.hero-meta span:nth-child(3){text-align:left}.hero-meta span:last-child{text-align:right}
  .section{padding:108px 0}.section[data-vx]>.wrap:before{top:-50px}.section[data-vx]>.wrap:after{top:-33px}
  .dna{padding-inline:22px}.dna h3{margin-top:66px}
  .product-showcase-copy:before{left:34px;top:54px}.product-showcase-copy{padding-left:34px}
  .founder-grid-photo,.contact-grid{gap:58px}
}

@media(max-width:620px){
  :root{--vx-cut:12px}
  body:before{opacity:.022}
  .nav{height:68px}
  .hero{padding-top:92px;padding-bottom:104px;min-height:100svh}
  .hero-logo{width:min(68vw,270px);margin-bottom:22px}
  .hero-copy .display{font-size:clamp(3.15rem,16vw,4.8rem);line-height:.82}
  .hero-copy .lede:first-of-type{font-size:.92rem;margin-top:20px}.hero-copy .lede + .lede{font-size:.82rem}
  .hero-actions{display:grid;grid-template-columns:1fr;width:100%;max-width:360px}.hero-actions .btn{width:100%}
  .hero-meta{left:16px;right:16px;gap:6px 10px;font-size:.50rem;letter-spacing:.12em}
  .motion-word{display:none}
  .ticker span{font-size:.62rem;letter-spacing:.18em}
  .section{padding:90px 0}.section[data-vx]>.wrap:before{top:-39px}.section[data-vx]>.wrap:after{top:-24px}
  .dna-cards{grid-template-columns:1fr}.dna{min-height:190px;border-right:0;border-bottom:1px solid var(--vx-line);padding:22px}.dna:last-child{border-bottom:0}.dna h3{margin:42px 0 8px}
  .about-grid{gap:48px}.about-visual{clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px))}
  .product-showcase{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px))}
  .product-showcase-copy:before{left:22px;top:36px;font-size:.51rem}.product-showcase-copy{padding-left:22px}
  .detail-card{clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px))}
  .preorder-shell,.form{padding:26px 20px}
  .founder-grid-photo,.contact-grid{gap:46px}
  .amazon-box{padding:34px 22px}
  .post{min-height:230px}
}

@media(prefers-reduced-motion:reduce){
  .ticker-track,.speed-streak,.motion-word,.product-hero-frame:before,.intro-flare,.intro-logo,.intro-line,.intro-tag{animation:none!important}
  .reveal{transition-duration:.01ms!important}
  .btn:after{display:none}
}



/* V22: full-screen legal/support policy experience */
body.policy-open{overflow:hidden}
.policy-shell{position:fixed;inset:0;z-index:12000;display:none;background:rgba(2,2,2,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:18px;overflow:hidden}
.policy-shell.open{display:block;animation:policyFade .22s ease both}
@keyframes policyFade{from{opacity:0}to{opacity:1}}
.policy-frame{position:relative;width:min(1180px,100%);height:calc(100dvh - 36px);margin:auto;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:
 radial-gradient(900px 520px at 82% -5%,rgba(255,91,0,.17),transparent 62%),
 linear-gradient(145deg,rgba(18,18,18,.985),rgba(5,5,5,.99));
 box-shadow:0 38px 120px rgba(0,0,0,.62);clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%)}
.policy-frame:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:64px 64px}
.policy-top{height:82px;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid rgba(255,255,255,.09)}
.policy-brand{display:flex;align-items:center;gap:13px;font-weight:900;letter-spacing:.18em;font-size:13px;color:#f5f5f5}
.policy-mark{width:9px;height:9px;background:#ff5b00;box-shadow:0 0 18px rgba(255,91,0,.65);transform:rotate(45deg)}
.policy-close{width:48px;height:48px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.035);color:#fff;border-radius:50%;font:300 29px/1 Arial;display:grid;place-items:center;cursor:pointer;transition:.2s ease}
.policy-close:hover{border-color:rgba(255,91,0,.6);background:rgba(255,91,0,.08);transform:rotate(4deg)}
.policy-layout{position:relative;z-index:1;height:calc(100% - 82px);display:grid;grid-template-columns:260px 1fr}
.policy-nav{padding:34px 22px;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px}
.policy-nav-kicker{padding:0 12px 18px;color:#777;font-size:10px;font-weight:800;letter-spacing:.24em;text-transform:uppercase}
.policy-tab{appearance:none;border:0;text-align:left;cursor:pointer;color:#777;background:transparent;padding:15px 14px;font:700 13px/1.2 inherit;letter-spacing:.04em;border-left:2px solid transparent;transition:.2s ease}
.policy-tab span{display:block;color:#4e4e4e;font-size:9px;letter-spacing:.15em;margin-bottom:7px;transition:.2s ease}
.policy-tab:hover{color:#ddd;background:rgba(255,255,255,.025)}
.policy-tab.active{color:#fff;border-left-color:#ff5b00;background:linear-gradient(90deg,rgba(255,91,0,.09),transparent)}
.policy-tab.active span{color:#ff6a18}
.policy-contact-mini{margin-top:auto;padding:20px 12px 3px;border-top:1px solid rgba(255,255,255,.07);color:#666;font-size:11px;line-height:1.65}
.policy-contact-mini a{color:#d6d6d6;text-decoration:none}
.policy-content{overflow-y:auto;padding:54px clamp(34px,6vw,84px) 74px;scrollbar-width:thin;scrollbar-color:#3d3d3d transparent}
.policy-content::-webkit-scrollbar{width:7px}.policy-content::-webkit-scrollbar-thumb{background:#333;border-radius:20px}
.policy-page{display:none;max-width:780px;margin:0 auto}
.policy-page.active{display:block;animation:policyPage .26s ease both}
@keyframes policyPage{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.policy-eyebrow{font-size:10px;letter-spacing:.27em;text-transform:uppercase;color:#ff6a18;font-weight:900;margin-bottom:18px}
.policy-page h2{margin:0;color:#f5f5f5;font-size:clamp(34px,5vw,62px);line-height:.96;letter-spacing:-.045em;font-weight:900}
.policy-meta{display:flex;gap:16px;flex-wrap:wrap;margin:22px 0 40px;color:#777;font-size:11px;letter-spacing:.04em}
.policy-meta b{color:#aaa;font-weight:700}
.policy-intro{font-size:18px!important;line-height:1.7!important;color:#c8c8c8!important;margin-bottom:34px!important;max-width:720px}
.policy-page h3{font-size:15px;letter-spacing:.02em;color:#f2f2f2;margin:34px 0 10px;font-weight:850}
.policy-page p,.policy-page li{font-size:14px;line-height:1.78;color:#9b9b9b}
.policy-page p{margin:0 0 13px}
.policy-page ul{margin:8px 0 18px;padding-left:20px}
.policy-page li{margin:6px 0}
.policy-page a{color:#ff7a31;text-decoration:none}
.policy-callout{margin:34px 0;padding:22px 24px;border:1px solid rgba(255,91,0,.24);background:linear-gradient(135deg,rgba(255,91,0,.08),rgba(255,255,255,.018));clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}
.policy-callout strong{display:block;color:#eee;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.policy-callout p{margin:0;color:#aaa}
.policy-divider{height:1px;background:linear-gradient(90deg,rgba(255,91,0,.38),rgba(255,255,255,.08),transparent);margin:38px 0}
.policy-footnote{margin-top:48px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);font-size:11px!important;color:#666!important}
@media(max-width:760px){
 .policy-shell{padding:0;background:#050505}.policy-frame{height:100dvh;border:0;clip-path:none}
 .policy-top{height:72px;padding:0 18px}.policy-brand{font-size:11px;letter-spacing:.15em}.policy-close{width:42px;height:42px}
 .policy-layout{height:calc(100% - 72px);display:block}.policy-nav{padding:10px 14px 11px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(4,1fr);gap:3px;overflow-x:auto}
 .policy-nav-kicker,.policy-contact-mini{display:none}.policy-tab{padding:11px 8px;text-align:center;border-left:0;border-bottom:2px solid transparent;font-size:10px;white-space:nowrap}.policy-tab span{font-size:8px;margin-bottom:5px}.policy-tab.active{border-bottom-color:#ff5b00;background:linear-gradient(0deg,rgba(255,91,0,.08),transparent)}
 .policy-content{height:calc(100% - 66px);padding:36px 22px 64px}.policy-page h2{font-size:39px}.policy-intro{font-size:16px!important}.policy-meta{margin-bottom:30px}.policy-page p,.policy-page li{font-size:13px;line-height:1.72}
}
@media(prefers-reduced-motion:reduce){.policy-shell.open,.policy-page.active{animation:none}.policy-close{transition:none}}


/* ===== V23 BRAND & CONVERSION REFINEMENT ===== */
:root{--v23-black:#050505;--v23-panel:#0a0a0b;--v23-soft:#85858a}
html{scroll-padding-top:84px}
body{background:#050505!important;background-image:radial-gradient(circle at 90% 8%,rgba(255,106,0,.055),transparent 28rem)!important}
body:before{opacity:.018}
main>section:not(#home){content-visibility:auto;contain-intrinsic-size:900px}
.brand img,.hero-logo,.foot-logo{mix-blend-mode:screen}
.section{padding-top:104px;padding-bottom:104px}
#about{padding-top:112px}
.intro-grid{align-items:start}.intro-grid .lede{max-width:690px}
.intro-grid .lede+.lede{margin-top:12px;color:#8f8f94}

/* Product proof without invented specifications */
.product-data-status{border:1px solid rgba(255,255,255,.10);background:linear-gradient(150deg,#09090a,#060607);padding:34px;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px))}
.product-data-head{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:26px}
.product-data-head h3{margin:8px 0 0;font-size:clamp(1.65rem,3vw,2.8rem);letter-spacing:-.035em;line-height:1.02;text-transform:uppercase}
.product-data-head p{margin:0;color:#8a8a8f;line-height:1.7;max-width:560px;justify-self:end}
.product-data-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.product-data-grid>div{padding:24px 22px 4px 0;border-right:1px solid var(--line);min-height:120px}
.product-data-grid>div+div{padding-left:22px}.product-data-grid>div:last-child{border-right:0}
.product-data-grid span{display:block;color:var(--orange);font-size:.64rem;letter-spacing:.16em;margin-bottom:22px}
.product-data-grid small{display:block;color:#77777c;text-transform:uppercase;letter-spacing:.13em;font-size:.61rem;margin-bottom:8px}
.product-data-grid strong{font-size:.92rem;text-transform:uppercase;letter-spacing:.045em}
.trust-strip{background:#070708}.trust-strip strong{color:#d4d4d7}

/* Lower-friction lead capture */
.preorder-form-v23{grid-template-columns:1fr 1fr 1fr!important}
.preorder-form-v23 .preorder-submit{grid-column:1/-1;display:flex;align-items:center;gap:18px;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px}
.preorder-form-v23 .preorder-status{grid-column:1/-1}
.preorder-note{max-width:420px}

/* Contact: genuine on-page status */
.contact-status{margin-top:14px;color:#77777c;font-size:.8rem;line-height:1.55;min-height:22px}
.contact-status.success{color:#b9d8bf}.contact-status.error{color:#f1b0a2}.contact-status a{color:var(--orange)}

/* Field notes: more distinctive, less empty-card template */
.social-grid .post{min-height:250px;background:#080809}
.social-grid .post:after{content:attr(data-card);position:absolute;right:20px;bottom:8px;font-size:clamp(5.2rem,10vw,8rem);font-weight:950;letter-spacing:-.08em;color:rgba(255,255,255,.025);line-height:1;pointer-events:none}
.social-grid .post:nth-child(1){background:radial-gradient(circle at 18% 20%,rgba(255,106,0,.10),transparent 42%),linear-gradient(150deg,#09090a,#050505)}
.social-grid .post:nth-child(2){background:linear-gradient(115deg,transparent 0 45%,rgba(255,106,0,.09) 45.3% 45.8%,transparent 46.1%),#080809}
.social-grid .post:nth-child(3){background:radial-gradient(circle at 82% 78%,rgba(255,106,0,.11),transparent 38%),#080809}
.post .pword{z-index:2}.post-cta{z-index:2}

/* Amazon is now a conversion path, not a disabled end state */
.amazon-box{background:linear-gradient(118deg,#09090a,#101011);border-color:rgba(255,255,255,.10)}
.amazon-box .btn{white-space:nowrap}

/* Less intrusive quick menu */
.command-toggle{width:48px;height:48px;right:18px;bottom:18px;border-color:rgba(255,255,255,.14);opacity:.76;background:rgba(9,9,10,.9)}
.command-toggle:hover,.command-toggle:focus-visible{opacity:1;border-color:rgba(255,106,0,.45)}
.command-toggle img{width:27px;height:27px;mix-blend-mode:screen}
.command{right:18px;bottom:78px}

.footer-instagram{display:block;margin-top:12px;color:#aaa!important;font-size:.78rem;letter-spacing:.04em}.footer-instagram:hover{color:var(--orange)!important}

/* Restrain global orange ambience. Keep the strongest colour moments purposeful. */
section:not(#home):not(#products):not(#social){background-image:none!important}
#story,#contact{background:linear-gradient(180deg,rgba(255,106,0,.012),transparent 32%,transparent)!important}

@media(max-width:900px){
  .product-data-head{grid-template-columns:1fr;gap:14px}.product-data-head p{justify-self:start}
  .product-data-grid{grid-template-columns:1fr 1fr}.product-data-grid>div:nth-child(2){border-right:0}.product-data-grid>div:nth-child(3){padding-left:0}
  .preorder-form-v23{grid-template-columns:1fr 1fr!important}.preorder-form-v23 .field:last-of-type{grid-column:1/-1}
}
@media(max-width:620px){
  .section{padding-top:64px!important;padding-bottom:64px!important}
  #about{padding-top:74px!important}.hero{padding-bottom:74px}
  .intro-grid{gap:28px}.intro-grid .h2{font-size:clamp(2.55rem,11.5vw,3.55rem);line-height:.94}
  .intro-grid .lede{font-size:1rem;line-height:1.7}
  .dna{min-height:175px!important;padding:24px!important}.dna h3{margin-top:30px!important}
  .about-visual{min-height:310px!important}
  #products{padding-top:78px!important}.product-showcase{min-height:auto}.product-showcase-copy{padding:50px 22px 24px!important}.product-hero-frame{min-height:390px!important}.product-hero-frame img{height:390px!important}
  .detail-card{min-height:315px!important}.detail-copy{bottom:20px!important}
  .product-data-status{padding:24px 20px}.product-data-grid{grid-template-columns:1fr}.product-data-grid>div,.product-data-grid>div+div{padding:18px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}.product-data-grid>div:last-child{border-bottom:0}.product-data-grid span{margin-bottom:10px}
  .trust-strip>div{padding:16px 18px!important}
  .preorder-shell{margin-top:0}.preorder-head{padding:24px 20px!important}.preorder-form-v23{grid-template-columns:1fr!important;padding:20px!important}.preorder-form-v23 .field{grid-column:auto!important}.preorder-form-v23 .preorder-submit{display:grid;gap:12px}.preorder-form-v23 .btn{width:100%}
  .founder-grid-photo{gap:34px!important}.founder-copy{font-size:1.04rem!important;line-height:1.68!important}
  .amazon-box{padding:28px 22px!important;gap:22px!important}.amazon-box .btn{width:100%}
  .social-head{margin-bottom:22px}.social-grid{gap:10px!important}.social-grid .post{min-height:185px!important}.post .pword{left:18px;bottom:38px!important}.post-cta{left:18px!important;bottom:14px!important;font-size:.62rem!important}
  .contact-grid{gap:34px!important}.contact-meta{margin-top:28px}.form{padding:22px!important}
  footer{padding-top:56px!important}
  .command-toggle{width:44px;height:44px;right:12px;bottom:14px}.command-toggle img{width:24px;height:24px}.command{right:12px;bottom:68px}
}
@media(prefers-reduced-motion:reduce){.product-hero-frame:before{animation:none!important}}

section[id]{scroll-margin-top:88px}
@media(max-width:620px){.command-toggle,.command{display:none!important}}


/* ===== V24 PREMIUM STANDARD ===== */
:root{--v24-orange:#ff6800;--v24-ink:#f3f3ef;--v24-dim:#8b8b90}

/* Better keyboard behavior and accessibility without changing the visual language. */
.skip-link-v24{position:fixed;left:14px;top:12px;z-index:20000;padding:11px 15px;background:#fff;color:#090909;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;transform:translateY(-150%);transition:transform .2s ease}
.skip-link-v24:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--orange);outline-offset:4px}

/* Hero: premium proof points, quiet rather than salesy. */
.hero-proof-v24{display:flex;align-items:center;gap:12px;margin-top:22px;color:#858589;font-size:.63rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.hero-proof-v24 i{display:block;width:3px;height:3px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px rgba(255,106,0,.5)}
.hero-copy .hero-sub,.hero-copy .lede{max-width:600px}

/* The VAYRIV Standard. Editorial cards rather than generic feature tiles. */
#standard{overflow:hidden;background:linear-gradient(180deg,#050505,#080809 48%,#050505)!important}
#standard .about-grid{align-items:stretch}
#standard .about-visual{position:relative;background:radial-gradient(circle at 50% 48%,rgba(255,106,0,.085),transparent 38%),linear-gradient(150deg,#0a0a0b,#050505)}
#standard .about-visual:after{content:'V / 02';position:absolute;right:24px;top:20px;color:rgba(255,255,255,.17);font-size:.62rem;letter-spacing:.22em;font-weight:900}
.standard-grid-v24{display:grid;grid-template-columns:1fr 1fr;margin-top:34px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.standard-grid-v24 article{position:relative;min-height:178px;padding:24px 24px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.012);transition:background .28s var(--ease),transform .28s var(--ease)}
.standard-grid-v24 article:hover{background:rgba(255,106,0,.035);transform:translateY(-2px)}
.standard-grid-v24 article>span{display:block;color:var(--orange);font-size:.61rem;font-weight:900;letter-spacing:.18em;margin-bottom:28px}
.standard-grid-v24 h3{margin:0 0 10px;font-size:1rem;text-transform:uppercase;letter-spacing:.06em}
.standard-grid-v24 p{margin:0;color:#858589;font-size:.84rem;line-height:1.58;max-width:26ch}

/* Make section changes feel intentional, not like stacked blocks. */
#about{border-bottom:1px solid rgba(255,255,255,.055)}
#products{border-top:1px solid rgba(255,255,255,.045)}
.section[data-vx]:before{opacity:.34}

/* Premium pointer glow: subtle, desktop-only and inert on touch. */
.v24-cursor-glow{position:fixed;left:0;top:0;width:320px;height:320px;margin:-160px 0 0 -160px;border-radius:50%;pointer-events:none;z-index:0;opacity:0;background:radial-gradient(circle,rgba(255,106,0,.055),rgba(255,106,0,.018) 34%,transparent 70%);filter:blur(6px);transition:opacity .3s ease;will-change:transform}
body.v24-pointer .v24-cursor-glow{opacity:1}
.nav,main,footer,.command,.command-toggle,.policy-shell,.intro{position:relative;z-index:1}
.nav{position:fixed}
.command,.command-toggle,.policy-shell,.intro{position:fixed}

/* Button hierarchy: primary feels physical, secondary stays restrained. */
.btn.primary{box-shadow:0 12px 34px rgba(255,106,0,.12)}
.btn.ghost:hover{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.22)}

/* Small copy and details are a touch cleaner. */
.lede{letter-spacing:-.006em}
.contact-meta strong{line-height:1.4}

@media(max-width:900px){
  .standard-grid-v24{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .hero-proof-v24{gap:8px;flex-wrap:wrap;font-size:.56rem;line-height:1.6;margin-top:18px}
  .hero-proof-v24 i{width:2px;height:2px}
  #standard .about-grid{gap:26px}
  .standard-grid-v24{grid-template-columns:1fr;margin-top:26px}
  .standard-grid-v24 article{min-height:auto;padding:20px 18px}
  .standard-grid-v24 article>span{margin-bottom:14px}
  .standard-grid-v24 p{max-width:none}
  .v24-cursor-glow{display:none}
}
@media(prefers-reduced-motion:reduce){
  .standard-grid-v24 article{transition:none}
  .v24-cursor-glow{display:none}
}


/* First-paint gating: the site cannot render through the cinematic intro. */
body.intro-lock{overflow:hidden!important;background:#020202!important}
body.intro-lock .skip-link-v24,
body.intro-lock .progress,
body.intro-lock .nav,
body.intro-lock .command-toggle,
body.intro-lock .command,
body.intro-lock main,
body.intro-lock footer,
body.intro-lock .policy-shell,
body.intro-lock .toast{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
}
.nav,.command-toggle,.command,main,footer,.progress{
  transition:opacity .48s cubic-bezier(.2,.8,.2,1),visibility .48s ease;
}
body.site-ready .nav,body.site-ready .command-toggle,body.site-ready main,body.site-ready footer,body.site-ready .progress{
  animation:v26SiteIn .48s both cubic-bezier(.2,.8,.2,1)
}
@keyframes v26SiteIn{from{opacity:0}to{opacity:1}}

/* Intro owns the entire frame until it is fully finished. */
.intro{z-index:20000;background:#020202;opacity:1;visibility:visible;transition:opacity .62s cubic-bezier(.4,0,.2,1),visibility .62s step-end}
.intro.out{opacity:0;visibility:hidden;pointer-events:none}
.intro-logo{animation-duration:1.35s;animation-delay:.20s}
.intro-line{animation-duration:.85s;animation-delay:.72s}
.intro-tag{animation-duration:.72s;animation-delay:1.18s}
.intro-skip{z-index:2;color:#85858a;transition:color .2s ease}
.intro-skip:hover{color:#fff}

/* A little more clarity and depth without adding visual clutter. */
.hero-copy{isolation:isolate}
.hero-copy:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:min(860px,88vw);height:68%;transform:translate(-50%,-46%);background:radial-gradient(ellipse,rgba(0,0,0,.52),rgba(0,0,0,.18) 48%,transparent 74%);filter:blur(12px);pointer-events:none}
.product-sub,.brand-statement-v24 p,.standard-head-v24 p,.about-v24 p{color:#b6b6bb}
input,textarea{font-size:16px;line-height:1.45}
.policy-page{color:#f2f2f0}.policy-page p,.policy-page li{color:#bdbdc1}
@media(max-width:680px){
  .intro-logo{width:min(320px,76vw);margin-bottom:20px}
  .intro-tag{font-size:.7rem;letter-spacing:.22em}
  .hero-copy:before{width:95vw;height:76%}
}
@media(prefers-reduced-motion:reduce){
  body.site-ready .nav,body.site-ready .command-toggle,body.site-ready main,body.site-ready footer,body.site-ready .progress{animation:none}
}

/* V26 UAT readability corrections */
.links a{font-size:.75rem!important}
.hero-proof-v24 span{font-size:.7rem!important;line-height:1.35}
.hero-meta span{font-size:.7rem!important;line-height:1.4;letter-spacing:.09em!important}
.standard-grid-v24 article>span{font-size:.7rem!important;line-height:1.35}
.footer-col>strong{font-size:.7rem!important;line-height:1.35}
.hero-copy .lede:first-of-type{font-size:clamp(1.02rem,1.45vw,1.2rem)!important;color:#d0d0d2!important}
.hero-copy .lede+.lede{font-size:clamp(.96rem,1.2vw,1.08rem)!important;color:#aeb0b5!important;line-height:1.62!important}
@media(max-width:680px){
  .hero-proof-v24{gap:8px 10px!important}
  .hero-meta{font-size:.7rem!important}
  .hero-copy .lede:first-of-type{font-size:1rem!important;line-height:1.55!important}
  .hero-copy .lede+.lede{font-size:.92rem!important;line-height:1.55!important}
}

.ticker span{font-size:.72rem!important;letter-spacing:.16em!important;color:#96969b!important}
.ticker b{font-size:.72rem!important}
@media(max-width:680px){.ticker span{font-size:.7rem!important;letter-spacing:.14em!important}}

/* V26 UAT interaction correction: navigation must sit above all page sections. */
.nav{z-index:9000!important}
.nav .navin,.menu{position:relative;z-index:9002}
.links{z-index:9001}

@media(max-width:680px){.hero-proof-v24{justify-content:center!important;text-align:center}}