/* ============================
   AITECH SLIDESHOW
   Manfred Muuga
   Black, Gold, Cyan, Montserrat
   ============================ */

:root {
    --gold: #f0c040;
    --gold-bright: #ffd700;
    --gold-dim: #c9a227;
    --gold-glow: rgba(240, 192, 64, 0.25);
    --cyan: #00c8ff;
    --cyan-bright: #4dd9ff;
    --cyan-glow: rgba(0, 200, 255, 0.28);
    --black: #0a0a0e;
    --dark: #111118;
    --dark-card: #16161e;
    --dark-elevated: #1c1c26;
    --dark-border: #25252f;
    --white: #f5f5f0;
    --gray: #9a9aab;
    --gray-light: #c5c5d0;
    --red-soft: #ff6b6b;
    --green-soft: #51cf66;
    --font: 'Montserrat', sans-serif;
    --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
    height: 100%;
    background: var(--black);
    color: var(--white);
    font-family: var(--font);
    font-weight: 400;
    line-height: 1.5;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
}

a { color: var(--gold); text-decoration: none; transition: 0.25s var(--ease); }
a:hover { color: var(--gold-bright); }
strong { color: var(--white); font-weight: 700; }

/* === Background ambient === */
.bg-glow {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(ellipse at 80% 20%, rgba(240, 192, 64, 0.08), transparent 60%),
        radial-gradient(ellipse at 20% 80%, rgba(0, 200, 255, 0.05), transparent 60%);
}

.bg-grain {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.4;
    background-image: radial-gradient(circle at 50% 50%, transparent 0, rgba(255, 255, 255, 0.012) 1px, transparent 2px);
    background-size: 3px 3px;
}

/* === Stage and slides === */
.stage {
    position: relative;
    width: 100vw;
    height: 100vh;
    z-index: 1;
}

.slide {
    position: absolute;
    inset: 0;
    padding: 5vh 6vw 9vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transform: translateX(40px) scale(0.985);
    transition: opacity 0.5s var(--ease), transform 0.5s var(--ease), visibility 0s linear 0.5s;
}

.slide.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0) scale(1);
    transition: opacity 0.55s var(--ease), transform 0.55s var(--ease), visibility 0s linear 0s;
}

.slide.exit-left {
    opacity: 0;
    transform: translateX(-40px) scale(0.985);
    transition: opacity 0.45s var(--ease), transform 0.45s var(--ease), visibility 0s linear 0.45s;
}

/* Readability: soft shadow on white text across all slides for phone viewing */
.slide h1,
.slide h2,
.slide h3,
.slide h4,
.slide .lead,
.slide .story-text,
.slide .subtitle,
.slide p,
.slide li,
.slide td {
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.55);
}

.fsc-mock *,
.fsc-mock-row *,
.eco-visa-card *,
.fsc-proof-link,
.litsents-shot-link,
.kalkulaator-shot-link,
.myfxbook-shot-link,
.kampaania-badge { text-shadow: none; }

/* === Slide chrome === */
.eyebrow {
    font-size: 0.74rem;
    letter-spacing: 6px;
    font-weight: 500;
    color: var(--white);
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 14px;
    opacity: 0.85;
}

.slide h1 {
    font-size: clamp(2.4rem, 5.6vw, 5rem);
    font-weight: 800;
    text-align: center;
    line-height: 1.05;
    letter-spacing: -1px;
    margin-bottom: 6px;
}

.slide h2 {
    font-size: clamp(1.8rem, 4vw, 3.4rem);
    font-weight: 800;
    text-align: center;
    line-height: 1.1;
    margin-bottom: 12px;
}

.subtitle {
    font-size: clamp(0.95rem, 1.7vw, 1.4rem);
    font-weight: 700;
    color: var(--gold);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.slide.amplify-slide .subtitle {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.title-underline {
    display: block;
    width: 60%;
    max-width: 480px;
    height: 4px;
    background: var(--gold);
    margin: 2px auto 8px;
    border-radius: 2px;
}

/* === Disclaimer === */
.disclaimer {
    display: none;
}

.brand-mark {
    display: none;
}

/* === Generic slide content === */
.slide-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.lead {
    font-size: clamp(1.1rem, 1.9vw, 1.6rem);
    font-weight: 600;
    text-align: center;
    line-height: 1.45;
    max-width: 950px;
}

.lead-yellow {
    color: var(--gold);
    font-weight: 700;
}

.lead-cyan {
    color: var(--cyan);
    font-weight: 700;
}

.bullets {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 12px;
    font-size: clamp(1.05rem, 1.7vw, 1.4rem);
    font-weight: 600;
    align-self: flex-start;
    margin-left: clamp(0px, 5vw, 80px);
}

.bullets li {
    list-style: none;
    padding-left: 28px;
    position: relative;
}

.bullets li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6em;
    width: 9px;
    height: 9px;
    background: var(--gold);
    border-radius: 50%;
    box-shadow: 0 0 12px var(--gold-glow);
}

.bullets-center {
    align-self: center;
    margin-left: 0;
    text-align: left;
}

/* === Navigation chrome === */
.nav-controls {
    position: static;
    pointer-events: none;
}

.help-btn {
    display: none !important;
}

.slide-counter {
    position: fixed;
    right: 14px;
    bottom: 12px;
    z-index: 40;
    pointer-events: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    color: rgba(255, 255, 255, 0.55);
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(10, 12, 18, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.fs-btn {
    position: fixed;
    top: 18px;
    right: 18px;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(28, 28, 38, 0.55);
    border: 1px solid var(--dark-border);
    color: var(--gray-light);
    cursor: pointer;
    z-index: 50;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: 0.2s var(--ease);
    opacity: 0.5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.fs-btn:hover {
    opacity: 1;
    color: var(--gold);
    border-color: var(--gold-dim);
    background: rgba(28, 28, 38, 0.85);
}

.fs-icon-exit { display: none; }
:fullscreen .fs-icon-enter,
:-webkit-full-screen .fs-icon-enter { display: none; }
:fullscreen .fs-icon-exit,
:-webkit-full-screen .fs-icon-exit { display: block; }

.nav-btn {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgba(28, 28, 38, 0.55);
    border: 1px solid var(--dark-border);
    color: var(--white);
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: 0.25s var(--ease);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 50;
    pointer-events: auto;
    opacity: 0.35;
}

#prevBtn { left: 12px; }
#nextBtn { right: 12px; }

.nav-btn:hover {
    background: var(--gold);
    color: var(--black);
    border-color: var(--gold);
    opacity: 1;
}

.nav-btn:disabled {
    opacity: 0.12;
    pointer-events: none;
}

.progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--gold), var(--gold-bright));
    box-shadow: 0 0 10px var(--gold-glow);
    z-index: 60;
    transition: width 0.4s var(--ease);
}

.brand-mark {
    position: fixed;
    top: 22px;
    left: 28px;
    font-size: 0.7rem;
    letter-spacing: 4px;
    color: var(--gray);
    text-transform: uppercase;
    z-index: 40;
    opacity: 0.8;
}

.help-btn {
    position: fixed;
    top: 22px;
    right: 28px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(28, 28, 38, 0.7);
    border: 1px solid var(--dark-border);
    color: var(--gray-light);
    font-size: 0.9rem;
    cursor: pointer;
    z-index: 40;
    backdrop-filter: blur(6px);
    transition: 0.2s var(--ease);
}

.help-btn:hover { color: var(--gold); border-color: var(--gold-dim); }

.aitech-cta {
    position: fixed;
    bottom: 22px;
    right: 28px;
    z-index: 40;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, #ffd400, #ffe55a);
    color: #0a0a0e;
    font-family: 'Montserrat', system-ui, sans-serif;
    font-weight: 800;
    font-size: 0.92rem;
    letter-spacing: 0.3px;
    padding: 12px 22px;
    border-radius: 999px;
    text-decoration: none;
    box-shadow: 0 10px 28px rgba(255, 212, 0, 0.32), 0 0 0 1px rgba(255, 212, 0, 0.55);
    transition: 0.2s var(--ease);
}
.aitech-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(255, 212, 0, 0.45), 0 0 0 1px rgba(255, 212, 0, 0.7);
}
@media (max-width: 720px) {
    .aitech-cta {
        bottom: 14px;
        right: 14px;
        font-size: 0.78rem;
        padding: 9px 16px;
    }
}

/* === Help overlay === */
.help-overlay {
    position: fixed;
    inset: 0;
    background: rgba(10, 10, 14, 0.92);
    backdrop-filter: blur(12px);
    z-index: 100;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 40px;
}

.help-overlay.open { display: flex; }

.help-card {
    max-width: 460px;
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    border-radius: 18px;
    padding: 32px 36px;
    text-align: center;
}

.help-card h3 {
    color: var(--gold);
    font-size: 1.4rem;
    margin-bottom: 18px;
    letter-spacing: 1px;
}

.help-card .keys {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px 18px;
    text-align: left;
    font-size: 0.95rem;
    margin-bottom: 18px;
}

.help-card kbd {
    background: var(--dark-elevated);
    border: 1px solid var(--dark-border);
    padding: 4px 10px;
    border-radius: 6px;
    font-family: var(--font);
    font-size: 0.85rem;
    color: var(--gold);
    text-align: center;
}

.help-close {
    background: var(--gold);
    color: var(--black);
    border: none;
    padding: 10px 24px;
    border-radius: 10px;
    font-weight: 700;
    cursor: pointer;
    font-family: var(--font);
}

/* === Welcome / countdown slide === */
.welcome {
    text-align: center;
}

.welcome .ring {
    width: clamp(220px, 28vw, 360px);
    height: clamp(220px, 28vw, 360px);
    margin: 28px auto 0;
    border-radius: 50%;
    border: 4px solid var(--cyan);
    box-shadow:
        0 0 40px var(--cyan-glow),
        inset 0 0 40px var(--cyan-glow);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(2.4rem, 5vw, 4.6rem);
    font-weight: 800;
    letter-spacing: 4px;
    color: var(--white);
    text-shadow: 0 0 20px var(--cyan-glow);
}

/* === Story slides === */
.story-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px;
    width: 100%;
    max-width: 1100px;
    align-items: center;
    margin-top: 8px;
}

.story-grid .text {
    font-size: clamp(1rem, 1.6vw, 1.35rem);
    font-weight: 500;
    line-height: 1.55;
}

.story-grid .text p { margin-bottom: 14px; }

.story-grid .photo {
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    border-radius: 14px;
    aspect-ratio: 4/5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gray);
    font-size: 0.9rem;
    overflow: hidden;
}

.story-grid .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* === Stat / number layouts === */
.stat-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 24px;
    width: 100%;
    max-width: 1100px;
    margin-top: 18px;
}

.stat-card {
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    border-radius: 14px;
    padding: 24px 22px;
    text-align: center;
    transition: 0.3s var(--ease);
}

.stat-card:hover {
    border-color: var(--gold-dim);
    transform: translateY(-3px);
}

.stat-num {
    display: block;
    font-size: clamp(2rem, 3.4vw, 2.8rem);
    font-weight: 800;
    color: var(--gold);
    line-height: 1.05;
    margin-bottom: 4px;
}

.stat-num.cyan { color: var(--cyan); }

.stat-lbl {
    font-size: 0.85rem;
    color: var(--gray-light);
    font-weight: 500;
    letter-spacing: 0.5px;
}

/* === Two-column layouts === */
.two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px;
    align-items: center;
    width: 100%;
    max-width: 1100px;
    margin-top: 14px;
}

.two-col .col {
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    border-radius: 14px;
    padding: 26px 28px;
}

.two-col .col h3 {
    font-size: 1.3rem;
    margin-bottom: 12px;
    color: var(--gold);
}

.two-col .col.cyan-col h3 { color: var(--cyan); }

.two-col .col p { font-size: 1rem; line-height: 1.55; color: var(--gray-light); }

.two-col .col .big {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 800;
    color: var(--gold);
    margin-bottom: 4px;
    line-height: 1;
}

.two-col .col.cyan-col .big { color: var(--cyan); }

/* === CFD list === */
.cfd-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 36px;
    margin-top: 10px;
    font-size: clamp(1rem, 1.7vw, 1.4rem);
    font-weight: 700;
    max-width: 700px;
}

.cfd-grid li {
    list-style: none;
    padding-left: 26px;
    position: relative;
}

.cfd-grid li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.55em;
    width: 8px;
    height: 8px;
    background: var(--cyan);
    border-radius: 50%;
    box-shadow: 0 0 10px var(--cyan-glow);
}

/* === Broker flow === */
.broker-flow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 18px;
}

.broker-flow-bbook {
    gap: 12px;
    margin-top: 32px;
}

.abook-frame {
    display: flex;
    align-items: center;
    gap: 14px;
    border: 3px solid var(--gold-bright);
    border-radius: 22px;
    padding: 26px 24px 32px;
    position: relative;
    box-shadow: 0 0 32px rgba(255, 215, 0, 0.22), inset 0 0 32px rgba(255, 215, 0, 0.04);
    background: rgba(255, 215, 0, 0.03);
}

.bbook-frame {
    display: flex;
    align-items: center;
    gap: 14px;
    border: 3px solid var(--red-soft);
    border-radius: 18px;
    padding: 16px 18px 28px;
    position: relative;
    box-shadow: 0 0 24px rgba(255, 107, 107, 0.3), inset 0 0 24px rgba(255, 107, 107, 0.06);
    background: rgba(255, 107, 107, 0.05);
}

.bbook-label {
    position: absolute;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: #0a0a0e;
    color: var(--red-soft);
    font-weight: 800;
    letter-spacing: 1.4px;
    font-size: 0.9rem;
    padding: 3px 14px;
    border-radius: 6px;
    border: 2px solid var(--red-soft);
    text-transform: none;
    white-space: nowrap;
}

.abook-label {
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    background: #0a0a0e;
    color: var(--gold-bright);
    font-weight: 800;
    letter-spacing: 1.4px;
    font-size: 0.9rem;
    padding: 3px 14px;
    border-radius: 6px;
    border: 2px solid var(--gold-bright);
    text-transform: none;
    white-space: nowrap;
}

.arrow.arrow-red {
    color: var(--red-soft);
    text-shadow: 0 0 12px rgba(255, 107, 107, 0.5);
}

.arrow.arrow-yellow {
    color: var(--gold-bright);
    text-shadow: 0 0 12px rgba(255, 215, 0, 0.5);
}

.broker-flow .node.highlight-red {
    border-color: var(--red-soft);
    box-shadow: 0 0 20px rgba(255, 107, 107, 0.3);
}

.node-icon {
    font-size: clamp(1.8rem, 3vw, 2.4rem);
    line-height: 1;
    margin-bottom: 8px;
}

.broker-flow .node {
    background: var(--dark-card);
    border: 2px solid var(--dark-border);
    border-radius: 12px;
    padding: 20px 18px;
    text-align: center;
    min-width: 150px;
    transition: 0.3s var(--ease);
}

.broker-flow .node.highlight {
    border-color: var(--green-soft);
    box-shadow: 0 0 24px rgba(81, 207, 102, 0.25);
}

.broker-flow .node h4 {
    font-size: 1.05rem;
    margin-bottom: 4px;
    color: var(--white);
}

.broker-flow .node small { color: var(--gray); font-size: 0.78rem; }

.broker-flow .arrow {
    font-size: 1.6rem;
    color: var(--gold);
    font-weight: 700;
}

/* === Highlight panel === */
.panel {
    background: linear-gradient(140deg, var(--dark-card), var(--dark-elevated));
    border: 1px solid var(--dark-border);
    border-radius: 18px;
    padding: 32px 38px;
    width: 100%;
    max-width: 880px;
    margin-top: 12px;
}

.panel.gold-glow {
    border-color: var(--gold-dim);
    box-shadow: 0 0 32px var(--gold-glow);
}

.panel.cyan-glow {
    border-color: var(--cyan);
    box-shadow: 0 0 32px var(--cyan-glow);
}

.panel h3 {
    font-size: 1.4rem;
    margin-bottom: 16px;
    color: var(--gold);
}

.panel .row {
    display: flex;
    justify-content: space-between;
    padding: 13px 0;
    border-bottom: 1px dashed var(--dark-border);
    font-size: clamp(1rem, 1.4vw, 1.25rem);
}

.panel .row:last-child { border-bottom: none; }

.panel .row strong { color: var(--gold); font-weight: 700; }

/* === Liitintress table === */
.liit-table {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px 24px;
    width: 100%;
    max-width: 980px;
    margin-top: 16px;
    font-size: clamp(0.78rem, 1.1vw, 0.95rem);
}

.liit-table div {
    background: rgba(28, 28, 38, 0.5);
    padding: 8px 14px;
    border-radius: 6px;
    border-left: 2px solid var(--gold-dim);
    font-variant-numeric: tabular-nums;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.liit-table div .day { color: var(--gray); }
.liit-table div .val { color: var(--gold); font-weight: 600; }

/* === 5-step grid === */
.step-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 18px;
    width: 100%;
    max-width: 1100px;
    margin-top: 14px;
}

.step-card {
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    border-radius: 14px;
    border-left: 4px solid var(--gold);
    padding: 22px 22px;
    transition: 0.3s var(--ease);
}

.step-card:hover { border-left-color: var(--gold-bright); transform: translateY(-3px); }

.step-num {
    display: block;
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--gold);
    line-height: 1;
    margin-bottom: 8px;
}

.step-card h4 { font-size: 1.1rem; margin-bottom: 6px; }

.step-card p { font-size: 0.9rem; color: var(--gray-light); line-height: 1.5; }

/* === Profit split === */
.split-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 28px;
    width: 100%;
    max-width: 1000px;
    margin-top: 14px;
}

.split-grid .left {
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    border-radius: 14px;
    padding: 26px 28px;
}

.split-grid .left h4 { color: var(--gold); margin-bottom: 14px; letter-spacing: 2px; font-size: 0.85rem; }
.split-grid .left p { padding: 8px 0; font-size: 1rem; border-bottom: 1px dashed var(--dark-border); }
.split-grid .left p:last-child { border: none; }

.split-grid .right { display: flex; flex-direction: column; gap: 12px; }

.split-row {
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    border-left: 5px solid var(--gold);
    border-radius: 12px;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    gap: 18px;
}

.split-row.dim { border-left-color: var(--gray); opacity: 0.7; }
.split-row.gray { border-left-color: var(--gray); }

.split-pct {
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    font-weight: 800;
    color: var(--gold);
    line-height: 1;
    min-width: 90px;
}

.split-row.dim .split-pct,
.split-row.gray .split-pct { color: var(--gray); }

.split-info {
    font-size: 0.85rem;
    color: var(--gray-light);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    line-height: 1.3;
}

.split-row.split-note {
    border-left-color: var(--cyan);
}

.komisjonid-note {
    margin-top: 16px;
    max-width: 900px;
    text-align: center;
    font-size: clamp(0.88rem, 1.15vw, 1.05rem);
    color: var(--gray-light);
    line-height: 1.45;
    padding: 14px 22px;
    background: rgba(20, 22, 30, 0.55);
    border: 1px solid var(--gold-dim);
    border-radius: 12px;
}

.komisjonid-note strong { color: var(--gold); }

/* === Q&A slide (33) === */
.slide.qa-slide .slide-content { gap: 4px; max-width: 1300px; }
.slide.qa-slide h1 {
    margin-bottom: 2px;
    font-size: clamp(1.4rem, 2.6vw, 2.2rem);
    line-height: 1.15;
}
.slide.qa-slide .title-underline { margin: 2px auto 4px; }

.qa-link-line {
    margin: 4px 0 8px;
    font-size: clamp(0.78rem, 1vw, 0.92rem);
    color: var(--gray-light);
    text-align: center;
}

.qa-link-line a {
    color: var(--gold);
    text-decoration: none;
    font-weight: 700;
}

.qa-link-line a:hover {
    text-decoration: underline;
}

.faq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 16px;
    width: 100%;
    max-width: 1280px;
    max-height: 76vh;
    overflow-y: auto;
    padding-right: 4px;
}

.faq-grid details {
    margin: 0;
}

.faq-grid summary {
    padding: 10px 14px;
    font-size: clamp(0.82rem, 1.05vw, 0.95rem);
    line-height: 1.3;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.faq-grid summary::after {
    margin-left: auto;
}

.faq-grid .qa-num {
    background: rgba(240, 192, 64, 0.12);
    border: 1px solid var(--gold-dim);
    color: var(--gold);
    border-radius: 6px;
    padding: 2px 6px;
    font-size: 0.75em;
    font-weight: 800;
    letter-spacing: 0.5px;
    flex-shrink: 0;
    min-width: 28px;
    text-align: center;
}

.faq-grid details p {
    padding: 0 14px 14px;
    font-size: clamp(0.78rem, 1vw, 0.9rem);
    line-height: 1.45;
    margin: 0;
}

.faq-grid::-webkit-scrollbar { width: 6px; }
.faq-grid::-webkit-scrollbar-track { background: transparent; }
.faq-grid::-webkit-scrollbar-thumb { background: var(--gold-dim); border-radius: 3px; }

.split-row .split-icon {
    font-size: clamp(1.6rem, 2.4vw, 2rem);
    line-height: 1;
    min-width: 90px;
    text-align: left;
}

/* === Levels slide (28) — example + table side by side === */
.slide.levels-slide .slide-content { gap: 6px; max-width: 1240px; }
.slide.levels-slide h1 { margin-bottom: 2px; }

.levels-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    width: 100%;
    margin-top: 6px;
    align-items: stretch;
}

.levels-example {
    background: rgba(20, 22, 30, 0.7);
    border: 1px solid var(--gold-dim);
    border-radius: 14px;
    padding: 20px 22px;
    box-shadow: inset 0 0 24px rgba(240, 192, 64, 0.05);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.levels-example h3 {
    color: var(--gold);
    font-size: clamp(0.9rem, 1.2vw, 1.05rem);
    text-transform: uppercase;
    letter-spacing: 1.6px;
    margin: 0 0 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--dark-border);
}

.ex-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 0;
    border-bottom: 1px dashed var(--dark-border);
    font-size: clamp(0.88rem, 1.15vw, 1.05rem);
    color: var(--gray-light);
}

.ex-row:last-child { border-bottom: none; }

.ex-row strong {
    color: var(--gold);
    font-weight: 800;
    font-size: 1.1em;
}

.ex-row.ex-row-highlight {
    background: rgba(240, 192, 64, 0.08);
    margin: 4px -10px;
    padding: 12px 10px;
    border-radius: 8px;
    border-bottom: none;
}

.ex-row.ex-row-highlight strong {
    color: var(--gold-bright);
    font-size: 1.2em;
    text-shadow: 0 0 16px rgba(240, 192, 64, 0.4);
}

.slide.levels-slide .levels-table { margin-top: 0; max-width: none; }

/* === 10 levels table === */
.levels-table {
    width: 100%;
    max-width: 480px;
    border-collapse: collapse;
    font-size: 0.95rem;
}

.levels-table th, .levels-table td {
    padding: 9px 14px;
    text-align: left;
    border-bottom: 1px dashed var(--dark-border);
}

.levels-table th { color: var(--gold); font-weight: 700; letter-spacing: 1.5px; font-size: 0.8rem; }

.levels-table td:last-child { text-align: right; color: var(--gold); font-weight: 700; }

/* === CPA grid === */
.cpa-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    width: 100%;
    max-width: 920px;
    margin-top: 12px;
}

.cpa-card {
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    border-left: 4px solid var(--gold);
    border-radius: 14px;
    padding: 22px 26px;
}

.cpa-pct {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 800;
    color: var(--gold);
    line-height: 1;
    margin-bottom: 4px;
}

.cpa-card .label { font-size: 0.78rem; color: var(--gray); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 8px; }
.cpa-card .threshold { font-size: 1.1rem; font-weight: 700; }
.cpa-card .note { font-size: 0.78rem; color: var(--gray); font-style: italic; margin-top: 8px; }

/* === Steps how to start === */
.start-list { display: flex; flex-direction: column; gap: 12px; width: 100%; max-width: 760px; margin-top: 8px; }

.start-row {
    display: flex;
    gap: 18px;
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    border-radius: 12px;
    padding: 18px 22px;
    align-items: flex-start;
}

.start-row .num {
    background: transparent;
    border: 2px solid var(--gold);
    color: var(--gold);
    font-weight: 800;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 0.95rem;
}

.start-row .body h4 { font-size: 1.1rem; margin-bottom: 4px; }
.start-row .body p { font-size: 0.9rem; color: var(--gray-light); }

/* === FAQ slide === */
.faq-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    max-width: 820px;
    margin-top: 12px;
}

.faq-list details {
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    border-radius: 12px;
    padding: 14px 22px;
}

.faq-list summary {
    font-weight: 700;
    cursor: pointer;
    list-style: none;
    color: var(--white);
    font-size: 1rem;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.faq-list summary::after {
    content: "+";
    color: var(--gold);
    font-size: 1.4rem;
    line-height: 1;
}

.faq-list details[open] summary::after { content: "−"; }

.faq-list details p {
    margin-top: 10px;
    color: var(--gray-light);
    font-size: 0.92rem;
    line-height: 1.55;
}

/* === Link slide === */
.link-big {
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 700;
    color: var(--white);
    text-decoration: underline;
    text-underline-offset: 8px;
    margin-top: 24px;
    letter-spacing: 8px;
}

/* === Kliendibaas slide === */
.client-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    width: 100%;
    max-width: 720px;
    margin: 0 auto 18px;
}

.client-stats .stat-card { padding: 18px 14px; }

