:root{--primary:#0b3d91;--secondary:#f97316;--navy:#0a1730;--dark:#111827;--light:#f6f8fc;--kraft:#e9d8b8;--muted:#5b6474;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.65 "Instrument Sans",system-ui,sans-serif;color:var(--dark);background:#fff}
h1,h2,h3{font-family:"Bricolage Grotesque","Instrument Sans",system-ui,sans-serif;line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2rem,6vw,3.6rem)}h2{font-size:clamp(1.6rem,4vw,2.4rem)}h3{font-size:1.2rem}
img,iframe{max-width:100%}a{color:var(--primary)}
:focus-visible{outline:3px solid var(--secondary);outline-offset:2px}
.wrap{width:min(1180px,92%);margin:auto}.sec{padding:72px 0}.alt{background:linear-gradient(100deg, #3F51B5, #009688), var(--img, none) center / cover, #3F51B5;}.dark{background:var(--navy);color:#fff}.dark p{color:#c7d0e2}
.lead{color:var(--muted);max-width:60ch}.center{text-align:center}.center .lead{margin:auto}
.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:#fff;border:1px solid #e3e8f2;border-radius:var(--r);padding:26px;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(10,23,48,.12)}
.ico{width:48px;height:48px;border-radius:10px;background:var(--kraft);display:grid;place-items:center;font-size:1.4rem;margin-bottom:14px}
.btn{display:inline-block;padding:13px 24px;border-radius:999px;text-decoration:none;border:2px solid var(--secondary);background:var(--secondary);color:#fff;cursor:pointer;font:inherit;font-weight:700;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-2px);background:#e2620a}.btn.ghost{background:transparent;color:#fff;border-color:#fff}.btn.ghost:hover{background:rgba(255,255,255,.14)}.btn.blue{background:var(--primary);border-color:var(--primary)}
.ph{background:var(--img,none) center/cover,repeating-linear-gradient(135deg,#dfe7f5 0 14px,#eaf0fa 14px 28px);border-radius:var(--r);min-height:260px}
header.site{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 1px 0 #e3e8f2}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px}
.logo{font:800 1.3rem "Bricolage Grotesque",sans-serif;text-decoration:none;color:var(--primary)}.logo span{color:var(--secondary)}
nav.main ul{list-style:none;display:flex;gap:24px;margin:0;padding:0;align-items:center}
nav.main a{text-decoration:none;color:var(--dark);font-weight:600}nav.main a.on{color:var(--secondary)}
.tel{font-weight:700;text-decoration:none}.burger{display:none;background:none;border:0;font-size:1.7rem;cursor:pointer}
@media(max-width:900px){.burger{display:block}.hide-m{display:none}
nav.main{position:absolute;left:0;right:0;top:100%;background:#fff;max-height:0;overflow:hidden;transition:max-height .3s;box-shadow:0 12px 20px rgba(0,0,0,.08)}
nav.main.open{max-height:420px}nav.main ul{flex-direction:column;align-items:stretch;gap:0;padding:8px 4%}nav.main li a{display:block;padding:14px 0;border-bottom:1px solid #eef1f7}}
.hero{position:relative;color:#fff;background:linear-gradient(100deg, rgba(10, 23, 48, .92), #E91E63),var(--img,none) center/cover,var(--navy);padding:80px 0 0}
.hero .in{display:grid;gap:36px;grid-template-columns:1.1fr .9fr;align-items:center;padding-bottom:70px}
.hero p{color:#dbe4f5;max-width:52ch}.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.tape{height:14px;background:repeating-linear-gradient(45deg, #E91E63 0 18px, var(--kraft) 18px 36px)}
.page-hero{padding:64px 0 0}.page-hero .in{display:block;padding-bottom:56px}.crumbs{font-size:.9rem;color:#b7c4e0}.crumbs a{color:#fff}
@media(max-width:900px){.hero .in{grid-template-columns:1fr}}
.form{background:#fff;color:var(--dark);border-radius:var(--r);padding:26px;border-top:8px solid var(--kraft)}
.form h2{font-size:1.4rem}.fg{display:grid;gap:12px;grid-template-columns:1fr 1fr}.fg .full{grid-column:1/-1}
label{font-size:.85rem;font-weight:600;display:block;margin-bottom:4px}
input,select,textarea{width:100%;padding:11px 12px;border:1.5px solid #ccd4e4;border-radius:9px;font:inherit}
input.bad,select.bad{border-color:#d92d20}.err{color:#d92d20;font-size:.8rem;min-height:1em;display:block}.ok{color:#067647;font-weight:600}
@media(max-width:560px){.fg{grid-template-columns:1fr}}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px;text-align:center}
.stats b{display:block;font:800 2.4rem "Bricolage Grotesque",sans-serif;color:#FFEB3B;}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:22px;counter-reset:s}
.step{text-align:center;position:relative}.step::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;position:relative;z-index:1}
.step::after{content:"";position:absolute;top:26px;left:calc(50% + 30px);right:calc(-50% + 30px);border-top:2px dashed #aab8d6}.step:last-child::after{display:none}
@media(max-width:700px){.step::after{display:none}}
.split{display:grid;gap:40px;grid-template-columns:1fr 1fr;align-items:center;margin-bottom:64px}.split:nth-child(even) .ph{order:2}
@media(max-width:800px){.split{grid-template-columns:1fr}.split:nth-child(even) .ph{order:0}}
ul.ticks{list-style:none;padding:0}ul.ticks li::before{content:"✓ ";color:var(--secondary);font-weight:800}
.faq button{width:100%;text-align:left;background:#fff;border:1px solid #e3e8f2;border-radius:10px;padding:16px 18px;font:700 1rem "Instrument Sans",sans-serif;cursor:pointer;display:flex;justify-content:space-between;margin-top:10px}
.faq .a{max-height:0;overflow:hidden;transition:max-height .3s;padding:0 18px}.faq .a.open{max-height:300px;padding:12px 18px}
footer.site{background:var(--navy);color:#c7d0e2;padding:56px 0 20px}footer h3{color:#FFEB3B;font-size:21px;}
footer ul{list-style:none;padding:0;margin:0}footer a{color:#c7d0e2;text-decoration:none}footer a:hover{color:var(--secondary)}
.fgrid{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.legal{border-top:1px solid #24345a;margin-top:32px;padding-top:16px;font-size:.9rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.float{position:fixed;right:14px;z-index:60;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:1.4rem;border:0;box-shadow:0 6px 16px rgba(0,0,0,.25);cursor:pointer}
.wa{bottom:80px;background:#1fa855}.call{bottom:14px;left:14px;right:auto;background:var(--primary)}.top{bottom:14px;background:var(--dark);opacity:0;pointer-events:none;transition:opacity .2s}.top.show{opacity:1;pointer-events:auto}
.reveal{opacity:0;transform:translateY(18px);transition:.5s}.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}