:root {
  --ink: #f6faf2;
  --muted: #bac5b6;
  --dim: #859181;
  --night: #050806;
  --panel: #090e0a;
  --panel-2: #0d130e;
  --line: #263528;
  --lime: #adff45;
  --lime-soft: #d7ff9e;
  --cyan: #58f2c7;
  --violet: #a983ff;
  --red: #ff6c54;
  --font-body: var(--font-geist-sans), Inter, system-ui, sans-serif;
  --font-mono: var(--font-geist-mono), ui-monospace, monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--night); color: var(--ink); font-family: var(--font-body); font-size: 17px; font-weight: 450; line-height: 1.65; letter-spacing: -.006em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, summary { font: inherit; }
::selection { background: var(--lime); color: var(--night); }

.container { width: min(1160px, calc(100% - 40px)); margin-inline: auto; position: relative; }
.narrow { width: min(820px, calc(100% - 40px)); }
.section { padding: 112px 0; position: relative; overflow: hidden; border-top: 1px solid var(--line); }
.dark-panel { background: #070b08; }
.center { text-align: center; }
.grid-bg { background-image: linear-gradient(rgba(90,130,82,.065) 1px, transparent 1px), linear-gradient(90deg, rgba(90,130,82,.065) 1px, transparent 1px); background-size: 72px 72px; }
.grid-bg:after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 50% 30%, transparent 0, rgba(5,8,6,.3) 46%, var(--night) 82%); }
.grid-bg > * { z-index: 1; }

.site-header { height: 76px; position: sticky; z-index: 50; top: 0; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 max(24px, calc((100vw - 1160px)/2)); background: rgba(5,8,6,.88); border-bottom: 1px solid var(--line); backdrop-filter: blur(18px); }
.brand { justify-self: start; display: inline-flex; align-items: center; gap: 10px; }
.brand > span { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(173,255,69,.55); border-radius: 12px; font-weight: 950; font-size: 21px; color: var(--night); background: var(--lime); box-shadow: 0 0 24px rgba(173,255,69,.17); transform: rotate(-4deg); }
.brand b { font-size: 14px; line-height: 11px; letter-spacing: -.4px; }
.brand em { color: var(--lime); font-style: normal; }
.site-header nav { display: flex; gap: 34px; }
.site-header nav a, .site-footer nav a { color: var(--muted); font: 600 11px/1 var(--font-mono); letter-spacing: .15em; text-transform: uppercase; transition: color .2s; }
.site-header nav a:hover, .site-footer nav a:hover { color: var(--lime); }
.nav-cta { justify-self: end; padding: 10px 16px !important; font-size: 12px !important; border-radius: 8px !important; }

