/* ═══════════════════════════ TOKENS ═══════════════════════════ */
:root{
  --bg:#0a0a0b;--bk:#000;--wh:#f2f0ec;
  --mu:#bdb8b0;--m2:#918d86;--m3:#706c66;
  --br:rgba(242,240,236,.08);--br2:rgba(242,240,236,.14);
  --go:#c9a96e;--gl:#d9bb82;--bl:#4a7fa5;
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-in-out:cubic-bezier(.77,0,.175,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{background:var(--bk);color:var(--wh);font-family:'Outfit',sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}
::selection{background:var(--go);color:var(--bk)}
a{color:inherit;text-decoration:none}
img,video{display:block;max-width:100%}

/* ═══════════════════════════ GLASS ═══════════════════════════ */
.glass{
  position:relative;
  background:rgba(242,240,236,.025);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  box-shadow:inset 0 1px 1px rgba(242,240,236,.08);
  overflow:hidden;
}
.glass::before{
  content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(180deg,rgba(242,240,236,.35) 0%,rgba(242,240,236,.1) 25%,transparent 45%,transparent 55%,rgba(201,169,110,.18) 75%,rgba(242,240,236,.35) 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
}
.glass-strong{
  position:relative;
  background:rgba(242,240,236,.03);
  backdrop-filter:blur(40px) saturate(160%);
  -webkit-backdrop-filter:blur(40px) saturate(160%);
  box-shadow:0 4px 30px rgba(0,0,0,.35),inset 0 1px 1px rgba(242,240,236,.12);
  overflow:hidden;
}
.glass-strong::before{
  content:'';position:absolute;inset:0;border-radius:inherit;padding:1.4px;
  background:linear-gradient(180deg,rgba(242,240,236,.5) 0%,rgba(242,240,236,.18) 22%,transparent 42%,transparent 58%,rgba(201,169,110,.3) 78%,rgba(242,240,236,.5) 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
}

/* ═══════════════════════════ TYPE ═══════════════════════════ */
.badge{
  display:inline-flex;align-items:center;gap:.55rem;
  padding:.4rem 1rem;border-radius:99px;
  font-family:'JetBrains Mono',monospace;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:var(--wh);
}
.badge .dot{width:5px;height:5px;border-radius:50%;background:var(--go);box-shadow:0 0 8px var(--go);animation:bp 2s ease-in-out infinite}
@keyframes bp{0%,100%{opacity:1}50%{opacity:.4}}

.h-section{font-family:'Outfit',sans-serif;font-weight:200;font-size:clamp(2.4rem,5vw,4.5rem);line-height:.96;letter-spacing:-.03em;color:var(--wh)}
.h-section .em{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;color:var(--go)}
.lead{color:var(--mu);font-size:1.05rem;line-height:1.7;font-weight:300;max-width:54ch}
.lead.center{margin-left:auto;margin-right:auto;text-align:center}

/* ═══════════════════════════ BUTTONS ═══════════════════════════ */
.btn{
  display:inline-flex;align-items:center;gap:.6rem;
  padding:.85rem 1.6rem;border-radius:99px;
  font-family:'Outfit',sans-serif;font-size:.88rem;font-weight:400;
  transition:transform 160ms var(--ease-out),background-color 160ms var(--ease-out),box-shadow 160ms var(--ease-out);
  cursor:pointer;border:none;white-space:nowrap;
}
.btn:active{transform:scale(0.97)}
.btn-glass{color:var(--wh)}
.btn-glass .arr{transition:transform 200ms var(--ease-out)}
@media(hover:hover) and (pointer:fine){
  .btn-glass:hover{transform:translateY(-1px)}
  .btn-glass:hover .arr{transform:translate(2px,-2px)}
}
.btn-gold{background:var(--go);color:var(--bk);font-weight:500}
@media(hover:hover) and (pointer:fine){
  .btn-gold:hover{background:var(--gl);transform:translateY(-1px);box-shadow:0 10px 32px rgba(201,169,110,.25)}
}
.btn-text{display:inline-flex;align-items:center;gap:.55rem;color:var(--wh);font-family:'Outfit',sans-serif;font-size:.88rem;font-weight:300;background:transparent;border:none;cursor:pointer}
.btn-text .play{width:30px;height:30px;border-radius:50%;background:rgba(242,240,236,.08);display:inline-flex;align-items:center;justify-content:center;transition:background-color 160ms var(--ease-out)}
.btn-text:active .play{transform:scale(0.97)}
@media(hover:hover) and (pointer:fine){
  .btn-text:hover .play{background:var(--go);color:var(--bk)}
}

/* ═══════════════════════════ NAV ═══════════════════════════ */
nav.top{position:fixed;top:1rem;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:.6rem 2rem}
.logo{flex:1;display:flex;align-items:center;gap:.7rem;font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:400;font-size:1.5rem;color:var(--wh);text-shadow:0 2px 20px rgba(0,0,0,.6)}
.navright{flex:1;display:flex;justify-content:flex-end}
.logo .v-mark{
  width:38px;height:38px;border-radius:11px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:600;font-size:1.3rem;color:var(--go);
  background:linear-gradient(135deg,#1c1f26 0%,#0a0c11 100%);
  box-shadow:inset 0 1px 0 rgba(242,240,236,.25),0 0 0 1px rgba(201,169,110,.45),0 0 16px rgba(201,169,110,.15);
}
.logo .lg-text{display:flex;flex-direction:column;line-height:1}
.logo .lg-text small{font-family:'JetBrains Mono',monospace;font-size:.56rem;letter-spacing:.22em;text-transform:uppercase;font-style:normal;color:rgba(242,240,236,.5);margin-top:.25rem}
.navmid{display:flex;align-items:center;gap:.2rem;padding:.3rem .35rem;border-radius:99px}
.navmid a{padding:.55rem 1rem;border-radius:99px;font-size:.82rem;font-weight:400;color:var(--wh);transition:background-color 160ms var(--ease-out)}
@media(hover:hover) and (pointer:fine){.navmid a:hover{background:rgba(242,240,236,.06)}}
.navmid a:active{background:rgba(242,240,236,.1)}
.navmid a.cta-pill{background:var(--wh);color:var(--bk);padding:.55rem 1.1rem;font-weight:500;display:inline-flex;align-items:center;gap:.4rem;margin-left:.4rem}
@media(hover:hover) and (pointer:fine){.navmid a.cta-pill:hover{background:var(--go)}}
.navright .meta{font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--m2);display:flex;align-items:center;gap:.5rem}
.navright .meta::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--go);box-shadow:0 0 6px var(--go)}
@media(max-width:920px){.navmid{display:none}.navright .meta{display:none}}

/* ═══════════════════════════ HERO ═══════════════════════════ */
.hero{position:relative;height:100vh;min-height:680px;overflow:hidden;background:#000}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg video{
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:auto;height:85vh;
  object-fit:contain;
  opacity:0;
  mix-blend-mode:screen;
}
.hero-glow{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(ellipse 55% 55% at 50% 50%,rgba(201,169,110,.08) 0%,transparent 60%),
    linear-gradient(to right,rgba(0,0,0,1) 0%,transparent 22%,transparent 78%,rgba(0,0,0,1) 100%),
    linear-gradient(to bottom,rgba(0,0,0,.6) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.8) 100%),
    radial-gradient(ellipse 100% 100% at 50% 50%,transparent 30%,rgba(0,0,0,.75) 100%);
}
.hero-bg .ph{
  position:absolute;inset:0;
  background:radial-gradient(ellipse 70% 50% at 30% 40%,rgba(74,127,165,.35),transparent 60%),
    radial-gradient(ellipse 60% 50% at 75% 60%,rgba(201,169,110,.35),transparent 60%),
    linear-gradient(180deg,#0a0a0b 0%,#1a1612 50%,#0a0a0b 100%);
}
.hero-bg .grain{position:absolute;inset:0;opacity:.18;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.4);z-index:1}
.hero-fade{position:absolute;left:0;right:0;bottom:0;height:320px;background:linear-gradient(to bottom,transparent,#000);z-index:2;pointer-events:none}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(242,240,236,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(242,240,236,.03) 1px,transparent 1px);background-size:80px 80px;z-index:1;pointer-events:none}
.hero-corner{position:absolute;width:16px;height:16px;border:1px solid rgba(201,169,110,.4);z-index:3}
.hc-tl{top:96px;left:2rem;border-right:none;border-bottom:none}
.hc-tr{top:96px;right:2rem;border-left:none;border-bottom:none}
.hc-bl{bottom:1.5rem;left:2rem;border-right:none;border-top:none}
.hc-br{bottom:1.5rem;right:2rem;border-left:none;border-top:none}
.hero-issue{position:absolute;top:96px;left:2rem;right:2rem;display:flex;justify-content:space-between;align-items:center;font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--m2);z-index:5}
.hero-issue .go{color:var(--go);display:flex;align-items:center;gap:.5rem}
.hero-issue .go::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--go);box-shadow:0 0 6px var(--go)}
.hero-content{
  position:relative;z-index:5;height:100%;
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  text-align:center;
  padding:100px 4vw 120px;
  max-width:1440px;margin:0 auto;
  box-sizing:border-box;
}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem .35rem .5rem;border-radius:99px;font-size:.78rem;font-weight:300;color:rgba(242,240,236,.7);margin-bottom:2rem;background:rgba(242,240,236,.04);border:1px solid rgba(242,240,236,.1);backdrop-filter:none}
.hero-badge .pill-new{background:var(--go);color:var(--bk);padding:.22rem .65rem;border-radius:99px;font-family:'JetBrains Mono',monospace;font-size:.55rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.hero-title{
  font-family:'Outfit',sans-serif;font-weight:200;
  font-size:clamp(2.8rem,6vw,6.5rem);line-height:.95;letter-spacing:-.04em;
  color:var(--wh);max-width:18ch;margin-bottom:1.6rem;
}
.hero-title .em{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;color:var(--go);display:block}
.hero-sub{font-size:1.08rem;color:rgba(242,240,236,.88);max-width:44ch;line-height:1.65;font-weight:300;margin-bottom:2.4rem}
.hero-sub strong{color:var(--wh);font-weight:400}
.hero-ctas{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}

/* Sphere */
.hero-sphere{
  position:relative;flex:0 0 44%;
  aspect-ratio:1;z-index:4;pointer-events:none;
}
.hero-sphere video{
  width:100%;height:100%;object-fit:cover;
  filter:blur(1.5px) saturate(1.25);
  mix-blend-mode:screen;
  animation:sphereFloat 7s ease-in-out infinite;
}
.sphere-glow{
  position:absolute;inset:-18%;
  background:radial-gradient(ellipse 65% 60% at 50% 52%,rgba(201,169,110,.22),rgba(201,169,110,.06) 50%,transparent 70%);
  animation:glowPulse 4s ease-in-out infinite;
  pointer-events:none;
}
@keyframes sphereFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-14px)}
}
@keyframes glowPulse{
  0%,100%{opacity:.65}
  50%{opacity:1}
}

