/* Global Stealth deck skin */ :root { --slidev-theme-primary: #00d4aa; --slidev-theme-accent: #00d4aa; --bg: #080c14; --surface: #0f1623; --surface-2: #162030; --border: #1e2d45; --border-hover: #2a3f5e; --accent: #00d4aa; --accent-dim: rgba(0, 212, 170, 0.14); --accent-glow: rgba(0, 212, 170, 0.32); --danger: #ff4d6d; --warning: #f4a261; --text: #e8edf5; --text-muted: #93a2bf; } .slidev-layout { background: radial-gradient(1200px 500px at 90% -20%, rgba(0, 212, 170, 0.12), transparent 60%), radial-gradient(900px 500px at -10% 110%, rgba(46, 196, 182, 0.08), transparent 60%), var(--bg); color: var(--text); font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; } h1, h2, h3 { letter-spacing: -0.02em; } h2 { margin-bottom: 1rem; font-size: 2.2rem; } .hero-wrap { display: grid; gap: 0.9rem; padding: 2.2rem; border: 1px solid var(--border); border-radius: 18px; background: linear-gradient(145deg, rgba(22, 32, 48, 0.65), rgba(15, 22, 35, 0.9)); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 212, 170, 0.12) inset; } .hero-wrap.end { margin-top: 2rem; } .eyebrow { text-transform: uppercase; letter-spacing: 0.14em; color: var(--text-muted); font-size: 0.72rem; font-weight: 700; } .hero-title { font-size: 4.4rem; line-height: 0.95; margin: 0; } .accent { color: var(--accent); text-shadow: 0 0 20px var(--accent-glow); } .hero-subtitle { margin: 0; color: #c7d2e7; font-size: 1.25rem; } .hero-copy { margin: 0; max-width: 70ch; color: var(--text-muted); } .hero-chips { display: flex; gap: 0.6rem; flex-wrap: wrap; } .chip { border: 1px solid var(--border); border-radius: 999px; padding: 0.2rem 0.65rem; font-size: 0.78rem; color: #c5d3eb; background: rgba(22, 32, 48, 0.65); } .chip-safe { border-color: rgba(0, 212, 170, 0.32); color: var(--accent); background: var(--accent-dim); } .split { display: grid; gap: 1rem; } .split.two { grid-template-columns: repeat(2, minmax(0, 1fr)); } .split.three { grid-template-columns: repeat(3, minmax(0, 1fr)); } .panel { border: 1px solid var(--border); border-radius: 14px; padding: 1rem; background: linear-gradient(180deg, rgba(15, 22, 35, 0.95), rgba(13, 19, 31, 0.95)); } .code-panel pre { margin-top: 0.2rem; } .kicker { margin: 0 0 0.45rem; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.7rem; color: var(--text-muted); } .strong { margin: 0; font-size: 1.1rem; font-weight: 700; } .muted { margin: 0.45rem 0 0; color: var(--text-muted); } .list { margin: 0; padding-left: 1.1rem; display: grid; gap: 0.42rem; } .mt { margin-top: 1rem; } .result-arrow { margin: 0.6rem 0 0; color: var(--accent); font-family: 'JetBrains Mono', 'Fira Code', monospace; font-size: 0.9rem; } .detector-table { width: 100%; border-collapse: collapse; border: 1px solid var(--border); border-radius: 10px; overflow: hidden; background: rgba(15, 22, 35, 0.88); font-size: 0.86rem; } .detector-table th, .detector-table td { border-bottom: 1px solid rgba(30, 45, 69, 0.7); padding: 0.5rem 0.62rem; text-align: left; vertical-align: top; } .detector-table th { color: #b6c5de; background: rgba(22, 32, 48, 0.85); text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.72rem; } .step-index { font-family: 'JetBrains Mono', 'Fira Code', monospace; color: var(--accent); margin: 0; } .flow { margin: 0; padding-left: 1.2rem; display: grid; gap: 0.55rem; } .flow span { color: var(--accent); font-weight: 700; margin-right: 0.3rem; } .accent-panel { border-color: rgba(0, 212, 170, 0.26); box-shadow: 0 0 0 1px rgba(0, 212, 170, 0.1) inset; } .footnote { margin-top: 0.8rem; color: var(--text-muted); font-size: 0.83rem; } code { font-family: 'JetBrains Mono', 'Fira Code', monospace; } /* Seesaw slide */ .seesaw-wrap { display: flex; justify-content: center; align-items: center; min-height: 340px; padding: 1rem; } .seesaw { position: relative; width: 100%; max-width: 560px; } .seesaw-beam-bar { position: absolute; left: 50%; top: 58%; transform: translate(-50%, -50%) rotate(-14deg); width: 90%; height: 8px; background: linear-gradient(90deg, var(--border), var(--border-hover), var(--border)); border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); } .seesaw-beam { display: flex; align-items: flex-start; justify-content: center; position: relative; height: 180px; } .seesaw-pivot { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 24px solid var(--border); z-index: 2; } .seesaw-side { display: flex; align-items: center; justify-content: center; flex: 1; min-height: 96px; padding: 0.8rem; transition: transform 0.4s ease; } .seesaw-side.heavy { transform: translateY(28px) rotate(-16deg); } .seesaw-side.light { transform: translateY(-28px) rotate(16deg); } .chainalysis-wordmark { font-size: 2.4rem; font-weight: 800; letter-spacing: -0.02em; color: #ff6f2c; text-shadow: 0 0 14px rgba(255, 111, 44, 0.22); } .user-label { font-size: 1.4rem; font-weight: 700; color: var(--accent); text-shadow: 0 0 12px var(--accent-glow); } .user-stealth-stack { display: flex; flex-direction: column; align-items: center; gap: 0.25rem; } .stealth-wordmark { font-size: 1.65rem; font-weight: 800; letter-spacing: 0.04em; color: var(--text); } .seesaw-balanced .seesaw-beam-bar { transform: translate(-50%, -50%) rotate(0deg); } .seesaw-balanced .seesaw-side.heavy, .seesaw-balanced .seesaw-side.light { transform: translateY(0) rotate(0deg); } /* PDF/export stability: avoid transparent gradient compositing artifacts */ @media print { .slidev-layout { background: var(--bg) !important; } .panel, .hero-wrap { background: var(--surface) !important; box-shadow: none !important; } }