* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin:0; min-height:100vh; background:#f4f6f9; color:#172033; font-family:Inter,Arial,sans-serif; overflow-x:hidden; display:flex; flex-direction:column; }
img { max-width:100%; height:auto; }
button,input,select,textarea { font:inherit; }
.site-nav { background:#fff; border-bottom:1px solid #e2e7ef; position:sticky; top:0; z-index:1000; }
.nav-inner { min-height:72px; padding:0 max(20px,calc((100% - 1160px)/2)); display:flex; align-items:center; justify-content:space-between; gap:18px; position:relative; }
.brand { font-weight:900; color:#162e4d; text-decoration:none; letter-spacing:.5px; white-space:nowrap; }
.brand-logo { display:flex; align-items:center; gap:10px; min-width:max-content; }
.brand-mark { width:46px; height:46px; border-radius:11px; display:block; box-shadow:0 4px 12px rgba(8,26,51,.15); }
.brand-wording { display:flex; flex-direction:column; line-height:1; }
.brand-wording strong { font-size:21px; letter-spacing:1.1px; color:#081a33; }
.brand-wording small { margin-top:4px; font-size:11px; font-weight:700; letter-spacing:.7px; color:#267c96; }
.navlinks { display:flex; gap:18px; align-items:center; }
.navlinks a { font-size:14px; color:#4c566a; text-decoration:none; }
.navlinks a:hover { color:#173f70; }
.navbutton { background:#173f70!important; color:#fff!important; padding:10px 14px; border-radius:8px; }
.menu-toggle { display:none; width:44px; height:44px; border:1px solid #d8e0e9; background:#fff; border-radius:10px; padding:10px; cursor:pointer; align-items:center; justify-content:center; flex-direction:column; gap:5px; }
.menu-toggle span { display:block; width:22px; height:2px; background:#173f70; border-radius:2px; transition:transform .2s ease,opacity .2s ease; }
.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)} .menu-toggle.open span:nth-child(2){opacity:0} .menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
main { width:100%; max-width:1160px; margin:0 auto; padding:34px 20px 60px; flex:1; }
.hero { display:grid; grid-template-columns:1.4fr .6fr; gap:45px; align-items:center; padding:70px 0; }
.hero h1 { font-size:56px; line-height:1.02; margin:12px 0 20px; }
.hero p { font-size:19px; color:#657084; line-height:1.6; max-width:700px; }
.hero-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:22px; }
.eyebrow { font-size:12px; font-weight:900; letter-spacing:1.5px; color:#48698f; }
.pricecard { background:#142f50; color:#fff; border-radius:24px; padding:38px; }
.pricecard small{display:block;opacity:.75}.pricecard strong{font-size:72px;display:inline-block;margin-top:18px}.pricecard span{opacity:.7}.pricecard p{font-size:15px;color:#dce6f1}
.features,.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;border:1px solid #e0e5ec;border-radius:16px;padding:22px;box-shadow:0 4px 18px rgba(26,47,72,.04);min-width:0}.card h2,.card h3{margin-top:0}
.btn{display:inline-block;background:#173f70;color:#fff;border:0;border-radius:9px;padding:12px 17px;font-weight:800;text-decoration:none;cursor:pointer;font-size:14px;text-align:center;min-height:44px}.secondary{background:#edf3f9;color:#173f70}
.auth{max-width:460px;margin:55px auto}.auth form,.card form{display:flex;flex-direction:column;gap:8px}label{font-size:13px;font-weight:800;margin-top:7px}input,select,textarea{width:100%;max-width:100%;padding:11px 12px;border:1px solid #d4dce7;border-radius:8px;background:#fff;font-size:16px}textarea{min-height:90px;resize:vertical}.auth .btn,.billing .btn{margin-top:12px}
.pagehead{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}.pagehead h1{margin:5px 0 0;font-size:32px}.stats{margin-bottom:18px}.stats .card span{display:block;color:#7a8495;font-size:13px}.stats .card strong{display:block;font-size:32px;margin-top:8px}.status{font-size:20px!important;text-transform:capitalize}.notice{background:#fff2cd;border:1px solid #f2dc8d;padding:14px 16px;border-radius:10px;margin-bottom:18px}.twocol{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.formgrid{display:grid!important;grid-template-columns:1fr 1fr;gap:10px 14px}.formgrid .full{grid-column:1/-1}.quoteprice{font-size:56px;font-weight:900;color:#173f70;margin:8px 0}.soft{background:#f8fbff}.muted{font-size:13px;color:#7c8797}.bigprice{font-size:48px;font-weight:900}.bigprice span{font-size:16px;color:#7a8495}.billing{max-width:600px}.rategrid{display:grid!important;grid-template-columns:1fr 150px;gap:10px 18px;max-width:650px;align-items:center}.rategrid .btn{grid-column:1/-1;width:max-content;margin-top:10px}
table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid #edf0f4;font-size:14px}th{color:#7b8492;font-size:12px;text-transform:uppercase}.flash{padding:13px 15px;border-radius:9px;margin-bottom:18px;word-break:break-word}.flash.error{background:#ffe4e4}.flash.success{background:#e3f6ea}
.internal-box{background:#f7fafc;border:1px solid #dce5ef;border-radius:12px;padding:14px;margin:14px 0}.internal-box p{margin:7px 0}.internal-box .profit{font-size:19px;color:#173f70}
.site-footer{width:100%;background:#fff;border-top:1px solid #e2e7ef;margin-top:auto}.footer-inner{max-width:1160px;margin:0 auto;padding:28px 20px;text-align:center;color:#6b7280;font-size:13px;line-height:1.7}.footer-brand{margin-bottom:6px;color:#162e4d;font-size:15px}.footer-legal{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.footer-legal a,.footer-support a{color:#173f70;text-decoration:none;font-weight:700}.footer-legal a:hover,.footer-support a:hover{text-decoration:underline}.footer-support{margin-top:3px;word-break:break-word}.footer-copy{margin-top:4px;font-size:12px;color:#8a94a4}
@media(max-width:850px){.nav-inner{min-height:66px;padding:0 16px}.brand-mark{width:42px;height:42px}.brand-wording strong{font-size:18px}.brand-wording small{font-size:10px}.menu-toggle{display:flex}.navlinks{display:none;position:absolute;top:calc(100% + 1px);left:12px;right:12px;background:#fff;border:1px solid #e2e7ef;border-radius:14px;box-shadow:0 16px 35px rgba(23,32,51,.12);padding:10px;flex-direction:column;align-items:stretch;gap:4px;max-height:calc(100vh - 90px);overflow-y:auto}.navlinks.open{display:flex}.navlinks a{display:block!important;padding:12px 14px;border-radius:9px;font-size:15px}.navlinks a:hover{background:#f4f7fb}.navbutton{text-align:center;margin-top:4px}main{padding:24px 16px 50px}.hero,.twocol{grid-template-columns:1fr}.hero{padding:36px 0;gap:26px}.hero h1{font-size:40px;line-height:1.08}.hero p{font-size:17px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.pricecard{padding:28px;border-radius:18px}.pricecard strong{font-size:58px}.features,.stats{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:auto}.rategrid{grid-template-columns:1fr}.rategrid .btn{grid-column:auto;width:100%}.pagehead{align-items:flex-start;flex-direction:column}.pagehead .btn{width:100%}.quoteprice{font-size:44px}.bigprice{font-size:40px}.card{padding:18px}.auth{margin:28px auto}.billing{max-width:100%}.footer-inner{padding:24px 16px}.footer-legal{gap:7px}table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}}
@media(max-width:480px){.brand-logo{gap:8px}.brand-mark{width:38px;height:38px;border-radius:9px}.brand-wording strong{font-size:16px}.brand-wording small{font-size:9px}.hero h1{font-size:34px}.pricecard strong{font-size:50px}.quoteprice{font-size:38px}.bigprice{font-size:36px}main{padding-left:13px;padding-right:13px}.card{padding:16px}.nav-inner{padding-left:12px;padding-right:12px}}