.kg-offer-page {
    --kg-brown: #7a5648;
    --kg-brown-dark: #2b211d;
    --kg-green: #6aa84f;
    --kg-green-dark: #426b32;
    --kg-cream: #f7f1e8;
    --kg-ink: #171514;
    --kg-muted: #706a64;
    --kg-card: #fff;
    --kg-border: #e9e2d8;
    background: #fbf8f3;
    color: var(--kg-ink);
    overflow: hidden;
}

.kg-offer-page * {
    box-sizing: border-box
}

.kg-offer-page .container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px
}

.kg-offer-hero {
    position: relative;
    padding: 34px 0 76px;
    background:
        radial-gradient(circle at 16% 20%, rgba(122, 86, 72, .16), transparent 30%),
        radial-gradient(circle at 84% 0, rgba(106, 168, 79, .18), transparent 34%),
        linear-gradient(135deg, #15110f 0%, #241b17 48%, #10130f 100%);
    color: #fff;
    isolation: isolate;
}

.kg-offer-hero__glow {
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 999px;
    filter: blur(80px);
    opacity: .22;
    z-index: -1
}

.kg-offer-hero__glow--brown {
    left: -120px;
    top: 80px;
    background: #c59665
}

.kg-offer-hero__glow--green {
    right: -120px;
    bottom: 20px;
    background: #6aa84f
}

.kg-offer-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 46px;
    color: rgba(255, 255, 255, .55);
    font-size: 14px
}

.kg-offer-breadcrumb a {
    color: rgba(255, 255, 255, .72);
    text-decoration: none;
    transition: color .25s ease
}

.kg-offer-breadcrumb a:hover {
    color: #fff
}

.kg-offer-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) 420px;
    gap: 34px;
    align-items: stretch
}

.kg-offer-eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(106, 168, 79, .13);
    border: 1px solid rgba(106, 168, 79, .28);
    color: #9fda83;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}

.kg-offer-hero h1 {
    max-width: 820px;
    margin: 20px 0 18px;
    font-size: clamp(38px, 6vw, 78px);
    line-height: .96;
    letter-spacing: -.055em;
    font-weight: 900
}

.kg-offer-hero p {
    max-width: 680px;
    margin: 0;
    color: rgba(255, 255, 255, .72);
    font-size: 18px;
    line-height: 1.7
}

.kg-offer-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px
}

.kg-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 24px;
    border: 0;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 850;
    cursor: pointer;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease
}

.kg-btn:hover {
    transform: translateY(-3px)
}

.kg-btn--primary {
    color: #13200f;
    background: linear-gradient(135deg, #bce5a5 0%, #6aa84f 100%);
    box-shadow: 0 18px 42px rgba(106, 168, 79, .28)
}

.kg-btn--primary:hover {
    color: #13200f;
    box-shadow: 0 24px 60px rgba(106, 168, 79, .36)
}

.kg-btn--ghost {
    color: #fff;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .16);
    backdrop-filter: blur(16px)
}

.kg-btn--ghost:hover {
    color: #fff;
    background: rgba(255, 255, 255, .13)
}

.kg-offer-hero__card {
    position: relative;
    padding: 28px;
    border-radius: 30px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .055));
    border: 1px solid rgba(255, 255, 255, .15);
    box-shadow: 0 30px 80px rgba(0, 0, 0, .28);
    backdrop-filter: blur(20px);
    overflow: hidden;
}

.kg-offer-hero__card:before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--kg-green), #e0b171, var(--kg-brown));
    opacity: .95
}

.kg-offer-hero__status {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 22px;
    color: rgba(255, 255, 255, .78);
    font-size: 13px;
    font-weight: 750
}

.kg-offer-hero__status span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #82d366;
    box-shadow: 0 0 0 8px rgba(130, 211, 102, .12)
}

.kg-offer-hero__card h2 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 30px;
    line-height: 1.05;
    letter-spacing: -.04em;
    font-weight: 900
}