.client-list-wrap {
    width: 100%;
    max-width: 880px;
    margin: 0 auto;
    background: var(--dark-card);
    border: 1px solid var(--dark-border);
    border-radius: 14px;
    padding: 14px 18px 18px;
}

.client-list-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    color: var(--gold);
    font-size: 0.78rem;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.client-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 22px;
    max-height: 50vh;
    overflow-y: auto;
    padding-right: 8px;
    font-variant-numeric: tabular-nums;
}

.client-list::-webkit-scrollbar { width: 8px; }
.client-list::-webkit-scrollbar-track { background: var(--dark); border-radius: 4px; }
.client-list::-webkit-scrollbar-thumb { background: var(--dark-border); border-radius: 4px; }
.client-list::-webkit-scrollbar-thumb:hover { background: var(--gold-dim); }

.client-row {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 6px;
    font-size: 0.86rem;
    transition: background 0.15s var(--ease);
}

.client-row:nth-child(odd) { background: rgba(255, 255, 255, 0.018); }
.client-row:hover { background: rgba(240, 192, 64, 0.06); }

.client-row .rank { color: var(--gray); min-width: 28px; }
.client-row .name { flex: 1; color: var(--white); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.client-row .amount { color: var(--gold); font-weight: 700; }
.client-row.zero .amount { color: var(--gray); font-weight: 500; }

/* === Final slide === */
.aitah-slide {
    text-align: center;
}

.aitah-line {
    width: 240px;
    height: 2px;
    background: var(--gold);
    margin: 24px auto;
    max-width: 60%;
}

.final-cta {
    font-size: clamp(0.95rem, 1.5vw, 1.2rem);
    color: rgba(255, 255, 255, 0.82);
    margin-top: 28px;
    letter-spacing: 0.3px;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
}

/* Slaidid — sisu väiksemaks, et mahuks ekraanile */
.slide.forex-fail-slide .slide-content,
.slide.edetabel-slide .slide-content,
.slide.amplify-slide .slide-content,
.slide.litsents-slide .slide-content,
.slide.myfxbook-slide .slide-content,
.slide.kontode-slide .slide-content {
    transform: scale(0.9);
    transform-origin: center center;
}
.slide.kindlustus-slide .slide-content {
    transform: scale(0.8);
    transform-origin: center center;
}

.webinar-schedule {
    margin-top: 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.schedule-label {
    font-size: clamp(0.75rem, 1.1vw, 0.95rem);
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--gold);
    opacity: 0.9;
}
.schedule-days {
    display: flex;
    align-items: center;
    gap: 20px;
}
.schedule-day {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 212, 0, 0.25);
    border-radius: 14px;
    padding: 14px 28px;
    min-width: 130px;
}
.day-letter {
    font-size: clamp(1.6rem, 2.4vw, 2.2rem);
    font-weight: 900;
    color: var(--gold);
    line-height: 1;
    letter-spacing: 1px;
}
.day-name {
    font-size: clamp(0.68rem, 0.9vw, 0.82rem);
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.55);
}
.day-host {
    font-size: clamp(0.9rem, 1.3vw, 1.1rem);
    font-weight: 700;
    color: #ffffff;
    margin-top: 2px;
}
.schedule-sep {
    font-size: 1.8rem;
    color: rgba(255, 212, 0, 0.3);
    font-weight: 300;
    margin-top: -4px;
}

.final-url {
    color: var(--gold);
    font-weight: 700;
    letter-spacing: 4px;
    margin-top: 6px;
    font-size: clamp(1rem, 1.7vw, 1.4rem);
}

/* === Slide background images === */
.slide.welcome {
    background:
        radial-gradient(ellipse at 50% 50%, rgba(10, 12, 18, 0.40) 0%, rgba(10, 12, 18, 0.78) 80%),
        url('images/luxury-office.jpg') center/cover no-repeat;
}

.slide.saame-tuttavaks {
    background:
        linear-gradient(90deg, rgba(10, 12, 18, 0.92) 0%, rgba(10, 12, 18, 0.7) 45%, rgba(10, 12, 18, 0.35) 75%, rgba(10, 12, 18, 0.25) 100%),
        url('images/manfred-kitchen.jpg') right center / auto 70% no-repeat,
        url('images/slide7-bg.png') center / cover no-repeat,
        #0a0a0e;
}

.slide.saame-tuttavaks-bali {
    background:
        linear-gradient(90deg, rgba(10, 12, 18, 0.92) 0%, rgba(10, 12, 18, 0.7) 45%, rgba(10, 12, 18, 0.35) 75%, rgba(10, 12, 18, 0.25) 100%),
        url('images/manfred-bali.jpg') right center / auto 70% no-repeat,
        url('images/slide11-bg.png') center / cover no-repeat,
        #0a0a0e;
}

.slide.forex-intro {
    background:
        linear-gradient(180deg, rgba(10, 12, 18, 0.30) 0%, rgba(10, 12, 18, 0.55) 100%),
        url('images/bg-forex-globe.png') center/cover no-repeat,
        #0a0a0e;
}

.slide.metatrader-intro {
    background:
        linear-gradient(180deg, rgba(10, 12, 18, 0.55) 0%, rgba(10, 12, 18, 0.78) 100%),
        url('images/bg-mt5.png') center/cover no-repeat;
}

.slide.xauusd-slide {
    background:
        linear-gradient(180deg, rgba(10, 12, 18, 0.78) 0%, rgba(10, 12, 18, 0.7) 100%),
        url('images/bg-gold-bars.png') center/cover no-repeat,
        #0a0a0e;
}

.slide.xauusd-slide .slide-content { gap: 8px; }
.slide.xauusd-slide h1 { margin-bottom: 0; }
.slide.xauusd-slide .title-underline { margin: 6px auto 6px; }
.slide.xauusd-slide .subtitle { margin-bottom: 6px; }
.slide.xauusd-slide .video-wrap { max-width: 820px; margin-top: 14px; }

.xauusd-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    padding: 10px 22px;
    background: rgba(20, 22, 30, 0.8);
    border: 1px solid var(--gold-dim);
    border-radius: 10px;
    color: var(--gold);
    font-weight: 700;
    font-size: clamp(0.88rem, 1.15vw, 1rem);
    text-decoration: none;
    letter-spacing: 0.4px;
    transition: 0.3s var(--ease);
}

.xauusd-link:hover {
    background: rgba(240, 192, 64, 0.12);
    border-color: var(--gold);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(240, 192, 64, 0.2);
}

.slide.broker-slide {
    background:
        linear-gradient(180deg, rgba(10, 12, 18, 0.78) 0%, rgba(10, 12, 18, 0.72) 100%),
        url('images/bg-network.png') center/cover no-repeat,
        #0a0a0e;
}

.slide.volume-slide {
    background:
        linear-gradient(180deg, rgba(10, 12, 18, 0.72) 0%, rgba(10, 12, 18, 0.65) 100%),
        url('images/slide11-bg.png') center/cover no-repeat,
        #0a0a0e;
}

.slide.ajakulu-slide {
    background:
        linear-gradient(180deg, rgba(10, 12, 18, 0.78) 0%, rgba(10, 12, 18, 0.7) 100%),
        url('images/bg-corridor.png') center/cover no-repeat,
        #0a0a0e;
}

.slide.amplify-slide {
    background:
        linear-gradient(180deg, rgba(10, 12, 18, 0.78) 0%, rgba(10, 12, 18, 0.72) 100%),
        url('images/bg-amplify.png') center/cover no-repeat,
        #0a0a0e;
}

.amplify-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    width: 100%;
    max-width: 1240px;
    margin-top: 14px;
    align-items: stretch;
}

.amplify-panel {
    margin: 0;
    align-self: center;
}

.amplify-side {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.amplify-side-title {
    font-size: clamp(1.1rem, 1.7vw, 1.5rem);
    color: var(--gold);
    text-transform: uppercase;
    letter-spacing: 1.8px;
    font-weight: 800;
    margin: 0 0 6px;
    text-align: left;
    text-shadow: 0 0 20px rgba(240, 192, 64, 0.35);
    border-bottom: 2px solid var(--gold-dim);
    padding-bottom: 6px;
}

.amplify-points {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.amplify-point {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 20px;
    background: rgba(20, 22, 30, 0.65);
    border: 1px solid var(--gold-dim);
    border-radius: 14px;
    box-shadow: inset 0 0 24px rgba(240, 192, 64, 0.05);
}

.amplify-point-icon {
    font-size: clamp(1.5rem, 2.2vw, 2rem);
    line-height: 1;
    flex-shrink: 0;
    margin-top: 2px;
}

.amplify-point h4 {
    font-size: clamp(1rem, 1.4vw, 1.2rem);
    color: var(--gold);
    margin: 0 0 4px;
    font-weight: 800;
    letter-spacing: 0.3px;
    line-height: 1.2;
}

.amplify-point p {
    font-size: clamp(0.85rem, 1.1vw, 1rem);
    color: var(--gray-light);
    margin: 0;
    line-height: 1.4;
}

/* === Kõik strateegiad pole võrdsed (CopyX) === */
.slide.copyx-slide {
    background:
        linear-gradient(270deg, rgba(0,0,0,0.90) 0%, rgba(0,0,0,0.82) 38%, rgba(0,0,0,0.30) 62%, transparent 100%),
        url('images/bg-sonic-strategies.png') center/cover no-repeat,
        #0a0a0e;
}

.slide.copyx-slide {
    justify-content: stretch;
}
.slide.copyx-slide .slide-content {
    flex: 1;
    height: 100%;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
}
.slide.copyx-slide .ecosystem-strategies {
    position: absolute;
    bottom: 2vh;
    left: 50%;
    transform: translateX(-50%);
    width: min(900px, 88%);
    background: rgba(10, 12, 18, 0.78);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 212, 0, 0.18);
    border-radius: 10px;
    padding: 7px 14px;
}

.copyx-side-dim {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 54%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.82) 35%, rgba(0, 0, 0, 0.55) 75%, transparent 100%);
    z-index: 1;
    pointer-events: none;
}

.copyx-right-panel {
    position: absolute;
    top: 5vh;
    right: 4vw;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    width: min(42%, 560px);
    z-index: 4;
}

.copyx-eyebrow {
    margin: 0;
    text-align: right;
    font-size: clamp(1.2rem, 1.7vw, 1.55rem);
    font-weight: 800;
    color: #fff;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.95);
    line-height: 1.25;
    letter-spacing: 0.2px;
}
.copyx-num1 {
    display: inline-block;
    color: var(--gold);
    font-size: 1.3em;
    line-height: 0.85;
    font-weight: 900;
    vertical-align: middle;
    text-shadow: 0 0 12px rgba(240, 192, 64, 0.75), 0 0 22px rgba(240, 192, 64, 0.35);
    margin-right: 6px;
}

.slide.copyx-slide .copyx-strategy-name {
    font-size: clamp(3.4rem, 5.5vw, 5.6rem);
    font-weight: 900;
    text-align: right;
    margin: 0;
    line-height: 1;
    letter-spacing: -1px;
    white-space: nowrap;
}

.copyx-flow-pill {
    margin-top: 4px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(10, 12, 18, 0.82);
    border: 1px solid var(--gold-dim);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.5);
    flex-wrap: nowrap;
    max-width: 100%;
}

.copyx-flow-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(20, 22, 30, 0.85);
    border: 1.5px solid var(--gold-dim);
    color: #fff;
    font-weight: 800;
    font-size: clamp(0.85rem, 1.1vw, 1rem);
    letter-spacing: 0.3px;
    white-space: nowrap;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.85);
}

.copyx-flow-badge-master {
    border-color: var(--gold);
    color: var(--gold);
    box-shadow: 0 0 14px var(--gold-glow);
}

.copyx-flow-badge-split {
    border-color: var(--cyan);
    color: var(--cyan);
    box-shadow: 0 0 18px rgba(0, 224, 255, 0.4);
}

.copyx-flow-badge-you {
    border-color: var(--gold-dim);
    color: #fff;
}

.copyx-flow-arrow-mini {
    color: var(--gold);
    font-weight: 900;
    font-size: clamp(0.95rem, 1.25vw, 1.1rem);
    text-shadow: 0 0 8px var(--gold-glow);
}
.copyx-strategy-glow {
    color: #ffffff;
    text-shadow:
        0 0 10px rgba(0,100,255,0.95),
        0 0 24px rgba(0,100,255,0.65),
        0 0 48px rgba(0,80,220,0.35);
}
.copyx-strategy-gold {
    color: #ffd400;
    text-shadow:
        0 0 10px rgba(255,212,0,0.95),
        0 0 24px rgba(255,180,0,0.65),
        0 0 48px rgba(240,160,0,0.35);
}
.copyx-copiers {
    justify-content: flex-end;
    text-shadow: 0 2px 12px rgba(0,0,0,0.9);
    font-size: clamp(1.1rem, 1.55vw, 1.45rem) !important;
}
.copyx-copiers strong {
    font-size: 1.25em !important;
}
.copyx-mfx {
    padding: 9px 20px !important;
    font-size: clamp(0.82rem, 1.1vw, 0.98rem) !important;
}

/* Chart + amp-row wrapper paremas pooles, fikseeritud aspect ratio'iga et tulbad joonduksid siltidega */
.copyx-chart-block {
    position: absolute;
    left: 42%;
    right: 3vw;
    bottom: 4vh;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    pointer-events: none;
}

.copyx-chart-frame {
    position: relative;
    width: 100%;
    height: 56vh;
    aspect-ratio: 1292 / 706;
    max-width: 100%;
}

.copyx-chart-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    opacity: 0.85;
    mix-blend-mode: screen;
    filter: brightness(1.08) contrast(1.05);
    pointer-events: none;
    /* Lõika pildi alumine osa (Jan 2026 jne x-axis sildid), et minu sildid saaks otse tulpade alla */
    clip-path: inset(0 0 18% 0);
    -webkit-clip-path: inset(0 0 18% 0);
}

/* Center block: kasumijaotus flow + streak */
.copyx-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -54%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    z-index: 2;
}

.copyx-streak {
    margin: 6px 0 0;
    color: #fff;
    font-weight: 700;
    font-size: clamp(1.15rem, 1.55vw, 1.45rem);
    letter-spacing: 0.3px;
    text-align: right;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.9);
}

.copyx-streak strong {
    color: var(--gold);
    font-weight: 900;
    font-size: 1.1em;
    text-shadow: 0 0 18px rgba(240, 192, 64, 0.55);
}

/* Centered layout (no chart) — slaid 10, sisu paremas tumedas pooles, vertikaalselt keskel */
.copyx-center-panel {
    position: absolute;
    top: 50%;
    right: 4vw;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: clamp(14px, 1.7vw, 28px);
    width: min(52%, 760px);
    z-index: 4;
}
.slide.copyx-slide.copyx-slide-centered .copyx-eyebrow,
.slide.copyx-slide.copyx-slide-centered .copyx-strategy-name,
.slide.copyx-slide.copyx-slide-centered .copyx-streak {
    text-align: center;
}
.slide.copyx-slide.copyx-slide-centered .copyx-copiers {
    justify-content: center;
}
.slide.copyx-slide.copyx-slide-centered .copyx-donut-row {
    justify-content: center;
}
.slide.copyx-slide.copyx-slide-centered .copyx-donut-legend {
    align-items: flex-start;
    text-align: left;
}
.slide.copyx-slide.copyx-slide-centered .copyx-donut-legend .leg-row {
    flex-direction: row;
}

/* Donut (kasumijaotus 67/30/3) */
.copyx-donut-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: clamp(14px, 1.6vw, 26px);
    margin-top: 12px;
    width: 100%;
}
.copyx-donut-legend {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-end;
    text-align: right;
}
.copyx-donut-legend .leg-row {
    display: inline-flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 12px;
    font-size: clamp(1.2rem, 1.5vw, 1.5rem);
    font-weight: 600;
    color: #fff;
    background: rgba(10, 12, 18, 0.55);
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.10);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.copyx-donut-legend .leg-pct {
    font-weight: 800;
    margin-right: 6px;
}
.copyx-donut-legend .leg-dot {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 999px;
}
.copyx-donut-legend .leg-sina { background: var(--gold); }
.copyx-donut-legend .leg-sonic { background: #14b8a6; }
.copyx-donut-legend .leg-tm { background: #ef4444; }

.copyx-donut {
    width: clamp(170px, 16vw, 260px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: conic-gradient(
        var(--gold) 0% 67%,
        #14b8a6 67% 97%,
        #ef4444 97% 100%
    );
    position: relative;
    flex-shrink: 0;
    box-shadow: 0 20px 50px rgba(0,0,0,0.55), 0 0 0 3px rgba(255,212,0,0.20), 0 0 60px rgba(255,212,0,0.18);
}
.copyx-donut::before {
    content: '';
    position: absolute;
    inset: 22%;
    border-radius: 50%;
    background: rgba(8, 10, 18, 0.96);
    box-shadow: inset 0 2px 14px rgba(0,0,0,0.55);
}
.copyx-donut-center {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.copyx-donut-num {
    font-weight: 800;
    font-size: clamp(1.9rem, 2.8vw, 3rem);
    color: var(--gold);
    line-height: 1;
    text-shadow: 0 1px 6px rgba(0,0,0,0.6);
}
.copyx-donut-lbl {
    font-size: clamp(0.85rem, 1.05vw, 1.1rem);
    font-weight: 800;
    letter-spacing: 0.18em;
    color: rgba(255,255,255,0.85);
    text-transform: uppercase;
    margin-top: 4px;
}

/* Amp-row asetatud chart-frame'i sisse, pildist välja lõigatud alaossa — sildid otse tulpade alla */
.copyx-amp-row {
    position: absolute;
    left: 0;
    right: 0;
    top: 82%;
    bottom: 0;
}

.copyx-amp-col {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    pointer-events: auto;
}

.copyx-month-lbl {
    color: rgba(255, 255, 255, 0.85);
    font-size: clamp(0.95rem, 1.15vw, 1.15rem);
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9);
}

.copyx-month-pct {
    color: #fff;
    font-size: clamp(1.25rem, 1.55vw, 1.6rem);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.9);
}

.copyx-amp-tag {
    display: inline-flex;
    align-items: baseline;
    gap: 7px;
    padding: 7px 16px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(255, 212, 0, 0.32), rgba(255, 180, 0, 0.12));
    border: 1.5px solid rgba(255, 212, 0, 0.75);
    color: var(--gold);
    font-weight: 700;
    font-size: clamp(1rem, 1.3vw, 1.25rem);
    letter-spacing: 0.3px;
    text-shadow: none;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.55);
    transform: rotate(-2deg);
    transform-origin: center;
    white-space: nowrap;
}

.copyx-amp-tag span {
    font-size: 0.85em;
    opacity: 0.9;
}

.copyx-amp-tag strong {
    color: #fff;
    font-weight: 900;
    font-size: 1.1em;
    text-shadow: 0 0 12px rgba(255, 212, 0, 0.8);
}

.copyx-amp-tag-hot {
    background: linear-gradient(135deg, rgba(255, 80, 60, 0.45), rgba(255, 140, 0, 0.22));
    border-color: rgba(255, 120, 0, 1);
    color: #fff;
    box-shadow: 0 6px 22px rgba(255, 90, 0, 0.55);
    transform: rotate(-3deg) scale(1.08);
}

.copyx-amp-tag-hot strong {
    color: #fff;
    text-shadow: 0 0 14px rgba(255, 200, 0, 0.95);
}

/* Compact sonic-flow variant for slide 7 */
.copyx-sonic-flow.sonic-flow {
    gap: 14px;
    margin-top: 0;
}

.copyx-sonic-flow .sonic-flow-node {
    padding: 14px 26px;
    min-width: 170px;
    border-width: 2px;
    background: rgba(10, 12, 18, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.copyx-sonic-flow .sonic-flow-node h4 {
    font-size: clamp(1rem, 1.3vw, 1.2rem);
    margin-bottom: 2px;
}

.copyx-sonic-flow .sonic-flow-node small {
    font-size: clamp(0.78rem, 1vw, 0.92rem);
}

.copyx-sonic-flow .sonic-flow-split h4 {
    font-size: clamp(1.1rem, 1.5vw, 1.35rem);
}

.copyx-sonic-flow .sonic-flow-split small {
    font-size: clamp(0.9rem, 1.15vw, 1.05rem);
}

.copyx-sonic-flow .sonic-flow-arrow {
    font-size: clamp(1.3rem, 1.8vw, 1.7rem);
}

.copyx-title {
    font-size: clamp(1.5rem, 3vw, 2.5rem);
    line-height: 1.1;
    margin-bottom: 0;
}

.copyx-layout {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 22px;
    align-items: center;
    width: 100%;
    margin-top: 2px;
}

.copyx-stat-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.copyx-stat {
    background: rgba(20, 22, 30, 0.7);
    border: 1px solid var(--gold-dim);
    border-radius: 12px;
    padding: 12px 16px;
    text-align: center;
    box-shadow: inset 0 0 24px rgba(240, 192, 64, 0.06);
}

.copyx-stat-num {
    display: block;
    font-size: clamp(1.5rem, 2.4vw, 2.1rem);
    font-weight: 800;
    color: var(--gold);
    line-height: 1;
    margin-bottom: 3px;
}

.copyx-stat-lbl {
    font-size: clamp(0.72rem, 0.95vw, 0.88rem);
    color: var(--gray-light);
    text-transform: uppercase;
    letter-spacing: 1.2px;
}

.copyx-shot {
    width: 100%;
    height: auto;
    max-height: 42vh;
    object-fit: contain;
    border-radius: 14px;
    border: 1px solid var(--dark-border);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.7);
}

.copyx-tag {
    font-size: clamp(0.9rem, 1.3vw, 1.1rem);
    text-align: center;
    margin: 4px 0 0;
    line-height: 1.4;
}

/* === Myfxbook slide redesign === */
.myfxbook-grid {
    display: grid;
    grid-template-columns: 1.9fr 1fr;
    gap: 24px;
    align-items: stretch;
    width: 100%;
    max-width: 1320px;
    margin-top: 10px;
}

.myfxbook-shot {
    display: block;
    border-radius: 14px;
    overflow: hidden;
    border: 2px solid var(--gold-dim);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.7);
    text-decoration: none;
    transition: 0.3s var(--ease);
    background: #fff;
}

.myfxbook-shot:hover {
    border-color: var(--gold);
    transform: translateY(-3px);
    box-shadow: 0 14px 46px rgba(240, 192, 64, 0.25);
}

.myfxbook-shot img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    object-position: top center;
}

.myfxbook-shot-link {
    display: block;
    background: #1f7a1f;
    color: #fff;
    padding: 10px 16px;
    font-size: clamp(0.85rem, 1.1vw, 1rem);
    font-weight: 700;
    letter-spacing: 0.4px;
    text-align: center;
}

.myfxbook-bullets {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
    font-size: clamp(1.05rem, 1.5vw, 1.35rem);
}

.myfxbook-bullets li {
    padding: 10px 14px 10px 28px;
    position: relative;
    background: rgba(20, 22, 30, 0.55);
    border: 1px solid var(--dark-border);
    border-radius: 10px;
    line-height: 1.35;
}

.myfxbook-bullets li::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 18px;
    width: 7px;
    height: 7px;
    background: var(--gold);
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(240, 192, 64, 0.5);
}

.myfxbook-bullets strong {
    color: var(--gold);
    font-weight: 700;
}

/* === Kalkulaator slide === */
.slide.kalkulaator-slide .slide-content { gap: 6px; }
.slide.kalkulaator-slide h1 { margin-bottom: 2px; }
.slide.kalkulaator-slide .subtitle { margin-bottom: 4px; }
.slide.kalkulaator-slide .title-underline { margin: 2px auto 4px; }

.kalkulaator-shot {
    display: block;
    border-radius: 14px;
    overflow: hidden;
    border: 2px solid var(--gold-dim);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.7);
    text-decoration: none;
    transition: 0.3s var(--ease);
    width: 100%;
    max-width: 950px;
    margin-top: 6px;
}

.kalkulaator-shot:hover {
    border-color: var(--gold);
    transform: translateY(-3px);
    box-shadow: 0 14px 46px rgba(240, 192, 64, 0.25);
}

.kalkulaator-shot img {
    width: 100%;
    height: auto;
    display: block;
    max-height: 48vh;
    object-fit: cover;
    object-position: top center;
}

.kalkulaator-shot-link {
    display: block;
    background: #c9a227;
    color: #0a0a0e;
    padding: 10px 16px;
    font-size: clamp(0.9rem, 1.2vw, 1.05rem);
    font-weight: 800;
    letter-spacing: 0.6px;
    text-align: center;
}

/* === TagMarkets tagakontor slide === */
.slide.tagakontor-slide .slide-content { gap: 6px; }
.slide.tagakontor-slide h1 { margin-bottom: 2px; }
.slide.tagakontor-slide .subtitle { margin-bottom: 4px; }
.slide.tagakontor-slide .title-underline { margin: 2px auto 4px; }

.tagakontor-shot {
    width: 100%;
    max-width: 1380px;
    height: auto;
    max-height: 72vh;
    object-fit: contain;
    border-radius: 14px;
    border: 1px solid var(--dark-border);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.7);
    margin-top: 14px;
}

/* === Kaheksas maailmaime choice question === */
.choice-q {
    font-size: clamp(0.95rem, 1.4vw, 1.25rem);
    line-height: 1.5;
    max-width: 1080px;
    margin: 0 0 10px;
    text-align: center;
}

.slide.tagmarkets-slide {
    background:
        linear-gradient(180deg, rgba(10, 12, 18, 0.84) 0%, rgba(10, 12, 18, 0.82) 100%),
        url('images/slide11-bg.png') center/cover no-repeat,
        #0a0a0e;
}

