@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap');
.side-nav svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
:root{color-scheme:dark;font-family:Inter,'Segoe UI',sans-serif;color:#f4ecdf;background:#020813;--muted:#b7c7d9;--blue:#29c9ff;--line:#3e79de45}*{box-sizing:border-box}body{margin:0;background:linear-gradient(90deg,#020813dd,#051326aa 65%,#020813c9),url('../../assets/galaxy-home-20260702.webp') center top/cover fixed;min-height:100vh}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #29c9ff;outline-offset:5px}a:hover{color:#7ddcff}.skip{position:fixed;top:-80px;left:24px;z-index:10;padding:14px;background:#051326}.skip:focus{top:12px}.workbench{max-width:1600px;margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:44px;padding:0 40px}.rail{padding:36px 0 26px;border-right:1px solid var(--line);padding-right:24px;align-self:start;position:sticky;top:0;max-height:100vh;overflow:auto}.brand{font-family:Fraunces,Georgia,serif;font-size:34px;letter-spacing:-1.5px;display:block}.brand span{display:block;font-family:Inter,sans-serif;font-size:10px;letter-spacing:2px;color:#8cb1d6;margin-top:10px}.rail-note{font-size:12px;line-height:1.8;color:#8ba3bd;margin:25px 0}.side-nav-section{margin:20px 0}.side-nav-heading{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:#7c99b9;margin:0 0 8px;padding-left:10px}.side-nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid transparent;border-radius:7px;font-size:13px;color:#b7c7d9}.side-nav a:hover{background:#197dde16;color:#eef7ff}.side-nav a.active{color:#8edfff;background:linear-gradient(100deg,#197dde30,#197dde09);border-color:#298aff40}.side-nav-icon{width:16px;height:16px;display:inline-flex;flex-shrink:0}.side-nav-icon svg{width:16px;height:16px}.rail-home{display:inline-block;margin:14px 10px;font-size:12px;color:#8ba3bd}main{min-width:0}.masthead{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:34px 0 24px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.5px;color:#91aac5}.masthead>span{display:flex;align-items:center;gap:9px}.signal{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8df14f;box-shadow:0 0 10px #8df14f66}.intro{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:58px 0 48px}.eyebrow{font-size:11px;letter-spacing:2px;color:#72c8f3;margin:0 0 16px}h1{font-family:Fraunces,Georgia,serif;font-size:clamp(40px,4.6vw,66px);font-weight:500;letter-spacing:-2.6px;line-height:1.08;margin:0 0 23px}h1 em{font-weight:500;color:#8bd7fd}.deck{font-size:15px;line-height:1.85;color:var(--muted);margin:0}.collection-count{display:flex;align-items:center;gap:15px;border-left:1px solid var(--line);padding-left:25px}.collection-count strong{font-family:Fraunces,Georgia,serif;font-size:48px;font-weight:500;color:#d5eaff}.collection-count span{font-size:9px;line-height:1.8;letter-spacing:1.5px;color:#8fa9c5}.collection-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}.collection-heading h2{font-size:14px;font-weight:500;margin:0}.collection-heading>span{font-size:9px;letter-spacing:1.5px;color:#819cb9}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.demo-card{border:1px solid #4b8dd65c;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#08192ded,#071322f5);box-shadow:0 20px 60px #0003;min-width:0}.demo-card.featured{grid-column:1/-1;display:grid;grid-template-columns:1.12fr 1fr}.preview{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:300px;background:radial-gradient(ellipse at center,#172838,#050d16 75%)}.preview:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 50px #01091466;pointer-events:none}.preview img{width:100%;height:auto;display:block;transition:transform .5s}.preview:hover img{transform:scale(1.035)}.preview-label{position:absolute;top:22px;left:22px;font-size:10px;letter-spacing:1.5px;color:#bdcfde;z-index:1}.preview-hint{position:absolute;bottom:22px;left:22px;display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1px;z-index:1}.preview-hint b{display:grid;place-items:center;width:30px;height:30px;border:1px solid #7fbde266;border-radius:50%;background:#091828cc;font-size:15px;font-weight:400}.details{padding:29px 30px 23px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #3e79de28}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#7dcff4;font-size:10px;text-transform:uppercase;letter-spacing:1.3px}.live{color:#a8c9b1;display:flex;align-items:center;gap:7px}.live .signal{width:5px;height:5px}.details h2{font-family:Fraunces,Georgia,serif;font-size:clamp(26px,2.5vw,35px);line-height:1.12;font-weight:500;letter-spacing:-.7px;margin:21px 0 14px}.description{color:var(--muted);font-size:14px;line-height:1.8;margin:0}.features{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:21px 0 24px}.features li{font-size:11px;line-height:1.4;padding:6px 8px;border:1px solid #497baa38;border-radius:4px;color:#b8cce1;background:#578dd108}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;font-size:12px}.primary{display:flex;align-items:center;justify-content:space-between;gap:27px;padding:13px 18px;border-radius:6px;background:linear-gradient(120deg,#2588ed,#1764cc);border:1px solid #73baff6b;box-shadow:0 4px 20px #0878ff1a;color:white;font-weight:600}.primary:hover{color:white;background:#298ded}.compatibility{font-size:10px;color:#8da5be;line-height:1.8;margin:15px 0 19px}.facts{border-top:1px solid #497baa33;padding-top:15px;display:flex;gap:19px;color:#a6bdd4;font-size:10px;text-transform:uppercase;letter-spacing:.6px}.collection-note{display:flex;align-items:center;gap:20px;margin:28px 0 50px;padding:23px 25px;border:1px dashed #5c87b244;border-radius:10px;background:#05132655}.note-symbol{font-size:29px;color:#6698c3}.collection-note h2{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:19px;margin:0 0 6px}.collection-note p{font-size:12px;line-height:1.7;color:#91aac5;margin:0}.note-line{height:1px;flex:1;background:linear-gradient(90deg,transparent,#4b7a9b55);margin-left:20px}.note-end{color:#6788a4;font-size:22px}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0 32px;border-top:1px solid var(--line);color:#91aac5;font-size:11px}footer>span{font-size:9px;letter-spacing:2px}@media(min-width:1101px){.featured .preview{min-height:430px}}@media(max-width:1100px){.workbench{grid-template-columns:185px minmax(0,1fr);gap:28px;padding:0 26px}.demo-card.featured{grid-template-columns:1fr}.featured .preview{aspect-ratio:1.9;min-height:0}.details{border-left:0;border-top:1px solid #3e79de28}.intro{padding:42px 0}.collection-count{display:none}.masthead a{letter-spacing:.5px;font-size:9px}.demo-grid{gap:16px}.demo-card:not(.featured) .preview{min-height:180px}.facts{flex-wrap:wrap}.actions{flex-wrap:wrap}}@media(max-width:650px){.workbench{display:block;padding:0 20px}.rail{position:static;max-height:none;border:0;padding:22px 0 0;display:flex;align-items:center;justify-content:space-between;overflow:visible}.brand{font-size:29px}.brand span{font-size:8px;letter-spacing:1.7px;margin-top:6px}.rail-note,.side-nav{display:none}.rail-home{margin:0}.masthead{margin-top:24px;padding:17px 0;font-size:9px;letter-spacing:1px}.masthead a{font-size:0}.masthead a:after{content:'GITHUB ↗';font-size:10px}.intro{padding:36px 0 32px}h1{font-size:46px;letter-spacing:-2px}.deck{font-size:14px}.deck br{display:none}.collection-heading>span{display:none}.demo-grid{grid-template-columns:1fr}.details{padding:24px}.details h2{font-size:31px}.featured .preview{aspect-ratio:1.6}.preview-label{top:16px;left:16px;font-size:9px}.preview-hint{bottom:14px;left:16px;font-size:9px}.collection-note{padding:20px 17px;gap:15px;margin-bottom:30px}.note-line,.note-end{display:none}.collection-note h2{font-size:18px}footer>span{display:none}.features li{font-size:11px}.compatibility{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}