/* The original Mythika spectrum: gold is the action, blue is the system, pink is the living signal. */
:root{--pink:#f472d0;--purple:#c026d3;--brand-spectrum:linear-gradient(90deg,#f472d0 0%,#38a8ff 52%,#d8a84b 100%)}
.button,.account-card,.brief-form,.capability-card,.teaser-card,.service-card,.package-card,.demo-browser,.route-module{border-radius:7px}
.button{border-radius:4px;min-height:52px}
.button-outline{border-color:rgba(218,176,88,.5);background:linear-gradient(110deg,rgba(56,168,255,.09),rgba(244,114,208,.045))}
.button-outline:hover{border-color:var(--gold-light);background:linear-gradient(110deg,rgba(56,168,255,.18),rgba(244,114,208,.1))}
.site-header{background:linear-gradient(90deg,rgba(5,17,38,.98),rgba(9,24,50,.94));border-bottom-color:rgba(216,168,75,.28)}
.site-header::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--brand-spectrum);opacity:.38;pointer-events:none}
.primary-nav a,.primary-nav .account-open{position:relative}
.primary-nav a::after,.primary-nav .account-open::after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--brand-spectrum);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.primary-nav a:hover::after,.primary-nav a[aria-current]::after,.primary-nav .account-open:hover::after{transform:scaleX(1)}
.section-head h2,.split-head h2{max-width:900px}
.service-rail a{position:relative}
.service-rail a::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--brand-spectrum);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.service-rail a:hover::after,.service-rail a:focus-visible::after{transform:scaleX(1)}
.service-rail a:hover span{color:var(--pink)}
.home-hero .hero-grid,.page-hero:not(.approved-start-hero)::after{opacity:.7}
.proof-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.85rem;margin-top:1.3rem}
.demo-art .demo-button{display:inline-flex;align-items:center;text-decoration:none;position:relative;z-index:2}
.success-panel .text-link{background:none;border:0;padding:0;white-space:normal;text-align:left;cursor:pointer}
.service-scope{margin:1.2rem 0;border-top:1px solid rgba(216,168,75,.25);padding-top:.8rem}
.service-scope summary{color:var(--gold-light);font-size:.78rem;font-weight:800;cursor:pointer;list-style-position:inside}
.service-scope-grid{display:grid;gap:.9rem;padding:.9rem 0 .2rem}
.service-scope-grid section{padding:.8rem 0;border-top:1px solid rgba(166,197,228,.16)}
.service-scope-grid h4{margin:0 0 .45rem;font-family:var(--body);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--pink)}
.service-scope-grid ul,.service-scope-grid ol{margin:.2rem 0;padding-left:1.25rem;color:#c8d7e8;font-size:.78rem;line-height:1.55}
.service-scope-grid li+li{margin-top:.28rem}
.scroll-progress i{background:var(--brand-spectrum)}
body::before{background:radial-gradient(circle at 8% 72%,rgba(192,38,211,.09),transparent 28%),radial-gradient(circle at 80% 14%,rgba(39,87,147,.16),transparent 33%),linear-gradient(90deg,transparent 95%,rgba(240,207,147,.025) 95%) 0 0/140px 140px}
.home-hero{background:radial-gradient(ellipse at 26% 88%,rgba(192,38,211,.15),transparent 39%),radial-gradient(ellipse at 78% 45%,#1e4779 0,#102b56 31%,#081934 65%,#07142b 100%)}
.hero-halo,.start-halo,.catalogue-stage-glow,.websites-stage-glow{background:radial-gradient(circle,rgba(56,168,255,.36),rgba(244,114,208,.15) 37%,rgba(216,168,75,.045) 52%,transparent 71%)}
.page-hero:not(.catalogue-hero):not(.packages-hero):not(.websites-hero):not(.approved-start-hero){background:radial-gradient(ellipse at 17% 88%,rgba(192,38,211,.15),transparent 40%),radial-gradient(ellipse at 77% 45%,rgba(39,99,161,.39),transparent 43%),#071226}
.page-hero.catalogue-hero,.page-hero.packages-hero,.page-hero.websites-hero,.page-hero.approved-start-hero{background:radial-gradient(ellipse at 22% 86%,rgba(192,38,211,.15),transparent 39%),radial-gradient(ellipse at 78% 45%,rgba(40,105,169,.39),transparent 44%),#071226}
.page-hero.client-hero{background:radial-gradient(ellipse at 16% 89%,rgba(192,38,211,.16),transparent 41%),radial-gradient(circle at 74% 46%,rgba(39,116,184,.3),transparent 43%),linear-gradient(125deg,#071329,#0b2244 70%,#07142b)}
.account-layout{background:radial-gradient(circle at 9% 86%,rgba(192,38,211,.13),transparent 37%),radial-gradient(circle at 23% 47%,#204f81,#0d2445 45%,#07142b 80%)}
.brief-section,.client-workspace{background:radial-gradient(circle at 9% 75%,rgba(192,38,211,.09),transparent 35%),radial-gradient(circle at 84% 8%,rgba(49,116,186,.12),transparent 37%),#091830}
.closing{background:radial-gradient(circle at 19% 82%,rgba(192,38,211,.12),transparent 35%),radial-gradient(circle at 75% 45%,rgba(42,99,162,.62),transparent 38%),#091a37}
.section:not(.closing)::after{background:radial-gradient(circle,rgba(42,119,187,.14),rgba(244,114,208,.07) 37%,transparent 70%)}
.module-bar{background:linear-gradient(100deg,rgba(244,114,208,.075),rgba(56,168,255,.045) 47%,rgba(216,168,75,.035))}
.path-card.is-active{box-shadow:inset 0 3px var(--pink)}
.client-tabs button[aria-selected="true"]{box-shadow:inset 0 3px var(--pink)}
.button-gold:hover,.button-gold:focus-visible{box-shadow:0 16px 35px rgba(216,168,75,.25),0 0 34px rgba(244,114,208,.12)}
.site-footer{border-top:1px solid rgba(244,114,208,.2)}