:root{--green:#3d4128;--sun:#e1f079;--terra:#de7653;--ember:#e7573d;--ink:#0e0f0a;--cream:#faf5f1;--paper:#fefffa;--sand:#e5e1d6;--earth:#24280f;--muted:#6b6a5a;
--serif:"Source Serif 4","Source Serif Pro",Georgia,serif;--sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}img{max-width:100%;display:block}
h1,h2,h3,.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;line-height:1.05;margin:0 0 .5em}
h1{font-size:clamp(2.4rem,5.5vw,4.6rem);letter-spacing:-.035em}h2{font-size:clamp(1.9rem,3.6vw,2.9rem)}h3{font-size:1.45rem;line-height:1.2}
p{margin:0 0 1em}.lead{font-size:1.2rem;color:var(--earth)}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--terra);color:var(--paper);text-decoration:none;font-weight:500;padding:14px 30px;border-radius:10px;border:2px solid var(--terra);transition:.15s;font-size:1rem;cursor:pointer;font-family:var(--sans)}
.btn:hover{background:var(--ember);border-color:var(--ember)}.btn.ghost{background:transparent;color:var(--terra)}.btn.ghost:hover{background:var(--terra);color:var(--paper)}
.btn.sun{background:var(--sun);border-color:var(--sun);color:var(--ink)}.btn.sun:hover{filter:brightness(.95)}.btn.light{background:var(--paper);border-color:var(--paper);color:var(--green)}
.btn.sm{padding:9px 18px;font-size:.9rem}
/* header */
header{background:var(--green);color:var(--cream);position:sticky;top:0;z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px;gap:20px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--serif);font-size:1.5rem;letter-spacing:-.02em}
.logo b{font-weight:600}.logo .wm{white-space:nowrap}.logo .city{font-family:var(--sans);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;opacity:.75;margin-left:4px}
.logo svg{width:34px;height:34px}
.nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0}.nav ul a{text-decoration:none;font-size:.95rem;opacity:.9}.nav ul a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
.call{display:flex;align-items:center;gap:10px;text-decoration:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:8px 14px 8px 10px;border-radius:999px;font-weight:500;white-space:nowrap}
.call .ph{width:30px;height:30px;border-radius:50%;background:var(--sun);display:grid;place-items:center;animation:ring 2.2s infinite}
.call .ph svg{width:16px;height:16px;fill:var(--ink)}
@keyframes ring{0%,80%,100%{transform:rotate(0)}82%{transform:rotate(-14deg)}84%{transform:rotate(12deg)}86%{transform:rotate(-12deg)}88%{transform:rotate(10deg)}90%{transform:rotate(-6deg)}92%{transform:rotate(0)}}
.burger{display:none;background:none;border:0;color:var(--cream);font-size:1.6rem}
@media(max-width:980px){.nav ul{display:none}.nav ul.open{display:flex;position:absolute;top:72px;left:0;right:0;background:var(--green);flex-direction:column;padding:16px 20px 22px;gap:14px;border-top:1px solid rgba(255,255,255,.12)}.burger{display:block}.call span.t{display:none}}
/* hero */
.hero{background:var(--green);color:var(--cream);position:relative;overflow:hidden}
.hero .bg{position:absolute;inset:0;background-size:cover;background-position:center 60%;opacity:.55}
.hero .bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(61,65,40,.96) 0%,rgba(61,65,40,.75) 45%,rgba(61,65,40,.25) 100%)}
.hero .in{position:relative;padding:84px 0 72px;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.hero h1{color:var(--paper)}.hero h1 em{font-style:italic;color:var(--sun)}
.hero p{font-size:1.2rem;max-width:560px;opacity:.92}
.eyebrow{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;opacity:.8;margin-bottom:14px;display:block}
.hero .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.quick{background:var(--paper);color:var(--ink);border-radius:24px;padding:32px}
.quick h3{margin-bottom:6px}.quick p{font-size:.95rem;color:var(--muted);margin-bottom:18px}
.field{margin-bottom:14px}.field label{display:block;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;color:var(--earth)}
.field select,.field input{width:100%;font:inherit;padding:13px 18px;border-radius:51px;border:1px solid var(--sand);background:var(--cream);color:var(--earth)}
.quick .btn{width:100%;justify-content:center;margin-top:6px}
@media(max-width:900px){.hero .in{grid-template-columns:1fr;padding:56px 0 48px}}
/* sections */
section{padding:72px 0}section.alt{background:var(--sand)}section.dark{background:var(--green);color:var(--cream)}
.sec-head{max-width:720px;margin-bottom:40px}.sec-head .eyebrow{color:var(--terra);opacity:1}
.grid{display:grid;gap:20px}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
@media(max-width:980px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.g3,.g4,.g2{grid-template-columns:1fr}}
.card{background:var(--paper);border-radius:24px;padding:32px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:10px;transition:transform .15s;border:1px solid transparent}
a.card:hover{transform:translateY(-3px);border-color:var(--sand)}
.card h3{margin:0}.card p{margin:0;color:var(--muted);font-size:.97rem}.card .more{margin-top:auto;color:var(--terra);font-weight:500;font-size:.95rem}
.card.img{padding:0;overflow:hidden}.card.img img{aspect-ratio:4/3;object-fit:cover;width:100%}.card.img .body{padding:26px 28px 30px;display:flex;flex-direction:column;gap:8px;flex:1}
.badge{display:inline-block;background:var(--sun);color:var(--ink);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:18px;align-self:flex-start}
.badge.soft{background:var(--sand)}.badge.terra{background:var(--terra);color:var(--paper)}
.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{font-size:.75rem;background:var(--cream);border:1px solid var(--sand);padding:3px 10px;border-radius:18px;color:var(--earth)}
.stat{font-family:var(--serif);font-size:3.2rem;line-height:1;letter-spacing:-.03em;color:var(--terra)}
.dark .stat{color:var(--sun)}.dark .card{background:rgba(255,255,255,.06);color:var(--cream)}.dark .card p{color:rgba(250,245,241,.75)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}@media(max-width:900px){.split{grid-template-columns:1fr}}
.split img{border-radius:24px;aspect-ratio:4/3;object-fit:cover}
.steps{counter-reset:s}.steps .card{position:relative;padding-top:64px}.steps .card:before{counter-increment:s;content:counter(s);position:absolute;top:22px;left:28px;width:34px;height:34px;border-radius:50%;background:var(--green);color:var(--sun);display:grid;place-items:center;font-family:var(--serif);font-size:1.1rem}
.stack{background:var(--paper);border-radius:24px;padding:36px;max-width:560px}
.stack .row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--sand);font-size:1rem}.stack .row:last-child{border:0;font-weight:600;padding-top:16px}
.stack .row.neg b{color:var(--terra)}
.cta{background:var(--terra);color:var(--paper);border-radius:24px;padding:56px 48px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.cta h2{color:var(--paper);margin:0}.cta p{margin:6px 0 0;opacity:.9}
/* article */
.article{max-width:760px}.article h2{font-size:1.9rem;margin-top:1.6em}.article ul{padding-left:1.2em}
.page-head{background:var(--green);color:var(--cream);padding:64px 0 56px}.page-head h1{color:var(--paper);max-width:900px}.page-head p{max-width:680px;font-size:1.15rem;opacity:.9}
.crumbs{font-size:.8rem;opacity:.75;margin-bottom:18px}.crumbs a{text-decoration:none}
.two{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start}@media(max-width:900px){.two{grid-template-columns:1fr}}
.side{position:sticky;top:96px;display:flex;flex-direction:column;gap:18px}
.facts{background:var(--paper);border-radius:24px;padding:28px}.facts dt{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-top:14px}.facts dd{margin:2px 0 0;font-weight:500}.facts dt:first-child{margin-top:0}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 34px}.filters a{text-decoration:none;font-size:.85rem;padding:8px 16px;border-radius:18px;background:var(--paper);border:1px solid var(--sand)}.filters a.on{background:var(--green);color:var(--cream);border-color:var(--green)}
table{width:100%;border-collapse:collapse;background:var(--paper);border-radius:24px;overflow:hidden;font-size:.95rem}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--sand)}th{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}tr:last-child td{border:0}td a{font-weight:500}
.proto{background:var(--sun);color:var(--ink);font-size:.8rem;text-align:center;padding:7px 12px}
/* form */
.form{background:var(--paper);border-radius:24px;padding:40px;max-width:720px}
.form .step{display:none}.form .step.on{display:block}.prog{height:6px;background:var(--sand);border-radius:6px;margin-bottom:28px;overflow:hidden}.prog i{display:block;height:100%;background:var(--terra);width:20%;transition:.3s}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 22px}@media(max-width:600px){.opts{grid-template-columns:1fr}}
.opts label{border:1px solid var(--sand);border-radius:14px;padding:14px 16px;cursor:pointer;display:flex;gap:10px;align-items:center;background:var(--cream)}.opts label:has(input:checked){border-color:var(--terra);background:#fff4ee}
.opts input{accent-color:var(--terra)}.form .acts{display:flex;justify-content:space-between;gap:12px;margin-top:8px}
.result{display:none;text-align:center}.result.on{display:block}
/* footer */
footer{background:var(--green);color:rgba(250,245,241,.85);padding:64px 0 32px;font-size:.92rem}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}@media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.fgrid{grid-template-columns:1fr}}
footer h4{color:var(--paper);font-family:var(--sans);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px}
footer ul{list-style:none;padding:0;margin:0}footer li{margin-bottom:8px}footer a{text-decoration:none;opacity:.85}footer a:hover{opacity:1;text-decoration:underline}
.latest{background:rgba(255,255,255,.06);border-radius:16px;padding:18px 20px;margin-top:18px}.latest small{display:block;opacity:.7;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.fine{border-top:1px solid rgba(255,255,255,.14);margin-top:40px;padding-top:22px;font-size:.8rem;opacity:.7;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}