:root {
    --bg:           #0A1524;
    --bg-elev:      #182B45;
    --bg-card:      #13233A;
    --gold:         #CBA24A;
    --gold-soft:    #CBA24A;
    --gold-glow:   rgba(0,0,0,0);
    --teal:         #CBA24A;
    --teal-soft:    #E4E8EC;
    --text:         #E4E8EC;
    --text-dim:     rgba(228,232,236,0.72);
    --text-faint:   rgba(228,232,236,0.56);
    --border:       rgba(255,255,255,0.10);
    --border-strong:rgba(203,162,74,0.32);
}

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

html { scroll-behavior: smooth; }

body {
    font-family: Inter, sans-serif;
    background: var(--bg);
    color: var(--text);
    line-height: 1.6;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

.bg-atmosphere {
    position: fixed; inset: 0;
    z-index: -1; pointer-events: none;
    background: none;
}

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

button { font: inherit; cursor: pointer; border: 0; background: 0 0; color: inherit; }

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

.container { max-width: 1280px; margin: 0 auto; padding: 0 32px; }

header {
    position: sticky;
    top: 0;
    z-index: 50;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgba(10,21,36,0.92);
    border-bottom: 1px solid var(--border);
}

.header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 32px;
    max-width: 1600px;
    margin: 0 auto;
}

.wordmark { display: flex; align-items: center; transition: opacity 0.25s; }

.wordmark:hover { opacity: 0.85; }

.wordmark img { height: 34px; width: auto; display: block; }

.nav-links { display: flex; align-items: center; gap: 28px; }

.nav-links a {
    font-size: 13px;
    letter-spacing: 0.8px;
    color: var(--text-dim);
    text-transform: uppercase;
    transition: color 0.25s;
}

.nav-links a:hover { color: var(--gold-soft); }

.nav-cta {
    background: var(--gold);
    color: #0A1524 !important;
    padding: 10px 22px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px;
    transition: transform 0.2s, box-shadow 0.25s;
}

.nav-cta:hover {
    transform: translateY(-1px);
    box-shadow: none;
}

section { padding: 110px 0; position: relative; }

.section-eyebrow {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 3px;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 16px;
}

.section-title {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: clamp(32px, 4.5vw, 52px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
}

.section-sub {
    font-size: 17px;
    color: var(--text-dim);
    max-width: 680px;
}

.section-head-center { text-align: center; margin: 0 auto 64px; max-width: 800px; }

.section-head-center .section-sub { margin: 0 auto; }

.hero {
    padding: 140px 0 120px;
    position: relative;
    overflow: hidden;
}

.hero::before {
    content: '';
    position: absolute;
    top: -200px; right: -200px;
    width: 600px; height: 600px;
    background: radial-gradient(circle, var(--gold-glow), transparent 70%);
    filter: none;
    pointer-events: none;
}

.hero-inner { position: relative; z-index: 1; max-width: 920px; }

.hero-eyebrow {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 3px;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 28px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 8px 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: rgba(203,162,74,0.05);
}

.hero-eyebrow::before {
    content: '';
    width: 6px; height: 6px;
    border-radius: 50%;
    display: none;
}

.hero-title {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: clamp(40px, 6.2vw, 78px);
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -0.025em;
    margin-bottom: 32px;
}

.hero-title .accent {
    color: var(--gold);
}

.hero-sub {
    font-size: 19px;
    color: var(--text-dim);
    max-width: 720px;
    margin-bottom: 40px;
    line-height: 1.55;
}

.hero-ctas {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 36px;
}

.btn-primary {
    background: var(--gold);
    color: #0A1524;
    padding: 16px 30px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.8px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: transform 0.2s, box-shadow 0.25s;
}

.btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: none;
}

.btn-secondary {
    padding: 16px 26px;
    border-radius: 8px;
    border: 1px solid var(--border-strong);
    color: var(--text);
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.6px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: border-color 0.25s, background 0.25s;
}

.btn-secondary:hover {
    border-color: var(--gold);
    background: rgba(203,162,74,0.05);
}

.hero-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    font-size: 13px;
    color: var(--text-faint);
    letter-spacing: 0.5px;
}

.hero-trust span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.hero-trust span::before {
    content: '';
    width: 4px; height: 4px;
    border-radius: 50%;
    background: var(--gold);
    opacity: 0.6;
}

.pillars-wrap {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

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

.pillar {
    position: relative;
    padding: 30px 24px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg-card);
    backdrop-filter: blur(8px);
    transition: border-color 0.3s, transform 0.3s;
    overflow: hidden;
}

.pillar.pillar-hero {
    display: flex;
    align-items: center;
    gap: 36px;
    padding: 34px 40px;
}

.pillar-hero-left {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    min-width: 120px;
}

.pillar-hero-left .pillar-icon {
    margin-bottom: 0;
    width: 52px;
    height: 52px;
}

.pillar-hero-left .pillar-icon svg {
    width: 26px;
    height: 26px;
}

.pillar-hero-content {
    flex: 1;
    min-width: 0;
}

.pillar-hero .pillar-title {
    font-size: 22px;
    margin-bottom: 12px;
}

.pillar-hero .pillar-text {
    font-size: 15px;
    max-width: 720px;
}

.pillar::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 8px;
    padding: 1px;
    background: linear-gradient(135deg, transparent, var(--gold-glow), transparent);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: xor;
    opacity: 0;
    transition: opacity 0.4s;
    pointer-events: none;
}

.pillar:hover::before { opacity: 1; }

.pillar:hover { transform: translateY(-3px); border-color: var(--border-strong); }

.pillar.core {
    background: var(--bg-card);
    border-color: var(--border-strong);
}

.pillar.core .pillar-tag { display: inline-block; }

.pillar-tag {
    display: none;
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 14px;
    padding: 4px 10px;
    border: 1px solid var(--border-strong);
    border-radius: 8px;
}

.pillar-icon {
    width: 42px; height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(203,162,74,0.08);
    color: var(--gold);
    margin-bottom: 20px;
}

.pillar-icon svg { width: 22px; height: 22px; }

.pillar-title {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--text);
}

.pillar-text {
    font-size: 14px;
    color: var(--text-dim);
    line-height: 1.6;
}

.pillar-text strong { color: var(--text); font-weight: 600; }

.coverage-tier-label {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    color: var(--gold);
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.coverage-tier-label::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--border-strong);
}

.daily-majors {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    max-width: 680px;
    margin: 0 auto 44px;
}

.major-card {
    position: relative;
    padding: 36px 24px 28px;
    border: 1px solid var(--border-strong);
    border-radius: 8px;
    background: var(--bg-card);
    text-align: center;
    overflow: hidden;
    transition: transform 0.25s;
}

.major-card:hover { transform: translateY(-2px); }

.major-card .daily-tag {
    position: absolute;
    top: 14px; right: 14px;
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 12px;
    letter-spacing: 1.5px;
    color: var(--gold);
    text-transform: uppercase;
}

.major-logo {
    width: 64px; height: 64px;
    margin: 0 auto 16px;
    display: block;
    border-radius: 50%;
}

.major-ticker {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: var(--text);
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.major-name {
    font-size: 13px;
    color: var(--text-faint);
    letter-spacing: 0.4px;
}

.structure-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
}

.structure-card {
    padding: 16px 10px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg-card);
    text-align: center;
    transition: border-color 0.25s, transform 0.25s, background 0.25s;
}

.structure-card:hover {
    border-color: var(--border-strong);
    transform: translateY(-2px);
    background: rgba(203,162,74,0.04);
}

.structure-card-label {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: var(--gold-soft);
    letter-spacing: 0.5px;
    margin-bottom: 4px;
    white-space: nowrap;
}

.structure-card-desc {
    font-size: 12px;
    color: var(--text-faint);
    letter-spacing: 0.2px;
    line-height: 1.3;
}

.coin-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 10px;
}

.coin-cell {
    padding: 14px 6px 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg-card);
    text-align: center;
    transition: border-color 0.25s, transform 0.25s, background 0.25s;
}

.coin-cell:hover {
    border-color: var(--border-strong);
    transform: translateY(-2px);
    background: rgba(203,162,74,0.04);
}

.coin-cell img {
    width: 30px; height: 30px;
    margin: 0 auto 7px;
    display: block;
    border-radius: 50%;
    background: rgba(203,162,74,0.08);
}

.coin-cell .ticker {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: var(--gold-soft);
    letter-spacing: 0.6px;
}

.coverage-bonus-block {
    margin-top: 40px;
    padding: 28px 28px 24px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg-card);
}

.coverage-bonus-label {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    color: var(--teal-soft);
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.coverage-bonus-label::after {
    content: '';
    flex: 1;
    height: 1px;
    background: rgba(228,232,236,0.25);
}

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

.bonus-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: #0A1524;
}

.bonus-item-icon {
    width: 38px; height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter Display', Inter, sans-serif;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.5px;
    flex-shrink: 0;
}

