:root{--navy:#102a54;--navy2:#0b1e3d;--blue:#1f6fd0;--teal:#2d9cdb;
--ink:#1a2332;--mut:#5a6a80;--line:#dbe3ee;--bg:#f6f8fb;--card:#fff}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
color:var(--ink);background:var(--bg);padding-bottom:76px;line-height:1.55}
.wrap{max-width:1060px;margin:0 auto;padding-left:20px;padding-right:20px}
a{color:var(--blue)}
.site-header{background:var(--navy);position:sticky;top:0;z-index:40}
.header-row{display:flex;align-items:center;gap:18px;padding-top:12px;padding-bottom:12px}
.logo{color:#fff;font-weight:800;font-size:20px;text-decoration:none;white-space:nowrap}
.main-nav{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto}
.main-nav a{color:#cfe0f4;text-decoration:none;font-size:14px}
.main-nav a:hover{color:#fff}
.btn{display:inline-block;padding:12px 20px;border-radius:10px;font-weight:700;
text-decoration:none;font-size:16px;text-align:center}
.btn-primary{background:var(--blue);color:#fff}
.btn-dark{background:var(--navy);color:#fff}
.header-cta{padding:9px 16px;font-size:14px}
main{padding-top:28px;padding-bottom:40px}
h1{font-size:34px;line-height:1.2;margin:6px 0 12px;color:var(--navy)}
h2{font-size:23px;margin:30px 0 10px;color:var(--navy)}
h3{font-size:17px;margin:18px 0 6px}
p{margin:8px 0}
.lede{font-size:18px;color:#33455e;max-width:46em}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;
padding:20px;margin:14px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.price{font-size:30px;font-weight:800;color:var(--navy)}
.fine{font-size:12.5px;color:var(--mut)}
.warn{background:#fff4e5;border:1px solid #e8c07a;border-radius:12px;padding:14px 16px}
table{border-collapse:collapse;width:100%;margin:12px 0;background:#fff}
th,td{border:1px solid var(--line);padding:9px 11px;text-align:left;font-size:15px}
th{background:var(--navy);color:#fff}
.cta-pair{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}
.cta-close{background:var(--navy);border-radius:14px;padding:24px;margin:34px 0 8px}
.cta-close h2{color:#fff;margin-top:0}
.cta-close p{color:#cfe0f4}
.site-footer{background:var(--navy2);color:#cfe0f4;margin-top:30px}
.footer-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:22px;padding-top:28px}
.site-footer a{color:#9fc2ee;display:block;margin:4px 0;text-decoration:none}
.site-footer strong{color:#fff}
.footer-legal{border-top:1px solid #24406e;margin-top:22px;padding:14px 0 26px}
.footer-legal a{display:inline;color:#9fc2ee}
.sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--navy2);
display:flex;justify-content:center;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
.sb-btn{flex:0 1 200px;width:200px;max-width:44vw;padding:10px 8px;border-radius:9px;
text-align:center;font-weight:700;font-size:15px;text-decoration:none;line-height:1.25}
.sb-primary{background:var(--blue);color:#fff}
.sb-secondary{background:transparent;color:#fff;border:2px solid #fff}
form.tool{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}
form.tool label{display:block;font-weight:600;margin:12px 0 4px;font-size:14.5px}
form.tool input,form.tool select,form.tool textarea{width:100%;padding:10px;
border:1px solid #b9c6d8;border-radius:8px;font-size:15px}
form.tool button{margin-top:16px}
.result{background:#eef6ee;border:1px solid #a9d3a9;border-radius:12px;padding:14px 16px;margin-top:14px}
.badge{display:inline-block;background:#e6eefb;color:var(--navy);border-radius:20px;
padding:2px 10px;font-size:12.5px;font-weight:700}
.badge.state{background:#fdf0d5;color:#7a5a12}
ul.tight li{margin:4px 0}
#simon-btn{position:fixed;right:16px;bottom:86px;z-index:60;background:var(--blue);
color:#fff;border:none;border-radius:26px;padding:12px 18px;font-weight:700;
font-size:15px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25)}
#simon-panel{position:fixed;right:16px;bottom:140px;z-index:60;width:min(360px,92vw);
height:440px;max-height:62vh;background:#fff;border:1px solid var(--line);
border-radius:14px;display:none;flex-direction:column;overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,.25)}
#simon-panel.open{display:flex}
#simon-head{background:var(--navy);color:#fff;padding:12px 14px;font-weight:700}
#simon-log{flex:1;overflow-y:auto;padding:12px;font-size:14.5px}
#simon-log .u{text-align:right;margin:8px 0}
#simon-log .u span{background:#e6eefb;border-radius:10px;padding:7px 10px;display:inline-block}
#simon-log .b{margin:8px 0}
#simon-log .b span{background:#f1f4f9;border-radius:10px;padding:7px 10px;display:inline-block}
#simon-form{display:flex;border-top:1px solid var(--line)}
#simon-form input{flex:1;border:none;padding:12px;font-size:15px}
#simon-form button{background:var(--blue);color:#fff;border:none;padding:0 16px;font-weight:700}
@media (max-width:700px){h1{font-size:27px}.main-nav{display:none}
.header-cta{margin-left:auto}}