@charset "UTF-8";
:root{--bg:#061329;--ink:#e6f5ff;--accent:#31c7ff;--panel:#10274d;--muted:#ffbf69;--max:1180px;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}img{display:block;width:100%;height:auto}a{color:inherit}button,a{font:inherit}.sd8e8872-skip{position:absolute;left:-999px;top:0}.sd8e8872-skip:focus{left:1rem;top:1rem;z-index:99;background:var(--panel);padding:.8rem}
.sd8e8872-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem max(1rem,calc((100vw - var(--max))/2));background:color-mix(in srgb,var(--bg),transparent 8%);backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb,var(--ink),transparent 82%)}.sd8e8872-brand{display:flex;flex-direction:column;text-decoration:none;font-weight:900;letter-spacing:-.02em}.sd8e8872-brand small{font-weight:500;opacity:.7}.sd8e8872-nav{display:flex;gap:1rem;align-items:center}.sd8e8872-nav a{text-decoration:none;font-weight:750}.sd8e8872-menu{display:none;border:1px solid currentColor;border-radius:999px;padding:.55rem .9rem;background:transparent;color:inherit}
.sd8e8872-main{width:min(var(--max),calc(100% - 2rem));margin:0 auto;padding:2rem 0 5rem}.sd8e8872-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:clamp(1.2rem,4vw,4rem);align-items:center;padding:clamp(1.2rem,4vw,4rem);background:var(--panel);border-radius:var(--radius);overflow:hidden}.sd8e8872-hero-copy{position:relative;z-index:2}.sd8e8872-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:900;color:var(--accent)}h1{font-size:clamp(2.45rem,6vw,5.6rem);line-height:.98;letter-spacing:-.055em;margin:.3rem 0 1.2rem}.sd8e8872-lead{font-size:clamp(1.02rem,1.5vw,1.25rem);max-width:68ch}.sd8e8872-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.5rem 0}.sd8e8872-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1rem;border-radius:999px;text-decoration:none;font-weight:850}.sd8e8872-button-primary{background:var(--accent);color:#fff}.sd8e8872-button-secondary{border:1px solid currentColor}.sd8e8872-disclosure{font-size:.87rem;opacity:.78;max-width:70ch}.sd8e8872-hero-media{position:relative;border-radius:calc(var(--radius) - 8px);overflow:hidden;min-height:430px;background:var(--muted)}.sd8e8872-hero-media img{height:100%;min-height:430px;object-fit:cover}.sd8e8872-media-cta{position:absolute;left:1rem;top:1rem;display:inline-flex;align-items:center;min-height:46px;padding:.65rem 1rem;border-radius:999px;background:var(--accent);color:#fff;font-weight:900;box-shadow:0 8px 28px #0006}
.sd8e8872-fact-list{list-style:none;padding:0;margin:1.5rem 0;display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.sd8e8872-fact{padding:1rem;background:var(--panel);border-radius:18px;font-weight:720;border:1px solid color-mix(in srgb,var(--ink),transparent 86%)}
.sd8e8872-essay,.sd8e8872-characters,.sd8e8872-screens,.sd8e8872-steps,.sd8e8872-widget,.sd8e8872-final{margin-top:1.5rem;padding:clamp(1.2rem,3.6vw,3rem);background:var(--panel);border-radius:var(--radius)}.sd8e8872-essay h2,.sd8e8872-section-head h2,.sd8e8872-final h2,.sd8e8872-widget h2{font-size:clamp(1.75rem,3.5vw,3rem);line-height:1.08;letter-spacing:-.035em;margin:.25rem 0 1rem}.sd8e8872-essay p{max-width:78ch}.sd8e8872-section-no,.sd8e8872-section-head span,.sd8e8872-card-label{font-weight:900;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}
.sd8e8872-section-head{display:grid;grid-template-columns:auto 1fr;column-gap:1rem;align-items:start;margin-bottom:1.5rem}.sd8e8872-section-head p{grid-column:2;max-width:75ch}.sd8e8872-character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.sd8e8872-character-card{background:color-mix(in srgb,var(--bg),var(--panel) 30%);border-radius:20px;overflow:hidden;border:1px solid color-mix(in srgb,var(--ink),transparent 86%)}.sd8e8872-character-card img{aspect-ratio:4/5;object-fit:cover}.sd8e8872-card-copy{padding:1rem}.sd8e8872-card-copy h3{margin:.25rem 0;font-size:1.25rem}.sd8e8872-card-copy p{font-size:.94rem}.sd8e8872-text-link{font-weight:850;text-underline-offset:3px}.sd8e8872-image-link{display:block}
.sd8e8872-screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:start}.sd8e8872-screen{margin:0;background:color-mix(in srgb,var(--bg),var(--panel) 30%);border-radius:18px;overflow:hidden}.sd8e8872-screen img{aspect-ratio:16/9;object-fit:cover}.sd8e8872-screen figcaption{padding:1rem;font-size:.94rem}
.sd8e8872-step-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.sd8e8872-step{display:flex;gap:1rem;align-items:flex-start;padding:1rem;border:1px solid color-mix(in srgb,var(--ink),transparent 82%);border-radius:18px}.sd8e8872-step span{font-weight:950;color:var(--accent);font-size:1.4rem}.sd8e8872-step p{margin:0}
.sd8e8872-widget{border:2px dashed color-mix(in srgb,var(--accent),transparent 30%)}.sd8e8872-widget button{border:1px solid currentColor;background:transparent;color:inherit;border-radius:999px;padding:.6rem .9rem;margin:.25rem;cursor:pointer}.sd8e8872-widget-panel{margin-top:1rem}.sd8e8872-tab-row,.sd8e8872-map-buttons,.sd8e8872-scenario-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.sd8e8872-widget label{display:block;margin:.5rem 0}.sd8e8872-final{text-align:center;padding-block:4rem}.sd8e8872-final p{max-width:66ch;margin-inline:auto}
.sd8e8872-footer{width:min(var(--max),calc(100% - 2rem));margin:0 auto 2rem;display:flex;justify-content:space-between;gap:2rem;padding:2rem;border-top:2px solid var(--accent)}.sd8e8872-footer nav{display:flex;flex-wrap:wrap;gap:1rem}.sd8e8872-footer a{font-weight:750}
.sd8e8872-main{display:grid;gap:2rem}.sd8e8872-hero{border:1px solid color-mix(in srgb,var(--accent),transparent 50%);box-shadow:0 0 42px color-mix(in srgb,var(--accent),transparent 78%)}.sd8e8872-character-grid{grid-template-columns:repeat(2,1fr)}.sd8e8872-essay{display:grid;grid-template-columns:120px 1fr;gap:1rem}.sd8e8872-essay h2,.sd8e8872-essay p{grid-column:2}.sd8e8872-section-no{grid-row:1/5;font-family:monospace;color:var(--accent);font-size:2rem}
@media (max-width:900px){.sd8e8872-hero{grid-template-columns:1fr}.sd8e8872-hero-media{grid-row:1;min-height:0;aspect-ratio:4/3}.sd8e8872-hero-media img{min-height:0;aspect-ratio:4/3}.sd8e8872-character-grid{grid-template-columns:repeat(2,1fr)}.sd8e8872-screen-grid{grid-template-columns:1fr}.sd8e8872-fact-list{grid-template-columns:1fr}.sd8e8872-step-list{grid-template-columns:1fr}.sd8e8872-essay{display:block;margin-left:0;padding-left:1.2rem}.sd8e8872-section-no{position:static;transform:none;display:inline-block;margin-bottom:.5rem}.sd8e8872-main{padding-left:0}}
@media (max-width:640px){.sd8e8872-top{align-items:flex-start}.sd8e8872-menu{display:block}.sd8e8872-nav{display:none;position:absolute;right:1rem;top:4.6rem;flex-direction:column;align-items:stretch;padding:1rem;background:var(--panel);border-radius:18px;box-shadow:0 18px 50px #0003}.sd8e8872-nav[data-open="true"]{display:flex}.sd8e8872-main{width:min(100% - 1rem,var(--max));padding-top:.5rem}.sd8e8872-hero{padding:1rem;border-radius:18px}h1{font-size:2.65rem}.sd8e8872-character-grid{grid-template-columns:1fr}.sd8e8872-footer{flex-direction:column;padding:1rem}.sd8e8872-section-head{grid-template-columns:1fr}.sd8e8872-section-head p{grid-column:1}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* Scenario-board expansion for exact-match intent */
.sd8e8872-main{grid-template-columns:minmax(0,1fr)}
.sd8e8872-main>*{min-width:0}
.sd8e8872-main [id]{scroll-margin-top:6.5rem}
.sd8e8872-quick-answer,.sd8e8872-faq,.sd8e8872-sources{margin-top:1.5rem;padding:clamp(1.2rem,3.6vw,3rem);background:var(--panel);border-radius:var(--radius)}
.sd8e8872-quick-answer{border:1px solid var(--accent);box-shadow:0 0 32px color-mix(in srgb,var(--accent),transparent 72%);font-size:clamp(1.04rem,1.5vw,1.22rem)}.sd8e8872-quick-answer p:last-child{max-width:78ch;margin-bottom:0}
.sd8e8872-scenario-models{border:1px solid color-mix(in srgb,var(--accent),transparent 35%);background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--accent),var(--panel) 88%))}
.sd8e8872-seo-section p,.sd8e8872-seo-section li{max-width:82ch}
.sd8e8872-status-box{padding:1rem 1.1rem;border-radius:16px;background:color-mix(in srgb,var(--accent),transparent 88%);border-left:5px solid var(--accent);max-width:82ch}
.sd8e8872-scenario-grid,.sd8e8872-test-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1.2rem 0}
.sd8e8872-scenario-grid article,.sd8e8872-test-board div{padding:1rem;border:1px solid color-mix(in srgb,var(--accent),transparent 45%);border-radius:16px;background:color-mix(in srgb,var(--bg),var(--panel) 35%)}
.sd8e8872-scenario-grid h3{margin:.1rem 0 .35rem}.sd8e8872-scenario-grid p,.sd8e8872-test-board p{margin:0}
.sd8e8872-table-wrap{overflow-x:auto;margin:1.2rem 0;grid-column:2}.sd8e8872-table-wrap table{width:100%;min-width:700px;border-collapse:collapse}.sd8e8872-table-wrap th,.sd8e8872-table-wrap td{padding:.85rem;text-align:left;vertical-align:top;border:1px solid color-mix(in srgb,var(--accent),transparent 45%)}.sd8e8872-table-wrap th{background:color-mix(in srgb,var(--accent),transparent 82%)}
.sd8e8872-faq h2,.sd8e8872-sources h2{font-size:clamp(1.75rem,3.5vw,3rem);line-height:1.08;letter-spacing:-.035em;margin:.25rem 0 1rem}
.sd8e8872-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.sd8e8872-faq-item{padding:1rem;border:1px solid color-mix(in srgb,var(--accent),transparent 45%);border-radius:16px;background:color-mix(in srgb,var(--bg),var(--panel) 35%)}.sd8e8872-faq-item h3{margin:.1rem 0 .5rem}.sd8e8872-faq-item p{margin:0}
.sd8e8872-sources ul{max-width:82ch;padding-left:1.35rem}.sd8e8872-sources li{margin:.6rem 0}.sd8e8872-sources a{font-weight:850;text-underline-offset:3px}
@media (max-width:900px){.sd8e8872-table-wrap{grid-column:1}}
@media (max-width:640px){.sd8e8872-scenario-grid,.sd8e8872-test-board,.sd8e8872-faq-grid{grid-template-columns:1fr}}