:root{--font-sans: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;--font-display: "Outfit", "Space Grotesk", sans-serif;--font-serif: "Playfair Display", Georgia, serif;--bg-primary: #090d16;--bg-surface: #111827;--bg-card: #1e293b;--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, .08);--bg-light-primary: #f8fafc;--text-light-main: #0f172a;--text-light-secondary: #475569;--border-light: #e2e8f0}*{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(17px,1.15vw,20px);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,3.5vh,4rem) clamp(2.5rem,5vw,6rem);background:radial-gradient(circle at 50% 20%,#131b2e 0%,var(--bg-primary) 80%);overflow:hidden}.scene-frame.bg-dark-obsidian{background:radial-gradient(circle at 30% 30%,#1a162b,#08060e 90%)}.scene-frame.bg-light-editorial{background:#f8fafc;color:var(--text-light-main)}.scene-frame.bg-mono-charcoal{background:linear-gradient(135deg,#111827,#030712)}.scene-frame.bg-digital-navy{background:radial-gradient(circle at 70% 30%,#0f2b48,#061324 85%)}.progress-line-thin{position:absolute;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--accent-gold) 0%,var(--accent-cyan) 100%);z-index:100;transition:width .3s ease}.discrete-section-num{position:absolute;bottom:clamp(1rem,2vh,2rem);left:clamp(1.5rem,3vw,3rem);font-family:var(--font-display);font-size:clamp(.85rem,1vw,1rem);font-weight:700;letter-spacing:.2em;color:var(--text-muted);opacity:.6;z-index:90}.hover-control-zone{position:absolute;bottom:clamp(1rem,2vh,1.5rem);right:clamp(1.5rem,3vw,2.5rem);z-index:100;opacity:.15;transition:opacity .3s ease;display:flex;gap:.5rem}.hover-control-zone:hover{opacity:.95}.btn-discrete{background:#0f172ad9;border:1px solid var(--border-glass);color:var(--text-secondary);padding:.4rem .8rem;font-size:.8rem;border-radius:6px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-sans)}.btn-discrete:hover{color:#fff;border-color:var(--accent-gold)}.commercial-kicker{font-family:var(--font-display);font-size:clamp(.85rem,1vw,1rem);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-gold);margin-bottom:clamp(.4rem,1vh,.8rem);display:flex;align-items:center;gap:.6rem}.bg-light-editorial .commercial-kicker{color:#b45309}.commercial-title-hero{font-family:var(--font-display);font-size:clamp(2.8rem,4.8vw,5.2rem);font-weight:800;line-height:1.08;letter-spacing:-.02em;color:#fff;margin-bottom:clamp(.8rem,1.5vh,1.25rem)}.commercial-title-large{font-family:var(--font-display);font-size:clamp(2.1rem,3.5vw,3.5rem);font-weight:800;line-height:1.12;letter-spacing:-.02em;color:#fff;margin-bottom:clamp(.6rem,1.2vh,1rem)}.bg-light-editorial .commercial-title-large,.bg-light-editorial .commercial-title-hero{color:#0f172a}.gold-accent{color:var(--accent-gold);font-style:normal}.bg-light-editorial .gold-accent{color:#d97706}.serif-quote{font-family:var(--font-serif);font-style:italic;font-weight:600}.commercial-subtitle{font-size:clamp(1.1rem,1.5vw,1.45rem);font-weight:400;color:var(--text-secondary);max-width:950px;line-height:1.45;margin-bottom:clamp(1.2rem,2.5vh,2.2rem)}.bg-light-editorial .commercial-subtitle{color:#475569}.scene-split-grid{display:grid;grid-template-columns:42% 54%;gap:4%;height:100%;align-items:center;overflow:hidden}@media (max-width: 1280px){.scene-split-grid{grid-template-columns:45% 51%;gap:4%}}.journey-track-container{display:flex;flex-direction:column;gap:clamp(1rem,2vh,1.8rem);position:relative;padding-left:clamp(1.8rem,2.5vw,2.5rem)}.journey-track-line{position:absolute;top:1rem;bottom:1rem;left:.8rem;width:3px;background:linear-gradient(180deg,var(--accent-gold) 0%,var(--accent-cyan) 100%);border-radius:2px}.journey-step-item{position:relative;background:#0f172a99;border-left:4px solid var(--accent-gold);padding:clamp(1rem,1.8vh,1.5rem) clamp(1.2rem,2vw,2rem);border-radius:0 12px 12px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.journey-step-node{position:absolute;left:-2.35rem;top:1.4rem;width:16px;height:16px;border-radius:50%;background:var(--accent-gold);box-shadow:0 0 12px var(--accent-gold)}.journey-step-num{font-family:var(--font-display);font-size:clamp(.75rem,.9vw,.85rem);font-weight:700;letter-spacing:.15em;color:var(--accent-gold);text-transform:uppercase;margin-bottom:.25rem}.journey-step-title{font-size:clamp(1.15rem,1.5vw,1.35rem);font-weight:700;color:#fff;margin-bottom:.3rem}.journey-step-desc{font-size:clamp(.9rem,1.1vw,1.05rem);color:var(--text-secondary);line-height:1.45}.matrix-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:clamp(1rem,1.8vh,1.5rem);height:100%}.matrix-cell{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:clamp(1.2rem,2vh,1.8rem);box-shadow:0 4px 20px #0000000a}.matrix-cell.highlight-corpo{background:#0f172a;color:#fff;border:2px solid var(--accent-gold);box-shadow:0 10px 30px #0f172a26}.horizontal-flow-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(.6rem,1vw,1rem);align-items:stretch}.flow-node-box{background:#1e293bb3;border-top:3px solid var(--accent-cyan);padding:clamp(1rem,1.5vh,1.4rem) clamp(.7rem,1vw,1rem);border-radius:8px;display:flex;flex-direction:column}.stat-monumental-number{font-family:var(--font-display);font-size:clamp(3.8rem,5.5vw,5.8rem);font-weight:800;line-height:1;color:var(--accent-gold)}.stat-monumental-label{font-size:clamp(1rem,1.2vw,1.25rem);color:var(--text-secondary);font-weight:500}.btn-source-tag{display:inline-flex;align-items:center;gap:.3rem;background:#d4af371f;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:.5rem;vertical-align:middle;transition:all .2s ease}.btn-source-tag:hover{background:var(--accent-gold);color:#0f172a}