*{box-sizing:border-box}html{scroll-behavior:smooth}img{max-width:100%}
body{margin:0;font:18px/1.65 system-ui,-apple-system,sans-serif;color:#17201a;background:#f5f7f1;padding-bottom:72px}a{color:#1f3d2b}
.w{max-width:1080px;margin:0 auto;padding:0 20px}h1,h2,h3{font-family:Georgia,serif;line-height:1.15;color:#1f3d2b}h1{font-size:clamp(34px,7vw,56px);margin:0 0 12px}
h2{font-size:clamp(26px,4.5vw,36px);margin:0 0 8px}h2:after{content:"";display:block;width:56px;height:4px;background:#c79a2b;border-radius:2px;margin-top:10px}
.sub{color:#51614f;margin:0 0 28px;max-width:38em}
.top{position:sticky;top:0;z-index:30;background:#1f3d2bf2;backdrop-filter:blur(6px);box-shadow:0 2px 10px #0004}.top .w{display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px}
.logo{font:700 22px Georgia,serif;color:#e3b94a;text-decoration:none}.top nav{display:none;gap:24px}.top nav a{color:#fff;text-decoration:none;font-weight:600}
.tel{background:#c79a2b;color:#17201a;padding:10px 16px;border-radius:999px;font-weight:800;text-decoration:none;white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 26px;border-radius:999px;font-weight:800;font-size:18px;text-decoration:none;box-shadow:0 4px 14px #0003;transition:transform .15s}.btn:hover{transform:translateY(-2px)}
.call{background:#c79a2b;color:#17201a}.wa2{background:#25d366;color:#06301a}.ghost{border:2px solid #fff;color:#fff;box-shadow:none}.btns{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}
a:focus-visible{outline:3px solid #e3b94a;outline-offset:3px}
.hero{position:relative;min-height:min(88vh,660px);display:flex;align-items:flex-end;color:#fff;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0a1a10f2 0%,#0a1a1099 45%,#0a1a1022)}.hero .w{position:relative;z-index:1;padding-bottom:44px;width:100%}
.hero h1{color:#fff;text-shadow:0 2px 14px #0008}.kick{color:#e3b94a;font-weight:800;margin:0 0 8px}.hero p.lead{font-size:21px;max-width:30em;margin:0}
.trust{background:#fff;border-bottom:1px solid #dde4d8}.trust .w{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 30px;padding:14px 20px;font-weight:700;font-size:16px;color:#1f3d2b}
.sec{padding:60px 0}.alt{background:#fff}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}
.card{background:#fff;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 2px 8px #0002;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0003}
.card img,.ph{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.ph{background:linear-gradient(135deg,#2f5a40,#1f3d2b)}.card b{display:block;padding:14px 16px 2px;font:600 22px Georgia,serif;color:#1f3d2b}.card span{display:block;padding:0 16px 16px;font-size:16px;color:#51614f}
.feat{display:grid;gap:30px;align-items:center}.feat img{width:100%;height:auto;border-radius:18px;box-shadow:0 10px 30px #0004;display:block}@media(min-width:800px){.feat{grid-template-columns:1.2fr 1fr}.top nav{display:flex}}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px}.steps>div{background:#fff;border-radius:14px;padding:20px;box-shadow:0 2px 8px #0002}.alt .steps>div{background:#f5f7f1;box-shadow:none}
.steps b{display:flex;width:42px;height:42px;border-radius:50%;background:#c79a2b;color:#17201a;align-items:center;justify-content:center;font:700 21px Georgia,serif;margin-bottom:8px}.steps span{display:block;font-size:16px;color:#51614f}.steps img{width:100%;height:auto;border-radius:10px;display:block}
.gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.gal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block}
.cmp{--p:50%;position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden;box-shadow:0 10px 28px #0004;margin:22px 0;user-select:none}.cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none}.cmp .af{clip-path:inset(0 0 0 var(--p))}
.cmp i{position:absolute;top:0;bottom:0;left:var(--p);width:3px;margin-left:-1.5px;background:#fff;pointer-events:none;box-shadow:0 0 8px #0006}.cmp i:after{content:"↔";position:absolute;top:50%;left:50%;width:46px;height:46px;margin:-23px;border-radius:50%;background:#c79a2b;color:#17201a;font:700 22px/46px system-ui;text-align:center;box-shadow:0 2px 10px #0006}
.cmp input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.lb{position:absolute;top:12px;padding:4px 12px;border-radius:99px;background:#0009;color:#fff;font-size:14px;font-weight:700}.lb.a{left:12px}.lb.d{right:12px;background:#c79a2bee;color:#17201a}
.contact{background:linear-gradient(135deg,#1f3d2b,#2f5a40);color:#fff;text-align:center;padding:64px 20px}.contact h2{color:#fff}.contact h2:after{margin:10px auto 0}.contact p{color:#dfe8dc}.contact .btns{justify-content:center}
.num{display:block;font:800 clamp(34px,9vw,60px) Georgia,serif;color:#e3b94a;text-decoration:none;margin:14px 0}.contact small{display:block;margin-top:8px;color:#b9c9b5}
.phero{position:relative;min-height:300px;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(135deg,#2f5a40,#1f3d2b);overflow:hidden}.phero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0a1a10ee,#0a1a1033)}.phero .w{position:relative;z-index:1;width:100%;padding-bottom:28px}.phero h1{color:#fff;margin:0;text-shadow:0 2px 12px #0008}
main{max-width:780px;margin:0 auto;padding:34px 20px}.lead{font-size:20px}main h2{margin-top:44px}
ul.ok{padding:0;list-style:none}ul.ok li{margin:9px 0;padding-left:30px;position:relative}ul.ok li:before{content:"✓";position:absolute;left:0;color:#c79a2b;font-weight:800}
figure{margin:22px 0}figure img{width:100%;height:auto;border-radius:14px;box-shadow:0 6px 18px #0003;display:block}figcaption{font-size:14px;color:#51614f;margin-top:6px}
footer{background:#10261a;color:#c9d6c5;padding:30px 20px;text-align:center;font-size:15px}footer a{color:#e3b94a}
.bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#0f2418}.bar a{flex:1;text-align:center;padding:14px;border-radius:12px;font-weight:800;text-decoration:none;font-size:17px}.bar .c{background:#c79a2b;color:#17201a}.bar .g{background:#25d366;color:#06301a}
@media(min-width:760px){.bar{display:none}body{padding-bottom:0}}
.rv{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.rv.on{opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){.hero>img,.phero>img{animation:kb 16s ease-out both}@keyframes kb{from{transform:scale(1.1)}to{transform:scale(1)}}}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
.logo{line-height:1.05}.logo span{font:700 21px Georgia,serif}.logo small{display:block;font:700 11px system-ui;letter-spacing:.2em;text-transform:uppercase;color:#fff;margin-left:26px}
