:root {
            --black: #000000;
            --black-light: #0a0a0a;
            --black-medium: #111111;
            --black-card: #161616;
            --bronze: #C9956C;
            --bronze-light: #D4A574;
            --bronze-dark: #A67B5B;
            --green: #4ade80;
            --green-dark: #22c55e;
            --blue: #60a5fa;
            --purple: #a78bfa;
            --red: #f87171;
            --orange: #fb923c;
            --text: #E8E8E8;
            --text-muted: #888888;
            --text-dim: #767676;
            --border: #252525;
        }

        .btn {
            padding: 10px 24px;
            border-radius: 6px;
            font-size: 0.9rem;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.2s;
            cursor: pointer;
            border: none;
        }

        .btn-secondary {
            background: transparent;
            border: 1px solid var(--border);
            color: var(--text);
        }

        .btn-secondary:hover {
            border-color: var(--bronze);
            color: var(--bronze-light);
        }

        .btn-primary {
            background: var(--bronze);
            color: var(--black);
        }

        .btn-primary:hover {
            background: var(--bronze-light);
        }

        /* Hero Section */
        .hero {
            min-height: 100vh;
            min-height: 100dvh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 140px 60px 80px;
            position: relative;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background:
                radial-gradient(ellipse at 20% 20%, rgba(201, 149, 108, 0.08) 0%, transparent 50%),
                radial-gradient(ellipse at 80% 80%, rgba(167, 139, 250, 0.05) 0%, transparent 50%);
            pointer-events: none;
        }

        .hero-content {
            max-width: 900px;
            position: relative;
            z-index: 1;
        }

        .hero-badges {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
            margin-bottom: 30px;
        }

        .hero-badge {
            display: inline-block;
            padding: 8px 16px;
            background: rgba(201, 149, 108, 0.15);
            border: 1px solid var(--bronze-dark);
            border-radius: 100px;
            font-size: 0.8rem;
            font-weight: 500;
            color: var(--bronze-light);
            letter-spacing: 0.05em;
        }

        .hero-badge.patent {
            background: rgba(74, 222, 128, 0.15);
            border-color: var(--green);
            color: var(--green);
        }

        .hero h1 {
            font-size: 3.8rem;
            font-weight: 600;
            line-height: 1.1;
            margin-bottom: 25px;
            letter-spacing: -0.02em;
        }

        .hero h1 .highlight {
            color: var(--bronze);
        }

        .hero-sub {
            font-size: 1.3rem;
            color: var(--text-muted);
            margin-bottom: 40px;
            max-width: 750px;
            line-height: 1.7;
        }

        .hero-sub code {
            background: rgba(201, 149, 108, 0.2);
            padding: 4px 12px;
            border-radius: 4px;
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.9em;
            color: var(--bronze-light);
        }

        .hero-cta {
            display: flex;
            gap: 20px;
            margin-bottom: 60px;
        }

        .hero-cta .btn {
            padding: 16px 32px;
            font-size: 1rem;
        }

        .btn-demo {
            background: var(--green);
            color: #000;
            font-weight: 700;
            animation: demoPulse 2.5s ease-in-out infinite;
        }
        .btn-demo:hover {
            background: #4ade80;
            transform: translateY(-1px);
            box-shadow: 0 4px 20px rgba(34, 197, 94, 0.3);
        }
        @keyframes demoPulse {
            0%, 100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4); }
            50% { box-shadow: 0 0 0 8px rgba(34, 197, 94, 0); }
        }

        .hero-stats {
            display: flex;
            gap: 50px;
            padding-top: 40px;
            border-top: 1px solid var(--border);
            flex-wrap: wrap;
        }

        .hero-stat {
            text-align: left;
        }

        .hero-stat-value {
            font-size: 2.2rem;
            font-weight: 300;
            color: var(--bronze-light);
            font-family: 'JetBrains Mono', monospace;
        }

        .hero-stat-label {
            font-size: 0.85rem;
            color: var(--text-muted);
            margin-top: 5px;
        }

        /* Code Preview */
        .code-preview {
            position: absolute;
            right: 60px;
            top: 50%;
            transform: translateY(-50%);
            width: 480px;
            background: var(--black-card);
            border: 1px solid var(--border);
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5);
        }

        .code-header {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 12px 16px;
            background: var(--black-medium);
            border-bottom: 1px solid var(--border);
        }

        .code-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
        }

        .code-dot.red { background: #ff5f56; }
        .code-dot.yellow { background: #ffbd2e; }
        .code-dot.green { background: #27ca40; }

        .code-title {
            margin-left: 10px;
            font-size: 0.8rem;
            color: var(--text-muted);
        }

        .code-body {
            padding: 20px;
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.8rem;
            line-height: 1.8;
            overflow-x: auto;
        }

        .code-body .comment { color: var(--text-dim); }
        .code-body .keyword { color: var(--purple); }
        .code-body .string { color: var(--green); }
        .code-body .function { color: var(--blue); }
        .code-body .number { color: var(--orange); }
        .code-body .property { color: var(--bronze-light); }

        /* Section Styles */
        section {
            padding: 100px 60px;
        }

        .section-label {
            font-size: 0.75rem;
            font-weight: 600;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            color: var(--bronze);
            margin-bottom: 15px;
        }

        .section-title {
            font-size: 2.5rem;
            font-weight: 600;
            margin-bottom: 20px;
            letter-spacing: -0.02em;
        }

        .section-desc {
            font-size: 1.1rem;
            color: var(--text-muted);
            max-width: 700px;
            margin-bottom: 50px;
            line-height: 1.7;
        }

        /* Performance Section */
        .perf-section {
            background: var(--black-light);
        }

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

        .perf-card {
            background: var(--black-card);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 25px;
            position: relative;
            overflow: hidden;
        }

        .perf-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
        }

        .perf-card.fhe::before { background: var(--green); }
        .perf-card.throughput::before { background: var(--blue); }
        .perf-card.zkp::before { background: var(--purple); }
        .perf-card.quantum::before { background: var(--orange); }
        .perf-card.full::before { background: var(--bronze); }

        .perf-card-icon {
            font-size: 1.3rem;
            margin-bottom: 12px;
        }

        .perf-card-title {
            font-size: 0.75rem;
            color: var(--text-muted);
            margin-bottom: 8px;
            text-transform: uppercase;
            letter-spacing: 0.1em;
        }

        .perf-card-value {
            font-size: 2rem;
            font-weight: 300;
            font-family: 'JetBrains Mono', monospace;
            margin-bottom: 5px;
        }

        .perf-card.fhe .perf-card-value { color: var(--green); }
        .perf-card.throughput .perf-card-value { color: var(--blue); }
        .perf-card.zkp .perf-card-value { color: var(--purple); }
        .perf-card.quantum .perf-card-value { color: var(--orange); }
        .perf-card.full .perf-card-value { color: var(--bronze); }

        .perf-card-sub {
            font-size: 0.8rem;
            color: var(--text-dim);
        }

        /* Batch Banner */
        .batch-banner {
            background: linear-gradient(135deg, var(--bronze-dark) 0%, var(--bronze) 50%, var(--bronze-light) 100%);
            border-radius: 16px;
            padding: 35px 45px;
            margin-top: 40px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative;
            overflow: hidden;
        }

        .batch-content {
            position: relative;
            z-index: 1;
        }

        .batch-title {
            font-size: 1.6rem;
            font-weight: 600;
            color: var(--black);
            margin-bottom: 8px;
        }

        .batch-desc {
            font-size: 0.95rem;
            color: rgba(0,0,0,0.7);
        }

        .batch-stat {
            position: relative;
            z-index: 1;
            text-align: right;
        }

        .batch-number {
            font-size: 3rem;
            font-weight: 700;
            font-family: 'JetBrains Mono', monospace;
            color: var(--black);
            line-height: 1;
        }

        .batch-unit {
            font-size: 0.9rem;
            color: rgba(0,0,0,0.7);
            margin-top: 5px;
        }

        /* Comparison Section */
        .comparison-section {
            background: var(--black);
        }

        .comparison-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 20px;
            margin-bottom: 50px;
        }

        .comparison-stat {
            background: var(--black-card);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 25px;
            text-align: center;
        }

        .comparison-stat-value {
            font-size: 2.5rem;
            font-weight: 700;
            font-family: 'JetBrains Mono', monospace;
            margin-bottom: 5px;
        }

        .comparison-stat-value.green { color: var(--green); }
        .comparison-stat-value.bronze { color: var(--bronze); }
        .comparison-stat-value.blue { color: var(--blue); }
        .comparison-stat-value.purple { color: var(--purple); }

        .comparison-stat-label {
            font-size: 0.85rem;
            color: var(--text-muted);
        }

        .comparison-table {
            width: 100%;
            border-collapse: collapse;
            background: var(--black-card);
            border-radius: 12px;
            overflow: hidden;
        }

        .comparison-table th,
        .comparison-table td {
            padding: 16px 20px;
            text-align: left;
            border-bottom: 1px solid var(--border);
            font-size: 0.9rem;
        }

        .comparison-table th {
            background: var(--black-medium);
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--text-muted);
        }

        .comparison-table tr.h33-row {
            background: rgba(74, 222, 128, 0.08);
        }

        .comparison-table tr.h33-row td:first-child {
            border-left: 3px solid var(--green);
        }

        .badge-green {
            display: inline-block;
            padding: 4px 10px;
            background: rgba(74, 222, 128, 0.2);
            color: var(--green);
            border-radius: 4px;
            font-size: 0.8rem;
            font-weight: 600;
        }

        .badge-bronze {
            display: inline-block;
            padding: 4px 10px;
            background: rgba(201, 149, 108, 0.2);
            color: var(--bronze);
            border-radius: 4px;
            font-size: 0.8rem;
            font-weight: 600;
        }

        .badge-red {
            display: inline-block;
            padding: 4px 10px;
            background: rgba(248, 113, 113, 0.2);
            color: var(--red);
            border-radius: 4px;
            font-size: 0.8rem;
            font-weight: 600;
        }

        .badge-orange {
            display: inline-block;
            padding: 4px 10px;
            background: rgba(251, 191, 36, 0.2);
            color: var(--orange);
            border-radius: 4px;
            font-size: 0.8rem;
            font-weight: 600;
        }

        /* Services Section */
        .services-section {
            background: var(--black-light);
        }

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

        .service-card {
            background: var(--black-card);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 30px;
            transition: all 0.3s;
            position: relative;
        }

        .service-card:hover {
            border-color: var(--bronze-dark);
            transform: translateY(-3px);
        }

        .service-card.featured {
            border-color: var(--bronze);
            background: linear-gradient(180deg, rgba(201, 149, 108, 0.08) 0%, var(--black-card) 100%);
        }

        .service-card.new-api {
            border-color: var(--green);
        }

        .service-badge {
            position: absolute;
            top: 15px;
            right: 15px;
            padding: 4px 10px;
            border-radius: 100px;
            font-size: 0.6rem;
            font-weight: 700;
            letter-spacing: 0.05em;
        }

        .service-badge.new {
            background: var(--green);
            color: var(--black);
        }

        .service-badge.patent {
            background: var(--purple);
            color: white;
        }

        .service-icon {
            font-size: 1.8rem;
            margin-bottom: 15px;
        }

        .service-title {
            font-size: 1.1rem;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .service-desc {
            font-size: 0.85rem;
            color: var(--text-muted);
            margin-bottom: 15px;
            line-height: 1.6;
        }

        .service-endpoints {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
        }

        .endpoint-tag {
            padding: 4px 8px;
            background: var(--black-medium);
            border-radius: 4px;
            font-size: 0.7rem;
            font-family: 'JetBrains Mono', monospace;
            color: var(--text-muted);
        }

        /* Patent Section */
        .patent-section {
            background: linear-gradient(180deg, var(--black) 0%, rgba(167, 139, 250, 0.05) 100%);
            border-top: 1px solid var(--border);
            border-bottom: 1px solid var(--border);
        }

        .patent-header {
            text-align: center;
            margin-bottom: 50px;
        }

        .patent-badge-large {
            display: inline-block;
            padding: 12px 24px;
            background: rgba(167, 139, 250, 0.15);
            border: 1px solid var(--purple);
            border-radius: 100px;
            font-size: 0.9rem;
            font-weight: 600;
            color: var(--purple);
            margin-bottom: 20px;
        }

        .innovations-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 20px;
            margin-bottom: 50px;
        }

        .innovation-card {
            background: var(--black-card);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 25px;
            text-align: center;
        }

        .innovation-number {
            width: 40px;
            height: 40px;
            background: rgba(167, 139, 250, 0.2);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 15px;
            color: var(--purple);
            font-weight: 700;
            font-family: 'JetBrains Mono', monospace;
        }

        .innovation-title {
            font-size: 0.95rem;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .innovation-desc {
            font-size: 0.8rem;
            color: var(--text-muted);
            line-height: 1.5;
        }

        /* Pricing Section */
        .pricing-section {
            background: var(--black);
        }

        .pricing-intro {
            text-align: center;
            margin-bottom: 60px;
        }

        .pricing-highlight {
            display: inline-block;
            padding: 8px 20px;
            background: rgba(74, 222, 128, 0.15);
            border: 1px solid var(--green);
            border-radius: 100px;
            font-size: 0.85rem;
            color: var(--green);
            margin-bottom: 20px;
        }

        .pricing-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 20px;
            margin-bottom: 60px;
        }

        .pricing-card {
            background: var(--black-card);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 30px 25px;
            text-align: center;
            position: relative;
        }

        .pricing-card.popular {
            border-color: var(--bronze);
            background: linear-gradient(180deg, rgba(201, 149, 108, 0.1) 0%, var(--black-card) 100%);
        }

        .pricing-card.popular::before {
            content: 'MOST POPULAR';
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--bronze);
            color: var(--black);
            font-size: 0.65rem;
            font-weight: 700;
            padding: 5px 15px;
            border-radius: 100px;
            letter-spacing: 0.05em;
        }

        .pricing-name {
            font-size: 1.1rem;
            font-weight: 600;
            margin-bottom: 15px;
        }

        .pricing-price {
            font-size: 2.5rem;
            font-weight: 300;
            font-family: 'JetBrains Mono', monospace;
            color: var(--bronze-light);
            margin-bottom: 5px;
        }

        .pricing-credits {
            font-size: 0.9rem;
            color: var(--text-muted);
            margin-bottom: 20px;
        }

        .pricing-rate {
            font-size: 0.75rem;
            color: var(--text-dim);
            padding-top: 15px;
            border-top: 1px solid var(--border);
        }

        .pricing-features {
            text-align: left;
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid var(--border);
        }

        .pricing-feature {
            font-size: 0.8rem;
            color: var(--text-muted);
            padding: 6px 0;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .pricing-feature .check {
            color: var(--green);
            font-weight: bold;
        }

        .pricing-feature .x {
            color: var(--text-dim);
        }

        /* Credit Costs Table */
        .credits-table-container {
            background: var(--black-card);
            border: 1px solid var(--border);
            border-radius: 12px;
            overflow: hidden;
            margin-bottom: 40px;
        }

        .credits-table-header {
            padding: 20px 25px;
            background: var(--black-medium);
            border-bottom: 1px solid var(--border);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .credits-table-header h4 {
            font-size: 1rem;
            font-weight: 600;
        }

        .credits-table {
            width: 100%;
            border-collapse: collapse;
        }

        .credits-table th,
        .credits-table td {
            padding: 14px 20px;
            text-align: left;
            font-size: 0.85rem;
            border-bottom: 1px solid var(--border);
        }

        .credits-table th {
            background: var(--black-medium);
            color: var(--text-muted);
            font-weight: 500;
            text-transform: uppercase;
            font-size: 0.7rem;
            letter-spacing: 0.05em;
        }

        .credits-table tr:hover {
            background: rgba(255,255,255,0.02);
        }

        .credits-table .highlight-row {
            background: rgba(201, 149, 108, 0.08);
        }

        /* KYC Pricing */
        .kyc-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 20px;
            margin-bottom: 40px;
        }

        .kyc-card {
            background: var(--black-card);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 25px;
            text-align: center;
        }

        .kyc-card.bundle {
            border-color: var(--bronze);
            background: linear-gradient(180deg, rgba(201, 149, 108, 0.1) 0%, var(--black-card) 100%);
        }

        .kyc-price {
            font-size: 2rem;
            font-weight: 300;
            font-family: 'JetBrains Mono', monospace;
            color: var(--bronze-light);
            margin-bottom: 10px;
        }

        .kyc-name {
            font-size: 0.95rem;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .kyc-includes {
            font-size: 0.8rem;
            color: var(--text-muted);
            line-height: 1.6;
        }

        /* Security Section */
        .security-section {
            background: var(--black-light);
        }

        .security-score {
            background: linear-gradient(135deg, rgba(74, 222, 128, 0.15) 0%, rgba(34, 197, 94, 0.1) 100%);
            border: 1px solid rgba(74, 222, 128, 0.3);
            border-radius: 16px;
            padding: 35px 45px;
            margin-bottom: 50px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 30px;
        }

        .security-score-value {
            font-size: 3.5rem;
            font-weight: 700;
            font-family: 'JetBrains Mono', monospace;
            color: var(--green);
        }

        .security-score-label {
            color: var(--text-muted);
            font-size: 0.9rem;
        }

        .security-stats {
            display: flex;
            gap: 40px;
            flex-wrap: wrap;
        }

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

        .security-stat-value {
            font-size: 2rem;
            font-weight: 600;
            font-family: 'JetBrains Mono', monospace;
            color: var(--bronze-light);
        }

        .security-stat-label {
            font-size: 0.7rem;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        .defense-layers {
            display: flex;
            flex-direction: column;
            gap: 8px;
            margin-bottom: 50px;
        }

        .defense-layer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 20px;
            border-radius: 8px;
            border: 1px solid var(--border);
        }

        .defense-layer.l7 { background: linear-gradient(90deg, rgba(201, 149, 108, 0.2) 0%, transparent 100%); border-color: rgba(201, 149, 108, 0.3); }
        .defense-layer.l6 { background: linear-gradient(90deg, rgba(74, 222, 128, 0.15) 0%, transparent 100%); border-color: rgba(74, 222, 128, 0.3); }
        .defense-layer.l5 { background: linear-gradient(90deg, rgba(96, 165, 250, 0.15) 0%, transparent 100%); border-color: rgba(96, 165, 250, 0.3); }
        .defense-layer.l4 { background: linear-gradient(90deg, rgba(167, 139, 250, 0.15) 0%, transparent 100%); border-color: rgba(167, 139, 250, 0.3); }
        .defense-layer.l3 { background: linear-gradient(90deg, rgba(251, 191, 36, 0.15) 0%, transparent 100%); border-color: rgba(251, 191, 36, 0.3); }
        .defense-layer.l2 { background: linear-gradient(90deg, rgba(248, 113, 113, 0.15) 0%, transparent 100%); border-color: rgba(248, 113, 113, 0.3); }
        .defense-layer.l1 { background: linear-gradient(90deg, rgba(136, 136, 136, 0.15) 0%, transparent 100%); border-color: rgba(136, 136, 136, 0.3); }

        .defense-layer-name {
            font-weight: 600;
            font-size: 0.9rem;
        }

        .defense-layer-tech {
            font-size: 0.8rem;
            color: var(--text-muted);
        }

        .compliance-badges {
            display: flex;
            justify-content: center;
            gap: 15px;
            flex-wrap: wrap;
        }

        .compliance-badge {
            background: var(--black-card);
            border: 1px solid var(--border);
            border-radius: 8px;
            padding: 15px 25px;
            text-align: center;
            transition: border-color 0.2s, transform 0.2s;
            position: relative;
        }

        .compliance-badge:hover {
            border-color: rgba(201,149,108,0.4);
            transform: translateY(-2px);
        }

        .compliance-badge-icon {
            font-size: 1.5rem;
            margin-bottom: 8px;
        }

        .compliance-badge-name {
            font-size: 0.8rem;
            color: var(--text);
        }

        .compliance-badge-status {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
            margin-top: 6px;
            font-size: 0.65rem;
            font-weight: 600;
            letter-spacing: 0.03em;
        }

        .cb-status-dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            display: inline-block;
        }

        .cb-status-dot.active { background: #4ade80; box-shadow: 0 0 6px rgba(74,222,128,0.4); }
        .cb-status-dot.progress { background: var(--bronze); box-shadow: 0 0 6px rgba(201,149,108,0.4); }
        .cb-status-dot.planned { background: #555; }

        .compliance-trust-cta {
            text-align: center;
            margin-top: 28px;
        }

        .compliance-trust-cta a {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 12px 28px;
            background: rgba(201,149,108,0.1);
            border: 1px solid rgba(201,149,108,0.25);
            border-radius: 10px;
            color: var(--bronze);
            text-decoration: none;
            font-size: 0.88rem;
            font-weight: 600;
            transition: all 0.2s;
        }

        .compliance-trust-cta a:hover {
            background: rgba(201,149,108,0.18);
            border-color: rgba(201,149,108,0.5);
            transform: translateY(-1px);
        }

        /* PQ Compliance Cards */
        .pq-compliance-section {
            margin: 50px auto;
            max-width: 800px;
            padding: 0 20px;
        }
        .pq-compliance-section h3 {
            text-align: center;
            margin-bottom: 10px;
            font-size: 1.2rem;
        }
        .pq-compliance-sub {
            text-align: center;
            color: var(--text-dim);
            font-size: 0.85rem;
            margin-bottom: 25px;
        }
        .compliance-card {
            background: var(--black-card);
            border: 1px solid var(--border);
            border-radius: 10px;
            padding: 1.5rem;
            margin-bottom: 1rem;
        }
        .compliance-card h4 {
            font-size: 1rem;
            margin-bottom: 0.5rem;
        }
        .compliance-card p {
            font-size: 0.8rem;
            color: var(--text-muted);
            line-height: 1.6;
            margin-bottom: 0.75rem;
        }
        .status-badge {
            display: inline-block;
            font-size: 0.7rem;
            font-weight: 600;
            padding: 0.25rem 0.6rem;
            border-radius: 3px;
        }
        .status-badge.shipped {
            background: rgba(16, 185, 129, 0.13);
            color: #10b981;
            border: 1px solid rgba(16, 185, 129, 0.25);
        }
        .status-badge.filed {
            background: rgba(59, 130, 246, 0.13);
            color: #3b82f6;
            border: 1px solid rgba(59, 130, 246, 0.25);
        }

        /* Benchmarks Section */
        .benchmarks-section {
            background: var(--black);
        }

        .benchmark-config {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-bottom: 50px;
        }

        .benchmark-config-card {
            background: var(--black-card);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 20px;
        }

        .benchmark-config-label {
            font-size: 0.7rem;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-bottom: 8px;
        }

        .benchmark-config-value {
            font-family: 'JetBrains Mono', monospace;
            color: var(--bronze-light);
            font-size: 1rem;
        }

        .benchmark-config-sub {
            font-size: 0.8rem;
            color: var(--text-muted);
            margin-top: 5px;
        }

        .benchmarks-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 30px;
        }

        /* SDKs Section */
        .sdk-section {
            background: var(--black-light);
        }

        .sdk-grid {
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
        }

        .sdk-card {
            flex: 1;
            min-width: 180px;
            background: var(--black-card);
            border: 1px solid var(--border);
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            transition: all 0.2s;
        }

        .sdk-card:hover {
            border-color: var(--bronze-dark);
        }

        .sdk-lang {
            font-size: 1rem;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .sdk-install {
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.75rem;
            color: var(--text-muted);
            background: var(--black-medium);
            padding: 10px;
            border-radius: 4px;
        }

        /* CTA Section */
        .cta-section {
            background: linear-gradient(180deg, var(--black) 0%, var(--black-medium) 100%);
            text-align: center;
            padding: 120px 60px;
        }

        .cta-section h2 {
            font-size: 2.8rem;
            font-weight: 600;
            margin-bottom: 20px;
        }

        .cta-section p {
            font-size: 1.2rem;
            color: var(--text-muted);
            margin-bottom: 40px;
        }

        .cta-buttons {
            display: flex;
            justify-content: center;
            gap: 20px;
        }

        .cta-buttons .btn {
            padding: 18px 40px;
            font-size: 1.1rem;
        }

        /* Footer */
        footer {
            padding: 50px 60px;
            border-top: 1px solid var(--border);
            text-align: center;
        }

        .footer-brand {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
            margin-bottom: 20px;
        }

        .footer-logo {
            font-size: 1.5rem;
            font-weight: 300;
            letter-spacing: 0.3em;
            color: var(--bronze);
        }
        .footer-logo-img {
            width: 32px;
            height: 32px;
            border-radius: 50%;
        }
        .footer-wordmark {
            height: 20px;
            width: auto;
            fill: var(--bronze);
        }

        .footer-patent {
            font-size: 0.7rem;
            color: var(--text-dim);
            border: 1px solid var(--border);
            padding: 2px 8px;
            border-radius: 4px;
        }

        .footer-columns {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 40px;
            max-width: 1100px;
            margin: 30px auto;
            text-align: left;
        }

        .footer-col {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .footer-col h4 {
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            color: var(--bronze);
            margin-bottom: 4px;
        }

        .footer-col a {
            color: var(--text-dim);
            text-decoration: none;
            font-size: 0.8rem;
            transition: color 0.2s;
            line-height: 1.6;
        }

        .footer-col a:hover {
            color: var(--bronze);
        }

        .footer-bottom {
            border-top: 1px solid var(--border);
            margin-top: 30px;
            padding-top: 20px;
        }

        .footer-copy {
            color: var(--text-dim);
            font-size: 0.75rem;
            margin-bottom: 8px;
        }

        .footer-bottom-links {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 8px;
            font-size: 0.75rem;
        }

        .footer-bottom-links a {
            color: var(--text-dim);
            text-decoration: none;
            transition: color 0.2s;
        }

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

        .footer-bottom-links span {
            color: var(--border);
        }

        .footer-links {
            display: flex;
            gap: 30px;
        }

        .footer-links a {
            color: var(--text-muted);
            text-decoration: none;
            font-size: 0.85rem;
            transition: color 0.2s;
        }

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

        /* Documentation Section */
        .docs-section {
            background: var(--black);
        }

        .docs-nav {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
            margin-bottom: 40px;
            padding: 20px;
            background: var(--black-card);
            border: 1px solid var(--border);
            border-radius: 12px;
        }

        .docs-nav-link {
            padding: 8px 16px;
            background: var(--black-medium);
            border: 1px solid var(--border);
            border-radius: 6px;
            color: var(--text-muted);
            text-decoration: none;
            font-size: 0.8rem;
            transition: all 0.2s;
        }

        .docs-nav-link:hover {
            border-color: var(--bronze);
            color: var(--bronze-light);
        }

        .docs-nav-link.active {
            background: var(--bronze);
            color: var(--black);
            border-color: var(--bronze);
        }

        .endpoint-card {
            background: var(--black-card);
            border: 1px solid var(--border);
            border-radius: 12px;
            margin: 25px 0;
            overflow: hidden;
        }

        .endpoint-card.featured {
            border-color: var(--bronze);
        }

        .endpoint-header {
            display: flex;
            align-items: center;
            gap: 15px;
            padding: 18px 25px;
            background: var(--black-medium);
            border-bottom: 1px solid var(--border);
            flex-wrap: wrap;
        }

        .endpoint-method {
            font-size: 0.7rem;
            font-weight: 700;
            padding: 5px 10px;
            border-radius: 4px;
            font-family: 'JetBrains Mono', monospace;
        }

        .endpoint-method.get { background: rgba(96, 165, 250, 0.2); color: var(--blue); }
        .endpoint-method.post { background: rgba(74, 222, 128, 0.2); color: var(--green); }
        .endpoint-method.delete { background: rgba(248, 113, 113, 0.2); color: var(--red); }
        .endpoint-method.ws { background: rgba(167, 139, 250, 0.2); color: var(--purple); }

        .endpoint-path {
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.9rem;
            color: var(--text);
        }

        .endpoint-badge {
            margin-left: auto;
            padding: 4px 10px;
            border-radius: 100px;
            font-size: 0.6rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        .endpoint-badge.patent {
            background: var(--purple);
            color: white;
        }

        .endpoint-badge.popular {
            background: var(--bronze);
            color: var(--black);
        }

        .endpoint-body {
            padding: 25px;
        }

        .endpoint-desc {
            color: var(--text-muted);
            margin-bottom: 20px;
            line-height: 1.6;
            font-size: 0.9rem;
        }

        .endpoint-stats {
            display: flex;
            gap: 25px;
            margin-bottom: 25px;
            padding: 15px 20px;
            background: var(--black-medium);
            border-radius: 8px;
            flex-wrap: wrap;
        }

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

        .endpoint-stat-value {
            font-size: 1.1rem;
            font-weight: 600;
            font-family: 'JetBrains Mono', monospace;
            color: var(--bronze-light);
        }

        .endpoint-stat-label {
            font-size: 0.65rem;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        .docs-code-block {
            background: var(--black-card);
            border: 1px solid var(--border);
            border-radius: 8px;
            margin: 15px 0;
            overflow: hidden;
        }

        .docs-code-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 15px;
            background: var(--black-medium);
            border-bottom: 1px solid var(--border);
        }

        .docs-code-lang {
            font-size: 0.65rem;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        .docs-code-copy {
            background: transparent;
            border: 1px solid var(--border);
            color: var(--text-muted);
            padding: 4px 10px;
            border-radius: 4px;
            font-size: 0.65rem;
            cursor: pointer;
            transition: all 0.2s;
        }

        .docs-code-copy:hover {
            border-color: var(--bronze);
            color: var(--bronze-light);
        }

        .docs-code-body {
            padding: 15px 20px;
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.75rem;
            line-height: 1.7;
            overflow-x: auto;
        }

        .docs-code-body .comment { color: var(--text-dim); }
        .docs-code-body .keyword { color: var(--purple); }
        .docs-code-body .string { color: var(--green); }
        .docs-code-body .function { color: var(--blue); }
        .docs-code-body .number { color: var(--orange); }
        .docs-code-body .property { color: var(--bronze-light); }

        .docs-table {
            width: 100%;
            border-collapse: collapse;
            margin: 15px 0;
            font-size: 0.85rem;
        }

        .docs-table th,
        .docs-table td {
            padding: 12px 15px;
            text-align: left;
            border-bottom: 1px solid var(--border);
        }

        .docs-table th {
            background: var(--black-medium);
            font-size: 0.65rem;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--text-muted);
            font-weight: 600;
        }

        .docs-table .required {
            color: var(--red);
            font-weight: 600;
            font-size: 0.75rem;
        }

        .docs-table .optional {
            color: var(--text-dim);
            font-size: 0.75rem;
        }

        .docs-subsection {
            margin: 40px 0;
            padding-top: 30px;
            border-top: 1px solid var(--border);
        }

        .docs-subsection h3 {
            font-size: 1.4rem;
            font-weight: 600;
            margin-bottom: 15px;
            color: var(--bronze-light);
        }

        .docs-subsection h4 {
            font-size: 1rem;
            font-weight: 600;
            margin: 20px 0 10px;
        }

        .docs-alert {
            padding: 15px 20px;
            border-radius: 8px;
            margin: 15px 0;
            display: flex;
            align-items: flex-start;
            gap: 12px;
        }

        .docs-alert-icon {
            font-size: 1.2rem;
            flex-shrink: 0;
        }

        .docs-alert-content {
            flex: 1;
        }

        .docs-alert-title {
            font-weight: 600;
            font-size: 0.85rem;
            margin-bottom: 5px;
        }

        .docs-alert-text {
            font-size: 0.8rem;
            color: var(--text-muted);
        }

        .docs-alert.info {
            background: rgba(96, 165, 250, 0.1);
            border: 1px solid rgba(96, 165, 250, 0.3);
        }

        .docs-alert.info .docs-alert-title { color: var(--blue); }

        .docs-alert.success {
            background: rgba(74, 222, 128, 0.1);
            border: 1px solid rgba(74, 222, 128, 0.3);
        }

        .docs-alert.success .docs-alert-title { color: var(--green); }

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

        /* Responsive */
        @media (max-width: 1200px) {
            .code-preview { display: none; }
            .perf-grid { grid-template-columns: repeat(2, 1fr); }
            .innovations-grid { grid-template-columns: repeat(2, 1fr); }
        }

        @media (max-width: 1024px) {
            .pricing-grid { grid-template-columns: repeat(2, 1fr); }
            .comparison-grid { grid-template-columns: repeat(2, 1fr); }
            .kyc-grid { grid-template-columns: repeat(2, 1fr); }
            .benchmark-config { grid-template-columns: 1fr; }
            .benchmarks-grid { grid-template-columns: 1fr; }
        }

        @media (max-width: 768px) {
            section { padding: 50px 20px; }
            .hero { padding: 90px 20px 50px; min-height: auto; overflow: visible; }
            .hero h1 { font-size: 2rem; line-height: 1.2; }
            .hero p { font-size: 1rem; }
            .hero-stats { gap: 20px; flex-wrap: wrap; justify-content: center; }
            .hero-stats div { min-width: 80px; }
            .perf-grid,
            .services-grid,
            .pricing-grid,
            .innovations-grid,
            .kyc-grid,
            .docs-grid { grid-template-columns: 1fr; }
            .security-score { flex-direction: column; text-align: center; }
            .security-stats { justify-content: center; flex-wrap: wrap; }
            .batch-banner { flex-direction: column; text-align: center; gap: 15px; }
            .batch-stat { text-align: center; }
            .endpoint-stats { flex-direction: column; gap: 15px; }
            footer { padding: 30px 20px; }
            .footer-columns { grid-template-columns: repeat(2, 1fr); gap: 24px; }
            .footer-links { flex-wrap: wrap; justify-content: center; gap: 15px; }
            h2 { font-size: 1.75rem; }
            .section-subtitle { font-size: 0.95rem; }
            .comparison-grid { grid-template-columns: 1fr; }
            .badge { font-size: 0.7rem; padding: 4px 8px; }
            .engine-grid-3 { grid-template-columns: 1fr !important; }
            .engine-grid-2 { grid-template-columns: 1fr !important; max-width: 100% !important; }
            #proprietary-stack, #crypto-specs { padding: 50px 20px !important; }
            table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
            [style*="grid-template-columns: repeat(3"] { grid-template-columns: 1fr !important; }
            [style*="grid-template-columns: repeat(4"] { grid-template-columns: repeat(2, 1fr) !important; }
            .zkp-prod { padding: 20px !important; }
            .zkp-grid-4, .crypto-grid-4 { grid-template-columns: repeat(2, 1fr) !important; }
            .zkp-grid-3 { grid-template-columns: repeat(2, 1fr) !important; }
            .crypto-grid-4 > div { padding: 20px !important; }
            .proof-link .p-tip { display: none !important; }
        }

        @media (max-width: 480px) {
            .hero h1 { font-size: 1.75rem; }
            .hero-stats { flex-direction: column; gap: 15px; }
            .btn { padding: 12px 20px; font-size: 0.85rem; width: 100%; text-align: center; }
            .hero-cta { flex-direction: column; width: 100%; }
            section { padding: 40px 15px; }
            #proprietary-stack, #crypto-specs { padding: 40px 15px !important; }
            .engine-grid-3, .engine-grid-2 { gap: 15px !important; }
            .cookie-banner { padding: 15px 15px; padding-bottom: max(15px, env(safe-area-inset-bottom)); }
            .cookie-content { gap: 15px; }
            .cookie-content p { min-width: unset; font-size: 0.8rem; }
            .cookie-content h3 { font-size: 0.95rem; }
            .zkp-prod { padding: 15px !important; margin-top: 25px !important; }
            .zkp-grid-4, .zkp-grid-3, .crypto-grid-4 { gap: 10px !important; }
        }

        @media (max-width: 375px) {
            .hero h1 { font-size: 1.5rem; }
            .hero p { font-size: 0.9rem; }
            section { padding: 30px 12px; }
            h2 { font-size: 1.4rem; }
            .section-subtitle { font-size: 0.85rem; }
            .perf-card { padding: 15px 12px; }
            .zkp-prod { padding: 12px !important; }
            .zkp-prod h3 { font-size: 1rem; flex-wrap: wrap; }
            .zkp-grid-4, .zkp-grid-3 { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
            .crypto-grid-4 { grid-template-columns: 1fr !important; gap: 10px !important; }
        }
    
        /* ═══ Option E Composite — Proof Links ═══ */
        .proof-link {
            color: var(--green);
            text-decoration: none;
            border-bottom: 1.5px dotted rgba(74,222,128,.35);
            cursor: pointer;
            position: relative;
            transition: all .2s;
        }
        .proof-link:hover {
            border-bottom-color: var(--green);
            text-shadow: 0 0 12px rgba(74,222,128,.15);
        }
        .proof-link .p-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 1em; height: 1em;
            font-size: .55em;
            margin-left: .2em;
            background: rgba(74,222,128,.1);
            border: 1px solid rgba(74,222,128,.12);
            border-radius: 3px;
            vertical-align: middle;
            opacity: .6;
            transition: all .2s;
            color: var(--green);
            line-height: 1;
            position: relative;
            top: -.05em;
        }
        .proof-link:hover .p-icon {
            opacity: 1;
            background: rgba(74,222,128,.18);
            border-color: rgba(74,222,128,.3);
        }
        .proof-link .p-tip {
            position: absolute;
            bottom: calc(100% + 8px);
            left: 50%;
            transform: translateX(-50%) translateY(4px);
            background: #151820;
            border: 1px solid rgba(74,222,128,.15);
            border-radius: 6px;
            padding: .35rem .65rem;
            font-family: 'JetBrains Mono', monospace;
            font-size: .6rem;
            font-weight: 600;
            color: var(--green);
            white-space: nowrap;
            opacity: 0;
            pointer-events: none;
            transition: all .2s;
            box-shadow: 0 6px 20px rgba(0,0,0,.4);
            letter-spacing: .03em;
            display: flex;
            align-items: center;
            gap: .35em;
            z-index: 100;
        }
        .proof-link .p-tip::after {
            content: '';
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            border: 5px solid transparent;
            border-top-color: #151820;
        }
        .proof-link:hover .p-tip {
            opacity: 1;
            transform: translateX(-50%) translateY(0);
        }
        /* Copper variant — technical concepts */
        .proof-link.copper { color: var(--bronze); border-bottom-color: rgba(201,149,108,.3); }
        .proof-link.copper:hover { border-bottom-color: var(--bronze); text-shadow: 0 0 12px rgba(201,149,108,.15); }
        .proof-link.copper .p-icon { background: rgba(201,149,108,.1); border-color: rgba(201,149,108,.12); color: var(--bronze); }
        .proof-link.copper:hover .p-icon { background: rgba(201,149,108,.18); border-color: rgba(201,149,108,.3); }
        .proof-link.copper .p-tip { color: var(--bronze); border-color: rgba(201,149,108,.15); }
        /* Pulse for hero proof link */
        @keyframes softPulse {
            0%,100% { box-shadow: 0 0 0 0 rgba(74,222,128,0); }
            50% { box-shadow: 0 0 0 4px rgba(74,222,128,.08); }
        }
        .proof-link.pulse { animation: softPulse 2.5s ease infinite; }
        .proof-link.pulse:hover { animation: none; }
        /* First-visit hint bar */
        .hint-bar {
            background: linear-gradient(90deg,rgba(74,222,128,.06),rgba(201,149,108,.06));
            border: 1px solid rgba(74,222,128,.1);
            border-radius: 8px;
            padding: .6rem 1rem;
            display: flex;
            align-items: center;
            gap: .5rem;
            font-size: .78rem;
            color: var(--text-muted);
            margin: .75rem 0;
        }
        .hint-bar .hb-icon { font-size: 1rem; flex-shrink: 0; }
        .hint-bar strong { color: var(--green); font-weight: 600; }
        .hint-bar .hb-dismiss {
            margin-left: auto;
            padding: .2rem .5rem;
            background: var(--black-card);
            border: 1px solid var(--border);
            border-radius: 4px;
            font-family: 'JetBrains Mono', monospace;
            font-size: .6rem;
            color: var(--text-dim);
            cursor: pointer;
            transition: all .2s;
            flex-shrink: 0;
        }
        .hint-bar .hb-dismiss:hover { color: var(--text-muted); border-color: var(--border); }

        /* Cookie Consent Banner */
        .cookie-banner {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 9990;
            background: var(--black-card);
            border-top: 1px solid var(--border);
            padding: 25px 40px;
            padding-bottom: max(25px, env(safe-area-inset-bottom));
            padding-left: max(40px, env(safe-area-inset-left));
            padding-right: max(40px, env(safe-area-inset-right));
            box-shadow: 0 -10px 40px rgba(0,0,0,0.5);
        }
        .cookie-banner.hidden { display: none; }
        .cookie-content {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            gap: 30px;
            flex-wrap: wrap;
        }
        .cookie-content h3 {
            color: var(--bronze);
            font-size: 1.1rem;
            margin-bottom: 8px;
        }
        .cookie-content p {
            color: var(--text-muted);
            font-size: 0.9rem;
            flex: 1;
            min-width: 300px;
            margin: 0;
        }
        .cookie-content a {
            color: var(--bronze-light);
            text-decoration: underline;
        }
        .cookie-buttons {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
        }
        .cookie-settings {
            position: fixed;
            inset: 0;
            z-index: 10000;
            background: rgba(0,0,0,0.8);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
        .cookie-settings.hidden { display: none; }
        .cookie-settings-content {
            background: var(--black-card);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 30px;
            max-width: 500px;
            width: 100%;
        }
        .cookie-settings-content h3 {
            color: var(--bronze);
            margin-bottom: 20px;
        }
        .cookie-option {
            padding: 15px 0;
            border-bottom: 1px solid var(--border);
        }
        .cookie-option:last-of-type { border-bottom: none; }
        .cookie-option label {
            display: flex;
            align-items: center;
            gap: 10px;
            cursor: pointer;
        }
        .cookie-option-title {
            font-weight: 600;
            color: var(--text);
        }
        .cookie-option p {
            color: var(--text-muted);
            font-size: 0.85rem;
            margin: 8px 0 0 28px;
        }
        .cookie-option input[type="checkbox"] {
            width: 18px;
            height: 18px;
            accent-color: var(--bronze);
        }
        @media (max-width: 768px) {
            .cookie-banner { padding: 20px; }
            .cookie-content { flex-direction: column; text-align: center; }
            .cookie-buttons { justify-content: center; }
        }

        /* Math Modal */
        .math-link {
            color: var(--bronze-light);
            font-size: 0.85rem;
            text-decoration: underline;
            cursor: pointer;
            opacity: 0.8;
            transition: opacity 0.2s;
        }
        .math-link:hover { opacity: 1; }
        .math-modal {
            display: none;
            position: fixed;
            inset: 0;
            z-index: 10000;
            background: rgba(0,0,0,0.85);
            backdrop-filter: blur(10px);
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
        .math-modal.active { display: flex; }
        .math-modal-content {
            background: var(--black-card);
            border: 1px solid var(--border);
            border-radius: 16px;
            max-width: 700px;
            width: 100%;
            max-height: 90vh;
            overflow-y: auto;
            position: relative;
        }
        .math-modal-header {
            padding: 25px 30px;
            border-bottom: 1px solid var(--border);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .math-modal-header h3 {
            color: var(--bronze);
            font-size: 1.3rem;
        }
        .math-modal-close {
            background: none;
            border: none;
            color: var(--text-muted);
            font-size: 1.5rem;
            cursor: pointer;
            padding: 5px;
            line-height: 1;
        }
        .math-modal-close:hover { color: var(--text); }
        .math-modal-body { padding: 30px; }
        .math-section {
            margin-bottom: 30px;
        }
        .math-section:last-child { margin-bottom: 0; }
        .math-section h4 {
            color: var(--text);
            font-size: 1rem;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .math-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 0.9rem;
        }
        .math-table th, .math-table td {
            padding: 12px 15px;
            text-align: left;
            border-bottom: 1px solid var(--border);
        }
        .math-table th {
            color: var(--text-muted);
            font-weight: 500;
            font-size: 0.8rem;
            text-transform: uppercase;
        }
        .math-table td:last-child {
            text-align: right;
            font-family: 'JetBrains Mono', monospace;
        }
        .math-table .total-row {
            background: rgba(201, 149, 108, 0.1);
            font-weight: 600;
        }
        .math-table .total-row td { color: var(--bronze); }
        .math-table .competitor { color: var(--red); }
        .math-table .h33 { color: var(--green); }
        .math-calc {
            background: var(--black-medium);
            border-radius: 8px;
            padding: 15px 20px;
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.85rem;
            color: var(--text-muted);
            margin-top: 10px;
        }
        .math-calc .result { color: var(--green); font-weight: 600; }
        .math-source {
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid var(--border);
            font-size: 0.8rem;
            color: var(--text-dim);
        }
        .math-source a { color: var(--bronze-light); }

        /* Tooltip system */
        .h33-tip {
            position: relative;
            cursor: help;
            border-bottom: 1px dotted var(--bronze-light, #C9956C);
        }
        .h33-tip:hover::after,
        .h33-tip:focus::after {
            content: attr(data-tip);
            position: absolute;
            bottom: 125%;
            left: 50%;
            transform: translateX(-50%);
            background: #1a1a2e;
            color: #e0e0e0;
            border: 1px solid rgba(201, 149, 108, 0.3);
            border-radius: 8px;
            padding: 10px 14px;
            font-size: 0.78rem;
            line-height: 1.45;
            white-space: normal;
            width: max-content;
            max-width: 320px;
            z-index: 1000;
            pointer-events: none;
            box-shadow: 0 4px 12px rgba(0,0,0,0.4);
        }

    






    .bench-modal {
        display: none;
        position: fixed;
        inset: 0;
        z-index: 10000;
        background: rgba(0,0,0,0.85);
        backdrop-filter: blur(12px);
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
    .bench-modal.active { display: flex; }
    .bench-modal-box {
        width: 100%; max-width: 720px;
        max-height: 85vh;
        background: linear-gradient(180deg, #0f0f1a 0%, #0a0a12 100%);
        border: 1px solid rgba(255,255,255,0.08);
        border-radius: 16px;
        box-shadow: 0 0 80px rgba(74,222,128,0.08), 0 25px 50px rgba(0,0,0,0.5);
        overflow: hidden;
        display: flex; flex-direction: column;
        animation: benchSlideUp 0.3s ease-out;
    }
    @keyframes benchSlideUp {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }
    @keyframes benchPulse {
        0%, 100% { opacity: 1; }
        50% { opacity: 0.6; }
    }
    .bench-header {
        display: flex; align-items: center; justify-content: space-between;
        padding: 20px 24px 16px;
        border-bottom: 1px solid rgba(255,255,255,0.06);
    }
    .bench-header-dot {
        width: 8px; height: 8px; border-radius: 50%;
        background: var(--green);
        box-shadow: 0 0 8px rgba(74,222,128,0.5);
        animation: benchPulse 2s infinite;
        display: inline-block;
    }
    .bench-header h2 {
        margin: 0; font-size: 18px; font-weight: 700;
        color: #e2e8f0; letter-spacing: -0.01em;
        display: inline; margin-left: 10px;
    }
    .bench-header-sub {
        font-size: 12px; color: #64748b; margin-top: 4px; margin-left: 18px;
    }
    .bench-close {
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.1);
        border-radius: 8px;
        padding: 8px; cursor: pointer;
        color: #64748b;
        display: flex; align-items: center; justify-content: center;
        transition: all 0.15s;
        line-height: 1;
    }
    .bench-close:hover { background: rgba(255,255,255,0.1); color: #e2e8f0; }
    .bench-tabs {
        display: flex; gap: 2px;
        padding: 0 24px;
        background: rgba(255,255,255,0.02);
        border-bottom: 1px solid rgba(255,255,255,0.06);
    }
    .bench-tab {
        display: flex; align-items: center; gap: 6px;
        padding: 12px 16px;
        font-size: 13px; font-weight: 400;
        color: #64748b;
        background: transparent; border: none;
        border-bottom: 2px solid transparent;
        cursor: pointer; transition: all 0.15s;
        margin-bottom: -1px;
        font-family: 'Inter', -apple-system, sans-serif;
    }
    .bench-tab.active {
        font-weight: 600; color: var(--green);
        border-bottom-color: var(--green);
    }
    .bench-tab svg { width: 14px; height: 14px; }
    .bench-body {
        flex: 1; overflow-y: auto; padding: 20px 24px 24px;
    }
    .bench-footer {
        padding: 14px 24px;
        border-top: 1px solid rgba(255,255,255,0.06);
        display: flex; align-items: center; justify-content: space-between;
        background: rgba(255,255,255,0.01);
        font-size: 12px; color: #475569;
    }
    .bench-footer-right {
        font-size: 11px; color: #334155;
        font-family: 'JetBrains Mono', monospace;
    }
    .bench-tab-content { display: none; }
    .bench-tab-content.active { display: block; }
    .bench-mono {
        font-family: 'JetBrains Mono', 'Fira Code', monospace;
    }
    .bench-big-num {
        font-size: 40px; font-weight: 800;
        font-family: 'JetBrains Mono', monospace;
        color: var(--green); line-height: 1;
    }
    .bench-bar-row {
        display: flex; align-items: center; gap: 12px;
        cursor: pointer; padding: 2px 0;
    }
    .bench-bar-label {
        width: 90px; font-size: 12px; color: #94a3b8;
        font-family: 'JetBrains Mono', monospace;
        text-align: right; flex-shrink: 0;
    }
    .bench-bar-track {
        flex: 1; position: relative; height: 32px;
    }
    .bench-bar-bg {
        position: absolute; inset: 0;
        background: rgba(255,255,255,0.03);
        border-radius: 4px;
    }
    .bench-bar-fill {
        position: absolute; top: 0; left: 0; bottom: 0;
        width: 0%; border-radius: 4px;
        transition: width 1s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .bench-bar-fill.final {
        background: linear-gradient(90deg, var(--green), #22d3ee);
        box-shadow: 0 0 20px rgba(74,222,128,0.3);
    }
    .bench-bar-value {
        position: absolute; top: 0; bottom: 0;
        display: flex; align-items: center;
        font-size: 13px;
        font-family: 'JetBrains Mono', monospace;
        font-weight: 500; color: #e2e8f0;
        opacity: 0;
        transition: opacity 0.4s;
        white-space: nowrap;
    }
    .bench-bar-value.final { font-weight: 700; color: var(--green); }
    .bench-bar-badge {
        margin-left: 8px; font-size: 11px;
        background: rgba(74,222,128,0.15);
        color: var(--green);
        padding: 2px 8px; border-radius: 10px;
        border: 1px solid rgba(74,222,128,0.3);
    }
    .bench-bar-hover {
        margin-left: 8px; font-size: 11px; color: #64748b;
        display: none;
    }
    .bench-bar-row:hover .bench-bar-hover { display: inline; }
    .bench-stats-grid {
        display: grid; gap: 10px; margin-top: 20px;
    }
    .bench-stats-grid.cols-3 { grid-template-columns: 1fr 1fr 1fr; }
    .bench-stats-grid.cols-2 { grid-template-columns: 1fr 1fr; }
    .bench-stat-card {
        padding: 12px;
        background: rgba(255,255,255,0.02);
        border-radius: 8px;
        border: 1px solid rgba(255,255,255,0.05);
    }
    .bench-stat-card-label {
        font-size: 10px; color: #64748b;
        text-transform: uppercase; letter-spacing: 0.05em;
    }
    .bench-stat-card-value {
        font-size: 20px; font-weight: 700; color: #e2e8f0;
        font-family: 'JetBrains Mono', monospace;
        margin-top: 4px;
    }
    .bench-stat-card-desc {
        font-size: 11px; color: #475569; margin-top: 2px;
    }
    .bench-latency-header {
        display: flex; align-items: center; gap: 8px;
        margin-bottom: 20px; padding: 12px 16px;
        background: linear-gradient(90deg, rgba(74,222,128,0.08), transparent);
        border-radius: 8px;
        border-left: 3px solid var(--green);
        font-size: 14px;
    }
    .bench-latency-header strong { color: var(--green); font-weight: 600; }
    .bench-latency-header span { font-size: 12px; color: #94a3b8; margin-left: 4px; }
    .bench-latency-grid-header {
        display: grid;
        grid-template-columns: 70px 1fr 65px 65px 65px;
        gap: 8px; padding: 0 0 8px;
        border-bottom: 1px solid rgba(255,255,255,0.06);
        font-size: 11px; color: #64748b;
        font-family: 'JetBrains Mono', monospace;
        text-transform: uppercase; letter-spacing: 0.05em;
    }
    .bench-latency-row {
        display: grid;
        grid-template-columns: 70px 1fr 65px 65px 65px;
        gap: 8px; align-items: center;
        padding: 6px 0;
    }
    .bench-latency-rate {
        font-size: 13px; color: #e2e8f0; font-weight: 600;
        font-family: 'JetBrains Mono', monospace;
    }
    .bench-latency-bar {
        position: relative; height: 24px;
    }
    .bench-latency-bar-bg {
        position: absolute; inset: 0;
        background: rgba(255,255,255,0.03);
        border-radius: 3px;
    }
    .bench-latency-bar-fill {
        position: absolute; top: 0; left: 0; bottom: 0;
        width: 0%; border-radius: 3px;
        transition: width 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .bench-latency-val {
        text-align: right; font-size: 13px;
        font-family: 'JetBrains Mono', monospace;
        font-weight: 600;
    }
    .bench-latency-secondary {
        text-align: right; font-size: 12px;
        font-family: 'JetBrains Mono', monospace;
        color: #94a3b8;
    }
    .bench-single-amortized {
        margin-top: 20px;
        display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
    }
    .bench-single-card {
        border-radius: 8px; padding: 14px;
    }
    .bench-single-card.purple {
        background: rgba(139,92,246,0.08);
        border: 1px solid rgba(139,92,246,0.2);
    }
    .bench-single-card.green {
        background: rgba(74,222,128,0.08);
        border: 1px solid rgba(74,222,128,0.2);
    }
    .bench-single-card-label {
        font-size: 11px; text-transform: uppercase;
        letter-spacing: 0.05em; margin-bottom: 4px;
    }
    .bench-single-card.purple .bench-single-card-label { color: #a78bfa; }
    .bench-single-card.green .bench-single-card-label { color: var(--green); }
    .bench-single-card-value {
        font-size: 24px; font-weight: 700;
        font-family: 'JetBrains Mono', monospace;
    }
    .bench-single-card.purple .bench-single-card-value { color: #e2e8f0; }
    .bench-single-card.green .bench-single-card-value { color: var(--green); }
    .bench-scale-top {
        display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px;
    }
    .bench-scale-card {
        background: rgba(255,255,255,0.03);
        border: 1px solid rgba(255,255,255,0.06);
        border-radius: 10px; padding: 16px; text-align: center;
    }
    .bench-scale-card-label {
        font-size: 11px; color: #64748b;
        text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 8px;
    }
    .bench-scale-card-value {
        font-size: 22px; font-weight: 700; color: #e2e8f0;
        font-family: 'JetBrains Mono', monospace;
    }
    .bench-scale-card-sub {
        font-size: 11px; color: #64748b; margin-top: 4px;
    }
    .bench-scenario {
        display: flex; align-items: center; gap: 16px;
        padding: 12px 16px; border-radius: 6px;
    }
    .bench-scenario:nth-child(odd) { background: rgba(255,255,255,0.02); }
    .bench-scenario-dot {
        width: 6px; height: 6px; border-radius: 50%;
        background: var(--green); flex-shrink: 0;
    }
    .bench-scenario-org {
        font-size: 14px; color: #e2e8f0; font-weight: 600;
    }
    .bench-scenario-users {
        font-weight: 400; color: #94a3b8; margin-left: 8px; font-size: 12px;
    }
    .bench-scenario-note {
        font-size: 12px; color: var(--green); margin-top: 2px;
    }
    .bench-scenario-auths {
        font-size: 12px; color: #64748b;
        font-family: 'JetBrains Mono', monospace;
        flex-shrink: 0;
    }
    .bench-infra {
        background: linear-gradient(135deg, rgba(74,222,128,0.06), rgba(139,92,246,0.06));
        border: 1px solid rgba(74,222,128,0.15);
        border-radius: 10px; padding: 16px; margin-top: 20px;
    }
    .bench-method-section {
        background: rgba(255,255,255,0.02);
        border: 1px solid rgba(255,255,255,0.06);
        border-radius: 8px; padding: 14px 16px;
        margin-bottom: 12px;
    }
    .bench-method-title {
        font-size: 12px; color: #a78bfa; font-weight: 600;
        text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 10px;
    }
    .bench-method-item {
        display: flex; align-items: flex-start; gap: 8px;
        font-size: 13px; color: #cbd5e1; line-height: 1.5;
        margin-bottom: 6px;
    }
    .bench-method-item:last-child { margin-bottom: 0; }
    .bench-method-chevron {
        color: #475569; margin-top: 3px; flex-shrink: 0;
        font-size: 12px;
    }
    .bench-method-footer {
        padding: 12px 16px;
        background: rgba(139,92,246,0.08);
        border: 1px solid rgba(139,92,246,0.2);
        border-radius: 8px;
        font-size: 12px; color: #a78bfa;
        display: flex; align-items: center; gap: 8px;
    }
    @media (max-width: 600px) {
        .bench-modal-box { max-height: 90vh; }
        .bench-scale-top { grid-template-columns: 1fr; }
        .bench-stats-grid.cols-3 { grid-template-columns: 1fr; }
        .bench-single-amortized { grid-template-columns: 1fr; }
        .bench-latency-grid-header,
        .bench-latency-row { grid-template-columns: 60px 1fr 55px 55px 55px; font-size: 11px; }
        .bench-tab { padding: 10px 10px; font-size: 12px; }
        .bench-big-num { font-size: 28px; }
    }



.load-overlay {
    --lm-bg: #08090b;
    --lm-bg2: #0e1015;
    --lm-surface: #12141a;
    --lm-surface2: #181b23;
    --lm-border: rgba(255,255,255,0.06);
    --lm-border-bright: rgba(255,255,255,0.12);
    --lm-text: #e8ecf1;
    --lm-text2: #7d8694;
    --lm-text3: #3e4550;
    --lm-copper: #c8843e;
    --lm-green: #34d399;
    --lm-green-dim: rgba(52,211,153,0.12);
    --lm-green-glow: rgba(52,211,153,0.25);
    --lm-red: #f87171;
    --lm-red-dim: rgba(248,113,113,0.12);
    --lm-amber: #fbbf24;
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.75);
    backdrop-filter: blur(8px);
    z-index: 10000;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}
.load-overlay.active { display: flex; }

.lm-modal {
    background: var(--lm-bg2);
    border: 1px solid var(--lm-border-bright);
    border-radius: 16px;
    width: 100%;
    max-width: 860px;
    max-height: 92vh;
    overflow-y: auto;
    position: relative;
    animation: lm-in 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 40px 120px rgba(0,0,0,0.6);
}
@keyframes lm-in {
    from { opacity: 0; transform: translateY(20px) scale(0.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
.lm-modal::-webkit-scrollbar { width: 4px; }
.lm-modal::-webkit-scrollbar-track { background: transparent; }
.lm-modal::-webkit-scrollbar-thumb { background: var(--lm-text3); border-radius: 4px; }

.lm-close {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    width: 32px;
    height: 32px;
    background: var(--lm-surface);
    border: 1px solid var(--lm-border);
    border-radius: 8px;
    color: var(--lm-text2);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
    z-index: 10;
}
.lm-close:hover { background: var(--lm-surface2); color: var(--lm-text); border-color: var(--lm-border-bright); }

.lm-head {
    padding: 2rem 2.5rem 1.5rem;
    border-bottom: 1px solid var(--lm-border);
}
.lm-kicker {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--lm-green);
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    gap: 6px;
}
.lm-kicker .lm-pulse {
    width: 6px; height: 6px;
    background: var(--lm-green);
    border-radius: 50%;
    animation: lm-blink 2s ease-in-out infinite;
}
@keyframes lm-blink { 0%,100% { opacity:1; } 50% { opacity:0.3; } }

.lm-title {
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    color: var(--lm-text);
}
.lm-title em { font-style: normal; color: var(--lm-green); }
.lm-sub { font-size: 0.95rem; color: var(--lm-text2); line-height: 1.6; max-width: 600px; }
.lm-body { padding: 2rem 2.5rem 2.5rem; }

/* Slider */
.lm-load-control { margin-bottom: 2rem; }
.lm-load-label { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 0.75rem; }
.lm-load-label .lm-left { font-family: 'JetBrains Mono', monospace; font-size: 0.7rem; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: var(--lm-text2); }
.lm-load-label .lm-right { font-family: 'JetBrains Mono', monospace; font-size: 0.85rem; font-weight: 700; color: var(--lm-green); }

.lm-slider-wrap {
    position: relative;
    height: 44px;
    background: var(--lm-surface);
    border: 1px solid var(--lm-border);
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}
.lm-slider-fill {
    position: absolute;
    left: 0; top: 0; bottom: 0;
    background: var(--lm-green-dim);
    border-right: 2px solid var(--lm-green);
    transition: width 0.08s linear;
}
.lm-slider-labels {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    pointer-events: none;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.65rem;
    color: var(--lm-text3);
    letter-spacing: 0.05em;
}
.lm-slider-labels span.active { color: var(--lm-text2); }

.lm-presets { display: flex; gap: 0.5rem; margin-top: 0.75rem; }
.lm-preset {
    padding: 0.4rem 0.75rem;
    background: var(--lm-surface);
    border: 1px solid var(--lm-border);
    border-radius: 6px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    color: var(--lm-text2);
    cursor: pointer;
    transition: all 0.15s;
}
.lm-preset:hover { border-color: var(--lm-border-bright); color: var(--lm-text); }
.lm-preset.active { border-color: var(--lm-green); color: var(--lm-green); background: var(--lm-green-dim); }

/* Metrics */
.lm-metrics {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1px;
    background: var(--lm-border);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 2rem;
}
.lm-metric {
    background: var(--lm-surface);
    padding: 1rem;
    text-align: center;
}
.lm-metric .mc-label { font-family: 'JetBrains Mono', monospace; font-size: 0.55rem; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--lm-text3); margin-bottom: 0.4rem; }
.lm-metric .mc-value { font-family: 'JetBrains Mono', monospace; font-size: 1.35rem; font-weight: 700; line-height: 1; transition: color 0.3s; }
.lm-metric .mc-unit { font-size: 0.65rem; color: var(--lm-text3); margin-top: 0.2rem; }
.lm-metric .mc-delta { font-family: 'JetBrains Mono', monospace; font-size: 0.65rem; font-weight: 600; margin-top: 0.4rem; transition: color 0.3s; }

/* Batch grid */
.lm-batch-label { font-family: 'JetBrains Mono', monospace; font-size: 0.65rem; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--lm-text3); margin-bottom: 1rem; display: flex; align-items: center; justify-content: space-between; }
.lm-batch-label .lm-fill-pct { color: var(--lm-green); font-weight: 700; font-size: 0.75rem; }
.lm-batch-grid {
    display: grid;
    grid-template-columns: repeat(32, 1fr);
    gap: 3px;
    padding: 1rem;
    background: var(--lm-surface);
    border: 1px solid var(--lm-border);
    border-radius: 10px;
}
.lm-slot {
    aspect-ratio: 1;
    border-radius: 3px;
    background: var(--lm-bg);
    border: 1px solid var(--lm-border);
    transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.lm-slot.filled { background: var(--lm-green); border-color: var(--lm-green); box-shadow: 0 0 8px var(--lm-green-glow); }
.lm-slot.wasted { background: var(--lm-red-dim); border-color: rgba(248,113,113,0.2); }
.lm-batch-legend { display: flex; gap: 1.5rem; margin-top: 0.75rem; font-size: 0.7rem; color: var(--lm-text3); }
.lm-batch-legend .lm-leg { display: flex; align-items: center; gap: 0.4rem; }
.lm-batch-legend .lm-sw { width: 10px; height: 10px; border-radius: 2px; }
.lm-sw.lm-filled { background: var(--lm-green); }
.lm-sw.lm-empty { background: var(--lm-bg); border: 1px solid var(--lm-border); }
.lm-sw.lm-wasted { background: var(--lm-red-dim); border: 1px solid rgba(248,113,113,0.2); }

/* Chart */
.lm-chart-wrap {
    background: var(--lm-surface);
    border: 1px solid var(--lm-border);
    border-radius: 10px;
    padding: 1.5rem;
    position: relative;
    height: 220px;
}
.lm-chart-svg { width: 100%; height: 100%; }

/* Explanation */
.lm-explain { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.5rem; }
.lm-explain-card {
    background: var(--lm-surface);
    border: 1px solid var(--lm-border);
    border-radius: 10px;
    padding: 1.25rem;
}
.lm-explain-card .lm-ec-icon { font-size: 1.25rem; margin-bottom: 0.5rem; }
.lm-explain-card h4 { font-size: 0.85rem; font-weight: 600; margin-bottom: 0.4rem; line-height: 1.3; }
.lm-explain-card p { font-size: 0.78rem; color: var(--lm-text2); line-height: 1.6; }
.lm-explain-card.lm-red { border-color: rgba(248,113,113,0.15); }
.lm-explain-card.lm-green { border-color: rgba(52,211,153,0.15); }
.lm-explain-card.lm-red h4 { color: var(--lm-red); }
.lm-explain-card.lm-green h4 { color: var(--lm-green); }

.lm-proof {
    background: var(--lm-surface);
    border: 1px solid var(--lm-border);
    border-radius: 10px;
    padding: 1.25rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    color: var(--lm-text3);
    line-height: 1.7;
    text-align: center;
}
.lm-proof strong { color: var(--lm-text2); font-weight: 600; }

@media (max-width: 700px) {
    .load-overlay { padding: 0; }
    .lm-modal { max-height: 100vh; border-radius: 0; max-width: 100%; }
    .lm-head { padding: 1.5rem; }
    .lm-body { padding: 1.5rem; }
    .lm-title { font-size: 1.3rem; }
    .lm-metrics { grid-template-columns: repeat(2, 1fr); }
    .lm-batch-grid { grid-template-columns: repeat(16, 1fr); }
    .lm-explain { grid-template-columns: 1fr; }
}



.am-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);z-index:1000;display:none;align-items:center;justify-content:center;padding:1.25rem;}
.am-overlay.active{display:flex;animation:am-ov-in .3s ease-out;}
.am-overlay.closing{animation:am-ov-out .2s ease-in forwards;}
@keyframes am-ov-in{from{opacity:0}to{opacity:1}}
@keyframes am-ov-out{from{opacity:1}to{opacity:0}}
.am-modal{background:#0c0d11;border:1px solid rgba(255,255,255,0.09);border-radius:16px;width:100%;max-width:920px;max-height:94vh;overflow-y:auto;position:relative;animation:am-m-in .35s cubic-bezier(.16,1,.3,1);box-shadow:0 40px 100px rgba(0,0,0,.5);}
.am-overlay.closing .am-modal{animation:am-m-out .2s ease-in forwards;}
@keyframes am-m-in{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@keyframes am-m-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(8px) scale(.99)}}
.am-modal::-webkit-scrollbar{width:4px;}
.am-modal::-webkit-scrollbar-track{background:transparent;}
.am-modal::-webkit-scrollbar-thumb{background:#3f4455;border-radius:2px;}
.am-close{position:absolute;top:1rem;right:1rem;width:30px;height:30px;background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:7px;color:#7c8293;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:10;}
.am-close:hover{background:#17191f;color:#e6e9f0;}
.am-head{padding:2rem 2.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,0.05);}
.am-kicker{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#2dd4a0;margin-bottom:.6rem;display:flex;align-items:center;gap:6px;}
.am-kicker .am-dot{width:5px;height:5px;background:#2dd4a0;border-radius:50%;animation:am-bk 2s ease infinite;}
@keyframes am-bk{0%,100%{opacity:1}50%{opacity:.25}}
.am-title{font-size:1.65rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:.4rem;color:#e6e9f0;}
.am-title .am-num{font-family:'JetBrains Mono',monospace;color:#2dd4a0;}
.am-sub{font-size:.9rem;color:#7c8293;max-width:560px;line-height:1.6;}
.am-body{padding:1.75rem 2.25rem 2.25rem;}
.am-hero-counter{text-align:center;padding:2rem 0;margin-bottom:1.75rem;}
.am-hc-number{font-family:'JetBrains Mono',monospace;font-size:3.5rem;font-weight:700;color:#2dd4a0;letter-spacing:-.02em;line-height:1;}
.am-hc-unit{font-family:'JetBrains Mono',monospace;font-size:.9rem;color:#7c8293;margin-top:.3rem;}
.am-hc-sub{font-size:.8rem;color:#3f4455;margin-top:.5rem;}
.am-sim-section{margin-bottom:1.75rem;}
.am-sim-label{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#3f4455;margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;}
.am-sim-label .am-tag{color:#2dd4a0;font-weight:700;}
.am-worker-grid{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;padding:1rem;background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:10px;margin-bottom:1rem;}
.am-worker{aspect-ratio:1;border-radius:2px;background:#07080a;border:1px solid rgba(255,255,255,0.05);transition:all .15s;}
.am-worker.active{background:#2dd4a0;border-color:#2dd4a0;box-shadow:0 0 6px rgba(45,212,160,0.2);}
.am-worker-control{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;}
.am-wc-label{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:#7c8293;white-space:nowrap;min-width:90px;}
.am-wc-slider{flex:1;-webkit-appearance:none;height:5px;background:#1d2028;border-radius:3px;outline:none;}
.am-wc-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#2dd4a0;border:2px solid #07080a;border-radius:50%;cursor:pointer;}
.am-wc-value{font-family:'JetBrains Mono',monospace;font-size:.8rem;font-weight:700;color:#2dd4a0;min-width:35px;text-align:right;}
.am-worker-presets{display:flex;gap:.4rem;margin-bottom:1.5rem;}
.am-wp-btn{padding:.35rem .65rem;background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:5px;font-family:'JetBrains Mono',monospace;font-size:.65rem;color:#7c8293;cursor:pointer;transition:all .15s;}
.am-wp-btn:hover{border-color:rgba(255,255,255,0.09);color:#e6e9f0;}
.am-wp-btn.active{border-color:#2dd4a0;color:#2dd4a0;background:rgba(45,212,160,0.08);}
.am-metrics-row{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,0.05);border-radius:10px;overflow:hidden;margin-bottom:1.75rem;}
.am-met-cell{background:#111318;padding:.85rem .6rem;text-align:center;}
.am-met-cell .am-ml{font-family:'JetBrains Mono',monospace;font-size:.5rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#3f4455;margin-bottom:.25rem;}
.am-met-cell .am-mv{font-family:'JetBrains Mono',monospace;font-size:1.15rem;font-weight:700;line-height:1;}
.am-met-cell .am-ms{font-size:.6rem;color:#3f4455;margin-top:.15rem;}
.am-chart-section{margin-bottom:1.75rem;}
.am-chart-wrap{background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:10px;padding:1.25rem;height:200px;position:relative;}
.am-chart-wrap svg{width:100%;height:100%;}
.am-pipeline{display:flex;align-items:center;gap:0;margin-bottom:1.75rem;overflow-x:auto;}
.am-pipe-stage{flex:1;min-width:0;background:#111318;border:1px solid rgba(255,255,255,0.05);padding:.65rem .5rem;text-align:center;position:relative;}
.am-pipe-stage:first-child{border-radius:8px 0 0 8px;}
.am-pipe-stage:last-child{border-radius:0 8px 8px 0;}
.am-pipe-stage .am-ps-name{font-size:.65rem;font-weight:600;margin-bottom:.15rem;white-space:nowrap;color:#e6e9f0;}
.am-pipe-stage .am-ps-time{font-family:'JetBrains Mono',monospace;font-size:.7rem;font-weight:700;color:#2dd4a0;}
.am-pipe-stage .am-ps-pct{font-family:'JetBrains Mono',monospace;font-size:.55rem;color:#3f4455;margin-top:.1rem;}
.am-pipe-arrow{color:#3f4455;font-size:.7rem;flex-shrink:0;margin:0 -1px;z-index:1;}
.am-breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.75rem;}
.am-bd-card{background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:10px;padding:1.1rem;}
.am-bd-card .am-bd-icon{font-size:1.1rem;margin-bottom:.4rem;}
.am-bd-card h4{font-size:.82rem;font-weight:600;margin-bottom:.3rem;color:#e6e9f0;}
.am-bd-card p{font-size:.72rem;color:#7c8293;line-height:1.55;}
.am-bd-card .am-bd-stat{font-family:'JetBrains Mono',monospace;font-size:.65rem;font-weight:600;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,0.05);}
.am-bd-stat.am-green{color:#2dd4a0;}
.am-bd-stat.am-amber{color:#f0b830;}
.am-proof-box{background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:10px;padding:1.1rem;font-family:'JetBrains Mono',monospace;font-size:.65rem;color:#3f4455;line-height:1.7;text-align:center;}
.am-proof-box strong{color:#7c8293;font-weight:600;}
@media(max-width:700px){
  .am-overlay{padding:0;}
  .am-modal{max-height:100vh;border-radius:0;max-width:100%;}
  .am-head{padding:1.5rem;}
  .am-body{padding:1.5rem;}
  .am-title{font-size:1.3rem;}
  .am-metrics-row{grid-template-columns:repeat(3,1fr);}
  .am-breakdown-grid{grid-template-columns:1fr;}
  .am-worker-grid{grid-template-columns:repeat(12,1fr);}
  .am-hc-number{font-size:2.5rem;}
}



.q56-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);z-index:1000;display:none;align-items:center;justify-content:center;padding:1.25rem;}
.q56-overlay.active{display:flex;animation:q56-ov .3s ease-out;}
@keyframes q56-ov{from{opacity:0}to{opacity:1}}
.q56-modal{background:var(--black-card,#0c0d11);border:1px solid rgba(255,255,255,.09);border-radius:16px;width:100%;max-width:1100px;max-height:94vh;overflow-y:auto;position:relative;animation:q56-mi .35s cubic-bezier(.16,1,.3,1);box-shadow:0 40px 100px rgba(0,0,0,.5);}
@keyframes q56-mi{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.q56-modal::-webkit-scrollbar{width:4px;}.q56-modal::-webkit-scrollbar-track{background:transparent;}.q56-modal::-webkit-scrollbar-thumb{background:rgba(63,68,85,.6);border-radius:2px;}
.q56-close{position:absolute;top:1rem;right:1rem;width:30px;height:30px;background:rgba(17,19,24,.8);border:1px solid rgba(255,255,255,.05);border-radius:7px;color:rgba(124,130,147,1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:10;}
.q56-close:hover{background:rgba(23,25,31,.9);color:var(--text,#e6e9f0);}
.q56-head{padding:2rem 2.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);}
.q56-kicker{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze,#c8813a);margin-bottom:.6rem;display:flex;align-items:center;gap:6px;}
.q56-kicker .q56-dot{width:5px;height:5px;background:var(--bronze,#c8813a);border-radius:50%;animation:q56-bk 2s ease infinite;}
@keyframes q56-bk{0%,100%{opacity:1}50%{opacity:.25}}
.q56-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:.45rem;}
.q56-title .q56-hl{color:var(--bronze,#c8813a);}
.q56-title .q56-g{color:var(--green,#2dd4a0);}
.q56-sub{font-size:.88rem;color:rgba(124,130,147,1);max-width:620px;line-height:1.6;}
.q56-body{padding:1.75rem 2.25rem 2.25rem;}
.q56-sec-label{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(63,68,85,1);margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;}
.q56-sec-label .q56-tag{font-weight:700;}

.q56-chain-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;}
.q56-chain-card{border-radius:12px;padding:1.25rem;position:relative;}
.q56-chain-card.q56-seal{background:rgba(107,122,237,.06);border:1px solid rgba(107,122,237,.1);}
.q56-chain-card.q56-h33{background:rgba(45,212,160,.08);border:1px solid rgba(45,212,160,.1);}
.q56-cc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem;}
.q56-cc-name{font-family:'JetBrains Mono',monospace;font-size:.8rem;font-weight:700;}
.q56-cc-name.q56-seal-c{color:#6b7aed;}
.q56-cc-name.q56-h33-c{color:var(--green,#2dd4a0);}
.q56-cc-badge{font-family:'JetBrains Mono',monospace;font-size:.55rem;font-weight:600;padding:.15rem .4rem;border-radius:3px;letter-spacing:.06em;}
.q56-seal .q56-cc-badge{background:rgba(107,122,237,.15);color:#6b7aed;}
.q56-h33 .q56-cc-badge{background:rgba(45,212,160,.15);color:var(--green,#2dd4a0);}

.q56-prime-chain{display:flex;gap:4px;margin-bottom:.75rem;align-items:center;min-height:52px;}
.q56-prime-block{border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.4rem .25rem;font-family:'JetBrains Mono',monospace;position:relative;}
.q56-seal .q56-prime-block{background:rgba(107,122,237,.12);border:1px solid rgba(107,122,237,.2);}
.q56-h33 .q56-prime-block{background:rgba(45,212,160,.12);border:1px solid rgba(45,212,160,.2);box-shadow:0 0 12px rgba(45,212,160,.18);}
.q56-pb-bits{font-size:.7rem;font-weight:700;line-height:1;}
.q56-seal .q56-pb-bits{color:#6b7aed;}
.q56-h33 .q56-pb-bits{color:var(--green,#2dd4a0);}
.q56-pb-label{font-size:.45rem;color:rgba(63,68,85,1);margin-top:.1rem;letter-spacing:.04em;}
.q56-prime-plus{color:rgba(63,68,85,1);font-family:'JetBrains Mono',monospace;font-size:.7rem;flex-shrink:0;}
.q56-cc-total{font-family:'JetBrains Mono',monospace;font-size:1.3rem;font-weight:700;margin-bottom:.1rem;}
.q56-seal .q56-cc-total{color:#6b7aed;}
.q56-h33 .q56-cc-total{color:var(--green,#2dd4a0);}
.q56-cc-total-sub{font-size:.7rem;color:rgba(63,68,85,1);}
.q56-cc-consequences{margin-top:.75rem;padding-top:.65rem;border-top:1px solid rgba(255,255,255,.05);}
.q56-cc-item{display:flex;align-items:flex-start;gap:.4rem;margin-bottom:.35rem;font-size:.72rem;line-height:1.45;color:rgba(124,130,147,1);}
.q56-cc-icon{flex-shrink:0;margin-top:.1rem;font-size:.7rem;}

.q56-why-box{background:rgba(17,19,24,.8);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden;margin-bottom:2rem;}
.q56-why-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--bronze,#c8813a),var(--green,#2dd4a0));border-radius:2px 2px 0 0;}
.q56-circuit-viz{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:1.25rem 0;flex-wrap:wrap;}
.q56-cv-node{width:80px;padding:.5rem .3rem;border-radius:7px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;}
.q56-cv-node.q56-input{background:rgba(88,153,240,.06);border:1px solid rgba(88,153,240,.15);color:var(--blue,#5899f0);}
.q56-cv-node.q56-op{background:rgba(200,129,58,.06);border:1px solid rgba(200,129,58,.15);color:var(--bronze,#c8813a);}
.q56-cv-node.q56-unused{background:rgba(23,25,31,.8);border:1px dashed rgba(63,68,85,1);color:rgba(63,68,85,1);opacity:.4;}
.q56-cv-node.q56-output{background:rgba(45,212,160,.06);border:1px solid rgba(45,212,160,.15);color:var(--green,#2dd4a0);}
.q56-cv-arrow{color:rgba(63,68,85,1);font-size:.65rem;flex-shrink:0;}
.q56-why-text{font-size:.82rem;color:rgba(124,130,147,1);line-height:1.7;margin-top:1rem;text-align:center;}
.q56-why-text strong{color:var(--text,#e6e9f0);font-weight:600;}
.q56-why-text .q56-hl{color:var(--bronze,#c8813a);font-weight:600;}

.q56-ntt-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;}
.q56-ntt-card{background:rgba(17,19,24,.8);border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1.1rem;text-align:center;}
.q56-ntt-card h4{font-size:.82rem;font-weight:600;margin-bottom:.15rem;}
.q56-ntt-card.q56-seal-ntt h4{color:#6b7aed;}
.q56-ntt-card.q56-h33-ntt h4{color:var(--green,#2dd4a0);}
.q56-ntt-sub{font-size:.65rem;color:rgba(63,68,85,1);margin-bottom:.75rem;}
.q56-ntt-svg{width:100%;height:130px;}
.q56-ntt-stat{display:flex;justify-content:center;gap:1rem;margin-top:.65rem;}
.q56-ns-v{font-family:'JetBrains Mono',monospace;font-size:.85rem;font-weight:700;}
.q56-seal-ntt .q56-ns-v{color:#6b7aed;}
.q56-h33-ntt .q56-ns-v{color:var(--green,#2dd4a0);}
.q56-ns-l{font-size:.55rem;color:rgba(63,68,85,1);letter-spacing:.06em;text-transform:uppercase;}

.q56-ops-table{width:100%;border-collapse:collapse;font-size:.75rem;margin-bottom:2rem;}
.q56-ops-table th{text-align:left;padding:.5rem .6rem;background:rgba(17,19,24,.8);color:rgba(63,68,85,1);font-weight:600;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.05);}
.q56-ops-table td{padding:.5rem .6rem;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle;}
.q56-ops-table .q56-sv{color:#6b7aed;font-family:'JetBrains Mono',monospace;font-weight:600;}
.q56-ops-table .q56-hv{color:var(--green,#2dd4a0);font-family:'JetBrains Mono',monospace;font-weight:600;}
.q56-ops-table .q56-elim{color:var(--green,#2dd4a0);font-family:'JetBrains Mono',monospace;font-weight:700;font-size:.65rem;}
.q56-ops-table .q56-stage{font-weight:600;color:var(--text,#e6e9f0);}
.q56-ops-table .q56-dim{font-size:.65rem;color:rgba(63,68,85,1);}
.q56-ops-table .q56-adv{font-family:'JetBrains Mono',monospace;font-size:.72rem;font-weight:700;color:var(--green,#2dd4a0);}
.q56-ops-table .q56-no-adv{font-family:'JetBrains Mono',monospace;font-size:.72rem;color:rgba(63,68,85,1);}
.q56-ops-table tr.q56-total-row{background:rgba(17,19,24,.8);}
.q56-ops-table tr.q56-total-row td{font-weight:700;padding:.6rem;}

.q56-sb{display:flex;align-items:center;gap:.6rem;margin-top:.3rem;}
.q56-sb-label{font-family:'JetBrains Mono',monospace;font-size:.6rem;color:rgba(63,68,85,1);white-space:nowrap;min-width:50px;}
.q56-sb-track{flex:1;height:22px;background:var(--bg,#07080a);border:1px solid rgba(255,255,255,.05);border-radius:4px;overflow:hidden;}
.q56-sb-fill{height:100%;border-radius:3px;display:flex;align-items:center;padding-left:.5rem;font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:700;transition:width .8s cubic-bezier(.16,1,.3,1);}
.q56-sb-seal{background:linear-gradient(90deg,rgba(107,122,237,.35),rgba(107,122,237,.5));color:#b4bcf8;}
.q56-sb-h33{background:linear-gradient(90deg,rgba(45,212,160,.35),rgba(45,212,160,.5));color:#7aedc8;}

.q56-insight-box{background:linear-gradient(135deg,rgba(200,129,58,.06),rgba(45,212,160,.06));border:1px solid rgba(200,129,58,.12);border-radius:12px;padding:1.5rem;text-align:center;margin-bottom:1.75rem;}
.q56-ib-quote{font-size:1rem;font-weight:600;line-height:1.5;color:var(--text,#e6e9f0);margin-bottom:.5rem;}
.q56-ib-quote .q56-hl{color:var(--bronze,#c8813a);}
.q56-ib-sub{font-size:.78rem;color:rgba(124,130,147,1);line-height:1.6;}

.q56-sec-box{background:rgba(17,19,24,.8);border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1.25rem;position:relative;overflow:hidden;margin-bottom:2rem;}
.q56-sec-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--green,#2dd4a0),var(--blue,#5899f0));border-radius:2px 2px 0 0;}
.q56-sec-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1rem;}
.q56-sec-param{text-align:center;padding:.75rem;background:var(--bg,#07080a);border:1px solid rgba(255,255,255,.05);border-radius:8px;}
.q56-sp-v{font-family:'JetBrains Mono',monospace;font-size:1.2rem;font-weight:700;color:var(--green,#2dd4a0);line-height:1;}
.q56-sp-l{font-size:.6rem;color:rgba(63,68,85,1);letter-spacing:.08em;text-transform:uppercase;margin-top:.25rem;}
.q56-lattice-explain{font-size:.78rem;color:rgba(124,130,147,1);line-height:1.65;text-align:center;max-width:620px;margin:0 auto;}
.q56-lattice-explain strong{color:var(--text,#e6e9f0);font-weight:600;}
.q56-lattice-explain code{font-family:'JetBrains Mono',monospace;font-size:.72rem;background:rgba(23,25,31,.8);padding:.1rem .3rem;border-radius:3px;color:var(--bronze,#c8813a);}
.q56-estimator{margin-top:1rem;padding:1rem;background:var(--bg,#07080a);border:1px solid rgba(255,255,255,.05);border-radius:8px;font-family:'JetBrains Mono',monospace;font-size:.65rem;color:rgba(63,68,85,1);line-height:1.7;text-align:center;}
.q56-er-pass{color:var(--green,#2dd4a0);font-weight:700;font-size:.9rem;}

.q56-proof-box{background:rgba(17,19,24,.8);border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1.1rem;font-family:'JetBrains Mono',monospace;font-size:.65rem;color:rgba(63,68,85,1);line-height:1.7;text-align:center;}
.q56-proof-box strong{color:rgba(124,130,147,1);font-weight:600;}

@media(max-width:700px){
  .q56-overlay{padding:0;}
  .q56-modal{max-height:100vh;border-radius:0;max-width:100%;}
  .q56-head{padding:1.5rem;}.q56-body{padding:1.5rem;}.q56-title{font-size:1.2rem;}
  .q56-chain-grid,.q56-ntt-grid,.q56-sec-grid{grid-template-columns:1fr;}
  .q56-circuit-viz{gap:.2rem;}.q56-cv-node{width:60px;font-size:.5rem;}
}



.zk-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);z-index:1000;display:none;align-items:center;justify-content:center;padding:1.25rem;}
.zk-overlay.active{display:flex;animation:zk-ov .3s ease-out;}
@keyframes zk-ov{from{opacity:0}to{opacity:1}}
.zk-modal{background:var(--black-card,#0c0d11);border:1px solid rgba(255,255,255,.09);border-radius:16px;width:100%;max-width:1100px;max-height:94vh;overflow-y:auto;position:relative;animation:zk-mi .35s cubic-bezier(.16,1,.3,1);box-shadow:0 40px 100px rgba(0,0,0,.5);}
@keyframes zk-mi{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.zk-modal::-webkit-scrollbar{width:4px;}.zk-modal::-webkit-scrollbar-track{background:transparent;}.zk-modal::-webkit-scrollbar-thumb{background:rgba(63,68,85,.6);border-radius:2px;}
.zk-close{position:absolute;top:1rem;right:1rem;width:30px;height:30px;background:rgba(17,19,24,.8);border:1px solid rgba(255,255,255,.05);border-radius:7px;color:rgba(124,130,147,1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:10;}
.zk-close:hover{background:rgba(23,25,31,.9);color:var(--text,#e6e9f0);}
.zk-head{padding:2rem 2.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);}
.zk-kicker{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--purple,#a78bfa);margin-bottom:.6rem;display:flex;align-items:center;gap:6px;}
.zk-kicker .zk-dot{width:5px;height:5px;background:var(--purple,#a78bfa);border-radius:50%;animation:zk-bk 2s ease infinite;}
@keyframes zk-bk{0%,100%{opacity:1}50%{opacity:.25}}
.zk-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:.45rem;}
.zk-title .zk-v{color:var(--purple,#a78bfa);}
.zk-title .zk-g{color:var(--green,#2dd4a0);}
.zk-sub{font-size:.88rem;color:rgba(124,130,147,1);max-width:640px;line-height:1.6;}
.zk-body{padding:1.75rem 2.25rem 2.25rem;}
.zk-sec-label{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(63,68,85,1);margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;}
.zk-sec-label .zk-tag{font-weight:700;}

.zk-hero-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,.05);border-radius:10px;overflow:hidden;margin-bottom:2rem;}
.zk-hm-cell{background:rgba(17,19,24,.8);padding:.85rem .5rem;text-align:center;}
.zk-hml{font-family:'JetBrains Mono',monospace;font-size:.5rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:rgba(63,68,85,1);margin-bottom:.2rem;}
.zk-hmv{font-family:'JetBrains Mono',monospace;font-size:1.25rem;font-weight:700;line-height:1;}
.zk-hms{font-size:.6rem;color:rgba(63,68,85,1);margin-top:.15rem;}

.zk-layer-stack{display:flex;flex-direction:column;gap:0;margin-bottom:2rem;}
.zk-layer{border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;cursor:pointer;transition:all .25s;}
.zk-layer:first-child{border-radius:10px 10px 0 0;}
.zk-layer:last-child{border-radius:0 0 10px 10px;}
.zk-layer+.zk-layer{border-top:none;}
.zk-layer:hover{z-index:2;}
.zk-layer.zk-active{z-index:3;}
.zk-layer-head{display:grid;grid-template-columns:36px 1fr auto;gap:.75rem;align-items:center;padding:.75rem 1rem;transition:background .2s;}
.zk-layer:hover .zk-layer-head{background:rgba(255,255,255,.015);}
.zk-layer.zk-active .zk-layer-head{background:rgba(255,255,255,.025);}
.zk-layer-num{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:.7rem;font-weight:700;flex-shrink:0;}
.zk-l1 .zk-layer-num{background:rgba(167,139,250,.08);color:var(--purple,#a78bfa);border:1px solid rgba(167,139,250,.15);}
.zk-l2 .zk-layer-num{background:rgba(34,211,238,.06);color:#22d3ee;border:1px solid rgba(34,211,238,.15);}
.zk-l3 .zk-layer-num{background:rgba(240,184,48,.06);color:#f0b830;border:1px solid rgba(240,184,48,.15);}
.zk-l4 .zk-layer-num{background:rgba(45,212,160,.08);color:var(--green,#2dd4a0);border:1px solid rgba(45,212,160,.15);}
.zk-layer-info{min-width:0;}
.zk-layer-name{font-weight:600;font-size:.82rem;margin-bottom:.1rem;display:flex;align-items:center;gap:.4rem;}
.zk-l1 .zk-layer-name{color:var(--purple,#a78bfa);}
.zk-l2 .zk-layer-name{color:#22d3ee;}
.zk-l3 .zk-layer-name{color:#f0b830;}
.zk-l4 .zk-layer-name{color:var(--green,#2dd4a0);}
.zk-layer-brief{font-size:.7rem;color:rgba(63,68,85,1);line-height:1.4;}
.zk-layer-timing{font-family:'JetBrains Mono',monospace;font-size:.75rem;font-weight:700;text-align:right;white-space:nowrap;}
.zk-l1 .zk-layer-timing{color:var(--purple,#a78bfa);}
.zk-l2 .zk-layer-timing{color:#22d3ee;}
.zk-l3 .zk-layer-timing{color:#f0b830;}
.zk-l4 .zk-layer-timing{color:var(--green,#2dd4a0);}
.zk-layer-chevron{transition:transform .2s;color:rgba(63,68,85,1);font-size:.65rem;margin-left:.5rem;}
.zk-layer.zk-active .zk-layer-chevron{transform:rotate(180deg);}
.zk-layer-detail{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.16,1,.3,1);}
.zk-layer.zk-active .zk-layer-detail{max-height:600px;}
.zk-ld-inner{padding:0 1rem 1rem 1rem;border-top:1px solid rgba(255,255,255,.05);}
.zk-ld-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.75rem;}
.zk-ld-item{background:var(--bg,#07080a);border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:.6rem .7rem;}
.zk-ld-label{font-family:'JetBrains Mono',monospace;font-size:.5rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(63,68,85,1);margin-bottom:.15rem;}
.zk-ld-val{font-family:'JetBrains Mono',monospace;font-size:.8rem;font-weight:600;}
.zk-l1 .zk-ld-val{color:var(--purple,#a78bfa);}
.zk-l2 .zk-ld-val{color:#22d3ee;}
.zk-l3 .zk-ld-val{color:#f0b830;}
.zk-l4 .zk-ld-val{color:var(--green,#2dd4a0);}
.zk-ld-desc{font-size:.65rem;color:rgba(63,68,85,1);margin-top:.1rem;line-height:1.4;}
.zk-ld-explain{font-size:.75rem;color:rgba(124,130,147,1);line-height:1.6;margin-top:.65rem;}
.zk-ld-explain strong{color:var(--text,#e6e9f0);font-weight:600;}

.zk-lifecycle{position:relative;padding:1.25rem 0;margin-bottom:2rem;}
.zk-lc-connector{position:absolute;top:calc(1.25rem + 21px);left:0;right:0;height:2px;background:rgba(29,32,40,1);z-index:1;}
.zk-lc-fill{height:100%;width:0;background:var(--green,#2dd4a0);transition:width .8s cubic-bezier(.16,1,.3,1);border-radius:1px;}
.zk-lc-track{display:flex;align-items:center;gap:0;position:relative;z-index:2;}
.zk-lc-step{flex:1;text-align:center;}
.zk-lc-dot{width:42px;height:42px;border-radius:50%;margin:0 auto .4rem;display:flex;align-items:center;justify-content:center;font-size:1rem;border:2px solid rgba(255,255,255,.05);background:rgba(17,19,24,.8);transition:all .5s;}
.zk-lc-dot.zk-lit{border-color:var(--green,#2dd4a0);background:rgba(45,212,160,.08);box-shadow:0 0 18px rgba(45,212,160,.18);}
.zk-lc-dot.zk-lit.zk-violet{border-color:var(--purple,#a78bfa);background:rgba(167,139,250,.08);box-shadow:0 0 18px rgba(167,139,250,.12);}
.zk-lc-dot.zk-lit.zk-cyan{border-color:#22d3ee;background:rgba(34,211,238,.06);box-shadow:0 0 18px rgba(34,211,238,.12);}
.zk-lc-dot.zk-lit.zk-amber{border-color:#f0b830;background:rgba(240,184,48,.06);box-shadow:0 0 18px rgba(240,184,48,.12);}
.zk-lc-label{font-size:.65rem;font-weight:600;line-height:1.3;}
.zk-lc-time{font-family:'JetBrains Mono',monospace;font-size:.6rem;color:rgba(63,68,85,1);margin-top:.1rem;}
.zk-lc-time.zk-lit{color:var(--green,#2dd4a0);font-weight:600;}
.zk-lc-controls{display:flex;justify-content:center;gap:.5rem;margin-top:1rem;}
.zk-lc-btn{padding:.4rem 1rem;background:rgba(17,19,24,.8);border:1px solid rgba(255,255,255,.05);border-radius:6px;font-family:'JetBrains Mono',monospace;font-size:.7rem;color:rgba(124,130,147,1);cursor:pointer;transition:all .2s;}
.zk-lc-btn:hover{border-color:rgba(255,255,255,.09);color:var(--text,#e6e9f0);}
.zk-lc-btn.zk-btn-active{border-color:var(--purple,#a78bfa);color:var(--purple,#a78bfa);background:rgba(167,139,250,.08);}
.zk-lc-btn.zk-btn-cached{border-color:var(--green,#2dd4a0);color:var(--green,#2dd4a0);background:rgba(45,212,160,.08);}
.zk-lc-result{text-align:center;margin-top:1rem;padding:.75rem;background:rgba(17,19,24,.8);border:1px solid rgba(255,255,255,.05);border-radius:8px;font-family:'JetBrains Mono',monospace;font-size:.75rem;min-height:2.5rem;display:flex;align-items:center;justify-content:center;}

.zk-cachee-box{background:rgba(17,19,24,.8);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.35rem;position:relative;overflow:hidden;margin-bottom:2rem;}
.zk-cachee-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--purple,#a78bfa),var(--green,#2dd4a0));border-radius:2px 2px 0 0;}
.zk-cachee-compare{display:grid;grid-template-columns:1fr 60px 1fr;gap:0;align-items:center;margin-bottom:1rem;}
.zk-cc-side{text-align:center;padding:.75rem;border-radius:8px;}
.zk-cc-side.zk-first{background:rgba(167,139,250,.08);border:1px solid rgba(167,139,250,.08);}
.zk-cc-side.zk-cached{background:rgba(45,212,160,.08);border:1px solid rgba(45,212,160,.08);}
.zk-ccs-label{font-family:'JetBrains Mono',monospace;font-size:.55rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.2rem;}
.zk-cc-side.zk-first .zk-ccs-label{color:var(--purple,#a78bfa);}
.zk-cc-side.zk-cached .zk-ccs-label{color:var(--green,#2dd4a0);}
.zk-ccs-time{font-family:'JetBrains Mono',monospace;font-size:1.4rem;font-weight:700;}
.zk-cc-side.zk-first .zk-ccs-time{color:var(--purple,#a78bfa);}
.zk-cc-side.zk-cached .zk-ccs-time{color:var(--green,#2dd4a0);}
.zk-ccs-sub{font-size:.65rem;color:rgba(63,68,85,1);margin-top:.15rem;}
.zk-cc-arrow{text-align:center;font-family:'JetBrains Mono',monospace;font-size:.7rem;color:rgba(63,68,85,1);}
.zk-cc-arrow .zk-mult{display:block;font-size:1rem;font-weight:700;color:var(--green,#2dd4a0);margin:.15rem 0;}
.zk-cachee-explain{font-size:.78rem;color:rgba(124,130,147,1);line-height:1.6;text-align:center;margin-top:.5rem;}
.zk-cachee-explain strong{color:var(--text,#e6e9f0);font-weight:600;}

.zk-math-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:2rem;}
.zk-math-card{background:rgba(17,19,24,.8);border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1.1rem;text-align:center;}
.zk-math-card h4{font-size:.82rem;font-weight:600;margin-bottom:.15rem;}
.zk-mc-icon{font-size:1.2rem;margin-bottom:.35rem;}
.zk-mc-val{font-family:'JetBrains Mono',monospace;font-size:.8rem;font-weight:700;color:var(--purple,#a78bfa);margin-bottom:.3rem;}
.zk-math-card p{font-size:.7rem;color:rgba(124,130,147,1);line-height:1.5;}

.zk-comp-table{width:100%;border-collapse:collapse;font-size:.75rem;margin-bottom:2rem;}
.zk-comp-table th{text-align:left;padding:.5rem .6rem;background:rgba(17,19,24,.8);color:rgba(63,68,85,1);font-weight:600;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.05);}
.zk-comp-table td{padding:.5rem .6rem;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle;}
.zk-comp-table .zk-sys{font-weight:600;color:var(--text,#e6e9f0);}
.zk-comp-table .zk-h33v{color:var(--green,#2dd4a0);font-family:'JetBrains Mono',monospace;font-weight:700;}
.zk-comp-table .zk-compv{color:rgba(124,130,147,1);font-family:'JetBrains Mono',monospace;}
.zk-comp-table .zk-cdim{font-size:.65rem;color:rgba(63,68,85,1);}
.zk-comp-table .zk-badge{display:inline-flex;padding:.1rem .3rem;border-radius:3px;font-family:'JetBrains Mono',monospace;font-size:.55rem;font-weight:700;letter-spacing:.04em;}
.zk-comp-table .zk-good{background:rgba(45,212,160,.08);color:var(--green,#2dd4a0);}
.zk-comp-table .zk-warn{background:rgba(240,184,48,.06);color:#f0b830;}
.zk-comp-table .zk-bad{background:rgba(240,104,104,.06);color:#f06868;}
.zk-comp-table tr.zk-h33-row{background:rgba(45,212,160,.08);}

.zk-proof-box{background:rgba(17,19,24,.8);border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1.1rem;font-family:'JetBrains Mono',monospace;font-size:.65rem;color:rgba(63,68,85,1);line-height:1.7;text-align:center;}
.zk-proof-box strong{color:rgba(124,130,147,1);font-weight:600;}

@media(max-width:700px){
  .zk-overlay{padding:0;}
  .zk-modal{max-height:100vh;border-radius:0;max-width:100%;}
  .zk-head{padding:1.5rem;}.zk-body{padding:1.5rem;}.zk-title{font-size:1.2rem;}
  .zk-hero-metrics{grid-template-columns:repeat(2,1fr);}
  .zk-math-grid{grid-template-columns:1fr;}
  .zk-ld-grid{grid-template-columns:1fr;}
  .zk-cachee-compare{grid-template-columns:1fr;gap:.5rem;}
  .zk-lc-track{flex-wrap:wrap;gap:.3rem;}.zk-lc-step{flex:none;width:18%;}
}



.td-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);z-index:1000;display:none;align-items:center;justify-content:center;padding:1.25rem;}
.td-overlay.active{display:flex;animation:td-ov-in .3s ease-out;}
.td-overlay.closing{animation:td-ov-out .2s ease-in forwards;}
@keyframes td-ov-in{from{opacity:0}to{opacity:1}}
@keyframes td-ov-out{from{opacity:1}to{opacity:0}}
.td-modal{background:#0c0d11;border:1px solid rgba(255,255,255,0.09);border-radius:16px;width:100%;max-width:880px;max-height:94vh;overflow-y:auto;position:relative;animation:td-m-in .35s cubic-bezier(.16,1,.3,1);box-shadow:0 40px 100px rgba(0,0,0,.5);}
.td-overlay.closing .td-modal{animation:td-m-out .2s ease-in forwards;}
@keyframes td-m-in{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@keyframes td-m-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(8px) scale(.99)}}
.td-modal::-webkit-scrollbar{width:4px;}
.td-modal::-webkit-scrollbar-track{background:transparent;}
.td-modal::-webkit-scrollbar-thumb{background:#3f4455;border-radius:2px;}
.td-close{position:absolute;top:1rem;right:1rem;width:30px;height:30px;background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:7px;color:#7c8293;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:10;}
.td-close:hover{background:#17191f;color:#e6e9f0;}
.td-head{padding:2rem 2.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,0.05);}
.td-kicker{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#5899f0;margin-bottom:.6rem;display:flex;align-items:center;gap:6px;}
.td-kicker .td-dot{width:5px;height:5px;background:#5899f0;border-radius:50%;animation:td-bk 2s ease infinite;}
@keyframes td-bk{0%,100%{opacity:1}50%{opacity:.25}}
.td-title{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:.4rem;color:#e6e9f0;}
.td-title .td-hl{color:#5899f0;}
.td-sub{font-size:.88rem;color:#7c8293;max-width:580px;line-height:1.6;}
.td-body{padding:1.75rem 2.25rem 2.25rem;}
.td-sec-label{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#3f4455;margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;}
.td-sec-label .td-tag{font-weight:700;}
.td-sec-label .td-tag-green{color:#2dd4a0;}
.td-sec-label .td-tag-red{color:#f06868;}
.td-sec-label .td-tag-blue{color:#5899f0;}
.td-auth-section{margin-bottom:2rem;}
.td-auth-ring{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;padding:1.5rem 0;margin-bottom:1rem;}
.td-auth-node{width:120px;text-align:center;cursor:pointer;transition:all .2s;position:relative;}
.td-node-circle{width:72px;height:72px;margin:0 auto .5rem;border-radius:50%;border:2px solid rgba(255,255,255,0.09);background:#111318;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:all .3s;position:relative;overflow:hidden;}
.td-node-circle .td-shard{font-size:1.3rem;transition:transform .3s;}
.td-node-circle .td-share-label{font-family:'JetBrains Mono',monospace;font-size:.55rem;color:#3f4455;margin-top:.1rem;}
.td-auth-node.td-selected .td-node-circle{border-color:#5899f0;background:rgba(88,153,240,0.08);box-shadow:0 0 20px rgba(88,153,240,.15);}
.td-auth-node.td-selected .td-share-label{color:#5899f0;}
.td-auth-node.td-selected .td-shard{transform:scale(1.1);}
.td-auth-node.td-compromised .td-node-circle{border-color:#f06868;background:rgba(240,104,104,0.08);box-shadow:0 0 20px rgba(240,104,104,.1);}
.td-auth-node.td-compromised .td-share-label{color:#f06868;}
.td-node-name{font-size:.75rem;font-weight:600;color:#e6e9f0;margin-bottom:.1rem;}
.td-node-loc{font-size:.65rem;color:#3f4455;}
.td-node-status{position:absolute;top:-2px;right:-2px;width:18px;height:18px;border-radius:50%;border:2px solid #0c0d11;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;transition:all .3s;opacity:0;transform:scale(.5);}
.td-auth-node.td-selected .td-node-status{opacity:1;transform:scale(1);background:#5899f0;color:#000;}
.td-auth-node.td-compromised .td-node-status{opacity:1;transform:scale(1);background:#f06868;color:#fff;}
.td-quorum-bar{background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:10px;padding:1rem 1.25rem;margin-bottom:2rem;display:flex;align-items:center;gap:1.25rem;}
.td-qb-indicator{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .4s;font-size:1.1rem;}
.td-qb-indicator.td-locked{background:rgba(240,104,104,0.08);border:2px solid rgba(240,104,104,.2);}
.td-qb-indicator.td-partial{background:rgba(240,184,48,0.08);border:2px solid rgba(240,184,48,.2);}
.td-qb-indicator.td-unlocked{background:rgba(45,212,160,0.08);border:2px solid rgba(45,212,160,.2);box-shadow:0 0 20px rgba(45,212,160,0.25);}
.td-qb-info{flex:1;}
.td-qb-title{font-weight:600;font-size:.9rem;margin-bottom:.15rem;transition:color .3s;color:#e6e9f0;}
.td-qb-desc{font-size:.78rem;color:#7c8293;line-height:1.5;}
.td-quorum-dots{display:flex;gap:.4rem;margin-top:.4rem;}
.td-q-dot{width:28px;height:6px;border-radius:3px;background:#1d2028;transition:all .3s;}
.td-q-dot.td-filled{background:#5899f0;}
.td-q-dot.td-filled.td-enough{background:#2dd4a0;}
.td-qb-count{font-family:'JetBrains Mono',monospace;font-size:1.3rem;font-weight:700;text-align:center;min-width:60px;transition:color .3s;}
.td-qb-count .td-of{font-size:.7rem;color:#3f4455;font-weight:400;}
.td-scenario-row{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap;}
.td-scn-btn{padding:.45rem .85rem;background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:6px;font-family:'Instrument Sans',sans-serif;font-size:.78rem;color:#7c8293;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:.4rem;}
.td-scn-btn:hover{border-color:rgba(255,255,255,0.09);color:#e6e9f0;}
.td-scn-btn.td-active{border-color:#5899f0;color:#5899f0;background:rgba(88,153,240,0.08);}
.td-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:2rem;}
.td-cmp-card{background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:10px;padding:1.25rem;position:relative;overflow:hidden;}
.td-cmp-card.td-bad{border-color:rgba(240,104,104,.12);}
.td-cmp-card.td-good{border-color:rgba(45,212,160,.12);}
.td-cmp-tag{position:absolute;top:.75rem;right:.75rem;font-family:'JetBrains Mono',monospace;font-size:.5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.15rem .4rem;border-radius:3px;}
.td-cmp-card.td-bad .td-cmp-tag{background:rgba(240,104,104,0.08);color:#f06868;}
.td-cmp-card.td-good .td-cmp-tag{background:rgba(45,212,160,0.08);color:#2dd4a0;}
.td-cmp-icon{font-size:1.1rem;margin-bottom:.4rem;}
.td-cmp-card h4{font-size:.85rem;font-weight:600;margin-bottom:.25rem;color:#e6e9f0;}
.td-cmp-card.td-bad h4{color:#f06868;}
.td-cmp-card.td-good h4{color:#2dd4a0;}
.td-cmp-card p{font-size:.73rem;color:#7c8293;line-height:1.55;}
.td-cmp-stat{font-family:'JetBrains Mono',monospace;font-size:.65rem;font-weight:600;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,0.05);}
.td-cmp-card.td-bad .td-cmp-stat{color:#f06868;}
.td-cmp-card.td-good .td-cmp-stat{color:#2dd4a0;}
.td-math-section{background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:10px;padding:1.25rem;margin-bottom:2rem;}
.td-math-title{font-weight:600;font-size:.85rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem;color:#e6e9f0;}
.td-poly-viz{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 0;flex-wrap:wrap;}
.td-poly-term{font-family:'JetBrains Mono',monospace;font-size:.85rem;padding:.5rem .75rem;background:#07080a;border:1px solid rgba(255,255,255,0.05);border-radius:6px;text-align:center;}
.td-poly-term .td-pt-label{font-size:.55rem;color:#3f4455;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.15rem;}
.td-poly-term .td-pt-val{font-weight:600;color:#e6e9f0;}
.td-poly-term .td-pt-val.td-secret{color:#5899f0;}
.td-poly-term .td-pt-val.td-coeff{color:#9b7df0;}
.td-poly-plus{color:#3f4455;font-family:'JetBrains Mono',monospace;font-size:1rem;}
.td-math-explain{font-size:.78rem;color:#7c8293;line-height:1.6;margin-top:.75rem;text-align:center;}
.td-math-explain strong{color:#e6e9f0;font-weight:600;}
.td-attack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:2rem;}
.td-atk-card{background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:10px;padding:1.1rem;text-align:center;transition:border-color .3s;}
.td-atk-card.td-safe{border-color:rgba(45,212,160,.1);}
.td-atk-icon{font-size:1.3rem;margin-bottom:.35rem;}
.td-atk-card h4{font-size:.8rem;font-weight:600;margin-bottom:.2rem;color:#e6e9f0;}
.td-atk-card p{font-size:.7rem;color:#7c8293;line-height:1.5;}
.td-atk-result{font-family:'JetBrains Mono',monospace;font-size:.7rem;font-weight:700;margin-top:.5rem;padding-top:.4rem;border-top:1px solid rgba(255,255,255,0.05);}
.td-atk-card.td-safe .td-atk-result{color:#2dd4a0;}
.td-timing-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,0.05);border-radius:10px;overflow:hidden;margin-bottom:2rem;}
.td-tm-cell{background:#111318;padding:.85rem;text-align:center;}
.td-tm-l{font-family:'JetBrains Mono',monospace;font-size:.5rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#3f4455;margin-bottom:.2rem;}
.td-tm-v{font-family:'JetBrains Mono',monospace;font-size:1.1rem;font-weight:700;}
.td-tm-s{font-size:.6rem;color:#3f4455;margin-top:.15rem;}
.td-proof-box{background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:10px;padding:1.1rem;font-family:'JetBrains Mono',monospace;font-size:.65rem;color:#3f4455;line-height:1.7;text-align:center;}
.td-proof-box strong{color:#7c8293;font-weight:600;}
@media(max-width:700px){
  .td-overlay{padding:0;}
  .td-modal{max-height:100vh;border-radius:0;max-width:100%;}
  .td-head{padding:1.5rem;}
  .td-body{padding:1.5rem;}
  .td-title{font-size:1.3rem;}
  .td-auth-ring{gap:.75rem;}
  .td-auth-node{width:90px;}
  .td-node-circle{width:56px;height:56px;}
  .td-compare-grid{grid-template-columns:1fr;}
  .td-attack-grid{grid-template-columns:1fr;}
  .td-timing-strip{grid-template-columns:repeat(2,1fr);}
}



.blink-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);z-index:10000;display:none;align-items:center;justify-content:center;padding:1.25rem;}
.blink-overlay.active{display:flex;animation:blink-ov .3s ease-out;}
@keyframes blink-ov{from{opacity:0}to{opacity:1}}
.blink-modal{background:#0c0d11;border:1px solid rgba(255,255,255,.09);border-radius:16px;width:100%;max-width:880px;max-height:94vh;overflow-y:auto;position:relative;animation:blink-mi .35s cubic-bezier(.16,1,.3,1);box-shadow:0 40px 100px rgba(0,0,0,.5);}
@keyframes blink-mi{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.blink-modal::-webkit-scrollbar{width:4px;}.blink-modal::-webkit-scrollbar-track{background:transparent;}.blink-modal::-webkit-scrollbar-thumb{background:#3f4455;border-radius:2px;}
.blink-close{position:absolute;top:1rem;right:1rem;width:30px;height:30px;background:#111318;border:1px solid rgba(255,255,255,.05);border-radius:7px;color:#7c8293;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:10;}.blink-close:hover{background:#17191f;color:#e6e9f0;}
.blink-head{padding:2rem 2.25rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.05);}
.blink-kicker{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#2dd4a0;margin-bottom:.6rem;display:flex;align-items:center;gap:6px;}
.blink-kicker .blink-dot{width:5px;height:5px;background:#2dd4a0;border-radius:50%;animation:blink-bk 2s ease infinite;}
@keyframes blink-bk{0%,100%{opacity:1}50%{opacity:.25}}
.blink-title{font-size:1.55rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:.4rem;color:#e6e9f0;}.blink-title .blink-g{color:#2dd4a0;}
.blink-sub{font-size:.88rem;color:#7c8293;max-width:580px;line-height:1.6;}
.blink-body{padding:1.75rem 2.25rem 2.25rem;}
.blink-hero{text-align:center;padding:1.5rem 0 1rem;margin-bottom:.5rem;position:relative;}
.blink-eye-container{position:relative;width:220px;height:130px;margin:0 auto 1.25rem;}
.blink-eye-svg{width:220px;height:130px;}
.blink-counter{font-family:'JetBrains Mono',monospace;font-size:4rem;font-weight:700;color:#2dd4a0;line-height:1;letter-spacing:-.02em;transition:color .3s;}
.blink-counter.blink-ticking{text-shadow:0 0 30px rgba(45,212,160,.2);}
.blink-unit{font-family:'JetBrains Mono',monospace;font-size:.85rem;color:#7c8293;margin-top:.25rem;}
.blink-timer{font-family:'JetBrains Mono',monospace;font-size:1rem;color:#3f4455;margin-top:.6rem;}
.blink-timer-bar{display:inline-block;width:180px;height:4px;background:#1d2028;border-radius:2px;vertical-align:middle;margin-left:.5rem;overflow:hidden;}
.blink-timer-fill{height:100%;width:0;background:#2dd4a0;border-radius:2px;transition:none;}
.blink-start-row{display:flex;justify-content:center;margin:1.25rem 0 1.75rem;}
.blink-start-btn{padding:.65rem 2.2rem;background:#111318;border:1.5px solid #2dd4a0;border-radius:8px;font-family:'JetBrains Mono',monospace;font-size:.85rem;font-weight:600;color:#2dd4a0;cursor:pointer;transition:all .2s;letter-spacing:.02em;}
.blink-start-btn:hover{background:rgba(45,212,160,.08);box-shadow:0 0 24px rgba(45,212,160,.2);}
.blink-start-btn:active{transform:scale(.97);}
.blink-start-btn.blink-running{border-color:#3f4455;color:#3f4455;cursor:default;}
.blink-reveal{margin-bottom:2rem;opacity:0;transform:translateY(10px);transition:all .5s .2s;}
.blink-reveal.blink-show{opacity:1;transform:none;}
.blink-reveal-box{background:#111318;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;text-align:center;position:relative;overflow:hidden;}
.blink-reveal-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#2dd4a0,#5899f0);border-radius:2px;}
.blink-reveal-headline{font-size:1rem;font-weight:600;line-height:1.6;margin-bottom:1rem;color:#e6e9f0;}
.blink-reveal-headline .blink-g{color:#2dd4a0;font-weight:700;}
.blink-pip-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin-bottom:1rem;}
.blink-pip-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:5px;font-family:'JetBrains Mono',monospace;font-size:.65rem;font-weight:600;background:#07080a;border:1px solid rgba(255,255,255,.05);}
.blink-pip-chip .blink-pc-time{color:#2dd4a0;}.blink-pip-chip .blink-pc-name{color:#7c8293;}
.blink-reveal-sub{font-size:.82rem;color:#7c8293;line-height:1.6;}.blink-reveal-sub strong{color:#e6e9f0;font-weight:600;}
.blink-race-section{margin-bottom:2rem;}
.blink-race-lane{display:grid;grid-template-columns:120px 1fr 70px;gap:.6rem;align-items:center;padding:.55rem .75rem;border-radius:8px;margin-bottom:.35rem;}
.blink-race-lane .blink-rl-name{font-family:'JetBrains Mono',monospace;font-size:.75rem;font-weight:600;white-space:nowrap;}
.blink-race-lane .blink-rl-sub{font-size:.6rem;color:#3f4455;line-height:1.3;}
.blink-race-lane .blink-rl-count{font-family:'JetBrains Mono',monospace;font-size:1rem;font-weight:700;text-align:right;}
.blink-race-lane .blink-rl-track{height:30px;background:#07080a;border:1px solid rgba(255,255,255,.05);border-radius:5px;overflow:hidden;position:relative;}
.blink-race-lane .blink-rl-bar{height:100%;border-radius:4px;display:flex;align-items:center;justify-content:flex-end;padding-right:.4rem;font-family:'JetBrains Mono',monospace;font-size:.55rem;font-weight:700;min-width:0;transition:width 1.2s cubic-bezier(.16,1,.3,1);}
.blink-lane-h33{background:rgba(45,212,160,.08);border:1px solid rgba(45,212,160,.08);}
.blink-lane-h33 .blink-rl-name{color:#2dd4a0;}.blink-lane-h33 .blink-rl-bar{background:linear-gradient(90deg,rgba(45,212,160,.25),rgba(45,212,160,.55));color:#7aedc8;}.blink-lane-h33 .blink-rl-count{color:#2dd4a0;}
.blink-lane-seal{background:rgba(107,122,237,.06);border:1px solid rgba(107,122,237,.06);}
.blink-lane-seal .blink-rl-name{color:#6b7aed;}.blink-lane-seal .blink-rl-bar{background:linear-gradient(90deg,rgba(107,122,237,.25),rgba(107,122,237,.55));color:#b4bcf8;}.blink-lane-seal .blink-rl-count{color:#6b7aed;}
.blink-lane-trad{background:#111318;border:1px solid rgba(255,255,255,.05);}
.blink-lane-trad .blink-rl-name{color:#f0b830;}.blink-lane-trad .blink-rl-bar{background:linear-gradient(90deg,rgba(240,184,48,.2),rgba(240,184,48,.45));color:#f0d080;}.blink-lane-trad .blink-rl-count{color:#f0b830;}
.blink-lane-legacy{background:#111318;border:1px solid rgba(255,255,255,.05);}
.blink-lane-legacy .blink-rl-name{color:#f06868;}.blink-lane-legacy .blink-rl-bar{background:linear-gradient(90deg,rgba(240,104,104,.15),rgba(240,104,104,.35));color:#f0a0a0;}.blink-lane-legacy .blink-rl-count{color:#f06868;}
.blink-mg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:2rem;}
.blink-mg-card{background:#111318;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1.1rem;text-align:center;}
.blink-mg-card .blink-mg-icon{font-size:1.3rem;margin-bottom:.3rem;}
.blink-mg-card h4{font-size:.82rem;font-weight:600;margin-bottom:.15rem;color:#e6e9f0;}
.blink-mg-card .blink-mg-num{font-family:'JetBrains Mono',monospace;font-size:.9rem;font-weight:700;color:#2dd4a0;margin-bottom:.3rem;}
.blink-mg-card p{font-size:.7rem;color:#7c8293;line-height:1.5;}
.blink-math-box{background:#111318;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1.1rem;margin-bottom:2rem;}
.blink-math-row{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;font-family:'JetBrains Mono',monospace;font-size:.85rem;padding:.5rem 0;}
.blink-math-term{padding:.35rem .6rem;background:#07080a;border:1px solid rgba(255,255,255,.05);border-radius:5px;text-align:center;}
.blink-math-term .blink-mt-v{font-weight:700;font-size:.9rem;color:#e6e9f0;}.blink-math-term .blink-mt-l{font-size:.5rem;color:#3f4455;letter-spacing:.06em;text-transform:uppercase;margin-top:.05rem;}
.blink-math-op{color:#3f4455;font-weight:600;}.blink-math-result{color:#2dd4a0;font-weight:700;font-size:1rem;}
.blink-math-variants{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.75rem;}
.blink-mv-item{text-align:center;padding:.5rem;background:#07080a;border:1px solid rgba(255,255,255,.05);border-radius:6px;}
.blink-mv-item .blink-mvl{font-size:.55rem;color:#3f4455;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.1rem;}
.blink-mv-item .blink-mvv{font-family:'JetBrains Mono',monospace;font-size:.85rem;font-weight:700;}
.blink-proof-box{background:#111318;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1.1rem;font-family:'JetBrains Mono',monospace;font-size:.65rem;color:#3f4455;line-height:1.7;text-align:center;}
.blink-proof-box strong{color:#7c8293;font-weight:600;}
@media(max-width:700px){
  .blink-overlay{padding:0;}
  .blink-modal{max-height:100vh;border-radius:0;max-width:100%;}
  .blink-head{padding:1.5rem;}.blink-body{padding:1.5rem;}.blink-title{font-size:1.25rem;}
  .blink-counter{font-size:2.8rem;}.blink-mg-grid{grid-template-columns:1fr;}
  .blink-math-variants{grid-template-columns:1fr;}
  .blink-race-lane{grid-template-columns:90px 1fr 50px;}.blink-race-lane .blink-rl-name{font-size:.65rem;}
}



.dil-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);z-index:10000;display:none;align-items:center;justify-content:center;padding:1.25rem;}
.dil-overlay.active{display:flex;animation:dil-ov .3s ease-out;}
@keyframes dil-ov{from{opacity:0}to{opacity:1}}
.dil-modal{background:#0c0d11;border:1px solid rgba(255,255,255,.09);border-radius:16px;width:100%;max-width:940px;max-height:94vh;overflow-y:auto;position:relative;animation:dil-mi .35s cubic-bezier(.16,1,.3,1);box-shadow:0 40px 100px rgba(0,0,0,.5);}
@keyframes dil-mi{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.dil-modal::-webkit-scrollbar{width:4px;}.dil-modal::-webkit-scrollbar-track{background:transparent;}.dil-modal::-webkit-scrollbar-thumb{background:#3f4455;border-radius:2px;}
.dil-close{position:absolute;top:1rem;right:1rem;width:30px;height:30px;background:#111318;border:1px solid rgba(255,255,255,.05);border-radius:7px;color:#7c8293;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:10;}.dil-close:hover{background:#17191f;color:#e6e9f0;}
.dil-head{padding:2rem 2.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);}
.dil-kicker{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#2dd4bf;margin-bottom:.6rem;display:flex;align-items:center;gap:6px;}
.dil-kicker .dil-dot{width:5px;height:5px;background:#2dd4bf;border-radius:50%;animation:dil-bk 2s ease infinite;}
@keyframes dil-bk{0%,100%{opacity:1}50%{opacity:.25}}
.dil-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:.45rem;color:#e6e9f0;}.dil-title .dil-tl{color:#2dd4bf;}.dil-title .dil-g{color:#2dd4a0;}
.dil-sub{font-size:.88rem;color:#7c8293;max-width:640px;line-height:1.6;}
.dil-body{padding:1.75rem 2.25rem 2.25rem;}
.dil-sec-label{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#3f4455;margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;}
.dil-sec-label .dil-tag{font-weight:700;}
.dil-hero-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,.05);border-radius:10px;overflow:hidden;margin-bottom:2rem;}
.dil-hm{background:#111318;padding:.8rem .4rem;text-align:center;}
.dil-hm .dil-hml{font-family:'JetBrains Mono',monospace;font-size:.48rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#3f4455;margin-bottom:.2rem;}
.dil-hm .dil-hmv{font-family:'JetBrains Mono',monospace;font-size:1.1rem;font-weight:700;line-height:1;}
.dil-hm .dil-hms{font-size:.55rem;color:#3f4455;margin-top:.15rem;}
.dil-rationale-box{background:#111318;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.35rem;position:relative;overflow:hidden;margin-bottom:2rem;}
.dil-rationale-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#2dd4bf,#5899f0);border-radius:2px;}
.dil-rat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;}
.dil-rat-card{padding:.9rem;border-radius:8px;border:1px solid rgba(255,255,255,.05);}
.dil-rat-card.dil-custom{background:rgba(45,212,160,.03);border-color:rgba(45,212,160,.08);}
.dil-rat-card.dil-nist{background:rgba(45,212,191,.03);border-color:rgba(45,212,191,.08);}
.dil-rat-card h4{font-size:.82rem;font-weight:600;margin-bottom:.3rem;display:flex;align-items:center;gap:.35rem;}
.dil-rat-card.dil-custom h4{color:#2dd4a0;}.dil-rat-card.dil-nist h4{color:#2dd4bf;}
.dil-rat-card ul{list-style:none;padding:0;margin:0;}
.dil-rat-card li{font-size:.72rem;color:#7c8293;padding:.2rem 0;display:flex;align-items:flex-start;gap:.35rem;line-height:1.45;}
.dil-rat-card li .dil-ic{flex-shrink:0;font-size:.7rem;margin-top:.05rem;}
.dil-rat-explain{font-size:.78rem;color:#7c8293;line-height:1.65;text-align:center;}
.dil-rat-explain strong{color:#e6e9f0;font-weight:600;}.dil-rat-explain .dil-tl{color:#2dd4bf;font-weight:600;}
.dil-mode-toggle{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.25rem;}
.dil-mt-btn{padding:.5rem 1.1rem;background:#111318;border:1px solid rgba(255,255,255,.05);border-radius:7px;font-family:'JetBrains Mono',monospace;font-size:.72rem;font-weight:500;color:#7c8293;cursor:pointer;transition:all .2s;}
.dil-mt-btn:hover{border-color:rgba(255,255,255,.09);color:#e6e9f0;}
.dil-mt-btn.dil-active{border-color:#f06868;color:#f06868;background:rgba(240,104,104,.06);}
.dil-mt-btn.dil-active.dil-good{border-color:#2dd4a0;color:#2dd4a0;background:rgba(45,212,160,.08);}
.dil-batch-viz{background:#111318;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden;margin-bottom:2rem;}
.dil-batch-viz::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:#f06868;border-radius:2px;transition:background .3s;}
.dil-batch-viz.dil-batched::before{background:#2dd4a0;}
.dil-user-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-bottom:1.25rem;}
.dil-user-cell{height:34px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:.5rem;font-weight:600;border:1px solid rgba(255,255,255,.05);background:#07080a;transition:all .12s;position:relative;overflow:hidden;color:#3f4455;}
.dil-user-cell .dil-uc-fill{position:absolute;inset:0;transform:scaleX(0);transform-origin:left;transition:transform .15s ease-out;}
.dil-user-cell.dil-signed{border-color:#2dd4bf;color:#2dd4bf;}
.dil-user-cell.dil-signed .dil-uc-fill{transform:scaleX(1);background:rgba(45,212,191,.1);}
.dil-user-cell.dil-batch-signed{border-color:#2dd4a0;color:#2dd4a0;}
.dil-user-cell.dil-batch-signed .dil-uc-fill{transform:scaleX(1);background:rgba(45,212,160,.1);}
.dil-sig-row{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;min-height:48px;}
.dil-sig-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .3s;}
.dil-sig-icon.dil-individual{background:rgba(240,104,104,.06);border:2px solid rgba(240,104,104,.2);}
.dil-sig-icon.dil-batch{background:rgba(45,212,160,.08);border:2px solid rgba(45,212,160,.2);box-shadow:0 0 16px rgba(45,212,160,.2);}
.dil-sig-label{font-family:'JetBrains Mono',monospace;font-size:.75rem;font-weight:600;transition:color .3s;}
.dil-cost-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:center;}
.dil-cost-side{text-align:center;padding:.75rem;border-radius:8px;}
.dil-cost-side.dil-bad{background:rgba(240,104,104,.06);border:1px solid rgba(240,104,104,.08);}
.dil-cost-side.dil-good{background:rgba(45,212,160,.08);border:1px solid rgba(45,212,160,.08);}
.dil-cost-side .dil-cs-label{font-family:'JetBrains Mono',monospace;font-size:.55rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.15rem;}
.dil-cost-side.dil-bad .dil-cs-label{color:#f06868;}.dil-cost-side.dil-good .dil-cs-label{color:#2dd4a0;}
.dil-cost-side .dil-cs-time{font-family:'JetBrains Mono',monospace;font-size:1.3rem;font-weight:700;}
.dil-cost-side.dil-bad .dil-cs-time{color:#f06868;}.dil-cost-side.dil-good .dil-cs-time{color:#2dd4a0;}
.dil-cost-side .dil-cs-math{font-family:'JetBrains Mono',monospace;font-size:.6rem;color:#3f4455;margin-top:.15rem;}
.dil-cost-arrow{text-align:center;padding:0 .6rem;}
.dil-cost-arrow .dil-ca-mult{font-family:'JetBrains Mono',monospace;font-size:1.1rem;font-weight:700;color:#2dd4a0;}
.dil-cost-arrow .dil-ca-label{font-size:.55rem;color:#3f4455;}
.dil-start-row{display:flex;justify-content:center;margin:1.25rem 0 0;}
.dil-start-btn{padding:.55rem 1.8rem;background:#17191f;border:1.5px solid #2dd4bf;border-radius:8px;font-family:'JetBrains Mono',monospace;font-size:.78rem;font-weight:600;color:#2dd4bf;cursor:pointer;transition:all .2s;}
.dil-start-btn:hover{background:rgba(45,212,191,.06);box-shadow:0 0 20px rgba(45,212,191,.12);}
.dil-start-btn:active{transform:scale(.97);}
.dil-start-btn.dil-running{border-color:#3f4455;color:#3f4455;cursor:default;}
.dil-size-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin-bottom:2rem;}
.dil-sz-card{background:#111318;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1rem;text-align:center;}
.dil-sz-card .dil-sz-val{font-family:'JetBrains Mono',monospace;font-size:1.1rem;font-weight:700;line-height:1;margin-bottom:.15rem;}
.dil-sz-card .dil-sz-label{font-size:.6rem;color:#3f4455;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.35rem;}
.dil-sz-card p{font-size:.65rem;color:#7c8293;line-height:1.45;}
.dil-comp-table{width:100%;border-collapse:collapse;font-size:.75rem;margin-bottom:2rem;}
.dil-comp-table th{text-align:left;padding:.5rem .6rem;background:#111318;color:#3f4455;font-weight:600;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.05);}
.dil-comp-table td{padding:.5rem .6rem;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle;}
.dil-comp-table .dil-sys{font-weight:600;color:#e6e9f0;}.dil-comp-table .dil-dim{font-size:.63rem;color:#3f4455;}
.dil-comp-table .dil-h33v{color:#2dd4a0;font-family:'JetBrains Mono',monospace;font-weight:700;}
.dil-comp-table .dil-cv{font-family:'JetBrains Mono',monospace;color:#7c8293;}
.dil-comp-table .dil-badge{display:inline-flex;padding:.1rem .3rem;border-radius:3px;font-family:'JetBrains Mono',monospace;font-size:.55rem;font-weight:700;letter-spacing:.04em;}
.dil-comp-table .dil-badge-l2{background:rgba(88,153,240,.06);color:#5899f0;}
.dil-comp-table .dil-badge-l3{background:rgba(45,212,191,.06);color:#2dd4bf;}
.dil-comp-table .dil-badge-l5{background:rgba(45,212,160,.08);color:#2dd4a0;}
.dil-comp-table tr.dil-h33-row{background:rgba(45,212,160,.08);}
.dil-s2s-box{background:#111318;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.25rem;margin-bottom:2rem;text-align:center;}
.dil-s2s-box h4{font-size:.9rem;font-weight:600;margin-bottom:.5rem;color:#e6e9f0;}
.dil-s2s-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.75rem;}
.dil-s2s-item{padding:.65rem;background:#07080a;border:1px solid rgba(255,255,255,.05);border-radius:7px;}
.dil-s2s-item .dil-s2l{font-family:'JetBrains Mono',monospace;font-size:.5rem;color:#3f4455;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.1rem;}
.dil-s2s-item .dil-s2v{font-family:'JetBrains Mono',monospace;font-size:.85rem;font-weight:700;color:#2dd4bf;}
.dil-s2s-item .dil-s2d{font-size:.6rem;color:#3f4455;margin-top:.15rem;line-height:1.4;}
.dil-s2s-explain{font-size:.75rem;color:#7c8293;line-height:1.6;}.dil-s2s-explain strong{color:#e6e9f0;font-weight:600;}
.dil-proof-box{background:#111318;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1.1rem;font-family:'JetBrains Mono',monospace;font-size:.65rem;color:#3f4455;line-height:1.7;text-align:center;}
.dil-proof-box strong{color:#7c8293;font-weight:600;}
@media(max-width:700px){
  .dil-overlay{padding:0;}
  .dil-modal{max-height:100vh;border-radius:0;max-width:100%;}
  .dil-head{padding:1.5rem;}.dil-body{padding:1.5rem;}.dil-title{font-size:1.2rem;}
  .dil-hero-metrics{grid-template-columns:repeat(3,1fr);}
  .dil-rat-grid,.dil-cost-compare{grid-template-columns:1fr;}
  .dil-size-grid{grid-template-columns:repeat(2,1fr);}
  .dil-s2s-grid{grid-template-columns:1fr;}
  .dil-user-grid{grid-template-columns:repeat(5,1fr);}
  .dil-cost-arrow{transform:rotate(90deg);padding:.3rem 0;}
}



.simd-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(12px);z-index:10000;display:none;align-items:center;justify-content:center;padding:1.25rem;}
.simd-overlay.active{display:flex;animation:simd-ov .3s ease-out;}
@keyframes simd-ov{from{opacity:0}to{opacity:1}}
.simd-modal{width:100%;max-width:1100px;max-height:92vh;overflow-y:auto;border-radius:20px;border:1px solid rgba(0,255,136,.15);background:linear-gradient(165deg,#080c10 0%,#0a1628 40%,#0d0f18 100%);box-shadow:0 0 80px rgba(0,255,136,.06),0 0 200px rgba(0,100,255,.04),inset 0 1px 0 rgba(255,255,255,.04);font-family:'JetBrains Mono','SF Mono',monospace;position:relative;animation:simd-mi .35s cubic-bezier(.16,1,.3,1);}
@keyframes simd-mi{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.simd-modal::-webkit-scrollbar{width:6px;}.simd-modal::-webkit-scrollbar-track{background:transparent;}.simd-modal::-webkit-scrollbar-thumb{background:rgba(0,255,136,.15);border-radius:3px;}
.simd-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid rgba(0,255,136,.08);background:linear-gradient(90deg,rgba(0,255,136,.03) 0%,transparent 100%);}
.simd-header-icon{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,rgba(0,255,136,.15),rgba(0,200,255,.1));border:1px solid rgba(0,255,136,.25);display:flex;align-items:center;justify-content:center;font-size:1.2rem;}
.simd-header h2{margin:0;font-size:17px;font-weight:700;color:#e8f4ec;letter-spacing:-.3px;font-family:'Inter',sans-serif;}
.simd-header p{margin:2px 0 0;font-size:11px;color:#4a7c5e;letter-spacing:1.5px;text-transform:uppercase;}
.simd-close{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px;cursor:pointer;color:#667;display:flex;align-items:center;justify-content:center;transition:all .2s;}.simd-close:hover{color:#ff4466;border-color:rgba(255,68,102,.3);}
.simd-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(0,255,136,.06);border-bottom:1px solid rgba(0,255,136,.08);}
.simd-strip-cell{padding:14px 18px;background:#080c10;text-align:center;}
.simd-strip-cell .simd-sl{font-size:9px;color:#4a5568;letter-spacing:1.5px;margin-bottom:4px;text-transform:uppercase;}
.simd-strip-cell .simd-sv{font-size:18px;font-weight:800;font-family:'JetBrains Mono',monospace;transition:all .3s;}
.simd-strip-cell .simd-ss{font-size:10px;color:#3a5548;margin-top:2px;}
.simd-body{padding:24px 28px;}
.simd-grid-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.simd-grid-label{font-size:11px;color:#4a7c5e;letter-spacing:1px;text-transform:uppercase;}
.simd-status{font-size:9px;padding:2px 8px;border-radius:4px;letter-spacing:1px;text-transform:uppercase;transition:all .3s;}
.simd-grid-actions{display:flex;gap:6px;}
.simd-action-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;font-size:11px;cursor:pointer;transition:all .2s;font-family:'JetBrains Mono',monospace;border:none;}
.simd-action-btn.simd-primary{background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.25);color:#00ff88;}
.simd-action-btn.simd-primary:hover{background:rgba(0,255,136,.2);}
.simd-action-btn.simd-primary:disabled{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06);color:#334;cursor:not-allowed;}
.simd-action-btn.simd-secondary{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:#556;}
.simd-action-btn.simd-secondary:hover{color:#aaa;}
.simd-slot-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;padding:16px;border-radius:12px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.04);transition:all .4s ease;margin-bottom:24px;}
.simd-slot-grid.simd-flash{background:linear-gradient(135deg,rgba(0,255,136,.08),rgba(0,200,255,.05));border-color:rgba(0,255,136,.3);box-shadow:0 0 40px rgba(0,255,136,.1),inset 0 0 60px rgba(0,255,136,.03);}
.simd-slot{position:relative;aspect-ratio:1;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;font-weight:600;transition:all .35s cubic-bezier(.34,1.56,.64,1);overflow:hidden;}
.simd-slot .simd-slot-idx{position:absolute;top:3px;right:5px;font-size:7px;opacity:.4;font-weight:400;}
.simd-slot.simd-empty{background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.04);color:#1a1a2e;transform:scale(.88);}
.simd-slot.simd-active{background:rgba(0,100,200,.06);border:1px solid rgba(0,150,255,.15);color:#335;transform:scale(.92);}
.simd-slot.simd-packed{background:linear-gradient(135deg,rgba(0,150,255,.18),rgba(0,100,200,.1));border:1px solid rgba(0,150,255,.35);color:#66bbff;transform:scale(1);box-shadow:0 0 10px rgba(0,150,255,.1);}
.simd-slot.simd-computing{background:linear-gradient(135deg,rgba(255,200,0,.25),rgba(255,150,0,.15));border:1px solid rgba(255,200,0,.5);color:#ffcc00;transform:scale(1);box-shadow:0 0 20px rgba(255,200,0,.2);}
.simd-slot.simd-done{background:linear-gradient(135deg,rgba(0,255,136,.2),rgba(0,200,100,.12));border:1px solid rgba(0,255,136,.4);color:#00ff88;transform:scale(1);box-shadow:0 0 15px rgba(0,255,136,.15);}
.simd-slider-box{padding:20px 24px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.04);margin-bottom:20px;}
.simd-slider-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.simd-slider-label{font-size:11px;color:#4a7c5e;letter-spacing:1px;text-transform:uppercase;}
.simd-slider-val{font-size:22px;font-weight:800;color:#00ff88;text-shadow:0 0 20px rgba(0,255,136,.3);}
.simd-slider-val span{font-size:12px;color:#3a5548;font-weight:400;}
.simd-slider-wrap{position:relative;height:40px;display:flex;align-items:center;}
.simd-slider-track{position:absolute;left:0;right:0;height:6px;border-radius:3px;background:rgba(255,255,255,.04);}
.simd-slider-fill{position:absolute;left:0;height:6px;border-radius:3px;background:linear-gradient(90deg,#ff8844 0%,#ffcc00 40%,#00ff88 100%);box-shadow:0 0 12px rgba(0,255,136,.2);transition:width .15s ease;}
.simd-slider-input{position:absolute;width:100%;height:40px;-webkit-appearance:none;background:transparent;cursor:pointer;z-index:2;margin:0;}
.simd-slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#00ff88,#00cc66);border:2px solid rgba(0,0,0,.4);box-shadow:0 0 15px rgba(0,255,136,.4),0 2px 8px rgba(0,0,0,.4);cursor:pointer;transition:transform .15s;}.simd-slider-input::-webkit-slider-thumb:hover{transform:scale(1.15);}
.simd-slider-input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#00ff88,#00cc66);border:2px solid rgba(0,0,0,.4);box-shadow:0 0 15px rgba(0,255,136,.4);cursor:pointer;}
.simd-slider-ticks{position:absolute;left:0;right:0;display:flex;justify-content:space-between;top:28px;}
.simd-slider-ticks span{font-size:8px;color:#223;transition:color .2s;}
.simd-cost-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin-bottom:20px;}
.simd-cost-box{padding:16px 20px;border-radius:12px;}
.simd-cost-box.simd-naive{background:rgba(255,50,50,.04);border:1px solid rgba(255,50,50,.1);}
.simd-cost-box.simd-batched{background:rgba(0,255,136,.04);border:1px solid rgba(0,255,136,.12);}
.simd-cost-box .simd-cl{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;}
.simd-cost-box.simd-naive .simd-cl{color:#884444;}.simd-cost-box.simd-batched .simd-cl{color:#4a7c5e;}
.simd-cost-box .simd-cd{font-size:10px;margin-bottom:4px;}
.simd-cost-box.simd-naive .simd-cd{color:#665555;}.simd-cost-box.simd-batched .simd-cd{color:#3a5548;}
.simd-cost-box .simd-cv{font-size:24px;font-weight:800;font-family:'JetBrains Mono',monospace;}
.simd-cost-box.simd-naive .simd-cv{color:#ff6666;}.simd-cost-box.simd-batched .simd-cv{color:#00ff88;text-shadow:0 0 20px rgba(0,255,136,.2);}
.simd-cost-arrow{text-align:center;}.simd-cost-arrow .simd-pct{font-size:11px;font-weight:700;color:#334;transition:color .3s;}
.simd-cost-arrow .simd-pct.simd-green{color:#00ff88;}.simd-cost-arrow .simd-pct-label{font-size:8px;color:#334;}
.simd-insight{padding:18px 24px;border-radius:12px;background:linear-gradient(135deg,rgba(0,255,136,.04),rgba(0,100,200,.03));border:1px solid rgba(0,255,136,.1);margin-bottom:16px;}
.simd-insight-label{font-size:9px;color:#4a7c5e;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;}
.simd-insight-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
.simd-insight-item{text-align:center;}
.simd-insight-item .simd-iv{font-size:14px;font-weight:700;color:#c8d8d0;font-family:'JetBrains Mono',monospace;}
.simd-insight-item .simd-id{font-size:13px;font-weight:800;color:#88aaa0;font-family:'JetBrains Mono',monospace;}
.simd-insight-item .simd-in{font-size:9px;color:#3a5548;margin-top:2px;}
.simd-insight-item.simd-highlight .simd-iv,.simd-insight-item.simd-highlight .simd-id{color:#00ff88;}
.simd-insight-item.simd-highlight .simd-id{text-shadow:0 0 15px rgba(0,255,136,.3);}
.simd-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 0 0;border-top:1px solid rgba(255,255,255,.03);}
.simd-footer-left{font-size:9px;color:#2a3a30;line-height:1.6;}
.simd-footer-badge{font-size:9px;padding:4px 10px;border-radius:6px;background:rgba(0,255,136,.06);border:1px solid rgba(0,255,136,.1);color:#4a7c5e;}
@media(max-width:700px){
  .simd-overlay{padding:0;}
  .simd-modal{max-height:100vh;border-radius:0;max-width:100%;}
  .simd-strip{grid-template-columns:repeat(2,1fr);}
  .simd-slot-grid{grid-template-columns:repeat(5,1fr);}
  .simd-cost-grid{grid-template-columns:1fr;gap:8px;}
  .simd-insight-grid{grid-template-columns:repeat(2,1fr);}
  .simd-cost-arrow{transform:rotate(90deg);}
}



.nist-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.88);backdrop-filter:blur(14px);z-index:10000;align-items:center;justify-content:center;padding:1.25rem;}
.nist-overlay.active{display:flex;}
.nist-modal{width:100%;max-width:1020px;max-height:94vh;overflow:hidden;border-radius:20px;border:1px solid rgba(139,92,246,0.12);background:linear-gradient(170deg,#06080d 0%,#0c0a1a 35%,#080612 100%);box-shadow:0 0 100px rgba(139,92,246,0.06),0 0 200px rgba(59,130,246,0.03);font-family:'JetBrains Mono','SF Mono',monospace;display:flex;flex-direction:column;color:#c8d0dc;}
.nist-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid rgba(139,92,246,0.08);background:linear-gradient(90deg,rgba(139,92,246,0.04) 0%,transparent 50%,rgba(244,114,182,0.03) 100%);flex-shrink:0;}
.nist-head-icon{width:44px;height:44px;border-radius:11px;background:linear-gradient(135deg,rgba(139,92,246,0.2),rgba(244,114,182,0.12));border:1px solid rgba(139,92,246,0.3);display:flex;align-items:center;justify-content:center;font-size:20px;}
.nist-head-text h2{margin:0;font-size:18px;font-weight:700;background:linear-gradient(90deg,#c4b5fd,#f9a8d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:'Space Grotesk',sans-serif;letter-spacing:-0.4px;}
.nist-head-text p{margin:2px 0 0;font-size:10.5px;color:#4c3d6e;letter-spacing:1.2px;text-transform:uppercase;}
.nist-close{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:8px;padding:8px;cursor:pointer;color:#445;transition:all 0.2s;font-size:18px;line-height:1;width:34px;height:34px;display:flex;align-items:center;justify-content:center;}
.nist-close:hover{color:#ff4466;border-color:rgba(255,68,102,0.3);}
.nist-tabs{display:flex;gap:2px;padding:0 24px;border-bottom:1px solid rgba(139,92,246,0.06);background:rgba(0,0,0,0.2);flex-shrink:0;}
.nist-tab{display:flex;align-items:center;gap:6px;padding:11px 16px;font-size:11px;font-weight:500;color:#3d3555;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all 0.2s;letter-spacing:0.5px;text-transform:uppercase;font-family:'JetBrains Mono',monospace;}
.nist-tab.active{font-weight:700;color:#c4b5fd;background:rgba(139,92,246,0.08);border-bottom-color:#a78bfa;}
.nist-tab:hover:not(.active){color:#7c6ea8;}
.nist-content{flex:1;overflow:auto;padding:20px 24px;}
.nist-content::-webkit-scrollbar{width:5px;}
.nist-content::-webkit-scrollbar-track{background:transparent;}
.nist-content::-webkit-scrollbar-thumb{background:rgba(139,92,246,0.15);border-radius:3px;}
.nist-pane{display:none;}
.nist-pane.active{display:block;}

/* Level selector buttons */
.nist-lvl-btns{display:flex;gap:10px;margin-bottom:20px;}
.nist-lvl-btn{flex:1;padding:14px 16px;border-radius:12px;cursor:pointer;background:rgba(255,255,255,0.015);border:1px solid rgba(255,255,255,0.04);transition:all 0.3s ease;text-align:left;}
.nist-lvl-btn.active-l1{background:linear-gradient(135deg,rgba(34,211,238,0.12),rgba(34,211,238,0.06));border-color:rgba(34,211,238,0.35);box-shadow:0 0 30px rgba(34,211,238,0.08);}
.nist-lvl-btn.active-l3{background:linear-gradient(135deg,rgba(167,139,250,0.12),rgba(167,139,250,0.06));border-color:rgba(167,139,250,0.35);box-shadow:0 0 30px rgba(167,139,250,0.08);}
.nist-lvl-btn.active-l5{background:linear-gradient(135deg,rgba(244,114,182,0.12),rgba(244,114,182,0.06));border-color:rgba(244,114,182,0.35);box-shadow:0 0 30px rgba(244,114,182,0.08);}
.nist-lvl-num{font-size:18px;font-weight:800;font-family:'JetBrains Mono',monospace;}
.nist-lvl-eq{font-size:8px;padding:2px 7px;border-radius:4px;letter-spacing:1px;}
.nist-lvl-sub{font-size:10px;color:#556;line-height:1.5;margin-top:4px;}

/* Detail panel */
.nist-detail{border-radius:14px;overflow:hidden;}
.nist-detail-head{padding:16px 22px;display:flex;align-items:center;justify-content:space-between;}
.nist-detail-title{font-size:22px;font-weight:800;font-family:'JetBrains Mono',monospace;}
.nist-detail-equiv{font-size:12px;font-weight:600;opacity:0.7;font-family:'JetBrains Mono',monospace;}
.nist-detail-desc{margin:0;font-size:11.5px;color:#667;line-height:1.5;max-width:500px;}
.nist-meter{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.nist-meter-num{font-size:16px;font-weight:800;font-family:'JetBrains Mono',monospace;}
.nist-meter-label{font-size:8px;color:#445;margin-top:4px;letter-spacing:0.5px;text-align:center;}
.nist-algo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;}
.nist-algo-card{padding:12px 16px;border-radius:10px;background:rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.03);}
.nist-algo-label{display:flex;align-items:center;gap:6px;margin-bottom:6px;}
.nist-algo-label span:first-child{font-size:12px;}
.nist-algo-label span:last-child{font-size:9px;color:#556;letter-spacing:1px;text-transform:uppercase;}
.nist-algo-val{font-size:11.5px;color:#c8d0dc;font-weight:600;line-height:1.5;}
.nist-algo-sub{font-size:9.5px;color:#3d4555;margin-top:3px;}
.nist-tier-link{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:8px;}

/* Tiers tab */
.nist-tier-card{border-radius:14px;overflow:hidden;transition:all 0.3s;margin-bottom:14px;}
.nist-tier-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;}
.nist-tier-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;font-family:'JetBrains Mono',monospace;}
.nist-tier-name{font-size:16px;font-weight:800;font-family:'JetBrains Mono',monospace;}
.nist-tier-sub{font-size:11px;color:#556;font-weight:500;}
.nist-tier-desc{margin:2px 0 0;font-size:10.5px;color:#556;line-height:1.4;}
.nist-tier-badge{font-size:10px;font-weight:700;padding:3px 10px;border-radius:6px;}
.nist-tier-prod{font-size:8px;font-weight:700;padding:3px 8px;border-radius:4px;letter-spacing:1px;}
.nist-tier-specs{padding:12px 20px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;}
.nist-tier-spec-label{font-size:8px;color:#3d3555;letter-spacing:1px;text-transform:uppercase;margin-bottom:3px;}
.nist-tier-spec-val{font-size:10px;color:#99a;font-weight:600;line-height:1.4;}
.nist-tier-note{margin-top:16px;padding:12px 18px;border-radius:10px;background:rgba(139,92,246,0.04);border:1px solid rgba(139,92,246,0.1);font-size:10px;color:#7c6ea8;line-height:1.7;}
.nist-tier-note strong{color:#a78bfa;}

/* Timeline tab */
.nist-timeline{position:relative;padding-left:28px;}
.nist-timeline-line{position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,#22d3ee,#a78bfa 30%,#f59e0b 60%,#ef4444 80%,#f472b6);border-radius:1px;}
.nist-tl-item{position:relative;margin-bottom:8px;padding:12px 18px;border-radius:12px;transition:all 0.3s;}
.nist-tl-item:last-child{margin-bottom:0;}
.nist-tl-dot{position:absolute;left:-24px;top:16px;width:14px;height:14px;border-radius:50%;border-width:2px;border-style:solid;}
.nist-tl-year{font-size:13px;font-weight:800;font-family:'JetBrains Mono',monospace;}
.nist-tl-label{font-size:12px;font-weight:700;color:#c8d0dc;}
.nist-tl-here{font-size:8px;font-weight:700;padding:1px 6px;border-radius:3px;background:rgba(245,158,11,0.15);color:#f59e0b;border:1px solid rgba(245,158,11,0.25);letter-spacing:0.8px;animation:nist-pulse 2s ease-in-out infinite;}
.nist-tl-desc{margin:0;font-size:10.5px;color:#556;line-height:1.5;}
.nist-tl-eta{font-size:9px;padding:2px 8px;border-radius:4px;white-space:nowrap;margin-left:12px;}
.nist-urgency{margin-top:18px;padding:14px 20px;border-radius:12px;background:linear-gradient(135deg,rgba(239,68,68,0.06),rgba(244,114,182,0.04));border:1px solid rgba(239,68,68,0.15);}
.nist-urgency-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:11px;font-weight:700;color:#ef4444;letter-spacing:0.5px;}
.nist-urgency p{margin:0;font-size:10.5px;color:#887;line-height:1.7;}
@keyframes nist-pulse{0%,100%{opacity:0.6;}50%{opacity:1;}}

/* Harvest tab */
.nist-harvest-intro{margin-bottom:20px;padding:14px 18px;border-radius:10px;background:rgba(239,68,68,0.04);border:1px solid rgba(239,68,68,0.1);}
.nist-harvest-intro .nist-threat-label{font-size:10px;color:#aa6655;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;}
.nist-harvest-intro .nist-threat-title{font-size:14px;font-weight:700;color:#e8c0b0;font-family:'Space Grotesk',sans-serif;}
.nist-harvest-intro p{margin:6px 0 0;font-size:10.5px;color:#776;line-height:1.6;}
.nist-harvest-step{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:12px;background:rgba(255,255,255,0.01);border:1px solid rgba(255,255,255,0.03);transition:all 0.5s ease;margin-bottom:6px;transform:scale(1);}
.nist-harvest-step.active{transform:scale(1.01);}
.nist-harvest-step:last-child{margin-bottom:0;}
.nist-harvest-icon{width:42px;height:42px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.02);border:1.5px solid rgba(255,255,255,0.05);transition:all 0.5s;font-size:18px;}
.nist-harvest-step-label{font-size:9px;font-weight:700;font-family:'JetBrains Mono',monospace;letter-spacing:0.5px;color:#445;}
.nist-harvest-step-name{font-size:12px;font-weight:700;color:#445;transition:color 0.5s;}
.nist-harvest-step-desc{margin:3px 0 0;font-size:10.5px;color:#445;line-height:1.4;transition:color 0.5s;}
.nist-harvest-step.active .nist-harvest-step-name{color:#e0dce8;}
.nist-harvest-step.active .nist-harvest-step-desc{color:#998;}
.nist-harvest-step.past .nist-harvest-step-name{color:#887;}
.nist-harvest-chevron{font-size:16px;color:#223;transition:color 0.5s;}
.nist-harvest-step.active .nist-harvest-chevron,.nist-harvest-step.past .nist-harvest-chevron{color:rgba(255,255,255,0.2);}
.nist-exposure{margin-top:18px;padding:16px 20px;border-radius:12px;background:linear-gradient(135deg,rgba(244,114,182,0.05),rgba(139,92,246,0.04));border:1px solid rgba(244,114,182,0.12);}
.nist-exposure-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;text-align:center;}
.nist-exposure-label{font-size:9px;color:#556;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;}
.nist-exposure-year{font-size:20px;font-weight:800;font-family:'JetBrains Mono',monospace;}
.nist-exposure-sub{font-size:9px;color:#665;}
.nist-exposure-line{width:60px;height:2px;background:linear-gradient(90deg,#ef4444,#f472b6);border-radius:1px;margin:0 auto 6px;}
.nist-exposure-window{font-size:18px;font-weight:800;color:#f59e0b;font-family:'JetBrains Mono',monospace;}
.nist-exposure-window-label{font-size:8px;color:#776;letter-spacing:0.5px;}
.nist-h33-safe{margin-top:14px;padding:10px 14px;border-radius:8px;background:rgba(0,255,136,0.04);border:1px solid rgba(0,255,136,0.12);display:flex;align-items:center;gap:10px;font-size:11px;color:#00ff88;font-weight:600;}

/* Footer */
.nist-foot{padding:12px 24px;border-top:1px solid rgba(139,92,246,0.06);background:rgba(0,0,0,0.15);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;}
.nist-foot-left{font-size:9px;color:#2d2845;line-height:1.6;}
.nist-foot-badge{font-size:9px;padding:4px 10px;border-radius:6px;background:rgba(0,255,136,0.06);border:1px solid rgba(0,255,136,0.1);color:#4a7c5e;}

@media(max-width:700px){
  .nist-overlay{padding:0;}
  .nist-modal{max-height:100vh;border-radius:0;max-width:100%;}
  .nist-algo-grid{grid-template-columns:1fr;}
  .nist-tier-specs{grid-template-columns:repeat(2,1fr);}
  .nist-exposure-grid{grid-template-columns:1fr;gap:8px;}
  .nist-lvl-btns{flex-direction:column;}
  .nist-tabs{overflow-x:auto;}
}



.eng-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.88);backdrop-filter:blur(14px);z-index:10000;align-items:center;justify-content:center;padding:1.25rem;}
.eng-overlay.active{display:flex;}
.eng-modal{width:100%;max-width:1060px;max-height:94vh;border-radius:20px;border:1px solid rgba(255,255,255,0.06);background:linear-gradient(170deg,#07090e 0%,#0a0c18 30%,#08070f 100%);box-shadow:0 0 120px rgba(100,100,200,0.04);font-family:'JetBrains Mono','SF Mono',monospace;display:flex;flex-direction:column;overflow:hidden;color:#c8d0dc;}
.eng-head{display:flex;align-items:center;justify-content:space-between;padding:18px 26px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,0.04);background:linear-gradient(90deg,rgba(34,211,238,0.02),rgba(167,139,250,0.02),rgba(244,114,182,0.02),rgba(245,158,11,0.02));}
.eng-head-icon{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,rgba(34,211,238,0.12),rgba(167,139,250,0.08),rgba(244,114,182,0.08));border:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;font-size:20px;position:relative;}
.eng-head-icon .eng-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:#00ff88;border:2px solid #07090e;}
.eng-head-text h2{margin:0;font-size:19px;font-weight:700;color:#e4e8f0;letter-spacing:-0.4px;font-family:'Space Grotesk',sans-serif;}
.eng-head-text p{margin:2px 0 0;font-size:10.5px;color:#3a4050;letter-spacing:1px;text-transform:uppercase;}
.eng-close{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:8px;padding:8px;cursor:pointer;color:#445;transition:all 0.2s;font-size:18px;line-height:1;width:34px;height:34px;display:flex;align-items:center;justify-content:center;}
.eng-close:hover{color:#ff4466;border-color:rgba(255,68,102,0.3);}
.eng-content{flex:1;overflow:auto;padding:18px 26px 10px;}
.eng-content::-webkit-scrollbar{width:5px;}
.eng-content::-webkit-scrollbar-track{background:transparent;}
.eng-content::-webkit-scrollbar-thumb{background:rgba(100,100,200,0.1);border-radius:3px;}
.eng-card{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,0.03);background:rgba(255,255,255,0.01);transition:all 0.35s ease;margin-bottom:14px;}
.eng-card:last-child{margin-bottom:0;}
.eng-card.expanded{box-shadow:0 0 40px rgba(0,0,0,0.2);}
.eng-card-header{display:flex;align-items:stretch;cursor:pointer;}
.eng-card-bar{width:4px;flex-shrink:0;transition:opacity 0.3s;opacity:0.3;}
.eng-card.expanded .eng-card-bar,.eng-card.pulsing .eng-card-bar{opacity:1;}
.eng-card-body{flex:1;padding:16px 20px;}
.eng-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.eng-card-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all 0.3s;font-size:16px;}
.eng-card-name{font-size:15px;font-weight:800;font-family:'Space Grotesk',sans-serif;}
.eng-card-subtitle{font-size:10px;color:#556;font-weight:500;}
.eng-card-tagline{margin:3px 0 0;font-size:10.5px;color:#4a5060;line-height:1.4;max-width:520px;}
.eng-card-toggle{font-size:9px;font-weight:600;padding:3px 8px;border-radius:5px;letter-spacing:0.8px;text-transform:uppercase;transition:all 0.3s;}
.eng-card-chevron{font-size:14px;color:#445;transition:transform 0.3s;}
.eng-card.expanded .eng-card-chevron{transform:rotate(180deg);}
.eng-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;}
.eng-stat{padding:8px 10px;border-radius:8px;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.02);text-align:center;}
.eng-stat-label{font-size:8px;color:#3a4050;letter-spacing:1px;text-transform:uppercase;margin-bottom:3px;}
.eng-stat-val{font-size:14px;font-weight:800;font-family:'JetBrains Mono',monospace;line-height:1.2;}
.eng-stat-note{font-size:8px;color:#334;margin-top:1px;}
.eng-expanded{display:none;padding:0 20px 18px;margin-left:4px;}
.eng-card.expanded .eng-expanded{display:block;}
.eng-features-title,.eng-deep-title{font-size:9px;color:#4a5060;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:10px;}
.eng-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;}
.eng-feature{display:flex;align-items:flex-start;gap:7px;padding:5px 0;}
.eng-feature-check{margin-top:2px;flex-shrink:0;opacity:0.7;font-size:12px;}
.eng-feature-text{font-size:10.5px;color:#99a0b0;line-height:1.5;}
.eng-feature-badge{margin-left:6px;font-size:7px;font-weight:700;padding:1px 5px;border-radius:3px;letter-spacing:0.5px;vertical-align:middle;}
.eng-deep-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.eng-deep-card{padding:12px 14px;border-radius:10px;background:rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.02);}
.eng-deep-heading{font-size:11px;font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:6px;}
.eng-deep-dot{width:5px;height:5px;border-radius:50%;opacity:0.6;}
.eng-deep-text{margin:0;font-size:10px;color:#667080;line-height:1.65;letter-spacing:0.1px;}
.eng-foot{padding:14px 26px;flex-shrink:0;border-top:1px solid rgba(255,255,255,0.03);background:rgba(0,0,0,0.15);display:flex;align-items:center;justify-content:space-between;}
.eng-foot-badge{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:7px;}
.eng-foot-rust{background:rgba(222,165,100,0.06);border:1px solid rgba(222,165,100,0.12);}
.eng-foot-rust span:last-child{font-size:10px;font-weight:700;color:#dea564;letter-spacing:0.3px;}
.eng-foot-deps{background:rgba(0,255,136,0.04);border:1px solid rgba(0,255,136,0.1);}
.eng-foot-deps span:last-child{font-size:10px;font-weight:600;color:#4a7c5e;}
.eng-foot-note{font-size:9px;color:#2d3040;line-height:1.5;}
.eng-foot-date{font-size:9px;padding:4px 10px;border-radius:6px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.04);color:#3a4050;}

@media(max-width:700px){
  .eng-overlay{padding:0;}
  .eng-modal{max-height:100vh;border-radius:0;max-width:100%;}
  .eng-stats-grid{grid-template-columns:repeat(2,1fr);}
  .eng-features-grid,.eng-deep-grid{grid-template-columns:1fr;}
  .eng-foot{flex-direction:column;gap:8px;align-items:flex-start;}
}



.cch-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);backdrop-filter:blur(12px);z-index:10000;align-items:center;justify-content:center;padding:1.25rem;}
.cch-overlay.active{display:flex;}
.cch-modal{width:100%;max-width:920px;max-height:92vh;background:linear-gradient(165deg,#0a0a0f 0%,#0d0d14 40%,#0f0a12 100%);border-radius:16px;overflow:hidden;border:1px solid rgba(200,160,80,0.15);box-shadow:0 0 80px rgba(200,160,80,0.06),0 0 2px rgba(200,160,80,0.3);display:flex;flex-direction:column;font-family:'JetBrains Mono','SF Mono',monospace;color:#c8d0dc;}
.cch-head{padding:20px 28px 16px;border-bottom:1px solid rgba(200,160,80,0.1);display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;}
.cch-dot{width:10px;height:10px;border-radius:50%;background:#c8a050;box-shadow:0 0 12px rgba(200,160,80,0.6);animation:cch-pulse 2s ease infinite;}
.cch-head-label{font-size:11px;font-weight:600;letter-spacing:3px;color:#c8a050;text-transform:uppercase;font-family:'JetBrains Mono',monospace;}
.cch-head h2{font-size:28px;font-weight:700;color:#f0ebe0;margin:0;line-height:1.2;font-family:'Space Grotesk',sans-serif;}
.cch-head-sub{font-size:13px;color:rgba(200,180,140,0.5);margin:4px 0 0;font-family:'JetBrains Mono',monospace;}
.cch-close{background:rgba(200,160,80,0.08);border:1px solid rgba(200,160,80,0.15);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#c8a050;font-size:18px;transition:all 0.2s;}
.cch-close:hover{background:rgba(200,160,80,0.15);}
.cch-tabs{display:flex;gap:0;padding:0 28px;border-bottom:1px solid rgba(200,160,80,0.08);flex-shrink:0;}
.cch-tab{padding:12px 18px;font-size:12px;font-weight:500;background:none;border:none;cursor:pointer;color:rgba(200,180,140,0.35);border-bottom:2px solid transparent;transition:all 0.2s;font-family:'JetBrains Mono',monospace;letter-spacing:0.5px;}
.cch-tab.active{color:#c8a050;border-bottom-color:#c8a050;}
.cch-tab:hover:not(.active){color:rgba(200,180,140,0.55);}
.cch-content{flex:1;overflow:auto;padding:24px 28px;}
.cch-content::-webkit-scrollbar{width:6px;}
.cch-content::-webkit-scrollbar-track{background:transparent;}
.cch-content::-webkit-scrollbar-thumb{background:rgba(200,160,80,0.15);border-radius:3px;}
.cch-pane{display:none;}
.cch-pane.active{display:block;}
.cch-foot{padding:14px 28px;border-top:1px solid rgba(200,160,80,0.08);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;font-size:10px;color:rgba(200,180,140,0.2);font-family:'JetBrains Mono',monospace;}
@keyframes cch-pulse{0%,100%{opacity:1;}50%{opacity:0.5;}}

/* Evolution tab */
.cch-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch;margin-bottom:28px;}
.cch-redis-card{background:rgba(180,60,60,0.06);border:1px solid rgba(180,60,60,0.15);border-radius:12px;padding:20px;}
.cch-cachee-card{background:rgba(200,160,80,0.04);border:1px solid rgba(200,160,80,0.2);border-radius:12px;padding:20px;box-shadow:0 0 40px rgba(200,160,80,0.05);}
.cch-arrow{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;}
.cch-arrow-x{font-size:32px;font-weight:800;color:#c8a050;font-family:'Space Grotesk',sans-serif;text-shadow:0 0 20px rgba(200,160,80,0.3);}
.cch-arrow-badge{background:linear-gradient(135deg,rgba(200,160,80,0.15),rgba(200,160,80,0.05));border:1px solid rgba(200,160,80,0.2);border-radius:8px;padding:6px 14px;font-size:18px;font-weight:800;color:#c8a050;font-family:'Space Grotesk',sans-serif;}
.cch-card-label{font-size:10px;letter-spacing:2px;margin-bottom:8px;font-weight:600;}
.cch-card-num{font-size:36px;font-weight:700;line-height:1;font-family:'Space Grotesk',sans-serif;}
.cch-card-unit{font-size:12px;margin-top:4px;}
.cch-card-stats{margin-top:16px;padding:10px 14px;border-radius:8px;font-size:12px;line-height:1.6;}
.cch-card-stat{display:flex;justify-content:space-between;margin-bottom:4px;}
.cch-card-stat:last-child{margin-bottom:0;}
.cch-bar-section{margin-bottom:20px;}
.cch-bar-title{font-size:10px;letter-spacing:2px;color:rgba(200,180,140,0.35);margin-bottom:14px;font-weight:600;}
.cch-bar-row{margin-bottom:12px;}
.cch-bar-row:last-child{margin-bottom:0;}
.cch-bar-label{display:flex;justify-content:space-between;font-size:11px;color:rgba(200,180,160,0.45);margin-bottom:4px;}
.cch-bar-track{height:6px;background:rgba(255,255,255,0.03);border-radius:3px;overflow:hidden;}
.cch-bar-fill-redis{height:100%;width:3px;min-width:3px;background:#b84040;border-radius:3px;transition:width 1.2s cubic-bezier(0.16,1,0.3,1) 0.6s;}
.cch-bar-fill-cachee{height:100%;width:0%;background:linear-gradient(90deg,#c8a050,#e0c070);border-radius:3px;transition:width 1.5s cubic-bezier(0.16,1,0.3,1) 0.9s;}
.cch-blink-stat{background:linear-gradient(135deg,rgba(200,160,80,0.06),rgba(200,160,80,0.02));border:1px solid rgba(200,160,80,0.1);border-radius:12px;padding:18px 22px;text-align:center;}
.cch-blink-label{font-size:12px;color:rgba(200,180,140,0.45);margin-bottom:6px;}
.cch-blink-num{font-size:28px;font-weight:700;font-family:'Space Grotesk',sans-serif;}
.cch-blink-sub{font-size:11px;color:rgba(200,180,140,0.3);margin-top:4px;}

/* Race tab */
.cch-race-lanes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px;}
.cch-race-lane{border-radius:12px;padding:20px;text-align:center;}
.cch-race-lane-redis{background:rgba(180,60,60,0.04);border:1px solid rgba(180,60,60,0.12);}
.cch-race-lane-cachee{background:rgba(200,160,80,0.04);border:1px solid rgba(200,160,80,0.15);}
.cch-race-label{font-size:10px;letter-spacing:2px;margin-bottom:12px;font-weight:600;}
.cch-race-count{font-size:64px;font-weight:800;font-family:'Space Grotesk',sans-serif;line-height:1;min-height:76px;}
.cch-race-unit{font-size:11px;margin-top:4px;}
.cch-race-bar{margin-top:14px;height:4px;border-radius:2px;overflow:hidden;}
.cch-race-btn{padding:14px 40px;font-size:14px;font-weight:600;border:1px solid rgba(200,160,80,0.3);border-radius:10px;color:#c8a050;cursor:pointer;font-family:'JetBrains Mono',monospace;letter-spacing:1px;transition:all 0.3s;}
.cch-race-result{margin-top:20px;text-align:center;padding:14px 20px;background:rgba(200,160,80,0.04);border:1px solid rgba(200,160,80,0.1);border-radius:10px;font-size:13px;color:rgba(200,180,140,0.5);}

/* ZK Flow tab */
.cch-flow-step{display:flex;align-items:stretch;gap:16px;margin-bottom:0;}
.cch-flow-line{display:flex;flex-direction:column;align-items:center;width:40px;flex-shrink:0;}
.cch-flow-num{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#c8a050;}
.cch-flow-connector{flex:1;width:1px;background:rgba(200,160,80,0.15);margin:6px 0;}
.cch-flow-content{flex:1;padding-bottom:20px;}
.cch-flow-title{font-size:14px;font-weight:600;color:#f0ebe0;margin-bottom:6px;font-family:'Space Grotesk',sans-serif;}
.cch-flow-box{background:rgba(200,160,80,0.04);border:1px solid rgba(200,160,80,0.1);border-radius:10px;padding:16px;font-size:12px;color:rgba(200,180,140,0.45);line-height:1.7;}
.cch-flow-tags{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap;}
.cch-flow-tag{padding:3px 10px;background:rgba(200,160,80,0.08);border-radius:6px;font-size:11px;color:rgba(200,180,140,0.5);}

/* Calculator tab */
.cch-calc-slider{background:rgba(200,160,80,0.04);border:1px solid rgba(200,160,80,0.1);border-radius:12px;padding:24px;margin-bottom:20px;}
.cch-calc-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px;}
.cch-calc-label{font-size:12px;color:rgba(200,180,140,0.45);font-weight:500;}
.cch-calc-pct{font-size:32px;font-weight:800;color:#c8a050;font-family:'Space Grotesk',sans-serif;}
.cch-calc-range{width:100%;height:6px;-webkit-appearance:none;appearance:none;border-radius:3px;outline:none;cursor:pointer;}
.cch-calc-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#c8a050;cursor:pointer;border:2px solid #0a0a0f;box-shadow:0 0 10px rgba(200,160,80,0.3);}
.cch-calc-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#c8a050;cursor:pointer;border:2px solid #0a0a0f;box-shadow:0 0 10px rgba(200,160,80,0.3);}
.cch-calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;}
.cch-calc-card{background:rgba(200,160,80,0.04);border:1px solid rgba(200,160,80,0.1);border-radius:10px;padding:18px;}
.cch-calc-card-label{font-size:10px;letter-spacing:2px;color:rgba(200,180,140,0.35);margin-bottom:8px;font-weight:600;}
.cch-calc-card-val{font-size:24px;font-weight:700;font-family:'Space Grotesk',sans-serif;}
.cch-calc-card-note{font-size:10px;color:rgba(200,180,140,0.3);margin-top:2px;}
.cch-calc-insight{background:linear-gradient(135deg,rgba(200,160,80,0.06),rgba(200,160,80,0.02));border:1px solid rgba(200,160,80,0.1);border-radius:10px;padding:14px 18px;font-size:12px;color:rgba(200,180,140,0.45);line-height:1.6;}

@media(max-width:700px){
  .cch-overlay{padding:0;}
  .cch-modal{max-height:100vh;border-radius:0;max-width:100%;}
  .cch-compare{grid-template-columns:1fr;gap:12px;}
  .cch-arrow{flex-direction:row;}
  .cch-race-lanes{grid-template-columns:1fr;}
  .cch-calc-grid{grid-template-columns:1fr;}
}



.ckks-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);backdrop-filter:blur(12px);z-index:10000;align-items:center;justify-content:center;padding:1.25rem;}
.ckks-overlay.active{display:flex;}
.ckks-modal{width:100%;max-width:900px;max-height:92vh;background:linear-gradient(165deg,#0a0a0f 0%,#0d0d14 40%,#0a0c14 100%);border-radius:16px;overflow:hidden;border:1px solid rgba(96,165,250,0.15);box-shadow:0 0 80px rgba(96,165,250,0.06),0 0 2px rgba(96,165,250,0.3);display:flex;flex-direction:column;font-family:'JetBrains Mono','SF Mono',monospace;color:#c8d0dc;}
.ckks-head{padding:20px 28px 16px;border-bottom:1px solid rgba(96,165,250,0.1);display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;}
.ckks-head-left{display:flex;align-items:center;gap:14px;}
.ckks-head-icon{width:44px;height:44px;border-radius:10px;background:rgba(96,165,250,0.08);border:1px solid rgba(96,165,250,0.15);display:flex;align-items:center;justify-content:center;font-size:22px;}
.ckks-head h2{font-size:24px;font-weight:700;color:#f0ebe0;margin:0;line-height:1.2;}
.ckks-head-sub{font-size:12px;color:rgba(96,165,250,0.6);margin:2px 0 0;letter-spacing:1px;}
.ckks-close{background:rgba(96,165,250,0.08);border:1px solid rgba(96,165,250,0.15);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#60a5fa;font-size:18px;transition:all 0.2s;}
.ckks-close:hover{background:rgba(96,165,250,0.15);}
.ckks-body{flex:1;overflow:auto;padding:24px 28px;}
.ckks-body::-webkit-scrollbar{width:6px;}
.ckks-body::-webkit-scrollbar-track{background:transparent;}
.ckks-body::-webkit-scrollbar-thumb{background:rgba(96,165,250,0.15);border-radius:3px;}
.ckks-section{margin-bottom:28px;}
.ckks-section-label{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:rgba(96,165,250,0.5);font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.ckks-section-label::after{content:'';flex:1;height:1px;background:rgba(96,165,250,0.08);}
.ckks-card{background:rgba(96,165,250,0.03);border:1px solid rgba(96,165,250,0.08);border-radius:12px;padding:20px;margin-bottom:12px;}
.ckks-card h4{font-size:15px;font-weight:700;color:#60a5fa;margin:0 0 8px;}
.ckks-card p{font-size:13px;line-height:1.7;color:rgba(200,208,220,0.7);margin:0;}
.ckks-card .ckks-highlight{color:#60a5fa;font-weight:600;}
.ckks-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px;}
.ckks-stat{text-align:center;padding:14px 8px;background:rgba(96,165,250,0.04);border:1px solid rgba(96,165,250,0.06);border-radius:10px;}
.ckks-stat-val{font-size:18px;font-weight:800;color:#60a5fa;}
.ckks-stat-label{font-size:10px;color:rgba(200,208,220,0.4);margin-top:4px;letter-spacing:0.5px;}
.ckks-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin-top:16px;}
.ckks-vs-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.04);border-radius:10px;padding:16px;text-align:center;}
.ckks-vs-card.h33{background:rgba(96,165,250,0.06);border-color:rgba(96,165,250,0.15);}
.ckks-vs-arrow{font-size:24px;font-weight:800;color:#60a5fa;}
.ckks-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:1px;padding:2px 8px;border-radius:4px;background:rgba(96,165,250,0.12);color:#60a5fa;margin-left:6px;vertical-align:middle;}
.ckks-foot{padding:14px 28px;border-top:1px solid rgba(96,165,250,0.06);font-size:10px;color:rgba(96,165,250,0.2);text-align:center;flex-shrink:0;}
@media(max-width:600px){.ckks-stats{grid-template-columns:repeat(2,1fr);}}



.bio-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);backdrop-filter:blur(12px);z-index:10000;align-items:center;justify-content:center;padding:1.25rem;}
.bio-overlay.active{display:flex;}
.bio-modal{width:100%;max-width:900px;max-height:92vh;background:linear-gradient(165deg,#0a0a0f 0%,#0d0d14 40%,#100d0a 100%);border-radius:16px;overflow:hidden;border:1px solid rgba(201,149,108,0.15);box-shadow:0 0 80px rgba(201,149,108,0.06),0 0 2px rgba(201,149,108,0.3);display:flex;flex-direction:column;font-family:'JetBrains Mono','SF Mono',monospace;color:#c8d0dc;}
.bio-head{padding:20px 28px 16px;border-bottom:1px solid rgba(201,149,108,0.1);display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;}
.bio-head-left{display:flex;align-items:center;gap:14px;}
.bio-head-icon{width:44px;height:44px;border-radius:10px;background:rgba(201,149,108,0.08);border:1px solid rgba(201,149,108,0.15);display:flex;align-items:center;justify-content:center;font-size:22px;}
.bio-head h2{font-size:24px;font-weight:700;color:#f0ebe0;margin:0;line-height:1.2;}
.bio-head-sub{font-size:12px;color:rgba(201,149,108,0.6);margin:2px 0 0;letter-spacing:1px;}
.bio-close{background:rgba(201,149,108,0.08);border:1px solid rgba(201,149,108,0.15);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--bronze,#c9956c);font-size:18px;transition:all 0.2s;}
.bio-close:hover{background:rgba(201,149,108,0.15);}
.bio-body{flex:1;overflow:auto;padding:24px 28px;}
.bio-body::-webkit-scrollbar{width:6px;}
.bio-body::-webkit-scrollbar-track{background:transparent;}
.bio-body::-webkit-scrollbar-thumb{background:rgba(201,149,108,0.15);border-radius:3px;}
.bio-section{margin-bottom:28px;}
.bio-section-label{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:rgba(201,149,108,0.5);font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.bio-section-label::after{content:'';flex:1;height:1px;background:rgba(201,149,108,0.08);}
.bio-card{background:rgba(201,149,108,0.03);border:1px solid rgba(201,149,108,0.08);border-radius:12px;padding:20px;margin-bottom:12px;}
.bio-card h4{font-size:15px;font-weight:700;color:var(--bronze,#c9956c);margin:0 0 8px;}
.bio-card p{font-size:13px;line-height:1.7;color:rgba(200,208,220,0.7);margin:0;}
.bio-highlight{color:var(--bronze,#c9956c);font-weight:600;}
.bio-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px;}
.bio-stat{text-align:center;padding:14px 8px;background:rgba(201,149,108,0.04);border:1px solid rgba(201,149,108,0.06);border-radius:10px;}
.bio-stat-val{font-size:18px;font-weight:800;color:var(--bronze,#c9956c);}
.bio-stat-label{font-size:10px;color:rgba(200,208,220,0.4);margin-top:4px;letter-spacing:0.5px;}
.bio-modalities{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:16px 0;}
.bio-mod{text-align:center;padding:14px 6px;background:rgba(201,149,108,0.04);border:1px solid rgba(201,149,108,0.08);border-radius:10px;}
.bio-mod-icon{font-size:24px;margin-bottom:6px;}
.bio-mod-name{font-size:10px;color:rgba(200,208,220,0.5);font-weight:600;letter-spacing:0.5px;}
.bio-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:1px;padding:2px 8px;border-radius:4px;background:rgba(201,149,108,0.12);color:var(--bronze,#c9956c);margin-left:6px;vertical-align:middle;}
.bio-foot{padding:14px 28px;border-top:1px solid rgba(201,149,108,0.06);font-size:10px;color:rgba(201,149,108,0.2);text-align:center;flex-shrink:0;}
@media(max-width:600px){.bio-stats{grid-template-columns:repeat(2,1fr);}.bio-modalities{grid-template-columns:repeat(3,1fr);}}

/* ── MPC Modal ── */
.mpc-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);backdrop-filter:blur(12px);z-index:10000;align-items:center;justify-content:center;padding:1.25rem;}
.mpc-overlay.active{display:flex;}
.mpc-modal{width:100%;max-width:940px;max-height:92vh;background:linear-gradient(165deg,#0a0a0f 0%,#0d0d14 40%,#120d0a 100%);border-radius:16px;overflow:hidden;border:1px solid rgba(232,93,74,0.15);box-shadow:0 0 80px rgba(232,93,74,0.06),0 0 2px rgba(232,93,74,0.3);display:flex;flex-direction:column;font-family:'JetBrains Mono','SF Mono',monospace;color:#c8d0dc;}
.mpc-head{padding:20px 28px 16px;border-bottom:1px solid rgba(232,93,74,0.1);display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;}
.mpc-head-left{display:flex;align-items:center;gap:14px;}
.mpc-head-icon{width:44px;height:44px;border-radius:10px;background:rgba(232,93,74,0.08);border:1px solid rgba(232,93,74,0.15);display:flex;align-items:center;justify-content:center;font-size:22px;}
.mpc-head h2{font-size:24px;font-weight:700;color:#f0ebe0;margin:0;line-height:1.2;}
.mpc-head-sub{font-size:12px;color:rgba(232,93,74,0.6);margin:2px 0 0;letter-spacing:1px;}
.mpc-close{background:rgba(232,93,74,0.08);border:1px solid rgba(232,93,74,0.15);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#e85d4a;font-size:18px;transition:all 0.2s;}
.mpc-close:hover{background:rgba(232,93,74,0.15);}
.mpc-body{flex:1;overflow:auto;padding:24px 28px;}
.mpc-body::-webkit-scrollbar{width:6px;}
.mpc-body::-webkit-scrollbar-track{background:transparent;}
.mpc-body::-webkit-scrollbar-thumb{background:rgba(232,93,74,0.15);border-radius:3px;}
.mpc-section{margin-bottom:28px;}
.mpc-section-label{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:rgba(232,93,74,0.5);font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.mpc-section-label::after{content:'';flex:1;height:1px;background:rgba(232,93,74,0.08);}
.mpc-card{background:rgba(232,93,74,0.03);border:1px solid rgba(232,93,74,0.08);border-radius:12px;padding:20px;margin-bottom:12px;}
.mpc-card h4{font-size:15px;font-weight:700;color:#e85d4a;margin:0 0 8px;}
.mpc-card p{font-size:13px;line-height:1.7;color:rgba(200,208,220,0.7);margin:0;}
.mpc-highlight{color:#e85d4a;font-weight:600;}
.mpc-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px;}
.mpc-stat{text-align:center;padding:14px 8px;background:rgba(232,93,74,0.04);border:1px solid rgba(232,93,74,0.06);border-radius:10px;}
.mpc-stat-val{font-size:18px;font-weight:800;color:#e85d4a;}
.mpc-stat-label{font-size:10px;color:rgba(200,208,220,0.4);margin-top:4px;letter-spacing:0.5px;}
.mpc-pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0;}
.mpc-pipe{text-align:center;padding:16px 8px;background:rgba(232,93,74,0.04);border:1px solid rgba(232,93,74,0.08);border-radius:10px;position:relative;}
.mpc-pipe-num{font-size:9px;font-weight:700;letter-spacing:1px;color:rgba(232,93,74,0.5);margin-bottom:6px;}
.mpc-pipe-name{font-size:12px;font-weight:700;color:#e85d4a;margin-bottom:4px;}
.mpc-pipe-desc{font-size:10px;color:rgba(200,208,220,0.4);line-height:1.4;}
.mpc-api{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0;}
.mpc-endpoint{background:rgba(232,93,74,0.03);border:1px solid rgba(232,93,74,0.06);border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:10px;}
.mpc-method{font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px;}
.mpc-method.post{background:rgba(74,222,128,0.1);color:#4ade80;border:1px solid rgba(74,222,128,0.2);}
.mpc-method.get{background:rgba(96,165,250,0.1);color:#60a5fa;border:1px solid rgba(96,165,250,0.2);}
.mpc-path{font-size:11px;color:rgba(200,208,220,0.5);}
.mpc-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:1px;padding:2px 8px;border-radius:4px;background:rgba(232,93,74,0.12);color:#e85d4a;margin-left:6px;vertical-align:middle;}
.mpc-foot{padding:14px 28px;border-top:1px solid rgba(232,93,74,0.06);font-size:10px;color:rgba(232,93,74,0.2);text-align:center;flex-shrink:0;}
@media(max-width:600px){.mpc-stats{grid-template-columns:repeat(2,1fr);}.mpc-pipeline{grid-template-columns:repeat(2,1fr);}.mpc-api{grid-template-columns:1fr;}}






    .bench-modal {
        display: none;
        position: fixed;
        inset: 0;
        z-index: 10000;
        background: rgba(0,0,0,0.85);
        backdrop-filter: blur(12px);
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
    .bench-modal.active { display: flex; }
    .bench-modal-box {
        width: 100%; max-width: 720px;
        max-height: 85vh;
        background: linear-gradient(180deg, #0f0f1a 0%, #0a0a12 100%);
        border: 1px solid rgba(255,255,255,0.08);
        border-radius: 16px;
        box-shadow: 0 0 80px rgba(74,222,128,0.08), 0 25px 50px rgba(0,0,0,0.5);
        overflow: hidden;
        display: flex; flex-direction: column;
        animation: benchSlideUp 0.3s ease-out;
    }
    @keyframes benchSlideUp {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }
    @keyframes benchPulse {
        0%, 100% { opacity: 1; }
        50% { opacity: 0.6; }
    }
    .bench-header {
        display: flex; align-items: center; justify-content: space-between;
        padding: 20px 24px 16px;
        border-bottom: 1px solid rgba(255,255,255,0.06);
    }
    .bench-header-dot {
        width: 8px; height: 8px; border-radius: 50%;
        background: var(--green);
        box-shadow: 0 0 8px rgba(74,222,128,0.5);
        animation: benchPulse 2s infinite;
        display: inline-block;
    }
    .bench-header h2 {
        margin: 0; font-size: 18px; font-weight: 700;
        color: #e2e8f0; letter-spacing: -0.01em;
        display: inline; margin-left: 10px;
    }
    .bench-header-sub {
        font-size: 12px; color: #64748b; margin-top: 4px; margin-left: 18px;
    }
    .bench-close {
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.1);
        border-radius: 8px;
        padding: 8px; cursor: pointer;
        color: #64748b;
        display: flex; align-items: center; justify-content: center;
        transition: all 0.15s;
        line-height: 1;
    }
    .bench-close:hover { background: rgba(255,255,255,0.1); color: #e2e8f0; }
    .bench-tabs {
        display: flex; gap: 2px;
        padding: 0 24px;
        background: rgba(255,255,255,0.02);
        border-bottom: 1px solid rgba(255,255,255,0.06);
    }
    .bench-tab {
        display: flex; align-items: center; gap: 6px;
        padding: 12px 16px;
        font-size: 13px; font-weight: 400;
        color: #64748b;
        background: transparent; border: none;
        border-bottom: 2px solid transparent;
        cursor: pointer; transition: all 0.15s;
        margin-bottom: -1px;
        font-family: 'Inter', -apple-system, sans-serif;
    }
    .bench-tab.active {
        font-weight: 600; color: var(--green);
        border-bottom-color: var(--green);
    }
    .bench-tab svg { width: 14px; height: 14px; }
    .bench-body {
        flex: 1; overflow-y: auto; padding: 20px 24px 24px;
    }
    .bench-footer {
        padding: 14px 24px;
        border-top: 1px solid rgba(255,255,255,0.06);
        display: flex; align-items: center; justify-content: space-between;
        background: rgba(255,255,255,0.01);
        font-size: 12px; color: #475569;
    }
    .bench-footer-right {
        font-size: 11px; color: #334155;
        font-family: 'JetBrains Mono', monospace;
    }
    .bench-tab-content { display: none; }
    .bench-tab-content.active { display: block; }
    .bench-mono {
        font-family: 'JetBrains Mono', 'Fira Code', monospace;
    }
    .bench-big-num {
        font-size: 40px; font-weight: 800;
        font-family: 'JetBrains Mono', monospace;
        color: var(--green); line-height: 1;
    }
    .bench-bar-row {
        display: flex; align-items: center; gap: 12px;
        cursor: pointer; padding: 2px 0;
    }
    .bench-bar-label {
        width: 90px; font-size: 12px; color: #94a3b8;
        font-family: 'JetBrains Mono', monospace;
        text-align: right; flex-shrink: 0;
    }
    .bench-bar-track {
        flex: 1; position: relative; height: 32px;
    }
    .bench-bar-bg {
        position: absolute; inset: 0;
        background: rgba(255,255,255,0.03);
        border-radius: 4px;
    }
    .bench-bar-fill {
        position: absolute; top: 0; left: 0; bottom: 0;
        width: 0%; border-radius: 4px;
        transition: width 1s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .bench-bar-fill.final {
        background: linear-gradient(90deg, var(--green), #22d3ee);
        box-shadow: 0 0 20px rgba(74,222,128,0.3);
    }
    .bench-bar-value {
        position: absolute; top: 0; bottom: 0;
        display: flex; align-items: center;
        font-size: 13px;
        font-family: 'JetBrains Mono', monospace;
        font-weight: 500; color: #e2e8f0;
        opacity: 0;
        transition: opacity 0.4s;
        white-space: nowrap;
    }
    .bench-bar-value.final { font-weight: 700; color: var(--green); }
    .bench-bar-badge {
        margin-left: 8px; font-size: 11px;
        background: rgba(74,222,128,0.15);
        color: var(--green);
        padding: 2px 8px; border-radius: 10px;
        border: 1px solid rgba(74,222,128,0.3);
    }
    .bench-bar-hover {
        margin-left: 8px; font-size: 11px; color: #64748b;
        display: none;
    }
    .bench-bar-row:hover .bench-bar-hover { display: inline; }
    .bench-stats-grid {
        display: grid; gap: 10px; margin-top: 20px;
    }
    .bench-stats-grid.cols-3 { grid-template-columns: 1fr 1fr 1fr; }
    .bench-stats-grid.cols-2 { grid-template-columns: 1fr 1fr; }
    .bench-stat-card {
        padding: 12px;
        background: rgba(255,255,255,0.02);
        border-radius: 8px;
        border: 1px solid rgba(255,255,255,0.05);
    }
    .bench-stat-card-label {
        font-size: 10px; color: #64748b;
        text-transform: uppercase; letter-spacing: 0.05em;
    }
    .bench-stat-card-value {
        font-size: 20px; font-weight: 700; color: #e2e8f0;
        font-family: 'JetBrains Mono', monospace;
        margin-top: 4px;
    }
    .bench-stat-card-desc {
        font-size: 11px; color: #475569; margin-top: 2px;
    }
    .bench-latency-header {
        display: flex; align-items: center; gap: 8px;
        margin-bottom: 20px; padding: 12px 16px;
        background: linear-gradient(90deg, rgba(74,222,128,0.08), transparent);
        border-radius: 8px;
        border-left: 3px solid var(--green);
        font-size: 14px;
    }
    .bench-latency-header strong { color: var(--green); font-weight: 600; }
    .bench-latency-header span { font-size: 12px; color: #94a3b8; margin-left: 4px; }
    .bench-latency-grid-header {
        display: grid;
        grid-template-columns: 70px 1fr 65px 65px 65px;
        gap: 8px; padding: 0 0 8px;
        border-bottom: 1px solid rgba(255,255,255,0.06);
        font-size: 11px; color: #64748b;
        font-family: 'JetBrains Mono', monospace;
        text-transform: uppercase; letter-spacing: 0.05em;
    }
    .bench-latency-row {
        display: grid;
        grid-template-columns: 70px 1fr 65px 65px 65px;
        gap: 8px; align-items: center;
        padding: 6px 0;
    }
    .bench-latency-rate {
        font-size: 13px; color: #e2e8f0; font-weight: 600;
        font-family: 'JetBrains Mono', monospace;
    }
    .bench-latency-bar {
        position: relative; height: 24px;
    }
    .bench-latency-bar-bg {
        position: absolute; inset: 0;
        background: rgba(255,255,255,0.03);
        border-radius: 3px;
    }
    .bench-latency-bar-fill {
        position: absolute; top: 0; left: 0; bottom: 0;
        width: 0%; border-radius: 3px;
        transition: width 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .bench-latency-val {
        text-align: right; font-size: 13px;
        font-family: 'JetBrains Mono', monospace;
        font-weight: 600;
    }
    .bench-latency-secondary {
        text-align: right; font-size: 12px;
        font-family: 'JetBrains Mono', monospace;
        color: #94a3b8;
    }
    .bench-single-amortized {
        margin-top: 20px;
        display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
    }
    .bench-single-card {
        border-radius: 8px; padding: 14px;
    }
    .bench-single-card.purple {
        background: rgba(139,92,246,0.08);
        border: 1px solid rgba(139,92,246,0.2);
    }
    .bench-single-card.green {
        background: rgba(74,222,128,0.08);
        border: 1px solid rgba(74,222,128,0.2);
    }
    .bench-single-card-label {
        font-size: 11px; text-transform: uppercase;
        letter-spacing: 0.05em; margin-bottom: 4px;
    }
    .bench-single-card.purple .bench-single-card-label { color: #a78bfa; }
    .bench-single-card.green .bench-single-card-label { color: var(--green); }
    .bench-single-card-value {
        font-size: 24px; font-weight: 700;
        font-family: 'JetBrains Mono', monospace;
    }
    .bench-single-card.purple .bench-single-card-value { color: #e2e8f0; }
    .bench-single-card.green .bench-single-card-value { color: var(--green); }
    .bench-scale-top {
        display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px;
    }
    .bench-scale-card {
        background: rgba(255,255,255,0.03);
        border: 1px solid rgba(255,255,255,0.06);
        border-radius: 10px; padding: 16px; text-align: center;
    }
    .bench-scale-card-label {
        font-size: 11px; color: #64748b;
        text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 8px;
    }
    .bench-scale-card-value {
        font-size: 22px; font-weight: 700; color: #e2e8f0;
        font-family: 'JetBrains Mono', monospace;
    }
    .bench-scale-card-sub {
        font-size: 11px; color: #64748b; margin-top: 4px;
    }
    .bench-scenario {
        display: flex; align-items: center; gap: 16px;
        padding: 12px 16px; border-radius: 6px;
    }
    .bench-scenario:nth-child(odd) { background: rgba(255,255,255,0.02); }
    .bench-scenario-dot {
        width: 6px; height: 6px; border-radius: 50%;
        background: var(--green); flex-shrink: 0;
    }
    .bench-scenario-org {
        font-size: 14px; color: #e2e8f0; font-weight: 600;
    }
    .bench-scenario-users {
        font-weight: 400; color: #94a3b8; margin-left: 8px; font-size: 12px;
    }
    .bench-scenario-note {
        font-size: 12px; color: var(--green); margin-top: 2px;
    }
    .bench-scenario-auths {
        font-size: 12px; color: #64748b;
        font-family: 'JetBrains Mono', monospace;
        flex-shrink: 0;
    }
    .bench-infra {
        background: linear-gradient(135deg, rgba(74,222,128,0.06), rgba(139,92,246,0.06));
        border: 1px solid rgba(74,222,128,0.15);
        border-radius: 10px; padding: 16px; margin-top: 20px;
    }
    .bench-method-section {
        background: rgba(255,255,255,0.02);
        border: 1px solid rgba(255,255,255,0.06);
        border-radius: 8px; padding: 14px 16px;
        margin-bottom: 12px;
    }
    .bench-method-title {
        font-size: 12px; color: #a78bfa; font-weight: 600;
        text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 10px;
    }
    .bench-method-item {
        display: flex; align-items: flex-start; gap: 8px;
        font-size: 13px; color: #cbd5e1; line-height: 1.5;
        margin-bottom: 6px;
    }
    .bench-method-item:last-child { margin-bottom: 0; }
    .bench-method-chevron {
        color: #475569; margin-top: 3px; flex-shrink: 0;
        font-size: 12px;
    }
    .bench-method-footer {
        padding: 12px 16px;
        background: rgba(139,92,246,0.08);
        border: 1px solid rgba(139,92,246,0.2);
        border-radius: 8px;
        font-size: 12px; color: #a78bfa;
        display: flex; align-items: center; gap: 8px;
    }
    @media (max-width: 600px) {
        .bench-modal-box { max-height: 90vh; }
        .bench-scale-top { grid-template-columns: 1fr; }
        .bench-stats-grid.cols-3 { grid-template-columns: 1fr; }
        .bench-single-amortized { grid-template-columns: 1fr; }
        .bench-latency-grid-header,
        .bench-latency-row { grid-template-columns: 60px 1fr 55px 55px 55px; font-size: 11px; }
        .bench-tab { padding: 10px 10px; font-size: 12px; }
        .bench-big-num { font-size: 28px; }
    }



.load-overlay {
    --lm-bg: #08090b;
    --lm-bg2: #0e1015;
    --lm-surface: #12141a;
    --lm-surface2: #181b23;
    --lm-border: rgba(255,255,255,0.06);
    --lm-border-bright: rgba(255,255,255,0.12);
    --lm-text: #e8ecf1;
    --lm-text2: #7d8694;
    --lm-text3: #3e4550;
    --lm-copper: #c8843e;
    --lm-green: #34d399;
    --lm-green-dim: rgba(52,211,153,0.12);
    --lm-green-glow: rgba(52,211,153,0.25);
    --lm-red: #f87171;
    --lm-red-dim: rgba(248,113,113,0.12);
    --lm-amber: #fbbf24;
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.75);
    backdrop-filter: blur(8px);
    z-index: 10000;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}
.load-overlay.active { display: flex; }

.lm-modal {
    background: var(--lm-bg2);
    border: 1px solid var(--lm-border-bright);
    border-radius: 16px;
    width: 100%;
    max-width: 860px;
    max-height: 92vh;
    overflow-y: auto;
    position: relative;
    animation: lm-in 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 40px 120px rgba(0,0,0,0.6);
}
@keyframes lm-in {
    from { opacity: 0; transform: translateY(20px) scale(0.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
.lm-modal::-webkit-scrollbar { width: 4px; }
.lm-modal::-webkit-scrollbar-track { background: transparent; }
.lm-modal::-webkit-scrollbar-thumb { background: var(--lm-text3); border-radius: 4px; }

.lm-close {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    width: 32px;
    height: 32px;
    background: var(--lm-surface);
    border: 1px solid var(--lm-border);
    border-radius: 8px;
    color: var(--lm-text2);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
    z-index: 10;
}
.lm-close:hover { background: var(--lm-surface2); color: var(--lm-text); border-color: var(--lm-border-bright); }

.lm-head {
    padding: 2rem 2.5rem 1.5rem;
    border-bottom: 1px solid var(--lm-border);
}
.lm-kicker {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--lm-green);
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    gap: 6px;
}
.lm-kicker .lm-pulse {
    width: 6px; height: 6px;
    background: var(--lm-green);
    border-radius: 50%;
    animation: lm-blink 2s ease-in-out infinite;
}
@keyframes lm-blink { 0%,100% { opacity:1; } 50% { opacity:0.3; } }

.lm-title {
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    color: var(--lm-text);
}
.lm-title em { font-style: normal; color: var(--lm-green); }
.lm-sub { font-size: 0.95rem; color: var(--lm-text2); line-height: 1.6; max-width: 600px; }
.lm-body { padding: 2rem 2.5rem 2.5rem; }

/* Slider */
.lm-load-control { margin-bottom: 2rem; }
.lm-load-label { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 0.75rem; }
.lm-load-label .lm-left { font-family: 'JetBrains Mono', monospace; font-size: 0.7rem; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: var(--lm-text2); }
.lm-load-label .lm-right { font-family: 'JetBrains Mono', monospace; font-size: 0.85rem; font-weight: 700; color: var(--lm-green); }

.lm-slider-wrap {
    position: relative;
    height: 44px;
    background: var(--lm-surface);
    border: 1px solid var(--lm-border);
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}
.lm-slider-fill {
    position: absolute;
    left: 0; top: 0; bottom: 0;
    background: var(--lm-green-dim);
    border-right: 2px solid var(--lm-green);
    transition: width 0.08s linear;
}
.lm-slider-labels {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    pointer-events: none;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.65rem;
    color: var(--lm-text3);
    letter-spacing: 0.05em;
}
.lm-slider-labels span.active { color: var(--lm-text2); }

.lm-presets { display: flex; gap: 0.5rem; margin-top: 0.75rem; }
.lm-preset {
    padding: 0.4rem 0.75rem;
    background: var(--lm-surface);
    border: 1px solid var(--lm-border);
    border-radius: 6px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    color: var(--lm-text2);
    cursor: pointer;
    transition: all 0.15s;
}
.lm-preset:hover { border-color: var(--lm-border-bright); color: var(--lm-text); }
.lm-preset.active { border-color: var(--lm-green); color: var(--lm-green); background: var(--lm-green-dim); }

/* Metrics */
.lm-metrics {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1px;
    background: var(--lm-border);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 2rem;
}
.lm-metric {
    background: var(--lm-surface);
    padding: 1rem;
    text-align: center;
}
.lm-metric .mc-label { font-family: 'JetBrains Mono', monospace; font-size: 0.55rem; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--lm-text3); margin-bottom: 0.4rem; }
.lm-metric .mc-value { font-family: 'JetBrains Mono', monospace; font-size: 1.35rem; font-weight: 700; line-height: 1; transition: color 0.3s; }
.lm-metric .mc-unit { font-size: 0.65rem; color: var(--lm-text3); margin-top: 0.2rem; }
.lm-metric .mc-delta { font-family: 'JetBrains Mono', monospace; font-size: 0.65rem; font-weight: 600; margin-top: 0.4rem; transition: color 0.3s; }

/* Batch grid */
.lm-batch-label { font-family: 'JetBrains Mono', monospace; font-size: 0.65rem; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--lm-text3); margin-bottom: 1rem; display: flex; align-items: center; justify-content: space-between; }
.lm-batch-label .lm-fill-pct { color: var(--lm-green); font-weight: 700; font-size: 0.75rem; }
.lm-batch-grid {
    display: grid;
    grid-template-columns: repeat(32, 1fr);
    gap: 3px;
    padding: 1rem;
    background: var(--lm-surface);
    border: 1px solid var(--lm-border);
    border-radius: 10px;
}
.lm-slot {
    aspect-ratio: 1;
    border-radius: 3px;
    background: var(--lm-bg);
    border: 1px solid var(--lm-border);
    transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.lm-slot.filled { background: var(--lm-green); border-color: var(--lm-green); box-shadow: 0 0 8px var(--lm-green-glow); }
.lm-slot.wasted { background: var(--lm-red-dim); border-color: rgba(248,113,113,0.2); }
.lm-batch-legend { display: flex; gap: 1.5rem; margin-top: 0.75rem; font-size: 0.7rem; color: var(--lm-text3); }
.lm-batch-legend .lm-leg { display: flex; align-items: center; gap: 0.4rem; }
.lm-batch-legend .lm-sw { width: 10px; height: 10px; border-radius: 2px; }
.lm-sw.lm-filled { background: var(--lm-green); }
.lm-sw.lm-empty { background: var(--lm-bg); border: 1px solid var(--lm-border); }
.lm-sw.lm-wasted { background: var(--lm-red-dim); border: 1px solid rgba(248,113,113,0.2); }

/* Chart */
.lm-chart-wrap {
    background: var(--lm-surface);
    border: 1px solid var(--lm-border);
    border-radius: 10px;
    padding: 1.5rem;
    position: relative;
    height: 220px;
}
.lm-chart-svg { width: 100%; height: 100%; }

/* Explanation */
.lm-explain { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.5rem; }
.lm-explain-card {
    background: var(--lm-surface);
    border: 1px solid var(--lm-border);
    border-radius: 10px;
    padding: 1.25rem;
}
.lm-explain-card .lm-ec-icon { font-size: 1.25rem; margin-bottom: 0.5rem; }
.lm-explain-card h4 { font-size: 0.85rem; font-weight: 600; margin-bottom: 0.4rem; line-height: 1.3; }
.lm-explain-card p { font-size: 0.78rem; color: var(--lm-text2); line-height: 1.6; }
.lm-explain-card.lm-red { border-color: rgba(248,113,113,0.15); }
.lm-explain-card.lm-green { border-color: rgba(52,211,153,0.15); }
.lm-explain-card.lm-red h4 { color: var(--lm-red); }
.lm-explain-card.lm-green h4 { color: var(--lm-green); }

.lm-proof {
    background: var(--lm-surface);
    border: 1px solid var(--lm-border);
    border-radius: 10px;
    padding: 1.25rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    color: var(--lm-text3);
    line-height: 1.7;
    text-align: center;
}
.lm-proof strong { color: var(--lm-text2); font-weight: 600; }

@media (max-width: 700px) {
    .load-overlay { padding: 0; }
    .lm-modal { max-height: 100vh; border-radius: 0; max-width: 100%; }
    .lm-head { padding: 1.5rem; }
    .lm-body { padding: 1.5rem; }
    .lm-title { font-size: 1.3rem; }
    .lm-metrics { grid-template-columns: repeat(2, 1fr); }
    .lm-batch-grid { grid-template-columns: repeat(16, 1fr); }
    .lm-explain { grid-template-columns: 1fr; }
}



.am-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);z-index:1000;display:none;align-items:center;justify-content:center;padding:1.25rem;}
.am-overlay.active{display:flex;animation:am-ov-in .3s ease-out;}
.am-overlay.closing{animation:am-ov-out .2s ease-in forwards;}
@keyframes am-ov-in{from{opacity:0}to{opacity:1}}
@keyframes am-ov-out{from{opacity:1}to{opacity:0}}
.am-modal{background:#0c0d11;border:1px solid rgba(255,255,255,0.09);border-radius:16px;width:100%;max-width:920px;max-height:94vh;overflow-y:auto;position:relative;animation:am-m-in .35s cubic-bezier(.16,1,.3,1);box-shadow:0 40px 100px rgba(0,0,0,.5);}
.am-overlay.closing .am-modal{animation:am-m-out .2s ease-in forwards;}
@keyframes am-m-in{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@keyframes am-m-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(8px) scale(.99)}}
.am-modal::-webkit-scrollbar{width:4px;}
.am-modal::-webkit-scrollbar-track{background:transparent;}
.am-modal::-webkit-scrollbar-thumb{background:#3f4455;border-radius:2px;}
.am-close{position:absolute;top:1rem;right:1rem;width:30px;height:30px;background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:7px;color:#7c8293;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:10;}
.am-close:hover{background:#17191f;color:#e6e9f0;}
.am-head{padding:2rem 2.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,0.05);}
.am-kicker{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#2dd4a0;margin-bottom:.6rem;display:flex;align-items:center;gap:6px;}
.am-kicker .am-dot{width:5px;height:5px;background:#2dd4a0;border-radius:50%;animation:am-bk 2s ease infinite;}
@keyframes am-bk{0%,100%{opacity:1}50%{opacity:.25}}
.am-title{font-size:1.65rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:.4rem;color:#e6e9f0;}
.am-title .am-num{font-family:'JetBrains Mono',monospace;color:#2dd4a0;}
.am-sub{font-size:.9rem;color:#7c8293;max-width:560px;line-height:1.6;}
.am-body{padding:1.75rem 2.25rem 2.25rem;}
.am-hero-counter{text-align:center;padding:2rem 0;margin-bottom:1.75rem;}
.am-hc-number{font-family:'JetBrains Mono',monospace;font-size:3.5rem;font-weight:700;color:#2dd4a0;letter-spacing:-.02em;line-height:1;}
.am-hc-unit{font-family:'JetBrains Mono',monospace;font-size:.9rem;color:#7c8293;margin-top:.3rem;}
.am-hc-sub{font-size:.8rem;color:#3f4455;margin-top:.5rem;}
.am-sim-section{margin-bottom:1.75rem;}
.am-sim-label{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#3f4455;margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;}
.am-sim-label .am-tag{color:#2dd4a0;font-weight:700;}
.am-worker-grid{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;padding:1rem;background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:10px;margin-bottom:1rem;}
.am-worker{aspect-ratio:1;border-radius:2px;background:#07080a;border:1px solid rgba(255,255,255,0.05);transition:all .15s;}
.am-worker.active{background:#2dd4a0;border-color:#2dd4a0;box-shadow:0 0 6px rgba(45,212,160,0.2);}
.am-worker-control{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;}
.am-wc-label{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:#7c8293;white-space:nowrap;min-width:90px;}
.am-wc-slider{flex:1;-webkit-appearance:none;height:5px;background:#1d2028;border-radius:3px;outline:none;}
.am-wc-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#2dd4a0;border:2px solid #07080a;border-radius:50%;cursor:pointer;}
.am-wc-value{font-family:'JetBrains Mono',monospace;font-size:.8rem;font-weight:700;color:#2dd4a0;min-width:35px;text-align:right;}
.am-worker-presets{display:flex;gap:.4rem;margin-bottom:1.5rem;}
.am-wp-btn{padding:.35rem .65rem;background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:5px;font-family:'JetBrains Mono',monospace;font-size:.65rem;color:#7c8293;cursor:pointer;transition:all .15s;}
.am-wp-btn:hover{border-color:rgba(255,255,255,0.09);color:#e6e9f0;}
.am-wp-btn.active{border-color:#2dd4a0;color:#2dd4a0;background:rgba(45,212,160,0.08);}
.am-metrics-row{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,0.05);border-radius:10px;overflow:hidden;margin-bottom:1.75rem;}
.am-met-cell{background:#111318;padding:.85rem .6rem;text-align:center;}
.am-met-cell .am-ml{font-family:'JetBrains Mono',monospace;font-size:.5rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#3f4455;margin-bottom:.25rem;}
.am-met-cell .am-mv{font-family:'JetBrains Mono',monospace;font-size:1.15rem;font-weight:700;line-height:1;}
.am-met-cell .am-ms{font-size:.6rem;color:#3f4455;margin-top:.15rem;}
.am-chart-section{margin-bottom:1.75rem;}
.am-chart-wrap{background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:10px;padding:1.25rem;height:200px;position:relative;}
.am-chart-wrap svg{width:100%;height:100%;}
.am-pipeline{display:flex;align-items:center;gap:0;margin-bottom:1.75rem;overflow-x:auto;}
.am-pipe-stage{flex:1;min-width:0;background:#111318;border:1px solid rgba(255,255,255,0.05);padding:.65rem .5rem;text-align:center;position:relative;}
.am-pipe-stage:first-child{border-radius:8px 0 0 8px;}
.am-pipe-stage:last-child{border-radius:0 8px 8px 0;}
.am-pipe-stage .am-ps-name{font-size:.65rem;font-weight:600;margin-bottom:.15rem;white-space:nowrap;color:#e6e9f0;}
.am-pipe-stage .am-ps-time{font-family:'JetBrains Mono',monospace;font-size:.7rem;font-weight:700;color:#2dd4a0;}
.am-pipe-stage .am-ps-pct{font-family:'JetBrains Mono',monospace;font-size:.55rem;color:#3f4455;margin-top:.1rem;}
.am-pipe-arrow{color:#3f4455;font-size:.7rem;flex-shrink:0;margin:0 -1px;z-index:1;}
.am-breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.75rem;}
.am-bd-card{background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:10px;padding:1.1rem;}
.am-bd-card .am-bd-icon{font-size:1.1rem;margin-bottom:.4rem;}
.am-bd-card h4{font-size:.82rem;font-weight:600;margin-bottom:.3rem;color:#e6e9f0;}
.am-bd-card p{font-size:.72rem;color:#7c8293;line-height:1.55;}
.am-bd-card .am-bd-stat{font-family:'JetBrains Mono',monospace;font-size:.65rem;font-weight:600;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,0.05);}
.am-bd-stat.am-green{color:#2dd4a0;}
.am-bd-stat.am-amber{color:#f0b830;}
.am-proof-box{background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:10px;padding:1.1rem;font-family:'JetBrains Mono',monospace;font-size:.65rem;color:#3f4455;line-height:1.7;text-align:center;}
.am-proof-box strong{color:#7c8293;font-weight:600;}
@media(max-width:700px){
  .am-overlay{padding:0;}
  .am-modal{max-height:100vh;border-radius:0;max-width:100%;}
  .am-head{padding:1.5rem;}
  .am-body{padding:1.5rem;}
  .am-title{font-size:1.3rem;}
  .am-metrics-row{grid-template-columns:repeat(3,1fr);}
  .am-breakdown-grid{grid-template-columns:1fr;}
  .am-worker-grid{grid-template-columns:repeat(12,1fr);}
  .am-hc-number{font-size:2.5rem;}
}



.q56-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);z-index:1000;display:none;align-items:center;justify-content:center;padding:1.25rem;}
.q56-overlay.active{display:flex;animation:q56-ov .3s ease-out;}
@keyframes q56-ov{from{opacity:0}to{opacity:1}}
.q56-modal{background:var(--black-card,#0c0d11);border:1px solid rgba(255,255,255,.09);border-radius:16px;width:100%;max-width:1100px;max-height:94vh;overflow-y:auto;position:relative;animation:q56-mi .35s cubic-bezier(.16,1,.3,1);box-shadow:0 40px 100px rgba(0,0,0,.5);}
@keyframes q56-mi{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.q56-modal::-webkit-scrollbar{width:4px;}.q56-modal::-webkit-scrollbar-track{background:transparent;}.q56-modal::-webkit-scrollbar-thumb{background:rgba(63,68,85,.6);border-radius:2px;}
.q56-close{position:absolute;top:1rem;right:1rem;width:30px;height:30px;background:rgba(17,19,24,.8);border:1px solid rgba(255,255,255,.05);border-radius:7px;color:rgba(124,130,147,1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:10;}
.q56-close:hover{background:rgba(23,25,31,.9);color:var(--text,#e6e9f0);}
.q56-head{padding:2rem 2.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);}
.q56-kicker{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze,#c8813a);margin-bottom:.6rem;display:flex;align-items:center;gap:6px;}
.q56-kicker .q56-dot{width:5px;height:5px;background:var(--bronze,#c8813a);border-radius:50%;animation:q56-bk 2s ease infinite;}
@keyframes q56-bk{0%,100%{opacity:1}50%{opacity:.25}}
.q56-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:.45rem;}
.q56-title .q56-hl{color:var(--bronze,#c8813a);}
.q56-title .q56-g{color:var(--green,#2dd4a0);}
.q56-sub{font-size:.88rem;color:rgba(124,130,147,1);max-width:620px;line-height:1.6;}
.q56-body{padding:1.75rem 2.25rem 2.25rem;}
.q56-sec-label{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(63,68,85,1);margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;}
.q56-sec-label .q56-tag{font-weight:700;}

.q56-chain-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;}
.q56-chain-card{border-radius:12px;padding:1.25rem;position:relative;}
.q56-chain-card.q56-seal{background:rgba(107,122,237,.06);border:1px solid rgba(107,122,237,.1);}
.q56-chain-card.q56-h33{background:rgba(45,212,160,.08);border:1px solid rgba(45,212,160,.1);}
.q56-cc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem;}
.q56-cc-name{font-family:'JetBrains Mono',monospace;font-size:.8rem;font-weight:700;}
.q56-cc-name.q56-seal-c{color:#6b7aed;}
.q56-cc-name.q56-h33-c{color:var(--green,#2dd4a0);}
.q56-cc-badge{font-family:'JetBrains Mono',monospace;font-size:.55rem;font-weight:600;padding:.15rem .4rem;border-radius:3px;letter-spacing:.06em;}
.q56-seal .q56-cc-badge{background:rgba(107,122,237,.15);color:#6b7aed;}
.q56-h33 .q56-cc-badge{background:rgba(45,212,160,.15);color:var(--green,#2dd4a0);}

.q56-prime-chain{display:flex;gap:4px;margin-bottom:.75rem;align-items:center;min-height:52px;}
.q56-prime-block{border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.4rem .25rem;font-family:'JetBrains Mono',monospace;position:relative;}
.q56-seal .q56-prime-block{background:rgba(107,122,237,.12);border:1px solid rgba(107,122,237,.2);}
.q56-h33 .q56-prime-block{background:rgba(45,212,160,.12);border:1px solid rgba(45,212,160,.2);box-shadow:0 0 12px rgba(45,212,160,.18);}
.q56-pb-bits{font-size:.7rem;font-weight:700;line-height:1;}
.q56-seal .q56-pb-bits{color:#6b7aed;}
.q56-h33 .q56-pb-bits{color:var(--green,#2dd4a0);}
.q56-pb-label{font-size:.45rem;color:rgba(63,68,85,1);margin-top:.1rem;letter-spacing:.04em;}
.q56-prime-plus{color:rgba(63,68,85,1);font-family:'JetBrains Mono',monospace;font-size:.7rem;flex-shrink:0;}
.q56-cc-total{font-family:'JetBrains Mono',monospace;font-size:1.3rem;font-weight:700;margin-bottom:.1rem;}
.q56-seal .q56-cc-total{color:#6b7aed;}
.q56-h33 .q56-cc-total{color:var(--green,#2dd4a0);}
.q56-cc-total-sub{font-size:.7rem;color:rgba(63,68,85,1);}
.q56-cc-consequences{margin-top:.75rem;padding-top:.65rem;border-top:1px solid rgba(255,255,255,.05);}
.q56-cc-item{display:flex;align-items:flex-start;gap:.4rem;margin-bottom:.35rem;font-size:.72rem;line-height:1.45;color:rgba(124,130,147,1);}
.q56-cc-icon{flex-shrink:0;margin-top:.1rem;font-size:.7rem;}

.q56-why-box{background:rgba(17,19,24,.8);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden;margin-bottom:2rem;}
.q56-why-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--bronze,#c8813a),var(--green,#2dd4a0));border-radius:2px 2px 0 0;}
.q56-circuit-viz{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:1.25rem 0;flex-wrap:wrap;}
.q56-cv-node{width:80px;padding:.5rem .3rem;border-radius:7px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;}
.q56-cv-node.q56-input{background:rgba(88,153,240,.06);border:1px solid rgba(88,153,240,.15);color:var(--blue,#5899f0);}
.q56-cv-node.q56-op{background:rgba(200,129,58,.06);border:1px solid rgba(200,129,58,.15);color:var(--bronze,#c8813a);}
.q56-cv-node.q56-unused{background:rgba(23,25,31,.8);border:1px dashed rgba(63,68,85,1);color:rgba(63,68,85,1);opacity:.4;}
.q56-cv-node.q56-output{background:rgba(45,212,160,.06);border:1px solid rgba(45,212,160,.15);color:var(--green,#2dd4a0);}
.q56-cv-arrow{color:rgba(63,68,85,1);font-size:.65rem;flex-shrink:0;}
.q56-why-text{font-size:.82rem;color:rgba(124,130,147,1);line-height:1.7;margin-top:1rem;text-align:center;}
.q56-why-text strong{color:var(--text,#e6e9f0);font-weight:600;}
.q56-why-text .q56-hl{color:var(--bronze,#c8813a);font-weight:600;}

.q56-ntt-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;}
.q56-ntt-card{background:rgba(17,19,24,.8);border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1.1rem;text-align:center;}
.q56-ntt-card h4{font-size:.82rem;font-weight:600;margin-bottom:.15rem;}
.q56-ntt-card.q56-seal-ntt h4{color:#6b7aed;}
.q56-ntt-card.q56-h33-ntt h4{color:var(--green,#2dd4a0);}
.q56-ntt-sub{font-size:.65rem;color:rgba(63,68,85,1);margin-bottom:.75rem;}
.q56-ntt-svg{width:100%;height:130px;}
.q56-ntt-stat{display:flex;justify-content:center;gap:1rem;margin-top:.65rem;}
.q56-ns-v{font-family:'JetBrains Mono',monospace;font-size:.85rem;font-weight:700;}
.q56-seal-ntt .q56-ns-v{color:#6b7aed;}
.q56-h33-ntt .q56-ns-v{color:var(--green,#2dd4a0);}
.q56-ns-l{font-size:.55rem;color:rgba(63,68,85,1);letter-spacing:.06em;text-transform:uppercase;}

.q56-ops-table{width:100%;border-collapse:collapse;font-size:.75rem;margin-bottom:2rem;}
.q56-ops-table th{text-align:left;padding:.5rem .6rem;background:rgba(17,19,24,.8);color:rgba(63,68,85,1);font-weight:600;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.05);}
.q56-ops-table td{padding:.5rem .6rem;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle;}
.q56-ops-table .q56-sv{color:#6b7aed;font-family:'JetBrains Mono',monospace;font-weight:600;}
.q56-ops-table .q56-hv{color:var(--green,#2dd4a0);font-family:'JetBrains Mono',monospace;font-weight:600;}
.q56-ops-table .q56-elim{color:var(--green,#2dd4a0);font-family:'JetBrains Mono',monospace;font-weight:700;font-size:.65rem;}
.q56-ops-table .q56-stage{font-weight:600;color:var(--text,#e6e9f0);}
.q56-ops-table .q56-dim{font-size:.65rem;color:rgba(63,68,85,1);}
.q56-ops-table .q56-adv{font-family:'JetBrains Mono',monospace;font-size:.72rem;font-weight:700;color:var(--green,#2dd4a0);}
.q56-ops-table .q56-no-adv{font-family:'JetBrains Mono',monospace;font-size:.72rem;color:rgba(63,68,85,1);}
.q56-ops-table tr.q56-total-row{background:rgba(17,19,24,.8);}
.q56-ops-table tr.q56-total-row td{font-weight:700;padding:.6rem;}

.q56-sb{display:flex;align-items:center;gap:.6rem;margin-top:.3rem;}
.q56-sb-label{font-family:'JetBrains Mono',monospace;font-size:.6rem;color:rgba(63,68,85,1);white-space:nowrap;min-width:50px;}
.q56-sb-track{flex:1;height:22px;background:var(--bg,#07080a);border:1px solid rgba(255,255,255,.05);border-radius:4px;overflow:hidden;}
.q56-sb-fill{height:100%;border-radius:3px;display:flex;align-items:center;padding-left:.5rem;font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:700;transition:width .8s cubic-bezier(.16,1,.3,1);}
.q56-sb-seal{background:linear-gradient(90deg,rgba(107,122,237,.35),rgba(107,122,237,.5));color:#b4bcf8;}
.q56-sb-h33{background:linear-gradient(90deg,rgba(45,212,160,.35),rgba(45,212,160,.5));color:#7aedc8;}

.q56-insight-box{background:linear-gradient(135deg,rgba(200,129,58,.06),rgba(45,212,160,.06));border:1px solid rgba(200,129,58,.12);border-radius:12px;padding:1.5rem;text-align:center;margin-bottom:1.75rem;}
.q56-ib-quote{font-size:1rem;font-weight:600;line-height:1.5;color:var(--text,#e6e9f0);margin-bottom:.5rem;}
.q56-ib-quote .q56-hl{color:var(--bronze,#c8813a);}
.q56-ib-sub{font-size:.78rem;color:rgba(124,130,147,1);line-height:1.6;}

.q56-sec-box{background:rgba(17,19,24,.8);border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1.25rem;position:relative;overflow:hidden;margin-bottom:2rem;}
.q56-sec-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--green,#2dd4a0),var(--blue,#5899f0));border-radius:2px 2px 0 0;}
.q56-sec-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1rem;}
.q56-sec-param{text-align:center;padding:.75rem;background:var(--bg,#07080a);border:1px solid rgba(255,255,255,.05);border-radius:8px;}
.q56-sp-v{font-family:'JetBrains Mono',monospace;font-size:1.2rem;font-weight:700;color:var(--green,#2dd4a0);line-height:1;}
.q56-sp-l{font-size:.6rem;color:rgba(63,68,85,1);letter-spacing:.08em;text-transform:uppercase;margin-top:.25rem;}
.q56-lattice-explain{font-size:.78rem;color:rgba(124,130,147,1);line-height:1.65;text-align:center;max-width:620px;margin:0 auto;}
.q56-lattice-explain strong{color:var(--text,#e6e9f0);font-weight:600;}
.q56-lattice-explain code{font-family:'JetBrains Mono',monospace;font-size:.72rem;background:rgba(23,25,31,.8);padding:.1rem .3rem;border-radius:3px;color:var(--bronze,#c8813a);}
.q56-estimator{margin-top:1rem;padding:1rem;background:var(--bg,#07080a);border:1px solid rgba(255,255,255,.05);border-radius:8px;font-family:'JetBrains Mono',monospace;font-size:.65rem;color:rgba(63,68,85,1);line-height:1.7;text-align:center;}
.q56-er-pass{color:var(--green,#2dd4a0);font-weight:700;font-size:.9rem;}

.q56-proof-box{background:rgba(17,19,24,.8);border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1.1rem;font-family:'JetBrains Mono',monospace;font-size:.65rem;color:rgba(63,68,85,1);line-height:1.7;text-align:center;}
.q56-proof-box strong{color:rgba(124,130,147,1);font-weight:600;}

@media(max-width:700px){
  .q56-overlay{padding:0;}
  .q56-modal{max-height:100vh;border-radius:0;max-width:100%;}
  .q56-head{padding:1.5rem;}.q56-body{padding:1.5rem;}.q56-title{font-size:1.2rem;}
  .q56-chain-grid,.q56-ntt-grid,.q56-sec-grid{grid-template-columns:1fr;}
  .q56-circuit-viz{gap:.2rem;}.q56-cv-node{width:60px;font-size:.5rem;}
}



.zk-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);z-index:1000;display:none;align-items:center;justify-content:center;padding:1.25rem;}
.zk-overlay.active{display:flex;animation:zk-ov .3s ease-out;}
@keyframes zk-ov{from{opacity:0}to{opacity:1}}
.zk-modal{background:var(--black-card,#0c0d11);border:1px solid rgba(255,255,255,.09);border-radius:16px;width:100%;max-width:1100px;max-height:94vh;overflow-y:auto;position:relative;animation:zk-mi .35s cubic-bezier(.16,1,.3,1);box-shadow:0 40px 100px rgba(0,0,0,.5);}
@keyframes zk-mi{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.zk-modal::-webkit-scrollbar{width:4px;}.zk-modal::-webkit-scrollbar-track{background:transparent;}.zk-modal::-webkit-scrollbar-thumb{background:rgba(63,68,85,.6);border-radius:2px;}
.zk-close{position:absolute;top:1rem;right:1rem;width:30px;height:30px;background:rgba(17,19,24,.8);border:1px solid rgba(255,255,255,.05);border-radius:7px;color:rgba(124,130,147,1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:10;}
.zk-close:hover{background:rgba(23,25,31,.9);color:var(--text,#e6e9f0);}
.zk-head{padding:2rem 2.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);}
.zk-kicker{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--purple,#a78bfa);margin-bottom:.6rem;display:flex;align-items:center;gap:6px;}
.zk-kicker .zk-dot{width:5px;height:5px;background:var(--purple,#a78bfa);border-radius:50%;animation:zk-bk 2s ease infinite;}
@keyframes zk-bk{0%,100%{opacity:1}50%{opacity:.25}}
.zk-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:.45rem;}
.zk-title .zk-v{color:var(--purple,#a78bfa);}
.zk-title .zk-g{color:var(--green,#2dd4a0);}
.zk-sub{font-size:.88rem;color:rgba(124,130,147,1);max-width:640px;line-height:1.6;}
.zk-body{padding:1.75rem 2.25rem 2.25rem;}
.zk-sec-label{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(63,68,85,1);margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;}
.zk-sec-label .zk-tag{font-weight:700;}

.zk-hero-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,.05);border-radius:10px;overflow:hidden;margin-bottom:2rem;}
.zk-hm-cell{background:rgba(17,19,24,.8);padding:.85rem .5rem;text-align:center;}
.zk-hml{font-family:'JetBrains Mono',monospace;font-size:.5rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:rgba(63,68,85,1);margin-bottom:.2rem;}
.zk-hmv{font-family:'JetBrains Mono',monospace;font-size:1.25rem;font-weight:700;line-height:1;}
.zk-hms{font-size:.6rem;color:rgba(63,68,85,1);margin-top:.15rem;}

.zk-layer-stack{display:flex;flex-direction:column;gap:0;margin-bottom:2rem;}
.zk-layer{border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;cursor:pointer;transition:all .25s;}
.zk-layer:first-child{border-radius:10px 10px 0 0;}
.zk-layer:last-child{border-radius:0 0 10px 10px;}
.zk-layer+.zk-layer{border-top:none;}
.zk-layer:hover{z-index:2;}
.zk-layer.zk-active{z-index:3;}
.zk-layer-head{display:grid;grid-template-columns:36px 1fr auto;gap:.75rem;align-items:center;padding:.75rem 1rem;transition:background .2s;}
.zk-layer:hover .zk-layer-head{background:rgba(255,255,255,.015);}
.zk-layer.zk-active .zk-layer-head{background:rgba(255,255,255,.025);}
.zk-layer-num{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:.7rem;font-weight:700;flex-shrink:0;}
.zk-l1 .zk-layer-num{background:rgba(167,139,250,.08);color:var(--purple,#a78bfa);border:1px solid rgba(167,139,250,.15);}
.zk-l2 .zk-layer-num{background:rgba(34,211,238,.06);color:#22d3ee;border:1px solid rgba(34,211,238,.15);}
.zk-l3 .zk-layer-num{background:rgba(240,184,48,.06);color:#f0b830;border:1px solid rgba(240,184,48,.15);}
.zk-l4 .zk-layer-num{background:rgba(45,212,160,.08);color:var(--green,#2dd4a0);border:1px solid rgba(45,212,160,.15);}
.zk-layer-info{min-width:0;}
.zk-layer-name{font-weight:600;font-size:.82rem;margin-bottom:.1rem;display:flex;align-items:center;gap:.4rem;}
.zk-l1 .zk-layer-name{color:var(--purple,#a78bfa);}
.zk-l2 .zk-layer-name{color:#22d3ee;}
.zk-l3 .zk-layer-name{color:#f0b830;}
.zk-l4 .zk-layer-name{color:var(--green,#2dd4a0);}
.zk-layer-brief{font-size:.7rem;color:rgba(63,68,85,1);line-height:1.4;}
.zk-layer-timing{font-family:'JetBrains Mono',monospace;font-size:.75rem;font-weight:700;text-align:right;white-space:nowrap;}
.zk-l1 .zk-layer-timing{color:var(--purple,#a78bfa);}
.zk-l2 .zk-layer-timing{color:#22d3ee;}
.zk-l3 .zk-layer-timing{color:#f0b830;}
.zk-l4 .zk-layer-timing{color:var(--green,#2dd4a0);}
.zk-layer-chevron{transition:transform .2s;color:rgba(63,68,85,1);font-size:.65rem;margin-left:.5rem;}
.zk-layer.zk-active .zk-layer-chevron{transform:rotate(180deg);}
.zk-layer-detail{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.16,1,.3,1);}
.zk-layer.zk-active .zk-layer-detail{max-height:600px;}
.zk-ld-inner{padding:0 1rem 1rem 1rem;border-top:1px solid rgba(255,255,255,.05);}
.zk-ld-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.75rem;}
.zk-ld-item{background:var(--bg,#07080a);border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:.6rem .7rem;}
.zk-ld-label{font-family:'JetBrains Mono',monospace;font-size:.5rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(63,68,85,1);margin-bottom:.15rem;}
.zk-ld-val{font-family:'JetBrains Mono',monospace;font-size:.8rem;font-weight:600;}
.zk-l1 .zk-ld-val{color:var(--purple,#a78bfa);}
.zk-l2 .zk-ld-val{color:#22d3ee;}
.zk-l3 .zk-ld-val{color:#f0b830;}
.zk-l4 .zk-ld-val{color:var(--green,#2dd4a0);}
.zk-ld-desc{font-size:.65rem;color:rgba(63,68,85,1);margin-top:.1rem;line-height:1.4;}
.zk-ld-explain{font-size:.75rem;color:rgba(124,130,147,1);line-height:1.6;margin-top:.65rem;}
.zk-ld-explain strong{color:var(--text,#e6e9f0);font-weight:600;}

.zk-lifecycle{position:relative;padding:1.25rem 0;margin-bottom:2rem;}
.zk-lc-connector{position:absolute;top:calc(1.25rem + 21px);left:0;right:0;height:2px;background:rgba(29,32,40,1);z-index:1;}
.zk-lc-fill{height:100%;width:0;background:var(--green,#2dd4a0);transition:width .8s cubic-bezier(.16,1,.3,1);border-radius:1px;}
.zk-lc-track{display:flex;align-items:center;gap:0;position:relative;z-index:2;}
.zk-lc-step{flex:1;text-align:center;}
.zk-lc-dot{width:42px;height:42px;border-radius:50%;margin:0 auto .4rem;display:flex;align-items:center;justify-content:center;font-size:1rem;border:2px solid rgba(255,255,255,.05);background:rgba(17,19,24,.8);transition:all .5s;}
.zk-lc-dot.zk-lit{border-color:var(--green,#2dd4a0);background:rgba(45,212,160,.08);box-shadow:0 0 18px rgba(45,212,160,.18);}
.zk-lc-dot.zk-lit.zk-violet{border-color:var(--purple,#a78bfa);background:rgba(167,139,250,.08);box-shadow:0 0 18px rgba(167,139,250,.12);}
.zk-lc-dot.zk-lit.zk-cyan{border-color:#22d3ee;background:rgba(34,211,238,.06);box-shadow:0 0 18px rgba(34,211,238,.12);}
.zk-lc-dot.zk-lit.zk-amber{border-color:#f0b830;background:rgba(240,184,48,.06);box-shadow:0 0 18px rgba(240,184,48,.12);}
.zk-lc-label{font-size:.65rem;font-weight:600;line-height:1.3;}
.zk-lc-time{font-family:'JetBrains Mono',monospace;font-size:.6rem;color:rgba(63,68,85,1);margin-top:.1rem;}
.zk-lc-time.zk-lit{color:var(--green,#2dd4a0);font-weight:600;}
.zk-lc-controls{display:flex;justify-content:center;gap:.5rem;margin-top:1rem;}
.zk-lc-btn{padding:.4rem 1rem;background:rgba(17,19,24,.8);border:1px solid rgba(255,255,255,.05);border-radius:6px;font-family:'JetBrains Mono',monospace;font-size:.7rem;color:rgba(124,130,147,1);cursor:pointer;transition:all .2s;}
.zk-lc-btn:hover{border-color:rgba(255,255,255,.09);color:var(--text,#e6e9f0);}
.zk-lc-btn.zk-btn-active{border-color:var(--purple,#a78bfa);color:var(--purple,#a78bfa);background:rgba(167,139,250,.08);}
.zk-lc-btn.zk-btn-cached{border-color:var(--green,#2dd4a0);color:var(--green,#2dd4a0);background:rgba(45,212,160,.08);}
.zk-lc-result{text-align:center;margin-top:1rem;padding:.75rem;background:rgba(17,19,24,.8);border:1px solid rgba(255,255,255,.05);border-radius:8px;font-family:'JetBrains Mono',monospace;font-size:.75rem;min-height:2.5rem;display:flex;align-items:center;justify-content:center;}

.zk-cachee-box{background:rgba(17,19,24,.8);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.35rem;position:relative;overflow:hidden;margin-bottom:2rem;}
.zk-cachee-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--purple,#a78bfa),var(--green,#2dd4a0));border-radius:2px 2px 0 0;}
.zk-cachee-compare{display:grid;grid-template-columns:1fr 60px 1fr;gap:0;align-items:center;margin-bottom:1rem;}
.zk-cc-side{text-align:center;padding:.75rem;border-radius:8px;}
.zk-cc-side.zk-first{background:rgba(167,139,250,.08);border:1px solid rgba(167,139,250,.08);}
.zk-cc-side.zk-cached{background:rgba(45,212,160,.08);border:1px solid rgba(45,212,160,.08);}
.zk-ccs-label{font-family:'JetBrains Mono',monospace;font-size:.55rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.2rem;}
.zk-cc-side.zk-first .zk-ccs-label{color:var(--purple,#a78bfa);}
.zk-cc-side.zk-cached .zk-ccs-label{color:var(--green,#2dd4a0);}
.zk-ccs-time{font-family:'JetBrains Mono',monospace;font-size:1.4rem;font-weight:700;}
.zk-cc-side.zk-first .zk-ccs-time{color:var(--purple,#a78bfa);}
.zk-cc-side.zk-cached .zk-ccs-time{color:var(--green,#2dd4a0);}
.zk-ccs-sub{font-size:.65rem;color:rgba(63,68,85,1);margin-top:.15rem;}
.zk-cc-arrow{text-align:center;font-family:'JetBrains Mono',monospace;font-size:.7rem;color:rgba(63,68,85,1);}
.zk-cc-arrow .zk-mult{display:block;font-size:1rem;font-weight:700;color:var(--green,#2dd4a0);margin:.15rem 0;}
.zk-cachee-explain{font-size:.78rem;color:rgba(124,130,147,1);line-height:1.6;text-align:center;margin-top:.5rem;}
.zk-cachee-explain strong{color:var(--text,#e6e9f0);font-weight:600;}

.zk-math-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:2rem;}
.zk-math-card{background:rgba(17,19,24,.8);border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1.1rem;text-align:center;}
.zk-math-card h4{font-size:.82rem;font-weight:600;margin-bottom:.15rem;}
.zk-mc-icon{font-size:1.2rem;margin-bottom:.35rem;}
.zk-mc-val{font-family:'JetBrains Mono',monospace;font-size:.8rem;font-weight:700;color:var(--purple,#a78bfa);margin-bottom:.3rem;}
.zk-math-card p{font-size:.7rem;color:rgba(124,130,147,1);line-height:1.5;}

.zk-comp-table{width:100%;border-collapse:collapse;font-size:.75rem;margin-bottom:2rem;}
.zk-comp-table th{text-align:left;padding:.5rem .6rem;background:rgba(17,19,24,.8);color:rgba(63,68,85,1);font-weight:600;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.05);}
.zk-comp-table td{padding:.5rem .6rem;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle;}
.zk-comp-table .zk-sys{font-weight:600;color:var(--text,#e6e9f0);}
.zk-comp-table .zk-h33v{color:var(--green,#2dd4a0);font-family:'JetBrains Mono',monospace;font-weight:700;}
.zk-comp-table .zk-compv{color:rgba(124,130,147,1);font-family:'JetBrains Mono',monospace;}
.zk-comp-table .zk-cdim{font-size:.65rem;color:rgba(63,68,85,1);}
.zk-comp-table .zk-badge{display:inline-flex;padding:.1rem .3rem;border-radius:3px;font-family:'JetBrains Mono',monospace;font-size:.55rem;font-weight:700;letter-spacing:.04em;}
.zk-comp-table .zk-good{background:rgba(45,212,160,.08);color:var(--green,#2dd4a0);}
.zk-comp-table .zk-warn{background:rgba(240,184,48,.06);color:#f0b830;}
.zk-comp-table .zk-bad{background:rgba(240,104,104,.06);color:#f06868;}
.zk-comp-table tr.zk-h33-row{background:rgba(45,212,160,.08);}

.zk-proof-box{background:rgba(17,19,24,.8);border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1.1rem;font-family:'JetBrains Mono',monospace;font-size:.65rem;color:rgba(63,68,85,1);line-height:1.7;text-align:center;}
.zk-proof-box strong{color:rgba(124,130,147,1);font-weight:600;}

@media(max-width:700px){
  .zk-overlay{padding:0;}
  .zk-modal{max-height:100vh;border-radius:0;max-width:100%;}
  .zk-head{padding:1.5rem;}.zk-body{padding:1.5rem;}.zk-title{font-size:1.2rem;}
  .zk-hero-metrics{grid-template-columns:repeat(2,1fr);}
  .zk-math-grid{grid-template-columns:1fr;}
  .zk-ld-grid{grid-template-columns:1fr;}
  .zk-cachee-compare{grid-template-columns:1fr;gap:.5rem;}
  .zk-lc-track{flex-wrap:wrap;gap:.3rem;}.zk-lc-step{flex:none;width:18%;}
}



.td-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);z-index:1000;display:none;align-items:center;justify-content:center;padding:1.25rem;}
.td-overlay.active{display:flex;animation:td-ov-in .3s ease-out;}
.td-overlay.closing{animation:td-ov-out .2s ease-in forwards;}
@keyframes td-ov-in{from{opacity:0}to{opacity:1}}
@keyframes td-ov-out{from{opacity:1}to{opacity:0}}
.td-modal{background:#0c0d11;border:1px solid rgba(255,255,255,0.09);border-radius:16px;width:100%;max-width:880px;max-height:94vh;overflow-y:auto;position:relative;animation:td-m-in .35s cubic-bezier(.16,1,.3,1);box-shadow:0 40px 100px rgba(0,0,0,.5);}
.td-overlay.closing .td-modal{animation:td-m-out .2s ease-in forwards;}
@keyframes td-m-in{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@keyframes td-m-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(8px) scale(.99)}}
.td-modal::-webkit-scrollbar{width:4px;}
.td-modal::-webkit-scrollbar-track{background:transparent;}
.td-modal::-webkit-scrollbar-thumb{background:#3f4455;border-radius:2px;}
.td-close{position:absolute;top:1rem;right:1rem;width:30px;height:30px;background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:7px;color:#7c8293;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:10;}
.td-close:hover{background:#17191f;color:#e6e9f0;}
.td-head{padding:2rem 2.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,0.05);}
.td-kicker{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#5899f0;margin-bottom:.6rem;display:flex;align-items:center;gap:6px;}
.td-kicker .td-dot{width:5px;height:5px;background:#5899f0;border-radius:50%;animation:td-bk 2s ease infinite;}
@keyframes td-bk{0%,100%{opacity:1}50%{opacity:.25}}
.td-title{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:.4rem;color:#e6e9f0;}
.td-title .td-hl{color:#5899f0;}
.td-sub{font-size:.88rem;color:#7c8293;max-width:580px;line-height:1.6;}
.td-body{padding:1.75rem 2.25rem 2.25rem;}
.td-sec-label{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#3f4455;margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;}
.td-sec-label .td-tag{font-weight:700;}
.td-sec-label .td-tag-green{color:#2dd4a0;}
.td-sec-label .td-tag-red{color:#f06868;}
.td-sec-label .td-tag-blue{color:#5899f0;}
.td-auth-section{margin-bottom:2rem;}
.td-auth-ring{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;padding:1.5rem 0;margin-bottom:1rem;}
.td-auth-node{width:120px;text-align:center;cursor:pointer;transition:all .2s;position:relative;}
.td-node-circle{width:72px;height:72px;margin:0 auto .5rem;border-radius:50%;border:2px solid rgba(255,255,255,0.09);background:#111318;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:all .3s;position:relative;overflow:hidden;}
.td-node-circle .td-shard{font-size:1.3rem;transition:transform .3s;}
.td-node-circle .td-share-label{font-family:'JetBrains Mono',monospace;font-size:.55rem;color:#3f4455;margin-top:.1rem;}
.td-auth-node.td-selected .td-node-circle{border-color:#5899f0;background:rgba(88,153,240,0.08);box-shadow:0 0 20px rgba(88,153,240,.15);}
.td-auth-node.td-selected .td-share-label{color:#5899f0;}
.td-auth-node.td-selected .td-shard{transform:scale(1.1);}
.td-auth-node.td-compromised .td-node-circle{border-color:#f06868;background:rgba(240,104,104,0.08);box-shadow:0 0 20px rgba(240,104,104,.1);}
.td-auth-node.td-compromised .td-share-label{color:#f06868;}
.td-node-name{font-size:.75rem;font-weight:600;color:#e6e9f0;margin-bottom:.1rem;}
.td-node-loc{font-size:.65rem;color:#3f4455;}
.td-node-status{position:absolute;top:-2px;right:-2px;width:18px;height:18px;border-radius:50%;border:2px solid #0c0d11;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;transition:all .3s;opacity:0;transform:scale(.5);}
.td-auth-node.td-selected .td-node-status{opacity:1;transform:scale(1);background:#5899f0;color:#000;}
.td-auth-node.td-compromised .td-node-status{opacity:1;transform:scale(1);background:#f06868;color:#fff;}
.td-quorum-bar{background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:10px;padding:1rem 1.25rem;margin-bottom:2rem;display:flex;align-items:center;gap:1.25rem;}
.td-qb-indicator{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .4s;font-size:1.1rem;}
.td-qb-indicator.td-locked{background:rgba(240,104,104,0.08);border:2px solid rgba(240,104,104,.2);}
.td-qb-indicator.td-partial{background:rgba(240,184,48,0.08);border:2px solid rgba(240,184,48,.2);}
.td-qb-indicator.td-unlocked{background:rgba(45,212,160,0.08);border:2px solid rgba(45,212,160,.2);box-shadow:0 0 20px rgba(45,212,160,0.25);}
.td-qb-info{flex:1;}
.td-qb-title{font-weight:600;font-size:.9rem;margin-bottom:.15rem;transition:color .3s;color:#e6e9f0;}
.td-qb-desc{font-size:.78rem;color:#7c8293;line-height:1.5;}
.td-quorum-dots{display:flex;gap:.4rem;margin-top:.4rem;}
.td-q-dot{width:28px;height:6px;border-radius:3px;background:#1d2028;transition:all .3s;}
.td-q-dot.td-filled{background:#5899f0;}
.td-q-dot.td-filled.td-enough{background:#2dd4a0;}
.td-qb-count{font-family:'JetBrains Mono',monospace;font-size:1.3rem;font-weight:700;text-align:center;min-width:60px;transition:color .3s;}
.td-qb-count .td-of{font-size:.7rem;color:#3f4455;font-weight:400;}
.td-scenario-row{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap;}
.td-scn-btn{padding:.45rem .85rem;background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:6px;font-family:'Instrument Sans',sans-serif;font-size:.78rem;color:#7c8293;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:.4rem;}
.td-scn-btn:hover{border-color:rgba(255,255,255,0.09);color:#e6e9f0;}
.td-scn-btn.td-active{border-color:#5899f0;color:#5899f0;background:rgba(88,153,240,0.08);}
.td-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:2rem;}
.td-cmp-card{background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:10px;padding:1.25rem;position:relative;overflow:hidden;}
.td-cmp-card.td-bad{border-color:rgba(240,104,104,.12);}
.td-cmp-card.td-good{border-color:rgba(45,212,160,.12);}
.td-cmp-tag{position:absolute;top:.75rem;right:.75rem;font-family:'JetBrains Mono',monospace;font-size:.5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.15rem .4rem;border-radius:3px;}
.td-cmp-card.td-bad .td-cmp-tag{background:rgba(240,104,104,0.08);color:#f06868;}
.td-cmp-card.td-good .td-cmp-tag{background:rgba(45,212,160,0.08);color:#2dd4a0;}
.td-cmp-icon{font-size:1.1rem;margin-bottom:.4rem;}
.td-cmp-card h4{font-size:.85rem;font-weight:600;margin-bottom:.25rem;color:#e6e9f0;}
.td-cmp-card.td-bad h4{color:#f06868;}
.td-cmp-card.td-good h4{color:#2dd4a0;}
.td-cmp-card p{font-size:.73rem;color:#7c8293;line-height:1.55;}
.td-cmp-stat{font-family:'JetBrains Mono',monospace;font-size:.65rem;font-weight:600;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,0.05);}
.td-cmp-card.td-bad .td-cmp-stat{color:#f06868;}
.td-cmp-card.td-good .td-cmp-stat{color:#2dd4a0;}
.td-math-section{background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:10px;padding:1.25rem;margin-bottom:2rem;}
.td-math-title{font-weight:600;font-size:.85rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem;color:#e6e9f0;}
.td-poly-viz{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 0;flex-wrap:wrap;}
.td-poly-term{font-family:'JetBrains Mono',monospace;font-size:.85rem;padding:.5rem .75rem;background:#07080a;border:1px solid rgba(255,255,255,0.05);border-radius:6px;text-align:center;}
.td-poly-term .td-pt-label{font-size:.55rem;color:#3f4455;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.15rem;}
.td-poly-term .td-pt-val{font-weight:600;color:#e6e9f0;}
.td-poly-term .td-pt-val.td-secret{color:#5899f0;}
.td-poly-term .td-pt-val.td-coeff{color:#9b7df0;}
.td-poly-plus{color:#3f4455;font-family:'JetBrains Mono',monospace;font-size:1rem;}
.td-math-explain{font-size:.78rem;color:#7c8293;line-height:1.6;margin-top:.75rem;text-align:center;}
.td-math-explain strong{color:#e6e9f0;font-weight:600;}
.td-attack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:2rem;}
.td-atk-card{background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:10px;padding:1.1rem;text-align:center;transition:border-color .3s;}
.td-atk-card.td-safe{border-color:rgba(45,212,160,.1);}
.td-atk-icon{font-size:1.3rem;margin-bottom:.35rem;}
.td-atk-card h4{font-size:.8rem;font-weight:600;margin-bottom:.2rem;color:#e6e9f0;}
.td-atk-card p{font-size:.7rem;color:#7c8293;line-height:1.5;}
.td-atk-result{font-family:'JetBrains Mono',monospace;font-size:.7rem;font-weight:700;margin-top:.5rem;padding-top:.4rem;border-top:1px solid rgba(255,255,255,0.05);}
.td-atk-card.td-safe .td-atk-result{color:#2dd4a0;}
.td-timing-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,0.05);border-radius:10px;overflow:hidden;margin-bottom:2rem;}
.td-tm-cell{background:#111318;padding:.85rem;text-align:center;}
.td-tm-l{font-family:'JetBrains Mono',monospace;font-size:.5rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#3f4455;margin-bottom:.2rem;}
.td-tm-v{font-family:'JetBrains Mono',monospace;font-size:1.1rem;font-weight:700;}
.td-tm-s{font-size:.6rem;color:#3f4455;margin-top:.15rem;}
.td-proof-box{background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:10px;padding:1.1rem;font-family:'JetBrains Mono',monospace;font-size:.65rem;color:#3f4455;line-height:1.7;text-align:center;}
.td-proof-box strong{color:#7c8293;font-weight:600;}
@media(max-width:700px){
  .td-overlay{padding:0;}
  .td-modal{max-height:100vh;border-radius:0;max-width:100%;}
  .td-head{padding:1.5rem;}
  .td-body{padding:1.5rem;}
  .td-title{font-size:1.3rem;}
  .td-auth-ring{gap:.75rem;}
  .td-auth-node{width:90px;}
  .td-node-circle{width:56px;height:56px;}
  .td-compare-grid{grid-template-columns:1fr;}
  .td-attack-grid{grid-template-columns:1fr;}
  .td-timing-strip{grid-template-columns:repeat(2,1fr);}
}



.blink-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);z-index:10000;display:none;align-items:center;justify-content:center;padding:1.25rem;}
.blink-overlay.active{display:flex;animation:blink-ov .3s ease-out;}
@keyframes blink-ov{from{opacity:0}to{opacity:1}}
.blink-modal{background:#0c0d11;border:1px solid rgba(255,255,255,.09);border-radius:16px;width:100%;max-width:880px;max-height:94vh;overflow-y:auto;position:relative;animation:blink-mi .35s cubic-bezier(.16,1,.3,1);box-shadow:0 40px 100px rgba(0,0,0,.5);}
@keyframes blink-mi{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.blink-modal::-webkit-scrollbar{width:4px;}.blink-modal::-webkit-scrollbar-track{background:transparent;}.blink-modal::-webkit-scrollbar-thumb{background:#3f4455;border-radius:2px;}
.blink-close{position:absolute;top:1rem;right:1rem;width:30px;height:30px;background:#111318;border:1px solid rgba(255,255,255,.05);border-radius:7px;color:#7c8293;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:10;}.blink-close:hover{background:#17191f;color:#e6e9f0;}
.blink-head{padding:2rem 2.25rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.05);}
.blink-kicker{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#2dd4a0;margin-bottom:.6rem;display:flex;align-items:center;gap:6px;}
.blink-kicker .blink-dot{width:5px;height:5px;background:#2dd4a0;border-radius:50%;animation:blink-bk 2s ease infinite;}
@keyframes blink-bk{0%,100%{opacity:1}50%{opacity:.25}}
.blink-title{font-size:1.55rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:.4rem;color:#e6e9f0;}.blink-title .blink-g{color:#2dd4a0;}
.blink-sub{font-size:.88rem;color:#7c8293;max-width:580px;line-height:1.6;}
.blink-body{padding:1.75rem 2.25rem 2.25rem;}
.blink-hero{text-align:center;padding:1.5rem 0 1rem;margin-bottom:.5rem;position:relative;}
.blink-eye-container{position:relative;width:220px;height:130px;margin:0 auto 1.25rem;}
.blink-eye-svg{width:220px;height:130px;}
.blink-counter{font-family:'JetBrains Mono',monospace;font-size:4rem;font-weight:700;color:#2dd4a0;line-height:1;letter-spacing:-.02em;transition:color .3s;}
.blink-counter.blink-ticking{text-shadow:0 0 30px rgba(45,212,160,.2);}
.blink-unit{font-family:'JetBrains Mono',monospace;font-size:.85rem;color:#7c8293;margin-top:.25rem;}
.blink-timer{font-family:'JetBrains Mono',monospace;font-size:1rem;color:#3f4455;margin-top:.6rem;}
.blink-timer-bar{display:inline-block;width:180px;height:4px;background:#1d2028;border-radius:2px;vertical-align:middle;margin-left:.5rem;overflow:hidden;}
.blink-timer-fill{height:100%;width:0;background:#2dd4a0;border-radius:2px;transition:none;}
.blink-start-row{display:flex;justify-content:center;margin:1.25rem 0 1.75rem;}
.blink-start-btn{padding:.65rem 2.2rem;background:#111318;border:1.5px solid #2dd4a0;border-radius:8px;font-family:'JetBrains Mono',monospace;font-size:.85rem;font-weight:600;color:#2dd4a0;cursor:pointer;transition:all .2s;letter-spacing:.02em;}
.blink-start-btn:hover{background:rgba(45,212,160,.08);box-shadow:0 0 24px rgba(45,212,160,.2);}
.blink-start-btn:active{transform:scale(.97);}
.blink-start-btn.blink-running{border-color:#3f4455;color:#3f4455;cursor:default;}
.blink-reveal{margin-bottom:2rem;opacity:0;transform:translateY(10px);transition:all .5s .2s;}
.blink-reveal.blink-show{opacity:1;transform:none;}
.blink-reveal-box{background:#111318;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;text-align:center;position:relative;overflow:hidden;}
.blink-reveal-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#2dd4a0,#5899f0);border-radius:2px;}
.blink-reveal-headline{font-size:1rem;font-weight:600;line-height:1.6;margin-bottom:1rem;color:#e6e9f0;}
.blink-reveal-headline .blink-g{color:#2dd4a0;font-weight:700;}
.blink-pip-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin-bottom:1rem;}
.blink-pip-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:5px;font-family:'JetBrains Mono',monospace;font-size:.65rem;font-weight:600;background:#07080a;border:1px solid rgba(255,255,255,.05);}
.blink-pip-chip .blink-pc-time{color:#2dd4a0;}.blink-pip-chip .blink-pc-name{color:#7c8293;}
.blink-reveal-sub{font-size:.82rem;color:#7c8293;line-height:1.6;}.blink-reveal-sub strong{color:#e6e9f0;font-weight:600;}
.blink-race-section{margin-bottom:2rem;}
.blink-race-lane{display:grid;grid-template-columns:120px 1fr 70px;gap:.6rem;align-items:center;padding:.55rem .75rem;border-radius:8px;margin-bottom:.35rem;}
.blink-race-lane .blink-rl-name{font-family:'JetBrains Mono',monospace;font-size:.75rem;font-weight:600;white-space:nowrap;}
.blink-race-lane .blink-rl-sub{font-size:.6rem;color:#3f4455;line-height:1.3;}
.blink-race-lane .blink-rl-count{font-family:'JetBrains Mono',monospace;font-size:1rem;font-weight:700;text-align:right;}
.blink-race-lane .blink-rl-track{height:30px;background:#07080a;border:1px solid rgba(255,255,255,.05);border-radius:5px;overflow:hidden;position:relative;}
.blink-race-lane .blink-rl-bar{height:100%;border-radius:4px;display:flex;align-items:center;justify-content:flex-end;padding-right:.4rem;font-family:'JetBrains Mono',monospace;font-size:.55rem;font-weight:700;min-width:0;transition:width 1.2s cubic-bezier(.16,1,.3,1);}
.blink-lane-h33{background:rgba(45,212,160,.08);border:1px solid rgba(45,212,160,.08);}
.blink-lane-h33 .blink-rl-name{color:#2dd4a0;}.blink-lane-h33 .blink-rl-bar{background:linear-gradient(90deg,rgba(45,212,160,.25),rgba(45,212,160,.55));color:#7aedc8;}.blink-lane-h33 .blink-rl-count{color:#2dd4a0;}
.blink-lane-seal{background:rgba(107,122,237,.06);border:1px solid rgba(107,122,237,.06);}
.blink-lane-seal .blink-rl-name{color:#6b7aed;}.blink-lane-seal .blink-rl-bar{background:linear-gradient(90deg,rgba(107,122,237,.25),rgba(107,122,237,.55));color:#b4bcf8;}.blink-lane-seal .blink-rl-count{color:#6b7aed;}
.blink-lane-trad{background:#111318;border:1px solid rgba(255,255,255,.05);}
.blink-lane-trad .blink-rl-name{color:#f0b830;}.blink-lane-trad .blink-rl-bar{background:linear-gradient(90deg,rgba(240,184,48,.2),rgba(240,184,48,.45));color:#f0d080;}.blink-lane-trad .blink-rl-count{color:#f0b830;}
.blink-lane-legacy{background:#111318;border:1px solid rgba(255,255,255,.05);}
.blink-lane-legacy .blink-rl-name{color:#f06868;}.blink-lane-legacy .blink-rl-bar{background:linear-gradient(90deg,rgba(240,104,104,.15),rgba(240,104,104,.35));color:#f0a0a0;}.blink-lane-legacy .blink-rl-count{color:#f06868;}
.blink-mg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:2rem;}
.blink-mg-card{background:#111318;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1.1rem;text-align:center;}
.blink-mg-card .blink-mg-icon{font-size:1.3rem;margin-bottom:.3rem;}
.blink-mg-card h4{font-size:.82rem;font-weight:600;margin-bottom:.15rem;color:#e6e9f0;}
.blink-mg-card .blink-mg-num{font-family:'JetBrains Mono',monospace;font-size:.9rem;font-weight:700;color:#2dd4a0;margin-bottom:.3rem;}
.blink-mg-card p{font-size:.7rem;color:#7c8293;line-height:1.5;}
.blink-math-box{background:#111318;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1.1rem;margin-bottom:2rem;}
.blink-math-row{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;font-family:'JetBrains Mono',monospace;font-size:.85rem;padding:.5rem 0;}
.blink-math-term{padding:.35rem .6rem;background:#07080a;border:1px solid rgba(255,255,255,.05);border-radius:5px;text-align:center;}
.blink-math-term .blink-mt-v{font-weight:700;font-size:.9rem;color:#e6e9f0;}.blink-math-term .blink-mt-l{font-size:.5rem;color:#3f4455;letter-spacing:.06em;text-transform:uppercase;margin-top:.05rem;}
.blink-math-op{color:#3f4455;font-weight:600;}.blink-math-result{color:#2dd4a0;font-weight:700;font-size:1rem;}
.blink-math-variants{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.75rem;}
.blink-mv-item{text-align:center;padding:.5rem;background:#07080a;border:1px solid rgba(255,255,255,.05);border-radius:6px;}
.blink-mv-item .blink-mvl{font-size:.55rem;color:#3f4455;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.1rem;}
.blink-mv-item .blink-mvv{font-family:'JetBrains Mono',monospace;font-size:.85rem;font-weight:700;}
.blink-proof-box{background:#111318;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1.1rem;font-family:'JetBrains Mono',monospace;font-size:.65rem;color:#3f4455;line-height:1.7;text-align:center;}
.blink-proof-box strong{color:#7c8293;font-weight:600;}
@media(max-width:700px){
  .blink-overlay{padding:0;}
  .blink-modal{max-height:100vh;border-radius:0;max-width:100%;}
  .blink-head{padding:1.5rem;}.blink-body{padding:1.5rem;}.blink-title{font-size:1.25rem;}
  .blink-counter{font-size:2.8rem;}.blink-mg-grid{grid-template-columns:1fr;}
  .blink-math-variants{grid-template-columns:1fr;}
  .blink-race-lane{grid-template-columns:90px 1fr 50px;}.blink-race-lane .blink-rl-name{font-size:.65rem;}
}



.dil-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);z-index:10000;display:none;align-items:center;justify-content:center;padding:1.25rem;}
.dil-overlay.active{display:flex;animation:dil-ov .3s ease-out;}
@keyframes dil-ov{from{opacity:0}to{opacity:1}}
.dil-modal{background:#0c0d11;border:1px solid rgba(255,255,255,.09);border-radius:16px;width:100%;max-width:940px;max-height:94vh;overflow-y:auto;position:relative;animation:dil-mi .35s cubic-bezier(.16,1,.3,1);box-shadow:0 40px 100px rgba(0,0,0,.5);}
@keyframes dil-mi{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.dil-modal::-webkit-scrollbar{width:4px;}.dil-modal::-webkit-scrollbar-track{background:transparent;}.dil-modal::-webkit-scrollbar-thumb{background:#3f4455;border-radius:2px;}
.dil-close{position:absolute;top:1rem;right:1rem;width:30px;height:30px;background:#111318;border:1px solid rgba(255,255,255,.05);border-radius:7px;color:#7c8293;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:10;}.dil-close:hover{background:#17191f;color:#e6e9f0;}
.dil-head{padding:2rem 2.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);}
.dil-kicker{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#2dd4bf;margin-bottom:.6rem;display:flex;align-items:center;gap:6px;}
.dil-kicker .dil-dot{width:5px;height:5px;background:#2dd4bf;border-radius:50%;animation:dil-bk 2s ease infinite;}
@keyframes dil-bk{0%,100%{opacity:1}50%{opacity:.25}}
.dil-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:.45rem;color:#e6e9f0;}.dil-title .dil-tl{color:#2dd4bf;}.dil-title .dil-g{color:#2dd4a0;}
.dil-sub{font-size:.88rem;color:#7c8293;max-width:640px;line-height:1.6;}
.dil-body{padding:1.75rem 2.25rem 2.25rem;}
.dil-sec-label{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#3f4455;margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;}
.dil-sec-label .dil-tag{font-weight:700;}
.dil-hero-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,.05);border-radius:10px;overflow:hidden;margin-bottom:2rem;}
.dil-hm{background:#111318;padding:.8rem .4rem;text-align:center;}
.dil-hm .dil-hml{font-family:'JetBrains Mono',monospace;font-size:.48rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#3f4455;margin-bottom:.2rem;}
.dil-hm .dil-hmv{font-family:'JetBrains Mono',monospace;font-size:1.1rem;font-weight:700;line-height:1;}
.dil-hm .dil-hms{font-size:.55rem;color:#3f4455;margin-top:.15rem;}
.dil-rationale-box{background:#111318;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.35rem;position:relative;overflow:hidden;margin-bottom:2rem;}
.dil-rationale-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#2dd4bf,#5899f0);border-radius:2px;}
.dil-rat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;}
.dil-rat-card{padding:.9rem;border-radius:8px;border:1px solid rgba(255,255,255,.05);}
.dil-rat-card.dil-custom{background:rgba(45,212,160,.03);border-color:rgba(45,212,160,.08);}
.dil-rat-card.dil-nist{background:rgba(45,212,191,.03);border-color:rgba(45,212,191,.08);}
.dil-rat-card h4{font-size:.82rem;font-weight:600;margin-bottom:.3rem;display:flex;align-items:center;gap:.35rem;}
.dil-rat-card.dil-custom h4{color:#2dd4a0;}.dil-rat-card.dil-nist h4{color:#2dd4bf;}
.dil-rat-card ul{list-style:none;padding:0;margin:0;}
.dil-rat-card li{font-size:.72rem;color:#7c8293;padding:.2rem 0;display:flex;align-items:flex-start;gap:.35rem;line-height:1.45;}
.dil-rat-card li .dil-ic{flex-shrink:0;font-size:.7rem;margin-top:.05rem;}
.dil-rat-explain{font-size:.78rem;color:#7c8293;line-height:1.65;text-align:center;}
.dil-rat-explain strong{color:#e6e9f0;font-weight:600;}.dil-rat-explain .dil-tl{color:#2dd4bf;font-weight:600;}
.dil-mode-toggle{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.25rem;}
.dil-mt-btn{padding:.5rem 1.1rem;background:#111318;border:1px solid rgba(255,255,255,.05);border-radius:7px;font-family:'JetBrains Mono',monospace;font-size:.72rem;font-weight:500;color:#7c8293;cursor:pointer;transition:all .2s;}
.dil-mt-btn:hover{border-color:rgba(255,255,255,.09);color:#e6e9f0;}
.dil-mt-btn.dil-active{border-color:#f06868;color:#f06868;background:rgba(240,104,104,.06);}
.dil-mt-btn.dil-active.dil-good{border-color:#2dd4a0;color:#2dd4a0;background:rgba(45,212,160,.08);}
.dil-batch-viz{background:#111318;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden;margin-bottom:2rem;}
.dil-batch-viz::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:#f06868;border-radius:2px;transition:background .3s;}
.dil-batch-viz.dil-batched::before{background:#2dd4a0;}
.dil-user-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-bottom:1.25rem;}
.dil-user-cell{height:34px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:.5rem;font-weight:600;border:1px solid rgba(255,255,255,.05);background:#07080a;transition:all .12s;position:relative;overflow:hidden;color:#3f4455;}
.dil-user-cell .dil-uc-fill{position:absolute;inset:0;transform:scaleX(0);transform-origin:left;transition:transform .15s ease-out;}
.dil-user-cell.dil-signed{border-color:#2dd4bf;color:#2dd4bf;}
.dil-user-cell.dil-signed .dil-uc-fill{transform:scaleX(1);background:rgba(45,212,191,.1);}
.dil-user-cell.dil-batch-signed{border-color:#2dd4a0;color:#2dd4a0;}
.dil-user-cell.dil-batch-signed .dil-uc-fill{transform:scaleX(1);background:rgba(45,212,160,.1);}
.dil-sig-row{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;min-height:48px;}
.dil-sig-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .3s;}
.dil-sig-icon.dil-individual{background:rgba(240,104,104,.06);border:2px solid rgba(240,104,104,.2);}
.dil-sig-icon.dil-batch{background:rgba(45,212,160,.08);border:2px solid rgba(45,212,160,.2);box-shadow:0 0 16px rgba(45,212,160,.2);}
.dil-sig-label{font-family:'JetBrains Mono',monospace;font-size:.75rem;font-weight:600;transition:color .3s;}
.dil-cost-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:center;}
.dil-cost-side{text-align:center;padding:.75rem;border-radius:8px;}
.dil-cost-side.dil-bad{background:rgba(240,104,104,.06);border:1px solid rgba(240,104,104,.08);}
.dil-cost-side.dil-good{background:rgba(45,212,160,.08);border:1px solid rgba(45,212,160,.08);}
.dil-cost-side .dil-cs-label{font-family:'JetBrains Mono',monospace;font-size:.55rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.15rem;}
.dil-cost-side.dil-bad .dil-cs-label{color:#f06868;}.dil-cost-side.dil-good .dil-cs-label{color:#2dd4a0;}
.dil-cost-side .dil-cs-time{font-family:'JetBrains Mono',monospace;font-size:1.3rem;font-weight:700;}
.dil-cost-side.dil-bad .dil-cs-time{color:#f06868;}.dil-cost-side.dil-good .dil-cs-time{color:#2dd4a0;}
.dil-cost-side .dil-cs-math{font-family:'JetBrains Mono',monospace;font-size:.6rem;color:#3f4455;margin-top:.15rem;}
.dil-cost-arrow{text-align:center;padding:0 .6rem;}
.dil-cost-arrow .dil-ca-mult{font-family:'JetBrains Mono',monospace;font-size:1.1rem;font-weight:700;color:#2dd4a0;}
.dil-cost-arrow .dil-ca-label{font-size:.55rem;color:#3f4455;}
.dil-start-row{display:flex;justify-content:center;margin:1.25rem 0 0;}
.dil-start-btn{padding:.55rem 1.8rem;background:#17191f;border:1.5px solid #2dd4bf;border-radius:8px;font-family:'JetBrains Mono',monospace;font-size:.78rem;font-weight:600;color:#2dd4bf;cursor:pointer;transition:all .2s;}
.dil-start-btn:hover{background:rgba(45,212,191,.06);box-shadow:0 0 20px rgba(45,212,191,.12);}
.dil-start-btn:active{transform:scale(.97);}
.dil-start-btn.dil-running{border-color:#3f4455;color:#3f4455;cursor:default;}
.dil-size-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin-bottom:2rem;}
.dil-sz-card{background:#111318;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1rem;text-align:center;}
.dil-sz-card .dil-sz-val{font-family:'JetBrains Mono',monospace;font-size:1.1rem;font-weight:700;line-height:1;margin-bottom:.15rem;}
.dil-sz-card .dil-sz-label{font-size:.6rem;color:#3f4455;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.35rem;}
.dil-sz-card p{font-size:.65rem;color:#7c8293;line-height:1.45;}
.dil-comp-table{width:100%;border-collapse:collapse;font-size:.75rem;margin-bottom:2rem;}
.dil-comp-table th{text-align:left;padding:.5rem .6rem;background:#111318;color:#3f4455;font-weight:600;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.05);}
.dil-comp-table td{padding:.5rem .6rem;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle;}
.dil-comp-table .dil-sys{font-weight:600;color:#e6e9f0;}.dil-comp-table .dil-dim{font-size:.63rem;color:#3f4455;}
.dil-comp-table .dil-h33v{color:#2dd4a0;font-family:'JetBrains Mono',monospace;font-weight:700;}
.dil-comp-table .dil-cv{font-family:'JetBrains Mono',monospace;color:#7c8293;}
.dil-comp-table .dil-badge{display:inline-flex;padding:.1rem .3rem;border-radius:3px;font-family:'JetBrains Mono',monospace;font-size:.55rem;font-weight:700;letter-spacing:.04em;}
.dil-comp-table .dil-badge-l2{background:rgba(88,153,240,.06);color:#5899f0;}
.dil-comp-table .dil-badge-l3{background:rgba(45,212,191,.06);color:#2dd4bf;}
.dil-comp-table .dil-badge-l5{background:rgba(45,212,160,.08);color:#2dd4a0;}
.dil-comp-table tr.dil-h33-row{background:rgba(45,212,160,.08);}
.dil-s2s-box{background:#111318;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.25rem;margin-bottom:2rem;text-align:center;}
.dil-s2s-box h4{font-size:.9rem;font-weight:600;margin-bottom:.5rem;color:#e6e9f0;}
.dil-s2s-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.75rem;}
.dil-s2s-item{padding:.65rem;background:#07080a;border:1px solid rgba(255,255,255,.05);border-radius:7px;}
.dil-s2s-item .dil-s2l{font-family:'JetBrains Mono',monospace;font-size:.5rem;color:#3f4455;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.1rem;}
.dil-s2s-item .dil-s2v{font-family:'JetBrains Mono',monospace;font-size:.85rem;font-weight:700;color:#2dd4bf;}
.dil-s2s-item .dil-s2d{font-size:.6rem;color:#3f4455;margin-top:.15rem;line-height:1.4;}
.dil-s2s-explain{font-size:.75rem;color:#7c8293;line-height:1.6;}.dil-s2s-explain strong{color:#e6e9f0;font-weight:600;}
.dil-proof-box{background:#111318;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1.1rem;font-family:'JetBrains Mono',monospace;font-size:.65rem;color:#3f4455;line-height:1.7;text-align:center;}
.dil-proof-box strong{color:#7c8293;font-weight:600;}
@media(max-width:700px){
  .dil-overlay{padding:0;}
  .dil-modal{max-height:100vh;border-radius:0;max-width:100%;}
  .dil-head{padding:1.5rem;}.dil-body{padding:1.5rem;}.dil-title{font-size:1.2rem;}
  .dil-hero-metrics{grid-template-columns:repeat(3,1fr);}
  .dil-rat-grid,.dil-cost-compare{grid-template-columns:1fr;}
  .dil-size-grid{grid-template-columns:repeat(2,1fr);}
  .dil-s2s-grid{grid-template-columns:1fr;}
  .dil-user-grid{grid-template-columns:repeat(5,1fr);}
  .dil-cost-arrow{transform:rotate(90deg);padding:.3rem 0;}
}



.simd-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(12px);z-index:10000;display:none;align-items:center;justify-content:center;padding:1.25rem;}
.simd-overlay.active{display:flex;animation:simd-ov .3s ease-out;}
@keyframes simd-ov{from{opacity:0}to{opacity:1}}
.simd-modal{width:100%;max-width:1100px;max-height:92vh;overflow-y:auto;border-radius:20px;border:1px solid rgba(0,255,136,.15);background:linear-gradient(165deg,#080c10 0%,#0a1628 40%,#0d0f18 100%);box-shadow:0 0 80px rgba(0,255,136,.06),0 0 200px rgba(0,100,255,.04),inset 0 1px 0 rgba(255,255,255,.04);font-family:'JetBrains Mono','SF Mono',monospace;position:relative;animation:simd-mi .35s cubic-bezier(.16,1,.3,1);}
@keyframes simd-mi{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.simd-modal::-webkit-scrollbar{width:6px;}.simd-modal::-webkit-scrollbar-track{background:transparent;}.simd-modal::-webkit-scrollbar-thumb{background:rgba(0,255,136,.15);border-radius:3px;}
.simd-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid rgba(0,255,136,.08);background:linear-gradient(90deg,rgba(0,255,136,.03) 0%,transparent 100%);}
.simd-header-icon{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,rgba(0,255,136,.15),rgba(0,200,255,.1));border:1px solid rgba(0,255,136,.25);display:flex;align-items:center;justify-content:center;font-size:1.2rem;}
.simd-header h2{margin:0;font-size:17px;font-weight:700;color:#e8f4ec;letter-spacing:-.3px;font-family:'Inter',sans-serif;}
.simd-header p{margin:2px 0 0;font-size:11px;color:#4a7c5e;letter-spacing:1.5px;text-transform:uppercase;}
.simd-close{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px;cursor:pointer;color:#667;display:flex;align-items:center;justify-content:center;transition:all .2s;}.simd-close:hover{color:#ff4466;border-color:rgba(255,68,102,.3);}
.simd-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(0,255,136,.06);border-bottom:1px solid rgba(0,255,136,.08);}
.simd-strip-cell{padding:14px 18px;background:#080c10;text-align:center;}
.simd-strip-cell .simd-sl{font-size:9px;color:#4a5568;letter-spacing:1.5px;margin-bottom:4px;text-transform:uppercase;}
.simd-strip-cell .simd-sv{font-size:18px;font-weight:800;font-family:'JetBrains Mono',monospace;transition:all .3s;}
.simd-strip-cell .simd-ss{font-size:10px;color:#3a5548;margin-top:2px;}
.simd-body{padding:24px 28px;}
.simd-grid-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.simd-grid-label{font-size:11px;color:#4a7c5e;letter-spacing:1px;text-transform:uppercase;}
.simd-status{font-size:9px;padding:2px 8px;border-radius:4px;letter-spacing:1px;text-transform:uppercase;transition:all .3s;}
.simd-grid-actions{display:flex;gap:6px;}
.simd-action-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;font-size:11px;cursor:pointer;transition:all .2s;font-family:'JetBrains Mono',monospace;border:none;}
.simd-action-btn.simd-primary{background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.25);color:#00ff88;}
.simd-action-btn.simd-primary:hover{background:rgba(0,255,136,.2);}
.simd-action-btn.simd-primary:disabled{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06);color:#334;cursor:not-allowed;}
.simd-action-btn.simd-secondary{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:#556;}
.simd-action-btn.simd-secondary:hover{color:#aaa;}
.simd-slot-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;padding:16px;border-radius:12px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.04);transition:all .4s ease;margin-bottom:24px;}
.simd-slot-grid.simd-flash{background:linear-gradient(135deg,rgba(0,255,136,.08),rgba(0,200,255,.05));border-color:rgba(0,255,136,.3);box-shadow:0 0 40px rgba(0,255,136,.1),inset 0 0 60px rgba(0,255,136,.03);}
.simd-slot{position:relative;aspect-ratio:1;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;font-weight:600;transition:all .35s cubic-bezier(.34,1.56,.64,1);overflow:hidden;}
.simd-slot .simd-slot-idx{position:absolute;top:3px;right:5px;font-size:7px;opacity:.4;font-weight:400;}
.simd-slot.simd-empty{background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.04);color:#1a1a2e;transform:scale(.88);}
.simd-slot.simd-active{background:rgba(0,100,200,.06);border:1px solid rgba(0,150,255,.15);color:#335;transform:scale(.92);}
.simd-slot.simd-packed{background:linear-gradient(135deg,rgba(0,150,255,.18),rgba(0,100,200,.1));border:1px solid rgba(0,150,255,.35);color:#66bbff;transform:scale(1);box-shadow:0 0 10px rgba(0,150,255,.1);}
.simd-slot.simd-computing{background:linear-gradient(135deg,rgba(255,200,0,.25),rgba(255,150,0,.15));border:1px solid rgba(255,200,0,.5);color:#ffcc00;transform:scale(1);box-shadow:0 0 20px rgba(255,200,0,.2);}
.simd-slot.simd-done{background:linear-gradient(135deg,rgba(0,255,136,.2),rgba(0,200,100,.12));border:1px solid rgba(0,255,136,.4);color:#00ff88;transform:scale(1);box-shadow:0 0 15px rgba(0,255,136,.15);}
.simd-slider-box{padding:20px 24px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.04);margin-bottom:20px;}
.simd-slider-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.simd-slider-label{font-size:11px;color:#4a7c5e;letter-spacing:1px;text-transform:uppercase;}
.simd-slider-val{font-size:22px;font-weight:800;color:#00ff88;text-shadow:0 0 20px rgba(0,255,136,.3);}
.simd-slider-val span{font-size:12px;color:#3a5548;font-weight:400;}
.simd-slider-wrap{position:relative;height:40px;display:flex;align-items:center;}
.simd-slider-track{position:absolute;left:0;right:0;height:6px;border-radius:3px;background:rgba(255,255,255,.04);}
.simd-slider-fill{position:absolute;left:0;height:6px;border-radius:3px;background:linear-gradient(90deg,#ff8844 0%,#ffcc00 40%,#00ff88 100%);box-shadow:0 0 12px rgba(0,255,136,.2);transition:width .15s ease;}
.simd-slider-input{position:absolute;width:100%;height:40px;-webkit-appearance:none;background:transparent;cursor:pointer;z-index:2;margin:0;}
.simd-slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#00ff88,#00cc66);border:2px solid rgba(0,0,0,.4);box-shadow:0 0 15px rgba(0,255,136,.4),0 2px 8px rgba(0,0,0,.4);cursor:pointer;transition:transform .15s;}.simd-slider-input::-webkit-slider-thumb:hover{transform:scale(1.15);}
.simd-slider-input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#00ff88,#00cc66);border:2px solid rgba(0,0,0,.4);box-shadow:0 0 15px rgba(0,255,136,.4);cursor:pointer;}
.simd-slider-ticks{position:absolute;left:0;right:0;display:flex;justify-content:space-between;top:28px;}
.simd-slider-ticks span{font-size:8px;color:#223;transition:color .2s;}
.simd-cost-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin-bottom:20px;}
.simd-cost-box{padding:16px 20px;border-radius:12px;}
.simd-cost-box.simd-naive{background:rgba(255,50,50,.04);border:1px solid rgba(255,50,50,.1);}
.simd-cost-box.simd-batched{background:rgba(0,255,136,.04);border:1px solid rgba(0,255,136,.12);}
.simd-cost-box .simd-cl{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;}
.simd-cost-box.simd-naive .simd-cl{color:#884444;}.simd-cost-box.simd-batched .simd-cl{color:#4a7c5e;}
.simd-cost-box .simd-cd{font-size:10px;margin-bottom:4px;}
.simd-cost-box.simd-naive .simd-cd{color:#665555;}.simd-cost-box.simd-batched .simd-cd{color:#3a5548;}
.simd-cost-box .simd-cv{font-size:24px;font-weight:800;font-family:'JetBrains Mono',monospace;}
.simd-cost-box.simd-naive .simd-cv{color:#ff6666;}.simd-cost-box.simd-batched .simd-cv{color:#00ff88;text-shadow:0 0 20px rgba(0,255,136,.2);}
.simd-cost-arrow{text-align:center;}.simd-cost-arrow .simd-pct{font-size:11px;font-weight:700;color:#334;transition:color .3s;}
.simd-cost-arrow .simd-pct.simd-green{color:#00ff88;}.simd-cost-arrow .simd-pct-label{font-size:8px;color:#334;}
.simd-insight{padding:18px 24px;border-radius:12px;background:linear-gradient(135deg,rgba(0,255,136,.04),rgba(0,100,200,.03));border:1px solid rgba(0,255,136,.1);margin-bottom:16px;}
.simd-insight-label{font-size:9px;color:#4a7c5e;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;}
.simd-insight-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
.simd-insight-item{text-align:center;}
.simd-insight-item .simd-iv{font-size:14px;font-weight:700;color:#c8d8d0;font-family:'JetBrains Mono',monospace;}
.simd-insight-item .simd-id{font-size:13px;font-weight:800;color:#88aaa0;font-family:'JetBrains Mono',monospace;}
.simd-insight-item .simd-in{font-size:9px;color:#3a5548;margin-top:2px;}
.simd-insight-item.simd-highlight .simd-iv,.simd-insight-item.simd-highlight .simd-id{color:#00ff88;}
.simd-insight-item.simd-highlight .simd-id{text-shadow:0 0 15px rgba(0,255,136,.3);}
.simd-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 0 0;border-top:1px solid rgba(255,255,255,.03);}
.simd-footer-left{font-size:9px;color:#2a3a30;line-height:1.6;}
.simd-footer-badge{font-size:9px;padding:4px 10px;border-radius:6px;background:rgba(0,255,136,.06);border:1px solid rgba(0,255,136,.1);color:#4a7c5e;}
@media(max-width:700px){
  .simd-overlay{padding:0;}
  .simd-modal{max-height:100vh;border-radius:0;max-width:100%;}
  .simd-strip{grid-template-columns:repeat(2,1fr);}
  .simd-slot-grid{grid-template-columns:repeat(5,1fr);}
  .simd-cost-grid{grid-template-columns:1fr;gap:8px;}
  .simd-insight-grid{grid-template-columns:repeat(2,1fr);}
  .simd-cost-arrow{transform:rotate(90deg);}
}



.nist-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.88);backdrop-filter:blur(14px);z-index:10000;align-items:center;justify-content:center;padding:1.25rem;}
.nist-overlay.active{display:flex;}
.nist-modal{width:100%;max-width:1020px;max-height:94vh;overflow:hidden;border-radius:20px;border:1px solid rgba(139,92,246,0.12);background:linear-gradient(170deg,#06080d 0%,#0c0a1a 35%,#080612 100%);box-shadow:0 0 100px rgba(139,92,246,0.06),0 0 200px rgba(59,130,246,0.03);font-family:'JetBrains Mono','SF Mono',monospace;display:flex;flex-direction:column;color:#c8d0dc;}
.nist-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid rgba(139,92,246,0.08);background:linear-gradient(90deg,rgba(139,92,246,0.04) 0%,transparent 50%,rgba(244,114,182,0.03) 100%);flex-shrink:0;}
.nist-head-icon{width:44px;height:44px;border-radius:11px;background:linear-gradient(135deg,rgba(139,92,246,0.2),rgba(244,114,182,0.12));border:1px solid rgba(139,92,246,0.3);display:flex;align-items:center;justify-content:center;font-size:20px;}
.nist-head-text h2{margin:0;font-size:18px;font-weight:700;background:linear-gradient(90deg,#c4b5fd,#f9a8d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:'Space Grotesk',sans-serif;letter-spacing:-0.4px;}
.nist-head-text p{margin:2px 0 0;font-size:10.5px;color:#4c3d6e;letter-spacing:1.2px;text-transform:uppercase;}
.nist-close{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:8px;padding:8px;cursor:pointer;color:#445;transition:all 0.2s;font-size:18px;line-height:1;width:34px;height:34px;display:flex;align-items:center;justify-content:center;}
.nist-close:hover{color:#ff4466;border-color:rgba(255,68,102,0.3);}
.nist-tabs{display:flex;gap:2px;padding:0 24px;border-bottom:1px solid rgba(139,92,246,0.06);background:rgba(0,0,0,0.2);flex-shrink:0;}
.nist-tab{display:flex;align-items:center;gap:6px;padding:11px 16px;font-size:11px;font-weight:500;color:#3d3555;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all 0.2s;letter-spacing:0.5px;text-transform:uppercase;font-family:'JetBrains Mono',monospace;}
.nist-tab.active{font-weight:700;color:#c4b5fd;background:rgba(139,92,246,0.08);border-bottom-color:#a78bfa;}
.nist-tab:hover:not(.active){color:#7c6ea8;}
.nist-content{flex:1;overflow:auto;padding:20px 24px;}
.nist-content::-webkit-scrollbar{width:5px;}
.nist-content::-webkit-scrollbar-track{background:transparent;}
.nist-content::-webkit-scrollbar-thumb{background:rgba(139,92,246,0.15);border-radius:3px;}
.nist-pane{display:none;}
.nist-pane.active{display:block;}

/* Level selector buttons */
.nist-lvl-btns{display:flex;gap:10px;margin-bottom:20px;}
.nist-lvl-btn{flex:1;padding:14px 16px;border-radius:12px;cursor:pointer;background:rgba(255,255,255,0.015);border:1px solid rgba(255,255,255,0.04);transition:all 0.3s ease;text-align:left;}
.nist-lvl-btn.active-l1{background:linear-gradient(135deg,rgba(34,211,238,0.12),rgba(34,211,238,0.06));border-color:rgba(34,211,238,0.35);box-shadow:0 0 30px rgba(34,211,238,0.08);}
.nist-lvl-btn.active-l3{background:linear-gradient(135deg,rgba(167,139,250,0.12),rgba(167,139,250,0.06));border-color:rgba(167,139,250,0.35);box-shadow:0 0 30px rgba(167,139,250,0.08);}
.nist-lvl-btn.active-l5{background:linear-gradient(135deg,rgba(244,114,182,0.12),rgba(244,114,182,0.06));border-color:rgba(244,114,182,0.35);box-shadow:0 0 30px rgba(244,114,182,0.08);}
.nist-lvl-num{font-size:18px;font-weight:800;font-family:'JetBrains Mono',monospace;}
.nist-lvl-eq{font-size:8px;padding:2px 7px;border-radius:4px;letter-spacing:1px;}
.nist-lvl-sub{font-size:10px;color:#556;line-height:1.5;margin-top:4px;}

/* Detail panel */
.nist-detail{border-radius:14px;overflow:hidden;}
.nist-detail-head{padding:16px 22px;display:flex;align-items:center;justify-content:space-between;}
.nist-detail-title{font-size:22px;font-weight:800;font-family:'JetBrains Mono',monospace;}
.nist-detail-equiv{font-size:12px;font-weight:600;opacity:0.7;font-family:'JetBrains Mono',monospace;}
.nist-detail-desc{margin:0;font-size:11.5px;color:#667;line-height:1.5;max-width:500px;}
.nist-meter{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.nist-meter-num{font-size:16px;font-weight:800;font-family:'JetBrains Mono',monospace;}
.nist-meter-label{font-size:8px;color:#445;margin-top:4px;letter-spacing:0.5px;text-align:center;}
.nist-algo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;}
.nist-algo-card{padding:12px 16px;border-radius:10px;background:rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.03);}
.nist-algo-label{display:flex;align-items:center;gap:6px;margin-bottom:6px;}
.nist-algo-label span:first-child{font-size:12px;}
.nist-algo-label span:last-child{font-size:9px;color:#556;letter-spacing:1px;text-transform:uppercase;}
.nist-algo-val{font-size:11.5px;color:#c8d0dc;font-weight:600;line-height:1.5;}
.nist-algo-sub{font-size:9.5px;color:#3d4555;margin-top:3px;}
.nist-tier-link{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:8px;}

/* Tiers tab */
.nist-tier-card{border-radius:14px;overflow:hidden;transition:all 0.3s;margin-bottom:14px;}
.nist-tier-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;}
.nist-tier-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;font-family:'JetBrains Mono',monospace;}
.nist-tier-name{font-size:16px;font-weight:800;font-family:'JetBrains Mono',monospace;}
.nist-tier-sub{font-size:11px;color:#556;font-weight:500;}
.nist-tier-desc{margin:2px 0 0;font-size:10.5px;color:#556;line-height:1.4;}
.nist-tier-badge{font-size:10px;font-weight:700;padding:3px 10px;border-radius:6px;}
.nist-tier-prod{font-size:8px;font-weight:700;padding:3px 8px;border-radius:4px;letter-spacing:1px;}
.nist-tier-specs{padding:12px 20px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;}
.nist-tier-spec-label{font-size:8px;color:#3d3555;letter-spacing:1px;text-transform:uppercase;margin-bottom:3px;}
.nist-tier-spec-val{font-size:10px;color:#99a;font-weight:600;line-height:1.4;}
.nist-tier-note{margin-top:16px;padding:12px 18px;border-radius:10px;background:rgba(139,92,246,0.04);border:1px solid rgba(139,92,246,0.1);font-size:10px;color:#7c6ea8;line-height:1.7;}
.nist-tier-note strong{color:#a78bfa;}

/* Timeline tab */
.nist-timeline{position:relative;padding-left:28px;}
.nist-timeline-line{position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,#22d3ee,#a78bfa 30%,#f59e0b 60%,#ef4444 80%,#f472b6);border-radius:1px;}
.nist-tl-item{position:relative;margin-bottom:8px;padding:12px 18px;border-radius:12px;transition:all 0.3s;}
.nist-tl-item:last-child{margin-bottom:0;}
.nist-tl-dot{position:absolute;left:-24px;top:16px;width:14px;height:14px;border-radius:50%;border-width:2px;border-style:solid;}
.nist-tl-year{font-size:13px;font-weight:800;font-family:'JetBrains Mono',monospace;}
.nist-tl-label{font-size:12px;font-weight:700;color:#c8d0dc;}
.nist-tl-here{font-size:8px;font-weight:700;padding:1px 6px;border-radius:3px;background:rgba(245,158,11,0.15);color:#f59e0b;border:1px solid rgba(245,158,11,0.25);letter-spacing:0.8px;animation:nist-pulse 2s ease-in-out infinite;}
.nist-tl-desc{margin:0;font-size:10.5px;color:#556;line-height:1.5;}
.nist-tl-eta{font-size:9px;padding:2px 8px;border-radius:4px;white-space:nowrap;margin-left:12px;}
.nist-urgency{margin-top:18px;padding:14px 20px;border-radius:12px;background:linear-gradient(135deg,rgba(239,68,68,0.06),rgba(244,114,182,0.04));border:1px solid rgba(239,68,68,0.15);}
.nist-urgency-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:11px;font-weight:700;color:#ef4444;letter-spacing:0.5px;}
.nist-urgency p{margin:0;font-size:10.5px;color:#887;line-height:1.7;}
@keyframes nist-pulse{0%,100%{opacity:0.6;}50%{opacity:1;}}

/* Harvest tab */
.nist-harvest-intro{margin-bottom:20px;padding:14px 18px;border-radius:10px;background:rgba(239,68,68,0.04);border:1px solid rgba(239,68,68,0.1);}
.nist-harvest-intro .nist-threat-label{font-size:10px;color:#aa6655;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;}
.nist-harvest-intro .nist-threat-title{font-size:14px;font-weight:700;color:#e8c0b0;font-family:'Space Grotesk',sans-serif;}
.nist-harvest-intro p{margin:6px 0 0;font-size:10.5px;color:#776;line-height:1.6;}
.nist-harvest-step{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:12px;background:rgba(255,255,255,0.01);border:1px solid rgba(255,255,255,0.03);transition:all 0.5s ease;margin-bottom:6px;transform:scale(1);}
.nist-harvest-step.active{transform:scale(1.01);}
.nist-harvest-step:last-child{margin-bottom:0;}
.nist-harvest-icon{width:42px;height:42px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.02);border:1.5px solid rgba(255,255,255,0.05);transition:all 0.5s;font-size:18px;}
.nist-harvest-step-label{font-size:9px;font-weight:700;font-family:'JetBrains Mono',monospace;letter-spacing:0.5px;color:#445;}
.nist-harvest-step-name{font-size:12px;font-weight:700;color:#445;transition:color 0.5s;}
.nist-harvest-step-desc{margin:3px 0 0;font-size:10.5px;color:#445;line-height:1.4;transition:color 0.5s;}
.nist-harvest-step.active .nist-harvest-step-name{color:#e0dce8;}
.nist-harvest-step.active .nist-harvest-step-desc{color:#998;}
.nist-harvest-step.past .nist-harvest-step-name{color:#887;}
.nist-harvest-chevron{font-size:16px;color:#223;transition:color 0.5s;}
.nist-harvest-step.active .nist-harvest-chevron,.nist-harvest-step.past .nist-harvest-chevron{color:rgba(255,255,255,0.2);}
.nist-exposure{margin-top:18px;padding:16px 20px;border-radius:12px;background:linear-gradient(135deg,rgba(244,114,182,0.05),rgba(139,92,246,0.04));border:1px solid rgba(244,114,182,0.12);}
.nist-exposure-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;text-align:center;}
.nist-exposure-label{font-size:9px;color:#556;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;}
.nist-exposure-year{font-size:20px;font-weight:800;font-family:'JetBrains Mono',monospace;}
.nist-exposure-sub{font-size:9px;color:#665;}
.nist-exposure-line{width:60px;height:2px;background:linear-gradient(90deg,#ef4444,#f472b6);border-radius:1px;margin:0 auto 6px;}
.nist-exposure-window{font-size:18px;font-weight:800;color:#f59e0b;font-family:'JetBrains Mono',monospace;}
.nist-exposure-window-label{font-size:8px;color:#776;letter-spacing:0.5px;}
.nist-h33-safe{margin-top:14px;padding:10px 14px;border-radius:8px;background:rgba(0,255,136,0.04);border:1px solid rgba(0,255,136,0.12);display:flex;align-items:center;gap:10px;font-size:11px;color:#00ff88;font-weight:600;}

/* Footer */
.nist-foot{padding:12px 24px;border-top:1px solid rgba(139,92,246,0.06);background:rgba(0,0,0,0.15);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;}
.nist-foot-left{font-size:9px;color:#2d2845;line-height:1.6;}
.nist-foot-badge{font-size:9px;padding:4px 10px;border-radius:6px;background:rgba(0,255,136,0.06);border:1px solid rgba(0,255,136,0.1);color:#4a7c5e;}

@media(max-width:700px){
  .nist-overlay{padding:0;}
  .nist-modal{max-height:100vh;border-radius:0;max-width:100%;}
  .nist-algo-grid{grid-template-columns:1fr;}
  .nist-tier-specs{grid-template-columns:repeat(2,1fr);}
  .nist-exposure-grid{grid-template-columns:1fr;gap:8px;}
  .nist-lvl-btns{flex-direction:column;}
  .nist-tabs{overflow-x:auto;}
}



.eng-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.88);backdrop-filter:blur(14px);z-index:10000;align-items:center;justify-content:center;padding:1.25rem;}
.eng-overlay.active{display:flex;}
.eng-modal{width:100%;max-width:1060px;max-height:94vh;border-radius:20px;border:1px solid rgba(255,255,255,0.06);background:linear-gradient(170deg,#07090e 0%,#0a0c18 30%,#08070f 100%);box-shadow:0 0 120px rgba(100,100,200,0.04);font-family:'JetBrains Mono','SF Mono',monospace;display:flex;flex-direction:column;overflow:hidden;color:#c8d0dc;}
.eng-head{display:flex;align-items:center;justify-content:space-between;padding:18px 26px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,0.04);background:linear-gradient(90deg,rgba(34,211,238,0.02),rgba(167,139,250,0.02),rgba(244,114,182,0.02),rgba(245,158,11,0.02));}
.eng-head-icon{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,rgba(34,211,238,0.12),rgba(167,139,250,0.08),rgba(244,114,182,0.08));border:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;font-size:20px;position:relative;}
.eng-head-icon .eng-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:#00ff88;border:2px solid #07090e;}
.eng-head-text h2{margin:0;font-size:19px;font-weight:700;color:#e4e8f0;letter-spacing:-0.4px;font-family:'Space Grotesk',sans-serif;}
.eng-head-text p{margin:2px 0 0;font-size:10.5px;color:#3a4050;letter-spacing:1px;text-transform:uppercase;}
.eng-close{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:8px;padding:8px;cursor:pointer;color:#445;transition:all 0.2s;font-size:18px;line-height:1;width:34px;height:34px;display:flex;align-items:center;justify-content:center;}
.eng-close:hover{color:#ff4466;border-color:rgba(255,68,102,0.3);}
.eng-content{flex:1;overflow:auto;padding:18px 26px 10px;}
.eng-content::-webkit-scrollbar{width:5px;}
.eng-content::-webkit-scrollbar-track{background:transparent;}
.eng-content::-webkit-scrollbar-thumb{background:rgba(100,100,200,0.1);border-radius:3px;}
.eng-card{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,0.03);background:rgba(255,255,255,0.01);transition:all 0.35s ease;margin-bottom:14px;}
.eng-card:last-child{margin-bottom:0;}
.eng-card.expanded{box-shadow:0 0 40px rgba(0,0,0,0.2);}
.eng-card-header{display:flex;align-items:stretch;cursor:pointer;}
.eng-card-bar{width:4px;flex-shrink:0;transition:opacity 0.3s;opacity:0.3;}
.eng-card.expanded .eng-card-bar,.eng-card.pulsing .eng-card-bar{opacity:1;}
.eng-card-body{flex:1;padding:16px 20px;}
.eng-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.eng-card-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all 0.3s;font-size:16px;}
.eng-card-name{font-size:15px;font-weight:800;font-family:'Space Grotesk',sans-serif;}
.eng-card-subtitle{font-size:10px;color:#556;font-weight:500;}
.eng-card-tagline{margin:3px 0 0;font-size:10.5px;color:#4a5060;line-height:1.4;max-width:520px;}
.eng-card-toggle{font-size:9px;font-weight:600;padding:3px 8px;border-radius:5px;letter-spacing:0.8px;text-transform:uppercase;transition:all 0.3s;}
.eng-card-chevron{font-size:14px;color:#445;transition:transform 0.3s;}
.eng-card.expanded .eng-card-chevron{transform:rotate(180deg);}
.eng-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;}
.eng-stat{padding:8px 10px;border-radius:8px;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.02);text-align:center;}
.eng-stat-label{font-size:8px;color:#3a4050;letter-spacing:1px;text-transform:uppercase;margin-bottom:3px;}
.eng-stat-val{font-size:14px;font-weight:800;font-family:'JetBrains Mono',monospace;line-height:1.2;}
.eng-stat-note{font-size:8px;color:#334;margin-top:1px;}
.eng-expanded{display:none;padding:0 20px 18px;margin-left:4px;}
.eng-card.expanded .eng-expanded{display:block;}
.eng-features-title,.eng-deep-title{font-size:9px;color:#4a5060;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:10px;}
.eng-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;}
.eng-feature{display:flex;align-items:flex-start;gap:7px;padding:5px 0;}
.eng-feature-check{margin-top:2px;flex-shrink:0;opacity:0.7;font-size:12px;}
.eng-feature-text{font-size:10.5px;color:#99a0b0;line-height:1.5;}
.eng-feature-badge{margin-left:6px;font-size:7px;font-weight:700;padding:1px 5px;border-radius:3px;letter-spacing:0.5px;vertical-align:middle;}
.eng-deep-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.eng-deep-card{padding:12px 14px;border-radius:10px;background:rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.02);}
.eng-deep-heading{font-size:11px;font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:6px;}
.eng-deep-dot{width:5px;height:5px;border-radius:50%;opacity:0.6;}
.eng-deep-text{margin:0;font-size:10px;color:#667080;line-height:1.65;letter-spacing:0.1px;}
.eng-foot{padding:14px 26px;flex-shrink:0;border-top:1px solid rgba(255,255,255,0.03);background:rgba(0,0,0,0.15);display:flex;align-items:center;justify-content:space-between;}
.eng-foot-badge{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:7px;}
.eng-foot-rust{background:rgba(222,165,100,0.06);border:1px solid rgba(222,165,100,0.12);}
.eng-foot-rust span:last-child{font-size:10px;font-weight:700;color:#dea564;letter-spacing:0.3px;}
.eng-foot-deps{background:rgba(0,255,136,0.04);border:1px solid rgba(0,255,136,0.1);}
.eng-foot-deps span:last-child{font-size:10px;font-weight:600;color:#4a7c5e;}
.eng-foot-note{font-size:9px;color:#2d3040;line-height:1.5;}
.eng-foot-date{font-size:9px;padding:4px 10px;border-radius:6px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.04);color:#3a4050;}

@media(max-width:700px){
  .eng-overlay{padding:0;}
  .eng-modal{max-height:100vh;border-radius:0;max-width:100%;}
  .eng-stats-grid{grid-template-columns:repeat(2,1fr);}
  .eng-features-grid,.eng-deep-grid{grid-template-columns:1fr;}
  .eng-foot{flex-direction:column;gap:8px;align-items:flex-start;}
}



.cch-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);backdrop-filter:blur(12px);z-index:10000;align-items:center;justify-content:center;padding:1.25rem;}
.cch-overlay.active{display:flex;}
.cch-modal{width:100%;max-width:920px;max-height:92vh;background:linear-gradient(165deg,#0a0a0f 0%,#0d0d14 40%,#0f0a12 100%);border-radius:16px;overflow:hidden;border:1px solid rgba(200,160,80,0.15);box-shadow:0 0 80px rgba(200,160,80,0.06),0 0 2px rgba(200,160,80,0.3);display:flex;flex-direction:column;font-family:'JetBrains Mono','SF Mono',monospace;color:#c8d0dc;}
.cch-head{padding:20px 28px 16px;border-bottom:1px solid rgba(200,160,80,0.1);display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;}
.cch-dot{width:10px;height:10px;border-radius:50%;background:#c8a050;box-shadow:0 0 12px rgba(200,160,80,0.6);animation:cch-pulse 2s ease infinite;}
.cch-head-label{font-size:11px;font-weight:600;letter-spacing:3px;color:#c8a050;text-transform:uppercase;font-family:'JetBrains Mono',monospace;}
.cch-head h2{font-size:28px;font-weight:700;color:#f0ebe0;margin:0;line-height:1.2;font-family:'Space Grotesk',sans-serif;}
.cch-head-sub{font-size:13px;color:rgba(200,180,140,0.5);margin:4px 0 0;font-family:'JetBrains Mono',monospace;}
.cch-close{background:rgba(200,160,80,0.08);border:1px solid rgba(200,160,80,0.15);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#c8a050;font-size:18px;transition:all 0.2s;}
.cch-close:hover{background:rgba(200,160,80,0.15);}
.cch-tabs{display:flex;gap:0;padding:0 28px;border-bottom:1px solid rgba(200,160,80,0.08);flex-shrink:0;}
.cch-tab{padding:12px 18px;font-size:12px;font-weight:500;background:none;border:none;cursor:pointer;color:rgba(200,180,140,0.35);border-bottom:2px solid transparent;transition:all 0.2s;font-family:'JetBrains Mono',monospace;letter-spacing:0.5px;}
.cch-tab.active{color:#c8a050;border-bottom-color:#c8a050;}
.cch-tab:hover:not(.active){color:rgba(200,180,140,0.55);}
.cch-content{flex:1;overflow:auto;padding:24px 28px;}
.cch-content::-webkit-scrollbar{width:6px;}
.cch-content::-webkit-scrollbar-track{background:transparent;}
.cch-content::-webkit-scrollbar-thumb{background:rgba(200,160,80,0.15);border-radius:3px;}
.cch-pane{display:none;}
.cch-pane.active{display:block;}
.cch-foot{padding:14px 28px;border-top:1px solid rgba(200,160,80,0.08);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;font-size:10px;color:rgba(200,180,140,0.2);font-family:'JetBrains Mono',monospace;}
@keyframes cch-pulse{0%,100%{opacity:1;}50%{opacity:0.5;}}

/* Evolution tab */
.cch-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch;margin-bottom:28px;}
.cch-redis-card{background:rgba(180,60,60,0.06);border:1px solid rgba(180,60,60,0.15);border-radius:12px;padding:20px;}
.cch-cachee-card{background:rgba(200,160,80,0.04);border:1px solid rgba(200,160,80,0.2);border-radius:12px;padding:20px;box-shadow:0 0 40px rgba(200,160,80,0.05);}
.cch-arrow{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;}
.cch-arrow-x{font-size:32px;font-weight:800;color:#c8a050;font-family:'Space Grotesk',sans-serif;text-shadow:0 0 20px rgba(200,160,80,0.3);}
.cch-arrow-badge{background:linear-gradient(135deg,rgba(200,160,80,0.15),rgba(200,160,80,0.05));border:1px solid rgba(200,160,80,0.2);border-radius:8px;padding:6px 14px;font-size:18px;font-weight:800;color:#c8a050;font-family:'Space Grotesk',sans-serif;}
.cch-card-label{font-size:10px;letter-spacing:2px;margin-bottom:8px;font-weight:600;}
.cch-card-num{font-size:36px;font-weight:700;line-height:1;font-family:'Space Grotesk',sans-serif;}
.cch-card-unit{font-size:12px;margin-top:4px;}
.cch-card-stats{margin-top:16px;padding:10px 14px;border-radius:8px;font-size:12px;line-height:1.6;}
.cch-card-stat{display:flex;justify-content:space-between;margin-bottom:4px;}
.cch-card-stat:last-child{margin-bottom:0;}
.cch-bar-section{margin-bottom:20px;}
.cch-bar-title{font-size:10px;letter-spacing:2px;color:rgba(200,180,140,0.35);margin-bottom:14px;font-weight:600;}
.cch-bar-row{margin-bottom:12px;}
.cch-bar-row:last-child{margin-bottom:0;}
.cch-bar-label{display:flex;justify-content:space-between;font-size:11px;color:rgba(200,180,160,0.45);margin-bottom:4px;}
.cch-bar-track{height:6px;background:rgba(255,255,255,0.03);border-radius:3px;overflow:hidden;}
.cch-bar-fill-redis{height:100%;width:3px;min-width:3px;background:#b84040;border-radius:3px;transition:width 1.2s cubic-bezier(0.16,1,0.3,1) 0.6s;}
.cch-bar-fill-cachee{height:100%;width:0%;background:linear-gradient(90deg,#c8a050,#e0c070);border-radius:3px;transition:width 1.5s cubic-bezier(0.16,1,0.3,1) 0.9s;}
.cch-blink-stat{background:linear-gradient(135deg,rgba(200,160,80,0.06),rgba(200,160,80,0.02));border:1px solid rgba(200,160,80,0.1);border-radius:12px;padding:18px 22px;text-align:center;}
.cch-blink-label{font-size:12px;color:rgba(200,180,140,0.45);margin-bottom:6px;}
.cch-blink-num{font-size:28px;font-weight:700;font-family:'Space Grotesk',sans-serif;}
.cch-blink-sub{font-size:11px;color:rgba(200,180,140,0.3);margin-top:4px;}

/* Race tab */
.cch-race-lanes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px;}
.cch-race-lane{border-radius:12px;padding:20px;text-align:center;}
.cch-race-lane-redis{background:rgba(180,60,60,0.04);border:1px solid rgba(180,60,60,0.12);}
.cch-race-lane-cachee{background:rgba(200,160,80,0.04);border:1px solid rgba(200,160,80,0.15);}
.cch-race-label{font-size:10px;letter-spacing:2px;margin-bottom:12px;font-weight:600;}
.cch-race-count{font-size:64px;font-weight:800;font-family:'Space Grotesk',sans-serif;line-height:1;min-height:76px;}
.cch-race-unit{font-size:11px;margin-top:4px;}
.cch-race-bar{margin-top:14px;height:4px;border-radius:2px;overflow:hidden;}
.cch-race-btn{padding:14px 40px;font-size:14px;font-weight:600;border:1px solid rgba(200,160,80,0.3);border-radius:10px;color:#c8a050;cursor:pointer;font-family:'JetBrains Mono',monospace;letter-spacing:1px;transition:all 0.3s;}
.cch-race-result{margin-top:20px;text-align:center;padding:14px 20px;background:rgba(200,160,80,0.04);border:1px solid rgba(200,160,80,0.1);border-radius:10px;font-size:13px;color:rgba(200,180,140,0.5);}

/* ZK Flow tab */
.cch-flow-step{display:flex;align-items:stretch;gap:16px;margin-bottom:0;}
.cch-flow-line{display:flex;flex-direction:column;align-items:center;width:40px;flex-shrink:0;}
.cch-flow-num{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#c8a050;}
.cch-flow-connector{flex:1;width:1px;background:rgba(200,160,80,0.15);margin:6px 0;}
.cch-flow-content{flex:1;padding-bottom:20px;}
.cch-flow-title{font-size:14px;font-weight:600;color:#f0ebe0;margin-bottom:6px;font-family:'Space Grotesk',sans-serif;}
.cch-flow-box{background:rgba(200,160,80,0.04);border:1px solid rgba(200,160,80,0.1);border-radius:10px;padding:16px;font-size:12px;color:rgba(200,180,140,0.45);line-height:1.7;}
.cch-flow-tags{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap;}
.cch-flow-tag{padding:3px 10px;background:rgba(200,160,80,0.08);border-radius:6px;font-size:11px;color:rgba(200,180,140,0.5);}

/* Calculator tab */
.cch-calc-slider{background:rgba(200,160,80,0.04);border:1px solid rgba(200,160,80,0.1);border-radius:12px;padding:24px;margin-bottom:20px;}
.cch-calc-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px;}
.cch-calc-label{font-size:12px;color:rgba(200,180,140,0.45);font-weight:500;}
.cch-calc-pct{font-size:32px;font-weight:800;color:#c8a050;font-family:'Space Grotesk',sans-serif;}
.cch-calc-range{width:100%;height:6px;-webkit-appearance:none;appearance:none;border-radius:3px;outline:none;cursor:pointer;}
.cch-calc-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#c8a050;cursor:pointer;border:2px solid #0a0a0f;box-shadow:0 0 10px rgba(200,160,80,0.3);}
.cch-calc-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#c8a050;cursor:pointer;border:2px solid #0a0a0f;box-shadow:0 0 10px rgba(200,160,80,0.3);}
.cch-calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;}
.cch-calc-card{background:rgba(200,160,80,0.04);border:1px solid rgba(200,160,80,0.1);border-radius:10px;padding:18px;}
.cch-calc-card-label{font-size:10px;letter-spacing:2px;color:rgba(200,180,140,0.35);margin-bottom:8px;font-weight:600;}
.cch-calc-card-val{font-size:24px;font-weight:700;font-family:'Space Grotesk',sans-serif;}
.cch-calc-card-note{font-size:10px;color:rgba(200,180,140,0.3);margin-top:2px;}
.cch-calc-insight{background:linear-gradient(135deg,rgba(200,160,80,0.06),rgba(200,160,80,0.02));border:1px solid rgba(200,160,80,0.1);border-radius:10px;padding:14px 18px;font-size:12px;color:rgba(200,180,140,0.45);line-height:1.6;}

@media(max-width:700px){
  .cch-overlay{padding:0;}
  .cch-modal{max-height:100vh;border-radius:0;max-width:100%;}
  .cch-compare{grid-template-columns:1fr;gap:12px;}
  .cch-arrow{flex-direction:row;}
  .cch-race-lanes{grid-template-columns:1fr;}
  .cch-calc-grid{grid-template-columns:1fr;}
}



.ckks-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);backdrop-filter:blur(12px);z-index:10000;align-items:center;justify-content:center;padding:1.25rem;}
.ckks-overlay.active{display:flex;}
.ckks-modal{width:100%;max-width:900px;max-height:92vh;background:linear-gradient(165deg,#0a0a0f 0%,#0d0d14 40%,#0a0c14 100%);border-radius:16px;overflow:hidden;border:1px solid rgba(96,165,250,0.15);box-shadow:0 0 80px rgba(96,165,250,0.06),0 0 2px rgba(96,165,250,0.3);display:flex;flex-direction:column;font-family:'JetBrains Mono','SF Mono',monospace;color:#c8d0dc;}
.ckks-head{padding:20px 28px 16px;border-bottom:1px solid rgba(96,165,250,0.1);display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;}
.ckks-head-left{display:flex;align-items:center;gap:14px;}
.ckks-head-icon{width:44px;height:44px;border-radius:10px;background:rgba(96,165,250,0.08);border:1px solid rgba(96,165,250,0.15);display:flex;align-items:center;justify-content:center;font-size:22px;}
.ckks-head h2{font-size:24px;font-weight:700;color:#f0ebe0;margin:0;line-height:1.2;}
.ckks-head-sub{font-size:12px;color:rgba(96,165,250,0.6);margin:2px 0 0;letter-spacing:1px;}
.ckks-close{background:rgba(96,165,250,0.08);border:1px solid rgba(96,165,250,0.15);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#60a5fa;font-size:18px;transition:all 0.2s;}
.ckks-close:hover{background:rgba(96,165,250,0.15);}
.ckks-body{flex:1;overflow:auto;padding:24px 28px;}
.ckks-body::-webkit-scrollbar{width:6px;}
.ckks-body::-webkit-scrollbar-track{background:transparent;}
.ckks-body::-webkit-scrollbar-thumb{background:rgba(96,165,250,0.15);border-radius:3px;}
.ckks-section{margin-bottom:28px;}
.ckks-section-label{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:rgba(96,165,250,0.5);font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.ckks-section-label::after{content:'';flex:1;height:1px;background:rgba(96,165,250,0.08);}
.ckks-card{background:rgba(96,165,250,0.03);border:1px solid rgba(96,165,250,0.08);border-radius:12px;padding:20px;margin-bottom:12px;}
.ckks-card h4{font-size:15px;font-weight:700;color:#60a5fa;margin:0 0 8px;}
.ckks-card p{font-size:13px;line-height:1.7;color:rgba(200,208,220,0.7);margin:0;}
.ckks-card .ckks-highlight{color:#60a5fa;font-weight:600;}
.ckks-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px;}
.ckks-stat{text-align:center;padding:14px 8px;background:rgba(96,165,250,0.04);border:1px solid rgba(96,165,250,0.06);border-radius:10px;}
.ckks-stat-val{font-size:18px;font-weight:800;color:#60a5fa;}
.ckks-stat-label{font-size:10px;color:rgba(200,208,220,0.4);margin-top:4px;letter-spacing:0.5px;}
.ckks-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin-top:16px;}
.ckks-vs-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.04);border-radius:10px;padding:16px;text-align:center;}
.ckks-vs-card.h33{background:rgba(96,165,250,0.06);border-color:rgba(96,165,250,0.15);}
.ckks-vs-arrow{font-size:24px;font-weight:800;color:#60a5fa;}
.ckks-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:1px;padding:2px 8px;border-radius:4px;background:rgba(96,165,250,0.12);color:#60a5fa;margin-left:6px;vertical-align:middle;}
.ckks-foot{padding:14px 28px;border-top:1px solid rgba(96,165,250,0.06);font-size:10px;color:rgba(96,165,250,0.2);text-align:center;flex-shrink:0;}
@media(max-width:600px){.ckks-stats{grid-template-columns:repeat(2,1fr);}}



.bio-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);backdrop-filter:blur(12px);z-index:10000;align-items:center;justify-content:center;padding:1.25rem;}
.bio-overlay.active{display:flex;}
.bio-modal{width:100%;max-width:900px;max-height:92vh;background:linear-gradient(165deg,#0a0a0f 0%,#0d0d14 40%,#100d0a 100%);border-radius:16px;overflow:hidden;border:1px solid rgba(201,149,108,0.15);box-shadow:0 0 80px rgba(201,149,108,0.06),0 0 2px rgba(201,149,108,0.3);display:flex;flex-direction:column;font-family:'JetBrains Mono','SF Mono',monospace;color:#c8d0dc;}
.bio-head{padding:20px 28px 16px;border-bottom:1px solid rgba(201,149,108,0.1);display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;}
.bio-head-left{display:flex;align-items:center;gap:14px;}
.bio-head-icon{width:44px;height:44px;border-radius:10px;background:rgba(201,149,108,0.08);border:1px solid rgba(201,149,108,0.15);display:flex;align-items:center;justify-content:center;font-size:22px;}
.bio-head h2{font-size:24px;font-weight:700;color:#f0ebe0;margin:0;line-height:1.2;}
.bio-head-sub{font-size:12px;color:rgba(201,149,108,0.6);margin:2px 0 0;letter-spacing:1px;}
.bio-close{background:rgba(201,149,108,0.08);border:1px solid rgba(201,149,108,0.15);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--bronze,#c9956c);font-size:18px;transition:all 0.2s;}
.bio-close:hover{background:rgba(201,149,108,0.15);}
.bio-body{flex:1;overflow:auto;padding:24px 28px;}
.bio-body::-webkit-scrollbar{width:6px;}
.bio-body::-webkit-scrollbar-track{background:transparent;}
.bio-body::-webkit-scrollbar-thumb{background:rgba(201,149,108,0.15);border-radius:3px;}
.bio-section{margin-bottom:28px;}
.bio-section-label{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:rgba(201,149,108,0.5);font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.bio-section-label::after{content:'';flex:1;height:1px;background:rgba(201,149,108,0.08);}
.bio-card{background:rgba(201,149,108,0.03);border:1px solid rgba(201,149,108,0.08);border-radius:12px;padding:20px;margin-bottom:12px;}
.bio-card h4{font-size:15px;font-weight:700;color:var(--bronze,#c9956c);margin:0 0 8px;}
.bio-card p{font-size:13px;line-height:1.7;color:rgba(200,208,220,0.7);margin:0;}
.bio-highlight{color:var(--bronze,#c9956c);font-weight:600;}
.bio-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px;}
.bio-stat{text-align:center;padding:14px 8px;background:rgba(201,149,108,0.04);border:1px solid rgba(201,149,108,0.06);border-radius:10px;}
.bio-stat-val{font-size:18px;font-weight:800;color:var(--bronze,#c9956c);}
.bio-stat-label{font-size:10px;color:rgba(200,208,220,0.4);margin-top:4px;letter-spacing:0.5px;}
.bio-modalities{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:16px 0;}
.bio-mod{text-align:center;padding:14px 6px;background:rgba(201,149,108,0.04);border:1px solid rgba(201,149,108,0.08);border-radius:10px;}
.bio-mod-icon{font-size:24px;margin-bottom:6px;}
.bio-mod-name{font-size:10px;color:rgba(200,208,220,0.5);font-weight:600;letter-spacing:0.5px;}
.bio-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:1px;padding:2px 8px;border-radius:4px;background:rgba(201,149,108,0.12);color:var(--bronze,#c9956c);margin-left:6px;vertical-align:middle;}
.bio-foot{padding:14px 28px;border-top:1px solid rgba(201,149,108,0.06);font-size:10px;color:rgba(201,149,108,0.2);text-align:center;flex-shrink:0;}
@media(max-width:600px){.bio-stats{grid-template-columns:repeat(2,1fr);}.bio-modalities{grid-template-columns:repeat(3,1fr);}}

/* ═══ Tile Modal System (tm-*) ═══ */
.tm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10000;display:none;align-items:center;justify-content:center;padding:1.25rem;}
.tm-overlay.active{display:flex;animation:tmOvIn .3s ease-out;}
@keyframes tmOvIn{from{opacity:0}to{opacity:1}}
.tm-modal{background:#0c0d11;border:1px solid rgba(255,255,255,0.09);border-radius:16px;width:100%;max-width:720px;max-height:92vh;overflow-y:auto;position:relative;animation:tmMIn .35s cubic-bezier(.16,1,.3,1);box-shadow:0 40px 100px rgba(0,0,0,.55);}
@keyframes tmMIn{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.tm-modal::-webkit-scrollbar{width:4px;}
.tm-modal::-webkit-scrollbar-track{background:transparent;}
.tm-modal::-webkit-scrollbar-thumb{background:#3f4455;border-radius:2px;}
.tm-close{position:absolute;top:1rem;right:1rem;width:30px;height:30px;background:#111318;border:1px solid rgba(255,255,255,0.05);border-radius:7px;color:#7c8293;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:10;}
.tm-close:hover{background:#17191f;color:#e6e9f0;}
.tm-head{padding:2rem 2.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,0.05);}
.tm-kicker{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.6rem;display:flex;align-items:center;gap:6px;}
.tm-dot{width:5px;height:5px;border-radius:50%;animation:tmBlink 2s ease infinite;}
@keyframes tmBlink{0%,100%{opacity:1}50%{opacity:.3}}
.tm-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:.4rem;color:#e6e9f0;}
.tm-hero-num{font-family:'JetBrains Mono',monospace;font-weight:700;}
.tm-sub{font-size:.85rem;color:#7c8293;max-width:580px;line-height:1.6;}
.tm-body{padding:1.75rem 2.25rem 2.25rem;}
.tm-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1px;background:rgba(255,255,255,0.05);border-radius:10px;overflow:hidden;margin-bottom:1.5rem;}
.tm-met{background:#111318;padding:.85rem .6rem;text-align:center;}
.tm-met-label{font-family:'JetBrains Mono',monospace;font-size:.5rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#3f4455;margin-bottom:.25rem;}
.tm-met-val{font-family:'JetBrains Mono',monospace;font-size:1.15rem;font-weight:700;line-height:1;}
.tm-met-unit{font-size:.6rem;color:#3f4455;margin-top:.15rem;}
.tm-sec-label{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#3f4455;margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;}
.tm-sec-tag{font-weight:700;}
.tm-pipeline{width:100%;border-collapse:collapse;margin-bottom:1.5rem;}
.tm-pipeline th{font-family:'JetBrains Mono',monospace;font-size:.55rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#3f4455;padding:.5rem .6rem;text-align:left;border-bottom:1px solid rgba(255,255,255,0.08);}
.tm-pipeline th:nth-child(2),.tm-pipeline th:nth-child(3){text-align:right;}
.tm-pipeline td{padding:.6rem;font-size:.82rem;border-bottom:1px solid rgba(255,255,255,0.04);color:#e6e9f0;}
.tm-pipeline td:nth-child(2){text-align:right;font-family:'JetBrains Mono',monospace;font-weight:600;}
.tm-pipeline td:nth-child(3){text-align:right;font-family:'JetBrains Mono',monospace;font-size:.7rem;color:#3f4455;}
.tm-pipeline tr.tm-total{background:rgba(255,255,255,0.03);}
.tm-pipeline tr.tm-total td{font-weight:700;border-bottom:none;padding:.75rem .6rem;}
.tm-bar{display:flex;height:28px;border-radius:6px;overflow:hidden;margin-bottom:1.5rem;gap:1px;}
.tm-bar-s{display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:.55rem;font-weight:600;color:rgba(0,0,0,.7);min-width:2%;overflow:hidden;white-space:nowrap;}
.tm-params{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:1.5rem;}
.tm-param{background:#111318;border:1px solid rgba(255,255,255,0.04);border-radius:8px;padding:.65rem .75rem;display:flex;justify-content:space-between;align-items:center;}
.tm-param-k{font-size:.72rem;color:#7c8293;}
.tm-param-v{font-family:'JetBrains Mono',monospace;font-size:.75rem;font-weight:600;color:#e6e9f0;}
.tm-deepdive{display:inline-flex;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;font-size:.72rem;font-weight:600;cursor:pointer;padding:.5rem .85rem;background:rgba(45,212,160,0.08);border:1px solid rgba(45,212,160,0.15);border-radius:6px;transition:all .2s;margin-top:.75rem;color:#2dd4a0;}
.tm-deepdive:hover{background:rgba(45,212,160,0.15);border-color:rgba(45,212,160,0.3);}
.tm-foot{font-size:.7rem;color:#3f4455;border-top:1px solid rgba(255,255,255,0.04);padding-top:1rem;line-height:1.6;margin-top:.5rem;}
.tm-accent-green .tm-dot{background:#2dd4a0;}.tm-accent-green .tm-kicker{color:#2dd4a0;}.tm-accent-green .tm-hero-num{color:#2dd4a0;}
.tm-accent-purple .tm-dot{background:#a78bfa;}.tm-accent-purple .tm-kicker{color:#a78bfa;}.tm-accent-purple .tm-hero-num{color:#a78bfa;}
.tm-accent-purple .tm-deepdive{color:#a78bfa;background:rgba(167,139,250,0.08);border-color:rgba(167,139,250,0.15);}
.tm-accent-purple .tm-deepdive:hover{background:rgba(167,139,250,0.15);border-color:rgba(167,139,250,0.3);}
.tm-accent-bronze .tm-dot{background:#C9956C;}.tm-accent-bronze .tm-kicker{color:#C9956C;}.tm-accent-bronze .tm-hero-num{color:#C9956C;}
.tm-accent-bronze .tm-deepdive{color:#C9956C;background:rgba(201,149,108,0.08);border-color:rgba(201,149,108,0.15);}
.tm-accent-bronze .tm-deepdive:hover{background:rgba(201,149,108,0.15);border-color:rgba(201,149,108,0.3);}
.tm-accent-orange .tm-dot{background:#fb923c;}.tm-accent-orange .tm-kicker{color:#fb923c;}.tm-accent-orange .tm-hero-num{color:#fb923c;}
.tm-accent-orange .tm-deepdive{color:#fb923c;background:rgba(251,146,60,0.08);border-color:rgba(251,146,60,0.15);}
.tm-accent-orange .tm-deepdive:hover{background:rgba(251,146,60,0.15);border-color:rgba(251,146,60,0.3);}
.perf-card[onclick]{cursor:pointer;transition:all .2s;}
.perf-card[onclick]:hover{border-color:rgba(255,255,255,0.15);transform:translateY(2px);}
.perf-card.pqc::before{background:var(--green);}
@media(max-width:768px){
.tm-overlay{padding:0;align-items:flex-end;}
.tm-modal{max-width:100%;max-height:94vh;border-radius:16px 16px 0 0;}
.tm-head{padding:1.5rem 1.25rem 1.25rem;}
.tm-body{padding:1.25rem;}
.tm-title{font-size:1.2rem;}
.tm-metrics{grid-template-columns:repeat(2,1fr);}
.tm-params{grid-template-columns:1fr;}
.tm-bar{height:22px;}
.tm-bar-s{font-size:.45rem;}
}