/* Stats bar */
.hero-stats{
  position:absolute;bottom:0;left:0;right:0;z-index:5;
  display:flex;align-items:center;justify-content:center;
  gap:0;
  border-top:1px solid var(--br);
  background:rgba(0,0,0,.4);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
.hs-item{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.4rem 3.5vw}
.hs-val{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:1.8rem;color:var(--go);line-height:1;letter-spacing:-.02em}
.hs-lbl{font-family:'JetBrains Mono',monospace;font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--m2)}
.hs-sep{width:1px;height:36px;background:var(--br)}

/* Scroll */
.hero-scroll{display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:3;opacity:0;animation:blurIn .8s ease forwards 1.6s;margin-top:2.5rem}
.hero-scroll span{font-family:'JetBrains Mono',monospace;font-size:.5rem;letter-spacing:.32em;text-transform:uppercase;color:var(--m2)}
.hero-scroll-line{width:1px;height:40px;background:rgba(255,255,255,.08);position:relative;overflow:hidden}
.hero-scroll-line::after{content:'';position:absolute;top:0;left:0;width:100%;height:40px;background:linear-gradient(to bottom,transparent,var(--go));animation:scrollDrop 2s linear infinite}
@keyframes scrollDrop{0%{transform:translateY(-100%)}100%{transform:translateY(200%)}}

