:root{--navy:#14284B;--amber:#F5A524;--green:#2BB673;--coral:#E5484D;--sand:#F7F4EE;--ink:#1C2430;--slate:#5B6B82;--mist:#E3E8EF;--white:#fff;--max:1080px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:17px;line-height:1.6;color:var(--ink);background:var(--white)}
h1,h2,h3{font-family:Poppins,Inter,system-ui,sans-serif;color:var(--navy);line-height:1.2;margin:0 0 .5em}
h1{font-size:clamp(2rem,4.5vw,3.1rem);font-weight:700}h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700}h3{font-size:1.15rem;font-weight:600}
p{margin:0 0 1em}a{color:var(--navy)}img{max-width:100%;height:auto;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
header.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--mist)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:66px}
header.top img{height:34px;width:auto}
nav a{margin-left:22px;text-decoration:none;color:var(--navy);font-weight:500;font-size:.95rem}
nav a.btn{margin-left:22px}
@media(max-width:640px){nav a.hide-m{display:none}}
.btn{display:inline-block;background:var(--amber);color:var(--navy)!important;font-family:Poppins,Inter,sans-serif;font-weight:600;text-decoration:none;padding:14px 26px;border-radius:12px;border:0;cursor:pointer;font-size:1.02rem;transition:transform .1s,box-shadow .2s;box-shadow:0 6px 18px rgba(245,165,36,.35)}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(245,165,36,.45)}
.btn.sec{background:var(--navy);color:#fff!important;box-shadow:none}
.btn.small{padding:10px 18px;font-size:.92rem;white-space:nowrap}
@media(max-width:640px){.btn:not(.small){display:block;width:100%;text-align:center;padding:14px 12px;font-size:.98rem}.hp{display:none}}
.sub{color:var(--slate);font-size:.92rem}
section{padding:64px 0}section.alt{background:var(--sand)}section.dark{background:var(--navy);color:#fff}section.dark h2,section.dark h3{color:#fff}
.hero{padding:72px 0 56px}.hero .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
@media(max-width:860px){.hero .grid{grid-template-columns:1fr}}
.hero p.lead{font-size:1.18rem;color:var(--ink)}
.shot{border:1px solid var(--mist);border-radius:14px;box-shadow:0 18px 50px rgba(20,40,75,.15);background:#fff;padding:8px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media(max-width:860px){.cards{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--mist);border-radius:16px;padding:24px}
.card .n{display:inline-flex;width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;align-items:center;justify-content:center;font-weight:700;margin-bottom:10px;font-family:Poppins,sans-serif}
.list{list-style:none;padding:0;margin:0}.list li{padding:10px 0 10px 32px;position:relative;border-bottom:1px solid var(--mist)}
.list li:before{content:"";position:absolute;left:0;top:16px;width:18px;height:18px;border-radius:50%;background:var(--green)}
.list li:after{content:"";position:absolute;left:6px;top:20px;width:6px;height:9px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}@media(max-width:860px){.two{grid-template-columns:1fr}}
.price{background:#fff;border:2px solid var(--navy);border-radius:20px;padding:34px;max-width:560px;margin:0 auto;text-align:center}
.price .big{font-family:Poppins,sans-serif;font-size:3rem;font-weight:700;color:var(--navy);line-height:1}
.price .promo{display:inline-block;background:#FDE7BB;color:#8A5A00;padding:6px 12px;border-radius:8px;font-weight:600;margin:12px 0}
.faq details{border-bottom:1px solid var(--mist);padding:14px 0}.faq summary{cursor:pointer;font-weight:600;font-family:Poppins,sans-serif;color:var(--navy)}
.faq details p{margin:10px 0 0;color:var(--ink)}
.quote{border-left:4px solid var(--amber);padding:6px 18px;background:#fff;border-radius:0 12px 12px 0}
footer{background:var(--navy);color:#cfd6e2;padding:40px 0;font-size:.9rem}footer a{color:#fff}footer .wrap{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}
.legal{max-width:760px}.legal h2{font-size:1.3rem;margin-top:1.8em}.legal p,.legal li{font-size:1rem}
form.lead{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 8px}form.lead input[type=email]{flex:1;min-width:220px;padding:14px;border:1.5px solid var(--mist);border-radius:12px;font-size:1rem;font-family:inherit}
form.lead label.consent{flex-basis:100%;font-size:.86rem;color:var(--slate);display:flex;gap:8px;align-items:flex-start}
form.lead label.consent input{width:18px;height:18px;margin:3px 0 0;flex:none;accent-color:var(--navy)}
form.lead button.btn{flex:1 1 100%;text-align:center}
.apercu{border:1px solid var(--mist);border-radius:14px;box-shadow:0 18px 50px rgba(20,40,75,.15);background:#fff;padding:8px;max-height:560px;overflow:hidden;position:relative}
.apercu:after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.apercu img{width:100%}@media(max-width:860px){.apercu{max-height:380px}}
.apercu-cap{font-size:.86rem;color:var(--slate);text-align:center;margin-top:10px}
.hero ul.mini{list-style:none;padding:0;margin:0 0 6px}.hero ul.mini li{padding:5px 0 5px 28px;position:relative;font-size:1.02rem}
.hero ul.mini li:before{content:"";position:absolute;left:0;top:11px;width:16px;height:16px;border-radius:50%;background:var(--green)}
.hero ul.mini li:after{content:"";position:absolute;left:5.5px;top:14px;width:5px;height:8px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.badge{display:inline-block;background:#D8F3E4;color:#1E7A4C;padding:4px 10px;border-radius:999px;font-size:.82rem;font-weight:600}
.notice{background:#FDE7BB;border-radius:12px;padding:12px 16px;font-size:.92rem}
.center{text-align:center}.mt{margin-top:24px}.muted{color:var(--slate)}
.article{max-width:760px}.article h1{font-size:clamp(1.7rem,3.6vw,2.4rem)}.article h2{font-size:1.45rem;margin-top:1.6em}.article h3{margin-top:1.2em}
.article p,.article li{font-size:1.05rem}.article ol,.article ul{padding-left:22px}.article li{margin:0 0 .5em}
.article table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:.95rem}.article th,.article td{border:1px solid var(--mist);padding:8px 10px;text-align:left;vertical-align:top}.article th{background:var(--sand);font-family:Poppins,sans-serif;font-weight:600;color:var(--navy)}
.article .tablewrap{overflow-x:auto}.crumbs{font-size:.9rem;color:var(--slate);margin-bottom:12px}.crumbs a{color:var(--slate)}
.sources li{font-size:.95rem}.acard{text-decoration:none;display:block}.acard h3{margin-bottom:.4em}.acard p{color:var(--ink);font-size:.98rem}.acards{margin-top:20px}
.mpf-btn{position:fixed;right:18px;bottom:18px;z-index:40;background:var(--navy);color:#fff;border:0;border-radius:999px;padding:12px 18px;font-family:Poppins,Inter,sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:0 8px 24px rgba(20,40,75,.3)}
.mpf-btn:hover{background:#1d3a6b}
.mpf-panel{position:fixed;right:18px;bottom:74px;z-index:41;width:min(380px,calc(100vw - 36px));max-height:min(560px,calc(100vh - 100px));background:#fff;border:1px solid var(--mist);border-radius:16px;box-shadow:0 18px 50px rgba(20,40,75,.25);display:flex;flex-direction:column;overflow:hidden}
.mpf-panel[hidden]{display:none}
.mpf-head{background:var(--navy);color:#fff;padding:14px 16px;font-family:Poppins,sans-serif;font-weight:600;display:flex;justify-content:space-between;align-items:center}
.mpf-head button{background:transparent;border:0;color:#fff;font-size:1.3rem;cursor:pointer;line-height:1}
.mpf-body{padding:12px 14px;overflow-y:auto}
.mpf-body input{width:100%;padding:11px 12px;border:1.5px solid var(--mist);border-radius:10px;font-size:1rem;font-family:inherit}
.mpf-list{list-style:none;margin:10px 0 0;padding:0}
.mpf-list li{border-bottom:1px solid var(--mist)}
.mpf-q{width:100%;text-align:left;background:transparent;border:0;padding:10px 4px;font-family:inherit;font-size:.95rem;font-weight:600;color:var(--navy);cursor:pointer}
.mpf-a{display:none;padding:0 4px 12px;font-size:.93rem;color:var(--ink);line-height:1.5}
.mpf-list li.open .mpf-a{display:block}
.mpf-foot{padding:10px 14px;border-top:1px solid var(--mist);font-size:.85rem;color:var(--slate)}
.mpf-foot a{color:var(--navy)}
