:root {
    --home-bg: #f5f7fb;
    --home-surface: #ffffff;
    --home-surface-2: #eef3fb;
    --home-text: #1f2937;
    --home-text-muted: #6b7280;
    --home-primary: #1f8ceb;
    --home-primary-dark: #116bc0;
    --home-accent: #f5b63f;
    --home-border: rgba(31, 41, 55, 0.08);
    --home-shadow: 0 16px 48px rgba(15, 23, 42, 0.12);
    --home-radius: 18px;
    --home-container: 1200px;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--home-text);
    background: var(--home-bg);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    line-height: 1.6;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
    display: block;
}

button,
input {
    font: inherit;
}

button {
    cursor: pointer;
}

.home-container {
    width: min(var(--home-container), calc(100% - 32px));
    margin: 0 auto;
}

.home-page {
    overflow: hidden;
}

.home-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 0 20px;
    border-radius: 999px;
    font-weight: 600;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.home-btn:hover {
    transform: translateY(-1px);
}

.home-btn-gold {
    color: #fff;
    background: linear-gradient(135deg, #f2c15e, var(--home-accent));
    box-shadow: 0 12px 24px rgba(245, 182, 63, .26);
}

.home-section {
    padding: 84px 0;
}

#products.home-section {
    padding-top: 44px;
}

.home-section-muted {
    background: linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.65));
}

.home-section-heading {
    text-align: center;
    margin-bottom: 36px;
}

.home-section-heading .home-section-label {
    display: none;
}

.home-section-heading h2 {
    margin: 0;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.15;
}

.home-section-heading p {
    max-width: 760px;
    margin: 12px auto 0;
    color: var(--home-text-muted);
}

.home-section-heading-light h2,
.home-section-heading-light p {
    color: #fff;
}
