:root{
    --bg:#081018;
    --bg-2:#0d1722;
    --bg-3:#111f2d;
    --panel:rgba(15,25,37,.9);
    --panel-2:rgba(20,31,45,.88);
    --text:#eef4f8;
    --muted:#b9c5d0;
    --line:rgba(255,255,255,.09);
    --gold:#ffcc4d;
    --gold-2:#ffb400;
    --green:#37d67a;
    --green-2:#1f9b56;
    --accent:#67d6ff;
    --danger:#ff7a7a;
    --radius:24px;
    --shadow:0 22px 60px rgba(0,0,0,.35);
    --container:1240px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}

body{
    margin:0;
    font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    color:var(--text);
    background:
            radial-gradient(1000px 500px at 10% 0%, rgba(255,204,77,.08), transparent 60%),
            radial-gradient(900px 420px at 100% 0%, rgba(103,214,255,.08), transparent 58%),
            linear-gradient(180deg, #081018 0%, #0b131d 30%, #0e1823 65%, #081018 100%);
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

img{display:block;max-width:100%;height:auto}
a{color:#9ee5ff;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--container);margin:0 auto;padding:0 20px}
.section{padding:32px 0}
.narrow{max-width:940px;margin:0 auto}

.site-header{
    position:sticky;top:0;z-index:100;
    background:rgba(8,16,24,.82);
    backdrop-filter:blur(16px);
    border-bottom:1px solid var(--line);
}
.header-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none!important;color:#fff}
.brand-mark{
    width:48px;height:48px;border-radius:14px;
    display:grid;place-items:center;
    background:linear-gradient(135deg,#172635,#0d1822);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 10px 30px rgba(0,0,0,.28);
    color:var(--gold);font-weight:900;font-size:18px;
}
.brand-text{font-size:1.2rem;font-weight:900;letter-spacing:.02em}
.main-nav{display:none;align-items:center;gap:22px}
.main-nav a{color:#d8e1e8;text-decoration:none!important;font-weight:600}
.main-nav a:hover,.main-nav a.is-active{color:#fff}
.header-cta{display:none}
.burger{display:inline-flex;flex-direction:column;gap:5px;background:transparent;border:0;padding:0;cursor:pointer}
.burger span{width:24px;height:2px;background:#fff;border-radius:2px;transition:.18s ease}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.main-nav.is-open{
    position:absolute;top:calc(100% + 10px);left:0;right:0;
    display:flex;flex-direction:column;gap:8px;padding:14px;
    background:rgba(9,17,25,.98);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)
}
.main-nav.is-open a{padding:12px 14px;border-radius:12px}
.main-nav.is-open a:hover{background:rgba(255,255,255,.04);text-decoration:none}

.btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:12px 18px;border-radius:999px;border:0;font-weight:800;text-decoration:none!important;
    transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn-gold{
    color:#111;background:linear-gradient(180deg,#ffe184 0%,var(--gold) 55%,var(--gold-2) 100%);
    box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 14px 28px rgba(255,180,0,.22)
}
.btn-ghost{color:#eef4f8;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12)}
.btn-green{
    color:#05130a;background:linear-gradient(180deg,#7ff0aa 0%,var(--green) 55%,var(--green-2) 100%);
    box-shadow:inset 0 2px 0 rgba(255,255,255,.38),0 14px 28px rgba(55,214,122,.2)
}

.hero{padding:22px 0 16px}
.hero-shell,.panel,.offer-section-shell,.content-card,.faq-item,.social-card,.story-card,.mini-card,.offer-card,.legal-box{
    background:
            linear-gradient(180deg, rgba(255,255,255,.04), transparent),
            linear-gradient(135deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
            var(--panel);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    backdrop-filter:blur(12px);
}
.hero-shell{padding:32px;border-radius:30px}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:28px;align-items:center}
.eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    margin:0 0 14px;padding:8px 12px;border-radius:999px;
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
    text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800;color:#e5edf3
}
.hero-copy h1{margin:0 0 14px;font-size:clamp(38px,5.6vw,68px);line-height:1.02;letter-spacing:-.04em}
.hero-lead{margin:0;max-width:640px;font-size:18px;line-height:1.78;color:var(--muted)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.hero-tags li{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#f1f6f9;font-size:13px;font-weight:700}
.hero-visual{
    border-radius:24px;overflow:hidden;position:relative;
    min-height:100%;background:#0a131c;border:1px solid rgba(255,255,255,.06)
}
.hero-visual::after{
    content:"";position:absolute;inset:auto 0 0 0;height:40%;
    background:linear-gradient(to top, rgba(0,0,0,.48), transparent);pointer-events:none
}
.hero-visual img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.hero-note{
    position:absolute;left:18px;right:18px;bottom:18px;z-index:2;
    display:flex;gap:10px;flex-wrap:wrap
}
.hero-note span{
    display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;
    background:rgba(6,12,18,.78);border:1px solid rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:800
}

.section-head{margin-bottom:18px}
.section-head.center{text-align:center}
.section-head h2{margin:0 0 10px;font-size:clamp(28px,4vw,44px);line-height:1.08;letter-spacing:-.03em}
.section-head p{margin:0;color:var(--muted);line-height:1.8}

.offer-section-shell{padding:30px;border-radius:30px}
.offers-copy{max-width:920px;margin:14px auto 0;text-align:center;color:var(--muted);line-height:1.8}
.section-pill-wrap{display:flex;justify-content:center;margin:28px 0 16px}
.section-pill{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:50px;padding:12px 22px;border-radius:999px;
    background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
    color:var(--gold);font-weight:900;font-size:20px;box-shadow:0 10px 24px rgba(0,0,0,.16)
}
.offers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.offer-card{border-radius:24px;overflow:hidden;display:flex;flex-direction:column}
.offer-media{position:relative}
.offer-media img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#0b1219}
.offer-body{padding:18px 18px 20px;text-align:center}
.offer-body h3{margin:0 0 8px;font-size:22px;line-height:1.15}
.offer-body p{margin:0 0 16px;color:var(--muted);font-weight:700;line-height:1.55;min-height:44px}
.offer-meta{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 16px;padding:0;list-style:none}
.offer-meta li{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:11px;font-weight:800;color:#edf4f8;text-transform:uppercase;letter-spacing:.06em}
.offer-body .btn{width:100%}
.tnc{text-align:center;margin:18px 0 0;color:#aab6c2;font-size:13px;line-height:1.7}

.cards-3,.social-grid,.faq-grid,.quick-grid{display:grid;gap:18px}
.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.content-card{padding:24px;border-radius:24px;transition:.18s ease}
.content-card:hover{transform:translateY(-3px)}
.content-card h3{margin:0 0 10px;font-size:24px;line-height:1.12}
.content-card p{margin:0;color:var(--muted);line-height:1.8}

.story-card{padding:30px;border-radius:30px}
.story-card h2{margin:0 0 14px;font-size:clamp(30px,4vw,46px);line-height:1.08}
.story-card p{margin:0;color:var(--muted);line-height:1.85;font-size:17px}
.story-card p + p{margin-top:18px}

.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.mini-card{padding:22px;border-radius:24px}
.mini-card span{display:block;margin-bottom:8px;color:#cad4dc;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mini-card strong{display:block;font-size:18px;line-height:1.5}

.social-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.social-card{padding:22px;border-radius:24px;display:flex;flex-direction:column;gap:10px;text-decoration:none!important;transition:.18s ease;overflow:hidden;position:relative}
.social-card:hover{transform:translateY(-4px);text-decoration:none}
.social-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.social-icon{
    width:50px;height:50px;border-radius:14px;display:grid;place-items:center;
    background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:20px
}
.social-badge{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.social-name{font-size:22px;font-weight:900;color:#fff}
.social-desc{color:var(--muted);line-height:1.7}

.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.faq-item{padding:24px;border-radius:24px}
.faq-item h3{margin:0 0 10px;font-size:22px;line-height:1.18}
.faq-item p{margin:0;color:var(--muted);line-height:1.8}

.legal-box{padding:22px 24px;border-radius:24px}
.legal-box p{margin:0;color:var(--muted);line-height:1.8}

.site-footer{
    margin-top:24px;padding:48px 0 32px;
    border-top:1px solid var(--line);
    background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;padding-bottom:28px}
.footer-brand{display:inline-block;margin-bottom:14px;color:#fff;font-size:30px;font-weight:900;text-decoration:none!important}
.footer-desc{max-width:360px;margin:0 0 16px;color:var(--muted);line-height:1.7}
.footer-socials{display:flex;gap:10px;flex-wrap:wrap}
.footer-socials a{
    width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none!important
}
.footer-col h4{margin:0 0 12px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#dce5eb}
.footer-col a{display:block;margin-bottom:10px;color:var(--muted);text-decoration:none}
.footer-col a:hover{color:#fff}
.footer-bottom{padding-top:18px;border-top:1px solid rgba(255,255,255,.08);text-align:center}
.footer-copy,.footer-note{margin:6px 0 0;color:#93a1ad;line-height:1.7}
.footer-note{max-width:820px;margin-left:auto;margin-right:auto;font-size:12.5px}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

@media (min-width: 960px){
    .main-nav{display:flex}
    .burger{display:none}
    .header-cta{display:inline-flex}
}

@media (max-width: 1100px){
    .offers-grid,.cards-3,.quick-grid,.social-grid,.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width: 900px){
    .hero-grid,.footer-grid{grid-template-columns:1fr}
    .hero-copy{text-align:center}
    .hero-actions{justify-content:center}
    .hero-lead{margin:0 auto}
    .hero-tags{justify-content:center}
    .hero-visual img{aspect-ratio:4/2.5}
}

@media (max-width: 720px){
    .container{padding:0 14px}
    .section{padding:24px 0}
    .hero-shell,.offer-section-shell,.story-card,.legal-box,.content-card,.faq-item,.mini-card,.social-card{border-radius:22px}
    .hero-shell,.offer-section-shell,.story-card{padding:20px 16px}
    .offers-grid,.cards-3,.quick-grid,.social-grid,.faq-grid{grid-template-columns:1fr}
    .hero-copy h1{font-size:clamp(30px,10vw,42px)}
    .hero-lead,.story-card p,.content-card p,.faq-item p{font-size:15px;line-height:1.75}
    .section-pill{font-size:18px;min-height:46px}
    .offer-body{padding:16px}
    .offer-body h3{font-size:20px}
    .offer-body p{font-size:13.5px;min-height:auto}
    .social-card{text-align:center;align-items:center}
    .social-top{flex-direction:column}
    .footer-grid{text-align:center}
    .footer-desc{margin-left:auto;margin-right:auto}
    .footer-socials{justify-content:center}
}
:root{
    --bg:#090807;
    --bg-2:#100d0b;
    --bg-3:#17120f;

    --panel:rgba(24,19,15,.92);
    --panel-2:rgba(30,23,18,.9);
    --panel-3:rgba(38,29,22,.9);

    --text:#f5efe7;
    --muted:#cdbba7;
    --soft:#a7927d;
    --line:rgba(255,244,228,.08);

    --gold-1:#f0d7ad;
    --gold-2:#d3ab74;
    --gold-3:#b57a3f;

    --sage-1:#9ad5bc;
    --sage-2:#73b395;
    --sage-3:#4f866f;

    --shadow:0 24px 60px rgba(0,0,0,.38);
    --shadow-strong:0 28px 80px rgba(0,0,0,.48);

    --radius:26px;
    --container:1240px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}

body{
    margin:0;
    color:var(--text);
    background:
            radial-gradient(1000px 520px at 8% 0%, rgba(211,171,116,.09), transparent 58%),
            radial-gradient(800px 420px at 100% 0%, rgba(154,213,188,.06), transparent 56%),
            linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 38%, var(--bg-3) 72%, var(--bg) 100%);
    font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
}

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

a{
    color:#ead2aa;
    text-decoration:none;
}

a:hover{
    text-decoration:underline;
}

.container{
    max-width:var(--container);
    margin:0 auto;
    padding:0 20px;
}

.narrow{
    max-width:940px;
    margin:0 auto;
}

.section{
    padding:34px 0;
}

/* HEADER */
.site-header{
    position:sticky;
    top:0;
    z-index:100;
    background:rgba(9,8,7,.78);
    backdrop-filter:blur(16px);
    border-bottom:1px solid var(--line);
}

.header-row{
    min-height:78px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    position:relative;
}

.brand{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none !important;
    color:#fff;
}

.brand-mark{
    width:50px;
    height:50px;
    border-radius:15px;
    display:grid;
    place-items:center;
    background:
            linear-gradient(135deg, rgba(240,215,173,.12), rgba(181,122,63,.08)),
            linear-gradient(180deg, #201915, #120f0d);
    border:1px solid rgba(255,244,228,.08);
    box-shadow:0 10px 26px rgba(0,0,0,.28);
    color:var(--gold-2);
    font-weight:900;
    font-size:18px;
}

.brand-text{
    font-size:1.2rem;
    font-weight:900;
    letter-spacing:.02em;
    color:#fff;
}

.main-nav{
    display:none;
    align-items:center;
    gap:24px;
}

.main-nav a{
    color:#e7ddd1;
    text-decoration:none !important;
    font-weight:600;
    opacity:.92;
}

.main-nav a:hover,
.main-nav a.is-active{
    color:#fff;
    opacity:1;
}

.header-cta{
    display:none;
}

.burger{
    display:inline-flex;
    flex-direction:column;
    gap:5px;
    background:transparent;
    border:0;
    padding:0;
    cursor:pointer;
}

.burger span{
    width:24px;
    height:2px;
    border-radius:2px;
    background:#f4eee8;
    transition:.18s ease;
}

.burger[aria-expanded="true"] span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
}
.burger[aria-expanded="true"] span:nth-child(2){
    opacity:0;
}
.burger[aria-expanded="true"] span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
}

.main-nav.is-open{
    position:absolute;
    top:calc(100% + 10px);
    left:0;
    right:0;
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:14px;
    background:rgba(15,12,10,.98);
    border:1px solid var(--line);
    border-radius:20px;
    box-shadow:var(--shadow);
}

.main-nav.is-open a{
    padding:12px 14px;
    border-radius:12px;
}

.main-nav.is-open a:hover{
    background:rgba(255,255,255,.04);
    text-decoration:none;
}

/* BUTTONS */
.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:12px 18px;
    border-radius:999px;
    border:0;
    font-weight:800;
    text-decoration:none !important;
    transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

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

.btn-gold{
    color:#15100b;
    background:linear-gradient(180deg, var(--gold-1) 0%, var(--gold-2) 58%, var(--gold-3) 100%);
    box-shadow:
            inset 0 2px 0 rgba(255,255,255,.34),
            0 14px 30px rgba(181,122,63,.22);
}

.btn-gold:hover{
    box-shadow:
            inset 0 2px 0 rgba(255,255,255,.38),
            0 18px 36px rgba(181,122,63,.3);
}

.btn-ghost{
    color:#f5efe7;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,244,228,.11);
}

.btn-ghost:hover{
    background:rgba(255,255,255,.055);
}

.btn-green{
    color:#07110d;
    background:linear-gradient(180deg, var(--sage-1) 0%, var(--sage-2) 58%, var(--sage-3) 100%);
    box-shadow:
            inset 0 2px 0 rgba(255,255,255,.26),
            0 14px 30px rgba(79,134,111,.22);
}

.btn-green:hover{
    box-shadow:
            inset 0 2px 0 rgba(255,255,255,.3),
            0 18px 36px rgba(79,134,111,.3);
}

/* COMMON PANELS */
.hero-shell,
.offer-section-shell,
.content-card,
.faq-item,
.social-card,
.story-card,
.mini-card,
.offer-card,
.legal-box{
    background:
            linear-gradient(180deg, rgba(255,255,255,.03), transparent),
            linear-gradient(135deg, rgba(240,215,173,.025), rgba(255,255,255,.01)),
            var(--panel);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    backdrop-filter:blur(12px);
}

/* HERO */
.hero{
    padding:22px 0 18px;
}

.hero-shell{
    padding:34px;
    border-radius:32px;
}

.hero-grid{
    display:grid;
    grid-template-columns:1.02fr .98fr;
    gap:30px;
    align-items:center;
}

.eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin:0 0 14px;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(255,244,228,.04);
    border:1px solid rgba(255,244,228,.08);
    text-transform:uppercase;
    letter-spacing:.08em;
    font-size:12px;
    font-weight:800;
    color:#e8d7c0;
}

.hero-copy h1{
    margin:0 0 14px;
    font-size:clamp(40px,5.6vw,70px);
    line-height:1.01;
    letter-spacing:-.045em;
    color:#fbf6ef;
}

.hero-lead{
    margin:0;
    max-width:650px;
    font-size:18px;
    line-height:1.82;
    color:var(--muted);
}

.hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
}

.hero-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:18px 0 0;
    padding:0;
    list-style:none;
}

.hero-tags li{
    padding:10px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,244,228,.08);
    color:#f3ede4;
    font-size:13px;
    font-weight:700;
}

.hero-visual{
    border-radius:26px;
    overflow:hidden;
    position:relative;
    min-height:100%;
    background:#0f0d0b;
    border:1px solid rgba(255,244,228,.06);
}

.hero-visual::after{
    content:"";
    position:absolute;
    inset:auto 0 0 0;
    height:42%;
    background:linear-gradient(to top, rgba(0,0,0,.52), transparent);
    pointer-events:none;
}

.hero-visual img{
    width:100%;
    height:100%;
    object-fit:cover;
    aspect-ratio:4/3;
}

.hero-note{
    position:absolute;
    left:18px;
    right:18px;
    bottom:18px;
    z-index:2;
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.hero-note span{
    display:inline-flex;
    align-items:center;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(10,8,7,.82);
    border:1px solid rgba(255,244,228,.08);
    color:#fff;
    font-size:12px;
    font-weight:800;
}

/* SECTION HEAD */
.section-head{
    margin-bottom:18px;
}

.section-head.center{
    text-align:center;
}

.section-head h2{
    margin:0 0 10px;
    font-size:clamp(30px,4vw,46px);
    line-height:1.08;
    letter-spacing:-.03em;
    color:#fbf6ef;
}

.section-head p{
    margin:0;
    color:var(--muted);
    line-height:1.85;
}

/* OFFERS */
.offer-section-shell{
    padding:32px;
    border-radius:32px;
}

.section-pill-wrap{
    display:flex;
    justify-content:center;
    margin:30px 0 16px;
}

.section-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:12px 24px;
    border-radius:999px;
    background:rgba(255,244,228,.04);
    border:1px solid rgba(255,244,228,.1);
    color:var(--gold-2);
    font-weight:900;
    font-size:20px;
    box-shadow:0 10px 24px rgba(0,0,0,.18);
}

.offers-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}

.offer-card{
    border-radius:24px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    background:
            linear-gradient(180deg, rgba(255,255,255,.025), transparent),
            linear-gradient(135deg, rgba(240,215,173,.02), rgba(255,255,255,.008)),
            var(--panel-2);
}

.offer-media{
    position:relative;
}

.offer-media img{
    width:100%;
    aspect-ratio:16/10;
    object-fit:cover;
    background:#0f0d0b;
}

.offer-body{
    padding:18px 18px 20px;
    text-align:center;
}

.offer-body h3{
    margin:0 0 8px;
    font-size:22px;
    line-height:1.15;
    color:#fff;
}

.offer-body p{
    margin:0 0 16px;
    color:var(--muted);
    font-weight:700;
    line-height:1.55;
    min-height:44px;
}

.offer-meta{
    display:flex;
    justify-content:center;
    gap:8px;
    flex-wrap:wrap;
    margin:0 0 16px;
    padding:0;
    list-style:none;
}

.offer-meta li{
    padding:7px 10px;
    border-radius:999px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,244,228,.08);
    font-size:11px;
    font-weight:800;
    color:#f2eadf;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.offer-body .btn{
    width:100%;
}

.tnc{
    text-align:center;
    margin:18px 0 0;
    color:var(--soft);
    font-size:13px;
    line-height:1.7;
}

/* CONTENT BLOCKS */
.cards-3,
.social-grid,
.faq-grid,
.quick-grid{
    display:grid;
    gap:18px;
}

.cards-3{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.content-card{
    padding:24px;
    border-radius:24px;
    transition:.18s ease;
}

.content-card:hover{
    transform:translateY(-3px);
    box-shadow:var(--shadow-strong);
}

.content-card h3{
    margin:0 0 10px;
    font-size:24px;
    line-height:1.12;
    color:#fff;
}

.content-card p{
    margin:0;
    color:var(--muted);
    line-height:1.85;
}

.story-card{
    padding:32px;
    border-radius:32px;
}

.story-card h2{
    margin:0 0 14px;
    font-size:clamp(32px,4vw,48px);
    line-height:1.08;
    color:#fbf6ef;
}

.story-card p{
    margin:0;
    color:var(--muted);
    line-height:1.9;
    font-size:17px;
}

.story-card p + p{
    margin-top:18px;
}

.quick-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
}

.mini-card{
    padding:22px;
    border-radius:24px;
    background:
            linear-gradient(180deg, rgba(255,255,255,.02), transparent),
            linear-gradient(135deg, rgba(240,215,173,.02), rgba(255,255,255,.008)),
            var(--panel-3);
}

.mini-card span{
    display:block;
    margin-bottom:8px;
    color:#d7c5b1;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.mini-card strong{
    display:block;
    font-size:18px;
    line-height:1.55;
    color:#fff;
}

/* SOCIALS */
.social-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.social-card{
    padding:22px;
    border-radius:24px;
    display:flex;
    flex-direction:column;
    gap:10px;
    text-decoration:none !important;
    transition:.18s ease;
    overflow:hidden;
    position:relative;
}

.social-card:hover{
    transform:translateY(-4px);
    text-decoration:none;
    box-shadow:var(--shadow-strong);
}

.social-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.social-icon{
    width:50px;
    height:50px;
    border-radius:14px;
    display:grid;
    place-items:center;
    background:rgba(255,244,228,.05);
    border:1px solid rgba(255,244,228,.08);
    font-size:20px;
    color:#f5efe7;
}

.social-badge{
    padding:7px 10px;
    border-radius:999px;
    background:rgba(255,244,228,.04);
    border:1px solid rgba(255,244,228,.08);
    color:#fff;
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.social-name{
    font-size:22px;
    font-weight:900;
    color:#fff;
}

.social-desc{
    color:var(--muted);
    line-height:1.7;
}

/* FAQ */
.faq-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.faq-item{
    padding:24px;
    border-radius:24px;
}

.faq-item h3{
    margin:0 0 10px;
    font-size:22px;
    line-height:1.18;
    color:#fff;
}

.faq-item p{
    margin:0;
    color:var(--muted);
    line-height:1.85;
}

/* LEGAL */
.legal-box{
    padding:22px 24px;
    border-radius:24px;
}

.legal-box p{
    margin:0;
    color:var(--muted);
    line-height:1.85;
}

/* FOOTER */
.site-footer{
    margin-top:24px;
    padding:52px 0 32px;
    border-top:1px solid var(--line);
    background:linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0));
}

.footer-grid{
    display:grid;
    grid-template-columns:1.3fr 1fr 1fr;
    gap:30px;
    padding-bottom:28px;
}

.footer-brand{
    display:inline-block;
    margin-bottom:14px;
    color:#fff;
    font-size:30px;
    font-weight:900;
    text-decoration:none !important;
}

.footer-desc{
    max-width:360px;
    margin:0 0 16px;
    color:var(--muted);
    line-height:1.75;
}

.footer-socials{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.footer-socials a{
    width:38px;
    height:38px;
    border-radius:12px;
    display:grid;
    place-items:center;
    background:rgba(255,244,228,.04);
    border:1px solid rgba(255,244,228,.08);
    color:#fff;
    text-decoration:none !important;
}

.footer-col h4{
    margin:0 0 12px;
    font-size:14px;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#e8dacc;
}

.footer-col a{
    display:block;
    margin-bottom:10px;
    color:var(--muted);
    text-decoration:none;
}

.footer-col a:hover{
    color:#fff;
}

.footer-bottom{
    padding-top:18px;
    border-top:1px solid rgba(255,244,228,.08);
    text-align:center;
}

.footer-copy,
.footer-note{
    margin:6px 0 0;
    color:#96816c;
    line-height:1.7;
}

.footer-note{
    max-width:820px;
    margin-left:auto;
    margin-right:auto;
    font-size:12.5px;
}

/* ACCESSIBILITY */
.sr-only{
    position:absolute !important;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}

:focus-visible{
    outline:2px solid var(--gold-2);
    outline-offset:2px;
}

/* RESPONSIVE */
@media (min-width:960px){
    .main-nav{display:flex}
    .burger{display:none}
    .header-cta{display:inline-flex}
}

@media (max-width:1100px){
    .offers-grid,
    .cards-3,
    .quick-grid,
    .social-grid,
    .faq-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:900px){
    .hero-grid,
    .footer-grid{
        grid-template-columns:1fr;
    }

    .hero-copy{
        text-align:center;
    }

    .hero-actions{
        justify-content:center;
    }

    .hero-lead{
        margin:0 auto;
    }

    .hero-tags{
        justify-content:center;
    }

    .hero-visual img{
        aspect-ratio:4/2.5;
    }
}

@media (max-width:720px){
    .container{
        padding:0 14px;
    }

    .section{
        padding:24px 0;
    }

    .hero-shell,
    .offer-section-shell,
    .story-card,
    .legal-box,
    .content-card,
    .faq-item,
    .mini-card,
    .social-card{
        border-radius:22px;
    }

    .hero-shell,
    .offer-section-shell,
    .story-card{
        padding:20px 16px;
    }

    .offers-grid,
    .cards-3,
    .quick-grid,
    .social-grid,
    .faq-grid{
        grid-template-columns:1fr;
    }

    .hero-copy h1{
        font-size:clamp(30px,10vw,42px);
    }

    .hero-lead,
    .story-card p,
    .content-card p,
    .faq-item p{
        font-size:15px;
        line-height:1.75;
    }

    .section-pill{
        font-size:18px;
        min-height:46px;
    }

    .offer-body{
        padding:16px;
    }

    .offer-body h3{
        font-size:20px;
    }

    .offer-body p{
        font-size:13.5px;
        min-height:auto;
    }

    .social-card{
        text-align:center;
        align-items:center;
    }

    .social-top{
        flex-direction:column;
    }

    .footer-grid{
        text-align:center;
    }

    .footer-desc{
        margin-left:auto;
        margin-right:auto;
    }

    .footer-socials{
        justify-content:center;
    }
}

:root{
    --bg:#080707;
    --bg-soft:#110d0b;
    --bg-elev:#17120f;

    --panel:#17120f;
    --panel-2:#1d1713;
    --panel-3:#241c17;

    --text:#f5efe7;
    --muted:#c7b8a6;
    --soft:#9f8c79;
    --line:rgba(244,229,210,.08);

    --gold-1:#f2d7ae;
    --gold-2:#d8ae72;
    --gold-3:#b77b3e;

    --chip:#2b231d;
    --chip-line:rgba(244,229,210,.09);

    --shadow:0 20px 54px rgba(0,0,0,.34);
    --shadow-strong:0 28px 78px rgba(0,0,0,.48);

    --radius:26px;
    --container:1240px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    color:var(--text);
    font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    background:
            radial-gradient(900px 460px at 12% 0%, rgba(216,174,114,.08), transparent 56%),
            linear-gradient(180deg,#080707 0%, #0e0b09 36%, #130f0d 70%, #080707 100%);
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
}
img{display:block;max-width:100%;height:auto}
a{color:#ead3ae;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--container);margin:0 auto;padding:0 20px}
.narrow{max-width:940px;margin:0 auto}
.section{padding:34px 0}

.site-header{
    position:sticky;
    top:0;
    z-index:100;
    background:rgba(8,7,7,.88);
    border-bottom:1px solid var(--line);
    backdrop-filter:blur(14px);
}
.header-row{
    min-height:76px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    position:relative;
}
.brand{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none!important;
    color:#fff;
    min-width:0;
}
.brand-mark{
    width:48px;
    height:48px;
    flex:0 0 48px;
    display:grid;
    place-items:center;
    border-radius:16px;
    color:var(--gold-2);
    font-weight:900;
    font-size:18px;
    background:linear-gradient(180deg,#211913,#120f0c);
    border:1px solid rgba(244,229,210,.08);
    box-shadow:0 8px 20px rgba(0,0,0,.26);
}
.brand-text{
    font-size:1.05rem;
    line-height:1.05;
    font-weight:900;
    color:#fff;
}
.main-nav{display:none;align-items:center;gap:24px}
.main-nav a{color:#eadfce;text-decoration:none!important;font-weight:600}
.main-nav a:hover,.main-nav a.is-active{color:#fff}
.header-cta{display:none}
.burger{
    display:inline-flex;
    width:44px;
    height:44px;
    border:0;
    background:transparent;
    border-radius:12px;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:5px;
    padding:0;
    cursor:pointer;
}
.burger span{
    width:24px;
    height:2px;
    border-radius:2px;
    background:#f5efe7;
    transition:.18s ease;
}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.main-nav.is-open{
    position:absolute;
    top:calc(100% + 10px);
    left:0;
    right:0;
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:14px;
    border-radius:20px;
    background:rgba(18,14,11,.98);
    border:1px solid var(--line);
    box-shadow:var(--shadow-strong);
}
.main-nav.is-open a{
    display:block;
    padding:12px 14px;
    border-radius:12px;
}
.main-nav.is-open a:hover{text-decoration:none;background:rgba(255,255,255,.04)}

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:50px;
    padding:12px 18px;
    border-radius:999px;
    border:0;
    font-weight:800;
    text-decoration:none!important;
    transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn-gold{
    color:#120e09;
    background:linear-gradient(180deg,var(--gold-1) 0%, var(--gold-2) 56%, var(--gold-3) 100%);
    box-shadow:inset 0 2px 0 rgba(255,255,255,.34), 0 14px 28px rgba(183,123,62,.22);
}
.btn-ghost{
    color:#f5efe7;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(244,229,210,.1);
}

.hero-shell,.offer-section-shell,.content-card,.faq-item,.social-card,.story-card,.mini-card,.offer-card,.legal-box{
    background:
            linear-gradient(180deg, rgba(255,255,255,.025), transparent),
            linear-gradient(135deg, rgba(242,215,174,.025), rgba(255,255,255,.01)),
            var(--panel);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}

.hero{padding:20px 0 14px}
.hero-shell{padding:34px;border-radius:32px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 540px;gap:30px;align-items:stretch}
.eyebrow{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0 0 16px;
    padding:10px 16px;
    border-radius:999px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(244,229,210,.08);
    text-transform:uppercase;
    letter-spacing:.06em;
    font-size:12px;
    font-weight:800;
    color:#e7d5bf;
}
.hero-copy h1{
    margin:0 0 16px;
    font-size:clamp(42px,5.6vw,78px);
    line-height:.98;
    letter-spacing:-.05em;
    color:#fbf6ef;
    max-width:640px;
}
.hero-lead{
    margin:0;
    max-width:670px;
    font-size:18px;
    line-height:1.82;
    color:var(--muted);
}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0;padding:0;list-style:none;max-width:620px}
.hero-tags li{
    padding:10px 14px;
    border-radius:999px;
    background:var(--chip);
    border:1px solid var(--chip-line);
    color:#f4ede3;
    font-size:13px;
    font-weight:700;
}
.hero-visual{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    background:#0f0d0b;
    border:1px solid rgba(244,229,210,.06);
    min-height:100%;
}
.hero-visual img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    aspect-ratio:1/1.02;
}
.hero-note{
    position:absolute;
    left:16px;
    right:16px;
    bottom:16px;
    z-index:2;
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}
.hero-note span{
    display:inline-flex;
    align-items:center;
    min-height:38px;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(8,7,7,.82);
    border:1px solid rgba(244,229,210,.08);
    font-size:12px;
    font-weight:800;
    color:#fff;
}

.section-head{margin-bottom:18px}
.section-head.center{text-align:center}
.section-head h2{
    margin:0 0 12px;
    font-size:clamp(30px,4vw,50px);
    line-height:1.08;
    letter-spacing:-.03em;
    color:#fbf6ef;
}
.section-head p{margin:0;color:var(--muted);line-height:1.8}

.offer-section-shell{padding:32px;border-radius:32px}
.section-pill-wrap{display:flex;justify-content:center;margin:28px 0 18px}
.section-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:54px;
    padding:12px 24px;
    border-radius:999px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(244,229,210,.08);
    color:var(--gold-2);
    font-size:20px;
    font-weight:900;
}
.offers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.offer-card{
    overflow:hidden;
    border-radius:24px;
    display:flex;
    flex-direction:column;
    background:
            linear-gradient(180deg, rgba(255,255,255,.02), transparent),
            linear-gradient(135deg, rgba(242,215,174,.02), rgba(255,255,255,.01)),
            var(--panel-2);
}
.offer-media img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#0f0d0b}
.offer-body{padding:16px 16px 18px;text-align:center}
.offer-body h3{margin:0 0 8px;font-size:22px;line-height:1.14;color:#fff}
.offer-body p{margin:0 0 14px;color:var(--muted);font-weight:700;line-height:1.55;min-height:50px}
.offer-meta{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:0;list-style:none}
.offer-meta li{
    padding:7px 10px;
    border-radius:999px;
    background:var(--chip);
    border:1px solid var(--chip-line);
    font-size:11px;
    font-weight:800;
    color:#f2eadf;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.offer-body .btn{width:100%}
.offer-body .btn-green{background:linear-gradient(180deg,var(--gold-1) 0%, var(--gold-2) 56%, var(--gold-3) 100%);color:#120e09;box-shadow:inset 0 2px 0 rgba(255,255,255,.34), 0 14px 28px rgba(183,123,62,.22)}
.tnc{text-align:center;margin:18px 0 0;color:var(--soft);font-size:13px;line-height:1.7}

.cards-3,.social-grid,.faq-grid,.quick-grid{display:grid;gap:18px}
.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.content-card{padding:24px;border-radius:24px;transition:.18s ease}
.content-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-strong)}
.content-card h3{margin:0 0 10px;font-size:24px;line-height:1.12;color:#fff}
.content-card p{margin:0;color:var(--muted);line-height:1.82}

.story-card{padding:32px;border-radius:32px}
.story-card h2{margin:0 0 14px;font-size:clamp(32px,4vw,48px);line-height:1.08;color:#fbf6ef}
.story-card p{margin:0;color:var(--muted);line-height:1.86;font-size:17px}
.story-card p + p{margin-top:18px}

.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.mini-card{padding:22px;border-radius:24px;background:var(--panel-3)}
.mini-card span{display:block;margin-bottom:8px;color:#d9c7b2;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mini-card strong{display:block;font-size:18px;line-height:1.5;color:#fff}

.social-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.social-card{
    padding:18px;
    border-radius:22px;
    display:flex;
    flex-direction:column;
    gap:10px;
    text-decoration:none!important;
    transition:.18s ease;
}
.social-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-strong);text-decoration:none}
.social-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.social-icon{
    width:44px;
    height:44px;
    border-radius:14px;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(244,229,210,.08);
}
.social-icon img{width:22px;height:22px;object-fit:contain}
.social-icon svg{width:20px;height:20px;display:block;fill:#f5efe7}
.social-badge{
    padding:6px 10px;
    border-radius:999px;
    background:var(--chip);
    border:1px solid var(--chip-line);
    color:#fff;
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.social-name{font-size:18px;font-weight:900;color:#fff;line-height:1.15}
.social-desc{color:var(--muted);line-height:1.6;font-size:14px}

.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.faq-item{padding:24px;border-radius:24px}
.faq-item h3{margin:0 0 10px;font-size:22px;line-height:1.18;color:#fff}
.faq-item p{margin:0;color:var(--muted);line-height:1.82}

.legal-box{padding:22px 24px;border-radius:24px}
.legal-box p{margin:0;color:var(--muted);line-height:1.82}

.site-footer{
    margin-top:24px;
    padding:52px 0 34px;
    border-top:1px solid var(--line);
    background:linear-gradient(180deg, rgba(255,255,255,.01), rgba(255,255,255,0));
}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;padding-bottom:28px}
.footer-brand{display:inline-block;margin-bottom:14px;color:#fff;font-size:30px;font-weight:900;text-decoration:none!important}
.footer-desc{max-width:360px;margin:0 0 16px;color:var(--muted);line-height:1.74}
.footer-socials{display:flex;gap:10px;flex-wrap:wrap}
.footer-socials a{
    width:40px;
    height:40px;
    border-radius:12px;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(244,229,210,.08);
    color:#fff;
    text-decoration:none!important;
}
.footer-socials img{width:20px;height:20px;object-fit:contain}
.footer-socials svg{width:18px;height:18px;display:block;fill:#f5efe7}
.footer-col h4{margin:0 0 12px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#e9d8c6}
.footer-col a{display:block;margin-bottom:10px;color:var(--muted);text-decoration:none}
.footer-col a:hover{color:#fff}
.footer-bottom{padding-top:18px;border-top:1px solid rgba(244,229,210,.08);text-align:center}
.footer-copy,.footer-note{margin:6px 0 0;color:#94816d;line-height:1.7}
.footer-note{max-width:820px;margin-left:auto;margin-right:auto;font-size:12.5px}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}

@media (min-width:960px){
    .main-nav{display:flex}
    .burger{display:none}
    .header-cta{display:inline-flex}
}

@media (max-width:1180px){
    .hero-grid{grid-template-columns:minmax(0,1fr) 460px}
}

@media (max-width:1080px){
    .offers-grid,.cards-3,.quick-grid,.social-grid,.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .hero-grid{grid-template-columns:1fr}
    .hero-visual{max-width:620px;margin:0 auto;width:100%}
    .hero-copy{text-align:center}
    .hero-copy h1,.hero-lead,.hero-tags{max-width:none}
    .hero-actions,.hero-tags{justify-content:center}
}

@media (max-width:720px){
    .container{padding:0 14px}
    .section{padding:24px 0}
    .header-row{min-height:74px;gap:10px}
    .brand{gap:10px;min-width:0;flex:1 1 auto}
    .brand-mark{width:44px;height:44px;flex-basis:44px;border-radius:14px}
    .brand-text{font-size:.94rem;line-height:1.05;max-width:130px}
    .burger{width:40px;height:40px;flex:0 0 40px}
    .header-cta{
        display:inline-flex;
        flex:0 0 auto;
        min-height:42px;
        padding:10px 16px;
        font-size:13px;
        white-space:nowrap;
    }
    .hero-shell,.offer-section-shell,.story-card,.legal-box,.content-card,.faq-item,.mini-card,.social-card{border-radius:22px}
    .hero-shell,.offer-section-shell,.story-card{padding:18px 16px}
    .eyebrow{display:flex;text-align:center;font-size:11px;line-height:1.3;padding:10px 12px;width:100%}
    .hero-copy h1{font-size:clamp(28px,11vw,44px);line-height:1.02;margin-bottom:12px}
    .hero-lead,.story-card p,.content-card p,.faq-item p{font-size:15px;line-height:1.72}
    .hero-actions{flex-direction:column;align-items:center;gap:10px}
    .hero-actions .btn{width:100%;max-width:290px}
    .hero-tags{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
    .hero-tags li{text-align:center;padding:10px 12px;font-size:12px}
    .hero-visual img{aspect-ratio:4/3.25;object-position:center top}
    .hero-note{left:12px;right:12px;bottom:12px;gap:8px}
    .hero-note span{min-height:34px;padding:7px 10px;font-size:11px}
    .section-pill{font-size:18px;min-height:46px;padding:10px 20px}
    .offers-grid,.cards-3,.quick-grid,.social-grid,.faq-grid{grid-template-columns:1fr}
    .offer-media img{aspect-ratio:16/9;}
    .offer-body{padding:14px 14px 16px}
    .offer-body h3{font-size:20px}
    .offer-body p{font-size:13.5px;min-height:auto}
    .offer-meta li{font-size:10px}
    .social-grid{gap:12px}
    .social-card{padding:14px 14px 15px;border-radius:18px;gap:8px}
    .social-top{gap:8px}
    .social-name{font-size:17px}
    .social-desc{font-size:13px;line-height:1.55}
    .footer-grid{text-align:center;grid-template-columns:1fr}
    .footer-desc{margin-left:auto;margin-right:auto}
    .footer-socials{justify-content:center}
}
.social-grid--mini{
    display:grid;
    grid-template-columns:repeat(3, max-content);
    justify-content:center;
    gap:12px 14px;
}

.social-card--mini{
    height:50px;              /* 👈 сильно меньше */
    padding:20px 80px;           /* 👈 убрали жирные паддинги */
    border-radius:14px;

    display:flex;
    align-items:center;
    gap:8px;

    background:
            linear-gradient(180deg, rgba(255,255,255,.02), transparent),
            rgba(24,19,15,.9);

    border:1px solid rgba(244,229,210,.06);
    box-shadow:0 8px 20px rgba(0,0,0,.2);

    width:auto;               /* 👈 не растягиваются */
}

.social-card--mini img{
    width:48px;               /* 👈 меньше иконки */
    height:48px;
}

.social-card--mini span{
    font-size:14px;           /* 👈 компактный текст */
    font-weight:600;
    color:#e7d3b5;
}

.social-grid--mini{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px 14px;
    max-width:1100px;
    margin:0 auto;
}

.social-card--mini{
    min-height:96px;
    padding:16px 20px;
    border-radius:14px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    text-align:center;

    background:
            linear-gradient(180deg, rgba(255,255,255,.02), transparent),
            rgba(24,19,15,.9);

    border:1px solid rgba(244,229,210,.06);
    box-shadow:0 8px 20px rgba(0,0,0,.2);

    width:100%;
    min-width:0;
}

.social-card--mini img{
    width:34px;
    height:34px;
    object-fit:contain;
    flex:0 0 34px;
}

.social-card--mini span{
    font-size:14px;
    font-weight:600;
    line-height:1.2;
    color:#e7d3b5;
    word-break:break-word;
}

/* планшеты */
@media (max-width: 992px){
    .social-grid--mini{
        grid-template-columns:repeat(3, minmax(0, 1fr));
        gap:10px;
    }

    .social-card--mini{
        min-height:84px;
        padding:14px 12px;
        gap:6px;
    }

    .social-card--mini img{
        width:28px;
        height:28px;
        flex-basis:28px;
    }

    .social-card--mini span{
        font-size:13px;
    }
}

/* большие телефоны */
@media (max-width: 768px){
    .social-grid--mini{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:10px;
    }

    .social-card--mini{
        min-height:76px;
        padding:12px 10px;
        border-radius:12px;
        gap:6px;
    }

    .social-card--mini img{
        width:24px;
        height:24px;
        flex-basis:24px;
    }

    .social-card--mini span{
        font-size:12.5px;
    }
}

/* маленькие мобилки */
@media (max-width: 480px){
    .social-grid--mini{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:8px;
    }

    .social-card--mini{
        min-height:68px;
        padding:10px 8px;
        border-radius:10px;
        gap:5px;
    }

    .social-card--mini img{
        width:20px;
        height:20px;
        flex-basis:20px;
    }

    .social-card--mini span{
        font-size:11.5px;
    }
}
body{
    overflow-x:hidden;
}

*{
    box-sizing:border-box;
}
@media (max-width: 768px){

    .header-row{
        display:flex;
        align-items:center;
    }

    .brand{
        order:1;
    }

    .header-cta{
        order:2;           /* кнопка теперь перед бургером */
        margin-left:auto;  /* отталкивает вправо */
        margin-right:10px;
    }

    .burger{
        order:3;           /* бургер самый правый */
    }

}

.brand{
    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
}

.brand-logo{
    width:62px;
    height:62px;
    object-fit:cover;
    border-radius:10px;

    /* лёгкий люкс-эффект */
    box-shadow:0 4px 14px rgba(0,0,0,.35);
}

.brand-text{
    font-weight:700;
    font-size:16px;
    color:#f4e5d2;
}
@media (max-width: 768px){

    .offers-grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    .offer-card{
        border-radius:14px;
        overflow:hidden;
    }

    .offer-media{
        height:auto !important;
        aspect-ratio:auto !important;
        overflow:visible;
        background:none;
        border-radius:14px 14px 0 0;
    }

    .offer-media img{
        position:static !important;
        display:block;
        width:100%;
        height:auto !important;
        max-height:none !important;
        object-fit:unset !important;
        object-position:unset !important;
        transform:none !important;
    }

    .offer-body{
        padding:10px 10px 12px;
    }

    .offer-body h3{
        margin:0 0 4px;
        font-size:16px;
        line-height:1.15;
    }

    .offer-body p{
        margin:0 0 8px;
        font-size:12px;
        line-height:1.35;
        min-height:auto;
    }

    .offer-meta{
        gap:4px;
        margin:0 0 10px;
    }

    .offer-meta li{
        padding:4px 7px;
        font-size:9px;
        line-height:1.1;
    }

    .offer-body .btn{
        min-height:40px;
        padding:8px 12px;
        font-size:13px;
        border-radius:10px;
    }
}
.offer-media{
    height:260px;
    overflow:hidden;
    border-radius:16px 16px 0 0;
}

.offer-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top; /* 👈 важно */
}
.offer-media{
    height:auto;
    border-radius:16px 16px 0 0;
    overflow:hidden;
}

.offer-media img{
    width:100%;
    height:auto;
    display:block;
}
.offer-media{
    height:auto !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    overflow:hidden; !important;
    position:static !important;
    border-radius:16px 16px 0 0;
}

.offer-media img{
    position:static !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:unset !important;
    object-position:unset !important;
    display:block !important;
    transform:none !important;
}
.offer-card p{
    font-weight:600;
    font-size:15px;
    color:#f5e4c8;
}

.offer-card p strong{
    color:#ffcc7a;
}
@media (max-width: 768px){
    .hero-grid{
        display:grid;
        grid-template-columns:1fr;
    }

    .hero-copy{
        display:contents;
    }

    .hero-copy h1{
        order:1;
        text-align:center;
    }

    .hero-copy .hero-lead{
        order:2;
        text-align:center;
    }

    .hero-visual{
        order:3;
        margin-top:14px;
    }

    .hero-actions{
        order:4;
        margin-top:14px;
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:10px;
    }

    .hero-actions .btn{
        width:100%;
        max-width:290px;
    }
}

.section-pill{
    color:#ffd98f;

    border:1px solid rgba(255,204,122,.35);

    box-shadow:
            0 6px 18px rgba(255,170,80,.15);
}
.btn-gold{
    position:relative;
    overflow:hidden;
    isolation:isolate;
}

.btn-gold::before{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:55%;
    height:100%;
    background:linear-gradient(
            120deg,
            transparent 0%,
            rgba(255,255,255,.18) 35%,
            rgba(255,255,255,.42) 50%,
            rgba(255,255,255,.18) 65%,
            transparent 100%
    );
    transform:skewX(-20deg);
    z-index:1;
    pointer-events:none;
    animation:shine 2.8s ease-in-out infinite;
}

.btn-gold::after{
    content:"";
    position:absolute;
    inset:-2px;
    border-radius:inherit;
    z-index:-1;
    pointer-events:none;
    box-shadow:0 0 0 rgba(255,196,110,0);
    animation:btnPulse 2s ease-in-out infinite;
}

@keyframes shine{
    0%{
        left:-120%;
    }
    55%{
        left:125%;
    }
    100%{
        left:125%;
    }
}

@keyframes btnPulse{
    0%{
        box-shadow:
                0 0 0 rgba(255,196,110,0),
                0 0 0 rgba(255,170,60,0);
    }
    50%{
        box-shadow:
                0 0 18px rgba(255,196,110,.38),
                0 0 34px rgba(255,170,60,.18);
    }
    100%{
        box-shadow:
                0 0 0 rgba(255,196,110,0),
                0 0 0 rgba(255,170,60,0);
    }
}
.btn-gold{
    animation:goldBreath 2s ease-in-out infinite;
}

@keyframes goldBreath{
    0%{
        transform:scale(1);
        filter:brightness(1);
    }
    50%{
        transform:scale(1.03);
        filter:brightness(1.08);
    }
    100%{
        transform:scale(1);
        filter:brightness(1);
    }
}

@media (max-width: 768px){
    .offer-body .btn,
    .offer-body .btn-gold,
    .offer-body .btn-green{
        font-size:17px !important;
        font-weight:700 !important;
        line-height:1.2;
        min-height:48px !important;
        padding:14px 16px !important;
    }
}
/* ===== HERO COMPACT FIX ===== */

.hero{
    padding:16px 0 12px;
}

.hero-shell{
    padding:26px 22px;
    border-radius:24px;
}

.hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 500px;
    gap:22px;
    align-items:center;
}

.hero-copy h1{
    margin:0 0 12px;
    max-width:560px;
    font-size:clamp(34px,4.2vw,56px);
    line-height:1.02;
    letter-spacing:-.045em;
}

.hero-lead{
    margin:0;
    max-width:520px;
    font-size:16px;
    line-height:1.55;
    color:var(--muted);
}

.hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}

.hero-actions .btn{
    min-height:48px;
    padding:12px 18px;
    font-size:15px;
}

.hero-visual{
    border-radius:22px;
    overflow:hidden;
}

.hero-visual img{
    width:100%;
    height:auto;
    display:block;
    aspect-ratio:4/3;
    object-fit:cover;
    object-position:center top;
}

/* tablet */
@media (max-width: 1080px){
    .hero-shell{
        padding:22px 18px;
    }

    .hero-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .hero-copy{
        text-align:center;
    }

    .hero-copy h1{
        max-width:760px;
        margin:0 auto 10px;
        font-size:clamp(30px,6vw,46px);
    }

    .hero-lead{
        max-width:700px;
        margin:0 auto;
        font-size:15px;
        line-height:1.5;
    }

    .hero-actions{
        justify-content:center;
        margin-top:14px;
    }

    .hero-visual{
        max-width:560px;
        margin:0 auto;
        width:100%;
    }

    .hero-visual img{
        aspect-ratio:16/10;
    }
}

/* mobile */
@media (max-width: 768px){
    .hero{
        padding:10px 0 8px;
    }

    .hero-shell{
        padding:16px 14px;
        border-radius:20px;
    }

    .hero-grid{
        gap:12px;
    }

    .hero-copy h1{
        margin:0 0 8px;
        font-size:clamp(24px,8.8vw,38px);
        line-height:1.04;
        max-width:320px;
        margin-left:auto;
        margin-right:auto;
    }

    .hero-lead{
        max-width:300px;
        margin:0 auto;
        font-size:13px;
        line-height:1.45;
    }

    .hero-visual{
        max-width:100%;
        border-radius:18px;
        margin-top:2px;
    }

    .hero-visual img{
        aspect-ratio:16/11;
    }

    .hero-actions{
        flex-direction:column;
        gap:8px;
        margin-top:12px;
        align-items:center;
    }

    .hero-actions .btn{
        width:100%;
        max-width:250px;
        min-height:44px;
        padding:10px 14px;
        font-size:15px;
    }
}

/* центрирование hero на десктопе */
@media (min-width: 1081px){

    .hero-copy{
        text-align:center;
        margin:0 auto;
        display:flex;
        flex-direction:column;
        align-items:center;
    }

    .hero-copy h1{
        max-width:700px;
        margin-left:auto;
        margin-right:auto;
    }

    .hero-lead{
        max-width:600px;
        margin-left:auto;
        margin-right:auto;
    }

    .hero-actions{
        justify-content:center;
    }
}


.story-card .eyebrow{
    display:inline-block;
    margin:0 auto 16px;
    text-align:center;
}
.story-card{
    text-align:center;
}

/* CASINOS PAGE TWEAKS */
.hero--inner .hero-shell{
    padding:28px 24px;
}

.hero--inner .hero-copy h1{
    max-width:640px;
}

.hero--inner .hero-lead{
    max-width:540px;
}

@media (min-width:1081px){
    .hero--inner .hero-copy{
        text-align:left;
        align-items:flex-start;
    }

    .hero--inner .hero-copy h1,
    .hero--inner .hero-lead{
        margin-left:0;
        margin-right:0;
    }

    .hero--inner .hero-actions{
        justify-content:flex-start;
    }
}

@media (max-width:768px){
    .hero--inner .hero-copy{
        text-align:center;
        align-items:center;
    }

    .hero--inner .hero-actions{
        justify-content:center;
    }
}

.casinos-quick-grid .mini-card{
    min-height:100%;
}

.casinos-quick-grid .mini-card strong{
    font-size:17px;
    line-height:1.55;
}

.casinos-cards .content-card,
.casinos-links .content-card{
    min-height:100%;
}

.casinos-links .content-card p,
.casinos-cards .content-card p{
    font-size:16px;
}

@media (max-width: 1100px){
    .casinos-quick-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 720px){
    .casinos-quick-grid{
        grid-template-columns:1fr;
    }

    .casinos-quick-grid .mini-card strong{
        font-size:16px;
    }
}
.casinos-hero-stack{
    padding:18px 0 8px;
}

.casinos-hero-stack__top{
    text-align:center;
    margin-bottom:18px;
}

.casinos-hero-stack__top .eyebrow{
    display:inline-flex;
    margin:0 0 14px;
}

.casinos-hero-stack__top h1{
    margin:0 0 12px;
    font-size:clamp(34px,5vw,64px);
    line-height:1.02;
    letter-spacing:-.045em;
    color:#fbf6ef;
}

.casinos-hero-stack__lead{
    max-width:760px;
    margin:0 auto;
    font-size:18px;
    line-height:1.75;
    color:var(--muted);
}

.casinos-hero-stack__actions{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:22px;
}

.casinos-hero-stack__media{
    max-width:620px;
    margin:0 auto;
    border-radius:30px;
    overflow:hidden;
    background:#0f0d0b;
    border:1px solid rgba(244,229,210,.08);
    box-shadow:var(--shadow);
}

.casinos-hero-stack__media img{
    width:100%;
    display:block;
    aspect-ratio:16/13;
    object-fit:cover;
    object-position:center top;
}

@media (max-width: 720px){
    .casinos-hero-stack{
        padding:12px 0 4px;
    }

    .casinos-hero-stack__top{
        margin-bottom:14px;
    }

    .casinos-hero-stack__top h1{
        font-size:clamp(28px,9vw,42px);
        margin-bottom:10px;
    }

    .casinos-hero-stack__lead{
        font-size:15px;
        line-height:1.6;
    }

    .casinos-hero-stack__actions{
        flex-direction:column;
        align-items:center;
        gap:10px;
        margin-top:16px;
    }

    .casinos-hero-stack__actions .btn{
        width:100%;
        max-width:250px;
    }

    .casinos-hero-stack__media{
        border-radius:20px;
    }

    .casinos-hero-stack__media img{
        aspect-ratio:16/12;
    }
}
.casinos-links a{
    text-decoration:none;
    color:inherit;
}


.bonuses-intro .section-head p{
    max-width:760px;
    margin-left:auto;
    margin-right:auto;
}

.bonuses-panels__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
}

.bonuses-panel{
    padding:28px 26px;
    border-radius:28px;
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}

.bonuses-panel--gold{
    background:
            linear-gradient(180deg, rgba(255,255,255,.03), transparent),
            linear-gradient(135deg, rgba(242,215,174,.08), rgba(255,255,255,.01)),
            var(--panel);
}

.bonuses-panel--sage{
    background:
            linear-gradient(180deg, rgba(255,255,255,.03), transparent),
            linear-gradient(135deg, rgba(154,213,188,.08), rgba(255,255,255,.01)),
            var(--panel);
}

.bonuses-panel__label{
    display:block;
    margin-bottom:10px;
    color:#d9c7b2;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.bonuses-panel h2{
    margin:0 0 12px;
    font-size:clamp(24px,3vw,36px);
    line-height:1.12;
    color:#fff;
}

.bonuses-panel p{
    margin:0;
    color:var(--muted);
    line-height:1.8;
}

.bonuses-strip__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}

.bonuses-links a{
    text-decoration:none;
    color:inherit;
}

@media (max-width:1100px){
    .bonuses-panels__grid,
    .bonuses-strip__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:720px){
    .bonuses-panels__grid,
    .bonuses-strip__grid{
        grid-template-columns:1fr;
    }

    .bonuses-panel{
        padding:20px 16px;
        border-radius:22px;
    }
}

.bonuses-hero-alt__box{
    display:grid;
    grid-template-columns:minmax(0,1fr) 320px;
    gap:24px;
    align-items:center;
    padding:26px 28px;
    border-radius:30px;
    background:
            linear-gradient(180deg, rgba(255,255,255,.03), transparent),
            linear-gradient(135deg, rgba(242,215,174,.04), rgba(154,213,188,.03)),
            var(--panel);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}

.bonuses-hero-alt__copy h1{
    margin:0 0 12px;
    font-size:clamp(34px,5vw,64px);
    line-height:1.02;
    letter-spacing:-.045em;
}

.bonuses-hero-alt__lead{
    margin:0;
    max-width:620px;
    color:var(--muted);
    line-height:1.75;
    font-size:18px;
}

.bonuses-hero-alt__media{
    border-radius:24px;
    overflow:hidden;
    border:1px solid rgba(244,229,210,.08);
}

.bonuses-hero-alt__media img{
    width:100%;
    display:block;
    aspect-ratio:16/9;
    object-fit:cover;
    object-position:center top;
}

.bonuses-ribbon__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}

.bonuses-ribbon__item,
.bonuses-row{
    padding:18px 18px 16px;
    border-radius:20px;
    background:
            linear-gradient(180deg, rgba(255,255,255,.025), transparent),
            rgba(255,255,255,.02);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}

.bonuses-ribbon__item span,
.bonuses-row span{
    display:block;
    margin-bottom:8px;
    color:#d9c7b2;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.bonuses-ribbon__item strong,
.bonuses-row strong{
    display:block;
    color:#fff;
    font-size:17px;
    line-height:1.45;
    font-weight:800;
}

.bonuses-blocks .container{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.bonuses-block{
    display:grid;
    grid-template-columns:1.25fr .75fr;
    gap:20px;
    align-items:stretch;
}

.bonuses-block--right{
    grid-template-columns:.75fr 1.25fr;
}

.bonuses-block__text,
.bonuses-block__side{
    padding:26px;
    border-radius:26px;
    background:
            linear-gradient(180deg, rgba(255,255,255,.03), transparent),
            var(--panel);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}

.bonuses-block__text h2{
    margin:0 0 12px;
    font-size:clamp(26px,3vw,40px);
    line-height:1.12;
}

.bonuses-block__text p{
    margin:0;
    color:var(--muted);
    line-height:1.8;
}

.bonuses-stat{
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.bonuses-stat span{
    display:block;
    margin-bottom:10px;
    color:#d9c7b2;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.bonuses-stat strong{
    display:block;
    color:#fff;
    font-size:26px;
    line-height:1.25;
}

.bonuses-rows .container{
    display:flex;
    flex-direction:column;
    gap:14px;
}

@media (max-width:1100px){
    .bonuses-ribbon__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .bonuses-hero-alt__box,
    .bonuses-block,
    .bonuses-block--right{
        grid-template-columns:1fr;
    }
}

@media (max-width:720px){
    .bonuses-ribbon__grid{
        grid-template-columns:1fr;
    }

    .bonuses-hero-alt__box,
    .bonuses-block__text,
    .bonuses-block__side{
        padding:18px 14px;
        border-radius:20px;
    }

    .bonuses-hero-alt__copy{
        text-align:center;
    }

    .bonuses-hero-alt__lead{
        margin-left:auto;
        margin-right:auto;
        font-size:15px;
        line-height:1.6;
    }

    .bonuses-stat strong{
        font-size:20px;
    }
}

.bonuses-hero-alt__box{
    display:grid;
    grid-template-columns:minmax(0,1fr) 640px;
    gap:28px;
    align-items:center;
    padding:28px 30px;
    border-radius:30px;
    background:
            linear-gradient(180deg, rgba(255,255,255,.03), transparent),
            linear-gradient(135deg, rgba(242,215,174,.04), rgba(154,213,188,.03)),
            var(--panel);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}

.bonuses-hero-alt__copy h1{
    margin:0 0 14px;
    font-size:clamp(36px,5vw,72px);
    line-height:1.02;
    letter-spacing:-.045em;
}

.bonuses-hero-alt__lead{
    margin:0;
    max-width:620px;
    color:var(--muted);
    line-height:1.75;
    font-size:18px;
}

.bonuses-hero-alt__media{
    width:100%;
    border-radius:24px;
    overflow:hidden;
    border:1px solid rgba(244,229,210,.08);
    box-shadow:var(--shadow);
    background:#0f0d0b;
}

.bonuses-hero-alt__media img{
    width:100%;
    height:100%;
    min-height:280px;
    display:block;
    object-fit:cover;
    object-position:center center;
}

@media (max-width: 1180px){
    .bonuses-hero-alt__box{
        grid-template-columns:minmax(0,1fr) 380px;
        gap:22px;
    }

    .bonuses-hero-alt__media img{
        min-height:240px;
    }
}

@media (max-width: 920px){
    .bonuses-hero-alt__box{
        grid-template-columns:1fr;
        padding:22px 20px;
    }

    .bonuses-hero-alt__copy{
        text-align:center;
    }

    .bonuses-hero-alt__lead{
        margin-left:auto;
        margin-right:auto;
    }

    .bonuses-hero-alt__media{
        max-width:760px;
        margin:0 auto;
    }

    .bonuses-hero-alt__media img{
        min-height:300px;
    }
}

@media (max-width: 720px){
    .bonuses-hero-alt__box{
        padding:18px 14px;
        border-radius:22px;
        gap:16px;
    }

    .bonuses-hero-alt__copy h1{
        font-size:clamp(30px,9vw,46px);
        margin-bottom:10px;
    }

    .bonuses-hero-alt__lead{
        font-size:15px;
        line-height:1.6;
    }

    .bonuses-hero-alt__media{
        border-radius:18px;
    }

    .bonuses-hero-alt__media img{
        min-height:220px;
    }
}

@media (max-width: 480px){
    .bonuses-hero-alt__media img{
        min-height:180px;
    }
}
@media (min-width: 769px) and (max-width: 959px){
    .header-row{
        display:flex;
        align-items:center;
        justify-content:flex-start;
        gap:12px;
    }

    .brand{
        flex:1 1 auto;
        min-width:0;
    }

    .header-cta{
        display:inline-flex;
        flex:0 0 auto;
        margin-left:auto;
        order:2;
    }

    .burger{
        display:inline-flex;
        flex:0 0 44px;
        margin-left:0;
        order:3;
    }

    .main-nav{
        display:none;
    }

    .main-nav.is-open{
        display:flex !important;
        flex-direction:column;
        position:absolute;
        top:calc(100% + 10px);
        left:0;
        right:0;
        z-index:120;
    }
}

.slots-hero__wrap{
    padding:28px 30px;
    border-radius:30px;
    background:
            linear-gradient(180deg, rgba(255,255,255,.03), transparent),
            linear-gradient(135deg, rgba(154,213,188,.04), rgba(242,215,174,.03)),
            var(--panel);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}

.slots-hero__intro{
    text-align:center;
    margin-bottom:20px;
}

.slots-hero__intro .eyebrow{
    display:inline-flex;
    margin-bottom:14px;
}

.slots-hero__intro h1{
    margin:0 0 12px;
    font-size:clamp(34px,5vw,68px);
    line-height:1.02;
    letter-spacing:-.045em;
}

.slots-hero__lead{
    max-width:760px;
    margin:0 auto;
    color:var(--muted);
    font-size:18px;
    line-height:1.75;
}

.slots-hero__ticker{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
}

.slots-hero__ticker span,
.slot-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 16px;
    border-radius:999px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(244,229,210,.08);
    color:#f3ede4;
    font-size:14px;
    font-weight:700;
    text-align:center;
}

.slots-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}

.slots-editorial__grid{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:20px;
    align-items:start;
}

.slots-editorial__main,
.slots-note{
    padding:24px;
    border-radius:24px;
    background:
            linear-gradient(180deg, rgba(255,255,255,.03), transparent),
            var(--panel);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}

.slots-editorial__main h2{
    margin:0 0 12px;
    font-size:clamp(28px,3.5vw,42px);
    line-height:1.12;
}

.slots-editorial__main p{
    margin:0;
    color:var(--muted);
    line-height:1.82;
}

.slots-editorial__main p + p{
    margin-top:16px;
}

.slots-editorial__side{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.slots-note span{
    display:block;
    margin-bottom:8px;
    color:#d9c7b2;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.slots-note strong{
    display:block;
    color:#fff;
    font-size:20px;
    line-height:1.45;
}

@media (max-width:1100px){
    .slots-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .slots-editorial__grid{
        grid-template-columns:1fr;
    }
}

@media (max-width:720px){
    .slots-hero__wrap,
    .slots-editorial__main,
    .slots-note{
        padding:18px 14px;
        border-radius:20px;
    }

    .slots-hero__intro h1{
        font-size:clamp(28px,9vw,42px);
    }

    .slots-hero__lead{
        font-size:15px;
        line-height:1.6;
    }

    .slots-grid{
        grid-template-columns:1fr;
    }

    .slots-note strong{
        font-size:17px;
    }
}

.slots-hero-clean__box{
    padding:28px 30px;
    border-radius:30px;
    background:
            linear-gradient(180deg, rgba(255,255,255,.03), transparent),
            linear-gradient(135deg, rgba(154,213,188,.04), rgba(242,215,174,.03)),
            var(--panel);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}

.slots-hero-clean__box .eyebrow{
    display:inline-flex;
    margin-bottom:14px;
}

.slots-hero-clean__box h1{
    margin:0 0 12px;
    font-size:clamp(34px,5vw,68px);
    line-height:1.02;
    letter-spacing:-.045em;
}

.slots-hero-clean__lead{
    max-width:760px;
    margin:0 0 20px;
    color:var(--muted);
    font-size:18px;
    line-height:1.75;
}

.slots-hero-clean__media{
    border-radius:24px;
    overflow:hidden;
    border:1px solid rgba(244,229,210,.08);
    box-shadow:var(--shadow);
    background:#0f0d0b;
}

.slots-hero-clean__media img{
    width:100%;
    display:block;
    max-height:420px;
    object-fit:cover;
    object-position:center center;
}

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

.slot-card{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:18px;
    padding:22px;
    border-radius:24px;
    background:
            linear-gradient(180deg, rgba(255,255,255,.03), transparent),
            linear-gradient(135deg, rgba(154,213,188,.03), rgba(242,215,174,.025)),
            var(--panel);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    text-align: center;
}

.slot-card__body h3{
    margin:0 0 10px;
    font-size:23px;
    line-height:1.15;
    color:#fff;
}

.slot-card__body p{
    margin:0;
    color:var(--muted);
    line-height:1.75;
    font-size:15px;
}

.slot-card .btn{
    width:100%;
}

.slots-editorial__grid{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:20px;
    align-items:start;
}

.slots-editorial__main,
.slots-note{
    padding:24px;
    border-radius:24px;
    background:
            linear-gradient(180deg, rgba(255,255,255,.03), transparent),
            var(--panel);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}

.slots-editorial__main h2{
    margin:0 0 12px;
    font-size:clamp(28px,3.5vw,42px);
    line-height:1.12;
}

.slots-editorial__main p{
    margin:0;
    color:var(--muted);
    line-height:1.82;
}

.slots-editorial__main p + p{
    margin-top:16px;
}

.slots-editorial__side{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.slots-note span{
    display:block;
    margin-bottom:8px;
    color:#d9c7b2;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.slots-note strong{
    display:block;
    color:#fff;
    font-size:20px;
    line-height:1.45;
}

@media (max-width:1100px){
    .slot-cards-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .slots-editorial__grid{
        grid-template-columns:1fr;
    }
}

@media (max-width:720px){
    .slots-hero-clean__box,
    .slots-editorial__main,
    .slots-note,
    .slot-card{
        padding:18px 14px;
        border-radius:20px;
    }

    .slots-hero-clean__box h1{
        font-size:clamp(28px,9vw,42px);
    }

    .slots-hero-clean__lead{
        font-size:15px;
        line-height:1.6;
    }

    .slots-hero-clean__media{
        border-radius:18px;
    }

    .slots-hero-clean__media img{
        max-height:240px;
    }

    .slot-cards-grid{
        grid-template-columns:1fr;
    }

    .slot-card__body h3{
        font-size:20px;
    }

    .slot-card__body p{
        font-size:14px;
        line-height:1.65;
    }

    .slots-note strong{
        font-size:17px;
    }
}
.slots-hero-centered{
    text-align:center;
}

.slots-hero-centered__inner{
    padding:34px 32px;
    border-radius:30px;

    background:
            linear-gradient(180deg, rgba(255,255,255,.04), transparent),
            linear-gradient(135deg, rgba(154,213,188,.04), rgba(242,215,174,.03)),
            var(--panel);

    border:1px solid var(--line);
    box-shadow:var(--shadow);

    max-width:900px;
    margin:0 auto;
}

.slots-hero-centered .eyebrow{
    display:inline-flex;
    margin-bottom:14px;
}

.slots-hero-centered h1{
    margin:0 0 14px;
    font-size:clamp(36px,5vw,64px);
    line-height:1.02;
    letter-spacing:-.045em;
}

.slots-hero-centered__lead{
    margin:0 auto;
    max-width:720px;
    color:var(--muted);
    font-size:18px;
    line-height:1.75;
}

@media (max-width:720px){
    .slots-hero-centered__inner{
        padding:22px 16px;
        border-radius:22px;
    }

    .slots-hero-centered h1{
        font-size:clamp(28px,9vw,42px);
    }

    .slots-hero-centered__lead{
        font-size:15px;
        line-height:1.6;
    }
}

.slots-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.slot-card{
    display:flex;
    flex-direction:column;
    border-radius:26px;
    overflow:hidden;

    background:
            linear-gradient(180deg, rgba(255,255,255,.05), transparent),
            var(--panel);

    border:1px solid var(--line);
    box-shadow:var(--shadow);

    transition:.25s ease;
}

.slot-card:hover{
    transform:translateY(-4px);
    box-shadow:0 22px 46px rgba(0,0,0,.45);
}

.slot-card__media{
    aspect-ratio:16/11;
    overflow:hidden;
    background:#0f0d0b;
}

.slot-card__media img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.4s ease;
}

.slot-card:hover .slot-card__media img{
    transform:scale(1.06);
}

.slot-card__body{
    padding:18px 18px 20px;
    display:flex;
    flex-direction:column;
    gap:12px;
}

.slot-card__body h3{
    margin:0;
    font-size:20px;
}

.slot-card__body p{
    margin:0;
    color:var(--muted);
    line-height:1.6;
    font-size:14px;
}

.slot-card__body .btn{
    margin-top:auto;
}
@media (max-width:1024px){
    .slots-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media (max-width:640px){
    .slots-grid{
        grid-template-columns:1fr;
    }

    .slot-card__body{
        padding:16px;
    }
}
.slot-provider{
    display:block;
    font-size:12px;
    color:var(--muted);
    opacity:.7;
}

.slots-grid--compact{
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:16px;
}

.slot-card-mini{
    display:flex;
    flex-direction:column;
    border-radius:16px;
    overflow:hidden;
    background:
            linear-gradient(180deg, rgba(255,255,255,.03), transparent),
            var(--panel);
    border:1px solid var(--line);
    box-shadow:0 10px 26px rgba(0,0,0,.24);
    transition:.2s ease;
}

.slot-card-mini:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 38px rgba(0,0,0,.34);
}

.slot-card-mini__media{
    aspect-ratio:1/1;
    background:#0f0d0b;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px; /* ← даёт воздух как на примере */
}

.slot-card-mini__media img{
    width:100%;
    height:100%;
    object-fit:contain; /* ← ВАЖНО: вместо cover */
    border-radius:12px;
}

.slot-card-mini:hover .slot-card-mini__media img{
    transform:scale(1.04);
}

.slot-card-mini__body{
    padding:12px 12px 14px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:8px;
}

.slot-card-mini__body h3{
    margin:0;
    font-size:16px;
    line-height:1.25;
    color:#fff;
}

.slot-card-mini__body span{
    display:block;
    font-size:11px;
    line-height:1.2;
    color:var(--muted);
    opacity:.9;
}

.slot-card-mini__btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:40px;
    padding:10px 14px;
    margin-top:2px;
    border-radius:999px;
    text-decoration:none !important;
    font-weight:800;
    font-size:14px;
    color:#120e09;
    background:linear-gradient(180deg,var(--gold-1) 0%, var(--gold-2) 56%, var(--gold-3) 100%);
    box-shadow:inset 0 2px 0 rgba(255,255,255,.34), 0 10px 20px rgba(183,123,62,.18);
}

.slot-card-mini__btn:hover{
    filter:brightness(1.03);
}

@media (max-width: 1280px){
    .slots-grid--compact{
        grid-template-columns:repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1024px){
    .slots-grid--compact{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px){
    .slots-grid--compact{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:12px;
    }

    .slot-card-mini{
        border-radius:14px;
    }

    .slot-card-mini__body{
        padding:10px 10px 12px;
        gap:6px;
    }

    .slot-card-mini__body h3{
        font-size:14px;
    }

    .slot-card-mini__body span{
        font-size:10px;
    }

    .slot-card-mini__btn{
        min-height:36px;
        font-size:13px;
        padding:8px 10px;
    }
}

@media (max-width: 480px){
    .slots-grid--compact{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:10px;
    }

    .slot-card-mini__body h3{
        font-size:13px;
    }

    .slot-card-mini__btn{
        min-height:34px;
        font-size:12px;
    }
}

.about-hero-photo__wrap{
    display:grid;
    grid-template-columns:1.08fr .92fr;
    gap:22px;
    align-items:stretch;
}

.about-hero-photo__copy,
.about-hero-photo__media,
.about-steps__box,
.about-fact-box{
    background:
            linear-gradient(180deg, rgba(255,255,255,.03), transparent),
            linear-gradient(135deg, rgba(242,215,174,.03), rgba(154,213,188,.02)),
            var(--panel);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}

.about-hero-photo__copy{
    padding:32px;
    border-radius:30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.about-hero-photo__copy h1{
    margin:0 0 14px;
    font-size:clamp(34px,5vw,64px);
    line-height:1.02;
    letter-spacing:-.045em;
    color:#fbf6ef;
    max-width:760px;
}

.about-hero-photo__lead{
    margin:0;
    max-width:680px;
    color:var(--muted);
    line-height:1.82;
    font-size:18px;
}

.about-hero-photo__stats{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:22px;
}

.about-stat-line{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:14px 16px;
    border-radius:16px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(244,229,210,.08);
}

.about-stat-line span{
    color:#d9c7b2;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.about-stat-line strong{
    color:#fff;
    font-size:16px;
    line-height:1.4;
    text-align:right;
}

.about-hero-photo__media{
    border-radius:30px;
    overflow:hidden;
    min-height:100%;
}

.about-hero-photo__media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center top;
}

.about-split-cards__grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.about-steps__box{
    padding:28px;
    border-radius:30px;
}

.about-step-row{
    display:grid;
    grid-template-columns:60px 1fr;
    gap:16px;
    align-items:start;
}

.about-step-row + .about-step-row{
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid rgba(244,229,210,.08);
}

.about-step-row span{
    width:52px;
    height:52px;
    border-radius:999px;
    display:grid;
    place-items:center;
    color:var(--gold-2);
    font-weight:900;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(244,229,210,.08);
}

.about-step-row h3{
    margin:0 0 8px;
    color:#fff;
    font-size:24px;
    line-height:1.16;
}

.about-step-row p{
    margin:0;
    color:var(--muted);
    line-height:1.8;
}

.about-facts-band__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}

.about-fact-box{
    padding:22px;
    border-radius:22px;
}

.about-fact-box span{
    display:block;
    margin-bottom:8px;
    color:#d9c7b2;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.about-fact-box strong{
    display:block;
    color:#fff;
    font-size:17px;
    line-height:1.6;
}

@media (max-width:1100px){
    .about-hero-photo__wrap,
    .about-split-cards__grid,
    .about-facts-band__grid{
        grid-template-columns:1fr 1fr;
    }

    .about-hero-photo__copy{
        grid-column:1 / -1;
    }
}

@media (max-width:720px){
    .about-hero-photo__wrap,
    .about-split-cards__grid,
    .about-facts-band__grid{
        grid-template-columns:1fr;
    }

    .about-hero-photo__copy,
    .about-hero-photo__media,
    .about-steps__box,
    .about-fact-box{
        border-radius:22px;
    }

    .about-hero-photo__copy{
        padding:20px 16px;
    }

    .about-hero-photo__copy h1{
        font-size:clamp(28px,9vw,42px);
    }

    .about-hero-photo__lead{
        font-size:15px;
        line-height:1.68;
    }

    .about-step-row{
        grid-template-columns:46px 1fr;
        gap:12px;
    }

    .about-step-row span{
        width:42px;
        height:42px;
        font-size:14px;
    }

    .about-step-row h3{
        font-size:20px;
    }

    .about-steps__box,
    .about-fact-box{
        padding:16px;
    }

    .about-stat-line{
        flex-direction:column;
        align-items:flex-start;
    }

    .about-stat-line strong{
        text-align:left;
    }
}
.about-hero-photo__media{
    max-width:600px;
    width:100%;
    border-radius:28px;
    overflow:hidden;
}

.about-hero-photo__media img{
    width:100%;
    height:auto; /* ВАЖНО — не растягиваем */
    aspect-ratio:16/9;
    object-fit:cover;
    display:block;
}
.about-hero-photo__wrap{
    display:grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap:40px;
    align-items:center;
}

.about-hero-photo__wrap{
    display:grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
    gap:22px !important;
    align-items:start !important;
}

.about-hero-photo__copy{
    min-width:0;
}

.about-hero-photo__media{
    display:block !important;
    width:100% !important;
    max-width:560px !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    align-self:start !important;
    justify-self:stretch !important;
    overflow:hidden !important;
    border-radius:30px !important;
    background:transparent !important;
    border:1px solid var(--line) !important;
    box-shadow:var(--shadow) !important;
}

.about-hero-photo__media img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
    border-radius:0 !important;
}

@media (max-width: 1100px){
    .about-hero-photo__wrap{
        grid-template-columns:1fr !important;
        gap:18px !important;
    }

    .about-hero-photo__media{
        max-width:760px !important;
        margin:0 auto !important;
    }
}

@media (max-width: 720px){
    .about-hero-photo__copy{
        padding:20px 16px !important;
        border-radius:22px !important;
    }

    .about-hero-photo__media{
        max-width:100% !important;
        border-radius:22px !important;
    }

    .about-hero-photo__media img{
        width:100% !important;
        height:auto !important;
    }
}
.about-hero-photo__wrap{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:22px !important;
    align-items:stretch !important;
}

.about-hero-photo__copy,
.about-hero-photo__side{
    background:
            linear-gradient(180deg, rgba(255,255,255,.03), transparent),
            linear-gradient(135deg, rgba(242,215,174,.03), rgba(154,213,188,.02)),
            var(--panel);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    border-radius:30px;
}

.about-hero-photo__copy{
    padding:32px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.about-hero-photo__side{
    padding:20px;
    display:flex;
    flex-direction:column;
    gap:18px;
}

.about-hero-photo__media{
    width:100%;
    border-radius:24px;
    overflow:hidden;
    background:#0f0d0b;
}

.about-hero-photo__media img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:16/9;
    object-fit:cover;
    object-position:center center;
}

.about-hero-photo__mini{
    display:grid;
    gap:12px;
}

.about-mini-line{
    padding:14px 16px;
    border-radius:16px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(244,229,210,.08);
}

.about-mini-line span{
    display:block;
    margin-bottom:6px;
    color:#d9c7b2;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.about-mini-line strong{
    display:block;
    color:#fff;
    font-size:16px;
    line-height:1.5;
}

.about-hero-photo__copy h1{
    margin:0 0 14px;
    font-size:clamp(34px,5vw,64px);
    line-height:1.02;
    letter-spacing:-.045em;
    color:#fbf6ef;
}

.about-hero-photo__lead{
    margin:0;
    max-width:680px;
    color:var(--muted);
    line-height:1.82;
    font-size:18px;
}

.about-hero-photo__stats{
    display:grid;
    gap:10px;
    margin-top:22px;
}

.about-stat-line{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:14px 16px;
    border-radius:16px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(244,229,210,.08);
}

.about-stat-line span{
    color:#d9c7b2;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.about-stat-line strong{
    color:#fff;
    font-size:16px;
    line-height:1.4;
    text-align:right;
}

@media (max-width:1100px){
    .about-hero-photo__wrap{
        grid-template-columns:1fr !important;
    }
}

@media (max-width:720px){
    .about-hero-photo__copy,
    .about-hero-photo__side{
        border-radius:22px;
    }

    .about-hero-photo__copy{
        padding:20px 16px;
    }

    .about-hero-photo__side{
        padding:14px;
        gap:14px;
    }

    .about-hero-photo__copy h1{
        font-size:clamp(28px,9vw,42px);
    }

    .about-hero-photo__lead{
        font-size:15px;
        line-height:1.7;
    }

    .about-hero-photo__media{
        border-radius:18px;
    }

    .about-stat-line{
        flex-direction:column;
        align-items:flex-start;
    }

    .about-stat-line strong{
        text-align:left;
    }
}

.news-source-card h3 a{
    color:#fff;
    text-decoration:none;
    transition:color .2s ease, opacity .2s ease;
}

.news-source-card h3 a:hover{
    color:var(--gold);
}

.contact-hero{
    padding-top:24px;
}

.contact-hero__grid{
    display:grid;
    grid-template-columns:1.02fr .98fr;
    gap:22px;
    align-items:stretch;
}

.contact-hero__copy,
.contact-hero__panel,
.contact-method,
.contact-form-card,
.contact-side-card,
.contact-info-card{
    background:
            linear-gradient(180deg, rgba(255,255,255,.03), transparent),
            linear-gradient(135deg, rgba(242,215,174,.03), rgba(154,213,188,.02)),
            var(--panel);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}

.contact-hero__copy,
.contact-hero__panel,
.contact-form-card,
.contact-side-card,
.contact-info-card{
    border-radius:30px;
}

.contact-hero__copy{
    padding:32px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.contact-hero__copy h1{
    margin:0 0 14px;
    font-size:clamp(34px,5vw,62px);
    line-height:1.02;
    letter-spacing:-.045em;
    color:#fbf6ef;
}

.contact-hero__lead{
    margin:0;
    max-width:680px;
    color:var(--muted);
    line-height:1.82;
    font-size:18px;
}

.contact-hero__meta{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-top:22px;
}

.contact-meta{
    padding:14px 16px;
    border-radius:16px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(244,229,210,.08);
}

.contact-meta span{
    display:block;
    margin-bottom:6px;
    color:#d9c7b2;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.contact-meta strong{
    display:block;
    color:#fff;
    font-size:15px;
    line-height:1.45;
}

.contact-hero__panel{
    padding:20px;
    display:grid;
    gap:16px;
}

.contact-method{
    padding:18px;
    border-radius:20px;
}

.contact-method span{
    display:block;
    margin-bottom:8px;
    color:#d9c7b2;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.contact-method h3{
    margin:0 0 8px;
    color:#fff;
    font-size:22px;
    line-height:1.15;
}

.contact-method p{
    margin:0;
    color:var(--muted);
    line-height:1.75;
}

.contact-form-layout{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    gap:22px;
    align-items:start;
}

.contact-form-card{
    padding:28px;
}

.contact-form-card h2,
.contact-side-card h2{
    margin:0 0 10px;
    color:#fff;
    font-size:34px;
    line-height:1.08;
}

.contact-form-card > p,
.contact-side-card > p{
    margin:0;
    color:var(--muted);
    line-height:1.8;
}

.contact-form{
    margin-top:22px;
}

.contact-form__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.contact-field{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.contact-field--full{
    grid-column:1 / -1;
}

.contact-field label{
    color:#f5e5d2;
    font-size:13px;
    font-weight:700;
    letter-spacing:.02em;
}

.contact-field input,
.contact-field select,
.contact-field textarea{
    width:100%;
    border:none;
    outline:none;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(244,229,210,.08);
    border-radius:16px;
    color:#fff;
    font:inherit;
    padding:15px 16px;
    transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.contact-field input::placeholder,
.contact-field textarea::placeholder{
    color:#9eabb6;
}

.contact-field input:focus,
.contact-field select:focus,
.contact-field textarea:focus{
    border-color:rgba(255,204,77,.4);
    box-shadow:0 0 0 4px rgba(255,204,77,.08);
    background:rgba(255,255,255,.055);
}

.contact-field textarea{
    min-height:170px;
    resize:vertical;
}

.contact-error{
    display:none;
    color:#ff8f8f;
    font-size:13px;
    line-height:1.5;
    margin-top:2px;
}

.contact-field.is-invalid input,
.contact-field.is-invalid select,
.contact-field.is-invalid textarea{
    border-color:rgba(255,122,122,.55);
    box-shadow:0 0 0 4px rgba(255,122,122,.08);
}

.contact-field.is-invalid .contact-error{
    display:block;
}

.contact-form__footer{
    margin-top:18px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:14px;
}

.contact-submit{
    min-width:180px;
}

.contact-status{
    min-height:24px;
    color:var(--muted);
    font-size:14px;
    line-height:1.6;
}

.contact-status.is-success{
    color:#8ce4a6;
}

.contact-status.is-error{
    color:#ff9d9d;
}

.contact-side-card{
    padding:24px;
    display:grid;
    gap:16px;
}

.contact-link-list{
    display:grid;
    gap:10px;
}

.contact-link{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:14px 16px;
    border-radius:16px;
    text-decoration:none;
    color:#fff;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(244,229,210,.08);
    transition:transform .2s ease, border-color .2s ease, color .2s ease;
}

.contact-link:hover{
    transform:translateY(-2px);
    border-color:rgba(255,204,77,.3);
    color:var(--gold);
}

.contact-link span{
    color:#d9c7b2;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.contact-link strong{
    color:inherit;
    font-size:15px;
    line-height:1.4;
    text-align:right;
}

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

.contact-info-card{
    padding:22px;
}

.contact-info-card span{
    display:block;
    margin-bottom:8px;
    color:#d9c7b2;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.contact-info-card h3{
    margin:0 0 8px;
    color:#fff;
    font-size:24px;
    line-height:1.12;
}

.contact-info-card p{
    margin:0;
    color:var(--muted);
    line-height:1.75;
}

@media (max-width:1100px){
    .contact-hero__grid,
    .contact-form-layout,
    .contact-info-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width:720px){
    .contact-hero__copy,
    .contact-hero__panel,
    .contact-form-card,
    .contact-side-card,
    .contact-info-card{
        border-radius:22px;
    }

    .contact-hero__copy,
    .contact-form-card,
    .contact-side-card,
    .contact-info-card{
        padding:20px 16px;
    }

    .contact-hero__copy h1{
        font-size:clamp(28px,9vw,42px);
    }

    .contact-hero__lead{
        font-size:15px;
        line-height:1.7;
    }

    .contact-hero__meta,
    .contact-form__grid{
        grid-template-columns:1fr;
    }

    .contact-field--full{
        grid-column:auto;
    }

    .contact-form__footer{
        align-items:flex-start;
        flex-direction:column;
    }

    .contact-link{
        flex-direction:column;
        align-items:flex-start;
    }

    .contact-link strong{
        text-align:left;
    }
}
.legal-hero{
    padding-top:24px;
}

.legal-hero__box{
    padding:34px 32px;
    border-radius:30px;
    background:
            linear-gradient(180deg, rgba(255,255,255,.03), transparent),
            linear-gradient(135deg, rgba(242,215,174,.03), rgba(154,213,188,.02)),
            var(--panel);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}

.legal-hero__box h1{
    margin:0 0 12px;
    font-size:clamp(34px,5vw,62px);
    line-height:1.02;
    letter-spacing:-.045em;
    color:#fbf6ef;
}

.legal-hero__lead{
    margin:0;
    max-width:820px;
    color:var(--muted);
    line-height:1.82;
    font-size:18px;
}

.legal-layout{
    display:grid;
    grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
    gap:22px;
    align-items:start;
}

.legal-nav,
.legal-article{
    border-radius:28px;
    background:
            linear-gradient(180deg, rgba(255,255,255,.03), transparent),
            linear-gradient(135deg, rgba(242,215,174,.03), rgba(154,213,188,.02)),
            var(--panel);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}

.legal-nav{
    padding:22px;
    position:sticky;
    top:108px;
}

.legal-nav h2{
    margin:0 0 14px;
    color:#fff;
    font-size:26px;
    line-height:1.12;
}

.legal-nav__list{
    display:grid;
    gap:10px;
}

.legal-nav__list a{
    display:block;
    padding:12px 14px;
    border-radius:14px;
    text-decoration:none;
    color:#fff;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(244,229,210,.08);
    transition:transform .2s ease, border-color .2s ease, color .2s ease;
}

.legal-nav__list a:hover{
    transform:translateY(-2px);
    border-color:rgba(255,204,77,.3);
    color:var(--gold);
}

.legal-article{
    padding:30px;
}

.legal-article section + section{
    margin-top:28px;
    padding-top:28px;
    border-top:1px solid rgba(255,255,255,.08);
}

.legal-article h2{
    margin:0 0 10px;
    color:#fff;
    font-size:32px;
    line-height:1.08;
}

.legal-article p{
    margin:0 0 14px;
    color:var(--muted);
    line-height:1.85;
}

.legal-article p:last-child{
    margin-bottom:0;
}

.legal-article ul{
    margin:0;
    padding-left:18px;
    color:var(--muted);
    line-height:1.85;
}

.legal-article li + li{
    margin-top:6px;
}

.legal-note{
    margin-top:18px;
    padding:18px;
    border-radius:18px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(244,229,210,.08);
}

.legal-note strong{
    color:#fff;
}

@media (max-width:980px){
    .legal-layout{
        grid-template-columns:1fr;
    }

    .legal-nav{
        position:static;
    }
}

@media (max-width:720px){
    .legal-hero__box,
    .legal-nav,
    .legal-article{
        border-radius:22px;
    }

    .legal-hero__box,
    .legal-nav,
    .legal-article{
        padding:20px 16px;
    }

    .legal-hero__box h1{
        font-size:clamp(28px,9vw,42px);
    }

    .legal-hero__lead{
        font-size:15px;
        line-height:1.7;
    }

    .legal-article h2{
        font-size:26px;
    }
}

.breadcrumbs{
    margin-bottom:18px;
}

.breadcrumbs ol{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    margin:0;
    padding:0;
    list-style:none;
}

.breadcrumbs li{
    display:flex;
    align-items:center;
    gap:8px;
    color:var(--muted);
    font-size:14px;
    line-height:1.5;
}

.breadcrumbs li:not(:last-child)::after{
    content:"/";
    color:rgba(255,255,255,.28);
}

.breadcrumbs a{
    color:#d8e0e7;
    text-decoration:none;
    transition:color .2s ease, opacity .2s ease;
}

.breadcrumbs a:hover{
    color:var(--gold);
}

.breadcrumbs li[aria-current="page"]{
    color:#fff;
}

@media (max-width:720px){
    .breadcrumbs{
        margin-bottom:14px;
    }

    .breadcrumbs li{
        font-size:13px;
    }
}