.bonus-item-icon.gold {
    background: var(--gold);
    color: #0A1524;
    box-shadow: none;
}

.bonus-item-icon.silver {
    background: var(--gold);
    color: #0A1524;
    box-shadow: none;
}

.bonus-item-icon.stocks {
    background: rgba(228,232,236,0.15);
    border: 1px solid rgba(228,232,236,0.4);
    color: var(--teal-soft);
}

.bonus-item-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.bonus-item-name {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
}

.bonus-item-note {
    font-size: 12px;
    color: var(--text-faint);
    letter-spacing: 0.3px;
}

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

.howto-grid::before {
    content: '';
    position: absolute;
    top: 38px;
    left: 12%; right: 12%;
    height: 1px;
    background: var(--border-strong);
    z-index: 0;
}

.howto-step {
    position: relative;
    z-index: 1;
    padding: 30px 26px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg-card);
    backdrop-filter: blur(8px);
    transition: border-color 0.3s, transform 0.3s;
}

.howto-step:hover {
    border-color: var(--border-strong);
    transform: translateY(-2px);
}

.howto-step.community {
    background: var(--bg-card);
    border-color: var(--border-strong);
}

.howto-num {
    width: 36px; height: 36px;
    border-radius: 50%;
    background: var(--gold);
    color: #0A1524;
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
}

.howto-title {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--text);
}

.howto-body {
    font-size: 14.5px;
    color: var(--text-dim);
    line-height: 1.6;
}

.howto-body strong { color: var(--text); font-weight: 600; }

.howto-body .accent {
    color: var(--gold-soft);
    font-weight: 600;
}

.coverage-accent {
    font-style: italic;
    color: var(--gold);
}

.method {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    margin-bottom: 56px;
}

.method-card {
    padding: 36px 30px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg-card);
    position: relative;
}

.method-num {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--gold);
    letter-spacing: 2px;
    margin-bottom: 18px;
}

.method-title {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 14px;
}

.method-text {
    font-size: 14.5px;
    color: var(--text-dim);
    line-height: 1.65;
}

.method-prose {
    max-width: 760px;
    margin: 0 auto;
    font-size: 16px;
    color: var(--text-dim);
    line-height: 1.75;
    text-align: center;
}

.method-prose strong { color: var(--text); font-weight: 600; }

.terminal-section {
    background: var(--bg);
}

.terminal-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 56px;
    padding: 32px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg-card);
}

.terminal-stat {
    text-align: center;
}

.terminal-stat-num {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 42px;
    font-weight: 600;
    color: var(--gold-soft);
    line-height: 1;
    margin-bottom: 8px;
    letter-spacing: -0.02em;
}

.terminal-stat-label {
    font-size: 12px;
    color: var(--text-faint);
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

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

.terminal-cat {
    padding: 28px 26px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg-card);
    transition: border-color 0.3s, transform 0.3s;
}

.terminal-cat:hover {
    border-color: var(--border-strong);
    transform: translateY(-2px);
}

.terminal-cat-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--border);
}

.terminal-cat-name {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--text);
    letter-spacing: 0.3px;
}

.terminal-cat-count {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 12px;
    color: var(--gold);
    font-weight: 500;
}

.terminal-cat-tools {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.terminal-cat-tools li {
    font-size: 13.5px;
    color: var(--text-dim);
    padding-left: 14px;
    position: relative;
    line-height: 1.45;
}

.terminal-cat-tools li::before {
    content: '';
    position: absolute;
    left: 0; top: 9px;
    width: 5px; height: 5px;
    border-radius: 50%;
    background: var(--gold);
    opacity: 0.5;
}

.terminal-screenshot {
    margin-top: 56px;
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg-card);
    position: relative;
}

.terminal-screenshot-placeholder {
    aspect-ratio: 16 / 9;
    border-radius: 8px;
    background:
        repeating-linear-gradient(45deg, transparent 0 12px, rgba(203,162,74,0.04) 12px 13px),
        linear-gradient(135deg, rgba(203,162,74,0.05), rgba(203,162,74,0.05));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-faint);
    font-size: 13px;
    letter-spacing: 0.5px;
}

.about-globe-container {
    width: 100%;
    height: 480px;
    margin-bottom: 48px;
    position: relative;
}

.about-content {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}

.about-content .about-credits {
    justify-content: center;
}

.about-name {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 8px;
}

.about-role {
    font-size: 14px;
    color: var(--gold);
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.about-prose {
    font-size: 16px;
    color: var(--text-dim);
    line-height: 1.7;
}

.about-prose p + p { margin-top: 14px; }

.about-credits {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid var(--border);
}

.about-credit {
    font-size: 13px;
    color: var(--text-faint);
    letter-spacing: 0.4px;
}

.about-credit strong {
    display: block;
    color: var(--gold-soft);
    font-size: 18px;
    font-weight: 600;
    font-family: 'Inter Display', Inter, sans-serif;
    margin-bottom: 2px;
}

.sample-card {
    max-width: 880px;
    margin: 0 auto;
    border: 1px solid var(--border-strong);
    border-radius: 8px;
    background: var(--bg-card);
    overflow: hidden;
    position: relative;
}

.sample-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 8px;
    padding: 1px;
    background: linear-gradient(135deg, var(--gold-glow), transparent 30%, transparent 70%, var(--gold-glow));
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    pointer-events: none;
}

.sample-head {
    padding: 22px 32px;
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px;
    background: rgba(203,162,74,0.03);
}

.sample-meta-left {
    display: flex;
    align-items: center;
    gap: 16px;
}

.sample-badge {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.8px;
    color: var(--gold);
    text-transform: uppercase;
    padding: 5px 10px;
    border: 1px solid var(--border-strong);
    border-radius: 8px;
}

.sample-asset {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: var(--text);
}

.sample-date {
    font-size: 13px;
    color: var(--text-faint);
    letter-spacing: 0.4px;
}

.sample-body { padding: 32px; }

.sample-chart-placeholder {
    aspect-ratio: 16 / 9;
    border-radius: 8px;
    background:
        repeating-linear-gradient(0deg, transparent 0 30px, rgba(255,255,255,0.02) 30px 31px),
        repeating-linear-gradient(90deg, transparent 0 40px, rgba(255,255,255,0.02) 40px 41px),
        linear-gradient(180deg, rgba(203,162,74,0.04), transparent);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-faint);
    font-size: 12px;
    letter-spacing: 0.5px;
    margin-bottom: 24px;
}

.sample-prose {
    font-size: 15px;
    color: var(--text-dim);
    line-height: 1.7;
}

.sample-prose p + p { margin-top: 12px; }

.sample-prose .placeholder-block {
    padding: 32px;
    border: 1px dashed var(--border);
    border-radius: 8px;
    color: var(--text-faint);
    font-style: italic;
    text-align: center;
    font-size: 13px;
}

.quotes-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    align-items: stretch;
}

.quote-card {
    padding: 32px 28px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg-card);
    position: relative;
    display: flex;
    flex-direction: column;
    transition: border-color 0.3s, transform 0.3s;
}

.quote-card:hover {
    border-color: var(--border-strong);
    transform: translateY(-2px);
}

.quote-mark {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 44px;
    line-height: 0.8;
    color: var(--gold);
    opacity: 0.35;
    margin-bottom: 14px;
}

.quote-text {
    font-size: 14.5px;
    color: var(--text);
    line-height: 1.65;
    margin-bottom: 24px;
    flex: 1;
}

.quote-text strong {
    color: var(--gold-soft);
    font-weight: 600;
}

.quote-author {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-top: 20px;
    border-top: 1px solid var(--border);
}

.quote-avatar {
    width: 42px; height: 42px;
    border-radius: 50%;
    background: var(--gold);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter Display', Inter, sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #0A1524;
}

.quote-meta {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.quote-name {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.quote-role {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: var(--text-faint);
    letter-spacing: 0.3px;
}

.quote-role svg {
    width: 11px;
    height: 11px;
    color: var(--gold);
    opacity: 0.7;
    flex-shrink: 0;
}

.quote-placeholder {
    font-style: italic;
    color: var(--text-faint);
}

.offer-card {
    max-width: 720px;
    margin: 0 auto;
    padding: 48px 44px 40px;
    border: 1px solid var(--border-strong);
    border-radius: 8px;
    background: var(--bg-card);
    position: relative;
    overflow: hidden;
}

.offer-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: var(--gold);
}

.offer-tag {
    display: inline-block;
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    color: var(--gold);
    text-transform: uppercase;
    padding: 5px 12px;
    border: 1px solid var(--border-strong);
    border-radius: 8px;
    margin-bottom: 20px;
}

.offer-name {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 8px;
}

.offer-tagline {
    font-size: 15px;
    color: var(--text-dim);
    margin-bottom: 28px;
}

.offer-price-row {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}

.offer-price-prefix { font-size: 14px; color: var(--text-faint); }

.offer-price {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 44px;
    font-weight: 600;
    color: var(--gold-soft);
    letter-spacing: -0.02em;
}

.offer-price-eur {
    font-size: 14px;
    color: var(--text-faint);
    margin-left: 4px;
}

.offer-period { font-size: 14px; color: var(--text-dim); }

.offer-price-plus {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--text);
}

