:root{color-scheme:dark;--bg: #14161c;--bg-deep: #101218;--bg-elevated: #1b1e26;--bg-soft: #171920;--bg-hover: #22262f;--bg-light: #f1f2f5;--bg-light-card: #ffffff;--bg-light-hover: #e8eaee;--text: #eceef2;--text-muted: #9aa3b2;--text-faint: #818b9b;--text-invert: #14161c;--text-on-light: #14161c;--text-muted-on-light: #5a6372;--text-faint-on-light: #667080;--btn: #eef0f4;--btn-hover: #ffffff;--btn-on-light: #14161c;--btn-on-light-hover: #000000;--btn-on-light-text: #f4f5f7;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--line-on-light: rgba(20, 22, 28, .09);--line-strong-on-light: rgba(20, 22, 28, .16);--accent: #5b8def;--accent-hover: #7aa4f3;--accent-on-light: #3b6fd0;--accent-on-light-hover: #2f5fbe;--live: #5dcea3;--live-on-light: #1f9a6c;--dot: #3a3f4c;--font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .86rem;--text-md: .9rem;--text-base: 1rem;--text-card: 1rem;--text-eyebrow: .8rem;--text-tag: .72rem;--title-hero: clamp(2.15rem, 4.4vw, 3.25rem);--title-section: clamp(1.7rem, 3vw, 2.2rem);--lh-tight: 1.15;--lh-card: 1.35;--lh-body: 1.6;--track-tight: -.035em;--track-hero: -.04em;--radius: .75rem;--radius-sm: .5rem;--header-h: 3.75rem;--container: min(68rem, calc(100% - 2.5rem) );--section-y: clamp(3.75rem, 7vw, 5.5rem);--section-head-gap: 2rem;--eyebrow-gap: .65rem;--gap-grid: .85rem;--gap-stack: .65rem;--gap-split: clamp(1.75rem, 4vw, 3.5rem);--pad-card: 1.25rem;--pad-btn-y: .62rem;--pad-btn-x: .95rem}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;min-height:100%;font-family:var(--font);font-size:var(--text-base);line-height:var(--lh-body);color:var(--text);background:var(--bg);overflow-x:clip;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:100;padding:.6rem .85rem;border-radius:var(--radius-sm);background:var(--btn);color:var(--text-invert);font-size:var(--text-sm);font-weight:600;transform:translateY(-150%);transition:transform .15s ease}.skip-link:focus{transform:translateY(0)}:where(a,button,input,textarea,select):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.container{width:var(--container);margin-inline:auto}.section{padding-block:var(--section-y)}.section-head{max-width:40rem;margin-bottom:var(--section-head-gap)}.block-head{max-width:40rem;margin-bottom:1.35rem}.block-title{margin:0;font-size:clamp(1.2rem,2vw,1.4rem);font-weight:600;letter-spacing:var(--track-tight);line-height:var(--lh-tight)}.prose{max-width:40rem}.prose p{margin:0;font-size:var(--text-base);line-height:var(--lh-body);color:var(--text-muted)}.prose p+p{margin-top:.85rem}.section-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem;margin-bottom:var(--section-head-gap)}.section-head-row .section-head{margin-bottom:0}.section-eyebrow{margin:0 0 var(--eyebrow-gap);font-size:var(--text-eyebrow);font-weight:500;color:var(--text-muted)}.section-title{margin:0;font-size:var(--title-section);font-weight:600;letter-spacing:var(--track-tight);line-height:var(--lh-tight);text-wrap:balance}.section-subtitle{margin:.7rem 0 0;max-width:36rem;font-size:var(--text-base);line-height:var(--lh-body);color:var(--text-muted)}.btn,.btn-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:var(--pad-btn-y) var(--pad-btn-x);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;line-height:1.2;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn,.btn-primary{border:1px solid transparent;background:var(--btn);color:var(--text-invert)}.btn:hover,.btn-primary:hover{background:var(--btn-hover)}.btn-ghost{border:1px solid var(--line-strong);background:transparent;color:var(--text)}.btn-ghost:hover{background:var(--bg-elevated)}.text-link{font-size:var(--text-sm);font-weight:500;color:var(--accent);white-space:nowrap}.text-link:hover{color:var(--accent-hover)}.card-grid{display:grid;gap:var(--gap-grid);grid-template-columns:repeat(3,minmax(0,1fr))}.card-base{display:flex;flex-direction:column;min-width:0;height:100%;padding:var(--pad-card);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated);transition:border-color .15s ease,background .15s ease}.card-base:hover{border-color:var(--line-strong);background:var(--bg-hover)}.tilt-3d{--tilt-x: 0deg;--tilt-y: 0deg;--tilt-glare-x: 50%;--tilt-glare-y: 50%;position:relative;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateZ(0);transform-style:preserve-3d;transition:transform .2s ease-out,border-color .15s ease,background .15s ease,opacity .45s ease;will-change:transform}.reveal.tilt-3d:not(.is-visible){opacity:0;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(10px)}.reveal.tilt-3d.is-visible{opacity:1}.tilt-3d.is-tilting{transition:transform .08s linear,border-color .15s ease,background .15s ease}.tilt-3d:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--tilt-glare-x) var(--tilt-glare-y),rgba(255,255,255,.1),transparent 45%);transition:opacity .2s ease}.tilt-3d.is-tilting:after{opacity:1}.tilt-3d-static{transform:none;will-change:auto}.tilt-3d-static:after{display:none}.card-title{margin:0;font-size:var(--text-card);font-weight:600;letter-spacing:-.02em;line-height:var(--lh-card)}.card-text{margin:.5rem 0 0;flex:1 1 auto;font-size:var(--text-md);line-height:var(--lh-body);color:var(--text-muted)}.card-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto;padding-top:1rem}.card-tag{padding:.15rem .42rem;border:1px solid var(--line);border-radius:999px;font-size:var(--text-tag);font-weight:500;color:var(--text-faint)}.meta-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.7rem;font-size:var(--text-xs);color:var(--text-faint)}.index{display:inline-block;margin-bottom:.75rem;font-size:var(--text-xs);font-weight:600;color:var(--text-faint);font-variant-numeric:tabular-nums}.badge-live{color:var(--live)}.site-card{display:flex;flex-direction:column;min-width:0;height:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated);overflow:hidden;transition:border-color .15s ease,background .15s ease}.site-card:hover{border-color:var(--line-strong);background:var(--bg-hover)}.site-chrome{display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;border-bottom:1px solid var(--line);background:var(--bg-soft)}.site-chrome-dots{display:flex;flex:0 0 auto;gap:.3rem}.site-chrome-dots span{width:.4rem;height:.4rem;border-radius:50%;background:var(--dot)}.site-logo{flex:0 0 auto;width:1.5rem;height:1.5rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:.35rem;background:var(--bg-elevated);overflow:hidden}.site-logo img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;display:block}.site-logo-placeholder{width:.55rem;height:.55rem;border-radius:.15rem;background:var(--text-faint);opacity:.45}.site-host{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);font-weight:500;color:var(--text-muted)}.site-body{display:flex;flex-direction:column;flex:1 1 auto;padding:var(--pad-card)}.site-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:.85rem}.site-brand-logo{flex:0 0 auto;width:3.25rem;height:3.25rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);background:#0b0c10;overflow:hidden;padding:.35rem}.site-brand-logo img{width:100%;height:100%;object-fit:contain;display:block}.site-brand-logo-placeholder{width:.85rem;height:.85rem;border-radius:.2rem;background:var(--text-faint);opacity:.4}.site-brand-meta{min-width:0;flex:1 1 auto}.site-brand-meta .meta-row{margin-bottom:0}.site-body .card-text{flex:1 1 auto}.site-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:1.1rem}.sites-grid{display:grid;gap:var(--gap-grid);grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:720px){.sites-grid{grid-template-columns:1fr}}.reveal{opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease}.reveal.is-visible{opacity:1;transform:none}@media(max-width:1024px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){:root{--container: min(68rem, calc(100% - 1.5rem) )}.card-grid{grid-template-columns:1fr}.section-head-row{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.tilt-3d,.tilt-3d.is-tilting{transform:none;transition:border-color .15s ease,background .15s ease}.tilt-3d:after{display:none}}