:root{--bg:#fff;--bg-elevated:#e8e8e8;--bg-elevated-2:#e0e0e0;--border:#b8b8b8;--text:#000;--text-dim:#444;--accent:#a0e0a0;--accent-ink:#043604;--accent-2:#8080e0;--accent-2-ink:#fff;--highlight:#e8d0e8;--link:#6c6cd6;--link-hover:#4b4bb8;--radius:.9rem;--max-width:64rem;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", consolas, monospace;--gradient-primary:linear-gradient(135deg, #b8ecb8, #7ed07e);--gradient-accent:linear-gradient(135deg, #9494ea, #6c6cd6);--glass-bg:#ffffffa6;--glass-border:#fffc;--shadow-sm:0 2px 10px -2px #8080e033;--shadow-md:0 10px 30px -8px #8080e047}*{box-sizing:border-box}html{color-scheme:light}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}.scroll-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle at var(--blob1,15% 0%), #fff 0%, transparent 60%), radial-gradient(circle at var(--blob2,100% 20%), #b0a8f5 0%, transparent 65%), var(--bg);position:fixed;inset:0}.reveal{transition:opacity .5s,transform .5s}html.js-reveal .reveal{opacity:0;transform:translateY(16px)}html.js-reveal .reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){html.js-reveal .reveal{opacity:1;transition:none;transform:none}}a{color:var(--link);transition:color .15s}a:hover{color:var(--link-hover)}code{font-family:var(--font-mono);background:var(--bg-elevated);border-radius:.3rem;padding:.1rem .35rem;font-size:.9em}h1,h2,h3{letter-spacing:-.01em;line-height:1.2}.wrap{max-width:var(--max-width);margin:0 auto;padding-inline:1.5rem}main{padding-block:3rem 4rem}section+section{margin-top:3.5rem}.eyebrow{background:var(--gradient-accent);color:var(--accent-2-ink);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:0 0 .75rem;padding:.25rem .6rem;font-size:.8rem;font-weight:700;display:inline-block}.lede{color:var(--text-dim);max-width:40rem;font-size:1.15rem}.button-row{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.button{border-radius:var(--radius);border:1px solid var(--border);align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button.primary{background:var(--gradient-primary);color:var(--accent-ink);box-shadow:var(--shadow-sm);border-color:#6cc46c}.button.primary:hover,.button.primary:focus-visible{box-shadow:var(--shadow-md)}.button.secondary{color:var(--text);background:var(--bg);border-color:var(--border);box-shadow:var(--shadow-sm)}.button.secondary:hover,.button.secondary:focus-visible{box-shadow:var(--shadow-md)}.button .sub{opacity:.75;font-size:.85em;font-weight:400}.button.small{padding:.4rem .9rem;font-size:.85rem}.link-card{text-align:left;white-space:normal;justify-content:flex-start;width:100%}.channel-row{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.channel-url{color:var(--text-dim);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.85rem}.os-icon{vertical-align:middle;align-items:center;display:inline-flex}.os-icon[hidden]{display:none}.os-icon svg{display:block}.grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.25rem;margin-top:1.75rem;display:grid}details{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:.6rem;padding:.9rem 1.1rem}summary{cursor:pointer;font-weight:600}details p{color:var(--text-dim);margin:.75rem 0 0}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.25rem;transition:transform .15s,box-shadow .15s}.card.reveal{transition:opacity .5s,transform .5s,box-shadow .15s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.card h3{margin:0 0 .5rem;font-size:1.05rem}.card p{color:var(--text-dim);margin:0;font-size:.95rem}.card ul{color:var(--text-dim);margin:.5rem 0 0;padding-left:1.1rem;font-size:.95rem}.dl-list{flex-direction:column;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.dl-link{border-radius:calc(var(--radius) - .2rem);background:var(--bg);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-sm);padding:.5rem .75rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:block}.dl-link:hover,.dl-link:focus-visible{box-shadow:var(--shadow-md);background:#8080e01f;transform:translateY(-2px)}header.site-header{backdrop-filter:blur(20px)saturate(180%);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff80;z-index:10;background:#ffffff38;border-bottom:1px solid #fff9;position:sticky;top:0}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;display:flex}.brand{color:var(--text);transform:scale(var(--brand-scale,1));transform-origin:0;font-size:1.15rem;font-weight:700;text-decoration:none;transition:transform .1s linear;display:inline-block}.brand strong{background:var(--gradient-accent);color:#0000;background-clip:text}.hero h1{background:linear-gradient(120deg, var(--text) 40%, var(--accent-2));color:#0000;background-clip:text}nav[aria-label=Primary] ul{flex-wrap:wrap;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}nav[aria-label=Primary] a{color:var(--text);border-radius:999px;padding:.4rem .75rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:inline-block;position:relative}nav[aria-label=Primary] a:hover,nav[aria-label=Primary] a:focus-visible{color:#6c6cd6;background:#8080e01f}nav[aria-label=Primary] a[aria-current=page]{color:#fff;background:var(--gradient-accent)}.timeline{border-left:2px solid var(--border);margin:1.75rem 0 0;padding:0;list-style:none}.timeline li{padding:0 0 1.25rem 1.25rem;position:relative}.timeline li:before{content:"";background:var(--accent);border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:.35rem;left:-.32rem}.timeline time{color:var(--text-dim);font-family:var(--font-mono);font-size:.85rem;display:block}.panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.5rem}.panel.highlight{background:linear-gradient(135deg, var(--highlight), #f5eef5);border-color:#d0a8d0}.panel h2{margin-top:0}table{border-collapse:collapse;width:100%;margin-top:1rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.6rem .75rem;font-size:.95rem}th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:600}.faq-group h3{margin-top:2.5rem}footer.site-footer{border-top:1px solid var(--border);color:var(--text-dim);margin-top:3rem;font-size:.9rem}footer.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:1.5rem;display:flex}#all-formats{scroll-margin-top:5rem}@media (width<=40rem){.site-header .wrap{flex-direction:column;align-items:flex-start}nav[aria-label=Primary] ul{gap:1rem}#all-formats{scroll-margin-top:14rem}}
