:root{--p:#234696;--deep:#061024;--y:#ffda27;--ink:#f2f5fc;--muted:#b0bdd4;--paper:#0a152c}
body{background:var(--paper);color:var(--ink)}
.preview{background:#081126;color:#8fa2c4;border-bottom:1px solid #233451;font-size:10px;letter-spacing:.8px}
header{background:#0b1730;border-bottom:1px solid #243957}
.navlinks{color:#d5dff0}
.navlinks>a:not(.btn):hover{color:var(--y)}
.btn{border-radius:6px;transition:transform .2s,background .2s,filter .2s}
.btn.purple{background:var(--y);color:#071126}
.btn.outline{color:#f2f5ff;border-color:#617598}
.btn.outline:hover{background:#ffffff0b}
.hero{background:radial-gradient(ellipse at 80% 45%,#173e85 0,transparent 55%),linear-gradient(135deg,#071126,#10244e 75%,#071126)}
.hero:after{border-color:#3169c224;right:-310px;top:-310px}
.hero .lead{color:#b8c7e0}
.hero-grid{padding-block:78px 67px}
.signal{background:linear-gradient(145deg,#1b3e77b3,#091831e6);border:1px solid #4c6a99;border-radius:18px;box-shadow:0 24px 75px #0005,inset 0 1px #a3cbff1a}
.signal-top{color:#c2d0e8}
.signal-bottom{color:#b8c7e0;border-color:#44618b}
.signal h2{color:#f2f5ff}
.number{color:var(--y);text-shadow:0 0 45px #ffda2715}
.hero-foot{border-color:#3a54764d;color:#9eb3d4}
.section .eyebrow{color:#f2cf42}
.section-head p,.card p,.copy,.list p,.note,.tip p{color:var(--muted)}
.card{background:linear-gradient(145deg,#172b4b,#101f37);border:1px solid #2a3f61;box-shadow:0 14px 35px #0000000d;transition:border-color .2s,transform .2s}
.card:hover{border-color:#577bb5;transform:translateY(-3px)}
.card .num{color:#92acd3}
.card h3{color:#f4f6fc}
.card a,.textlink{color:#f6d84d}
.feature{background:#0f203b;border-top:1px solid #29405f;border-bottom:1px solid #29405f}
.brand-photo{background:#07172e;border:1px solid #2d456a;box-shadow:0 24px 55px #0003}
.brand-photo img{aspect-ratio:1.4;object-fit:cover}
.photo-caption{background:#0c1b33;color:#e8eef8}
.photo-caption span{color:#8fa7ca}
.icon{background:#243d62;color:#ffe16b}
.list li{border-color:#2b405e}
.list b{color:#eef4ff}
.vig{background:radial-gradient(ellipse at 5% 30%,#143367 0,transparent 70%),#06142f;border:1px solid #345b92;border-radius:14px;padding:0;gap:0;grid-template-columns:1fr .85fr;overflow:hidden;box-shadow:0 25px 65px #0003;scroll-margin-top:30px}
.vig-copy{padding:48px 42px}
.vig .eyebrow{color:#9bb7e4;font-size:10px;line-height:1.8;letter-spacing:2px}
.vig h2{font-size:78px;letter-spacing:-3px;line-height:1.05;color:var(--y);margin-bottom:18px}
.vig h3{font-size:27px;line-height:1.35;font-weight:500;margin-bottom:23px;letter-spacing:-.6px}
.vig p{color:#b5c7e5;font-size:14px}
.badge{border-color:#8d8641;color:#ffdd4d;font-size:9px;letter-spacing:1.2px;margin-top:26px;padding:11px 14px}
.vig .vig-detail{font-size:12px;color:#93acd0;margin:22px 0}
.vig .btn{font-size:12px;padding:15px 18px}
.vig-media{margin:0;background:#03142f;border-left:1px solid #294d80}
.vig-media a{display:block}
.vig-media img{width:100%;height:auto;object-fit:contain}
.tips .tip{border-color:#d7b92c}
.tip>span{color:#93aacb}
.cta{background:linear-gradient(120deg,#f6dc52,#e9bd23);color:#07152d}
.cta h2{color:#09172d}
.cta .btn.purple{background:#0b1e3b;color:#fff}
.cta .actions>.btn:not(.purple){background:transparent;border:1px solid #9a8125;color:#1d2940}
footer{background:#050d1e;color:#b4c2db;border-top:1px solid #25395b}
.footer-note{border-color:#243451;color:#8397b6}
footer .footer-links a:hover{color:var(--y)}
.skip:focus{color:#061024}
@media(max-width:850px){.hero-grid{padding:55px 0;gap:35px}.vig{grid-template-columns:1fr 1fr}.vig-copy{padding:34px 29px}.vig h2{font-size:60px}.vig h3{font-size:22px}.vig p{font-size:12px}.vig .eyebrow{font-size:8px}.vig-media{height:100%;display:flex;align-items:center}.vig-media a{width:100%}.section{padding-block:60px}}
@media(max-width:600px){.vig{grid-template-columns:1fr}.vig-copy{padding:34px 28px}.vig h2{font-size:68px}.vig h3{font-size:25px}.vig p{font-size:14px}.vig-media{height:auto;border-left:0;border-top:1px solid #294d80}.vig-media img{max-width:440px;margin:auto}.vig-media a{width:100%}.preview{font-size:8px;padding-inline:12px;line-height:1.7}.hero-grid{padding-top:46px}.hero .actions .btn{min-height:48px}.card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.btn,.card{transition:none}.card:hover{transform:none}}