:root {
        --accent-gold:#f0c87c;
        --accent-orange:#ff8954;
        --accent-purple:#8f6bff;
        --accent-green:#78d6a3;
        --text-muted:rgba(247,244,237,0.74);
}

body {
        background:
                radial-gradient(circle at top left, rgba(255,125,65,0.12), transparent 26%),
                radial-gradient(circle at top right, rgba(111,70,255,0.10), transparent 24%),
                #08090d;
}

.page-bg {
        background:
                radial-gradient(circle at 14% 16%, rgba(255,116,72,0.18), transparent 24%),
                radial-gradient(circle at 82% 28%, rgba(143,107,255,0.18), transparent 28%),
                linear-gradient(180deg, rgba(8,9,13,0.85), rgba(8,9,13,0.94));
}

.page-bg.bg-ready {
        background:
                radial-gradient(circle at 14% 16%, rgba(255,116,72,0.18), transparent 24%),
                radial-gradient(circle at 82% 28%, rgba(143,107,255,0.18), transparent 28%),
                linear-gradient(180deg, rgba(8,9,13,0.82), rgba(8,9,13,0.94)),
                url("assets/background.webp") center/cover no-repeat;
}

.nav-wrap,
.nav,
.mobile-menu {
        overflow:visible;
}

.mobile-menu {
        z-index:3050;
}

.mobile-overlay {
        z-index:3040;
}

.brand img {
        box-shadow:0 0 24px rgba(255,137,84,0.12);
}

.brand small,
.eyebrow,
.mini-title,
.phase,
.metric-kicker {
        color:var(--accent-gold) !important;
        letter-spacing:0.18em;
}

.hero h1,
.section-head h2,
.card h3,
.footer-col strong {
        letter-spacing:-0.02em;
}

.lead,
.section-head p,
.card p,
.footer-brand p,
.metric-copy {
        color:var(--text-muted);
}