.slide.sonic-slide {
    background:
        linear-gradient(180deg, rgba(10, 12, 18, 0.55) 0%, rgba(10, 12, 18, 0.65) 100%),
        url('images/bg-sonic-desk.png') center/cover no-repeat,
        #0a0a0e;
}

/* === TAG ökosüsteemi tutvustus (slide 10) === */
.slide.tag-intro-slide {
    background:
        linear-gradient(180deg, rgba(10, 12, 18, 0.85) 0%, rgba(10, 12, 18, 0.8) 100%),
        url('images/bg-luxury.png') center/cover no-repeat,
        #0a0a0e;
}

/* === TAG Markets office layout (slide 9) === */
.slide.tag-office-layout {
    background:
        linear-gradient(90deg, rgba(4,6,12,0.45) 0%, rgba(4,6,12,0.42) 30%, rgba(4,6,12,0.74) 55%, rgba(4,6,12,0.82) 100%),
        url('images/bg-tag-office.jpg') center/cover no-repeat,
        #04060c;
}
.slide.tag-office-layout .slide-content {
    display: flex;
    flex-direction: column;
    gap: 28px;
    width: 100%;
    max-width: none;
    padding: 4vh 4vw 0 36vw;
    justify-content: flex-start;
    align-items: stretch;
}
.tag9-hero {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.tag-hero-logo {
    height: clamp(110px, 16vh, 175px);
    width: auto;
    align-self: center;
    mix-blend-mode: screen;
    filter: brightness(1.25) contrast(1.05) drop-shadow(0 6px 28px rgba(0,0,0,0.6));
}
.tag9-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 38px;
    align-items: start;
}
.tag9-left-col {
    display: flex;
    flex-direction: column;
    gap: 22px;
}
.tag9-section {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.tag-panel-heading {
    font-size: clamp(0.78rem, 1.05vw, 0.95rem);
    font-weight: 800;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--gold);
    margin: 0 0 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(240,192,64,0.32);
    text-shadow: 0 2px 10px rgba(0,0,0,0.9), 0 0 20px rgba(0,0,0,0.6);
}
.tag9-section-shield .tag-panel-heading {
    color: #4ade80;
    border-bottom-color: rgba(74,222,128,0.28);
}
.tag9-section-broker .tag-panel-heading {
    color: rgba(255,255,255,0.85);
    border-bottom-color: rgba(255,255,255,0.20);
}
.tag-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 11px 0;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.tag-item-last {
    border-bottom: none;
}
.tag-item-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex-shrink: 0;
}
.tag-dot-active {
    background: #4ade80;
    box-shadow: 0 0 10px rgba(74,222,128,1), 0 0 22px rgba(74,222,128,0.55);
}
.tag-dot-coming {
    background: rgba(200,200,220,0.3);
    border: 1px solid rgba(200,200,220,0.35);
}
.tag-item-name {
    flex: 1;
    font-size: clamp(1.1rem, 1.45vw, 1.32rem);
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.1px;
    text-shadow: 0 2px 10px rgba(0,0,0,0.95), 0 0 18px rgba(0,0,0,0.75), 0 0 36px rgba(0,0,0,0.5);
}
.tag-item-sub {
    font-size: clamp(0.78rem, 1vw, 0.9rem);
    color: rgba(255,255,255,0.55);
    white-space: nowrap;
    text-shadow: 0 2px 8px rgba(0,0,0,0.95);
}
.tag-badge {
    display: inline-flex;
    align-items: center;
    font-size: clamp(0.68rem, 0.85vw, 0.78rem);
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 999px;
    flex-shrink: 0;
    white-space: nowrap;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.tag-badge-active {
    background: rgba(74,222,128,0.18);
    color: #4ade80;
    border: 1px solid rgba(74,222,128,0.45);
    box-shadow: 0 0 12px rgba(74,222,128,0.25), 0 2px 8px rgba(0,0,0,0.5);
}
.tag-badge-coming {
    background: rgba(20,20,30,0.55);
    color: rgba(220,220,240,0.85);
    border: 1px solid rgba(200,200,220,0.28);
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

.tag-wikifx-link {
    position: absolute;
    left: 3vw;
    bottom: 3vh;
    padding: 14px 22px;
    border-radius: 14px;
    border: 2px solid var(--gold);
    background: linear-gradient(135deg, rgba(240, 192, 64, 0.18), rgba(240, 192, 64, 0.06));
    color: var(--gold);
    font-weight: 800;
    font-size: clamp(0.95rem, 1.25vw, 1.15rem);
    letter-spacing: 0.4px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    text-shadow: 0 2px 10px rgba(0,0,0,0.85);
    box-shadow: 0 0 28px rgba(240, 192, 64, 0.28), 0 6px 22px rgba(0, 0, 0, 0.5);
    animation: tagWikifxPulse 2.8s ease-in-out infinite;
    z-index: 5;
}

.tag-wikifx-icon {
    font-size: 1.2em;
    filter: drop-shadow(0 0 6px rgba(240, 192, 64, 0.6));
}

.tag-wikifx-text {
    color: #fff;
    font-weight: 900;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9);
}

.tag-wikifx-arrow {
    color: var(--gold);
    font-weight: 900;
    font-size: 1.1em;
}

.tag-wikifx-link:hover {
    background: linear-gradient(135deg, rgba(240, 192, 64, 0.3), rgba(240, 192, 64, 0.12));
    transform: translateY(-2px);
    box-shadow: 0 0 36px rgba(240, 192, 64, 0.45), 0 10px 28px rgba(0, 0, 0, 0.55);
}

@keyframes tagWikifxPulse {
    0%, 100% { box-shadow: 0 0 28px rgba(240, 192, 64, 0.28), 0 6px 22px rgba(0, 0, 0, 0.5); }
    50% { box-shadow: 0 0 42px rgba(240, 192, 64, 0.5), 0 6px 22px rgba(0, 0, 0, 0.5); }
}

@media (prefers-reduced-motion: reduce) {
    .tag-wikifx-link { animation: none; }
}
.tag-office-logo {
    height: clamp(48px, 7vh, 72px);
    width: auto;
    mix-blend-mode: screen;
    filter: brightness(1.2) contrast(1.05);
    flex-shrink: 0;
}
.tag-office-sub {
    font-size: clamp(0.78rem, 1vw, 0.9rem);
    color: rgba(255,255,255,0.6);
    margin: 0;
    line-height: 1.5;
}
.tag-office-sub strong { color: var(--gold); }
.tag-plus-compact {
    list-style: none;
    margin: 2px 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    width: 100%;
}
.tag-plus-compact li {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    font-size: clamp(0.75rem, 0.95vw, 0.86rem);
    color: rgba(255,255,255,0.88);
    font-weight: 600;
    background: linear-gradient(135deg, rgba(18,16,28,0.75) 0%, rgba(10,9,20,0.70) 100%);
    border: 1px solid rgba(240,192,64,0.14);
    border-left: 2px solid rgba(240,192,64,0.45);
    border-radius: 8px;
    line-height: 1.2;
    backdrop-filter: blur(8px);
}
.tag-plus-compact li::before {
    content: "✓";
    font-size: 0.75rem;
    font-weight: 900;
    color: var(--gold);
    flex-shrink: 0;
    opacity: 0.8;
}

.slide.tag-intro-slide .slide-content { gap: 0; max-width: 1300px; width: 100%; }

/* === TAG Markets · new layout (text + portrait grid) === */
.slide.tag-office-layout .tag-grid {
    display: grid;
    grid-template-columns: 0.85fr 1.3fr;
    gap: clamp(28px, 3vw, 64px);
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    align-items: center;
    z-index: 2;
}
.slide.tag-office-layout .tag-grid.tag-grid-reverse {
    grid-template-columns: 1.7fr 0.7fr;
}
.slide.tag-office-layout .tag-left {
    display: flex;
    align-items: center;
    justify-content: center;
}
.slide.tag-office-layout .tag-portrait {
    width: 100%;
    max-height: 66vh;
    object-fit: cover;
    border-radius: 22px;
    border: 1px solid rgba(255, 212, 0, 0.30);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
}
/* Variant 2: WikiFX screenshot hero ulal, KPI-d ribana all */
.slide.tag-office-layout .tag-proof {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(12px, 1.8vh, 22px);
    width: 100%;
    margin-top: clamp(8px, 1.4vh, 16px);
}
.slide.tag-office-layout .tag-wikifx {
    order: -1;
    max-width: 100%;
    max-height: 47vh;
    border-radius: 14px;
    overflow: hidden;
    border: 2px solid var(--gold);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55), 0 0 22px var(--gold-glow);
    background: #fff;
    line-height: 0;
}
.slide.tag-office-layout .tag-wikifx img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 47vh;
    height: auto;
    cursor: zoom-in;
}
.slide.tag-office-layout .tag-proof .kpi-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch;
    gap: 10px;
    width: 100%;
    margin-top: 0;
}
.slide.tag-office-layout .tag-proof .kpi-row {
    flex: 0 1 auto;
    justify-content: center;
    gap: 8px;
}
.slide.tag-office-layout .tag-right {
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 1.2vw, 18px);
    align-items: flex-start;
    text-align: left;
}
.slide.tag-office-layout .tag-logo {
    height: clamp(60px, 7vw, 120px);
    width: auto;
    display: block;
    filter: drop-shadow(0 8px 22px rgba(0, 0, 0, 0.55));
    margin-bottom: 2px;
}
.slide.tag-office-layout .tag-eyebrow {
    font-size: clamp(14px, 1.2vw, 20px);
    font-weight: 700;
    color: var(--gold);
    text-transform: uppercase;
    letter-spacing: 0.28em;
    margin: 0;
}
.slide.tag-office-layout .tag-sub {
    font-size: clamp(15px, 1.3vw, 21px);
    color: var(--gold);
    font-weight: 700;
    margin: 0;
    max-width: 620px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
    white-space: normal;
}
.slide.tag-office-layout .tag-sub strong { color: var(--gold); font-weight: 800; }
.slide.tag-office-layout .kpi-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin-top: 6px;
}
.slide.tag-office-layout .kpi-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    background: rgba(255, 255, 255, 0.06);
    border: 2px solid rgba(255, 255, 255, 0.14);
    border-radius: 14px;
}
.slide.tag-office-layout .kpi-row-active {
    background: rgba(255, 212, 0, 0.10);
    border-color: rgba(255, 212, 0, 0.45);
}
.slide.tag-office-layout .kpi-key {
    font-size: clamp(14px, 1.25vw, 20px);
    font-weight: 600;
    color: #ffffff;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.65);
    white-space: nowrap;
}
.slide.tag-office-layout .kpi-val {
    font-size: clamp(14px, 1.3vw, 21px);
    font-weight: 800;
    color: #ffffff;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.65);
    white-space: nowrap;
}
/* 5. lahter: "Maailma kiireimini kasvav maakler" — kuldne, keskele */
.slide.tag-office-layout .kpi-row-feature {
    justify-content: center;
    border-color: rgba(255, 212, 0, 0.5);
    background: rgba(255, 212, 0, 0.08);
}
.slide.tag-office-layout .kpi-row-feature .kpi-key {
    color: var(--gold);
    font-weight: 800;
    white-space: nowrap;
    text-align: center;
}
.slide.tag-office-layout .kpi-val.gold { color: var(--gold); }
.slide.tag-office-layout .tag-verify-links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    margin-top: 10px;
}
.slide.tag-office-layout .tag-verify-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px 22px;
    border-radius: 999px;
    background: rgba(10, 12, 18, 0.55);
    border: 1px solid rgba(255, 212, 0, 0.38);
    color: #fff;
    font-size: clamp(14px, 1.25vw, 20px);
    font-weight: 700;
    letter-spacing: 0.3px;
    text-decoration: none;
    transition: 0.2s var(--ease);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
    flex: 1 1 auto;
    white-space: nowrap;
}
.slide.tag-office-layout .tag-verify-link:hover {
    border-color: var(--gold);
    background: rgba(255, 212, 0, 0.10);
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(255, 180, 0, 0.18);
}
.slide.tag-office-layout .tag-verify-icon {
    font-size: 1.05em;
    line-height: 1;
}
.slide.tag-office-layout .tag-verify-text {
    flex: 1;
}
.slide.tag-office-layout .tag-verify-arrow {
    color: var(--gold);
    font-weight: 900;
}

@media (max-width: 1000px) {
    .slide.tag-office-layout .tag-grid,
    .slide.tag-office-layout .tag-grid.tag-grid-reverse {
        grid-template-columns: 1fr;
    }
    .slide.tag-office-layout .tag-sub { white-space: normal; }
}

.tag-intro-layout {
    display: grid;
    grid-template-columns: 36% 1fr;
    gap: 32px;
    width: 100%;
    align-items: stretch;
}

.tag-intro-photo {
    width: 100%;
    height: 100%;
    min-height: 70vh;
    max-height: 82vh;
    object-fit: cover;
    object-position: center;
    border-radius: 14px;
    border: 2px solid var(--gold-dim);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.7);
    image-orientation: from-image;
    align-self: center;
}

.tag-intro-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
    gap: 8px;
}

.tag-intro-logo {
    height: clamp(64px, 9vh, 100px);
    width: auto;
    mix-blend-mode: screen;
    filter: brightness(1.15) contrast(1.05);
}

.tag-intro-logo-big {
    height: clamp(150px, 22vh, 240px);
    margin-bottom: 8px;
}

.tag-intro-title {
    font-size: clamp(1.6rem, 3vw, 2.6rem);
    line-height: 1.1;
    margin: 4px 0 0;
}

.tag-intro-title .tag-gold {
    color: var(--gold);
    text-shadow: 0 0 24px rgba(240, 192, 64, 0.5);
}

.tag-intro-sub {
    text-align: right;
    margin-bottom: 8px;
    font-size: clamp(0.85rem, 1.2vw, 1.05rem);
}

.tag-intro-tag {
    font-size: clamp(1rem, 1.45vw, 1.3rem);
    color: var(--gray-light);
    line-height: 1.45;
    margin: 0 0 18px;
    text-align: right;
}

.tag-intro-tag strong {
    color: var(--gold);
    font-weight: 800;
}

/* === TAG Markets · solo (mall, ilma fotota) === */
.slide.tag-intro-solo .slide-content {
    gap: 18px;
    align-items: center;
    max-width: 1000px;
}

.tag-intro-logo-hero {
    display: block;
    width: min(500px, 60%);
    height: auto;
    margin: 0 auto 0;
    mix-blend-mode: screen;
}

.slide.tag-intro-solo .tag-intro-tag {
    font-size: clamp(1.05rem, 1.5vw, 1.3rem);
    text-align: center;
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.5;
    margin: 0;
    max-width: 780px;
}

.tag-plus-list-big {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    width: 100%;
    max-width: 900px;
}

.tag-plus-list-big li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 18px;
    font-size: clamp(1rem, 1.35vw, 1.2rem);
    color: rgba(255, 255, 255, 0.95);
    line-height: 1.3;
    font-weight: 600;
    background: rgba(240, 192, 64, 0.07);
    border: 1px solid rgba(240, 192, 64, 0.2);
    border-left: 3px solid var(--gold);
    border-radius: 10px;
}

.tag-plus-list-big li::before {
    content: "✓";
    font-size: 1rem;
    font-weight: 900;
    color: var(--gold);
    flex-shrink: 0;
    text-shadow: 0 0 10px rgba(240, 192, 64, 0.7);
}

.tag-plus-list-big li::after {
    display: none;
}

@media (max-width: 900px) {
    .tag-plus-list-big {
        grid-template-columns: 1fr;
    }
}

/* === Emotsioonid (slide 15) === */
.emotsioonid-icons {
    display: flex;
    justify-content: center;
    gap: 22px;
    margin: 4px 0 12px;
}

.emotion-chip {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 14px 28px;
    border-radius: 14px;
    border: 1.5px solid;
    min-width: 160px;
}

.emotion-fear {
    border-color: rgba(255, 107, 107, 0.4);
    background: rgba(255, 107, 107, 0.06);
}

.emotion-greed {
    border-color: rgba(81, 207, 102, 0.4);
    background: rgba(81, 207, 102, 0.06);
}

.emotion-icon {
    font-size: clamp(2.2rem, 3.4vw, 3rem);
    line-height: 1;
}

.emotion-label {
    font-size: clamp(1rem, 1.4vw, 1.2rem);
    font-weight: 800;
    letter-spacing: 0.5px;
    margin-top: 2px;
}

.emotion-fear .emotion-label { color: var(--red-soft); }
.emotion-greed .emotion-label { color: var(--green-soft); }

.emotion-sub {
    font-size: clamp(0.78rem, 1vw, 0.92rem);
    color: var(--gray-light);
    text-transform: uppercase;
    letter-spacing: 1.2px;
}

.emotsioonid-lead {
    margin: 0;
}

.emotsioonid-lead + .emotsioonid-lead {
    margin-top: 14px;
}

/* === BIX Kaart === */
.slide.bix-card-slide {
    background:
        linear-gradient(135deg, rgba(5,5,12,0.92) 0%, rgba(10,8,28,0.88) 100%),
        url('images/bg-luxury.png') center/cover no-repeat,
        #050510;
}

.slide.bix-card-slide .slide-content {
    gap: 10px;
    max-width: 1300px;
    width: 100%;
    justify-content: center;
    padding-top: 2vh;
    transform: scale(0.9);
    transform-origin: center center;
}

.bix-top {
    text-align: center;
}

.bix-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    text-align: center;
}

.bix-badges-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.bix-app-badge {
    background: rgba(0,200,255,0.10);
    border-color: rgba(0,200,255,0.35);
    color: var(--cyan);
}

.bix-launch-badge {
    display: inline-block;
    font-size: clamp(0.7rem, 1vw, 0.85rem);
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--gold);
    background: rgba(240,192,64,0.12);
    border: 1px solid rgba(240,192,64,0.35);
    border-radius: 999px;
    padding: 4px 16px;
}

.bix-title {
    font-size: clamp(2.8rem, 5.5vw, 5.2rem);
    font-weight: 900;
    letter-spacing: -1px;
    line-height: 1;
    margin: 0;
    color: #fff;
    text-shadow: 0 0 40px rgba(100,160,255,0.4);
}

.bix-sub {
    font-size: clamp(0.85rem, 1.2vw, 1.05rem);
    font-weight: 500;
    color: rgba(255,255,255,0.7);
    letter-spacing: 1px;
    margin: 0;
}

.bix-layout {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 24px;
    width: 100%;
    align-items: center;
}

.bix-video-wrap {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.12);
    box-shadow: 0 16px 48px rgba(0,0,0,0.7);
    background: #000;
    aspect-ratio: 16/9;
}

.bix-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

.bix-card-visual {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bix-mock-number {
    text-align: center;
    font-size: clamp(0.75rem, 1.3vw, 1.1rem);
    letter-spacing: 5px;
    color: rgba(255,255,255,0.35);
    font-family: 'Courier New', monospace;
}

.bix-info-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    width: 100%;
}

.bix-info-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 16px;
    background: rgba(20,22,30,0.72);
    border: 1px solid rgba(240,192,64,0.18);
    border-left: 3px solid var(--gold);
    border-radius: 10px;
}

.bix-info-icon {
    font-size: clamp(1.2rem, 1.8vw, 1.6rem);
    flex-shrink: 0;
    line-height: 1;
}

.bix-info-body {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.bix-info-body strong {
    color: #fff;
    font-size: clamp(0.8rem, 1vw, 0.96rem);
    font-weight: 700;
    display: block;
}

.bix-info-body span {
    color: var(--gray-light);
    font-size: clamp(0.7rem, 0.88vw, 0.82rem);
    display: block;
}

.bix-mock-card {
    width: 100%;
    max-width: 400px;
    aspect-ratio: 1.586;
    border-radius: 22px;
    background: linear-gradient(135deg, #0d0d1e 0%, #1a1050 45%, #0d0d2e 100%);
    border: 1px solid rgba(240,192,64,0.45);
    box-shadow: 0 20px 60px rgba(0,0,0,0.8), 0 0 80px rgba(240,192,64,0.14), inset 0 1px 0 rgba(255,255,255,0.08);
    padding: 7% 9%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}

.bix-mock-card::before {
    content: '';
    position: absolute;
    top: -30%;
    right: -20%;
    width: 70%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(100,160,255,0.14) 0%, transparent 70%);
    pointer-events: none;
}

.bix-mock-card::after {
    content: '';
    position: absolute;
    bottom: -25%;
    left: -10%;
    width: 50%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(240,192,64,0.10) 0%, transparent 70%);
    pointer-events: none;
}

.bix-mock-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.bix-mock-brand {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(1.8rem, 4.5vw, 3.8rem);
    font-weight: 900;
    color: var(--gold);
    letter-spacing: 8px;
    text-shadow: 0 0 30px rgba(240,192,64,0.55);
    line-height: 1;
}

.bix-mock-chip {
    font-size: clamp(1rem, 2.2vw, 1.8rem);
    color: rgba(240,192,64,0.65);
    line-height: 1;
}

.bix-mock-tiers {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.bix-mock-tier-pill {
    font-size: clamp(0.6rem, 1vw, 0.82rem);
    font-weight: 700;
    letter-spacing: 0.8px;
    padding: 5px 12px;
    border-radius: 999px;
    text-transform: uppercase;
}

.bix-mock-std {
    background: rgba(140,190,255,0.15);
    border: 1px solid rgba(140,190,255,0.4);
    color: #a8d4ff;
}

.bix-mock-metal {
    background: rgba(240,192,64,0.14);
    border: 1px solid rgba(240,192,64,0.5);
    color: var(--gold);
}

.bix-mock-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.bix-mock-holder {
    font-size: clamp(0.5rem, 0.85vw, 0.72rem);
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.45);
}

.bix-mock-nfc {
    font-size: clamp(0.85rem, 1.6vw, 1.3rem);
    color: rgba(255,255,255,0.35);
    letter-spacing: -3px;
}

/* === BIX Visa kaart (CSS-built replica) === */
.bix-card-css {
    width: clamp(280px, 28vw, 440px);
    aspect-ratio: 1.586 / 1;
    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,0.20), transparent 50%),
        linear-gradient(135deg, #e0f55c 0%, #c5e23f 50%, #aac82a 100%);
    border-radius: clamp(16px, 1.6vw, 26px);
    padding: clamp(18px, 2.2vw, 32px) clamp(22px, 2.6vw, 38px);
    position: relative;
    box-shadow:
        0 30px 60px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(255, 255, 255, 0.10) inset,
        0 0 50px rgba(255, 212, 0, 0.18);
    display: grid;
    grid-template-rows: 1fr auto 1fr;
    color: rgba(255, 255, 255, 0.92);
}
.bix-row-top { display: flex; align-items: flex-start; justify-content: flex-start; }
.bix-row-mid { display: flex; align-items: center; gap: clamp(16px, 1.8vw, 30px); }
.bix-row-bot { display: flex; align-items: flex-end; justify-content: flex-end; }

.bix-tm-mark {
    display: flex;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: clamp(26px, 3vw, 48px);
    line-height: 1;
    color: #ffffff;
    letter-spacing: -0.04em;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.25));
}
.bix-tm-z {
    display: inline-block;
    transform: skewX(-14deg) scale(1, 1.1);
    margin-right: -8px;
}
.bix-tm-t { display: inline-block; }

.bix-chip {
    width: clamp(42px, 4.6vw, 72px);
    height: clamp(34px, 3.6vw, 56px);
    border-radius: clamp(5px, 0.5vw, 8px);
    background: linear-gradient(135deg, #f0d77a 0%, #d4af5a 40%, #c89540 60%, #d4af5a 100%);
    position: relative;
    box-shadow: inset 0 1px 2px rgba(255,255,255,0.35), inset 0 -2px 3px rgba(0,0,0,0.18);
}
.bix-chip-grid {
    position: absolute;
    inset: clamp(4px, 0.5vw, 8px);
    border-radius: 3px;
    background:
        linear-gradient(90deg, transparent 24%, rgba(0,0,0,0.30) 24% 26%, transparent 26% 49%, rgba(0,0,0,0.30) 49% 51%, transparent 51% 74%, rgba(0,0,0,0.30) 74% 76%, transparent 76%),
        linear-gradient(0deg, transparent 30%, rgba(0,0,0,0.30) 30% 32%, transparent 32% 65%, rgba(0,0,0,0.30) 65% 67%, transparent 67%);
}

.bix-nfc {
    position: relative;
    width: clamp(30px, 3.2vw, 50px);
    height: clamp(30px, 3.2vw, 50px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.bix-nfc .nfc-arc {
    position: absolute;
    border: clamp(2.5px, 0.3vw, 4px) solid #ffffff;
    border-color: transparent #ffffff #ffffff transparent;
    border-radius: 50%;
    filter: drop-shadow(0 2px 3px rgba(0,0,0,0.25));
}
.bix-nfc .nfc-1 { width: 26%; height: 26%; }
.bix-nfc .nfc-2 { width: 56%; height: 56%; }
.bix-nfc .nfc-3 { width: 90%; height: 90%; }

.bix-visa {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-style: italic;
    font-size: clamp(26px, 2.8vw, 46px);
    color: #ffffff;
    letter-spacing: -0.02em;
    line-height: 1;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.25));
}

/* Krüpto deposiitidel · 3% tasu — note alla info-gridi */
.bix-crypto-note {
    margin: 12px 0 0;
    text-align: center;
    font-size: clamp(0.95rem, 1.2vw, 1.15rem);
    font-weight: 600;
    color: rgba(255, 255, 255, 0.88);
    letter-spacing: 0.2px;
}
.bix-crypto-note strong {
    color: var(--gold);
    font-weight: 800;
}
.bix-crypto-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6em;
    height: 1.6em;
    border-radius: 999px;
    background: rgba(255, 212, 0, 0.18);
    border: 1px solid rgba(255, 212, 0, 0.45);
    color: var(--gold);
    font-weight: 900;
    margin-right: 6px;
    vertical-align: -0.25em;
}

