/* ============ TOKENS ============ */
:root{
  --cream:#F3E6D4;
  --paper:#F9F0E3;
  --sand:#E8D4BA;
  --ink:#1C1511;
  --ink-2:#3A2F27;
  --muted:#76685B;
  --orange:#FF4D12;
  --orange-2:#FF7A2E;
  --amber:#FFAE1A;
  --red:#E5352B;
  --green:#1FAA59;
  --green-2:#3DDC84;
  --espresso:#18100B;
  --espresso-2:#271A12;
  --line:rgba(28,21,17,.12);
  --radius:22px;
  --grad:linear-gradient(135deg,#FF7A2E 0%,#FF4D12 55%,#F2380B 100%);
  --shadow:0 1px 0 rgba(255,255,255,.6) inset, 0 20px 50px -20px rgba(70,40,15,.35);
  --display:"Inter Tight","Bricolage Grotesque", system-ui, sans-serif;
  --gutter:clamp(16px,4vw,48px);
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{
  background:var(--cream);color:var(--ink);
  font-family:var(--display);font-size:17px;line-height:1.55;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
body::after{ /* film grain — multiply keeps colors saturated */
  content:"";position:fixed;inset:-50%;pointer-events:none;z-index:200;opacity:.05;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
main{overflow-x:clip}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
em{font-style:normal}
h1 em,h2 em,.odo-hl em{background:linear-gradient(100deg,#FF8A3D 0%,#FF4D12 55%,#E8340A 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-right:.04em}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.wrap{max-width:1240px;margin:0 auto;padding:0 var(--gutter)}

/* ============ BUTTONS ============ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  height:56px;padding:0 30px;border-radius:999px;font-weight:700;font-size:16px;letter-spacing:-.01em;
  transition:transform .25s var(--ease),box-shadow .25s,background .25s,color .25s;will-change:transform}
.btn:hover{transform:translateY(-2px)}
.btn-sm{height:42px;padding:0 20px;font-size:14.5px}
.btn-dark{background:var(--ink);color:var(--paper)}
.btn-orange{background:var(--grad);color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 14px 34px -10px rgba(255,77,18,.75),0 0 0 1px rgba(242,56,11,.4)}
.btn-orange:hover{box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 20px 44px -10px rgba(255,77,18,.9),0 0 0 1px rgba(242,56,11,.4)}
.btn-ghost{border:1.5px solid var(--ink);color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--paper)}
.btn-block{width:100%}

.eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:14px}
.eyebrow.light{color:var(--amber)}
.section-title{font-size:clamp(38px,6.4vw,84px);line-height:.98;font-weight:800;letter-spacing:-.035em;max-width:15ch}

.section-title.light{color:var(--paper)}
.section-title.light em,.work-head h2 em,.pipe-head h2 em,.finale-copy h2 em{background-image:linear-gradient(100deg,#FFC94D 0%,#FFAE1A 40%,#FF7A2E 100%)}
.section-sub{margin-top:20px;max-width:56ch;color:var(--muted);font-size:clamp(16px,1.6vw,19px)}
.section-sub.light{color:rgba(251,246,238,.68)}

.pill{display:inline-flex;align-items:center;gap:9px;padding:8px 16px 8px 12px;border-radius:999px;font-size:13px;font-weight:600;
  background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 24px -14px rgba(60,30,10,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.pulse{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(229,53,43,.6);animation:pulse 1.6s infinite}
.pulse.good{background:var(--green);box-shadow:0 0 0 0 rgba(31,170,89,.6)}
@keyframes pulse{to{box-shadow:0 0 0 10px rgba(0,0,0,0)}}

/* ============ NAV ============ */
.nav{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:100;
  width:min(1180px,calc(100% - 24px));height:62px;padding:0 10px 0 18px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  background:rgba(232,214,190,.78);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);
  border:1px solid rgba(255,255,255,.55);border-radius:999px;box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 12px 34px -16px rgba(70,40,15,.5);
  transition:background .4s,border-color .4s,color .4s}
.nav.dark{background:rgba(24,16,11,.6);border-color:rgba(255,255,255,.08);color:var(--paper)}
.nav.dark .btn-dark,.nav-cta{background:var(--grad);color:#fff;box-shadow:0 10px 22px -10px rgba(255,77,18,.8)}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:22px;letter-spacing:-.04em}
.logo-mark svg{width:30px;height:30px;display:block;filter:drop-shadow(0 4px 8px rgba(255,77,18,.35));transition:transform .4s var(--ease)}
.logo:hover .logo-mark svg{transform:scale(1.08)}
.logo-mark rect{fill:var(--orange)}
.logo-mark path{fill:var(--paper)}
.nav-links{display:flex;gap:28px;font-size:15px;font-weight:500}
.nav-links a{opacity:.75;transition:opacity .2s}
.nav-links a:hover{opacity:1}
@media (max-width:820px){.nav-links{display:none}}

/* ============ HERO ============ */
.hero{position:relative;height:235vh}
.hero-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;perspective:1100px;
  background:radial-gradient(55% 45% at 88% 8%,rgba(255,122,46,.16),transparent 70%),radial-gradient(50% 45% at 6% 92%,rgba(255,174,26,.16),transparent 70%),radial-gradient(120% 80% at 50% 40%,var(--paper) 0%,var(--cream) 58%,var(--sand) 100%)}
.paper-grid{position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:64px 64px;mask-image:radial-gradient(80% 70% at 50% 50%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(80% 70% at 50% 50%,#000 30%,transparent 80%)}
.hero-halo{position:absolute;left:50%;top:50%;width:min(1000px,120vw);height:min(560px,70vh);transform:translate(-50%,-50%);
  background:radial-gradient(closest-side,rgba(249,240,227,.95),rgba(249,240,227,.66) 55%,transparent);z-index:4;pointer-events:none}
.chaos{position:absolute;inset:0;transform-style:preserve-3d}
.cc{position:absolute;left:0;top:0;transform-style:preserve-3d;will-change:transform}
.cc-in{position:relative;border-radius:12px;background:#000;box-shadow:0 30px 60px -20px rgba(40,20,5,.6),0 0 0 1px rgba(0,0,0,.06);
  animation:float var(--d,6s) ease-in-out infinite alternate;will-change:transform}
.cc-in img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px}
.cc-meta{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.82);color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px}
.cc-r{will-change:transform}
@keyframes float{from{transform:translate3d(0,-7px,0) rotate(-.8deg)}to{transform:translate3d(0,7px,0) rotate(.8deg)}}

/* per-card stat badges */
.cc-badge{position:absolute;z-index:2;left:8px;top:-13px;display:flex;align-items:center;gap:6px;padding:5px 9px 5px 7px;border-radius:9px;
  font-size:12px;font-weight:700;white-space:nowrap;color:#fff;background:var(--red);
  box-shadow:0 8px 18px -8px rgba(229,53,43,.8);transition:background .45s var(--ease),box-shadow .45s}
.cc-badge svg{width:30px;height:14px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cc-badge .g{display:none}
.chaos.good .cc-badge{background:var(--green);box-shadow:0 8px 18px -8px rgba(31,170,89,.9)}
.chaos.good .cc-badge .b{display:none}
.chaos.good .cc-badge .g{display:flex;align-items:center;gap:6px}
.cc-badge .b{display:flex;align-items:center;gap:6px}
.chaos .cc-in::after{content:"";position:absolute;inset:0;border-radius:12px;background:rgba(40,10,0,.16);transition:opacity .5s;pointer-events:none;filter:none}
.chaos.good .cc-in::after{opacity:0}

/* big arrows */
.arrows{position:absolute;inset:0;pointer-events:none;z-index:3}
.arr{position:absolute;width:clamp(56px,7vw,104px);color:var(--red);filter:drop-shadow(0 14px 18px rgba(229,53,43,.35));transition:color .5s,filter .5s}
.arr svg{width:100%;display:block}
.arrows.good .arr{color:var(--green);filter:drop-shadow(0 14px 18px rgba(31,170,89,.4))}

.chips{position:absolute;inset:0;pointer-events:none;z-index:5}
.chip{position:absolute;display:flex;align-items:center;gap:9px;white-space:nowrap;
  padding:9px 15px 9px 10px;border-radius:14px;font-size:13.5px;font-weight:600;
  background:rgba(255,255,255,.86);color:var(--ink);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.95);box-shadow:0 16px 36px -16px rgba(60,30,10,.5),inset 3px 0 0 var(--red);transition:box-shadow .5s}
.chip i{font-style:normal;font-size:16px;line-height:1}
.chip .t-good{display:none}
.chips.good .chip{box-shadow:0 16px 36px -16px rgba(60,30,10,.5),inset 3px 0 0 var(--green)}
.chips.good .chip .t-bad{display:none}
.chips.good .chip .t-good{display:inline}

.hero-intro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;z-index:6;padding:0 var(--gutter)}
.intro-title{margin-top:22px;font-size:clamp(54px,10vw,156px);line-height:.88;font-weight:800;letter-spacing:-.05em;color:var(--ink)}
.intro-title em{position:relative;display:inline-block}
.intro-sub{margin-top:22px;font-size:clamp(16px,1.7vw,20px);color:var(--ink-2);font-weight:500}
.scroll-hint{margin-top:26px}
.scroll-hint i{display:block;width:26px;height:42px;border:2px solid var(--ink);border-radius:14px;position:relative}
.scroll-hint i::after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:3px;background:var(--orange);animation:wheel 1.6s infinite}
@keyframes wheel{0%{opacity:0;transform:translateY(-3px)}30%{opacity:1}100%{opacity:0;transform:translateY(12px)}}

.hero-order{position:absolute;inset:0;z-index:7;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,64px);align-items:center;
  max-width:1280px;margin:0 auto;padding:96px var(--gutter) 28px;opacity:0;visibility:hidden}
.ho-copy{display:flex;flex-direction:column;align-items:flex-start}
.hero-order h1{margin-top:18px;font-size:clamp(48px,6.5vw,100px);line-height:.9;font-weight:800;letter-spacing:-.05em}

.hero-order .wd{display:inline-block;will-change:transform}
.lede{margin-top:22px;max-width:52ch;font-size:clamp(16px,1.5vw,19px);color:var(--ink-2)}
.lede.light{color:rgba(251,246,238,.75)}
.cta-row{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.hero-stats{list-style:none;display:flex;gap:clamp(14px,3vw,40px);margin-top:clamp(24px,4vh,40px);padding:16px clamp(16px,2.4vw,26px);
  background:rgba(251,246,238,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:20px;border:1px solid rgba(255,255,255,.85);box-shadow:0 18px 40px -24px rgba(60,30,10,.4)}
.hero-stats li{display:flex;flex-direction:column;max-width:150px}
.hero-stats b{font-size:clamp(26px,3vw,40px);font-weight:800;letter-spacing:-.04em;line-height:1}
.hero-stats span{font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.3}

/* product dashboard */
.dash{position:relative;background:linear-gradient(160deg,#2A1C14,#16100C 70%);color:var(--paper);border-radius:26px;padding:20px 20px 16px;
  box-shadow:0 60px 120px -40px rgba(40,15,0,.75),0 0 0 1px rgba(255,255,255,.06) inset,0 1px 0 rgba(255,255,255,.12) inset;transform-style:preserve-3d}
.dash::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(140deg,rgba(255,122,46,.7),transparent 35%,transparent 65%,rgba(31,170,89,.6));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.dash-top{display:flex;align-items:center;gap:10px;font-size:13px}
.dots{display:flex;gap:5px}.dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18)}
.dots i:first-child{background:#FF5F57}.dots i:nth-child(2){background:#FEBC2E}.dots i:nth-child(3){background:#28C840}
.dash-title{font-weight:700;letter-spacing:-.01em}
.dash-live{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--green-2);background:rgba(31,170,89,.14);padding:5px 10px;border-radius:99px}
.dash-live i{width:7px;height:7px;border-radius:50%;background:var(--green-2);animation:pulse 1.6s infinite}
.dash-sub{margin-top:12px;font-size:12.5px;color:rgba(251,246,238,.55)}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.kpi{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.kpi span{font-size:12px;color:rgba(251,246,238,.55)}
.kpi b{font-size:clamp(22px,2.3vw,32px);font-weight:800;letter-spacing:-.04em;line-height:1.1;font-variant-numeric:tabular-nums}
.kpi em{font-family:var(--display);font-style:normal;font-size:12px;font-weight:700;color:var(--green-2)}
.dash-chart{width:100%;height:clamp(70px,9vw,110px);margin-top:14px;overflow:visible}
.dc-line{fill:none;stroke:var(--green-2);stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 6px 10px rgba(61,220,132,.45))}
.uploads{display:grid;gap:8px;margin-top:12px}
.up{display:grid;grid-template-columns:76px 1fr auto;gap:12px;align-items:center;background:rgba(255,255,255,.04);border-radius:12px;padding:7px 10px 7px 7px}
.up img{width:76px;aspect-ratio:16/9;object-fit:cover;border-radius:7px}
.up b{display:block;font-size:14px;font-weight:700}
.up span{font-size:12px;color:rgba(251,246,238,.55)}
.up em{font-family:var(--display);font-style:normal;font-size:12px;font-weight:700;background:rgba(255,255,255,.07);padding:5px 9px;border-radius:99px;white-space:nowrap}

/* ============ MARQUEE ============ */
.niche-marquee{background:var(--grad);color:#fff;overflow:hidden;padding:18px 0;transform:rotate(-1.5deg) scale(1.03);margin:-10px 0;position:relative;z-index:3;box-shadow:0 20px 40px -20px rgba(255,77,18,.7)}
.nm-track{display:flex;gap:28px;width:max-content;animation:marq 32s linear infinite;font-size:clamp(20px,2.6vw,32px);font-weight:700;letter-spacing:-.02em;white-space:nowrap}
.nm-track i{font-style:normal;opacity:.6}
@keyframes marq{to{transform:translateX(-50%)}}

/* ============ WORK / 3D FILM DRUM ============ */
.work{position:relative;background:var(--espresso);color:var(--paper);
  background-image:radial-gradient(70% 55% at 50% 58%,rgba(255,122,46,.2),transparent 70%),radial-gradient(60% 40% at 50% 100%,rgba(255,174,26,.1),transparent)}
.work-pin{position:relative;height:100vh;height:100svh;display:flex;flex-direction:column;overflow:hidden;padding-top:100px}
.beam{position:absolute;left:50%;top:-20%;width:160%;height:130%;transform:translateX(-50%);pointer-events:none;mix-blend-mode:screen;
  background:conic-gradient(from 180deg at 50% 0%,transparent 162deg,rgba(255,196,130,.07) 172deg,rgba(255,206,150,.13) 180deg,rgba(255,196,130,.07) 188deg,transparent 198deg);
  animation:flicker 5s infinite steps(1)}
@keyframes flicker{0%,100%{opacity:1}12%{opacity:.85}14%{opacity:1}52%{opacity:.9}54%{opacity:1}}
.work-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:0 var(--gutter);max-width:1340px;width:100%;margin:0 auto}
.work-head h2{font-size:clamp(32px,4.8vw,66px);line-height:.98;font-weight:800;letter-spacing:-.035em}

.frame-counter{display:flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums;flex-shrink:0}
.fc-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);font-weight:700}
.fc-num{font-size:15px;color:rgba(251,246,238,.6)}
.fc-num b{font-size:44px;color:var(--paper);font-weight:800;letter-spacing:-.04em}
.reel{position:relative;flex:1;perspective:1700px;perspective-origin:50% 38%;min-height:0}
.drum{position:absolute;left:50%;top:48%;width:0;height:0;transform-style:preserve-3d;will-change:transform}
.fr{position:absolute;left:0;top:0;width:var(--fw);padding:26px 4px;background:#0b0705;cursor:zoom-in;
  transform-style:flat;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;
  -webkit-box-reflect:below 6px linear-gradient(transparent 64%,rgba(255,255,255,.16))}
.fr::before,.fr::after{content:"";position:absolute;left:0;right:0;height:12px;
  background:repeating-linear-gradient(90deg,transparent 0 9px,#E9DCC8 9px 21px,transparent 21px 30px);opacity:.8}
.fr::before{top:7px}.fr::after{bottom:7px}
.fr img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:2px;background:#222}
.fr .fr-no{position:absolute;left:10px;bottom:-1px;font-size:9px;letter-spacing:.22em;color:rgba(233,220,200,.55);font-weight:700}
.fr .shade{position:absolute;inset:0;background:#0b0705;pointer-events:none;opacity:0}
.fr .sheen{position:absolute;inset:26px 4px;border-radius:2px;pointer-events:none;opacity:0;
  background:linear-gradient(105deg,transparent 35%,rgba(255,240,220,.3) 48%,rgba(255,255,255,.05) 55%,transparent 65%) -150% 0/250% 100% no-repeat;transition:opacity .4s}
.fr.on .sheen{opacity:1;animation:sweep 2.6s ease-in-out infinite}
@keyframes sweep{0%{background-position:150% 0}60%,100%{background-position:-150% 0}}
.fr.on{box-shadow:0 0 0 1px rgba(255,174,26,.55),0 50px 100px -30px rgba(255,122,46,.8)}
.work-foot{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 0 26px;font-size:13px;color:rgba(251,246,238,.45);letter-spacing:.06em}
.reel-progress{width:min(280px,60vw);height:3px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}
.reel-progress i{display:block;height:100%;background:var(--grad);transform-origin:0 50%;transform:scaleX(0)}

/* ============ PIPELINE — 3D DECK ============ */
.pipe{position:relative;background:var(--espresso);color:var(--paper);
  background-image:radial-gradient(60% 50% at 50% 60%,rgba(255,122,46,.16),transparent 70%)}
.pipe-pin{height:100vh;height:100svh;display:flex;flex-direction:column;overflow:hidden;padding-top:100px}
.pipe-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:0 var(--gutter);max-width:1340px;width:100%;margin:0 auto}
.pipe-head h2{font-size:clamp(32px,4.8vw,66px);line-height:.98;font-weight:800;letter-spacing:-.035em}

.pipe-list{list-style:none;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:470px}
.pipe-list li{font-size:13px;font-weight:600;padding:7px 13px;border-radius:99px;border:1px solid rgba(255,255,255,.12);color:rgba(251,246,238,.45);transition:all .35s var(--ease)}
.pipe-list li.done{color:var(--paper);border-color:rgba(255,174,26,.45)}
.pipe-list li.on{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 8px 20px -8px rgba(255,77,18,.8)}
.pipe-stage{position:relative;flex:1;perspective:1300px;perspective-origin:50% 25%;min-height:0}
.pc{position:absolute;left:50%;top:50%;width:min(1000px,calc(100vw - 2 * var(--gutter)));height:min(470px,calc(100% - 40px));
  display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(20px,3vw,48px);align-items:center;padding:clamp(24px,3.4vw,50px);
  border-radius:30px;background:linear-gradient(160deg,#2E2016,#160F0A 70%);border:1px solid rgba(255,255,255,.08);
  box-shadow:0 70px 120px -40px rgba(0,0,0,.85),0 1px 0 rgba(255,255,255,.1) inset;will-change:transform,opacity;
  transform:translate(-50%,-50%);overflow:hidden}
.pc::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 60% at 100% 0%,rgba(255,122,46,.16),transparent 70%)}
.pc-hero{background:linear-gradient(150deg,#3D2416,#190F09 70%);box-shadow:0 70px 120px -40px rgba(0,0,0,.85),0 0 0 1px rgba(255,122,46,.45),0 0 80px -20px rgba(255,77,18,.35)}
.pc-copy{position:relative}
.pc-n{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--amber)}
.pc h3{font-size:clamp(32px,4vw,58px);font-weight:800;letter-spacing:-.045em;line-height:1;margin:12px 0 14px}
.pc p{color:rgba(251,246,238,.7);font-size:clamp(15px,1.35vw,18px);max-width:40ch}
.pc-ticks{list-style:none;margin-top:18px;display:grid;gap:8px;font-size:14.5px}
.pc-ticks li{padding-left:24px;position:relative}
.pc-ticks li::before{content:"✓";position:absolute;left:0;color:var(--amber);font-weight:800}
.pc-vis{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;gap:10px}
.vt-chip{align-self:flex-start;font-size:13px;font-weight:700;padding:8px 13px;border-radius:99px;background:var(--green);color:#fff;box-shadow:0 10px 24px -10px rgba(31,170,89,.9)}
/* thumbs */
.vis-thumbs img{position:absolute;width:62%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;box-shadow:0 30px 50px -18px rgba(0,0,0,.8)}
.vis-thumbs img:nth-child(1){left:0;top:8%;transform:rotate(-8deg);opacity:.75}
.vis-thumbs img:nth-child(2){right:0;top:12%;transform:rotate(7deg);opacity:.75}
.vis-thumbs img:nth-child(3){left:50%;top:50%;width:78%;transform:translate(-50%,-42%);box-shadow:0 40px 70px -20px rgba(0,0,0,.9),0 0 0 2px rgba(255,174,26,.6)}
.vis-thumbs .vt-chip{position:absolute;right:4%;bottom:6%;z-index:2}
/* titles */
.vt-row{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.05);font-size:15px;font-weight:600}
.vt-row span{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:12px;flex:none}
.vt-row.bad{color:rgba(251,246,238,.45);text-decoration:line-through;text-decoration-color:rgba(229,53,43,.7)}
.vt-row.bad span{background:rgba(229,53,43,.25);color:#FF8A80}
.vt-row.good{background:rgba(31,170,89,.14);border:1px solid rgba(61,220,132,.4);font-size:17px;color:#fff;padding:18px 16px}
.vt-row.good span{background:var(--green);color:#fff}
.vt-ctr{font-size:14px;color:rgba(251,246,238,.6);margin-top:4px}
.vt-ctr b{color:var(--green-2);font-size:20px}
/* seo */
.vs-search{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:99px;background:#fff;color:var(--ink);font-weight:600;font-size:15px}
.vs-search svg{width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:2.2;stroke-linecap:round}
.vs-result{display:flex;align-items:center;gap:14px;padding:10px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,174,26,.35)}
.vs-result img{width:120px;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.vs-result b{display:block;font-size:30px;font-weight:800;color:var(--amber);line-height:1}
.vs-result span{font-size:13px;color:rgba(251,246,238,.6)}
.vs-tags{display:flex;flex-wrap:wrap;gap:7px}
.vs-tags i{font-style:normal;font-size:12.5px;font-weight:600;padding:6px 11px;border-radius:99px;background:rgba(255,255,255,.07);color:rgba(251,246,238,.8)}
/* calendar */
.vc-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.vc-grid span{font-size:11px;text-align:center;color:rgba(251,246,238,.5);font-weight:600}
.vc-grid i{font-style:normal;height:52px;border-radius:10px;background:rgba(255,255,255,.04);display:grid;place-items:center;font-size:11px;font-weight:700}
.vc-grid i.on{background:var(--grad);color:#fff;box-shadow:0 8px 18px -8px rgba(255,77,18,.8)}
.vc-grid i.sh{border:1px dashed rgba(255,174,26,.6);color:var(--amber)}
.vis-cal .vt-chip{margin-top:8px}
/* shorts */
.vis-shorts{display:block;perspective:1100px}
.sh-long{position:absolute;left:0;top:2%;width:40%;z-index:3;transform:rotate(-4deg)}
.sh-long img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;box-shadow:0 26px 44px -14px rgba(0,0,0,.95),0 0 0 2px rgba(255,255,255,.12)}
.sh-tag{position:absolute;left:8px;bottom:-12px;font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:99px;background:#fff;color:var(--ink);white-space:nowrap;box-shadow:0 8px 18px -8px rgba(0,0,0,.6)}
.sh-to{position:absolute;left:3%;top:calc(2% + 28% + 30px);font-size:12.5px;font-weight:700;color:var(--amber);letter-spacing:.02em}
.sh-phones{position:absolute;right:0;bottom:0;width:78%;height:86%;transform-style:preserve-3d}
.ph{position:absolute;top:50%;margin-top:0;width:37%;aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:#000;border:4px solid #0A0604;
  box-shadow:0 40px 70px -24px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.08);font-size:10px;color:#fff}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50%) 50%}
.ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 22%,transparent 55%,rgba(0,0,0,.75))}
.ph > span,.ph > i{position:absolute;z-index:1}
.ph-top{top:8px;left:9px;display:flex;align-items:center;gap:4px;font-weight:700;font-size:10.5px}
.ph-logo{width:11px;height:13px;border-radius:3px;background:#FF0033;position:relative}
.ph-logo::after{content:"";position:absolute;left:4px;top:4px;border-left:4px solid #fff;border-top:2.5px solid transparent;border-bottom:2.5px solid transparent}
.ph-views{top:30px;left:9px;padding:3px 7px;border-radius:6px;background:var(--green);font-weight:800;font-size:10px;box-shadow:0 6px 14px -6px rgba(31,170,89,.9)}
.ph-rail{right:5px;bottom:26%;display:flex;flex-direction:column;gap:9px;align-items:center}
.ph-rail span{display:flex;flex-direction:column;align-items:center;gap:1px}
.ph-rail svg{width:17px;height:17px;fill:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.ph-rail b{font-size:8.5px;font-weight:700}
.ph-cap{left:9px;right:30px;bottom:14px;font-weight:700;font-size:11px;line-height:1.25;text-shadow:0 1px 3px rgba(0,0,0,.8)}
.ph-cap b{display:block;font-size:9.5px;opacity:.85;margin-bottom:2px}
.ph-bar{left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.25)}
.ph-bar i{position:absolute;left:0;top:0;bottom:0;width:62%;background:#FF0033}
.ph.p1{left:4%;transform:translateY(-46%) rotateY(24deg) rotateZ(-3deg) scale(.88);filter:brightness(.78)}
.ph.p3{right:2%;transform:translateY(-46%) rotateY(-24deg) rotateZ(3deg) scale(.88);filter:brightness(.78)}
.ph.p2{left:50%;z-index:2;width:41%;transform:translate(-44%,-50%);box-shadow:0 50px 80px -24px rgba(0,0,0,.95),0 0 0 2px rgba(255,174,26,.55)}
.ph.p3 .ph-bar i{width:35%}.ph.p1 .ph-bar i{width:80%}
/* analytics */
.va-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.va-kpis div{background:rgba(255,255,255,.05);border-radius:16px;padding:16px}
.va-kpis span{display:block;font-size:12.5px;color:rgba(251,246,238,.55)}
.va-kpis b{font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-.04em}
.va-kpis em{display:block;font-family:var(--display);font-style:normal;font-size:13px;font-weight:700;color:var(--green-2)}
.vis-ana svg{width:100%;height:120px;overflow:visible}
.va-line{fill:none;stroke:var(--green-2);stroke-width:3.5;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 8px 12px rgba(61,220,132,.45))}
/* ideas */
.vi{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.05);font-weight:600;font-size:15px}
.vi b{flex:none;min-width:58px;font-size:14px;padding:5px 9px;border-radius:9px;background:rgba(255,77,18,.18);color:#FFB08A;text-align:center}
.vi:first-child{background:rgba(255,77,18,.14);border:1px solid rgba(255,122,46,.45)}
.vi.dim{opacity:.4;text-decoration:line-through}
.pipe-foot{position:relative;z-index:2;display:flex;justify-content:center;padding:0 0 26px}

/* ============ PROOF ============ */
.proof{position:relative;background:var(--paper);padding:clamp(100px,12vw,170px) 0 clamp(80px,10vw,130px);overflow:hidden;text-align:center}
.proof .eyebrow{margin-bottom:22px}
.odo{position:relative;z-index:1;display:flex;justify-content:center;align-items:flex-start;font-size:clamp(44px,11vw,176px);font-weight:800;letter-spacing:0;line-height:1.15;font-variant-numeric:tabular-nums}
.od-col{display:inline-block;height:1.15em;overflow:hidden;padding:0 .015em;margin:0 -.015em}
.od-strip{display:flex;flex-direction:column;will-change:transform}
.od-strip span{display:block;height:1.15em;line-height:1.15;text-align:center}
.odo .sep{display:inline-block;color:var(--ink);margin:0 -.02em}
.odo .plus{display:inline-block;color:var(--orange)}
.odo-cap{position:relative;z-index:1;font-size:clamp(16px,1.8vw,22px);color:var(--muted);margin-top:12px}
.proof-line{position:absolute;left:0;top:18%;width:100%;height:clamp(140px,22vw,300px);overflow:visible;pointer-events:none}
.proof-line path{fill:none;stroke:var(--orange);stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.35}
.proof-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(56px,8vw,100px);text-align:left}
.ps{background:var(--cream);border-radius:24px;padding:30px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px}
.ps b{font-size:clamp(38px,4.4vw,60px);font-weight:800;letter-spacing:-.045em;line-height:1}
.ps b i{font-style:normal;color:var(--muted);font-weight:500}
.ps b em{color:var(--orange)}
.ps b small{font-size:.45em;color:var(--muted)}
.ps span{color:var(--muted);font-size:15px}

/* ============ QUICK MATH ============ */
.lift{padding:clamp(70px,8vw,120px) 0;background:var(--cream)}
.lift-in{display:grid;grid-template-columns:1fr minmax(0,520px);gap:clamp(30px,6vw,90px);align-items:center}
.lift .section-sub b{color:var(--ink)}
.lift-card{position:relative;background:var(--paper);border-radius:28px;padding:clamp(22px,2.6vw,32px);box-shadow:var(--shadow),0 0 0 1px rgba(255,255,255,.7) inset;transform-style:preserve-3d}
.lc-q{font-size:14px;font-weight:700;color:var(--muted);letter-spacing:.02em}
.lc-pills{display:flex;gap:6px;margin-top:12px;padding:5px;border-radius:16px;background:var(--cream)}
.lc-pills button{flex:1;height:42px;border-radius:12px;font-weight:700;font-size:15px;color:var(--ink-2);transition:background .3s var(--ease),color .3s,box-shadow .3s}
.lc-pills button:hover{background:rgba(255,255,255,.6)}
.lc-pills button.on{background:var(--ink);color:var(--paper);box-shadow:0 10px 20px -10px rgba(0,0,0,.6)}
.lc-out{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.lc-out div{border-radius:18px;padding:16px 18px;background:#fff8ef;border:1px solid var(--line)}
.lc-out span{display:block;font-size:12.5px;color:var(--muted);font-weight:600}
.lc-out b{display:block;margin-top:4px;font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-.045em;line-height:1.05;font-variant-numeric:tabular-nums}
.lc-out .money{background:linear-gradient(160deg,rgba(31,170,89,.12),rgba(31,170,89,.04));border-color:rgba(31,170,89,.3)}
.lc-out .money b{color:var(--green)}
.lc-note{margin-top:14px;font-size:12.5px;color:var(--muted)}

/* ============ PRICING ============ */
.pricing{padding:clamp(80px,10vw,140px) 0;background:var(--paper)}
.tier-top{position:relative;margin-top:56px;border-radius:34px;overflow:visible;
  background:linear-gradient(160deg,#124A2E 0%,#0A2A1A 45%,#06160E 100%);color:var(--paper);box-shadow:0 60px 120px -40px rgba(31,170,89,.6)}
.tier-top::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(60% 60% at 0% 0%,rgba(61,220,132,.24),transparent 70%),radial-gradient(50% 60% at 100% 100%,rgba(255,174,26,.1),transparent 70%)}
.tt-offer{position:relative;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px clamp(22px,4vw,48px);border-bottom:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.18);border-radius:34px 34px 0 0;font-size:14px;color:rgba(251,246,238,.75)}
.tt-offer b{color:var(--amber);font-weight:700}
.tt-live{width:8px;height:8px;border-radius:50%;background:var(--green-2);box-shadow:0 0 0 0 rgba(61,220,132,.6);animation:livePulse 2s infinite;flex:none}
@keyframes livePulse{70%{box-shadow:0 0 0 9px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
.tt-count{margin-left:auto;font-size:12.5px;font-weight:700;padding:5px 11px;border-radius:99px;background:rgba(255,174,26,.14);color:var(--amber);font-variant-numeric:tabular-nums}
.tt-count:empty{display:none}
.tt-main{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,4vw,56px);padding:clamp(26px,3.6vw,48px)}
.tt-left{position:relative;display:flex;flex-direction:column;align-items:flex-start}
.plan-badge{background:var(--grad);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:99px;box-shadow:0 10px 20px -8px rgba(255,77,18,.9);margin-bottom:18px}
.tier-top h3{font-size:clamp(36px,4.2vw,58px);font-weight:800;letter-spacing:-.045em;line-height:1}
.tt-desc{color:rgba(251,246,238,.62);margin-top:12px;max-width:34ch;font-size:15px}
.price{margin:24px 0 4px;display:flex;align-items:baseline;gap:6px}
.price b{font-size:clamp(44px,4.4vw,60px);font-weight:800;letter-spacing:-.05em;line-height:1}
.price span{color:var(--muted);font-weight:500;font-size:15px}
.tier-top .price b{font-size:clamp(60px,6.4vw,96px);background:linear-gradient(180deg,#fff,#BFF5D4);-webkit-background-clip:text;background-clip:text;color:transparent}
.tier-top .price span{color:rgba(251,246,238,.6)}
.per{font-size:12.5px;color:var(--muted);font-weight:600}
.tier-top .per{color:var(--green-2);margin-bottom:26px;max-width:34ch}
.tt-right{position:relative;display:flex;flex-direction:column;justify-content:center}
.tt-big{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:24px 28px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.1)}
.tt-big li{display:grid;grid-template-columns:42px 1fr;column-gap:14px;align-items:start}
.tt-ic{grid-row:span 2;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,rgba(61,220,132,.35),rgba(61,220,132,.1));box-shadow:0 0 0 1px rgba(61,220,132,.35) inset,0 8px 20px -8px rgba(61,220,132,.6)}
.tt-ic svg{width:20px;height:20px;fill:none;stroke:#7CF0AE;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tt-big b{display:block;font-size:clamp(18px,1.7vw,22px);font-weight:800;letter-spacing:-.025em;line-height:1.15}
.tt-big span{display:block;margin-top:3px;font-size:13px;color:rgba(251,246,238,.55)}
.tt-also{margin:20px 0 10px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(251,246,238,.42)}
.tt-small{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;font-size:13.5px;color:rgba(251,246,238,.72)}
.tt-small li{display:flex;align-items:center;gap:8px}
.tt-small svg,.finale-perks svg{width:15px;height:15px;flex:none;fill:none;stroke:var(--green-2);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.tiers-sm{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;margin-top:16px;align-items:stretch}
.tier{position:relative;display:flex;flex-direction:column;background:linear-gradient(165deg,#FFFDF9,#FFF4E8);border-radius:28px;padding:28px 30px 30px;border:1.5px solid rgba(255,122,46,.28);box-shadow:0 30px 60px -32px rgba(200,90,20,.45),0 1px 0 #fff inset}
.tier-mid{background:radial-gradient(80% 60% at 0% 0%,rgba(255,214,102,.55),transparent 70%),linear-gradient(165deg,#FFF6DC 0%,#FBE6B4 100%);border:1.5px solid rgba(232,170,20,.5);box-shadow:0 30px 60px -30px rgba(214,150,0,.5),var(--shadow)}
.tier-mid .tier-tag{background:rgba(232,160,0,.18);color:#9A6400}
.tier-mid .ticks li::before{background-color:#E9A100}
.tier-mid .tier-desc{color:#7A6440}
.tier-mid .btn-dark{background:linear-gradient(135deg,#FFD45E,#F2A900);color:#2B1C00;box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 14px 30px -12px rgba(214,150,0,.8)}
.tier.tier-mid::after{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,214,102,.35),transparent 60%)}
.tier-tag{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:99px;background:rgba(255,77,18,.12);color:var(--orange);margin-bottom:14px}
.tier-tag.soft{background:rgba(255,77,18,.1);color:var(--orange)}
.tier h3{font-size:24px;font-weight:700;letter-spacing:-.02em}
.tier .price{margin:8px 0 0}
.tier .price b{font-size:clamp(40px,3.8vw,52px)}
.tier-desc{color:var(--muted);margin-top:6px;font-size:14px}
.ticks{list-style:none;margin-top:18px;display:grid;gap:8px;font-size:14px;color:var(--ink-2)}
.ticks li{position:relative;padding-left:26px}
.ticks li b{color:var(--ink);font-size:15.5px}
.ticks li::before{content:"";position:absolute;left:0;top:3px;width:17px;height:17px;border-radius:6px;background:var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat}
.tier .ticks{margin:18px 0 24px;flex:1;align-content:start}
.plans-foot{margin-top:30px;text-align:center;color:var(--muted);font-size:13.5px}

/* ============ REVIEWS ============ */
.wall{position:relative;background:var(--espresso);color:var(--paper);padding:clamp(100px,12vw,160px) 0 clamp(60px,8vw,110px);overflow:hidden;
  background-image:radial-gradient(60% 40% at 50% 20%,rgba(255,174,26,.12),transparent 70%)}
.wall .eyebrow{text-align:center}
.wall-quote{max-width:1000px;margin:8px auto 0;text-align:center}
.wall-quote .stars{color:var(--amber);font-size:20px;letter-spacing:5px;margin-bottom:20px}
.wall-quote blockquote{font-size:clamp(26px,3.8vw,54px);line-height:1.12;font-weight:700;letter-spacing:-.03em}
.wall-quote blockquote em{color:var(--amber)}
.wall-quote figcaption{margin-top:24px;display:inline-flex;align-items:center;gap:10px;color:rgba(251,246,238,.6);font-size:15px;font-weight:600}
.rv-stage{position:relative;max-width:1240px;margin:clamp(56px,7vw,96px) auto 0;padding:0 var(--gutter);perspective:1400px;
  -webkit-mask:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);mask:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent)}
.rv-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start;transform-style:preserve-3d;transform-origin:50% 0}
.rv-col{display:grid;gap:16px;will-change:transform}
.rv-col:nth-child(2){margin-top:70px}
.rv{margin:0;background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:14px;
  transition:border-color .3s,transform .4s var(--ease),background .3s}
.rv:hover{border-color:rgba(255,174,26,.4);background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.04));transform:translateY(-4px)}
.rv-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rv .stars{color:var(--amber);font-size:14px;letter-spacing:2px}
.rv .score{font-weight:800;font-size:14px;padding:3px 9px;border-radius:8px;background:rgba(255,174,26,.14);color:var(--amber)}
.rv blockquote{font-size:15.5px;color:rgba(251,246,238,.86);line-height:1.55}
.rv figcaption{display:flex;align-items:center;gap:11px;font-weight:700;font-size:14.5px}
.rv figcaption small{display:block;font-weight:500;font-size:12px;color:rgba(251,246,238,.48)}
img.av{object-fit:cover;background:#333}
.av{width:38px;height:38px;border-radius:50%;flex:none;background:linear-gradient(135deg,var(--a,#888),var(--b,#555));color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800;letter-spacing:.02em;
  box-shadow:0 0 0 2px rgba(255,255,255,.12),0 8px 16px -8px rgba(0,0,0,.8);text-shadow:0 1px 2px rgba(0,0,0,.25)}

/* ============ HOW IT STARTS ============ */
.start{background:var(--espresso);color:var(--paper);padding:clamp(70px,9vw,130px) 0 clamp(30px,4vw,60px)}
.start-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:60px}
.start-line{position:absolute;left:0;top:13px;width:100%;height:20px;overflow:visible}
.start-line path{stroke:var(--orange);stroke-width:2;fill:none;vector-effect:non-scaling-stroke;stroke-dasharray:6 8;opacity:.7}
.ss{position:relative}
.ss span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--grad);font-weight:800;font-size:15px;color:#fff;box-shadow:0 0 0 8px var(--espresso),0 14px 30px -10px rgba(255,77,18,.8)}
.ss h3{font-size:clamp(22px,2.4vw,30px);font-weight:700;letter-spacing:-.025em;margin-top:22px}
.ss p{color:rgba(251,246,238,.62);margin-top:6px;max-width:30ch}

/* ============ FINALE ============ */
.finale{position:relative;min-height:100vh;min-height:100svh;background:var(--espresso);color:var(--paper);overflow:hidden;display:flex;flex-direction:column}
#finaleCanvas{position:absolute;inset:0;width:100%;height:100%}
.finale-glow{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,rgba(24,16,11,.82) 0%,rgba(24,16,11,.62) 38%,rgba(24,16,11,.38) 62%,rgba(24,16,11,.55) 100%),linear-gradient(180deg,rgba(24,16,11,.55),transparent 22%,transparent 78%,rgba(24,16,11,.75))}
@media (max-width:980px){.finale-glow{background:rgba(24,16,11,.66)}}
.finale-copy{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px var(--gutter) 60px}
.finale-copy h2{font-size:clamp(40px,7.4vw,112px);line-height:.95;font-weight:800;letter-spacing:-.045em}

.finale-status{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;padding:8px 16px;border-radius:99px;margin-bottom:26px;
  background:rgba(251,246,238,.07);border:1px solid rgba(251,246,238,.14);color:rgba(251,246,238,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.finale-perks{list-style:none;display:flex;gap:10px 26px;flex-wrap:wrap;justify-content:center;margin-top:26px;font-size:14px;font-weight:600;color:rgba(251,246,238,.7)}
.finale-perks li{display:flex;align-items:center;gap:8px}
.finale-perks svg{stroke:var(--green-2)}
.contact-row{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap;justify-content:center}
.contact-btn{display:flex;align-items:center;gap:14px;padding:16px 30px 16px 16px;min-width:270px;border-radius:20px;text-align:left;
  background:rgba(251,246,238,.08);border:1px solid rgba(251,246,238,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  transition:transform .3s var(--ease),background .3s}
.contact-btn:hover{transform:translateY(-3px);background:rgba(251,246,238,.14)}
.contact-btn.discord{background:linear-gradient(135deg,rgba(88,101,242,.3),rgba(88,101,242,.1));border-color:rgba(130,140,255,.45)}
.contact-btn.email{background:linear-gradient(135deg,rgba(255,77,18,.3),rgba(255,77,18,.08));border-color:rgba(255,122,46,.5)}
.contact-btn svg{width:44px;height:44px;padding:10px;border-radius:13px;flex:none}
.contact-btn.discord svg{background:#5865F2;fill:#fff}
.contact-btn.email svg{background:var(--grad);fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.contact-btn span{display:flex;flex-direction:column;font-weight:700;font-size:18px;line-height:1.2}
.contact-btn small{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(251,246,238,.55)}
.foot{position:relative;z-index:2;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:22px var(--gutter);font-size:13px;color:rgba(251,246,238,.45);border-top:1px solid rgba(251,246,238,.08)}

/* ============ LIGHTBOX / TOAST ============ */
.lightbox{border:0;padding:0;background:transparent;max-width:min(1280px,94vw);margin:auto;overflow:visible}
.lightbox::backdrop{background:rgba(20,13,9,.9);backdrop-filter:blur(6px)}
.lightbox img{width:100%;max-height:78vh;object-fit:contain;border-radius:14px;box-shadow:0 40px 100px -20px #000}
.lb-close{position:absolute;top:-48px;right:0;width:40px;height:40px;border-radius:50%;background:var(--paper);color:var(--ink);font-size:16px;font-weight:700}
.lb-bar{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:16px;color:var(--paper)}
.lb-nav{width:46px;height:46px;border-radius:50%;background:rgba(251,246,238,.12);color:var(--paper);font-size:18px;font-weight:700;border:1px solid rgba(251,246,238,.2);transition:background .2s}
.lb-nav:hover{background:var(--orange);border-color:var(--orange)}
.lb-count{font-size:13px;letter-spacing:.08em;color:rgba(251,246,238,.7);font-variant-numeric:tabular-nums;min-width:200px;text-align:center}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);opacity:0;z-index:300;background:var(--ink);color:var(--paper);padding:14px 22px;border-radius:14px;font-weight:600;font-size:15px;transition:all .4s var(--ease);pointer-events:none;box-shadow:0 20px 40px -14px rgba(0,0,0,.5);max-width:calc(100% - 32px);text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* ============ POLISH ============ */
.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:150;pointer-events:none}
.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--amber),var(--orange));transform-origin:0 50%;transform:scaleX(0)}
.btn.mag,.contact-btn.mag{transition-property:box-shadow,background,color,border-color}
.btn.mag:hover,.contact-btn.mag:hover{transform:none}
.tier::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,174,26,.18),transparent 60%)}
.tier:hover::after{opacity:1}
.tt-ring{position:absolute;inset:-2px;border-radius:36px;padding:2px;pointer-events:none;overflow:hidden;z-index:1;container-type:size;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.tt-ring::before{content:"";position:absolute;left:50%;top:50%;width:150cqmax;height:150cqmax;margin:-75cqmax 0 0 -75cqmax;
  background:conic-gradient(rgba(61,220,132,.35),#3DDC84 12%,#D7FBE6 18%,#3DDC84 24%,rgba(61,220,132,.35) 40%,rgba(61,220,132,.35) 60%,#FFC94D 72%,rgba(61,220,132,.35) 84%);
  animation:ringSpin 7s linear infinite;will-change:transform}
@keyframes ringSpin{to{transform:rotate(1turn)}}
.tier-top .plan-badge{background:linear-gradient(135deg,#4BE38E,#1FAA59);color:#04210F;box-shadow:0 10px 20px -8px rgba(31,170,89,.9)}
.tier-top .btn-orange{position:relative;overflow:hidden;background:linear-gradient(135deg,#5CEB9C,#22B862 55%,#169A4E);color:#03200E;box-shadow:0 1px 0 rgba(255,255,255,.45) inset,0 16px 36px -10px rgba(31,170,89,.8),0 0 0 1px rgba(20,140,70,.5)}
.tier-top .btn-orange:hover{box-shadow:0 1px 0 rgba(255,255,255,.45) inset,0 22px 46px -10px rgba(31,170,89,.95),0 0 0 1px rgba(20,140,70,.5)}
.tier-top .btn-orange::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%) -200% 0/200% 100% no-repeat;animation:sweep 3.2s ease-in-out infinite}

/* ============ RESPONSIVE ============ */
@media (max-width:1100px){
  .hero-order h1{font-size:clamp(42px,5.9vw,74px)}
  .hero-stats span{font-size:11.5px}
  .uploads .up:nth-child(3){display:none}
}
@media (max-width:980px){
  .pipe-list{display:none}
  .pc{grid-template-columns:1fr;align-content:start;height:min(640px,calc(100% - 30px))}
  .pc-vis{height:auto;min-height:220px}
  .proof-stats{grid-template-columns:1fr 1fr}
  .lift-in{grid-template-columns:1fr}
  .tt-main{grid-template-columns:1fr}
  .tiers-sm{grid-template-columns:1fr}
  .rv-cols{grid-template-columns:1fr 1fr}
  .rv-col:empty{display:none}
}
@media (max-width:760px){
  .hero-order{grid-template-columns:1fr;align-content:center;gap:22px;padding-top:88px}
  .ho-copy{align-items:center;text-align:center}
  .cta-row{justify-content:center}
  .dash{max-width:560px;width:100%;justify-self:center}
  .uploads{display:none}
}
@media (max-width:640px){
  body{font-size:16px}
  .nav{height:56px;top:10px}
  .hero{height:210vh}
  .hero-halo{height:60vh}
  .intro-title{font-size:clamp(44px,13vw,60px)}
  .intro-sub{font-size:15px}
  .intro-sub br{display:none}
  .pill{font-size:11.5px;padding:6px 12px 6px 10px}
  .hero-order{padding:72px 16px 16px;gap:14px}
  .hero-order .pill{display:none}
  .hero-order h1{margin-top:0;font-size:clamp(38px,11.2vw,54px)}
  .lede{font-size:14.5px;margin-top:12px}
  .cta-row{margin-top:16px}
  .cta-row .btn{height:48px;padding:0 20px;font-size:15px}
  .hero-stats{gap:10px;margin-top:16px;padding:12px}
  .hero-stats b{font-size:22px}
  .hero-stats span{font-size:10.5px}
  .dash{padding:12px;border-radius:18px}
  .dash .dash-top,.dash .dash-sub{display:none}
  .kpis{margin-top:0;gap:6px}
  .kpi{padding:8px 9px;border-radius:12px}
  .kpi b{font-size:19px}
  .kpi span,.kpi em{font-size:10.5px}
  .dash-chart{height:46px;margin-top:8px}
  .chip{font-size:11.5px;padding:7px 10px 7px 8px;gap:6px}
  .chip i{font-size:13px}
  .cc-badge{font-size:10px;padding:3px 6px;top:-10px;left:5px}
  .cc-badge svg{width:20px;height:10px}
  .work-head,.pipe-head{flex-direction:column;align-items:flex-start}
  .frame-counter{align-items:baseline;flex-direction:row;gap:14px}
  .fc-num b{font-size:30px}
  .fr{padding:18px 3px}
  .fr::before,.fr::after{height:9px}
  .fr::before{top:5px}.fr::after{bottom:5px}
  .fr .sheen{inset:18px 3px}
  .pc{padding:22px;border-radius:24px;gap:14px}
  .pc h3{font-size:30px;margin:8px 0}
  .pc p{font-size:14.5px}
  .pc-ticks{display:none}
  .pc-vis{min-height:190px;gap:8px}
  .vt-row{padding:10px 12px;font-size:13px}
  .vt-row.good{font-size:14px;padding:12px}
  .vs-search{font-size:13px;padding:11px 14px}
  .vs-result img{width:90px}
  .vc-grid i{height:34px;font-size:9px}
  .vi{padding:10px 12px;font-size:13px}
  .sh-long{width:40%;top:0}
  .sh-tag{font-size:9.5px;padding:3px 7px;bottom:-9px}
  .sh-to{display:none}
  .sh-phones{width:74%;height:100%}
  .ph{border-width:3px;border-radius:14px}
  .ph-rail,.ph-top{display:none}
  .ph-views{top:7px;left:6px;font-size:8.5px;padding:2px 5px}
  .ph-cap{font-size:9px;left:6px;right:6px;bottom:8px}
  .ph-cap b{display:none}
  .ps{padding:22px}
  .proof-stats{grid-template-columns:1fr}
  .lc-pills button{font-size:13.5px;height:40px}
  .lc-out{grid-template-columns:1fr}
  .tt-main{padding:24px 22px 26px}
  .tt-offer{padding:12px 22px;font-size:13px}
  .tt-count{margin-left:0}
  .tt-big b{font-size:16.5px}
  .tt-big{grid-template-columns:1fr;gap:16px}
  .tt-ic{width:36px;height:36px}
  .tt-big li{grid-template-columns:36px 1fr}
  .tt-small{grid-template-columns:1fr}
  .tier{padding:24px}
  .rv-stage{-webkit-mask:none;mask:none;padding:0}
  .rv-cols{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 16px 16px;scrollbar-width:none}
  .rv-cols::-webkit-scrollbar{display:none}
  .rv-col{display:contents}
  .rv-col:nth-child(3){display:contents}
  .rv{flex:none;width:82vw;scroll-snap-align:center}
  .finale-perks{gap:8px 16px;font-size:13px}
  .start-steps{grid-template-columns:1fr;gap:30px}
  .start-line{display:none}
  .contact-btn{width:100%}
  .foot{justify-content:center;text-align:center}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

.nm-claim{color:var(--orange)}

/* ============ CONTACT FORM ============ */
.finale-copy{display:grid!important;grid-template-columns:1fr minmax(0,500px);gap:clamp(30px,5vw,70px);align-items:center;text-align:left!important;max-width:1240px;margin:0 auto;width:100%}
.fc-left{display:flex;flex-direction:column;align-items:flex-start}
.finale-copy h2{font-size:clamp(40px,5.6vw,88px)}
.finale-perks{justify-content:flex-start}
.fc-alt{margin-top:30px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(251,246,238,.5)}
.fc-left .contact-row{justify-content:flex-start;margin-top:12px}
.fc-left .contact-btn{min-width:0;padding:12px 22px 12px 12px}
.fc-left .contact-btn svg{width:38px;height:38px;padding:9px}
.fc-left .contact-btn span{font-size:16px}
.cform{position:relative;display:grid;gap:14px;padding:clamp(22px,2.6vw,32px);border-radius:28px;text-align:left;
  background:linear-gradient(160deg,rgba(46,32,22,.92),rgba(20,13,9,.94));border:1px solid rgba(255,255,255,.1);
  box-shadow:0 60px 120px -40px rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.08) inset;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.cform::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(140deg,rgba(255,122,46,.75),transparent 40%,transparent 70%,rgba(255,174,26,.4));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.cform h3{font-size:clamp(24px,2.4vw,30px);font-weight:800;letter-spacing:-.03em;line-height:1.1}
.cf-sub{font-size:14px;color:rgba(251,246,238,.55);margin-top:-8px}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cf-field{display:grid;gap:6px}
.cf-field > span,.cf-plans legend{font-size:12.5px;font-weight:700;color:rgba(251,246,238,.62)}
.cf-field i{font-style:normal;font-weight:500;opacity:.7}
.cf-field input,.cf-field textarea{width:100%;font:inherit;font-size:15px;color:var(--paper);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 14px;outline:none;transition:border-color .2s,background .2s,box-shadow .2s;resize:vertical}
.cf-field input::placeholder,.cf-field textarea::placeholder{color:rgba(251,246,238,.32)}
.cf-field input:focus,.cf-field textarea:focus{border-color:var(--orange-2);background:rgba(255,255,255,.09);box-shadow:0 0 0 4px rgba(255,122,46,.15)}
.cf-field.bad input{border-color:#FF6B5E;box-shadow:0 0 0 4px rgba(229,53,43,.15)}
.cf-plans{border:0;display:flex;flex-wrap:wrap;gap:6px}
.cf-plans legend{margin-bottom:6px;padding:0}
.cf-plans label{cursor:pointer}
.cf-plans input{position:absolute;opacity:0;pointer-events:none}
.cf-plans span{display:inline-block;font-size:13px;font-weight:700;padding:8px 13px;border-radius:99px;border:1px solid rgba(255,255,255,.14);color:rgba(251,246,238,.72);transition:all .25s var(--ease)}
.cf-plans label:hover span{border-color:rgba(255,174,26,.5)}
.cf-plans input:checked + span{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 8px 18px -8px rgba(255,77,18,.8)}
.cf-plans input:focus-visible + span{outline:2px solid var(--amber);outline-offset:2px}
.cf-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.cf-send{margin-top:4px}
.cf-send[disabled]{opacity:.7;cursor:wait}
.cf-status{font-size:14px;font-weight:600;min-height:1.2em;color:rgba(251,246,238,.7)}
.cf-status.ok{color:var(--green-2)}
.cf-status.err{color:#FF8A80}
.cform.sent .cf-row,.cform.sent .cf-field,.cform.sent .cf-plans,.cform.sent .cf-send{display:none}
.cform.sent .cf-status{font-size:17px;line-height:1.45}
@media (max-width:980px){
  .finale-copy{grid-template-columns:1fr}
}
@media (max-width:640px){
  .cf-row{grid-template-columns:1fr}
  .fc-left .contact-btn{width:100%}
  .finale-copy{padding-top:100px}
}

/* line-mask title reveal (replaces the 3D flip) */
.section-title .ln{display:block;overflow:hidden;padding:0 .06em .14em 0;margin-bottom:-.14em}
.section-title .ln-in{display:block;will-change:transform}

.tier-emo{display:inline-block;font-size:.8em;margin-left:.15em;vertical-align:.06em;filter:drop-shadow(0 4px 8px rgba(0,0,0,.18))}
.tier-top h3 .tier-emo{font-size:.7em;filter:drop-shadow(0 6px 14px rgba(255,200,60,.35))}