*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--accent-coral: #e8544e;--accent-peach: #e87a54;--accent-amber: #e8a830;--accent-mint: #3da854;--accent-lavender: #8b6ce0;--accent-sky: #2f9ec4;--gradient-primary: linear-gradient(135deg, var(--accent-coral), var(--accent-peach), var(--accent-amber));--gradient-cool: linear-gradient(135deg, var(--accent-sky), var(--accent-lavender));--radius: 12px;--radius-sm: 8px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--font-display: "Space Grotesk", var(--font-sans);--bg-texture: repeating-linear-gradient(0deg, transparent 0, transparent 47px, rgba(0,0,0,.05) 47px, rgba(0,0,0,.05) 48px), repeating-linear-gradient(90deg, transparent 0, transparent 47px, rgba(0,0,0,.05) 47px, rgba(0,0,0,.05) 48px);--bg: #ffffff;--bg-surface: #f5f5f7;--bg-card: #ffffff;--bg-elevated: #f0f0f2;--text: #1d1d1f;--text-dim: #6e6e73;--text-muted: #86868b;--border: rgba(0, 0, 0, .08);--border-accent: rgba(232, 84, 78, .25);--keycap-shadow: 0 3px 0 #d1d1d6, 0 5px 10px rgba(0,0,0,.08);--keycap-shadow-sm: 0 2px 0 #d1d1d6, 0 3px 6px rgba(0,0,0,.06);--keycap-shadow-pressed: 0 1px 0 #d1d1d6, 0 1px 3px rgba(0,0,0,.05);--keycap-shadow-sm-pressed: 0 0px 0 #d1d1d6, 0 1px 2px rgba(0,0,0,.04);--terminal-bg: #1d1d1f;--terminal-bar: #2c2c2e;--terminal-border: rgba(0,0,0,.1);--nav-bg: rgba(255, 255, 255, .85);--nav-border: rgba(0, 0, 0, .06);--code-bg: #f0f0f2;--code-color: var(--accent-coral);--code-border: rgba(0, 0, 0, .08);--btn-primary-text: #ffffff;--btn-ghost-border: rgba(0, 0, 0, .12);--btn-ghost-hover-border: rgba(0, 0, 0, .25);--btn-primary-hover-shadow: 0 4px 0 #d1d1d6, 0 8px 20px rgba(0,0,0,.12);--btn-primary-active-shadow: 0 1px 0 #d1d1d6, 0 2px 4px rgba(0,0,0,.08);--badge-bg: rgba(232, 84, 78, .08);--badge-border: rgba(232, 84, 78, .15);--solution-bg: rgba(232, 122, 84, .06);--solution-border: rgba(232, 122, 84, .25);--msg-type-bg: rgba(232, 84, 78, .08);--msg-type-border: rgba(232, 84, 78, .12);--link-color: var(--accent-sky);--link-hover: var(--accent-coral)}[data-theme=dark]{--bg: #0c0c10;--bg-surface: #141418;--bg-card: #1c1c24;--bg-elevated: #222230;--text: #ededf2;--text-dim: #7c7c92;--text-muted: #5c5c72;--accent-coral: #ff4f38;--accent-peach: #ff7e52;--accent-amber: #ffba30;--accent-mint: #4dde7a;--accent-lavender: #b08cff;--accent-sky: #3ec9f5;--gradient-primary: linear-gradient(135deg, var(--accent-coral), var(--accent-peach), var(--accent-amber));--border: rgba(255, 255, 255, .055);--border-accent: rgba(255, 79, 56, .4);--keycap-shadow: 0 4px 0 #050507, 0 6px 20px rgba(0,0,0,.6);--keycap-shadow-sm: 0 3px 0 #050507, 0 4px 12px rgba(0,0,0,.5);--keycap-shadow-pressed: 0 1px 0 #050507, 0 1px 4px rgba(0,0,0,.5);--keycap-shadow-sm-pressed: 0 0px 0 #050507, 0 1px 3px rgba(0,0,0,.4);--terminal-bg: #08080d;--terminal-bar: #0f0f16;--terminal-border: rgba(255,255,255,.04);--nav-bg: rgba(12, 12, 16, .92);--nav-border: rgba(255, 255, 255, .055);--code-bg: #1c1c26;--code-color: var(--accent-peach);--code-border: rgba(255, 255, 255, .08);--btn-primary-text: #0c0c10;--btn-ghost-border: rgba(255, 255, 255, .1);--btn-ghost-hover-border: rgba(255, 255, 255, .22);--btn-primary-hover-shadow: 0 4px 0 #050507, 0 8px 28px rgba(255, 79, 56, .35);--btn-primary-active-shadow: 0 1px 0 #050507, 0 2px 4px rgba(0,0,0,.5);--badge-bg: rgba(255, 79, 56, .1);--badge-border: rgba(255, 79, 56, .22);--solution-bg: rgba(255, 126, 82, .07);--solution-border: rgba(255, 126, 82, .3);--msg-type-bg: rgba(255, 79, 56, .1);--msg-type-border: rgba(255, 79, 56, .15);--link-color: var(--accent-sky);--link-hover: var(--accent-peach);--bg-texture: radial-gradient(ellipse 100% 60% at 50% -5%, rgba(255, 79, 56, .08) 0%, transparent 60%), repeating-linear-gradient(0deg, transparent 0, transparent 47px, rgba(255,255,255,.025) 47px, rgba(255,255,255,.025) 48px), repeating-linear-gradient(90deg, transparent 0, transparent 47px, rgba(255,255,255,.025) 47px, rgba(255,255,255,.025) 48px)}:focus-visible{outline:2px solid var(--accent-coral);outline-offset:2px}:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;top:-100%;left:16px;z-index:9999;padding:8px 16px;background:var(--accent-coral);color:#fff;font-weight:600;border-radius:var(--radius-sm);text-decoration:none}.skip-link:focus{top:16px}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);background-image:var(--bg-texture);background-attachment:fixed;color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--link-color);text-decoration:none;transition:color .2s}a:hover{color:var(--link-hover)}code{font-family:var(--font-mono);font-size:.9em;background:var(--code-bg);padding:2px 7px;border-radius:5px;color:var(--code-color);border:1px solid var(--code-border)}.section-dark code{background:var(--bg);border-color:var(--border)}.container{max-width:1100px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-dark{background:var(--bg-surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative}.section-dark:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-coral),transparent);opacity:.2}[data-theme=dark] .section-dark:before{opacity:.35}.section h2{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;text-align:center;margin-bottom:16px;letter-spacing:-.02em}.section h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.section-sub{text-align:center;color:var(--text-dim);max-width:500px;margin:0 auto 48px;font-size:1.05rem}.keycap{width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--bg-elevated);border-radius:var(--radius-sm);box-shadow:var(--keycap-shadow-sm);margin-bottom:16px;transition:transform .1s ease,box-shadow .1s ease}.keycap:hover{transform:translateY(3px);box-shadow:var(--keycap-shadow-pressed)}.keycap-bad{background:var(--bg-elevated)}.keycap-good{background:linear-gradient(135deg,#e8544e26,#e87a5426);border:1px solid var(--border-accent)}[data-theme=dark] .keycap-good{background:linear-gradient(135deg,#ff4f3833,#ff7e5233);box-shadow:var(--keycap-shadow-sm),0 0 16px #ff4f3833}.keycap-small{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.95rem;font-weight:600;background:var(--bg-elevated);border-radius:var(--radius-sm);box-shadow:var(--keycap-shadow-sm);color:var(--accent-peach);flex-shrink:0;transition:transform .1s ease,box-shadow .1s ease}.keycap-small:hover{transform:translateY(2px);box-shadow:var(--keycap-shadow-sm-pressed)}.terminal{background:var(--terminal-bg);border-radius:var(--radius);overflow:hidden;border:1px solid var(--terminal-border);box-shadow:0 8px 32px #00000040}.terminal-bar{background:var(--terminal-bar);padding:10px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--terminal-border)}.terminal-dots{display:flex;gap:7px}.dot{width:12px;height:12px;border-radius:50%}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.terminal-title{font-family:var(--font-mono);font-size:.75rem;color:#5a6478}.terminal-body{padding:18px 20px;font-family:var(--font-mono);font-size:.85rem;line-height:1.8;overflow-x:auto}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--radius);font-weight:600;font-size:1rem;transition:all .2s;cursor:pointer}.btn-primary{background:var(--gradient-primary);color:var(--btn-primary-text);box-shadow:var(--keycap-shadow);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:skew(-15deg);pointer-events:none}.btn-primary:hover:after{animation:btn-shimmer .55s ease-in-out}@keyframes btn-shimmer{0%{left:-100%}to{left:160%}}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--btn-primary-hover-shadow);color:var(--btn-primary-text)}.btn-primary:active{transform:translateY(2px);box-shadow:var(--btn-primary-active-shadow)}.btn-ghost{border:1px solid var(--btn-ghost-border);color:var(--text-dim);background:transparent}.btn-ghost:hover{border-color:var(--btn-ghost-hover-border);color:var(--text)}.btn-icon{font-size:1.1rem}:root .problem-card,:root .feature,:root .install-card,:root .protocol-msg{box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f}[data-theme=dark] .problem-card,[data-theme=dark] .feature,[data-theme=dark] .install-card,[data-theme=dark] .protocol-msg{box-shadow:0 1px #ffffff0a inset,0 8px 24px #0006}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .5s ease-out,transform .5s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){.section{padding:64px 0}}@media(max-width:480px){.container{padding:0 16px}}.consent-banner{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:14px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 32px #00000026;z-index:9999;font-size:.9rem;max-width:calc(100% - 48px)}.consent-banner p{margin:0;color:var(--text-dim)}.consent-actions{display:flex;gap:8px;flex-shrink:0}.consent-btn{padding:8px 16px;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;cursor:pointer;border:none;transition:all .2s}.consent-btn-accept{background:var(--gradient-primary);color:var(--btn-primary-text)}.consent-btn-accept:hover{opacity:.9}.consent-btn-decline{background:transparent;color:var(--text-muted);border:1px solid var(--btn-ghost-border)}.consent-btn-decline:hover{color:var(--text-dim);border-color:var(--btn-ghost-hover-border)}@media(max-width:768px){.consent-banner{flex-direction:column;text-align:center;bottom:16px}}@media(prefers-reduced-motion:reduce){.fade-in{opacity:1;transform:none;transition:none}}nav[data-astro-cid-dmqpwcec]{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);border-bottom:1px solid var(--nav-border)}.nav-inner[data-astro-cid-dmqpwcec]{max-width:1100px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.logo[data-astro-cid-dmqpwcec]{font-family:var(--font-mono);font-size:1.4rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;letter-spacing:-.02em}.logo[data-astro-cid-dmqpwcec]:hover{color:var(--text)}.alpha-badge[data-astro-cid-dmqpwcec]{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-coral);background:var(--badge-bg);border:1px solid var(--badge-border);padding:2px 8px;border-radius:50px;line-height:1}.logo-icon[data-astro-cid-dmqpwcec]{width:44px;height:44px}.nav-links[data-astro-cid-dmqpwcec]{display:flex;gap:24px;align-items:center}.nav-links[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec]{color:var(--text-dim);font-size:.9rem;font-weight:500}.nav-links[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec]:hover{color:var(--text)}.nav-github[data-astro-cid-dmqpwcec]{display:flex;align-items:center;color:var(--text-dim)}.theme-toggle[data-astro-cid-dmqpwcec]{width:32px;height:32px;border:none;border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s;position:relative;overflow:hidden;color:var(--text-dim)}.theme-toggle[data-astro-cid-dmqpwcec]:hover{color:var(--text)}.toggle-icon[data-astro-cid-dmqpwcec]{font-size:1.1rem;position:absolute;transition:opacity .2s,transform .2s}.toggle-sun[data-astro-cid-dmqpwcec]{opacity:1;transform:scale(1)}.toggle-moon[data-astro-cid-dmqpwcec],[data-theme=dark] .toggle-sun[data-astro-cid-dmqpwcec]{opacity:0;transform:scale(.6)}[data-theme=dark] .toggle-moon[data-astro-cid-dmqpwcec]{opacity:1;transform:scale(1)}@media(max-width:480px){.nav-links[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec]:not(.nav-github){display:none}}@media(max-width:768px){.nav-links[data-astro-cid-dmqpwcec]{gap:16px}}