/* ═══════════════════════════ ANIMATIONS ═══════════════════════════ */
.blur-in{animation:blurIn .8s cubic-bezier(.2,.7,.3,1) both}
.blur-in.d1{animation-delay:.1s}.blur-in.d2{animation-delay:.4s}
.blur-in.d3{animation-delay:.7s}.blur-in.d4{animation-delay:1s}.blur-in.d5{animation-delay:1.3s}
@keyframes blurIn{from{filter:blur(12px);opacity:0;transform:translateY(20px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}
.rv{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.3,1),transform .8s cubic-bezier(.2,.7,.3,1)}
.rv.in{opacity:1;transform:translateY(0)}
.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.2s}.rv.d3{transition-delay:.3s}.rv.d4{transition-delay:.4s}

/* ═══════════════════════════ SECTIONS ═══════════════════════════ */
section{position:relative;padding:8rem 2rem;background:#000}
.container{max-width:1280px;margin:0 auto;position:relative}
.section-head{text-align:center;margin-bottom:5rem;display:flex;flex-direction:column;align-items:center;gap:1.4rem}

/* ═══════════════════════════ HERO SCROLL ═══════════════════════════ */
.hs-wrap{
  height:80rem;background:#000;
  display:flex;align-items:center;justify-content:center;
  position:relative;padding:6rem 5vw 12rem;
}
.hs-inner{width:100%;max-width:1100px;perspective:1000px}
.hs-header{text-align:center;margin-bottom:3rem}
.hs-header h2{font-family:'Outfit',sans-serif;font-weight:200;font-size:clamp(2.4rem,5vw,4.5rem);line-height:.96;letter-spacing:-.03em;color:var(--wh)}
.hs-header h2 .em{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;color:var(--go)}
.hs-card{
  max-width:1100px;margin:-3rem auto 0;
  height:42rem;
  border:2px solid #2e2e2e;
  background:#161618;
  border-radius:28px;padding:1rem;
  box-shadow:0 0 #0000004d,0 9px 20px #0000004a,0 37px 37px #00000042,0 84px 50px #00000026,0 149px 60px #0000000a;
  transform:rotateX(20deg) scale(1.05);
  transform-origin:center top;
  will-change:transform;
  -webkit-font-smoothing:antialiased;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.hs-card-inner{
  height:100%;width:100%;
  border-radius:20px;
  background:#0c0c0e;
  overflow:hidden;
  display:grid;grid-template-columns:repeat(4,1fr);
  position:relative;
}
.hs-card-inner::before{display:none}
.hs-stat{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:.75rem;padding:2.5rem 1.5rem;
  border-left:1px solid var(--br);
  position:relative;z-index:1;
  text-align:center;
}
.hs-stat:first-child{border-left:none}
.hs-stat-v{
  font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:400;
  font-size:clamp(3rem,5vw,5.5rem);line-height:1;color:var(--go);letter-spacing:-.02em;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  font-variant-numeric:tabular-nums;
  min-width:4ch;text-align:center;
}
.hs-stat-l{font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--wh);opacity:.7;text-align:center;-webkit-font-smoothing:antialiased}
.hs-stat-sub{font-size:.88rem;color:var(--mu);font-weight:300;font-family:'Outfit',sans-serif;text-align:center;max-width:16ch;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:2.8em;display:flex;align-items:center;justify-content:center}
@media(max-width:768px){
  .hs-wrap{height:60rem;padding:4rem 4vw 8rem}
  .hs-card{height:28rem}
  .hs-card-inner{grid-template-columns:repeat(2,1fr)}
}

/* ═══════════════════════════ VIDEO SECTIONS ═══════════════════════════ */
.video-section{padding:0;background:#000;position:relative;overflow:hidden}
.video-bg{position:absolute;inset:0;z-index:0}
.video-bg video,.video-bg .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video-bg .ph{background:radial-gradient(ellipse 80% 60% at 30% 30%,rgba(201,169,110,.2),transparent 65%),radial-gradient(ellipse 70% 60% at 70% 70%,rgba(74,127,165,.2),transparent 65%),linear-gradient(135deg,#0a0a0b,#1a1612 50%,#0a0a0b)}
.video-bg.desat .ph,.video-bg.desat video{filter:saturate(.15) brightness(.7)}
.video-overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);z-index:1}
.vfade-t{position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(to top,transparent,#000);z-index:2;pointer-events:none}
.vfade-b{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to bottom,transparent,#000);z-index:2;pointer-events:none}
.video-content{position:relative;z-index:5;padding:10rem 2rem;min-height:600px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;max-width:1280px;margin:0 auto}

/* ═══════════════════════════ CHESS ═══════════════════════════ */
.chess-row{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;padding:5rem 0;border-top:1px solid var(--br)}
.chess-row:last-child{border-bottom:1px solid var(--br)}
.chess-row.rev .chess-text{order:2}
.chess-row.rev .chess-media{order:1}
.chess-text{display:flex;flex-direction:column;gap:1.4rem}
.chess-text h3{font-family:'Outfit',sans-serif;font-weight:200;font-size:clamp(2rem,3.4vw,3rem);line-height:1.04;letter-spacing:-.025em;color:var(--wh)}
.chess-text h3 .em{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;color:var(--go)}
.chess-text .num{font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.28em;color:var(--go);text-transform:uppercase}
.chess-text p{color:var(--mu);font-size:1.02rem;line-height:1.7;max-width:46ch}
.chess-text .btn{align-self:flex-start;margin-top:.4rem}
.chess-media{border-radius:24px;aspect-ratio:4/3;display:flex;align-items:stretch;position:relative;overflow:hidden}
.chess-media::after{display:none}

/* ── Mock: Performance ── */
.mock-perf{width:100%;padding:1.6rem;display:flex;flex-direction:column;gap:1.1rem;position:relative;z-index:1;overflow:hidden}
.mock-bar{display:flex;align-items:center;gap:.5rem;padding-bottom:.9rem;border-bottom:1px solid var(--br)}
.m-dot{width:7px;height:7px;border-radius:50%}
.m-dot.r{background:#ff5f57}.m-dot.y{background:#ffbd2e}.m-dot.g{background:#28ca42}
.m-url{flex:1;margin-left:.4rem;font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--m2);letter-spacing:.06em}
.m-status{display:inline-flex;align-items:center;gap:.35rem;font-family:'JetBrains Mono',monospace;font-size:.52rem;letter-spacing:.1em;color:var(--go)}
.m-status::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--go);box-shadow:0 0 6px var(--go);animation:bp 1.6s ease-in-out infinite}
/* SVG Ring */
.score-row{display:flex;align-items:center;gap:1.4rem}
.score-ring-wrap{position:relative;width:78px;height:78px;flex-shrink:0}
.score-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring-track{fill:none;stroke:rgba(201,169,110,.1);stroke-width:7}
.ring-fill{fill:none;stroke:#c9a96e;stroke-width:7;stroke-linecap:round;stroke-dasharray:238.76;stroke-dashoffset:238.76;transition:stroke-dashoffset 1.9s cubic-bezier(.23,1,.32,1);filter:drop-shadow(0 0 6px rgba(201,169,110,.6))}
.ring-fill.go{stroke-dashoffset:4.78}
.score-ring-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem}
.score-ring-num{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:1.5rem;color:var(--go);line-height:1}
.score-ring-lbl{font-family:'JetBrains Mono',monospace;font-size:.38rem;letter-spacing:.14em;text-transform:uppercase;color:var(--m2)}
/* Bars */
.score-bars{flex:1;display:flex;flex-direction:column;gap:.7rem}
.sb-row{display:flex;align-items:center;gap:.6rem}
.sb-lbl{font-family:'JetBrains Mono',monospace;font-size:.56rem;letter-spacing:.1em;color:var(--mu);width:26px}
.sb-track{flex:1;height:4px;background:rgba(242,240,236,.06);border-radius:2px;overflow:visible;position:relative}
.sb-fill{height:100%;border-radius:2px;background:linear-gradient(to right,rgba(201,169,110,.5),var(--go));transform:scaleX(0);transform-origin:left center;transition:transform 1.5s var(--ease-out);position:relative}
.sb-fill.go{transform:scaleX(var(--sx,1))}
.sb-tip{position:absolute;right:-3px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--go);box-shadow:0 0 8px rgba(201,169,110,.8);opacity:0;transition:opacity .3s}
.sb-fill.go .sb-tip{opacity:1;transition-delay:.8s}
.sb-val{font-family:'JetBrains Mono',monospace;font-size:.56rem;color:var(--go);width:30px;text-align:right}
/* Tags */
.mock-tags{display:flex;gap:.4rem;flex-wrap:wrap}
.m-tag{font-family:'JetBrains Mono',monospace;font-size:.52rem;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .6rem;border-radius:5px;color:var(--go);border:1px solid rgba(201,169,110,.2);opacity:0;transform:translateY(5px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}
.m-tag.go{opacity:1;transform:translateY(0)}
/* Trend */
.mock-trend{border-top:1px solid var(--br);padding-top:1rem;display:flex;flex-direction:column;gap:.6rem}
.mock-trend-lbl{display:flex;justify-content:space-between;align-items:center}
.mock-trend-title{font-family:'JetBrains Mono',monospace;font-size:.54rem;letter-spacing:.16em;text-transform:uppercase;color:var(--m2)}
.mock-trend-val{font-family:'JetBrains Mono',monospace;font-size:.54rem;color:var(--go)}
.mock-trend-svg{width:100%;height:56px;overflow:visible}
.trend-area{fill:url(#trendGrad);opacity:.35}
.trend-line{fill:none;stroke:var(--go);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset 1.8s cubic-bezier(.23,1,.32,1)}
.trend-line.go{stroke-dashoffset:0}
.mock-trend-dots{display:flex;justify-content:space-between}
.mock-trend-dot{font-family:'JetBrains Mono',monospace;font-size:.5rem;color:var(--m2);letter-spacing:.06em}

/* Scan line */
@keyframes scanPerf{0%{top:-2px;opacity:1}100%{top:100%;opacity:0}}
.mock-scan{position:absolute;left:0;right:0;height:1px;top:0;background:linear-gradient(to right,transparent,rgba(201,169,110,.45) 40%,rgba(201,169,110,.7) 50%,rgba(201,169,110,.45) 60%,transparent);animation:scanPerf 3.5s ease-in-out infinite;pointer-events:none;z-index:5}

/* ── Mock: Adaptive AI ── */
.mock-ai{width:100%;padding:1.8rem;display:flex;flex-direction:column;gap:1.1rem;position:relative;z-index:1}
.mock-ai-top{display:flex;align-items:center;justify-content:space-between}
.mock-ai-lbl{font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mu)}
.live-tag{display:inline-flex;align-items:center;gap:.35rem;font-family:'JetBrains Mono',monospace;font-size:.54rem;letter-spacing:.14em;text-transform:uppercase;color:var(--go);padding:.18rem .55rem;border-radius:99px;border:1px solid rgba(201,169,110,.22)}
.live-tag::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--go);box-shadow:0 0 5px var(--go);animation:bp 1.4s infinite}
.mini-chart{flex:1;min-height:70px;display:flex;align-items:flex-end;gap:2.5px}
.mc-bar{flex:1;border-radius:2px 2px 0 0;background:rgba(201,169,110,.15);transition:.4s}
.mc-bar.hi{background:var(--go)}
.ai-items{display:flex;flex-direction:column;gap:.45rem}
.ai-item{display:flex;align-items:center;gap:.55rem;font-family:'JetBrains Mono',monospace;font-size:.57rem;color:var(--mu);padding:.45rem .65rem;border-radius:6px;background:rgba(242,240,236,.025);border:1px solid var(--br)}
.ai-item .d{width:4px;height:4px;border-radius:50%;background:var(--go);flex-shrink:0}
.ai-item .u{color:var(--go);margin-left:auto}

/* ═══════════════════════════ GRID-4 ═══════════════════════════ */
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.feat-card{border-radius:20px;padding:2rem;display:flex;flex-direction:column;gap:1.2rem;min-height:260px}
.feat-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--go)}
.feat-icon svg{width:18px;height:18px}
.feat-card h4{font-family:'Outfit',sans-serif;font-weight:400;font-size:1.2rem;color:var(--wh);letter-spacing:-.01em}
.feat-card h4 .em{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--go)}
.feat-card p{color:var(--mu);font-size:.92rem;line-height:1.6;font-weight:300}
.feat-card .fn{margin-top:auto;font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.22em;color:var(--m3);text-transform:uppercase}

