:root{--navy:#10233d;--navy2:#0b1a2e;--cyan:#2bb3c8;--cyan2:#1d8a9b;--paper:#eef3f7;--card:#fff;--ink:#132033;--mute:#5b6774;--line:#d3dde6;--max:1120px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Calibri,Arial,sans-serif;line-height:1.58}
a{color:inherit;text-decoration:none}
a:hover{color:var(--cyan2)}
img{max-width:100%;display:block}
.bin{width:min(var(--max),calc(100% - 36px));margin:0 auto}
.vis{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.specbar{background:var(--navy);color:#d7e6ee;font-size:.72rem;letter-spacing:.12em}
.specbar .bin{display:flex;justify-content:space-between;gap:12px;padding:7px 0}
.navrow{background:var(--card);border-bottom:1px solid var(--line)}
.navrow .bin{min-height:74px;display:flex;align-items:center;gap:22px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800}
.logo img{width:32px;height:32px}
.logo span{display:block;font-size:.62rem;color:var(--mute);letter-spacing:.14em;font-weight:600}
.navrow nav{margin-left:auto;display:flex;gap:18px}
.navrow nav a{color:var(--mute);font-weight:700;font-size:.92rem}
.navrow nav a.on,.navrow nav a:hover{color:var(--navy)}
.btn{display:inline-block;background:var(--cyan);border:1px solid var(--cyan);color:var(--navy2);padding:.7rem 1.05rem;font:inherit;font-weight:800;cursor:pointer}
.btn:hover{background:var(--cyan2);border-color:var(--cyan2);color:#fff}
.btn-s{padding:.45rem .75rem;font-size:.86rem}
.btn-line{background:transparent;color:var(--navy);border-color:var(--navy)}
.btn-line:hover{background:var(--navy);color:#fff}
.hero{display:grid;grid-template-columns:1.1fr .9fr;background:var(--navy);color:#fff}
.hero-copy{padding:64px 8% 56px}
.k{color:var(--cyan);font-size:.72rem;font-weight:800;letter-spacing:.16em;margin:0 0 10px}
h1{margin:0;font-size:clamp(2.2rem,5.4vw,4.1rem);line-height:1.05;letter-spacing:-.04em}
.lead{color:#b7c6d2;max-width:34rem}
.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:36px;border-top:1px solid #2a415c}
.specs div{padding:14px 12px 0 0}
.specs strong{display:block;font-size:1.15rem}
.specs span{color:#8ea0b0;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.hero img{width:100%;height:100%;min-height:500px;object-fit:cover;filter:saturate(.8)}
.sec{padding:72px 0}
.navy{background:var(--navy2);color:#eef3f7}
.navy .k{color:var(--cyan)}
.navy p{color:#b7c6d2}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kit{background:var(--card);border:1px solid var(--line);overflow:hidden}
.kit img{height:200px;width:100%;object-fit:cover}
.kit div{padding:18px 20px 22px}
.kit span{color:var(--cyan2);font-size:.78rem;font-weight:800}
.kit strong{display:block;margin-top:10px;color:var(--navy)}
.table{width:100%;border-collapse:collapse;background:var(--card)}
.table th,.table td{border:1px solid var(--line);padding:12px 14px;text-align:left;font-size:.92rem}
.table th{background:var(--navy);color:#fff;font-weight:700}
.quote{font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.15;margin:0}
.faq details{border-bottom:1px solid var(--line);padding:14px 0}
.faq summary{cursor:pointer;font-weight:700;display:flex;justify-content:space-between}
.cyan{background:var(--cyan);color:var(--navy2);padding:56px 0}
.formg{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px}
form.res{display:grid;gap:12px;background:var(--card);border:1px solid var(--line);padding:24px}
form.res label{display:grid;gap:5px;font-weight:700}
form.res input,form.res textarea,form.res select{border:1px solid #c5d0da;padding:.7rem;font:inherit}
form.res .chk{display:flex;gap:8px;font-weight:400;color:var(--mute);align-items:flex-start}
form.res .chk input{width:auto;margin-top:4px}
.legal{max-width:720px}
.legal h2{margin-top:32px}
.legal p{color:var(--mute)}
code{background:#e4ebf1;padding:.12rem .3rem}
.pageh{padding:56px 0 40px}
.pageh img{width:100%;height:340px;object-fit:cover;margin-top:22px}
footer.site{background:var(--card);border-top:1px solid var(--line);padding:44px 0 16px}
.fg{display:grid;grid-template-columns:1.3fr .8fr .9fr 1fr;gap:22px}
.fg h2{font-size:.78rem;letter-spacing:.1em;color:var(--mute)}
.fg a,.fg span,.fg p{display:block;color:var(--mute);margin:.35rem 0;font-size:.9rem}
.fb{display:flex;justify-content:space-between;margin-top:22px;padding-top:12px;border-top:1px solid var(--line);color:var(--mute);font-size:.82rem}
.fb button{border:0;background:none;color:var(--cyan2);cursor:pointer;font:inherit}
.ck{position:fixed;z-index:20;left:14px;right:14px;bottom:14px;display:flex;justify-content:space-between;gap:14px;background:var(--navy);color:#fff;padding:14px 16px}
.ck[hidden]{display:none}
.ck button{border:1px solid #fff;background:transparent;color:#fff;padding:.4rem .65rem;font:inherit;cursor:pointer}
.ck .btn{background:var(--cyan);border-color:var(--cyan);color:var(--navy2)}
@media(max-width:840px){.hero,.g2,.g3,.formg,.fg,.specs{grid-template-columns:1fr}.navrow .bin{flex-wrap:wrap;padding:10px 0}.navrow nav{width:100%;margin:0}.hero img,.pageh img{min-height:240px;height:240px}.ck{display:block}}