:root{--navy:#071425;--navy2:#0d2d4b;--blue:#168cff;--teal:#00c9ad;--soft:#f4f7fa;--ink:#0a1728;--muted:#5c6b7b;--line:#dbe4ec;--white:#fff;--container:1180px;--radius:18px;--shadow:0 25px 70px rgba(5,25,45,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(var(--container),calc(100% - 48px));margin:auto}header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(10,23,40,.08);background:rgba(255,255,255,.92);backdrop-filter:blur(16px)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{display:block;width:210px;max-height:55px;object-fit:contain}.nav nav{display:flex;align-items:center;gap:27px;font-size:.9rem;font-weight:700}.menu-toggle{display:none;border:0;background:none}.menu-toggle span{display:block;width:23px;height:2px;margin:5px;background:var(--ink)}.menu-toggle b{position:absolute;width:1px;height:1px;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;border:1px solid transparent;border-radius:10px;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-dark{min-height:42px;color:#fff;background:var(--navy)}.hero{position:relative;overflow:hidden;padding:100px 0 85px;background:radial-gradient(circle at 87% 18%,rgba(0,201,173,.18),transparent 29%),linear-gradient(135deg,#f8fbff,#fff 52%,#eef9ff)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(7,20,37,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,20,37,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,transparent,black)}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:65px;align-items:center}.eyebrow{margin:0 0 18px;color:#08796a;font-size:.77rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}h1,h2,h3{margin-top:0;font-family:Manrope,Inter,sans-serif;line-height:1.12}h1{max-width:12ch;margin-bottom:25px;font-size:clamp(2.8rem,5.2vw,5rem);letter-spacing:-.045em}h2{font-size:clamp(2rem,3.5vw,3.4rem);letter-spacing:-.035em}h3{font-size:1.23rem}.lead{max-width:58ch;color:var(--muted);font-size:1.12rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn-primary{color:white;background:linear-gradient(135deg,var(--blue),#0a6ed7);box-shadow:0 12px 28px rgba(22,140,255,.23)}.btn-light{border-color:#bccbd8;background:white}.trust{display:flex;gap:12px 24px;flex-wrap:wrap;margin:27px 0 0;padding:0;list-style:none;font-size:.86rem;font-weight:700}.trust li:before{content:"✓";margin-right:7px;color:#08796a}.visual{position:relative}.dashboard{position:relative;padding:24px;border-radius:24px;color:#eaf3fa;background:linear-gradient(145deg,var(--navy),var(--navy2));box-shadow:0 38px 90px rgba(5,26,47,.28);transform:perspective(1100px) rotateY(-4deg)}.dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dash-head span{color:#75e9d7;font-size:.7rem}.score-main{display:grid;grid-template-columns:.55fr 1fr;gap:15px;margin-bottom:12px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.045)}.score-main small,.score-main em{display:block;color:#93aabd;font-size:.62rem;font-style:normal}.score-main strong{display:block;font-size:3.2rem;line-height:1}.score-main em{color:#70e5d2}.score-main ul{margin:0;padding:0;list-style:none}.score-main li{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.65rem}.event{display:flex;align-items:center;gap:12px;margin-top:11px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#112f4b}.event i{width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal)}.event div{flex:1}.event b,.event small{display:block;font-size:.68rem}.event small{color:#95aabc}.score{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:white;background:#1d668e;font-size:.7rem;font-weight:800}.score.good{background:#078979}.strip{border-block:1px solid var(--line);padding:22px 0}.strip .container{display:flex;align-items:center;justify-content:space-between;gap:14px}.strip span{padding:7px 12px;border-radius:99px;background:var(--soft);font-size:.75rem;font-weight:700}.section{padding:108px 0}.heading{max-width:730px;margin-bottom:45px}.heading>p:last-child,.features p,.benefits p,.faq p{color:var(--muted)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.features article{min-height:280px;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.features article>span{display:block;margin-bottom:45px;color:#08796a;font-size:.72rem;font-weight:800}.features .wide{grid-column:span 2;display:grid;grid-template-columns:auto 1fr;gap:24px}.features .wide>span{margin:4px 0}.features .dark{color:white;background:linear-gradient(145deg,var(--navy),#123d61);border:0}.features .dark p{color:#b8c8d5}.features ul{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0 0;padding:0;list-style:none}.features li{padding:6px 10px;border-radius:7px;color:#245170;background:#eef7ff;font-size:.73rem;font-weight:700}.dark-section{color:white;background:linear-gradient(135deg,var(--navy),var(--navy2))}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.split p:not(.eyebrow){color:#adc0cf}.flow{margin:0;padding:0;list-style:none;counter-reset:flow}.flow li{position:relative;padding:20px 20px 20px 66px;border-bottom:1px solid rgba(255,255,255,.14)}.flow li:before{counter-increment:flow;content:"0" counter(flow);position:absolute;left:10px;color:#6be7d3;font-weight:800}.flow b,.flow span{display:block}.flow span{color:#9fb4c4;font-size:.9rem}.soft{background:var(--soft)}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);border-radius:var(--radius);background:var(--line);overflow:hidden}.benefits article{padding:28px;background:white}.benefits b{color:var(--blue);font-size:.7rem}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.faq details{padding:22px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;font:700 1.03rem Manrope}.faq summary:after{content:"+";float:right;color:var(--blue);font-size:1.5rem}.faq details[open] summary:after{content:"−"}.final{padding:35px 0 90px;background:var(--soft)}.final-box{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:50px;padding:52px;border-radius:26px;color:white;background:radial-gradient(circle at 83% 20%,rgba(0,201,173,.27),transparent 34%),var(--navy);box-shadow:var(--shadow)}.final-box h2{margin:0}.final-box .eyebrow{color:#70e8d5}.btn-white{color:var(--navy);background:white}.btn-outline{color:white;border-color:rgba(255,255,255,.4)}footer{padding:50px 0 22px;color:#b6c2cd;background:#050e19}.footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px}.footer img{width:230px}.copy{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:.8rem}.reveal{opacity:0;transform:translateY(18px);transition:.6s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav nav{position:absolute;top:78px;left:24px;right:24px;display:none;align-items:stretch;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:14px;background:white;box-shadow:var(--shadow)}.nav nav.open{display:flex}.menu-toggle{display:block}.hero-grid,.split,.faq,.final-box{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr}.features .wide{grid-column:span 2}.benefits{grid-template-columns:1fr 1fr}.strip .container{align-items:flex-start;flex-wrap:wrap}.dashboard{transform:none}.footer{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:min(var(--container),calc(100% - 32px))}.hero{padding:70px 0}.section{padding:78px 0}h1{font-size:2.75rem}.actions,.actions .btn{width:100%}.features{grid-template-columns:1fr}.features .wide{grid-column:auto;display:block}.features .wide>span{margin-bottom:45px}.benefits{grid-template-columns:1fr}.score-main{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.trust{display:block}.trust li{margin-bottom:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}