.bix-tiers {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.bix-tier {
    border-radius: 14px;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    border: 1px solid transparent;
}

.bix-tier-label {
    font-size: clamp(0.7rem, 0.9vw, 0.8rem);
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    opacity: 0.7;
    color: #fff;
}

.bix-tier-price {
    font-size: clamp(2rem, 3.2vw, 3rem);
    font-weight: 900;
    line-height: 1;
    color: #fff;
}

.bix-tier-price small {
    font-size: 0.5em;
    font-weight: 500;
    opacity: 0.7;
}

.bix-tier-limit {
    font-size: clamp(0.9rem, 1.2vw, 1.1rem);
    color: rgba(255,255,255,0.8);
    line-height: 1.3;
    margin-top: 4px;
}

.bix-tier-limit strong { color: #fff; font-weight: 700; }

.bix-tier-chip {
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 4px;
    opacity: 0.6;
    color: #fff;
}

.bix-std {
    background: linear-gradient(145deg, #111828, #1a2240);
    border-color: rgba(120,160,255,0.35);
}
.bix-std .bix-tier-price { color: #90b8ff; }

.bix-metal {
    background: linear-gradient(145deg, #16141c, #24222e);
    border-color: rgba(210,210,240,0.35);
    box-shadow: 0 0 24px rgba(180,180,220,0.1);
}
.bix-metal .bix-tier-price {
    background: linear-gradient(90deg, #d0d0e8, #f8f8ff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bix-features {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.bix-features li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 10px;
    padding: 10px 12px;
    flex: 1;
}

.bix-feat-icon {
    font-size: 1.2rem;
    flex-shrink: 0;
    line-height: 1.3;
}

.bix-features li div {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.bix-features li strong {
    font-size: clamp(1rem, 1.3vw, 1.2rem);
    font-weight: 700;
    color: #fff;
}

.bix-features li span {
    font-size: clamp(0.82rem, 1.05vw, 0.95rem);
    color: rgba(255,255,255,0.65);
}

/* === Ökosüsteem (Teenid Hoiad Kulutad) === */
.slide.ecosystem-slide .slide-content { gap: 10px; max-width: 1320px; }

.ecosystem-title {
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1.1;
    margin-bottom: 0;
    color: var(--white);
    letter-spacing: 0.5px;
}

.ecosystem-title .lead-yellow {
    color: var(--gold);
    text-shadow: 0 0 28px rgba(240, 192, 64, 0.5);
}

.ecosystem-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    width: 100%;
    margin-top: 4px;
}

.eco-big-card {
    position: relative;
    padding: 22px 18px 18px;
    background: rgba(20, 22, 30, 0.78);
    border: 2px solid var(--gold-dim);
    border-radius: 18px;
    box-shadow: inset 0 0 32px rgba(240, 192, 64, 0.05);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.eco-card-bit1 { border-color: rgba(81, 207, 102, 0.4); box-shadow: inset 0 0 32px rgba(81, 207, 102, 0.05); }
.eco-card-bix { border-color: rgba(81, 207, 102, 0.4); box-shadow: inset 0 0 32px rgba(81, 207, 102, 0.05); }

.eco-num {
    position: absolute;
    top: 14px;
    left: 18px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1.5px solid var(--gold);
    color: var(--gold);
    font-weight: 800;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(10, 10, 14, 0.85);
}

.eco-card-bit1 .eco-num,
.eco-card-bix .eco-num {
    border-color: var(--green-soft);
    color: var(--green-soft);
}

.eco-logo-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 6px;
}

.eco-emoji {
    font-size: clamp(1.6rem, 2.2vw, 2rem);
    line-height: 1;
}

.eco-name {
    font-size: clamp(1.4rem, 2vw, 1.8rem);
    font-weight: 800;
    color: #fff;
    letter-spacing: 0.5px;
}

.eco-card-bit1 .eco-name,
.eco-card-bix .eco-name { color: var(--green-soft); }

.eco-tagline {
    font-size: clamp(0.92rem, 1.2vw, 1.1rem);
    color: var(--gray-light);
    margin: 0 0 6px;
}

.eco-stat-row {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.eco-stat-pill {
    padding: 6px 12px;
    background: rgba(10, 10, 14, 0.6);
    border: 1px solid var(--dark-border);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.eco-stat-lbl {
    font-size: 0.7rem;
    color: var(--gray);
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.eco-stat-val {
    font-size: clamp(0.92rem, 1.2vw, 1.05rem);
    font-weight: 800;
    color: #fff;
}

.eco-green { color: var(--green-soft); }

.eco-balance-card {
    padding: 12px 14px;
    background: rgba(10, 10, 14, 0.6);
    border: 1px solid var(--dark-border);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.eco-balance-lbl {
    font-size: 0.72rem;
    color: var(--gray);
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.eco-balance-val {
    font-size: clamp(1.1rem, 1.5vw, 1.3rem);
    font-weight: 800;
    color: #fff;
}

.eco-balance-sub {
    font-size: 0.78rem;
    color: var(--gray-light);
}

.eco-visa-card {
    padding: 26px 18px;
    background: linear-gradient(135deg, #51cf66 0%, #3aa84a 100%);
    border-radius: 12px;
    color: #0a0a0e;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    box-shadow: 0 6px 20px rgba(81, 207, 102, 0.3);
}

.eco-visa-brand {
    font-size: clamp(1.4rem, 1.8vw, 1.6rem);
    font-weight: 800;
    letter-spacing: 0.5px;
}

.eco-visa-debit {
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    opacity: 0.85;
}

.eco-features {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
}

.eco-features span {
    padding: 5px 10px;
    background: rgba(10, 10, 14, 0.5);
    border: 1px solid var(--dark-border);
    border-radius: 6px;
    font-size: clamp(0.7rem, 0.9vw, 0.82rem);
    color: var(--gray-light);
    font-weight: 600;
}

.ecosystem-strategies {
    width: 100%;
    margin-top: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.strategies-label {
    font-size: clamp(0.75rem, 1vw, 0.9rem);
    color: var(--cyan);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    margin-bottom: 2px;
}

.strategies-grid {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
}

.strategy-chip {
    padding: 7px 14px;
    background: rgba(20, 22, 30, 0.7);
    border: 1px solid rgba(0, 200, 255, 0.4);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.strategy-chip strong {
    font-size: clamp(0.78rem, 1vw, 0.9rem);
    color: var(--cyan);
    letter-spacing: 0.5px;
}

.strategy-chip span {
    font-size: 0.65rem;
    color: var(--gray-light);
}

.strategy-chip-coming {
    border-style: dashed;
    color: var(--gray-light);
}

.strategy-chip-coming strong {
    color: var(--gray-light);
}

/* === Veebipõhine äri (lihtne) === */
.start-list-big {
    max-width: 980px;
    gap: 16px;
}

.start-list-big .start-row {
    padding: 22px 28px;
    gap: 24px;
    align-items: center;
}

.start-list-big .start-row .num {
    font-size: clamp(1.4rem, 2vw, 1.8rem);
    width: clamp(56px, 7vw, 72px);
    height: clamp(56px, 7vw, 72px);
    border-width: 3px;
}

.start-list-big .start-row h4 {
    font-size: clamp(1.4rem, 2vw, 1.8rem);
    margin-bottom: 6px;
}

.start-list-big .start-row p {
    font-size: clamp(1rem, 1.3vw, 1.2rem);
    line-height: 1.4;
}

/* === Aprilli kampaania === */
.slide.kampaania-slide .slide-content { gap: 10px; max-width: 1280px; }

.kampaania-badge {
    display: inline-block;
    padding: 6px 18px;
    background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dim) 100%);
    color: #0a0a0e;
    border-radius: 999px;
    font-size: clamp(0.78rem, 1vw, 0.95rem);
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    box-shadow: 0 6px 20px rgba(240, 192, 64, 0.35);
}

.kampaania-title {
    font-size: clamp(1.05rem, 1.9vw, 1.7rem);
    line-height: 1.15;
    margin: 4px 0 0;
}

.kampaania-pool {
    display: grid;
    grid-template-columns: 1fr 1.4fr 1fr;
    gap: 14px;
    width: 100%;
    max-width: 1100px;
    margin-top: 6px;
    align-items: stretch;
}

.pool-stat {
    padding: 16px 18px;
    background: rgba(20, 22, 30, 0.7);
    border: 1.5px solid var(--gold-dim);
    border-radius: 14px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: inset 0 0 24px rgba(240, 192, 64, 0.05);
}

.pool-stat-main {
    border-color: var(--gold);
    box-shadow: 0 0 32px rgba(240, 192, 64, 0.25), inset 0 0 32px rgba(240, 192, 64, 0.08);
}

.pool-num {
    font-size: clamp(1.4rem, 2.4vw, 2rem);
    font-weight: 800;
    color: var(--gold);
    line-height: 1;
    letter-spacing: -0.5px;
}

.pool-num-big {
    font-size: clamp(2rem, 3.6vw, 3.2rem);
    text-shadow: 0 0 24px rgba(240, 192, 64, 0.45);
}

.pool-lbl {
    font-size: clamp(0.74rem, 0.95vw, 0.88rem);
    color: var(--gray-light);
    text-transform: uppercase;
    letter-spacing: 1.2px;
    line-height: 1.3;
}

.kampaania-rule {
    font-size: clamp(0.92rem, 1.25vw, 1.1rem);
    color: var(--white);
    text-align: center;
    margin: 8px 0 4px;
    line-height: 1.5;
    max-width: 1100px;
}

.kampaania-examples {
    width: 100%;
    max-width: 1100px;
    margin-top: 4px;
}

.examples-label {
    font-size: clamp(0.85rem, 1.1vw, 1rem);
    color: var(--gold);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 800;
    text-align: center;
    margin: 0 0 10px;
}

.examples-pool {
    color: var(--gray-light);
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0.5px;
}

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

.example-card {
    padding: 16px 18px;
    background: rgba(20, 22, 30, 0.6);
    border: 1px solid var(--dark-border);
    border-radius: 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
    transition: 0.3s var(--ease);
}

.example-card-mid {
    border-color: var(--gold-dim);
    background: rgba(20, 22, 30, 0.78);
    box-shadow: inset 0 0 24px rgba(240, 192, 64, 0.06);
}

.example-shares {
    font-size: clamp(0.85rem, 1.1vw, 1rem);
    color: var(--gray-light);
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-weight: 700;
}

.example-value {
    font-size: clamp(1.6rem, 2.6vw, 2.2rem);
    font-weight: 800;
    color: var(--gold);
    line-height: 1;
    margin-top: 2px;
}

.example-per {
    font-size: clamp(0.74rem, 0.95vw, 0.85rem);
    color: var(--gray);
    letter-spacing: 0.3px;
}

/* === Alusta (slide 30) === */
.slide.alusta-slide .slide-content { gap: 12px; max-width: 1280px; }

.alusta-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    width: 100%;
    margin-top: 4px;
}

.alusta-step {
    position: relative;
    padding: 22px 22px 20px;
    background: rgba(20, 22, 30, 0.7);
    border: 1.5px solid var(--gold-dim);
    border-radius: 16px;
    box-shadow: inset 0 0 32px rgba(240, 192, 64, 0.06);
    text-align: center;
}

.alusta-num {
    position: absolute;
    top: 14px;
    left: 18px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1.5px solid var(--gold);
    color: var(--gold);
    font-weight: 800;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(10, 10, 14, 0.8);
}

.alusta-icon {
    display: inline-block;
    font-size: clamp(2rem, 3vw, 2.6rem);
    line-height: 1;
    margin: 8px 0 12px;
}

.alusta-step h4 {
    color: var(--gold);
    font-size: clamp(1.1rem, 1.5vw, 1.35rem);
    font-weight: 800;
    margin: 0 0 8px;
    letter-spacing: 0.4px;
}

.alusta-step p {
    font-size: clamp(0.85rem, 1.1vw, 1rem);
    color: #ffffff;
    font-weight: 600;
    margin: 0;
    line-height: 1.4;
    text-shadow: 0 0 14px rgba(255,255,255,0.28);
}

.deposit-methods {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    width: 100%;
    margin-top: 10px;
    position: relative;
}

.dep-coming {
    border-style: dashed;
    border-color: rgba(0,200,255,0.35);
    background: rgba(0,200,255,0.05);
}
.dep-coming h5 { color: var(--cyan); }

.deposit-method {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 22px;
    background: rgba(20, 22, 30, 0.7);
    border: 1.5px solid var(--gold-dim);
    border-radius: 14px;
    box-shadow: inset 0 0 24px rgba(240, 192, 64, 0.05);
}

.dep-icon {
    font-size: clamp(1.7rem, 2.4vw, 2.2rem);
    flex-shrink: 0;
    color: var(--gold);
    width: 44px;
    text-align: center;
}

.dep-body h5 {
    color: var(--gold);
    font-size: clamp(1rem, 1.35vw, 1.2rem);
    font-weight: 800;
    margin: 0 0 4px;
    letter-spacing: 0.3px;
}

.dep-body p {
    font-size: clamp(0.85rem, 1.1vw, 1rem);
    color: #ffffff;
    font-weight: 600;
    margin: 0;
    line-height: 1.35;
    text-shadow: 0 0 14px rgba(255,255,255,0.28);
}

.deposit-note {
    grid-column: 1 / -1;
    text-align: center;
    margin: 4px 0 0;
    font-size: clamp(0.78rem, 1vw, 0.92rem);
    color: var(--gold);
    font-style: italic;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-shadow: 0 0 14px rgba(240,192,64,0.45);
}

/* === CopyX MAM (slide 16) === */
.slide.mam-slide .slide-content { gap: 10px; max-width: 1300px; }

.mam-cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    width: 100%;
    margin-top: 4px;
}

.mam-cards-3 {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.mam-cards-3 .mam-card { padding: 18px 18px 16px; }
.mam-cards-3 .mam-card h4 { font-size: clamp(1rem, 1.3vw, 1.2rem); }
.mam-cards-3 .mam-card p { font-size: clamp(0.85rem, 1.1vw, 1rem); line-height: 1.45; }
.mam-cards-3 .mam-icon { font-size: clamp(1.6rem, 2.2vw, 2rem); margin-bottom: 8px; }

.mam-flow-equal {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    width: 100%;
    margin-top: 14px;
}

.mam-flow-equal .node {
    width: 100%;
    min-width: 0;
}

.mam-card {
    padding: 14px 14px 12px;
    background: rgba(20, 22, 30, 0.7);
    border: 1px solid var(--gold-dim);
    border-radius: 12px;
    box-shadow: inset 0 0 24px rgba(240, 192, 64, 0.05);
    text-align: left;
    display: flex;
    flex-direction: column;
}

.mam-icon {
    font-size: clamp(1.4rem, 2vw, 1.8rem);
    line-height: 1;
    margin-bottom: 6px;
}

.mam-card h4 {
    color: var(--gold);
    font-size: clamp(0.85rem, 1.15vw, 1.05rem);
    font-weight: 800;
    margin: 0 0 6px;
    letter-spacing: 0.3px;
    line-height: 1.15;
}

.mam-card p {
    font-size: clamp(0.72rem, 0.92vw, 0.85rem);
    color: var(--gray-light);
    margin: 0;
    line-height: 1.35;
}

.mam-flow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 14px;
    flex-wrap: wrap;
}

.tag-plus-list {
    list-style: none;
    margin: 4px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.tag-plus-list li {
    font-size: clamp(0.95rem, 1.3vw, 1.15rem);
    color: var(--white);
    font-weight: 600;
    padding: 8px 12px 8px 36px;
    position: relative;
    background: rgba(20, 22, 30, 0.55);
    border: 1px solid var(--gold-dim);
    border-radius: 10px;
    line-height: 1.3;
    text-align: left;
}

.tag-plus-list li::before {
    content: "✓";
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--gold);
    font-weight: 800;
    font-size: 1em;
}

.tag-pros-cons {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 12px;
    width: 100%;
    margin-top: 2px;
}

.tag-col {
    padding: 12px 14px;
    background: rgba(20, 22, 30, 0.65);
    border: 1px solid var(--gold-dim);
    border-radius: 12px;
    box-shadow: inset 0 0 24px rgba(240, 192, 64, 0.05);
}

.tag-col.tag-col-cons {
    border-color: rgba(255, 107, 107, 0.35);
    box-shadow: inset 0 0 24px rgba(255, 107, 107, 0.04);
}

.tag-col-title {
    font-size: clamp(0.85rem, 1.15vw, 1rem);
    color: var(--gold);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 800;
    margin: 0 0 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--gold-dim);
    text-align: left;
}

.tag-col.tag-col-cons .tag-col-title {
    color: var(--red-soft);
    border-bottom-color: rgba(255, 107, 107, 0.4);
}

.tag-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    text-align: left;
}

.tag-col li {
    font-size: clamp(0.74rem, 0.95vw, 0.86rem);
    color: var(--gray-light);
    padding-left: 16px;
    position: relative;
    line-height: 1.35;
}

.tag-col li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--gold);
    font-weight: 800;
    font-size: 0.9em;
}

.tag-col.tag-col-cons li::before {
    content: "−";
    color: var(--red-soft);
    font-size: 1.1em;
    line-height: 1.2;
}

.tag-eco-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    width: 100%;
}

.tag-eco-card {
    padding: 10px 12px;
    background: rgba(20, 22, 30, 0.7);
    border: 1px solid var(--gold-dim);
    border-radius: 10px;
    text-align: left;
    box-shadow: inset 0 0 24px rgba(240, 192, 64, 0.05);
    position: relative;
}

.tag-eco-num {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1.5px solid var(--gold-dim);
    color: var(--gold);
    font-weight: 800;
    font-size: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tag-eco-card h4 {
    color: var(--gold);
    font-size: clamp(0.88rem, 1.2vw, 1.05rem);
    font-weight: 800;
    margin: 0 0 2px;
    letter-spacing: 0.3px;
    line-height: 1.1;
}

.tag-eco-card p {
    font-size: clamp(0.7rem, 0.92vw, 0.82rem);
    color: var(--gray-light);
    margin: 0;
    line-height: 1.25;
}

/* === Litsents slide (slide 11) === */
.slide.litsents-slide {
    background:
        linear-gradient(180deg, rgba(10, 12, 18, 0.55) 0%, rgba(10, 12, 18, 0.78) 100%),
        url('images/litsents-bg.png?v=2') center / 100% 100% no-repeat,
        #0a0a0e;
}

.slide.litsents-slide .slide-content {
    gap: 8px;
    max-width: 1320px;
    width: 100%;
}

.litsents-grid {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 24px;
    align-items: stretch;
    width: 100%;
    margin-top: 4px;
}

.litsents-grid .panel { margin: 0; padding: 18px 24px; }
.litsents-grid .panel .row { font-size: clamp(0.95rem, 1.3vw, 1.2rem); padding: 9px 0; }
.litsents-grid .panel h3 { font-size: clamp(1.5rem, 2vw, 1.8rem); }

.litsents-shot {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    border: 2px solid var(--gold-dim);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55);
    text-decoration: none;
    transition: 0.3s var(--ease);
}

.litsents-shot:hover {
    border-color: var(--gold);
    transform: translateY(-2px);
    box-shadow: 0 14px 46px rgba(240, 192, 64, 0.25);
}

.litsents-shot img {
    width: 100%;
    flex: 1;
    min-height: 0;
    object-fit: contain;
    object-position: top center;
    display: block;
    padding: 10px;
    background: #fff;
}

.litsents-shot-link {
    display: block;
    background: #1f4eb2;
    color: #fff;
    padding: 14px 20px;
    font-size: clamp(1.05rem, 1.3vw, 1.2rem);
    font-weight: 700;
    letter-spacing: 0.5px;
    text-align: center;
}

.litsents-compliance {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 24px;
    width: 100%;
    margin-top: 8px;
}

.litsents-comp-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 15px 24px;
    background: rgba(20,22,30,0.70);
    border: 1px solid rgba(240,192,64,0.20);
    border-left: 3px solid var(--gold);
    border-radius: 10px;
}

.litsents-comp-icon {
    font-size: clamp(1.7rem, 2.4vw, 2.1rem);
    flex-shrink: 0;
    line-height: 1;
}

.litsents-comp-item div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.litsents-comp-item strong {
    color: #fff;
    font-size: clamp(1.15rem, 1.5vw, 1.4rem);
    font-weight: 700;
    display: block;
}

.litsents-comp-item span {
    color: var(--gray-light);
    font-size: clamp(1rem, 1.25vw, 1.18rem);
    display: block;
    line-height: 1.3;
}

/* === Choice cards (slide 21 — Kaheksas maailmaime) === */
.choice-cards {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    width: 100%;
    max-width: 1100px;
    margin-top: 14px;
}

.choice-card {
    flex: 1;
    background: rgba(20, 22, 30, 0.7);
    border: 2px solid var(--gold-dim);
    border-radius: 16px;
    padding: 26px 24px;
    text-align: center;
    position: relative;
    transition: 0.3s var(--ease);
    box-shadow: inset 0 0 32px rgba(240, 192, 64, 0.05);
}

.choice-card:hover {
    border-color: var(--gold);
    transform: translateY(-3px);
    box-shadow: 0 12px 36px rgba(240, 192, 64, 0.2), inset 0 0 32px rgba(240, 192, 64, 0.08);
}

.choice-card.cyan-col {
    border-color: rgba(0, 200, 255, 0.45);
}

.choice-card.cyan-col:hover {
    border-color: var(--cyan);
    box-shadow: 0 12px 36px rgba(0, 200, 255, 0.25), inset 0 0 32px rgba(0, 200, 255, 0.08);
}

.choice-card .choice-num {
    position: absolute;
    top: 14px;
    left: 18px;
    font-size: clamp(1.5rem, 2.2vw, 2rem);
    color: var(--gold);
    font-weight: 800;
    opacity: 0.7;
}

.choice-card.cyan-col .choice-num {
    color: var(--cyan);
}

.choice-card .big {
    display: block;
    font-size: clamp(2rem, 4vw, 3.4rem);
    font-weight: 800;
    color: var(--gold);
    line-height: 1.1;
    margin-bottom: 10px;
}

.choice-card.cyan-col .big {
    color: var(--cyan);
}

.choice-detail {
    font-size: clamp(0.9rem, 1.2vw, 1.1rem);
    color: var(--gray-light);
    margin: 0;
    line-height: 1.4;
}

.choice-vs {
    font-size: clamp(1.2rem, 1.8vw, 1.6rem);
    color: var(--gold);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    flex-shrink: 0;
}

.slide.tag-safe-slide .slide-content {
    gap: 16px;
    max-width: 1300px;
    width: 100%;
    height: 100%;
    justify-content: center;
}

.tag-safe-layout {
    display: grid;
    grid-template-columns: 38% 1fr;
    gap: 36px;
    width: 100%;
    align-items: stretch;
}

.tag-safe-photo {
    width: 100%;
    height: 100%;
    min-height: 56vh;
    max-height: 64vh;
    object-fit: cover;
    object-position: center;
    border-radius: 14px;
    border: 2px solid var(--gold-dim);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.7);
    image-orientation: from-image;
}

.tag-safe-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
}

.tag-safe-logo {
    height: clamp(64px, 9vh, 100px);
    width: auto;
    mix-blend-mode: screen;
    filter: brightness(1.15) contrast(1.05);
    align-self: flex-end;
}

.trust-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    width: 100%;
}

.trust-list li {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    background: rgba(20, 22, 30, 0.65);
    border: 1px solid var(--gold-dim);
    border-radius: 14px;
    box-shadow: inset 0 0 24px rgba(240, 192, 64, 0.05);
}

.trust-list .trust-icon {
    font-size: clamp(1.6rem, 2.2vw, 2rem);
    line-height: 1;
    flex-shrink: 0;
}

.trust-list h4 {
    font-size: clamp(1rem, 1.4vw, 1.2rem);
    color: var(--gold);
    margin: 0 0 3px;
    font-weight: 800;
    letter-spacing: 0.3px;
    line-height: 1.15;
}

.trust-list p {
    font-size: clamp(0.82rem, 1.05vw, 0.95rem);
    color: var(--gray-light);
    margin: 0;
    line-height: 1.35;
}

.tag-safe-bottom {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 24px;
    width: 100%;
    align-items: stretch;
}

.fsc-proof {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    border: 2px solid var(--gold-dim);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.55);
    text-decoration: none;
    transition: 0.3s var(--ease);
    max-height: 18vh;
    min-height: 130px;
}

.fsc-proof:hover {
    border-color: var(--gold);
    box-shadow: 0 12px 36px rgba(240, 192, 64, 0.25);
    transform: translateY(-2px);
}

.fsc-proof img {
    width: 100%;
    display: block;
    object-fit: cover;
    object-position: top center;
    flex: 1;
    min-height: 0;
}

.fsc-proof-link {
    display: block;
    background: #1f4eb2;
    color: #fff;
    padding: 10px 16px;
    font-size: clamp(0.85rem, 1.1vw, 1rem);
    font-weight: 700;
    letter-spacing: 0.5px;
    text-align: center;
}