/* ═══════════════════════════ PROCESS ═══════════════════════════ */
.proc-wrap{position:relative;margin-top:3.5rem}
.proc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.proc-step{
  padding:2.8rem 2rem 2.2rem;border-radius:20px;
  background:rgba(242,240,236,.02);
  border:1px solid var(--br);
  position:relative;overflow:hidden;
  transition:background 240ms var(--ease-out),border-color 240ms var(--ease-out),transform 240ms var(--ease-out);
  z-index:1;
}
@media(hover:hover) and (pointer:fine){
  .proc-step:hover{background:rgba(242,240,236,.045);border-color:rgba(201,169,110,.28)}
}
.proc-step::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--go),rgba(201,169,110,.25));
  opacity:.35;transition:opacity .4s;
}
.proc-step:hover::before{opacity:1}
.proc-dot{
  width:10px;height:10px;border-radius:50%;
  background:var(--bk);border:1px solid rgba(201,169,110,.5);
  box-shadow:0 0 10px rgba(201,169,110,.3);
  margin:0 auto 1.8rem;
  transition:background .3s,box-shadow .3s;
}
.proc-step:hover .proc-dot{background:var(--go);box-shadow:0 0 16px rgba(201,169,110,.6)}
.proc-n{
  font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;
  font-size:5rem;color:rgba(201,169,110,.08);line-height:1;
  position:absolute;top:.8rem;right:1.2rem;pointer-events:none;
  transition:color .4s;
}
.proc-step:hover .proc-n{color:rgba(201,169,110,.16)}
.proc-icon{display:none}
.proc-title{font-family:'Outfit',sans-serif;font-weight:400;font-size:1.05rem;color:var(--wh);margin-bottom:.6rem;letter-spacing:-.01em}
.proc-desc{font-size:.9rem;color:var(--mu);line-height:1.7}
.proc-time{
  margin-top:1.4rem;font-family:'JetBrains Mono',monospace;
  font-size:.57rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--go);padding:.24rem .7rem;
  border:1px solid rgba(201,169,110,.22);border-radius:99px;
  display:inline-block;background:rgba(201,169,110,.04);
}

