/* GrandmaChef professional home page
 * Last Updated : 2026-10-02 22:18
 */
.home-topbar{border-bottom:1px solid var(--line);background:rgba(255,255,255,.95)}.home-nav{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:72px}.home-nav-links,.home-nav-actions{display:flex;align-items:center;gap:18px}.home-nav-links a{font-weight:750;color:var(--text);text-decoration:none}.home-hero-pro{padding:72px 0 58px;background:linear-gradient(135deg,#f8f3ea 0%,#fff 58%,#eef3ea 100%)}.home-hero-pro .hero-grid{align-items:center}.hero-kicker{font-size:.82rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-dark)}.home-hero-pro h1{font-size:clamp(2.6rem,6vw,5.2rem);line-height:.96;letter-spacing:-.045em;max-width:850px;margin:.35rem 0 1.2rem}.home-hero-pro .lede{max-width:720px;font-size:1.12rem;line-height:1.7}.hero-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.proof-pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-weight:750;font-size:.88rem}.hero-panel-pro{background:#1f2d1d;color:#fff;border-radius:26px;padding:26px;box-shadow:0 24px 50px rgba(35,48,31,.18)}.hero-panel-pro .eyebrow{color:#cbd9c5}.hero-panel-pro .metric{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.06)}.hero-panel-pro .metric span{color:#d5ddd2}.home-content{padding:52px 0 72px}.home-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-feature{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.home-feature strong{display:block;font-size:1.08rem;margin-bottom:7px}.home-feature p{color:var(--muted);line-height:1.55;margin:0}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.featured-card{display:block;color:inherit;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.featured-card-image{aspect-ratio:16/10;background:linear-gradient(145deg,#eef3ea,#fff);display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:850;text-transform:uppercase}.featured-card-image img{width:100%;height:100%;object-fit:cover}.featured-card-body{padding:18px}.featured-card-body h3{margin:.4rem 0}.featured-card-body p{color:var(--muted);margin:0}.home-empty{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;color:var(--muted)}.home-section-pro{margin-top:48px}.home-section-pro .section-heading{margin-bottom:18px}@media(max-width:900px){.home-feature-grid,.featured-grid{grid-template-columns:1fr 1fr}.home-nav-links{display:none}}@media(max-width:640px){.home-feature-grid,.featured-grid{grid-template-columns:1fr}.home-hero-pro{padding-top:48px}.home-nav-actions .account-user{display:none}}


/* Homepage proportion and above-the-fold polish */
.home-nav{
    min-height:62px;
}
.home-nav-links,
.home-nav-actions{
    gap:14px;
}
.home-hero-pro{
    padding:44px 0 38px;
}
.home-hero-pro .hero-grid{
    grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);
    gap:42px;
}
.home-hero-pro h1{
    font-size:clamp(2.9rem,4.8vw,4.65rem);
    line-height:.98;
    max-width:760px;
    margin:.3rem 0 .9rem;
}
.home-hero-pro .lede{
    max-width:700px;
    font-size:1.04rem;
    line-height:1.6;
    margin-top:12px;
}
.home-hero-pro .hero-actions{
    margin-top:20px;
}
.hero-proof{
    margin-top:16px;
    gap:8px;
}
.proof-pill{
    padding:6px 10px;
    font-size:.82rem;
}
.hero-panel-pro{
    border-radius:22px;
    padding:20px;
}
.hero-panel-pro .metric-grid{
    gap:9px;
}
.hero-panel-pro .metric{
    padding:14px;
}
.hero-panel-pro .metric strong{
    font-size:1.75rem;
}
.home-content{
    padding:34px 0 60px;
}
.home-feature-grid{
    gap:14px;
}
.home-feature{
    padding:20px;
}
.home-section-pro{
    margin-top:34px;
}
.home-section-pro .section-heading{
    margin-bottom:14px;
}
.featured-grid{
    gap:14px;
}
.featured-card-image{
    aspect-ratio:16/8;
}
.featured-card-body{
    padding:15px 17px 17px;
}
.featured-card-body .card-meta{
    margin-bottom:10px;
}
.featured-card-body h3{
    font-size:1.2rem;
}

@media(max-width:900px){
    .home-hero-pro .hero-grid{
        grid-template-columns:1fr;
        gap:24px;
    }
    .hero-panel-pro{
        max-width:none;
    }
}
@media(max-width:640px){
    .home-hero-pro{
        padding:34px 0 30px;
    }
    .home-hero-pro h1{
        font-size:clamp(2.45rem,12vw,3.4rem);
    }
    .home-content{
        padding-top:28px;
    }
}