.trust-tagline {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 22px;
    background: rgba(20, 22, 30, 0.65);
    border: 1px solid var(--gold-dim);
    border-radius: 14px;
    box-shadow: inset 0 0 24px rgba(240, 192, 64, 0.05);
}

.trust-tagline-icon {
    font-size: clamp(1.8rem, 2.6vw, 2.4rem);
    flex-shrink: 0;
}

.trust-tagline-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.trust-tagline-text strong {
    color: var(--gold);
    font-size: clamp(1.05rem, 1.5vw, 1.3rem);
    letter-spacing: 0.8px;
    font-weight: 800;
}

.trust-tagline-sub {
    font-size: clamp(0.82rem, 1.05vw, 0.96rem);
    color: var(--gray-light);
    line-height: 1.35;
}

.slide.sonic-slide .slide-content { gap: 8px; }

.slide.sonic-slide h1.sonic-title {
    font-size: clamp(2.3rem, 4.6vw, 4rem);
    color: var(--gold);
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.65), 0 0 24px rgba(240, 192, 64, 0.18);
    letter-spacing: 0.08em;
    line-height: 1;
    margin-bottom: 2px;
}

.sonic-tagline {
    font-size: clamp(1rem, 1.5vw, 1.35rem);
    color: #ffffff;
    text-align: center;
    letter-spacing: 1px;
    margin: 0 auto;
    max-width: 1000px;
    text-shadow: 0 2px 12px rgba(0,0,0,0.85);
}

.sonic-cells {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    gap: 12px;
    width: 100%;
    max-width: 1180px;
    margin: 4px 0 0;
}

.sonic-cell {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 3px;
    padding: 13px 14px;
    background: rgba(20, 22, 30, 0.78);
    border: 1px solid rgba(240, 192, 64, 0.35);
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
    transition: transform 0.25s var(--ease), border-color 0.25s var(--ease);
}

.sonic-cell:hover {
    transform: translateY(-2px);
    border-color: var(--gold);
}

.sonic-cell-icon {
    font-size: clamp(1.3rem, 1.9vw, 1.7rem);
    line-height: 1;
    margin-bottom: 2px;
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.45));
}

.sonic-cell-big {
    color: var(--gold);
    font-size: clamp(1.25rem, 1.9vw, 1.7rem);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.2px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.55);
}

.sonic-cell-lbl {
    color: #fff;
    font-size: clamp(0.82rem, 1.05vw, 0.98rem);
    font-weight: 600;
    line-height: 1.25;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.75);
}

.sonic-period {
    margin: 8px 0 0;
    color: var(--gold);
    font-size: clamp(0.78rem, 1vw, 0.95rem);
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    opacity: 0.85;
}

.sonic-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    width: 100%;
    max-width: 1100px;
    margin: 4px 0 0;
    align-items: stretch;
}

.sonic-features,
.sonic-stats {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    justify-content: center;
}

.sonic-feature,
.sonic-stat {
    flex: 0 0 auto;
}

.sonic-features {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sonic-feature {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 11px 16px;
    background: rgba(20, 22, 30, 0.65);
    border: 1px solid var(--gold-dim);
    border-radius: 12px;
    box-shadow: inset 0 0 24px rgba(240, 192, 64, 0.06);
}

.sonic-feature-icon {
    font-size: clamp(1.6rem, 2.4vw, 2rem);
    line-height: 1;
    flex-shrink: 0;
}

.sonic-feature-body h4 {
    color: var(--gold);
    font-size: clamp(1rem, 1.4vw, 1.25rem);
    font-weight: 700;
    margin: 0 0 3px;
    letter-spacing: 0.3px;
    text-shadow: 0 0 18px rgba(240,192,64,0.35);
}

.sonic-feature-body p {
    font-size: clamp(0.88rem, 1.1vw, 1.02rem);
    color: #ffffff;
    font-weight: 600;
    margin: 0;
    line-height: 1.35;
    text-shadow: 0 1px 10px rgba(0,0,0,0.8);
}

.sonic-stats {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sonic-stat {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 18px;
    background: rgba(20, 22, 30, 0.65);
    border: 1px solid var(--gold-dim);
    border-radius: 12px;
    box-shadow: inset 0 0 24px rgba(240, 192, 64, 0.06);
}

.sonic-stat-num {
    font-size: clamp(1.7rem, 2.8vw, 2.6rem);
    font-weight: 800;
    color: var(--gold);
    line-height: 1;
    letter-spacing: -0.5px;
    text-shadow: 0 0 22px rgba(240,192,64,0.45);
}

.sonic-stat-lbl {
    font-size: clamp(0.88rem, 1.1vw, 1.02rem);
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: right;
    text-shadow: 0 1px 10px rgba(0,0,0,0.8);
}

.sonic-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1100px;
    margin-top: 14px;
    gap: 24px;
}

.sonic-copiers {
    font-size: clamp(1rem, 1.5vw, 1.3rem);
    color: var(--white);
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.sonic-copiers-icon {
    font-size: 1.4em;
}

.sonic-copiers strong {
    color: var(--gold);
    font-size: 1.4em;
    font-weight: 800;
    letter-spacing: 0.5px;
}

.sonic-mfx-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 26px;
    background: rgba(20, 22, 30, 0.8);
    border: 1px solid var(--gold-dim);
    border-radius: 10px;
    color: var(--gold);
    font-weight: 700;
    text-decoration: none;
    font-size: clamp(0.95rem, 1.25vw, 1.1rem);
    letter-spacing: 0.5px;
    transition: 0.3s var(--ease);
    white-space: nowrap;
}

.sonic-mfx-link:hover {
    background: rgba(240, 192, 64, 0.12);
    border-color: var(--gold);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(240, 192, 64, 0.2);
}

.sonic-capacity {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    max-width: 1180px;
    margin: 8px 0 0;
    padding: 10px 18px;
    background: linear-gradient(135deg, rgba(240, 192, 64, 0.10), rgba(240, 192, 64, 0.03));
    border: 1px solid rgba(240, 192, 64, 0.55);
    border-radius: 14px;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.4);
}

.sonic-capacity-icon {
    font-size: clamp(1.4rem, 2vw, 1.9rem);
    line-height: 1;
    flex-shrink: 0;
}

.sonic-capacity-body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    line-height: 1.32;
}

.sonic-capacity-body strong {
    color: var(--gold);
    font-weight: 800;
    font-size: clamp(1.2rem, 1.6vw, 1.5rem);
    letter-spacing: 0.3px;
}

.sonic-capacity-body span {
    color: #e8e9ec;
    font-size: clamp(1.02rem, 1.3vw, 1.22rem);
    line-height: 1.4;
}

.sonic-capacity-body b {
    color: var(--gold);
    font-weight: 800;
}

/* "Aken sulgub..." kast avaneb alles "edasi" vajutusel (fragment).
   visibility:hidden reserveerib ruumi, et reveal'i ajal ei nihkuks. */
.slide.sonic-slide .sonic-capacity:not(.revealed) { visibility: hidden; }
.slide.active.sonic-slide .sonic-capacity.revealed {
    animation: exampleIn 0.55s var(--ease) both;
}

.mamm-lead {
    font-size: clamp(0.9rem, 1.3vw, 1.1rem);
    line-height: 1.55;
    max-width: 1080px;
    margin-top: 16px;
}

/* === TagMarkets redesign (slide 9) === */
.slide.tagmarkets-redesign .slide-content {
    width: 100%;
    max-width: none;
    align-items: stretch;
    padding: 0;
    gap: 0;
}

.tagmarkets-layout {
    display: grid;
    grid-template-columns: 42% 1fr;
    gap: 32px;
    align-items: stretch;
    width: 100%;
    height: clamp(420px, 70vh, 640px);
}

.tagmarkets-photo-big {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 16px;
    border: 2px solid var(--gold-dim);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.7);
    image-orientation: from-image;
}

.tagmarkets-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 18px;
    padding: 8px 0;
}

.tagmarkets-header {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}

.tagmarkets-logo-hero {
    height: clamp(64px, 9vh, 110px);
    width: auto;
    margin-bottom: 14px;
    mix-blend-mode: screen;
    filter: brightness(1.15) contrast(1.05);
}

.tagmarkets-redesign h1.tagmarkets-title {
    font-size: clamp(1.4rem, 2.6vw, 2.2rem);
    line-height: 1.15;
    text-align: right;
    margin-bottom: 8px;
    max-width: 100%;
}

.tagmarkets-subtitle {
    text-align: right;
    margin-bottom: 0;
    font-size: clamp(0.85rem, 1.2vw, 1.05rem);
    letter-spacing: 1.5px;
}

.tagmarkets-bullets-row {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin: 0;
    padding: 0;
}

.tagmarkets-bullets-row li {
    padding: 9px 14px 9px 26px;
    position: relative;
    background: rgba(20, 22, 30, 0.65);
    border: 1px solid var(--gold-dim);
    border-radius: 999px;
    font-size: clamp(0.72rem, 0.95vw, 0.88rem);
    font-weight: 600;
    white-space: nowrap;
    line-height: 1.2;
    letter-spacing: 0.3px;
}

.tagmarkets-bullets-row li::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background: var(--gold);
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(240, 192, 64, 0.6);
}

/* Generic trading-themed backdrops (reused across content slides) */
.slide.bg-charts {
    background:
        linear-gradient(180deg, rgba(10, 12, 18, 0.84) 0%, rgba(10, 12, 18, 0.78) 100%),
        url('images/bg-sharp-chart.png') center/cover no-repeat,
        #0a0a0e;
}

.slide.bg-gold {
    background:
        linear-gradient(180deg, rgba(10, 12, 18, 0.82) 0%, rgba(10, 12, 18, 0.78) 100%),
        url('images/bg-gold-bars.png') center/cover no-repeat,
        #0a0a0e;
}

.slide.bg-network {
    background:
        linear-gradient(180deg, rgba(10, 12, 18, 0.82) 0%, rgba(10, 12, 18, 0.78) 100%),
        url('images/bg-dome.png') center/cover no-repeat,
        #0a0a0e;
}

.slide.bg-growth {
    background:
        linear-gradient(180deg, rgba(10, 12, 18, 0.84) 0%, rgba(10, 12, 18, 0.8) 100%),
        url('images/bg-growth-map.png') center/cover no-repeat,
        #0a0a0e;
}

.slide.bg-portal {
    background:
        linear-gradient(180deg, rgba(10, 12, 18, 0.82) 0%, rgba(10, 12, 18, 0.78) 100%),
        url('images/bg-portal.png') center/cover no-repeat,
        #0a0a0e;
}

.slide.bg-streams {
    background:
        linear-gradient(180deg, rgba(10, 12, 18, 0.84) 0%, rgba(10, 12, 18, 0.8) 100%),
        url('images/bg-streams.png') center/cover no-repeat,
        #0a0a0e;
}

.slide.bg-globe {
    background:
        linear-gradient(180deg, rgba(10, 12, 18, 0.82) 0%, rgba(10, 12, 18, 0.78) 100%),
        url('images/bg-globe-chart.png') center/cover no-repeat,
        #0a0a0e;
}

.slide.bg-chartmap {
    background:
        linear-gradient(180deg, rgba(10,12,18,0.72) 0%, rgba(10,12,18,0.80) 100%),
        url('images/bg-chart-map.png') center/cover no-repeat,
        #0a0a0e;
}

.slide.myfxbook-slide {
    background:
        linear-gradient(180deg, rgba(10,12,18,0.72) 0%, rgba(10,12,18,0.80) 100%),
        url('images/bg-chart-map.png') center/cover no-repeat,
        #0a0a0e;
}

.slide.kontode-slide {
    background:
        linear-gradient(180deg, rgba(10, 12, 18, 0.78) 0%, rgba(10, 12, 18, 0.86) 100%),
        url('images/bg-sonic-vs.png') center/cover no-repeat,
        #0a0a0e;
}

/* === Kontode (2 strateegiat) slide layout === */
.slide.kontode-slide .slide-content { gap: 14px; max-width: 1400px; }
.kontode-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(20px, 2vw, 32px);
    width: 100%;
    margin-top: 8px;
}
.konto-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: clamp(18px, 2vw, 28px);
    background: rgba(20, 22, 30, 0.78);
    border: 1px solid rgba(255, 212, 0, 0.32);
    border-radius: 16px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
    transition: 0.3s var(--ease);
}
.konto-card:hover {
    border-color: var(--gold);
    transform: translateY(-3px);
    box-shadow: 0 16px 42px rgba(240, 192, 64, 0.22);
}
.konto-tag {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    border-radius: 999px;
    font-size: clamp(1.05rem, 1.25vw, 1.2rem);
    font-weight: 700;
    letter-spacing: 0.3px;
}
.konto-tag-out {
    background: rgba(255, 212, 0, 0.15);
    color: var(--gold);
    border: 1px solid rgba(255, 212, 0, 0.45);
}
.konto-tag-in {
    background: rgba(0, 200, 255, 0.12);
    color: var(--cyan);
    border: 1px solid rgba(0, 200, 255, 0.40);
}
.konto-meta {
    margin: 0;
    color: #fff;
    font-size: clamp(1.1rem, 1.35vw, 1.3rem);
    font-weight: 600;
    line-height: 1.4;
}
.konto-meta strong {
    color: var(--gold);
    font-weight: 800;
    font-size: 1.15em;
}
.konto-shot {
    display: block;
    width: 100%;
    height: clamp(200px, 32vh, 360px);
    object-fit: cover;
    object-position: top center;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    cursor: zoom-in;
}
.konto-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 6px;
}
.konto-stat {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 12px 14px;
    background: rgba(10, 12, 18, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
}
.konto-stat-label {
    font-size: clamp(0.95rem, 1.1vw, 1.05rem);
    color: rgba(255, 255, 255, 0.7);
    font-weight: 600;
    letter-spacing: 0.3px;
}
.konto-stat-label small {
    font-size: 0.85em;
    opacity: 0.75;
}
.konto-stat-val {
    font-size: clamp(1.25rem, 1.55vw, 1.5rem);
    font-weight: 800;
    color: #fff;
    line-height: 1.05;
    font-variant-numeric: tabular-nums;
}
.konto-stat-val.pos { color: var(--green-soft); }

.slide.bg-luxury {
    background:
        linear-gradient(180deg, rgba(10, 12, 18, 0.86) 0%, rgba(10, 12, 18, 0.82) 100%),
        url('images/bg-luxury.png') center/cover no-repeat,
        #0a0a0e;
}

.slide.bg-flow {
    background:
        linear-gradient(180deg, rgba(10, 12, 18, 0.84) 0%, rgba(10, 12, 18, 0.8) 100%),
        url('images/bg-flow-corridor.png') center/cover no-repeat,
        #0a0a0e;
}

.slide.riskiteade-slide {
    background:
        linear-gradient(180deg, rgba(10, 12, 18, 0.88) 0%, rgba(10, 12, 18, 0.86) 100%),
        url('images/bg-corridor.png') center/cover no-repeat,
        #0a0a0e;
}

/* Slides whose background image already contains the title — hide HTML title chrome */
.slide.has-bg-title .eyebrow,
.slide.has-bg-title > .slide-content > h1,
.slide.has-bg-title > .slide-content > .subtitle,
.slide.has-bg-title > .slide-content > .title-underline {
    display: none;
}

/* === Forex + igapäevane volüüm (slide 4) === */
.slide.forex-stats {
    justify-content: stretch;
}

.slide.forex-stats .slide-content {
    flex: 1;
    height: 100%;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
}

.forex-mast {
    position: absolute;
    top: 8vh;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    z-index: 2;
}

.forex-mast .forex-mast-title {
    font-family: 'Bebas Neue', 'Barlow Condensed', sans-serif;
    font-size: clamp(5rem, 13vw, 50rem);
    font-weight: 400;
    letter-spacing: 14px;
    line-height: 0.9;
    margin: 0;
    color: #ffffff;
    text-shadow:
        0 0 60px rgba(180, 230, 255, 0.6),
        0 0 120px rgba(100, 180, 255, 0.3),
        0 4px 20px rgba(0, 0, 0, 0.5);
}

.forex-mast-sub {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    font-size: clamp(0.85rem, 1.3vw, 1.2rem);
    font-weight: 600;
    color: var(--gold);
    letter-spacing: clamp(3px, 0.6vw, 7px);
    text-transform: uppercase;
    margin: 18px auto 0;
    line-height: 1.5;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.85);
    text-align: center;
}

.forex-mast-sep { display: none; }

.forex-vol-block {
    position: absolute;
    top: 62%;
    left: 50%;
    transform: translateX(-50%);
    width: min(1200px, 92%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}

.forex-vol-title {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(0.75rem, 1.1vw, 1rem);
    font-weight: 300;
    color: #ffffff;
    letter-spacing: clamp(6px, 2vw, 22px);
    text-transform: uppercase;
    text-shadow: 0 0 30px rgba(255,255,255,0.5), 0 2px 16px rgba(0,0,0,1);
    margin: 0;
    text-align: center;
    white-space: nowrap;
}

.forex-center-stat {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
}

.forex-traders-inline {
    display: flex;
    align-items: baseline;
    gap: 12px;
    background: rgba(10, 12, 20, 0.60);
    border: 1px solid rgba(240, 192, 64, 0.30);
    border-radius: 999px;
    padding: 10px 28px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.forex-traders-inline .forex-traders-num {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(1.5rem, 2.4vw, 2.2rem);
    font-weight: 800;
    color: var(--gold);
    letter-spacing: -0.5px;
    line-height: 1;
}

.forex-traders-inline .forex-traders-lbl {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(0.9rem, 1.2vw, 1.1rem);
    font-weight: 500;
    color: rgba(255, 255, 255, 0.85);
    letter-spacing: 1px;
    line-height: 1;
}

.forex-hero {
    position: absolute;
    bottom: 4vh;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-align: center;
    width: max-content;
    max-width: 90%;
    margin: 0;
    padding: 0;
    border: none;
}

.forex-hero-icon {
    font-size: clamp(1.8rem, 2.6vw, 2.4rem);
    line-height: 1;
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.55));
    opacity: 0.85;
}

.forex-hero-num {
    font-size: clamp(3rem, 6vw, 5.6rem);
    font-weight: 900;
    color: #fff;
    line-height: 1;
    letter-spacing: -2.5px;
    text-shadow:
        0 2px 6px rgba(0, 0, 0, 0.95),
        0 4px 18px rgba(0, 0, 0, 0.85),
        0 8px 48px rgba(0, 0, 0, 0.7);
}

.forex-hero-lbl {
    font-size: clamp(1.05rem, 1.5vw, 1.4rem);
    color: rgba(255, 255, 255, 0.96);
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow:
        0 2px 6px rgba(0, 0, 0, 0.95),
        0 4px 16px rgba(0, 0, 0, 0.75);
}

.bg-meta {
    font-size: clamp(1rem, 1.6vw, 1.35rem);
    font-weight: 800;
    color: var(--gold);
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: center;
    margin: 0;
    text-shadow:
        0 2px 16px rgba(0, 0, 0, 0.85),
        0 0 24px rgba(0, 0, 0, 0.6);
}

.forex-traders {
    display: inline-flex;
    align-items: baseline;
    gap: 14px;
    background: rgba(20, 22, 30, 0.78);
    border: 1px solid var(--gold-dim);
    border-radius: 999px;
    padding: 12px 28px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.55);
}

.forex-traders-icon {
    font-size: clamp(1.2rem, 1.8vw, 1.6rem);
    line-height: 1;
}

.forex-traders-num {
    font-size: clamp(1.4rem, 2.4vw, 2rem);
    font-weight: 800;
    color: var(--gold);
    line-height: 1;
    letter-spacing: -0.5px;
}

.forex-traders-lbl {
    font-size: clamp(0.85rem, 1.2vw, 1.05rem);
    color: var(--white);
    letter-spacing: 1px;
}

.planet {
    position: absolute;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    cursor: default;
    transition: box-shadow 0.4s ease;
    transform-style: preserve-3d;
    perspective: 600px;
}

/* FOREX — ookeaniplaneet, vasak-kesk, suur */
.vol-forex {
    width: 440px;
    height: 440px;
    left: -4%;
    top: 5%;
    z-index: 3;
    background:
        radial-gradient(circle at 34% 30%, rgba(200,245,255,0.90) 0%, transparent 18%),
        radial-gradient(circle at 60% 65%, rgba(0,140,220,0.40) 0%, transparent 25%),
        radial-gradient(circle at 25% 60%, rgba(0,80,180,0.35) 0%, transparent 30%),
        radial-gradient(circle at 74% 32%, rgba(80,200,255,0.30) 0%, transparent 22%),
        radial-gradient(circle at 50% 50%, #1199ee 0%, #0055bb 40%, #002277 75%, #000e33 100%);
    box-shadow:
        0 0 60px rgba(0, 170, 255, 0.65),
        0 0 130px rgba(0, 110, 220, 0.35),
        inset 0 -20px 60px rgba(0, 5, 40, 0.45);
    animation: floatA 7s ease-in-out infinite;
}
.vol-forex:hover {
    box-shadow:
        0 0 100px rgba(0, 220, 255, 0.95),
        0 0 200px rgba(0, 150, 255, 0.55),
        0 0 300px rgba(0, 90, 200, 0.28),
        inset 0 -20px 60px rgba(0, 5, 40, 0.45);
}

/* Aktsiad — maa-planeet, paremale */
.vol-stocks {
    width: 144px;
    height: 144px;
    right: 10%;
    top: 38%;
    z-index: 3;
    background:
        radial-gradient(circle at 35% 32%, rgba(210,255,230,0.88) 0%, transparent 16%),
        radial-gradient(circle at 58% 48%, rgba(0,200,90,0.65) 0%, transparent 24%),
        radial-gradient(circle at 30% 65%, rgba(0,160,70,0.50) 0%, transparent 26%),
        radial-gradient(circle at 70% 68%, rgba(0,100,200,0.38) 0%, transparent 22%),
        radial-gradient(circle at 50% 50%, #22cc66 0%, #009944 45%, #004422 80%, #001208 100%);
    box-shadow:
        0 0 35px rgba(0, 230, 120, 0.72),
        0 0 80px rgba(0, 180, 80, 0.35),
        inset 0 -10px 30px rgba(0, 15, 5, 0.45);
    animation: floatB 9s ease-in-out infinite;
}
.vol-stocks:hover {
    box-shadow:
        0 0 65px rgba(0, 255, 150, 0.95),
        0 0 140px rgba(0, 210, 100, 0.55),
        inset 0 -10px 30px rgba(0, 15, 5, 0.45);
}

/* Krüpto — kõrbeplaneet, paremal all */
.vol-crypto {
    width: 108px;
    height: 108px;
    right: 6%;
    top: 65%;
    z-index: 3;
    background:
        radial-gradient(circle at 35% 32%, rgba(255,248,190,0.90) 0%, transparent 14%),
        radial-gradient(circle at 64% 50%, rgba(220,110,0,0.55) 0%, transparent 24%),
        radial-gradient(circle at 28% 66%, rgba(190,80,0,0.45) 0%, transparent 22%),
        radial-gradient(circle at 72% 72%, rgba(255,180,40,0.32) 0%, transparent 20%),
        radial-gradient(circle at 50% 50%, #ee9900 0%, #aa5500 45%, #662200 80%, #220800 100%);
    box-shadow:
        0 0 28px rgba(255, 200, 0, 0.75),
        0 0 65px rgba(230, 140, 0, 0.38),
        inset 0 -7px 20px rgba(35, 8, 0, 0.45);
    animation: floatC 11s ease-in-out infinite;
}
.vol-crypto:hover {
    box-shadow:
        0 0 55px rgba(255, 220, 0, 0.98),
        0 0 120px rgba(255, 170, 0, 0.55),
        inset 0 -7px 20px rgba(35, 8, 0, 0.45);
}

@keyframes floatA {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    33%       { transform: translateY(-18px) rotate(0.8deg); }
    66%       { transform: translateY(-8px) rotate(-0.5deg); }
}
@keyframes floatB {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    40%       { transform: translateY(-14px) rotate(-1deg); }
    70%       { transform: translateY(-5px) rotate(0.7deg); }
}
@keyframes floatC {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    45%       { transform: translateY(-10px) rotate(1.2deg); }
    75%       { transform: translateY(-4px) rotate(-0.8deg); }
}

.planet-num {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    color: rgba(0, 0, 0, 0.92);
    letter-spacing: -0.5px;
    line-height: 1;
    text-shadow: 0 1px 6px rgba(255,255,255,0.5);
}

.planet-label {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.78);
    letter-spacing: 1.5px;
    text-transform: uppercase;
    line-height: 1;
    text-shadow: 0 1px 4px rgba(255,255,255,0.4);
}

.vol-forex .planet-num   { font-size: clamp(2rem, 3.5vw, 3.8rem); }
.vol-forex .planet-label { font-size: clamp(0.9rem, 1.4vw, 1.4rem); letter-spacing: 3px; }

.forex-globe-stat {
    position: absolute;
    top: 74%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.forex-globe-num {
    font-family: 'Bebas Neue', 'Barlow Condensed', sans-serif;
    font-size: clamp(4rem, 9vw, 40rem);
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 10px;
    line-height: 0.9;
    text-shadow:
        0 0 60px rgba(180, 230, 255, 0.7),
        0 0 120px rgba(100, 180, 255, 0.4),
        0 4px 20px rgba(0, 0, 0, 0.6);
}

.forex-globe-lbl {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(0.75rem, 1.2vw, 1.1rem);
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    letter-spacing: clamp(4px, 0.8vw, 10px);
    text-transform: uppercase;
    text-shadow:
        0 0 30px rgba(180, 230, 255, 0.6),
        0 2px 12px rgba(0, 0, 0, 0.8);
}

.planet-traders {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(1.1rem, 2vw, 2rem);
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -0.5px;
    line-height: 1;
    margin-top: 10px;
    text-shadow:
        0 0 24px rgba(255, 255, 255, 1),
        0 0 48px rgba(100, 200, 255, 0.8),
        0 3px 16px rgba(0, 0, 0, 1);
}

.planet-traders-lbl {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(0.55rem, 0.9vw, 0.8rem);
    font-weight: 600;
    color: rgba(255, 255, 255, 0.88);
    letter-spacing: 1.5px;
    text-transform: uppercase;
    line-height: 1;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 1);
}

.vol-stocks .planet-num  { font-size: clamp(1.1rem, 1.8vw, 1.7rem); }
.vol-stocks .planet-label { font-size: clamp(0.6rem, 0.9vw, 0.85rem); letter-spacing: 2px; }

.vol-crypto .planet-num  { font-size: clamp(0.9rem, 1.4vw, 1.3rem); }
.vol-crypto .planet-label { font-size: clamp(0.52rem, 0.75vw, 0.7rem); letter-spacing: 1.5px; }

.volume-card {
    text-align: left;
}

.volume-card .stat-num,
.volume-card .stat-lbl {
    display: block;
    text-align: left;
}

.volume-bar {
    margin-top: 12px;
    height: 6px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 3px;
    overflow: hidden;
}

.volume-bar > span {
    display: block;
    height: 100%;
    background: var(--gold);
    border-radius: 3px;
    box-shadow: 0 0 12px rgba(240, 192, 64, 0.5);
}

/* === 80/80/80 reegel + 3 põhjust === */
.slide.forex-fail-slide {
    background:
        linear-gradient(180deg, rgba(10, 12, 18, 0.72) 0%, rgba(10, 12, 18, 0.82) 100%),
        url('images/bg-trader-stress.png') center/cover no-repeat,
        #0a0a0e;
}
.slide.forex-fail-slide .slide-content { gap: 10px; max-width: 1280px; width: 100%; }
.slide.forex-fail-slide h1 { margin-bottom: 2px; }
.slide.forex-fail-slide .subtitle { margin-top: 0; margin-bottom: 4px; }
.slide.forex-fail-slide .title-underline { margin: 6px auto 10px; }

.fail-stats {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 10px;
    width: 100%;
    margin: 4px 0 6px;
    flex-wrap: wrap;
}
.fail-stat {
    flex: 1 1 0;
    min-width: 200px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 90, 90, 0.32);
    border-radius: 16px;
    padding: 22px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), inset 0 0 24px rgba(255, 90, 90, 0.04);
}
.fail-stat-arrow {
    flex: 0 0 auto;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(2rem, 3vw, 2.8rem);
    font-weight: 900;
    color: rgba(255, 107, 107, 0.65);
    min-width: 28px;
    text-shadow: 0 0 18px rgba(255, 107, 107, 0.45);
}
.fail-stat-num {
    font-size: clamp(3rem, 5.6vw, 5rem);
    font-weight: 900;
    line-height: 1;
    color: #ff7a7a;
    letter-spacing: -2px;
    text-shadow: 0 0 36px rgba(255, 107, 107, 0.45);
}
.fail-stat-lbl {
    font-size: clamp(1.1rem, 1.4vw, 1.3rem);
    color: rgba(255, 255, 255, 0.96);
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0.3px;
    max-width: 26ch;
    font-weight: 500;
}

