:root {
  --bg: #07111f;
  --bg-soft: #0b1627;
  --panel: #0e1b2f;
  --panel-2: #12223a;
  --text: #f6f8fb;
  --muted: #a8b5c8;
  --muted-2: #74839a;
  --teal: #42e3c0;
  --teal-deep: #13b992;
  --cyan: #18bfe4;
  --purple: #7b5cff;
  --danger: #ff6b72;
  --line: rgba(255,255,255,.09);
  --shadow: 0 30px 90px rgba(0,0,0,.35);
  --radius: 28px;
  --radius-sm: 18px;
  --max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at 15% 12%, rgba(19,185,146,.12), transparent 28%),
    radial-gradient(circle at 86% 20%, rgba(123,92,255,.12), transparent 26%),
    var(--bg);
  line-height: 1.55;
  overflow-x: hidden;
}
body.modal-open { overflow: hidden; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }

.noise {
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .025;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
  z-index: 999;
}

.section-shell {
  width: min(var(--max), calc(100% - 40px));
  margin: 0 auto;
}

.topbar {
  width: min(var(--max), calc(100% - 40px));
  height: 82px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--line);
  position: relative;
  z-index: 20;
}
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-size: 15px; letter-spacing: .08em; font-weight: 800; }
.brand strong { color: var(--teal); }
.brand-mark {
  width: 36px; height: 36px; display: grid; place-items: center;
  border-radius: 10px; background: linear-gradient(135deg, var(--teal), var(--cyan)); color: #06121e;
  font-weight: 950; letter-spacing: -.04em;
}
.topbar-link { color: var(--muted); text-decoration: none; font-weight: 700; font-size: 14px; }
.topbar-link:hover { color: var(--text); }

.hero {
  min-height: 740px;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  gap: 72px;
  padding: 72px 0 90px;
}
.eyebrow {
  display: inline-block;
  color: var(--teal);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}
