/* ═══ BIRTH service scenes ═══════════════════════════════════════════════════
   Bespoke product compositions, one per service family, designed for the exact
   card they sit in. Everything readable is real HTML text scaled with container
   query units,so it stays crisp at any resolution and never needs a raster.
   [data-slot] marks a reserved image slot: it is styled to look deliberate
   while empty,and a <picture> can be dropped straight into it later. */

.svc-scene.svc-scene{position:relative;container-type:inline-size;aspect-ratio:16/9;overflow:hidden;
  background:
    radial-gradient(70% 90% at 78% 8%,rgba(72,124,222,.20),transparent 62%),
    radial-gradient(60% 70% at 8% 96%,rgba(30,190,208,.10),transparent 66%),
    linear-gradient(160deg,#0b1420,#070c14 58%,#060a11);
  border-block:1px solid rgba(151,174,206,.13)}/* reserved imagery slot — a designed surface,not an empty box */
.svc-scene.svc-scene .sc-slot{position:relative;overflow:hidden;border-radius:1cqw;
  background:linear-gradient(145deg,#16283c,#0d1a29 55%,#0a1420);
  box-shadow:inset 0 0 0 1px rgba(160,196,240,.10)}.svc-scene.svc-scene .sc-slot::after{content:"";position:absolute;inset:0;
  background:radial-gradient(120% 90% at 22% 8%,rgba(126,178,246,.20),transparent 62%),
             linear-gradient(200deg,transparent 40%,rgba(4,10,18,.55))}.svc-scene.svc-scene .sc-slot>picture,.svc-scene.svc-scene .sc-slot>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}/* window shell shared by every scene */
.svc-scene.svc-scene .sc-win{position:absolute;left:2.6cqw;top:4cqw;width:76cqw;border-radius:1.5cqw;overflow:hidden;
  border:1px solid var(--sc-line);background:var(--sc-panel);
  box-shadow:0 4cqw 7cqw -2cqw rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.03) inset}.svc-scene.svc-scene .sc-bar{display:flex;align-items:center;gap:1.2cqw;padding:1.1cqw 1.6cqw;
  border-bottom:1px solid var(--sc-line);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015))}.svc-scene.svc-scene .sc-dots{display:flex;gap:.7cqw}.svc-scene.svc-scene .sc-dots i{width:1.1cqw;height:1.1cqw;border-radius:50%;background:#2b3646}.svc-scene.svc-scene .sc-url{margin-left:auto;padding:.5cqw 1.4cqw;border-radius:99px;border:1px solid var(--sc-line);
  background:rgba(0,0,0,.4);color:var(--sc-dim);font:600 1.35cqw/1 var(--mono)}/* ── Websites & Digital Products ── */