/* ═══════════════════════════ STATS ═══════════════════════════ */
.stats-card{border-radius:24px;padding:4rem 3rem;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;width:100%;max-width:1100px}
.stat{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;padding:0 1rem;border-left:1px solid var(--br)}
.stat:first-child{border-left:none}
.stat .v{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:clamp(2.6rem,4.5vw,4rem);line-height:1;color:var(--go);letter-spacing:-.02em}
.stat .l{font-family:'JetBrains Mono',monospace;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(242,240,236,.55)}

/* ═══════════════════════════ PRICING ═══════════════════════════ */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:3.5rem;align-items:start}
.price-card{border-radius:20px;padding:2.6rem 2.2rem;display:flex;flex-direction:column;position:relative;transition:transform 240ms var(--ease-out)}
.price-card.feat{background:rgba(201,169,110,.04)}
.price-card.feat::before{background:linear-gradient(180deg,rgba(201,169,110,.55) 0%,rgba(201,169,110,.18) 22%,transparent 42%,transparent 58%,rgba(201,169,110,.28) 78%,rgba(201,169,110,.55) 100%)}
.price-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--go);color:var(--bk);font-family:'JetBrains Mono',monospace;font-size:.56rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;padding:.3rem 1rem;border-radius:0 0 8px 8px;white-space:nowrap}
.price-tier{font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--go);margin-bottom:1rem}
.price-val{font-family:'Cormorant Garamond',serif;font-weight:300;font-style:italic;font-size:clamp(2.8rem,4vw,3.8rem);line-height:1;color:var(--wh);margin-bottom:.3rem}
.price-val sup{font-size:1rem;color:var(--mu);font-style:normal;vertical-align:top;margin-top:.7rem;display:inline-block;font-family:'Outfit',sans-serif;font-weight:300}
.price-ideal{font-size:.84rem;color:var(--mu);margin-bottom:1.8rem;margin-top:.4rem;line-height:1.5}
.price-div{height:1px;background:var(--br);margin-bottom:1.6rem}
.price-list{list-style:none;display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}
.price-list li{font-size:.92rem;color:var(--mu);display:flex;align-items:flex-start;gap:.65rem;line-height:1.5}
.price-list li svg{color:var(--go);flex-shrink:0;margin-top:.15rem}
.price-note{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--m2);margin-top:.9rem;text-align:center}

