*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--bg:#0d1117;--bg-surface:#161b22;--border:#21262d;--text:#e6edf3;--text-muted:#7d8590;--accent:#58a6ff;--btn-bg:#e6edf3;--btn-color:#0d1117;--footer-bg:#010409;--logo-filter:drop-shadow(0 0 20px #58a6ff4d);--q-glow:drop-shadow(0 0 40px #58a6ff40);--card-rgb:22, 27, 34;--card-bg:#161b22}[data-theme=light]{--bg:#fff;--bg-surface:#f8fafc;--border:#e2e8f0;--text:#0f172a;--text-muted:#475569;--accent:#2563eb;--btn-bg:#0f172a;--btn-color:#fff;--footer-bg:#f1f5f9;--logo-filter:drop-shadow(0 0 20px #2563eb40);--q-glow:drop-shadow(0 0 40px #2563eb33);--card-rgb:248, 250, 252;--card-bg:#f8fafc}html,body{height:100%;overflow:hidden}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;transition:background .2s,color .2s}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent)}.navbar{z-index:100;background:var(--bg);border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0}.navbar__inner{justify-content:space-between;align-items:center;max-width:1200px;height:60px;margin:0 auto;padding:0 24px;display:flex}.navbar__brand{align-items:center;gap:10px;display:flex}.navbar__logo{width:32px;height:32px}.navbar__title{color:var(--text);font-size:18px;font-weight:700}.navbar__links{align-items:center;gap:24px;display:flex}.navbar__link{color:var(--text-muted);font-size:14px;font-weight:500;transition:color .15s}.navbar__link:hover{color:var(--text)}.theme-toggle{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:border-color .15s;display:flex}.theme-toggle:hover{border-color:var(--accent)}.hero{background:0 0;justify-content:center;align-items:center;width:100%;height:calc(100vh - 60px);display:flex;position:relative;overflow:hidden}.hero__canvas{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero__content{z-index:1;text-align:center;flex-direction:column;align-items:center;padding:0 24px;display:flex;position:relative}.hero__logo{width:160px;height:auto;filter:var(--logo-filter);margin-bottom:32px;animation:6s ease-in-out infinite breathe}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.hero__doctitle{color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase;margin:0 0 20px;font-family:Cinzel,Georgia,serif;font-size:20px;font-weight:500}.hero__subtitle{color:var(--text-muted);max-width:460px;margin:0 0 36px;font-size:16px;line-height:1.7}.hero__actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn{cursor:pointer;border-radius:8px;padding:14px 32px;font-size:15px;font-weight:600;transition:opacity .15s,border-color .15s;display:inline-block}.btn--primary{background:var(--btn-bg);color:var(--btn-color)}.btn--primary:hover{opacity:.9;color:var(--btn-color)}.btn--outline{color:var(--text);border:1px solid var(--border);background:0 0}.btn--outline:hover{border-color:var(--accent);color:var(--text)}.learn-page--fixed{justify-content:center;align-items:center;width:100%;height:calc(100vh - 60px);display:flex;overflow:hidden}.learn-fixed__inner{flex-direction:column;align-items:center;width:100%;max-width:1100px;height:100%;margin:0 auto;padding:150px 32px 4px;display:flex}.learn-fixed__top{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:100%;display:flex}.learn-fixed__tagline{color:var(--text);text-align:center;letter-spacing:.04em;margin:0 0 12px;font-family:Cinzel,Georgia,serif;font-size:22px;font-weight:500}.learn-fixed__subtitle{color:var(--text-muted);text-align:center;flex-shrink:0;max-width:800px;margin:0;padding:20px 0 16px;font-size:14px;line-height:1.4}.learn-fixed__closer{color:var(--text-muted);text-align:center;flex-shrink:0;margin:0;font-size:13px;font-style:italic}.learn-fixed__diagram{flex:1 1 0;justify-content:center;align-items:center;width:100%;min-height:0;max-height:45%;padding:0;display:flex;overflow:visible}.learn-fixed__stages{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;display:grid}.learn-fixed__bottom-bar{z-index:2;background:linear-gradient(transparent, var(--bg) 30%);flex-direction:column;align-items:center;gap:2px;padding:4px 32px 8px;display:flex;position:absolute;bottom:0;left:0;right:0}.learn-fixed__footer{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:100%;display:flex}.powered-by{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.powered-by__label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;opacity:.5;font-size:11px;font-weight:600}.powered-by__icons{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.powered-by__item{color:var(--text-muted);opacity:.5;cursor:default;flex-direction:column;align-items:center;gap:4px;transition:opacity .2s;display:flex}.powered-by__item:hover{opacity:1}.powered-by__item span{font-size:10px;font-weight:500}.powered-by__icon{width:24px;height:24px}.powered-by__icon--sm{width:18px;height:18px}.learn-fixed__actions{justify-content:flex-end;width:100%;padding:0;display:flex}.arch-svg{width:100%;height:100%;max-height:100%;overflow:visible}.arch-label{fill:var(--text-muted);font-size:11px;font-weight:700;font-family:var(--font);letter-spacing:.12em;opacity:.6}.arch-box{fill:var(--card-bg);stroke:var(--border);stroke-width:1px}.arch-group{transform-origin:50%;transform-box:fill-box;cursor:default;transition:transform .25s cubic-bezier(.16,1,.3,1)}.arch-group:hover{transform:scale(1.05)}.arch-group:hover .arch-box{stroke:var(--accent);stroke-opacity:.5}.arch-box--source{stroke:var(--text-muted);stroke-opacity:.2}.arch-box--stage{stroke:var(--accent);stroke-opacity:.2}.arch-box--output{stroke:var(--accent);stroke-opacity:.25;fill:#58a6ff0a}.arch-box-label{fill:var(--text);font-size:11px;font-weight:600;font-family:var(--font)}.arch-box-sub{fill:var(--text-muted);font-size:9px;font-family:var(--font);opacity:.7}.arch-stage-label{fill:var(--accent);font-size:14px;font-weight:700;font-family:var(--font)}.arch-divider{stroke:var(--border);stroke-width:.5px;opacity:.5}.arch-score{font-size:20px;font-weight:700;font-family:var(--font);transition:opacity 50ms}.arch-score--glitch{opacity:.6;filter:url(#glow)}.arch-arrow{stroke:var(--accent);stroke-width:1.5px;opacity:.4}.arch-arrow-back{stroke:var(--text-muted);stroke-width:1px;stroke-dasharray:4 3;opacity:.3}.arch-pulse{fill:var(--accent)}.learn-stage-card{background:var(--card-bg);border:1px solid var(--border);text-align:center;cursor:default;border-radius:8px;padding:8px 12px;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s}.learn-stage-card:hover{border-color:var(--accent);z-index:2;transform:scale(1.1);box-shadow:0 0 20px #58a6ff26}.learn-stage-card__num{font-size:14px;font-weight:700;font-family:var(--font);color:var(--accent);animation:4s ease-in-out infinite numWave;display:inline-block}.learn-stage-card:first-child .learn-stage-card__num{animation-delay:0s}.learn-stage-card:nth-child(2) .learn-stage-card__num{animation-delay:.5s}.learn-stage-card:nth-child(3) .learn-stage-card__num{animation-delay:1s}.learn-stage-card:nth-child(4) .learn-stage-card__num{animation-delay:1.5s}@keyframes numWave{0%,to{opacity:.6;transform:scale(1)}15%{opacity:1;transform:scale(1.8)}30%{opacity:.6;transform:scale(1)}}.learn-stage-card__title{color:var(--text);margin:4px 0;font-size:16px;font-weight:700}.learn-stage-card__desc{color:var(--text-muted);margin:0;font-size:11px;line-height:1.4}@media (width<=600px){.navbar__inner{height:52px;padding:0 16px}.navbar__links{gap:14px}.navbar__link{font-size:13px}.navbar__title{font-size:16px}.hero{height:calc(100vh - 52px)}.hero__content{padding:0 20px}.hero__logo{width:100px;margin-bottom:20px}.hero__doctitle{letter-spacing:.15em;margin-bottom:14px;font-size:16px}.hero__subtitle{max-width:320px;margin-bottom:28px;font-size:14px}.btn{padding:12px 24px;font-size:14px}.hero__actions{gap:12px}.learn-page--fixed{overflow:hidden auto}.learn-fixed__inner{height:auto;padding:160px 16px 16px}.learn-fixed__tagline{margin-bottom:8px;font-size:16px}.learn-fixed__top{margin-top:0}.learn-fixed__stages{grid-template-columns:repeat(2,1fr);gap:8px}.learn-stage-card{padding:10px 12px}.learn-stage-card__title{font-size:14px}.learn-stage-card__desc{font-size:10px}.learn-fixed__subtitle{padding:12px 0;font-size:12px}.learn-fixed__diagram{flex:none;max-height:none;padding:8px 0}.learn-fixed__actions{padding:8px 0}.learn-fixed__bottom-bar{padding:16px 16px 20px;position:relative}.powered-by__icons{gap:16px}.powered-by__icon{width:20px;height:20px}.powered-by__icon--sm{width:16px;height:16px}}@media (width<=380px){.navbar__link{display:none}.hero__logo{width:80px;margin-bottom:16px}.hero__doctitle{font-size:14px}.hero__subtitle{font-size:13px}.hero__actions{flex-direction:column;width:100%}.btn{text-align:center;width:100%}}