:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#060910;color:#f0f4ff}*,:after,:before{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(120% 120% at 20% 0,#10172b 0,rgba(16,23,43,0) 60%),#060910;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;letter-spacing:-.02em}p{margin:0}button{font:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:hsla(0,0%,100%,.08);border-radius:6px;padding:2px 6px;color:rgba(240,244,255,.85)}.app-shell{display:flex;flex-direction:column;min-height:100vh;padding:32px clamp(16px,4vw,48px)}.app-header{justify-content:space-between;gap:24px;padding-bottom:32px}.app-header,.app-logo{display:flex;align-items:center}.app-logo{gap:12px;font-weight:700;font-size:1.1rem;letter-spacing:-.01em}.app-logo__mark{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#6ae3ff,#b084ff);box-shadow:0 0 12px rgba(106,227,255,.6)}.app-nav{display:flex;gap:18px;font-size:.95rem}.app-nav a{opacity:.85;transition:opacity .2s ease,transform .2s ease}.app-nav a:hover{opacity:1;transform:translateY(-1px)}.app-main{flex:1 1}.app-footer{margin-top:64px;font-size:.85rem;color:rgba(240,244,255,.75);display:flex;flex-direction:column;gap:4px}.hero{display:grid;grid-gap:40px;gap:40px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;max-width:min(1100px,100%);margin:0 auto 56px}.hero__lead{display:grid;grid-gap:16px;gap:16px;max-width:520px}.hero__eyebrow{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:hsla(0,0%,100%,.55)}.hero__title{font-size:clamp(2.5rem,4vw,3.5rem);line-height:1.1}.hero__subtitle{color:rgba(240,244,255,.78);font-size:1.05rem;line-height:1.7}.hero__cta{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn--primary{background:linear-gradient(135deg,rgba(106,227,255,.9),rgba(176,132,255,.9));color:#03050a;box-shadow:0 10px 25px rgba(106,227,255,.25)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(106,227,255,.3)}.btn--ghost{border:1px solid hsla(0,0%,100%,.18);color:rgba(240,244,255,.85)}.btn--ghost:hover{border-color:hsla(0,0%,100%,.4)}.hero__card{position:relative;justify-self:end;max-width:420px;width:100%}.viz-card{display:grid;grid-gap:14px;gap:14px;padding:24px;border-radius:24px;border:1px solid hsla(0,0%,100%,.08);background:linear-gradient(145deg,rgba(14,18,32,.85),rgba(24,18,37,.9));box-shadow:0 18px 40px rgba(4,8,18,.5);min-height:220px;transition:transform .25s ease,box-shadow .25s ease}.viz-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(4,8,18,.6)}.viz-card__badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:hsla(0,0%,100%,.55)}.viz-card__title{font-size:1.6rem;line-height:1.3}.viz-card__copy{color:rgba(240,244,255,.78);line-height:1.6}.viz-card__link{font-weight:600;color:rgba(106,227,255,.9);display:inline-flex;gap:6px;align-items:center}.hero__features{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:18px;gap:18px;max-width:min(1100px,100%);margin:0 auto}.feature{padding:18px 22px;border-radius:18px;border:1px solid hsla(0,0%,100%,.08);background:rgba(13,16,30,.6);display:grid;grid-gap:8px;gap:8px}.feature h3{font-size:1.1rem}.feature p{color:rgba(240,244,255,.75);line-height:1.6}.page{display:grid;grid-gap:24px;gap:24px}.page--stack{gap:32px}.page--narrow{max-width:720px;margin:0 auto;gap:18px}.page__header p{margin-top:12px;color:rgba(240,244,255,.76);max-width:720px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:20px;gap:20px}.grid__item{padding:22px;border-radius:18px;border:1px solid hsla(0,0%,100%,.08);background:linear-gradient(145deg,rgba(12,15,28,.75),rgba(22,16,32,.85));display:grid;grid-gap:12px;gap:12px}.grid__item p{color:rgba(240,244,255,.75)}.link-arrow{color:rgba(106,227,255,.9);font-weight:600}.ss-kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:1px 6px;border-radius:6px;border:1px solid hsla(0,0%,100%,.18);background:hsla(0,0%,100%,.08);display:inline-block}ul{padding-left:22px;display:grid;grid-gap:8px;gap:8px}.search-form{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.search-form input{flex:1 1;min-width:240px;padding:12px 16px;border-radius:999px;border:1px solid hsla(0,0%,100%,.16);background:rgba(10,14,26,.8);color:#f0f4ff}.search-results-empty{margin-top:18px;padding:20px 22px;border-radius:18px;border:1px solid hsla(0,0%,100%,.08);background:rgba(14,18,32,.7)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.viz-page{display:grid;grid-gap:32px;gap:32px;max-width:1100px;margin:0 auto}.viz-page__header{display:grid;grid-gap:16px;gap:16px}.viz-page__header p{max-width:720px;color:rgba(240,244,255,.78);line-height:1.7}.viz-page__eyebrow{font-size:.8rem;letter-spacing:.24em;text-transform:uppercase;color:hsla(0,0%,100%,.55)}.viz-page__media{border-radius:28px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1)}.viz-loading{display:grid;place-items:center;min-height:320px;color:rgba(240,244,255,.6);font-size:1rem;letter-spacing:.02em}.viz-page__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:18px;gap:18px}.viz-page__grid article{padding:20px 22px;border-radius:20px;border:1px solid hsla(0,0%,100%,.08);background:rgba(12,16,30,.72);display:grid;grid-gap:10px;gap:10px}.viz-page__notes p{color:rgba(240,244,255,.75);margin-bottom:12px;line-height:1.7}.viz-page__details ul{margin-top:12px}.viz-page__details li{color:rgba(240,244,255,.78);line-height:1.7}@media (max-width:720px){.viz-page__media{border-radius:20px}.app-shell{padding:24px 16px}.app-header{flex-direction:column;align-items:flex-start}.app-nav{flex-wrap:wrap}.hero__cta{flex-direction:column;align-items:flex-start}.hero{gap:32px;margin-bottom:40px;justify-items:stretch}.hero__lead{max-width:100%;text-align:left}.hero__card{justify-self:stretch}}