@import 'tailwindcss';
:root { --ink:#0B1F3A; --blue:#2563EB; --orange:#FF7A1A; --paper:#F8FAFC; --white:#FFFFFF; --slate:#475569; --success:#16A34A; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1160px, calc(100% - 40px)); margin-inline:auto; }
.nav { height:166px; display:flex; align-items:center; justify-content:space-between; position:absolute; left:0; right:0; top:0; z-index:5; color:white; border-bottom:1px solid rgba(255,255,255,.13); }
.brand { display:flex; align-items:center; gap:12px; font-weight:750; letter-spacing:-.02em; }
.brand b { color:var(--orange); }
.brandLogo { display:grid; place-items:center; width:330px; height:144px; flex:0 0 330px; padding:11px 17px 15px; border-radius:14px; background:white; overflow:hidden; }
.brandLogo img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
.navCta { border:1px solid rgba(255,255,255,.45); padding:12px 18px; border-radius:99px; font-size:14px; transition:.2s; }
.navCta:hover { background:white; color:var(--ink); }
.hero { min-height:830px; background:var(--ink); color:white; position:relative; overflow:hidden; padding:208px 0 90px; }
.hero:after { content:""; position:absolute; width:430px; height:430px; border:1px solid rgba(37,99,235,.3); border-radius:50%; right:-170px; top:100px; box-shadow:0 0 0 90px rgba(37,99,235,.05),0 0 0 180px rgba(255,122,26,.025); }
.heroGlow { position:absolute; inset:auto auto -330px -260px; width:650px; height:650px; background:radial-gradient(circle,rgba(37,99,235,.22),transparent 65%); }
.heroGrid { position:relative; z-index:2; display:grid; grid-template-columns:1.12fr .88fr; gap:78px; align-items:center; }
.eyebrow { display:flex; align-items:center; gap:10px; text-transform:uppercase; letter-spacing:.14em; font-size:12px; font-weight:800; color:#d8e0dc; }
.eyebrow span { width:24px; height:2px; background:var(--orange); }
.hero h1 { font-size:clamp(50px,6vw,78px); line-height:.96; letter-spacing:-.065em; margin:27px 0 28px; max-width:720px; }
em { font-family:Georgia, 'Times New Roman', serif; font-weight:400; color:var(--orange); }
.lead { font-size:20px; line-height:1.55; max-width:630px; color:#c7d0cd; }
.heroActions { display:flex; align-items:center; gap:24px; margin-top:36px; }
.primaryButton { background:var(--blue); color:white; padding:18px 22px; border-radius:8px; font-weight:900; display:inline-flex; gap:26px; align-items:center; box-shadow:0 10px 28px rgba(37,99,235,.24); transition:.2s; }
.primaryButton:hover { transform:translateY(-2px); background:#1d4ed8; }
.primaryButton span { font-size:22px; }
.heroActions p { color:#9eaaa7; font-size:12px; max-width:165px; line-height:1.4; }
.trustRow { display:flex; flex-wrap:wrap; gap:22px; color:#aeb9b6; font-size:13px; margin-top:45px; }
.systemCard { background:var(--white); color:var(--ink); border-radius:18px; padding:25px; box-shadow:0 35px 80px rgba(0,0,0,.35); transform:rotate(1.2deg); }
.cardTop { display:flex; align-items:center; gap:8px; font-size:10px; font-weight:900; letter-spacing:.08em; color:#59625f; }
.statusDot { width:8px; height:8px; border-radius:50%; background:var(--success); box-shadow:0 0 0 4px rgba(22,163,74,.15); }
.week { margin-left:auto; background:#e9ece4; padding:6px 8px; border-radius:5px; }
.systemCard h2 { font-size:30px; letter-spacing:-.045em; line-height:1.05; margin:28px 0 22px; }
.progressTrack { height:5px; background:#e1e5dd; border-radius:8px; overflow:hidden; }
.progressTrack span { display:block; width:67%; height:100%; background:var(--blue); }
.steps { margin-top:18px; display:grid; gap:9px; }
.steps article { display:grid; grid-template-columns:42px 1fr 26px; align-items:center; border:1px solid #e1e4dd; background:white; border-radius:10px; padding:13px; }
.steps b { color:#9ba39f; font-size:12px; }
.steps strong,.steps small { display:block; }
.steps strong { font-size:14px; }
.steps small { color:#77817e; margin-top:4px; }
.steps i { width:23px; height:23px; border-radius:50%; display:grid; place-items:center; background:#e5f7bc; color:#31420f; font-style:normal; font-size:12px; }
.microWin { margin-top:14px; background:var(--ink); color:white; padding:15px; border-radius:10px; display:flex; gap:12px; align-items:center; }
.microWin>span { display:grid; place-items:center; width:34px; height:34px; border-radius:8px; background:var(--success); color:white; font-weight:900; }
.microWin small,.microWin strong { display:block; }.microWin small{font-size:9px;color:#9ba8a4;letter-spacing:.1em}.microWin strong{font-size:13px;margin-top:3px}
.reality { padding:105px 0; display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; }
.eyebrow.dark { color:#65706c; }
.reality h2 { font-size:clamp(38px,4.3vw,58px); line-height:1.04; letter-spacing:-.055em; margin:22px 0; }
.reality h2 em { color:var(--blue); }
.struggleList { border-top:1px solid #cfd3ca; }
.struggleList article { display:grid; grid-template-columns:48px 1fr; gap:18px; align-items:start; padding:24px 4px; border-bottom:1px solid #cfd3ca; }
.struggleList span { color:#7c8581; font-size:12px; font-weight:800; }
.struggleList p { margin:0; font-size:19px; line-height:1.4; font-weight:650; }
.levels { padding:20px 0 110px; }
.levelsHead { text-align:center; max-width:780px; margin:0 auto 48px; }
.levelsHead .eyebrow { justify-content:center; }
.levelsHead h2 { font-size:clamp(42px,5vw,66px); line-height:1; letter-spacing:-.06em; margin:22px 0; }
.levelsHead h2 em { color:var(--blue); }
.levelCards { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.levelCards article { position:relative; padding:42px; border-radius:18px; overflow:hidden; }
.levelStarter { background:var(--white); border:1px solid #dbe4f0; box-shadow:0 18px 45px rgba(11,31,58,.08); }
.levelPro { background:var(--ink); color:white; box-shadow:0 18px 45px rgba(11,31,58,.2); }
.levelBadge { display:inline-block; border-radius:99px; padding:8px 11px; font-size:10px; font-weight:900; letter-spacing:.12em; background:#dbeafe; color:var(--blue); }
.levelPro .levelBadge { background:rgba(255,122,26,.15); color:var(--orange); }
.levelLeader { background:#fff7ed; border:1px solid #fed7aa; }
.levelLeader .levelBadge { background:#ffedd5; color:#c2410c; }
.levelIcon { display:block; font-size:54px; font-weight:950; letter-spacing:-.08em; color:var(--blue); margin:42px 0 24px; }
.levelPro .levelIcon { color:var(--orange); }
.levelLeader .levelIcon { color:var(--orange); }
.levelCards h3 { font-size:30px; letter-spacing:-.045em; margin:0 0 15px; }
.levelCards p { color:var(--slate); font-size:17px; line-height:1.6; }
.levelPro p { color:#bdc8d6; }
.levelCards ul { list-style:none; padding:0; margin:28px 0 0; display:grid; gap:13px; }
.levelCards li { position:relative; padding-left:28px; font-weight:700; font-size:14px; }
.levelCards li:before { content:"✓"; position:absolute; left:0; color:var(--success); }
.method { background:#eef3fb; padding:105px 0; }
.methodIntro { display:grid; grid-template-columns:1.1fr .9fr; gap:100px; align-items:end; margin:18px 0 48px; }
.methodIntro h2 { font-size:clamp(38px,4.5vw,60px); line-height:1.02; letter-spacing:-.06em; margin:0; }
.methodIntro p { color:#5e6965; line-height:1.65; font-size:18px; margin:0; }
.methodCards { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.methodCards article { position:relative; background:var(--white); padding:28px; min-height:300px; border:1px solid #dbe4f0; border-radius:12px; }
.methodCards b { color:#7c8782; font-size:11px; }
.methodCards>article>span { display:grid; place-items:center; width:54px; height:54px; border-radius:50%; background:#dbeafe; color:var(--blue); margin:38px 0 30px; font-size:24px; font-weight:900; }
.methodCards h3 { font-size:25px; letter-spacing:-.035em; margin:0 0 13px; }
.methodCards p { color:#66716d; line-height:1.55; margin:0; }
.journey { background:var(--white); padding:105px 0; }
.journeyGrid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.journeyGrid article { border:1px solid #dbe4f0; border-radius:12px; padding:24px; background:var(--paper); min-height:190px; }
.journeyGrid article:last-child { background:var(--ink); color:white; }
.journeyGrid b { color:var(--orange); font-size:12px; letter-spacing:.12em; }
.journeyGrid h3 { font-size:22px; margin:30px 0 10px; letter-spacing:-.035em; }
.journeyGrid p { color:var(--slate); line-height:1.5; margin:0; font-size:14px; }
.journeyGrid article:last-child p { color:#cbd5e1; }
.outcome { padding:100px 0; }
.outcomePanel { position:relative; overflow:hidden; background:var(--ink); color:white; border-radius:20px; padding:70px; }
.outcomePanel:after { content:"10X"; position:absolute; right:-18px; top:-55px; font-size:220px; font-weight:950; color:rgba(37,99,235,.11); letter-spacing:-.1em; }
.outcomePanel h2 { font-size:clamp(46px,6vw,78px); line-height:.96; letter-spacing:-.06em; margin:25px 0; }
.outcomeLead { color:#b9c4c0; max-width:570px; font-size:18px; line-height:1.6; }
.outcomeGrid { margin-top:50px; display:grid; grid-template-columns:1fr 50px 1fr; gap:25px; align-items:center; border-top:1px solid #34413f; padding-top:28px; }
.outcomeGrid small { color:var(--orange); letter-spacing:.14em; font-weight:900; }
.outcomeGrid p { color:#d2d9d6; line-height:1.5; max-width:370px; }
.outcomeGrid i { color:var(--orange); font-size:34px; font-style:normal; }
.relations { padding:20px 0 110px; display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:start; }
.relations h2,.faq h2 { font-size:clamp(38px,4.5vw,58px); line-height:1.02; letter-spacing:-.055em; margin:22px 0; }
.relations>div:last-child { color:var(--slate); font-size:19px; line-height:1.7; padding-top:30px; }
.relations strong { display:block; color:var(--ink); margin-top:22px; }
.contactSection { background:var(--ink); color:white; padding:105px 0; }
.contactGrid { display:grid; grid-template-columns:.82fr 1.18fr; gap:85px; align-items:start; }
.contactIntro { position:sticky; top:40px; }
.contactIntro h2 { font-size:clamp(42px,5vw,66px); line-height:.98; letter-spacing:-.06em; margin:24px 0; }
.contactIntro>p:not(.eyebrow) { color:#b9c4d2; font-size:18px; line-height:1.65; max-width:500px; }
.contactPromise { margin-top:36px; padding:20px 0; border-top:1px solid #33455f; display:grid; gap:6px; }
.contactPromise span { color:#9dacbf; font-size:14px; }
.contactForm { background:white; color:var(--ink); border-radius:20px; padding:36px; box-shadow:0 30px 80px rgba(0,0,0,.28); }
.contactForm label { display:grid; gap:8px; font-size:13px; font-weight:800; }
.contactForm input[type="text"],.contactForm input[type="email"] { width:100%; border:1px solid #cfd9e6; border-radius:9px; background:#f8fafc; padding:14px 15px; color:var(--ink); font:inherit; font-weight:500; outline:none; }
.contactForm input:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(37,99,235,.12); }
.formRow { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:17px; }
.contactForm>label { margin-bottom:22px; }
.contactForm fieldset { border:0; padding:0; margin:0 0 24px; }
.contactForm legend { font-size:15px; font-weight:900; margin-bottom:12px; }
.choiceGrid { display:grid; gap:10px; }
.twoChoices { grid-template-columns:1fr 1fr; }
.levelChoices { grid-template-columns:repeat(3,1fr); }
.choice { position:relative; cursor:pointer; }
.choice input { position:absolute; opacity:0; pointer-events:none; }
.choice span { height:100%; min-height:82px; display:flex; flex-direction:column; justify-content:center; gap:5px; border:1px solid #d7e0eb; border-radius:11px; padding:14px; background:#f8fafc; transition:.18s; }
.choice small { color:var(--slate); font-weight:500; line-height:1.35; }
.choice input:checked+span { border-color:var(--blue); background:#eff6ff; box-shadow:0 0 0 2px rgba(37,99,235,.12); }
.networkDetails { border-top:1px solid #e2e8f0; padding-top:23px; }
.privacyCheck { grid-template-columns:20px 1fr!important; align-items:start; gap:9px!important; color:var(--slate); font-weight:500!important; line-height:1.45; }
.privacyCheck input { margin-top:2px; accent-color:var(--blue); }
.websiteField { position:absolute!important; left:-10000px; width:1px; height:1px; overflow:hidden; }
.submitButton { width:100%; border:0; border-radius:9px; background:var(--blue); color:white; padding:16px 20px; font-size:15px; font-weight:900; display:flex; align-items:center; justify-content:space-between; cursor:pointer; box-shadow:0 12px 28px rgba(37,99,235,.22); }
.submitButton:hover { background:#1d4ed8; }
.submitButton span { font-size:22px; }
.formNote { color:#7b8797; text-align:center; font-size:11px; margin:13px 0 0; }
.formStatus { border-radius:10px; padding:14px 16px; margin-bottom:20px; display:grid; gap:4px; }
.formStatus[hidden] { display:none; }
.formStatus span { font-size:13px; }
.formSuccess { background:#ecfdf3; color:#166534; border:1px solid #bbf7d0; }
.formError { background:#fff1f2; color:#9f1239; border:1px solid #fecdd3; }
.faq { background:#eef3fb; padding:100px 0; }
.faqGrid { display:grid; grid-template-columns:.75fr 1.25fr; gap:90px; }
.faqList { border-top:1px solid #cbd5e1; }
.faqList details { border-bottom:1px solid #cbd5e1; padding:23px 0; }
.faqList summary { cursor:pointer; font-weight:800; font-size:18px; list-style:none; padding-right:30px; position:relative; }
.faqList summary:after { content:"+"; position:absolute; right:4px; color:var(--blue); font-size:24px; }
.faqList details[open] summary:after { content:"−"; }
.faqList p { color:var(--slate); line-height:1.6; margin:16px 35px 0 0; }
.finalCta { text-align:center; padding:80px 0 110px; position:relative; overflow:hidden; }
.finalCta .eyebrow { justify-content:center; }
.ctaNumber { display:block; font-size:13px; font-weight:950; margin-bottom:34px; transform:skew(-8deg); }
.finalCta h2 { font-size:clamp(48px,7vw,86px); line-height:.91; letter-spacing:-.065em; margin:24px 0 14px; }
.finalCta h3 { font:400 clamp(24px,3vw,38px)/1.2 Georgia,serif; color:var(--blue); margin:0 auto 42px; }
.finalCta .primaryButton { margin:auto; }
.ctaNote { color:#737d79; font-size:12px; }
.footer { min-height:120px; border-top:1px solid #d5d8d0; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; gap:20px; }
.footerBrand { font-size:14px; }.footerBrand .brandLogo{width:245px;height:108px;flex-basis:245px;padding:9px 13px 13px}.footer p{font-size:13px;text-align:center;color:var(--slate)}.footer small{text-align:right;color:#7b8581}
@media (max-width:850px){.heroGrid,.reality{grid-template-columns:1fr}.heroGrid{gap:55px}.systemCard{max-width:520px}.hero{padding-top:135px}.reality{gap:35px}.navCta{display:none}}
@media (max-width:850px){.levelCards,.methodIntro,.relations,.faqGrid,.contactGrid{grid-template-columns:1fr}.methodIntro,.relations,.faqGrid,.contactGrid{gap:36px}.contactIntro{position:static}.methodCards{grid-template-columns:1fr}.journeyGrid{grid-template-columns:repeat(2,1fr)}.methodCards article{min-height:0}.methodCards>article>span{margin:25px 0 20px}.outcomePanel{padding:45px}.footer{grid-template-columns:1fr;text-align:center;padding:30px 0}.footerBrand{justify-content:center}.footer small{text-align:center}}
@media (max-width:560px){.shell{width:min(100% - 28px,1160px)}.nav{height:130px}.brand{font-size:0}.brandLogo{width:255px;height:112px;flex-basis:255px;padding:9px 13px 13px}.hero{padding:170px 0 65px}.hero h1{font-size:48px}.lead{font-size:17px}.heroActions{align-items:flex-start;flex-direction:column}.trustRow{gap:12px;flex-direction:column}.systemCard{padding:18px}.systemCard h2{font-size:25px}.reality,.method,.journey,.faq,.contactSection{padding:70px 0}.journeyGrid{grid-template-columns:1fr}.struggleList p{font-size:16px}.outcome{padding:60px 0}.outcomePanel{padding:32px 22px}.outcomeGrid{grid-template-columns:1fr}.outcomeGrid i{transform:rotate(90deg)}.finalCta{padding:60px 0 80px}.contactForm{padding:22px}.formRow,.twoChoices,.levelChoices{grid-template-columns:1fr}.choice span{min-height:72px}}