/* Exact palette aligned to the approved NaraOps logo/banner */
:root{--nara-navy:#152b46;--nara-navy-2:#203a58;--nara-blue:#4a6988;--nara-blue-soft:#edf3f8;--nara-green:#7eb28a;--nara-green-deep:#679f75;--nara-ink:#101e2e;--nara-muted:#667789;--nara-line:#d7e1e9;--nara-bg:#f6f9fb}
.horizontal-hero{background:radial-gradient(circle at 78% 4%,rgba(74,105,136,.24),transparent 31%),linear-gradient(135deg,#101e2e 0%,#152b46 58%,#203a58 100%)}
.horizontal-hero::after{border-color:rgba(126,178,138,.17);box-shadow:0 0 0 80px rgba(74,105,136,.05),0 0 0 160px rgba(126,178,138,.025)}
.horizontal-hero .eyebrow,.horizontal-preview .preview-bar span,.demo-workspace-head .eyebrow{color:#a8cfb1}
.horizontal-preview .preview-bar{background:#152b46}
.demo-workspace-head{background:linear-gradient(135deg,#152b46,#203a58)}