/* One synchronized accent, shared by HTML, SVG, canvas and interactive states. */
:root{--chromatic-color:#ff941c;--chromatic-rgb:255,148,28}
html[data-chromatic-theme]{--green:var(--chromatic-color)!important;--verde:var(--chromatic-color)!important;--alk-green:var(--chromatic-color)!important}
html[data-chromatic-theme] .alk-header{mix-blend-mode:normal}
html[data-chromatic-theme] .chromatic-material-host{isolation:isolate}
.chromatic-material-layer{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:inherit;pointer-events:none!important;display:block;z-index:0}
html[data-chromatic-theme] .chromatic-material-text{display:inline-block;background:none!important;color:transparent!important;-webkit-text-fill-color:transparent;text-shadow:none!important}
html[data-chromatic-theme] .chromatic-material-surface{background-color:transparent!important;background-image:none!important}
html[data-chromatic-theme] .chromatic-material-label{position:relative;z-index:1;display:inline-flex;align-items:center;gap:inherit;color:#fff!important;-webkit-text-fill-color:#fff!important;mix-blend-mode:difference;text-shadow:none!important}
html[data-chromatic-theme] .chromatic-logo-mark{fill:var(--chromatic-color)!important}
html[data-chromatic-theme] .chromatic-logo-dot{fill:var(--chromatic-color)!important}
html[data-chromatic-theme].chromatic-pointer-active #projBadge .ring text{fill:var(--chromatic-color)!important}
html[data-chromatic-theme] :is(.progress-w .p,.page-dots .pd,.alk-hnav a,.cauta-buton,.intra){transition-property:transform,opacity!important}
html[data-chromatic-theme] .scena .intra{border-color:var(--chromatic-color)}
html[data-chromatic-theme] .scena .intra:is(:hover,:focus-visible){color:var(--chromatic-color);background:rgba(var(--chromatic-rgb),.08)}
html[data-chromatic-theme] .hero .headline:has(.chromatic-material-text){mix-blend-mode:normal}

/* Preserve native absolute positioning of sliding tab indicators. */
html[data-chromatic-theme] .chromatic-positioned{position:relative}
html[data-chromatic-theme] .sw{isolation:isolate}
html[data-chromatic-theme] .sw button[aria-selected=true]{color:#fff;mix-blend-mode:difference}
html[data-chromatic-theme] .sw button:not([aria-selected=true]){color:rgba(255,255,255,.8)}

/* Small footer marquee uses the shared material, not its former white/blue swirl. */
html[data-chromatic-theme] .alk-marquee-sm-w{mix-blend-mode:normal}
html[data-chromatic-theme] .alk-m-item-sm{background:none!important;animation:none!important;color:var(--chromatic-color)!important;will-change:auto}

/* Concept card UI shares the theme; its brand artwork keeps its original colors. */
html[data-chromatic-theme] .cnc-card[style*="#3dff6e"]{--ac:var(--chromatic-color)!important;border-color:rgba(var(--chromatic-rgb),.25);transition-property:transform,opacity}
html[data-chromatic-theme] .cnc-card[style*="#3dff6e"]:hover{border-color:var(--chromatic-color)}

/* The founder and brand-audit panels share the same synchronized outline. */
html[data-chromatic-theme] :is(.founder-inner,.offer .audit){border-color:rgba(var(--chromatic-rgb),.45)!important}
html[data-chromatic-theme] :is(.founder-inner,.offer .audit):hover{border-color:var(--chromatic-color)!important}

/* A quiet material behind service copy; all native card layout and links stay intact. */
html[data-chromatic-theme] .sec-ro .cardb.chromatic-material-ambient{background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),#090b0e!important}
html[data-chromatic-theme] .cardb.chromatic-material-ambient>.chromatic-material-layer{z-index:-1;opacity:0;transition:opacity .35s ease}
html[data-chromatic-theme] .holder.act .cardb.chromatic-material-ambient>.chromatic-material-layer{opacity:1}
@media(max-width:900px){html[data-chromatic-theme] .cardb.chromatic-material-ambient>.chromatic-material-layer{opacity:1}}

/* Neutral, higher-contrast labels on the luminous material; no complementary blend colors. */
html[data-chromatic-theme] .chromatic-material-label{color:#080b09!important;-webkit-text-fill-color:#080b09!important;mix-blend-mode:normal;font-weight:600;text-shadow:0 1px 1px rgba(255,255,255,.4)!important}
html[data-chromatic-theme] .sw button[aria-selected=true]{color:#080b09;mix-blend-mode:normal;font-weight:600;text-shadow:0 1px 1px rgba(255,255,255,.4)}

/* A material layer follows the native selected state; inactive tabs never stay illuminated. */
html[data-chromatic-theme] :is(#dots .dot:not([aria-current]),.taburi button[aria-selected=false])>.chromatic-material-layer{display:none!important}
html[data-chromatic-theme] :is(#dots .dot:not([aria-current]),.taburi button[aria-selected=false])>.chromatic-material-label{color:var(--muted,rgba(255,255,255,.62))!important;-webkit-text-fill-color:currentColor!important;font-weight:400;text-shadow:none!important}
html[data-chromatic-theme] :is(#dots .dot[aria-current],.taburi button[aria-selected=true]){border-color:var(--chromatic-color)}
html[data-chromatic-theme] :is(.ctr>button,.fan-arrow,.ig-lb-nav){color:#080b09;border-color:rgba(var(--chromatic-rgb),.6)}
html[data-chromatic-theme] :is(.ctr>button,.fan-arrow,.ig-lb-nav)>.chromatic-material-label{gap:0}

/* Keep circular service arrows measurable while fonts and tabs settle. */
html[data-chromatic-theme] .ctr>button{width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px}

/* The intro action uses the same surface and readable label as the main CTA. */
html[data-chromatic-theme] .scena .intra>.chromatic-material-layer{z-index:0}
html[data-chromatic-theme] .scena .intra{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
html[data-chromatic-theme] .scena .intra>.chromatic-material-label{gap:.7rem}

/* Subscription links reveal the shared button material on pointer or keyboard interaction. */
html[data-chromatic-theme] .cardb .go-sub>.chromatic-material-layer{opacity:0}
html[data-chromatic-theme] .cardb .go-sub>.chromatic-material-label{color:var(--chromatic-color)!important;-webkit-text-fill-color:currentColor!important;font-weight:400;text-shadow:none!important}
html[data-chromatic-theme] .cardb .go-sub:is(:hover,:focus-visible,:active)>.chromatic-material-layer{opacity:1}
html[data-chromatic-theme] .cardb .go-sub:is(:hover,:focus-visible,:active)>.chromatic-material-label{color:#080b09!important;font-weight:600;text-shadow:0 1px 1px rgba(255,255,255,.4)!important}
/* Side-card contours use the same clock and retain their perspective geometry. */
html[data-chromatic-theme] .sec-ro .holder:not(.act) .cardb{border-color:rgba(var(--chromatic-rgb),.8)!important;box-shadow:inset 0 0 12px rgba(var(--chromatic-rgb),.12),0 0 8px rgba(var(--chromatic-rgb),.1)}