
:root{
 --dark:#17231f;--green:#3e6b59;--green2:#315645;--cream:#f4f0e7;
 --white:#fff;--muted:#68736e;--line:#dfe3df;--max:1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f8f9f7;color:var(--dark);font-family:Arial,Helvetica,sans-serif;line-height:1.7}
a{color:var(--green2);text-decoration:none} a:hover{text-decoration:underline}
.container{width:min(var(--max),calc(100% - 36px));margin:auto}
header{background:var(--dark);position:sticky;top:0;z-index:20}
.header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo{color:#fff;font-size:1.25rem;font-weight:800;letter-spacing:.03em}.logo:hover{text-decoration:none}
.nav{display:flex;gap:21px;flex-wrap:wrap}.nav a{color:#edf1ee;font-size:.94rem}
.nav a:hover{text-decoration:none;color:#c7d8ce}
.hero{background:var(--dark);color:#fff;padding:88px 0 94px}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:65px;align-items:center}
.label{display:block;color:#a9c6b5;text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:700;margin-bottom:15px}
h1,h2,h3{line-height:1.2;margin-top:0} h1{font-size:clamp(2.4rem,5vw,4.6rem);letter-spacing:-.045em;margin-bottom:24px}
h2{font-size:clamp(1.75rem,3vw,2.6rem);letter-spacing:-.03em;margin-bottom:18px}
h3{font-size:1.18rem;margin-bottom:10px}
.lead{font-size:1.14rem;color:#d2dbd6;max-width:730px}
.hero-card{background:#fff;color:var(--dark);border-radius:22px;padding:31px;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.hero-card strong{font-size:1.35rem;display:block;margin-bottom:9px}
.button{display:inline-block;margin-top:26px;padding:13px 21px;border-radius:9px;background:#d9c8a4;color:var(--dark);font-weight:800}
.button:hover{background:#eadcbd;text-decoration:none}
.button.alt{background:transparent;color:#fff;border:1px solid #91aa9c;margin-left:8px}
.section{padding:78px 0}.cream{background:var(--cream)}.white{background:#fff}
.intro{max-width:780px;margin-bottom:38px}.muted{color:var(--muted)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:27px}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}
.cream .card{background:#faf8f2}
.tag{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--green);margin-bottom:10px;display:block}
.process{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:process}
.process article{background:#fff;border-radius:18px;padding:28px 28px 28px 76px;position:relative;border:1px solid var(--line)}
.process article:before{counter-increment:process;content:"0" counter(process);position:absolute;left:25px;top:28px;font-weight:800;color:var(--green)}
.list{list-style:none;padding:0;margin:0}.list li{position:relative;padding:11px 0 11px 26px;border-bottom:1px solid var(--line)}
.list li:last-child{border-bottom:0}.list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}
.page-head{background:var(--cream);padding:65px 0 52px}.page-head p{max-width:760px;color:var(--muted)}
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 20px;margin-bottom:11px}
.faq summary{cursor:pointer;font-weight:700}
.contact{display:grid;gap:13px}.contact-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.notice{padding:31px;background:var(--green);color:#fff;border-radius:20px}.notice .label{color:#c2d6ca}
footer{background:var(--dark);color:#cfd8d3;padding:42px 0 92px}
.footer{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer a{color:#fff}
.small{font-size:.9rem;color:var(--muted)}footer .small{color:#aeb9b3}
.cookie{position:fixed;left:17px;right:17px;bottom:17px;z-index:50;background:#fff;border:1px solid var(--line);box-shadow:0 14px 40px rgba(0,0,0,.16);border-radius:13px;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.cookie p{margin:0;font-size:.9rem;color:var(--muted)}.cookie button{border:0;background:var(--green2);color:#fff;border-radius:8px;padding:10px 17px;font-weight:700;cursor:pointer}
@media(max-width:820px){.header{padding:14px 0;align-items:flex-start;flex-direction:column}.nav{gap:5px 15px}.hero{padding:58px 0 64px}.hero-grid,.grid3,.grid2,.process{grid-template-columns:1fr}.section{padding:57px 0}}
@media(max-width:520px){.container{width:calc(100% - 26px)}h1{font-size:2.35rem}.button{display:block;text-align:center}.button.alt{margin-left:0}.cookie{flex-direction:column;align-items:stretch}.cookie button{width:100%}}