.cta { display: inline-flex; align-items: center; justify-content: center; gap: 22px; padding: 17px 25px; border: 1px solid var(--lime); border-radius: 11px; background: var(--lime); color: #0a1206; font-weight: 850; letter-spacing: -.02em; box-shadow: 0 0 0 rgba(173,255,69,0); transition: transform .2s, box-shadow .2s, background .2s; }
.cta:hover { transform: translateY(-2px); box-shadow: 0 12px 36px rgba(173,255,69,.18); background: #c3ff76; }
.cta span { font-size: 18px; }

.hero { min-height: 100vh; padding: 74px 0 86px; text-align: center; }
.orb { position: absolute; border-radius: 50%; filter: blur(90px); opacity: .16; }
.orb-one { width: 420px; height: 420px; background: var(--lime); left: -180px; top: 100px; }
.orb-two { width: 300px; height: 300px; background: var(--violet); right: -100px; top: 410px; }
.hero-copy { z-index: 2; }
.eyebrow { margin: 0 0 22px; color: #aebaa7; font: 600 12px/1.6 var(--font-mono); letter-spacing: .16em; text-transform: uppercase; }
.eyebrow span { color: var(--lime); margin-right: 5px; }
.eyebrow i { display: inline-block; width: 7px; height: 13px; margin-left: 5px; background: var(--lime); vertical-align: -2px; animation: blink 1.2s steps(1) infinite; }
@keyframes blink { 50% { opacity: 0; } }
h1, h2, h3, p { text-wrap: pretty; }
h1 { max-width: 1100px; margin: 0 auto 24px; font-size: clamp(55px, 7.2vw, 104px); line-height: .92; letter-spacing: -.065em; font-weight: 950; }
h1 span, h2 span { color: var(--lime); }
h2 { margin: 0 0 30px; font-size: clamp(44px, 5.5vw, 74px); line-height: .98; letter-spacing: -.055em; font-weight: 920; }
h3 { letter-spacing: -.035em; }
.lede { max-width: 820px; margin: 0 auto 24px; color: #b4beb0; font-size: clamp(18px, 2vw, 22px); line-height: 1.6; }
.pill-row { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-bottom: 36px; }
.pill-row span { padding: 8px 13px; border: 1px solid #264229; border-radius: 7px; background: rgba(9,18,10,.72); color: #9bdaa7; font: 500 12px/1 var(--font-mono); }
.micro-trust { color: #778272; font: 500 11px/1.5 var(--font-mono); letter-spacing: .04em; }

.demo-frame { width: min(960px, 100%); margin: 0 auto 30px; overflow: hidden; border: 1px solid #28422c; border-radius: 15px; background: #070b08; text-align: left; box-shadow: 0 36px 100px rgba(0,0,0,.45), 0 0 55px rgba(173,255,69,.055); }
.demo-bar { display: flex; align-items: center; gap: 10px; padding: 11px 14px; border-bottom: 1px solid #1e3020; color: #73816f; font: 600 10px/1 var(--font-mono); letter-spacing: .08em; }
.demo-bar b { margin-left: auto; color: #ff745c; font-size: 9px; }
.demo-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 12px var(--lime); }
.demo-stage { min-height: 400px; position: relative; display: flex; align-items: center; justify-content: center; gap: 24px; padding: 28px; background: radial-gradient(circle at 50% 35%, rgba(84,135,75,.16), transparent 45%), repeating-linear-gradient(90deg, transparent 0 47px, rgba(120,160,110,.035) 48px), #050806; }
.output-shot { position: absolute; inset: 0; margin: 0; overflow: hidden; background: #050806; }
.output-shot img { width: 100%; height: 100%; display: block; object-fit: cover; }
.output-shot:after { content: ""; position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), inset 0 -55px 70px rgba(5,8,6,.32); }
.output-shot figcaption { position: absolute; z-index: 1; right: 13px; bottom: 12px; padding: 7px 9px; border: 1px solid rgba(173,255,69,.33); border-radius: 5px; background: rgba(5,8,6,.82); color: #b7c5b2; font: 600 8px/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; backdrop-filter: blur(10px); }
.demo-frame > p { display: flex; justify-content: space-between; margin: 0; padding: 13px 16px; color: var(--ink); font: 600 11px/1.3 var(--font-mono); text-transform: uppercase; letter-spacing: .08em; }
.demo-frame > p span { color: #566052; font-weight: 500; text-transform: none; letter-spacing: 0; }
.clip { width: 34%; aspect-ratio: 9/11; position: relative; display: flex; flex-direction: column; justify-content: flex-end; padding: 22px; border: 1px solid #344537; border-radius: 11px; overflow: hidden; color: var(--ink); }
.clip:before { content: ""; position: absolute; inset: 0; opacity: .72; }
.clip.raw:before { background: radial-gradient(circle at 50% 35%, #38443b 0 16%, transparent 17%), linear-gradient(155deg,#111a13 35%,#29362c 36% 60%,#0b100c 61%); }
.clip.styled:before { background: radial-gradient(circle at 50% 31%, #ddffad 0 13%, #213322 14% 16%, transparent 17%), conic-gradient(from 240deg at 50% 55%, #111a13,#415427,#7967c3,#0b2521,#111a13); }
.clip > * { position: relative; z-index: 1; }
.clip small { margin-bottom: auto; color: #b6c4b1; font: 600 9px/1 var(--font-mono); }
.clip strong { font-size: clamp(18px, 3vw, 31px); line-height: .9; letter-spacing: -.06em; }
.clip em { color: var(--lime); font-style: normal; }
.caption-line { display: inline-block; width: max-content; max-width: 100%; margin-top: 15px; padding: 5px 7px; background: var(--lime); color: #081005; font: 800 8px/1 var(--font-mono); }
.flow-arrow { color: var(--lime); font-size: 30px; }
.play { cursor: pointer; position: absolute; left: 50%; top: 50%; width: 68px; height: 68px; transform: translate(-50%,-50%); border: 1px solid rgba(255,255,255,.65); border-radius: 50%; background: rgba(173,255,69,.92); color: #0a1206; box-shadow: 0 0 45px rgba(173,255,69,.25); }
.play span { margin-left: 3px; }
.montage { display: grid; width: 90%; grid-template-columns: repeat(4,1fr); gap: 10px; }
.montage div { display: flex; align-items: flex-end; min-height: 300px; padding: 15px; border: 1px solid #314033; border-radius: 9px; background: linear-gradient(160deg, transparent 40%, rgba(173,255,69,.35)), radial-gradient(circle at 50% 32%, #667260 0 14%, transparent 15%), #111712; color: #dbe7d6; font: 600 10px/1 var(--font-mono); }
.montage div:nth-child(2) { background-color: #19142a; filter: hue-rotate(50deg); }.montage div:nth-child(3) { background-color: #182124; filter: hue-rotate(120deg); }.montage div:nth-child(4) { background-color: #241710; filter: sepia(.4); }
.timeline { width: 27%; height: 220px; display: flex; flex-direction: column; justify-content: center; gap: 9px; padding: 22px; border: 1px solid #203123; border-radius: 9px; }
.timeline span { height: 18px; border-radius: 3px; background: #1a2a1c; }.timeline span:nth-child(2),.timeline span:nth-child(4){width:70%;background:#38583b}.timeline span:nth-child(3){width:88%;background:var(--lime)}
.short-grid { width: 62%; display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }
.short-grid div { aspect-ratio: 9/16; display: flex; flex-direction: column; padding: 10px; border: 1px solid #2e4031; border-radius: 7px; background: radial-gradient(circle at 50% 30%, #4b5c4c 0 13%, transparent 14%), linear-gradient(150deg,#111a13,#19271b); }
.short-grid small { color: var(--lime); font: 500 8px/1 var(--font-mono); }.short-grid strong { margin: auto 0 5px; font-size: 15px; }.short-grid span { padding: 3px; background: var(--lime); color: #0b100c; font: 800 6px/1 var(--font-mono); }

.ticker { overflow: hidden; border-block: 1px solid #29402b; background: var(--lime); color: #081005; }
.ticker div { width: max-content; display: flex; gap: 45px; padding: 13px 0; animation: marquee 24s linear infinite; }
.ticker span { font: 800 11px/1 var(--font-mono); letter-spacing: .12em; }
@keyframes marquee { to { transform: translateX(-30%); } }

.shift { background: radial-gradient(circle at 85% 12%, rgba(173,255,69,.08), transparent 30%); text-align: center; }
.big-copy { color: #b3beb0; font-size: clamp(19px,2.2vw,26px); line-height: 1.58; }
.shift blockquote { margin: 58px 0 0; padding: 34px 44px; border: 1px solid #385b3b; border-radius: 14px; background: linear-gradient(110deg,rgba(173,255,69,.09),transparent); color: var(--ink); font-size: clamp(22px,3vw,34px); line-height: 1.25; letter-spacing: -.03em; font-weight: 760; }

.two-col { display: grid; grid-template-columns: 1.6fr .75fr; gap: 70px; align-items: end; }
.section-intro { color: #9ca696; font-size: 18px; line-height: 1.65; }
.pain { position: relative; overflow: hidden; background: radial-gradient(circle at 85% 12%,rgba(255,91,73,.09),transparent 28%),linear-gradient(180deg,#080b09,#070806); }
.pain:before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .3; background: linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px); background-size: 100% 7px; }
.pain-heading { position: relative; display: grid; grid-template-columns: 1.4fr .75fr; gap: 80px; align-items: end; }
.pain-heading h2 { max-width: 760px; margin-bottom: 0; font-size: clamp(50px,6.4vw,88px); line-height: .95; }
.pain-heading h2 span { color: #7b8578; }
.pain-thesis { position: relative; padding: 26px 26px 28px; border-top: 1px solid #755047; border-bottom: 1px solid #332725; background: linear-gradient(90deg,rgba(255,108,84,.06),transparent); }
.pain-thesis > span { color: var(--red); font: 700 10px/1 var(--font-mono); letter-spacing: .16em; }
.pain-thesis p { margin: 17px 0 0; color: #c7cec3; font-size: 19px; line-height: 1.6; }
.pain-thesis strong { color: #fff; font-weight: 740; }
.pain-thesis > div { display: flex; gap: 5px; margin-top: 24px; }.pain-thesis i { width: 34px; height: 4px; border-radius: 2px; background: #322c27; }.pain-thesis i:first-child { background: var(--red); }
.pain-grid { position: relative; display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin: 74px 0 0; counter-reset: drain; }
.pain-grid:before { content: ""; position: absolute; top: 54px; left: 8%; right: 8%; height: 1px; background: linear-gradient(90deg,transparent,#75423a,#75423a,transparent); }
.pain-grid article { min-height: 410px; position: relative; z-index: 1; display: flex; flex-direction: column; overflow: hidden; padding: 24px; border: 1px solid #392d29; border-radius: 14px; background: linear-gradient(155deg,#141411 0%,#0a0b09 58%); box-shadow: 0 28px 70px rgba(0,0,0,.28); transition: transform .25s ease,border-color .25s ease; }
.pain-grid article:nth-child(2) { transform: translateY(22px); }.pain-grid article:hover { transform: translateY(-7px); border-color: #755047; }.pain-grid article:nth-child(2):hover { transform: translateY(15px); }
.pain-grid article:after { content: ""; position: absolute; width: 180px; height: 180px; right: -88px; top: -95px; border: 1px solid rgba(255,108,84,.15); border-radius: 50%; box-shadow: 0 0 0 28px rgba(255,108,84,.025),0 0 0 56px rgba(255,108,84,.018); }
.drain-top { display: flex; align-items: center; justify-content: space-between; }.drain-top b { color: #667064; font: 600 12px/1 var(--font-mono); }.drain-top span { padding: 7px 9px; border: 1px solid rgba(255,108,84,.35); border-radius: 20px; color: var(--red); background: rgba(255,108,84,.045); font: 700 9px/1 var(--font-mono); letter-spacing: .12em; }
.drain-signal { height: 104px; display: flex; align-items: end; gap: 7px; margin: 30px 0 22px; padding-bottom: 14px; border-bottom: 1px solid #332b27; }.drain-signal i { width: 12px; height: 20%; border-radius: 2px 2px 0 0; background: #42342f; }.drain-signal i:nth-child(2) { height: 38%; }.drain-signal i:nth-child(3) { height: 62%; }.drain-signal i:nth-child(4) { height: 82%; }.drain-signal i:nth-child(5) { height: 100%; background: var(--red); box-shadow: 0 0 22px rgba(255,108,84,.22); }
.pain-grid article:nth-child(2) .drain-signal i:nth-child(4),.pain-grid article:nth-child(3) .drain-signal i:nth-child(3) { background: var(--red); }
.pain-grid h3 { margin: 0 0 12px; font-size: clamp(30px,3vw,40px); }.pain-grid p { margin: 0; color: #b6c0b2; font-size: 16px; line-height: 1.68; }
.pain-grid footer { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 24px; border-top: 1px solid #292c27; color: #737d70; font: 600 8px/1 var(--font-mono); letter-spacing: .1em; }.pain-grid footer b { color: #d3dbcf; font-size: 9px; }
.content-gap { position: relative; display: grid; grid-template-columns: 150px 1fr 55px; align-items: center; gap: 28px; margin-top: 62px; padding: 30px 34px; border: 1px solid #4b352f; border-radius: 12px; background: linear-gradient(90deg,rgba(255,108,84,.09),rgba(255,108,84,.025)); }.content-gap > span { color: var(--red); font: 700 10px/1 var(--font-mono); letter-spacing: .14em; }.content-gap p { margin: 0; color: #e0e5dc; font-size: clamp(20px,2.4vw,29px); line-height: 1.35; font-weight: 700; }.content-gap s { color: #737b70; }.content-gap strong { color: var(--red); }.content-gap > b { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--red); color: #190807; font-size: 20px; }

.case-files { position: relative; overflow: hidden; background: radial-gradient(circle at 14% 15%,rgba(173,255,69,.06),transparent 27%),linear-gradient(180deg,#090806,#0b0d09); }
.case-files:after { content: "WORKAROUND / FAILURE LOG / 03"; position: absolute; right: -36px; top: 245px; transform: rotate(90deg); color: #2f352d; font: 700 9px/1 var(--font-mono); letter-spacing: .18em; }
.case-heading { display: grid; grid-template-columns: 1.35fr .65fr; gap: 70px; align-items: end; }.case-heading h2 { margin-bottom: 0; font-size: clamp(52px,6.5vw,88px); line-height: .95; }.case-heading h2 span { color: var(--lime); }
.case-status { display: flex; flex-direction: column; gap: 13px; padding: 23px; border: 1px solid #3d302b; border-radius: 10px; color: #8d877f; background: #100e0a; font: 600 9px/1 var(--font-mono); letter-spacing: .12em; }.case-status i { width: 8px; height: 8px; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 5px rgba(255,108,84,.11),0 0 18px rgba(255,108,84,.45); }.case-status strong { color: var(--red); font-size: 13px; }
.case-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 62px; }
.case-grid article { position: relative; overflow: hidden; border: 1px solid #49342e; border-radius: 13px; background: linear-gradient(160deg,#17100d,#0b0a08 68%); box-shadow: 0 30px 75px rgba(0,0,0,.24); transition: transform .25s ease,border-color .25s ease; }.case-grid article:hover { transform: translateY(-7px) rotate(-.35deg); border-color: #865448; }
.case-top,.case-grid footer { display: flex; justify-content: space-between; align-items: center; padding: 14px 18px; background: rgba(25,16,12,.88); font: 700 9px/1 var(--font-mono); letter-spacing: .11em; }.case-top { color: #948078; border-bottom: 1px solid #3c2a25; }.case-top b { transform: rotate(-4deg); padding: 7px 10px 5px; border: 2px solid var(--red); color: var(--red); font-size: 11px; letter-spacing: .14em; }
.case-body { min-height: 310px; display: flex; flex-direction: column; padding: 34px 25px 28px; }.case-issue { color: #8d7971; font: 650 9px/1 var(--font-mono); letter-spacing: .12em; }.case-grid h3 { margin: 34px 0 18px; font-size: clamp(27px,2.6vw,36px); line-height: 1.06; }.case-grid .case-body p { margin: 0; color: #c0b5af; font-size: 16px; line-height: 1.68; }.case-grid footer { margin-top: auto; border-top: 1px solid #3c2a25; color: #8e7971; }.case-grid footer i { display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid #663c33; border-radius: 50%; color: var(--red); font-size: 16px; font-style: normal; }
.statement { position: relative; display: grid; grid-template-columns: 150px 1fr 70px; align-items: center; gap: 26px; margin-top: 58px; padding: 34px 38px; border: 1px solid #52723e; border-radius: 14px; background: radial-gradient(circle at 90% 50%,rgba(173,255,69,.13),transparent 28%),linear-gradient(110deg,rgba(173,255,69,.1),#0a0d09 55%); box-shadow: 0 30px 80px rgba(0,0,0,.3); }.statement > span { color: var(--lime); font: 700 10px/1 var(--font-mono); letter-spacing: .15em; }.statement p { margin: 0; font-size: clamp(28px,3.7vw,48px); line-height: 1.08; font-weight: 820; letter-spacing: -.04em; }.statement em { display: block; color: var(--lime); font-style: normal; }.statement > b { display: grid; place-items: center; width: 62px; height: 62px; border-radius: 50%; background: var(--lime); color: #0a1307; font-size: 24px; }

.intro-product { background-color: #060a07; }
.intro-product .demo-frame { margin-top: 58px; }.record-forever { text-align: center; color: #61705e; font: 700 clamp(23px,4vw,54px)/1 var(--font-mono); letter-spacing: -.05em; }.record-forever span { color: var(--lime); }

.client-opportunity { background: radial-gradient(circle at 86% 16%,rgba(88,242,199,.1),transparent 30%),linear-gradient(155deg,#071315,#080d09 72%); }
.client-heading { display: grid; grid-template-columns: 1.15fr .7fr; gap: 80px; align-items: end; }.client-heading h2 { margin-bottom: 0; }.client-heading > p { margin: 0; color: #c2ccc0; font-size: 20px; line-height: 1.7; }
.client-paths { display: grid; grid-template-columns: 1fr 70px 1fr; align-items: stretch; margin-top: 62px; }.client-paths article { padding: 38px; border: 1px solid #315a4f; border-radius: 15px; background: linear-gradient(145deg,rgba(88,242,199,.08),#080d0a 64%); box-shadow: 0 30px 75px rgba(0,0,0,.24); }.client-paths article:last-child { border-color: #557a3f; background: linear-gradient(145deg,rgba(173,255,69,.1),#090d09 64%); }.client-paths article > span { color: var(--cyan); font: 700 10px/1 var(--font-mono); letter-spacing: .13em; }.client-paths article:last-child > span { color: var(--lime); }.client-paths h3 { margin: 28px 0 14px; font-size: clamp(31px,3.6vw,47px); }.client-paths p { margin: 0; color: #bdc8bb; font-size: 17px; line-height: 1.7; }.client-paths ul { display: grid; gap: 12px; margin: 28px 0 0; padding: 22px 0 0; border-top: 1px solid #294039; list-style: none; color: #aebbad; }.client-paths li:before { content: "✓"; margin-right: 10px; color: var(--lime); }.client-path-arrow { z-index: 2; align-self: center; display: grid; place-items: center; width: 64px; height: 64px; margin-inline: auto; border: 1px solid #52725a; border-radius: 50%; background: #08100b; color: var(--lime); font: 500 28px/1 var(--font-mono); box-shadow: 0 0 30px rgba(173,255,69,.1); }
.client-bottom { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 22px; padding: 25px 28px; border: 1px solid #35543a; border-radius: 12px; background: rgba(9,16,10,.72); }.client-bottom p { margin: 0; color: #b9c4b7; font-size: 19px; }.client-bottom strong { color: var(--ink); }

.engines > .container > h2 { margin-bottom: 70px; }
.feature-stack { display: grid; gap: 18px; }
.feature-row { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 40px; padding: 34px; border: 1px solid #243326; border-radius: 16px; background: #090e0a; }
.feature-row:nth-child(even) { grid-template-columns: 1.2fr .8fr; }.feature-row:nth-child(even) .feature-copy { order: 2; }
.feature-row .demo-frame { margin: 0; }.feature-row .demo-stage { min-height: 310px; }.feature-row .demo-frame > p { display: none; }.feature-row .output-shot img { object-fit: cover; }
.feature-number { display: block; margin-bottom: 26px; color: #435042; font: 500 12px/1 var(--font-mono); }
.feature-label { color: var(--lime); font: 700 11px/1 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; }
.feature-copy h3 { margin: 12px 0 16px; font-size: clamp(33px,4vw,50px); line-height: .98; }.feature-copy > p:not(.feature-label) { color: #a9b3a4; line-height: 1.6; }
.demo-chip { display: inline-flex; gap: 9px; margin-top: 12px; padding: 8px 10px; border: 1px solid #29452d; border-radius: 6px; color: #8fd698; font: 500 10px/1 var(--font-mono); }.demo-chip i { font-style: normal; color: var(--lime); }
.feature-row.violet { border-color: #332842; }.feature-row.violet .feature-label { color: var(--violet); }.feature-row.cyan { border-color: #21403a; }.feature-row.cyan .feature-label { color: var(--cyan); }
.support-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; margin-top: 18px; }.support-grid article { padding: 20px; border: 1px solid #222e23; border-radius: 10px; background: #080c09; }.support-grid span { color: #485547; font: 500 10px/1 var(--font-mono); }.support-grid h3 { font-size: 18px; }.support-grid p { color: #879183; font-size: 13px; line-height: 1.5; }

.watch .demo-frame { margin-top: 42px; }.watch .section-intro { max-width: 680px; margin-inline: auto; }
.steps ol { margin: 60px 0 0; padding: 0; list-style: none; border-top: 1px solid #29362b; }.steps li { display: grid; grid-template-columns: 80px 1fr auto; align-items: center; gap: 25px; padding: 27px 6px; border-bottom: 1px solid #29362b; }.steps li > span { color: var(--lime); font: 600 12px/1 var(--font-mono); }.steps li h3 { margin: 0; font-size: 27px; }.steps li p { margin: 5px 0 0; color: #8e998a; }.steps li b { color: #435043; font-size: 26px; }
.step-showcase { display: grid; gap: 24px; margin-top: 58px; }
.step-card { display: grid; grid-template-columns: .72fr 1.28fr; align-items: center; gap: 54px; padding: 30px; border: 1px solid #39362b; border-radius: 16px; background: rgba(7,10,8,.62); box-shadow: 0 24px 60px rgba(0,0,0,.2); }
.step-card:nth-child(even) { grid-template-columns: 1.28fr .72fr; }
.step-card:nth-child(even) .step-copy { order: 2; }
.step-copy > span { color: var(--lime); font: 650 11px/1 var(--font-mono); letter-spacing: .12em; }
.step-copy h3 { margin: 18px 0 12px; font-size: clamp(31px,3.7vw,47px); }
.step-copy p { margin: 0; color: #b8c2b5; font-size: 17px; line-height: 1.68; }
.step-shot { min-height: 360px; overflow: hidden; border: 1px solid #495047; border-radius: 12px; background: #080b09; box-shadow: 0 28px 65px rgba(0,0,0,.36); }
.shot-bar { height: 39px; display: flex; align-items: center; gap: 7px; padding: 0 13px; border-bottom: 1px solid #27302a; background: #111512; }
.shot-bar i { width: 7px; height: 7px; border-radius: 50%; background: #485149; }
.shot-bar i:first-child { background: var(--red); }.shot-bar i:nth-child(2) { background: #e6bc52; }.shot-bar i:nth-child(3) { background: var(--lime); }
.shot-bar span { margin-left: auto; color: #747f73; font: 600 8px/1 var(--font-mono); letter-spacing: .1em; }
.shot-canvas { min-height: 321px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 28px; background: radial-gradient(circle at 50% 44%, rgba(173,255,69,.08), transparent 38%), linear-gradient(rgba(108,142,100,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(108,142,100,.04) 1px, transparent 1px); background-size: auto, 30px 30px, 30px 30px; text-align: center; }
.shot-kicker { margin-bottom: 18px; color: #99aa96; font: 650 10px/1 var(--font-mono); letter-spacing: .14em; }
.shot-canvas strong { color: #d9e2d6; font-size: clamp(22px,3vw,34px); line-height: 1.04; letter-spacing: -.035em; }
.shot-lines { width: min(270px,75%); display: grid; gap: 7px; margin: 24px 0; }
.shot-lines i { height: 7px; border-radius: 10px; background: #2a352c; }.shot-lines i:nth-child(2) { width: 76%; margin-inline: auto; }.shot-lines i:nth-child(3) { width: 52%; margin-inline: auto; background: rgba(173,255,69,.35); }
.shot-canvas small { color: #6f7a6d; font: 550 9px/1 var(--font-mono); }

.before-after { background: radial-gradient(circle at 65% 40%,rgba(173,255,69,.07),transparent 32%); }.comparison { display: grid; grid-template-columns: 1fr 70px 1fr; align-items: center; margin-top: 60px; }.comparison article { min-height: 470px; padding: 38px; border: 1px solid #29342b; background: #090c0a; }.comparison article:first-child { border-radius: 14px 0 0 14px; opacity: .72; }.comparison article:last-child { border-color: #508152; border-radius: 0 14px 14px 0; background: linear-gradient(145deg,rgba(173,255,69,.1),#090d0a 55%); }.comparison article > p { color: #788374; font: 600 10px/1 var(--font-mono); letter-spacing: .13em; }.comparison article > strong { display: block; margin: 30px 0 0; font-size: 120px; line-height: .9; letter-spacing: -.09em; }.comparison .after > strong { color: var(--lime); }.comparison strong span { font-size: 52px; }.comparison h3 { margin: 5px 0 30px; font-size: 25px; }.comparison ul { display: grid; gap: 13px; padding: 0; list-style: none; color: #a7b2a2; }.comparison li:before { content: "—"; margin-right: 9px; color: #596457; }.comparison .after li:before { content: "✓"; color: var(--lime); }.vs { position: relative; z-index: 2; display: grid; place-items: center; width: 64px; height: 64px; margin-inline: auto; border: 1px solid #4c5e4d; border-radius: 50%; background: var(--night); color: var(--lime); font: 700 11px/1 var(--font-mono); }

.persona-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; margin-top: 50px; }.persona-grid article { min-height: 250px; position: relative; padding: 23px; border: 1px solid #233025; border-radius: 11px; background: #080c09; transition: transform .2s,border-color .2s; }.persona-grid article:hover,.persona-grid article.active { transform: translateY(-5px); border-color: #4e7a51; background: linear-gradient(150deg,rgba(173,255,69,.09),#080c09); }.persona-grid article > span { color: #526050; font: 500 10px/1 var(--font-mono); }.persona-grid h3 { margin-top: 70px; font-size: 23px; }.persona-grid p { color: #929d8e; font-size: 14px; line-height: 1.55; }.persona-grid b { position: absolute; right: 18px; bottom: 17px; color: var(--lime); }
.persona-grid { grid-template-columns: repeat(6,1fr); gap: 16px; }
.persona-grid article { grid-column: span 2; min-height: 430px; display: flex; flex-direction: column; padding: 14px; }
.persona-grid article:nth-child(n+4) { grid-column: span 3; }
.persona-shot { min-height: 240px; position: relative; overflow: hidden; border: 1px dashed #48584b; border-radius: 9px; background: radial-gradient(circle at 50% 38%, rgba(88,242,199,.09), transparent 36%), linear-gradient(145deg,#0c1819,#090d0b); }
.persona-shot > span { position: absolute; z-index: 2; left: 12px; top: 12px; padding: 7px 8px; border: 1px solid #394b3c; border-radius: 5px; background: rgba(6,10,8,.82); color: var(--lime); font: 650 9px/1 var(--font-mono); }
.persona-shot > div { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.persona-shot > div:before { content: ""; width: 64px; height: 64px; margin-bottom: 17px; border: 1px solid #526055; border-radius: 50%; background: radial-gradient(circle at 50% 38%, #4d5e51 0 16%, transparent 17%), linear-gradient(155deg, transparent 48%, #2a382d 49%); }
.persona-shot i { position: absolute; width: 1px; height: 100%; left: 33%; top: 0; background: rgba(122,154,119,.06); }.persona-shot i:nth-child(2) { left: 66%; }
.persona-shot strong { color: #cbd7c8; font-size: 21px; line-height: 1.05; text-transform: uppercase; letter-spacing: -.02em; }
.persona-shot small { margin-top: 10px; color: #718071; font: 550 8px/1 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }
.persona-grid h3 { margin: 22px 10px 0; font-size: 25px; }
.persona-grid p { margin: 9px 10px 38px; }

.replace-table { max-width: 920px; margin: 55px auto 35px; border: 1px solid #2a362c; border-radius: 13px; overflow: hidden; }.replace-table > div { display: grid; grid-template-columns: 1fr 1fr; padding: 18px 24px; border-bottom: 1px solid #243026; color: #a9b2a5; }.replace-table > div span:last-child { text-align: right; }.replace-table .table-head { color: #697466; background: #0c110d; font: 600 10px/1 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; }.replace-table .table-total { align-items: center; border: 0; background: rgba(173,255,69,.09); color: var(--ink); font-weight: 750; }.table-total strong { text-align: right; color: var(--lime); font-size: 30px; }.table-total small { color: #84a27f; font: 600 9px/1 var(--font-mono); }

.agency-card { display: grid; grid-template-columns: 1fr .85fr; gap: 65px; padding: 55px; border: 1px solid #385d3c; border-radius: 18px; background: radial-gradient(circle at 10% 30%,rgba(173,255,69,.09),transparent 40%),#080d09; }.agency-card > div:first-child > p:not(.eyebrow) { color: #9eaa99; font-size: 19px; line-height: 1.55; }.agency-stats { display: grid; grid-template-columns: repeat(3,1fr); margin: 35px 0; border-block: 1px solid #27352a; }.agency-stats div { padding: 20px 5px; }.agency-stats strong { display: block; color: var(--lime); font-size: 30px; }.agency-stats span { color: #748170; font: 500 9px/1 var(--font-mono); }.dashboard-mock { align-self: center; overflow: hidden; border: 1px solid #314334; border-radius: 12px; background: #070a08; transform: rotate(1.5deg); box-shadow: 0 35px 80px rgba(0,0,0,.45); }.mock-top { display: flex; justify-content: space-between; padding: 14px; color: #758171; background: #0e1410; font: 600 9px/1 var(--font-mono); }.mock-top b { color: var(--lime); }.client-row { display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: 10px; padding: 14px; border-top: 1px solid #1d2920; }.client-row > span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 7px; background: #1a2b1d; color: var(--lime); font-weight: 800; }.client-row p { margin: 0; font: 600 10px/1 var(--font-mono); }.client-row small { display: block; margin-top: 5px; color: #667062; font-size: 8px; }.client-row > b { color: #7e8b79; font: 600 8px/1 var(--font-mono); }

.honest { text-align: center; }.honest-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 50px 0 34px; text-align: left; }.honest-grid article { padding: 30px; border: 1px solid #2b3d2d; border-radius: 13px; background: #090d0a; }.honest-grid article:last-child { border-color: #3d2925; }.honest-grid article > span { color: var(--lime); font: 700 10px/1 var(--font-mono); letter-spacing: .1em; }.honest-grid article:last-child > span { color: var(--red); }.honest-grid ul { display: grid; gap: 13px; margin: 27px 0 0; padding: 0; list-style: none; color: #aeb8aa; }.honest-grid li:before { content: "→"; margin-right: 9px; color: #4b5749; }

.bonus-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 48px; }.bonus-list article { display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 15px; padding: 18px; border: 1px solid #263228; border-radius: 9px; background: #0a0f0b; }.bonus-list article > span { color: #52604f; font: 500 11px/1 var(--font-mono); }.bonus-list h3 { margin: 0; font-size: 17px; }.bonus-list p { margin: 5px 0 0; color: #7e897a; font-size: 12px; }.bonus-list article > b { color: var(--lime); font: 600 8px/1 var(--font-mono); }.bonus-total { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; padding: 22px; border: 1px solid #47734a; border-radius: 9px; background: rgba(173,255,69,.08); font: 600 10px/1 var(--font-mono); letter-spacing: .1em; }.bonus-total strong { color: var(--lime); font: 900 31px/1 var(--font-body); letter-spacing: -.05em; }

.no-upsell { background: radial-gradient(circle at 50% 60%,rgba(169,131,255,.12),transparent 35%); }.no-maze { display: inline-block; margin-bottom: 30px; padding: 10px 15px; border: 1px solid var(--violet); border-radius: 6px; color: #c9b7ff; font: 700 10px/1 var(--font-mono); letter-spacing: .13em; }.no-upsell .big-copy { max-width: 800px; margin-inline: auto; }

.pricing { padding-block: 130px; background-color: #060a07; }.pricing-card { overflow: hidden; border: 1px solid #5b8e5e; border-radius: 20px; background: rgba(8,13,9,.96); box-shadow: 0 0 100px rgba(173,255,69,.06); }.pricing-head { padding: 50px 55px 35px; border-bottom: 1px solid #28422c; }.pricing-head p { color: #8c9888; }.price-body { display: grid; grid-template-columns: 1.4fr .75fr; gap: 45px; padding: 45px 55px; }.bundle-list { display: grid; gap: 0; }.bundle-list > div { display: grid; grid-template-columns: 27px 1fr; gap: 10px; padding: 13px 0; border-bottom: 1px solid #202c22; }.bundle-list span { color: var(--lime); }.bundle-list p { margin: 0; color: #bdc7b9; line-height: 1.45; }.price-box { padding: 28px; border: 1px solid #4d7a50; border-radius: 14px; background: linear-gradient(150deg,rgba(173,255,69,.12),rgba(173,255,69,.02)); text-align: center; }.price-box > p,.price-box > span { display: block; margin: 0; color: #899684; font: 600 9px/1 var(--font-mono); letter-spacing: .12em; }.price-box del { display: block; margin: 8px 0 21px; color: #758171; font-size: 27px; }.price-box > strong { display: block; color: var(--lime); font-size: 105px; line-height: .9; letter-spacing: -.09em; }.price-box sup { font-size: 32px; vertical-align: top; }.coupon { margin: 22px 0 15px; padding: 12px; border: 1px dashed #527a54; border-radius: 7px; color: #8d9a88; font: 600 9px/1.5 var(--font-mono); }.coupon b { color: var(--lime); }.coupon small { display: block; color: #b5bfb1; }.price-box .cta { width: 100%; margin-bottom: 13px; }.checkout-placeholder:after { content: "CONNECT CHECKOUT"; position: absolute; transform: translateY(41px); color: #667260; font: 500 7px/1 var(--font-mono); letter-spacing: .08em; }.price-box > small { color: #758171; font: 500 9px/1.5 var(--font-mono); }.pricing-card > footer { padding: 17px 55px; border-top: 1px solid #27372a; background: #0c120d; color: #83907f; text-align: center; font-size: 13px; }

.guarantee { background: radial-gradient(circle at 10% 60%,rgba(173,255,69,.08),transparent 30%); }.guarantee-layout { display: grid; grid-template-columns: 300px 1fr; gap: 80px; align-items: center; }.guarantee-seal { width: 270px; height: 270px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 2px solid var(--lime); border-radius: 50%; outline: 1px dashed #4e704f; outline-offset: 10px; background: radial-gradient(circle,rgba(173,255,69,.13),transparent 65%); transform: rotate(-5deg); }.guarantee-seal span { color: var(--lime); font-size: 92px; font-weight: 950; line-height: .8; letter-spacing: -.09em; }.guarantee-seal b { font: 900 23px/1 var(--font-mono); letter-spacing: .18em; }.guarantee-seal p { margin: 14px 0 0; color: #96a991; text-align: center; font: 600 9px/1.5 var(--font-mono); letter-spacing: .12em; }.guarantee-points { display: flex; flex-wrap: wrap; gap: 9px; }.guarantee-points span { padding: 8px 10px; border: 1px solid #29422c; border-radius: 5px; color: #9fc99f; font: 600 10px/1 var(--font-mono); }

.proof-placeholder { margin-top: 45px; min-height: 340px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px dashed #405143; border-radius: 15px; background: radial-gradient(circle,rgba(173,255,69,.06),transparent 40%),#080c09; }.proof-placeholder > span { color: #667263; font: 600 10px/1 var(--font-mono); letter-spacing: .13em; }.proof-placeholder button { width: 75px; height: 75px; margin: 35px 0; border: 1px solid var(--lime); border-radius: 50%; background: rgba(173,255,69,.09); color: var(--lime); }.proof-placeholder p { color: #6b7568; font: 500 10px/1 var(--font-mono); }
.founder-placeholder { display: grid; grid-template-columns: 220px 1fr; gap: 50px; align-items: center; }.founder-photo { aspect-ratio: 4/5; display: grid; place-items: center; border: 1px dashed #425044; border-radius: 13px; background: #0a0e0b; color: #566153; text-align: center; font: 600 10px/1.5 var(--font-mono); letter-spacing: .1em; }.founder-placeholder h2 { font-size: clamp(38px,5vw,60px); }.founder-placeholder p { color: #879383; line-height: 1.6; }

.faq-list { margin-top: 50px; border-top: 1px solid #2a372c; }.faq details { border-bottom: 1px solid #2a372c; }.faq summary { cursor: pointer; display: flex; justify-content: space-between; gap: 25px; padding: 22px 0; color: #dbe4d7; font-size: 20px; font-weight: 680; list-style: none; }.faq summary::-webkit-details-marker { display: none; }.faq summary span { color: var(--lime); font: 400 27px/1 var(--font-mono); transition: transform .2s; }.faq details[open] summary span { transform: rotate(45deg); }.faq details p { margin: 0; padding: 0 50px 24px 0; color: #929e8f; line-height: 1.65; }

.launch-warning { background: radial-gradient(circle at 50% 20%,rgba(255,108,84,.09),transparent 35%); }.countdown { margin: 45px auto 30px; padding: 26px; border: 1px solid #47302c; border-radius: 13px; background: #0d0908; }.countdown > p { color: var(--red); font: 700 10px/1 var(--font-mono); letter-spacing: .13em; }.countdown > div { display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; margin: 22px 0; }.countdown span { padding: 15px 8px; border: 1px solid #382824; border-radius: 7px; background: #100c0a; }.countdown strong { display: block; font: 800 40px/1 var(--font-mono); }.countdown small { color: #755f59; font: 600 8px/1 var(--font-mono); letter-spacing: .1em; }.countdown > small { color: #6e615c; }

.close { background-color: #060a07; text-align: center; }.close p { margin: 50px 0 22px; color: #aeb9aa; font-size: clamp(21px,3vw,31px); line-height: 1.5; }.close p:first-child { margin-top: 0; }.close p b { color: var(--lime); font-family: var(--font-mono); }
.site-footer { padding: 50px 0 25px; border-top: 1px solid #263228; background: #030504; }.site-footer .container { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }.site-footer .container > p { color: #687365; font-size: 12px; }.site-footer nav { justify-self: end; display: flex; gap: 18px; }.site-footer > small { display: block; max-width: 900px; margin: 38px auto 0; padding-top: 18px; border-top: 1px solid #151c16; color: #4e574c; text-align: center; font-size: 9px; line-height: 1.5; }

/* Section atmospheres: distinct tones keep the long page visually paced. */
.shift { background: radial-gradient(circle at 84% 10%, rgba(173,255,69,.12), transparent 32%), linear-gradient(180deg, #08130c 0%, #0b1710 100%); }
.pain { background: radial-gradient(circle at 8% 24%, rgba(93,117,255,.08), transparent 31%), linear-gradient(160deg, #0e1114 0%, #07100b 100%); }
.case-files { background: radial-gradient(circle at 78% 18%, rgba(255,108,84,.09), transparent 33%), linear-gradient(180deg, #130c0a 0%, #090807 100%); }
.intro-product { background-color: #07120d; }
.engines { background: radial-gradient(circle at 95% 10%, rgba(169,131,255,.09), transparent 30%), linear-gradient(180deg, #08100d 0%, #0d0f0b 100%); }
.watch { background: radial-gradient(circle at 15% 15%, rgba(169,131,255,.12), transparent 34%), linear-gradient(145deg, #110c18 0%, #070b0d 70%); }
.steps { background: radial-gradient(circle at 88% 20%, rgba(255,190,92,.07), transparent 32%), linear-gradient(180deg, #12100c 0%, #090c09 100%); }
.before-after { background: radial-gradient(circle at 67% 40%, rgba(173,255,69,.11), transparent 33%), linear-gradient(160deg, #07140d 0%, #09100c 100%); }
.personas { background: radial-gradient(circle at 12% 20%, rgba(88,242,199,.09), transparent 32%), linear-gradient(150deg, #071317 0%, #08100e 75%); }
.replace { background: radial-gradient(circle at 85% 8%, rgba(101,132,255,.09), transparent 28%), linear-gradient(150deg, #0b0d13 0%, #070b09 72%); }
.agency { background: radial-gradient(circle at 92% 18%, rgba(169,131,255,.12), transparent 34%), linear-gradient(150deg, #100c17 0%, #080d0a 72%); }
.honest { background: radial-gradient(circle at 10% 18%, rgba(173,255,69,.07), transparent 30%), linear-gradient(180deg, #0b150d 0%, #090d0a 100%); }
.bonus { background: radial-gradient(circle at 87% 12%, rgba(218,208,78,.08), transparent 31%), linear-gradient(145deg, #121309 0%, #080d09 75%); }
.no-upsell { background: radial-gradient(circle at 50% 55%, rgba(169,131,255,.17), transparent 38%), linear-gradient(180deg, #100b17 0%, #090a0d 100%); }
.pricing { background-color: #07120b; }
.guarantee { background: radial-gradient(circle at 10% 60%, rgba(173,255,69,.12), transparent 31%), linear-gradient(145deg, #0b150c 0%, #080d09 75%); }
.proof { background: radial-gradient(circle at 84% 18%, rgba(88,165,242,.08), transparent 32%), linear-gradient(150deg, #080d13 0%, #080b09 72%); }
.founder { background: radial-gradient(circle at 12% 25%, rgba(255,108,84,.08), transparent 30%), linear-gradient(145deg, #130c0e 0%, #090c09 75%); }
.faq { background: radial-gradient(circle at 88% 10%, rgba(88,242,199,.08), transparent 30%), linear-gradient(150deg, #071315 0%, #080c09 75%); }
.launch-warning { background: radial-gradient(circle at 50% 18%, rgba(255,108,84,.14), transparent 36%), linear-gradient(180deg, #150b09 0%, #0b0908 100%); }
.close { background-color: #071109; }

/* Readability pass: clearer hierarchy, stronger contrast, calmer measure. */
.site-header nav a, .site-footer nav a { font-size: 12px; line-height: 1.2; letter-spacing: .1em; }
.cta { font-size: 16px; font-weight: 780; letter-spacing: -.01em; }
.eyebrow { color: #c1ccbd; font-size: 13px; line-height: 1.7; letter-spacing: .09em; }
h1 { max-width: 1060px; margin-bottom: 28px; font-size: clamp(54px, 6.6vw, 92px); line-height: 1; letter-spacing: -.042em; font-weight: 860; }
h2 { margin-bottom: 32px; font-size: clamp(42px, 5vw, 68px); line-height: 1.06; letter-spacing: -.035em; font-weight: 820; }
h3 { line-height: 1.2; letter-spacing: -.02em; font-weight: 740; }
.lede { max-width: 790px; margin-bottom: 28px; color: #c5cec1; font-size: clamp(19px, 2vw, 23px); line-height: 1.68; }
.micro-trust { color: #99a594; font-size: 12px; line-height: 1.6; letter-spacing: .02em; }
.big-copy { color: #c2ccc0; font-size: clamp(20px, 2.1vw, 25px); line-height: 1.7; }
.section-intro { color: #b6c1b2; font-size: 19px; line-height: 1.74; }
.pain-grid p { color: #b6c0b2; font-size: 16px; line-height: 1.68; }
.case-grid article > p { color: #c0b5af; font-size: 16px; line-height: 1.68; }
.feature-copy h3 { font-size: clamp(32px, 3.8vw, 47px); line-height: 1.06; }
.feature-copy > p:not(.feature-label) { color: #bdc7b9; font-size: 17px; line-height: 1.7; }
.support-grid article { padding: 22px; border-color: #2c3a2e; }
.support-grid span { color: #82907f; font-size: 11px; }
.support-grid h3 { font-size: 19px; }
.support-grid p { color: #aeb9aa; font-size: 14px; line-height: 1.65; }
.steps li p { margin-top: 7px; color: #b0bbae; font-size: 16px; line-height: 1.6; }
.persona-grid p { color: #b4bfb1; font-size: 15px; line-height: 1.65; }
.bonus-list p { margin-top: 6px; color: #aeb9aa; font-size: 14px; line-height: 1.55; }
.bonus-list article > b { font-size: 9px; }
.bundle-list p { color: #d0d8cd; font-size: 16px; line-height: 1.62; }
.founder-placeholder p { color: #b4bfb1; font-size: 17px; line-height: 1.7; }
.faq details p { color: #bcc7b8; font-size: 17px; line-height: 1.72; }
.pricing-head p, .pricing-card > footer, .agency-card > div:first-child > p:not(.eyebrow), .honest-grid ul, .comparison ul { color: #b8c3b5; line-height: 1.68; }

/* Spacing corrections for the densest conversion elements. */
.comparison article > strong { margin-bottom: 4px; line-height: 1; }
.comparison h3 { margin-top: 8px; }
.persona-grid p { margin-bottom: 42px; padding-right: 24px; }
.price-box .cta { gap: 12px; margin-bottom: 20px; padding-inline: 16px; line-height: 1.25; }
.checkout-placeholder:after { content: none; }
.price-box > small { display: block; color: #899587; font-size: 10px; line-height: 1.65; }
.guarantee-seal { gap: 5px; }
.guarantee-seal span { line-height: .95; }
.guarantee-seal b { line-height: 1.2; }
.guarantee-seal p { margin-top: 10px; }

@media (max-width: 900px) {
  .site-header { grid-template-columns: 1fr auto; }.site-header nav { display: none; }
  .section { padding: 82px 0; }.two-col { grid-template-columns: 1fr; gap: 10px; }.pain-heading,.case-heading { grid-template-columns: 1fr; gap: 34px; }.pain-grid,.case-grid { grid-template-columns: 1fr; }.pain-grid article,.case-body { min-height: 340px; }.pain-grid article:nth-child(2) { transform: none; }.pain-grid article:nth-child(2):hover { transform: translateY(-7px); }.pain-grid:before,.case-files:after { display: none; }.content-gap,.statement { grid-template-columns: 120px 1fr 55px; }
  .client-heading,.client-paths { grid-template-columns: 1fr; gap: 28px; }.client-path-arrow { margin-block: -2px; }.client-bottom { flex-wrap: wrap; }.bonus-list { grid-template-columns: 1fr; }
  .feature-row,.feature-row:nth-child(even) { grid-template-columns: 1fr; }.feature-row:nth-child(even) .feature-copy { order: 0; }.support-grid,.persona-grid { grid-template-columns: repeat(2,1fr); }.persona-grid article,.persona-grid article:nth-child(n+4) { grid-column: auto; }
  .comparison { grid-template-columns: 1fr; gap: 0; }.comparison article:first-child,.comparison article:last-child { border-radius: 14px; }.vs { margin-block: -20px; }
  .agency-card { grid-template-columns: 1fr; }.price-body { grid-template-columns: 1fr; }.guarantee-layout { grid-template-columns: 1fr; }.guarantee-seal { margin-inline: auto; }.site-footer .container { grid-template-columns: 1fr; gap: 25px; text-align: center; }.site-footer .brand,.site-footer nav { justify-self: center; }
  .step-card,.step-card:nth-child(even) { grid-template-columns: 1fr; gap: 26px; }.step-card:nth-child(even) .step-copy { order: 0; }
}

@media (max-width: 600px) {
  .container,.narrow { width: min(100% - 26px, 1160px); }.site-header { height: 66px; padding-inline: 14px; }.brand > span { width: 34px; height: 34px; }.nav-cta { padding: 9px 12px !important; }
  .hero { padding-top: 55px; }.hero h1 { font-size: 47px; line-height: 1.02; }.eyebrow { font-size: 11px; letter-spacing: .06em; }.lede { font-size: 18px; line-height: 1.68; }
  .demo-stage { min-height: 300px; padding: 16px; gap: 8px; }.clip { width: 42%; padding: 11px; }.clip small { font-size: 6px; }.clip strong { font-size: 16px; }.caption-line { font-size: 5px; }.flow-arrow { font-size: 19px; }.play { width: 52px; height: 52px; }
  .montage { grid-template-columns: repeat(2,1fr); }.montage div { min-height: 160px; }.timeline { display: none; }.short-grid { width: 100%; }.short-grid strong { font-size: 10px; }
  .pain-heading h2,.case-heading h2 { font-size: 47px; }.pain-thesis { padding: 22px 18px; }.pain-grid { margin-top: 42px; }.pain-grid article,.case-body { min-height: 330px; }.content-gap,.statement { grid-template-columns: 1fr; gap: 18px; padding: 26px 22px; }.content-gap > b,.statement > b { width: 48px; height: 48px; }.statement em { display: inline; }.support-grid,.persona-grid,.bonus-list,.honest-grid { grid-template-columns: 1fr; }.feature-row { padding: 20px; }.feature-row .demo-stage { min-height: 260px; }
  .client-paths { margin-top: 40px; }.client-paths article { padding: 28px 22px; }.client-bottom { padding: 23px 20px; }.client-bottom .cta { width: 100%; }.persona-grid p { padding-right: 30px; }
  .step-card { padding: 18px; }.step-shot { min-height: 285px; }.shot-canvas { min-height: 246px; }.shot-bar span { display: none; }
  .comparison article { min-height: 400px; padding: 27px; }.comparison article > strong { font-size: 95px; }
  .agency-card,.pricing-head,.price-body { padding: 28px 20px; }.agency-stats { grid-template-columns: 1fr; }.agency-stats div { border-bottom: 1px solid #27352a; }.bundle-list p { font-size: 16px; }.price-box > strong { font-size: 82px; }
  .bonus-list article { grid-template-columns: 35px 1fr; }.bonus-list article > b { grid-column: 2; }.founder-placeholder { grid-template-columns: 1fr; }.founder-photo { width: 190px; }
  .countdown { padding: 15px; }.countdown strong { font-size: 27px; }.countdown span { padding: 11px 3px; }.countdown small { font-size: 6px; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *,*:before,*:after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }

/* Mega Bundle — buyer-only upgrade page */
.mega-page { --mega-coral: #ff6b57; --mega-lime: #adff45; --mega-cyan: #58f2c7; --mega-violet: #a983ff; background: #050806; color: #f6faf2; }
.mega-header { height: 76px; position: sticky; z-index: 80; top: 0; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 max(24px, calc((100vw - 1160px)/2)); border-bottom: 1px solid #263528; background: rgba(5,8,6,.9); backdrop-filter: blur(18px); }
.mega-brand { justify-self: start; display: inline-flex; align-items: center; gap: 11px; }
.mega-brand img { width: 42px; height: 42px; object-fit: contain; }
.mega-brand b { color: #f7faf4; font-size: 16px; line-height: 1; letter-spacing: -.04em; }
.mega-brand em { color: var(--mega-coral); font-style: normal; }
.buyer-chip { display: inline-flex; align-items: center; gap: 8px; color: #b8c6b3; font: 650 10px/1 var(--font-mono); letter-spacing: .12em; }
.buyer-chip i { width: 7px; height: 7px; border-radius: 50%; background: var(--mega-lime); box-shadow: 0 0 15px var(--mega-lime); }
.mega-header-actions { justify-self: end; display: flex; align-items: center; gap: 9px; }
.download-page { cursor: pointer; height: 40px; display: inline-flex; align-items: center; gap: 8px; padding: 0 13px; border: 1px solid #465348; border-radius: 8px; background: #0b100c; color: #c6d0c2; transition: color .2s,border-color .2s,background .2s,transform .2s; }
.download-page:hover { transform: translateY(-1px); border-color: var(--mega-coral); background: rgba(255,107,87,.07); color: #fff; }
.download-page:disabled { cursor: wait; opacity: .68; }
.download-page span { color: var(--mega-coral); font-size: 17px; line-height: 1; }
.download-page b { font: 700 9px/1 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }
.mega-cta { position: relative; display: inline-grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 18px; min-width: 310px; padding: 15px 56px 15px 20px; border: 1px solid var(--mega-lime); border-radius: 10px; background: var(--mega-lime); color: #081005; box-shadow: 0 14px 42px rgba(173,255,69,.13); transition: transform .2s, box-shadow .2s, background .2s; }
.mega-cta:hover { transform: translateY(-2px); background: #c6ff7c; box-shadow: 0 18px 50px rgba(173,255,69,.24); }
.mega-cta > span { font-size: 16px; font-weight: 850; letter-spacing: -.02em; }
.mega-cta > b { font: 750 9px/1 var(--font-mono); letter-spacing: .06em; }
.mega-cta > i { position: absolute; right: 18px; font-size: 19px; font-style: normal; }
.mega-cta.compact { justify-self: end; min-width: 218px; padding: 11px 38px 11px 15px; }
.mega-cta.compact > span { font-size: 12px; }
.mega-cta.compact > b { display: none; }
.mega-cta.compact > i { right: 13px; }

.mega-grid { background-image: linear-gradient(rgba(95,130,82,.075) 1px, transparent 1px),linear-gradient(90deg,rgba(95,130,82,.075) 1px,transparent 1px); background-size: 72px 72px; }
.mega-hero { min-height: 100vh; position: relative; overflow: hidden; padding: 68px 0 110px; text-align: center; }
.mega-hero:after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 50% 32%,transparent 0,rgba(5,8,6,.25) 46%,#050806 83%); }
.mega-hero-inner { z-index: 2; }
.mega-glow { position: absolute; border-radius: 50%; filter: blur(110px); opacity: .16; }
.glow-coral { width: 430px; height: 430px; right: -120px; top: 30px; background: var(--mega-coral); }
.glow-lime { width: 430px; height: 430px; left: -190px; top: 360px; background: var(--mega-lime); }
.order-confirmed { width: max-content; max-width: 100%; display: flex; align-items: center; gap: 13px; margin: 0 auto 30px; padding: 10px 16px 10px 10px; border: 1px solid #355738; border-radius: 9px; background: rgba(12,24,13,.74); text-align: left; }
.order-confirmed > span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 7px; background: var(--mega-lime); color: #081005; font-weight: 900; }
.order-confirmed div { display: flex; flex-direction: column; }
.order-confirmed b { font-size: 13px; line-height: 1.2; }
.order-confirmed small { color: #899a85; font: 500 9px/1.5 var(--font-mono); }
.mega-eyebrow { margin: 0 0 20px; color: #b7c3b2; font: 680 11px/1.6 var(--font-mono); letter-spacing: .15em; text-transform: uppercase; }
.mega-eyebrow:before { content: ">"; margin-right: 8px; color: var(--mega-coral); }
.mega-hero-lite h1 { max-width: 760px; margin: 0 auto 18px; font-size: clamp(32px,4.2vw,52px); line-height: 1.05; letter-spacing: -.03em; text-transform: none; }
.mega-hero h1 span,.mega-page h2 span { color: var(--mega-coral); }
.mega-lede { max-width: 820px; margin: 0 auto 30px; color: #c1cbbd; font-size: clamp(19px,2.15vw,24px); line-height: 1.62; }
.mega-lede strong { color: #fff; }
.mega-price-line { width: max-content; max-width: 100%; display: grid; grid-template-columns: auto auto auto; align-items: end; gap: 14px; margin: 0 auto 24px; padding: 10px 18px 12px; border-block: 1px solid #3d4d3e; }
.mega-price-line span,.mega-price-line b { color: #8f9c8b; font: 700 9px/1 var(--font-mono); letter-spacing: .12em; }
.mega-price-line strong { color: var(--mega-lime); font-size: 52px; line-height: .8; letter-spacing: -.06em; }
.mega-price-line sup { display: inline-block; font-size: 20px; line-height: 1; vertical-align: baseline; margin-right: 2px; transform: translateY(-19px); }
.mega-hero > .container > .mega-cta { margin-inline: auto; }
.mega-trust { margin: 14px 0 0; color: #83907e; font: 550 10px/1.5 var(--font-mono); }

.refill-console { width: min(980px,100%); margin: 58px auto 0; overflow: hidden; border: 1px solid #42563f; border-radius: 16px; background: rgba(6,10,7,.95); text-align: left; box-shadow: 0 40px 110px rgba(0,0,0,.48),0 0 70px rgba(255,107,87,.05); }
.console-bar,.refill-console > footer { display: flex; align-items: center; justify-content: space-between; padding: 13px 17px; border-bottom: 1px solid #253128; color: #748071; background: #0a0e0b; font: 650 9px/1 var(--font-mono); letter-spacing: .1em; }
.console-bar i { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--mega-coral); box-shadow: 0 0 14px var(--mega-coral); }
.console-bar b { color: var(--mega-lime); }
.console-body { min-height: 420px; display: grid; grid-template-columns: 1fr 1fr; gap: 42px; align-items: center; padding: 38px 44px; background: radial-gradient(circle at 28% 50%,rgba(255,107,87,.08),transparent 36%),repeating-linear-gradient(90deg,transparent 0 54px,rgba(255,255,255,.025) 55px),#060907; }
.credit-orbit { min-height: 310px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.credit-orbit > *:not(.orbit-ring) { position: relative; z-index: 2; }
.orbit-label { color: #8d9989; font: 650 9px/1 var(--font-mono); letter-spacing: .14em; }
.credit-orbit strong { color: var(--mega-coral); font-size: clamp(74px,8vw,112px); line-height: .9; letter-spacing: -.08em; text-shadow: 0 0 45px rgba(255,107,87,.18); }
.credit-orbit small { color: #d9dfd5; font: 700 11px/1 var(--font-mono); letter-spacing: .12em; }
.orbit-ring { position: absolute; border-radius: 50%; border: 1px solid rgba(255,107,87,.38); }
.ring-one { width: 280px; height: 280px; box-shadow: 0 0 0 25px rgba(255,107,87,.025),inset 0 0 50px rgba(255,107,87,.04); }
.ring-two { width: 330px; height: 330px; border-style: dashed; border-color: rgba(173,255,69,.18); animation: orbit-turn 22s linear infinite; }
@keyframes orbit-turn { to { transform: rotate(360deg); } }
.refill-status { padding: 24px; border: 1px solid #304036; border-radius: 13px; background: rgba(10,15,11,.86); }
.status-head { display: flex; justify-content: space-between; color: #8f9c8b; font: 650 10px/1 var(--font-mono); letter-spacing: .1em; }
.status-head b { color: var(--mega-lime); }
.status-track { height: 9px; margin: 18px 0; overflow: hidden; border-radius: 6px; background: #1b261d; }
.status-track i { display: block; width: 86%; height: 100%; background: linear-gradient(90deg,var(--mega-coral),var(--mega-lime)); box-shadow: 0 0 18px rgba(173,255,69,.25); }
.refill-status > p { display: flex; justify-content: space-between; margin: 0 0 24px; color: #758171; font: 600 8px/1 var(--font-mono); letter-spacing: .09em; }
.refill-status > p b { color: #cdd5c9; }
.limit-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; }
.limit-grid div { min-height: 72px; display: flex; flex-direction: column; justify-content: space-between; padding: 12px; border: 1px solid #29372e; border-radius: 8px; background: #0d130e; }
.limit-grid span { color: #788475; font: 600 8px/1 var(--font-mono); letter-spacing: .08em; }
.limit-grid strong { align-self: flex-end; color: var(--mega-lime); font-size: 31px; line-height: 1; }
.refill-console > footer { border-top: 1px solid #253128; border-bottom: 0; }
.refill-console > footer b { color: var(--mega-coral); }

.mega-ticker { overflow: hidden; border-block: 1px solid #62382f; background: var(--mega-coral); color: #170604; }
.mega-ticker div { width: max-content; display: flex; gap: 46px; padding: 14px 0; animation: marquee 25s linear infinite; }
.mega-ticker span { font: 850 11px/1 var(--font-mono); letter-spacing: .12em; }
.mega-section { position: relative; overflow: hidden; padding: 112px 0; border-top: 1px solid #263528; }
.mega-heading.split { display: grid; grid-template-columns: 1.3fr .7fr; gap: 75px; align-items: end; }
.mega-heading h2 { margin-bottom: 0; font-size: clamp(45px,5.7vw,76px); line-height: .98; }
.mega-heading > p:last-child { margin: 0; color: #b5c0b1; font-size: 18px; line-height: 1.7; }
.mega-heading-stacked .mega-heading-copy { max-width: 780px; margin-top: 28px; }
.center-copy { max-width: 900px; margin-inline: auto; text-align: center; }
.center-copy > p:last-child { max-width: 680px; margin: 0 auto; }
.mega-reasons { background: radial-gradient(circle at 87% 18%,rgba(255,107,87,.1),transparent 32%),linear-gradient(155deg,#120b09,#080d09 70%); }
.reason-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; margin-top: 62px; }
.reason-grid article { min-height: 430px; display: flex; flex-direction: column; padding: 25px; border: 1px solid #3d3731; border-radius: 14px; background: linear-gradient(150deg,#141612,#090c09); box-shadow: 0 28px 70px rgba(0,0,0,.24); }
.reason-grid header { display: flex; justify-content: space-between; align-items: center; color: #687465; font: 650 10px/1 var(--font-mono); }
.reason-grid header b { padding: 7px 9px; border: 1px solid currentColor; border-radius: 20px; color: var(--card-accent); font-size: 8px; letter-spacing: .1em; }
.reason-grid .lime { --card-accent: var(--mega-lime); }.reason-grid .cyan { --card-accent: var(--mega-cyan); }.reason-grid .violet { --card-accent: var(--mega-violet); }.reason-grid .coral { --card-accent: var(--mega-coral); }
.reason-signal { height: 105px; display: flex; align-items: end; gap: 8px; margin: 28px 0 24px; padding-bottom: 14px; border-bottom: 1px solid #293029; }
.reason-signal i { width: 14px; height: 22%; border-radius: 2px 2px 0 0; background: #30392f; }
.reason-signal i:nth-child(2){height:38%}.reason-signal i:nth-child(3){height:58%}.reason-signal i:nth-child(4){height:79%}.reason-signal i:nth-child(5){height:100%;background:var(--card-accent);box-shadow:0 0 22px color-mix(in srgb,var(--card-accent) 26%,transparent)}
.reason-grid h3 { margin: 0 0 14px; font-size: clamp(29px,3vw,39px); line-height: 1.05; }
.reason-grid p { margin: 0; color: #b6c0b2; font-size: 16px; line-height: 1.68; }
.reason-grid footer { margin-top: auto; padding-top: 22px; border-top: 1px solid #283028; color: var(--card-accent); font: 750 10px/1 var(--font-mono); letter-spacing: .12em; }

.mega-comparison { background: radial-gradient(circle at 15% 22%,rgba(169,131,255,.11),transparent 31%),linear-gradient(150deg,#100c17,#080d0a 72%); }
.compare-shell { margin-top: 58px; overflow: hidden; border: 1px solid #3f4850; border-radius: 16px; background: #080c09; box-shadow: 0 35px 90px rgba(0,0,0,.28); }
.compare-head,.compare-row { display: grid; grid-template-columns: 1.05fr .95fr 1fr; align-items: center; }
.compare-head { padding: 15px 24px; background: #0d120e; color: #768273; font: 700 9px/1 var(--font-mono); letter-spacing: .12em; }
.compare-head span:last-child { color: var(--mega-coral); }
.compare-row { min-height: 76px; padding: 0 24px; border-top: 1px solid #263028; }
.compare-row > strong { font-size: 15px; }
.compare-row > span { color: #8d998a; font-size: 15px; }
.compare-row > b { display: flex; align-items: center; justify-content: space-between; color: #e8ede5; font-size: 16px; }
.compare-row small { padding: 6px 8px; border-radius: 20px; background: rgba(173,255,69,.11); color: var(--mega-lime); font: 700 8px/1 var(--font-mono); text-transform: uppercase; }
.compare-row.featured { min-height: 96px; background: linear-gradient(90deg,rgba(255,107,87,.04),rgba(173,255,69,.07)); }
.compare-row.featured > b { color: var(--mega-lime); font-size: 20px; }
.compare-shell > footer { padding: 17px 24px; border-top: 1px solid #263028; background: #0c110d; color: #778373; text-align: center; font-size: 11px; line-height: 1.5; }

.upgrade-breakdown { background: radial-gradient(circle at 85% 20%,rgba(88,242,199,.08),transparent 30%),linear-gradient(150deg,#071315,#080d09 72%); }
.upgrade-list { margin-top: 60px; border-top: 1px solid #33423a; }
.upgrade-list article { display: grid; grid-template-columns: 55px 1fr 1.5fr 55px; gap: 30px; align-items: center; min-height: 145px; padding: 24px 0; border-bottom: 1px solid #33423a; transition: padding .2s,background .2s; }
.upgrade-list article:hover { padding-inline: 18px; background: rgba(88,242,199,.035); }
.upgrade-list > article > span { color: var(--mega-cyan); font: 700 11px/1 var(--font-mono); }
.upgrade-list h3 { margin: 0; font-size: clamp(24px,2.6vw,35px); line-height: 1.1; }
.upgrade-list p { margin: 0; color: #adb9aa; font-size: 16px; line-height: 1.67; }
.upgrade-list i { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #35554d; border-radius: 50%; color: var(--mega-cyan); font-style: normal; }

.mega-offer { background: radial-gradient(circle at 50% 52%,rgba(255,107,87,.13),transparent 38%),linear-gradient(180deg,#120b09,#080b08); }
.offer-plaque { display: grid; grid-template-columns: 1.2fr .72fr; gap: 60px; padding: 55px; border: 1px solid #77473c; border-radius: 19px; background: linear-gradient(145deg,rgba(255,107,87,.1),rgba(8,12,9,.97) 44%); box-shadow: 0 45px 110px rgba(0,0,0,.35),0 0 80px rgba(255,107,87,.07); }
.plaque-copy h2 { font-size: clamp(44px,5.2vw,68px); }
.plaque-copy > p:not(.mega-eyebrow) { color: #b8c2b4; font-size: 18px; line-height: 1.7; }
.plaque-copy ul { display: grid; gap: 10px; margin: 28px 0 0; padding: 0; list-style: none; }
.plaque-copy li { color: #d1d8ce; font-size: 15px; }
.plaque-copy li:before { content: "✓"; margin-right: 10px; color: var(--mega-lime); font-weight: 850; }
.plaque-price { align-self: center; padding: 30px; border: 1px solid #576846; border-radius: 14px; background: linear-gradient(150deg,rgba(173,255,69,.1),#0a0f0b); text-align: center; }
.plaque-price > span,.plaque-price > b { display: block; color: #8f9c8a; font: 700 9px/1 var(--font-mono); letter-spacing: .13em; }
.plaque-price > strong { display: block; margin: 22px 0 8px; color: var(--mega-lime); font-size: 104px; line-height: .85; letter-spacing: -.09em; }
.plaque-price sup { display: inline-block; font-size: 31px; line-height: 1; vertical-align: baseline; margin-right: 4px; transform: translateY(-48px); }
.plaque-price .mega-cta { width: 100%; min-width: 0; margin-top: 25px; text-align: left; }
.plaque-price > small { display: block; margin-top: 12px; color: #6e7a6a; font: 500 8px/1 var(--font-mono); letter-spacing: .08em; }

.mega-guarantee { background: radial-gradient(circle at 12% 45%,rgba(173,255,69,.12),transparent 32%),linear-gradient(150deg,#0b150c,#080d09 74%); }
.guarantee-row { display: grid; grid-template-columns: 280px 1fr; gap: 85px; align-items: center; }
.mini-seal { width: 260px; height: 260px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 2px solid var(--mega-lime); border-radius: 50%; outline: 1px dashed #527450; outline-offset: 10px; transform: rotate(-5deg); background: radial-gradient(circle,rgba(173,255,69,.13),transparent 66%); }
.mini-seal strong { color: var(--mega-lime); font-size: 90px; line-height: .78; letter-spacing: -.09em; }
.mini-seal b { font: 850 22px/1 var(--font-mono); letter-spacing: .16em; }
.mini-seal span { margin-top: 13px; color: #92a28e; font: 650 8px/1 var(--font-mono); letter-spacing: .12em; }
.guarantee-row h2 { font-size: clamp(43px,5.3vw,68px); }
.guarantee-row > div:last-child > p:last-child { max-width: 790px; color: #b8c3b5; font-size: 18px; line-height: 1.72; }

.two-roads { background: radial-gradient(circle at 50% 10%,rgba(169,131,255,.12),transparent 35%),linear-gradient(180deg,#100c17,#070a08 74%); }
.two-roads .center-copy { max-width: 1080px; }
.two-roads h2 { font-size: clamp(47px,6vw,79px); }
.roads-grid { display: grid; grid-template-columns: 1fr 70px 1fr; align-items: center; margin: 58px 0 38px; text-align: left; }
.roads-grid article { min-height: 340px; display: flex; flex-direction: column; padding: 34px; border: 1px solid #374039; border-radius: 15px; background: #0a0e0b; }
.roads-grid article > span { color: #818d7e; font: 700 10px/1 var(--font-mono); letter-spacing: .13em; }
.roads-grid article > strong { margin-top: 42px; color: #8d9989; font-size: 78px; line-height: .8; letter-spacing: -.07em; }
.roads-grid article > b { margin-top: 12px; color: #9aa696; font: 750 10px/1 var(--font-mono); letter-spacing: .11em; }
.roads-grid article > p { margin: auto 0 0; padding-top: 26px; border-top: 1px solid #293129; color: #aeb9aa; font-size: 15px; line-height: 1.65; }
.roads-grid .mega-road { border-color: #5b7748; background: linear-gradient(145deg,rgba(173,255,69,.1),#0a0e0b 62%); box-shadow: 0 30px 85px rgba(0,0,0,.3); }
.roads-grid .mega-road > span,.roads-grid .mega-road > strong { color: var(--mega-lime); }
.road-vs { width: 55px; height: 55px; z-index: 1; display: grid; place-items: center; justify-self: center; border: 1px solid #665277; border-radius: 50%; background: #100d14; color: var(--mega-violet); font: 750 10px/1 var(--font-mono); }
.two-roads .mega-cta { margin-inline: auto; }
.decline-link { display: block; width: max-content; margin: 22px auto 0; color: #788475; font: 550 11px/1.5 var(--font-mono); text-decoration: underline; text-underline-offset: 4px; }
.decline-link:hover { color: #b3bdb0; }

.mega-footer { padding: 48px 0 25px; border-top: 1px solid #263228; background: #030504; }
.mega-footer .container { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
.mega-footer p { color: #687365; font-size: 12px; }
.mega-footer nav { justify-self: end; display: flex; gap: 18px; }
.mega-footer nav a { color: #7f8b7b; font: 600 10px/1 var(--font-mono); text-transform: uppercase; }
.mega-footer > small { display: block; max-width: 900px; margin: 34px auto 0; padding: 17px 20px 0; border-top: 1px solid #151c16; color: #4e574c; text-align: center; font-size: 9px; line-height: 1.55; }

@media (max-width: 900px) {
  .mega-header { grid-template-columns: 1fr auto; }.buyer-chip { display: none; }
  .mega-heading.split { grid-template-columns: 1fr; gap: 22px; }
  .reason-grid { grid-template-columns: 1fr; }.reason-grid article { min-height: 360px; }
  .console-body { grid-template-columns: 1fr; }.credit-orbit { min-height: 340px; }
  .offer-plaque { grid-template-columns: 1fr; }.guarantee-row { grid-template-columns: 1fr; }.mini-seal { margin-inline: auto; }
  .upgrade-list article { grid-template-columns: 50px 1fr 55px; }.upgrade-list p { grid-column: 2; }.upgrade-list i { grid-column: 3; grid-row: 1 / span 2; }
  .roads-grid { grid-template-columns: 1fr; gap: 16px; }.road-vs { margin-block: -8px; }
  .mega-footer .container { grid-template-columns: 1fr; gap: 24px; text-align: center; }.mega-footer .mega-brand,.mega-footer nav { justify-self: center; }
}

@media (max-width: 650px) {
  .mega-header { height: 66px; padding-inline: 14px; }.mega-brand img { width: 36px; height: 36px; }.mega-brand b { font-size: 14px; }.mega-header-actions { gap: 6px; }.download-page { width: 37px; padding: 0; justify-content: center; }.download-page b { display: none; }.mega-cta.compact { min-width: 0; padding: 9px 34px 9px 12px; }.mega-cta.compact > span { font-size: 11px; }
  .mega-hero { padding: 46px 0 80px; }.mega-hero-lite h1 { font-size: 32px; }.mega-lede { font-size: 18px; }.order-confirmed { align-items: flex-start; }.order-confirmed small { max-width: 230px; }
  .mega-cta:not(.compact) { width: 100%; min-width: 0; grid-template-columns: 1fr; row-gap: 5px; text-align: left; }.mega-price-line { gap: 9px; padding-inline: 8px; }.mega-price-line strong { font-size: 44px; }
  .refill-console { margin-top: 44px; }.console-body { min-height: 0; padding: 24px 16px; gap: 15px; }.credit-orbit { min-height: 300px; }.ring-one { width: 240px; height: 240px; }.ring-two { width: 280px; height: 280px; }.refill-status { padding: 18px 14px; }.console-bar,.refill-console > footer { font-size: 7px; }
  .mega-section { padding: 80px 0; }.mega-heading h2,.guarantee-row h2 { font-size: 46px; }.reason-grid { margin-top: 42px; }
  .compare-head { display: none; }.compare-row { grid-template-columns: 1fr; gap: 7px; padding: 20px; }.compare-row > strong:before { content: "FEATURE · "; color: #697567; font: 650 8px/1 var(--font-mono); }.compare-row > span:before { content: "BUNDLE · "; color: #697567; font: 650 8px/1 var(--font-mono); }.compare-row > b:before { content: "MEGA · "; color: var(--mega-coral); font: 650 8px/1 var(--font-mono); }.compare-row > b { justify-content: flex-start; gap: 10px; }
  .upgrade-list article { grid-template-columns: 34px 1fr; gap: 14px; padding: 26px 0; }.upgrade-list p { grid-column: 2; }.upgrade-list i { display: none; }
  .offer-plaque { padding: 30px 20px; gap: 34px; }.plaque-price { padding: 25px 18px; }.plaque-price > strong { font-size: 85px; }
  .guarantee-row { gap: 55px; }.mini-seal { width: 225px; height: 225px; }.mini-seal strong { font-size: 76px; }
  .roads-grid article { min-height: 310px; padding: 27px 22px; }.roads-grid article > strong { font-size: 67px; }
}

[data-export-control]{display:none!important}
.footer-disclaimer { max-width: 900px; margin: 34px auto 0; padding-top: 22px; border-top: 1px solid #1a211a; color: #4e574c; font-size: 11px; line-height: 1.6; text-align: center; }
.footer-disclaimer p { margin: 0 0 12px; }
.footer-disclaimer p:last-child { margin-bottom: 0; }

.mega-hero-video { width: min(380px, 92%); max-height: min(520px, 60vh); aspect-ratio: 9 / 16; position: relative; margin: 32px auto 24px; overflow: hidden; border: 1px solid #3d4a3d; border-radius: 18px; background: #050806; box-shadow: 0 30px 80px rgba(0,0,0,.45), 0 0 55px rgba(255,107,87,.06); }
.mega-hero-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; z-index: 1; }
.mega-hero-video .video-poster { position: absolute; inset: 0; z-index: 2; }
.mega-hero-video .video-poster img { width: 100%; height: 100%; object-fit: cover; }
.mega-hero-video .video-play { position: absolute; left: 50%; top: 50%; z-index: 3; width: 72px; height: 72px; transform: translate(-50%,-50%); display: grid; place-items: center; border: 0; border-radius: 50%; background: rgba(173,255,69,.95); color: #081005; cursor: pointer; box-shadow: 0 0 0 12px rgba(173,255,69,.18), 0 12px 40px rgba(0,0,0,.35); transition: transform .2s, background .2s, box-shadow .2s; }
.mega-hero-video .video-play:hover { transform: translate(-50%,-50%) scale(1.06); background: #c6ff7c; box-shadow: 0 0 0 16px rgba(173,255,69,.22), 0 16px 48px rgba(0,0,0,.4); }
.mega-hero-video .video-play .play-icon { margin-left: 4px; font-size: 24px; }
.mega-hero-video.is-playing .video-poster,
.mega-hero-video.is-playing .video-play { opacity: 0; pointer-events: none; transition: opacity .35s ease; }

@media (max-width: 650px) {
  .mega-hero-video { width: min(300px, 88%); max-height: 420px; margin: 24px auto 18px; }
  .mega-hero-video .video-play { width: 60px; height: 60px; }
  .mega-hero-video .video-play .play-icon { font-size: 20px; }
}



.buy-now-stack { display: flex; flex-direction: column; align-items: center; gap: 18px; margin-top: 34px; }
.buy-now-stack img { max-width: 100%; height: auto; }
.buy-now-stack .no-thanks { color: #8a9686; font: 600 13px/1 var(--font-body); text-decoration: underline; transition: color .2s; }
.buy-now-stack .no-thanks:hover { color: var(--lime); }

/* ===== OTO pages (scoped .oto-*) ===== */
.oto-hero { min-height: 0; padding: 88px 0 90px; }
.oto-alert { color: var(--mega-coral); }
.oto-h1 { max-width: 900px; margin: 0 auto 22px; font-size: clamp(34px,4.6vw,58px); line-height: 1.04; letter-spacing: -.03em; }
.oto-h2 { margin: 0 0 18px; font-size: clamp(30px,3.8vw,48px); line-height: 1.06; letter-spacing: -.03em; }
.oto-narrow { max-width: 760px; margin-inline: auto; }
.oto-section p { color: #b8c2b4; font-size: 17px; line-height: 1.75; }
.oto-section p strong { color: #e8efe4; }
.oto-narrow > p { margin: 0 0 18px; }
.oto-beats { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0 !important; }
.oto-beats b { padding: 8px 14px; border: 1px solid #33453a; border-radius: 999px; background: #0b120d; color: #d7ffe0; font: 650 12px/1 var(--font-mono); letter-spacing: .02em; }
.oto-price-block { margin: 38px auto 0; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.oto-price-line { margin: 0 0 14px; color: #b7c3b2; font: 700 13px/1 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; }
.oto-price-line strong { color: var(--mega-lime); font-size: 22px; }
.oto-price-big { margin: 6px 0 16px; font-size: clamp(52px,7vw,84px); font-weight: 900; letter-spacing: -.04em; color: #f2f7ee; line-height: 1; }
.oto-price-big span { display: block; font: 700 12px/1 var(--font-mono); letter-spacing: .3em; color: var(--mega-coral); margin-top: 8px; }
.oto-note { margin: 10px 0 0; color: #8a9686; font-size: 13px; font-style: italic; }
.oto-features { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 54px; }
.oto-feature { padding: 30px 28px; border: 1px solid #263528; border-radius: 18px; background: linear-gradient(180deg,#0a100b,#060a07); }
.oto-feature h3 { margin: 0 0 12px; font-size: 22px; letter-spacing: -.02em; }
.oto-feature p { margin: 0 0 10px; font-size: 15px; }
.oto-feature-eyebrow { margin: 0 0 12px !important; color: var(--mega-coral) !important; font: 700 11px/1.5 var(--font-mono) !important; letter-spacing: .12em; }
.oto-tagline { color: #d7ffe0 !important; font-weight: 650; }
.oto-bullets { margin: 14px 0 16px; padding: 0; list-style: none; display: grid; gap: 10px; }
.oto-bullets li { padding: 12px 14px; border: 1px solid #33453a; border-radius: 10px; background: #0b120d; color: #b8c2b4; font-size: 14px; line-height: 1.6; }
.oto-bullets li strong { color: var(--mega-lime); }
.oto-close { text-align: center; }
.oto-close .oto-narrow > p { max-width: 560px; margin-inline: auto; }
.oto-checklist { margin: 26px auto 8px; padding: 0; list-style: none; max-width: 420px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; text-align: left; }
.oto-checklist li { padding: 10px 14px; border: 1px solid #33453a; border-radius: 10px; background: #0b120d; color: #d7ffe0; font: 600 13px/1.4 var(--font-body); }
@media (max-width: 760px) {
  .oto-features { grid-template-columns: 1fr; }
  .oto-checklist { grid-template-columns: 1fr; max-width: 320px; }
  .oto-hero { padding: 60px 0 64px; }
}

/* /pro-unlimited split hero: vertical video beside offer copy */
.oto-hero-split { display: grid; gap: 34px; align-items: center; margin-top: 26px; }
.oto-hero-split .mega-hero-video { margin: 0 auto; }
.oto-hero-copy { text-align: center; }
@media (min-width: 960px) {
  .oto-hero-split { grid-template-columns: minmax(300px, 360px) 1fr; gap: 48px; text-align: left; }
  .oto-hero-split .mega-hero-video { width: 100%; max-width: 360px; max-height: min(560px, 64vh); margin: 0; }
  .oto-hero-copy { text-align: left; }
  .oto-hero-copy .mega-lede { margin-left: 0; margin-right: 0; }
  .oto-hero-copy .oto-price-block { margin-left: 0; margin-right: 0; }
  .oto-hero-copy .mega-cta { margin-inline: 0; }
}
/* Landscape video variant (e.g. /go-global) */
.oto-hero-split .mega-hero-video.video-wide { aspect-ratio: 16 / 9; max-height: none; width: min(520px, 100%); }
@media (min-width: 960px) {
  .oto-hero-split:has(.video-wide) { grid-template-columns: minmax(380px, 480px) 1fr; }
  .oto-hero-split .mega-hero-video.video-wide { max-width: 480px; }
}