:root{--font-sans: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;--font-display: "Outfit", "Space Grotesk", sans-serif;--bg-primary: #090d16;--bg-surface: #111827;--bg-card: rgba(30, 41, 59, .65);--text-main: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-gold: #d4af37;--accent-gold-light: #f3e5ab;--accent-cyan: #38bdf8;--accent-emerald: #10b981;--accent-rose: #f43f5e;--border-glass: rgba(255, 255, 255, .1);--border-subtle: rgba(255, 255, 255, .06)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100vw;height:100vh;overflow:hidden;background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-sans);font-size:clamp(15px,1.1vw,18px);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}#root,.viewport-container{width:100vw;height:100vh;position:relative;overflow:hidden}.scene-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:clamp(2rem,4vh,4rem) clamp(2.5rem,5vw,6rem);padding-bottom:clamp(3.5rem,6vh,5rem);background:radial-gradient(circle at 50% 20%,#131b2e,#090d16 85%);color:var(--text-main);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(212,175,55,.3) transparent}.scene-frame::-webkit-scrollbar{width:6px}.scene-frame::-webkit-scrollbar-track{background:transparent}.scene-frame::-webkit-scrollbar-thumb{background:#d4af3740;border-radius:3px}.scene-frame::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.progress-line-thin{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,#d4af37,#38bdf8);z-index:1000;transition:width .3s ease}.discrete-section-num{position:fixed;bottom:clamp(1rem,2vh,1.5rem);left:clamp(1.5rem,3.5vw,3rem);font-family:var(--font-display);font-size:clamp(.85rem,1vw,1rem);font-weight:700;letter-spacing:.2em;color:#94a3b8;opacity:.75;z-index:90;pointer-events:none}.hover-control-zone{position:fixed;bottom:clamp(1rem,2vh,1.5rem);right:clamp(1.5rem,3.5vw,3rem);z-index:1000;opacity:.4;transition:opacity .3s ease;display:flex;gap:.5rem}.hover-control-zone:hover{opacity:1}.btn-discrete{background:#0f172ae6;border:1px solid rgba(255,255,255,.15);color:#94a3b8;padding:.45rem .9rem;font-size:.8rem;font-weight:600;border-radius:8px;cursor:pointer;box-shadow:0 4px 12px #0006;font-family:var(--font-sans);transition:all .2s ease}.btn-discrete:hover{color:#fff;border-color:var(--accent-gold);box-shadow:0 4px 14px #d4af3740}.commercial-kicker{font-family:var(--font-display);font-size:clamp(.8rem,.95vw,.95rem);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-gold);margin-bottom:clamp(.4rem,1vh,.6rem);display:flex;align-items:center;gap:.6rem}.commercial-title-hero{font-family:var(--font-display);font-size:clamp(2.4rem,4.2vw,4.8rem);font-weight:800;line-height:1.08;letter-spacing:-.025em;color:#fff;margin-bottom:clamp(.8rem,1.6vh,1.2rem)}.commercial-title-large{font-family:var(--font-display);font-size:clamp(1.8rem,3.2vw,3.4rem);font-weight:800;line-height:1.12;letter-spacing:-.02em;color:#fff;margin-bottom:clamp(.6rem,1.2vh,1rem)}.gold-accent{color:var(--accent-gold);font-style:normal}.commercial-subtitle{font-size:clamp(1.05rem,1.3vw,1.35rem);font-weight:400;color:#94a3b8;max-width:1050px;line-height:1.45;margin-bottom:clamp(1rem,2vh,1.8rem)}.executive-card{background:#1e293ba6;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:clamp(1.2rem,2.2vh,1.8rem);box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease,box-shadow .2s ease}.executive-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000080;border-color:#d4af374d}.scene-split-grid{display:grid;grid-template-columns:46% 50%;gap:4%;height:auto;align-items:start}.btn-source-tag{display:inline-flex;align-items:center;gap:.3rem;background:#d4af3726;border:1px solid rgba(212,175,55,.4);color:var(--accent-gold);font-size:.75rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;cursor:pointer;margin-left:.6rem;vertical-align:middle;transition:all .2s ease}.btn-source-tag:hover{background:var(--accent-gold);color:#0f172a}@media (max-width: 1024px){.scene-split-grid{grid-template-columns:1fr;gap:1.5rem}}