@font-face{font-family:BlackerProDisplayLight;src:url(../fonts/blacker-pro/BlackerProDisplayLight.otf) format(opentype);font-display:swap}@font-face{font-family:BlackerProDisplayRegular;src:url(../fonts/blacker-pro/BlackerProDisplayRegular.otf) format(opentype);font-display:swap}@font-face{font-family:GothamMedium;src:url(../fonts/gotham/Gotham-Medium.otf) format(opentype);font-display:swap}@font-face{font-family:GothamBold;src:url(../fonts/gotham/Gotham-Bold.otf) format(opentype);font-display:swap}@font-face{font-family:GothamBook;src:url(../fonts/gotham/Gotham-Book.otf) format(opentype);font-display:swap}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#fafafa;color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.demo{min-height:100vh}.hero{background:linear-gradient(135deg,#0d1117,#161b22);color:#e6edf3;padding:4rem 2rem 3rem;text-align:center}.hero-title{font-family:var(--jjs-font-family-title);font-size:clamp(2rem,5vw,3.5rem);font-weight:400;letter-spacing:-.02em;margin-bottom:1rem}.hero-subtitle{color:#8b949e;font-family:var(--jjs-font-family-base);font-size:1.1rem;line-height:1.7;margin:0 auto 1.5rem;max-width:560px}.hero-subtitle code{background:#ffffff14;border-radius:4px;color:#e6edf3;font-size:.9em;padding:.15em .4em}.toggle-bar{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:.75rem}.toggle{background:#30363d;border:none;border-radius:100px;cursor:pointer;flex-shrink:0;height:26px;position:relative;transition:background .25s;width:44px}.toggle.active{background:#238636}.toggle-knob{background:#fff;border-radius:50%;height:20px;left:3px;position:absolute;top:3px;transition:transform .25s;width:20px}.active .toggle-knob{transform:translate(18px)}.toggle-label{color:#c9d1d9;font-family:var(--jjs-font-family-base);font-size:.95rem}.toggle-label strong{color:#e6edf3;display:inline-block;font-family:var(--jjs-font-family-accent);min-width:2.5em;text-align:left}.hero-hint{color:#6e7681;font-family:var(--jjs-font-family-base);font-size:.85rem;line-height:1.5;margin:0 auto 1.25rem;max-width:480px;min-height:2.55em}.hero-badge{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.badge{background:#ffffff0f;border:1px solid hsla(0,0%,100%,.1);border-radius:100px;color:#8b949e;font-family:var(--jjs-font-family-accent);font-size:.75rem;letter-spacing:.02em;padding:.3em .75em}.showcase{display:flex;flex-direction:column;gap:1.25rem;margin:0 auto;max-width:900px;padding:3rem 1.5rem}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.75rem;transition:border-color .2s}.card:hover{border-color:#c4c8cf}.card-header{align-items:baseline;display:flex;gap:.75rem;margin-bottom:1.25rem}.card-label{background:#0d1117;border-radius:4px;color:#fff;font-family:var(--jjs-font-family-accent);font-size:.65rem;letter-spacing:.1em;padding:.25em .6em;text-transform:uppercase}.card-name{color:#6b7280;font-family:var(--jjs-font-family-base);font-size:.85rem}.card-sample{line-height:1.5;margin-bottom:1.25rem}.card-sample small{display:block;font-size:.75em;margin-top:.35rem;opacity:.45}.card-sizes{align-items:baseline;display:flex;flex-wrap:wrap;gap:1rem}.size-sm{font-size:.75rem}.size-md{font-size:1rem}.size-lg{font-size:1.5rem}.size-xl{font-size:2rem}.base{font-family:var(--jjs-font-family-base)}.accent{font-family:var(--jjs-font-family-accent)}.bold{font-family:var(--jjs-font-family-accent-bold)}.title{font-family:var(--jjs-font-family-title)}.title-thin{font-family:var(--jjs-font-family-title-thin)}.override-off{--jjs-font-family-base:GothamBook;--jjs-font-family-accent:GothamMedium;--jjs-font-family-accent-bold:GothamBold;--jjs-font-family-title:BlackerProDisplayRegular;--jjs-font-family-title-thin:BlackerProDisplayLight}.info{margin:0 auto;max-width:600px;padding:2rem 1.5rem 4rem;text-align:center}.info p{color:#6b7280;font-family:var(--jjs-font-family-base);font-size:.9rem;line-height:1.7}.info strong{color:#374151;font-family:var(--jjs-font-family-accent)}