/* ==========================================================================
   Mantle scene style for the website (Brand v1.2). Loaded after dark-theme.css.
   Part 1 moves the existing site to the v1.2 palette. Part 2 adds the scene
   components used by product, platform, framework and consulting pages.
   ========================================================================== */

/* ---------- 1. Brand v1.2 palette over the existing site ---------- */
:root{
  --mantle-cyan:#00C8E0; --mantle-sky:#00C8E0; --mantle-azure:#0040E0; --mantle-blue:#0040E0;
  --mantle-indigo:#221551; --mantle-violet:#7F26FD; --mantle-purple:#7F26FD;
  --mantle-primary:#7F26FD; --mantle-secondary:#0040E0; --mantle-hover:#6A1FD6; --mantle-focus:rgba(127,38,253,.5);
  --mantle-gradient-horizontal:linear-gradient(90deg,#00C8E0 0%,#7F26FD 100%);
  --mantle-gradient-vertical:linear-gradient(180deg,#00C8E0 0%,#7F26FD 100%);
  --mantle-gradient-diagonal:linear-gradient(135deg,#00C8E0 0%,#7F26FD 100%);
  --dark-surface-0:#0E0E14; --dark-surface-1:#15151E; --dark-surface-2:#1C1C28; --dark-surface-3:#24242F;
  --dark-text-primary:#FFFFFF; --dark-text-secondary:#A8B0C0; --dark-text-tertiary:#8A93A6;
  --sc-soft:#C5B4E3; --sc-glass:rgba(21,21,30,.78); --sc-line:rgba(197,180,227,.24);
}
body{background:#0E0E14}
/* Signal Violet is for buttons only; solid, white text (5.84:1) */
.btn.btn-primary{background:#7F26FD!important;color:#fff!important;border:0!important;box-shadow:none!important;animation:none!important}
.btn.btn-primary:hover{background:#6A1FD6!important;transform:translateY(-1px)!important}
.btn.btn-secondary{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important}
.btn.btn-secondary:hover{border-color:#fff!important}
/* No gradient-filled text: the old gradient-text becomes solid cyan */
.gradient-text,.mui-text-gradient{background:none!important;-webkit-text-fill-color:#00C8E0!important;color:#00C8E0!important;animation:none!important}
.footer-motto-text{background:linear-gradient(90deg,#00C8E0 0%,#A877FF 50%,#00C8E0 100%)!important;background-size:200% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;font-style:normal;animation:gradient-flow 8s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.footer-motto-text{animation:none}}
/* Violet as text on the dark pages: #7F26FD is only 3.1:1 on #0E0E14, so links and active tabs use #A877FF (6.18:1). Buttons and fills keep #7F26FD */
a{color:#A877FF}
a:not([class]):hover{color:#C5B4E3}
.apply-tabs .apply-tab.active{color:#A877FF}
.sc-commit{display:flex;flex-direction:column;gap:14px;padding:22px 24px;border-radius:14px;border:1px solid var(--sc-line,#2A2A36);background:rgba(34,21,81,.45)}
.sc-commit .row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:baseline;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.sc-commit .row:last-of-type{border-bottom:0;padding-bottom:0}
.sc-commit .row b{font-size:1.9rem;line-height:1;letter-spacing:-.02em;background:linear-gradient(90deg,#00C8E0,#A877FF);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.sc-commit .row span{color:#E6E8EE;font-weight:600;font-size:.98rem}
.sc-commit .row span small{display:block;font-weight:400;color:#A8B0C0;font-size:.84rem;margin-top:2px}
@media (max-width:760px){.sc-commit .row{grid-template-columns:minmax(0,1fr);gap:4px}}
.divider-gradient{background:linear-gradient(90deg,#00C8E0,#7F26FD)!important;opacity:.6}
a:focus-visible,.btn:focus-visible{outline:2px solid #A877FF!important;outline-offset:3px}

.mega-panel{background:#0E0E14!important;border-color:rgba(197,180,227,.18)!important;box-shadow:0 24px 60px rgba(0,0,0,.7)!important;color:#fff;z-index:60!important}
/* Mega menu: offering icon before each name */
.mega-item{display:grid!important;grid-template-columns:28px minmax(0,1fr);column-gap:10px;align-items:start}
.mega-item .mega-icon{grid-row:1/3;width:28px;height:28px;object-fit:contain;margin-top:2px}
.mega-item .mega-item-name,.mega-item .mega-item-tag{grid-column:2}

/* ---------- 2. Scene components ---------- */
.sc-hero{position:relative;overflow:hidden;min-height:680px;display:flex;align-items:center;background:#0E0E14;isolation:isolate}
.sc-hero__scene{position:absolute;inset:0;z-index:-2}
.sc-hero__scene img{width:100%;height:100%;object-fit:cover;object-position:right center;display:block}
.sc-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,14,20,.96) 0%,rgba(14,14,20,.82) 34%,rgba(14,14,20,.25) 62%,rgba(14,14,20,0) 80%),linear-gradient(0deg,rgba(14,14,20,.9) 0%,rgba(14,14,20,0) 22%)}
.sc-hero .container{position:relative;width:100%;padding-block:72px 88px}
.sc-hero__copy{max-width:580px;display:flex;flex-direction:column;gap:20px}
.sc-lockup{height:44px;width:auto;display:block;align-self:flex-start}
.sc-kicker{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#00C8E0;margin:0}
.sc-h1{font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.04;letter-spacing:-.025em;font-weight:700;color:#fff;margin:0;text-wrap:balance}
.sc-h1 span{display:block;color:#00C8E0}
.sc-sub{font-size:1.15rem;line-height:1.55;color:#C8CCD6;margin:0}
.sc-ctas{display:flex;flex-wrap:wrap;gap:12px}
.sc-endorse{display:flex;align-items:center;gap:8px;font-size:.88rem;color:#A8B0C0;margin:0}
.sc-endorse img{height:22px;width:auto}
/* glass callouts with cyan leader lines, placed on the scene */
.sc-callouts{position:absolute;inset:0;pointer-events:none}
.sc-call{position:absolute;max-width:248px;background:var(--sc-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--sc-line);border-radius:14px;padding:12px 14px;color:#fff;font-size:.88rem;line-height:1.4;box-shadow:0 14px 40px rgba(0,0,0,.45)}
.sc-call small{display:block;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#00C8E0;margin-bottom:4px}
.sc-call .big{font-size:1.9rem;font-weight:700;color:#00C8E0;line-height:1;margin-right:8px}
.sc-call .src{display:block;font-family:var(--font-mono);font-size:.68rem;color:#A8B0C0;margin-top:6px}
.sc-call::after{content:"";position:absolute;top:50%;height:1px;width:var(--lead,64px);background:linear-gradient(90deg,rgba(0,200,224,.9),rgba(0,200,224,0))}
.sc-call.to-right::after{left:100%}
.sc-call.to-left::after{right:100%;transform:scaleX(-1)}
.sc-illus{position:absolute;right:24px;bottom:16px;font-family:var(--font-mono);font-size:.66rem;color:#8A93A6;letter-spacing:.06em}
/* phone: scene on top, copy below, callouts become chips */
.sc-chips{display:none}
@media (max-width:900px){
  .sc-hero{flex-direction:column;align-items:stretch;min-height:0}
  .sc-hero__scene{position:relative;inset:auto;height:46vw;max-height:360px}
  .sc-hero__scene img{object-position:center 30%}
  .sc-hero::before{background:linear-gradient(0deg,#0E0E14 0%,rgba(14,14,20,.0) 30%);height:46vw;max-height:360px;bottom:auto}
  .sc-hero__copy{gap:14px}
  .sc-lockup{height:34px}
  .sc-sub{font-size:1rem}
  .sc-hero .container{padding-block:8px 40px}
  .sc-callouts{display:none}
  .sc-chips{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
  .sc-chips .sc-call{position:relative;flex:0 0 78%;max-width:none}
  .sc-chips .sc-call::after{display:none}
}

/* WITH panel */
.sc-with-wrap{position:relative;margin-top:-56px;z-index:2}
.sc-with{position:relative;border-radius:20px;padding:30px 32px;background:rgba(21,21,30,.92);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:center}
.sc-with::before{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,#00C8E0,#7F26FD);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.sc-with .tag{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.16em;color:#00C8E0}
.sc-with h2{font-size:1.7rem;line-height:1.2;margin:8px 0 22px;color:#fff}
.sc-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;position:relative}
.sc-steps::before{content:"";position:absolute;top:15px;left:16px;right:16px;height:2px;background:linear-gradient(90deg,#00C8E0,#7F26FD)}
.sc-steps li{position:relative;display:flex;flex-direction:column;gap:4px;color:#fff;font-weight:600;font-size:.98rem}
.sc-steps li span{font-weight:400;color:#A8B0C0;font-size:.88rem}
.sc-steps li i{font-style:normal;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#7F26FD;color:#fff;font-size:.85rem;margin-bottom:8px;box-shadow:0 0 0 5px rgba(21,21,30,.92)}
.sc-with__aside{border-radius:14px;overflow:hidden;border:1px solid var(--sc-line)}
.sc-with__aside img{display:block;width:100%;height:auto}
.sc-live{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:14px;border:1px solid var(--sc-line);background:rgba(34,21,81,.45)}
.sc-live b{color:#fff;font-size:1.1rem}
.sc-live p{margin:0;color:#C8CCD6}
.sc-live .num{font-family:var(--font-mono);font-size:1.4rem;color:#00C8E0}
@media (max-width:900px){
  .sc-with-wrap{margin-top:0}
  .sc-with{grid-template-columns:minmax(0,1fr);padding:24px 20px}
  .sc-steps{grid-template-columns:minmax(0,1fr);gap:16px}
  .sc-steps::before{left:15px;right:auto;top:16px;bottom:16px;width:2px;height:auto;background:linear-gradient(180deg,#00C8E0,#7F26FD)}
  .sc-steps li{padding-left:48px;min-height:32px}
  .sc-steps li i{position:absolute;left:0;top:-2px;margin:0}
}

/* capability sections: glass visuals, two-tone H2 */
.sc-h2 .alt{color:#00C8E0}
.pd-feature-visual{border-radius:20px!important;border:1px solid var(--sc-line)!important;background:#15151E!important}
.pd-feature-tag{color:#00C8E0!important;font-family:var(--font-mono);letter-spacing:.12em}
.pd-stack-tile{background:rgba(21,21,30,.8)!important;border:1px solid var(--sc-line)!important;border-radius:14px!important}
.pd-stack-tile strong{color:#fff}
.section-dark,.section-alt{background:#0E0E14!important}
.sc-band{background:radial-gradient(50% 80% at 85% 20%,rgba(127,38,253,.18),transparent 70%),#0E0E14}

/* sources */
.sc-sources{font-family:var(--font-mono);font-size:.75rem;color:#8A93A6;margin-top:18px;line-height:1.6}

/* CTA strip (posts' CTA row) */
.sc-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 32px;align-items:center;padding:32px;border-radius:20px;background:radial-gradient(70% 120% at 100% 0%,rgba(127,38,253,.35),transparent 70%),#15151E;border:1px solid var(--sc-line)}
.sc-cta h2{margin:0 0 6px;color:#fff;font-size:clamp(1.6rem,3vw,2.2rem)}
.sc-cta .url{font-family:var(--font-mono);color:#00C8E0;font-size:.95rem}
.sc-cta .motto{font-style:italic;color:#C5B4E3;font-size:.9rem}
@media (max-width:700px){.sc-cta{grid-template-columns:minmax(0,1fr);padding:24px 20px}}

/* portfolio row in the footer */

@media (prefers-reduced-motion:reduce){.btn.btn-primary:hover{transform:none!important}}

/* ---------- 3. Overview pages and home: portfolio cards ---------- */
.sc-group{margin-top:48px}
.sc-group__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:18px}
.sc-group__head h3{margin:0;color:#fff;font-size:1.35rem}
.sc-group__head p{margin:0;color:#A8B0C0;max-width:60ch}
.sc-group__head a{font-family:var(--font-mono);font-size:.85rem;color:#00C8E0;text-decoration:none}
.sc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.sc-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:16px;background:var(--sc-glass);border:1px solid var(--sc-line);text-decoration:none;color:#fff;transition:border-color .2s,transform .2s}
.sc-card:hover{border-color:#00C8E0;transform:translateY(-2px)}
.sc-card:focus-visible{outline:2px solid #A877FF;outline-offset:3px}
.sc-card__lockup{height:30px;width:auto;align-self:flex-start}
.sc-card p{margin:0;color:#C8CCD6;font-size:.95rem;line-height:1.45;flex:1}
.sc-card .see{font-family:var(--font-mono);font-size:.82rem;color:#00C8E0}
@media (prefers-reduced-motion:reduce){.sc-card,.sc-card:hover{transition:none;transform:none}}

/* Offerings without logo artwork (Trajectory, North Star, Snap Decision): Plex text lockup */

/* "WITH" + Mantle wordmark (the word Mantle never renders in caps) */
.sc-with .tag{display:inline-flex;align-items:center;gap:10px}
.sc-with .tag img{height:22px;width:auto;margin:0}

/* ---------- 4. Capability cards, banner, voice chip ---------- */
.sc-caps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:20px}
.sc-cap{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:18px;background:rgba(21,21,30,.8);border:1px solid var(--sc-line)}
.sc-cap h3{margin:0;font-size:1.45rem;line-height:1.2;color:#fff}
.sc-cap .pd-feature-list{margin:0}
.sc-cap__cta{font-family:var(--font-mono);font-size:.85rem;color:#00C8E0;text-decoration:none;margin-top:auto}
.sc-card__endorse{font-size:.8rem;color:#8A93A6}
.sc-with__scene{max-height:300px}
.sc-with__scene img{width:100%;height:100%;max-height:300px;object-fit:cover;object-position:center 30%;opacity:.85}
.sc-banner{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:1px solid rgba(0,200,224,.35);background:rgba(0,200,224,.06);color:#00C8E0;font-size:.85rem;text-decoration:none}
.sc-banner:hover{border-color:#00C8E0}
.sc-voice-chip{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 14px 6px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);font-size:.95rem;color:#fff}
.sc-voice-chip i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#7F26FD}
.sc-hero .logo-section,.logo-section{background:#0E0E14}

/* ---------- 5. Sourced stats band (sits under the WITH panel) ---------- */
.sc-stats-band{padding-block:56px 8px}
.sc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.sc-stat{padding:22px;border-radius:16px;background:rgba(21,21,30,.8);border:1px solid var(--sc-line);display:flex;flex-direction:column;gap:6px}
.sc-stat .big{font-size:2.2rem;font-weight:700;line-height:1;color:#00C8E0}
.sc-stat p{margin:0;color:#fff;font-size:.98rem;line-height:1.4}
.sc-stat .src{font-family:var(--font-mono);font-size:.72rem;color:#8A93A6}

/* ---------- 6. Home: live video hero kept; overview pages: portfolio mosaic hero ---------- */
.hero.hero-compact .gradient-text{-webkit-text-fill-color:#00C8E0!important}
.sc-with-wrap--flat{margin-top:56px}
.sc-ohero{position:relative;overflow:hidden;background:radial-gradient(55% 70% at 85% 25%,rgba(127,38,253,.22),transparent 70%),radial-gradient(40% 50% at 5% 90%,rgba(0,200,224,.08),transparent 70%),#0E0E14}
.sc-ohero__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;padding-block:64px 72px}
@media (max-width:980px){.sc-ohero__grid{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:36px 48px}}
.sc-mosaic{display:grid;gap:12px}
.sc-mosaic--6{grid-template-columns:repeat(3,minmax(0,1fr))}
.sc-mosaic--3{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.sc-mosaic--3 .sc-tile--big{grid-row:1/3}
.sc-mosaic--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sc-tile{position:relative;display:block;overflow:hidden;border-radius:16px;border:1px solid var(--sc-line);min-height:200px;text-decoration:none;color:#fff;isolation:isolate;transition:border-color .2s,transform .2s}
.sc-mosaic--2 .sc-tile{min-height:420px}
.sc-mosaic--3 .sc-tile{min-height:200px}
.sc-tile__scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;z-index:-2;transition:transform .5s}
.sc-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(14,14,20,.05) 20%,rgba(14,14,20,.92) 78%)}
.sc-tile__body{position:absolute;left:0;right:0;bottom:0;padding:14px;display:flex;flex-direction:column;gap:6px}
.sc-tile__lockup{height:22px;width:auto;align-self:flex-start}
.sc-tile__one{font-size:.85rem;line-height:1.35;color:#C8CCD6}
.sc-tile .see{font-family:var(--font-mono);font-size:.74rem;color:#00C8E0}
.sc-tile--big .sc-tile__lockup,.sc-mosaic--2 .sc-tile__lockup{height:22px}
.sc-tile--big .sc-tile__one,.sc-mosaic--2 .sc-tile__one{font-size:.98rem}
.sc-tile:hover{border-color:#00C8E0;transform:translateY(-2px)}
.sc-tile:hover .sc-tile__scene{transform:scale(1.04)}
.sc-tile:focus-visible{outline:2px solid #A877FF;outline-offset:3px}
@media (max-width:600px){.sc-mosaic--6,.sc-mosaic--3,.sc-mosaic--2{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-mosaic--3 .sc-tile--big{grid-row:auto;grid-column:1/3}.sc-tile,.sc-mosaic--2 .sc-tile{min-height:170px}.sc-tile__one{display:none}}
@media (prefers-reduced-motion:reduce){.sc-tile,.sc-tile:hover,.sc-tile__scene,.sc-tile:hover .sc-tile__scene{transition:none;transform:none}}
.sc-why{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.sc-why li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;align-items:baseline;padding:16px 18px;border-radius:14px;background:rgba(34,21,81,.4);border:1px solid var(--sc-line)}
.sc-why .big{grid-row:1/3;font-size:2rem;font-weight:700;color:#00C8E0;line-height:1}
.sc-why span{color:#fff;font-size:.95rem}
.sc-why small{font-family:var(--font-mono);font-size:.7rem;color:#8A93A6}

/* Brand v1.2: the old gradient outline button becomes the standard secondary button */
.btn.btn-gradient-outline{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:none!important;animation:none!important}
.btn.btn-gradient-outline:hover{border-color:#fff!important;transform:translateY(-1px)!important}
.btn.btn-gradient-outline::before{display:none!important}
.sc-tile__lockup{height:28px}
.sc-tile--big .sc-tile__lockup,.sc-mosaic--2 .sc-tile__lockup{height:28px}

@media (max-width:600px){.sc-hero .sc-ctas{padding-right:68px}}

/* Phones: CTA buttons stack full width and long labels wrap, so the closing CTA band never widens the page (design QA, 25 Oct) */
@media (max-width:760px){.sc-ctas{flex-direction:column;align-items:stretch}.sc-ctas .btn,.sc-hero .btn{white-space:normal;text-align:center;justify-content:center;max-width:100%}.sc-ctas .btn-large{padding-left:18px;padding-right:18px}}

/* ---------- Inner pages on the scene system (body.sc-inner) ----------
   capabilities, industries, outcomes, case studies, services, careers, about, contact.
   Same parts as before (hero, cards, CTA band), restyled to match the redesigned pages. Copy unchanged. */
body.sc-inner,body.sc-inner main,body.sc-inner .section,body.sc-inner .section-dark{background:#0E0E14!important}
body.sc-inner .section-alt{background:#121219!important}
body.sc-inner .breadcrumbs{background:#0E0E14;border:0;padding-block:14px 0;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;color:#8A93A6}
body.sc-inner .breadcrumbs a{color:#8A93A6}
body.sc-inner .breadcrumbs a:hover{color:#fff}
body.sc-inner .breadcrumb-sep{color:#5A6275;opacity:1}
body.sc-inner .breadcrumb-current{color:#C8CCD6}
/* hero: the overview pages' violet glow (no sphere: Mo rejected it for the main pages, 25 Oct) */
body.sc-inner .hero{position:relative;overflow:hidden;isolation:isolate;min-height:440px;display:flex;align-items:center;padding:64px 0 72px;
  background:radial-gradient(55% 70% at 85% 25%,rgba(127,38,253,.22),transparent 70%),radial-gradient(40% 50% at 5% 90%,rgba(0,200,224,.08),transparent 70%),#0E0E14!important}
body.sc-inner .hero-mesh,body.sc-inner .hero-orbit{display:none!important}
body.sc-inner .hero-inner{position:relative;z-index:1;width:100%;max-width:var(--container-max,1200px);margin:0 auto;padding-inline:24px;text-align:left}
body.sc-inner .hero-inner>*{max-width:620px;margin-left:0;margin-right:0}
body.sc-inner .hero-eyebrow{display:block;background:none!important;border:0!important;padding:0;border-radius:0;box-shadow:none;font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#00C8E0!important;margin-bottom:20px}
body.sc-inner .hero-eyebrow::before{display:none}
body.sc-inner .hero .h1{color:#fff;font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.04;letter-spacing:-.025em;text-wrap:balance}
body.sc-inner .hero .lead{color:#C8CCD6!important;font-size:1.15rem;line-height:1.55}
/* no gradient text fills: the second tone is solid Orbit Cyan, as on the redesigned pages */
body.sc-inner .gradient-text,body.sc-inner .stat-value,body.sc-inner .cs-result-num,body.sc-inner .cs-headline-kpi-value{background:none!important;-webkit-text-fill-color:#00C8E0!important;color:#00C8E0!important;animation:none!important}
body.sc-inner .divider-gradient{height:1px;background:linear-gradient(90deg,#00C8E0,#7F26FD);animation:none;opacity:.7}
/* eyebrows: mono cyan, like .sc-kicker */
body.sc-inner .eyebrow,body.sc-inner .card-eyebrow,body.sc-inner .cs-panel-eyebrow{font-family:var(--font-mono);font-weight:500;letter-spacing:.14em;color:#00C8E0!important}
/* cards and stats: glass */
body.sc-inner .card,body.sc-inner .stat,body.sc-inner .stat-card{background:rgba(21,21,30,.78)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px}
body.sc-inner .card:hover{border-color:rgba(0,200,224,.35)!important;box-shadow:none}
body.sc-inner .card-gradient-top::before{height:2px;background:linear-gradient(90deg,#00C8E0,#7F26FD)}
body.sc-inner .card-icon{background:rgba(127,38,253,.16);border:1px solid rgba(127,38,253,.4);color:#00C8E0}
/* closing CTA band: the .sc-cta strip instead of the cyan-to-violet slab */
body.sc-inner .cta-band{background:radial-gradient(70% 120% at 100% 0%,rgba(127,38,253,.35),transparent 70%),#15151E!important;border:1px solid var(--sc-line,#2A2A36);border-radius:20px;color:#fff}
body.sc-inner .cta-band::after{display:none}
body.sc-inner .cta-band .gradient-text{-webkit-text-fill-color:#00C8E0!important;color:#00C8E0!important}
body.sc-inner .cta-band p{color:#C8CCD6!important}
body.sc-inner .cta-band .btn-primary{background:#7F26FD;color:#fff}
body.sc-inner .cta-band .btn-primary:hover{background:#6A1FD6;color:#fff}
/* case studies: the product browser uses the full content width (was a 720 px column) */
body.sc-inner .container-md:has(.cs-list){max-width:1120px}
body.sc-inner .container-md:has(.cs-list)>.lead{max-width:640px}
@media (max-width:760px){
  body.sc-inner .hero{min-height:0;padding:36px 0 44px}
    body.sc-inner .hero-inner{padding-inline:24px}
  body.sc-inner .hero .lead{font-size:1rem}
}

/* Nav: 8 links + CTA need ~1270 px; below that use the menu button (design QA, 28 Oct) */
@media (max-width:1279px){.nav-links,.nav-cta .btn{display:none}.nav-toggle{display:inline-flex}.nav-mobile{display:block}}