/* same styles as previous version */
:root{
  --bg:#f7f7f5;--text:#0f172a;--muted:#5f6673;--card:#ffffff;--line:rgba(15,23,42,.08);
  --dark:#111111;--accent:#d9f279;--soft:#ece9ff;--warm:#fff4df;--green:#eaf8ee;
  --shadow:0 1px 2px rgba(0,0,0,.04),0 18px 40px rgba(0,0,0,.04);--shadow-dark:0 24px 60px rgba(0,0,0,.14);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}
.container{width:min(1280px,calc(100% - 48px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:30;backdrop-filter:blur(18px);background:rgba(247,247,245,.9);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:20px}
.brand-title{font-size:28px;font-weight:900;letter-spacing:-.04em;color:#111827}
.brand-subtitle{margin-top:2px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#71717a}
.main-nav{display:flex;gap:28px;font-size:14px;font-weight:500;color:#5b6470}.main-nav a:hover{color:#111}
.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:999px;font-size:14px;font-weight:700;transition:transform .2s ease, background .2s ease, color .2s ease}
.button:hover{transform:translateY(-1px)}.button-dark{background:#111;color:#fff}.button-light{background:#fff;border:1px solid var(--line);color:#374151}
.hero{padding:64px 0 96px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch}
.hero-card,.info-card,.category-card,.white-card,.help-text,.help-item,.review-card{background:var(--card);box-shadow:var(--shadow)}
.hero-card{border-radius:36px;padding:48px}.eyebrow,.label{display:inline-flex;align-items:center;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.eyebrow{padding:10px 16px;border:1px solid var(--line);background:#fafafa;color:#626b78}
.hero-card h1{margin:24px 0 0;max-width:900px;font-size:70px;line-height:.96;letter-spacing:-.06em;font-weight:900}
.hero-card .lead{margin:32px 0 0;max-width:820px;font-size:20px;line-height:1.8;color:var(--muted)}
.hero-card p{margin:20px 0 0;max-width:820px;font-size:17px;line-height:1.9;color:var(--muted)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.hero-side{display:grid;gap:24px}
.dark-card{background:var(--dark)!important;color:#fff;box-shadow:var(--shadow-dark)}.rating-card{border-radius:36px;padding:40px}
.rating-card .label,.promo-card .label{color:rgba(255,255,255,.5)}.rating-line{display:flex;align-items:flex-end;gap:12px;margin-top:18px}
.rating-value{font-size:72px;line-height:1;font-weight:900;letter-spacing:-.06em}.rating-total{padding-bottom:10px;color:rgba(255,255,255,.6)}
.rating-card p{margin:16px 0 0;color:rgba(255,255,255,.72)}.progress{margin-top:24px;height:10px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.progress span{display:block;height:100%;width:78%;background:#fff;border-radius:999px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mini-card{border-radius:30px;padding:28px}.accent-card{background:var(--accent);box-shadow:0 10px 30px rgba(0,0,0,.05)}.white-card{background:#fff;box-shadow:var(--shadow)}
.mini-card .label,.info-card .label{color:#68707d;background:transparent;padding:0;border:none}
.mini-card h3,.promo-card h3{margin:14px 0 0;font-size:30px;line-height:1.05;letter-spacing:-.04em;font-weight:900}
.mini-card p,.promo-card p{margin:14px 0 0;font-size:14px;line-height:1.7;color:#555}.section{padding:40px 0}
.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.info-card{border-radius:32px;padding:40px}
.info-card h2,.section-head h2,.promo-card h2,.reviews-head h2,.help-text h2,.final-card h2{margin:16px 0 0;font-size:46px;line-height:1;letter-spacing:-.05em;font-weight:900;color:#111}
.info-card p,.section-head p,.reviews-head p,.help-text p,.final-card p{margin:20px 0 0;font-size:17px;line-height:1.9;color:var(--muted)}
.info-card.dark-card h2,.final-card h2,.promo-card.dark-card h2{color:#fff}.info-card.dark-card p,.final-card p,.promo-card.dark-card p{color:rgba(255,255,255,.72)}
.soft-card{background:var(--soft)!important}.section-head{max-width:920px;margin-bottom:40px}
.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.category-card{border-radius:30px;padding:28px}
.category-card h3{margin:0;font-size:30px;line-height:1.05;letter-spacing:-.04em;font-weight:900}.category-card p{margin:16px 0 0;font-size:14px;line-height:1.9;color:var(--muted)}
.warm-card{background:var(--warm)!important}.green-card{background:var(--green)!important}.promo-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
.promo-card{border-radius:34px;padding:40px}.reviews-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.reviews-head>div:first-child{max-width:820px}.reviews-controls{display:flex;gap:8px}
.reviews-btn{width:52px;height:52px;border-radius:999px;border:1px solid var(--line);background:#fff;color:#374151;font-weight:700;transition:background .2s ease, transform .2s ease}
.reviews-btn:hover{background:#f8f8f8;transform:translateY(-1px)}.reviews-wrap{position:relative;margin-top:40px}
.reviews-fade{position:absolute;top:0;bottom:0;width:80px;pointer-events:none;z-index:2}
.reviews-fade-left{left:0;background:linear-gradient(90deg,var(--bg),rgba(247,247,245,.92),transparent)}
.reviews-fade-right{right:0;background:linear-gradient(270deg,var(--bg),rgba(247,247,245,.92),transparent)}
.reviews-track{display:flex;gap:24px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:4px 0 10px;scrollbar-width:none}
.reviews-track::-webkit-scrollbar{display:none}
.review-card{min-width:360px;max-width:360px;scroll-snap-align:start;border-radius:30px;padding:28px;box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.04);transition:transform .2s ease}
.review-card:hover{transform:translateY(-2px)}.review-top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.review-top strong{font-size:14px}.review-top span{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#9ca3af}
.review-card p{margin:24px 0 0;font-size:16px;line-height:2;color:var(--muted)}.help-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}
.help-text{border-radius:34px;padding:40px;box-shadow:var(--shadow);background:#fff}.help-list{display:grid;gap:16px}
.help-item{border-radius:24px;padding:22px 24px;font-size:15px;font-weight:500;color:#1f2937;transition:transform .2s ease, box-shadow .2s ease;box-shadow:var(--shadow);background:#fff}
.help-item:hover{transform:translateY(-1px)}.final-card{border-radius:36px;padding:48px;box-shadow:var(--shadow-dark)}.final-card p{color:rgba(255,255,255,.72)}
@media (max-width:1100px){.hero-grid,.promo-grid,.help-grid,.two-col-grid,.categories-grid{grid-template-columns:1fr 1fr}.hero-card h1{font-size:58px}.main-nav{display:none}}
@media (max-width:820px){.container{width:min(100% - 32px,1280px)}.hero,.section{padding:28px 0}.hero-grid,.promo-grid,.help-grid,.two-col-grid,.categories-grid,.mini-grid{grid-template-columns:1fr}.hero-card,.rating-card,.mini-card,.info-card,.category-card,.promo-card,.help-text,.final-card{padding:28px}.hero-card h1{font-size:42px}.info-card h2,.section-head h2,.promo-card h2,.reviews-head h2,.help-text h2,.final-card h2{font-size:34px}.reviews-head{flex-direction:column;align-items:flex-start}.review-card{min-width:300px;max-width:300px}}