.cta.primary {
        color:#17110a !important;
        border-color:rgba(240,200,124,0.34) !important;
        background:linear-gradient(100deg, #e4b968, #ff8954) !important;
        box-shadow:0 12px 30px rgba(255,121,69,0.18);
}

.cta.ghost {
        border:1px solid rgba(255,255,255,0.14) !important;
        background:rgba(255,255,255,0.04) !important;
        color:#fff !important;
}

.cta.ghost:hover,
.cta.primary:hover {
        transform:translateY(-1px);
        filter:brightness(1.04);
}

.menu a:hover,
.menu a:focus-visible,
.mobile-menu a:hover,
.mobile-menu a:focus-visible,
.footer-col a:hover {
        color:#fff;
}

.hero-note {
        color:rgba(240,200,124,0.86) !important;
}

.hero-visual-wrap {
        position:relative;
}

.hero-visual-wrap > a {
        display:block;
}

.hero-visual-wrap img {
        width:50%;
        border-radius:28px;
        border:1px solid rgba(255,255,255,0.08);
        box-shadow:0 24px 64px rgba(0,0,0,0.28);
}

.hero-visual-card {
        position:absolute;
        right:18px;
        bottom:18px;
        max-width:240px;
        padding:18px 20px;
        border:1px solid rgba(240,200,124,0.16);
        border-radius:22px;
        background:rgba(10,10,16,0.78);
        backdrop-filter:blur(12px);
        -webkit-backdrop-filter:blur(12px);
        box-shadow:0 18px 42px rgba(0,0,0,0.28);
}

.metric-value {
        margin-top:8px;
        color:#fff;
        font-size:42px;
        line-height:1;
        font-weight:700;
}

.metric-copy {
        margin-top:10px;
        line-height:1.8;
        font-size:13px;
}

.block,
.card {
     /*   background:linear-gradient(145deg, rgba(22,24,31,0.94), rgba(14,15,20,0.98));*/
        border-color:rgba(255,255,255,0.08) !important;
     /*   box-shadow:0 25px 80px rgba(0,0,0,0.24), inset 0 1px rgba(255,255,255,0.03);*/
}

.card {
        position:relative;
        overflow:hidden;
        transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.card::before {
        content:"";
        position:absolute;
        inset:auto -34px -66px auto;
        width:168px;
        height:168px;
        border-radius:50%;
        background:rgba(240,200,124,0.08);
        filter:blur(26px);
        pointer-events:none;
}

.card:hover {
        transform:translateY(-3px);
        border-color:rgba(240,200,124,0.16) !important;
        box-shadow:0 18px 42px rgba(0,0,0,0.26);
}

.flow-step {
        border-color:rgba(255,255,255,0.08) !important;
        background:linear-gradient(90deg, rgba(12,13,18,0.94), rgba(10,14,20,0.88)) !important;
}

.flow-num {
        background:rgba(240,200,124,0.12) !important;
        color:var(--accent-gold) !important;
        box-shadow:inset 0 0 0 1px rgba(240,200,124,0.12);
}

.pie {
        background:conic-gradient(
                #f0c87c 0deg 115deg,
                #ff8954 115deg 201deg,
                #8f6bff 201deg 266deg,
                #78d6a3 266deg 324deg,
                rgba(255,255,255,0.28) 324deg 360deg
        ) !important;
        box-shadow:0 0 0 12px rgba(7,8,14,0.72), 0 0 50px rgba(255,137,84,0.12);
}

.legend .dot {
        box-shadow:0 0 12px rgba(255,255,255,0.12);
}

.trust-tags .tag {
        border:1px solid rgba(240,200,124,0.18);
        background:rgba(255,255,255,0.04);
        color:rgba(247,244,237,0.86);
}

.footer-col a,
.footer-col span,
.copyright {
        color:rgba(247,244,237,0.56);
}

.nav-actions {
        display:flex;
        align-items:center;
        gap:12px;
}

.lang-dropdown {
        position:relative;
}

.lang-dropdown-trigger,
.top-nav-language-trigger {
        display:inline-flex;
        align-items:center;
        justify-content:space-between;
        gap:10px;
        min-width:148px;
        min-height:42px;
        padding:0 14px;
        border-radius:14px;
        border:1px solid rgba(255,255,255,0.10);
        background:rgba(17,18,23,0.92);
        color:#f7f4ed;
        font:600 13px/1 inherit;
        cursor:pointer;
        backdrop-filter:blur(10px);
        -webkit-backdrop-filter:blur(10px);
}

.language.lang-dropdown-trigger {
        min-height:42px;
}

.top-nav-language-trigger {
        width:100%;
        min-height:46px;
        margin-top:12px;
}

.lang-dropdown-trigger:hover,
.lang-dropdown-trigger:focus-visible,
.top-nav-language-trigger:hover,
.top-nav-language-trigger:focus-visible {
        outline:none;
        border-color:rgba(240,200,124,0.24);
}

.lang-caret {
        color:rgba(247,244,237,0.58);
        font-size:12px;
}

.lang-menu {
        position:absolute;
        top:calc(100% + 8px);
        right:0;
        min-width:180px;
        padding:6px;
        border:1px solid rgba(255,255,255,0.10);
        border-radius:16px;
        background:rgba(12,12,18,0.96);
        box-shadow:0 18px 40px rgba(0,0,0,0.28);
        z-index:3200;
}

.mobile-lang-dropdown .lang-menu {
        left:0;
        right:auto;
        width:100%;
        min-width:0;
}

.hidden {
        display:none !important;
}

.lang-menu-item {
        width:100%;
        border:0;
        background:transparent;
        color:#d8dae0;
        text-align:left;
        padding:11px 12px;
        border-radius:12px;
        font:600 13px/1.2 inherit;
        cursor:pointer;
        transition:background .2s ease, color .2s ease;
}

.lang-menu-item:hover,
.lang-menu-item:focus-visible {
        background:rgba(255,255,255,0.06);
        color:#fff;
        outline:none;
}

.lang-menu-item.is-selected {
        color:#17110a;
        background:linear-gradient(100deg, #e4b968, #ff8954);
        box-shadow:0 8px 22px rgba(255,121,69,0.18);
}

body.is-rtl {
        direction:rtl;
}

body.is-rtl .lang-menu {
        right:auto;
        left:0;
}

@media (max-width:1100px) {
        .hero-visual-card {
                position:static;
                max-width:none;
                margin-top:14px;
        }
}

@media (max-width:760px) {
        .nav-actions {
                gap:8px;
        }

        .desktop-lang-dropdown {
                display:none;
        }

        .top-nav-language-trigger {
                font-size:14px;
        }

        .hero-visual-wrap img {
                border-radius:22px;
        }

        .hero-visual-card {
                padding:16px 18px;
                border-radius:18px;
        }

        .metric-value {
                font-size:34px;
        }
}