@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --home-ink:#171a1c; --home-dark:#202427; --home-paper:#f3f1ed; --home-white:#fff; --home-muted:#73777a; --home-line:#dcd8d1; --home-accent:#f36b2b; }
.home-theme { background:var(--home-paper); color:var(--home-ink); font-family:'Manrope',Arial,sans-serif; }
.home-theme .container { width:100%; max-width:none; margin:0; padding:0; }
.home-theme > header { position:relative; z-index:10; padding:0; background:var(--home-ink); border-bottom:1px solid rgba(255,255,255,.1); }
.home-theme > header nav { max-width:1240px; min-height:72px; margin:auto; padding:0 24px; }
.home-theme .nav-left { gap:28px; }
.home-theme .nav-left .site-brand { margin-right:24px; color:#fff; font-size:20px; font-weight:800; letter-spacing:.06em; }
.home-theme .nav-left a { color:#c9cbcc; font-size:14px; font-weight:600; }
.home-theme .nav-left a:hover { color:var(--home-accent); text-decoration:none; }
.home-theme .login-btn { background:var(--home-accent); font-weight:700; }
.home-theme .login-btn:hover { background:#dd581b; }
.home-theme > footer { padding:28px 20px; background:var(--home-ink); color:#aeb2b4; font-size:13px; }
.home-shell { width:min(1240px,calc(100% - 48px)); margin:0 auto; }

.home-hero { position:relative; overflow:hidden; background:var(--home-ink); color:#fff; }
.home-hero::before,.home-hero::after { content:''; position:absolute; pointer-events:none; border-radius:50%; }
.home-hero::before { width:430px; height:430px; left:-280px; top:-260px; border:1px solid rgba(243,107,43,.28); }
.home-hero::after { width:250px; height:250px; right:-150px; bottom:-190px; border:52px solid rgba(255,255,255,.025); }
.hero-grid { min-height:0; display:block; }
.hero-copy { position:relative; z-index:2; max-width:930px; margin:0 auto; padding:44px 0 38px; text-align:center; }
.hero-kicker,.section-kicker { display:block; margin-bottom:14px; color:var(--home-accent); font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.hero-copy h1 { max-width:850px; margin:0 auto; font-size:clamp(42px,5vw,68px); line-height:.98; letter-spacing:-.05em; }
.hero-copy h1 em { color:var(--home-accent); font-style:normal; }
.hero-copy>p { max-width:690px; margin:18px auto 22px; color:#b9bdc0; font-size:16px; line-height:1.6; }
.hero-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.home-btn { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:22px; padding:0 22px; border:1px solid transparent; border-radius:2px; color:#fff; font-size:13px; font-weight:800; text-decoration:none; transition:background .2s,color .2s,border-color .2s; }
.home-btn--primary { background:var(--home-accent); }
.home-btn--primary:hover { background:#fff; color:var(--home-ink); }
.home-btn--ghost { border-color:#4c5052; }
.home-btn--ghost:hover { border-color:#fff; }
.hero-meta { display:flex; flex-wrap:wrap; justify-content:center; gap:0; margin-top:26px; color:#858a8d; font-size:11px; }
.hero-meta span { min-width:135px; display:grid; padding:0 24px; border-right:1px solid #34383a; }
.hero-meta span:last-child { border-right:0; }
.hero-meta strong { color:#fff; font-size:18px; }

.home-section { padding:88px 0; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:36px; }
.section-heading h2,.consultation-card h2,.reviews-copy h2 { margin:0; font-size:clamp(32px,4vw,52px); line-height:1.04; letter-spacing:-.045em; }
.section-heading a,.reviews-copy a { color:var(--home-ink); font-size:13px; font-weight:800; text-decoration:none; }
.section-heading a span { color:var(--home-accent); }

.home-products { padding:58px 0 76px; background:var(--home-paper); color:var(--home-ink); }
.home-products .section-heading { padding-bottom:26px; border-bottom:1px solid var(--home-line); }
.section-heading--light a { color:var(--home-ink); }
.home-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.home-product-card { min-width:0; overflow:hidden; background:var(--home-white); color:var(--home-ink); border:1px solid var(--home-line); transition:transform .22s,box-shadow .22s,border-color .22s; }
.home-product-card:hover { transform:translateY(-5px); border-color:#c9c3ba; box-shadow:0 18px 40px rgba(30,33,35,.1); }
.home-product-card__image { height:245px; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; background:#ebe9e4; color:#c7c9c9; font-size:76px; text-decoration:none; }
.home-product-card__image img { width:100%; height:100%; object-fit:contain; transition:transform .3s; }
.home-product-card:hover img { transform:scale(1.025); }
.home-product-card__image b { position:absolute; top:12px; left:12px; padding:6px 9px; background:var(--home-accent); color:#fff; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.home-product-card__body { padding:20px; }
.home-product-card__body>small { color:#929698; font-size:10px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.home-product-card h3 { min-height:52px; margin:8px 0 18px; font-size:15px; line-height:1.45; }
.home-product-card h3 a { color:inherit; text-decoration:none; }
.home-product-card__body>div { display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:15px; border-top:1px solid #e7e7e5; }
.home-product-card__body strong { font-size:18px; }
.home-product-card__body>div a { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; background:var(--home-ink); color:#fff; text-decoration:none; transition:background .2s; }
.home-product-card__body>div a:hover { background:var(--home-accent); }

.trust-strip { background:var(--home-accent); color:#fff; }
.trust-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.trust-grid>div { min-height:118px; display:flex; align-items:center; gap:16px; padding:22px 24px; border-right:1px solid rgba(255,255,255,.25); }
.trust-grid>div:last-child { border:0; }
.trust-grid span { color:#642505; font-size:11px; font-weight:800; }
.trust-grid p { margin:0; color:#ffe1d2; font-size:12px; line-height:1.45; }
.trust-grid strong { display:block; margin-bottom:3px; color:#fff; font-size:14px; }

.home-categories { background:var(--home-dark); color:#fff; }
.home-categories .section-heading { padding-bottom:26px; border-bottom:1px solid rgba(255,255,255,.12); }
.home-categories .section-heading a { color:#fff; }
.category-showcase { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:#484d50; border:1px solid #484d50; }
.home-category-card { min-height:285px; display:flex; flex-direction:column; padding:24px; overflow:hidden; position:relative; background:#292d30; color:#fff; text-decoration:none; transition:background .25s,color .25s; }
.home-category-card:hover { background:var(--home-accent); color:#fff; }
.category-number { color:#7f8588; font-size:10px; font-weight:800; }
.category-symbol { flex:1; display:flex; align-items:center; justify-content:center; color:var(--home-accent); font-size:82px; transition:transform .3s,color .25s; }
.home-category-card:hover .category-number { color:#752900; }
.home-category-card:hover .category-symbol { color:#fff; transform:scale(1.08) rotate(-5deg); }
.home-category-card strong { font-size:17px; line-height:1.3; }
.home-category-card small { margin-top:7px; color:#9da1a3; }
.home-category-card:hover small { color:#ffe0d1; }

.home-consultation { padding:78px 0; background:var(--home-paper); }
.consultation-card { display:grid; grid-template-columns:1.15fr .9fr auto; align-items:center; gap:44px; padding:48px 52px; background:#fff; color:var(--home-ink); border-left:6px solid var(--home-accent); box-shadow:0 14px 45px rgba(31,34,36,.06); }
.consultation-card p { margin:0; color:var(--home-muted); font-size:14px; line-height:1.7; }
.home-btn--dark { white-space:nowrap; background:var(--home-ink); }
.home-btn--dark:hover { background:var(--home-accent); color:#fff; }

.home-reviews { background:#fff; }
.reviews-layout { display:grid; grid-template-columns:.72fr 1.28fr; gap:76px; align-items:center; }
.reviews-copy p { max-width:430px; margin:22px 0; color:var(--home-muted); font-size:14px; line-height:1.75; }
.reviews-copy a { color:var(--home-accent); }
.reviews-widget { height:470px; overflow:hidden; border:1px solid var(--home-line); background:#f7f6f3; }
.reviews-widget iframe { width:100%; height:100%; border:0; }

@media(max-width:980px) {
    .home-theme .nav-left .site-brand { display:none; }
    .home-product-grid,.category-showcase { grid-template-columns:repeat(2,1fr); }
    .trust-grid { grid-template-columns:repeat(2,1fr); }
    .trust-grid>div:nth-child(2) { border-right:0; }
    .trust-grid>div:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.25); }
    .consultation-card { grid-template-columns:1fr; gap:24px; }
    .reviews-layout { grid-template-columns:1fr; gap:38px; }
}

@media(max-width:700px) {
    .home-shell { width:min(100% - 32px,1240px); }
    .home-theme nav { padding:15px 16px; align-items:flex-start; }
    .home-theme .nav-left { gap:12px; flex-wrap:wrap; }
    .home-theme .nav-left a { font-size:12px; }
    .hero-copy { padding:36px 0 32px; }
    .hero-copy h1 { font-size:40px; }
    .hero-copy>p { font-size:14px; }
    .hero-actions { align-items:stretch; flex-direction:column; }
    .hero-meta { margin-top:24px; }
    .hero-meta span { min-width:33.333%; padding:0 8px; }
    .home-section { padding:62px 0; }
    .home-products { padding:46px 0 58px; }
    .section-heading { align-items:flex-start; flex-direction:column; gap:18px; margin-bottom:28px; }
    .home-product-grid,.category-showcase { grid-template-columns:1fr; }
    .home-product-card__image { height:260px; }
    .trust-grid { grid-template-columns:1fr; }
    .trust-grid>div { min-height:88px; border-right:0; border-bottom:1px solid rgba(255,255,255,.25); }
    .trust-grid>div:nth-child(2) { border-bottom:1px solid rgba(255,255,255,.25); }
    .trust-grid>div:last-child { border-bottom:0; }
    .home-category-card { min-height:210px; }
    .category-symbol { font-size:64px; }
    .consultation-card { width:100%; padding:36px 24px; }
    .reviews-widget { height:420px; }
}