h1, h2, h3, p { margin-top: 0; }
.hero h1 {
  font-size: clamp(44px, 5.4vw, 78px);
  line-height: .99;
  letter-spacing: -.055em;
  margin: 18px 0 24px;
  max-width: 760px;
}
h1 span, h2 span { color: var(--teal); }
.hero-lead { color: #c4cede; font-size: clamp(18px, 1.8vw, 22px); max-width: 700px; }
.hero-points { display: flex; flex-wrap: wrap; gap: 10px 20px; color: var(--muted); margin: 30px 0 28px; font-size: 14px; }
.hero-points span { color: var(--teal); font-weight: 900; margin-right: 7px; }
.microcopy { margin: 12px 0 0; color: var(--muted-2); font-size: 12px; }

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 22px;
  border: 0;
  border-radius: 13px;
  text-decoration: none;
  font-weight: 850;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.btn:hover { transform: translateY(-2px); }
.btn-primary { background: linear-gradient(135deg, var(--teal), #27d4ad); color: #06131c; box-shadow: 0 14px 40px rgba(66,227,192,.18); }
.btn-primary:hover { box-shadow: 0 18px 48px rgba(66,227,192,.27); }
.btn-xl { min-height: 58px; padding: 0 30px; font-size: 16px; }
.btn-lg { min-height: 54px; }
.btn-ghost { background: rgba(255,255,255,.05); color: var(--muted); border: 1px solid var(--line); }
.btn:disabled { opacity: .35; cursor: not-allowed; transform: none; box-shadow: none; }

.hero-visual { position: relative; min-height: 560px; display: grid; place-items: center; perspective: 1200px; }
.glow { position: absolute; border-radius: 50%; filter: blur(20px); }
.glow-a { width: 330px; height: 330px; background: rgba(66,227,192,.15); top: 90px; left: 10px; }
.glow-b { width: 280px; height: 280px; background: rgba(123,92,255,.16); bottom: 15px; right: 10px; }
.book-wrap { width: min(330px, 72vw); aspect-ratio: .78; position: relative; transform: rotateY(-10deg) rotateX(2deg) rotateZ(1deg); filter: drop-shadow(0 32px 50px rgba(0,0,0,.42)); z-index: 3; }
.book-cover { width: 100%; height: 100%; object-fit: cover; border-radius: 4px 10px 10px 4px; display: block; position: relative; z-index: 3; }
.book-spine { position: absolute; left: -14px; top: 7px; bottom: 7px; width: 18px; background: linear-gradient(90deg,#08101d,#21314a,#0d1727); transform: skewY(-12deg); border-radius: 4px 0 0 4px; z-index: 1; }
.book-shadow { position: absolute; inset: 7% -12% -6% 10%; background: rgba(0,0,0,.45); filter: blur(22px); transform: translateZ(-40px); border-radius: 40px; }
.floating-card { position: absolute; z-index: 5; background: rgba(13,27,47,.84); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.12); border-radius: 16px; padding: 14px 18px; box-shadow: var(--shadow); display: flex; align-items: baseline; gap: 8px; }
.floating-card strong { color: var(--teal); font-size: 24px; }
.floating-card span { color: #c7d2e2; font-size: 12px; font-weight: 750; }
.fc-one { left: 0; top: 90px; }
.fc-two { right: -8px; bottom: 100px; }

.is-hidden { display: none !important; }
.quiz-section { padding: 20px 0 90px; scroll-margin-top: 20px; }
.quiz-card { max-width: 860px; margin: 0 auto; padding: 30px; background: linear-gradient(180deg, rgba(18,34,58,.96), rgba(11,22,39,.96)); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.quiz-head { display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.quiz-step-label { color: var(--muted); font-size: 14px; margin-top: 8px; font-weight: 700; }
.icon-btn { width: 40px; height: 40px; border-radius: 12px; border: 1px solid var(--line); background: rgba(255,255,255,.04); color: var(--muted); font-size: 24px; cursor: pointer; }
.progress-track { height: 6px; border-radius: 99px; background: rgba(255,255,255,.07); overflow: hidden; margin: 22px 0 34px; }
.progress-bar { height: 100%; width: 16.6%; background: linear-gradient(90deg, var(--teal), var(--cyan)); border-radius: inherit; transition: width .25s ease; }
.quiz-question-wrap h2 { font-size: clamp(28px, 4vw, 42px); line-height: 1.08; letter-spacing: -.035em; margin-bottom: 10px; }
.quiz-question-wrap > p { color: var(--muted); margin-bottom: 24px; }
.answer-grid { display: grid; gap: 12px; }
.answer-option { width: 100%; display: grid; grid-template-columns: 42px 1fr 24px; align-items: center; gap: 14px; text-align: left; padding: 14px 16px; background: rgba(255,255,255,.035); border: 1px solid var(--line); color: #dfe6f1; border-radius: 15px; cursor: pointer; transition: border-color .15s, background .15s, transform .15s; }
.answer-option:hover { border-color: rgba(66,227,192,.38); transform: translateX(3px); }
.answer-option.selected { background: rgba(66,227,192,.09); border-color: rgba(66,227,192,.65); color: #fff; }
.answer-letter { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: rgba(255,255,255,.05); color: var(--muted); font-size: 12px; font-weight: 900; }
.answer-option.selected .answer-letter { background: var(--teal); color: #07111f; }
.answer-option i { font-style: normal; color: var(--teal); opacity: 0; }
.answer-option.selected i { opacity: 1; }
.quiz-nav { display: flex; justify-content: space-between; gap: 14px; margin-top: 28px; }

.result-section { padding: 30px 0 90px; scroll-margin-top: 20px; }
.result-card { max-width: 980px; margin: 0 auto; padding: clamp(28px, 5vw, 52px); border-radius: var(--radius); background: linear-gradient(135deg, rgba(19,185,146,.12), rgba(18,34,58,.92) 48%, rgba(123,92,255,.1)); border: 1px solid rgba(66,227,192,.24); box-shadow: var(--shadow); }
.result-topline { display: flex; align-items: center; gap: 8px; color: var(--teal); text-transform: uppercase; font-size: 11px; font-weight: 900; letter-spacing: .12em; margin-bottom: 28px; }
.status-dot { width: 8px; height: 8px; background: var(--teal); border-radius: 50%; box-shadow: 0 0 0 6px rgba(66,227,192,.1); }
.result-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 40px; align-items: center; }
.result-grid h2 { font-size: clamp(34px, 4vw, 54px); letter-spacing: -.045em; line-height: 1.02; margin: 12px 0 18px; }
.result-grid p { color: #bcc8da; font-size: 17px; }
.diagnosis-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin-top: 26px; }
.text-btn { border: 0; background: none; color: var(--muted); text-decoration: underline; cursor: pointer; }
.result-meter-card { display: grid; place-items: center; text-align: center; padding: 26px; border-radius: 22px; background: rgba(7,17,31,.45); border: 1px solid var(--line); }
.meter-label { color: var(--muted); font-size: 12px; text-transform: uppercase; font-weight: 850; letter-spacing: .1em; }
.meter-ring { --meter: 280deg; width: 150px; height: 150px; border-radius: 50%; margin: 18px 0; display: grid; place-items: center; background: conic-gradient(var(--teal) var(--meter), rgba(255,255,255,.08) 0); position: relative; }
.meter-ring::after { content:""; position:absolute; width:116px; height:116px; border-radius:50%; background:#0b1728; }
.meter-ring span { position: relative; z-index: 2; font-size: 31px; font-weight: 950; }
.result-meter-card p { font-size: 13px; color: var(--muted); margin: 0; }

.section-heading { text-align: center; margin: 0 auto 46px; }
.section-heading.narrow { max-width: 840px; }
.section-heading h2, .position-card h2, .product-copy h2, .audience h2, .offer-content h2, .final-cta h2 { font-size: clamp(34px, 4.4vw, 58px); line-height: 1.03; letter-spacing: -.045em; margin: 14px 0 0; }
.problem, .how, .modules, .example, .bonuses, .audience, .offer-wrap, .trust, .faq, .final-cta { padding: 100px 0; }

.chat-demo { display: grid; grid-template-columns: .75fr 1.25fr; gap: 70px; align-items: center; max-width: 980px; margin: 0 auto; }
.phone-shell { max-width: 350px; width: 100%; margin: 0 auto; padding: 9px; background: #07101d; border: 1px solid rgba(255,255,255,.11); border-radius: 36px; box-shadow: var(--shadow); }
.phone-top { height: 62px; border-radius: 28px 28px 10px 10px; background: #172739; display:flex; align-items:center; gap:10px; padding:0 14px; font-size:13px; }
.phone-top span { width:34px; height:34px; border-radius:50%; background: linear-gradient(135deg,var(--purple),var(--cyan)); }
.phone-top i { margin-left:auto; width:6px; height:6px; background:var(--teal); border-radius:50%; }
.chat-body { min-height: 400px; padding: 22px 14px; background: linear-gradient(rgba(7,17,31,.74), rgba(7,17,31,.9)), radial-gradient(circle at 20% 20%, #17303a, #07111f 65%); border-radius: 8px 8px 28px 28px; display:flex; flex-direction:column; gap:12px; }
.bubble { max-width: 78%; padding: 11px 13px; border-radius: 14px; font-size: 13px; }
.received { background: #203148; align-self: flex-start; border-bottom-left-radius: 4px; }
.sent { background: #0e765f; align-self: flex-end; border-bottom-right-radius: 4px; }
.system { align-self:center; background:none; color:var(--muted-2); font-size:11px; margin-top:26px; }
.typing { width:62px; padding:12px; border-radius:14px; background:#203148; display:flex; gap:4px; }
.typing span { width:5px; height:5px; background:#7f90a6; border-radius:50%; animation: blink 1.2s infinite; }
.typing span:nth-child(2) { animation-delay:.2s; }.typing span:nth-child(3) { animation-delay:.4s; }
@keyframes blink { 0%,70%,100% {opacity:.25} 35% {opacity:1} }
.chat-copy h3 { font-size: clamp(32px, 4vw, 50px); line-height: 1.03; letter-spacing: -.04em; margin: 14px 0 18px; }
.chat-copy p { color: var(--muted); font-size: 18px; }
.mini-callout { margin-top: 24px; padding: 15px 17px; background: rgba(66,227,192,.06); border: 1px solid rgba(66,227,192,.2); border-radius: 14px; color: #c9d5e5; }
.mini-callout strong { color: var(--teal); }

.positioning { padding: 10px 0 100px; }
.position-card { padding: clamp(34px, 7vw, 78px); border: 1px solid var(--line); border-radius: var(--radius); background: radial-gradient(circle at 85% 20%, rgba(66,227,192,.1), transparent 27%), linear-gradient(150deg,#0c192b,#111c33); text-align: center; }
.position-card p { max-width: 800px; margin: 22px auto 0; color: var(--muted); font-size: 18px; }

.product { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; align-items:center; padding: 100px 0 120px; border-top:1px solid var(--line); }
.product-visual { display:grid; place-items:center; }
.book-wrap-large { width:min(380px,80vw); }
.product-copy h2 { font-size: clamp(52px, 6vw, 84px); margin-bottom: 6px; }
.product-subtitle { font-size: 25px; line-height:1.25; color:#d7dfeb; max-width:650px; }
.product-copy > p:not(.product-subtitle):not(.microcopy) { color:var(--muted); font-size:17px; max-width:650px; }
.product-tags { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0 28px; }
.product-tags span { padding:7px 11px; border-radius:999px; border:1px solid var(--line); background:rgba(255,255,255,.035); color:#c3cfe0; font-size:12px; font-weight:800; }

.steps-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.step-card, .module-card { background: linear-gradient(180deg, rgba(18,34,58,.8), rgba(10,23,40,.8)); border:1px solid var(--line); border-radius:20px; padding:26px; }
.step-num, .module-card > span { display:inline-grid; place-items:center; width:42px; height:42px; border-radius:12px; background:rgba(66,227,192,.09); color:var(--teal); font-weight:950; font-size:12px; margin-bottom:22px; }
.step-card h3, .module-card h3 { font-size:20px; line-height:1.2; margin-bottom:10px; }
.step-card p, .module-card p { color:var(--muted); font-size:14px; margin:0; }

.modules-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; max-width:1000px; margin:0 auto; }
.module-card { display:grid; grid-template-columns:56px 1fr; column-gap:18px; align-items:start; }
.module-card > span { grid-row:1/3; margin:0; }
.module-card h3 { margin:3px 0 7px; }

.comparison-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; max-width:980px; margin:0 auto; }
.compare-card { padding:30px; border-radius:22px; border:1px solid var(--line); min-height:280px; display:flex; flex-direction:column; }
.compare-card p { font-size:21px; line-height:1.45; color:#e2e8f2; margin:30px 0; }
.compare-label { font-size:11px; letter-spacing:.11em; font-weight:900; }
.compare-footer { margin-top:auto; padding-top:18px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
.compare-bad { background:rgba(255,107,114,.035); }.compare-bad .compare-label{color:#ff8b91}
.compare-good { background:rgba(66,227,192,.055); border-color:rgba(66,227,192,.22); }.compare-good .compare-label{color:var(--teal)}

.bonus-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.bonus-card { display:flex; gap:16px; align-items:flex-start; min-height:180px; padding:24px; border-radius:20px; border:1px solid var(--line); background:rgba(18,34,58,.65); }
.bonus-card.featured { background:linear-gradient(140deg,rgba(66,227,192,.1),rgba(18,34,58,.75)); border-color:rgba(66,227,192,.25); }
.bonus-icon { flex:0 0 46px; height:46px; display:grid; place-items:center; border-radius:13px; background:rgba(66,227,192,.1); color:var(--teal); font-weight:950; }
.bonus-card span { color:var(--teal); font-size:10px; font-weight:900; letter-spacing:.12em; }
.bonus-card h3 { margin:7px 0 8px; font-size:18px; }
.bonus-card p { margin:0; color:var(--muted); font-size:13px; }

.audience-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; padding:50px; border-radius:var(--radius); border:1px solid var(--line); background:linear-gradient(140deg,#0d1a2d,#0a1525); }
.check-list { display:grid; gap:11px; }
.check-list div { padding:14px 16px; border-radius:13px; background:rgba(255,255,255,.035); color:#d4dcea; font-weight:700; }
.check-list span { color:var(--teal); margin-right:10px; }

.offer-card { border-radius:32px; padding: clamp(32px,5vw,64px); background:radial-gradient(circle at 90% 10%,rgba(66,227,192,.12),transparent 30%),linear-gradient(140deg,#101f35,#0a1727); border:1px solid rgba(66,227,192,.2); box-shadow:var(--shadow); position:relative; overflow:hidden; }
.offer-badge { position:absolute; right:0; top:0; padding:10px 16px; background:var(--teal); color:#06131d; font-size:10px; font-weight:950; letter-spacing:.1em; border-radius:0 0 0 14px; }
.offer-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:50px; align-items:center; }
.offer-content .offer-sub { color:#c7d2e1; font-size:19px; max-width:650px; }
.offer-content ul { padding:0; margin:28px 0 0; list-style:none; display:grid; gap:10px; color:var(--muted); }
.offer-content li::first-letter { color:var(--teal); }
.price-card { padding:32px; border-radius:22px; background:rgba(4,12,23,.52); border:1px solid var(--line); text-align:center; }
.price-kicker { font-size:10px; color:var(--muted); font-weight:900; letter-spacing:.12em; }
.price { display:flex; justify-content:center; align-items:flex-start; gap:6px; margin:8px 0 -2px; }
.price small { font-size:18px; margin-top:15px; color:#cbd5e2; }.price strong { font-size:64px; line-height:1; letter-spacing:-.06em; }
.price-note { display:block; color:var(--muted-2); font-size:12px; margin-bottom:23px; }
.price-card .btn { width:100%; }
.secure-note { color:var(--muted-2); font-size:11px; margin-top:14px; }

.trust-card { max-width:900px; margin:0 auto; display:flex; gap:22px; padding:28px; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.025); }
.trust-icon { flex:0 0 54px; height:54px; border-radius:16px; display:grid; place-items:center; background:rgba(66,227,192,.1); color:var(--teal); font-weight:950; font-size:22px; }
.trust-card h3 { font-size:25px; margin:6px 0 8px; }.trust-card p{color:var(--muted); margin:0;}

.faq-list { max-width:900px; margin:0 auto; display:grid; gap:10px; }
details { border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.025); overflow:hidden; }
summary { cursor:pointer; list-style:none; padding:19px 22px; font-weight:800; display:flex; justify-content:space-between; gap:20px; }
summary::-webkit-details-marker{display:none} summary::after{content:"+"; color:var(--teal); font-size:22px; line-height:1}
details[open] summary::after{content:"−"} details p{padding:0 22px 20px; margin:0; color:var(--muted);}

.final-cta-card { text-align:center; padding:clamp(40px,7vw,80px); border-radius:var(--radius); border:1px solid var(--line); background:radial-gradient(circle at 50% 0,rgba(66,227,192,.13),transparent 38%),#0d1b2e; }
.final-cta-card h2 { max-width:850px; margin:14px auto 16px; }.final-cta-card p{max-width:700px;margin:0 auto 28px;color:var(--muted);font-size:18px;}

.footer { min-height:160px; display:flex; align-items:center; justify-content:space-between; gap:26px; border-top:1px solid var(--line); color:var(--muted-2); font-size:12px; }
.footer p { margin:0; text-align:center; }.footer-links{display:flex;gap:15px}.footer-links a{text-decoration:none;color:var(--muted)}

.modal { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:20px; }
.modal-backdrop { position:absolute; inset:0; background:rgba(2,8,16,.78); backdrop-filter:blur(8px); }
.modal-card { position:relative; z-index:2; width:min(520px,100%); padding:32px; border-radius:24px; background:#101f35; border:1px solid var(--line); box-shadow:var(--shadow); }
.modal-close { position:absolute; right:16px; top:16px; }
.modal-card h3{font-size:30px;line-height:1.1;margin:14px 45px 12px 0}.modal-card p{color:var(--muted)}
.code-hint{margin:18px 0;padding:12px 14px;border-radius:11px;background:#07111f;border:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--teal);font-size:12px;overflow:auto}

.legal { max-width:860px; padding:70px 0 100px; }
.legal h1{font-size:48px;letter-spacing:-.04em}.legal h2{margin-top:38px}.legal p,.legal li{color:var(--muted)}

@media (max-width: 980px) {
  .hero { grid-template-columns:1fr; gap:30px; padding-top:55px; text-align:center; }
  .hero-copy{display:grid;justify-items:center}.hero-points{justify-content:center}.hero-visual{min-height:520px}.fc-one{left:5%}.fc-two{right:5%}
  .result-grid,.chat-demo,.product,.audience-grid,.offer-grid { grid-template-columns:1fr; }
  .chat-demo,.product{gap:45px}.chat-copy{text-align:center}.product-copy{text-align:center}.product-tags{justify-content:center}.product-copy>p{margin-left:auto;margin-right:auto}
  .steps-grid { grid-template-columns:repeat(2,1fr); }.bonus-grid{grid-template-columns:repeat(2,1fr)}
  .audience-grid{padding:34px}.offer-grid{gap:30px}.price-card{max-width:480px;width:100%;margin:0 auto}
}

@media (max-width: 680px) {
  .section-shell,.topbar { width:min(100% - 28px,var(--max)); }
  .topbar{height:68px}.topbar-link{display:none}
  .hero{min-height:auto;padding:54px 0 60px}.hero h1{font-size:46px}.hero-lead{font-size:17px}.btn-xl{width:100%}
  .hero-visual{min-height:440px}.book-wrap{width:245px}.floating-card{padding:10px 12px}.floating-card strong{font-size:20px}.fc-one{top:55px;left:0}.fc-two{bottom:65px;right:0}
  .quiz-section,.result-section{padding-bottom:60px}.quiz-card{padding:20px;border-radius:20px}.quiz-question-wrap h2{font-size:29px}.answer-option{grid-template-columns:38px 1fr 20px;padding:12px 13px}.quiz-nav{position:sticky;bottom:0;background:linear-gradient(transparent,#0e1b2f 20%);padding-top:22px}
  .result-grid{gap:25px}.result-meter-card{max-width:320px;width:100%;margin:0 auto}
  .problem,.how,.modules,.example,.bonuses,.audience,.offer-wrap,.trust,.faq,.final-cta{padding:70px 0}.positioning{padding-bottom:70px}
  .section-heading h2,.position-card h2,.product-copy h2,.audience h2,.offer-content h2,.final-cta h2{font-size:37px}
  .chat-demo{gap:36px}.chat-copy h3{font-size:36px}.product{padding:70px 0}.product-copy h2{font-size:56px}.product-subtitle{font-size:20px}
  .steps-grid,.modules-grid,.comparison-grid,.bonus-grid{grid-template-columns:1fr}.module-card{grid-template-columns:50px 1fr}.bonus-card{min-height:auto}
  .audience-grid{padding:24px;gap:30px}.offer-card{padding:28px 20px}.price strong{font-size:58px}
  .trust-card{flex-direction:column}.footer{padding:35px 0;flex-direction:column;text-align:center}.footer-links{justify-content:center}
}