*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#06060e;--bg-secondary:#0c0c1d;--bg-card:#0f0f23b3;--bg-card-hover:#14142dd9;--bg-glass:#ffffff08;--text-primary:#e8e8f0;--text-secondary:#9898b8;--text-muted:#6868a0;--text-accent:#c8c8e0;--border-subtle:#ffffff0f;--border-card:#ffffff14;--border-glow:#ffffff1f;--era-foundation:#818cf8;--era-foundation-bg:#818cf80f;--era-efficiency:#a78bfa;--era-efficiency-bg:#a78bfa0f;--era-scale:#22d3ee;--era-scale-bg:#22d3ee0f;--era-frontier:#fbbf24;--era-frontier-bg:#fbbf240f;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-base:.9375rem;--fs-md:1.0625rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-3xl:2.75rem;--fs-4xl:3.5rem;--fs-hero:clamp(2.5rem, 6vw, 5rem);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 4px 24px #0000004d, 0 1px 4px #0003;--shadow-glow:0 0 30px #6464ff14;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--max-width:1200px;--timeline-height:64px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--fs-base);color:var(--text-primary);background:var(--bg-primary);line-height:1.7;overflow-x:hidden}.hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero__bg{background:radial-gradient(80% 60% at 50% 40%,#4f46e51f,#0000),radial-gradient(60% 40% at 30% 70%,#a78bfa14,#0000),radial-gradient(50% 30% at 80% 30%,#22d3ee0f,#0000);animation:12s ease-in-out infinite alternate hero-pulse;position:absolute;inset:0}@keyframes hero-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.hero__content{z-index:1;text-align:center;max-width:800px;padding:var(--space-xl);position:relative}.hero__kicker{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.2em;color:var(--era-efficiency);margin-bottom:var(--space-lg);font-weight:600}.hero__title{font-size:var(--fs-hero);letter-spacing:-.03em;background:linear-gradient(135deg,#e8e8f0 0%,#818cf8 40%,#22d3ee 70%,#fbbf24 100%);-webkit-text-fill-color:transparent;margin-bottom:var(--space-md);-webkit-background-clip:text;background-clip:text;font-weight:900;line-height:1.05}.hero__subtitle{font-size:var(--fs-2xl);color:var(--text-secondary);margin-bottom:var(--space-2xl);letter-spacing:-.01em;font-weight:300}.hero__description{font-size:var(--fs-md);color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-3xl);line-height:1.8}.hero__description em{color:var(--text-accent);font-style:italic}.hero__scroll-cue{align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;flex-direction:column;animation:2s ease-in-out infinite bounce;display:flex}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.timeline-nav{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);padding:var(--space-md) 0;height:var(--timeline-height);background:#06060ed9;align-items:center;display:flex;position:sticky;top:0;overflow:hidden}.timeline-nav__track{width:100%;max-width:var(--max-width);padding:0 var(--space-xl);scrollbar-width:none;align-items:center;gap:0;margin:0 auto;display:flex;position:relative;overflow-x:auto}.timeline-nav__track::-webkit-scrollbar{display:none}.timeline-nav__track:before{content:"";top:50%;left:var(--space-xl);right:var(--space-xl);background:var(--border-subtle);z-index:0;height:2px;position:absolute;transform:translateY(-50%)}.timeline-dot{z-index:1;border:2px solid var(--border-card);background:var(--bg-secondary);cursor:pointer;width:14px;height:14px;transition:all var(--transition-base);border-radius:50%;flex-shrink:0;margin:0 -1px;position:relative}.timeline-dot:hover,.timeline-dot--active{border-color:var(--dot-color,var(--era-foundation));background:var(--dot-color,var(--era-foundation));box-shadow:0 0 12px var(--dot-color,var(--era-foundation));transform:scale(1.6)}.timeline-dot__tooltip{padding:var(--space-xs) var(--space-sm);background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-sm);font-size:var(--fs-xs);white-space:nowrap;color:var(--text-primary);opacity:0;pointer-events:none;transition:opacity var(--transition-fast);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.timeline-dot:hover .timeline-dot__tooltip{opacity:1}.timeline-segment{z-index:0;flex:1;min-width:0;height:2px;position:relative}.timeline-year-label{z-index:1;font-size:var(--fs-xs);color:var(--text-muted);padding:0 var(--space-sm);white-space:nowrap;flex-shrink:0;font-weight:600;position:relative}.main-content{max-width:var(--max-width);padding:var(--space-3xl) var(--space-xl);margin:0 auto}.era-section{margin-bottom:var(--space-4xl)}.era-header{margin-bottom:var(--space-2xl);padding:var(--space-2xl);border-radius:var(--radius-lg);background:var(--era-bg,var(--bg-glass));border:1px solid var(--border-subtle);position:relative;overflow:hidden}.era-header:before{content:"";background:var(--era-gradient,linear-gradient(90deg, #818cf8, #a78bfa));height:3px;position:absolute;top:0;left:0;right:0}.era-header__kicker{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--era-accent,var(--text-muted));margin-bottom:var(--space-sm);font-weight:600}.era-header__title{font-size:var(--fs-2xl);color:var(--text-primary);margin-bottom:var(--space-md);font-weight:800}.era-header__story{font-size:var(--fs-base);color:var(--text-secondary);max-width:680px;line-height:1.85}.era-header__story strong{color:var(--text-accent)}.era-header__story em{color:var(--era-accent,var(--text-accent));font-style:italic}.mechanism-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);transition:all var(--transition-base);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden}.mechanism-card:before{content:"";background:var(--card-accent,var(--era-foundation));opacity:.6;width:4px;height:100%;transition:opacity var(--transition-base);position:absolute;top:0;left:0}.mechanism-card:hover{background:var(--bg-card-hover);border-color:var(--border-glow);box-shadow:var(--shadow-card);transform:translateY(-2px)}.mechanism-card:hover:before{opacity:1}.mechanism-card--bonus{border-style:dashed}.mechanism-card--bonus:after{content:"BONUS";top:var(--space-md);right:var(--space-md);letter-spacing:.12em;color:var(--era-frontier);border-radius:var(--radius-sm);background:#fbbf241a;border:1px solid #fbbf2433;padding:2px 8px;font-size:.625rem;font-weight:700;position:absolute}.card-header{padding:var(--space-lg) var(--space-xl);cursor:pointer;align-items:flex-start;gap:var(--space-lg);-webkit-user-select:none;user-select:none;display:flex}.card-header__date{flex-direction:column;flex-shrink:0;align-items:center;min-width:64px;display:flex}.card-header__year{font-size:var(--fs-2xl);color:var(--card-accent,var(--era-foundation));font-weight:800;line-height:1}.card-header__month{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.card-header__info{flex:1;min-width:0}.card-header__name{font-size:var(--fs-lg);color:var(--text-primary);margin-bottom:var(--space-xs);font-weight:700}.card-header__paper{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--space-sm);font-style:italic}.card-header__problem{font-size:var(--fs-sm);color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.card-header__toggle{width:32px;height:32px;color:var(--text-muted);transition:transform var(--transition-base);flex-shrink:0;justify-content:center;align-self:center;align-items:center;display:flex}.mechanism-card--expanded .card-header__toggle{transform:rotate(180deg)}.card-header__compare-checkbox{width:20px;height:20px;accent-color:var(--card-accent,var(--era-foundation));cursor:pointer;flex-shrink:0;align-self:center}.card-body{max-height:0;transition:max-height .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.mechanism-card--expanded .card-body{max-height:3000px}.card-body__inner{padding:0 var(--space-xl) var(--space-xl);border-top:1px solid var(--border-subtle)}.card-section{margin-top:var(--space-lg)}.card-section__title{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:var(--space-sm);font-weight:700}.card-section__text{font-size:var(--fs-base);color:var(--text-secondary);line-height:1.8}.card-formula{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--era-scale);white-space:pre-wrap;margin-top:var(--space-md);background:#0000004d;line-height:1.8;overflow-x:auto}.card-tradeoffs{gap:var(--space-lg);margin-top:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.card-tradeoffs__column{padding:var(--space-md);border-radius:var(--radius-md)}.card-tradeoffs__column--pros{background:#22c55e0a;border:1px solid #22c55e1a}.card-tradeoffs__column--cons{background:#ef44440a;border:1px solid #ef44441a}.card-tradeoffs__label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-sm);font-weight:700}.card-tradeoffs__label--pros{color:#4ade80}.card-tradeoffs__label--cons{color:#f87171}.card-tradeoffs__list{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.7;list-style:none}.card-tradeoffs__list li{padding:var(--space-xs) 0;padding-left:var(--space-lg);position:relative}.card-tradeoffs__list li:before{content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:.65em;left:0}.card-tradeoffs__column--pros .card-tradeoffs__list li:before{background:#4ade80}.card-tradeoffs__column--cons .card-tradeoffs__list li:before{background:#f87171}.card-when{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--text-secondary);background:#6366f10d;border:1px solid #6366f11f;line-height:1.7}.card-when__label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.12em;color:#818cf8;margin-bottom:var(--space-xs);font-weight:700}.card-insight{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--fs-sm);color:var(--text-secondary);background:#fbbf240a;border-left:3px solid #fbbf2466;font-style:italic;line-height:1.7}.card-related{margin-top:var(--space-lg);gap:var(--space-sm);flex-wrap:wrap;display:flex}.card-related__tag{font-size:var(--fs-xs);border:1px solid var(--border-card);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body);background:0 0;border-radius:999px;padding:3px 10px}.card-related__tag:hover{border-color:var(--card-accent,var(--era-foundation));color:var(--card-accent,var(--era-foundation));background:#818cf814}.card-paper-link{align-items:center;gap:var(--space-xs);font-size:var(--fs-xs);color:var(--era-scale);margin-top:var(--space-md);transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.card-paper-link:hover{color:var(--text-primary)}.comparison-panel{z-index:200;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid var(--border-card);transition:transform var(--transition-slow);background:#0a0a19f2;max-height:60vh;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.comparison-panel--open{transform:translateY(0)}.comparison-panel__header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-subtle);z-index:1;background:#0a0a19fa;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.comparison-panel__header h2{font-size:var(--fs-lg);font-weight:700}.comparison-panel__close{color:var(--text-muted);font-size:var(--fs-2xl);cursor:pointer;padding:var(--space-xs);transition:color var(--transition-fast);background:0 0;border:none}.comparison-panel__close:hover{color:var(--text-primary)}.comparison-panel__body{gap:var(--space-xl);padding:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.comparison-card{padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg)}.comparison-card__name{font-size:var(--fs-lg);margin-bottom:var(--space-sm);color:var(--card-accent,var(--era-foundation));font-weight:700}.comparison-card__date{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--space-md)}.comparison-row{gap:var(--space-lg);padding:var(--space-md) 0;border-top:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;display:grid}.comparison-row__label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-xs);grid-column:1/-1;font-weight:700}.compare-btn{bottom:var(--space-xl);right:var(--space-xl);z-index:150;padding:var(--space-sm) var(--space-lg);color:#fff;font-family:var(--font-body);font-size:var(--fs-sm);cursor:pointer;transition:all var(--transition-base);background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:999px;font-weight:600;position:fixed;box-shadow:0 4px 20px #4f46e566}.compare-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #4f46e580}.diagram-container{margin-top:var(--space-lg);padding:var(--space-lg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#00000040;overflow:hidden}.diagram-container svg{width:100%;height:auto;display:block}.footer{border-top:1px solid var(--border-subtle);margin-top:var(--space-4xl)}.footer__content{max-width:var(--max-width);padding:var(--space-3xl) var(--space-xl);gap:var(--space-2xl);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.footer__section h3{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-md);font-weight:700}.footer__section p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.7}.footer__section em{color:var(--text-accent)}.footer__bottom{border-top:1px solid var(--border-subtle);padding-top:var(--space-lg);text-align:center;grid-column:1/-1}.footer__bottom p{font-size:var(--fs-xs);color:var(--text-muted)}@media (width<=768px){.hero__title{font-size:clamp(2rem,8vw,3.5rem)}.hero__subtitle{font-size:var(--fs-xl)}.card-tradeoffs,.footer__content,.comparison-panel__body{grid-template-columns:1fr}.card-header{flex-wrap:wrap}.card-header__date{gap:var(--space-sm);flex-direction:row;min-width:auto}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-pending{opacity:0;transform:translateY(20px)}.animate-in{animation:.6s cubic-bezier(.4,0,.2,1) both fadeInUp}.era-section .mechanism-card:nth-child(2){animation-delay:50ms}.era-section .mechanism-card:nth-child(3){animation-delay:.1s}.era-section .mechanism-card:nth-child(4){animation-delay:.15s}.era-section .mechanism-card:nth-child(5){animation-delay:.2s}.era-section .mechanism-card:nth-child(6){animation-delay:.25s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.diagram-attention-matrix{--cell-size:28px}.diagram-label{font-family:var(--font-mono);fill:var(--text-muted);font-size:10px}.diagram-title{font-family:var(--font-body);fill:var(--text-secondary);font-size:12px;font-weight:600}