:root{--navy:#0f1e30;--navy2:#1a2e4a;--blue:#1e5a8e;--sky:#3a8fc0;--green:#4e8f28;--lime:#6db33f;--off:#f2f5f8;--silver:#a8b8c8;--text:#445566;--grad:linear-gradient(90deg,var(--sky),var(--lime))}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Barlow,Arial,sans-serif;color:var(--text);font-size:17px;line-height:1.6;background:#fff}
h1,h2,h3,h4{font-family:"Barlow Condensed",Arial Narrow,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--navy);line-height:1.15;margin:0 0 .6em}
h1{font-size:clamp(2rem,5vw,3.4rem)}h2{font-size:clamp(1.6rem,3.5vw,2.4rem)}h3{font-size:1.3rem}
a{color:var(--blue)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
img,svg{max-width:100%}
.wrap{max-width:1140px;margin:0 auto;padding:0 22px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:99}
.bar{height:5px;background:var(--grad)}
.accent{display:block;width:70px;height:4px;background:var(--grad);margin:0 0 18px}
header.site{background:#fff;border-bottom:1px solid #e3e9ef;position:sticky;top:0;z-index:50}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 22px;max-width:1240px;margin:0 auto}
.brand{display:flex;align-items:center;text-decoration:none;gap:10px}.brand svg{height:52px;width:auto}
.wm{display:flex;flex-direction:column;line-height:1}.wm b{font-family:"Barlow Condensed";font-weight:800;font-size:1.7rem;color:var(--navy);letter-spacing:.04em}.wm span{font-family:"Barlow Condensed";font-weight:600;font-size:.72rem;letter-spacing:.32em;color:var(--green)}
nav.main ul{list-style:none;display:flex;gap:4px;margin:0;padding:0;align-items:center}
nav.main a{text-decoration:none;color:var(--navy2);font-family:"Barlow Condensed";text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding:8px 10px;display:block}
nav.main a:hover,nav.main a[aria-current]{color:var(--blue)}
nav.main a.btn{color:#fff}
.menu-btn{display:none;background:none;border:2px solid var(--navy2);padding:6px 10px;font:600 1rem "Barlow Condensed";text-transform:uppercase;letter-spacing:.1em;color:var(--navy);cursor:pointer}
.btn{display:inline-block;background:var(--green);color:#fff;text-decoration:none;font-family:"Barlow Condensed";font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:13px 24px;border:0;cursor:pointer;font-size:1.05rem}
.btn:hover{background:var(--lime);color:var(--navy)}.btn.ghost{background:transparent;border:2px solid var(--sky);color:#fff}.btn.ghost:hover{background:var(--sky)}
section{padding:72px 0}
.dark{background:var(--navy);color:#cdd7e1;position:relative;overflow:hidden}
.dark h1,.dark h2,.dark h3{color:#fff}.dark a:not(.btn){color:#8cc6e8}
.grid-ov::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(58,143,192,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(58,143,192,.09) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.persp{position:absolute;left:0;right:0;bottom:0;height:45%;background-image:linear-gradient(rgba(109,179,63,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(58,143,192,.45) 1px,transparent 1px);background-size:60px 40px;transform:perspective(400px) rotateX(60deg);transform-origin:bottom;mask-image:linear-gradient(to top,#000,transparent);-webkit-mask-image:linear-gradient(to top,#000,transparent);pointer-events:none}
.dark .wrap{position:relative}
.hero{padding:96px 0 110px}.hero p.lead{font-size:1.2rem;max-width:720px;color:#dbe4ec}
.eyebrow{font-family:"Barlow Condensed";text-transform:uppercase;letter-spacing:.25em;color:var(--lime);font-weight:600;font-size:.95rem;margin-bottom:12px}
.ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.off{background:var(--off)}
.cols{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:#fff;padding:28px;position:relative;border:1px solid #e1e8ee}
.dark .card{background:var(--navy2);border-color:#2a4262}
.bracket{position:relative}
.bracket::before,.bracket::after{content:"";position:absolute;width:22px;height:22px;border:3px solid var(--sky)}
.bracket::before{top:-1px;left:-1px;border-right:0;border-bottom:0}.bracket::after{bottom:-1px;right:-1px;border-left:0;border-top:0;border-color:var(--lime)}
.price{font-family:"Barlow Condensed";font-size:2.2rem;font-weight:700;color:var(--blue)}
.small{font-size:.9rem;color:#6a7a8a}.dark .small{color:var(--silver)}
ul.check{list-style:none;padding:0}ul.check li{padding-left:26px;position:relative;margin:6px 0}ul.check li::before{content:"";position:absolute;left:2px;top:.55em;width:12px;height:6px;border-left:3px solid var(--green);border-bottom:3px solid var(--green);transform:rotate(-45deg)}
ul.x li::before{border:0;content:"\2014";color:#a33;top:0;transform:none;width:auto;height:auto}
ol.steps{list-style:none;padding:0;counter-reset:s;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
ol.steps li{counter-increment:s;background:#fff;padding:24px;border-top:4px solid var(--sky)}
ol.steps li::before{content:counter(s,decimal-leading-zero);font:800 2.2rem "Barlow Condensed";color:var(--green);display:block}
.dark ol.steps li{background:var(--navy2)}
ol.steps.long{grid-template-columns:1fr}
blockquote.big{font-size:1.3rem;border-left:5px solid;border-image:var(--grad) 1;margin:0;padding:6px 0 6px 24px;max-width:820px}
.ph{border:2px dashed var(--sky);background:repeating-linear-gradient(45deg,#f7fafc,#f7fafc 10px,#eef3f7 10px,#eef3f7 20px);padding:22px;color:var(--navy2);font-style:italic}
.dark .ph{background:transparent;color:var(--silver)}
table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #dde5ec;vertical-align:top}th{background:var(--navy2);color:#fff;font-family:"Barlow Condensed";text-transform:uppercase;letter-spacing:.06em}
.tbl{overflow-x:auto}
form .f{margin-bottom:16px}label{display:block;font-weight:600;color:var(--navy2);margin-bottom:4px}
input,select,textarea{width:100%;padding:11px;border:1px solid var(--silver);font:inherit;color:var(--navy)}
footer.site{background:var(--navy);color:var(--silver);padding:56px 0 26px;position:relative;overflow:hidden}
footer.site a{color:#cfe3f1}footer.site h3{color:#fff;font-size:1.05rem}
footer .fcols{display:grid;gap:28px;grid-template-columns:2fr 1fr 1fr 1.3fr}
footer ul{list-style:none;padding:0;margin:0}footer li{margin:4px 0}
.legal{border-top:1px solid #2a4262;margin-top:34px;padding-top:18px;font-size:.85rem}
.cta-band{text-align:center}.cta-band p{max-width:640px;margin:0 auto 10px}
.two{display:grid;gap:40px;grid-template-columns:1fr 1fr;align-items:start}
@media(max-width:900px){.menu-btn{display:block}nav.main{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #ddd}nav.main.open{display:block}nav.main ul{flex-direction:column;align-items:stretch;padding:10px 22px}footer .fcols,.two{grid-template-columns:1fr}section{padding:52px 0}.hero{padding:64px 0 80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-status{margin-top:14px;font-weight:600}.form-status.ok{color:var(--green);border-left:4px solid var(--green);padding-left:10px}.form-status.err{color:#a3261b;border-left:4px solid #a3261b;padding-left:10px}