/* SKAI-ERP prototype V1: Stitch-inspired teal/amber identity over existing WebGL experience. */
:root { --cyan:#007f77; --cyan-bright:#34d6c0; --amber:#f4aa17; --paper:#f8f7fd; --paper-2:#ebedf9; }
.site-header{background:rgba(248,247,253,.96);color:#111827;border-bottom:1px solid #e3e5ef}
.wordmark span{color:#00766d}.primary-nav{color:#374151}.primary-nav>a:not(.nav-cta):hover{color:#00695f}
.nav-cta{background:#f4aa17;color:#18222a;border-radius:6px}
.hero{background:radial-gradient(ellipse at 80% 20%,#edf3fa,transparent 50%),#f8f7fd;color:#0f1828}
.hero h1{font-size:clamp(2.9rem,5.2vw,5rem)}.hero h1 em{color:#006a64}
.hero-lede{color:#526171}.hero-note{color:#657585}
.hero .eyebrow{color:#006c65}.hero .eyebrow-dot{background:#f4aa17}
.hero-bottom{color:#536879}.hero-bottom span{border-top:1px solid #dfe4ea;padding-top:12px}
.hero .text-link{color:#006e68}
.hero-visual{box-shadow:0 22px 70px rgba(35,66,90,.15);border-radius:20px}
.preview-ribbon{padding:9px 18px;text-align:center;background:#e9eefc;color:#34465a;font-size:.73rem;letter-spacing:.02em}
.scene-controller{position:relative;z-index:5;padding:18px 18px 12px;border:1px solid rgba(94,234,212,.35);background:#112331;border-radius:12px;margin-bottom:24px}
.scene-controller>span{font-size:.7rem;letter-spacing:.1em;color:#83e3d6;font-weight:700}
.scene-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
.scene-buttons button{cursor:pointer;padding:10px 7px;border:1px solid rgba(190,231,227,.22);border-radius:7px;color:#d5e8e9;background:#1a3440;font-size:.82rem}
.scene-buttons button:hover,.scene-buttons button[aria-pressed="true"]{border-color:#5eead4;background:#0c695f;color:white}
.scene-controller p{font-size:.78rem;color:#a7c4c8;margin:0}
@media(max-width:800px){.site-header{color:#111827}.nav-toggle{color:#111827;border-color:#bdc9d0}.primary-nav{background:#f8f7fd;color:#24313d}.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:320px}}