:root{--bg-space: #0b0f17;--bg-surface: #121824;--bg-card: #182030;--bg-card-hover: #1f2a3e;--bg-parchment: #1c1813;--border-subtle: #2b3548;--border-brass: #8c7042;--border-gold: #c5a059;--text-main: #e2e8f0;--text-muted: #94a3b8;--text-dim: #64748b;--text-gold: #f3cf7a;--text-accent: #fbbf24;--accent-gold: #d4af37;--accent-amber: #f59e0b;--accent-sun: #fbbf24;--accent-teal: #2dd4bf;--accent-blue: #38bdf8;--wood-teak: #5c3a21;--brass-sheen: #e6ca65;--font-serif: "Cinzel", Georgia, serif;--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--bg-space);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;width:100%;overflow-x:hidden;position:relative}h1,h2,h3,h4,.font-serif{font-family:var(--font-serif);letter-spacing:.04em;color:#fff}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-space)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-brass)}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden;position:relative}.main-content{flex:1 0 auto;width:100%;display:flex;flex-direction:column;padding-bottom:2.5rem}.page-container,.max-w-7xl,.max-w-6xl,.max-w-5xl,.max-w-4xl{width:100%;max-width:1520px;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}@media (max-width: 768px){.page-container,.max-w-7xl,.max-w-6xl,.max-w-5xl,.max-w-4xl{padding-left:1.25rem;padding-right:1.25rem}}.navbar{position:sticky;top:0;z-index:100;width:100%;background-color:#0c101af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);box-shadow:0 4px 20px #0006}.navbar-container{max-width:1520px;margin:0 auto;padding:0 2rem;height:4.5rem;display:flex;justify-content:space-between;align-items:center}.navbar-brand{display:flex;align-items:center;gap:.85rem;background:none;border:none;color:inherit;cursor:pointer;text-align:left}.navbar-nav-desktop{display:flex;align-items:center;gap:.5rem}.navbar-nav-item{display:flex;align-items:center;gap:.45rem;padding:.5rem .9rem;border-radius:6px;font-size:.85rem;font-weight:500;letter-spacing:.03em;background:transparent;color:var(--text-muted);border:1px solid transparent;cursor:pointer;transition:all .15s ease}.navbar-nav-item:hover{color:#fff;background:#ffffff0f}.navbar-nav-item.active{background:#d4af3726;color:var(--text-gold);border-color:#d4af3766;font-weight:600}.navbar-mobile-toggle{display:none;background:none;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-muted);padding:.5rem;cursor:pointer}.navbar-mobile-toggle:hover{color:#fff;border-color:var(--border-brass)}.navbar-mobile-menu{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem;background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}@media (max-width: 868px){.navbar-nav-desktop{display:none}.navbar-mobile-toggle{display:flex}}.footer{width:100%;background-color:#070a10;border-top:1px solid var(--border-subtle);padding:2.25rem 2rem;margin-top:auto;position:relative;z-index:10}.footer-container{max-width:1520px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-brand{display:flex;flex-direction:column;gap:.35rem}.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem}.footer-links button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.85rem;transition:color .15s ease}.footer-links button:hover{color:var(--text-gold)}.footer-notice{font-size:.8rem;color:var(--text-dim);display:flex;align-items:center;gap:.5rem}@media (max-width: 868px){.footer-container{flex-direction:column;text-align:center;gap:1.5rem}.footer-links{justify-content:center}}.home-layout{max-width:1520px;margin:0 auto;padding:2.5rem 2rem;display:flex;flex-direction:column;gap:3.5rem;width:100%}.hero-section{display:grid;grid-template-columns:minmax(500px,1.2fr) minmax(380px,.8fr);gap:3.5rem;align-items:center;width:100%}.hero-content{display:flex;flex-direction:column;gap:1.5rem;min-width:320px}.hero-title{font-family:var(--font-serif);font-size:clamp(2.4rem,4vw,3.8rem);font-weight:800;line-height:1.15;color:#fff;letter-spacing:.03em}.hero-subtitle{font-family:var(--font-serif);font-size:1.2rem;color:var(--text-gold);font-weight:500;font-style:italic;line-height:1.4}.hero-description{font-size:1rem;color:var(--text-main);line-height:1.7;max-width:780px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem;padding-top:.5rem}.hero-widget-container{width:100%;max-width:520px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:1.5rem;width:100%}@media (max-width: 1080px){.hero-section{grid-template-columns:1fr;gap:2.5rem}.features-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}}@media (max-width: 640px){.features-grid{grid-template-columns:1fr}}.simulation-layout{max-width:1520px;margin:0 auto;padding:1.5rem 2rem 3rem;display:flex;flex-direction:column;gap:1.75rem;width:100%}.simulation-grid{display:grid;grid-template-columns:minmax(640px,1.35fr) minmax(380px,.85fr);gap:1.75rem;align-items:start;width:100%}.simulation-canvas-col{display:flex;flex-direction:column;gap:1rem;min-width:0;width:100%}.phalaka-canvas{position:relative;width:100%;height:clamp(520px,62vh,680px);min-height:520px;max-height:680px;border-radius:.5rem;overflow:hidden;border:1px solid rgba(51,65,85,.6);background:#090d16;box-shadow:0 25px 50px -12px #00000073}@media (max-width: 1100px){.phalaka-canvas{height:560px;max-height:none}}@media (max-width: 640px){.phalaka-canvas{height:460px;min-height:460px}}.simulation-sidebar-col{display:flex;flex-direction:column;gap:1.25rem;min-width:0;width:100%}@media (max-width: 1100px){.simulation-grid{grid-template-columns:1fr}}.museum-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:1.35rem;box-shadow:0 4px 20px #0006;transition:border-color .2s ease,box-shadow .2s ease}.museum-card:hover{border-color:#c5a05966}.museum-card-gold{background:linear-gradient(145deg,#182030,#141b29);border:1px solid var(--border-brass);border-radius:8px;padding:1.35rem;box-shadow:0 4px 25px #00000080}.btn-gold{background:linear-gradient(135deg,#d4af37,#aa820a);color:#0b0f17;font-family:var(--font-serif);font-weight:700;padding:.75rem 1.6rem;border-radius:6px;border:1px solid #f3cf7a;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-size:.95rem;letter-spacing:.05em;transition:all .2s ease;box-shadow:0 2px 10px #d4af3740}.btn-gold:hover{background:linear-gradient(135deg,#f3cf7a,#c5a059);box-shadow:0 4px 15px #d4af3766;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text-gold);border:1px solid var(--border-brass);font-family:var(--font-serif);font-weight:600;padding:.75rem 1.6rem;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-size:.95rem;letter-spacing:.05em;transition:all .2s ease}.btn-outline:hover{background:#d4af371f;border-color:var(--border-gold);color:#fff}.btn-subtle{background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border-subtle);padding:.45rem .85rem;border-radius:5px;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;transition:all .15s ease}.btn-subtle:hover{background:var(--bg-card-hover);color:var(--text-main);border-color:var(--border-brass)}.btn-subtle.active{background:#d4af3726;border-color:var(--accent-gold);color:var(--text-gold)}.input-field{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:5px;color:var(--text-main);padding:.5rem .75rem;font-family:var(--font-sans);font-size:.9rem;width:100%;transition:border-color .2s ease}.input-field:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 2px #d4af3733}input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:var(--border-subtle);border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-gold);border:2px solid #0b0f17;cursor:pointer;box-shadow:0 0 8px #d4af3799;transition:transform .1s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.toggle-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.88rem;color:var(--text-muted);-webkit-user-select:none;user-select:none}.toggle-checkbox input[type=checkbox]{accent-color:var(--accent-gold);width:16px;height:16px;cursor:pointer}.toggle-checkbox:hover{color:var(--text-main)}.badge-gold{background:#d4af371f;color:var(--text-gold);border:1px solid rgba(212,175,55,.35);font-size:.75rem;padding:.25rem .65rem;border-radius:4px;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;display:inline-flex;align-items:center;width:fit-content}.badge-info{background:#38bdf81f;color:var(--accent-blue);border:1px solid rgba(56,189,248,.3);font-size:.75rem;padding:.25rem .65rem;border-radius:4px;font-family:var(--font-mono);display:inline-flex;align-items:center;width:fit-content}.historical-callout{background:#8c70421a;border-left:3px solid var(--accent-gold);padding:1rem 1.25rem;border-radius:0 6px 6px 0;margin:1rem 0;font-size:.92rem;line-height:1.65;width:100%}.modern-callout{background:#38bdf814;border-left:3px solid var(--accent-blue);padding:1rem 1.25rem;border-radius:0 6px 6px 0;margin:1rem 0;font-size:.92rem;line-height:1.65;width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column!important}.flex-row{flex-direction:row!important}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1 0%;min-width:0}.flex-auto{flex:1 1 auto;min-width:0}.flex-none{flex:none}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row!important}}@media (min-width: 768px){.md\:flex{display:flex!important}.md\:hidden{display:none!important}.md\:block{display:block!important}.md\:flex-row{flex-direction:row!important}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:text-left{text-align:left}.md\:text-right{text-align:right}.md\:justify-start{justify-content:flex-start}}@media (min-width: 1024px){.lg\:flex{display:flex!important}.lg\:hidden{display:none!important}.lg\:flex-row{flex-direction:row!important}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:col-span-8{grid-column:span 8 / span 8}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-7{grid-column:span 7 / span 7}.lg\:col-span-5{grid-column:span 5 / span 5}}.hidden{display:none!important}.block{display:block!important}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.w-fit{width:fit-content}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-relaxed{line-height:1.625}.leading-loose{line-height:2}.text-white{color:#fff}.text-slate-100{color:#f1f5f9}.text-slate-200{color:#e2e8f0}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-amber-100{color:#fef3c7}.text-amber-200{color:#fde68a}.text-amber-300{color:#fcd34d}.text-amber-400{color:#fbbf24}.text-amber-500{color:#f59e0b}.text-yellow-200{color:#fef08a}.text-yellow-300{color:#fde047}.text-sky-300{color:#7dd3fc}.text-sky-400{color:#38bdf8}.text-teal-300{color:#5eead4}.text-teal-400{color:#2dd4bf}.text-rose-300{color:#fda4af}.text-rose-400{color:#fb7185}.text-purple-200{color:#e9d5ff}.text-purple-300{color:#d8b4fe}.text-purple-400{color:#c084fc}.text-emerald-400{color:#34d399}.bg-slate-950{background-color:#020617}.bg-slate-900{background-color:#0f172a}.bg-slate-800{background-color:#1e293b}.bg-amber-950{background-color:#451a03}.border-slate-800{border-color:#1e293b}.border-slate-700{border-color:#334155}.border-amber-900{border-color:#78350f}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.shadow{box-shadow:0 1px 3px #0000004d}.shadow-md{box-shadow:0 4px 6px -1px #0000004d}.shadow-lg{box-shadow:0 10px 15px -3px #0006}.shadow-2xl{box-shadow:0 25px 50px -12px #0009}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.select-none{-webkit-user-select:none;user-select:none}