:root{color-scheme:dark;--ink:#f8fafc;--muted:#b7c0cc;--panel:#151b23;--panel-strong:#1f2933;--line:#324154;--red:#ef4444;--amber:#f5b84b;--green:#50c878;--cyan:#38bdf8;--bg:#090d12;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,rgba(239,68,68,.09),transparent 28rem),radial-gradient(circle at 80% 6%,rgba(56,189,248,.18),transparent 24rem),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}.site-header{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:var(--max);padding:1.25rem}.brand{font-weight:800;gap:.65rem}.brand,.brand-mark{align-items:center;display:inline-flex}.brand-mark{background:linear-gradient(135deg,var(--red),var(--amber));border-radius:8px;color:#160b08;height:2.35rem;justify-content:center;width:2.35rem}nav{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}nav a{border:1px solid transparent;border-radius:8px;color:var(--muted);font-size:.94rem;padding:.45rem .7rem}nav a:hover{border-color:var(--line);color:var(--ink)}.hero{align-items:center;display:grid;grid-gap:2.5rem;gap:2.5rem;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);margin:0 auto;max-width:var(--max);min-height:min(780px,calc(100vh - 84px));padding:4rem 1.25rem 2rem}.hero-copy{max-width:680px}.eyebrow{color:var(--amber);font-size:.8rem;font-weight:800;letter-spacing:0;margin:0 0 .65rem;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:clamp(3.35rem,10vw,8rem);letter-spacing:0;line-height:.88;margin:0 0 1.35rem}h2{font-size:clamp(1.8rem,4vw,3.25rem);line-height:1;margin:0 0 1rem}h3{font-size:1.22rem;line-height:1.2;margin:.6rem 0}.article-description,.hero p,.play-band p,.section-heading p{color:var(--muted);font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}.back-link,.primary-button,.secondary-button{align-items:center;border-radius:8px;display:inline-flex;font-weight:800;gap:.55rem;justify-content:center;min-height:2.9rem;padding:.75rem 1rem}.primary-button{background:var(--amber);color:#160d05}.back-link,.secondary-button{border:1px solid var(--line);color:var(--ink)}.hero-art{aspect-ratio:1.18;position:relative}.hero-art img{object-fit:contain}.content-section,.faq-section,.play-band,.video-section{margin:0 auto;max-width:var(--max);padding:4.5rem 1.25rem}.page-hero{padding-top:3rem}.page-hero h1{font-size:clamp(2.7rem,8vw,6.2rem)}.play-band{align-items:center;display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:.9fr 1.1fr}.demo-board{background:#101722;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(4,minmax(3.3rem,1fr));padding:1rem}.tile{align-items:center;aspect-ratio:1;background:#1c2633;border:1px solid #3a4b60;border-radius:8px;color:var(--ink);display:flex;font-size:clamp(1.4rem,5vw,3rem);font-weight:900;justify-content:center}.tile.low{background:#223447}.tile.mid{background:#244235;color:#dff7e8}.tile.hot{background:#542326;color:#ffe5df}.guide-grid,.quick-answers,.video-grid{display:grid;grid-gap:1rem;gap:1rem;margin:0 auto;max-width:var(--max);padding:0 1.25rem}.quick-answers{grid-template-columns:repeat(3,1fr)}.guide-card,.quick-answers article,.video-grid article,details{background:rgba(21,27,35,.88);border:1px solid var(--line);border-radius:8px}.quick-answers article{padding:1.25rem}.quick-answers svg{color:var(--cyan)}.article p,.codes-status p,.guide-card p,.quick-answers p,.split-content p,.video-grid p,details p{color:var(--muted)}.quick-answers a{color:var(--amber);display:inline-flex;font-weight:800;margin-top:.4rem}.section-heading{margin-bottom:1.5rem;max-width:760px}.guide-grid{grid-template-columns:repeat(3,1fr);padding:0}.guide-card{display:flex;flex-direction:column;min-height:100%;overflow:hidden;padding:0 0 1rem}.guide-card img{aspect-ratio:1.6;background:#0d131b;object-fit:cover;width:100%}.guide-card h3,.guide-card p,.guide-card span{margin-left:1rem;margin-right:1rem}.guide-card span{color:var(--green);font-size:.85rem;font-weight:800;margin-top:1rem}.video-grid{grid-template-columns:repeat(2,1fr);padding:0}.video-grid article{overflow:hidden}.video-grid video{aspect-ratio:16/9;background:#000;width:100%}.video-grid h3,.video-grid p{margin-left:1rem;margin-right:1rem}.video-grid p{margin-bottom:1.25rem}.faq-list{display:grid;grid-gap:.8rem;gap:.8rem}.codes-status,.split-content{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.codes-status article,.split-content article{background:rgba(21,27,35,.88);border:1px solid var(--line);border-radius:8px;padding:1.25rem}.codes-status svg,.split-content svg{color:var(--amber)}.codes-status code{background:#0b1118;border:1px solid var(--line);border-radius:8px;display:inline-flex;font-size:1rem;font-weight:800;padding:.35rem .55rem}details{padding:1rem}summary{align-items:center;cursor:pointer;display:flex;font-weight:800;gap:.55rem}summary svg{color:var(--amber);flex:0 0 auto}footer{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;gap:.75rem;justify-content:center;margin-top:3rem;padding:2rem 1.25rem;text-align:center}.article{margin:0 auto;max-width:860px;padding:3rem 1.25rem 5rem}.article h1{font-size:clamp(2.6rem,7vw,5.6rem)}.article-image{border:1px solid var(--line);border-radius:8px;margin:2rem 0;width:100%}.article section{border-top:1px solid var(--line);padding:2rem 0 0}.checklist p{align-items:flex-start;display:flex;gap:.6rem}.checklist svg{color:var(--green);flex:0 0 auto;margin-top:.2rem}@media (max-width:840px){.hero,.play-band,.site-header{align-items:flex-start;grid-template-columns:1fr}.site-header{flex-direction:column}nav{justify-content:flex-start}.hero{min-height:auto;padding-top:2rem}.codes-status,.guide-grid,.quick-answers,.split-content,.video-grid{grid-template-columns:1fr}}@media (max-width:520px){.article,.content-section,.faq-section,.hero,.play-band,.site-header,.video-section{padding-left:1rem;padding-right:1rem}.hero-actions a{width:100%}.demo-board{gap:.45rem;padding:.65rem}}