:root{--ink:#071625;--navy:#0a2a49;--blue:#1d82e7;--cyan:#45d6eb;--orange:#ff8a1e;--soft:#f5f9fc;--text:#17324a;--muted:#6a8092;--line:#dce8f1;--white:#fff;--shadow:0 24px 70px rgba(8,35,64,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.55;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit}
.container{width:min(1220px,92%);margin:auto}.section{padding:90px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#e7f8fb;color:#087f97;font-size:.78rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cyan)}
h1,h2,h3{margin:0;line-height:1.08}h1{font-size:clamp(3rem,7vw,6.2rem);letter-spacing:-.055em}h2{font-size:clamp(2.2rem,4.8vw,4.2rem);letter-spacing:-.04em}h3{font-size:1.25rem}p{margin:0}.lead{font-size:1.13rem;color:var(--muted);max-width:800px}
header{position:fixed;inset:0 0 auto 0;z-index:60;background:rgba(4,18,31,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:900;letter-spacing:.04em}.mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--blue));box-shadow:0 12px 30px rgba(69,214,235,.32)}.links{display:flex;gap:24px;color:#d8e8f4;font-weight:750;font-size:.92rem}.nav-btn,.btn{min-height:50px;padding:0 21px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:850;border:0;cursor:pointer;transition:.25s}.nav-btn{background:#fff;color:var(--ink)}.btn-primary{background:linear-gradient(135deg,var(--orange),#ff6500);color:#fff;box-shadow:0 16px 34px rgba(255,128,20,.30)}.btn-glass{color:#fff;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.06)}.btn:hover,.nav-btn:hover{transform:translateY(-3px)}
.hero{min-height:100vh;padding:150px 0 90px;color:#fff;position:relative;overflow:hidden;background:radial-gradient(circle at 84% 18%,rgba(69,214,235,.22),transparent 30%),radial-gradient(circle at 18% 82%,rgba(255,138,30,.16),transparent 26%),linear-gradient(145deg,#04121f 0%,#08294a 50%,#0b355a 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center}.accent{background:linear-gradient(90deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:1.22rem;color:#d5e6f3;max-width:760px;margin:24px 0 30px}.actions{display:flex;gap:14px;flex-wrap:wrap}.proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:34px;color:#cfe0ec;font-weight:730;font-size:.9rem}.proof span{display:flex;align-items:center;gap:8px}.proof i{width:9px;height:9px;border-radius:50%;background:var(--cyan)}
.panel{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.08);backdrop-filter:blur(18px);border-radius:30px;padding:28px;box-shadow:var(--shadow)}.panel small{color:#aac7d9;text-transform:uppercase;letter-spacing:.12em;font-weight:850}.journey{display:grid;gap:12px;margin-top:20px}.jr{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;padding:16px;border-radius:16px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.06)}.num{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));font-weight:900}.jr p{font-size:.88rem;color:#bed3e2}.jr strong{display:block}.arr{color:var(--cyan);font-weight:900}
.head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.head .copy{max-width:830px}.head p{margin-top:16px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{padding:28px;border:1px solid var(--line);border-radius:24px;background:#fff;transition:.28s;position:relative;overflow:hidden}.card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.card p{color:var(--muted);margin:12px 0 18px}.chip{display:inline-flex;padding:8px 12px;border-radius:999px;background:#e9f8f2;color:#107a58;font-weight:850;font-size:.83rem}
.selector{display:grid;grid-template-columns:.72fr 1.28fr;gap:24px;border:1px solid var(--line);border-radius:28px;padding:28px;background:linear-gradient(135deg,#f9fcfe,#eef6fa)}.sel-nav{display:grid;gap:10px}.sel-btn{text-align:left;border:1px solid var(--line);background:#fff;padding:16px 18px;border-radius:15px;font-weight:850;color:var(--text);cursor:pointer;transition:.2s}.sel-btn.active{background:linear-gradient(135deg,var(--ink),#174d79);color:#fff;border-color:transparent;transform:translateX(5px)}.sel-view{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px}.sel-top{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:22px}.sel-top p{color:var(--muted);margin-top:10px}.badge{padding:8px 12px;border-radius:999px;background:#edf8fb;color:#087e96;font-weight:850;font-size:.8rem}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mini{padding:18px;border-radius:16px;border:1px solid var(--line);background:#fbfdff}.mini p{margin-top:7px;color:var(--muted);font-size:.92rem}
.dark{background:var(--ink);color:#fff}.dark .lead{color:#c4d7e5}.reco{display:grid;grid-template-columns:.7fr 1.3fr;gap:24px;background:linear-gradient(145deg,#071625,#0d385f);border-radius:28px;padding:28px;color:#fff}.reco-input{display:grid;gap:12px}.reco select{width:100%;padding:14px 15px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff}.reco option{color:#111}.reco-result{padding:24px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10)}.reco-result p{color:#cbdde9;margin:10px 0}.reco-result ul{padding-left:18px}
.value{padding:28px 23px;border-radius:20px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.10)}.value b{font-size:2.15rem;color:var(--cyan)}.value p{color:#c7d9e5;font-size:.93rem;margin-top:8px}
.flow{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.step{padding:22px 10px;background:#fff;border:1px solid var(--line);border-radius:17px;text-align:center;font-weight:900;position:relative}.step:not(:last-child):after{content:"→";position:absolute;right:-13px;top:50%;transform:translateY(-50%);color:var(--blue)}
.cta-sec{padding:92px 0;color:#fff;background:linear-gradient(145deg,#04121f,#0d3559)}.cta-box{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.cta-box p{color:#c5d8e5;margin-top:15px}footer{background:#03101c;color:#a9bfd1;padding:34px 0}.footer{display:flex;justify-content:space-between;gap:24px}
.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.visible{opacity:1;transform:none}
@media print{header,.actions,.nav-btn{display:none!important}.hero{min-height:auto;padding:60px 0}.section{page-break-inside:avoid;padding:48px 0}.card,.value{break-inside:avoid}.reveal{opacity:1!important;transform:none!important}}
@media(max-width:1050px){.links{display:none}.hero-grid,.selector,.reco{grid-template-columns:1fr}.grid3{grid-template-columns:repeat(2,1fr)}.grid4{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:repeat(4,1fr)}}@media(max-width:720px){.section{padding:66px 0}.hero{padding-top:125px}.nav-btn{display:none}.head{display:block}.grid3,.grid4,.grid2{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}.step:after{display:none}.cta-box,.footer{display:block}}