:root{--bg:#f7f5f0;--card:#fff;--ink:#1c211e;--mute:#66706a;--pri:#1f5b45;--pri2:#2f8a68;--acc:#f2a93b;--tint:#e4efe9;--line:#e4e0d6;--dk:#17201b}
@media (prefers-color-scheme:dark){:root{--bg:#121714;--card:#1b231f;--ink:#f1efe8;--mute:#9ba79f;--pri:#3aa57c;--tint:#1d2c25;--line:#2b3832;--dk:#0b100d}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 "Segoe UI",system-ui,-apple-system,Roboto,sans-serif}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}
.w{max-width:1200px;margin:0 auto;padding:0 22px}
h1,h2,h3{line-height:1.12;letter-spacing:-.025em;margin:0}h1{font-size:clamp(38px,6vw,68px);font-weight:800}h2{font-size:clamp(26px,3.6vw,38px);font-weight:800}
.top{background:var(--acc);color:#1c211e;text-align:center;font-size:13px;font-weight:600;padding:8px}
.hd{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.hd .w{display:flex;align-items:center;gap:22px;height:72px}
.logo{font-weight:800;font-size:24px;letter-spacing:-.04em;color:var(--pri);display:flex;align-items:center;gap:8px}.logo i{width:30px;height:30px;border-radius:9px;background:var(--pri);color:#fff;display:grid;place-items:center;font-style:normal;font-size:16px}
.sr{flex:1;max-width:460px;display:flex;background:var(--bg);border:1px solid var(--line);border-radius:99px;overflow:hidden}.sr input{flex:1;border:0;background:none;padding:10px 18px;color:var(--ink);outline:0;min-width:0}.sr button{border:0;background:var(--pri);color:#fff;padding:0 18px;cursor:pointer}
nav.m{display:flex;gap:6px;font-weight:600;font-size:14px;margin-left:auto}nav.m a{padding:8px 12px;border-radius:99px}nav.m a:hover,nav.m a.on{background:var(--tint);color:var(--pri)}
.ct{position:relative;background:var(--pri);color:#fff;padding:10px 18px;border-radius:99px;font-weight:700;font-size:14px;white-space:nowrap}.ct b{background:var(--acc);color:#1c211e;border-radius:99px;padding:1px 8px;margin-left:6px;font-size:12px}
.btn{display:inline-block;background:var(--pri);color:#fff;border:0;padding:14px 28px;border-radius:99px;font-weight:700;cursor:pointer;margin:0 10px 10px 0}.btn.a{background:var(--acc);color:#1c211e}.btn.o{background:none;border:2px solid var(--ink);color:var(--ink)}.btn:disabled{opacity:.4}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding:56px 0 30px}.hero h1 em{font-style:normal;color:var(--pri2);background:linear-gradient(transparent 62%,#f2a93b66 62%)}
.hero p{font-size:19px;color:var(--mute);max-width:48ch;margin:18px 0 26px}.hero .im{position:relative}.hero .im img{border-radius:36px;width:100%}
.fl{position:absolute;left:-18px;bottom:36px;background:var(--card);border-radius:18px;padding:12px 18px;box-shadow:0 14px 34px #0002;font-size:13px}.fl b{display:block;font-size:20px}
.st{display:flex;gap:34px;margin-top:10px}.st b{display:block;font-size:26px;letter-spacing:-.03em}.st span{color:var(--mute);font-size:13px}
.sec{padding:46px 0}.sh{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:26px}.eb{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--pri2);text-transform:uppercase;margin-bottom:8px}
.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.cat{background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;text-align:center;transition:.2s}.cat:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0001}.cat img{aspect-ratio:1;object-fit:cover}.cat b{display:block;padding:12px 6px;font-size:14px}
.pg{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden}.card .im{display:block;position:relative;overflow:hidden}.card .im img{aspect-ratio:1;object-fit:cover;width:100%;transition:.35s}.card:hover .im img{transform:scale(1.06)}
.bdg{position:absolute;top:12px;left:12px;background:var(--acc);color:#1c211e;font-size:11px;font-weight:800;padding:3px 10px;border-radius:99px}
.qa{position:absolute;left:12px;right:12px;top:calc(100% - 100px);transform:translateY(80px);opacity:0;transition:.25s;background:var(--ink);color:var(--bg);border:0;border-radius:14px;padding:11px;font-weight:700;cursor:pointer;display:none}
.ci{padding:14px 16px 18px}.ci small{color:var(--mute);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.ci h3{font-size:16px;margin:3px 0 8px;letter-spacing:-.01em}.pr{display:flex;align-items:center;gap:8px}.pr b{font-size:18px}.pr s{color:var(--mute);font-size:13px}.rt{margin-left:auto;font-size:13px;color:var(--mute)}.rt:before{content:"★ ";color:var(--acc)}
.ab{width:100%;margin-top:12px;background:var(--tint);color:var(--pri);border:0;border-radius:12px;padding:10px;font-weight:700;cursor:pointer}.ab:hover{background:var(--pri);color:#fff}
.pb{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pb>div{border-radius:30px;padding:38px;display:grid;grid-template-columns:1.2fr 1fr;gap:10px;align-items:center;min-height:260px}.pb .g{background:var(--pri);color:#fff}.pb .y{background:#f9e0b0;color:#1c211e}.pb img{border-radius:22px}.pb h2{margin:6px 0 10px;font-size:30px}.pb p{margin:0 0 16px;opacity:.85}
.ft{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ft>div{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px}.ft i{font-style:normal;font-size:28px}.ft b{display:block;margin:6px 0 2px}.ft span{color:var(--mute);font-size:14px}
.rv{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px}.rv .s{color:var(--acc);letter-spacing:2px}.rv small{color:var(--mute);display:block}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.nl{background:var(--dk);color:#fff;border-radius:34px;padding:50px;text-align:center}.nl p{opacity:.75}.nl .f{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.nl input{padding:14px 22px;border-radius:99px;border:0;min-width:270px}
.ok{color:var(--pri2);font-weight:700}.err{color:#c4281d;font-weight:600;font-size:14px;min-height:20px}.nl .ok{color:var(--acc)}
.ph{padding:36px 0 6px}.ph h1{font-size:clamp(30px,4.5vw,46px)}.bc{font-size:13px;color:var(--mute);padding-top:22px}
.tb{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:8px 18px;border-radius:99px;border:1px solid var(--line);background:var(--card);font-size:14px;font-weight:600}.chip.on{background:var(--ink);color:var(--bg)}
select,input.f,textarea{padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--ink);width:100%}.tb select{width:auto}
.pd{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;padding:26px 0 40px}.pd .gl img{border-radius:32px;width:100%;border:1px solid var(--line)}.pd h1{font-size:clamp(30px,4vw,44px)}.pd .pc{font-size:32px;font-weight:800;margin:14px 0}.pd .pc s{font-size:18px;color:var(--mute);font-weight:400;margin-left:8px}
.pd ul{padding:0;list-style:none;display:grid;gap:8px}.pd li:before{content:"✓";color:var(--pri2);font-weight:800;margin-right:10px}
.qt{display:inline-flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:99px;padding:5px 8px;background:var(--card);margin:0 10px 10px 0}.qt button{width:34px;height:34px;border-radius:50%;border:0;background:var(--tint);color:var(--ink);cursor:pointer;font-size:18px}
.cl{display:grid;grid-template-columns:1.7fr 1fr;gap:28px;padding:22px 0 40px}.ln{display:flex;gap:16px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:12px;margin-bottom:12px}.ln img{width:88px;height:88px;border-radius:14px;object-fit:cover}.ln .i{flex:1}.ln small{color:var(--mute)}.rm{background:none;border:0;color:#c4281d;cursor:pointer;font-size:13px}
.sm{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:26px;align-self:start;position:sticky;top:96px}.sm .r{display:flex;justify-content:space-between;margin:8px 0}.sm .t{font-size:20px;font-weight:800;border-top:1px dashed var(--line);padding-top:12px;margin-top:12px}.bar{height:7px;background:var(--tint);border-radius:9px;overflow:hidden;margin:8px 0 14px}.bar i{display:block;height:100%;background:var(--pri2)}
.fm{display:grid;gap:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.em{text-align:center;padding:70px 0;color:var(--mute)}.big{font-size:60px}
#ts{position:fixed;left:50%;bottom:24px;transform:translate(-50%,120px);background:var(--ink);color:var(--bg);padding:13px 22px;border-radius:99px;font-size:14px;transition:.25s;z-index:30;white-space:nowrap}#ts.on{transform:translate(-50%,0)}#ts a{color:var(--acc);font-weight:700;margin-left:12px}
.fo{background:var(--dk);color:#d9ded9;padding:52px 0 24px;margin-top:40px;font-size:14px}.fo .c{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:26px}.fo h4{color:#fff;margin:0 0 10px}.fo a{display:block;opacity:.75;margin:6px 0}.fo a:hover{opacity:1}.fo .logo{color:#fff}.fo .cp{text-align:center;opacity:.5;margin-top:30px}
@media(max-width:900px){.hero,.pd,.cl,.pb{grid-template-columns:1fr}.pg{grid-template-columns:repeat(2,1fr)}.cats{grid-template-columns:repeat(3,1fr)}.ft{grid-template-columns:1fr 1fr}.g3{grid-template-columns:1fr}.fo .c{grid-template-columns:1fr 1fr}nav.m,.sr{display:none}.hd .w{justify-content:space-between}.fl{left:10px}.pb>div{grid-template-columns:1fr}}
@media(max-width:520px){.cats{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.pg{gap:12px}}
@media(hover:hover){.card:hover .qa{display:none}}