:root{color-scheme:dark;--navy:#14283f;--paper:#fff1d7;--mint:#8ce9d9;--gold:#ffd080}*{box-sizing:border-box}body{margin:0;background:#102438;color:var(--paper);font:17px/1.65 system-ui,sans-serif}main{max-width:1240px;margin:auto}a{color:var(--mint);text-underline-offset:5px}nav{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px 34px;border-bottom:1px solid #34576b}nav a{text-decoration:none}nav span{font-size:11px;letter-spacing:.13em;color:#b2cdd5}.hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;padding:58px 34px}.eyebrow{color:var(--mint);font-size:12px;letter-spacing:.19em;font-weight:800}h1{margin:17px 0 25px;font-size:clamp(44px,6vw,77px);line-height:1.04;letter-spacing:-.055em;color:var(--gold)}h1 em{font-style:normal;color:var(--mint)}h2{line-height:1.2;color:var(--gold);font-size:27px}.lede{font-size:20px;color:#e1e9e0}.download{display:flex;justify-content:space-between;gap:30px;max-width:350px;background:var(--gold);color:#163347;font-weight:850;text-decoration:none;padding:17px 23px;border-radius:13px;margin-top:29px}.download:hover{background:#ffe4b5}.meta{color:#afcbd0;font-size:13px}.offline{color:var(--mint);font-size:14px}img{display:block;width:100%;height:auto;border:1px solid #557c89;border-radius:16px;box-shadow:0 14px 45px #0004}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:30px 34px 46px;border-bottom:1px solid #34576b}.features strong{font-size:43px;color:var(--mint)}.features h2{font-size:23px;margin:0}.features p{font-size:15px;color:#c3d8da}.flight{display:grid;grid-template-columns:.75fr 1.25fr;gap:38px;align-items:center;padding:50px 34px}.flight p{color:#c3d8da}.note{font-size:14px;border-left:2px solid var(--mint);padding-left:16px}.guide{margin:0 34px 45px;border:1px solid #426b79;border-radius:16px;padding:23px 30px;background:#18394d}.guide h2{margin-top:0}.guide li{padding:5px 0}.guide p{font-size:14px;color:#bbd2d8}footer{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;padding:27px 34px;border-top:1px solid #34576b;font-size:13px}footer p{margin:0;color:#9ebec7}a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}@media(max-width:760px){nav{padding:19px 23px}nav span{font-size:9px}.hero{grid-template-columns:1fr;gap:28px;padding:34px 23px}h1{font-size:57px}.features{gap:21px;padding:22px 23px 32px}.features h2{font-size:20px}.features p{font-size:13px}.flight{grid-template-columns:1fr;padding:35px 23px;gap:24px}.guide{margin:0 23px 34px;padding:21px}footer{padding:24px 23px}}