.offer-price-vat-inline {
    font-size: 14px;
    line-height: 1.5;
    color: var(--text-dim);
    letter-spacing: 0.2px;
    margin-top: -22px;
    margin-bottom: 18px;
}

.offer-risk { font-size: 13px; line-height: 1.5; color: var(--text-dim); margin: -16px 0 28px; }

.offer-price-note {
    font-size: 12px;
    color: var(--text-faint);
    margin-bottom: 28px;
    letter-spacing: 0.3px;
}

.offer-bullets {
    list-style: none;
    margin-bottom: 32px;
}

.offer-bullet {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 0;
    border-bottom: 1px solid var(--border);
}

.offer-bullet:last-child { border-bottom: 0; }

.offer-bullet-icon {
    width: 22px; height: 22px;
    color: var(--gold);
    flex-shrink: 0;
    margin-top: 2px;
}

.offer-bullet-text { font-size: 14.5px; line-height: 1.5; }

.offer-bullet-text strong {
    display: block;
    color: var(--text);
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 2px;
}

.offer-bullet-text span { color: var(--text-dim); }

.offer-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    background: var(--gold);
    color: #0A1524 !important;
    padding: 18px 30px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.8px;
    transition: transform 0.2s, box-shadow 0.25s;
}

.offer-cta:hover {
    transform: translateY(-1px);
    box-shadow: none;
}

.offer-fineprint {
    text-align: center;
    margin-top: 18px;
    font-size: 12px;
    color: var(--text-faint);
    letter-spacing: 0.3px;
}

.faq-list {
    max-width: 820px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.faq-item {
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg-card);
    overflow: hidden;
    transition: border-color 0.3s;
}

.faq-item[open] { border-color: var(--border-strong); }

.faq-item summary {
    padding: 20px 24px;
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: var(--text);
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    transition: color 0.25s;
}

.faq-item summary::-webkit-details-marker { display: none; }

.faq-item summary:hover { color: var(--gold-soft); }

.faq-toggle {
    width: 20px; height: 20px;
    color: var(--gold);
    flex-shrink: 0;
    transition: transform 0.3s;
}

.faq-item[open] .faq-toggle { transform: rotate(45deg); }

.faq-body {
    padding: 0 24px 22px;
    font-size: 14.5px;
    color: var(--text-dim);
    line-height: 1.7;
}

.final-cta {
    text-align: center;
    padding: 80px 0 110px;
}

.final-cta-title {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.02em;
    margin-bottom: 18px;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.final-cta-sub {
    font-size: 16px;
    color: var(--text-dim);
    max-width: 560px;
    margin: 0 auto 32px;
}

.cta-stripe-soon {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    padding: 9px 18px;
    background: transparent;
    border: 1px dashed rgba(255,255,255,0.12);
    border-radius: 8px;
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: rgba(255,255,255,0.45);
    cursor: not-allowed;
    user-select: none;
    opacity: 1;
}

.cta-stripe-soon:hover {
    border-color: rgba(255,255,255,0.18);
    color: rgba(255,255,255,0.55);
}

.cta-stripe-soon .stripe-tag {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: 8px;
    background: rgba(203,162,74,0.10);
    color: rgba(203,162,74,0.78);
    border: 1px solid rgba(203,162,74,0.18);
}

.cta-stripe-soon.compact {
    padding: 7px 14px;
    font-size: 12px;
    margin-top: 8px;
    gap: 8px;
}

.cta-stripe-soon.compact .stripe-tag {
    font-size: 12px;
    padding: 2px 6px;
}

.nav-login {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border: 1px dashed rgba(255,255,255,0.13);
    border-radius: 8px;
    background: transparent;
    color: rgba(255,255,255,0.45) !important;
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: 0.2px;
    cursor: not-allowed;
    user-select: none;
    transition: color 0.2s, border-color 0.2s;
}

.nav-login:hover {
    color: rgba(255,255,255,0.6) !important;
    border-color: rgba(255,255,255,0.20);
}

.nav-login svg {
    width: 13px;
    height: 13px;
    opacity: 0.7;
}

.nav-login .nav-login-tag {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    padding: 2px 7px;
    border-radius: 8px;
    background: rgba(203,162,74,0.10);
    color: rgba(203,162,74,0.78);
    border: 1px solid rgba(203,162,74,0.18);
}

@media (max-width: 760px) {
    .nav-login {
        padding: 6px 10px;
        gap: 6px;
        font-size: 0;
    }

    .nav-login .nav-login-tag { font-size: 12px; padding: 2px 6px; }

    .nav-login svg { width: 14px; height: 14px; opacity: 0.85; }
}

.ridge-band {
    height: 204px;
    margin-top: 40px;
    background: url("/assets/marketing/mco-ridge-band-515a6ea6.svg") no-repeat bottom center;
    background-size: 1600px auto;
    opacity: 0.55;
    pointer-events: none;
}
@media (max-width: 900px) { .ridge-band { height: 118px; background-size: 900px auto; } }

footer {
    padding: 60px 32px 50px;
    text-align: center;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: rgba(0,0,0,0.22);
    
    --text-faint: rgba(228,232,236,0.62);
    --text-dim: rgba(220,220,225,0.74);
}

footer::before {
    content: '';
    position: absolute;
    top: 0; left: 15%; width: 70%; height: 1px;
    background: var(--border-strong);
    z-index: 1;
}

footer::after {
    content: '';
    position: absolute;
    inset: 0;
    display: none;
    background-size: cover;
    background-position: center 65%;
    background-repeat: no-repeat;
    filter: grayscale(1) brightness(0.5) contrast(1.05);
    opacity: 0.10;
    z-index: -1;
    pointer-events: none;
    mask-image: linear-gradient(to bottom, transparent 0%, black 18%, black 82%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 18%, black 82%, transparent 100%);
}

.footer-meta {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 12px;
    letter-spacing: 2.5px;
    color: var(--text-faint);
    text-transform: uppercase;
    margin-bottom: 14px;
}

.footer-meta .city {
    color: var(--gold-soft);
    font-weight: 500;
}

.footer-tagline {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.32em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 18px;
}

.footer-brand {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 16px;
    color: var(--text-dim);
    margin-bottom: 20px;
}

.footer-brand strong { color: var(--gold-soft); font-weight: 600; }

.footer-links {
    display: flex;
    justify-content: center;
    gap: 28px;
    margin-bottom: 26px;
    flex-wrap: wrap;
}

.footer-links a {
    color: var(--text-faint);
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: color 0.3s;
}

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

.footer-terms {
    color: var(--text-faint);
    font-size: 13px;
    margin-bottom: 22px;
}

.trust-badges {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    margin: 10px 0 30px;
    padding: 28px 0;
    border-top: 1px solid rgba(203,162,74,0.06);
    border-bottom: 1px solid rgba(203,162,74,0.06);
}

.trust-badges-label {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 12px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: rgba(200,200,210,0.62);
    font-weight: 500;
}

.trust-badges-logos {
    display: flex;
    align-items: center;
    gap: 56px;
    flex-wrap: wrap;
    justify-content: center;
}

.trust-badge {
    opacity: 0.65;
    transition: opacity 0.3s, transform 0.3s;
}

.trust-badge:hover { opacity: 1; transform: translateY(-1px); }

.trust-badge img {
    filter: invert(1) brightness(0.92);
    display: block;
}

.trust-badge img[src*="fsb-logo"] { height: 70px; }

.trust-badge img[src*="gbc-logo"] { height: 108px; }

.trust-badges-foundation {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    margin-top: 28px;
    padding-top: 28px;
    border-top: 1px solid rgba(203,162,74,0.08);
    width: 100%;
}

.foundation-logo-link {
    opacity: 0.85;
    transition: opacity 0.3s, transform 0.3s;
    display: block;
}

.foundation-logo-link:hover {
    opacity: 1;
    transform: translateY(-1px);
}

.foundation-logo-link img {
    height: 58px;
    display: block;
}

.foundation-text {
    font-size: 13px;
    color: rgba(200,200,210,0.62);
    text-align: center;
    letter-spacing: 0.3px;
    margin: 0;
    max-width: 480px;
    line-height: 1.5;
}

.foundation-text strong {
    color: rgba(203,162,74,0.85);
    font-weight: 600;
}

.footer-address {
    color: rgba(200,200,210,0.62);
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 20px;
    letter-spacing: 0.3px;
}

.footer-address a {
    color: rgba(203,162,74,0.75);
}

.footer-compliance {
    color: rgba(200,200,210,0.66);
    font-size: 12px;
    line-height: 1.6;
    max-width: 560px;
    margin: 0 auto 16px;
    letter-spacing: 0.15px;
}

.footer-copy {
    color: var(--text-faint);
    font-size: 13px;
}

.cookie-banner {
    position: fixed;
    bottom: 0; left: 0; right: 0;
    z-index: 9999;
    background: rgba(10,21,36,0.97);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-top: 1px solid rgba(203,162,74,0.25);
    padding: 18px 24px;
    display: none;
    box-shadow: none;
    animation: cookie-slide 0.5s ease-out;
}

.cookie-banner.visible { display: block; }
@keyframes cookie-slide {
    from { transform: translateY(100%); opacity: 0; }

    to   { transform: translateY(0); opacity: 1; }
}

.cookie-inner {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.cookie-text {
    color: rgba(220,220,225,0.85);
    font-size: 13px;
    line-height: 1.55;
    max-width: 760px;
    flex: 1 1 320px;
}

.cookie-text strong {
    color: #CBA24A;
    font-family: 'Inter Display', Inter, sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    margin-bottom: 4px;
}

.cookie-text a {
    color: #CBA24A;
    text-decoration: underline;
    text-decoration-color: rgba(203,162,74,0.4);
    text-underline-offset: 2px;
}

.cookie-text a:hover { color: #CBA24A; }

.cookie-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.cookie-btn {
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 10px 22px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.25s;
    border: 1px solid;
    background: transparent;
}

.cookie-btn-accept {
    background: rgba(203,162,74,0.14);
    border-color: rgba(203,162,74,0.4);
    color: #CBA24A;
}

.cookie-btn-accept:hover {
    border-color: rgba(203,162,74,0.7);
    box-shadow: none;
}
@media (max-width: 768px) {
    .cookie-banner { padding: 14px 16px; }

    .cookie-inner { gap: 12px; }

    .cookie-text { font-size: 12px; }

    .cookie-btn { padding: 9px 16px; font-size: 12px; flex: 1 1 auto; min-width: 120px; }
}

.honesty-note {
    margin: 44px auto 0;
    max-width: 760px;
    padding: 24px 28px;
    border-left: 2px solid var(--gold);
    background: rgba(203,162,74,0.04);
    border-radius: 4px 14px 14px 4px;
    font-size: 14.5px;
    color: var(--text-dim);
    line-height: 1.65;
}

.honesty-note .honesty-title {
    display: block;
    font-family: 'Inter Display', Inter, sans-serif;
    font-size: 15px;
    color: var(--text);
    font-weight: 600;
    margin-bottom: 8px;
    letter-spacing: 0.2px;
}

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

.reveal {
    transition: opacity 0.7s ease, transform 0.7s ease;
}

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

    .pillar.pillar-hero {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding: 28px 26px;
    }

    .pillar-hero-left {
        flex-direction: row;
        align-items: center;
        min-width: 0;
    }

    .howto-grid { grid-template-columns: 1fr; gap: 14px; }

    .howto-grid::before { display: none; }

    .terminal-grid { grid-template-columns: repeat(2, 1fr); }

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

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

    .coin-grid { grid-template-columns: repeat(6, 1fr); }

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

    .daily-majors { grid-template-columns: repeat(2, 1fr); }

    .bonus-items { grid-template-columns: 1fr; }

    .about-split { grid-template-columns: 1fr; gap: 32px; }

    .about-globe-container { height: 420px; }

    .terminal-stats { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
    section { padding: 72px 0; }

    .hero { padding: 80px 0 70px; }

    .container { padding: 0 20px; }

    .wordmark img { height: 26px; }

    .header-inner { padding: 10px 20px; }

    .nav-links a:not(.nav-cta) { display: none; }

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

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

    .coin-grid { grid-template-columns: repeat(4, 1fr); gap: 8px; }

    .structure-grid { grid-template-columns: repeat(2, 1fr); }

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

    .major-card { padding: 28px 18px 22px; }

    .major-logo { width: 56px; height: 56px; margin-bottom: 12px; }

    .major-ticker { font-size: 20px; }

    .terminal-stats { padding: 22px 18px; }

    .terminal-stat-num { font-size: 32px; }

    .offer-card { padding: 36px 26px 32px; }

    .offer-price { font-size: 36px; }

    .sample-body { padding: 22px; }

    .sample-head { padding: 18px 22px; }

    .hero-ctas { flex-direction: column; align-items: stretch; }

    .btn-primary, .btn-secondary { justify-content: center; }

    .about-globe-container { height: 360px; margin-bottom: 32px; }
}

.wordmark picture { display: block; }

.nav-toggle {
    display: none;
    width: 42px; height: 42px;
    flex-direction: column; align-items: center; justify-content: center; gap: 5px;
    border: 1px solid var(--border); border-radius: 8px;
}

.nav-toggle span { display: block; width: 18px; height: 2px; background: var(--text); }

.nowrap { white-space: nowrap; }
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }

    .cookie-banner { animation: none; }
}
@media print {
    html.js .reveal { opacity: 1 !important; transform: none !important; }

    .cookie-banner, .nav-toggle, .mobile-menu { display: none !important; }
}

.mobile-menu { display: none; }

:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
@media (max-width: 1180px) {
    .nav-links { gap: 12px; }

    .nav-links a:not(.nav-cta) { display: none; }

    html.js .nav-toggle { display: inline-flex; }

    .mobile-menu:not([hidden]), html:not(.js) .mobile-menu {
        display: flex; flex-direction: column;
        padding: 4px 24px 16px;
        border-top: 1px solid var(--border);
        background: var(--bg);
    }

    .mobile-menu a {
        padding: 15px 0;
        font-size: 16px;
        color: var(--text);
        border-bottom: 1px solid var(--border);
    }

    .mobile-menu a:last-child { border-bottom: 0; }
}
@media (max-width: 640px) {
    .nav-links .nav-login { display: none !important; }

    .nav-cta { padding: 10px 14px; font-size: 12px; letter-spacing: 0.6px; white-space: nowrap; }
}

html.js .reveal { opacity: 0; transform: translateY(20px); }

html.js .reveal.visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
    html.js .reveal { opacity: 1; transform: none; transition: none; }
}

