:root {
        --bg: #f4faf7;
        --card: #ffffff;
        --ink: #12312b;
        --ink-soft: #4a6b62;
        --ink-faint: #7c9991;
        --brand: #00a878;
        --brand-deep: #00795a;
        --brand-soft: #e0f5ec;
        --mint: #d9f2e6;
        --gold: #e8a63c;
        --gold-soft: #fdf3e0;
        --line: #e3ede8;
        --good: #16a34a;
        --warn: #d97706;
        --bad: #dc2626;
        --shadow: 0 10px 30px rgba(18, 49, 43, 0.07);
        --radius: 22px;
        --stat-bg: #f7fbf9;
        --input-bg: #f9fcfb;
        --header-bg: rgba(244, 250, 247, 0.92);
    }
    html[data-theme="dark"] {
        --bg: #0c1613;
        --card: #12211c;
        --ink: #e8f3ee;
        --ink-soft: #a5c0b6;
        --ink-faint: #74938a;
        --brand: #2fd39a;
        --brand-deep: #7ee6c0;
        --brand-soft: rgba(47, 211, 154, 0.13);
        --mint: rgba(47, 211, 154, 0.10);
        --gold: #f0b856;
        --gold-soft: rgba(240, 184, 86, 0.14);
        --line: rgba(255, 255, 255, 0.09);
        --shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
        --stat-bg: #0f1c17;
        --input-bg: #0f1c17;
        --header-bg: rgba(12, 22, 19, 0.92);
        color-scheme: dark;
    }
    * { margin: 0; padding: 0; box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
        font-family: 'Rubik', 'Assistant', 'Segoe UI', Arial, sans-serif;
        background: var(--bg);
        color: var(--ink);
        line-height: 1.6;
        overflow-x: hidden;
    }
    .wrap { max-width: 960px; margin: 0 auto; padding: 0 20px; }

    /* ── Header ── */
    header {
        position: sticky; top: 0; z-index: 50;
        background: var(--header-bg);
        backdrop-filter: blur(10px);
        border-bottom: 1px solid var(--line);
    }
    .hd { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; }
    .logo { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 1.12rem; color: var(--ink); text-decoration: none; white-space: nowrap; }
    .logo-mark {
        width: 34px; height: 34px; border-radius: 11px; flex: 0 0 auto;
        background: linear-gradient(135deg, var(--brand) 0%, var(--brand-deep) 100%);
        color: #fff; display: flex; align-items: center; justify-content: center;
        font-size: 0.95rem; font-weight: 900; letter-spacing: 0.5px;
    }
    .logo small { display: block; font-size: 0.64rem; font-weight: 600; color: var(--ink-faint); letter-spacing: 0.04em; }
    nav.top-nav { display: flex; align-items: center; gap: 4px; }
    nav.top-nav a {
        text-decoration: none; color: var(--ink-soft); font-weight: 600; font-size: 0.88rem;
        padding: 8px 12px; border-radius: 999px; white-space: nowrap;
    }
    nav.top-nav a:hover { background: var(--brand-soft); color: var(--brand-deep); }
    .hd-cta {
        background: var(--brand); color: #fff !important; font-weight: 700;
        padding: 9px 18px !important; border-radius: 999px;
        box-shadow: 0 4px 14px rgba(0, 168, 120, 0.35);
    }
    .hd-cta:hover { background: var(--brand-deep) !important; color: #fff !important; }
    .theme-toggle {
        width: 38px; height: 38px; border-radius: 12px; cursor: pointer; flex: 0 0 auto;
        border: 1.5px solid var(--line); background: var(--card); color: var(--ink-soft);
        display: flex; align-items: center; justify-content: center; transition: all 0.15s;
    }
    .theme-toggle:hover { border-color: var(--brand); color: var(--brand-deep); }
    .theme-toggle svg { width: 18px; height: 18px; }
    .theme-toggle .ic-sun { display: none; }
    html[data-theme="dark"] .theme-toggle .ic-sun { display: block; }
    html[data-theme="dark"] .theme-toggle .ic-moon { display: none; }

    .lang-toggle {
        font-family: inherit; font-size: 0.85rem; font-weight: 800; cursor: pointer;
        height: 38px; padding: 0 14px; border-radius: 12px;
        border: 1.5px solid var(--line); background: var(--card); color: var(--ink);
        display: inline-flex; align-items: center; justify-content: center; gap: 4px;
        transition: all 0.15s; flex: 0 0 auto;
    }
    .lang-toggle:hover { border-color: var(--brand); color: var(--brand-deep); }
    
    @media (max-width: 720px) { nav.top-nav a:not(.hd-cta) { display: none; } }

    /* ── Hero ── */
    .hero { text-align: center; padding: 56px 0 24px; }
    .hero-badge {
        display: inline-block; background: var(--brand-soft); color: var(--brand-deep);
        font-weight: 700; font-size: 0.82rem; padding: 6px 16px; border-radius: 999px; margin-bottom: 18px;
    }
    .hero h1 { font-size: clamp(1.7rem, 5vw, 2.7rem); font-weight: 900; line-height: 1.25; letter-spacing: -0.01em; }
    .hero h1 span { color: var(--brand); }
    .hero p { max-width: 560px; margin: 14px auto 0; font-size: clamp(0.98rem, 2.5vw, 1.15rem); color: var(--ink-soft); font-weight: 500; }

    /* ── Status card (Command Center) ── */
    .status-card {
        background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow);
        border: 1px solid var(--line); margin: 34px 0 0; padding: 30px 26px; text-align: center;
        position: relative; overflow: hidden;
    }
    .status-card::before {
        content: ''; position: absolute; inset: 0 0 auto 0; height: 5px;
        background: linear-gradient(90deg, var(--brand), #4fd1a5);
    }
    .status-card.state-warn::before { background: linear-gradient(90deg, var(--warn), #fbbf24); }
    .status-card.state-bad::before { background: linear-gradient(90deg, var(--bad), #f87171); }
    .status-dot {
        display: inline-flex; align-items: center; gap: 8px;
        font-weight: 800; font-size: 0.82rem; color: var(--brand-deep);
        background: var(--brand-soft); border-radius: 999px; padding: 5px 14px; margin-bottom: 12px;
    }
    .status-card.state-warn .status-dot { color: var(--warn); background: #fdf0dd; }
    .status-card.state-bad .status-dot { color: var(--bad); background: #fdeaea; }
    .status-dot i { width: 9px; height: 9px; border-radius: 50%; background: currentColor; display: inline-block; }
    .verdict { font-size: clamp(1.35rem, 4vw, 1.9rem); font-weight: 900; line-height: 1.3; }
    .verdict-sub { color: var(--ink-soft); font-size: 0.98rem; margin-top: 8px; max-width: 620px; margin-inline: auto; }
    .stat-row {
        display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;
        margin-top: 24px;
    }
    @media (max-width: 640px) { .stat-row { grid-template-columns: repeat(2, 1fr); } }
    .stat {
        background: var(--stat-bg); border: 1px solid var(--line); border-radius: 16px; padding: 14px 10px;
    }
    .stat b { display: block; font-size: clamp(1.02rem, 2.6vw, 1.3rem); font-weight: 900; color: var(--ink); white-space: nowrap; }
    .stat span { font-size: 0.78rem; color: var(--ink-faint); font-weight: 600; }
    .status-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 24px; }
    .btn {
        display: inline-flex; align-items: center; gap: 8px; text-decoration: none; cursor: pointer;
        font-family: inherit; font-size: 0.98rem; font-weight: 700;
        padding: 13px 26px; border-radius: 999px; border: none; transition: all 0.15s ease;
    }
    .btn-primary { background: var(--brand); color: #fff; box-shadow: 0 6px 18px rgba(0, 168, 120, 0.32); }
    .btn-primary:hover { background: var(--brand-deep); transform: translateY(-1px); }
    .btn-ghost { background: transparent; color: var(--brand-deep); border: 1.5px solid var(--brand); }
    .btn-ghost:hover { background: var(--brand-soft); }

    /* ── One Decision (Unified Theme Responsive) ── */
    .decision {
        background: linear-gradient(135deg, var(--card) 0%, var(--brand-soft) 100%);
        color: var(--ink); border-radius: var(--radius); padding: 30px 26px; margin: 26px 0 0;
        box-shadow: var(--shadow); border: 1.5px solid var(--line);
        position: relative; overflow: hidden;
    }
    .decision::before {
        content: ''; position: absolute; inset: 0 0 auto 0; height: 4px;
        background: linear-gradient(90deg, var(--gold), var(--brand));
    }
    .decision .tag {
        display: inline-block; background: var(--brand-soft); color: var(--brand-deep);
        font-weight: 800; font-size: 0.78rem; padding: 5px 14px; border-radius: 999px; margin-bottom: 12px;
        border: 1px solid rgba(47, 211, 154, 0.25);
    }
    .decision h3 { font-size: clamp(1.15rem, 3.2vw, 1.5rem); font-weight: 900; line-height: 1.4; color: var(--ink); }
    .decision p { color: var(--ink-soft); font-size: 0.95rem; margin-top: 8px; }
    .decision .btn { margin-top: 18px; background: var(--gold); color: #21301f; font-weight: 800; }
    .decision .btn:hover { background: #f0b856; }
    html[data-theme="dark"] .decision {
        background: linear-gradient(135deg, #103b33 0%, #0b2b25 100%);
        color: #fff; border-color: rgba(255, 255, 255, 0.08);
    }
    html[data-theme="dark"] .decision h3 { color: #fff; }
    html[data-theme="dark"] .decision p { color: #bcd8cf; }

    /* ── Capital Allocation Bar (Waterfall OS) ── */
    .alloc-container {
        margin-top: 26px;
        background: var(--card);
        border: 1px solid var(--line);
        border-radius: var(--radius);
        padding: 24px;
        box-shadow: var(--shadow);
    }
    .alloc-header {
        display: flex; justify-content: space-between; align-items: flex-end;
        flex-wrap: wrap; gap: 10px; margin-bottom: 14px;
    }
    .alloc-header h4 { font-size: 1.15rem; font-weight: 900; color: var(--ink); margin: 0; }
    .alloc-header .alloc-sum { font-size: 0.95rem; font-weight: 800; color: var(--brand-deep); }
    .alloc-bar-track {
        display: flex; height: 26px; width: 100%; border-radius: 999px; overflow: hidden;
        background: rgba(0,0,0,0.06); border: 1px solid var(--line);
    }
    html[data-theme="dark"] .alloc-bar-track { background: rgba(255,255,255,0.06); }
    .alloc-seg {
        height: 100%; transition: width 0.3s ease; position: relative;
    }
    .alloc-seg.seg-emergency { background: #3b82f6; }
    .alloc-seg.seg-debt { background: #ef4444; }
    .alloc-seg.seg-tax { background: #10b981; }
    .alloc-seg.seg-passive { background: #00a878; }
    .alloc-seg.seg-alpha { background: #f59e0b; }
    .alloc-legend {
        display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 12px; margin-top: 18px;
    }
    .alloc-legend-item {
        display: flex; align-items: center; gap: 8px; font-size: 0.85rem; font-weight: 700; color: var(--ink);
    }
    .alloc-legend-dot { width: 11px; height: 11px; border-radius: 3px; flex-shrink: 0; }
    .alloc-legend-item small { color: var(--ink-faint); font-weight: 600; font-size: 0.78rem; margin-inline-start: auto; }

    /* ── Top 5 High-Impact Actions Cards ── */
    .top-actions-grid {
        display: grid; gap: 14px; margin-top: 20px;
    }
    .top-action-card {
        background: var(--card); border: 1.5px solid var(--line); border-radius: 18px;
        padding: 20px 22px; position: relative; box-shadow: 0 4px 14px rgba(0,0,0,0.03);
        transition: transform 0.15s, border-color 0.15s;
    }
    .top-action-card:hover { border-color: var(--brand); transform: translateY(-1px); }
    .top-action-top {
        display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap;
        margin-bottom: 10px;
    }
    .top-action-rank {
        display: inline-flex; align-items: center; justify-content: center;
        width: 30px; height: 30px; border-radius: 50%; background: var(--brand);
        color: #fff; font-weight: 900; font-size: 0.88rem;
    }
    .top-action-badge {
        background: var(--brand-soft); color: var(--brand-deep); font-weight: 900;
        font-size: 0.85rem; border-radius: 999px; padding: 4px 14px;
        border: 1px solid rgba(47, 211, 154, 0.3);
    }
    .top-action-title {
        font-size: 1.1rem; font-weight: 900; color: var(--ink); margin: 0 0 6px;
    }
    .top-action-detail {
        font-size: 0.88rem; line-height: 1.55; color: var(--ink-soft); margin-top: 6px;
    }
    .top-action-detail strong { color: var(--ink); }
    .top-action-grid-meta {
        display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 10px; margin-top: 14px; padding-top: 12px; border-top: 1px dashed var(--line);
    }
    .top-action-meta-box {
        font-size: 0.82rem; line-height: 1.45;
    }
    .top-action-meta-box span { display: block; font-weight: 800; margin-bottom: 2px; }
    .top-action-meta-box.why span { color: var(--brand-deep); }
    .top-action-meta-box.how span { color: #2563eb; }
    .top-action-meta-box.cost span { color: #dc2626; }

    /* ── Tickerio funnel & scanner (Native Unified Design) ── */
    .tk {
        background: var(--card);
        color: var(--ink);
        border-radius: var(--radius);
        padding: 34px 26px;
        margin-top: 26px;
        box-shadow: var(--shadow);
        border: 1.5px solid var(--line);
        text-align: center;
        position: relative;
        overflow: hidden;
    }
    .tk::before {
        content: '';
        position: absolute;
        inset: 0 0 auto 0;
        height: 4px;
        background: linear-gradient(90deg, var(--brand), var(--gold));
    }
    html[data-theme="dark"] .tk {
        background: linear-gradient(135deg, #12221b 0%, #0f1c16 100%);
        border-color: rgba(47, 211, 154, 0.2);
    }
    .tk .tk-tag {
        display: inline-block;
        background: var(--brand-soft);
        color: var(--brand-deep);
        border: 1px solid rgba(47, 211, 154, 0.25);
        font-weight: 800;
        font-size: 0.78rem;
        padding: 5px 14px;
        border-radius: 999px;
        margin-bottom: 12px;
        letter-spacing: 0.03em;
    }
    .tk h3 {
        font-size: clamp(1.2rem, 3.2vw, 1.6rem);
        font-weight: 900;
        line-height: 1.35;
        color: var(--ink);
    }
    .tk p {
        color: var(--ink-soft);
        max-width: 580px;
        margin: 10px auto 0;
        font-size: 0.95rem;
    }
    .tk-feats {
        display: flex;
        gap: 10px;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 18px;
    }
    .tk-feat {
        background: var(--stat-bg);
        border: 1px solid var(--line);
        border-radius: 14px;
        padding: 10px 16px;
        font-size: 0.85rem;
        font-weight: 700;
        color: var(--ink);
    }
    .tk-actions {
        display: flex;
        gap: 10px;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 22px;
    }
    .tk .btn-tk {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        text-decoration: none;
        background: var(--brand);
        color: #fff !important;
        font-weight: 800;
        font-size: 0.98rem;
        padding: 13px 26px;
        border-radius: 999px;
        box-shadow: 0 6px 18px rgba(0, 168, 120, 0.32);
        transition: all 0.15s;
        border: none;
        font-family: inherit;
        cursor: pointer;
    }
    .tk .btn-tk:hover {
        background: var(--brand-deep);
        transform: translateY(-1px);
    }
    .tk .btn-tk-ghost {
        background: transparent;
        color: var(--brand-deep) !important;
        border: 1.5px solid var(--brand);
        box-shadow: none;
    }
    .tk .btn-tk-ghost:hover {
        background: var(--brand-soft);
        transform: none;
    }
    .tk-note {
        font-size: 0.78rem;
        color: var(--ink-faint);
        margin-top: 14px;
    }

    /* ── Ticker scanner (Unified Theme) ── */
    .tk-scanner {
        background: var(--stat-bg);
        border: 1.5px solid var(--line);
        border-radius: 18px;
        padding: 20px;
        margin-top: 20px;
        text-align: right;
    }
    .tk-scan-label {
        font-size: 0.84rem;
        font-weight: 800;
        color: var(--ink);
        margin-bottom: 10px;
    }
    .tk-scan-row {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }
    .tk-input {
        flex: 1 1 160px;
        min-width: 0;
        font-family: inherit;
        font-size: 1.05rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--ink);
        background: var(--input-bg);
        border: 1.5px solid var(--line);
        border-radius: 13px;
        padding: 11px 14px;
        outline: none;
        transition: border-color 0.15s;
    }
    .tk-input:focus {
        border-color: var(--brand);
    }
    .tk-input::placeholder {
        color: var(--ink-faint);
        text-transform: none;
        letter-spacing: 0;
        font-weight: 600;
    }
    .tk-result {
        margin-top: 16px;
        display: grid;
        gap: 14px;
    }
    .tk-r-head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
    }
    .tk-r-sym {
        font-size: 1.25rem;
        font-weight: 900;
        color: var(--ink);
    }
    .tk-r-sym small {
        display: block;
        font-size: 0.78rem;
        font-weight: 600;
        color: var(--brand-deep);
        letter-spacing: 0;
    }
    .tk-r-price {
        font-weight: 800;
        color: var(--ink-soft);
        font-size: 0.95rem;
        white-space: nowrap;
    }
    .tk-r-gems {
        display: flex;
        align-items: center;
        gap: 14px;
        background: var(--brand-soft);
        border: 1px solid rgba(47, 211, 154, 0.3);
        border-radius: 14px;
        padding: 12px 16px;
        flex-wrap: wrap;
    }
    .tk-r-gems b {
        font-size: 1.6rem;
        font-weight: 900;
        color: var(--brand-deep);
        white-space: nowrap;
    }
    .tk-r-gems span {
        font-size: 0.8rem;
        font-weight: 700;
        color: var(--ink);
    }
    .tk-r-scores {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
    }
    @media (max-width: 480px) {
        .tk-r-scores { grid-template-columns: repeat(2, 1fr); }
    }
    .tk-score {
        background: var(--card);
        border: 1px solid var(--line);
        border-radius: 12px;
        padding: 9px 6px;
        text-align: center;
    }
    .tk-score b {
        display: block;
        font-size: 0.92rem;
        font-weight: 900;
        color: var(--ink);
    }
    .tk-score span {
        font-size: 0.7rem;
        color: var(--ink-faint);
        font-weight: 700;
    }
    .tk-r-txt {
        font-size: 0.9rem;
        color: var(--ink-soft);
        line-height: 1.65;
    }
    .tk-r-txt strong {
        color: var(--ink);
    }
    .tk-r-stats {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    .tk-stat {
        background: var(--card);
        border: 1px solid var(--line);
        border-radius: 12px;
        padding: 10px 14px;
    }
    .tk-stat span {
        display: block;
        font-size: 0.7rem;
        color: var(--ink-faint);
        font-weight: 700;
        margin-bottom: 2px;
    }
    .tk-stat b {
        font-size: 0.88rem;
        font-weight: 800;
        color: var(--ink);
    }
    .tk-r-foot {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
    }
    .tk-r-disclaimer {
        font-size: 0.74rem;
        color: var(--ink-faint);
    }
    .tk-r-cta {
        color: var(--brand-deep);
        font-weight: 800;
        font-size: 0.85rem;
        text-decoration: none;
        white-space: nowrap;
    }
    .tk-r-cta:hover {
        color: var(--brand);
        text-decoration: underline;
    }

    /* ── Unified Israeli Hub Card ── */
    .il-hub-card {
        background: var(--card);
        border: 2px solid var(--brand);
        border-radius: var(--radius);
        padding: 28px;
        margin: 36px 0;
        color: var(--ink);
        box-shadow: var(--shadow);
        position: relative;
        overflow: hidden;
    }
    .il-hub-card::before {
        content: '';
        position: absolute;
        inset: 0 0 auto 0;
        height: 4px;
        background: linear-gradient(90deg, var(--brand), var(--gold));
    }
    html[data-theme="dark"] .il-hub-card {
        background: linear-gradient(135deg, rgba(18, 49, 43, 0.95), rgba(9, 28, 24, 0.98));
        color: #fff;
    }
    html[data-theme="dark"] .il-hub-card h3 { color: #fff !important; }
    html[data-theme="dark"] .il-hub-card p { color: #c5e3d9 !important; }
    html[data-theme="light"] .il-hub-card, :root .il-hub-card {
        background: linear-gradient(135deg, #ffffff 0%, #f0fdf7 100%);
        color: var(--ink);
    }
    html[data-theme="light"] .il-hub-card h3, :root .il-hub-card h3 { color: var(--ink) !important; }
    html[data-theme="light"] .il-hub-card p, :root .il-hub-card p { color: var(--ink-soft) !important; }

    /* ── Impact list ── */
    section.block { padding: 44px 0 6px; }
    .sec-head { text-align: center; margin-bottom: 22px; }
    .sec-head h2 { font-size: clamp(1.3rem, 3.6vw, 1.7rem); font-weight: 900; }
    .sec-head p { color: var(--ink-soft); font-size: 0.95rem; margin-top: 4px; }
    .impact-list { display: grid; gap: 10px; }
    .impact {
        background: var(--card); border: 1px solid var(--line); border-radius: 16px;
        padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; gap: 14px;
        flex-wrap: wrap; box-shadow: 0 2px 8px rgba(18, 49, 43, 0.04);
    }
    .impact .what { font-weight: 700; font-size: 0.95rem; }
    .impact .what small { display: block; color: var(--ink-faint); font-weight: 500; font-size: 0.8rem; }
    .impact .gain {
        font-weight: 900; color: var(--brand-deep); font-size: 1.05rem; white-space: nowrap;
        background: var(--brand-soft); border-radius: 999px; padding: 6px 16px;
    }
    .impact .gain.neutral { color: var(--ink-faint); background: #eef3f1; }

    /* ── Journey ── */
    .journey { display: flex; align-items: flex-start; gap: 0; margin-top: 10px; overflow-x: auto; padding-bottom: 10px; }
    .j-step { flex: 1 0 0; min-width: 92px; text-align: center; position: relative; padding-top: 22px; }
    .j-step::before {
        content: ''; position: absolute; top: 7px; right: 50%; width: 100%; height: 3px;
        background: var(--line); border-radius: 2px;
    }
    .j-step:last-child::before { display: none; }
    .j-step.done::before { background: var(--brand); }
    .j-dot {
        position: absolute; top: 0; right: 50%; transform: translateX(50%);
        width: 17px; height: 17px; border-radius: 50%; background: #fff; border: 3px solid var(--line);
    }
    .j-step.done .j-dot { border-color: var(--brand); background: var(--brand); }
    .j-step.here .j-dot {
        border-color: var(--brand); background: #fff; box-shadow: 0 0 0 5px var(--brand-soft);
    }
    .j-name { font-weight: 800; font-size: 0.85rem; color: var(--ink-soft); }
    .j-step.here .j-name { color: var(--brand-deep); }
    .j-step.here::after {
        content: 'אתה כאן'; position: absolute; top: -22px; right: 50%; transform: translateX(50%);
        background: var(--brand); color: #fff; font-size: 0.68rem; font-weight: 800;
        padding: 3px 10px; border-radius: 999px; white-space: nowrap;
    }

    /* ── Five answers ── */
    .qa-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
    .qa {
        background: var(--card); border: 1px solid var(--line); border-radius: 18px; padding: 18px 20px;
        box-shadow: 0 2px 8px rgba(18, 49, 43, 0.04);
    }
    .qa h4 { font-size: 0.85rem; color: var(--brand-deep); font-weight: 800; margin-bottom: 6px; }
    .qa p { font-size: 0.95rem; font-weight: 600; line-height: 1.5; }

    /* ── Simulation ── */
    .sim-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 20px; }
    @media (max-width: 640px) { .sim-cards { grid-template-columns: repeat(2, 1fr); } }
    .sim-card { background: var(--stat-bg); border: 1px solid var(--line); border-radius: 16px; padding: 14px 12px; text-align: center; }
    .sim-card b { display: block; font-size: clamp(1rem, 2.4vw, 1.22rem); font-weight: 900; white-space: nowrap; }
    .sim-card span { font-size: 0.76rem; color: var(--ink-faint); font-weight: 600; }
    .sim-verdict {
        margin-top: 16px; border-radius: 16px; padding: 14px 18px; font-weight: 800; font-size: 0.98rem;
        display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
    }
    .sim-verdict.ok { background: var(--brand-soft); color: var(--brand-deep); }
    .sim-verdict.no { background: rgba(220, 38, 38, 0.10); color: #dc2626; }
    html[data-theme="dark"] .sim-verdict.no { background: rgba(248, 113, 113, 0.14); color: #fca5a5; }
    .sim-verdict .pill { font-size: 0.72rem; border-radius: 999px; padding: 3px 12px; background: currentColor; }
    .sim-verdict .pill i { font-style: normal; color: #fff; }
    .sim-levers { display: grid; gap: 8px; margin-top: 16px; }
    .sim-lever {
        background: var(--stat-bg); border: 1px solid var(--line); border-radius: 14px;
        padding: 12px 16px; font-size: 0.9rem; font-weight: 600; color: var(--ink-soft);
        display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap;
        transition: transform 0.15s, border-color 0.15s;
    }
    .sim-lever:hover { border-color: var(--brand); transform: translateY(-1px); }
    .sim-lever b { color: var(--ink); }
    .sim-lever .lever-info { flex: 1 1 200px; }
    .sim-lever .btn-mini-apply {
        background: var(--brand); color: #fff; border: none; border-radius: 999px;
        padding: 6px 14px; font-size: 0.78rem; font-weight: 800; cursor: pointer;
        display: inline-flex; align-items: center; gap: 5px; transition: background 0.15s, transform 0.15s;
    }
    .sim-lever .btn-mini-apply:hover { background: var(--brand-deep); transform: scale(1.03); }

    /* ── Chart Controls & Enhanced Display ── */
    .sim-view-bar {
        display: flex; justify-content: space-between; align-items: center; gap: 10px;
        margin-top: 22px; margin-bottom: 12px; flex-wrap: wrap;
    }
    .sim-view-title { font-size: 0.92rem; font-weight: 800; color: var(--ink); display: flex; align-items: center; gap: 6px; }
    .view-toggle-group {
        display: inline-flex; background: var(--stat-bg); border: 1px solid var(--line);
        border-radius: 999px; padding: 3px; gap: 2px;
    }
    .view-btn {
        background: transparent; border: none; border-radius: 999px; padding: 6px 14px;
        font-family: inherit; font-size: 0.8rem; font-weight: 700; color: var(--ink-soft);
        cursor: pointer; transition: all 0.15s;
    }
    .view-btn.active { background: var(--card); color: var(--brand-deep); box-shadow: 0 2px 6px rgba(0,0,0,0.06); }
    
    .sim-chart-wrap {
        margin-top: 10px; position: relative; background: var(--stat-bg); border: 1px solid var(--line);
        border-radius: 18px; padding: 30px 16px 16px;
    }
    .sim-chart-legend {
        display: flex; gap: 14px; justify-content: flex-end; align-items: center;
        font-size: 0.75rem; font-weight: 700; color: var(--ink-faint); margin-bottom: 16px; flex-wrap: wrap;
    }
    .sim-legend-item { display: inline-flex; align-items: center; gap: 6px; }
    .sim-legend-dot { width: 10px; height: 10px; border-radius: 3px; }
    .sim-legend-dot.cap { background: var(--brand); }
    .sim-legend-dot.fire { background: var(--gold); }
    .sim-legend-dot.target { border-top: 2px dashed var(--gold); width: 16px; height: 0; }

    .sim-chart {
        position: relative; height: 210px; display: flex; align-items: flex-end; gap: 6px; padding-bottom: 4px;
    }
    .sim-bar {
        flex: 1; background: linear-gradient(180deg, var(--brand) 0%, var(--brand-deep) 100%);
        border-radius: 8px 8px 3px 3px; min-height: 6px; position: relative; opacity: 0.95;
        cursor: pointer; transition: opacity 0.15s, transform 0.15s;
    }
    .sim-bar:hover { opacity: 1; transform: scaleY(1.02); }
    .sim-bar.crossed { background: linear-gradient(180deg, var(--gold) 0%, #d99a26 100%); }
    .sim-bar .bar-v {
        position: absolute; top: -22px; right: 50%; transform: translateX(50%);
        font-size: 0.65rem; font-weight: 800; color: var(--ink-faint); white-space: nowrap;
    }
    .sim-target-line {
        position: absolute; right: 0; left: 0; border-top: 2px dashed var(--gold); pointer-events: none; z-index: 2;
    }
    .sim-target-line span {
        position: absolute; left: 8px; top: -20px; font-size: 0.7rem; font-weight: 800; color: var(--gold); white-space: nowrap;
        background: var(--stat-bg); padding: 1px 6px; border-radius: 4px;
    }
    .sim-chart-x { display: flex; gap: 6px; margin-top: 8px; border-top: 1px solid var(--line); padding-top: 6px; }
    .sim-chart-x span { flex: 1; text-align: center; font-size: 0.72rem; font-weight: 700; color: var(--ink-faint); }
    
    /* Interactive Hover Tooltip */
    .chart-tooltip {
        position: absolute; bottom: 100%; right: 50%; transform: translateX(50%) translateY(-10px);
        background: #12312b; color: #fff; border-radius: 10px; padding: 8px 12px;
        font-size: 0.75rem; line-height: 1.4; pointer-events: none; z-index: 10;
        box-shadow: 0 4px 15px rgba(0,0,0,0.25); white-space: nowrap; text-align: right;
        display: none;
    }
    .sim-bar:hover .chart-tooltip { display: block; }
    html[data-theme="dark"] .chart-tooltip { background: #000; border: 1px solid rgba(255,255,255,0.15); }

    .sim-table { margin-top: 16px; font-size: 0.86rem; width: 100%; border-collapse: collapse; }
    .sim-table th { font-size: 0.75rem; color: var(--ink-faint); text-align: right; padding: 8px 12px; border-bottom: 2px solid var(--line); }
    .sim-table td { padding: 9px 12px; border-bottom: 1px solid var(--line); }
    .sim-table tr.crossed td { background: var(--gold-soft); font-weight: 800; }
    .sim-table td:last-child, .sim-table th:last-child { text-align: left; }
    .sim-table .st-ok { color: var(--brand-deep); font-weight: 800; }
    .sim-table .st-road { color: var(--ink-faint); }
    .sim-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }

    /* Inflation & Growth Explainer Callout */
    .inflation-badge {
        display: inline-flex; align-items: center; gap: 8px; background: rgba(0, 168, 120, 0.08);
        border: 1px solid rgba(0, 168, 120, 0.2); border-radius: 12px; padding: 9px 14px;
        font-size: 0.82rem; font-weight: 700; color: var(--brand-deep); margin-top: 14px; line-height: 1.4;
    }
    .inflation-badge svg { flex-shrink: 0; width: 18px; height: 18px; }

    /* Decision apply action button */
    .btn-apply-rec {
        display: inline-flex; align-items: center; gap: 8px; background: var(--brand); color: #fff !important;
        font-weight: 800; font-size: 0.95rem; padding: 12px 22px; border-radius: 999px; border: none;
        cursor: pointer; box-shadow: 0 4px 14px rgba(0, 168, 120, 0.35); transition: all 0.15s;
    }
    .btn-apply-rec:hover { background: var(--brand-deep); transform: translateY(-1px); }

    .impact {
        cursor: pointer; transition: transform 0.15s, border-color 0.15s;
    }
    .impact:hover {
        border-color: var(--brand); transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0, 168, 120, 0.1);
    }
    .impact .impact-apply-chip {
        font-size: 0.74rem; font-weight: 800; color: var(--brand-deep); background: var(--brand-soft);
        padding: 4px 12px; border-radius: 999px; margin-right: 8px; display: inline-flex; align-items: center; gap: 4px;
    }

    /* ── Numbers form ── */
    .numbers {
        background: var(--card); border: 1px solid var(--line); border-radius: var(--radius);
        padding: 28px 26px; box-shadow: var(--shadow);
    }
    .numbers h3 { font-weight: 900; font-size: 1.2rem; }
    .numbers > p { color: var(--ink-soft); font-size: 0.92rem; margin: 4px 0 18px; }
    .f-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; }
    .f-field label { display: block; font-size: 0.82rem; font-weight: 700; color: var(--ink-soft); margin-bottom: 5px; }
    .f-field input {
        width: 100%; font-family: inherit; font-size: 1.02rem; font-weight: 700; color: var(--ink);
        padding: 11px 14px; border: 1.5px solid var(--line); border-radius: 13px; background: var(--input-bg);
        outline: none; transition: border-color 0.15s;
    }
    .f-field input:focus { border-color: var(--brand); }
    .numbers .actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
    .btn-soft { background: var(--mint); color: var(--brand-deep); }
    .btn-soft:hover { background: #c8ecdb; }

    /* ── Explore (progressive disclosure) ── */
    details.explore { margin-top: 26px; }
    details.explore summary {
        cursor: pointer; text-align: center; font-weight: 800; color: var(--brand-deep);
        font-size: 0.98rem; padding: 12px; border-radius: 999px; background: var(--brand-soft);
        border: 1.5px dashed var(--brand); list-style: none; width: fit-content; margin: 0 auto;
        white-space: nowrap; padding-inline: 26px;
    }
    details.explore summary::-webkit-details-marker { display: none; }
    details.explore[open] summary { margin-bottom: 18px; }
    .explore-body {
        background: var(--card); border: 1px solid var(--line); border-radius: var(--radius);
        padding: 24px 26px; box-shadow: var(--shadow);
    }
    .explore-body h4 { font-weight: 900; margin-bottom: 8px; font-size: 1rem; }
    .explore-body p { color: var(--ink-soft); font-size: 0.9rem; }
    .assump { width: 100%; border-collapse: collapse; margin: 10px 0 18px; font-size: 0.88rem; }
    .assump td { padding: 8px 10px; border-bottom: 1px solid var(--line); }
    .assump tr td:last-child { font-weight: 800; text-align: left; white-space: nowrap; }
    .explore-links { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 6px; }
    .chip-link {
        text-decoration: none; font-size: 0.85rem; font-weight: 700; color: var(--brand-deep);
        background: var(--brand-soft); padding: 8px 16px; border-radius: 999px; white-space: nowrap;
    }
    .chip-link:hover { background: var(--mint); }

    /* ── Tools & knowledge ── */
    .tools-box {
        background: var(--card); border: 1px solid var(--line); border-radius: var(--radius);
        padding: 26px 26px 30px; box-shadow: var(--shadow); text-align: center;
    }
    .chips { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
    .chips .chip-link { font-size: 0.9rem; padding: 10px 18px; }
    .tools-more { margin-top: 18px; }
    .tools-full { text-align: right; margin-top: 22px; display: grid; gap: 20px; }
    .tools-group h4 {
        font-size: 0.85rem; font-weight: 800; color: var(--ink-faint); letter-spacing: 0.03em;
        margin-bottom: 10px; text-transform: uppercase;
    }
    .tools-group .chips { justify-content: flex-start; }
    .tools-open-note {
        font-size: 0.82rem; color: var(--ink-faint); margin-top: 16px;
    }
    /* ── Stats strip ── */
    .stats-strip {
        display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;
        margin: 30px 0 0;
    }
    @media (max-width: 640px) { .stats-strip { grid-template-columns: repeat(2, 1fr); } }
    .stat-item { text-align: center; background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 16px 8px; }
    .stat-item b { display: block; font-size: clamp(1.1rem, 3vw, 1.5rem); font-weight: 900; color: var(--brand-deep); }
    .stat-item span { font-size: 0.78rem; color: var(--ink-faint); font-weight: 600; }

    /* ── Why us ── */
    .why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 12px; }
    .why-card {
        background: var(--card); border: 1px solid var(--line); border-radius: 18px;
        padding: 22px 22px 20px; box-shadow: 0 2px 8px rgba(18, 49, 43, 0.04);
    }
    .why-card .why-ic {
        width: 42px; height: 42px; border-radius: 13px; background: var(--brand-soft);
        display: flex; align-items: center; justify-content: center; margin-bottom: 12px;
    }
    .why-card .why-ic svg { width: 20px; height: 20px; stroke: var(--brand-deep); }
    .why-card h4 { font-weight: 900; font-size: 1.02rem; margin-bottom: 4px; }
    .why-card p { font-size: 0.88rem; color: var(--ink-soft); }

    /* ── FAQ ── */
    .faq-list { display: grid; gap: 10px; max-width: 760px; margin: 0 auto; }
    details.faq {
        background: var(--card); border: 1px solid var(--line); border-radius: 16px;
        padding: 0; overflow: hidden;
    }
    details.faq summary {
        cursor: pointer; list-style: none; font-weight: 800; font-size: 0.98rem;
        padding: 16px 20px; display: flex; justify-content: space-between; align-items: center; gap: 12px;
    }
    details.faq summary::-webkit-details-marker { display: none; }
    details.faq summary::after {
        content: '+'; font-size: 1.3rem; font-weight: 800; color: var(--brand);
        flex: 0 0 auto; transition: transform 0.2s;
    }
    details.faq[open] summary::after { transform: rotate(45deg); }
    details.faq .faq-a { padding: 0 20px 16px; font-size: 0.92rem; color: var(--ink-soft); }

    /* ── Accessibility ── */
    .skip-link {
        position: absolute; right: 50%; transform: translateX(50%) translateY(-60px);
        background: var(--brand); color: #fff; font-weight: 700; padding: 10px 22px;
        border-radius: 0 0 14px 14px; z-index: 100; transition: transform 0.2s; text-decoration: none;
    }
    .skip-link:focus { transform: translateX(50%) translateY(0); }
    :focus-visible { outline: 2.5px solid var(--brand); outline-offset: 2px; border-radius: 4px; }
    @media (prefers-reduced-motion: reduce) {
        html { scroll-behavior: auto; }
        * { transition: none !important; animation: none !important; }
    }

    /* ── Footer (Theme Responsive) ── */
    footer {
        margin-top: 60px;
        background: var(--stat-bg);
        color: var(--ink-soft);
        padding: 36px 0;
        text-align: center;
        border-top: 1px solid var(--line);
        transition: background 0.2s, color 0.2s;
    }
    footer .logo { color: var(--ink); justify-content: center; margin-bottom: 10px; }
    footer p { font-size: 0.88rem; color: var(--ink-soft); }
    footer a { color: var(--brand-deep); text-decoration: none; font-weight: 700; }
    footer .foot-links { display: flex; gap: 18px; justify-content: center; flex-wrap: wrap; margin-top: 16px; }
    footer .foot-links a { color: var(--ink-soft); font-weight: 600; font-size: 0.85rem; }
    footer .foot-links a:hover { color: var(--brand); }
    .foot-cols {
        display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
        max-width: 760px; margin: 26px auto 0; text-align: right;
    }
    @media (max-width: 640px) { .foot-cols { grid-template-columns: repeat(2, 1fr); } }
    .foot-col h5 {
        color: var(--brand-deep); font-size: 0.8rem; font-weight: 800; letter-spacing: 0.04em;
        margin-bottom: 10px; text-transform: uppercase;
    }
    .foot-col a {
        display: block; color: var(--ink-soft); text-decoration: none; font-size: 0.85rem;
        font-weight: 600; padding: 3px 0;
    }
    .foot-col a:hover { color: var(--brand); }

    html[data-theme="dark"] footer {
        background: #091a14;
        color: #bcd8cf;
        border-top: 1px solid rgba(255, 255, 255, 0.06);
    }
    html[data-theme="dark"] footer .logo { color: #fff; }
    html[data-theme="dark"] footer p { color: #bcd8cf; }
    html[data-theme="dark"] footer a { color: #7ee6c0; }
    html[data-theme="dark"] footer .foot-links a { color: #bcd8cf; }
    html[data-theme="dark"] footer .foot-links a:hover { color: #fff; }
    html[data-theme="dark"] .foot-col h5 { color: #7ee6c0; }
    html[data-theme="dark"] .foot-col a { color: #bcd8cf; }
    html[data-theme="dark"] .foot-col a:hover { color: #fff; }

    .toast {
        position: fixed; bottom: 22px; right: 50%; transform: translateX(50%) translateY(80px);
        background: #103b33; color: #fff; font-weight: 700; font-size: 0.9rem;
        padding: 12px 24px; border-radius: 999px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
        transition: transform 0.25s ease; z-index: 99; opacity: 0; pointer-events: none; white-space: nowrap;
    }
    .toast.show { transform: translateX(50%) translateY(0); opacity: 1; }

    /* ── Floating Old App Dock (הממשק למטה) ── */
    .floating-old-app {
        position: fixed; bottom: 18px; left: 50%; transform: translateX(-50%);
        background: rgba(16, 59, 51, 0.94); color: #fff; text-decoration: none;
        padding: 10px 22px; border-radius: 999px; font-weight: 800; font-size: 0.88rem;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35); border: 1.5px solid rgba(126, 230, 192, 0.4);
        display: inline-flex; align-items: center; gap: 8px; z-index: 990;
        backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
        transition: all 0.2s ease;
    }
    .floating-old-app:hover {
        background: #154c41; border-color: #7ee6c0; transform: translateX(-50%) translateY(-2px);
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45); color: #fff;
    }
    .floating-old-app .dock-badge {
        background: var(--gold); color: #17241b; font-size: 0.72rem; padding: 2px 8px;
        border-radius: 999px; font-weight: 900;
    }
    html[data-theme="dark"] .floating-old-app {
        background: rgba(22, 38, 33, 0.95); border-color: rgba(126, 230, 192, 0.3);
    }

    /* ── Bottom Interface Banner (כרטיס בממשק למטה) ── */
    .old-app-promo {
        background: linear-gradient(135deg, rgba(16, 59, 51, 0.95) 0%, rgba(11, 43, 37, 0.95) 100%);
        border: 1.5px solid rgba(126, 230, 192, 0.3); border-radius: var(--radius);
        padding: 28px 24px; color: #fff; display: flex; justify-content: space-between;
        align-items: center; gap: 20px; flex-wrap: wrap; box-shadow: var(--shadow);
        margin: 20px 0 10px;
    }
    .old-app-promo-content { flex: 1 1 320px; }
    .old-app-promo-tag {
        display: inline-block; background: rgba(126, 230, 192, 0.16); color: #7ee6c0;
        font-size: 0.76rem; font-weight: 800; padding: 4px 12px; border-radius: 999px; margin-bottom: 8px;
    }
    .old-app-promo h3 { font-size: 1.25rem; font-weight: 900; margin-bottom: 6px; }
    .old-app-promo p { font-size: 0.9rem; color: #bcd8cf; line-height: 1.5; margin: 0; }
    .btn-old-app {
        background: var(--gold); color: #1e2d24 !important; font-weight: 900; font-size: 0.95rem;
        padding: 13px 26px; border-radius: 999px; text-decoration: none; display: inline-flex;
        align-items: center; gap: 8px; box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);
        transition: all 0.15s; white-space: nowrap;
    }
    .btn-old-app:hover { background: #f0b856; transform: translateY(-1px); }

    .hd-old-app-btn {
        background: rgba(0, 168, 120, 0.12); color: var(--brand-deep) !important;
        border: 1px solid rgba(0, 168, 120, 0.3); font-weight: 800;
        padding: 6px 14px !important; border-radius: 999px; display: inline-flex; align-items: center; gap: 6px;
    }
    .hd-old-app-btn:hover { background: rgba(0, 168, 120, 0.2); }

    @media (max-width: 480px) {
        .hero { padding-top: 40px; }
        .status-card, .decision, .numbers, .explore-body, .tools-box { padding-inline: 18px; }
        .j-step { min-width: 78px; }
        .sim-bar .bar-v { display: none; }
        .sim-target-line span { font-size: 0.62rem; }
        .floating-old-app { font-size: 0.8rem; padding: 8px 16px; bottom: 12px; }
    }

    /* ── Viral Share & Print ── */
    .share-box {
        margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--line); text-align: center;
    }
    .share-title { font-size: 0.88rem; font-weight: 700; color: var(--ink-soft); display: block; margin-bottom: 12px; }
    .share-btns { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
    .btn-share {
        display: inline-flex; align-items: center; gap: 7px; font-family: inherit; font-size: 0.84rem; font-weight: 700;
        padding: 9px 18px; border-radius: 999px; border: 1px solid transparent; cursor: pointer; transition: all 0.15s;
        text-decoration: none;
    }
    .btn-share-wa { background: #25D366; color: #fff; }
    .btn-share-wa:hover { background: #1ebc59; }
    .btn-share-tg { background: #229ED9; color: #fff; }
    .btn-share-tg:hover { background: #1c8ac0; }
    .btn-share-copy { background: var(--input-bg); color: var(--ink); border-color: var(--line); }
    .btn-share-copy:hover { border-color: var(--brand); color: var(--brand-deep); }
    .btn-share-print { background: var(--input-bg); color: var(--ink-soft); border-color: var(--line); }
    .btn-share-print:hover { color: var(--ink); border-color: var(--ink-soft); }

    @media print {
        header, .floating-old-app, .btn-apply-rec, .share-box, .status-actions, .why, .faq, footer, .tk, .hd-old-app-btn { display: none !important; }
        body { background: #fff !important; color: #000 !important; }
        .status-card, .decision, .sim-card { box-shadow: none !important; border: 1px solid #ccc !important; }
    }