:root{--g:#0f4c45;--g2:#14695f;--gl:#e8f3f0;--a:#f08a24;--a2:#d9741a;--ink:#1a2a27;--mut:#5b6b67;--bd:#dfe7e4}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;font:17px/1.65 Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#f7faf9}
img{max-width:100%;height:auto;display:block}a{color:var(--g2)}h1,h2,h3{line-height:1.2;letter-spacing:-.01em}h2{font-size:1.6rem;margin:2.4rem 0 1rem}
header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 1px 0 var(--bd),0 4px 16px rgba(0,0,0,.05)}
.hw{max-width:1200px;margin:auto;padding:.6rem 1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.15rem;color:var(--g);text-decoration:none}
nav{order:3;width:100%;display:flex;gap:1rem;overflow-x:auto;font-size:.92rem;font-weight:600;padding-bottom:.2rem}nav a{color:var(--ink);text-decoration:none;white-space:nowrap}nav a:hover{color:var(--g2)}
.hcta{margin-left:auto;padding:.55rem 1rem!important;font-size:.9rem!important}
main>*:not(.full){max-width:1100px;margin-left:auto;margin-right:auto;padding-left:1.1rem;padding-right:1.1rem}
.btn,button{display:inline-block;background:var(--a);color:#fff;border:0;padding:.9rem 1.5rem;border-radius:10px;font:700 1rem Inter,system-ui,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 4px 14px rgba(240,138,36,.35);transition:.15s}.btn:hover,button:hover{background:var(--a2);transform:translateY(-1px)}
.hero,.phero{position:relative;color:#fff;overflow:hidden}.hero .bg,.phero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ov{position:absolute;inset:0;background:linear-gradient(100deg,rgba(8,40,36,.92),rgba(8,40,36,.7) 50%,rgba(8,40,36,.35))}
.hin{position:relative;max-width:1200px;margin:auto;padding:2.5rem 1.1rem;display:grid;gap:2rem}.hero h1{font-size:2.1rem;margin:.3rem 0 .8rem}.hero p{font-size:1.1rem;color:#e3efec}
.eyebrow{text-transform:uppercase;font-size:.8rem!important;letter-spacing:.12em;font-weight:700;color:#ffc98f!important}
.phero .in{position:relative;max-width:1100px;margin:auto;padding:3.5rem 1.1rem}.phero h1{font-size:2rem;margin:0 0 .6rem}.phero p{max-width:640px;color:#e3efec;font-size:1.08rem}
.badges{background:var(--g);color:#fff}.badges .in{max-width:1100px;margin:auto;padding:1rem 1.1rem;display:grid;grid-template-columns:1fr 1fr;gap:.7rem;font-weight:600;font-size:.95rem}.badges b{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--a);margin-right:.5rem;font-size:.8rem}
.intro{margin-top:2rem!important}
.cards{display:grid;gap:1.2rem;margin:1rem auto}.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--bd);border-radius:14px;overflow:hidden;color:inherit;text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.04);transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.1)}
.card img{aspect-ratio:16/10;object-fit:cover;width:100%}.cb{padding:1rem 1.2rem 1.3rem;position:relative}.ic{position:absolute;top:-1.6rem;left:1rem;width:3rem;height:3rem;border-radius:12px;background:#fff;display:grid;place-items:center;font-size:1.4rem;box-shadow:0 4px 12px rgba(0,0,0,.12)}.card h3{margin:.9rem 0 .4rem;color:var(--g)}.card p{margin:0 0 .6rem;color:var(--mut);font-size:.95rem}.more{color:var(--a2);font-weight:700;font-size:.92rem}
.steps .grid3{display:grid;gap:1rem}.step{background:#fff;border:1px solid var(--bd);border-radius:14px;padding:1.3rem}.step span{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--gl);color:var(--g);font-weight:800}.step h3{margin:.7rem 0 .3rem}.step p{margin:0;color:var(--mut)}
.quote{background:#fff;color:var(--ink);border-radius:16px;padding:1.4rem;margin:2.5rem auto;box-shadow:0 12px 40px rgba(0,0,0,.18);border-top:5px solid var(--a)}main>.quote{max-width:720px;padding:1.6rem}
.quote h2{margin:0 0 .3rem;color:var(--g);font-size:1.4rem}.quote>p{color:var(--mut);font-size:.95rem;margin:.2rem 0 .6rem}.hero .quote{margin:0}.hero .quote p{color:var(--mut)}
label{display:block;margin:.55rem 0;font-weight:600;font-size:.88rem}input,select,textarea{width:100%;padding:.65rem .75rem;font:inherit;font-size:.95rem;border:1px solid #c9d4d1;border-radius:8px;margin-top:.25rem;background:#fbfdfc}input:focus,select:focus,textarea:focus{outline:2px solid var(--g2);border-color:transparent}
.quote button{width:100%;margin-top:.6rem}.hp{display:none}
.tw{overflow-x:auto;border-radius:14px;border:1px solid var(--bd);background:#fff;margin:1.2rem auto}table{width:100%;border-collapse:collapse;font-size:.94rem;min-width:560px}th{background:var(--g);color:#fff;text-align:left;padding:.8rem}td{padding:.75rem .8rem;border-top:1px solid var(--bd);vertical-align:top}tr:nth-child(even) td{background:#f4f8f7}td:nth-child(2){font-weight:700;color:var(--g)}
.answers details{background:#fff;border:1px solid var(--bd);border-left:4px solid var(--g2);border-radius:10px;padding:.8rem 1rem;margin:.6rem 0}.answers summary{font-weight:700;cursor:pointer}.answers p{margin:.4rem 0 0}
ul.towns{display:grid;gap:.6rem;list-style:none;padding:0}ul.towns a{display:block;background:#fff;border:1px solid var(--bd);border-radius:10px;padding:.8rem 1rem;font-weight:600;text-decoration:none}
.small{font-size:.82rem;color:var(--mut)}.thanks{background:var(--gl);color:var(--g);padding:1rem;border-radius:10px;font-weight:600}
footer{background:#0b2f2b;color:#c8d8d4;margin-top:3rem;font-size:.92rem}.fw{max-width:1100px;margin:auto;padding:2rem 1.1rem}footer a{color:#fff}
@media(min-width:700px){.cards{grid-template-columns:repeat(2,1fr)}.steps .grid3{grid-template-columns:repeat(3,1fr)}.badges .in{grid-template-columns:repeat(4,1fr)}ul.towns{grid-template-columns:repeat(3,1fr)}.phero h1{font-size:2.6rem}h2{font-size:1.9rem}}
@media(min-width:960px){nav{order:0;width:auto;margin-left:1.5rem}.cards{grid-template-columns:repeat(3,1fr)}.hin{grid-template-columns:1.15fr .85fr;align-items:center;padding:4rem 1.1rem}.hero h1{font-size:2.9rem}}
footer .small{color:#9fb8b2}
.ov{background:linear-gradient(100deg,rgba(8,40,36,.82),rgba(8,40,36,.5) 55%,rgba(8,40,36,.15))}
.hero .bg{object-position:0% 60%}.phero .bg{object-position:70% 55%}
@media(max-width:959px){.hero .bg{object-position:25% 50%}.hero .ov{background:linear-gradient(180deg,rgba(8,40,36,.55),rgba(8,40,36,.85) 60%)}}
.card img{object-position:center 60%}.consent{margin:.5rem 0 0;text-align:center}
