:root {
  --ink: #ffffff;
  --muted: #dbe2d8;
  --dim: #a9b4a6;
  --night: #050806;
  --panel: #090e0a;
  --panel-2: #0d130e;
  --line: #263528;
  --lime: #ff6f52;
  --lime-soft: #ffb3a2;
  --cyan: #58f2c7;
  --violet: #a983ff;
  --red: #ff6c54;
  --font-body: var(--font-geist-sans, Inter), system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: var(--font-geist-mono, ui-monospace), SFMono-Regular, "SF Mono", Menlo, Consolas, 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(255,111,82,.55); border-radius: 12px; font-weight: 950; font-size: 21px; color: var(--night); background: var(--lime); box-shadow: 0 0 24px rgba(255,111,82,.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(255,111,82,0); transition: transform .2s, box-shadow .2s, background .2s; }
.cta:hover { transform: translateY(-2px); box-shadow: 0 12px 36px rgba(255,111,82,.18); background: #c3ff76; }
.cta span { font-size: 18px; }

.hero { min-height: 100vh; padding: 74px 0 86px; text-align: center; position: relative; overflow: hidden; }
.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(255,111,82,.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 picture { display: block; width: 100%; height: 100%; }
.output-shot img { width: 100%; height: 100%; display: block; object-fit: contain; object-position: center; background: #0b100c; }
.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(255,111,82,.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(255,111,82,.92); color: #0a1206; box-shadow: 0 0 45px rgba(255,111,82,.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(255,111,82,.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; padding-right: 45px; animation: marquee 24s linear infinite; }
.ticker span { font: 800 11px/1 var(--font-mono); letter-spacing: .12em; }
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-25%); } }

.shift { background: radial-gradient(circle at 85% 12%, rgba(255,111,82,.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(255,111,82,.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(255,111,82,.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(255,111,82,.13),transparent 28%),linear-gradient(110deg,rgba(255,111,82,.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; }
.intro-product .demo-stage { min-height: 0; padding: 0; display: block; }
.intro-product .output-shot { position: relative; inset: auto; }
.intro-product .output-shot img { width: 100%; height: auto; object-fit: contain; }
.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(255,111,82,.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(255,111,82,.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: contain; }
.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(255,111,82,.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(255,111,82,.35); }
.shot-canvas small { color: #6f7a6d; font: 550 9px/1 var(--font-mono); }

.before-after { background: radial-gradient(circle at 65% 40%,rgba(255,111,82,.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(255,111,82,.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(255,111,82,.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(255,111,82,.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 { position: relative; display: grid; grid-template-columns: 1fr .9fr; align-items: center; gap: 60px; padding: 56px; overflow: hidden; border: 1px solid rgba(255,111,82,.26); border-radius: 24px; background: radial-gradient(circle at 8% 0%,rgba(255,111,82,.14),transparent 46%), linear-gradient(160deg,#12100f 0%,#070908 70%); box-shadow: 0 40px 90px rgba(0,0,0,.5); }
.agency-card::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 2px; background: linear-gradient(90deg,transparent,var(--lime),transparent); opacity: .75; }
.agency-copy > p:not(.eyebrow):not(.agency-note) { color: #c5cdc2; font-size: 19px; line-height: 1.6; max-width: 46ch; }
.agency-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin: 34px 0 30px; }
.agency-stats div { padding: 18px 14px; border: 1px solid rgba(255,255,255,.08); border-radius: 14px; background: rgba(255,255,255,.03); transition: border-color .2s, transform .2s; }
.agency-stats div:hover { border-color: rgba(255,111,82,.45); transform: translateY(-3px); }
.agency-stats strong { display: block; margin-bottom: 8px; color: var(--lime); font-size: 34px; line-height: 1; }
.agency-stats span { display: block; color: #9aa298; font: 600 9px/1.35 var(--font-mono); letter-spacing: .06em; }
.agency-note { margin-top: 16px; color: #8f9a8c; font: 600 10px/1 var(--font-mono); letter-spacing: .07em; }
.dashboard-mock { align-self: center; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; background: linear-gradient(180deg,#0d0b0b,#070908); transform: rotate(1.2deg); box-shadow: 0 45px 90px rgba(0,0,0,.55), 0 0 0 1px rgba(255,111,82,.08); transition: transform .35s ease; }
.dashboard-mock:hover { transform: rotate(0deg) translateY(-4px); }
.mock-top { display: flex; justify-content: space-between; align-items: center; padding: 15px 16px; color: #b3bbb0; background: rgba(255,111,82,.08); border-bottom: 1px solid rgba(255,255,255,.07); font: 700 9px/1 var(--font-mono); letter-spacing: .1em; }
.mock-top b { color: var(--lime); }
.client-row { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 12px; padding: 15px 16px; border-top: 1px solid rgba(255,255,255,.06); transition: background .2s; }
.client-row:hover { background: rgba(255,111,82,.06); }
.client-row > span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; background: rgba(255,111,82,.16); color: var(--lime); font-weight: 800; }
.client-row p { margin: 0; color: #f2f4f1; font: 700 10px/1 var(--font-mono); letter-spacing: .06em; }
.client-row small { display: block; margin-top: 6px; color: #98a295; font: 500 8px/1 var(--font-mono); letter-spacing: .05em; }
.client-row > b { color: #b6bfb2; font: 700 8px/1 var(--font-mono); letter-spacing: .08em; }
.client-row.add { background: rgba(255,255,255,.02); border-top-style: dashed; }
.client-row.add > span { background: rgba(255,255,255,.06); color: #cfd6cc; }
.client-row.add > b { color: var(--lime); }
.mock-foot { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 14px 16px; border-top: 1px solid rgba(255,255,255,.07); background: rgba(255,255,255,.02); color: #98a295; font: 700 8px/1 var(--font-mono); letter-spacing: .09em; }
.mock-foot i { display: block; height: 5px; border-radius: 99px; background: rgba(255,255,255,.09); overflow: hidden; }
.mock-foot i em { display: block; width: 72%; height: 100%; border-radius: 99px; background: linear-gradient(90deg,var(--lime),#ffa98f); }
.mock-foot b { color: var(--lime); }

.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: 34px 140px 1fr auto; align-items: center; gap: 15px; padding: 18px; border: 1px solid #263228; border-radius: 9px; background: #0a0f0b; }.bonus-shot { position: relative; aspect-ratio: 4/5; border-radius: 8px; border: 1px dashed rgba(255,111,82,.42); background: linear-gradient(160deg, rgba(255,111,82,.12), rgba(255,255,255,.02)); display: flex; align-items: center; justify-content: center; overflow: hidden; }.bonus-shot > span { color: rgba(255,111,82,.85); font: 600 10px/1 var(--font-mono); letter-spacing: .16em; }.bonus-shot img { width: 100%; height: 100%; object-fit: cover; }.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(255,111,82,.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(255,111,82,.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(255,111,82,.12),rgba(255,111,82,.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(255,111,82,.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(255,111,82,.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(255,111,82,.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(255,111,82,.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: #a89189; font: 600 8px/1 var(--font-mono); letter-spacing: .1em; }.countdown > small { color: #a2938e; }

.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(255,111,82,.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(255,111,82,.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(255,111,82,.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(255,111,82,.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 { margin-top: 22px; 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):not(.agency-note), .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; }.bundle-list p { font-size: 16px; }.price-box > strong { font-size: 82px; }
  .bonus-list article { grid-template-columns: 35px 110px 1fr; }.bonus-list article > b { grid-column: 3; }.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; } }

.video-placeholder { position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; background: linear-gradient(180deg, rgba(5,8,6,.35), rgba(5,8,6,.72)); }
.video-play { display: grid; place-items: center; width: 82px; height: 82px; padding: 0; border: 1px solid rgba(255,111,82,.6); border-radius: 50%; background: rgba(255,111,82,.14); color: var(--lime); cursor: pointer; backdrop-filter: blur(8px); box-shadow: 0 0 0 0 rgba(255,111,82,.35); transition: transform .2s ease, background .2s ease; animation: video-pulse 2.6s ease-out infinite; }
.video-play:hover { transform: scale(1.06); background: rgba(255,111,82,.24); }
.video-play > span { width: 0; height: 0; margin-left: 6px; border-style: solid; border-width: 13px 0 13px 22px; border-color: transparent transparent transparent var(--lime); }
.video-placeholder p { margin: 0; color: #cfe0c6; font: 600 10px/1 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; }
@keyframes video-pulse { 0% { box-shadow: 0 0 0 0 rgba(255,111,82,.35); } 70% { box-shadow: 0 0 0 26px rgba(255,111,82,0); } 100% { box-shadow: 0 0 0 0 rgba(255,111,82,0); } }

/* ---- See It On Real Clips ---- */
.showcase { --coral: #ff5a3c; background: radial-gradient(circle at 50% 0%, rgba(255,90,60,.09), transparent 45%), #070b08; }
.sc-head { text-align: center; }
.sc-head h2 { margin-bottom: 14px; }
.sc-head h2 span { color: var(--coral); }
.sc-sub { margin: 0 auto; max-width: 620px; color: var(--muted); }
.sc-wrap { margin-top: 44px; }
.sc-radio { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.sc-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.sc-tabs label { cursor: pointer; padding: 10px 18px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.02); color: var(--muted); font: 700 11px/1 var(--font-mono); letter-spacing: .13em; text-transform: uppercase; transition: color .2s, border-color .2s, background .2s, transform .2s; }
.sc-tabs label:hover { color: var(--ink); border-color: rgba(255,90,60,.5); transform: translateY(-1px); }
.sc-panels { margin-top: 42px; }
.sc-panel { display: none; grid-template-columns: minmax(0,1fr) 64px minmax(0,1fr); align-items: center; justify-items: center; gap: 8px; }
.sc-panel .sc-cap { grid-column: 1 / -1; margin: 30px 0 0; text-align: center; color: #cdd6c9; font-size: 17px; max-width: 720px; }
.sc-frame { position: relative; margin: 0; width: 100%; max-width: 330px; aspect-ratio: 9 / 16; border-radius: 18px; overflow: hidden; }
.sc-frame .sc-tag { position: absolute; z-index: 2; top: 14px; left: 14px; padding: 6px 11px; border-radius: 999px; font: 800 10px/1 var(--font-mono); letter-spacing: .16em; text-transform: uppercase; }
.sc-slot { display: grid; align-content: center; justify-items: center; gap: 8px; height: 100%; padding: 26px 20px; text-align: center; }
.sc-slot p { margin: 0; font-size: 15px; font-weight: 650; line-height: 1.35; }
.sc-slot small { color: var(--dim); font: 600 10px/1 var(--font-mono); letter-spacing: .13em; text-transform: uppercase; }
.sc-play { display: block; width: 46px; height: 46px; border-radius: 50%; border: 1px solid currentColor; position: relative; margin-bottom: 6px; }
.sc-play:after { content: ""; position: absolute; top: 50%; left: 54%; transform: translate(-50%,-50%); border-left: 13px solid currentColor; border-top: 8px solid transparent; border-bottom: 8px solid transparent; }
.sc-before { border: 1px solid var(--line); background: #0b100c; filter: saturate(.35); color: #8b968a; }
.sc-before .sc-tag { background: rgba(255,255,255,.07); color: #c3ccc0; }
.sc-after { border: 1px solid rgba(255,90,60,.55); background: linear-gradient(160deg, rgba(255,90,60,.14), #0a0f0b 60%); color: var(--coral); box-shadow: 0 0 42px rgba(255,90,60,.18), inset 0 0 40px rgba(255,90,60,.05); }
.sc-after .sc-slot p { color: var(--ink); }
.sc-after .sc-tag { background: var(--coral); color: #120603; }
.sc-arrow { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid rgba(255,90,60,.5); border-radius: 50%; color: var(--coral); font-size: 20px; background: var(--night); }
#sc-1:checked ~ .sc-panels .sc-panel:nth-child(1),
#sc-2:checked ~ .sc-panels .sc-panel:nth-child(2),
#sc-3:checked ~ .sc-panels .sc-panel:nth-child(3),
#sc-4:checked ~ .sc-panels .sc-panel:nth-child(4),
#sc-5:checked ~ .sc-panels .sc-panel:nth-child(5),
#sc-6:checked ~ .sc-panels .sc-panel:nth-child(6) { display: grid; }
#sc-1:checked ~ .sc-tabs label:nth-child(1),
#sc-2:checked ~ .sc-tabs label:nth-child(2),
#sc-3:checked ~ .sc-tabs label:nth-child(3),
#sc-4:checked ~ .sc-tabs label:nth-child(4),
#sc-5:checked ~ .sc-tabs label:nth-child(5),
#sc-6:checked ~ .sc-tabs label:nth-child(6) { background: var(--coral); border-color: var(--coral); color: #120603; box-shadow: 0 8px 26px rgba(255,90,60,.25); }
.sc-multi { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; width: 100%; max-width: 330px; }
.sc-multi .sc-frame { max-width: none; }
.sc-multi .sc-slot { padding: 14px 10px; gap: 6px; }
.sc-multi .sc-slot p { font-size: 12px; line-height: 1.3; }
.sc-multi .sc-play { width: 30px; height: 30px; margin-bottom: 2px; }
.sc-multi .sc-play:after { border-left-width: 9px; border-top-width: 6px; border-bottom-width: 6px; }
.sc-multi .sc-tag { top: 8px; left: 8px; padding: 4px 7px; font-size: 8px; }
.sc-multi.sc-multi-after .sc-frame { box-shadow: 0 0 22px rgba(255,90,60,.14), inset 0 0 26px rgba(255,90,60,.05); }
@media (max-width: 760px) {
  .sc-panel { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .sc-arrow { transform: rotate(90deg); }
}


/* --- pricing clarity --- */
.price-box { position: relative; padding: 34px 26px 26px; border-color: var(--coral, #ff5a3c); background: linear-gradient(165deg,rgba(255,90,60,.14),rgba(255,90,60,.03)); box-shadow: 0 0 60px rgba(255,90,60,.10); }
.price-save { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); white-space: nowrap; padding: 7px 14px; border-radius: 999px; background: var(--coral, #ff5a3c); color: #120603; font: 700 10px/1 var(--font-mono); letter-spacing: .1em; box-shadow: 0 8px 22px rgba(255,90,60,.35); }
.price-box > p { color: #8f9a8c; font-size: 10px; letter-spacing: .16em; }
.price-box del { margin: 6px 0 18px; color: #6f7a6c; font-size: 24px; text-decoration-color: rgba(255,90,60,.8); text-decoration-thickness: 2px; }
.price-box > span { padding-top: 14px; border-top: 1px solid rgba(255,255,255,.08); color: #d6ded3; font-size: 10px; letter-spacing: .16em; }
.price-box > strong { margin-top: 6px; color: #fff; font-size: 96px; text-shadow: 0 0 40px rgba(255,90,60,.35); }
.price-box sup { color: var(--coral, #ff5a3c); font-size: 30px; }
.coupon { margin: 20px 0 16px; padding: 13px 10px; border-color: rgba(255,90,60,.55); background: rgba(255,90,60,.06); font-size: 10px; letter-spacing: .06em; }
.coupon em { font-style: normal; color: #8d9a88; }
.coupon b { color: #fff; letter-spacing: .12em; }
.coupon small { margin-top: 5px; font-size: 11px; color: #cfd8cb; }
.coupon small u { color: var(--coral, #ff5a3c); text-decoration: none; font-weight: 700; }
@media (max-width: 760px) { .price-box > strong { font-size: 78px; } }
.price-box > strong { display: flex; align-items: flex-start; justify-content: center; gap: 3px; padding-top: 4px; }
.price-box sup { vertical-align: baseline; position: relative; top: 14px; font-size: 34px; line-height: 1; }
.pricing-card { border-color: rgba(255,90,60,.35); }
.price-box > strong { margin-bottom: 24px; }

/* --- pain cards clarity --- */
.pain-grid article:nth-child(2) { transform: none; }
.pain-grid article:nth-child(2):hover { transform: translateY(-7px); }
.pain-grid article { min-height: 0; padding: 26px 24px 22px; }
.drain-stat { margin: 26px 0 20px; padding-bottom: 18px; border-bottom: 1px solid #332b27; }
.drain-stat strong { display: block; color: var(--red, #ff6c54); font-size: clamp(34px,3.4vw,44px); line-height: 1; letter-spacing: -.03em; }
.drain-stat em { display: block; margin-top: 9px; color: #8b9488; font: 700 9px/1 var(--font-mono); font-style: normal; letter-spacing: .14em; }
.pain-grid h3 { font-size: clamp(22px,2.1vw,27px); line-height: 1.2; }
.cta, .cta:hover, .cta span { color: #fff; }
.cta:hover { background: #ff8468; border-color: #ff8468; }

.brand img.brand-logo { height: 34px; width: auto; display: block; object-fit: contain; }
.site-footer .brand img.brand-logo { height: 30px; }
@media (max-width: 640px) { .brand img.brand-logo { height: 26px; } }

/* --- honest sorting: coral duo grid --- */
.honest-grid { gap: 24px; margin: 62px 0 44px; overflow: visible; }
.honest-grid article { position: relative; padding: 40px 32px 34px; border-radius: 18px; overflow: visible; transition: border-color .25s, background .25s, transform .25s, box-shadow .25s; }
.honest-grid article > span { position: static; font: 800 10px/1 var(--font-mono); letter-spacing: .16em; text-transform: uppercase; }
.honest-grid ul { gap: 20px; margin-top: 26px; }
.honest-grid li { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; line-height: 1.6; }
.honest-grid li:before { content: ""; flex: none; width: 20px; height: 20px; margin: 2px 0 0; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: 13px 13px; }

/* positive card */
.honest-grid .honest-yes { border: 1px solid rgba(255,90,60,.34); background: rgba(255,255,255,.05); box-shadow: 0 18px 46px rgba(0,0,0,.35); }
.honest-grid .honest-yes:hover { border-color: rgba(255,90,60,.62); transform: translateY(-3px); box-shadow: 0 22px 54px rgba(255,90,60,.14); }
.honest-grid .honest-yes > span { position: absolute; top: -12px; left: 30px; padding: 6px 13px; border-radius: 999px; background: var(--coral, #ff5a3c); color: #fff; box-shadow: 0 8px 22px rgba(255,90,60,.32); }
.honest-grid .honest-yes li { color: #e3e8e1; }
.honest-grid .honest-yes li:before { background-color: rgba(255,90,60,.14); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff5a3c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E"); }

/* negative card */
.honest-grid .honest-no { border: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.02); }
.honest-grid .honest-no:hover { background: rgba(255,255,255,.04); }
.honest-grid .honest-no > span { display: block; margin-bottom: 4px; color: #6f7a6d; }
.honest-grid .honest-no li { color: #838d81; }
.honest-grid .honest-no li:before { background-color: rgba(255,255,255,.05); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a948a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E"); }

/* ===== Pricing monolith ===== */
.pricing-card { max-width: 640px; margin: 0 auto; position: relative; }
.pricing-card .pricing-head { text-align: center; padding-bottom: 6px; border-bottom: 0; }
.pricing-card .pricing-head .eyebrow { justify-content: center; }
.price-monolith { position: relative; margin-top: 26px; padding: 46px 44px 40px; border: 1px solid rgba(255,255,255,.1); border-radius: 26px; background: #0a0f0b; box-shadow: 0 40px 90px rgba(0,0,0,.55); display: flex; flex-direction: column; align-items: center; text-align: center; overflow: hidden; }
.price-monolith::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 128px; height: 4px; background: #ff5a3c; filter: blur(3px); }
.pm-badge { display: inline-flex; padding: 6px 14px; border-radius: 999px; background: rgba(255,90,60,.1); border: 1px solid rgba(255,90,60,.24); color: #ff5a3c; font: 700 10px/1 var(--font-mono); letter-spacing: .2em; }
.pm-price { display: flex; align-items: baseline; justify-content: center; gap: 14px; margin-top: 34px; }
.pm-price del { color: rgba(255,255,255,.4); font-size: 26px; font-weight: 500; }
.pm-price strong { color: #fff; font: 800 68px/1 var(--font-body); letter-spacing: -.045em; }
.pm-price sup { color: #ff6f52; font-size: 30px; top: -.5em; }
.pm-save { margin-top: 10px; padding: 7px 16px; border-radius: 9px; background: rgba(255,111,82,.1); color: #ff6f52; font: 700 11px/1 var(--font-mono); letter-spacing: .09em; }
.price-monolith .bundle-list { width: 100%; margin: 38px 0 34px; text-align: left; display: grid; gap: 16px; }
.price-monolith .bundle-list div { display: grid; grid-template-columns: 22px 1fr; gap: 12px; align-items: start; padding: 0; border: 0; }
.price-monolith .bundle-list div span { width: 20px; height: 20px; margin-top: 2px; border-radius: 50%; background: rgba(255,90,60,.2); position: relative; }
.price-monolith .bundle-list div span::after { content: ""; position: absolute; inset: 0; margin: auto; width: 9px; height: 5px; border-left: 2px solid #ff5a3c; border-bottom: 2px solid #ff5a3c; transform: rotate(-45deg) translate(1px,-1px); }
.price-monolith .bundle-list div p { margin: 0; color: rgba(255,255,255,.8); font-size: 14px; line-height: 1.6; }
.price-monolith .cta { width: 100%; justify-content: center; padding: 19px 24px; font-size: 17px; border-radius: 13px; box-shadow: 0 14px 34px rgba(255,90,60,.2); }
.pm-trust { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 22px; color: rgba(255,255,255,.5); font: 500 10px/1 var(--font-mono); letter-spacing: .16em; }
.pm-trust i { width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,.2); }
.pm-note { margin: 12px 0 0; color: rgba(255,255,255,.32); font-size: 11.5px; font-style: italic; line-height: 1.6; max-width: 380px; }
@media (max-width: 700px) {
  .price-monolith { padding: 34px 20px 30px; border-radius: 20px; }
  .pm-price strong { font-size: 54px; }
}
.pricing-card { border: 0 !important; background: transparent !important; padding: 0 !important; box-shadow: none !important; max-width: 660px; }
.pricing-card .pricing-head { padding: 0 0 4px !important; }
.pricing-card .pricing-head h2 { font-size: 44px; }

.timer-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 90; background: rgba(13,9,8,.94); backdrop-filter: blur(12px); border-top: 1px solid #47302c; box-shadow: 0 -12px 40px rgba(0,0,0,.55); }
.tb-inner { max-width: 1120px; margin: 0 auto; padding: 11px 20px; display: flex; align-items: center; justify-content: center; gap: 22px; flex-wrap: wrap; }
.tb-label { color: var(--red); font: 700 10px/1 var(--font-mono); letter-spacing: .13em; }
.tb-digits { display: flex; align-items: center; gap: 6px; }
.tb-digits span { display: flex; align-items: baseline; gap: 3px; padding: 6px 9px; border: 1px solid #382824; border-radius: 7px; background: #100c0a; }
.tb-digits strong { font: 800 20px/1 var(--font-mono); }
.tb-digits small { color: #a89189; font: 700 9px/1 var(--font-mono); }
.tb-digits i { color: #8a726b; font: 800 16px/1 var(--font-mono); }
.timer-bar .cta { padding: 11px 20px; font-size: 13px; }
body { padding-bottom: 78px; }
@media (max-width: 700px) {
  .tb-inner { gap: 10px; padding: 9px 12px; }
  .tb-label { width: 100%; text-align: center; font-size: 8px; }
  .tb-digits strong { font-size: 16px; }
  .timer-bar .cta { padding: 9px 14px; font-size: 12px; }
  body { padding-bottom: 108px; }
}

.replace .heading-grid { display: block; }
.replace .heading-grid .section-intro { margin-top: 16px; max-width: 640px; }
.intro-product .heading-grid { display: block; }
.intro-product .heading-grid .section-intro { margin-top: 16px; max-width: 680px; }

/* --- Before/After v2 --- */
.comparison.ba-v2 { grid-template-columns: 1fr 84px 1fr; align-items: stretch; gap: 0; }
.comparison.ba-v2 article { display: flex; flex-direction: column; min-height: 0; padding: 30px 32px 26px; border-radius: 18px; }
.comparison.ba-v2 .before { opacity: 1; border-color: #2a3129; background: linear-gradient(180deg,#0a0d0b,#080a09); }
.comparison.ba-v2 .after { border-color: rgba(255,111,82,.45); background: linear-gradient(165deg,rgba(255,111,82,.13),#0a0d0b 58%); box-shadow: 0 24px 70px -34px rgba(255,111,82,.6); }
.comparison.ba-v2 header { display: flex; align-items: center; gap: 10px; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,.07); }
.comparison.ba-v2 .ba-chip { padding: 5px 10px; border-radius: 999px; border: 1px solid #39433a; color: #b9c4b6; font: 700 9px/1 var(--font-mono); letter-spacing: .16em; }
.comparison.ba-v2 .after .ba-chip { border-color: rgba(255,111,82,.55); background: rgba(255,111,82,.14); color: #ffb3a2; }
.comparison.ba-v2 header em { font: 600 10px/1 var(--font-mono); letter-spacing: .14em; font-style: normal; color: #8c9789; }
.comparison.ba-v2 .after header em { color: #d8b5ab; }
.ba-metric { display: flex; align-items: flex-end; gap: 16px; margin: 26px 0 20px; }
.comparison.ba-v2 .ba-metric strong { margin: 0; font-size: 92px; line-height: .82; letter-spacing: -.07em; color: #6f7a6d; }
.comparison.ba-v2 .after .ba-metric strong { color: var(--lime); text-shadow: 0 0 44px rgba(255,111,82,.4); }
.comparison.ba-v2 .ba-metric strong span { font-size: 40px; }
.comparison.ba-v2 .ba-metric h3 { margin: 0 0 8px; font-size: 19px; line-height: 1.2; }
.comparison.ba-v2 .ba-metric small { display: block; margin-top: 4px; color: #8c9789; font: 600 9px/1 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; }
.ba-week { display: grid; grid-template-columns: repeat(7,1fr); gap: 6px; margin-bottom: 24px; }
.ba-week i { height: 6px; border-radius: 999px; background: #222a23; }
.ba-week i.on { background: #6f7a6d; }
.after .ba-week i.on { background: var(--lime); box-shadow: 0 0 12px rgba(255,111,82,.55); }
.comparison.ba-v2 ul { gap: 11px; margin: 0 0 22px; }
.comparison.ba-v2 li { display: flex; align-items: center; gap: 10px; font-size: 15px; }
.comparison.ba-v2 li:before { display: grid; place-items: center; flex: none; width: 20px; height: 20px; margin: 0; border-radius: 6px; background: #1a211b; color: #8c9789; content: "\2013"; font-size: 12px; }
.comparison.ba-v2 .after li:before { background: rgba(255,111,82,.16); color: var(--lime); content: "\2713"; }
.comparison.ba-v2 footer { margin-top: auto; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.07); color: #8c9789; font: 700 9px/1.4 var(--font-mono); letter-spacing: .14em; }
.comparison.ba-v2 .after footer { color: #ffb3a2; }
.comparison.ba-v2 .vs { display: grid; place-items: center; }
.comparison.ba-v2 .vs span { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; border: 1px solid rgba(255,111,82,.5); background: #0b0f0c; color: var(--lime); font: 800 12px/1 var(--font-mono); letter-spacing: .1em; box-shadow: 0 0 0 8px rgba(255,111,82,.06); }
@media (max-width: 900px) {
  .comparison.ba-v2 { grid-template-columns: 1fr; gap: 14px; }
  .comparison.ba-v2 .vs { margin: 0; }
  .comparison.ba-v2 .ba-metric strong { font-size: 72px; }
}