.svc-scene.svc-scene .sc-web{position:relative}.svc-scene.svc-scene .sc-web-nav{display:flex;align-items:center;gap:2cqw;padding:1.5cqw 2cqw;background:#05090f;
  border-bottom:1px solid rgba(196,218,246,.10)}.svc-scene.svc-scene .sc-web-nav b{font:750 1.9cqw/1 var(--sans);letter-spacing:.28em;color:#eef4fb}.svc-scene.svc-scene .sc-web-nav span{color:#93a7bf;font:500 1.5cqw/1 var(--sans)}.svc-scene.svc-scene .sc-web-nav em{margin-left:auto;padding:.9cqw 1.6cqw;border-radius:.7cqw;background:#f1f5f9;color:#0d1620;
  font:700 1.4cqw/1 var(--sans);font-style:normal}.svc-scene.svc-scene .sc-web-hero{position:relative;height:23cqw}.svc-scene.svc-scene .sc-slot--web{position:absolute;inset:0;border-radius:0}.svc-scene.svc-scene .sc-web-copy{position:absolute;left:2.4cqw;bottom:2.2cqw;z-index:2}.svc-scene.svc-scene .sc-web-copy small{display:block;color:#8fe6ff;font:700 1.15cqw/1 var(--mono);letter-spacing:.18em;text-transform:uppercase}.svc-scene.svc-scene .sc-web-copy strong{display:block;margin:.9cqw 0 1.1cqw;font:800 3.5cqw/1.02 var(--sans);letter-spacing:-.03em;color:#fff;
  text-shadow:0 .3cqw 1.4cqw rgba(0,0,0,.6)}.svc-scene.svc-scene .sc-cta{display:inline-block;padding:.9cqw 1.7cqw;border-radius:.7cqw;background:#f4f7fa;color:#101a24;
  font:700 1.4cqw/1 var(--sans);font-style:normal}.svc-scene.svc-scene .sc-web-search{position:absolute;right:2.2cqw;top:2.2cqw;z-index:2;display:flex;align-items:center;gap:1.1cqw;
  padding:1cqw 1.2cqw;border-radius:.9cqw;border:1px solid rgba(214,232,250,.2);background:rgba(6,12,20,.82)}.svc-scene.svc-scene .sc-web-search span{color:#8296ad;font:600 1.1cqw/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.svc-scene.svc-scene .sc-web-search i{color:#e6eef8;font:600 1.3cqw/1 var(--sans);font-style:normal}.svc-scene.svc-scene .sc-web-search em{padding:.7cqw 1.2cqw;border-radius:.6cqw;background:#3b7bff;color:#fff;font:700 1.2cqw/1 var(--sans);font-style:normal}.svc-scene.svc-scene .sc-web-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3cqw;padding:1.6cqw 2cqw 2cqw;background:#070c13}.svc-scene.svc-scene .sc-web-card{display:flex;flex-direction:column;gap:.7cqw}.svc-scene.svc-scene .sc-slot--thumb{height:7cqw}.svc-scene.svc-scene .sc-web-card b{font:650 1.45cqw/1.15 var(--sans);color:#e9f1fa}.svc-scene.svc-scene .sc-web-card span{color:#8296ad;font:500 1.2cqw/1 var(--sans)}/* mobile companion */
.svc-scene.svc-scene .sc-phone{position:absolute;right:1.6cqw;bottom:2cqw;width:17cqw;padding:1.2cqw 1cqw 1cqw;
  border-radius:2.6cqw;border:1px solid rgba(206,226,248,.32);background:#070d15;
  box-shadow:0 3cqw 6cqw -1cqw rgba(0,0,0,.72)}.svc-scene.svc-scene .sc-phone-top{text-align:center}.svc-scene.svc-scene .sc-phone-top b{font:750 1.25cqw/1 var(--sans);letter-spacing:.22em;color:#e9f1fa}.svc-scene.svc-scene .sc-slot--phone{height:11cqw;margin:1cqw 0 .9cqw}.svc-scene.svc-scene .sc-phone-row{display:flex;justify-content:space-between;align-items:baseline}.svc-scene.svc-scene .sc-phone-row b{font:650 1.2cqw/1 var(--sans);color:#e6eef8}.svc-scene.svc-scene .sc-phone-row span{color:#8fe6ff;font:700 1.15cqw/1 var(--mono)}.svc-scene.svc-scene .sc-phone-tabs{display:flex;justify-content:space-between;margin-top:1cqw;
  border-top:1px solid rgba(196,218,246,.1);padding-top:.9cqw}.svc-scene.svc-scene .sc-phone-tabs em,.svc-scene.svc-scene .sc-phone-tabs span{font:600 1.05cqw/1 var(--sans);font-style:normal;color:#75879e}.svc-scene.svc-scene .sc-phone-tabs em{color:#8fe6ff}

/* small cards: drop the least load-bearing layers rather than shrink everything */
/* Small cards are a different composition, not a shrunk one: fewer layers,
   larger relative type, so everything on screen stays legible. */
@container (max-width: 430px){.svc-scene.svc-scene .sc-win{left:2cqw;top:3cqw;width:80cqw}.svc-scene.svc-scene .sc-web-search{display:none}.svc-scene.svc-scene .sc-web-nav{gap:2.6cqw;padding:2cqw 2.4cqw}.svc-scene.svc-scene .sc-web-nav b{font-size:2.9cqw}.svc-scene.svc-scene .sc-web-nav span:nth-of-type(2),.svc-scene.svc-scene .sc-web-nav span:nth-of-type(3){display:none}.svc-scene.svc-scene .sc-web-nav span{font-size:2.3cqw}.svc-scene.svc-scene .sc-web-nav em{font-size:2.2cqw;padding:1.2cqw 2cqw}.svc-scene.svc-scene .sc-web-hero{height:26cqw}.svc-scene.svc-scene .sc-web-copy small{font-size:1.9cqw}.svc-scene.svc-scene .sc-web-copy strong{font-size:5.4cqw;margin:1.2cqw 0 1.5cqw}.svc-scene.svc-scene .sc-cta{font-size:2.2cqw;padding:1.3cqw 2.4cqw}/* the card row cannot be legible inside a 16/9 card this small - the hero
     carries the message instead */
.svc-scene.svc-scene .sc-web-cards{display:none}.svc-scene.svc-scene .sc-web-hero{height:32cqw}.svc-scene.svc-scene .sc-phone{width:24cqw;bottom:3cqw}.svc-scene.svc-scene .sc-phone-top b{font-size:2cqw}.svc-scene.svc-scene .sc-slot--phone{height:14cqw}.svc-scene.svc-scene .sc-phone-row b{font-size:1.9cqw}.svc-scene.svc-scene .sc-phone-row span{font-size:1.8cqw}.svc-scene.svc-scene .sc-phone-tabs em,.svc-scene.svc-scene .sc-phone-tabs span{font-size:1.7cqw}.svc-scene.svc-scene .sc-url{font-size:2cqw}
}/* ── shared product primitives ─────────────────────────────────────────────
   One vocabulary (rail,table,detail panel,KPI row,chips,buttons) so the
   six scenes share a design standard while each keeps its own structure. */
.svc-scene.svc-scene{--sc-accent:#6696ff;--sc-accent-rgb:102,150,255;--sc-ink:#eef4fb;--sc-dim:#8296ad;--sc-panel:#070d15;--sc-line:rgba(196,218,246,.11)}/* Websites — burnished gold,terracotta,cream on deep charcoal */
.svc-scene.svc-scene--web{--sc-accent:#e8b473;--sc-accent-rgb:232,180,115;--sc-dim:#a2937f;--sc-panel:#120e0a;--sc-line:rgba(240,214,180,.13);
  background:radial-gradient(74% 92% at 76% 6%,rgba(226,163,88,.26),transparent 60%),
             radial-gradient(58% 68% at 6% 96%,rgba(178,92,58,.16),transparent 66%),
             linear-gradient(158deg,#1a130d,#100b07 56%,#0b0806)}/* Software — deep forest green and graphite */
.svc-scene.svc-scene--soft{--sc-accent:#4ad19a;--sc-accent-rgb:74,209,154;--sc-dim:#7f9a8d;--sc-panel:#08120e;--sc-line:rgba(180,232,208,.12);
  background:radial-gradient(72% 90% at 80% 6%,rgba(38,150,110,.26),transparent 60%),
             radial-gradient(56% 66% at 4% 94%,rgba(24,96,78,.18),transparent 66%),
             linear-gradient(158deg,#0a1712,#07110d 56%,#050d0a)}/* Automation — amber,orange and copper on black */
.svc-scene.svc-scene--auto{--sc-accent:#f0972f;--sc-accent-rgb:240,151,47;--sc-dim:#9d8974;--sc-panel:#0f0a06;--sc-line:rgba(246,206,158,.13);
  background:radial-gradient(70% 90% at 78% 8%,rgba(232,140,44,.24),transparent 60%),
             radial-gradient(56% 64% at 6% 94%,rgba(150,72,26,.18),transparent 66%),
             linear-gradient(158deg,#140d07,#0d0805 56%,#080504)}/* Data — mint and seafoam against peach on charcoal */
.svc-scene.svc-scene--data{--sc-accent:#5fe0bb;--sc-accent-rgb:95,224,187;--sc-dim:#8ba39d;--sc-panel:#08120f;--sc-line:rgba(190,236,222,.12);
  background:radial-gradient(70% 88% at 82% 8%,rgba(255,170,132,.20),transparent 58%),
             radial-gradient(60% 70% at 6% 92%,rgba(48,178,150,.18),transparent 66%),
             linear-gradient(158deg,#0c1614,#08100e 56%,#060c0b)}/* AI — violet and plum lifted by warm coral */
.svc-scene.svc-scene--ai{--sc-accent:#b98cff;--sc-accent-rgb:185,140,255;--sc-dim:#9a8fae;--sc-panel:#0c0814;--sc-line:rgba(216,196,255,.13);
  background:radial-gradient(72% 90% at 78% 6%,rgba(150,86,232,.28),transparent 60%),
             radial-gradient(56% 66% at 6% 94%,rgba(226,124,110,.16),transparent 66%),
             linear-gradient(158deg,#140e22,#0d0916 56%,#08060f)}/* Custom technical — acid lime on olive and graphite */
.svc-scene.svc-scene--custom{--sc-accent:#c2e935;--sc-accent-rgb:194,233,53;--sc-dim:#93a07a;--sc-panel:#0b0f07;--sc-line:rgba(216,238,168,.13);
  background:radial-gradient(70% 88% at 80% 8%,rgba(150,190,40,.20),transparent 58%),
             radial-gradient(56% 66% at 6% 94%,rgba(92,110,42,.20),transparent 66%),
             linear-gradient(158deg,#0f1409,#0a0e06 56%,#070a05)}.svc-scene.svc-scene .sc-win--app{left:3cqw;top:5cqw;width:94cqw}.svc-scene.svc-scene .sc-appname{font:750 1.6cqw/1 var(--sans);letter-spacing:.22em;color:var(--sc-ink)}.svc-scene.svc-scene .sc-app{display:grid;grid-template-columns:13cqw minmax(0,1fr) 22cqw;min-height:38cqw}.svc-scene.svc-scene .sc-rail{display:flex;flex-direction:column;gap:1.5cqw;padding:1.8cqw 1.4cqw;border-right:1px solid var(--sc-line);background:color-mix(in srgb,var(--sc-panel) 88%,#000)}.svc-scene.svc-scene .sc-rail em,.svc-scene.svc-scene .sc-rail span{font:600 1.25cqw/1 var(--sans);font-style:normal;color:var(--sc-dim)}.svc-scene.svc-scene .sc-rail em{color:var(--sc-accent)}.svc-scene.svc-scene .sc-app-main{padding:1.6cqw;min-width:0}.svc-scene.svc-scene .sc-app-top{display:flex;align-items:center;gap:1cqw;margin-bottom:1.4cqw}.svc-scene.svc-scene .sc-app-top b{font:700 1.7cqw/1 var(--sans);color:var(--sc-ink)}.svc-scene.svc-scene .sc-chip{padding:.5cqw 1cqw;border-radius:.5cqw;border:1px solid rgba(var(--sc-accent-rgb),.3);
  background:rgba(var(--sc-accent-rgb),.1);color:#cfe0f7;font:600 1.1cqw/1 var(--mono)}.svc-scene.svc-scene .sc-field{margin-left:auto;padding:.6cqw 1.2cqw;border-radius:.5cqw;border:1px solid rgba(196,218,246,.14);
  background:rgba(6,12,20,.7);color:#75879e;font:500 1.15cqw/1 var(--sans);font-style:normal}.svc-scene.svc-scene .sc-table{width:100%;border-collapse:collapse}.svc-scene.svc-scene .sc-table th{padding:0 0 .9cqw;text-align:left;color:var(--sc-dim);font:700 1.05cqw/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.svc-scene.svc-scene .sc-table td{padding:1cqw 0;border-top:1px solid var(--sc-line);color:var(--sc-ink);font:500 1.3cqw/1 var(--sans)}.svc-scene.svc-scene .sc-table tr.is-sel td{background:rgba(var(--sc-accent-rgb),.08);
  box-shadow:inset .3cqw 0 0 var(--sc-accent)}.svc-scene.svc-scene .sc-table tr.is-sel td:first-child{padding-left:.8cqw}.svc-scene.svc-scene .sc-table b{font:650 1.1cqw/1 var(--mono);letter-spacing:.05em;text-transform:uppercase}.svc-scene.svc-scene .st-ok{color:#54ddb7}.svc-scene.svc-scene .st-rev{color:#8fb4ff}.svc-scene.svc-scene .st-wait{color:#8b9bb0}.svc-scene.svc-scene .st-red{color:#ff8f8f}.svc-scene.svc-scene .sc-table--tight td{padding:.7cqw 0}.svc-scene.svc-scene .sc-detail{padding:1.6cqw;border-left:1px solid var(--sc-line);background:color-mix(in srgb,var(--sc-panel) 88%,#000)}.svc-scene.svc-scene .sc-detail small{display:block;color:var(--sc-accent);font:700 1.05cqw/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.svc-scene.svc-scene .sc-detail b{display:block;margin:.9cqw 0 1.2cqw;font:700 1.6cqw/1.15 var(--sans);color:var(--sc-ink)}.svc-scene.svc-scene .sc-detail dl{margin:0 0 1.4cqw}.svc-scene.svc-scene .sc-detail dl>div{display:flex;justify-content:space-between;padding:.6cqw 0;border-top:1px solid rgba(196,218,246,.07)}.svc-scene.svc-scene .sc-detail dt{color:#75879e;font:500 1.15cqw/1 var(--sans)}.svc-scene.svc-scene .sc-detail dd{margin:0;color:#dfe9f5;font:600 1.15cqw/1 var(--sans)}.svc-scene.svc-scene .sc-btn{display:inline-block;margin:0 .6cqw .6cqw 0;padding:.85cqw 1.5cqw;border-radius:.6cqw;
  background:var(--sc-accent);color:#07121d;font:700 1.2cqw/1 var(--sans);font-style:normal}.svc-scene.svc-scene .sc-btn--q{background:transparent;border:1px solid rgba(196,218,246,.22);color:#cbd8e7}.svc-scene.svc-scene .sc-link{display:inline-block;margin-top:auto;color:var(--sc-accent);font:650 1.2cqw/1 var(--sans);font-style:normal}.svc-scene.svc-scene .sc-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2cqw;padding:1.6cqw;border-bottom:1px solid var(--sc-line)}.svc-scene.svc-scene .sc-kpis>div{padding:1.1cqw 1.2cqw;border:1px solid var(--sc-line);border-radius:.8cqw;background:var(--sc-panel)}.svc-scene.svc-scene .sc-kpis small{display:block;color:var(--sc-dim);font:600 1.05cqw/1 var(--mono);letter-spacing:.07em;text-transform:uppercase}.svc-scene.svc-scene .sc-kpis b{display:block;margin-top:.8cqw;font:750 2.4cqw/1 var(--sans);letter-spacing:-.03em;color:var(--sc-ink)}.svc-scene.svc-scene .sc-kpis i{display:block;margin-top:.5cqw;font:650 1.1cqw/1 var(--mono);font-style:normal}.svc-scene.svc-scene .k-green{color:#54ddb7}.svc-scene.svc-scene .k-red{color:#ff8f8f}.svc-scene.svc-scene .k-amber{color:#f0b95e}/* automation + custom: table with a detail drawer */
.svc-scene.svc-scene .sc-auto-body,.svc-scene.svc-scene .sc-sys-body{display:grid;grid-template-columns:minmax(0,1fr) 26cqw}.svc-scene.svc-scene .sc-auto-body>.sc-table,.svc-scene.svc-scene .sc-sys-body>.sc-table{padding:1.6cqw}.svc-scene.svc-scene .sc-fail{margin:0 0 1.2cqw;padding:.9cqw 1.1cqw;border-left:.3cqw solid #ff8f8f;background:rgba(255,143,143,.07);
  color:#e7c9c9;font:500 1.15cqw/1.45 var(--sans)}/* data: chart band */
.svc-scene.svc-scene .sc-chartwrap{position:relative;padding:1.4cqw 1.6cqw}.svc-scene.svc-scene .sc-seg{display:flex;gap:.5cqw;margin-bottom:1cqw}.svc-scene.svc-scene .sc-seg em,.svc-scene.svc-scene .sc-seg span{padding:.5cqw 1cqw;border-radius:.5cqw;border:1px solid rgba(196,218,246,.12);
  font:650 1.1cqw/1 var(--mono);font-style:normal;color:#8296ad}.svc-scene.svc-scene .sc-seg em{border-color:rgba(var(--sc-accent-rgb),.5);background:rgba(var(--sc-accent-rgb),.12);color:#a8f0dc}.svc-scene.svc-scene .sc-chart{display:block;width:100%;height:14cqw}.svc-scene.svc-scene .sc-anom{display:flex;align-items:center;gap:1cqw;margin-top:1cqw}.svc-scene.svc-scene .sc-anom span{color:#f0b95e;font:650 1.15cqw/1 var(--mono)}.svc-scene.svc-scene .sc-anom em{padding:.6cqw 1.2cqw;border-radius:.5cqw;border:1px solid rgba(240,185,94,.4);color:#f0b95e;
  font:650 1.1cqw/1 var(--sans);font-style:normal}.svc-scene.svc-scene .sc-data>.sc-table{padding:0 1.6cqw 1.6cqw}/* ai: three-column evidence to action */
.svc-scene.svc-scene .sc-ai{display:grid;grid-template-columns:repeat(3,1fr);min-height:36cqw}.svc-scene.svc-scene .sc-ai-col{display:flex;flex-direction:column;gap:1cqw;padding:1.6cqw;border-right:1px solid rgba(196,218,246,.09)}.svc-scene.svc-scene .sc-ai-col:last-child{border-right:0}.svc-scene.svc-scene .sc-ai-col>small{color:var(--sc-accent);font:700 1.05cqw/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.svc-scene.svc-scene .sc-doc{display:grid;grid-template-columns:5cqw minmax(0,1fr);grid-template-rows:auto auto;gap:.3cqw 1cqw;align-items:center}.svc-scene.svc-scene .sc-slot--doc{grid-row:span 2;height:6cqw;border-radius:.6cqw}.svc-scene.svc-scene .sc-doc b{align-self:end;font:650 1.25cqw/1.1 var(--sans);color:#e6eef8}.svc-scene.svc-scene .sc-doc span{align-self:start;color:#75879e;font:500 1.05cqw/1 var(--sans)}.svc-scene.svc-scene .sc-find{margin:0;color:#dfe9f5;font:500 1.35cqw/1.5 var(--sans)}.svc-scene.svc-scene .sc-ev,.svc-scene.svc-scene .sc-conf,.svc-scene.svc-scene .sc-gate{display:flex;align-items:center;justify-content:space-between;gap:1cqw;
  padding:.9cqw 1.1cqw;border-radius:.6cqw;border:1px solid rgba(196,218,246,.12);background:#070d15}.svc-scene.svc-scene .sc-ev span,.svc-scene.svc-scene .sc-conf span,.svc-scene.svc-scene .sc-gate span{color:#8296ad;font:600 1.1cqw/1 var(--sans)}.svc-scene.svc-scene .sc-ev b,.svc-scene.svc-scene .sc-gate b{color:var(--sc-accent);font:700 1.1cqw/1 var(--mono);text-transform:uppercase}.svc-scene.svc-scene .sc-conf i{flex:1;height:.7cqw;border-radius:99px;background:#16202e;overflow:hidden}.svc-scene.svc-scene .sc-conf i u{display:block;height:100%;background:var(--sc-accent)}.svc-scene.svc-scene .sc-conf b{color:#e6eef8;font:700 1.15cqw/1 var(--mono)}.svc-scene.svc-scene .sc-gate{border-style:dashed;border-color:rgba(var(--sc-accent-rgb),.45);background:rgba(var(--sc-accent-rgb),.07)}.svc-scene.svc-scene .sc-ai-col--act b{font:700 1.6cqw/1.2 var(--sans);color:#f0f5fb}.svc-scene.svc-scene .sc-note{margin:0;color:#8296ad;font:500 1.15cqw/1.45 var(--sans)}/* custom: environment plate behind the control product */
.svc-scene.svc-scene .sc-slot--env{position:absolute;inset:0;border-radius:0;opacity:.55}.svc-scene.svc-scene--custom .sc-win--app{box-shadow:0 5cqw 9cqw -2cqw rgba(0,0,0,.8)}

/* small cards: fewer columns, larger type */
@container (max-width: 430px){.svc-scene.svc-scene .sc-win--app{left:2cqw;top:3cqw;width:96cqw}.svc-scene.svc-scene .sc-rail,.svc-scene.svc-scene .sc-detail,.svc-scene.svc-scene .sc-app-top .sc-field,.svc-scene.svc-scene .sc-app-top .sc-chip{display:none}.svc-scene.svc-scene .sc-app{grid-template-columns:1fr}.svc-scene.svc-scene .sc-auto-body,.svc-scene.svc-scene .sc-sys-body{grid-template-columns:1fr}.svc-scene.svc-scene .sc-ai{grid-template-columns:1fr}.svc-scene.svc-scene .sc-ai-col:nth-child(n+2){display:none}.svc-scene.svc-scene .sc-kpis{grid-template-columns:repeat(2,1fr)}.svc-scene.svc-scene .sc-kpis small{font-size:1.9cqw}.svc-scene.svc-scene .sc-kpis b{font-size:4cqw}.svc-scene.svc-scene .sc-kpis i{font-size:1.9cqw}.svc-scene.svc-scene .sc-app-top b{font-size:3cqw}.svc-scene.svc-scene .sc-table th{font-size:1.9cqw}.svc-scene.svc-scene .sc-table td{font-size:2.4cqw;padding:1.4cqw 0}.svc-scene.svc-scene .sc-table b{font-size:1.9cqw}.svc-scene.svc-scene .sc-table tr:nth-child(n+4){display:none}.svc-scene.svc-scene .sc-appname{font-size:2.6cqw}.svc-scene.svc-scene .sc-url{font-size:2cqw}.svc-scene.svc-scene .sc-ai-col>small{font-size:1.9cqw}.svc-scene.svc-scene .sc-find{font-size:2.4cqw}.svc-scene.svc-scene .sc-doc b{font-size:2.2cqw}.svc-scene.svc-scene .sc-doc span{font-size:1.8cqw}.svc-scene.svc-scene .sc-seg em,.svc-scene.svc-scene .sc-seg span{font-size:1.9cqw}.svc-scene.svc-scene .sc-chart{height:20cqw}.svc-scene.svc-scene .sc-anom span{font-size:2cqw}.svc-scene.svc-scene .sc-anom em{font-size:1.9cqw}.svc-scene.svc-scene .sc-data>.sc-table{display:none}
}

/* ── corrections ───────────────────────────────────────────────────────────── */
/* image slots pick up the discipline palette instead of a fixed blue */
.svc-scene.svc-scene .sc-slot{
  background:linear-gradient(145deg,color-mix(in srgb,var(--sc-accent) 22%,#0d1118),color-mix(in srgb,var(--sc-accent) 8%,#080b10) 55%,#07090d)}
.svc-scene.svc-scene .sc-slot::after{
  background:radial-gradient(120% 90% at 22% 8%,color-mix(in srgb,var(--sc-accent) 34%,transparent),transparent 62%),
             linear-gradient(200deg,transparent 40%,rgba(4,8,14,.55))}
/* status cells were clipping their last glyph; give the column room and stop
   the selected-row inset from shifting content into the edge */
.svc-scene.svc-scene .sc-table{table-layout:auto}
.svc-scene.svc-scene .sc-table td:last-child,
.svc-scene.svc-scene .sc-table th:last-child{padding-right:1.2cqw;white-space:nowrap;text-align:right}
.svc-scene.svc-scene .sc-table td:first-child{padding-left:1cqw}
.svc-scene.svc-scene .sc-table tr.is-sel td:first-child{padding-left:1cqw}
/* the product fills its frame, as in the reference compositions, instead of
   floating above an empty band */
.svc-scene.svc-scene .sc-win--app{left:3cqw;right:3cqw;top:4.5cqw;bottom:4cqw;width:auto;display:flex;flex-direction:column}
.svc-scene.svc-scene .sc-app,
.svc-scene.svc-scene .sc-auto,
.svc-scene.svc-scene .sc-data,
.svc-scene.svc-scene .sc-ai,
.svc-scene.svc-scene .sc-sys{flex:1;min-height:0}
.svc-scene.svc-scene .sc-auto,
.svc-scene.svc-scene .sc-data,
.svc-scene.svc-scene .sc-sys{display:flex;flex-direction:column}
.svc-scene.svc-scene .sc-auto-body,
.svc-scene.svc-scene .sc-sys-body{flex:1;min-height:0}
.svc-scene.svc-scene .sc-chartwrap{flex:1;display:flex;flex-direction:column}
.svc-scene.svc-scene .sc-chart{flex:1;height:auto;min-height:9cqw}
/* the selection marker belongs on the row's leading edge only; applying the
   inset to every cell drew a bright rule down each column boundary */
.svc-scene.svc-scene .sc-table tr.is-sel td{box-shadow:none}
.svc-scene.svc-scene .sc-table tr.is-sel td:first-child{box-shadow:inset .3cqw 0 0 var(--sc-accent)}

/* ── LUMEN: the sources column carries its own state, not empty space ── */
.svc-scene.svc-scene .sc-count{display:inline-block;margin-left:.6cqw;padding:.2cqw .6cqw;border-radius:.4cqw;
  background:rgba(var(--sc-accent-rgb),.16);color:var(--sc-accent);font:700 1cqw/1.4 var(--mono)}
.svc-scene.svc-scene .sc-doc{grid-template-columns:5cqw minmax(0,1fr) auto;grid-template-rows:auto auto}
.svc-scene.svc-scene .sc-tag{grid-row:span 2;align-self:center;padding:.4cqw .8cqw;border-radius:.4cqw;
  font:700 .95cqw/1 var(--mono);font-style:normal;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.svc-scene.svc-scene .sc-tag--ok{background:rgba(84,221,183,.14);color:#7fe7c6}
.svc-scene.svc-scene .sc-tag--new{background:rgba(var(--sc-accent-rgb),.18);color:var(--sc-accent)}
.svc-scene.svc-scene .sc-prov{margin-top:auto;display:flex;flex-direction:column;gap:.5cqw;
  padding:1cqw 1.1cqw;border-radius:.6cqw;border:1px solid var(--sc-line);background:rgba(0,0,0,.28)}
.svc-scene.svc-scene .sc-prov>div{display:flex;justify-content:space-between;gap:1cqw}
.svc-scene.svc-scene .sc-prov span{color:var(--sc-dim);font:500 1.05cqw/1 var(--sans)}
.svc-scene.svc-scene .sc-prov b{color:var(--sc-ink);font:650 1.05cqw/1 var(--mono)}
.svc-scene.svc-scene .sc-ai-col .sc-link{margin-top:1cqw}

/* ── PRISM: the chart no longer eats the segment table ── */
.svc-scene.svc-scene .sc-chartwrap{flex:0 0 auto}
.svc-scene.svc-scene .sc-chart{flex:0 0 auto;height:13cqw;min-height:0}
.svc-scene.svc-scene--data .sc-data>.sc-table{flex:1;min-height:0}
@container (max-width: 430px){
.svc-scene.svc-scene .sc-chart{height:18cqw}
.svc-scene.svc-scene .sc-prov{display:none}
.svc-scene.svc-scene .sc-doc:nth-of-type(3){display:none}
}
/* tags sit at the end of the source row rather than stretching across it */
.svc-scene.svc-scene .sc-tag{justify-self:end;width:auto}
/* PRISM: trim the chart and KPI band so all three segments stay in frame */
.svc-scene.svc-scene--data .sc-chart{height:11cqw}
.svc-scene.svc-scene--data .sc-kpis{padding:1.2cqw 1.6cqw}
.svc-scene.svc-scene--data .sc-chartwrap{padding:1cqw 1.6cqw .6cqw}

/* ── three further disciplines ─────────────────────────────────────────────── */
/* Research — parchment gold on slate: evidence, not dashboards */
.svc-scene.svc-scene--research{--sc-accent:#e0b356;--sc-accent-rgb:224,179,86;--sc-dim:#9a9280;--sc-panel:#100e0a;--sc-line:rgba(236,220,186,.13);
  background:radial-gradient(72% 90% at 78% 6%,rgba(206,158,70,.22),transparent 60%),
             radial-gradient(56% 66% at 6% 94%,rgba(96,86,60,.20),transparent 66%),
             linear-gradient(158deg,#16120c,#0f0c08 56%,#0a0806)}
/* Simulation — cool indigo and steel: modelled, not measured */
.svc-scene.svc-scene--sim{--sc-accent:#8f9dff;--sc-accent-rgb:143,157,255;--sc-dim:#8b90ad;--sc-panel:#0b0d18;--sc-line:rgba(202,210,255,.13);
  background:radial-gradient(72% 90% at 78% 6%,rgba(96,110,220,.24),transparent 60%),
             radial-gradient(56% 66% at 6% 94%,rgba(58,66,128,.20),transparent 66%),
             linear-gradient(158deg,#101226,#0b0d18 56%,#07080f)}
/* Forecasting — horizon blue over deep teal: history into range */
.svc-scene.svc-scene--fcast{--sc-accent:#7aa8ff;--sc-accent-rgb:122,168,255;--sc-dim:#8496ad;--sc-panel:#080f18;--sc-line:rgba(198,220,255,.13);
  background:radial-gradient(72% 88% at 80% 6%,rgba(70,130,224,.24),transparent 58%),
             radial-gradient(56% 66% at 6% 94%,rgba(30,96,110,.20),transparent 66%),
             linear-gradient(158deg,#0b1521,#080f18 56%,#050a11)}

/* research primitives */
.svc-scene.svc-scene .sc-res{display:flex;flex-direction:column;gap:1.2cqw}
.svc-scene.svc-scene .sc-q{padding:1.1cqw 1.3cqw;border-radius:.7cqw;border:1px solid var(--sc-line);background:rgba(0,0,0,.3)}
.svc-scene.svc-scene .sc-q small{display:block;color:var(--sc-accent);font:700 1.05cqw/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.svc-scene.svc-scene .sc-q b{display:block;margin-top:.7cqw;color:var(--sc-ink);font:650 1.5cqw/1.3 var(--sans)}
.svc-scene.svc-scene .sc-cmp{display:flex;flex-direction:column;gap:.6cqw;margin-bottom:1.2cqw}
.svc-scene.svc-scene .sc-cmp>div{display:flex;justify-content:space-between;padding:.6cqw 0;border-top:1px solid var(--sc-line)}
.svc-scene.svc-scene .sc-cmp span{color:var(--sc-dim);font:500 1.15cqw/1 var(--sans)}
.svc-scene.svc-scene .sc-cmp i{font:650 1.15cqw/1 var(--mono);font-style:normal;color:var(--sc-ink)}

/* simulation primitives */
.svc-scene.svc-scene .sc-seg--pad{padding:1.4cqw 1.6cqw 0}
.svc-scene.svc-scene .sc-sim{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1.4cqw;padding:1.4cqw 1.6cqw 1.6cqw;flex:1;min-height:0}
.svc-scene.svc-scene .sc-sim-inputs,.svc-scene.svc-scene .sc-sim-out{display:flex;flex-direction:column;gap:1cqw;
  padding:1.2cqw;border:1px solid var(--sc-line);border-radius:.8cqw;background:var(--sc-panel)}
.svc-scene.svc-scene .sc-sim-inputs>small,.svc-scene.svc-scene .sc-sim-out>small,.svc-scene.svc-scene .sc-sens>small{
  color:var(--sc-accent);font:700 1.05cqw/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.svc-scene.svc-scene .sc-slider{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.9cqw;align-items:center}
.svc-scene.svc-scene .sc-slider span{color:var(--sc-dim);font:500 1.1cqw/1 var(--sans)}
.svc-scene.svc-scene .sc-slider i,.svc-scene.svc-scene .sc-sens i{display:block;height:.7cqw;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.svc-scene.svc-scene .sc-slider i u,.svc-scene.svc-scene .sc-sens i u{display:block;height:100%;background:var(--sc-accent)}
.svc-scene.svc-scene .sc-slider b{color:var(--sc-ink);font:650 1.1cqw/1 var(--mono)}
.svc-scene.svc-scene .sc-sens{display:flex;flex-direction:column;gap:.7cqw;margin-top:auto}
.svc-scene.svc-scene .sc-sens>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9cqw;align-items:center}
.svc-scene.svc-scene .sc-sens span{color:var(--sc-dim);font:500 1.05cqw/1 var(--sans)}
.svc-scene.svc-scene .sc-kpis--3{grid-template-columns:repeat(3,1fr);padding:0;border-bottom:0}

/* ── hero variant: bigger product, less small print ───────────────────────── */
.svc-scene.svc-scene--hero{aspect-ratio:16/10}
.svc-scene.svc-scene--hero .sc-table td{font-size:1.55cqw;padding:1.2cqw 0}
.svc-scene.svc-scene--hero .sc-table th{font-size:1.2cqw}
.svc-scene.svc-scene--hero .sc-table b{font-size:1.3cqw}
.svc-scene.svc-scene--hero .sc-kpis b{font-size:2.9cqw}
.svc-scene.svc-scene--hero .sc-kpis small{font-size:1.2cqw}
.svc-scene.svc-scene--hero .sc-kpis i{font-size:1.25cqw}
.svc-scene.svc-scene--hero .sc-app-top b{font-size:2cqw}
.svc-scene.svc-scene--hero .sc-detail b{font-size:1.9cqw}
.svc-scene.svc-scene--hero .sc-detail dt,.svc-scene.svc-scene--hero .sc-detail dd{font-size:1.3cqw}
.svc-scene.svc-scene--hero .sc-detail small,.svc-scene.svc-scene--hero .sc-ai-col>small{font-size:1.2cqw}
.svc-scene.svc-scene--hero .sc-btn{font-size:1.35cqw;padding:1cqw 1.7cqw}
.svc-scene.svc-scene--hero .sc-find{font-size:1.55cqw}
.svc-scene.svc-scene--hero .sc-rail em,.svc-scene.svc-scene--hero .sc-rail span{font-size:1.4cqw}
.svc-scene.svc-scene--hero .sc-appname{font-size:1.8cqw}
.svc-scene.svc-scene--hero .sc-url{font-size:1.5cqw}
/* the page already frames the product; the scene must not draw a second frame */
.svcx-product-frame:has(.svc-scene){border:0;background:none;box-shadow:none}
.svcx-product-frame:has(.svc-scene)::after{display:none}
/* research hero: question banner over a source table and comparison panel */
.svc-scene.svc-scene .sc-res-wrap{display:flex;flex-direction:column;gap:1.2cqw;padding:1.4cqw 1.6cqw 1.6cqw;flex:1;min-height:0}
.svc-scene.svc-scene .sc-res-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1.4cqw;flex:1;min-height:0}
.svc-scene.svc-scene .sc-res-body>.sc-table{align-self:start}
.svc-scene.svc-scene .sc-res-body>.sc-detail{border-left:0;border:1px solid var(--sc-line);border-radius:.8cqw}
/* tables sit to the top of their frame rather than stretching their rows */
.svc-scene.svc-scene--hero .sc-app-main .sc-table,
.svc-scene.svc-scene--hero .sc-auto-body>.sc-table,
.svc-scene.svc-scene--hero .sc-sys-body>.sc-table{align-self:start}
/* forecasting hero: the chart was pushing the horizon table out of frame */
.svc-scene.svc-scene--fcast.svc-scene--hero .sc-chart{height:9.5cqw}
.svc-scene.svc-scene--fcast.svc-scene--hero .sc-kpis{padding:1.2cqw 1.6cqw}
.svc-scene.svc-scene--fcast.svc-scene--hero .sc-chartwrap{padding:1cqw 1.6cqw .4cqw}
.svc-scene.svc-scene--fcast .sc-data>.sc-table{align-self:start}
/* Mobile AI: the sources list alone does not carry the discipline's message.
   Show the finding and the action it leads to — evidence into human decision. */
@container (max-width: 430px){
  .svc-scene.svc-scene .sc-ai{grid-template-columns:1fr;grid-auto-rows:min-content}
  .svc-scene.svc-scene .sc-ai-col:nth-child(n+2){display:flex}
  .svc-scene.svc-scene .sc-ai-col:first-child{display:none}
  .svc-scene.svc-scene .sc-ai-col{border-right:0;border-bottom:1px solid var(--sc-line);padding:1.6cqw 2cqw}
  .svc-scene.svc-scene .sc-ai-col:last-child{border-bottom:0}
  .svc-scene.svc-scene .sc-find{font-size:2.6cqw}
  .svc-scene.svc-scene .sc-ai-col--act b{font-size:3cqw}
  .svc-scene.svc-scene .sc-ev span,.svc-scene.svc-scene .sc-conf span,.svc-scene.svc-scene .sc-gate span{font-size:2cqw}
  .svc-scene.svc-scene .sc-ev b,.svc-scene.svc-scene .sc-gate b,.svc-scene.svc-scene .sc-conf b{font-size:2cqw}
  .svc-scene.svc-scene .sc-btn{font-size:2.2cqw;padding:1.3cqw 2.2cqw}
  .svc-scene.svc-scene .sc-note{font-size:2cqw}
  /* simulation stacks rather than squeezing two panels side by side */
  .svc-scene.svc-scene .sc-sim{grid-template-columns:1fr}
  .svc-scene.svc-scene .sc-sim-inputs{display:none}
  .svc-scene.svc-scene .sc-kpis--3 b{font-size:4.4cqw}
  .svc-scene.svc-scene .sc-sens span{font-size:1.9cqw}
}
@container (max-width: 430px){
  /* the stacked AI columns overran the frame; keep the primary action only */
  .svc-scene.svc-scene .sc-ai-col--act .sc-btn--q{display:none}
  .svc-scene.svc-scene .sc-ai-col{gap:.8cqw}
  .svc-scene.svc-scene .sc-ai-col--mid .sc-link{display:none}
}