:root{--bg:#0c0d0c;--panel:#171817;--panel2:#202120;--line:#303230;--ink:#f4f5f2;--muted:#8d918b;--lime:#d0ff55;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.home-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.side-nav{height:100vh;position:sticky;top:0;padding:27px 20px;display:grid;grid-template-rows:auto auto 1fr;background:#090a09;border-right:1px solid #242624}.wordmark{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:16px;line-height:.85;font-weight:800;letter-spacing:-.04em}.wordmark i{width:24px;height:24px;border:3px solid var(--lime);transform:rotate(45deg)}.side-nav nav{display:grid;gap:5px;margin-top:58px}.side-nav nav a{display:grid;grid-template-columns:30px 1fr;align-items:center;padding:11px 12px;border-radius:10px;color:#848982;text-decoration:none;font-size:12px}.side-nav nav a b{font-size:15px;font-weight:400}.side-nav nav a:hover,.side-nav nav a.active{background:#292b29;color:#fff}.side-note{align-self:end;border:1px solid #2d2f2d;border-radius:12px;padding:13px}.side-note span,.eyebrow,.section-title span,.lab-grid span{font:700 8px monospace;letter-spacing:.12em;color:var(--lime)}.side-note p{font-size:9px;line-height:1.4;color:#797d77;margin:7px 0 0}.home-main{min-width:0}.home-topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid #252725}.home-topbar>div{display:grid;gap:4px}.home-topbar span{font:700 7px monospace;color:#777b76}.home-topbar strong{font-size:12px}.home-topbar>a{background:#f1f2ef;color:#111;text-decoration:none;border-radius:10px;padding:11px 13px;font-size:10px;font-weight:800}.home-topbar>a b{padding-left:16px}.home-hero{padding:58px 4vw 70px;display:grid;grid-template-columns:minmax(320px,.85fr) minmax(440px,1.15fr);gap:5vw;align-items:center}.home-hero h1{font-size:clamp(48px,5.5vw,92px);line-height:.91;letter-spacing:-.065em;margin:20px 0 26px}.home-hero>div>p{max-width:580px;color:#a2a69f;font-size:15px;line-height:1.55}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:28px}.hero-actions a{color:#c5c8c2;text-decoration:none;font-size:10px}.hero-actions a:first-child{background:var(--lime);color:#111;border-radius:9px;padding:12px 15px;font-weight:800}.hero-live{height:min(560px,54vw);min-height:430px;position:relative;overflow:hidden;border:1px solid #383a38;border-radius:22px;color:#fff;text-decoration:none;background:#121312;box-shadow:0 35px 90px #0008}.hero-live canvas{width:100%;height:100%;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.hero-live:hover canvas{transform:scale(1.025)}.hero-live:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#050605e8)}.hero-live span,.hero-live strong,.hero-live b{position:absolute;z-index:2;left:20px}.hero-live span{bottom:64px;font:700 7px monospace;color:var(--lime);letter-spacing:.13em}.hero-live strong{bottom:31px;font-size:17px}.hero-live b{left:auto;right:18px;bottom:24px;border:1px solid #555a53;border-radius:8px;padding:8px;font:700 7px monospace}.template-section,.labs{padding:80px 4vw;border-top:1px solid #252725}.template-section{background:#111211}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.section-title h2{font-size:clamp(30px,3vw,48px);letter-spacing:-.045em;margin:10px 0 0}.section-title>a{color:#b9bdb6;text-decoration:none;font-size:9px}.filters{display:flex;gap:6px;margin-bottom:20px;overflow:auto}.filters button{border:1px solid #373a37;background:#181a18;color:#868a84;border-radius:20px;padding:8px 11px;font:700 8px monospace;cursor:pointer;white-space:nowrap}.filters button.active,.filters button:hover{background:#f1f2ef;color:#111;border-color:#f1f2ef}.template-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:56px;gap:12px}.template-card{position:relative;grid-column:span 4;grid-row:span 7;overflow:hidden;border:1px solid #353835;border-radius:15px;color:#fff;text-decoration:none;background:#090a09}.template-card:nth-child(2),.template-card:nth-child(5){grid-row:span 9}.template-card canvas{position:absolute;inset:0;width:100%;height:100%;transition:transform .65s ease}.template-card:hover canvas{transform:scale(1.03)}.template-card:after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,#050605eb)}.template-meta{position:absolute;z-index:2;left:15px;right:15px;bottom:14px;display:flex;align-items:end;justify-content:space-between}.template-meta>div>span{font:700 7px monospace;color:var(--lime);letter-spacing:.1em}.template-meta h3{font-size:17px;margin:6px 0 3px}.template-meta p{font-size:9px;color:#b2b6af;margin:0}.tag-row{display:flex;gap:4px;margin-top:7px}.tag-row i{font:700 6px monospace;font-style:normal;background:#ffffff20;border:1px solid #ffffff26;border-radius:12px;padding:4px 5px}.template-meta>b{border:1px solid #ffffff3b;border-radius:8px;padding:7px}.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.lab-grid>a{border:1px solid #333633;border-radius:16px;overflow:hidden;color:#fff;text-decoration:none;background:#151615}.lab-grid canvas{width:100%;height:240px;display:block}.lab-grid>a>div{padding:20px}.lab-grid h3{font-size:22px;margin:10px 0}.lab-grid p{font-size:11px;line-height:1.5;color:#939790;min-height:50px}.lab-grid b{font:700 7px monospace;color:#d5d8d2}footer{height:70px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #252725;color:#70746e;font:700 7px monospace;letter-spacing:.1em}@media(max-width:1050px){.home-shell{grid-template-columns:82px 1fr}.side-nav{padding-inline:13px}.wordmark span,.side-nav nav span,.side-note{display:none}.wordmark{justify-content:center}.side-nav nav a{grid-template-columns:1fr;text-align:center}.home-hero{grid-template-columns:1fr}.hero-live{height:520px}.template-card{grid-column:span 6}.lab-grid{grid-template-columns:1fr}}@media(max-width:650px){.home-shell{display:block}.side-nav{height:58px;position:sticky;z-index:10;display:flex;align-items:center;padding:8px 14px;border-right:0;border-bottom:1px solid #252725}.wordmark i{width:16px;height:16px}.side-nav nav{display:flex;margin:0 0 0 auto}.side-nav nav a{padding:8px}.home-topbar{display:none}.home-hero{padding-top:50px}.home-hero h1{font-size:50px}.hero-live{min-height:380px;height:110vw}.template-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:auto}.template-card,.template-card:nth-child(2),.template-card:nth-child(5){grid-column:auto;grid-row:auto;min-height:390px}.section-title{align-items:start;gap:20px;flex-direction:column}.lab-grid canvas{height:210px}footer{gap:10px;flex-wrap:wrap}}