/* ═══════════════════════════ PORTFOLIO ═══════════════════════════ */
.port-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.port-card{position:relative;border-radius:20px;overflow:hidden;cursor:pointer;border:1px solid var(--br);aspect-ratio:4/3;transition:border-color 240ms var(--ease-out);background:#0d0d10}
.port-card:nth-child(1){grid-column:span 2}
.port-card:nth-child(4){grid-column:span 2}
.port-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:.75;transition:opacity .4s var(--ease-out),transform .5s var(--ease-out)}
.port-card-placeholder{position:absolute;inset:0;background:linear-gradient(135deg,#0f0f14 0%,#1a1610 50%,#0c0c10 100%)}
.port-card-placeholder::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(201,169,110,.06),transparent 70%)}
@media(hover:hover) and (pointer:fine){
  .port-card:hover{border-color:rgba(201,169,110,.35)}
  .port-card:hover .port-card-img{opacity:.5;transform:scale(1.04)}
}
.port-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.3) 55%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.8rem;z-index:2}
.port-card-tag{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--go);margin-bottom:.45rem}
.port-card-title{font-family:'Outfit',sans-serif;font-weight:300;font-size:1.25rem;letter-spacing:-.015em;color:var(--wh);margin-bottom:.35rem}
.port-card-brief{font-size:.84rem;color:var(--mu);font-weight:300;max-width:38ch;line-height:1.5}
.port-card-btn{position:absolute;top:1.1rem;right:1.1rem;width:36px;height:36px;border-radius:50%;background:rgba(242,240,236,.07);border:1px solid rgba(242,240,236,.14);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8) translateY(-4px);transition:opacity .22s var(--ease-out),transform .22s var(--ease-out),background .2s;z-index:3;color:var(--wh)}
.port-card:hover .port-card-btn{opacity:1;transform:scale(1) translateY(0)}
.port-card-btn:hover{background:var(--go);color:var(--bk)}