.fail-reasons-head {
    font-size: clamp(1.15rem, 1.55vw, 1.45rem);
    font-weight: 800;
    color: var(--gold);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 12px 0 0;
    text-align: center;
}
.fail-reasons {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    width: 100%;
}
.fail-reason {
    background: rgba(20, 22, 30, 0.74);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    padding: 20px 22px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.fail-reason-icon {
    font-size: clamp(1.8rem, 2.4vw, 2.3rem);
    line-height: 1;
}
.fail-reason h4 {
    font-size: clamp(1.25rem, 1.55vw, 1.5rem);
    font-weight: 800;
    color: #fff;
    margin: 0;
    letter-spacing: 0.2px;
}
.fail-reason p {
    font-size: clamp(1.02rem, 1.22vw, 1.18rem);
    color: rgba(255, 255, 255, 0.94);
    line-height: 1.5;
    margin: 0;
    font-weight: 400;
}
@media (max-width: 900px) {
    .fail-stats, .fail-reasons { grid-template-columns: 1fr; }
}

/* === MT5 + CFD lepingud (slide 5) === */
.slide.mt5-cfd .slide-content {
    position: relative;
    width: 100%;
    max-width: none;
    min-height: 70vh;
    margin: 0;
}

.cfd-side {
    list-style: none;
    position: absolute;
    top: 64%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin: 0;
    padding: 0;
    color: #fff;
    text-shadow:
        0 2px 16px rgba(0, 0, 0, 0.95),
        0 0 24px rgba(0, 0, 0, 0.7);
    max-width: 280px;
}

.cfd-side-left { left: 6%; }
.cfd-side-right { right: 6%; }

.cfd-side li {
    padding: 12px 16px 12px 36px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: rgba(10, 12, 18, 0.7);
    border-radius: 10px;
    border-left: 2px solid var(--gold-dim);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
}

.cfd-side li::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background: var(--gold);
    border-radius: 50%;
    box-shadow: 0 0 12px rgba(240, 192, 64, 0.7);
}

@keyframes cfdItemInLeft {
    from { opacity: 0; transform: translateX(-30px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes cfdItemInRight {
    from { opacity: 0; transform: translateX(30px); }
    to { opacity: 1; transform: translateX(0); }
}

.slide.active.mt5-cfd .cfd-side-left li {
    animation: cfdItemInLeft 0.55s var(--ease) backwards;
}

.slide.active.mt5-cfd .cfd-side-right li {
    animation: cfdItemInRight 0.55s var(--ease) backwards;
}

.slide.active.mt5-cfd .cfd-side li:nth-child(1) { animation-delay: 0.30s; }
.slide.active.mt5-cfd .cfd-side li:nth-child(2) { animation-delay: 0.45s; }
.slide.active.mt5-cfd .cfd-side li:nth-child(3) { animation-delay: 0.60s; }
.slide.active.mt5-cfd .cfd-side li:nth-child(4) { animation-delay: 0.75s; }

.cfd-side .cat-name {
    font-size: clamp(1rem, 1.55vw, 1.35rem);
    font-weight: 800;
    color: var(--gold);
    text-transform: uppercase;
    letter-spacing: 1.4px;
    line-height: 1.1;
}

.cfd-side .cat-examples {
    font-size: clamp(0.78rem, 1.05vw, 0.95rem);
    font-weight: 600;
    color: rgba(255, 255, 255, 0.88);
    letter-spacing: 0.6px;
    line-height: 1.2;
}

/* Story slide layout: title + story text on left, photo IS the background */
.slide.saame-tuttavaks .slide-content {
    align-items: flex-start;
    text-align: left;
    max-width: 1100px;
    margin: 0 auto;
}

/* === Story slide (full-bg photo variant for slides 3 & 4) === */
.slide.story-slide {
    overflow: hidden;
    transform: none !important;
    transition: opacity 1s var(--ease), visibility 0s linear 1s !important;
}

.slide.story-slide.active {
    transition: opacity 1s var(--ease), visibility 0s linear 0s !important;
    transform: none !important;
}

.slide.story-slide.exit-left {
    opacity: 0;
    transform: none !important;
    transition: opacity 0.9s var(--ease), visibility 0s linear 0.9s !important;
}

.slide.story-slide-bali {
    background:
        url('images/manfred-kitchen-full.jpg') center 18% / cover no-repeat,
        #0a0a0e;
}

.slide.story-slide-kitchen {
    background:
        url('images/manfred-bali-full.jpg') center / cover no-repeat,
        #0a0a0e;
}

.story-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(10, 10, 14, 0.92) 0%, rgba(10, 10, 14, 0.78) 25%, rgba(10, 10, 14, 0.5) 50%, rgba(10, 10, 14, 0.25) 75%, rgba(10, 10, 14, 0.15) 100%);
    z-index: 1;
    pointer-events: none;
}

.slide.story-slide .slide-content {
    position: relative;
    z-index: 2;
    width: 50%;
    max-width: 620px;
    margin: 0;
    margin-right: auto;
    align-items: flex-start;
    text-align: left;
}

.slide.story-slide h1,
.slide.story-slide .subtitle {
    text-align: left;
    align-self: flex-start;
}

.slide.story-slide .title-underline {
    margin: 4px 0 14px;
}

.slide.story-slide .story-text {
    font-size: clamp(1.1rem, 1.8vw, 1.6rem);
    font-weight: 500;
    line-height: 1.55;
    max-width: 580px;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.95), 0 0 24px rgba(0, 0, 0, 0.6);
}

.slide.story-slide .story-text p {
    margin-bottom: 12px;
}

/* === Old saame-tuttavaks half-screen variant kept for fallback === */
.slide.saame-tuttavaks-half {
    background:
        url('images/slide7-bg.png') center / cover no-repeat,
        #0a0a0e !important;
    transform: none !important;
    transition: opacity 0.8s var(--ease), visibility 0s linear 0.8s !important;
}

.slide.saame-tuttavaks-half.active {
    transition: opacity 0.8s var(--ease), visibility 0s linear 0s !important;
    transform: none !important;
}

.slide.saame-tuttavaks-half.exit-left {
    opacity: 0;
    transform: none !important;
    transition: opacity 0.7s var(--ease), visibility 0s linear 0.7s !important;
}

.slide.saame-tuttavaks-half .story-photo-wrap {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.slide.saame-tuttavaks-half .story-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    image-orientation: from-image;
    display: block;
}

.slide.saame-tuttavaks-half .story-photo-wrap::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 60%;
    background: linear-gradient(90deg, #0a0a0e 0%, rgba(10, 10, 14, 0.92) 15%, rgba(10, 10, 14, 0.7) 35%, rgba(10, 10, 14, 0.4) 60%, rgba(10, 10, 14, 0.15) 80%, transparent 100%);
    z-index: 1;
    pointer-events: none;
}

.slide.saame-tuttavaks-half .slide-content {
    width: 48%;
    max-width: 620px;
    margin: 0;
    margin-right: auto;
    padding-right: 24px;
    align-items: flex-start;
    text-align: left;
    position: relative;
    z-index: 2;
}

.slide.saame-tuttavaks .eyebrow,
.slide.saame-tuttavaks h1,
.slide.saame-tuttavaks .subtitle {
    text-align: left;
    align-self: flex-start;
}

.slide.saame-tuttavaks h1 {
    text-align: left;
    margin-bottom: 8px;
}

.slide.saame-tuttavaks .subtitle {
    text-align: left;
    margin-bottom: 24px;
}

.slide.saame-tuttavaks .story-text {
    font-size: clamp(1.1rem, 1.8vw, 1.6rem);
    font-weight: 500;
    line-height: 1.55;
    max-width: 640px;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.85);
}

.slide.saame-tuttavaks .story-text p {
    margin-bottom: 10px;
}

/* === Polish: content stagger animations on slide entry === */
@keyframes contentRise {
    from { opacity: 0; transform: translateY(22px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes contentRiseSm {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: translateY(0); }
}

.slide.active .slide-content > .eyebrow,
.slide.active .slide-content > h1,
.slide.active .slide-content > .subtitle,
.slide.active .slide-content > .title-underline,
.slide.active .slide-content > .lead,
.slide.active .slide-content > .stat-row,
.slide.active .slide-content > .two-col,
.slide.active .slide-content > .panel,
.slide.active .slide-content > .bullets,
.slide.active .slide-content > .ring,
.slide.active .slide-content > .story-grid,
.slide.active .slide-content > .liit-table,
.slide.active .slide-content > .step-grid,
.slide.active .slide-content > .broker-flow,
.slide.active .slide-content > .split-grid,
.slide.active .slide-content > .start-list,
.slide.active .slide-content > .faq-list,
.slide.active .slide-content > .client-stats,
.slide.active .slide-content > .client-list-wrap,
.slide.active .slide-content > .cpa-grid,
.slide.active .slide-content > .cfd-grid,
.slide.active .slide-content > .link-big,
.slide.active .slide-content > .tagmarkets-layout,
.slide.active .slide-content > .sonic-title,
.slide.active .slide-content > .sonic-tagline,
.slide.active .slide-content > .sonic-grid,
.slide.active .slide-content > .sonic-bottom,
.slide.active .slide-content > .tag-intro-layout,
.slide.active .slide-content > .litsents-grid,
.slide.active .slide-content > .amplify-grid,
.slide.active .slide-content > .copyx-layout,
.slide.active .slide-content > .copyx-tag,
.slide.active .slide-content > .myfxbook-grid,
.slide.active .slide-content > .kalkulaator-shot,
.slide.active .slide-content > .tagakontor-shot,
.slide.active .slide-content > .choice-cards,
.slide.active .slide-content > .mam-cards,
.slide.active .slide-content > .mam-flow,
.slide.active .slide-content > .emotsioonid-icons,
.slide.active .slide-content > .alusta-steps,
.slide.active .slide-content > .deposit-methods,
.slide.active .slide-content > .kampaania-badge,
.slide.active .slide-content > .kampaania-pool,
.slide.active .slide-content > .kampaania-rule,
.slide.active .slide-content > .kampaania-examples,
.slide.active .slide-content > .ecosystem-cards,
.slide.active .slide-content > .ecosystem-strategies,
.slide.active .slide-content > .ecosystem-title,
.slide.active .slide-content > .story-text,
.slide.active .slide-content > .levels-grid,
.slide.active .slide-content > .komisjonid-note,
.slide.active .slide-content > .qa-link-line,
.slide.active .slide-content > .kindlustus-cards,
.slide.active .slide-content > .kindlustus-stats,
.slide.active .slide-content > .kindlustus-foot,
.slide.active .slide-content > .kindlustus-cert-link,
.slide.active .slide-content > .mam-journey,
.slide.active .slide-content > .mam-features,
.slide.active .slide-content > .sonic-flow,
.slide.active .slide-content > .amplify-compare,
.slide.active .slide-content > .amplify-bottom,
.slide.active .slide-content > .edetabel-layout,
.slide.active .slide-content > .edetabel-tag,
.slide.active .slide-content > .forex-traders {
    animation: contentRise 0.55s var(--ease) backwards;
}

.slide.active .slide-content > .eyebrow { animation-delay: 0.10s; }
.slide.active .slide-content > h1 { animation-delay: 0.18s; }
.slide.active .slide-content > .subtitle,
.slide.active .slide-content > .title-underline { animation-delay: 0.26s; }
.slide.active .slide-content > .lead { animation-delay: 0.34s; }
.slide.active .slide-content > .stat-row,
.slide.active .slide-content > .two-col,
.slide.active .slide-content > .panel,
.slide.active .slide-content > .bullets,
.slide.active .slide-content > .ring,
.slide.active .slide-content > .story-grid,
.slide.active .slide-content > .liit-table,
.slide.active .slide-content > .step-grid,
.slide.active .slide-content > .broker-flow,
.slide.active .slide-content > .split-grid,
.slide.active .slide-content > .start-list,
.slide.active .slide-content > .faq-list,
.slide.active .slide-content > .client-stats,
.slide.active .slide-content > .client-list-wrap,
.slide.active .slide-content > .cpa-grid,
.slide.active .slide-content > .cfd-grid,
.slide.active .slide-content > .link-big,
.slide.active .slide-content > .tagmarkets-layout,
.slide.active .slide-content > .sonic-grid,
.slide.active .slide-content > .tag-intro-layout,
.slide.active .slide-content > .litsents-grid,
.slide.active .slide-content > .amplify-grid,
.slide.active .slide-content > .copyx-layout,
.slide.active .slide-content > .myfxbook-grid,
.slide.active .slide-content > .kalkulaator-shot,
.slide.active .slide-content > .tagakontor-shot,
.slide.active .slide-content > .choice-cards,
.slide.active .slide-content > .kindlustus-cards,
.slide.active .slide-content > .mam-journey,
.slide.active .slide-content > .forex-traders {
    animation-delay: 0.30s;
}



.slide.active .slide-content > .kindlustus-stats,
.slide.active .slide-content > .mam-features,
.slide.active .slide-content > .amplify-compare,
.slide.active .slide-content > .edetabel-layout { animation-delay: 0.30s; }
.slide.active .slide-content > .kindlustus-foot,
.slide.active .slide-content > .amplify-bottom { animation-delay: 0.55s; }
.slide.active .slide-content > .kindlustus-cert-link { animation-delay: 0.65s; }
.slide.active .slide-content > .sonic-flow { animation-delay: 0.42s; }

.slide.active .slide-content > .sonic-bottom,
.slide.active .slide-content > .tag-safe-bottom { animation-delay: 0.46s; }

.slide.active .slide-content > .sonic-title { animation-delay: 0.18s; }
.slide.active .slide-content > .sonic-tagline { animation-delay: 0.26s; }

.slide.active .stat-card,
.slide.active .step-card,
.slide.active .cpa-card,
.slide.active .cfd-grid li,
.slide.active .bullets li,
.slide.active .start-row,
.slide.active .faq-list details,
.slide.active .broker-flow > *,
.slide.active .alusta-step,
.slide.active .mam-card,
.slide.active .trust-list li,
.slide.active .tag-plus-list li,
.slide.active .tag-eco-card,
.slide.active .eco-big-card,
.slide.active .strategy-chip,
.slide.active .amplify-point,
.slide.active .sonic-feature,
.slide.active .sonic-stat,
.slide.active .pool-stat,
.slide.active .example-card,
.slide.active .deposit-method,
.slide.active .copyx-stat,
.slide.active .ex-row,
.slide.active .row,
.slide.active .levels-table tr,
.slide.active .choice-card,
.slide.active .emotion-chip,
.slide.active .liit-table div {
    animation: contentRiseSm 0.5s var(--ease) backwards;
}
/* Stagger delay for nth-child cards across all slide types */
.slide.active *:nth-child(1) {
    --stagger: 0.50s;
}
.slide.active *:nth-child(2) { --stagger: 0.56s; }
.slide.active *:nth-child(3) { --stagger: 0.62s; }
.slide.active *:nth-child(4) { --stagger: 0.68s; }
.slide.active *:nth-child(5) { --stagger: 0.74s; }
.slide.active *:nth-child(6) { --stagger: 0.80s; }
.slide.active *:nth-child(7) { --stagger: 0.86s; }
.slide.active *:nth-child(8) { --stagger: 0.92s; }
.slide.active *:nth-child(9) { --stagger: 0.98s; }
.slide.active *:nth-child(10) { --stagger: 1.04s; }

.slide.active .stat-card,
.slide.active .step-card,
.slide.active .cpa-card,
.slide.active .cfd-grid li,
.slide.active .bullets li,
.slide.active .start-row,
.slide.active .faq-list details,
.slide.active .broker-flow > *,
.slide.active .alusta-step,
.slide.active .mam-card,
.slide.active .trust-list li,
.slide.active .tag-plus-list li,
.slide.active .tag-eco-card,
.slide.active .eco-big-card,
.slide.active .strategy-chip,
.slide.active .amplify-point,
.slide.active .sonic-feature,
.slide.active .sonic-stat,
.slide.active .pool-stat,
.slide.active .example-card,
.slide.active .deposit-method,
.slide.active .copyx-stat,
.slide.active .ex-row,
.slide.active .row,
.slide.active .levels-table tbody tr,
.slide.active .choice-card,
.slide.active .emotion-chip,
.slide.active .liit-table > div {
    animation-delay: var(--stagger, 0.50s);
}

/* === Polish: welcome ring continuous pulse === */
@keyframes ringPulse {
    0%, 100% { box-shadow: 0 0 40px var(--cyan-glow), inset 0 0 40px var(--cyan-glow); }
    50% { box-shadow: 0 0 70px rgba(0, 200, 255, 0.45), inset 0 0 55px rgba(0, 200, 255, 0.38); }
}
.welcome .ring { animation: ringPulse 4.5s ease-in-out infinite; }
.welcome.active .slide-content > .ring {
    animation: contentRise 0.6s var(--ease) 0.42s backwards, ringPulse 4.5s ease-in-out 1.1s infinite;
}

/* === Polish: card hover glows === */
.stat-card:hover { box-shadow: 0 6px 24px rgba(240, 192, 64, 0.12); }
.step-card { transition: 0.3s var(--ease); }
.step-card:hover { transform: translateY(-3px); border-color: var(--gold-dim); box-shadow: 0 6px 24px rgba(240, 192, 64, 0.10); }
.cpa-card { transition: 0.3s var(--ease); }
.cpa-card:hover { transform: translateY(-3px); border-color: var(--cyan); box-shadow: 0 6px 24px rgba(0, 200, 255, 0.12); }
.broker-flow .node:hover { transform: translateY(-2px); border-color: var(--gold-dim); }

/* === Polish: nav button press feedback === */
.nav-btn:active { transform: translateY(-50%) scale(0.94); }

/* === Polish: subtler disclaimer === */
.disclaimer {
    opacity: 0.45;
    font-size: 0.68rem;
    letter-spacing: 0.4px;
    transition: opacity 0.3s var(--ease);
}
.slide:hover .disclaimer { opacity: 0.65; }

/* === Video slide === */
.video-wrap {
    width: 100%;
    max-width: 920px;
    aspect-ratio: 16 / 9;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid var(--dark-border);
    box-shadow: 0 10px 44px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(240, 192, 64, 0.05);
    background: var(--dark-card);
    margin-top: 14px;
    transition: 0.3s var(--ease);
}
.video-wrap:hover {
    border-color: var(--gold-dim);
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.6), 0 0 0 1px var(--gold-glow);
}
.video-wrap iframe,
.video-wrap video {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    background: #000;
}
.slide.active .slide-content > .video-wrap {
    animation: contentRise 0.6s var(--ease) 0.5s backwards;
}

/* === Polish: smoother FAQ details transition === */
.faq-list details { transition: 0.3s var(--ease); }
.faq-list details[open] { background: rgba(28, 28, 38, 0.6); }
.faq-list details summary { cursor: pointer; transition: color 0.2s var(--ease); }
.faq-list details summary:hover { color: var(--gold); }
.faq-list details[open] summary { color: var(--gold); }

/* === Timer slide (outdoor: gathering before the webinar) === */
.timer-slide {
    background:
        url('images/bg-timer-sonic.png') center/cover no-repeat;
    overflow: hidden;
    padding: 4vh 5vw 7vh;
    transform-origin: 50% 60%;
}

.timer-slide .hall-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(180deg,
            rgba(6, 6, 10, 0.55) 0%,
            rgba(6, 6, 10, 0.15) 35%,
            rgba(6, 6, 10, 0.15) 65%,
            rgba(6, 6, 10, 0.70) 100%);
    pointer-events: none;
}

.ember-canvas {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    mix-blend-mode: screen;
}

/* --- top block: eyebrow + Sonic brand + divider + subtitle --- */
.ts-welcome {
    position: absolute;
    top: 8vh;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
    text-align: center;
    background: radial-gradient(ellipse at 50% 50%, rgba(0,0,0,0.50) 0%, transparent 70%);
    padding: 14px 48px 16px;
    border-radius: 16px;
}

.ts-center {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    text-align: center;
    background: radial-gradient(ellipse at 50% 45%, rgba(0,0,0,0.55) 0%, transparent 70%);
    padding: 18px 60px 24px;
    border-radius: 20px;
    width: max-content;
    max-width: 92vw;
}

.ts-eyebrow {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(1.4rem, 2.8vw, 3.2rem);
    font-weight: 300;
    color: #ffffff;
    letter-spacing: clamp(22px, 5.8vw, 72px);
    text-transform: uppercase;
    margin: 0;
    line-height: 1;
    white-space: nowrap;
    text-shadow:
        0 0 30px rgba(255, 255, 255, 0.5),
        0 0 80px rgba(255, 255, 255, 0.15),
        0 4px 28px rgba(0, 0, 0, 1);
}

.ts-brand {
    font-family: 'Barlow Condensed', 'Montserrat', sans-serif;
    font-size: clamp(7.5rem, 18vw, 18rem);
    font-weight: 800;
    color: #1ab8ff;
    letter-spacing: 10px;
    line-height: 0.9;
    margin: 0;
    position: relative;
    animation: electricSpark 4s linear infinite;
}

