/* کسبوکار.com — Red / Black / White visual layer
   UI-only override: core PHP, data model and workflows remain untouched. */
:root{
  color-scheme:dark;
  --bg:#080808;
  --bg2:#101010;
  --panel:rgba(18,18,18,.86);
  --panel-solid:#121212;
  --panel2:#191919;
  --text:#ffffff;
  --muted:#b8b8bd;
  --line:rgba(255,255,255,.105);
  --line-strong:rgba(239,45,55,.48);
  --orange:#ef2d37;
  --orange2:#ff8a91;
  --purple:#ef2d37;
  --cyan:#ffffff;
  --green:#ef2d37;
  --danger:#ff4e58;
  --gradient:linear-gradient(135deg,#ff4852 0%,#ef2d37 48%,#b70812 100%);
  --gradient2:linear-gradient(135deg,#ffffff 0%,#ef2d37 68%,#870008 100%);
  --shadow:0 28px 90px rgba(0,0,0,.56);
  --glow:0 0 58px rgba(239,45,55,.22);
  --radius:28px;
  --brand-red:#ef2d37;
  --brand-red-dark:#a40710;
  --brand-black:#080808;
  --brand-white:#fff;
  --brand-soft:#f3f3f4;
}

html[data-theme="light"]{
  color-scheme:light;
  --bg:#ffffff;
  --bg2:#f5f5f5;
  --panel:rgba(255,255,255,.92);
  --panel-solid:#ffffff;
  --panel2:#f0f0f1;
  --text:#101012;
  --muted:#616166;
  --line:rgba(10,10,10,.12);
  --line-strong:rgba(239,45,55,.42);
  --orange:#df202b;
  --orange2:#a80009;
  --purple:#df202b;
  --cyan:#101012;
  --green:#df202b;
  --gradient:linear-gradient(135deg,#ff4f59,#df202b 55%,#9f0008);
  --gradient2:linear-gradient(135deg,#101012,#df202b);
  --shadow:0 24px 70px rgba(0,0,0,.12);
  --glow:0 0 42px rgba(223,32,43,.16);
}

html{background:var(--bg)}
body{
  background:var(--bg)!important;
  color:var(--text)!important;
  font-feature-settings:"ss01","ss02";
  text-rendering:optimizeLegibility;
}
body::before{
  background:
    radial-gradient(circle at 15% 6%,rgba(239,45,55,.17),transparent 27%),
    radial-gradient(circle at 88% 4%,rgba(255,255,255,.045),transparent 20%),
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px)!important;
  background-size:auto,auto,64px 64px,64px 64px!important;
}
html[data-theme="light"] body::before{
  background:
    radial-gradient(circle at 15% 6%,rgba(239,45,55,.12),transparent 26%),
    radial-gradient(circle at 88% 4%,rgba(0,0,0,.035),transparent 20%),
    linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px)!important;
  background-size:auto,auto,64px 64px,64px 64px!important;
}
.site-noise{opacity:.025}
.mouse-aura{
  background:radial-gradient(circle,rgba(239,45,55,.17),rgba(239,45,55,.065) 38%,transparent 70%)!important;
}
.cursor-ring.is-active{background:rgba(239,45,55,.12)!important;border-color:var(--brand-red)!important}

/* Header */
.signal-bar{
  background:#050505!important;
  border-color:rgba(255,255,255,.08)!important;
  color:#c8c8cb!important;
}
.signal-bar a,.signal-bar .live-pulse{color:#fff}
.main-header,
.main-header.scrolled{
  background:rgba(6,6,7,.82)!important;
  border-color:rgba(255,255,255,.085)!important;
  box-shadow:0 10px 45px rgba(0,0,0,.22);
}
html[data-theme="light"] .main-header,
html[data-theme="light"] .main-header.scrolled,
html[data-theme="light"] .signal-bar{
  background:rgba(255,255,255,.94)!important;
  border-color:rgba(0,0,0,.09)!important;
  color:#101012!important;
}
.brand-mark{
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 0 0 1px rgba(239,45,55,.28),0 13px 36px rgba(239,45,55,.18)!important;
  position:relative;
}
.brand-mark::after{
  content:"";
  position:absolute;
  inset:auto 7px 5px;
  height:3px;
  border-radius:99px;
  background:var(--brand-red);
  opacity:.9;
}
.brand-copy strong{letter-spacing:-.45px}
.brand-copy small{color:#a9a9ae!important;letter-spacing:1.9px!important}
.desktop-nav a{color:#b9b9bd!important}
.desktop-nav a:hover,.desktop-nav a.active{color:#fff!important;background:rgba(255,255,255,.065)!important}
.desktop-nav a.active::after{background:var(--brand-red)!important;box-shadow:0 0 16px rgba(239,45,55,.6)}
html[data-theme="light"] .desktop-nav a{color:#4b4b50!important}
html[data-theme="light"] .desktop-nav a:hover,
html[data-theme="light"] .desktop-nav a.active{color:#09090a!important;background:rgba(239,45,55,.065)!important}
.account-chip,.theme-toggle,.menu-toggle,.btn-ghost,.ghost{
  border-color:rgba(255,255,255,.115)!important;
  background:rgba(255,255,255,.045)!important;
}
html[data-theme="light"] :where(.account-chip,.theme-toggle,.menu-toggle,.btn-ghost,.ghost){
  border-color:rgba(0,0,0,.12)!important;
  background:#fff!important;
  color:#111!important;
}
.account-avatar{background:linear-gradient(135deg,rgba(239,45,55,.32),rgba(255,255,255,.08))!important;color:#fff!important}

/* Buttons and links */
.btn{border-radius:14px!important;position:relative;overflow:hidden;isolation:isolate}
.btn::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.18) 48%,transparent 76%);
  transform:translateX(130%);transition:transform .62s cubic-bezier(.2,.7,.2,1);
}
.btn:hover::before{transform:translateX(-130%)}
.btn-primary{
  color:#fff!important;
  background:var(--gradient)!important;
  border-color:transparent!important;
  box-shadow:0 16px 46px rgba(239,45,55,.27)!important;
}
.btn-primary:hover{box-shadow:0 20px 62px rgba(239,45,55,.4)!important}
.text-link{color:var(--text)!important;border-color:rgba(239,45,55,.48)!important}
.text-link:hover{color:var(--brand-red)!important}
.eyebrow,.badge{color:var(--brand-red)!important}
.eyebrow::before,.badge::before{height:2px!important;background:currentColor!important}

/* Hero */
.hero-super{
  position:relative;
  background:
    radial-gradient(circle at 12% 34%,rgba(239,45,55,.22),transparent 31%),
    radial-gradient(circle at 87% 18%,rgba(255,255,255,.055),transparent 23%),
    linear-gradient(145deg,#050505 0%,#0b0b0c 55%,#151011 100%)!important;
  overflow:hidden;
}
.hero-super::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 0 62%,rgba(239,45,55,.045) 62% 63%,transparent 63% 100%);
  background-size:85px 85px;mask-image:linear-gradient(to bottom,#000,transparent 88%);
}
.hero-mesh i{border-color:rgba(239,45,55,.23)!important;background:rgba(239,45,55,.06)!important}
.hero-kicker{
  border:1px solid rgba(239,45,55,.3)!important;
  background:rgba(239,45,55,.085)!important;
  color:#fff!important;
  box-shadow:inset 0 0 30px rgba(239,45,55,.035);
}
.hero-super-copy h1{
  color:#fff!important;
  background:linear-gradient(180deg,#fff 8%,#fff 56%,#ff7c83 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:0 18px 70px rgba(0,0,0,.48);
}
.hero-super-copy>p{color:#c7c7cb!important;max-width:760px}
.hero-proof span{
  border-color:rgba(255,255,255,.11)!important;
  background:rgba(255,255,255,.035)!important;
}
.hero-proof b{color:var(--brand-red)!important}
.hero-command{
  border-color:rgba(255,255,255,.18)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.018))!important;
  box-shadow:0 38px 120px rgba(0,0,0,.58),0 0 0 1px rgba(239,45,55,.08),0 0 80px rgba(239,45,55,.12)!important;
}
.hero-command::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(135deg,rgba(239,45,55,.5),transparent 27%,transparent 72%,rgba(255,255,255,.13));
  padding:1px;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
}
.command-top{background:#0a0a0b!important;border-color:rgba(255,255,255,.08)!important}
.command-top span i:first-child{background:var(--brand-red)!important}
.command-top span i:nth-child(2){background:#fff!important}
.command-top span i:nth-child(3){background:#5e5e63!important}
.command-canvas{background:linear-gradient(165deg,#151516,#09090a)!important}
.command-brand,.command-roadmap>div,.command-stats span{
  background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.09)!important;
}
.command-roadmap .active{background:rgba(239,45,55,.12)!important;border-color:rgba(239,45,55,.38)!important;box-shadow:0 0 28px rgba(239,45,55,.08)}
.command-roadmap .done::before,.command-roadmap .active::before{background:var(--brand-red)!important}
.command-preview{border-color:rgba(255,255,255,.1)!important;background:#fff!important}
.command-preview::after{background:linear-gradient(to top,rgba(0,0,0,.73),transparent 55%)!important}
.command-preview span{color:#fff!important}
.hero-float{background:#fff!important;color:#101012!important;border-color:rgba(239,45,55,.25)!important;box-shadow:0 22px 60px rgba(0,0,0,.36)!important}
.hero-float b{color:var(--brand-red)!important}

html[data-theme="light"] .hero-super{
  background:
    radial-gradient(circle at 12% 34%,rgba(239,45,55,.14),transparent 31%),
    radial-gradient(circle at 87% 18%,rgba(0,0,0,.04),transparent 23%),
    #fff!important;
}
html[data-theme="light"] .hero-super-copy h1{
  background:linear-gradient(180deg,#111 0%,#111 57%,#c20b15 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
}
html[data-theme="light"] .hero-super-copy>p{color:#5f5f64!important}
html[data-theme="light"] .hero-proof span{background:#fff!important;border-color:rgba(0,0,0,.1)!important;color:#171719!important}

/* Stories */
.prime-above-fold>.stories-section{background:#0b0b0c!important;border-block:1px solid rgba(255,255,255,.07)!important}
.story-ring{background:linear-gradient(135deg,#fff,var(--brand-red),#870008)!important;box-shadow:0 13px 34px rgba(239,45,55,.17)!important}
.story-ring>span{background:#0b0b0c!important}
.story-bubble:hover .story-ring{transform:translateY(-5px) rotate(-2deg);box-shadow:0 19px 48px rgba(239,45,55,.27)!important}
.story-frame{background:#09090a!important;border-color:rgba(255,255,255,.13)!important;box-shadow:0 40px 120px rgba(0,0,0,.72)!important}
.story-progress span i{background:#fff!important}
.story-copy span{color:#ff8a91!important}
.story-copy a{background:var(--brand-red)!important;color:#fff!important}
html[data-theme="light"] .prime-above-fold>.stories-section{background:#f7f7f8!important;border-color:rgba(0,0,0,.08)!important}
html[data-theme="light"] .story-ring>span{background:#fff!important}

/* Decision strip */
.decision-shell{
  background:linear-gradient(145deg,rgba(18,18,19,.96),rgba(7,7,8,.97))!important;
  border-color:rgba(239,45,55,.32)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.decision-cards>a{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.085)!important}
.decision-cards>a:hover{background:rgba(239,45,55,.09)!important;border-color:rgba(239,45,55,.38)!important}
.decision-cards>a.featured{background:var(--gradient)!important;color:#fff!important;box-shadow:0 14px 42px rgba(239,45,55,.24)}
.decision-cards .featured small{color:rgba(255,255,255,.76)!important}
html[data-theme="light"] .decision-shell{background:#111!important;color:#fff!important}

/* Marquee */
.signal-marquee{background:var(--brand-red)!important;color:#fff!important;border:none!important;transform:rotate(-.45deg);margin-block:16px}
.marquee-track span{color:#fff!important}
.marquee-track span::after{background:#fff!important;opacity:.78}

/* Generic sections and cards */
.section-head h2{letter-spacing:-1.4px}
.section-head p{color:var(--muted)!important}
.section-index{color:rgba(239,45,55,.72)!important}
:where(.outcome-card,.service-card,.portfolio-v12,.journal-card,.role-card,.knowledge-card,.case-card,.post-card,.prime-post-card,.panel-card,.form-card,.detail-card,.request-card,.value){
  border-color:rgba(255,255,255,.09)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  box-shadow:0 18px 52px rgba(0,0,0,.18);
}
html[data-theme="light"] :where(.outcome-card,.service-card,.portfolio-v12,.journal-card,.role-card,.knowledge-card,.case-card,.post-card,.prime-post-card,.panel-card,.form-card,.detail-card,.request-card,.value){
  border-color:rgba(0,0,0,.09)!important;
  background:#fff!important;
  box-shadow:0 18px 48px rgba(0,0,0,.08)!important;
}
:where(.service-card,.portfolio-v12,.journal-card,.role-card,.outcome-card,.knowledge-card,.case-card,.post-card,.prime-post-card){
  position:relative;overflow:hidden;isolation:isolate;
  transition:transform .38s cubic-bezier(.2,.75,.2,1),border-color .38s,box-shadow .38s;
}
:where(.service-card,.portfolio-v12,.journal-card,.role-card,.outcome-card,.knowledge-card,.case-card,.post-card,.prime-post-card)::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .35s;
  background:radial-gradient(360px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(239,45,55,.16),transparent 60%);
}
:where(.service-card,.portfolio-v12,.journal-card,.role-card,.outcome-card,.knowledge-card,.case-card,.post-card,.prime-post-card):hover{
  transform:translateY(-8px);border-color:rgba(239,45,55,.36)!important;box-shadow:0 30px 80px rgba(0,0,0,.32),0 0 0 1px rgba(239,45,55,.05)!important;
}
:where(.service-card,.portfolio-v12,.journal-card,.role-card,.outcome-card,.knowledge-card,.case-card,.post-card,.prime-post-card):hover::after{opacity:1}
.service-media img,.portfolio-v12>a img,.journal-media img,.knowledge-media img,.case-media img,.post-card>img,.prime-post-media img{
  transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .45s;
}
:where(.service-card,.portfolio-v12,.journal-card,.knowledge-card,.case-card,.post-card,.prime-post-card):hover img{transform:scale(1.055)}
.service-card h3,.portfolio-v12 h3,.journal-card h3{letter-spacing:-.35px}
.service-pricing,.journal-card small,.prime-post-card small,.portfolio-v12 small{color:#ff777f!important}

/* Outcome */
.outcome-card strong{color:var(--brand-red)!important}
.outcome-wide::before{content:"";position:absolute;right:0;top:0;width:5px;height:100%;background:var(--brand-red)}
.outcome-wide img{border:1px solid rgba(255,255,255,.08);border-radius:18px}

/* Prime build */
.prime-build{
  background:linear-gradient(145deg,#141415,#080809)!important;
  border-color:rgba(255,255,255,.095)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.42)!important;
}
.prime-build-nav button{background:rgba(255,255,255,.028)!important;border-color:rgba(255,255,255,.075)!important}
.prime-build-nav button:hover{background:rgba(239,45,55,.065)!important;border-color:rgba(239,45,55,.24)!important}
.prime-build-nav button.active{background:rgba(239,45,55,.12)!important;border-color:rgba(239,45,55,.45)!important;box-shadow:inset 4px 0 0 var(--brand-red)}
.prime-build-nav button i,.prime-panel>span{color:#ff727a!important}
.prime-build-stage{background:radial-gradient(circle at 65% 50%,rgba(239,45,55,.13),transparent 34%),#0d0d0e!important}
.prime-object{filter:drop-shadow(0 30px 50px rgba(239,45,55,.2))}
.prime-object .prime-orb{background:radial-gradient(circle at 32% 28%,#fff,#ff6b73 21%,#ef2d37 48%,#740007 100%)!important;box-shadow:inset -28px -30px 60px rgba(0,0,0,.4),0 0 80px rgba(239,45,55,.28)!important}
.prime-object i{border-color:rgba(255,255,255,.19)!important}
.prime-panel li{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.075)!important}
.prime-panel a{color:#ff737b!important}
html[data-theme="light"] .prime-build{background:#111!important;color:#fff!important}
html[data-theme="light"] .prime-build-stage{background:radial-gradient(circle at 65% 50%,rgba(239,45,55,.16),transparent 34%),#171718!important}
html[data-theme="light"] .prime-build :where(h2,h3,h4,b,strong,p,small,li,span){color:inherit!important}

/* Workflow */
.workflow-shell{background:linear-gradient(145deg,#151516,#09090a)!important;border-color:rgba(255,255,255,.09)!important}
.workflow-steps article{border-color:rgba(255,255,255,.075)!important}
.workflow-steps article>b{color:var(--brand-red)!important}
.workflow-steps article:hover{background:rgba(239,45,55,.055)!important}
.workflow-device{background:#fff!important;color:#101012!important;border-color:rgba(239,45,55,.26)!important;box-shadow:0 30px 90px rgba(0,0,0,.42)!important}
.workflow-device :where(b,span,small){color:inherit!important}
.device-progress i{background:var(--brand-red)!important}
.device-list .active{border-color:rgba(239,45,55,.35)!important;background:rgba(239,45,55,.08)!important}
.device-message i{background:var(--brand-red)!important;color:#fff!important}

/* Portfolio and journal */
.portfolio-v12>a::after,.journal-media::after,.service-media::after,.knowledge-media::after,.case-media::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(145deg,transparent 45%,rgba(239,45,55,.17));opacity:0;transition:opacity .35s;
}
:where(.portfolio-v12,.journal-card,.service-card,.knowledge-card,.case-card):hover :where(a,.journal-media,.service-media,.knowledge-media,.case-media)::after{opacity:1}
.portfolio-v12>a span,.journal-media span,.knowledge-media span,.case-media>span,.prime-post-media span{
  background:#111!important;color:#fff!important;border:1px solid rgba(239,45,55,.35)!important;
}
.role-card.featured{background:linear-gradient(145deg,rgba(239,45,55,.22),rgba(239,45,55,.055))!important;border-color:rgba(239,45,55,.42)!important}
.role-card>a{color:#ff787f!important}

/* Closing CTA */
.closing-card,.footer-cta-card{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 85% 25%,rgba(255,255,255,.11),transparent 22%),
    linear-gradient(125deg,#ef2d37,#b5000a 60%,#650006)!important;
  border-color:rgba(255,255,255,.2)!important;
  box-shadow:0 34px 100px rgba(239,45,55,.25)!important;
}
.closing-card::before,.footer-cta-card::before{
  content:"#";position:absolute;left:4%;top:50%;transform:translateY(-50%) rotate(-8deg);
  font:900 clamp(150px,25vw,360px)/1 Arial;color:rgba(255,255,255,.075);pointer-events:none;
}
.closing-card :where(h2,p,span),.footer-cta-card :where(h2,p,span){color:#fff!important}
.closing-card .btn-primary,.footer-cta-card .btn-primary{background:#fff!important;color:#111!important;box-shadow:none!important}
.closing-card .btn-ghost,.footer-cta-card .btn-ghost{border-color:rgba(255,255,255,.3)!important;color:#fff!important;background:rgba(0,0,0,.12)!important}

/* Footer */
.footer{background:#050505!important;border-top:1px solid rgba(255,255,255,.08)!important}
.footer-orbit{border-color:rgba(239,45,55,.18)!important;background:rgba(239,45,55,.035)!important}
.footer h4{color:#fff!important}
.footer a:hover{color:var(--brand-red)!important}
.footer-status i{background:var(--brand-red)!important;box-shadow:0 0 0 7px rgba(239,45,55,.1)}
.social-row a{border-color:rgba(255,255,255,.1)!important;background:rgba(255,255,255,.035)!important}
html[data-theme="light"] .footer{background:#0a0a0b!important;color:#fff!important}
html[data-theme="light"] .footer :where(h2,h3,h4,p,a,span,small,strong,b){color:inherit!important}

/* Listing and internal pages */
.page-hero,.journal-hero,.service-detail-hero,.case-study-hero,.article-prime-hero{
  background:
    radial-gradient(circle at 10% 15%,rgba(239,45,55,.18),transparent 28%),
    linear-gradient(145deg,#080808,#121213)!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
}
.page-hero h1,.journal-hero h1,.service-detail-hero h1,.case-study-hero h1,.article-prime-hero h1{color:#fff!important}
.page-hero p,.journal-hero p,.service-detail-hero p,.case-study-hero p,.article-prime-hero p{color:#c1c1c5!important}
.portfolio-filters a.active,.pagination a.active,.chapter-nav a.active{background:var(--brand-red)!important;color:#fff!important}
.input,input,select,textarea{
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.045)!important;
}
.input:focus,input:focus,select:focus,textarea:focus{border-color:var(--brand-red)!important;box-shadow:0 0 0 4px rgba(239,45,55,.1)!important}
html[data-theme="light"] :where(.input,input,select,textarea){background:#fff!important;border-color:rgba(0,0,0,.13)!important;color:#111!important}

/* Micro-interactions */
[data-brand-ripple]{position:absolute;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.35);transform:scale(0);animation:brandRipple .62s ease-out forwards}
@keyframes brandRipple{to{transform:scale(5);opacity:0}}
.brand-float-dot{position:fixed;width:7px;height:7px;border-radius:50%;background:var(--brand-red);pointer-events:none;z-index:9998;box-shadow:0 0 18px rgba(239,45,55,.8);opacity:0;transition:opacity .2s}
.brand-float-dot.visible{opacity:1}
.brand-scroll-line{position:fixed;top:0;right:0;height:3px;width:var(--brand-scroll,0%);background:linear-gradient(90deg,#7d0006,#ef2d37,#fff);z-index:10001;box-shadow:0 0 15px rgba(239,45,55,.5);pointer-events:none}

/* Accessibility / motion */
:focus-visible{outline:3px solid rgba(239,45,55,.68)!important;outline-offset:3px}
::selection{background:var(--brand-red);color:#fff}
@media(pointer:coarse){body,button,a{cursor:auto!important}.cursor-dot,.cursor-ring,.brand-float-dot{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

@media(max-width:980px){
  .hero-super::after{opacity:.45}
  .decision-shell{background:#0c0c0d!important}
  .signal-marquee{transform:none;margin-block:0}
}
@media(max-width:640px){
  .hero-super{padding-top:32px!important}
  .hero-super-copy h1{line-height:1.15!important;letter-spacing:-1.25px!important}
  .hero-actions .btn{width:100%}
  .hero-proof{gap:8px}
  .hero-command{border-radius:24px!important}
  .section-head h2{letter-spacing:-.7px}
  :where(.service-card,.portfolio-v12,.journal-card,.role-card,.outcome-card):hover{transform:none}
  .closing-card::before{left:-15%;opacity:.7}
}

/* Secondary UI, panels and CMS — remove remaining blue/green legacy accents */
.quick-dock a,.mobile-bottom-nav,.notification-chip,.pwa-install,.command-trigger{
  border-color:rgba(255,255,255,.11)!important;background:#111!important;color:#fff!important;
}
.quick-dock a:hover,.mobile-bottom-nav a.active,.notification-chip:hover{background:var(--brand-red)!important;color:#fff!important;border-color:var(--brand-red)!important}
.quick-dock a::after{background:#111!important;color:#fff!important;border-color:rgba(239,45,55,.32)!important}
.mobile-bottom-nav .mobile-main-action{background:var(--brand-red)!important;color:#fff!important;box-shadow:0 10px 28px rgba(239,45,55,.32)!important}
.notification-chip b{background:var(--brand-red)!important;color:#fff!important}

.dash-side,.admin-topbar,.admin-login-card,.auth-visual{background:linear-gradient(180deg,#151516,#09090a)!important;color:#fff!important}
.dash-menu a.active,.dash-menu a:hover,.page-select-card.active{background:rgba(239,45,55,.13)!important;border-color:rgba(239,45,55,.38)!important;color:#fff!important}
.success,.seo-score.good{background:rgba(239,45,55,.14)!important;color:#ff7e85!important}
.seo-score.medium{background:rgba(255,255,255,.08)!important;color:#fff!important}
.seo-status-card li::before,.seo-feature-list b{color:var(--brand-red)!important}
.table th{background:#181819!important}.table{background:#111!important}

.live-edit-text{outline-color:rgba(239,45,55,.65)!important}
.live-edit-text:hover,[data-live-edit-image]:hover{outline-color:var(--brand-red)!important}
.live-editor-bar{background:rgba(10,10,11,.96)!important;border-color:rgba(239,45,55,.44)!important;color:#fff!important}
.live-editor-bar small,.live-editor-bar>span{color:#b9b9bd!important}
.live-editor-bar>span[data-state="success"]{color:#ff838a!important}
.live-editor-bar>a{background:var(--brand-red)!important;color:#fff!important}
.live-editor-modal>section{background:#111!important;color:#fff!important;border-color:rgba(239,45,55,.38)!important}
.live-editor-modal>section p{color:#bbb!important}

html[data-theme="light"] body :where(h1,h2,h3,h4,h5,h6,strong,b,label,summary,legend,dt,th,.dash-title,.panel-hero h1,.cms-field-head code){color:#111!important}
html[data-theme="light"] body :where(p,li,dd,td,small,figcaption,.muted,.field-help,.upload-note,.char-count,.admin-lead,.article-prose>section p,.article-section-copy p){color:#626267!important}
html[data-theme="light"] :where(.dash-side,.admin-topbar,.admin-login-card,.auth-visual,.footer,.page-hero,.journal-hero,.service-detail-hero,.case-study-hero,.article-prime-hero,.decision-shell,.prime-build,.prime-build-stage,.workflow-shell){color:#fff!important}
html[data-theme="light"] :where(.dash-side,.admin-topbar,.admin-login-card,.auth-visual,.footer,.page-hero,.journal-hero,.service-detail-hero,.case-study-hero,.article-prime-hero,.decision-shell,.prime-build,.prime-build-stage,.workflow-shell) :where(h1,h2,h3,h4,h5,h6,p,a,span,small,strong,b,label,li){color:inherit!important}
html[data-theme="light"] .mobile-bottom-nav{background:rgba(255,255,255,.96)!important;color:#111!important;border-color:rgba(0,0,0,.1)!important}
html[data-theme="light"] .mobile-bottom-nav a{color:#333!important}
html[data-theme="light"] .mobile-bottom-nav .mobile-main-action{color:#fff!important}