/* Modal */
.port-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:2rem;pointer-events:none}
.port-modal-bd{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transition:opacity .3s ease}
.port-modal.open{pointer-events:all}
.port-modal.open .port-modal-bd{opacity:1}
.port-modal-box{position:relative;z-index:1;width:100%;max-width:1080px;max-height:88vh;background:#111114;border:1px solid var(--br2);border-radius:24px;display:grid;grid-template-columns:300px 1fr;overflow:hidden;transform:scale(.95) translateY(12px);opacity:0;transition:transform .35s var(--ease-out),opacity .3s ease;box-shadow:0 40px 100px rgba(0,0,0,.8)}
.port-modal.open .port-modal-box{transform:scale(1) translateY(0);opacity:1}
.port-modal-left{padding:2.4rem;display:flex;flex-direction:column;gap:1.1rem;border-right:1px solid var(--br);overflow-y:auto}
.port-modal-tag{font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--go)}
.port-modal-title{font-family:'Outfit',sans-serif;font-weight:200;font-size:1.7rem;letter-spacing:-.025em;color:var(--wh);line-height:1.1}
.port-modal-desc{font-size:.94rem;color:var(--mu);line-height:1.7;font-weight:300;flex:1}
.port-modal-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;padding:.72rem 1.35rem;border-radius:99px;background:var(--go);color:var(--bk);font-family:'Outfit',sans-serif;font-size:.88rem;font-weight:500;text-decoration:none;transition:background 160ms var(--ease-out),transform 160ms var(--ease-out)}
.port-modal-cta:hover{background:var(--gl);transform:translateY(-1px)}
.port-modal-cta:active{transform:scale(.97)}
.port-modal-right{position:relative;background:#09090c;display:flex;flex-direction:column;overflow:hidden}
.port-browser-bar{height:38px;background:#161618;border-bottom:1px solid var(--br);display:flex;align-items:center;padding:0 1rem;gap:.55rem;flex-shrink:0}
.pbb-dot{width:9px;height:9px;border-radius:50%}
.pbb-dot.r{background:#ff5f57}.pbb-dot.y{background:#ffbd2e}.pbb-dot.g{background:#28ca42}
.pbb-url{flex:1;background:#111114;border-radius:5px;height:22px;display:flex;align-items:center;padding:0 .7rem;font-family:'JetBrains Mono',monospace;font-size:.6rem;color:var(--m2);letter-spacing:.04em;white-space:nowrap;overflow:hidden}
.port-preview-img{width:100%;flex:1;object-fit:cover;object-position:top;display:block}
.port-preview-none{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;color:var(--m2);font-family:'JetBrains Mono',monospace;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase}
.port-modal-close{position:absolute;top:1rem;right:1rem;z-index:10;width:32px;height:32px;border-radius:50%;background:rgba(242,240,236,.06);border:1px solid var(--br);color:var(--wh);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 160ms var(--ease-out),transform 160ms var(--ease-out);line-height:1}
.port-modal-close:hover{background:rgba(242,240,236,.14)}
.port-modal-close:active{transform:scale(.93)}
@media(max-width:860px){
  .port-grid{grid-template-columns:1fr}
  .port-card:nth-child(1),.port-card:nth-child(4){grid-column:span 1}
  .port-modal-box{grid-template-columns:1fr;max-height:90vh}
  .port-modal-right{height:45vw}
}

/* ═══════════════════════════ CONTACT MODAL ═══════════════════════════ */
.cf-modal{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:1.5rem;pointer-events:none;opacity:0;transition:opacity .3s}
.cf-modal.open{pointer-events:all;opacity:1}
.cf-bd{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.cf-box{
  position:relative;z-index:1;width:100%;max-width:880px;border-radius:24px;
  display:grid;grid-template-columns:1fr 1fr;overflow:hidden;
  background:rgba(242,240,236,.025);
  box-shadow:inset 0 1px 1px rgba(242,240,236,.08),0 40px 80px rgba(0,0,0,.7);
  border:1px solid var(--br2);
  transform:scale(.95) translateY(14px);opacity:0;
  transition:transform .38s var(--ease-out),opacity .3s;
}
.cf-modal.open .cf-box{transform:scale(1) translateY(0);opacity:1}
.cf-left{
  padding:3rem;background:rgba(201,169,110,.03);
  border-right:1px solid var(--br);
  display:flex;flex-direction:column;gap:1.4rem;justify-content:center;
}
.cf-eyebrow{font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--go)}
.cf-title{font-family:'Outfit',sans-serif;font-weight:200;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.1;letter-spacing:-.025em;color:var(--wh)}
.cf-desc{font-size:.94rem;color:var(--mu);line-height:1.65;font-weight:300}
.cf-trust{display:flex;gap:2rem;margin-top:.4rem}
.cf-trust-item{display:flex;flex-direction:column;gap:.2rem}
.cf-trust-val{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.5rem;color:var(--go);line-height:1}
.cf-trust-lbl{font-family:'JetBrains Mono',monospace;font-size:.54rem;letter-spacing:.18em;text-transform:uppercase;color:var(--m2)}
.cf-right{padding:3rem;display:flex;flex-direction:column;justify-content:center}
.cf-form{display:flex;flex-direction:column;gap:1rem}
.cf-field{display:flex;flex-direction:column;gap:.38rem}
.cf-label{font-family:'JetBrains Mono',monospace;font-size:.57rem;letter-spacing:.18em;text-transform:uppercase;color:var(--m2)}
.cf-input{
  background:rgba(242,240,236,.04);border:1px solid var(--br);
  border-radius:10px;padding:.82rem 1rem;
  color:var(--wh);font-family:'Outfit',sans-serif;font-size:.95rem;font-weight:300;
  width:100%;outline:none;
  transition:border-color 200ms var(--ease-out),background 200ms var(--ease-out);
}
.cf-input:focus{border-color:rgba(201,169,110,.5);background:rgba(242,240,236,.07)}
.cf-input::placeholder{color:var(--m3)}
.cf-textarea{resize:none;min-height:90px}
.cf-select{cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b6760' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center}
.cf-select option{background:#111114;color:var(--wh)}
.cf-submit{width:100%;justify-content:center;margin-top:.5rem;font-size:.95rem}
.cf-close{position:absolute;top:1rem;right:1rem;z-index:10;width:32px;height:32px;border-radius:50%;background:rgba(242,240,236,.06);border:1px solid var(--br);color:var(--wh);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 160ms var(--ease-out),transform 160ms var(--ease-out);line-height:1}
.cf-close:hover{background:rgba(242,240,236,.14)}
.cf-close:active{transform:scale(.93)}
.cf-success{display:none;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:2rem;min-height:280px}
.cf-success.show{display:flex}
.cf-success-icon{width:52px;height:52px;border-radius:50%;background:rgba(201,169,110,.12);border:1px solid rgba(201,169,110,.3);display:flex;align-items:center;justify-content:center;color:var(--go)}
.cf-success h3{font-family:'Outfit',sans-serif;font-weight:200;font-size:1.5rem;color:var(--wh)}
.cf-success p{color:var(--mu);font-size:.9rem;line-height:1.6;max-width:30ch}
.cf-form.hide{display:none}
.cf-dsgvo{display:flex;align-items:flex-start;gap:.6rem;cursor:pointer;font-size:.8rem;color:var(--mu);line-height:1.5}
.cf-dsgvo input[type="checkbox"]{width:14px;height:14px;flex-shrink:0;margin-top:.15rem;accent-color:var(--go);cursor:pointer}
@media(max-width:700px){
  .cf-box{grid-template-columns:1fr;max-height:88vh;overflow-y:auto}
  .cf-left{padding:2rem;border-right:none;border-bottom:1px solid var(--br);gap:1rem}
  .cf-right{padding:2rem}
}

/* ═══════════════════════════ TESTIMONIALS ═══════════════════════════ */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.testi-card{border-radius:20px;padding:2.4rem;display:flex;flex-direction:column;gap:1.4rem;min-height:280px}
.testi-card .qm{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--go);font-size:3.5rem;line-height:.5;height:1.5rem;opacity:.7}
.testi-card .qt{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:400;font-size:1.22rem;line-height:1.6;color:var(--wh);flex:1}
.testi-card .by{display:flex;flex-direction:column;gap:.2rem;padding-top:1.2rem;border-top:1px solid var(--br)}
.testi-card .by .nm{font-family:'Outfit',sans-serif;font-weight:500;font-size:.92rem;color:var(--wh)}
.testi-card .by .ro{font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--m2)}

/* ═══════════════════════════ CTA + FOOTER ═══════════════════════════ */
.cta-content{padding:10rem 2rem 6rem;max-width:1100px;margin:0 auto;position:relative;z-index:5;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem}
.cta-content h2{font-family:'Outfit',sans-serif;font-weight:200;font-size:clamp(3rem,7vw,6rem);line-height:.92;letter-spacing:-.04em;color:var(--wh);max-width:18ch}
.cta-content h2 .em{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;color:var(--go)}
.cta-content p{color:var(--mu);font-size:1.05rem;max-width:54ch;line-height:1.6}
.cta-btns{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}
.footer{position:relative;z-index:5;padding:3rem 2rem;max-width:1280px;margin:0 auto;border-top:1px solid var(--br);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}
.foot-l{display:flex;align-items:center;gap:1rem;font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--m2)}
.foot-l .lg-mini{width:24px;height:24px;border-radius:6px;background:linear-gradient(135deg,#1c1f26,#0a0c11);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:600;font-size:.85rem;color:var(--go)}
.foot-r{display:flex;gap:1.5rem}
.foot-r a{font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--m2);transition:color 160ms var(--ease-out)}
@media(hover:hover) and (pointer:fine){.foot-r a:hover{color:var(--go)}}

/* ═══════════════════════════ REDUCED MOTION ═══════════════════════════ */
@media(prefers-reduced-motion:reduce){
  .blur-in,.rv{animation:none;opacity:1;transform:none;filter:none}
  .rv{transition:none}
  .hero-scroll-line::after,.badge .dot,.live-tag::before{animation:none}
  .sb-fill{animation:none}
}

/* ═══════════════════════════ RESPONSIVE ═══════════════════════════ */

/* — Global fluid spacing — */
section{padding:clamp(4rem,8vw,8rem) clamp(1.2rem,4vw,2rem)}
.chess-row{gap:clamp(2rem,4vw,5rem)}
.section-head{margin-bottom:clamp(3rem,5vw,5rem);gap:clamp(.8rem,1.5vw,1.4rem)}
.video-content{padding:clamp(5rem,10vw,10rem) clamp(1.2rem,4vw,2rem);min-height:clamp(380px,55vh,600px)}
.cta-content{padding:clamp(5rem,10vw,10rem) clamp(1.2rem,4vw,2rem) clamp(3rem,5vw,6rem)}

/* Hero scroll fluid */
.hs-wrap{height:clamp(46rem,90vh,80rem);padding:clamp(3rem,6vw,6rem) clamp(3vw,5vw,5vw) clamp(6rem,10vw,12rem)}
.hs-card{height:clamp(20rem,45vh,42rem)}
.hs-card-inner{grid-template-columns:repeat(4,1fr)}
.hs-stat-v{font-size:clamp(2rem,4.5vw,5.5rem)}

/* — Tablet 900px — */
@media(max-width:900px){
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .testi-grid{grid-template-columns:repeat(2,1fr)}
  .chess-row{grid-template-columns:1fr}
  .chess-row.rev .chess-text{order:1}
  .chess-row.rev .chess-media{order:2}
  .chess-media{aspect-ratio:16/9}
  .proc-grid{grid-template-columns:repeat(2,1fr)}
  .stats-card{grid-template-columns:repeat(2,1fr);padding:clamp(1.5rem,3vw,2.5rem);gap:2rem}
  .stat{border-left:none}.stat:nth-child(2n-1){border-right:1px solid var(--br)}
  .price-grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}
  .port-grid{grid-template-columns:repeat(2,1fr)}
  .port-card:nth-child(1),.port-card:nth-child(4){grid-column:span 2}
  .hs-card-inner{grid-template-columns:repeat(2,1fr)}
  .hs-stat{border-bottom:1px solid var(--br)}
  .hs-stat:nth-child(n+3){border-top:none}
  .hero-content{flex-direction:column;text-align:center;gap:1rem;padding:120px 4vw 160px}
  .hero-text{align-items:center;flex:none;width:100%}
  .hero-ctas{justify-content:center}
  .hero-sphere{flex:none;width:65vw;max-width:400px;margin-top:-1rem}
  nav.top{padding:.6rem 1.4rem}
}

/* — Mobile 600px — */
@media(max-width:600px){
  .hero-content{padding:100px 1.2rem 2rem}
  .hero-sphere{width:88vw;max-width:320px}
  .hero-stats{display:none}
  .hero-scroll{display:none}
  .hc-tl,.hc-tr,.hc-bl,.hc-br{display:none}
  .hero-issue{left:1.2rem;right:1.2rem}
  .grid-4{grid-template-columns:1fr}
  .testi-grid{grid-template-columns:1fr}
  .proc-grid{grid-template-columns:1fr}
  .stats-card{grid-template-columns:1fr;padding:1.5rem}
  .stat{border-right:none!important;border-bottom:1px solid var(--br);padding-bottom:1.4rem}
  .stat:last-child{border-bottom:none;padding-bottom:0}
  .port-grid{grid-template-columns:1fr}
  .port-card:nth-child(1),.port-card:nth-child(4){grid-column:span 1}
  .hs-card-inner{grid-template-columns:repeat(2,1fr)}
  .hs-stat:first-child{border-left:none}
  .port-modal-box{grid-template-columns:1fr}
  .port-modal-right{height:42vw;min-height:180px}
  .port-modal-left{padding:1.6rem}
  .port-modal-title{font-size:1.4rem}
  .footer{flex-direction:column;text-align:center}
  .foot-r{flex-wrap:wrap;justify-content:center}
  .navmid{display:none}
}