.kg-offer-hero__card p {
    font-size: 14px;
    line-height: 1.65;
    color: rgba(255, 255, 255, .68)
}

.kg-offer-hero__list {
    display: grid;
    gap: 12px;
    margin: 24px 0 0;
    padding: 0;
    list-style: none
}

.kg-offer-hero__list li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    color: rgba(255, 255, 255, .78);
    font-size: 14px;
    line-height: 1.55
}

.kg-offer-hero__list li:before {
    content: "";
    flex: 0 0 auto;
    width: 9px;
    height: 9px;
    margin-top: 7px;
    border-radius: 50%;
    background: #82d366;
    box-shadow: 0 0 0 6px rgba(130, 211, 102, .10)
}

.kg-offer-overview {
    position: relative;
    margin-top: -38px;
    padding-bottom: 38px
}

.kg-offer-overview__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px
}

.kg-offer-card {
    position: relative;
    min-height: 210px;
    padding: 28px;
    border-radius: 28px;
    background: var(--kg-card);
    border: 1px solid var(--kg-border);
    box-shadow: 0 24px 70px rgba(35, 28, 22, .08);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.kg-offer-card:hover {
    transform: translateY(-6px);
    border-color: rgba(106, 168, 79, .36);
    box-shadow: 0 30px 85px rgba(35, 28, 22, .12)
}

.kg-offer-card--primary {
    background: linear-gradient(145deg, #fff, #f3faef);
    border-color: #dcecd5
}

.kg-offer-card__label {
    display: inline-flex;
    margin-bottom: 18px;
    color: var(--kg-green);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase
}

.kg-offer-card h2,
.kg-offer-card h3 {
    margin: 0 0 12px;
    font-size: 26px;
    line-height: 1.14;
    letter-spacing: -.035em;
    font-weight: 900
}

.kg-offer-card p {
    margin: 0;
    color: var(--kg-muted);
    font-size: 15px;
    line-height: 1.65
}

.kg-offer-layout {
    padding: 22px 0 84px
}

.kg-offer-layout__grid {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 24px;
    align-items: start
}

.kg-offer-toc {
    position: sticky;
    top: 105px;
    padding: 22px;
    border-radius: 26px;
    background: linear-gradient(145deg, #fff, #f8f3ec);
    border: 1px solid var(--kg-border);
    box-shadow: 0 22px 70px rgba(35, 28, 22, .075);
}

.kg-offer-toc__title {
    margin: 0 0 14px;
    color: var(--kg-green);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase
}

.kg-offer-toc a {
    display: flex;
    padding: 11px 0;
    border-bottom: 1px solid #eee7dc;
    color: #443a34;
    text-decoration: none;
    font-size: 14px;
    font-weight: 760;
    line-height: 1.35;
    transition: color .25s ease, transform .25s ease
}

.kg-offer-toc a:last-child {
    border-bottom: 0
}

.kg-offer-toc a:hover {
    color: var(--kg-green-dark);
    transform: translateX(4px)
}

.kg-offer-content {
    display: grid;
    gap: 18px
}

.kg-offer-section {
    padding: 32px;
    border-radius: 30px;
    background: #fff;
    border: 1px solid var(--kg-border);
    box-shadow: 0 18px 60px rgba(35, 28, 22, .06);
    scroll-margin-top: 120px;
}

#details a {
    display: inline-flex;
    color: var(--kg-green-dark);
    font-weight: 900;
    text-decoration: none;
    text-transform: lowercase;
}

#details a:hover {
    color: var(--kg-brown);
}

.kg-offer-section:hover {
    border-color: rgba(106, 168, 79, .28)
}

.kg-offer-section h2 {
    margin: 0 0 18px;
    font-size: clamp(26px, 3vw, 38px);
    line-height: 1.05;
    letter-spacing: -.045em;
    font-weight: 900;
    color: var(--kg-ink)
}

.kg-offer-section h3 {
    margin: 24px 0 12px;
    font-size: 21px;
    line-height: 1.2;
    font-weight: 900;
    color: #241b17
}

.kg-offer-section p {
    margin: 0 0 14px;
    color: var(--kg-muted);
    font-size: 16px;
    line-height: 1.78
}

.kg-offer-section p:last-child {
    margin-bottom: 0
}

.kg-offer-section ul,
.kg-offer-section ol {
    display: grid;
    gap: 10px;
    margin: 14px 0 0;
    padding-left: 22px;
    color: var(--kg-muted);
    font-size: 16px;
    line-height: 1.7
}

.kg-offer-section li::marker {
    color: var(--kg-green);
    font-weight: 900
}

.kg-offer-section strong {
    color: #27201c
}

.kg-offer-note {
    margin: 18px 0 0;
    padding: 18px 20px;
    border-radius: 22px;
    background: #f3faef;
    border: 1px solid #dcecd5;
    color: #364230;
    font-size: 15px;
    line-height: 1.65;
}

.kg-offer-warning {
    margin: 18px 0 0;
    padding: 18px 20px;
    border-radius: 22px;
    background: #fff7ed;
    border: 1px solid #ead2b7;
    color: #5b3f2f;
    font-size: 15px;
    line-height: 1.65;
}

.kg-offer-contact-box {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 18px;
    margin-top: 18px;
    padding: 22px;
    border-radius: 24px;
    background: linear-gradient(135deg, #f6fbf3, #fff);
    border: 1px solid #dcecd5;
    box-shadow: 0 20px 60px rgba(106, 168, 79, .08);
}

.kg-offer-contact-box__icon {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: #eef7e9;
    color: var(--kg-green);
    font-size: 24px;
    font-weight: 900
}

.kg-offer-contact-box h3 {
    margin: 0 0 8px;
    font-size: 20px
}

.kg-offer-contact-box p {
    margin: 0 0 12px
}

.kg-offer-contact-box a {
    display: inline-flex;
    color: var(--kg-green-dark);
    font-weight: 900;
    text-decoration: none
}

.kg-offer-contact-box a:hover {
    color: var(--kg-brown)
}

.kg-offer-reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .58s ease, transform .58s ease
}

.kg-offer-visible {
    opacity: 1;
    transform: translateY(0)
}

@media(max-width:1100px) {
    .kg-offer-hero__grid {
        grid-template-columns: 1fr
    }

    .kg-offer-hero__card {
        max-width: 560px
    }

    .kg-offer-overview__grid {
        grid-template-columns: 1fr 1fr
    }

    .kg-offer-layout__grid {
        grid-template-columns: 1fr
    }

    .kg-offer-toc {
        position: relative;
        top: auto
    }
}

@media(max-width:767px) {
    .kg-offer-page .container {
        padding: 0 16px
    }

    .kg-offer-hero {
        padding: 24px 0 58px
    }

    .kg-offer-breadcrumb {
        margin-bottom: 30px;
        font-size: 13px
    }

    .kg-offer-hero__grid {
        gap: 22px
    }

    .kg-offer-hero p {
        font-size: 15px
    }

    .kg-offer-hero__actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px
    }

    .kg-offer-hero__card {
        padding: 22px;
        border-radius: 24px
    }

    .kg-offer-overview {
        margin-top: -26px
    }

    .kg-offer-overview__grid {
        grid-template-columns: 1fr
    }

    .kg-offer-card {
        min-height: auto;
        padding: 24px;
        border-radius: 24px
    }

    .kg-offer-layout {
        padding-bottom: 58px
    }

    .kg-offer-section {
        padding: 22px;
        border-radius: 24px
    }

    .kg-offer-section p,
    .kg-offer-section ul,
    .kg-offer-section ol {
        font-size: 15px
    }

    .kg-offer-contact-box {
        grid-template-columns: 1fr;
        padding: 20px
    }
}

@media(prefers-reduced-motion:reduce) {
    .kg-offer-page * {
        transition: none !important;
        animation: none !important
    }
}