.ts-brand::before {
    content: '';
    position: absolute;
    top: 0.04em;
    right: -0.22em;
    width: 0.17em;
    height: 0.48em;
    background: #1ab8ff;
    clip-path: polygon(58% 0%, 100% 0%, 40% 52%, 68% 52%, 12% 100%, 0% 100%, 60% 48%, 32% 48%);
    opacity: 0;
    animation: sparkBolt 4s linear infinite;
    filter: drop-shadow(0 0 6px #1ab8ff) drop-shadow(0 0 14px rgba(26,184,255,0.8));
    pointer-events: none;
}

@keyframes sparkBolt {
    0%, 18.9%, 21.5%, 63.9%, 66.5%, 100% { opacity: 0; }
    19%, 19.8%, 20.6%       { opacity: 1; }
    19.4%, 20.2%             { opacity: 0.15; }
    64%, 64.8%, 65.6%        { opacity: 1; }
    64.4%, 65.2%             { opacity: 0.1; }
}

@keyframes electricSpark {
    /* resting state */
    0%    { text-shadow: 0 0 50px rgba(26,184,255,1), 0 0 120px rgba(26,184,255,0.7), 0 0 240px rgba(26,184,255,0.35), 0 4px 40px rgba(0,0,0,0.98); color: #1ab8ff; letter-spacing: 10px; }
    /* first spark burst ~20% */
    18.9% { text-shadow: 0 0 50px rgba(26,184,255,1), 0 0 120px rgba(26,184,255,0.7), 0 0 240px rgba(26,184,255,0.35), 0 4px 40px rgba(0,0,0,0.98); color: #1ab8ff; letter-spacing: 10px; }
    19%   { text-shadow: 0 0 120px rgba(255,255,255,1), 0 0 250px rgba(26,184,255,1), 0 0 500px rgba(26,184,255,0.7), 0 0 800px rgba(26,184,255,0.3), 0 4px 40px rgba(0,0,0,0.98); color: #fff; letter-spacing: 11px; }
    19.4% { text-shadow: 0 0 40px rgba(26,184,255,1), 0 0 100px rgba(26,184,255,0.6), 0 4px 40px rgba(0,0,0,0.98); color: #0a8fcc; letter-spacing: 10px; }
    19.8% { text-shadow: 0 0 140px rgba(255,255,255,1), 0 0 280px rgba(26,184,255,1), 0 0 550px rgba(26,184,255,0.7), 0 4px 40px rgba(0,0,0,0.98); color: #e8fbff; letter-spacing: 11.5px; }
    20.2% { text-shadow: 0 0 50px rgba(26,184,255,0.8), 0 0 100px rgba(26,184,255,0.5), 0 4px 40px rgba(0,0,0,0.98); color: #1ab8ff; letter-spacing: 10px; }
    20.6% { text-shadow: 0 0 80px rgba(255,255,255,0.7), 0 0 180px rgba(26,184,255,0.9), 0 4px 40px rgba(0,0,0,0.98); color: #b0ecff; letter-spacing: 10px; }
    21%   { text-shadow: 0 0 50px rgba(26,184,255,1), 0 0 120px rgba(26,184,255,0.7), 0 0 240px rgba(26,184,255,0.35), 0 4px 40px rgba(0,0,0,0.98); color: #1ab8ff; letter-spacing: 10px; }
    /* calm */
    63.9% { text-shadow: 0 0 50px rgba(26,184,255,1), 0 0 120px rgba(26,184,255,0.7), 0 0 240px rgba(26,184,255,0.35), 0 4px 40px rgba(0,0,0,0.98); color: #1ab8ff; letter-spacing: 10px; }
    /* second spark burst ~65% */
    64%   { text-shadow: 0 0 150px rgba(255,255,255,1), 0 0 300px rgba(26,184,255,1), 0 0 600px rgba(26,184,255,0.8), 0 4px 40px rgba(0,0,0,0.98); color: #fff; letter-spacing: 12px; }
    64.4% { text-shadow: 0 0 30px rgba(26,184,255,1), 0 0 80px rgba(26,184,255,0.5), 0 4px 40px rgba(0,0,0,0.98); color: #0a9de0; letter-spacing: 10px; }
    64.8% { text-shadow: 0 0 160px rgba(255,255,255,1), 0 0 320px rgba(26,184,255,1), 0 0 640px rgba(26,184,255,0.75), 0 4px 40px rgba(0,0,0,0.98); color: #dff8ff; letter-spacing: 12.5px; }
    65.2% { text-shadow: 0 0 60px rgba(26,184,255,1), 0 0 130px rgba(26,184,255,0.7), 0 4px 40px rgba(0,0,0,0.98); color: #1ab8ff; letter-spacing: 10px; }
    65.6% { text-shadow: 0 0 90px rgba(255,255,255,0.65), 0 0 200px rgba(26,184,255,0.85), 0 4px 40px rgba(0,0,0,0.98); color: #a8eaff; letter-spacing: 10px; }
    66%   { text-shadow: 0 0 50px rgba(26,184,255,1), 0 0 120px rgba(26,184,255,0.7), 0 0 240px rgba(26,184,255,0.35), 0 4px 40px rgba(0,0,0,0.98); color: #1ab8ff; letter-spacing: 10px; }
    100%  { text-shadow: 0 0 50px rgba(26,184,255,1), 0 0 120px rgba(26,184,255,0.7), 0 0 240px rgba(26,184,255,0.35), 0 4px 40px rgba(0,0,0,0.98); color: #1ab8ff; letter-spacing: 10px; }
}

.ts-divider {
    width: clamp(100px, 18vw, 220px);
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(240, 192, 64, 0.8), transparent);
    margin: 2px 0;
}

.ts-sub {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(1rem, 1.9vw, 2rem);
    font-weight: 800;
    color: #ffffff;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
    white-space: nowrap;
    text-shadow:
        0 0 24px rgba(255, 255, 255, 0.4),
        0 2px 20px rgba(0, 0, 0, 1);
}

/* --- bottom block: timer + risk --- */
.ts-footer {
    position: absolute;
    bottom: 10vh;
    left: 50%;
    transform: translateX(-50%);
    width: min(1100px, 90vw);
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.timer-risk {
    width: 100%;
    font-size: clamp(0.85rem, 1.15vw, 1.1rem);
    color: rgba(255, 255, 255, 0.9);
    text-align: center;
    line-height: 1.5;
    background: rgba(6, 6, 10, 0.65);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 212, 0, 0.25);
    border-radius: 10px;
    padding: 11px 20px;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.9);
}
.timer-risk strong { color: rgba(255, 212, 0, 0.95); letter-spacing: 0.3px; }

/* Slide 1 → 2 transition: enter the building (zoom in + fade) */
.timer-slide.exit-left {
    transform: scale(2.4);
    opacity: 0;
    transition:
        opacity 1.4s ease-in 0.2s,
        transform 1.6s cubic-bezier(0.55, 0, 0.85, 0.4),
        visibility 0s linear 1.6s;
    z-index: 5;
}

/* Welcome slide entry from timer slide: arriving inside (zoom out from large) */
.welcome.active {
    animation: welcomeArrive 1.6s cubic-bezier(0.2, 0.8, 0.3, 1);
    z-index: 1;
}

@keyframes welcomeArrive {
    0%   { opacity: 0; transform: scale(1.35); }
    35%  { opacity: 0.3; transform: scale(1.22); }
    70%  { opacity: 0.85; transform: scale(1.06); }
    100% { opacity: 1; transform: scale(1); }
}


/* Timer UI */
.timer-slide .eyebrow {
    color: var(--gold);
    font-size: clamp(0.78rem, 1vw, 0.95rem);
    letter-spacing: 6px;
    margin-bottom: 26px;
    opacity: 0.95;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}

.timer-display {
    font-family: 'Inter', 'Montserrat', sans-serif;
    font-size: clamp(1.6rem, 2.6vw, 2.6rem);
    font-weight: 500;
    color: #ffffff;
    font-variant-numeric: tabular-nums;
    letter-spacing: 10px;
    line-height: 1;
    text-shadow:
        0 0 40px rgba(255, 255, 255, 0.8),
        0 0 80px rgba(255, 255, 255, 0.3),
        0 3px 20px rgba(0, 0, 0, 0.98);
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}

.timer-display.warning { color: #ff9b4a; text-shadow: 0 0 40px rgba(255, 120, 40, 0.6); }
.timer-display.done { color: var(--green-soft); text-shadow: 0 0 40px rgba(81, 207, 102, 0.6); animation: timerDone 1.2s ease-in-out infinite alternate; }

@keyframes timerDone {
    from { transform: scale(1); }
    to { transform: scale(1.04); }
}

/* Timer glow ring */
.timer-glow-ring {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 48px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(0, 200, 255, 0.45);
    box-shadow:
        0 0 18px rgba(0, 200, 255, 0.35),
        0 0 50px rgba(0, 200, 255, 0.15),
        inset 0 0 20px rgba(0, 200, 255, 0.06);
    animation: timerRingPulse 2.4s ease-in-out infinite alternate;
}
@keyframes timerRingPulse {
    from {
        box-shadow:
            0 0 18px rgba(0, 200, 255, 0.35),
            0 0 50px rgba(0, 200, 255, 0.15),
            inset 0 0 20px rgba(0, 200, 255, 0.06);
        border-color: rgba(0, 200, 255, 0.45);
    }
    to {
        box-shadow:
            0 0 36px rgba(0, 200, 255, 0.65),
            0 0 90px rgba(0, 200, 255, 0.28),
            0 0 160px rgba(0, 200, 255, 0.10),
            inset 0 0 30px rgba(0, 200, 255, 0.10);
        border-color: rgba(0, 200, 255, 0.80);
    }
}

/* Timer control panel - tucked into bottom-right corner */
.panel-toggle {
    position: absolute;
    bottom: 28px;
    left: 28px;
    z-index: 6;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, rgba(240, 192, 64, 0.18), rgba(20, 20, 28, 0.7));
    border: 1px solid rgba(240, 192, 64, 0.45);
    cursor: pointer;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s var(--ease), box-shadow 0.4s var(--ease), background 0.3s var(--ease);
    box-shadow: 0 0 20px rgba(240, 192, 64, 0.15), inset 0 0 8px rgba(0, 0, 0, 0.5);
}

.panel-toggle:hover {
    transform: scale(1.08);
    box-shadow: 0 0 28px rgba(240, 192, 64, 0.4), inset 0 0 8px rgba(0, 0, 0, 0.5);
}

.panel-toggle-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gold);
    box-shadow: 0 0 10px rgba(240, 192, 64, 0.9);
    transition: transform 0.4s var(--ease);
}

.panel-toggle.open {
    transform: rotate(45deg);
    background: radial-gradient(circle at 30% 30%, rgba(240, 192, 64, 0.3), rgba(20, 20, 28, 0.7));
}

.panel-toggle.open .panel-toggle-dot {
    width: 14px;
    height: 2px;
    border-radius: 2px;
}

.timer-panel {
    position: absolute;
    bottom: 86px;
    left: 28px;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    background: rgba(10, 10, 14, 0.65);
    border: 1px solid rgba(80, 80, 96, 0.4);
    border-radius: 14px;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    opacity: 0;
    transform: translateY(12px) scale(0.96);
    transform-origin: bottom right;
    pointer-events: none;
    transition: opacity 0.35s var(--ease), transform 0.35s var(--ease);
}

.timer-panel.open {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

.timer-panel { transform-origin: bottom left; }

.timer-controls {
    display: flex;
    gap: 8px;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.timer-btn {
    background: rgba(20, 20, 28, 0.6);
    color: var(--white);
    border: 1px solid rgba(80, 80, 96, 0.5);
    border-radius: 10px;
    padding: 8px 14px;
    font-family: var(--font);
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: 0.25s var(--ease);
    min-width: 56px;
}

.timer-btn:hover {
    border-color: var(--gold-dim);
    background: rgba(40, 40, 52, 0.85);
    transform: translateY(-2px);
}

.timer-btn:active {
    transform: translateY(0) scale(0.97);
}

.timer-btn.primary {
    background: var(--gold);
    color: var(--black);
    border-color: var(--gold);
    font-weight: 700;
    padding: 8px 18px;
    box-shadow: 0 4px 14px rgba(240, 192, 64, 0.28);
}

.timer-btn.primary:hover {
    background: var(--gold-bright);
    box-shadow: 0 10px 30px rgba(240, 192, 64, 0.45);
}

.timer-presets {
    display: flex;
    gap: 6px;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.timer-preset {
    background: transparent;
    color: var(--gray);
    border: 1px solid rgba(60, 60, 72, 0.5);
    border-radius: 999px;
    padding: 5px 11px;
    font-family: var(--font);
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.4px;
    cursor: pointer;
    transition: 0.25s var(--ease);
}

.timer-preset:hover {
    border-color: var(--gold-dim);
    color: var(--gold);
}

.timer-preset.active {
    border-color: var(--gold);
    color: var(--gold);
    background: rgba(240, 192, 64, 0.1);
}

/* === Reduced motion === */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    .slide,
    .slide.active,
    .slide.exit-left {
        transform: none !important;
    }
    .welcome .ring,
    .welcome.active .slide-content > .ring {
        animation: none !important;
    }
}

/* === Responsive tweaks === */
@media (max-width: 760px) {
    .slide { padding: 6vh 5vw 10vh; }
    .story-grid { grid-template-columns: 1fr; }
    .two-col { grid-template-columns: 1fr; }
    .split-grid { grid-template-columns: 1fr; }
    .cfd-grid { grid-template-columns: 1fr; }
    .cpa-grid { grid-template-columns: 1fr; }
    .client-list { grid-template-columns: 1fr; }
    .broker-flow .arrow { transform: rotate(90deg); }
    .nav-controls { right: 16px; bottom: 16px; }
    .disclaimer { font-size: 0.6rem; padding: 0 16px; white-space: normal; text-align: center; }
}

/* === Kindlustus slide (slide 12) === */
.slide.kindlustus-slide {
    background:
        linear-gradient(180deg, rgba(10, 12, 18, 0.58) 0%, rgba(10, 12, 18, 0.78) 100%),
        url('images/kindlustus-bg.png?v=2') center / cover no-repeat,
        #0a0a0e;
}

.slide.kindlustus-slide .slide-content { gap: 14px; max-width: 1320px; width: 100%; }

.kindlustus-num {
    color: var(--gold);
    text-shadow: 0 0 28px var(--gold-glow);
    white-space: nowrap;
}

.kindlustus-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    width: 100%;
    margin-top: 6px;
}

.kindlustus-card {
    background: rgba(20, 22, 30, 0.72);
    border: 1px solid var(--gold-dim);
    border-radius: 14px;
    padding: 26px 24px 28px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
    display: flex;
    flex-direction: column;
    gap: 14px;
    transition: 0.3s var(--ease);
    justify-content: flex-start;
}

.kindlustus-card:hover {
    border-color: var(--gold);
    transform: translateY(-3px);
    box-shadow: 0 16px 42px rgba(240, 192, 64, 0.22);
}

.kindlustus-card-tag {
    font-size: clamp(0.95rem, 1.1vw, 1.1rem);
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--cyan);
    border-bottom: 1px solid rgba(0, 200, 255, 0.25);
    padding-bottom: 10px;
}

.kindlustus-card p {
    margin: 0;
    color: #f3f3f3;
    font-size: clamp(1.25rem, 1.5vw, 1.5rem);
    line-height: 1.55;
}

.kindlustus-card p strong {
    color: var(--gold);
    font-weight: 700;
}

.kindlustus-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    width: 100%;
    margin-top: 6px;
    padding: 18px 22px;
    background: rgba(0, 200, 255, 0.05);
    border-top: 1px solid rgba(0, 200, 255, 0.25);
    border-bottom: 1px solid rgba(0, 200, 255, 0.25);
    border-radius: 6px;
}

.kindlustus-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4px;
}

.kindlustus-stat strong {
    font-size: clamp(1.95rem, 2.9vw, 2.65rem);
    font-weight: 800;
    color: var(--cyan);
    line-height: 1;
    letter-spacing: 0.5px;
}

.kindlustus-stat span {
    font-size: clamp(1.05rem, 1.25vw, 1.2rem);
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.3;
}

.kindlustus-foot {
    margin: 8px auto 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: clamp(1.05rem, 1.2vw, 1.2rem);
    line-height: 1.5;
    text-align: center;
    max-width: 980px;
}

.kindlustus-foot strong {
    color: #fff;
    font-weight: 700;
}

.kindlustus-cert-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin: 14px auto 0;
    padding: 15px 28px;
    background: rgba(20, 22, 30, 0.8);
    border: 1px solid var(--gold-dim);
    border-radius: 10px;
    color: var(--gold);
    font-weight: 700;
    font-size: clamp(1.1rem, 1.4vw, 1.3rem);
    letter-spacing: 0.4px;
    text-decoration: none;
    transition: 0.3s var(--ease);
    align-self: center;
}

.kindlustus-cert-link:hover {
    background: rgba(240, 192, 64, 0.12);
    border-color: var(--gold);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(240, 192, 64, 0.2);
}

.kindlustus-eyebrow-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    align-self: center;
    padding: 9px 20px;
    font-size: clamp(1rem, 1.2vw, 1.15rem);
    border: 1px solid rgba(0, 200, 255, 0.35);
    border-radius: 999px;
    background: rgba(0, 200, 255, 0.06);
    color: var(--white);
    text-decoration: none;
    transition: 0.25s var(--ease);
    cursor: pointer;
}

.kindlustus-eyebrow-link:hover {
    background: rgba(0, 200, 255, 0.14);
    border-color: var(--cyan);
    color: var(--cyan);
    transform: translateY(-1px);
}

.kindlustus-eyebrow-arrow {
    font-size: 0.85em;
    opacity: 0.85;
}

@media (max-width: 900px) {
    .kindlustus-cards { grid-template-columns: 1fr; }
    .kindlustus-stats { grid-template-columns: repeat(2, 1fr); }
}

/* === MAM journey (slide 17 — uus) === */
.mam-journey {
    display: grid;
    grid-template-columns: 1fr auto 1.15fr auto 1fr;
    gap: 16px;
    align-items: stretch;
    width: 100%;
    margin-top: clamp(24px, 5vh, 56px);
}

.mam-step {
    background: rgba(20, 22, 30, 0.78);
    border: 1px solid var(--gold-dim);
    border-radius: 16px;
    padding: 22px 22px 24px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: left;
    transition: 0.3s var(--ease);
}

.mam-step:hover {
    border-color: var(--gold);
    transform: translateY(-3px);
    box-shadow: 0 16px 42px rgba(240, 192, 64, 0.22);
}

.mam-step-mid {
    border-color: var(--cyan);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45), 0 0 30px rgba(0, 200, 255, 0.18);
}

.mam-step-mid:hover {
    border-color: var(--cyan-bright);
    box-shadow: 0 16px 42px rgba(0, 200, 255, 0.28);
}

.mam-step-num {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--gold);
    color: #0c0d12;
    font-weight: 900;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 18px var(--gold-glow);
}

.mam-step-mid .mam-step-num {
    background: var(--cyan);
    box-shadow: 0 0 18px var(--cyan-glow);
}

.mam-step h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.4rem, 1.8vw, 1.7rem);
    font-weight: 800;
    letter-spacing: 0.3px;
}

.mam-step p {
    margin: 0;
    color: #f3f3f3;
    font-size: clamp(1.2rem, 1.45vw, 1.42rem);
    line-height: 1.5;
}

.mam-step p strong {
    color: var(--gold);
    font-weight: 700;
}

.mam-step-mid p strong {
    color: var(--cyan);
}

.mam-arrow {
    align-self: center;
    font-size: clamp(2rem, 3.1vw, 2.9rem);
    font-weight: 800;
    color: var(--gold);
    text-shadow: 0 0 12px var(--gold-glow);
}

.mam-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    width: 100%;
    margin-top: 22px;
}

.mam-feature {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: rgba(8, 14, 28, 0.78);
    border: 1px solid rgba(0, 200, 255, 0.35);
    border-left: 3px solid var(--cyan);
    border-radius: 10px;
    padding: 14px 18px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.45);
}

.mam-feature-icon {
    font-size: clamp(1.7rem, 2.4vw, 2.2rem);
    line-height: 1;
    flex-shrink: 0;
}

.mam-feature p {
    margin: 0;
    color: #f3f3f3;
    font-size: clamp(1.15rem, 1.35vw, 1.3rem);
    line-height: 1.45;
}

.mam-feature p strong {
    color: var(--gold);
    font-weight: 700;
}

@media (max-width: 760px) {
    .mam-journey { grid-template-columns: 1fr; gap: 12px; }
    .mam-arrow { transform: rotate(90deg); justify-self: center; }
    .mam-features { grid-template-columns: 1fr; }
}

/* === Sonic flow (slide 19 — Sonic → Kasumijaotus → Sina) === */
.sonic-flow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-top: 22px;
    flex-wrap: wrap;
}

.sonic-flow-node {
    background: rgba(20, 22, 30, 0.85);
    border: 2px solid var(--dark-border);
    border-radius: 14px;
    padding: 22px 34px;
    text-align: center;
    min-width: 200px;
    transition: 0.3s var(--ease);
}

.sonic-flow-node h4 {
    margin: 0 0 6px;
    color: #fff;
    font-size: clamp(1.15rem, 1.6vw, 1.5rem);
    font-weight: 800;
    letter-spacing: 0.4px;
}

.sonic-flow-node small {
    color: rgba(255,255,255,0.85);
    font-size: clamp(0.9rem, 1.1vw, 1.05rem);
    font-weight: 600;
}

.sonic-flow-master {
    border-color: var(--gold);
    box-shadow: 0 0 28px var(--gold-glow);
}
.sonic-flow-master h4 { color: var(--gold); }

.sonic-flow-split {
    border-color: var(--cyan);
    box-shadow: 0 0 36px rgba(0,224,255,0.55), 0 0 60px rgba(0,224,255,0.25);
}
.sonic-flow-split h4 {
    color: var(--cyan);
    font-size: clamp(1.25rem, 1.8vw, 1.65rem);
    text-shadow: 0 0 18px rgba(0,224,255,0.6);
}
.sonic-flow-split small {
    color: rgba(255,255,255,0.95);
    font-size: clamp(1rem, 1.3vw, 1.2rem);
    font-weight: 700;
}

.sonic-flow-you {
    border-color: var(--gold-dim);
}

.sonic-flow-arrow {
    font-size: clamp(1.6rem, 2.2vw, 2.1rem);
    color: var(--gold);
    font-weight: 800;
    text-shadow: 0 0 10px var(--gold-glow);
}

@media (max-width: 700px) {
    .sonic-flow { flex-direction: column; }
    .sonic-flow-arrow { transform: rotate(90deg); }
}

/* === Amplify võrdlus (12X / 24X) === */
.slide.amplify-slide .slide-content { gap: 10px; max-width: 1180px; }

.amplify-compare {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    width: 100%;
    margin-top: 8px;
}

.amplify-option {
    background: rgba(20, 22, 30, 0.78);
    border: 1px solid var(--gold-dim);
    border-radius: 14px;
    padding: 16px 18px 18px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: left;
    transition: 0.3s var(--ease);
}

.amplify-option-24 {
    border-color: var(--gold);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45), 0 0 24px var(--gold-glow);
}

.amplify-option-12 {
    border-color: var(--cyan);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45), 0 0 24px var(--cyan-glow);
}

.amplify-option:hover {
    transform: translateY(-2px);
}

.amplify-head {
    display: flex;
    align-items: baseline;
    gap: 14px;
    flex-wrap: wrap;
}

.amplify-num {
    margin: 0;
    font-size: clamp(2.4rem, 3.4vw, 3.15rem);
    font-weight: 900;
    letter-spacing: 1.5px;
    line-height: 1;
}

.amplify-option-24 .amplify-num {
    color: var(--gold);
    text-shadow: 0 0 22px var(--gold-glow);
}

.amplify-option-12 .amplify-num {
    color: var(--cyan);
    text-shadow: 0 0 22px var(--cyan-glow);
}

.amplify-tag {
    font-size: clamp(1.1rem, 1.3vw, 1.25rem);
    font-weight: 700;
    color: rgba(255, 255, 255, 0.88);
    letter-spacing: 0.3px;
}

.amplify-rows {
    display: flex;
    flex-direction: column;
}

.amplify-rows .row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 9px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: clamp(1rem, 1.2vw, 1.15rem);
    gap: 12px;
}

.amplify-rows .row:last-child {
    border-bottom: none;
    padding-bottom: 2px;
}

.amplify-rows .row span {
    color: rgba(255, 255, 255, 0.72);
    font-weight: 500;
}

.amplify-rows .row strong {
    color: #fff;
    font-weight: 700;
    text-align: right;
}

.amplify-row-key strong {
    font-size: 1em;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 600;
}

.amplify-row-key strong em {
    font-style: normal;
    font-weight: 900;
    font-size: 1.4em;
    margin: 0 2px;
}

.amplify-option-24 .amplify-row-key strong em { color: var(--gold); }
.amplify-option-12 .amplify-row-key strong em { color: var(--cyan); }

.amplify-prob {
    margin-top: 4px;
    padding: 12px 14px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: center;
}

.amplify-prob-val {
    font-size: clamp(1.05rem, 1.4vw, 1.25rem);
    font-weight: 800;
    letter-spacing: 0.5px;
    line-height: 1.2;
    text-transform: uppercase;
}

.amplify-option-24 .amplify-prob-val {
    color: var(--gold);
    text-shadow: 0 0 14px var(--gold-glow);
}

.amplify-option-12 .amplify-prob-val {
    color: var(--cyan);
    text-shadow: 0 0 14px var(--cyan-glow);
}

.amplify-prob-note {
    font-size: clamp(0.88rem, 1.05vw, 1rem);
    color: rgba(255, 255, 255, 0.82);
    font-style: italic;
    line-height: 1.3;
}

.amplify-bottom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 12px;
    width: 100%;
}

.amplify-bottom-item {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(20, 22, 30, 0.55);
    border-left: 2px solid var(--gold-dim);
    padding: 10px 12px;
    border-radius: 6px;
    font-size: clamp(0.92rem, 1.05vw, 1rem);
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.35;
}

.amplify-bottom-item strong {
    color: var(--gold);
    font-weight: 700;
}

.amplify-bottom-icon {
    font-size: 1.25rem;
    line-height: 1;
    flex-shrink: 0;
}

@media (max-width: 1000px) {
    .amplify-compare { grid-template-columns: 1fr; }
    .amplify-bottom { grid-template-columns: 1fr; }
    .amplify-example-flow { flex-direction: column; }
    .amplify-arrow { transform: rotate(90deg); }
}

