.detroit-page{background:linear-gradient(#070d0b33,#070d0bdb),repeating-linear-gradient(90deg,#f5f7ff0a 0 1px,#0000 1px 96px),linear-gradient(135deg,#18221f 0%,#0a1110 48%,#19130d 100%);min-height:100vh;padding:1.25rem}.detroit-hero{min-height:calc(100vh - 2.5rem);box-shadow:var(--shadow);background:linear-gradient(#05080714 44%,#050807eb),radial-gradient(circle at 78% 22%,#ffb84d2e,#0000 28%),linear-gradient(115deg,#73d2ff1f,#0000 34%);border:1px solid #ffb84d47;border-radius:8px;align-items:end;display:grid;position:relative;overflow:hidden}.detroit-generated-image{object-fit:cover;filter:saturate(.92)contrast(1.05);width:100%;height:100%;transition:filter .16s,transform .22s;position:absolute;inset:0}.detroit-generated-image.is-loading{filter:saturate(.74)contrast(.96)brightness(.7);transform:scale(1.01)}.detroit-loading-scrim{z-index:2;pointer-events:none;background:linear-gradient(#05080747,#050807bd),repeating-linear-gradient(90deg,#ffb84d1f 0 2px,#0000 2px 18px);position:absolute;inset:0}.detroit-hero:before{content:"";opacity:.75;background:linear-gradient(90deg,#0000 0 8%,#f5f7ff38 8% 9%,#0000 9% 18%,#ffb84d3d 18% 20%,#0000 20% 34%,#f5f7ff2e 34% 35%,#0000 35% 100%),linear-gradient(#0000 0 36%,#0000009e 36% 100%);height:42%;position:absolute;inset:auto 0 0}.detroit-hover-cell{z-index:3;pointer-events:none;background:#ffb84d29;border:2px solid #ffb84d;position:absolute;box-shadow:0 0 0 1px #050807b8,0 0 22px #ffb84d57}.detroit-hover-card{z-index:4;max-width:min(340px,100% - 2rem);color:var(--text);box-shadow:var(--shadow);pointer-events:none;background:#050807e0;border:1px solid #ffb84d73;border-radius:8px;gap:.35rem;padding:.75rem .85rem;display:grid;position:absolute}.detroit-hover-card span{color:var(--muted)}.detroit-hover-card small{color:#c4d0cbb8;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem}.detroit-hero-copy{z-index:2;max-width:820px;padding:clamp(1.25rem,5vw,4rem);position:relative}.detroit-hero-copy h1{margin:0;font-size:clamp(3rem,11vw,8.5rem);line-height:.9}.detroit-description{color:var(--muted);max-width:58ch;font-size:clamp(1rem,2vw,1.25rem)}.detroit-image-status{background:#050807b8;border:1px solid #ffb84d59;border-radius:8px;align-items:center;gap:.75rem;margin-top:1rem;padding:.55rem .7rem;display:inline-flex}.detroit-image-status p{margin:0}.detroit-image-status button{min-height:2rem;color:var(--text);cursor:pointer;font:inherit;white-space:nowrap;background:#f5f7ff1f;border:1px solid #f5f7ff6b;border-radius:8px}.detroit-image-status button:hover{background:#f5f7ff33}.detroit-hero.is-detail-view .detroit-hover-cell,.detroit-hero.is-detail-view .detroit-hover-card{display:none}@media (width<=720px){.detroit-image-status{flex-direction:column;align-items:flex-start}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08110f;--bg-alt:#18251f;--panel:#0b1819e6;--panel-strong:#181f1cf5;--line:#3d5b57;--text:#f5f7ff;--muted:#c4d0cb;--accent:#ffb84d;--accent-2:#73d2ff;--accent-3:#69e3a1;--danger:#ff7b7b;--success:#69e3a1;--shadow:0 16px 44px #00000047;font-family:Avenir Next,Avenir,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;color:var(--text);background:linear-gradient(135deg,#69e3a114,#0000 36%),linear-gradient(#101816 0%,#050807 100%);margin:0}body{min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.app-shell{max-width:1480px;margin:0 auto;padding:1.25rem}.product-header,.main-grid,.lower-grid{gap:1rem;display:grid}.product-header{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr);margin-bottom:1rem;padding-bottom:1rem}.product-header h1,.panel h2{margin:0}.product-header h1{max-width:820px;font-size:clamp(2rem,4vw,4rem);line-height:1}.hero-copy{max-width:76ch}.eyebrow,.card-label{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-2);margin:0 0 .5rem;font-size:.76rem}.hero-copy,.panel-heading p,.hero-card p,.capability-card p,.immersive-note,.immersive-message{color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:8px;padding:1rem}.main-grid{grid-template-columns:minmax(0,2fr) minmax(320px,.95fr)}.sidebar,.lower-grid{gap:1rem;display:grid}.lower-grid{grid-template-columns:1.2fr .8fr;margin-top:1rem}.panel-heading{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.panel-heading p{max-width:38ch;margin:0}.lesson-tabs{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.tab{border:1px solid var(--line);color:var(--text);background:#112525eb;border-radius:8px;min-height:48px;padding:.68rem .92rem}.tab.active{border-color:var(--accent);background:linear-gradient(135deg,#ffb84d47,#69e3a12e)}.lab-shell{border:1px solid var(--line);background:radial-gradient(circle at 50% 20%,#ffb84d1a,#0000 25%),linear-gradient(#0b1f2ef2,#050c12fa);border-radius:8px;min-height:460px;overflow:hidden}.lab-canvas{width:100%;height:100%;display:block}.control-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1rem;display:grid}.slider-block{border:1px solid var(--line);background:#051111b8;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:.5rem .8rem;padding:.8rem;display:grid}.slider-block input{grid-column:1/-1;width:100%;min-height:44px}.immersive-block{gap:.5rem;margin-top:1rem;display:grid}.immersive-button{background:linear-gradient(135deg, var(--accent), #ff8f5c);color:#03131e;border:none;border-radius:8px;min-height:56px;padding:.95rem 1.1rem;font-weight:700}.button-row{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.toggle,.selected-pill{border:1px solid var(--line);color:var(--text);background:#051111d6;border-radius:8px}.toggle{min-height:48px;padding:.72rem .9rem}.toggle.active,.selected-pill{border-color:var(--accent);background:#ffb84d29}.selected-pill{color:var(--accent);max-width:30ch;padding:.62rem .8rem}.formula-list,.capability-list,.model-grid,.fallback-gallery{gap:.8rem;display:grid}.formula-card,.capability-card,.model-card{border:1px solid var(--line);background:#0b1f1cb8;border-radius:8px;padding:.9rem}.formula-card h3,.formula-card p,.capability-card strong,.model-card figcaption{margin:0}.formula-value{color:var(--accent);margin-top:.35rem}.validation-box{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;margin-top:.8rem;padding:.9rem}.capability-topline{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.status-pill{text-transform:uppercase;border-radius:8px;padding:.28rem .55rem;font-size:.78rem;display:inline-flex}.status-supported{color:var(--success);background:#69e3a129}.status-unsupported{color:var(--danger);background:#ff7b7b24}.status-unknown{color:var(--accent-2);background:#73d2ff1f}.model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.model-card{margin:0}.model-card model,.model-card img,.fallback-gallery img{background:#040e14f2;border:1px solid #73d2ff40;border-radius:8px;width:100%;display:block}.model-card model{aspect-ratio:4/3;min-height:220px;overflow:hidden}.model-card model img{object-fit:cover;height:100%}.fallback-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.fallback-gallery img{aspect-ratio:1;object-fit:cover}.analytics-line{color:var(--accent);margin-top:1rem}@media (width<=1080px){.main-grid,.lower-grid,.control-grid,.model-grid{grid-template-columns:1fr}}@media (width<=720px){.app-shell{padding:.8rem}.lab-shell{min-height:320px}.slider-block,.model-grid,.fallback-gallery{grid-template-columns:1fr}.panel-heading{flex-direction:column}}