@font-face{font-family:Inter;src:url(fonts/inter-latin-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--teal:#186463;--teal-hi:#2ed5c9;--ink:#13201f;--muted:#4a5a59;--bg:#fff;--soft:#f2f7f7;--dark:#0f1f1f}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:1rem/1.6 Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg)}
img{max-width:100%;height:auto;display:block}
a{color:var(--teal)}
.wrap{max-width:68rem;margin:0 auto;padding:0 1.25rem}
header{background:var(--dark);padding:.9rem 0}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem}
header nav a{color:#fff;text-decoration:none;font-size:.95rem}
header nav a:hover{color:var(--teal-hi)}
.hero{background:var(--dark);color:#fff;padding:2rem 0 3rem}
.hero .wrap{display:grid;gap:2rem;align-items:center}
.hero h1{font-size:clamp(1.8rem,6vw,3rem);line-height:1.15;margin:0 0 1rem;letter-spacing:-.02em}
.hero p{color:#d5e3e2;margin:0 0 1.5rem;font-size:1.1rem}
.hero img{border-radius:1rem}
.btn{display:inline-block;background:var(--teal-hi);color:var(--dark);font-weight:700;padding:.85rem 1.4rem;border-radius:.5rem;text-decoration:none}
.btn:hover{background:#fff}
section{padding:3.5rem 0}
section.alt{background:var(--soft)}
h2{font-size:clamp(1.5rem,4.5vw,2.1rem);line-height:1.2;margin:0 0 1rem;color:var(--teal);letter-spacing:-.01em}
.split{display:grid;gap:2rem;align-items:center}
.split img{border-radius:1rem}
ul.facts{padding-left:1.2rem}
.contact a{font-weight:600;word-break:break-word}
.ph{background:#fff3c4;color:#5a4500;padding:0 .25em;border-radius:.2em;font-weight:600}
footer{background:var(--dark);color:#b9c9c8;padding:2rem 0;font-size:.9rem}
footer a{color:#fff}
.legal{padding:2.5rem 0 4rem}.legal h2{font-size:1.2rem;margin:2rem 0 .5rem}.legal h1{color:var(--teal);font-size:clamp(1.7rem,5vw,2.4rem)}
@media(min-width:48rem){.hero .wrap,.split{grid-template-columns:1.1fr .9fr}.split.rev>:first-child{order:2}.hero{padding:4rem 0 5rem}}
.form{display:grid;gap:.4rem;max-width:36rem}
.form label{font-weight:600;margin-top:.6rem}
.form input,.form textarea{font:inherit;width:100%;padding:.7rem .8rem;border:1px solid #9fb3b2;border-radius:.4rem;background:#fff;color:var(--ink)}
.form input:focus,.form textarea:focus{outline:2px solid var(--teal);outline-offset:1px}
.form .btn{border:0;cursor:pointer;justify-self:start;margin-top:.6rem;font:inherit;font-weight:700}
.small{font-size:.9rem;color:var(--muted)}
.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
