/* Calm: the last word on the landing's look. Flat surfaces, hairline borders, neutral type and one
   accent, used only where something can be clicked or is happening now. No gradients, glows or
   decorative layers; loaded after every other stylesheet so it wins. */
:root{--k-bg:#0a0b0d;--k-surface:#111317;--k-raise:#16191e;--k-line:#1f232a;--k-line2:#2a2f38;--k-ink:#f2f3f5;--k-mute:#8b909a;--k-accent:#3d6df5;--k-accent-hover:#2f5ee6;--k-accent-ink:#7d9cff}
html[data-theme=light]{--k-bg:#ffffff;--k-surface:#ffffff;--k-raise:#f7f8fa;--k-line:#e6e8ec;--k-line2:#d5d9e0;--k-ink:#0f1115;--k-mute:#5f6673;--k-accent:#1f4fd1;--k-accent-hover:#1a43b3;--k-accent-ink:#1f4fd1}

/* No gradients, glows or text effects anywhere. */
body :is(#k,*),body :is(#k,*)::before,body :is(#k,*)::after{background-image:none!important;text-shadow:none!important;box-shadow:none!important;filter:none!important}
.oa-try-trust :is(#k,li)::before{background:var(--k-raise) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b909a' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/11px no-repeat!important}

/* Decorative layers go. */
:is(#k,html) .team-console::before,:is(#k,html) .team-console::after,:is(#k,html) .team-console .horizon,:is(#k,html) .team-console .director-node::before,:is(#k,html) .team-console .director-node::after,
:is(#k,html) .st-glow,:is(#k,html) .tw-scan,:is(#k,html) .halo,:is(#k,html) .oa-hero-form::before,:is(#k,html) .oa-try-form::before{display:none!important}

/* Headlines: one colour, the second line quieter. */
:is(#k,html) .team-hero h1 em,:is(#k,html) .st-copy h2 em,:is(#k,html) .oa-try h2 em{background:none!important;color:var(--k-mute)!important;-webkit-text-fill-color:currentColor!important;font-style:normal}

/* The one primary action. */
:is(#k,html) .oa-try-go,:is(#k,html) .tw-go{background:var(--k-accent)!important;color:#fff!important;border:0!important;transition:background-color .15s}
:is(#k,html) .oa-try-go:hover,:is(#k,html) .tw-go:hover{background:var(--k-accent-hover)!important;transform:none!important}
:is(#k,html) .oa-hero-form,:is(#k,html) .oa-try-form{background:var(--k-surface)!important;border:1px solid var(--k-line2)!important}
:is(#k,html) .oa-hero-form:focus-within,:is(#k,html) .oa-try-form:focus-within{border-color:var(--k-accent)!important;outline:3px solid color-mix(in srgb,var(--k-accent) 22%,transparent);outline-offset:0}

/* The team chart: a plain panel of cards. */
:is(#k,html) .team-console{background:var(--k-surface)!important;border:1px solid var(--k-line)!important;border-radius:16px!important}
:is(#k,html) .team-console .team-node,:is(#k,html) .team-console .team-owner,:is(#k,html) .team-console .director-node{background:var(--k-raise)!important;border:1px solid var(--k-line)!important;transform:none!important}
:is(#k,html) .team-console .director-node{border-color:var(--k-line2)!important}
:is(#k,html) .team-console .team-node.specialist::before{background:transparent!important}
:is(#k,html) .team-console .team-node.tl-on{border-color:var(--k-accent)!important}
:is(#k,html) .team-console .team-node .glyph,:is(#k,html) .team-console .team-node.specialist svg{color:var(--k-mute)!important}
:is(#k,html) .team-console .team-node.tl-on .glyph,:is(#k,html) .team-console .team-node.tl-on svg{color:var(--k-accent-ink)!important}
:is(#k,html) .team-console .director-symbol{background:var(--k-accent)!important}
:is(#k,html) .tl-wires path{stroke:var(--k-line2)!important;stroke-dasharray:none!important;opacity:1!important}
:is(#k,html) .tl-wires path.on{stroke:var(--k-accent)!important}
:is(#k,html) .tl-bar b{background:var(--k-accent)!important}
:is(#k,html) .tl-orch,:is(#k,html) .tl-ticker .tl-live{color:var(--k-mute)!important}
:is(#k,html) .tl-orch i,:is(#k,html) .tl-ticker .tl-live i,:is(#k,html) .team-console .console-bar i{background:var(--k-accent)!important}
:is(#k,html) .tl-ticker{background:transparent!important;border-color:var(--k-line)!important}

/* Small print is grey, not green. */
:is(#k,html) .oa-hero-free,:is(#k,html) .oa-try-note{color:var(--k-mute)!important}

/* The story's screen and badges: plain cards. */
:is(#k,html) .st-screen{border:1px solid var(--k-line2)!important}
:is(#k,html) .st-float{background:var(--k-surface)!important;border:1px solid var(--k-line)!important;color:var(--k-ink)!important}
:is(#k,html) .st-float i{background:var(--k-accent)!important}
:is(#k,html) .tw-offer,:is(#k,html) .tw-auto{background:#fff!important;border:1px solid #e6e8ec!important}
:is(#k,html) .oa-live,:is(#k,html) .oa-live-week{background:var(--k-surface)!important;border-color:var(--k-line)!important}
:is(#k,html) .journey-scene,:is(#k,html) .activity-ledger{background:var(--k-surface)!important}

/* Labels and descriptions are grey; blue is kept for actions and live status. */
:is(#k,html) .team-console .team-node small,:is(#k,html) .team-console .team-node > span:not(.agent-glyph):not(.tl-status):not(.tl-bar),
:is(#k,html) .hero-kicker,:is(#k,html) .hero-route span,:is(#k,html) .hero-provenance,:is(#k,html) .team-console .console-bar,:is(#k,html) .team-console .director-node small{color:var(--k-mute)!important}
:is(#k,html) .team-console .agent-glyph{background:transparent!important;border:1px solid var(--k-line2)!important;color:var(--k-mute)!important}
:is(#k,html) .team-console .team-node.tl-on .agent-glyph{border-color:var(--k-accent)!important;color:var(--k-accent-ink)!important}
:is(#k,html) .hero-kicker svg,:is(#k,html) .hero-route i{color:var(--k-mute)!important}