.rc {
    --rc-panel: #0D1A2B; --rc-gold: #E8C97A; --rc-gold-sig: #CBA24A; --rc-neon: #2EE6FF;
    --rc-sup: #F59E42; --rc-res: #F05268; --rc-tgt: #3FA9F5; --rc-inv: #F05268; --rc-brk: #33D17A;
    --rc-up: #C3CEDE; --rc-dn: #53627D; --rc-wick: #7D8BA3;
}

.rc-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 28px; align-items: start; }

.rc-chart { margin: 0; background: var(--rc-panel); border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; padding: 18px 14px 14px; }

.rc-svg { display: block; width: 100%; height: auto; font-family: Inter, sans-serif; overflow: visible; -webkit-tap-highlight-color: transparent; }

.rc-grid-lines path { stroke: rgba(255,255,255,0.045); stroke-width: 1; }

.rc-axis { stroke: rgba(255,255,255,0.10); stroke-width: 1; }

.rc-tick { fill: #7A8AA2; font-size: 15px; font-weight: 500; }

.rc-candles path { stroke: var(--rc-wick); stroke-width: 1.6; }

.rc-candles .up rect { fill: var(--rc-up); }

.rc-candles .dn rect { fill: var(--rc-dn); }

.rc-candles .dn path { stroke: #6A7893; }

.rc-candles { transition: opacity 0.35s ease; }

.rc-an, .rc-mk { transition: opacity 0.35s ease; }

.rc-an { cursor: pointer; }

.rc-svg .hit { fill: none; stroke: transparent; stroke-width: 18; pointer-events: stroke; }

.rc-svg .z-rule { stroke-width: 2.2; fill: none; }

.rc-svg .z-mid { stroke-width: 1.2; stroke-dasharray: 4 5; opacity: 0.8; fill: none; }

.rc-svg .l-main { stroke-width: 2.8; fill: none; stroke-linecap: round; }

.rc-svg .l-ref { stroke-width: 1.6; stroke-dasharray: 2 5; stroke-linecap: round; fill: none; }

.rc-svg [data-el="support"] .z-rule, .rc-svg [data-el="support"] .z-mid, .rc-svg [data-el="support"] .l-main, .rc-svg [data-el="support"] .l-ref { stroke: var(--rc-sup); }

.rc-svg [data-el="support"] .rc-tag rect, .rc-svg [data-el="support"] .rc-pill rect { fill: var(--rc-sup); }

.rc-svg [data-el="resistance"] .z-rule, .rc-svg [data-el="resistance"] .z-mid, .rc-svg [data-el="resistance"] .l-main, .rc-svg [data-el="resistance"] .l-ref { stroke: var(--rc-res); }

.rc-svg [data-el="resistance"] .rc-tag rect, .rc-svg [data-el="resistance"] .rc-pill rect { fill: var(--rc-res); }

.rc-svg [data-el="target"] .z-rule, .rc-svg [data-el="target"] .z-mid, .rc-svg [data-el="target"] .l-main, .rc-svg [data-el="target"] .l-ref { stroke: var(--rc-tgt); }

.rc-svg [data-el="target"] .rc-tag rect, .rc-svg [data-el="target"] .rc-pill rect { fill: var(--rc-tgt); }

.rc-svg [data-el="invalidation"] .z-rule, .rc-svg [data-el="invalidation"] .z-mid, .rc-svg [data-el="invalidation"] .l-main, .rc-svg [data-el="invalidation"] .l-ref { stroke: var(--rc-inv); }

.rc-svg [data-el="invalidation"] .rc-tag rect, .rc-svg [data-el="invalidation"] .rc-pill rect { fill: var(--rc-inv); }

.rc-svg [data-el="breakout"] .z-rule, .rc-svg [data-el="breakout"] .z-mid, .rc-svg [data-el="breakout"] .l-main, .rc-svg [data-el="breakout"] .l-ref { stroke: var(--rc-brk); }

.rc-svg [data-el="breakout"] .rc-tag rect, .rc-svg [data-el="breakout"] .rc-pill rect { fill: var(--rc-brk); }

.rc-svg [data-el="support"] .z-fill { fill: rgba(245,158,66,0.24); }

.rc-svg [data-el="resistance"] .z-fill { fill: rgba(240,82,104,0.30); }

.rc-svg [data-el="target"] .z-fill { fill: rgba(63,169,245,0.18); }

.rc-svg .rc-tag-t, .rc-svg .rc-pill-t { fill: #0A1524; font-size: 17px; font-weight: 700; }

.rc-svg .rc-pill-t { font-size: 16px; font-variant-numeric: tabular-nums; }

.rc-svg .rc-tag-s { fill: #0A1524; font-size: 14px; font-weight: 600; }

.rc-svg .w-main { fill: var(--rc-gold); font-size: 26px; font-weight: 700; }

.rc-svg .w-sub { fill: #D3DCE8; font-size: 19px; font-weight: 600; }

.rc-svg .w-abc { fill: #FFF; font-size: 20px; font-weight: 700; }

.rc-svg .w-trend { stroke: var(--rc-gold); stroke-width: 1.6; stroke-dasharray: 7 6; opacity: 0.75; fill: none; }

.rc-svg .s-prim { fill: none; stroke: #FFF; stroke-width: 3.2; stroke-linejoin: round; stroke-linecap: round; }

.rc-svg .s-prim-h { fill: #FFF; }

.rc-svg .s-alt { fill: none; stroke: var(--rc-res); stroke-width: 3; stroke-dasharray: 0.1 8; stroke-linecap: round; stroke-linejoin: round; }

.rc-svg .s-alt-m { fill: none; stroke: #FFF; stroke-width: 12; stroke-dasharray: 1; stroke-dashoffset: 0; }

.rc-svg .s-alt-h { fill: var(--rc-res); }

.rc-svg .s-alt-t { fill: var(--rc-res); font-size: 17px; font-weight: 700; }

.rc-svg .z-pct, .rc-svg .z-pct-m { fill: var(--rc-res); font-size: 14px; font-weight: 700; }

.rc-svg .z-pct-m { display: none; }

.rc-mk { cursor: pointer; }

.rc-mk-bg { fill: var(--rc-neon); }

.rc-mk-core { fill: #FFF; opacity: 0.9; }

.rc-mk-glow { fill: var(--rc-neon); opacity: 0.6; transition: opacity 0.25s; }

.rc-mk-ring { fill: none; stroke: var(--rc-neon); stroke-width: 2; opacity: 0; transform-box: fill-box; transform-origin: center; }

.rc-mk:hover .rc-mk-glow { opacity: 1; }
@keyframes rc-pulse { 0% { opacity: 0.9; transform: scale(1); }

 100% { opacity: 0; transform: scale(3); } }

.rc[data-active="all"].rc-in .rc-mk-ring { animation: rc-pulse 2.8s ease-out infinite; animation-delay: calc(2s + var(--d)); }

.rc:not([data-active="all"]) .rc-an, .rc:not([data-active="all"]) .rc-mk { opacity: 0.2; }

.rc:not([data-active="all"], [data-active="count"]) .rc-candles { opacity: 0.55; }

.rc:not([data-active="all"]) .rc-an:hover, .rc:not([data-active="all"]) .rc-mk:hover { opacity: 0.6; }

.rc:not([data-active="all"]) .rc-an .rc-tag, .rc:not([data-active="all"]) .rc-an .rc-pill { opacity: 0; transition: opacity 0.25s; }

.rc[data-active="count"] .rc-an[data-el="count"], .rc[data-active="count"] .rc-mk[data-mk="count"], .rc[data-active="count"] .rc-an[data-el="count"] .rc-tag, .rc[data-active="count"] .rc-an[data-el="count"] .rc-pill { opacity: 1; }

.rc[data-active="count"] .rc-mk[data-mk="count"] .rc-mk-glow { opacity: 1; }

.rc[data-active="count"] .rc-mk[data-mk="count"] .rc-mk-ring { animation: rc-pulse 1.6s ease-out infinite; }

.rc[data-active="count"] .rc-dots [data-el="count"] { background: var(--rc-neon); box-shadow: 0 0 8px var(--rc-neon); transform: scale(1.35); }

.rc[data-active="support"] .rc-an[data-el="support"], .rc[data-active="support"] .rc-mk[data-mk="support"], .rc[data-active="support"] .rc-an[data-el="support"] .rc-tag, .rc[data-active="support"] .rc-an[data-el="support"] .rc-pill { opacity: 1; }

.rc[data-active="support"] .rc-mk[data-mk="support"] .rc-mk-glow { opacity: 1; }

.rc[data-active="support"] .rc-mk[data-mk="support"] .rc-mk-ring { animation: rc-pulse 1.6s ease-out infinite; }

.rc[data-active="support"] .rc-dots [data-el="support"] { background: var(--rc-neon); box-shadow: 0 0 8px var(--rc-neon); transform: scale(1.35); }

.rc[data-active="resistance"] .rc-an[data-el="resistance"], .rc[data-active="resistance"] .rc-mk[data-mk="resistance"], .rc[data-active="resistance"] .rc-an[data-el="resistance"] .rc-tag, .rc[data-active="resistance"] .rc-an[data-el="resistance"] .rc-pill { opacity: 1; }

.rc[data-active="resistance"] .rc-mk[data-mk="resistance"] .rc-mk-glow { opacity: 1; }

.rc[data-active="resistance"] .rc-mk[data-mk="resistance"] .rc-mk-ring { animation: rc-pulse 1.6s ease-out infinite; }

.rc[data-active="resistance"] .rc-dots [data-el="resistance"] { background: var(--rc-neon); box-shadow: 0 0 8px var(--rc-neon); transform: scale(1.35); }

.rc[data-active="target"] .rc-an[data-el="target"], .rc[data-active="target"] .rc-mk[data-mk="target"], .rc[data-active="target"] .rc-an[data-el="target"] .rc-tag, .rc[data-active="target"] .rc-an[data-el="target"] .rc-pill { opacity: 1; }

.rc[data-active="target"] .rc-mk[data-mk="target"] .rc-mk-glow { opacity: 1; }

.rc[data-active="target"] .rc-mk[data-mk="target"] .rc-mk-ring { animation: rc-pulse 1.6s ease-out infinite; }

.rc[data-active="target"] .rc-dots [data-el="target"] { background: var(--rc-neon); box-shadow: 0 0 8px var(--rc-neon); transform: scale(1.35); }

.rc[data-active="invalidation"] .rc-an[data-el="invalidation"], .rc[data-active="invalidation"] .rc-mk[data-mk="invalidation"], .rc[data-active="invalidation"] .rc-an[data-el="invalidation"] .rc-tag, .rc[data-active="invalidation"] .rc-an[data-el="invalidation"] .rc-pill { opacity: 1; }

.rc[data-active="invalidation"] .rc-mk[data-mk="invalidation"] .rc-mk-glow { opacity: 1; }

.rc[data-active="invalidation"] .rc-mk[data-mk="invalidation"] .rc-mk-ring { animation: rc-pulse 1.6s ease-out infinite; }

.rc[data-active="invalidation"] .rc-dots [data-el="invalidation"] { background: var(--rc-neon); box-shadow: 0 0 8px var(--rc-neon); transform: scale(1.35); }

.rc[data-active="breakout"] .rc-an[data-el="breakout"], .rc[data-active="breakout"] .rc-mk[data-mk="breakout"], .rc[data-active="breakout"] .rc-an[data-el="breakout"] .rc-tag, .rc[data-active="breakout"] .rc-an[data-el="breakout"] .rc-pill { opacity: 1; }

.rc[data-active="breakout"] .rc-mk[data-mk="breakout"] .rc-mk-glow { opacity: 1; }

.rc[data-active="breakout"] .rc-mk[data-mk="breakout"] .rc-mk-ring { animation: rc-pulse 1.6s ease-out infinite; }

.rc[data-active="breakout"] .rc-dots [data-el="breakout"] { background: var(--rc-neon); box-shadow: 0 0 8px var(--rc-neon); transform: scale(1.35); }

.rc[data-active="scenarios"] .rc-an[data-el="scenarios"], .rc[data-active="scenarios"] .rc-mk[data-mk="scenarios"], .rc[data-active="scenarios"] .rc-an[data-el="scenarios"] .rc-tag, .rc[data-active="scenarios"] .rc-an[data-el="scenarios"] .rc-pill { opacity: 1; }

.rc[data-active="scenarios"] .rc-mk[data-mk="scenarios"] .rc-mk-glow { opacity: 1; }

.rc[data-active="scenarios"] .rc-mk[data-mk="scenarios"] .rc-mk-ring { animation: rc-pulse 1.6s ease-out infinite; }

.rc[data-active="scenarios"] .rc-dots [data-el="scenarios"] { background: var(--rc-neon); box-shadow: 0 0 8px var(--rc-neon); transform: scale(1.35); }

.rc-xh { display: none; pointer-events: none; }

.rc-xh.on { display: inline; }

.rc-xh path { stroke: rgba(228,232,236,0.35); stroke-width: 1; stroke-dasharray: 4 4; }

.rc-xh rect { fill: #E4E8EC; }

.rc-svg .rc-xh-t { fill: #0A1524; font-size: 16px; font-weight: 700; font-variant-numeric: tabular-nums; }

@keyframes rc-rise { from { opacity: 0; transform: translateY(14px); }

 to { opacity: 1; transform: none; } }
@keyframes rc-fade { from { opacity: 0; }

 to { opacity: 1; } }
@keyframes rc-draw { from { stroke-dashoffset: 1; }

 to { stroke-dashoffset: 0; } }
@keyframes rc-wipe { from { transform: scaleX(0); }

 to { transform: scaleX(1); } }
@keyframes rc-pop { 0% { opacity: 0; transform: translateY(8px) scale(0.9); }

 100% { opacity: 1; transform: none; } }

.rc-svg .cd, .rc-svg .z-fill, .rc-svg .rc-tag, .rc-svg .rc-pill, .rc-svg text { transform-box: fill-box; }

.rc-svg .z-fill { transform-origin: left center; }

.rc-svg .rc-tag, .rc-svg .rc-pill, .rc-svg [data-el="count"] text { transform-origin: center; }

.rc-svg .s-prim, .rc-svg .z-rule, .rc-svg .l-main { stroke-dasharray: 1; stroke-dashoffset: 0; }

html.js .rc:not(.rc-in) .rc-svg .cd, html.js .rc:not(.rc-in) .rc-svg .rc-anl, html.js .rc:not(.rc-in) .rc-svg .rc-markers { opacity: 0; }

.rc.rc-in .rc-svg .cd { animation: rc-rise 0.5s cubic-bezier(.2,.7,.2,1) both; animation-delay: calc(var(--i) * 26ms); }

.rc.rc-in .rc-svg .rc-anl { animation: rc-fade 0.6s ease both; animation-delay: 0.95s; }

.rc.rc-in .rc-svg .rc-markers { animation: rc-fade 0.5s ease both; animation-delay: 1.5s; }

.rc.rc-in .rc-svg .s-prim { animation: rc-draw 1.1s ease-in-out both; animation-delay: 1.1s; }

.rc.rc-in .rc-svg .s-alt-m { animation: rc-draw 1s ease-in-out both; animation-delay: 1.5s; }

.rc-svg .rc-go .z-fill { animation: rc-wipe 0.55s cubic-bezier(.2,.7,.2,1) both; }

.rc-svg .rc-go .z-rule, .rc-svg .rc-go .l-main, .rc-svg .rc-go .s-prim { animation: rc-draw 0.7s ease-out both; }

.rc-svg .rc-go .s-alt-m { animation: rc-draw 0.8s ease-out 0.25s both; }

.rc-svg .rc-go .rc-tag, .rc-svg .rc-go .rc-pill { animation: rc-pop 0.4s ease-out 0.3s both; }

.rc-svg .rc-go[data-el="count"] text { animation: rc-pop 0.35s ease-out both; animation-delay: calc(var(--i) * 45ms); }

.rc-caption { margin-top: 10px; font-size: 13.5px; color: #7E8CA2; text-align: center; }

.rc-steps { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 6px; }

.rc-step {
    width: 100%; display: flex; align-items: center; gap: 12px;
    padding: 10px 14px; border: 1px solid var(--border); border-radius: 10px;
    background: transparent; color: var(--text); font: 500 16px/1.3 Inter, sans-serif;
    text-align: left; cursor: pointer; transition: border-color 0.2s, background 0.2s, color 0.2s;
}

.rc-step:hover { border-color: var(--border-strong); background: rgba(255,255,255,0.02); }

.rc-step[aria-pressed="true"] { background: rgba(203,162,74,0.12); border-color: rgba(203,162,74,0.65); color: #FFF; }

.rc-label { flex: 1 1 auto; }

.rc-sw { flex: 0 0 26px; width: 26px; height: 16px; }

.rc-sw path, .rc-sw rect { fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.rc-sw .sw-gold { stroke: var(--rc-gold); }

.rc-sw .sw-sup { stroke: var(--rc-sup); fill: rgba(245,158,66,0.28); }

.rc-sw .sw-res { stroke: var(--rc-res); fill: rgba(240,82,104,0.35); }

.rc-sw .sw-tgt { stroke: var(--rc-tgt); fill: rgba(63,169,245,0.28); }

.rc-sw .sw-inv { stroke: var(--rc-inv); stroke-width: 2.6; }

.rc-sw .sw-brk { stroke: var(--rc-brk); stroke-width: 2.6; }

.rc-sw .sw-prim { stroke: #FFF; }

.rc-sw .sw-alt { stroke: var(--rc-res); stroke-dasharray: 0.1 4; stroke-width: 2.4; }

.rc-panel { border-radius: 12px; background: var(--bg-card); border: 1px solid var(--border); }

.rc-text { display: flex; gap: 16px; padding: 20px 20px 8px; }

.rc-text[hidden] { display: none; }

.rc-text-num {
    flex: 0 0 44px; height: 44px; border-radius: 12px; background: rgba(255,255,255,0.06);
    display: flex; align-items: center; justify-content: center;
}

.rc-text-num .rc-sw { width: 28px; height: 18px; }

.rc-text-title { font: 600 20px/1.3 'Inter Display', Inter, sans-serif; color: #FFF; margin: 4px 0 8px; }

.rc-text p { margin: 0; font-size: 16px; line-height: 1.6; color: var(--text-dim); }

.rc-nav { display: flex; align-items: center; gap: 10px; padding: 12px 20px 18px; }

.rc-nav-btn {
    width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--border); background: transparent;
    color: var(--text); font: 600 22px/1 Inter, sans-serif; cursor: pointer; transition: border-color 0.2s;
}

.rc-nav-btn:hover { border-color: var(--border-strong); }

.rc-dots { display: inline-flex; gap: 7px; padding: 0 6px; }

.rc-dots i { width: 7px; height: 7px; border-radius: 50%; background: rgba(228,232,236,0.22); transition: background 0.2s, transform 0.2s, box-shadow 0.2s; }

.rc-all { margin-left: auto; background: none; border: 0; color: var(--gold); font: 600 14px Inter, sans-serif; cursor: pointer; padding: 8px 0; }

.rc-all:hover { text-decoration: underline; }

.rc-start {
    display: none; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 999px; border: 0;
    background: var(--rc-gold-sig); color: #0A1524; font: 600 15px Inter, sans-serif; cursor: pointer;
}

.rc-start span { font-size: 20px; line-height: 1; }

.rc[data-active="all"] .rc-start { display: inline-flex; }

.rc[data-active="all"] .rc-nav-btn, .rc[data-active="all"] .rc-dots, .rc[data-active="all"] .rc-all { display: none; }

.rc-ifthen { max-width: 860px; margin: 44px auto 0; text-align: center; font-size: 16px; line-height: 1.7; color: var(--text-dim); }

.rc-ifthen strong { color: var(--text); }

.rc-cheat {
    display: flex; align-items: center; gap: 20px; max-width: 860px; margin: 36px auto 0;
    padding: 14px 18px 14px 14px; border: 1px solid rgba(203,162,74,0.45); border-radius: 12px; background: var(--bg-card);
}

.rc-cheat-img { flex: 0 0 150px; width: 150px; height: auto; border-radius: 6px; display: block; }

.rc-cheat-text { flex: 1 1 auto; margin: 0; font-size: 16px; line-height: 1.55; color: var(--text-dim); }

.rc-cheat-text strong { display: block; color: #FFF; font: 600 18px/1.3 'Inter Display', Inter, sans-serif; margin-bottom: 4px; }

.rc-cheat-btn {
    flex: 0 0 auto; padding: 13px 20px; border-radius: 8px; background: var(--gold); color: #0A1524; text-decoration: none;
    font: 600 13px 'Inter Display', Inter, sans-serif; letter-spacing: 1.2px; text-transform: uppercase; white-space: nowrap;
}

.rc-cheat-btn:hover { filter: brightness(1.06); }
@media (max-width: 1180px) {
    .rc-grid { grid-template-columns: 1fr; }

    .rc-steps { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
}
@media (max-width: 760px) {
    .rc-cheat { flex-direction: column; align-items: stretch; padding: 14px; }

    .rc-cheat-img { width: 100%; flex-basis: auto; }

    .rc-cheat-btn { text-align: center; }
}
@media (max-width: 640px) {
    .rc-chart { padding: 10px 4px; border-radius: 12px; }

    .rc-svg .rc-ticks, .rc-svg .rc-pill, .rc-svg .rc-axis { display: none; }

    .rc-svg .w-main { font-size: 34px; }

    .rc-svg .w-sub, .rc-svg .w-abc { font-size: 26px; }

    .rc-svg .s-alt-t { font-size: 24px; }

    .rc-svg .rc-tag { display: none; }

    .rc-svg .rc-tag-in { transform-box: fill-box; transform-origin: var(--mo, left center); transform: scale(1.6); }

    .rc[data-active="support"] [data-el="support"] .rc-tag { display: inline; }

    .rc[data-active="resistance"] [data-el="resistance"] .rc-tag { display: inline; }

    .rc[data-active="target"] [data-el="target"] .rc-tag { display: inline; }

    .rc[data-active="invalidation"] [data-el="invalidation"] .rc-tag { display: inline; }

    .rc[data-active="breakout"] [data-el="breakout"] .rc-tag { display: inline; }

    .rc-svg .rc-mk-in { transform: scale(1.35); }

    .rc-svg .z-pct { display: none; }

    .rc[data-active="resistance"] [data-el="resistance"] .z-pct-m { display: inline; font-size: 22px; }

    .rc-svg .s-prim { stroke-width: 4.2; }

    .rc-svg .s-alt { stroke-width: 4; stroke-dasharray: 0.1 10; }

    .rc-svg .l-main { stroke-width: 3.6; }

    .rc-steps { grid-template-columns: 1fr 1fr; }

    .rc-step { font-size: 15px; padding: 10px; gap: 8px; }

    .rc-step .rc-sw { width: 22px; flex-basis: 22px; }

    .rc-text { padding: 16px 16px 6px; gap: 12px; }

    .rc-nav { padding: 10px 16px 16px; }
}
@media print {
    .rc-svg .cd, .rc-svg .rc-anl, .rc-svg .rc-markers { opacity: 1 !important; animation: none !important; }

    .rc-xh, .rc-nav { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
    .rc-svg *, .rc-an, .rc-mk, .rc-candles { animation: none !important; transition: none !important; }

    html.js .rc:not(.rc-in) .rc-svg .cd, html.js .rc:not(.rc-in) .rc-svg .rc-anl, html.js .rc:not(.rc-in) .rc-svg .rc-markers { opacity: 1; }
}
    
.skip-link { position: absolute; left: 12px; top: -60px; z-index: 10000; background: var(--gold); color: #0A1524 !important; padding: 10px 16px; border-radius: 8px; font-weight: 600; font-size: 14px; }

.skip-link:focus { top: 12px; }

.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 600px) {
    .cookie-more { display: none; }

    .cookie-banner { padding: 12px 16px; }

    .cookie-text { font-size: 12.5px; line-height: 1.5; }
}
@media print {
    *, *::before, *::after { color: #111 !important; background: transparent !important; box-shadow: none !important; text-shadow: none !important; }

    .wordmark img, .newsletter-lockup { filter: invert(1) brightness(0.3); }

    .hero-visual, .hero-motion, .bg-atmosphere, .skip-link { display: none !important; }

    a { text-decoration: underline; }
}
    
@media (max-width: 640px) { .rc-svg { overflow: hidden; } }
    
html:not(.js) .cov-search { display: none; }

.cov-search { max-width: 720px; margin: 0 auto 48px; }

.cov-label { display: block; text-align: center; font-family: 'Inter Display', Inter, sans-serif; font-size: 18px; font-weight: 600; color: var(--text); margin-bottom: 12px; }

.cov-box { display: flex; align-items: center; gap: 10px; background: var(--bg-card); border: 1px solid var(--border-strong); border-radius: 8px; padding: 0 14px; }

.cov-box:focus-within { border-color: var(--gold); }

.cov-box svg { width: 18px; height: 18px; color: var(--gold-soft); flex-shrink: 0; }

.cov-input { flex: 1; min-width: 0; background: transparent; border: 0; outline: none; color: var(--text); font: inherit; font-size: 16px; padding: 14px 0; }

.cov-input::placeholder { color: var(--text-faint); }

.cov-input::-webkit-search-cancel-button { filter: invert(0.7); }

.cov-hint { text-align: center; font-size: 12.5px; color: var(--text-faint); margin-top: 8px; }

.cov-results { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 8px; }

.cov-results:empty { display: none; }

.cov-hit { display: flex; gap: 14px; align-items: baseline; padding: 12px 16px; background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; font-size: 14px; line-height: 1.5; }

.cov-hit-t { font-family: 'Inter Display', Inter, sans-serif; font-weight: 700; color: var(--gold); min-width: 64px; }

.cov-hit-b { color: var(--text-dim); }

.cov-hit-b strong { color: var(--text); font-weight: 600; }

.cov-hit-b a { color: var(--gold-soft); text-decoration: underline; text-underline-offset: 2px; }

.cov-miss { padding: 14px 16px; border: 1px dashed var(--border-strong); border-radius: 8px; font-size: 14px; line-height: 1.55; color: var(--text-dim); }
    
.tour { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 22px; align-items: start; margin-top: 40px; }

.tour-tabs { display: flex; flex-direction: column; gap: 8px; }

.tour-tab { text-align: left; background: transparent; border: 1px solid var(--border); border-radius: 8px; padding: 12px 14px; color: var(--text-dim); cursor: pointer; font: inherit; transition: border-color 0.2s, background 0.2s, color 0.2s; }

.tour-tab:hover { border-color: var(--border-strong); color: var(--text); }

.tour-tab[aria-selected="true"] { border-color: var(--gold); background: rgba(203,162,74,0.08); color: var(--text); }

.tour-tab-name { display: block; font-family: 'Inter Display', Inter, sans-serif; font-weight: 600; font-size: 15px; }

.tour-tab-area { display: block; font-size: 12px; color: var(--text-faint); letter-spacing: 0.3px; margin-top: 2px; }

.tour-tab[aria-selected="true"] .tour-tab-area { color: var(--gold-soft); }

.tour-panel figure { margin: 0; }

.tour-frame { border: 1px solid var(--border-strong); border-radius: 10px; overflow: hidden; background: #0B1320; }

.tour-bar { display: flex; align-items: center; gap: 7px; height: 32px; padding: 0 14px; background: #101C2E; border-bottom: 1px solid var(--border); }

.tour-bar i { width: 9px; height: 9px; border-radius: 50%; background: rgba(228,232,236,0.18); }

.tour-bar i:first-child { background: rgba(203,162,74,0.7); }

.tour-bar span { margin-left: 8px; font-size: 12px; color: var(--text-faint); letter-spacing: 0.3px; }

.tour-frame img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; }

.tour-panel figcaption { margin-top: 12px; font-size: 14px; line-height: 1.6; color: var(--text-dim); max-width: 720px; }

.tour-panel figcaption strong { color: var(--text); }

.tour-note { margin-top: 14px; text-align: center; font-size: 12px; color: var(--text-faint); }

html:not(.js) .tour-tabs { display: none; }

html:not(.js) .tour { grid-template-columns: 1fr; }

html:not(.js) .tour-panel[hidden] { display: block; margin-top: 28px; }
@media (max-width: 900px) {
    .tour { grid-template-columns: 1fr; }

    .tour-tabs { flex-direction: row; overflow-x: auto; gap: 8px; padding-bottom: 4px; scrollbar-width: none; }

    .tour-tabs::-webkit-scrollbar { display: none; }

    .tour-tab { flex: 0 0 auto; padding: 9px 12px; }

    .tour-tab-area { display: none; }
}
@media print { .tour-tabs { display: none; }

 .tour-panel[hidden] { display: block; } }

.terminal-section .tour { margin-bottom: 8px; }

.terminal-section .tour-note { margin-bottom: 40px; }
    
.hero-split { position: relative; }

.hero-visual { display: none; }
@media (min-width: 1100px) {
    .hero-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr); gap: 48px; align-items: center; }

    .hero-split .hero-title { font-size: clamp(44px, 4.5vw, 66px); }

    .hero-visual { display: block; position: relative; z-index: 1; }
}

.hero-visual-card { background: #0D1A2B; border: 1px solid rgba(255,255,255,0.09); border-radius: 12px; padding: 10px 10px 4px; }

.hc-svg { display: block; width: 100%; height: auto; font-family: Inter, sans-serif; }

.hc-h1 { fill: #E4E8EC; font-size: 14px; font-weight: 700; letter-spacing: 2px; }

.hc-h2 { fill: rgba(228,232,236,0.55); font-size: 14px; }

.hc-chip { fill: transparent; stroke: rgba(255,255,255,0.10); }

.hc-chip.on { fill: rgba(203,162,74,0.16); stroke: rgba(203,162,74,0.55); }

.hc-chip-t { fill: rgba(228,232,236,0.55); font-size: 12.5px; font-weight: 600; }

.hc-chip-t.on { fill: #E8C97A; }

.hc-grid { stroke: rgba(255,255,255,0.045); stroke-width: 1; }

.hc-vgrid { stroke: rgba(255,255,255,0.03); }

.hc-axis { stroke: rgba(255,255,255,0.08); }

.hc-sep { stroke: rgba(255,255,255,0.06); }

.hc-ax { fill: rgba(228,232,236,0.50); font-size: 13px; font-variant-numeric: tabular-nums; }

.hc-candles path { stroke: #7D8BA3; stroke-width: 1.1; }

.hc-candles .u rect { fill: #C3CEDE; }

.hc-candles .d rect { fill: #53627D; }

.hc-vol .u { fill: rgba(195,206,222,0.22); }

.hc-vol .d { fill: rgba(83,98,125,0.45); }

.hc-ma { fill: none; stroke: #5B8FD6; stroke-width: 1.6; opacity: 0.6; stroke-dasharray: 1; stroke-dashoffset: 0; }

.hc-wave { fill: none; stroke: #E8C97A; stroke-width: 2.6; stroke-linejoin: round; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 0; }

.hc-wave2 { fill: none; stroke: rgba(232,201,122,0.55); stroke-width: 1.4; stroke-dasharray: 1; stroke-dashoffset: 0; }

.hc-l { fill: #E8C97A; font-size: 19px; font-weight: 700; }

.hc-l2 { fill: rgba(228,232,236,0.82); font-size: 14px; font-weight: 600; font-style: italic; }

.hc-fib { stroke: rgba(228,232,236,0.20); stroke-width: 1; stroke-dasharray: 3 4; }

.hc-fib-t { fill: rgba(228,232,236,0.45); font-size: 11.5px; font-variant-numeric: tabular-nums; }

.hc-zone rect { fill: rgba(245,158,66,0.13); }

.hc-zone path { stroke: rgba(245,158,66,0.75); stroke-width: 1.2; fill: none; }

.hc-zone-t { fill: #F59E42; font-size: 12.5px; font-weight: 600; }

.hc-chan path { stroke: rgba(232,201,122,0.28); stroke-width: 1.2; stroke-dasharray: 8 6; fill: none; }

.hc-inv path { stroke: #F05268; stroke-width: 1.5; }

.hc-inv > text { fill: #F05268; font-size: 12.5px; font-weight: 600; }

.hc-inv rect { fill: #F05268; }

.hc-inv .hc-inv-p { fill: #0D1A2B; font-size: 12.5px; font-weight: 700; font-variant-numeric: tabular-nums; }

.hc-tgt rect { fill: rgba(63,169,245,0.14); stroke: rgba(63,169,245,0.85); stroke-width: 1.2; }

.hc-tgt text { fill: #7CC3F8; font-size: 12.5px; font-weight: 600; }

.hc-proj { fill: none; stroke: #E8C97A; stroke-width: 2; stroke-dasharray: 7 6; stroke-linecap: round; }

.hc-alt { fill: none; stroke: #F05268; stroke-width: 1.8; stroke-dasharray: 2 5; stroke-linecap: round; }

.hc-lastp path { stroke: rgba(232,201,122,0.55); stroke-width: 1; stroke-dasharray: 2 3; }

.hc-lastp rect { fill: #CBA24A; }

.hc-lastp text { fill: #0D1A2B; font-size: 12.5px; font-weight: 700; font-variant-numeric: tabular-nums; }

.hc-dot { fill: #E8C97A; }

.hc-ring { fill: none; stroke: #E8C97A; stroke-width: 1.4; opacity: 0; }

.hc-card rect { fill: rgba(13,26,43,0.92); stroke: rgba(203,162,74,0.35); }

.hc-card-a { fill: #E4E8EC; font-size: 13.5px; font-weight: 600; }

.hc-card-b { fill: rgba(228,232,236,0.62); font-size: 12.5px; }

.hc-card-inv { fill: #F05268; }

.hc-lg-t { fill: rgba(228,232,236,0.55); font-size: 12px; }

.hc-lg-wave { fill: #E8C97A; }

 .hc-lg-ma { fill: #5B8FD6; }

 .hc-lg-zone { fill: #F59E42; }

 .hc-lg-tgt { fill: #3FA9F5; }

 .hc-lg-alt { fill: #F05268; }

.hc-xh { opacity: 0; pointer-events: none; transition: opacity 0.15s; }

.hc-xh.on { opacity: 1; }

.hc-xh-v, .hc-xh-h { stroke: rgba(228,232,236,0.35); stroke-width: 1; stroke-dasharray: 3 3; }

.hc-xh-p rect { fill: #E4E8EC; }

.hc-xh-t { fill: #0D1A2B; font-size: 12.5px; font-weight: 700; font-variant-numeric: tabular-nums; }

.hero-visual-cap { margin-top: 10px; font-size: 12px; color: var(--text-faint); letter-spacing: 0.2px; }
@media (prefers-reduced-motion: no-preference) {
    .hc-wipe { transform-box: fill-box; transform-origin: left center; animation: hc-wipe 1.7s cubic-bezier(.25,.7,.2,1) 0.1s both; }

    .hc-ma { animation: hc-draw 1.4s ease-out 0.7s both; }

    .hc-wave { animation: hc-draw 1.5s ease-in-out 1.2s both; }

    .hc-wave2 { animation: hc-draw 1.2s ease-out 1.6s both; }

    .hc-l, .hc-l2 { animation: hc-pop 0.45s cubic-bezier(.2,.9,.3,1.3) both; transform-box: fill-box; transform-origin: center; }

    .hc-ld1 { animation-delay: 1.35s; }

 .hc-ld2 { animation-delay: 1.5s; }

 .hc-ld3 { animation-delay: 1.65s; }

 .hc-ld4 { animation-delay: 1.8s; }

 .hc-ld5 { animation-delay: 1.95s; }

    .hc-ld6 { animation-delay: 2.1s; }

 .hc-ld7 { animation-delay: 2.25s; }

 .hc-ld8 { animation-delay: 2.4s; }

 .hc-ld9 { animation-delay: 2.55s; }

    .hc-fibg { animation: hc-slide 0.7s ease-out 2.4s both; }

    .hc-zone { animation: hc-fade 0.6s ease-out 2.7s both; }

    .hc-chan { animation: hc-fade 0.8s ease-out 2.6s both; }

    .hc-tgt { animation: hc-fade 0.6s ease-out 3.0s both; }

    .hc-inv { animation: hc-fade 0.6s ease-out 3.1s both; }

    .hc-proj { animation: hc-fade 0.7s ease-out 3.2s both; }

    .hc-alt { animation: hc-fade 0.7s ease-out 3.5s both; }

    .hc-lastp { animation: hc-fade 0.5s ease-out 3.4s both; }

    .hc-card { animation: hc-rise 0.6s ease-out 3.7s both; }

    .hc-ring { animation: hc-ring 2.6s ease-out 4.2s infinite; transform-box: fill-box; transform-origin: center; }

    .hc-last rect { animation: hc-breathe 2.6s ease-in-out 4.2s infinite; transform-box: fill-box; transform-origin: center bottom; }
}
@keyframes hc-wipe { from { transform: scaleX(0); }

 to { transform: scaleX(1); } }
@keyframes hc-draw { from { stroke-dashoffset: 1; }

 to { stroke-dashoffset: 0; } }
@keyframes hc-pop { from { opacity: 0; transform: translateY(6px) scale(0.85); }

 to { opacity: 1; transform: none; } }
@keyframes hc-fade { from { opacity: 0; }

 to { opacity: 1; } }
@keyframes hc-slide { from { opacity: 0; transform: translateX(24px); }

 to { opacity: 1; transform: none; } }
@keyframes hc-rise { from { opacity: 0; transform: translateY(8px); }

 to { opacity: 1; transform: none; } }
@keyframes hc-ring { 0% { opacity: 0.8; transform: scale(1); }

 70% { opacity: 0; transform: scale(3.2); }

 100% { opacity: 0; transform: scale(3.2); } }
@keyframes hc-breathe { 0%, 100% { transform: scaleY(1); }

 50% { transform: scaleY(1.22); } }