:root{--bg:#f7f8f6;--surface:#fff;--ink:#171a18;--muted:#68706b;--line:#e3e7e4;--brand:#16a36a;--brand-dark:#0d6f49;--brand-soft:#e7f6ef;--mint:#74e3b5;--night:#101b16;--warning:#e5a524;--shadow:0 28px 80px rgba(18,55,39,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{font:inherit}button{cursor:pointer}svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-header{height:76px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:800;letter-spacing:-.4px}.brand img{border-radius:50%}.site-header nav{display:flex;gap:34px;color:var(--muted);font-size:14px;font-weight:600}.site-header nav a:hover{color:var(--brand-dark)}
.button{min-height:50px;padding:0 22px;border-radius:10px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;transition:.2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--brand);color:white;box-shadow:0 12px 30px rgba(22,163,106,.22)}.button-primary:hover{background:var(--brand-dark)}.button-secondary{background:white;border-color:var(--line)}.button-ghost{background:transparent;border-color:var(--line)}.button-small{min-height:40px;padding:0 16px;font-size:14px}.button[disabled]{opacity:.75}.is-pending{color:var(--muted)}
.hero{min-height:760px;max-width:1240px;margin:auto;padding:80px 28px 110px;display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--brand-dark);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.9px}.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--brand)}h1{margin:22px 0 24px;font-size:clamp(48px,5.4vw,76px);line-height:.99;letter-spacing:-4px;font-weight:800}h1 em{font-style:normal;color:var(--brand)}.hero-lead{max-width:600px;color:var(--muted);font-size:19px;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.availability{font-size:13px;color:var(--muted);margin:16px 0 0}
.product-stage{height:640px;position:relative;display:flex;align-items:center;justify-content:center}.stage-orbit{position:absolute;border:1px solid rgba(22,163,106,.13);border-radius:50%}.orbit-one{width:620px;height:620px}.orbit-two{width:470px;height:470px;background:radial-gradient(circle,rgba(116,227,181,.26),rgba(231,246,239,.1) 60%,transparent 70%)}.phone{width:342px;height:630px;background:#fafbf9;border:9px solid var(--night);border-radius:42px;box-shadow:var(--shadow);position:relative;overflow:hidden;z-index:2}.phone:before{content:"";position:absolute;width:110px;height:23px;background:var(--night);border-radius:0 0 16px 16px;top:0;left:50%;transform:translateX(-50%)}.phone-bar{height:38px;padding:9px 20px 0;display:flex;justify-content:space-between;font-size:9px;font-weight:700}.app-head{display:flex;justify-content:space-between;align-items:center;padding:12px 18px}.mini-brand{display:flex;align-items:center;gap:8px;font-size:13px}.mini-brand img{width:28px}.avatar{width:29px;height:29px;border-radius:50%;background:var(--brand-soft);color:var(--brand-dark);font-size:9px;font-weight:800;display:grid;place-items:center}.app-copy{padding:25px 20px 18px}.app-copy small,.exam-org{color:var(--brand-dark);font-weight:800;letter-spacing:.7px;font-size:9px}.app-copy h2{font-size:28px;line-height:1.08;letter-spacing:-1.2px;margin:8px 0}.exam-card{margin:2px 17px;background:white;border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:0 14px 38px rgba(20,60,42,.06)}.card-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.source{padding:5px 8px;background:var(--brand-soft);color:var(--brand-dark);border-radius:6px;font-size:9px;font-weight:700}.source b{margin-right:3px}.exam-org{margin:20px 0 7px}.exam-card h3{font-size:18px;line-height:1.25;margin:0 0 8px}.exam-card>p:not(.exam-org){font-size:11px;color:var(--muted)}.progress{height:6px;background:var(--line);border-radius:10px;margin-top:17px;overflow:hidden}.progress i{display:block;width:64%;height:100%;background:var(--brand);border-radius:10px}.progress-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:7px}.progress-meta b{color:var(--ink)}.exam-card button{width:100%;border:0;border-radius:8px;background:var(--brand);color:white;padding:10px 12px;margin-top:17px;font-size:11px;font-weight:700;display:flex;justify-content:space-between}.app-nav{position:absolute;bottom:0;left:0;right:0;height:64px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;background:white;color:var(--muted);font-size:21px}.app-nav>*{display:flex;flex-direction:column;align-items:center}.app-nav b{color:var(--brand)}.app-nav small{font-size:8px;font-weight:600;margin-top:1px}.floating-card{position:absolute;background:white;border:1px solid var(--line);border-radius:12px;padding:13px 15px;display:flex;align-items:center;gap:11px;z-index:3;box-shadow:0 18px 45px rgba(13,66,43,.12)}.floating-card b,.floating-card small{display:block}.floating-card b{font-size:12px}.floating-card small{font-size:9px;color:var(--muted);margin-top:2px}.floating-source{right:-12px;top:150px}.floating-source>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-weight:800}.floating-progress{left:-8px;bottom:110px}.ring{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;border:4px solid var(--brand);font-size:12px;font-weight:800}.ring small{display:inline;font-size:7px;color:var(--ink)}
.manifesto{background:var(--night);color:white;padding:120px 28px;text-align:center}.manifesto>p:first-child{color:var(--mint);font-size:17px;font-weight:600;margin:0}.manifesto h2{font-size:clamp(50px,7vw,90px);letter-spacing:-4px;line-height:1;margin:8px 0 32px}.manifesto-line{width:1px;height:58px;background:linear-gradient(var(--brand),transparent);margin:0 auto 30px}.manifesto-body{max-width:790px;margin:auto;color:#b9c8c0;font-size:20px;line-height:1.7}
.product-section{max-width:1240px;margin:auto;padding:130px 28px}.section-heading span,.section-label{color:var(--brand-dark);font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.section-heading h2,.focus-copy h2,.trust-card h2{font-size:clamp(36px,4.2vw,58px);line-height:1.08;letter-spacing:-2.3px;margin:14px 0 50px}.journey{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.journey article{padding:30px 28px 8px 0;position:relative}.journey article:not(:last-child){border-right:1px solid var(--line);margin-right:26px}.journey strong{font-size:12px;color:var(--muted)}.journey-icon{width:46px;height:46px;border-radius:11px;background:var(--brand-soft);color:var(--brand-dark);display:grid;place-items:center;font-size:24px;margin:52px 0 26px}.journey h3{font-size:21px;margin:0 0 10px}.journey p{color:var(--muted);font-size:14px;margin:0;max-width:230px}
.focus-section{max-width:1240px;margin:0 auto;padding:90px 28px 140px;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.focus-copy>p{color:var(--muted);font-size:17px}.focus-copy ul{list-style:none;padding:0;margin:32px 0}.focus-copy li{display:flex;align-items:center;gap:10px;margin:14px 0;font-weight:600}.focus-copy li i{width:20px;height:20px;border-radius:50%;background:var(--brand-soft);position:relative}.focus-copy li i:after{content:"✓";position:absolute;color:var(--brand);font-size:11px;left:5px;top:1px}.focus-demo{background:white;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:var(--shadow)}.focus-top{display:flex;justify-content:space-between;align-items:center}.focus-top small,.focus-top b{display:block}.focus-top small{color:var(--muted);font-size:11px}.focus-top b{margin-top:3px}.focus-top>span{font-variant-numeric:tabular-nums;padding:8px 10px;border:1px solid var(--line);border-radius:7px;font-size:12px;font-weight:700}.focus-progress{height:5px;background:var(--line);margin:20px 0 30px}.focus-progress i{display:block;width:46%;height:100%;background:var(--brand)}.question>span{font-size:10px;color:var(--brand-dark);font-weight:800;letter-spacing:.7px}.question h3{font-size:18px;line-height:1.5;margin:11px 0 22px}.answer{padding:13px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:12px;margin:9px 0;font-size:13px}.answer b{min-width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--bg);font-size:11px}.answer p{margin:0;flex:1}.answer>i{font-style:normal;color:var(--brand);font-weight:800}.answer.selected{background:var(--brand-soft);border-color:var(--brand)}.answer.selected b{background:var(--brand);color:white}.focus-actions{display:flex;justify-content:space-between;margin-top:25px}.focus-actions button{border:1px solid var(--line);background:white;padding:10px 14px;border-radius:8px;font-weight:700;font-size:12px}.focus-actions button:last-child{background:var(--brand);color:white;border-color:var(--brand)}
.trust-section{max-width:1240px;margin:auto;padding:0 28px 140px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.trust-card,.result-card{min-height:520px;border-radius:22px;padding:48px}.trust-card{background:var(--brand-soft);position:relative;overflow:hidden}.trust-card:after{content:"✓";position:absolute;right:-20px;bottom:-130px;font-size:390px;font-weight:800;color:rgba(22,163,106,.07);line-height:1}.trust-mark{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:white;font-size:27px;font-weight:800;margin-bottom:56px}.trust-card>span{color:var(--brand-dark);font-size:11px;font-weight:800;letter-spacing:1px}.trust-card h2{font-size:39px;margin:13px 0 20px}.trust-card p{color:#446254;max-width:500px}.result-card{background:var(--night);color:white;display:flex;flex-direction:column;justify-content:space-between}.result-score small{display:block;color:var(--mint);font-size:10px;letter-spacing:1px;font-weight:800}.result-score strong{display:block;font-size:86px;letter-spacing:-5px;line-height:1.1}.result-score b{font-size:19px}.result-details{border-top:1px solid #2d4037;padding-top:25px}.result-details>span{font-size:12px;color:#aebdb5}.result-details div{display:flex;gap:8px;margin:14px 0 18px}.result-details div b{width:38px;height:38px;display:grid;place-items:center;border:1px solid #375546;border-radius:8px;font-size:12px}.result-details p{color:#aebdb5;font-size:14px;margin:0}
.final-cta{margin:0 24px 24px;border-radius:24px;background:var(--brand);color:white;text-align:center;padding:100px 24px;overflow:hidden;position:relative}.final-cta:before,.final-cta:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%;width:650px;height:650px;top:50%;transform:translateY(-50%)}.final-cta:before{left:-420px}.final-cta:after{right:-420px}.final-cta img{width:74px;border-radius:18px;margin-bottom:25px}.final-cta>span{display:block;font-size:11px;letter-spacing:1.1px;font-weight:800;color:#c8f4df}.final-cta h2{font-size:clamp(45px,6vw,76px);line-height:1;letter-spacing:-3px;margin:16px 0 22px}.final-cta p{font-size:18px;color:#d8f6e8}.centered{justify-content:center}.button-light{background:white;color:var(--brand-dark)}.button-outline-light{border-color:rgba(255,255,255,.45);color:white;background:rgba(255,255,255,.06)}
footer{max-width:1240px;margin:auto;padding:45px 28px 60px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}footer a{font-weight:700;color:var(--ink)}
dialog{max-width:420px;border:0;border-radius:18px;padding:34px;box-shadow:0 30px 100px rgba(0,0,0,.24);text-align:center}dialog::backdrop{background:rgba(10,20,15,.6);backdrop-filter:blur(5px)}dialog img{width:64px;border-radius:16px}dialog h2{margin:16px 0 8px}dialog p{color:var(--muted)}dialog .button{width:100%;margin-top:10px}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:28px;color:var(--muted)}
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}[data-reveal].visible{opacity:1;transform:none}
@media(max-width:960px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px;text-align:center}.hero-copy{max-width:760px;margin:auto}.hero-lead{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.product-stage{height:610px}.focus-section{grid-template-columns:1fr;gap:50px}.focus-copy{max-width:700px}.journey{grid-template-columns:1fr 1fr}.journey article{border-bottom:1px solid var(--line)}.trust-section{grid-template-columns:1fr}.trust-card,.result-card{min-height:440px}}
@media(max-width:620px){.site-header{padding:0 18px;height:68px}.site-header>.button{display:none}.hero{padding:45px 18px 80px;gap:30px;min-height:auto}h1{font-size:48px;letter-spacing:-2.5px}.hero-lead{font-size:17px}.hero-actions{display:grid}.hero-actions .button{width:100%}.availability{text-align:left}.product-stage{height:565px;transform:scale(.9);margin:-18px -40px}.phone{width:330px;height:610px}.floating-card{display:none}.manifesto{padding:90px 20px}.manifesto h2{font-size:54px;letter-spacing:-2.5px}.manifesto-body{font-size:17px}.product-section{padding:90px 20px}.section-heading h2,.focus-copy h2{font-size:39px;letter-spacing:-1.6px}.journey{grid-template-columns:1fr}.journey article:not(:last-child){border-right:0;margin-right:0}.journey-icon{margin-top:25px}.focus-section{padding:50px 18px 100px}.focus-demo{padding:20px}.trust-section{padding:0 18px 100px}.trust-card,.result-card{padding:30px;min-height:440px}.trust-card h2{font-size:34px}.result-score strong{font-size:72px}.final-cta{margin:0 10px 10px;padding:75px 18px}.final-cta h2{font-size:44px;letter-spacing:-2px}footer{padding:40px 20px;flex-direction:column;gap:14px;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}