:root{
 --ink:#162028;--muted:#667585;--paper:#fbfcfe;--soft:#eef3f7;--line:#dbe4ec;
 --blue:#17344f;--sky:#2f77c4;--gold:#d8a34b;--white:#ffffff;--navy:#0f2639;
 --max:1200px;--shadow:0 26px 80px rgba(20,44,72,.14)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.65}
a{color:inherit}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}
.notice{background:var(--navy);color:#dbe7f2;font-size:.78rem}.notice .wrap{display:flex;justify-content:space-between;gap:18px;padding:7px 0}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}
.head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:15px 0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:950;letter-spacing:-.03em}
.logo{width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,var(--blue),var(--sky));display:grid;place-items:center;color:#fff;font-family:Georgia,serif;font-size:1.15rem}
.brand small{display:block;color:#7f8da0;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;margin-top:-2px}
nav{display:flex;gap:18px;align-items:center}nav a{text-decoration:none;font-weight:800;font-size:.9rem;color:#4c5d71}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:999px;background:var(--blue);color:#fff;text-decoration:none;font-weight:950;border:1px solid transparent}
.btn.gold{background:var(--gold);color:#1a232b}.btn.alt{background:#fff;color:var(--blue);border-color:#cad7e2}
.hero{position:relative;min-height:720px;display:flex;align-items:flex-end;overflow:hidden;color:#fff;background:#111}
.hero:before{content:"";position:absolute;inset:0;background:url('/assets/cottage-de-luxe.webp') center/cover no-repeat;transform:scale(1.03)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,24,35,.78),rgba(11,24,35,.25) 56%,rgba(11,24,35,.08)),linear-gradient(0deg,rgba(11,24,35,.64),transparent 58%)}
.hero-inner{position:relative;z-index:2;padding:96px 0 80px;max-width:820px}.eyebrow{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);color:#f4d6a2;font-size:.76rem;font-weight:950;text-transform:uppercase;letter-spacing:.1em}
h1,h2,h3{line-height:1.06;letter-spacing:-.04em;margin:0 0 16px}h1{font-size:clamp(3rem,7vw,6rem);font-weight:950}h2{font-size:clamp(2rem,4vw,3.25rem);font-weight:900}h3{font-size:1.35rem;font-weight:900}
.lead{font-size:1.18rem;color:#d8e3ed;max-width:760px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.kpis-wrap{position:relative;z-index:4;margin-top:-42px}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.kpi{padding:22px 20px;border-right:1px solid var(--line)}.kpi:last-child{border:0}.kpi strong{display:block;font-size:1.5rem;color:var(--blue)}.kpi span{font-size:.83rem;color:var(--muted)}
.section{padding:72px 0}.soft{background:var(--soft)}.dark{background:var(--navy);color:#fff}.section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:30px}.section-head p{max-width:690px;margin:0;color:var(--muted)}.dark .section-head p{color:#b4c4d4}.kicker{font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.11em;color:var(--sky)}.dark .kicker{color:#f1c77d}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 8px 30px rgba(30,54,80,.06);transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(30,54,80,.12)}.dark .card{background:#173147;border-color:#27455f}.card-body{padding:23px}.card p{color:#687788}.dark .card p{color:#bfd0dd}.tag{display:inline-block;font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.1em;color:#9d7740;margin-bottom:12px}.more{font-weight:950;color:#315d82;text-decoration:none}
.photo{display:block;width:100%;height:240px;object-fit:cover}.photo.tall{height:430px}.gallery{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.gallery-side{display:grid;gap:18px}.gallery-side .photo{height:206px}
.tiles{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;align-items:stretch}.hero-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.hero-card p{color:#697888}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.metric{background:#f5f8fb;border:1px solid #d9e3ec;border-radius:16px;padding:16px}.metric strong{display:block;font-size:1.35rem;color:var(--blue)}
.article{padding:58px 0}.breadcrumb{font-size:.86rem;color:#8594a4;margin-bottom:18px}.breadcrumb a{color:#3a6a96;text-decoration:none}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:44px}.article h1{font-size:clamp(2.4rem,5vw,4.8rem)}.meta{color:#8390a1;font-size:.88rem;margin:12px 0 28px}.article-body{font-size:1.05rem}.article-body h2{font-size:1.9rem;margin-top:42px}.article-body p,.article-body li{color:#394756}.note{background:#eef4fa;border-left:4px solid var(--sky);padding:18px 20px;border-radius:0 16px 16px 0;margin:28px 0}.resource{margin-top:28px;padding:20px;border:1px solid #d8e2ec;border-radius:16px;background:#fff}
.sidebar{position:sticky;top:98px}.side{background:#f5f8fb;border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:16px}.side a{display:block;padding:8px 0;border-bottom:1px solid #d5e1eb;text-decoration:none;font-weight:800;color:#5f6f81}.side a:last-child{border:0}
.compare{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line)}.compare th,.compare td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}.compare th{background:#edf4fb;color:#46627e;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}
.checklist{display:grid;gap:11px}.check{display:flex;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.check input{margin-top:5px;transform:scale(1.15)}
.faq{display:grid;gap:14px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}
.cta{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;background:linear-gradient(135deg,var(--blue),var(--navy));color:#fff;border-radius:28px;padding:38px;box-shadow:var(--shadow)}.cta p{color:#d7e4ef;margin:0}
.footer{background:#0e2437;color:#c5d4df;margin-top:74px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:38px;padding:52px 0}.footer p{color:#8ea2b5}.footer a{color:#e8eff5;text-decoration:none}.footline{border-top:1px solid #274055;padding:16px 0;color:#7d93a5;font-size:.84rem}
@media(max-width:950px){nav{display:none}.kpis{grid-template-columns:1fr 1fr}.kpi{border-bottom:1px solid var(--line)}.grid3,.grid4{grid-template-columns:1fr 1fr}.gallery,.tiles,.article-layout,.cta,.footergrid{grid-template-columns:1fr}.sidebar{position:static}}
@media(max-width:620px){.notice .wrap{display:block}.grid2,.grid3,.grid4,.kpis{grid-template-columns:1fr}.wrap{width:min(var(--max),calc(100% - 24px))}.hero{min-height:640px}.hero-inner{padding-bottom:66px}.section{padding:50px 0}.photo,.photo.tall,.gallery-side .photo{height:240px}}