/* === Amplify · multiplier + capital example === */
.amplify-mult {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 14px;
    margin-top: 6px;
    margin-bottom: 2px;
    line-height: 1;
}
.amplify-mult-from {
    font-size: clamp(1.8rem, 2.3vw, 2.55rem);
    font-weight: 700;
    color: rgba(255, 255, 255, 0.72);
}
.amplify-mult-arrow {
    font-size: clamp(1.7rem, 2.05vw, 2.3rem);
    font-weight: 700;
    color: rgba(255, 255, 255, 0.55);
}
.amplify-mult-to {
    font-size: clamp(2.9rem, 4.1vw, 4.1rem);
    font-weight: 900;
    letter-spacing: 0.5px;
}
.amplify-option-24 .amplify-mult-to {
    color: var(--gold);
    text-shadow: 0 0 22px var(--gold-glow);
}
.amplify-option-12 .amplify-mult-to {
    color: var(--cyan);
    text-shadow: 0 0 22px var(--cyan-glow);
}
.amplify-note {
    text-align: center;
    font-size: clamp(1.05rem, 1.25vw, 1.2rem);
    color: rgba(255, 255, 255, 0.78);
    font-style: italic;
    line-height: 1.3;
    margin-top: 4px;
}

.amplify-limited {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    text-align: center;
    font-size: clamp(0.9rem, 1.05vw, 1.05rem);
    font-weight: 700;
    color: var(--gold);
    background: rgba(255, 212, 0, 0.10);
    border: 1px solid rgba(255, 212, 0, 0.45);
    border-radius: 10px;
    padding: 7px 12px;
    line-height: 1.25;
}
.amplify-limited-icon { font-size: 1.05em; }

/* Luku-riba kohe 12X & 24X kaartide all, puudutab molemat */
.amplify-lockbar {
    width: 100%;
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 13px 24px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(255, 212, 0, 0.18), rgba(255, 212, 0, 0.05));
    border: 1px solid rgba(255, 212, 0, 0.55);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45), inset 0 0 26px rgba(255, 212, 0, 0.07);
    color: #fff;
    font-size: clamp(1.05rem, 1.4vw, 1.3rem);
    font-weight: 700;
    letter-spacing: 0.3px;
}
.amplify-lockbar strong { color: var(--gold); }
.amplify-lockbar-icon {
    font-size: 1.35em;
    line-height: 1;
    filter: drop-shadow(0 0 8px var(--gold-glow));
}
.amplify-lockbar-tag {
    margin-left: 4px;
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(255, 212, 0, 0.16);
    border: 1px solid rgba(255, 212, 0, 0.45);
    color: var(--gold);
    font-size: 0.82em;
    font-weight: 800;
    letter-spacing: 0.5px;
}

.amplify-example {
    margin-top: 14px;
    padding: 6px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
}
.amplify-example-tag {
    background: var(--gold);
    color: #08090d;
    font-size: clamp(0.95rem, 1.15vw, 1.15rem);
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    padding: 7px 18px;
    border-radius: 999px;
    box-shadow: 0 4px 14px rgba(255, 212, 0, 0.35);
}
.amplify-example-flow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: clamp(10px, 1.2vw, 18px);
    width: 100%;
}
.amplify-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 11px 20px;
    min-width: 160px;
    border-radius: 10px;
    background: rgba(20, 22, 30, 0.55);
    border: 1px solid rgba(255, 212, 0, 0.45);
}
.amplify-step-lbl {
    font-size: clamp(0.95rem, 1.15vw, 1.15rem);
    color: rgba(255, 255, 255, 0.78);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.amplify-step-val {
    font-size: clamp(1.7rem, 2.2vw, 2.4rem);
    font-weight: 900;
    color: #fff;
    letter-spacing: 0.5px;
    line-height: 1.05;
}
.amplify-step-val.highlight {
    color: var(--gold);
    text-shadow: 0 0 16px var(--gold-glow);
}
.amplify-step-final {
    background: rgba(255, 212, 0, 0.18);
    border-color: var(--gold);
    box-shadow: 0 0 22px var(--gold-glow);
}
.amplify-step-final .amplify-step-val {
    color: var(--gold);
    text-shadow: 0 0 18px var(--gold-glow);
    font-size: clamp(1.95rem, 2.55vw, 2.8rem);
}
.amplify-arrow {
    font-size: clamp(1.7rem, 2.2vw, 2.4rem);
    color: var(--gold);
    font-weight: 800;
    opacity: 0.85;
}
.amplify-example-foot {
    font-size: clamp(0.85rem, 1vw, 1rem);
    color: rgba(255, 255, 255, 0.78);
    font-weight: 600;
    margin: 2px 0 0;
    text-align: center;
}

/* === CopyX edetabel (slide 19) === */
.slide.edetabel-slide .slide-content { gap: 6px; max-width: 1320px; }
.slide.edetabel-slide h1 { margin-bottom: 0; }
.slide.edetabel-slide .subtitle { margin-top: 2px; margin-bottom: 0; }
.slide.edetabel-slide .title-underline { margin: 4px auto; }

.edetabel-layout {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 18px;
    width: 100%;
    align-items: stretch;
    margin-top: 4px;
    max-height: 70vh;
}

.edetabel-shot {
    display: block;
    background: #0a0a0e;
    border-radius: 18px;
    overflow: hidden;
    border: 6px solid var(--gold);
    box-shadow:
        0 16px 50px rgba(0, 0, 0, 0.6),
        inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    transition: 0.3s var(--ease);
    align-self: stretch;
    cursor: zoom-in;
}

.edetabel-shot:hover {
    border-color: var(--gold-bright);
    transform: translateY(-3px);
    box-shadow:
        0 18px 60px rgba(0, 0, 0, 0.6),
        0 0 50px rgba(240, 192, 64, 0.45),
        inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.edetabel-shot img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: top center;
}

.edetabel-side {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
}

.edetabel-hero {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 14px;
    background: rgba(20, 22, 30, 0.78);
    border: 1px solid var(--gold);
    border-radius: 14px;
    padding: 14px 22px;
    box-shadow: 0 0 24px var(--gold-glow);
}

.edetabel-hero-num {
    font-size: clamp(2.4rem, 3.6vw, 3.15rem);
    font-weight: 900;
    color: var(--gold);
    text-shadow: 0 0 24px var(--gold-glow);
    line-height: 1;
    letter-spacing: 1px;
}

.edetabel-hero-lbl {
    font-size: clamp(1.05rem, 1.25vw, 1.2rem);
    color: rgba(255, 255, 255, 0.88);
    letter-spacing: 0.4px;
}

.edetabel-features {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}

.edetabel-features li {
    display: flex;
    align-items: center;
    gap: 20px;
    background: rgba(20, 22, 30, 0.74);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 4px solid var(--gold-dim);
    border-radius: 12px;
    padding: 16px 22px;
    transition: 0.25s var(--ease);
    flex: 1;
}

.edetabel-features li:hover {
    border-left-color: var(--gold);
    background: rgba(20, 22, 30, 0.88);
}

.ed-feat-icon {
    font-size: clamp(2.3rem, 2.9vw, 2.75rem);
    line-height: 1;
    flex-shrink: 0;
}

.edetabel-features li > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
    line-height: 1.3;
    min-width: 0;
}

.edetabel-features li strong {
    font-size: clamp(1.25rem, 1.65vw, 1.5rem);
    font-weight: 800;
    color: #fff;
    letter-spacing: 0.3px;
}

.edetabel-features li span {
    font-size: clamp(1.05rem, 1.25vw, 1.2rem);
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.3;
}

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

/* === Lightbox (suurelt avatav pilt klõpsuga) === */
img.lightbox-img {
    cursor: zoom-in;
}

.lightbox-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.94);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 36px;
    cursor: zoom-out;
    animation: lightboxFade 0.25s var(--ease);
}

.lightbox-overlay img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 12px;
    border: 4px solid var(--gold);
    box-shadow:
        0 28px 90px rgba(0, 0, 0, 0.75),
        0 0 80px rgba(240, 192, 64, 0.35);
    background: #0a0a0e;
}

.lightbox-close {
    position: absolute;
    top: 22px;
    right: 28px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(20, 22, 30, 0.9);
    border: 1px solid var(--gold-dim);
    color: var(--gold);
    font-size: 1.4rem;
    font-weight: 800;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s var(--ease);
}

.lightbox-close:hover {
    border-color: var(--gold);
    background: rgba(240, 192, 64, 0.15);
    transform: scale(1.05);
}

@keyframes lightboxFade {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* ============================
   MOBILE — PORTRAIT PHONE
   Stack everything, shrink fonts, allow vertical scroll within slide.
   ============================ */
@media (max-width: 600px) {

    /* Allow content to breathe vertically; slides scroll if too tall */
    .slide {
        padding: 4vh 5vw 9vh;
        justify-content: flex-start;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .slide-content {
        gap: 12px;
    }

    /* === Headings — cap minimums so they fit phone width === */
    .slide h1 { font-size: clamp(1.7rem, 7vw, 2.4rem); letter-spacing: -0.5px; }
    .slide h2 { font-size: clamp(1.4rem, 5.5vw, 2rem); }
    .slide h3 { font-size: clamp(1.15rem, 4.5vw, 1.6rem); }
    .subtitle { font-size: 0.82rem; letter-spacing: 1.2px; }
    .eyebrow { font-size: 0.65rem; letter-spacing: 3px; margin-bottom: 8px; }

    /* Specific large display fonts that stayed huge on phone */
    .ts-brand { font-size: clamp(3rem, 14vw, 4.5rem); }
    .forex-mast .forex-mast-title { font-size: clamp(2.4rem, 11vw, 3.6rem); }
    .forex-globe-num { font-size: clamp(2rem, 9vw, 3rem); }
    .forex-hero-num { font-size: clamp(2rem, 8vw, 3rem); }
    .fail-stat-num { font-size: clamp(2rem, 8vw, 3rem); }
    .slide.sonic-slide h1.sonic-title { font-size: clamp(1.8rem, 8vw, 2.6rem); }
    .bix-title { font-size: clamp(2rem, 9vw, 2.8rem); }
    .bix-sub { font-size: 0.78rem; letter-spacing: 0.5px; }
    .link-big { font-size: clamp(1.5rem, 6vw, 2.2rem); }

    /* === Stack all multi-column grids to single column === */
    .bix-layout,
    .bix-info-grid,
    .kontode-grid,
    .konto-stats,
    .deposit-methods,
    .alusta-steps,
    .sonic-grid,
    .tag9-body,
    .amplify-compare,
    .amplify-bottom,
    .edetabel-layout,
    .fail-reasons,
    .fail-stats,
    .mam-journey,
    .mam-features,
    .kindlustus-cards,
    .kindlustus-stats,
    .story-grid,
    .two-col,
    .split-grid,
    .cfd-grid,
    .cpa-grid,
    .client-list,
    .start-list,
    .deposit-methods {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    /* === Slide 14 (BIX) — specific phone tweaks === */
    .bix-info-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }
    .bix-info-item {
        padding: 9px 11px;
        gap: 8px;
    }
    .bix-info-body strong { font-size: 0.78rem; line-height: 1.2; }
    .bix-info-body span { font-size: 0.68rem; line-height: 1.25; }
    .bix-info-icon { font-size: 1.1rem; }
    .bix-mock-card { max-width: 280px; }
    .bix-video-wrap { max-width: 100%; }

    /* Card visuals — keep readable but smaller */
    .konto-shot { max-width: 100%; height: auto; }

    /* Disclaimer text — keep readable */
    .disclaimer {
        position: relative;
        font-size: 0.6rem;
        padding: 8px 12px 0;
        white-space: normal;
        text-align: center;
        margin-top: 10px;
    }

    /* Nav controls — keep out of the way of scroll */
    .nav-controls {
        right: 12px;
        bottom: 12px;
        gap: 6px;
    }
    .slide-counter { font-size: 0.7rem; }

    /* Title underline — narrower */
    .title-underline { width: 70%; max-width: 240px; height: 3px; }

    /* Lightbox images — full width, no zoom needed */
    .lightbox-img { max-width: 100% !important; }

    /* Tables/lists with multiple columns become readable */
    table { font-size: 0.78rem; }
}

/* ============================================================
   POLISH — animations + hover lift + gold glow pulse
   ============================================================ */

/* --- Slide 7: TAG slide --- */
.slide.tag-office-layout .tag-grid > .tag-right {
    transform: none;
}
.slide.active.tag-office-layout .tag-grid > .tag-right {
    animation: tagRightIn 0.7s var(--ease) backwards;
    animation-delay: 0.18s;
}
.slide.active.tag-office-layout .tag-grid > .tag-left {
    animation: tagLeftIn 0.75s var(--ease) backwards;
    animation-delay: 0.05s;
}
@keyframes tagRightIn {
    from { opacity: 0; transform: translateX(-40px); }
    to   { opacity: 1; transform: translateX(0); }
}
@keyframes tagLeftIn {
    from { opacity: 0; transform: translateX(40px) scale(0.96); }
    to   { opacity: 1; transform: translateX(0) scale(1); }
}
/* KPI read stagger sees */
.slide.active.tag-office-layout .kpi-row {
    animation: kpiRowIn 0.5s var(--ease) backwards;
}
.slide.active.tag-office-layout .kpi-row:nth-child(1) { animation-delay: 0.35s; }
.slide.active.tag-office-layout .kpi-row:nth-child(2) { animation-delay: 0.45s; }
.slide.active.tag-office-layout .kpi-row:nth-child(3) { animation-delay: 0.55s; }
.slide.active.tag-office-layout .kpi-row:nth-child(4) { animation-delay: 0.65s; }
@keyframes kpiRowIn {
    from { opacity: 0; transform: translateX(-18px); }
    to   { opacity: 1; transform: translateX(0); }
}
.slide.active.tag-office-layout .tag-verify-link {
    animation: tagVerifyIn 0.5s var(--ease) backwards;
}
.slide.active.tag-office-layout .tag-verify-link:nth-child(1) { animation-delay: 0.80s; }
.slide.active.tag-office-layout .tag-verify-link:nth-child(2) { animation-delay: 0.92s; }
@keyframes tagVerifyIn {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* --- Slide 10: Sonic Tulemused (donut spin-in + center panel fade) --- */
.slide.active.copyx-slide.copyx-slide-centered .copyx-side-dim {
    animation: fadeIn 0.6s var(--ease) backwards;
}
.slide.active.copyx-slide.copyx-slide-centered .copyx-eyebrow      { animation: contentRise 0.55s var(--ease) backwards; animation-delay: 0.15s; }
.slide.active.copyx-slide.copyx-slide-centered .copyx-strategy-name { animation: contentRise 0.55s var(--ease) backwards; animation-delay: 0.28s; }
.slide.active.copyx-slide.copyx-slide-centered .copyx-copiers       { animation: contentRise 0.55s var(--ease) backwards; animation-delay: 0.42s; }
.slide.active.copyx-slide.copyx-slide-centered .copyx-streak        { animation: contentRise 0.55s var(--ease) backwards; animation-delay: 0.55s; }
.slide.active.copyx-slide.copyx-slide-centered .copyx-donut-row     { animation: contentRise 0.55s var(--ease) backwards; animation-delay: 0.7s; }
.slide.active.copyx-slide.copyx-slide-centered .copyx-donut {
    animation: donutSpinIn 1s cubic-bezier(0.22, 1, 0.36, 1) backwards;
    animation-delay: 0.85s;
}
@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes donutSpinIn {
    from { opacity: 0; transform: rotate(-225deg) scale(0.55); }
    to   { opacity: 1; transform: rotate(0deg) scale(1); }
}
.slide.active.copyx-slide.copyx-slide-centered .copyx-donut-legend .leg-row {
    animation: legIn 0.45s var(--ease) backwards;
}
.slide.active.copyx-slide.copyx-slide-centered .copyx-donut-legend .leg-row:nth-child(1) { animation-delay: 1.0s; }
.slide.active.copyx-slide.copyx-slide-centered .copyx-donut-legend .leg-row:nth-child(2) { animation-delay: 1.12s; }
.slide.active.copyx-slide.copyx-slide-centered .copyx-donut-legend .leg-row:nth-child(3) { animation-delay: 1.24s; }
@keyframes legIn {
    from { opacity: 0; transform: translateX(-10px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* --- Slide 6: Amplify näide sammhaaval --- */
.slide.active.amplify-slide .amplify-option {
    animation: contentRise 0.55s var(--ease) backwards;
}
.slide.active.amplify-slide .amplify-option-24 { animation-delay: 0.30s; }
.slide.active.amplify-slide .amplify-option-12 { animation-delay: 0.42s; }
.slide.active.amplify-slide .amplify-lockbar {
    animation: contentRise 0.55s var(--ease) backwards;
    animation-delay: 0.54s;
}

/* Naide peidetud kuni kasutaja vajutab "edasi" (.revealed lisab JS).
   visibility:hidden reserveerib ruumi, et midagi ei nihkuks reveal'i ajal. */
.slide.amplify-slide .amplify-example:not(.revealed) { visibility: hidden; }

.slide.active.amplify-slide .amplify-example.revealed {
    animation: exampleIn 0.55s var(--ease) both;
}
@keyframes exampleIn {
    from { opacity: 0; transform: translateY(24px) scale(0.96); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}
.slide.active.amplify-slide .amplify-example.revealed .amplify-example-tag {
    animation: tagPop 0.45s var(--ease) both;
    animation-delay: 0.18s;
}
@keyframes tagPop {
    from { opacity: 0; transform: scale(0.6); }
    to   { opacity: 1; transform: scale(1); }
}
.slide.active.amplify-slide .amplify-example.revealed .amplify-example-flow > .amplify-step,
.slide.active.amplify-slide .amplify-example.revealed .amplify-example-flow > .amplify-arrow {
    animation: stepIn 0.45s var(--ease) both;
}
.slide.active.amplify-slide .amplify-example.revealed .amplify-example-flow > :nth-child(1) { animation-delay: 0.28s; }
.slide.active.amplify-slide .amplify-example.revealed .amplify-example-flow > :nth-child(2) { animation-delay: 0.42s; }
.slide.active.amplify-slide .amplify-example.revealed .amplify-example-flow > :nth-child(3) { animation-delay: 0.56s; }
.slide.active.amplify-slide .amplify-example.revealed .amplify-example-flow > :nth-child(4) { animation-delay: 0.70s; }
.slide.active.amplify-slide .amplify-example.revealed .amplify-example-flow > :nth-child(5) { animation-delay: 0.84s; }
.slide.active.amplify-slide .amplify-example.revealed .amplify-example-flow > :nth-child(6) { animation-delay: 0.98s; }
.slide.active.amplify-slide .amplify-example.revealed .amplify-example-flow > :nth-child(7) { animation-delay: 1.12s; }
.slide.active.amplify-slide .amplify-example.revealed .amplify-example-foot {
    animation: fadeIn 0.45s var(--ease) both;
    animation-delay: 1.26s;
}
@keyframes stepIn {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}
.slide.active.amplify-slide .amplify-example.revealed .amplify-example-flow > .amplify-arrow {
    animation: arrowGlow 0.5s var(--ease) both;
}

/* Vihje, et naite saab "edasi" vajutusega avada */
.slide.amplify-slide .amplify-hint {
    margin-top: 12px;
    font-size: clamp(0.82rem, 1vw, 0.98rem);
    font-weight: 600;
    letter-spacing: 0.5px;
    color: var(--gold);
    opacity: 0.8;
    text-transform: uppercase;
}
.slide.amplify-slide .amplify-example.revealed ~ .amplify-hint,
.slide.amplify-slide .amplify-hint.hidden { display: none; }
@keyframes arrowGlow {
    0%   { opacity: 0; transform: translateX(-6px); }
    60%  { opacity: 1; text-shadow: 0 0 18px var(--gold-glow); transform: translateX(0); }
    100% { opacity: 0.85; text-shadow: 0 0 6px var(--gold-glow); transform: translateX(0); }
}

/* --- Slide 14: BIX kaart 3D flip + info-grid stagger --- */
.slide.active.bix-card-slide .bix-card-css {
    animation: cardFlipIn 1.1s cubic-bezier(0.22, 1, 0.36, 1) backwards;
    animation-delay: 0.35s;
    transform-style: preserve-3d;
}
@keyframes cardFlipIn {
    from { opacity: 0; transform: perspective(1200px) rotateY(55deg) translateY(20px); }
    to   { opacity: 1; transform: perspective(1200px) rotateY(0) translateY(0); }
}
.slide.active.bix-card-slide .bix-info-item {
    animation: infoItemIn 0.45s var(--ease) backwards;
}
.slide.active.bix-card-slide .bix-info-item:nth-child(1) { animation-delay: 0.55s; }
.slide.active.bix-card-slide .bix-info-item:nth-child(2) { animation-delay: 0.65s; }
.slide.active.bix-card-slide .bix-info-item:nth-child(3) { animation-delay: 0.75s; }
.slide.active.bix-card-slide .bix-info-item:nth-child(4) { animation-delay: 0.85s; }
.slide.active.bix-card-slide .bix-info-item:nth-child(5) { animation-delay: 0.95s; }
.slide.active.bix-card-slide .bix-info-item:nth-child(6) { animation-delay: 1.05s; }
.slide.active.bix-card-slide .bix-info-item:nth-child(7) { animation-delay: 1.15s; }
.slide.active.bix-card-slide .bix-info-item:nth-child(8) { animation-delay: 1.25s; }
@keyframes infoItemIn {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}
.slide.active.bix-card-slide .bix-crypto-note {
    animation: fadeIn 0.5s var(--ease) backwards;
    animation-delay: 1.4s;
}

/* --- Gold glow pulse võtmenumbritel --- */
@keyframes goldPulse {
    0%, 100% { text-shadow: 0 0 10px var(--gold-glow), 0 0 20px rgba(240, 192, 64, 0.25); }
    50%      { text-shadow: 0 0 22px var(--gold-glow), 0 0 44px rgba(240, 192, 64, 0.55); }
}
.slide.active .amplify-mult-to,
.slide.active .amplify-step-final .amplify-step-val,
.slide.active .copyx-donut-num,
.slide.active .kindlustus-num,
.slide.active .sonic-copiers strong,
.slide.active .copyx-strategy-glow {
    animation: goldPulse 3.2s ease-in-out infinite;
}

/* --- Hover lift polish kaartidel --- */
.slide.tag-office-layout .kpi-row,
.bix-info-item,
.amplify-step,
.amplify-option,
.tag-verify-link {
    transition: transform 0.25s var(--ease), box-shadow 0.25s var(--ease), border-color 0.25s var(--ease);
}
.slide.tag-office-layout .kpi-row:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(255, 212, 0, 0.18);
}
.bix-info-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(255, 212, 0, 0.15);
}
.amplify-step:not(.amplify-step-final):hover {
    transform: translateY(-2px);
    border-color: rgba(255, 212, 0, 0.5);
}
.amplify-option:hover {
    transform: translateY(-3px);
}

/* Reduceeritud liikumise eelistus — keela animatsioonid */
@media (prefers-reduced-motion: reduce) {
    .slide.active *,
    .slide.active .copyx-donut,
    .slide.active .bix-card-css {
        animation: none !important;
    }
    .slide.tag-office-layout .tag-grid > .tag-right {
        transform: translateY(20vh);
    }
}

/* === Slaid 16: TAG Traders õpikeskkond === */
.tagtraders-grid {
    display: grid;
    grid-template-columns: 1.45fr 0.8fr;
    gap: clamp(20px, 2.4vw, 44px);
    align-items: center;
    width: 100%;
    max-width: 1320px;
    margin: clamp(8px, 1.6vh, 18px) auto 0;
}
.tagtraders-shot {
    position: relative;
    display: block;
    border-radius: 16px;
    overflow: hidden;
    border: 2px solid var(--gold);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55), 0 0 26px var(--gold-glow);
    line-height: 0;
    transition: transform 0.25s var(--ease);
}
.tagtraders-shot:hover { transform: translateY(-3px); }
.tagtraders-shot img {
    width: 100%;
    height: auto;
    display: block;
}
.tagtraders-shot-link {
    position: absolute;
    right: 12px;
    bottom: 12px;
    padding: 7px 16px;
    border-radius: 999px;
    background: rgba(10, 12, 20, 0.85);
    border: 1px solid var(--gold);
    color: var(--gold);
    font-size: clamp(0.8rem, 1vw, 0.98rem);
    font-weight: 700;
    letter-spacing: 0.3px;
    line-height: 1;
}
.tagtraders-features {
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 1.4vh, 16px);
}
.tt-feat {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    background: rgba(20, 22, 30, 0.7);
    border: 1px solid rgba(240, 192, 64, 0.2);
    border-left: 3px solid var(--gold);
    border-radius: 10px;
}
.tt-feat-icon {
    font-size: clamp(1.5rem, 2.1vw, 1.95rem);
    line-height: 1;
    flex-shrink: 0;
}
.tt-feat-body { display: flex; flex-direction: column; gap: 2px; }
.tt-feat-body strong {
    color: var(--gold);
    font-size: clamp(1.05rem, 1.3vw, 1.25rem);
    font-weight: 800;
}
.tt-feat-body span {
    color: var(--gray-light, #c8ccd6);
    font-size: clamp(0.9rem, 1.05vw, 1.05rem);
    line-height: 1.3;
}
.slide.active.tagtraders-slide .tagtraders-grid {
    animation: contentRise 0.55s var(--ease) backwards;
    animation-delay: 0.3s;
}