:root{--ink:#1f2a37;--muted:#5b6776;--bg:#f7f5f1;--panel:#fff;--accent:#1e5a7a;--accent2:#c8873a;--line:#e3ded5}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65;color:var(--ink);background:var(--bg)}
a{color:var(--accent)}
.wrap{max-width:1040px;margin:0 auto;padding:0 1.1rem}
.site-header{background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.bar{display:flex;flex-direction:column;gap:.4rem;padding-top:.7rem;padding-bottom:.7rem}
.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.3rem;color:var(--accent);text-decoration:none}
nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem .9rem}
nav a{text-decoration:none;color:var(--ink);font-weight:500;padding:.2rem 0;border-bottom:2px solid transparent}
nav a:hover{border-color:var(--accent2)}
.hero{background:linear-gradient(135deg,#1e5a7a,#2f8aa6 60%,#c8873a);color:#fff;padding:3rem 0}
.hero h1{margin:0 0 .6rem;font-size:2rem;line-height:1.2}
.hero p{max-width:640px;font-size:1.1rem}
.btn{display:inline-block;background:var(--accent2);color:#fff;padding:.65rem 1.2rem;border-radius:8px;text-decoration:none;font-weight:600}
.btn.ghost{background:transparent;border:2px solid #fff}
.page{padding-top:2rem;padding-bottom:2.5rem}
h1{font-size:2rem;margin:0 0 1rem;color:var(--accent)}
.hero h1{color:#fff}
h2{margin:2rem 0 .8rem}
.lead{font-size:1.15rem;color:var(--muted)}
.contact-card{background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--accent2);border-radius:10px;padding:1.2rem 1.4rem;margin:2rem 0}
.contact-card h2{margin-top:0}
.cards,.features,.tiles{display:grid;gap:1rem;grid-template-columns:1fr}
.card,.feature{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1rem 1.2rem}
.card h3,.feature h3{margin:.3rem 0}
.card time{color:var(--accent2);font-weight:600;font-size:.9rem}
.feature svg{color:var(--accent)}
.list{padding-left:1.2rem}
.prices{width:100%;border-collapse:collapse;background:var(--panel);border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.prices th,.prices td{padding:.8rem 1rem;text-align:left;border-bottom:1px solid var(--line)}
.prices th{background:var(--accent);color:#fff}
.prices td:last-child{font-weight:700}
.note{color:var(--muted)}
.places{list-style:none;padding:0;margin:1rem 0}
.places li{display:flex;justify-content:space-between;gap:1rem;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.8rem 1rem;margin-bottom:.5rem}
.places b{color:var(--accent);white-space:nowrap}
.tile{margin:0;min-height:170px;border-radius:10px;display:flex;align-items:flex-end;overflow:hidden}
.tile figcaption{width:100%;padding:.6rem .9rem;background:rgba(0,0,0,.45);color:#fff;font-weight:600}
.t1{background:linear-gradient(135deg,#7fb3c8,#1e5a7a)}
.t2{background:linear-gradient(135deg,#d9e6ea,#6fa3b5)}
.t3{background:linear-gradient(135deg,#e2b878,#a8672a)}
.t4{background:linear-gradient(135deg,#a8d08d,#3f7d3a)}
.t5{background:linear-gradient(135deg,#9fe0f0,#1b86b0)}
.t6{background:linear-gradient(135deg,#c9c9c9,#5a6b78)}
.site-footer{background:#18303f;color:#dbe6ec;padding:2rem 0 1.5rem;margin-top:2rem}
.site-footer a{color:#f0c98f}
.cols{display:grid;gap:1.2rem;grid-template-columns:1fr}
.partners{margin-top:1.2rem}
@media(min-width:700px){
.bar{flex-direction:row;justify-content:space-between;align-items:center}
.cards,.features{grid-template-columns:repeat(2,1fr)}
.tiles{grid-template-columns:repeat(2,1fr)}
.cols{grid-template-columns:1fr 1fr}
.hero h1{font-size:2.6rem}
}
@media(min-width:960px){
.cards{grid-template-columns:repeat(3,1fr)}
.features{grid-template-columns:repeat(4,1fr)}
.tiles{grid-template-columns:repeat(3,1fr)}
}
