:root {
  color-scheme: dark;
  --ink: #f7f7ef;
  --muted: #a9b7af;
  --soft: #d7dfda;
  --panel: #10271e;
  --panel-2: #17382a;
  --line: rgba(177, 211, 193, .18);
  --green: #1d855b;
  --dark-green: #07110d;
  --lime: #caff57;
  --orange: #ff6a1a;
  --aqua: #65d8bd;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body {
  margin: 0;
  background: #07110d;
  color: var(--ink);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  min-height: 100vh;
  overflow-x: hidden;
}
body::before { background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: 54px 54px; content: ""; inset: 0; pointer-events: none; position: fixed; }
.site-glow { background: radial-gradient(circle, rgba(255,100,21,.22), transparent 66%); filter: blur(30px); height: 680px; pointer-events: none; position: absolute; right: -250px; top: -270px; width: 800px; }
a { color: var(--lime); text-decoration-thickness: .08em; text-underline-offset: .2em; }
a:hover { color: #fff; }
button, a { -webkit-tap-highlight-color: transparent; }
.shell { margin: 0 auto; width: min(920px, calc(100% - 36px)); }
.shell.wide { width: min(1180px, calc(100% - 44px)); }

.site-header { align-items: center; display: flex; height: 94px; justify-content: space-between; position: relative; z-index: 20; }
.brand { align-items: center; color: var(--ink); display: flex; font-weight: 900; gap: 11px; text-decoration: none; }
.brand img { border-radius: 13px; height: 43px; width: 43px; }
.brand span { font-size: 19px; letter-spacing: -.04em; }
.desktop-nav { align-items: center; display: flex; gap: 28px; }
.desktop-nav a { color: var(--muted); font-size: 13px; font-weight: 700; text-decoration: none; transition: color .2s; }
.desktop-nav a:hover { color: var(--ink); }
.header-actions { align-items: center; display: flex; gap: 12px; }
.languages { background: rgba(255,255,255,.045); border: 1px solid var(--line); border-radius: 999px; display: flex; padding: 3px; }
.languages button { background: transparent; border: 0; border-radius: 999px; color: var(--muted); cursor: pointer; font: inherit; font-size: 10px; font-weight: 900; padding: 6px 8px; }
.languages button[aria-pressed="true"] { background: var(--lime); color: #102018; }
.mini-cta { background: rgba(202,255,87,.1); border: 1px solid rgba(202,255,87,.32); border-radius: 999px; color: var(--lime); font-size: 12px; font-weight: 900; padding: 8px 15px; text-decoration: none; }

main { padding: 0 0 90px; position: relative; z-index: 1; }
body:not(.landing) main { padding: 36px 0 80px; }
.hero-grid { align-items: center; display: grid; gap: 80px; grid-template-columns: 1.08fr .92fr; min-height: 730px; padding: 56px 0 78px; }
.eyebrow { color: var(--orange); font-size: 11px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.eyebrow i { background: var(--orange); border-radius: 50%; box-shadow: 0 0 14px var(--orange); display: inline-block; height: 6px; margin-right: 7px; width: 6px; }
h1, h2, h3 { letter-spacing: -.045em; line-height: 1.02; }
h1 { font-size: clamp(52px, 6.5vw, 88px); margin: 18px 0 26px; }
h1 em, h2 em { color: var(--lime); font-style: normal; }
.lede { color: var(--soft); font-size: clamp(17px, 2vw, 20px); line-height: 1.65; margin: 0; max-width: 650px; }
.hero-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 24px; margin-top: 34px; }
.primary-cta { align-items: center; background: var(--lime); border-radius: 16px; box-shadow: 0 15px 45px rgba(202,255,87,.14); color: #0a1811; display: inline-flex; font-size: 14px; font-weight: 900; gap: 22px; padding: 16px 20px; text-decoration: none; transition: transform .2s, box-shadow .2s; }
.primary-cta:hover { box-shadow: 0 18px 55px rgba(202,255,87,.24); color: #0a1811; transform: translateY(-2px); }
.primary-cta span { font-size: 20px; line-height: 1; }
.text-link { color: var(--soft); font-size: 13px; font-weight: 800; }
.trust-row { border-top: 1px solid var(--line); display: flex; gap: 25px; margin-top: 42px; padding-top: 20px; }
.trust-row span { color: var(--muted); font-size: 11px; line-height: 1.4; }
.trust-row b { color: var(--ink); display: block; font-size: 13px; }

.phone-stage { height: 650px; position: relative; }
.phone-stage::before { background: radial-gradient(circle, rgba(202,255,87,.2), rgba(29,133,91,.08) 40%, transparent 68%); content: ""; inset: -30px -100px; position: absolute; }
.phone { background: #050806; border: 8px solid #15221c; border-radius: 57px; box-shadow: 0 45px 100px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.13); height: 630px; left: 50%; overflow: hidden; position: absolute; top: 14px; transform: translateX(-50%) rotate(2deg); width: 291px; z-index: 2; }
.phone img { height: 100%; object-fit: cover; width: 100%; }
.phone-island { background: #000; border-radius: 0 0 18px 18px; height: 26px; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: 93px; z-index: 3; }
.orbit { border: 1px solid rgba(101,216,189,.2); border-radius: 50%; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); }
.orbit-one { height: 490px; width: 490px; }
.orbit-two { border-color: rgba(202,255,87,.08); height: 620px; width: 620px; }
.float-card { backdrop-filter: blur(16px); background: rgba(16,39,30,.88); border: 1px solid var(--line); border-radius: 19px; box-shadow: 0 18px 50px rgba(0,0,0,.35); display: flex; flex-direction: column; padding: 15px 18px; position: absolute; z-index: 4; }
.float-card span { color: var(--muted); font-size: 9px; font-weight: 900; letter-spacing: .15em; }
.float-card strong { color: var(--lime); font-size: 38px; line-height: 1.1; }
.float-card small { color: var(--aqua); font-size: 10px; }
.score-card { left: -18px; top: 105px; }
.streak-card { bottom: 88px; right: -10px; }
.streak-card span { font-size: 22px; }
.streak-card b { font-size: 17px; }

.proof-strip { align-items: center; background: linear-gradient(90deg, rgba(202,255,87,.12), rgba(101,216,189,.06)); border: 1px solid rgba(202,255,87,.2); border-radius: 18px; color: var(--ink); display: flex; font-size: 11px; font-weight: 900; justify-content: space-around; letter-spacing: .14em; padding: 18px 20px; }
.proof-strip i { color: var(--green); font-style: normal; }
.section-block { padding: 120px 0 20px; }
.section-heading { margin-bottom: 48px; max-width: 730px; }
.section-heading.centered { margin-left: auto; margin-right: auto; text-align: center; }
.section-heading h2, .metric-copy h2, .science-copy h2, .compare-card h2, .final-cta h2 { font-size: clamp(38px, 5vw, 62px); margin: 14px 0 20px; }
.section-heading p, .metric-copy > p, .science-copy > p, .compare-card p { color: var(--muted); font-size: 16px; line-height: 1.75; }
.steps-grid { display: grid; gap: 16px; grid-template-columns: repeat(3, 1fr); }
.step-card { background: linear-gradient(145deg, rgba(20,50,38,.78), rgba(10,27,20,.85)); border: 1px solid var(--line); border-radius: 26px; min-height: 340px; padding: 28px; position: relative; }
.step-card.featured { background: linear-gradient(145deg, rgba(29,133,91,.26), rgba(12,36,26,.9)); border-color: rgba(202,255,87,.35); transform: translateY(-14px); }
.step-number { color: rgba(255,255,255,.22); font-size: 12px; font-weight: 900; position: absolute; right: 24px; top: 24px; }
.step-icon { align-items: center; background: rgba(202,255,87,.1); border: 1px solid rgba(202,255,87,.25); border-radius: 16px; color: var(--lime); display: flex; font-size: 25px; height: 54px; justify-content: center; margin-bottom: 48px; width: 54px; }
.step-card h3 { font-size: 25px; margin: 0 0 13px; }
.step-card p { color: var(--muted); font-size: 14px; margin: 0; }

.metric-section { align-items: center; display: grid; gap: 85px; grid-template-columns: 1fr .9fr; }
.metric-list { margin-top: 35px; }
.metric-list div { align-items: center; border-bottom: 1px solid var(--line); display: flex; padding: 12px 0; }
.metric-list span { color: var(--soft); font-size: 13px; font-weight: 700; }
.metric-list b { color: var(--lime); margin-left: auto; }
.score-visual { align-items: center; background: radial-gradient(circle at 50% 35%, rgba(29,133,91,.35), rgba(11,29,22,.9) 60%); border: 1px solid var(--line); border-radius: 34px; display: flex; flex-direction: column; min-height: 480px; padding: 52px 30px 30px; }
.score-ring { align-items: center; background: conic-gradient(var(--lime) 0 78%, rgba(255,255,255,.08) 78%); border-radius: 50%; display: flex; height: 230px; justify-content: center; padding: 10px; width: 230px; }
.score-ring > div { align-items: center; background: #0c2118; border-radius: 50%; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100%; }
.score-ring span { color: var(--muted); font-size: 9px; font-weight: 900; letter-spacing: .15em; }
.score-ring strong { font-size: 72px; line-height: 1; }
.score-ring small { color: var(--aqua); margin-top: 7px; }
.wave-line { align-items: center; display: flex; gap: 5px; height: 50px; margin: 28px 0 10px; }
.wave-line i { animation: wave 1.5s ease-in-out infinite; background: var(--aqua); border-radius: 99px; height: 12px; opacity: .7; width: 4px; }
.wave-line i:nth-child(2n) { animation-delay: -.4s; height: 25px; }.wave-line i:nth-child(3n) { animation-delay: -.8s; height: 38px; }
.score-visual p { color: var(--muted); font-size: 11px; }

.journey { display: grid; gap: 14px; grid-template-columns: repeat(3,1fr); }
.journey-card { border: 1px solid var(--line); border-radius: 24px; min-height: 250px; padding: 25px; position: relative; }
.journey-card.done { background: rgba(29,133,91,.12); }.journey-card.current { background: linear-gradient(145deg, rgba(202,255,87,.18), rgba(29,133,91,.14)); border-color: rgba(202,255,87,.4); }
.journey-card > span { color: var(--aqua); font-size: 10px; font-weight: 900; letter-spacing: .16em; }
.journey-card h3 { font-size: 24px; margin: 35px 0 10px; }.journey-card p { color: var(--muted); font-size: 13px; }.journey-card small { bottom: 22px; color: var(--lime); font-weight: 800; position: absolute; }
.exercise-preview { align-items: center; background: #eef6ee; border-radius: 30px; color: #0c1f16; display: grid; gap: 50px; grid-template-columns: 1.2fr .8fr; margin-top: 22px; padding: 42px; }
.exercise-preview h3 { font-size: 34px; margin: 12px 0; }.exercise-preview p { color: #50645a; font-size: 14px; }.exercise-steps { background: #fff; border-radius: 20px; box-shadow: 0 16px 45px rgba(8,31,21,.1); padding: 8px 18px; }
.exercise-steps span { border-bottom: 1px solid #dfe8e2; color: #708078; display: flex; font-size: 12px; padding: 15px 4px; }.exercise-steps span:last-child { border: 0; }.exercise-steps b { margin-left: auto; }.exercise-steps .complete { color: var(--green); }.exercise-steps .active { color: #0d2117; font-weight: 800; }

.science-grid { align-items: center; display: grid; gap: 90px; grid-template-columns: 1.1fr .9fr; }
.science-copy ul { color: var(--soft); list-style: none; margin: 28px 0; padding: 0; }.science-copy li { border-bottom: 1px solid var(--line); font-size: 13px; padding: 11px 0; }.science-copy li::before { color: var(--lime); content: "✓"; font-weight: 900; margin-right: 11px; }
.privacy-card { background: linear-gradient(145deg, #193d2e, #0c2018); border: 1px solid rgba(101,216,189,.25); border-radius: 32px; padding: 42px; }
.privacy-card .lock { align-items: center; background: var(--lime); border-radius: 18px; color: #0c2118; display: flex; font-size: 28px; height: 62px; justify-content: center; margin-bottom: 50px; width: 62px; }.privacy-card > span { color: var(--aqua); font-size: 10px; font-weight: 900; letter-spacing: .16em; }.privacy-card h3 { font-size: 34px; margin: 13px 0; }.privacy-card p { color: var(--muted); font-size: 14px; }.privacy-card a { font-size: 12px; font-weight: 800; }

.compare-card { align-items: center; background: linear-gradient(120deg, rgba(255,106,26,.12), rgba(16,39,30,.9) 48%); border: 1px solid rgba(255,106,26,.22); border-radius: 34px; display: grid; gap: 70px; grid-template-columns: 1.1fr .9fr; padding: 48px; }
.audio-compare { display: grid; gap: 12px; }.audio-compare > div { align-items: center; background: rgba(255,255,255,.05); border: 1px solid var(--line); border-radius: 18px; display: flex; gap: 13px; padding: 14px; }.audio-compare > div.after { border-color: rgba(202,255,87,.35); }.audio-compare button { background: rgba(202,255,87,.13); border: 0; border-radius: 50%; color: var(--lime); height: 40px; width: 40px; }.audio-compare span { display: flex; flex-direction: column; min-width: 80px; }.audio-compare b { font-size: 12px; }.audio-compare small { color: var(--muted); font-size: 9px; }.audio-compare i { background: repeating-linear-gradient(90deg, var(--aqua) 0 3px, transparent 3px 8px); height: 24px; margin-left: auto; opacity: .6; width: 90px; }

.pricing-grid { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 360px)); justify-content: center; }.pricing-grid article { background: rgba(16,39,30,.8); border: 1px solid var(--line); border-radius: 28px; min-height: 260px; padding: 30px; position: relative; }.pricing-grid article.best { border-color: rgba(202,255,87,.5); box-shadow: 0 20px 70px rgba(202,255,87,.07); }.pricing-grid .best > div { background: var(--lime); border-radius: 99px; color: #102018; font-size: 9px; font-weight: 900; padding: 6px 10px; position: absolute; right: 20px; top: 20px; }.pricing-grid span { color: var(--aqua); font-size: 10px; font-weight: 900; letter-spacing: .16em; }.pricing-grid h3 { font-size: 40px; margin: 36px 0 12px; }.pricing-grid h3 small { color: var(--muted); font-size: 13px; letter-spacing: 0; }.pricing-grid p, .price-note { color: var(--muted); font-size: 12px; }.price-note { margin: 22px auto 0; max-width: 600px; text-align: center; }

.faq-section { display: grid; gap: 90px; grid-template-columns: .7fr 1.3fr; }.faq-list details { border-bottom: 1px solid var(--line); padding: 20px 0; }.faq-list summary { cursor: pointer; font-size: 15px; font-weight: 800; list-style: none; padding-right: 30px; position: relative; }.faq-list summary::after { color: var(--lime); content: "+"; font-size: 22px; position: absolute; right: 0; top: -3px; }.faq-list details[open] summary::after { content: "−"; }.faq-list p { color: var(--muted); font-size: 13px; margin-bottom: 0; }
.final-cta { align-items: center; background: linear-gradient(115deg, #153d2b, #0d1f17); border: 1px solid rgba(202,255,87,.25); border-radius: 34px; display: grid; gap: 30px; grid-template-columns: auto 1fr auto; margin-top: 130px; overflow: hidden; padding: 38px; position: relative; }.final-cta::before { background: radial-gradient(circle, rgba(255,106,26,.28), transparent 65%); content: ""; height: 300px; left: -100px; position: absolute; top: -120px; width: 300px; }.final-cta img { border-radius: 23px; height: 98px; position: relative; width: 98px; }.final-cta h2 { font-size: 38px; margin: 7px 0; }.final-cta p { color: var(--muted); margin: 0; }

.site-footer { border-top: 1px solid var(--line); display: grid; gap: 50px; grid-template-columns: 2fr repeat(3,1fr); padding: 50px 0; }.site-footer p, .site-footer a, .site-footer span { color: var(--muted); font-size: 11px; }.site-footer nav { display: flex; flex-direction: column; gap: 9px; }.site-footer nav strong { font-size: 11px; margin-bottom: 5px; }.site-footer nav a { text-decoration: none; }.footer-meta { display: flex; flex-direction: row; gap: 20px; grid-column: 1 / -1; justify-content: space-between; }

.simple-hero { max-width: 900px; padding: 130px 0 80px; }.simple-hero .primary-cta { margin-top: 35px; }.cards { display: grid; gap: 16px; grid-template-columns: repeat(3,1fr); margin: 30px 0 70px; }.card { background: linear-gradient(145deg, rgba(28,59,47,.95), rgba(13,34,26,.95)); border: 1px solid var(--line); border-radius: 24px; min-height: 210px; padding: 26px; }.card b { display: block; font-size: 22px; margin-bottom: 10px; }.card p { color: var(--muted); font-size: 13px; }.marketing-doc { margin-bottom: 80px; }

.document { background: rgba(13,34,26,.78); border: 1px solid var(--line); border-radius: 28px; padding: clamp(24px,5vw,54px); }.document h1 { font-size: clamp(38px,7vw,62px); }.document h2 { font-size: 23px; margin: 38px 0 10px; }.document p, .document li { color: #ced8d2; }.document strong { color: var(--ink); }.updated { color: var(--muted); font-size: 13px; margin-bottom: 36px; }.notice { background: rgba(200,255,88,.08); border: 1px solid rgba(200,255,88,.32); border-radius: 18px; padding: 18px 20px; }

/* Indexable locale pages */
.localized .language-links a { border-radius: 999px; color: var(--muted); font-size: 10px; font-weight: 900; padding: 6px 8px; text-decoration: none; }
.localized .language-links a[aria-current="true"] { background: var(--lime); color: #102018; }
.compact-hero { min-height: 660px; }
.answer-card { background: linear-gradient(115deg, rgba(202,255,87,.13), rgba(101,216,189,.06)); border: 1px solid rgba(202,255,87,.32); border-radius: 24px; display: grid; gap: 24px; grid-template-columns: 140px 1fr; padding: 28px 32px; }
.answer-card strong { color: var(--lime); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
.answer-card p { color: var(--soft); font-size: 17px; margin: 0; }
.roadmap-list { list-style: none; margin: 0; padding: 0; }
.roadmap-list li { align-items: start; border-bottom: 1px solid var(--line); display: grid; gap: 30px; grid-template-columns: 64px 1fr; padding: 28px 0; }
.roadmap-list li > span { color: var(--lime); font-size: 13px; font-weight: 900; padding-top: 8px; }
.roadmap-list h2 { font-size: 28px; margin: 0 0 9px; }
.roadmap-list p { margin: 0; }
.two-column-note { display: grid; gap: 16px; grid-template-columns: 1fr 1fr; margin-top: 70px; }
.two-column-note > div { background: rgba(16,39,30,.8); border: 1px solid var(--line); border-radius: 25px; padding: 30px; }
.two-column-note h2 { font-size: 28px; margin: 0 0 18px; }
.x-list { list-style: none; padding: 0; }
.x-list li { border-bottom: 1px solid var(--line); color: var(--soft); padding: 12px 0; }
.x-list li::before { color: var(--orange); content: "×"; font-size: 20px; font-weight: 900; margin-right: 12px; }
.exercise-library { display: grid; gap: 18px; }
.exercise-detail { background: rgba(16,39,30,.8); border: 1px solid var(--line); border-radius: 30px; padding: clamp(25px,5vw,45px); }
.exercise-detail:nth-child(2) { border-color: rgba(202,255,87,.38); }
.exercise-top { border-bottom: 1px solid var(--line); margin-bottom: 25px; padding-bottom: 22px; }
.exercise-top span { color: var(--aqua); font-size: 10px; font-weight: 900; letter-spacing: .16em; }
.exercise-top h2 { font-size: 35px; margin: 12px 0; }
.exercise-top p, .exercise-detail > p, .exercise-detail li { color: var(--soft); }
.exercise-detail li { margin: 12px 0; padding-left: 7px; }
.pricing-mini { background: rgba(16,39,30,.78); border: 1px solid var(--line); border-radius: 30px; display: grid; gap: 12px; grid-template-columns: 1fr 1fr; padding: 24px; }
.pricing-mini article { border: 1px solid var(--line); border-radius: 18px; display: flex; flex-direction: column; padding: 20px; }
.pricing-mini article.best { border-color: var(--lime); }
.pricing-mini span { color: var(--aqua); font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.pricing-mini strong { font-size: 28px; }
.pricing-mini small, .pricing-mini p { color: var(--muted); }
.pricing-mini p { font-size: 11px; grid-column: 1/-1; margin: 0; text-align: center; }
.standalone-faq { margin: 0 auto; max-width: 900px; }
.waitlist { align-items: center; background: linear-gradient(115deg, #153d2b, #0d1f17); border: 1px solid rgba(202,255,87,.28); border-radius: 34px; display: grid; gap: 60px; grid-template-columns: 1fr 1fr; margin-top: 110px; padding: clamp(28px,5vw,55px); }
.waitlist h2 { font-size: clamp(34px,5vw,52px); margin: 12px 0; }
.waitlist p { color: var(--muted); }
.waitlist-form { display: grid; gap: 14px; }
.waitlist-form label > span { color: var(--soft); display: block; font-size: 11px; font-weight: 800; margin-bottom: 7px; }
.waitlist-form input[type="email"] { background: #07150f; border: 1px solid var(--line); border-radius: 13px; color: var(--ink); font: inherit; outline: none; padding: 15px 16px; width: 100%; }
.waitlist-form input[type="email"]:focus { border-color: var(--lime); box-shadow: 0 0 0 3px rgba(202,255,87,.1); }
.waitlist-form .consent { align-items: flex-start; display: flex; gap: 10px; }
.waitlist-form .consent input { margin-top: 4px; }
.waitlist-form .consent span { color: var(--muted); font-size: 10px; font-weight: 500; line-height: 1.5; margin: 0; }
.waitlist-form button { border: 0; cursor: pointer; justify-content: space-between; }
.waitlist-form button:disabled { cursor: wait; opacity: .55; }
.hp-field { height: 0; opacity: 0; overflow: hidden; position: absolute; width: 0; }
.form-status { font-size: 12px; margin: 0; min-height: 20px; }
.form-status.success { color: var(--lime); }
.research-doc a { overflow-wrap: anywhere; }
.localized-footer nav a { text-transform: capitalize; }
.breadcrumbs { align-items: center; color: var(--muted); display: flex; font-size: 12px; gap: 10px; padding-top: 34px; }
.breadcrumbs a { color: var(--muted); font-weight: 750; text-decoration: none; }
.breadcrumbs a:hover { color: var(--lime); }
.breadcrumbs span[aria-current="page"] { color: var(--soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.guide-hub { padding-top: 92px; }
.guide-grid { display: grid; gap: 13px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.guide-grid a { align-items: center; background: linear-gradient(145deg, rgba(20,50,38,.82), rgba(9,25,18,.9)); border: 1px solid var(--line); border-radius: 20px; color: var(--ink); display: flex; gap: 15px; min-height: 86px; padding: 20px 22px; text-decoration: none; transition: border-color .2s, transform .2s; }
.guide-grid a:hover { border-color: rgba(202,255,87,.48); transform: translateY(-2px); }
.guide-grid a:last-child { grid-column: 1 / -1; }
.guide-grid span { color: var(--lime); font-size: 20px; }
.guide-grid strong { font-size: 15px; line-height: 1.35; }

@media (max-width: 760px) {
  .localized .desktop-nav { display: none; }
  .localized .site-header { height: 80px; }
  .localized .header-actions { gap: 7px; }
  .localized .mini-cta { display: none; }
  .compact-hero { min-height: auto; padding-top: 55px; }
  .answer-card, .waitlist, .two-column-note, .guide-grid { grid-template-columns: 1fr; }
  .answer-card, .waitlist { gap: 20px; }
  .roadmap-list li { gap: 14px; grid-template-columns: 40px 1fr; }
  .localized-footer { grid-template-columns: 1fr 1fr; }
  .localized-footer .footer-brand, .localized-footer .footer-meta { grid-column: 1/-1; }
  .guide-grid a:last-child { grid-column: auto; }
}

/* Detailed product pages */
.content-page { padding-bottom: 70px; }
.page-hero { max-width: 940px; padding: 105px 0 90px; }
.page-hero h1 { margin-bottom: 28px; }
.page-hero.metric-hero { align-items: center; display: flex; justify-content: space-between; max-width: none; }
.mini-score { align-items: center; background: conic-gradient(var(--lime) 0 78%,rgba(255,255,255,.08) 78%); border-radius: 50%; display: flex; flex-direction: column; flex-shrink: 0; height: 220px; justify-content: center; margin-left: 60px; outline: 10px solid #0b2118; outline-offset: -18px; width: 220px; }
.mini-score span { color: var(--muted); font-size: 9px; font-weight: 900; letter-spacing: .15em; }.mini-score strong { font-size: 66px; line-height: 1; }.mini-score small { color: var(--aqua); }
.content-section { padding: 110px 0 20px; }.content-section.split { align-items: center; display: grid; gap: 80px; grid-template-columns: 1fr 1fr; }.content-section.split.reverse > :first-child { order: 2; }.content-section h2 { font-size: clamp(36px,5vw,58px); margin: 14px 0 20px; }.content-section p { color: var(--muted); }
.feature-grid { display: grid; gap: 16px; grid-template-columns: repeat(2,1fr); }.info-card { background: linear-gradient(145deg,rgba(20,50,38,.82),rgba(9,25,18,.9)); border: 1px solid var(--line); border-radius: 28px; min-height: 315px; padding: 32px; }.info-card.accent { border-color: rgba(202,255,87,.4); }.info-card > span,.metric-detail-grid article > span,.adapt-card > span { color: var(--aqua); font-size: 10px; font-weight: 900; letter-spacing: .16em; }.info-card h2 { font-size: 28px; margin: 42px 0 14px; }.info-card p,.info-card li { color: var(--muted); font-size: 13px; }.info-card ul { padding-left: 18px; }.info-card a { font-size: 12px; font-weight: 800; }
.use-case-list { background: rgba(16,39,30,.75); border: 1px solid var(--line); border-radius: 26px; padding: 12px 26px; }.use-case-list div { border-bottom: 1px solid var(--line); display: flex; flex-direction: column; padding: 18px 0; }.use-case-list div:last-child { border: 0; }.use-case-list b { font-size: 15px; }.use-case-list span { color: var(--muted); font-size: 12px; }.check-list { list-style: none; padding: 0; }.check-list li { border-bottom: 1px solid var(--line); color: var(--soft); padding: 12px 0; }.check-list li::before { color: var(--lime); content: "✓"; font-weight: 900; margin-right: 12px; }
.metric-detail-grid { display: grid; gap: 16px; grid-template-columns: repeat(2,1fr); }.metric-detail-grid article { background: rgba(16,39,30,.8); border: 1px solid var(--line); border-radius: 27px; min-height: 330px; padding: 32px; position: relative; }.metric-detail-grid article:last-child { grid-column: 1 / -1; min-height: 260px; }.metric-detail-grid .weight { color: rgba(202,255,87,.22); font-size: 48px; font-weight: 900; position: absolute; right: 28px; top: 20px; }.metric-detail-grid h2 { font-size: 27px; margin: 45px 0 14px; }.metric-detail-grid p { color: var(--muted); font-size: 13px; max-width: 570px; }.metric-detail-grid b { bottom: 28px; color: var(--aqua); font-size: 11px; position: absolute; }
.quality-grid { display: grid; gap: 12px; grid-template-columns: repeat(4,1fr); }.quality-grid div { border: 1px solid var(--line); border-radius: 20px; padding: 22px; }.quality-grid i { color: var(--lime); display: block; font-size: 11px; font-style: normal; font-weight: 900; margin-bottom: 30px; }.quality-grid b { display: block; }.quality-grid p { font-size: 11px; }
.formula-card { align-items: center; background: #edf5ed; border-radius: 32px; color: #0c1f16; display: grid; gap: 65px; grid-template-columns: 1fr 1fr; margin-top: 100px; padding: 45px; }.formula-card h2 { font-size: 42px; margin: 10px 0; }.formula-card p { color: #51645b; font-size: 13px; }.formula-bars { display: grid; gap: 10px; }.formula-bars span { background: linear-gradient(90deg,var(--green) var(--w),#d7e2da var(--w)); border-radius: 10px; color: #fff; display: flex; font-size: 11px; font-weight: 800; padding: 9px 11px; }.formula-bars b { margin-left: auto; }
.phase-timeline { display: grid; gap: 13px; grid-template-columns: repeat(4,1fr); }.phase-timeline article { background: rgba(16,39,30,.8); border: 1px solid var(--line); border-radius: 25px; min-height: 320px; padding: 25px; position: relative; }.phase-timeline span { color: var(--aqua); font-size: 8px; font-weight: 900; letter-spacing: .12em; }.phase-timeline i { color: rgba(202,255,87,.15); font-size: 56px; font-style: normal; font-weight: 900; position: absolute; right: 20px; top: 18px; }.phase-timeline h2 { font-size: 24px; margin: 72px 0 12px; }.phase-timeline p { color: var(--muted); font-size: 12px; }.phase-timeline b { bottom: 24px; color: var(--lime); font-size: 9px; position: absolute; }
.week-table { border: 1px solid var(--line); border-radius: 24px; overflow: hidden; }.week-table > div { align-items: center; border-bottom: 1px solid var(--line); display: grid; gap: 15px; grid-template-columns: 60px 1fr 2fr 70px; padding: 15px 22px; }.week-table > div:last-child { border: 0; }.week-table .head { background: rgba(255,255,255,.05); color: var(--muted); font-size: 9px; font-weight: 900; letter-spacing: .12em; }.week-table div > span { color: var(--lime); font-size: 12px; font-weight: 900; }.week-table b { font-size: 13px; }.week-table p { font-size: 13px; margin: 0; }.week-table em { color: var(--aqua); font-size: 11px; font-style: normal; font-weight: 800; }.week-table .measure { background: rgba(202,255,87,.07); }
.drill-card { background: #eef6ee; border-radius: 27px; color: #0c1f16; padding: 34px; }.drill-card > span { color: var(--green); font-size: 9px; font-weight: 900; letter-spacing: .14em; }.drill-card h3 { font-size: 32px; margin: 10px 0 22px; }.drill-card ol { list-style: none; padding: 0; }.drill-card li { border-bottom: 1px solid #d5e1d8; counter-increment: drill; display: flex; flex-direction: column; padding: 13px 0 13px 35px; position: relative; }.drill-card li::before { color: var(--green); content: counter(drill); font-size: 11px; font-weight: 900; left: 5px; position: absolute; }.drill-card small { color: #64766c; margin-top: 3px; }.safety-chip { background: #fff0e9; border-radius: 10px; color: #a43d16; font-size: 10px; font-weight: 800; margin-top: 18px; padding: 10px; }
.level-grid { display: grid; gap: 15px; grid-template-columns: repeat(3,1fr); }.level-grid article { border: 1px solid var(--line); border-radius: 24px; min-height: 235px; padding: 27px; }.level-grid span { color: var(--lime); font-size: 9px; font-weight: 900; letter-spacing: .15em; }.level-grid h3 { font-size: 25px; margin: 35px 0 12px; }.level-grid p { color: var(--muted); font-size: 12px; }
.adapt-card { background: linear-gradient(145deg,#183c2d,#0d2118); border: 1px solid rgba(202,255,87,.3); border-radius: 26px; padding: 30px; }.adapt-card > div { border-bottom: 1px solid var(--line); display: flex; flex-direction: column; padding: 17px 0; }.adapt-card > div:last-child { border: 0; }.adapt-card b { color: var(--muted); font-size: 10px; }.adapt-card strong { color: var(--lime); font-size: 15px; }
.faq-list.expanded { max-width: 850px; }.faq-list.expanded h2 { color: var(--aqua); font-size: 12px; letter-spacing: .14em; margin: 60px 0 10px; text-transform: uppercase; }.faq-list.expanded details { padding: 24px 0; }.faq-list.expanded summary { font-size: 17px; }.faq-list.expanded p { font-size: 14px; max-width: 750px; }.help-banner { align-items: center; background: linear-gradient(130deg,rgba(29,133,91,.26),rgba(16,39,30,.8)); border: 1px solid var(--line); border-radius: 28px; display: flex; justify-content: space-between; margin-top: 95px; padding: 35px; }.help-banner h2 { font-size: 32px; margin: 10px 0; }.help-banner p { color: var(--muted); font-size: 13px; }
.principle-grid { display: grid; gap: 14px; grid-template-columns: repeat(2,1fr); margin-bottom: 80px; }.principle-grid article { border: 1px solid var(--line); border-radius: 24px; min-height: 235px; padding: 28px; }.principle-grid i { color: var(--lime); font-size: 11px; font-style: normal; font-weight: 900; }.principle-grid h2 { font-size: 26px; margin: 42px 0 10px; }.principle-grid p { color: var(--muted); font-size: 13px; }.brand-kit { align-items: center; background: rgba(16,39,30,.8); border: 1px solid var(--line); border-radius: 28px; display: grid; gap: 40px; grid-template-columns: auto 1fr; margin-top: 70px; padding: 35px; }.brand-kit img { border-radius: 28px; height: 150px; width: 150px; }.brand-kit h2 { font-size: 36px; margin: 10px 0; }.brand-kit p { color: var(--muted); }

[data-lang] { display: none; } [data-lang].active { display: block; }
.reveal { animation: reveal .75s ease both; }.delay-1 { animation-delay: .12s; }.delay-2 { animation-delay: .24s; }
@keyframes reveal { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes wave { 0%,100% { transform: scaleY(.45); } 50% { transform: scaleY(1.2); } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.reveal, .wave-line i { animation: none; } }

@media (max-width: 980px) {
  .desktop-nav { display: none; }.hero-grid { gap: 30px; grid-template-columns: 1fr 1fr; }.phone-stage { transform: scale(.86); }.metric-section, .science-grid { gap: 45px; }.faq-section { gap: 45px; }.final-cta { grid-template-columns: auto 1fr; }.final-cta .primary-cta { grid-column: 1 / -1; justify-content: center; }
}
@media (max-width: 760px) {
  .shell.wide, .shell { width: min(100% - 30px, 600px); }.site-header { height: 78px; }.brand span { font-size: 16px; }.mini-cta { display: none; }
  .site-glow, .orbit, .phone-stage::before { display: none; }
  .hero-grid { display: flex; flex-direction: column; gap: 0; min-height: 0; padding: 70px 0 20px; }.hero-copy { width: 100%; }.hero-grid h1 { font-size: clamp(46px,14vw,68px); }.hero-actions { align-items: flex-start; flex-direction: column; }.trust-row { gap: 15px; justify-content: space-between; }.phone-stage { height: 590px; margin-top: 15px; transform: scale(.88); width: 100%; }.phone { height: 590px; width: 273px; }.score-card { left: -5px; }.streak-card { right: -3px; }
  .proof-strip { flex-wrap: wrap; gap: 10px; justify-content: center; }.proof-strip span { font-size: 9px; }.proof-strip i { font-size: 9px; }
  .section-block { padding-top: 88px; }.steps-grid, .journey, .metric-section, .science-grid, .compare-card, .exercise-preview, .faq-section, .pricing-grid { grid-template-columns: 1fr; }.step-card, .step-card.featured { min-height: 280px; transform: none; }.metric-section, .science-grid, .compare-card, .faq-section { gap: 35px; }.score-visual { min-height: 420px; }.exercise-preview, .compare-card { padding: 27px; }.audio-compare i { width: 55px; }.journey-card { min-height: 220px; }
  .cards { grid-template-columns: 1fr; }.card { min-height: 0; }.simple-hero { padding-top: 90px; }.final-cta { grid-template-columns: 1fr; margin-top: 90px; text-align: left; }.final-cta h2 { font-size: 32px; }.final-cta img { height: 76px; width: 76px; }.site-footer { grid-template-columns: 1fr 1fr; }.footer-brand, .footer-meta { grid-column: 1 / -1; }
  .page-hero { padding: 80px 0 60px; }.page-hero.metric-hero { align-items: flex-start; flex-direction: column; }.mini-score { height: 170px; margin: 40px 0 0; width: 170px; }.feature-grid,.metric-detail-grid,.phase-timeline,.quality-grid,.formula-card,.level-grid,.principle-grid { grid-template-columns: 1fr; }.metric-detail-grid article:last-child { grid-column: auto; min-height: 330px; }.content-section.split { gap: 35px; grid-template-columns: 1fr; }.content-section.split.reverse > :first-child { order: 0; }.formula-card { gap: 35px; margin-top: 75px; padding: 28px; }.phase-timeline article { min-height: 270px; }.week-table > div { grid-template-columns: 42px 1fr 60px; }.week-table .head { display: none; }.week-table p { grid-column: 2 / 3; }.week-table em { grid-column: 3; grid-row: 1; }.help-banner { align-items: flex-start; flex-direction: column; gap: 25px; }.brand-kit { grid-template-columns: 1fr; }.brand-kit img { height: 100px; width: 100px; }
}
@media (max-width: 390px) { .brand span { display: none; }.languages button { padding: 6px 7px; }.phone-stage { margin-left: -6%; width: 112%; }.trust-row span { font-size: 9px; } }