/* ============================================================
   TOKENS — brand/tokens.css (Cobalt v1) verbatim, plus the light-surface
   derivations the kit does not carry yet. No hex below this block.
   ============================================================ */
:root{
  --tl-black:#000000;--tl-focus:#020203;--tl-panel:#0B0C10;--tl-panel-2:#111217;--tl-raise:#1A1D26;
  --tl-text:#F2F0F7;--tl-text-2:#D9DCE3;--tl-text-3:#B4BAC6;--tl-text-4:#8E96A5;--tl-text-5:#5C6470;
  --tl-accent:#2F6BFF;--tl-accent-hi:#6E97FF;--tl-accent-lo:#1F4FD6;--tl-accent-glow:rgba(47,107,255,.45);--tl-accent-ring:rgba(47,107,255,.25);--tl-on-accent:#FFFFFF;
  --tl-slate:#F8FAFC;--tl-navy:#0A2540;--tl-slate-text-2:#64748B;
  --tl-accent-on-light:#1F4FD6;--tl-accent-ink:#1F4FD6;   /* accent as a graphic on light · accent as text on light (≥4.5:1) */
  --tl-line-1:rgba(255,255,255,.06);--tl-line-2:rgba(255,255,255,.10);--tl-line-3:rgba(255,255,255,.16);--tl-line-sel:rgba(255,255,255,.60);
  --tl-glass:rgba(17,18,23,.45);--tl-glass-blur:blur(18px) saturate(135%);--tl-glass-edge:inset 0 1px 0 rgba(255,255,255,.08);
  --tl-shadow:0 24px 60px rgba(0,0,0,.5);
  --tl-font-display:'Space Grotesk',sans-serif;--tl-font-body:'Instrument Sans',sans-serif;--tl-font-mono:'DM Mono',monospace;
  --tl-track-display:-.035em;--tl-track-word:-.045em;--tl-track-mono:.12em;
  --tl-ease:cubic-bezier(.16,1,.3,1);--tl-ease-morph:cubic-bezier(.3,.9,.25,1);--tl-dur:.6s;--tl-dur-fast:.18s;
  /* derived for the light half of the page (proposed additions to tokens.css) */
  --tl-white:#FFFFFF;--tl-slate-2:#EEF1F5;--tl-navy-muted:#475569;
  --tl-line-light:#E2E8F0;--tl-line-light-soft:#EDF1F5;
  --dot-idle:#BBBBBB;--dot-hover:#D6D6D6;--dot-active:#717171;
  /* width system, from the reference landing */
  --wide:2160px;--gutter:clamp(1.5rem,3.6vw,4.5rem);
  --hdr-strip:76px;--hdr-bar:60px;--hdr-inset:32px;
  --z-content:1;--z-overlay:65;--z-nav:70;--z-modal:100;   /* 65 was in use as calc(--z-nav - 5); named so the scale is declared, not derived */
  --section:clamp(4rem,8vw,8rem);--section-sm:clamp(3rem,6vw,6rem);
  --hit:44px;--r:2px;
  --fs-xs:11px;--fs-sm:13px;--fs-md:15px;--fs-base:17px;--fs-lg:20px;
}
/* ============================================================ base */
*{box-sizing:border-box}
/* The chrome we did not draw still ships with the page. Left alone, a black
   hero renders a bright system scrollbar down its right edge, the caret in the
   closing form is a UA default, and any native control picks the light palette.
   color-scheme is the switch that fixes most of it in one declaration; the rest
   is themed off the same tokens as everything else. */
:root{color-scheme:dark;accent-color:var(--tl-accent);scrollbar-color:var(--tl-line-3) transparent;scrollbar-width:thin}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--tl-line-3);border-radius:var(--r);border:3px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:var(--tl-line-sel);background-clip:content-box}
/* the two white surfaces that can scroll take the light thumb instead — a
   16%-white thumb on a white panel is invisible */
.fly,#drawer{color-scheme:light;scrollbar-color:var(--tl-line-light) transparent}
.fly::-webkit-scrollbar-thumb,#drawer::-webkit-scrollbar-thumb{background:var(--tl-line-light);background-clip:content-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--tl-black);color:var(--tl-text);font-family:var(--tl-font-body);font-size:var(--fs-base);line-height:1.6;-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
h1,h2,h3{margin:0;font-family:var(--tl-font-display);text-wrap:balance}
p{margin:0;text-wrap:pretty}
ul,ol{margin:0;padding:0;list-style:none}
::selection{background:var(--tl-accent);color:var(--tl-on-accent)}
:focus-visible{outline:2px solid var(--tl-accent-ink);outline-offset:2px}
.on-dark :focus-visible,.on-dark:focus-visible{outline-color:var(--tl-white)}
/* The header is not an .on-dark section, so while its bar is dark over the hero
   its focus ring stayed --tl-accent-ink: 2.93:1 against that bar, under the 3:1
   WCAG 2.2 floor for focus indicators. A keyboard user tabbing the nav at the
   top of the page could not see where they were. White is 15.8:1 there. Once the
   bar turns light on scroll the accent ring is back and clears at 6.67:1. */
#hdr.dark :focus-visible{outline-color:var(--tl-white)}
[id]{scroll-margin-top:5.5rem}
.skip{position:absolute;left:-9999px;top:0;z-index:var(--z-modal);background:var(--tl-white);color:var(--tl-navy);padding:13px 16px;font-weight:600;font-size:var(--fs-md)}
.skip:focus{left:0}
main{position:relative;z-index:var(--z-content)}

/* ============================================================ type + primitives */
.wide{width:100%;max-width:var(--wide);margin-inline:auto;padding-inline:var(--gutter)}
.mono{font-family:var(--tl-font-mono);font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase;font-weight:500}
.num{font-variant-numeric:tabular-nums}
.h-section{font-size:clamp(1.5rem,2.7vw,2.5rem);font-weight:500;line-height:1.06;letter-spacing:-.02em}
.lead{font-size:var(--fs-lg);line-height:1.6;max-width:46ch}
/* buttons — sharp 2px corners, flat, the arrow slide carries the hover */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--hit);border-radius:var(--r);padding:0 24px;font-size:var(--fs-md);font-weight:500;border:1px solid transparent;transition:background-color .2s var(--tl-ease),border-color .2s var(--tl-ease),color .2s var(--tl-ease);touch-action:manipulation}
.btn:active{transform:scale(.99)}
/* the submit button sets .disabled while the form posts; without this it looked
   identical to its resting state and still offered a pointer */
.btn:disabled{opacity:.55;cursor:not-allowed}
.btn:disabled .arr{transform:none}
.btn .arr{display:inline-block;transition:transform .2s var(--tl-ease)}
.btn:hover .arr{transform:translateX(3px)}
.btn-lg{min-height:56px;padding:0 32px;font-size:var(--fs-base)}
.btn-invert-ghost{background:transparent;color:var(--tl-white);border-color:rgba(255,255,255,.45)}
.btn-invert-ghost:hover{border-color:rgba(255,255,255,.8);background:rgba(255,255,255,.10)}
.btn-outline{background:transparent;color:var(--tl-navy);border:2px solid var(--tl-navy)}
.btn-outline:hover{background:var(--tl-slate)}
.btn-accent{background:var(--tl-accent-lo);color:var(--tl-on-accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.btn-accent:hover{background:var(--tl-accent)}
.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--tl-line-light);border-radius:var(--r);font-family:var(--tl-font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--tl-navy-muted);white-space:nowrap}
.live{position:relative;display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--tl-accent);box-shadow:0 0 10px var(--tl-accent-glow)}
.light .live,.light-alt .live{background:var(--tl-accent-on-light);}
/* the ping rides a pseudo-element on transform+opacity so it stays on the compositor;
   animating box-shadow spread repainted the halo every frame, and its keyframes also
   overrode the dot's resting 10px glow, which is why that glow never showed */
.live::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 6px var(--tl-accent-glow);animation:livepulse 2.4s ease-in-out infinite}
@keyframes livepulse{0%,100%{opacity:.85;transform:scale(.2)}50%{opacity:0;transform:scale(1)}}
/* The "Trusted by" placeholder strip and its twelve rules were deleted here on
   2026-09-02 (copy doc v2 §9). Five drawn empty rectangles under the label "no
   client logos yet" are negative proof: the section's only job is to say there
   are clients, and it said the opposite. Its replacement is the founder note
   below — one named person saying something specific. The three raw rgba()
   values that lived in these rules went with them, so the hex-outside-tokens
   grep is cleaner than it was. Restore from checkpoint/pre-copy-v2 if needed. */

/* ============================================================ cost of the problem (§2)
   The page's only external evidence — everything else here is a product spec or
   labelled sample data. Three numerals at the largest non-hero size on the page:
   the mid-page beat the body was missing, each on a hairline that rhymes with
   the hero's horizon. Sourcing stays visible; an uncited 21× reads as marketing,
   and the citation is what invites the reader to check instead of discount. */
.stats{display:grid;gap:40px}
/* Three columns used to start at 720, which put these paragraphs in 211px
   columns at a 768 tablet — 27 characters a line, four to five lines each. Two
   columns from 720 and three only from 1024 gives ~44ch at tablet. Three items
   in two columns leaves the third alone on its row, so it spans both. */
@media (min-width:720px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,4vw,64px)}.stats>li:last-child{grid-column:1/-1}}
@media (min-width:1024px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stats>li:last-child{grid-column:auto}}
.stat{display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:1px solid var(--tl-line-light)}
.stat b{font-family:var(--tl-font-mono);font-weight:500;font-size:clamp(2.25rem,4.4vw,3.5rem);line-height:1;letter-spacing:-.03em;color:var(--tl-navy);font-variant-numeric:tabular-nums}
.stat p{font-size:var(--fs-md);line-height:1.55;max-width:34ch}
.stat cite{font-style:normal;font-family:var(--tl-font-mono);font-size:var(--fs-xs);letter-spacing:.05em;line-height:1.5;color:var(--tl-slate-text-2)}
/* sections get a text link, never a second button — the page has one primary */
.tlink{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;min-height:var(--hit);font-size:var(--fs-md);font-weight:500;color:var(--tl-accent-ink)}
.tlink .arr{transition:transform .2s var(--tl-ease)}
.tlink:hover .arr{transform:translateX(3px)}
.tlink:hover span:first-child{text-decoration:underline;text-underline-offset:4px}

/* ============================================================ who this is not for (§7)
   Two lines on a hairline, no card. One admitted limitation makes every other
   claim on the page more believable, and it disqualifies the wrong lead here
   rather than letting the price do it less kindly. */

/* ============================================================ founder note (§9) */
.founder{display:grid;gap:28px;padding-top:28px;border-top:1px solid var(--tl-line-light)}
.founder blockquote{margin:0;padding-left:clamp(20px,2.4vw,32px);border-left:2px solid var(--tl-accent-on-light);font-family:var(--tl-font-display);font-size:clamp(1.25rem,2.1vw,1.75rem);font-weight:300;line-height:1.35;letter-spacing:-.015em;color:var(--tl-navy);text-wrap:pretty}
/* the byline carries an initials disc — the same disc the thread uses for the
   clinic — until there is a photograph to put in its place */
.founder .who{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:2px;align-items:center}
.founder .who .ava{grid-row:1/span 2;width:44px;height:44px;border-radius:50%;background:var(--tl-navy);color:var(--tl-white);display:grid;place-items:center;font-family:var(--tl-font-display);font-size:var(--fs-sm);font-weight:600;letter-spacing:.02em}
.founder .who b{font-size:var(--fs-md);font-weight:600;color:var(--tl-navy)}
.founder .who span{font-family:var(--tl-font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--tl-slate-text-2)}
@media (min-width:1024px){.founder{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:56px}.founder h2{grid-column:1/-1}.founder blockquote{grid-column:1/span 7}.founder .who{grid-column:9/span 4;align-self:end}}

/* section head — hairline across the container, h2 cols 1–6, lead cols 8–12 */
.sh{display:flex;flex-direction:column;gap:20px}
.sh .rule{height:1px;width:100%;background:var(--tl-line-light)}
.on-dark .sh .rule{background:var(--tl-line-3)}
.sh .grid{display:grid;gap:20px}
@media (min-width:1280px){.sh.split .grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:baseline;column-gap:56px}.sh.split h2{grid-column:1/span 6}.sh.split .lead{grid-column:8/span 5}}
section.s{position:relative;padding-block:var(--section)}
section.s-sm{padding-block:var(--section-sm)}
/* light / dark registers */
.light{--tl-slate-text-2:var(--tl-navy-muted);background:var(--tl-slate-2);color:var(--tl-navy)}
.light-alt{background:var(--tl-slate);color:var(--tl-navy)}
.light p,.light-alt p{color:var(--tl-navy-muted)}
.on-dark{background:var(--tl-panel);color:var(--tl-text)}

.on-dark p{color:var(--tl-text-3)}

/* ============================================================ header — liquid glass */
@media(max-width:1023px){:root{--hdr-inset:16px}}
#hdr{position:sticky;top:0;z-index:var(--z-nav);height:var(--hdr-strip);padding:16px var(--hdr-inset) 0;transition:transform .3s var(--tl-ease);will-change:transform}
#hdr.hide{transform:translateY(calc(-1 * var(--hdr-strip)))}
/* nav sits next to the wordmark, not centred: `space-between` was spreading
   brand / nav / right-group across the bar, which put the links in the middle.
   flex-start groups them left and `.hdr-r` claims the remaining space. */
#hdr .bar{position:relative;height:var(--hdr-bar);border-radius:12px;padding:0 24px;display:flex;align-items:center;justify-content:flex-start;gap:16px;color:var(--tl-navy);background:rgba(255,255,255,.70);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);box-shadow:0 4px 10px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.16);transition:background-color .7s var(--tl-ease-morph),color .7s var(--tl-ease-morph)}
#hdr.dark .bar{background:rgba(255,255,255,.10);color:var(--tl-white)}
#hdr.solid .bar{background:var(--tl-slate-2);color:var(--tl-navy)}
.brand{display:inline-flex;align-items:center;gap:10px;min-height:var(--hit);font-family:var(--tl-font-display);font-weight:600;font-size:var(--fs-lg);letter-spacing:var(--tl-track-word)}
.brand svg{display:block;width:24px;height:24px}
#hdr:not(.dark) .brand svg path{stroke:var(--tl-accent-on-light)}
/* 2026-09-03, owner instruction, after the reference header: the hovered or
   open item sits on a tinted block, and the disclosure mark is a solid
   triangle that takes the accent and flips while its panel is open. Items
   carry 12px side padding, so the gap drops to 4px and the margin to 8px to
   keep the ink where it was. */
#nav{display:flex;align-items:center;gap:4px;margin-left:8px}
#nav a{font-family:var(--tl-font-display);font-size:var(--fs-md);font-weight:500;letter-spacing:-.01em;padding:9px 12px;min-height:var(--hit);display:inline-flex;align-items:center;border-radius:4px;opacity:.85;transition:opacity .18s ease,background-color .18s ease}
#nav a:hover{opacity:1;background:var(--tl-slate-2)}
#hdr.dark #nav a:hover{background:var(--tl-line-2)}
.hdr-r{display:flex;align-items:center;gap:12px;margin-left:auto}
.lang{display:inline-flex;align-items:center;gap:6px;min-height:var(--hit);padding:0 6px;border:0;background:none;font-family:var(--tl-font-mono);font-size:var(--fs-sm);letter-spacing:.08em;opacity:1;transition:opacity .18s ease}
.lang:hover{opacity:1}
/* the CTA arrives on scroll. `visibility` has to be in the transition list or it
   snaps to hidden on the way out and cuts the fade; with it, showing is immediate
   and hiding waits out the full duration. The shorthand also has to restate the
   .btn colour transitions it overrides, or this one button's hover snaps. */
.hdr-cta{visibility:hidden;opacity:0;transform:translateY(-5px);transition:opacity .42s var(--tl-ease-morph),transform .42s var(--tl-ease-morph),visibility .42s,background-color .2s var(--tl-ease),border-color .2s var(--tl-ease),color .2s var(--tl-ease);min-height:var(--hit);padding:0 6px;font-size:var(--fs-md);border:0;color:inherit;background:none}
/* No box. A 2px-cornered rectangle inside a 12px-rounded glass bar always reads
   as foreign, because the container sets the corner language locally — and the
   two available fixes both break something: rounding the button adds a third
   radius to a system that has exactly two (2px controls, 12px surfaces), and
   sharpening the bar to match would carry into the drawer and both flyout
   panels. Removing the shape removes the conflict instead of negotiating it,
   and it matches the language toggle now sitting beside it. The arrow and the
   hover underline carry the affordance; the hero and every section below still
   have real buttons, so nothing is lost but a duplicate. */
.hdr-cta .arr{transition:transform .2s var(--tl-ease)}
.hdr-cta:hover{background:none}
.hdr-cta:hover span:first-child{text-decoration:underline;text-underline-offset:5px}
.hdr-cta:hover .arr{transform:translateX(3px)}
#hdr.scrolled .hdr-cta{visibility:visible;opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.hdr-cta{transform:none;transition:opacity .42s linear,visibility .42s}}
.burger{display:none;width:var(--hit);height:var(--hit);border-radius:var(--r);border:1px solid currentColor;background:none;flex-direction:column;gap:5px;align-items:center;justify-content:center}
.burger span{width:16px;height:1.5px;background:currentColor;transition:transform .22s var(--tl-ease)}
#hdr.open .burger span:first-child{transform:translateY(3.25px) rotate(45deg)}
#hdr.open .burger span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
#drawer{display:none;position:absolute;left:var(--hdr-inset);right:var(--hdr-inset);top:calc(var(--hdr-strip) + 8px);border-radius:12px;background:var(--tl-white);color:var(--tl-navy);border:1px solid var(--tl-line-light);box-shadow:0 24px 64px -16px rgba(15,23,42,.2);padding:12px;flex-direction:column;gap:2px;overscroll-behavior:contain}
#hdr.open #drawer{display:flex}
#drawer a{display:flex;align-items:center;min-height:var(--hit);padding:0 12px;border-radius:var(--r);font-size:var(--fs-base);font-weight:500}
/* ============================================================ drawer groups
   Below 1024 both flyouts are display:none and this is the whole navigation.
   It carried six links and none of them reached an industry page, the chat
   page, the people page or the panel — 13 of 17 routes had no entry at all on
   a phone, which is the width most of this audience arrives at. The flyout's
   own destinations now live here as three collapsed groups: same hrefs, no new
   copy. Native <details> with a shared name, so one opens and the others close
   and the panel never grows past the screen.
   The drawer can now be taller than the viewport, so it scrolls. site.js's
   focus trap reads only visible links, so a collapsed group is skipped without
   it needing to know these exist. */
#drawer{max-height:calc(100svh - var(--hdr-strip) - 32px);overflow:auto}
#drawer .dgrp{border-radius:var(--r)}
#drawer .dgrp>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--hit);padding:0 12px;border-radius:var(--r);font-size:var(--fs-base);font-weight:500;cursor:pointer;list-style:none}
#drawer .dgrp>summary::-webkit-details-marker{display:none}
#drawer .dgrp>summary::after{content:"+";font-family:var(--tl-font-mono);font-size:var(--fs-lg);color:var(--tl-navy-muted);transition:transform .22s var(--tl-ease)}
#drawer .dgrp[open]>summary::after{transform:rotate(45deg)}
#drawer .dgrp>a{padding-left:24px;font-size:var(--fs-md);font-weight:400;color:var(--tl-navy-muted)}
#drawer .dgrp>a:hover{color:var(--tl-navy)}
#drawer .dgrp[open]{background:var(--tl-slate);padding-bottom:6px;margin-bottom:2px}
#drawer a:hover{background:var(--tl-slate)}
#drawer a.btn{margin-top:10px}
@media (max-width:1023px){#nav,.hdr-cta{display:none}.burger{display:flex}}

/* ---- mega-menu. Mechanics per docs/POSITIONING-v2.md §2.1: click toggles,
   Escape / the close button / the overlay dismiss, panel 4px under the strip,
   focus trapped while open, and below 1024 the drawer takes over. ---- */
.nav-t{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;min-height:var(--hit);border:0;border-radius:4px;background:none;color:inherit;font-family:var(--tl-font-display);font-size:var(--fs-md);font-weight:500;letter-spacing:-.01em;opacity:.85;transition:opacity .18s ease,background-color .18s ease}
.nav-t:hover,.nav-t[aria-expanded="true"]{opacity:1;background:var(--tl-slate-2)}
#hdr.dark .nav-t:hover,#hdr.dark .nav-t[aria-expanded="true"]{background:var(--tl-line-2)}
/* solid triangle, 8 wide 5 tall, drawn with borders so it needs no glyph */
.chev{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transform:translateY(1px);transition:transform .3s var(--tl-ease),border-top-color .18s ease}
.nav-t:hover .chev,.nav-t[aria-expanded="true"] .chev{border-top-color:var(--tl-accent-ink)}
#hdr.dark .nav-t:hover .chev,#hdr.dark .nav-t[aria-expanded="true"] .chev{border-top-color:var(--tl-accent)}
.nav-t:hover .chev,.nav-t[aria-expanded="true"] .chev{transform:translateY(0) rotate(180deg)}
/* The blur is animated, not just faded in. Holding backdrop-filter at 6px and
   ramping only opacity meant the page was already fully blurred on the first
   frame that had any opacity at all — it snapped. Animating the radius from 0
   lets the background settle out of focus over 800ms, and the dim rides with
   it on the same curve. */
/* The curve on the base rule governs CLOSING; the one on `.on` governs opening.
   Both used `--tl-ease-morph`, cubic-bezier(.3,.9,.25,1), which reaches 90% of
   its value in the first 30% of its time. Opening, that reads as responsive.
   Run backwards it un-blurs almost instantly and then crawls the last tenth,
   which is why closing felt abrupt while opening did not. Closing now uses a
   symmetric curve over a longer duration, so the blur holds a moment and then
   releases evenly. */
#fly-ov{position:fixed;inset:0;z-index:var(--z-overlay);background:rgba(11,12,16,.72);backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);opacity:0;transition:opacity .95s cubic-bezier(.45,.02,.45,1),backdrop-filter .95s cubic-bezier(.45,.02,.45,1),-webkit-backdrop-filter .95s cubic-bezier(.45,.02,.45,1)}
#fly-ov.on{opacity:1;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);transition-duration:.8s;transition-timing-function:var(--tl-ease-morph)}
.fly{position:absolute;left:var(--hdr-inset);right:var(--hdr-inset);top:calc(var(--hdr-strip) + 4px);max-height:calc(100svh - var(--hdr-strip) - 24px);overflow:auto;overscroll-behavior:contain;border-radius:12px;background:var(--tl-slate-2);color:var(--tl-navy);box-shadow:0 4px 10px rgba(0,0,0,.06),0 24px 64px -16px rgba(15,23,42,.28);padding:32px 24px;opacity:0;transform:translateY(6px);transition:opacity .7s cubic-bezier(.45,.02,.45,1),transform .7s cubic-bezier(.45,.02,.45,1)}
.fly.on{opacity:1;transform:none;transition-duration:.5s;transition-timing-function:var(--tl-ease)}
.fly:not(.on){pointer-events:none}
.fly-x{position:absolute;top:20px;right:20px;width:var(--hit);height:var(--hit);display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:var(--tl-navy-muted);border-radius:var(--r)}
.fly-x:hover{color:var(--tl-navy);background:var(--tl-slate)}
.fly-cols{display:grid;gap:4px;grid-template-columns:1fr}
/* Four columns, and the industry block takes two of them: ten industries in a
   single column runs taller than the panel, and the panel is full-bleed inside
   the header inset so there is width to spend. 64rem was leaving most of a
   1568px panel empty. */
@media (min-width:1024px){
  .fly-cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:none}
  .fly-wide{grid-column:span 2}
  .fly-wide .two-up{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
}
/* the last row is the escape hatch for anyone who did not see themselves above */
.fly-col li a.last{color:var(--tl-accent-ink);font-weight:500}
.fly-col{padding:24px 28px;border-radius:12px;transition:background-color .2s ease}
.fly-col:hover{background:var(--tl-slate)}
.fly-h{display:inline-flex;align-items:center;gap:8px;font-family:var(--tl-font-display);font-size:var(--fs-lg);line-height:26px;font-weight:500;color:var(--tl-accent-ink);margin-bottom:12px}
.fly-h .arr{transition:transform .2s var(--tl-ease)}
.fly-h:hover .arr{transform:translateX(3px)}
.fly .relay-planned,.fly .relay-planned:hover{background:var(--tl-panel);color:var(--tl-text)}
.fly .relay-planned .fly-h{color:var(--tl-accent-hi)}
.fly .relay-planned .fly-note{color:var(--tl-text-3)}
.fly .relay-planned li a{color:var(--tl-text-2)}
.fly .relay-planned li a:hover{color:var(--tl-white)}
.fly .relay-planned :focus-visible{outline-color:var(--tl-white)}
.fly-note{font-size:var(--fs-sm);line-height:1.6;color:var(--tl-navy-muted);margin-bottom:16px}
@media(min-width:1024px){#fly-work .fly-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fly-col ul{list-style:none;margin:0;padding:0}
/* The menu rows underlined the whole label the instant the pointer arrived —
   text-decoration cannot be animated, so it was on or off. A short rule that
   draws itself from the left reads as the row responding to you rather than
   switching state. Kyndryl's menu is the reference: the mark is a fraction of
   the label, not its full width, so it points at the row instead of restating
   it. 24px, drawn in 700ms on the house easing, and inline-block so the rule
   sits under the text rather than under the whole column.
   scaleX is a compositor property; animating width would lay the row out on
   every frame. The global reduced-motion block clamps it to .01ms, so it
   arrives complete rather than moving for anyone who asked it not to. */
.fly-col li a{position:relative;display:inline-block;padding:6px 0;font-size:var(--fs-md);line-height:20px;color:var(--tl-navy-muted);transition:color .32s var(--tl-ease)}
.fly-col li a::after{content:"";position:absolute;left:0;bottom:2px;width:24px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .7s var(--tl-ease)}
.fly-col li a:hover{color:var(--tl-navy)}
.fly-col li a:hover::after,.fly-col li a:focus-visible::after{transform:scaleX(1)}

html.fly-lock,html.fly-lock body,html.drawer-lock,html.drawer-lock body{overflow:hidden}
/* P0, 2026-09-03. Opening either panel while scrolled put it off-screen.
   #hdr is position:sticky and both panels are position:absolute inside it, so
   they inherit whatever the header is doing. The panels' own scroll lock sets
   overflow:hidden on the root element, and a sticky element whose scrollport
   stops scrolling falls back to its static flow position — for #hdr that is the
   very top of the document. Two thousand pixels down, the bar and the panel
   went two thousand pixels above the viewport. #fly-ov is position:fixed, so it
   still covered the screen: the page dimmed and nothing appeared.
   The header is pinned while a panel is open, and both panels are anchored to
   the viewport rather than to the header. The values do not change — #hdr sits
   at viewport top whenever a panel is open and its padding box starts at 0, so
   `top: hdr-strip + 4` measures the same distance either way.
   This file keeps its own inline copy of the stylesheet, so the same three rules
   live in assets/site.css for the other nineteen pages. Change both. */
#hdr.fly-open,#hdr.open{position:fixed;top:0;left:0;right:0}
.fly{position:fixed}
#drawer{position:fixed}
@media (max-width:1023px){.fly,#fly-ov{display:none}}
@media (prefers-reduced-motion:reduce){#fly-ov,.fly{transition:none}.fly{transform:none}#fly-ov{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}}

/* ============================================================ hero — the reference composition */
#hero{position:relative;margin-top:calc(-1 * var(--hdr-strip));padding-top:var(--hdr-strip);min-height:min(calc(100svh - 3rem),57rem);display:flex;flex-direction:column;overflow:hidden;background:var(--tl-black);color:var(--tl-white)}
@media(max-width:1023px){#hero{min-height:min(100svh,60rem)}}
#fields{position:absolute;inset:0}
.fld{position:absolute;inset:0;opacity:0;transition:opacity 1.5s var(--tl-ease);pointer-events:none}
.fld.show{opacity:1}
.fld canvas{display:block;width:100%;height:100%}
.scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.70) 56%,rgba(0,0,0,.40) 82%,rgba(0,0,0,.64) 100%)}
/* The left wash is an ellipse centred on the copy, not a 100deg linear. A linear
   darkens the full height at x=0, so it was cancelling the new light under the
   near water exactly where that light was wanted — the lower left. An ellipse
   falls off in both axes: strongest behind the headline and lead, effectively
   gone by the bottom of the frame. */
@media (min-width:1024px){.scrim{background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,.25) 40%,rgba(0,0,0,.10) 72%,rgba(0,0,0,0) 100%) 0 0/100% 170px no-repeat,radial-gradient(115% 62% at 6% 52%,rgba(0,0,0,.70) 0%,rgba(0,0,0,.40) 42%,rgba(0,0,0,0) 78%)}}
.hero-in{position:relative;z-index:1;display:flex;flex:1;flex-direction:column}
.sp7{min-height:3rem;flex-grow:7}
.sp3{min-height:2.5rem;flex-grow:3}
.copy{display:flex;flex-direction:column;max-width:34rem}
.stack{display:grid}
.slide{grid-area:1/1;transition:opacity .9s var(--tl-ease),transform .9s var(--tl-ease)}
.slide.on{opacity:1;transform:none;transition-delay:.28s}
.slide:not(.on){opacity:0;transform:translateY(8px);pointer-events:none;user-select:none}
/* `font-family` is not inherited here by accident — it has to be stated. Only
   the active slide's `.t` is an <h1>, and the `h1,h2,h3` rule is what was
   supplying the display face. The other two are <p>, so they fell back to the
   body font, and since a slide stays visible for the whole 0.9s crossfade the
   outgoing headline was changing typeface as it faded. Weight 300 is new to the
   loaded set (was 500;600) and wants slightly looser tracking than 500 did. */
.slide .t{font-family:var(--tl-font-display);font-size:clamp(1.875rem,3.6vw,3.25rem);font-weight:300;line-height:1.14;letter-spacing:-.015em;color:var(--tl-white)}
.slide .l{margin-top:28px;max-width:38rem;font-size:var(--fs-base);line-height:1.65;color:rgba(255,255,255,.78)}
.hero-cta{margin-top:48px;display:flex}
.proof{display:flex;flex-wrap:wrap;gap:24px 48px;max-width:40rem;margin:0;padding:24px 0 36px}
.instrument .proof{max-width:none;gap:28px clamp(48px,7vw,120px)}
.proof div{display:flex;flex-direction:column-reverse;gap:6px}
.proof dt{font-size:var(--fs-sm);line-height:1.35;color:var(--tl-navy-muted)}
.proof dd{margin:0;font-family:var(--tl-font-mono);font-size:clamp(1.375rem,1.9vw,1.75rem);font-weight:500;letter-spacing:-.02em;line-height:1;color:var(--tl-navy)}
@media (max-width:719px){
  .hero-cta .btn{width:100%;padding-inline:20px}
}

/* ============================================================ the instrument
   One dark section carrying the specs and the panel that proves them. Every
   colour here is the dark half of the token set the rest of the page already
   uses; nothing new was introduced.

   2026-09-03 — the band was three readouts floating over an empty width, a
   chart and a table side by side with nothing holding them, and a status line
   hanging off the chart. It is one framed readout now: a hairline frame on the
   section's own surface (the fill is unchanged on purpose — the two bar colours
   below were measured against --tl-panel and still are), the three specs as
   equal cells divided by hairlines, the chart and the fact list in the same
   frame with a hairline between them, and the ticker as the frame's status bar
   across the full width. Structure from hairlines, not boxes — DESIGN.md. */
.inst{border:1px solid var(--tl-line-2);border-radius:4px;overflow:hidden;--cell-y:clamp(20px,2.4vw,32px);--cell-x:clamp(20px,2.4vw,36px)}
/* 2026-09-03, third pass on the owner's instruction: the readout bar, the
   dotted leaders and the meters are gone — eleven figures in three grammars
   read as random. Four figures now, set in the same grammar as #cost's three
   statistics (mono numeral over a label, on a hairline), so the two sections
   rhyme across the register change. The chart keeps the fifth, 32%. */
.instrument .chip{border-color:var(--tl-line-3);color:var(--tl-text-3)}
.tip{position:absolute;z-index:2;pointer-events:none;transform:translate(-50%,-100%);padding:8px 10px;border:1px solid var(--tl-line-3);border-radius:var(--r);background:var(--tl-raise);box-shadow:var(--tl-shadow);white-space:nowrap}
.tip b{display:block;font-family:var(--tl-font-mono);font-size:var(--fs-md);font-weight:500;color:var(--tl-text);font-variant-numeric:tabular-nums}
.tip span{display:block;margin-top:2px;font-family:var(--tl-font-mono);font-size:var(--fs-xs);letter-spacing:.06em;color:var(--tl-text-4)}
/* a value is always reachable without hovering */
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* four statistics, 2x2, hairlines between — numeral over label, #cost's .stat
   grammar carried onto the dark surface. Integers count up on arrival
   (POSITIONING-v2 §2.5 asked for it); DM Mono is tabular so nothing jitters. */
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
.facts div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:10px;padding:var(--cell-y) var(--cell-x);border-top:1px solid var(--tl-line-2);border-left:1px solid var(--tl-line-2)}
.facts div:nth-child(-n+2){border-top:0}
.facts div:nth-child(odd){border-left:0}
.facts dt{font-size:var(--fs-md);line-height:1.4;color:var(--tl-text-3);max-width:16ch}
/* a figure without a comparison is half a metric */
.facts .dl{display:block;margin-top:2px;font-family:var(--tl-font-mono);font-style:normal;font-size:var(--fs-xs);letter-spacing:.06em;font-weight:500}
.facts .dl.good{color:var(--tl-accent-hi)}
.facts .dl.flat{color:var(--tl-text-4)}   /* same: a delta is text, not chrome */
.facts dd{margin:0;font-family:var(--tl-font-mono);font-weight:500;font-size:clamp(1.75rem,2.6vw,2.5rem);line-height:1;letter-spacing:-.03em;color:var(--tl-text);font-variant-numeric:tabular-nums;white-space:nowrap}

/* ============================================================ services — typographic lists under a cobalt rule
   2026-09-03 — each column opens with the channel's glyph from the design-system
   manifest (voice · chat · human, the icons the manifest assigns to exactly
   these three products) and a mono index on the far side, then the title. The
   rule stays 2px accent; the glyph is a stroke, which is the accent's permitted
   shape. Three columns with one row each read as a list of three things, not
   as three headings waiting for lists. */
.groups{display:grid;gap:40px}
/* same as .stats above: the services row copy was running six lines in a 201px
   column at tablet */
@media (min-width:720px){.groups{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}.groups>.group:last-child{grid-column:1/-1}}
@media (min-width:1024px){.groups{grid-template-columns:repeat(3,minmax(0,1fr))}.groups>.group:last-child{grid-column:auto}}
.group{padding-top:20px;border-top:2px solid var(--tl-accent-on-light);display:flex;flex-direction:column}
.group .gh{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.group .gh svg{width:26px;height:26px;color:var(--tl-accent-on-light)}
.group .gh .ico{shape-rendering:geometricPrecision}
.group .gh b{font-family:var(--tl-font-mono);font-weight:500;font-size:var(--fs-sm);letter-spacing:.1em;color:var(--tl-navy-muted)}
.group h3{font-size:var(--fs-lg);font-weight:500;letter-spacing:-.01em}
.group ul{margin-top:8px}
.group li{border-bottom:1px solid var(--tl-line-light-soft)}
.group li:last-child{border-bottom:0}
.row{display:flex;flex-direction:column;gap:4px;margin:0 -12px;padding:16px 12px;border-radius:var(--r);transition:background-color .18s ease}
.row:hover{background:var(--tl-white)}
.light .row:hover{background:var(--tl-slate)}   /* the section is white now; white-on-white hover would vanish */
.row .rt{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--fs-base);font-weight:500;line-height:1.3;transition:color .18s ease}
.row:hover .rt{color:var(--tl-accent-ink)}
.row .rt .arr{color:var(--tl-navy-muted);transition:transform .2s var(--tl-ease),color .2s ease}
.row:hover .rt .arr{transform:translateX(4px);color:var(--tl-accent-on-light)}
.row .rd{max-width:34ch;font-size:var(--fs-md);line-height:1.55}

/* ============================================================ evidence
   One demonstration: the exchange in WhatsApp Web's format beside what the
   agent did. Source of truth is docs/graphics-v1/integration/evidence.fragment.html.

/* #evidence · the conversation, WhatsApp Web format. The six hexes depict WhatsApp's surface (DO-NOT-TOUCH #1) */
.ev-row{display:grid;grid-template-columns:minmax(0,1fr);gap:32px 56px;align-items:center}
@media (min-width:1024px){.ev-row{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}
.thread{--wa-paper:#EFE7DE;--wa-in:#FFFFFF;--wa-out:#D9FDD3;--wa-bar:#F0F2F5;--wa-ink:#111B21;--wa-tick:#53BDEB;
  width:100%;max-width:720px;border:1px solid var(--tl-line-light);border-radius:4px;overflow:hidden;background:var(--wa-paper);color:var(--wa-ink);font-family:var(--tl-font-body)}
.thread-top{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--wa-bar);border-bottom:1px solid rgba(17,27,33,.08)}
.thread .ava{flex:none;width:40px;height:40px;border-radius:50%;background:var(--tl-navy);color:var(--tl-white);display:grid;place-items:center;font-family:var(--tl-font-display);font-size:var(--fs-sm);font-weight:600;letter-spacing:.02em}
.thread .idt{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.thread .idt b{font-size:var(--fs-md);font-weight:600}
.thread .idt em{font-style:normal;font-size:var(--fs-xs);color:rgba(17,27,33,.6);min-height:1.2em}
.thread .idt em.typing{color:var(--tl-accent-ink)}
.thread .top-r{margin-left:auto;display:flex;gap:18px;color:rgba(17,27,33,.55)}
.thread .top-r svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.thread-body{display:flex;flex-direction:column;gap:6px;padding:14px 18px 16px;min-height:0}
.thread .daystamp{align-self:center;margin-bottom:8px;padding:4px 11px;border-radius:7px;background:rgba(255,255,255,.9);font-size:11px;color:rgba(17,27,33,.6);box-shadow:0 1px .5px rgba(11,20,26,.13)}
.wa{position:relative;max-width:82%;padding:6px 9px 7px;border-radius:8px;box-shadow:0 1px .5px rgba(11,20,26,.13);opacity:0;transform:scale(.97) translateY(4px);transform-origin:bottom left;transition:opacity .28s var(--tl-ease),transform .28s var(--tl-ease)}
.wa.in{align-self:flex-start;background:var(--wa-in);border-top-left-radius:1px}
.wa.out{align-self:flex-end;background:var(--wa-out);border-top-right-radius:1px;transform-origin:bottom right}
.wa.on{opacity:1;transform:none}
.wa p{margin:0;font-size:14.2px;line-height:1.42;color:var(--wa-ink);padding-right:66px}
.wa time{position:absolute;right:8px;bottom:5px;display:inline-flex;align-items:center;gap:3px;font-size:11px;line-height:1;color:rgba(17,27,33,.45)}
.wa .tick{width:15px;height:10px;fill:none;stroke:rgba(17,27,33,.35);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}
.wa .tick path+path{opacity:0;transition:opacity .3s}
.wa.read .tick{stroke:var(--wa-tick)}
.wa.read .tick path+path{opacity:1}
.wa .doc{display:flex;align-items:center;gap:10px;margin:0 0 6px;padding:8px 10px;border-radius:6px;background:rgba(0,0,0,.05)}
.wa .doc svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.wa .doc b{display:block;font-size:13px;font-weight:600}
.wa .doc small{display:block;font-size:11px;color:rgba(17,27,33,.55)}
.wa-typing{align-self:flex-start;display:inline-flex;gap:4px;padding:11px 12px;border-radius:8px;border-top-left-radius:1px;background:var(--wa-in);box-shadow:0 1px .5px rgba(11,20,26,.13);opacity:0;transition:opacity .2s}
.wa-typing.on{opacity:1}
.wa-typing i{width:6px;height:6px;border-radius:50%;background:rgba(17,27,33,.45);animation:wadot 1.2s infinite}
.wa-typing i:nth-child(2){animation-delay:.2s}.wa-typing i:nth-child(3){animation-delay:.4s}
@keyframes wadot{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}
.thread-compose{display:flex;align-items:center;gap:14px;padding:8px 16px;background:var(--wa-bar);color:rgba(17,27,33,.55)}
.thread-compose svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.thread-compose span{flex:1;min-height:40px;display:flex;align-items:center;padding:0 14px;border-radius:8px;background:var(--wa-in);font-size:14px;color:rgba(17,27,33,.5)}
/* what the agent did — one thin strip under the pane */
.ev-side{display:flex;flex-direction:column;gap:20px}
.ev-strip{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:0;font-family:var(--tl-font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--tl-slate-text-2)}
.ev-strip .chip{margin-right:6px}
.ev-strip .act{display:inline-flex;align-items:center;gap:8px;color:var(--tl-slate-text-2);transition:color .35s}
.ev-strip .act::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tl-line-light);transition:background-color .35s}
.ev-strip .act.on{color:var(--tl-navy)}
.ev-strip .act.on::before{background:var(--tl-accent-on-light)}
.ev-strip .ev-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:6px}
.ev-strip .replay{display:inline-flex;align-items:center;gap:8px;min-height:var(--hit);padding:0;border:0;background:none;color:var(--tl-slate-text-2);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
.ev-strip .replay:hover{color:var(--tl-navy)}
.ev-strip .replay svg{width:10px;height:10px;fill:currentColor}
.ev-cap{display:flex;flex-direction:column;gap:10px}
.ev-cap strong{font-family:var(--tl-font-display);font-weight:500;font-size:clamp(1.375rem,2vw,1.75rem);letter-spacing:-.02em;line-height:1.2;color:var(--tl-navy);max-width:20ch}
.ev-cap span{font-size:var(--fs-md);line-height:1.55;color:var(--tl-navy-muted);max-width:48ch}
@media (max-width:719px){.wa{max-width:88%}.thread-body{min-height:0}}
@media (prefers-reduced-motion:reduce){.wa{opacity:1;transform:none;transition:none}.wa .tick{stroke:var(--wa-tick)}.wa .tick path+path{opacity:1}.wa-typing{display:none}}

/* ============================================================ one team (dark band) */
.team{display:grid;gap:48px}
@media (min-width:1024px){.team{grid-template-columns:repeat(12,minmax(0,1fr))}.team>.tl{grid-column:1/span 6}.team>.tr{grid-column:8/span 5}}
.factlist div{padding:18px 0;border-top:1px solid var(--tl-line-2)}   /* single column since the scaffolding numerals came off */
.factlist div:last-child{border-bottom:1px solid var(--tl-line-2)}
.factlist b{font-family:var(--tl-font-mono);font-weight:500;font-size:var(--fs-sm);letter-spacing:.1em;color:var(--tl-accent-hi)}
.factlist p{font-size:var(--fs-base);color:var(--tl-text-2)}

/* ============================================================ method rail */
.rail{display:grid;gap:32px;margin-top:56px;position:relative}
.ph,.go{display:flex;flex-direction:column;gap:10px}
.ph b{font-family:var(--tl-font-mono);font-weight:500;font-size:var(--fs-sm);letter-spacing:.06em;color:var(--tl-navy)}
.ph h3,.go h3{font-size:var(--fs-base);font-weight:600;letter-spacing:-.01em;font-family:var(--tl-font-body)}
.ph p,.go p{font-size:var(--fs-md);line-height:1.6}
.go b{font-family:var(--tl-font-mono);font-weight:500;font-size:var(--fs-sm);letter-spacing:.06em;color:var(--tl-accent-ink)}
@media (min-width:1024px){
  .rail{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:40px}
  .rail::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--tl-line-light)}
  .rail .ph{padding-top:26px;position:relative}
  .rail .ph::before{content:"";position:absolute;left:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--tl-navy)}
  .rail .go{position:relative;padding-top:26px}
  .rail .go::before{content:"";position:absolute;left:-40px;right:0;top:0;height:2px;margin-top:-.5px;background:var(--tl-accent-on-light)}
  .rail .go .live{position:absolute;right:0;top:-3px}
}
@media (max-width:1023px){
  .rail{padding-left:22px;border-left:1px solid var(--tl-line-light)}
  .rail .ph{position:relative}
  .rail .ph::before{content:"";position:absolute;left:-25.5px;top:6px;width:7px;height:7px;border-radius:50%;background:var(--tl-navy)}
  .rail .go{position:relative;padding-top:20px;border-top:2px solid var(--tl-accent-on-light)}
  .rail .go .live{position:absolute;left:-25.5px;top:26px}
}

/* ============================================================ pricing + faq */
.pf{display:grid;gap:56px}
@media (min-width:1024px){.pf{grid-template-columns:repeat(12,minmax(0,1fr))}.pf>.pl{grid-column:1/span 5;position:sticky;top:6rem;align-self:start}.pf>.pr{grid-column:7/span 6}}
.faq{border-top:1px solid var(--tl-line-light)}
.faq details{border-bottom:1px solid var(--tl-line-light)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--hit);padding:18px 0;cursor:pointer;list-style:none;font-size:var(--fs-base);font-weight:500;letter-spacing:-.01em;color:var(--tl-navy)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font-family:var(--tl-font-mono);font-size:var(--fs-lg);color:var(--tl-navy-muted);transition:transform .22s var(--tl-ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary{transition:color .18s ease}
.faq summary:hover{color:var(--tl-accent-ink)}
.faq summary:hover::after{color:var(--tl-accent-on-light)}
.faq p{padding:0 0 20px;max-width:62ch;font-size:var(--fs-md);line-height:1.65}

/* ============================================================ closing */
#book{position:relative;overflow:hidden;background:var(--tl-black);color:var(--tl-white)}
.closing-scrim{position:absolute;inset:0;pointer-events:none;background:var(--tl-black);opacity:.72}
#book .close-in{z-index:1}
#book .close-in>.lead{max-width:52ch}
.close-in{position:relative;max-width:820px;margin-inline:auto;display:flex;flex-direction:column;gap:22px;align-items:center;text-align:center}
.close-in h2{font-size:clamp(1.875rem,3.6vw,3.25rem);font-weight:500;line-height:1.1;letter-spacing:-.02em;max-width:18ch}
form{width:100%;max-width:560px;display:flex;flex-direction:column;gap:10px;align-items:stretch}
form label{text-align:left;color:var(--tl-text-4)}
.frow{display:flex;gap:8px}
#email{flex:1;min-width:0;min-height:52px;border:1px solid var(--tl-line-3);border-radius:var(--r);background:rgba(255,255,255,.04);padding:0 16px;font:inherit;font-size:var(--fs-base);color:var(--tl-white);transition:border-color .18s ease}
#email::placeholder{color:var(--tl-text-4);opacity:1}
#email{caret-color:var(--tl-accent)}
#email:focus{outline:none;border-color:var(--tl-accent);box-shadow:0 0 0 3px var(--tl-accent-ring)}
.frow.err #email{border-color:var(--tl-accent-hi)}
.fmsg{min-height:20px;font-size:var(--fs-sm);color:var(--tl-text-4);text-align:left}
.fmsg.bad{color:var(--tl-accent-hi)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.done{display:none;flex-direction:column;gap:14px;align-items:center;padding:28px;border:1px solid var(--tl-line-3);border-radius:4px;max-width:560px;width:100%}
.done.show{display:flex}
.done .ok{width:44px;height:44px;border-radius:50%;background:var(--tl-accent-lo);color:var(--tl-on-accent);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-lg)}
.done strong{font-size:var(--fs-lg);letter-spacing:-.02em;font-family:var(--tl-font-display);font-weight:500}
.done p{font-size:var(--fs-md);color:var(--tl-text-3);max-width:40ch}
@media (max-width:719px){.frow{flex-direction:column}.frow .btn{width:100%}}

/* ============================================================ footer */
footer{position:relative;z-index:var(--z-content);background:var(--tl-black);color:var(--tl-text);border-top:1px solid var(--tl-line-2);padding:48px 0 calc(40px + env(safe-area-inset-bottom))}
.foot{display:flex;align-items:flex-start;justify-content:space-between;gap:48px;flex-wrap:wrap}
.fnav{display:flex;gap:32px;flex-wrap:wrap}
.fnav a,.flink{display:inline-flex;align-items:center;justify-content:center;min-width:var(--hit);min-height:var(--hit);font-size:var(--fs-md);color:var(--tl-text-3);transition:color .18s ease}
.fnav a:hover,.flink:hover{color:var(--tl-text)}
.fine{margin-top:32px;padding-top:24px;border-top:1px solid var(--tl-line-1);display:flex;flex-wrap:wrap;gap:12px 32px;font-family:var(--tl-font-mono);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--tl-text-4)}


/* ============================================================ reveal */
.rv.armed{transition:opacity .7s var(--tl-ease),transform .7s var(--tl-ease);animation:rvfail .6s var(--tl-ease) 2.4s forwards}
.rv.armed:not(.on){opacity:0;transform:translateY(24px)}
.rv.rv-l.armed:not(.on){transform:translateX(-24px)}
.rv.rv-n.armed:not(.on){transform:none}
@keyframes rvfail{to{opacity:1;transform:none}}
.rv.armed.on{opacity:1;transform:none}
.stag>.rv:nth-child(2){transition-delay:.08s}.stag>.rv:nth-child(3){transition-delay:.16s}.stag>.rv:nth-child(4){transition-delay:.24s}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .rv,.rv.armed:not(.on){opacity:1;transform:none}
  .wa{opacity:1;transform:none;animation:none}
  .bars .bar{transform:none}
  .live::after{animation:none;opacity:0}
}

/* the segmented range control — kept from the first instrument; the new
   #panel reuses it for 7 / 30 days */
.rng{display:inline-flex;border:1px solid var(--tl-line-3);border-radius:var(--r)}
.rng button{min-height:var(--hit);padding:0 14px;border:0;background:none;color:var(--tl-text-4);font-family:var(--tl-font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;transition:color .18s ease,background-color .18s ease}
.rng button+button{border-left:1px solid var(--tl-line-3)}
.rng button:hover{color:var(--tl-text-2)}
.rng button.on{background:var(--tl-line-2);color:var(--tl-text)}
/* ============================================================ #panel — the instrument, 2026-09-04
   Three values and twelve two-hour columns. Source of truth is
   docs/graphics-v1/integration/panel.fragment.html. */
/* #panel · twelve columns — three values in one row, one bar chart of twelve marks */
#panel .pf-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:7px var(--cell-x);border-bottom:1px solid var(--tl-line-2)}
/* the 44px tap-target floor holds — checkpoint/audit-fixes-applied */
#panel .pf-bar .rng button{min-height:var(--hit)}
#panel .pf-id{display:flex;align-items:center;gap:12px;font-family:var(--tl-font-mono);font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--tl-text-3)}
#panel .pf-id b{font-weight:500;color:var(--tl-text)}
#panel .pf-ctl{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
#panel .pf-now{display:inline-flex;align-items:center;gap:10px;font-family:var(--tl-font-mono);font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--tl-text-3)}
#panel .pf-now b{font-weight:500;color:var(--tl-text);font-variant-numeric:tabular-nums}
/* the three values: one row, hairlines between, numeral over label over delta */
#panel .facts.pf-row{grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--tl-line-2)}
#panel .facts.pf-row>div{border-top:0;border-left:1px solid var(--tl-line-2);padding:18px var(--cell-x) 20px;gap:8px}
#panel .facts.pf-row>div:first-child{border-left:0}
#panel .facts.pf-row dd{font-size:clamp(2rem,2.9vw,2.75rem)}
#panel .facts.pf-row dt{font-size:var(--fs-md);color:var(--tl-text-2);max-width:none}
#panel .facts.pf-row .dl{font-size:var(--fs-xs)}
@media (max-width:719px){#panel .facts.pf-row{grid-template-columns:minmax(0,1fr)}#panel .facts.pf-row>div{border-left:0}#panel .facts.pf-row>div+div{border-top:1px solid var(--tl-line-2)}}
/* the chart */
#panel .pf-chart{margin:0;padding:12px var(--cell-x) 12px;display:flex;flex-direction:column;gap:6px}
#panel .pf-chart figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;line-height:1.2}
#panel .pf-chart h3{margin:0;font-family:var(--tl-font-mono);font-weight:400;font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--tl-text-3)}
#panel .pf-note{display:flex;align-items:baseline;gap:10px;margin:0;font-family:var(--tl-font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--tl-text-4)}
#panel .pf-note strong{font-weight:500;font-size:var(--fs-base);line-height:1;letter-spacing:-.01em;color:var(--tl-text)}
#panel .pf-key{flex:none;width:8px;height:8px;border-radius:var(--r);background:var(--tl-accent-hi);transform:translateY(-1px)}
#panel .pf-plot{position:relative}
#panel .pf-bars{width:100%;height:144px;display:block;overflow:visible}
#panel .pf-bars text{font-family:var(--tl-font-mono);font-size:var(--fs-xs);letter-spacing:.08em;fill:var(--tl-text-4)}
#panel .pf-bars text.pf-peak{fill:var(--tl-text-2);letter-spacing:0}
#panel .pf-bars .pf-axis{stroke:var(--tl-line-2)}
#panel .pf-bars .pf-brk{stroke:var(--tl-line-3);fill:none}
#panel .pf-bars .pf-col{transform:scaleY(0);transform-origin:center bottom;transform-box:fill-box;transition:transform .8s var(--tl-ease)}
#panel .pf-bars.pf-in .pf-col{transform:scaleY(1)}
#panel .pf-bars .pf-open{fill:var(--tl-text-5)}
#panel .pf-bars .pf-off{fill:url(#pf-g)}
#panel .pf-bars .pf-open.hot{filter:brightness(1.4)}
#panel .pf-bars .pf-off.hot{filter:brightness(1.25)}
#panel .pf-bars .pf-bands rect{fill:transparent}
/* arrival: the columns rise (via .rv.on from the page), then the numbers count */
#panel .rv .facts.pf-row dd{opacity:.001;transition:opacity .4s}
#panel .rv.on .facts.pf-row dd{opacity:1}
@media (prefers-reduced-motion:reduce){#panel .pf-bars .pf-col{transform:none;transition:none}#panel .rv .facts.pf-row dd{opacity:1;transition:none}}

/* Planned multi-agent offer within pricing; no separate pricing tier or fixed amount. */
.relay{margin-top:0;padding-top:0;border-top:1px solid var(--tl-line-light);display:grid;gap:32px}
.relay h2{font-family:var(--tl-font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:500;line-height:1.15;letter-spacing:-.025em;margin:0 0 16px}
.relay .relay-position{font-size:var(--fs-lg);line-height:1.5;color:var(--tl-navy);margin:0 0 16px;max-width:32ch}
.relay p{margin:0 0 16px;max-width:48ch}
.relay .relay-availability{font-size:var(--fs-md)}
.relay .btn{margin-top:8px}
.relay-benefits{margin:0;display:grid;gap:0}
.relay-benefits div{padding:20px 0;border-bottom:1px solid var(--tl-line-light)}
.relay-benefits div:first-child{padding-top:0}
.relay-benefits dt{font-family:var(--tl-font-display);font-weight:500;font-size:var(--fs-lg);color:var(--tl-navy);margin-bottom:6px}
.relay-benefits dd{margin:0;color:var(--tl-navy-muted);max-width:48ch}
@media(min-width:1024px){.relay{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:56px}.relay-intro{grid-column:1/span 5}.relay-benefits{grid-column:7/span 6}}

/* Approved company marks below the hero. */
.company-marks{margin:0;border-bottom:1px solid var(--tl-line-light);padding:32px 0 40px;background:var(--tl-white)}
.company-marks__inner{margin:0 auto}
.company-marks__label{margin:0 0 24px;text-align:center;font-size:12px;font-weight:500;line-height:1.5;color:var(--tl-navy-muted)}
.company-marks ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;justify-items:center;gap:32px}
.company-marks li{display:flex;align-items:center;justify-content:center;width:100%;height:72px}
.company-marks img{display:block;object-fit:contain;max-width:100%;height:auto}
.company-marks .cinnabon img{width:164px;filter:grayscale(1)}
.company-marks .auntie-annes img{width:166px;filter:brightness(0);opacity:.82}
.company-marks .sabanatech img{width:192px;filter:brightness(0);opacity:.82}
/* Use the original transparent pixels. CSS viewport only removes asymmetric transparent padding. */
.company-marks .be-in{background:none;padding:0;border:0;border-radius:0}
.company-marks .be-in__crop{position:relative;display:block;width:164px;max-width:100%;aspect-ratio:1025/366;overflow:hidden}
.company-marks .be-in img{position:absolute;width:140.487805%;max-width:none;left:-2.341463%;top:-1.912568%;height:auto;filter:brightness(0);opacity:.82}
@media(max-width:719px){.company-marks{padding:24px 0 32px}.company-marks__label{margin-bottom:20px}.company-marks ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:12px}.company-marks li{height:64px}.company-marks .cinnabon img{width:140px}.company-marks .auntie-annes img{width:142px}.company-marks .sabanatech img{width:152px}.company-marks .be-in__crop{width:132px}}


.company-strip{padding:24px var(--gutter)}
.company-strip .company-marks{margin:0;padding:8px 0;border:0;background:transparent}
.company-strip .company-context{font-size:var(--fs-sm);color:var(--tl-navy-muted);text-align:center;margin-bottom:20px}
.process-responsibilities{margin-top:40px;padding-top:32px;border-top:1px solid var(--tl-line-light);gap:32px}
.process-responsibilities h3{font-size:var(--fs-lg);font-weight:500}
.process-responsibilities .factlist p{color:var(--tl-navy-muted)}
.process-responsibilities .factlist div{border-color:var(--tl-line-light)}
.process-responsibilities .lead{font-size:var(--fs-base)}

/* Live hero typography and mobile scrim. */
.slide .t{text-wrap:balance;font-weight:500;font-size:clamp(2.125rem,4vw,3.75rem)}
.hero-setup{align-self:flex-start;margin-top:24px;min-height:44px;display:inline-flex;align-items:center;gap:12px;font-size:var(--fs-md);color:var(--tl-white);text-decoration:underline;text-underline-offset:5px}
.hero-setup svg{flex:none}
@media(max-width:767px){.scrim{background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.24) 18%,rgba(0,0,0,.92) 32%,rgba(0,0,0,.94) 78%,rgba(0,0,0,.76) 100%)}}
#relay .relay{border-color:var(--tl-line-3)}
#relay .relay-position,#relay .relay-benefits dt{color:var(--tl-text)}
#relay .relay-benefits dd,#relay .relay-availability{color:var(--tl-text-3)}
#relay .relay-benefits div{border-color:var(--tl-line-3)}

/* Relay: choose a workflow, then follow its request-to-handoff path. */
.relay-showcase{min-width:0}
.relay-choices{display:none;position:relative;flex-wrap:nowrap;gap:24px;overflow-x:auto;padding-bottom:12px;margin-bottom:32px;border-bottom:1px solid var(--tl-line-3);scrollbar-width:thin}
.relay-showcase[data-ready] .relay-choices{display:flex}
.relay-choices button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:var(--hit);padding:10px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;white-space:nowrap;flex:none;color:var(--tl-text-3);font-family:var(--tl-font-display);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:color .2s var(--tl-ease),border-color .2s var(--tl-ease)}
.relay-choices button:hover{color:var(--tl-text)}
.relay-choices button[aria-selected="true"]{color:var(--tl-text);border-bottom-color:var(--tl-accent-hi)}
.relay-check{flex:none;opacity:0}
.relay-choices button[aria-selected="true"] .relay-check{opacity:1}
.relay-case[hidden]{display:none}
.relay-case h3{font-family:var(--tl-font-display);font-size:clamp(1.5rem,2.7vw,2.5rem);font-weight:500;line-height:1.2;letter-spacing:-.02em;max-width:24ch;margin:0 0 12px}
.relay-example-status{font-size:var(--fs-sm);color:var(--tl-text-3);margin:0 0 24px}
.relay-scope{padding-top:20px;border-top:1px solid var(--tl-line-3);font-size:var(--fs-sm);line-height:1.6;color:var(--tl-text-3);margin:0;max-width:48ch}
@media(min-width:1024px){.relay-showcase{grid-column:7/span 6}}
@media(max-width:719px){.relay-case h3{font-size:clamp(1.5rem,2.7vw,2.5rem)}.relay-intro{margin-bottom:8px}}

.relay-choice-hint{display:none;font-size:var(--fs-sm);color:var(--tl-text-3);margin:-20px 0 28px}
@media(max-width:1023px){.relay-showcase[data-ready] .relay-choice-hint{display:block}}

/* Relay team diagram: drawing sheet, one coordinator, three agent plates, two dashed boundary nodes. */
/* Inline icons: Tabler Icons, https://github.com/tabler/tabler-icons
MIT License

Copyright (c) 2020-2026 Paweł Kuna

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

*/
@media(min-width:1024px){#relay .relay-intro{grid-column:1/-1;max-width:62ch}#relay .relay-showcase{grid-column:1/-1}.relay-case h3{max-width:none}}

/* Sheet: no outer box, two hairlines and a dot grid that fades before the edges. */
.relay-org{position:relative;isolation:isolate;margin:32px 0;padding:40px 0 56px;border-block:1px solid var(--tl-line-2);counter-reset:org-role}
.relay-org::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle at 50% 50%,var(--tl-line-3) 0,var(--tl-line-3) .75px,transparent 1.25px);background-size:24px 24px;background-position:50% 0;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 42%,black 10%,transparent 100%);mask-image:radial-gradient(ellipse 60% 70% at 50% 42%,black 10%,transparent 100%)}

/* Tool bar: text-only control, 44px hit area, no frame. */
.org-tools{position:relative;z-index:2;display:flex;justify-content:flex-end;margin:-28px 0 4px}
.org-replay{display:none;align-items:center;gap:8px;min-height:var(--hit);padding:0 4px 0 10px;border:0;border-radius:var(--r);background:transparent;color:var(--tl-text-4);font-family:var(--tl-font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;transition:color var(--tl-dur-fast) var(--tl-ease)}
.org-measured .org-replay{display:inline-flex}
.org-replay svg{width:14px;height:14px;flex:none;transition:transform var(--tl-dur) var(--tl-ease)}
.org-replay:hover{color:var(--tl-text)}
.org-replay:hover svg{transform:rotate(-45deg)}
.org-replay:active{color:var(--tl-accent-hi)}
.relay-org[data-motion='off'] .org-tools{display:none}
@media(min-width:1024px){.org-tools{position:absolute;top:0;right:0;margin:0}}

/* Node anatomy: the plate spans both text rows; the head wrapper dissolves into the node grid. */
.org-coordinator,.org-role,.org-support>div{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:16px;row-gap:4px;align-items:start;padding:20px 24px 22px 20px;border:1px solid var(--tl-line-2);border-radius:var(--r);text-align:left}
.org-node-head{display:contents}
.org-icon{grid-column:1;grid-row:1/span 2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border:1px solid color-mix(in srgb,var(--tl-accent-hi) 32%,transparent);border-radius:var(--r);background:color-mix(in srgb,var(--tl-accent) 12%,var(--tl-panel));box-shadow:var(--tl-glass-edge);color:var(--tl-accent-hi);transition:border-color var(--tl-dur-fast) var(--tl-ease)}
.org-icon svg{display:block;width:20px;height:20px;max-width:none;stroke-width:1.5}
.org-icon svg *{vector-effect:non-scaling-stroke}
.relay-org h4{grid-column:2/-1;grid-row:1;margin:0;font-family:var(--tl-font-display);font-size:var(--fs-base);font-weight:500;line-height:1.3;letter-spacing:-.01em;color:var(--tl-text);overflow-wrap:break-word}
.relay-org p{grid-column:2/-1;grid-row:2;margin:0;font-size:var(--fs-md);line-height:1.5;color:var(--tl-text-3)}

/* Coordinator: the only node with cobalt fill, a 2px top rule and a solid plate. */
.org-coordinator{width:min(100%,480px);margin:0 auto;padding:24px 28px 26px 24px;column-gap:20px;border-color:color-mix(in srgb,var(--tl-accent-hi) 45%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--tl-accent) 16%,var(--tl-panel)),var(--tl-panel) 72%);box-shadow:inset 0 2px 0 var(--tl-accent)}
.org-coordinator .org-icon{width:48px;height:48px;border-color:transparent;background:var(--tl-accent-lo);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--tl-on-accent) 18%,transparent);color:var(--tl-on-accent)}
.org-coordinator .org-icon svg{width:24px;height:24px}
.org-coordinator h4{font-size:var(--fs-lg);line-height:1.25;letter-spacing:-.02em}
.org-coordinator p{color:var(--tl-text-2)}

/* Agent tier. 72px above the roles is the routing lane for the three coordinator edges. */
.org-branches{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:72px}
.org-branches::before{content:'';position:absolute;top:36px;left:calc(16.6667% - 8px);right:calc(16.6667% - 8px);border-top:1px solid var(--tl-accent-hi);opacity:.7}
.org-branches::after{content:'';position:absolute;top:0;left:50%;height:36px;border-left:1px solid var(--tl-accent-hi);opacity:.7}
.org-role{counter-increment:org-role;width:100%;background-color:var(--tl-panel);background-image:linear-gradient(var(--tl-accent-hi),var(--tl-accent-hi));background-position:50% 0;background-size:32px 1px;background-repeat:no-repeat;background-origin:border-box;background-clip:border-box;transition:border-color var(--tl-dur-fast) var(--tl-ease)}
.org-role::before{content:'';position:absolute;left:50%;top:-37px;height:36px;border-left:1px solid var(--tl-accent-hi);opacity:.7}
.org-role h4{grid-column:2}

.org-role:hover{border-color:var(--tl-line-3)}
.org-role:hover .org-icon{border-color:var(--tl-accent-hi)}

/* Boundary tier: dashed outline and neutral plate mark what sits outside the agent team. */
.org-support{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:72px}
.org-support>div{border-style:dashed;border-color:var(--tl-line-3);background:var(--tl-focus)}
.org-support .org-icon{border-color:var(--tl-line-3);background:transparent;box-shadow:none;color:var(--tl-text-3)}
.org-support h4{color:var(--tl-text-2)}

/* Measured SVG layer: above the grid, below the nodes. */
.org-edges{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.org-edge{fill:none;stroke:var(--tl-accent-hi);stroke-width:1;stroke-linejoin:round;opacity:.7}
.org-edge--support{stroke:var(--tl-text-4);stroke-dasharray:3 5;opacity:.85}
.org-edge-flow{fill:none;stroke:var(--tl-accent-hi);stroke-width:2;stroke-linecap:round;opacity:0;stroke-dasharray:24 calc(var(--org-length) + 24)}
.org-port{fill:var(--tl-black);stroke:var(--tl-accent-hi);stroke-width:1.25}

/* One finite pass per run: route, then border and plate arrival. */
.org-running .org-edge-flow{animation:org-route 1100ms var(--tl-ease) var(--org-delay,0ms) both}
.org-running .org-coordinator{animation:org-arrival 700ms var(--tl-ease) both}
.org-running .org-coordinator .org-icon{animation:org-plate-core 700ms var(--tl-ease) both}
.org-running .org-role{animation:org-arrival 700ms var(--tl-ease) calc(900ms + var(--org-delay,0ms)) both}
.org-running .org-role .org-icon{animation:org-plate 700ms var(--tl-ease) calc(900ms + var(--org-delay,0ms)) both}
@keyframes org-route{0%{stroke-dashoffset:24;opacity:0}12%{opacity:1}85%{opacity:1}100%{stroke-dashoffset:calc(-1 * var(--org-length));opacity:0}}
@keyframes org-arrival{40%{border-color:var(--tl-accent-hi)}}
@keyframes org-plate{40%{border-color:var(--tl-accent-hi);background-color:color-mix(in srgb,var(--tl-accent) 28%,var(--tl-panel))}}
@keyframes org-plate-core{40%{background-color:var(--tl-accent)}}

/* Mobile: indented tree. Trunk lane at coordinator x+20, support edges in the 16px right gutter. */
@media(max-width:719px){
 .relay-org{padding:16px 16px 32px 0}
 .relay-org::before{-webkit-mask-image:linear-gradient(180deg,black,transparent 85%);mask-image:linear-gradient(180deg,black,transparent 85%)}
 .org-tools{margin:-8px 0 4px}
 .org-coordinator,.org-role,.org-support>div{padding:16px;column-gap:12px}
 .org-coordinator{width:100%}
 .org-icon{width:36px;height:36px}
 .org-coordinator .org-icon{width:40px;height:40px}
 .org-coordinator .org-icon svg{width:22px;height:22px}
 .org-coordinator h4{font-size:18px}
 .org-branches{grid-template-columns:minmax(0,1fr);gap:16px;padding:28px 16px 0 40px}
 .org-branches::before,.org-branches::after{display:none}
 .org-role{background-image:none}
 .org-role::before{top:33px;left:-21px;width:20px;height:0;border-left:0;border-top:1px solid var(--tl-accent-hi)}
 .org-role::after{content:'';position:absolute;left:-21px;top:-17px;bottom:-17px;border-left:1px solid var(--tl-accent-hi);opacity:.7}
 .org-role:first-child::after{top:-29px}
 .org-role:last-child::after{bottom:auto;height:50px}
 .org-support{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:48px;padding-right:16px}
}
@media(max-width:479px){.org-role h4{grid-column:2/-1}}

/* Measured mode replaces the CSS-drawn fallback connectors. */
.org-measured .org-branches::before,.org-measured .org-branches::after,.org-measured .org-role::before,.org-measured .org-role::after{display:none}

@media(prefers-reduced-motion:reduce){
 .org-running .org-edge-flow,.org-running .org-role,.org-running .org-coordinator,.org-running .org-icon{animation:none}
 .org-replay,.org-replay svg,.org-role,.org-icon{transition:none}
 .org-tools{display:none}
}

/* Supervisor verification refinements: parallel roles and mobile reading measure. */
.org-role h4{grid-column:2/-1}
.org-replay{font-family:var(--tl-font-display);font-size:var(--fs-sm);letter-spacing:0;text-transform:none;color:var(--tl-text-3);cursor:pointer}
@media(max-width:719px){.relay-org .org-icon{grid-row:1}.relay-org p{grid-column:1/-1;grid-row:2;margin-top:8px}.org-coordinator p{margin-top:4px}.relay-org h4{line-height:1.35}.org-support .org-icon{color:var(--tl-accent-hi)}}

/* Impeccable refinement: visible hierarchy and a finite routing sequence. */
.org-coordinator{width:min(100%,520px);padding:28px;column-gap:24px;row-gap:8px}
.org-coordinator .org-icon{width:64px;height:64px}
.org-coordinator .org-icon svg{width:32px;height:32px}
.org-coordinator h4{font-size:24px}
.org-role{padding:24px;background-image:none;border-color:var(--tl-line-2)}
.org-role .org-icon{width:48px;height:48px;border-color:transparent;background:color-mix(in srgb,var(--tl-accent) 14%,var(--tl-panel))}
.org-role .org-icon svg{width:28px;height:28px}
.org-role h4{font-size:18px}
.org-support>div{padding:24px 20px;border:0;border-top:1px dashed var(--tl-line-3);background:transparent}
.org-support .org-icon{color:var(--tl-accent-hi);border:0;background:transparent}
.org-support .org-icon svg{width:24px;height:24px}
.org-role:hover{border-color:var(--tl-accent-hi)}
.org-role:hover .org-icon{background:color-mix(in srgb,var(--tl-accent) 24%,var(--tl-panel))}
.org-icon{transition:background-color .2s var(--tl-ease),border-color .2s var(--tl-ease)}
.org-edge{opacity:.85;stroke-width:1.25}
.org-edge--support{opacity:.85;stroke-width:1}
.org-edge-flow{stroke:var(--tl-accent-hi);stroke-width:2.5}
.org-signal{fill:var(--tl-on-accent);stroke:var(--tl-accent);stroke-width:1.5;opacity:0;offset-distance:0%;offset-rotate:0deg}
.org-running .org-signal{animation:org-signal-travel 1100ms linear var(--org-delay,0ms) both}
.org-running .org-coordinator .org-icon{animation:org-plate-core 600ms var(--tl-ease) both}
.org-running .org-role{animation:org-arrival 650ms var(--tl-ease) calc(1200ms + var(--org-delay,0ms)) both}
.org-running .org-role .org-icon{animation:org-plate 650ms var(--tl-ease) calc(1200ms + var(--org-delay,0ms)) both}
.org-running .org-support .org-icon{animation:org-plate 550ms var(--tl-ease) calc(2250ms + var(--org-delay,0ms)) both}
@keyframes org-signal-travel{0%{offset-distance:0%;opacity:0}8%,90%{opacity:1}100%{offset-distance:100%;opacity:0}}
@media(max-width:959px){
 .relay-org{padding:16px 16px 32px 0}
 .org-tools{position:relative;top:auto;right:auto;margin:-8px 0 4px}
 .org-coordinator{width:100%;padding:20px 16px;column-gap:16px}
 .org-coordinator .org-icon{width:48px;height:48px;grid-row:1}
 .org-coordinator .org-icon svg{width:28px;height:28px}
 .org-coordinator h4{font-size:20px}
 .org-branches{grid-template-columns:minmax(0,1fr);gap:16px;padding:28px 16px 0 40px}
 .org-role,.org-support>div{padding:20px 16px;column-gap:12px}
 .org-role .org-icon{width:40px;height:40px;grid-row:1}
 .org-role .org-icon svg{width:24px;height:24px}
 .org-role h4{font-size:var(--fs-base)}
 .org-support{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:48px;padding-right:16px}
 .org-support .org-icon{grid-row:1}
 .relay-org p{grid-column:1/-1;grid-row:2;margin-top:8px}
 .org-coordinator p{margin-top:4px}
 .org-branches::before,.org-branches::after{display:none}
 .org-role::before{top:33px;left:-21px;width:20px;height:0;border-left:0;border-top:1px solid var(--tl-accent-hi)}
 .org-role::after{content:'';position:absolute;left:-21px;top:-17px;bottom:-17px;border-left:1px solid var(--tl-accent-hi);opacity:.7}
 .org-role:first-child::after{top:-29px}.org-role:last-child::after{bottom:auto;height:50px}
 .org-measured .org-role::before,.org-measured .org-role::after{display:none}
}
@media(prefers-reduced-motion:reduce){.org-running .org-signal,.org-running .org-support .org-icon{animation:none}.org-signal{display:none}.org-icon{transition:none}}

/* Discoverable cases and emphasis on each workflow's consequential endpoint. */
#relay-it .org-role:last-child .org-icon,#relay-custom .org-role:last-child .org-icon{background:var(--tl-accent-lo);color:var(--tl-on-accent)}
#relay-operations .org-role:first-child .org-icon{background:var(--tl-accent-lo);color:var(--tl-on-accent)}
#relay-hr .org-support>div:last-child,#relay-security .org-support>div:last-child{border-top-color:var(--tl-accent-hi)}
#relay-hr .org-support>div:last-child .org-icon,#relay-security .org-support>div:last-child .org-icon{background:color-mix(in srgb,var(--tl-accent) 16%,var(--tl-panel));color:var(--tl-accent-hi)}
@media(max-width:959px){
 .relay-showcase[data-ready] .relay-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;padding-bottom:16px;margin-bottom:28px}
 .relay-choices button{padding:12px;white-space:normal;line-height:1.35;justify-content:flex-start;border:1px solid var(--tl-line-3);background:var(--tl-panel)}
 .relay-choices button:last-child{grid-column:1/-1}
 .relay-choices button[aria-selected="true"]{border-color:var(--tl-accent-hi);background:color-mix(in srgb,var(--tl-accent) 12%,var(--tl-panel));color:var(--tl-text)}
 .relay-showcase[data-ready] .relay-choice-hint{display:none}
}

/* Light cards: cobalt state, raised title, revealed details and a corner graphic. */
#services .motion-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
#services .industry-motion-grid{margin-top:32px}
#industries{margin-top:48px}
#industry-more{display:none;margin-top:20px;background:transparent;color:var(--tl-accent-ink);border:1px solid currentColor}
#industry-more:hover{background:var(--tl-white)}
@media(max-width:719px){.industry-ready #industry-more{display:inline-flex}.industry-collapsed .industry-motion-card:nth-child(n+4){display:none}.industry-motion-card .card-art{width:32px;height:32px}.industry-motion-card .motion-title{margin-top:40px}}
.motion-card{position:relative;display:block;padding:24px;border:1px solid var(--tl-line-light);border-radius:var(--r);background:var(--tl-white);color:var(--tl-navy);transition:background-color .3s var(--tl-ease),border-color .3s var(--tl-ease)}
.motion-title{font-family:var(--tl-font-display);font-size:var(--fs-lg);font-weight:500;line-height:1.3;letter-spacing:-.01em;margin:64px 0 16px}
.motion-detail p{font-size:var(--fs-md);line-height:1.6;color:var(--tl-navy-muted);margin:0 0 20px}
.motion-link{display:flex;align-items:center;gap:12px;min-height:var(--hit);font-size:var(--fs-md);font-weight:500;color:var(--tl-accent-ink)}
.motion-link svg{flex:none;transition:transform .3s var(--tl-ease)}
.card-art{position:absolute;right:24px;top:24px;color:var(--tl-accent-ink);width:48px;height:48px;display:flex;align-items:center;justify-content:center;pointer-events:none}
.card-art svg{width:100%;height:100%}
.motion-card:focus-visible{outline-color:var(--tl-accent-ink);outline-offset:4px}
.motion-card:focus-visible .motion-link svg{transform:translateX(4px)}
@media(min-width:720px){#services .motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-motion-grid>.motion-card:last-child,.industry-motion-grid>.motion-card:last-child{grid-column:1/-1}}
@media(min-width:1024px){#services .motion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-motion-grid>.motion-card:last-child,.industry-motion-grid>.motion-card:last-child{grid-column:auto}}
@media(hover:hover) and (pointer:fine){
 .motion-card.motion-ready{height:var(--card-height,380px);overflow:hidden}
 .industry-motion-card.motion-ready{height:var(--card-height,280px)}
 .motion-ready .motion-title{position:absolute;left:24px;right:24px;bottom:84px;margin:0;font-size:clamp(1.375rem,1.8vw,1.75rem);transition:transform .3s var(--tl-ease)}
 .motion-ready .motion-detail{position:absolute;left:24px;right:24px;bottom:84px;opacity:0;transition:opacity .3s var(--tl-ease)}
 .motion-ready .card-art{width:48px;height:48px;opacity:.7;transform:scale(.9);transition:transform .5s var(--tl-ease),opacity .3s var(--tl-ease)}
 .motion-ready>.motion-link{position:absolute;bottom:24px;left:24px;right:24px}
 .motion-ready .motion-detail p{margin-bottom:0}
 .motion-card.motion-ready:hover,.motion-card:focus-visible{background:var(--tl-accent-ring);border-color:var(--tl-accent-ink)}
 .motion-card.motion-ready:hover .motion-title,.motion-card.motion-ready:focus-visible .motion-title{transform:translateY(calc(-1 * (var(--detail-height,180px) + 16px)))}
 .motion-card.motion-ready:hover .motion-detail,.motion-card.motion-ready:focus-visible .motion-detail{opacity:1;transition-delay:.1s}
 .motion-card.motion-ready:hover .card-art,.motion-card.motion-ready:focus-visible .card-art{opacity:1;transform:translateY(0) scale(1)}
 .motion-card.motion-ready:hover .motion-link,.motion-card.motion-ready:focus-visible .motion-link{color:var(--tl-navy)}
 .motion-card.motion-ready:hover .motion-link svg{transform:translateX(4px)}
}
.motion-card.motion-enter{animation:card-arrive .5s var(--tl-ease) var(--card-delay,0ms) both}
@keyframes card-arrive{from{transform:translateY(14px)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.motion-card.motion-enter{animation:none}.motion-card,.motion-title,.motion-detail,.card-art,.motion-link svg{transition:none}.motion-ready .motion-detail{transition-delay:0s!important}}

/* Keep industry navigation compact without removing a destination. */
#drawer .industry-menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
#drawer .dgrp .industry-menu-links>a{min-width:0;padding:10px 12px;line-height:1.4;font-size:var(--fs-md);font-weight:400;color:var(--tl-navy-muted);align-items:flex-start}
.rail .ph:target{outline:2px solid var(--tl-accent-ink);outline-offset:8px}
/* Compact service cards with visible descriptions. */
#services>.wide{gap:32px!important}
#services .service-motion-card{display:flex;flex-direction:column;min-height:0;height:auto;padding:24px;overflow:visible}
#services .service-motion-card .card-art{position:static;width:40px;height:40px;opacity:1;transform:none;align-self:flex-start}
#services .service-motion-card .motion-title{position:static;inset:auto;margin:20px 0 12px;font-size:clamp(1.375rem,1.8vw,1.75rem);transform:none}
#services .service-motion-card .motion-detail{position:static;inset:auto;opacity:1;transform:none}
#services .service-motion-card .motion-detail p{margin:0;line-height:1.6}
#services .service-motion-card .motion-link{position:static;inset:auto;margin-top:auto;padding-top:20px}
#services .service-motion-card:hover{background:var(--tl-accent-ring);border-color:var(--tl-accent-ink)}
#services .service-motion-card:hover .motion-title{transform:none}
/* Expanding cobalt industry panels, inspired by the reference's slatted composition. */
#industries.sector-section{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,4fr);gap:32px;margin-top:32px;padding-top:32px;border-top:1px solid var(--tl-line-light)}
.sector-intro .h-section{font-size:clamp(1.5rem,2.5vw,2rem);margin-bottom:16px}
.sector-intro p{font-size:var(--fs-md);color:var(--tl-navy-muted);line-height:1.6;max-width:30ch}
.sector-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sector-panel{min-width:0;background:var(--tl-white);color:var(--tl-navy);border-radius:var(--r)}
.sector-toggle{display:flex;gap:12px;align-items:center;width:100%;min-height:48px;padding:20px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font-family:var(--tl-font-display);font-size:var(--fs-base);line-height:1.3}
.sector-icon{display:flex;flex:none;align-items:center;justify-content:center;width:28px;height:28px}
.sector-icon svg{width:24px;height:24px}
.sector-name{min-width:0}
.sector-detail{padding:0 24px 24px}
.sector-detail p{font-size:var(--fs-base);line-height:1.6;max-width:34ch}
.sector-link{display:flex;gap:12px;align-items:center;min-height:44px;margin-top:24px;font-size:var(--fs-md);text-decoration:underline;text-underline-offset:5px}
.sector-link span:last-child{margin-left:auto}
.sector-ready{display:flex;gap:0;min-height:300px;overflow:hidden;border-radius:var(--r)}
.sector-ready .sector-panel{flex:0 0 44px;background:color-mix(in srgb,var(--tl-accent-lo) var(--sector-tone),var(--tl-navy));color:var(--tl-on-accent);border-radius:0}
.sector-ready .sector-panel.is-open{flex:1 1 0;min-width:280px}
.sector-ready .sector-toggle{padding:20px 10px;flex-direction:column;height:100%;align-items:center}
.sector-ready .sector-name{writing-mode:vertical-rl;max-height:220px}
.sector-ready .is-open .sector-toggle{height:auto;flex-direction:row;align-items:center;justify-content:flex-start;padding:24px;font-size:var(--fs-lg)}
.sector-ready .is-open .sector-name{writing-mode:horizontal-tb;max-height:none}
.sector-ready .sector-toggle:hover{background:rgba(255,255,255,.08)}
.sector-ready .sector-toggle:focus-visible,.sector-link:focus-visible{outline:2px solid var(--tl-on-accent);outline-offset:-4px}
.sector-ready .sector-detail p{color:var(--tl-on-accent)}
.sector-ready .is-open .sector-detail{animation:sector-content .25s var(--tl-ease) both}
@keyframes sector-content{from{opacity:.5;transform:translateX(8px)}to{opacity:1;transform:none}}
/* Measurement preview: unequal ledger hierarchy and a single chart. */
#panel .sh{margin-bottom:32px}
.section-target{display:block;scroll-margin-top:120px}
.coverage-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px;padding:32px 0}
.coverage-ledger{display:flex;flex-direction:column;gap:24px}
.coverage-lead>span{font-family:var(--tl-font-display);font-size:var(--fs-base)}
.coverage-lead>strong{display:block;font-family:var(--tl-font-display);font-weight:400;font-size:clamp(3.5rem,6vw,5rem);line-height:1.1;letter-spacing:-.03em;color:var(--tl-accent-hi);margin:12px 0}
.coverage-lead p{color:var(--tl-text-2);font-size:var(--fs-md);margin:0}
.coverage-lead .coverage-denominator{color:var(--tl-text-3);margin-top:8px}
.coverage-record{border-top:1px solid var(--tl-line-3);padding-top:20px}
.coverage-record>span{font-family:var(--tl-font-display);font-size:var(--fs-md)}
.coverage-record>strong{display:block;font-family:var(--tl-font-display);font-size:2rem;line-height:1.2;margin:8px 0}
.coverage-record p{font-size:var(--fs-sm);color:var(--tl-text-3);max-width:35ch}
#panel .pf-chart{margin:0;min-width:0}
#panel .pf-chart figcaption{align-items:flex-start;gap:16px}
#panel .pf-chart h3{font-size:var(--fs-lg)}
#panel .pf-note{font-size:var(--fs-sm)}
.outcome-measures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid var(--tl-line-3);padding-top:24px}
.outcome-measures h3{font-family:var(--tl-font-display);font-size:var(--fs-base);font-weight:500;margin-bottom:8px}
.outcome-measures p{font-size:var(--fs-md);color:var(--tl-text-3);max-width:32ch}
.coverage-foot{font-size:var(--fs-sm);color:var(--tl-text-3);margin-top:20px}
/* Technical process: real sequence, large outline numerals, no nested cards. */
.technical-steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.technical-steps li{display:flex;flex-direction:column;scroll-margin-top:120px}
.technical-number{font-family:var(--tl-font-display);font-size:clamp(3.5rem,6vw,5rem);line-height:1;color:transparent;-webkit-text-stroke:1px var(--tl-accent-ink);margin-bottom:24px}
.technical-steps h3{font-family:var(--tl-font-display);font-size:var(--fs-lg);font-weight:500;line-height:1.3;margin-bottom:16px}
.technical-steps p{font-size:var(--fs-md);line-height:1.7;color:var(--tl-navy-muted);margin:0 0 24px}
.technical-output{display:block;margin-top:auto;padding-top:16px;border-top:1px solid var(--tl-line-light);font-size:var(--fs-sm);font-weight:500;color:var(--tl-accent-ink)}
.technical-terms{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--tl-line-light);padding-top:24px;margin-top:32px}
.technical-terms p{font-size:var(--fs-sm);color:var(--tl-navy-muted);max-width:70ch}
.technical-terms a{flex:none}
.founder-inline{margin-top:20px;padding-top:20px;border-top:1px solid var(--tl-line-light);max-width:52ch}
.founder-inline h3{font-size:var(--fs-sm);font-weight:500;color:var(--tl-navy-muted);margin-bottom:12px}
.founder-inline blockquote{margin:0;font-size:var(--fs-base);line-height:1.6;color:var(--tl-navy)}
.founder-inline p{margin-top:12px;font-size:var(--fs-sm);color:var(--tl-navy-muted)}
/* Relay construction sequence: coordinator, branches, agents, endpoints. */
.org-tools{position:relative;top:auto;right:auto;margin:0 0 20px;justify-content:flex-end}
.org-replay{border:1px solid var(--tl-line-3);padding:10px 16px;background:var(--tl-panel);color:var(--tl-text);font-size:var(--fs-md)}
.org-replay:hover{border-color:var(--tl-accent-hi);color:var(--tl-accent-hi)}
.org-running .org-coordinator{animation:org-core-build .4s var(--tl-ease) both}
.org-running .org-edge{stroke-dasharray:var(--org-length);animation:org-build-line .6s var(--tl-ease) var(--org-delay) both}
.org-running .org-edge--support{stroke-dasharray:3 5;animation:org-boundary-build .55s var(--tl-ease) var(--org-delay) both}
.org-running .org-role{animation:org-node-build .45s var(--tl-ease) calc(750ms + var(--org-delay,0ms)) both}
.org-running .org-role .org-icon{animation:org-plate .65s var(--tl-ease) calc(750ms + var(--org-delay,0ms)) both}
.org-running .org-support>div{animation:org-node-build .45s var(--tl-ease) calc(1800ms + var(--org-delay,0ms)) both}
@keyframes org-core-build{from{opacity:.35;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@keyframes org-build-line{from{stroke-dashoffset:var(--org-length);opacity:0}to{stroke-dashoffset:0;opacity:.85}}
@keyframes org-boundary-build{from{opacity:0}to{opacity:.85}}
@keyframes org-node-build{from{opacity:.25;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1199px){#industries.sector-section{grid-template-columns:minmax(0,1fr)}.sector-intro{display:flex;gap:32px;align-items:flex-start}.sector-intro p{max-width:52ch}}
@media(max-width:959px){
 .sector-ready{flex-direction:column;min-height:0}.sector-ready .sector-panel{flex:none;min-width:0}.sector-ready .sector-panel.is-open{flex:none;min-width:0}
 .sector-ready .sector-toggle{height:auto;flex-direction:row;justify-content:flex-start;padding:12px 20px;min-height:48px}.sector-ready .sector-name{writing-mode:horizontal-tb;max-height:none}
 .sector-ready .is-open .sector-toggle{padding:20px}.sector-detail{padding:0 20px 20px}.sector-link{margin-top:16px}
 .coverage-layout{grid-template-columns:minmax(0,1fr);gap:24px}.coverage-ledger{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;order:1}.coverage-record{border-top:0;border-left:1px solid var(--tl-line-3);padding:0 0 0 20px}.coverage-lead>strong{font-size:3.5rem}
 .technical-steps{grid-template-columns:minmax(0,1fr);gap:28px}.technical-steps li{display:grid;grid-template-columns:60px minmax(0,1fr);column-gap:20px}.technical-number{grid-column:1;grid-row:1/span 2;font-size:3rem;margin:0}.technical-steps h3,.technical-steps p,.technical-output{grid-column:2}.technical-output{font-size:var(--fs-sm)}
 .technical-terms{align-items:flex-start;flex-direction:column;gap:12px}.outcome-measures{grid-template-columns:minmax(0,1fr);gap:16px}.outcome-measures div{display:grid;grid-template-columns:1fr 1.4fr;gap:16px}.outcome-measures h3{margin:0}.outcome-measures p{margin:0}
 .org-tools{position:relative;margin:0 0 16px}.sector-intro{display:block}.sector-intro p{max-width:52ch}
}
@media(max-width:479px){.coverage-ledger{grid-template-columns:minmax(0,1fr)}.coverage-record{border-left:0;border-top:1px solid var(--tl-line-3);padding:16px 0 0}.outcome-measures div{grid-template-columns:minmax(0,1fr);gap:4px}.technical-steps li{grid-template-columns:48px minmax(0,1fr);gap:0 16px}}
@media(prefers-reduced-motion:reduce){.sector-ready .is-open .sector-detail,.org-running .org-coordinator,.org-running .org-edge,.org-running .org-role,.org-running .org-support>div{animation:none}.org-running .org-edge{stroke-dasharray:none}.org-running .org-edge--support{stroke-dasharray:3 5}}


/* Batched visual refinement: compact reading measure and instrument alignment. */
#services .service-motion-card{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:16px;align-items:start}
#services .service-motion-card .card-art{grid-column:1;grid-row:1}
#services .service-motion-card .motion-title{grid-column:2;grid-row:1;align-self:center;margin:0;font-size:var(--fs-lg)}
#services .service-motion-card .motion-detail{grid-column:1/-1;margin-top:12px}
#services .service-motion-card .motion-link{grid-column:1/-1;padding-top:16px}
.coverage-layout{padding:32px}.outcome-measures{padding:24px 32px 0}.coverage-foot{padding:0 32px 24px}
@media(max-width:959px){.technical-steps p{grid-column:1/-1;margin-top:16px}.technical-output{grid-column:1/-1}.technical-steps h3{align-self:center;margin:0}.technical-number{grid-row:1}.coverage-layout{padding:24px 20px}.outcome-measures{padding:20px 20px 0}.coverage-foot{padding:0 20px 20px}}

/* Final pacing repair: mobile chooser keeps allnine destinations readable. */
@media(max-width:959px){.sector-ready{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:var(--tl-navy)}.sector-ready .sector-panel.is-open{grid-column:1/-1}.sector-ready .sector-panel:not(.is-open) .sector-icon{display:none}.sector-ready .sector-panel:not(.is-open) .sector-toggle{padding:12px;min-height:56px;font-size:var(--fs-md)}.relay-intro{max-width:62ch}.relay-availability{font-size:var(--fs-md)}.founder-inline{margin-top:12px;padding-top:16px}}

/* Secondary detail stays inspectable without extending the main narrative. */
.outcome-definition{border-top:1px solid var(--tl-line-3)}
.outcome-definition summary{cursor:pointer;min-height:56px;padding:16px 32px;font-size:var(--fs-md);color:var(--tl-text-2)}
.outcome-definition .outcome-measures{border:0;padding-top:12px}
.quote-scope{width:100%;border-block:1px solid var(--tl-line-light);padding:0;margin:8px 0}
.quote-scope summary{cursor:pointer;min-height:48px;padding:12px 0;font-size:var(--fs-md);color:var(--tl-navy-muted)}
.quote-scope p{font-size:var(--fs-md);color:var(--tl-navy-muted);margin:0 0 16px}
@media(max-width:959px){.outcome-definition summary{padding:16px 20px}}

/* Desktop sectors: one feature panel and eight readable choices. */
@media(min-width:960px){
.sector-ready{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(72px,auto));gap:2px;min-height:300px;background:var(--tl-navy)}
.sector-ready .sector-panel{grid-column:var(--sector-col);grid-row:var(--sector-row);min-width:0}
.sector-ready .sector-panel.is-open{grid-column:1;grid-row:1/span 4;min-width:0}
.sector-ready .sector-toggle{height:100%;flex-direction:row;justify-content:flex-start;align-items:center;padding:14px;font-size:var(--fs-md);text-align:left}
.sector-ready .sector-name{writing-mode:horizontal-tb;max-height:none}
.sector-ready .sector-icon{flex:0 0 24px;width:24px;height:24px}
.sector-ready .is-open .sector-toggle{height:auto;padding:24px;font-size:var(--fs-lg)}
}

/* Author-approved navigation, client context and secondary Wada accent. */
:root{--tl-citron:#edf1f5;--tl-on-citron:#0A2540}
.client-label{font-size:var(--fs-sm);font-weight:600;color:var(--tl-navy-muted);text-align:left;margin:0 auto 12px}
#hdr .lang{color:inherit;white-space:nowrap;flex:none;min-height:44px;padding:0 8px}
.workflow-card .card-art{background:var(--tl-citron);color:var(--tl-on-citron);padding:6px;width:40px;height:40px}
.technical-output{border-left:3px solid var(--tl-citron);padding-left:12px}
@media(min-width:720px){#services .service-motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-motion-grid>.motion-card:last-child{grid-column:auto}}
/* Wada127 adaptation: Pistachio / Cinnamon / warm ivory; cobalt brand retained. */
:root{--tl-slate:#f8fafc;--tl-slate-2:#edf1f5;--tl-warm-accent:#b7c8f1;--tl-citron:#b7c8f1;--tl-forest:#1f4fd6;--report-after:#1f4fd6;--report-ink:#0a2540}
#services .motion-card:hover,#services .motion-card:focus-visible{background:#edf1f5;border-color:#cbd5e1}
#industries .sector-ready .sector-panel{background:color-mix(in srgb,var(--tl-forest) var(--sector-tone),#0a2540)}
.demo-caption{font-family:var(--tl-font-mono);font-size:var(--fs-xs);font-weight:400;letter-spacing:.03em;color:#475569}
#evidence .demo-caption{display:block;margin-bottom:16px}
.report-section{background:#edf1f5;color:#0a2540}
.report-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:32px}
.report-heading h2{margin:0;max-width:24ch}.report-heading .tlink{flex:none;color:#1f4fd6;min-height:44px}
#panel .inst{background:#ffffff;border:1px solid #cbd5e1;border-radius:6px;box-shadow:none;color:#0a2540}
#panel .pf-bar{padding:20px 28px;border-bottom:1px solid #e2e8f0;background:transparent;gap:20px}
#panel .pf-id{font-family:var(--tl-font-body);text-transform:none;font-size:var(--fs-base);letter-spacing:0;display:flex;gap:20px;color:#0a2540}
#panel .pf-id b{color:#0a2540;font-weight:500}
#panel .rng{border:1px solid #cbd5e1;background:#edf1f5;color:#1f4fd6;border-radius:4px;padding:3px;gap:2px}
#panel .rng button{color:#1f4fd6;min-width:76px;background:transparent;font-size:var(--fs-sm);border:0;min-height:38px}
#panel .rng button.on{background:#1f4fd6;color:#fff;box-shadow:none;border-radius:2px}
#panel .rng button:focus-visible{outline:2px solid #1f4fd6;outline-offset:2px}
.report-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:28px 0;border-bottom:1px solid #e2e8f0}
.report-summary>div{padding:0 28px;border-right:1px solid #e2e8f0}.report-summary>div:last-child{border:0}
.report-summary h3{font-family:var(--tl-font-body);font-size:var(--fs-md);font-weight:400;margin:0 0 12px;color:#475569}
.report-summary strong{display:block;font-family:var(--tl-font-display);font-size:clamp(36px,4.1vw,58px);font-weight:400;line-height:1.08;letter-spacing:-.04em;margin-bottom:10px;color:#0a2540;font-variant-numeric:tabular-nums}
.report-summary>div>span{font-size:var(--fs-sm);color:#475569;line-height:1.5}.report-summary b{font-weight:500}
#panel .pf-chart{padding:28px;margin:0;border:0;background:transparent}
#panel .pf-chart figcaption{align-items:center;gap:16px;margin-bottom:26px}
#panel .pf-chart h3{font-size:var(--fs-base);font-family:var(--tl-font-body);font-weight:500;color:#0a2540;margin:0}
#panel .pf-note{color:#475569;display:flex;align-items:center;gap:8px;margin:0;font-size:var(--fs-sm)}
.report-key{display:inline-block;width:9px;height:9px;flex:none;border-radius:0}.report-key-open{background:#1f4fd6}.report-key-closed{background:#1f4fd6;margin-left:12px}
#panel .pf-bars{height:216px;overflow:visible}#panel .pf-bars .pf-col{transform:none;transition:fill .16s ease}#panel .pf-bars .pf-open{fill:#1f4fd6}#panel .pf-bars .pf-off{fill:#1f4fd6}
#panel .pf-bars .pf-axis{stroke:#cbd5e1}#panel .pf-bars .pf-brk{stroke:#94a3b8}#panel .pf-bars text{fill:#475569;font-size:11px;letter-spacing:0}#panel .pf-bars text.pf-peak{fill:#0a2540}
#panel .tip{background:#ffffff;color:#0a2540;border-color:#cbd5e1;box-shadow:0 4px 16px #0a254014;max-width:220px;white-space:normal;font-size:12px}
#panel .tip span{color:#475569}
.process-section{background:#f8fafc;color:#0a2540}
.process-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.process-deck.process-ready{grid-template-columns:2fr 1fr 1fr;transition:grid-template-columns .34s cubic-bezier(.2,.7,.2,1)}
.process-deck[data-step="1"]{grid-template-columns:1fr 2fr 1fr}.process-deck[data-step="2"]{grid-template-columns:1fr 1fr 2fr}
.process-panel{background:#edf1f5;border:1px solid #cbd5e1;border-radius:4px;overflow:hidden;min-width:0;display:flex;flex-direction:column;scroll-margin-top:120px}
.process-panel:nth-child(2){background:#edf1f5}.process-panel:nth-child(3){background:#edf1f5}.process-panel.is-selected{border-color:#94a3b8}
.process-select{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:108px;padding:20px 24px;text-align:left;border:0;background:transparent;color:#0a2540;width:100%;cursor:pointer}
.process-select:focus-visible{outline:2px solid #1f4fd6;outline-offset:-5px}
.process-number{font-family:var(--tl-font-display);font-weight:500;letter-spacing:-.06em;font-size:clamp(44px,5vw,70px);line-height:1;color:transparent;-webkit-text-stroke:1px #64748b;transition:color .2s ease}
.is-selected .process-number{color:#1f4fd6;-webkit-text-stroke:0}
.process-title{font-family:var(--tl-font-display);font-size:var(--fs-lg);line-height:1.2;font-weight:500}.process-arrow{font-size:22px;color:#64748b;align-self:start;transition:transform .2s ease}.is-selected .process-arrow{transform:rotate(45deg)}
.setup-art{position:relative;min-height:260px;margin:0 20px 8px;display:flex;align-items:center;justify-content:center;font-family:var(--tl-font-body);font-size:12px;line-height:1.4;transition:opacity .24s ease}
.process-ready .process-panel:not(.is-selected) .setup-art{opacity:1}
.art-paper,.tool-card,.test-console{width:100%;max-width:370px;position:relative;background:#ffffff;border:1px solid #cbd5e1;border-radius:5px;box-shadow:0 12px 28px #0a25400f;padding:0 20px;color:#0a2540;min-width:0}
.art-paper{z-index:1;transform:rotate(-2deg);transition:transform .3s ease}.is-selected .art-paper{transform:rotate(0)}
.paper-back{position:absolute;width:80%;max-width:350px;height:196px;background:#e2e8f0;transform:rotate(5deg);z-index:0;top:30px;left:10%;box-shadow:none}
.art-toolbar{display:flex;align-items:center;gap:10px;font-weight:500;border-bottom:1px solid #e2e8f0;padding:18px 0;line-height:1.3}
.art-toolbar svg{width:20px;height:20px;color:#1f4fd6;flex:none}.art-dot{width:6px;height:6px;border-radius:50%;background:#1f4fd6;margin-left:auto;flex:none}
.art-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #e2e8f0;font-size:13px}.art-check{color:#1f4fd6;font-size:17px;font-weight:600}
.art-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 0;font-size:11px;color:#475569}.art-foot svg{height:17px;width:17px}
.art-tools{flex-direction:column;padding-top:8px}.tool-source{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#ffffff;border:1px solid #cbd5e1;border-radius:4px;box-shadow:0 4px 8px #0a254008;font-size:12px}.tool-source svg{width:19px;height:19px;color:#1f4fd6}
.tool-connector{width:1px;height:24px;background:#94a3b8;position:relative}.tool-connector:after{content:'';position:absolute;bottom:-2px;left:-2px;width:5px;height:5px;border-radius:50%;background:#1f4fd6}
.tool-symbol{font-size:21px;color:#1f4fd6}.tool-card code{font-family:var(--tl-font-mono);font-size:11px;white-space:nowrap}.tool-pill{padding:3px 7px;border-radius:2px;background:#edf1f5;color:#1f4fd6;font-size:10px;white-space:nowrap}
.test-console{background:#0a2540;border-color:#0a2540;color:#ffffff;padding:0 16px}.test-console .art-toolbar{border-color:#64748b;color:#ffffff}.console-dot{height:7px;width:7px;border-radius:50%;background:#b7c8f1;flex:none}
.test-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px 0;border-bottom:1px solid #64748b;font-size:11px}.test-row span:last-child{color:#b7c8f1}.test-console .art-foot{color:#e2e8f0}.test-console .art-check{color:#b7c8f1}
.process-detail{padding:12px 24px 24px;flex:1}.process-detail p{font-size:var(--fs-md);color:#475569;line-height:1.65;margin:0;max-width:55ch}.process-detail[hidden]{display:none}
.process-foot{display:flex;justify-content:space-between;padding-top:20px}.process-foot p{font-size:var(--fs-sm);color:#475569;max-width:80ch;margin:0}
.is-selected .tool-connector:after{animation:tool-packet .7s ease-out 1}.is-selected .art-line,.is-selected .test-row{animation:setup-row .28s ease-out both}.is-selected .art-line:nth-child(3),.is-selected .test-row:nth-child(3){animation-delay:60ms}.is-selected .art-line:nth-child(4),.is-selected .test-row:nth-child(4){animation-delay:120ms}
@keyframes tool-packet{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes setup-row{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.process-select{padding:16px;gap:10px}.process-title{font-size:18px}.process-number{font-size:48px}.setup-art{margin:0 12px 8px}.art-paper,.tool-card{padding:0 12px}.art-line{font-size:12px}.test-row{grid-template-columns:1fr;gap:4px;padding:10px 0}.process-arrow{font-size:18px}}
@media(max-width:719px){.report-heading{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:24px}.report-summary{padding:20px 0}.report-summary>div{padding:0 14px}.report-summary h3{font-size:12px;min-height:34px;line-height:1.35;margin-bottom:8px}.report-summary strong{font-size:32px;letter-spacing:-.045em}.report-summary>div>span{font-size:11px}.report-summary>div:last-child>span{display:none}#panel .pf-bar{padding:16px;align-items:flex-start;gap:16px}#panel .pf-id{gap:5px;flex-direction:column;font-size:14px}#panel .rng button{min-width:60px;min-height:38px}#panel .pf-chart{padding:20px 16px}#panel .pf-chart figcaption{margin-bottom:20px;gap:12px;align-items:flex-start;flex-direction:column}#panel .pf-chart h3{font-size:15px}#panel .pf-note{font-size:11px}#panel .pf-bars text{font-size:10px}#panel .pf-bars{height:190px}.process-deck,.process-deck.process-ready,.process-deck[data-step]{grid-template-columns:1fr;gap:10px;transition:none}.process-select{min-height:84px;padding:18px 20px;grid-template-columns:56px minmax(0,1fr) 20px;gap:12px}.process-number{font-size:46px}.process-title{font-size:19px}.setup-art{min-height:235px;margin:0 20px 8px}.process-ready .process-panel:not(.is-selected) .setup-art{display:none}.art-paper,.tool-card,.test-console{max-width:370px}.test-row{grid-template-columns:1fr 1fr;gap:14px;padding:16px 0}.process-detail{padding:12px 20px 20px}.process-detail p{font-size:14px}.process-foot p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.process-deck,.art-paper,.setup-art,.process-number,.process-arrow{transition:none}.is-selected .tool-connector:after,.is-selected .art-line,.is-selected .test-row{animation:none}}


#panel .rng button{min-height:44px}
@media(min-width:720px) and (max-width:959px){.process-deck,.process-deck.process-ready,.process-deck[data-step]{grid-template-columns:1fr;transition:none}.process-select{grid-template-columns:56px minmax(0,1fr) 20px;padding:18px 24px;min-height:84px}.setup-art{min-height:240px}.process-ready .process-panel:not(.is-selected) .setup-art{display:none}.process-detail{padding:12px 24px 24px}.test-row{grid-template-columns:1fr 1fr}}

#evidence{--tl-slate-text-2:#475569}#evidence .replay{color:#475569}#panel .pf-chart h3{text-transform:none;letter-spacing:0}
@media(max-width:359px){.report-summary strong{font-size:24px}}

/* Freshreview repair: datareadouts andlimitedcolourroles. */
#panel .tip{width:184px;max-width:calc(100% - 8px);box-sizing:border-box;white-space:normal}#panel .tip b{color:#0a2540}#panel .tip span{color:#475569}
.report-section{background:#f8fafc}
.process-panel,.process-panel:nth-child(2),.process-panel:nth-child(3){background:#ffffff}.process-panel.is-selected{background:#edf1f5}
#industries .sector-ready .sector-panel:not(.is-open){background:#ffffff;color:#0a2540}#industries .sector-panel:not(.is-open) .sector-toggle:hover{background:#edf1f5}#industries .sector-panel:not(.is-open) .sector-toggle:focus-visible{outline:2px solid #1f4fd6;outline-offset:-4px}
.relay-disclosure{grid-column:1/-1;min-width:0;margin-top:28px;border-top:1px solid var(--tl-line-3)}.relay-disclosure>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:16px 0;color:var(--tl-text);font-size:var(--fs-base);cursor:pointer}.relay-disclosure>summary::-webkit-details-marker{display:none}.relay-disclosure>summary:focus-visible{outline:2px solid var(--tl-accent-hi);outline-offset:4px}.relay-disclosure[open]>summary .arr{transform:rotate(180deg)}.relay-disclosure .relay-showcase{margin-top:20px}
.email-contact{display:flex;align-items:flex-start;flex-direction:column;gap:16px;margin-top:24px}.email-contact p{font-size:var(--fs-md);color:var(--tl-text-3);margin:0;max-width:52ch}.email-contact .btn{min-height:52px}.email-contact a:not(.btn){color:inherit;text-decoration:underline;text-underline-offset:3px}

/* Unified cobalt-neutral refinement. Brand blue is reserved for actions and selected states. */
:root{--tl-slate:#f8fafc;--tl-slate-2:#edf1f5;--report-after:var(--tl-accent-lo);--report-ink:var(--tl-navy)}
#services .motion-card:hover,#services .motion-card:focus-visible{background:var(--tl-slate-2);border-color:#cbd5e1}
.workflow-card .card-art{background:transparent;color:var(--tl-accent-lo);padding:0}
#panel .pf-bars .pf-open,.report-key-open{fill:#64748b;background:#64748b}#panel .pf-bars .pf-off,.report-key-closed{fill:var(--tl-accent-lo);background:var(--tl-accent-lo)}
#panel .pf-note{font-family:var(--tl-font-body);text-transform:none;letter-spacing:0;flex-wrap:wrap;font-size:13px;row-gap:8px}
.process-number{-webkit-text-stroke-color:#64748b}.is-selected .process-number{color:var(--tl-navy)}.process-select:focus-visible{outline-color:var(--tl-accent-lo)}
.test-console{background:var(--tl-navy);border-color:var(--tl-navy)}.console-dot,.test-row span:last-child,.test-console .art-check{color:#fff;background:transparent}.console-dot{background:#fff}.tool-pill{color:var(--tl-navy);background:var(--tl-slate-2)}
.sector-intro p{max-width:32ch}.industry-browser{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:28px;align-items:start;min-width:0}
.sector-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--tl-line-light)}
.sector-choices .sector-toggle{min-height:78px;height:100%;padding:16px 12px;gap:10px;border-bottom:1px solid var(--tl-line-light);color:var(--tl-navy);font-size:15px;line-height:1.35;background:transparent}
.sector-choices .sector-toggle[aria-expanded=true]{background:var(--tl-slate-2);box-shadow:inset 0 0 0 1px #94a3b8}.sector-choices .sector-toggle[aria-expanded=true] .sector-icon{color:var(--tl-accent-lo)}
.sector-choices .sector-toggle:hover{background:var(--tl-slate-2)}.sector-choices .sector-toggle:focus-visible{outline:2px solid var(--tl-accent-lo);outline-offset:-3px}
.sector-choices .sector-name{writing-mode:horizontal-tb;max-height:none}.sector-choices .sector-icon{width:22px;height:22px;color:#64748b}.sector-choices .sector-icon svg{width:22px;height:22px}
.sector-preview{padding:24px;background:var(--tl-white);border:1px solid var(--tl-line-light);min-height:234px;min-width:0;color:var(--tl-navy)}.sector-preview[hidden]{display:none}
.sector-preview h4{font-size:var(--fs-lg);line-height:1.25;font-weight:500;margin:0 0 14px}.sector-preview .sector-detail{padding:0}.sector-preview .sector-detail p{font-size:var(--fs-md);color:var(--tl-navy-muted);line-height:1.6;margin:0;max-width:40ch}.sector-preview .sector-link{color:var(--tl-accent-lo);font-size:var(--fs-md);margin-top:18px;gap:8px}
@media(max-width:1100px){.sector-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.industry-browser{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
@media(max-width:719px){
.industry-browser{grid-template-columns:1fr;gap:16px}.sector-choices .sector-toggle{min-height:62px;padding:12px 8px;font-size:14px;gap:8px}.sector-choices .sector-icon,.sector-choices .sector-icon svg{width:20px;height:20px}.sector-preview{min-height:0;padding:20px}.sector-preview h4{font-size:20px}
.report-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.report-summary>div{padding:18px 16px;border:0}.report-summary>div:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:0 16px;border-bottom:1px solid #e2e8f0}.report-summary>div:first-child strong{grid-column:2;grid-row:1/span 2;font-size:40px;margin:0}.report-summary>div:first-child>span{grid-column:1}.report-summary>div:last-child{border-left:1px solid #e2e8f0}.report-summary h3{font-size:14px;min-height:0;margin-bottom:8px}.report-summary strong{font-size:36px;margin-bottom:8px}.report-summary>div>span{font-size:12px;line-height:1.4}.report-summary>div:last-child>span{display:block}
#panel .pf-bars{height:216px}#panel .pf-bars text{font-size:11px}#panel .pf-chart{padding:20px 16px}#panel .pf-chart figcaption{gap:12px;margin-bottom:18px}#panel .pf-note{font-size:12px;gap:8px}.report-key-closed{margin-left:8px}
}


.chart-reader{display:none}.sector-detail-cue{display:none}
#relay{padding-block:40px}.relay-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;row-gap:8px;align-items:center;max-width:none}.relay-intro h2{margin:0;font-size:var(--fs-xl)}.relay-intro .relay-position{grid-column:1;margin:0;font-size:var(--fs-md);line-height:1.6;max-width:64ch}.relay-intro>.btn{grid-column:2;grid-row:1/span 2;margin:0;align-self:center}.relay-disclosure{margin-top:16px}.relay-disclosure>summary{font-size:var(--fs-md);min-height:56px;padding-block:12px}.relay-disclosure>.relay-availability{font-size:var(--fs-md);line-height:1.6;margin:20px 0;max-width:80ch}
@media(max-width:719px){
.chart-reader{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--tl-line-light)}.chart-reader button{width:48px;min-height:48px;border:1px solid #94a3b8;background:#fff;color:var(--tl-navy);border-radius:4px;font-size:20px}.chart-reader button:focus-visible{outline:2px solid var(--tl-accent-lo);outline-offset:2px}.chart-readout{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;font-size:12px;line-height:1.3;color:var(--tl-navy-muted)}.chart-readout strong{font-weight:500;font-size:15px;color:var(--tl-navy)}
.sector-choices .sector-toggle{display:grid;grid-template-columns:20px minmax(0,1fr);grid-template-rows:auto 16px;min-height:80px;align-content:center;row-gap:4px}.sector-icon{grid-row:1}.sector-choices .sector-name{grid-column:2}.sector-detail-cue{grid-column:2;font-size:12px;line-height:1.3;visibility:hidden;display:block;color:var(--tl-navy-muted)}.sector-toggle[aria-expanded=true] .sector-detail-cue{visibility:visible}.sector-toggle[aria-expanded=true] .sector-name{font-weight:600}
.relay-intro{grid-template-columns:1fr;gap:8px}.relay-intro>.btn{grid-column:1;grid-row:auto;justify-self:start;margin-top:8px}.relay-intro h2{font-size:26px}.relay-disclosure{margin-top:16px}
}


/* Kyndryl's measured band proportions and fade/resize sequence, in TalkLogic cobalt. */
#process .process-layout{display:grid;grid-template-columns:35% minmax(0,65%);border-radius:20px;overflow:hidden;background:#edf1f5}
#process .process-intro{padding:40px;display:flex;flex-direction:column;align-items:flex-start;gap:24px;min-width:0}#process .process-intro h2{font-size:clamp(30px,3.2vw,44px);line-height:1.12;font-weight:500;letter-spacing:-.025em;max-width:10ch;margin:0;color:var(--tl-navy)}#process .process-intro .tlink{font-size:14px;line-height:1.5;white-space:normal}
.process-controls{display:flex;gap:12px;margin-top:auto}.process-controls button{width:48px;min-height:48px;border:0;background:transparent;color:var(--tl-navy);font-size:22px;cursor:pointer}.process-controls button:focus-visible{outline:2px solid var(--tl-accent-lo);outline-offset:-3px}
#process .process-deck,#process .process-deck[data-step]{display:flex;gap:0;grid-template-columns:none;min-height:440px;transition:none;align-items:stretch}
#process .process-panel,#process .process-panel:nth-child(n){position:relative;flex:1 1 0%;background:var(--band-tone);border:0;border-radius:0;min-width:0;overflow:hidden;display:block;transition:flex .5s ease;color:#fff;scroll-margin-top:110px}#process .process-panel.is-selected{flex:7 1 0%}
#process .process-select{position:absolute;inset:0;z-index:2;display:block;padding:0;min-height:0;color:#fff;background:transparent;cursor:pointer}#process .process-select:focus-visible{outline:2px solid #fff;outline-offset:-4px}
#process .process-number,#process .is-selected .process-number{position:absolute;left:22px;top:24px;width:44px;height:44px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:rgba(255,255,255,.13);color:#fff;font-family:var(--tl-font-body);font-size:19px;font-weight:400;letter-spacing:0;-webkit-text-stroke:0;line-height:1}
#process .process-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#process .band-reveal{position:absolute;inset:98px 28px 30px;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s;pointer-events:none}#process .is-selected .band-reveal{opacity:1;visibility:visible}#process .is-switching .band-reveal{opacity:0;visibility:hidden}
#process .band-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;height:100%;min-width:0}#process .band-copy{align-self:start;min-width:0}#process .band-copy h3{color:#fff;font-size:clamp(22px,2.1vw,30px);font-weight:400;line-height:1.18;letter-spacing:-.02em;margin:0 0 20px}#process .band-copy p{color:#fff;font-size:15px;line-height:1.65;margin:0;max-width:40ch}
#process .setup-art{display:flex!important;opacity:1;min-height:250px;width:100%;margin:0;max-width:280px;font-size:11px}#process .art-paper,#process .tool-card,#process .test-console{max-width:280px;padding-inline:14px}#process .art-line{font-size:11px;padding-block:12px}#process .art-toolbar{font-size:11px;padding-block:14px}#process .art-foot{font-size:10px;padding-block:12px}#process .test-row{grid-template-columns:1fr;gap:4px;padding-block:10px;font-size:11px}#process .paper-back{top:12%;height:180px}#process .process-foot{padding-top:20px}
/* An actual service-overview hierarchy, not a flat row of figures. */
#panel .inst{background:transparent;border:0;border-radius:0;overflow:visible}#panel .pf-bar{padding:24px 28px 56px;background:#1f4fd6;border:0;border-radius:12px;color:#fff;align-items:center}#panel .pf-id,#panel .pf-id b{color:#fff}#panel .pf-id span{color:#fff}#panel .rng{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.55)}#panel .rng button{color:#fff}#panel .rng button.on{background:#fff;color:#173faa}#panel .rng button:focus-visible{outline-color:#fff}
#panel .report-summary{padding:0;margin:-32px 20px 20px;gap:12px;border:0;position:relative;z-index:1}#panel .report-summary>div{padding:24px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 3px 8px rgba(10,37,64,.04)}#panel .report-summary strong{font-size:clamp(34px,3.8vw,52px)}
.report-charts{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px}#panel .pf-chart,.report-distribution{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:24px;min-width:0}#panel .pf-chart figcaption{margin-bottom:20px}#panel .pf-note{font-size:12px}#panel .report-key-closed{margin-left:0}#panel .pf-bars .pf-point{fill:#fff;stroke:#1f4fd6;stroke-width:2;transition:r .15s}#panel .pf-bars .pf-point.hot{r:5.5;fill:#1f4fd6;filter:none}#panel .report-line{stroke:#1f4fd6;stroke-width:2.5;stroke-linejoin:round}
.report-distribution h3{font-size:var(--fs-base);font-weight:500;margin:0 0 18px;color:var(--tl-navy)}.distribution-body{display:flex;flex-direction:column;align-items:center;gap:22px}.distribution-ring{position:relative;width:170px;height:170px;flex:none}.distribution-ring svg{width:100%;height:100%}.distribution-ring>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.distribution-ring strong{font-family:var(--tl-font-display);font-size:32px;font-weight:500;color:var(--tl-navy)}.distribution-ring span{font-size:12px;color:var(--tl-navy-muted)}.report-distribution dl{width:100%;margin:0}.report-distribution dl>div{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:10px 0;border-top:1px solid #e2e8f0}.report-distribution dt{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tl-navy-muted)}.report-distribution dd{font-size:15px;margin:0;font-variant-numeric:tabular-nums;color:var(--tl-navy)}.report-distribution dt i{width:8px;height:8px;background:#94a3b8}.report-distribution dl>div:last-child i{background:#1f4fd6}
/* Closing stroke resolves the opening ribbon into a single endpoint. */
#book.closing-tail{position:relative;overflow:hidden;min-height:540px;display:flex;align-items:center;background:#080c18;padding-block:90px}.tail-art{position:absolute;inset:0;pointer-events:none}.tail-art svg{width:100%;height:100%}.tail-art path{stroke-dasharray:1;stroke-dashoffset:0}.tail-arrived .tail-art path{animation:tail-resolve 1.8s cubic-bezier(.22,.61,.36,1) both}.tail-arrived .tail-art path:nth-child(n){animation-delay:calc(var(--tail-index,0)*30ms)}@keyframes tail-resolve{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
#book .close-in{max-width:var(--max);align-items:flex-start;text-align:left;gap:24px;margin-inline:auto;width:100%;padding-inline:var(--gutter)}#book .close-in h2{max-width:15ch;font-size:clamp(36px,4.3vw,62px);line-height:1.1;letter-spacing:-.03em}#book .close-in .lead{max-width:44ch;font-size:var(--fs-lg);line-height:1.6;color:var(--tl-text-3)}.closing-label{font-family:var(--tl-font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--tl-accent-hi)}.closing-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.closing-email{display:flex;gap:12px;align-items:center;font-size:var(--fs-md);min-height:48px;color:var(--tl-text-2)}
@media(min-width:720px) and (max-width:1100px){#process .process-layout{grid-template-columns:30% minmax(0,70%)}#process .process-intro{padding:28px}#process .band-body{grid-template-columns:1fr;gap:16px}#process .band-copy p{font-size:13px;max-width:50ch}#process .band-copy h3{font-size:22px;margin-bottom:10px}#process .band-reveal{inset:88px 24px 24px}#process .setup-art{min-height:0;max-width:240px;align-self:end}#process .art-line{padding-block:6px}#process .art-toolbar{padding-block:10px}#process .art-foot{padding-block:8px}#process .test-row{padding-block:6px;grid-template-columns:1fr 1fr}#process .process-deck{min-height:490px}.report-charts{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}
@media(max-width:719px){
#process .process-layout{display:block;border-radius:16px}#process .process-intro{padding:24px;gap:14px;position:relative}#process .process-intro h2{font-size:30px;max-width:none}#process .process-controls{margin-top:4px}#process .process-deck,#process .process-deck[data-step]{display:flex;flex-direction:column;min-height:0}#process .process-panel,#process .process-panel.is-selected{flex:none;transition:none}#process .process-select{position:relative;min-height:80px;padding:18px 24px;display:flex;align-items:center;gap:16px;text-align:left}#process .process-number,#process .is-selected .process-number{position:static;width:38px;height:38px;flex:none;font-size:17px}#process .process-title{position:static;width:auto;height:auto;padding:0;margin:0;clip-path:none;white-space:normal;overflow:visible;font-size:18px;font-weight:400;line-height:1.3}
#process .band-reveal{position:static;display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .5s ease,opacity .22s ease,visibility .22s}#process .is-selected .band-reveal{grid-template-rows:1fr;opacity:1;visibility:visible}#process .is-switching .band-reveal{opacity:0;visibility:hidden}#process .band-body{min-height:0;overflow:hidden;display:flex;flex-direction:column;height:auto;gap:20px;padding:0 24px 24px}#process .process-panel:not(.is-selected) .band-body{padding-block:0}#process .band-copy h3{display:none}#process .band-copy p{font-size:14px;line-height:1.6}#process .setup-art{max-width:290px;min-height:230px}#process .test-row{grid-template-columns:1fr 1fr;gap:14px;padding-block:16px}#process .process-foot p{font-size:12px}
#panel .pf-bar{padding:20px 16px 52px;align-items:flex-start;gap:12px}#panel .rng button{min-width:58px}#panel .report-summary{margin:-32px 12px 16px;gap:8px}#panel .report-summary>div{padding:18px 14px}#panel .report-summary>div:first-child{border:1px solid #e2e8f0}#panel .report-summary>div:first-child strong{font-size:36px}#panel .report-summary>div:last-child{border:1px solid #e2e8f0}#panel .report-summary strong{font-size:30px}.report-charts{grid-template-columns:1fr;gap:16px}#panel .pf-chart,.report-distribution{padding:20px 16px}.distribution-body{flex-direction:row;justify-content:space-between;gap:16px}.distribution-ring{width:108px;height:108px}.distribution-ring strong{font-size:24px}.distribution-ring span{font-size:10px}.report-distribution dl{flex:1}.report-distribution dt{font-size:12px}.report-distribution h3{font-size:15px}
#book.closing-tail{min-height:520px;padding-block:70px}.tail-art{opacity:.45;left:-50%}#book .close-in h2{font-size:36px;max-width:16ch}#book .close-in .lead{font-size:16px;max-width:34ch}.closing-actions{gap:20px}
}
@media(prefers-reduced-motion:reduce){#process .process-panel,#process .band-reveal{transition:none!important}.tail-arrived .tail-art path{animation:none}.process-deck.is-switching .band-reveal{opacity:1}}


#process .tool-source{color:var(--tl-navy)}#panel .report-gridline{stroke:#e2e8f0;stroke-width:1}

@media(min-width:720px){#process .process-panel:not(.is-selected) .process-number{left:50%;transform:translateX(-50%)}}
.tail-art path{vector-effect:non-scaling-stroke}.tail-end{position:absolute;left:84.5833%;top:81.3333%;width:8px;height:8px;transform:translate(-50%,-50%);border-radius:50%;background:#6e97ff}
@media(max-width:719px){.tail-art{left:0;opacity:.35}.distribution-ring span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}

/* Review repairs: keep the measured band motion; make every step recognizable. */
@media(min-width:720px){#process .process-panel:not(.is-selected) .process-title{top:96px;left:50%;width:auto;height:auto;margin:0;padding:0;clip-path:none;overflow:visible;white-space:nowrap;writing-mode:vertical-rl;text-orientation:mixed;transform:translateX(-50%);font-size:14px;line-height:1.4;font-weight:400}}
#process .band-copy p{font-size:16px;line-height:1.6}
.motion-detail p,.sector-intro p{font-size:16px}
footer a[href^="mailto:"]{display:inline-flex;align-items:center;min-height:44px!important}
@media(min-width:720px) and (max-width:1100px){#process .process-deck{min-height:560px}}
#panel .pf-id .demo-caption{font-family:var(--tl-font-body);font-size:14px;letter-spacing:0;line-height:1.4}
@media(min-width:720px) and (pointer:coarse){.chart-reader{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--tl-line-light)}.chart-reader button{width:48px;min-height:48px;border:1px solid #94a3b8;background:#fff;color:var(--tl-navy);border-radius:4px;font-size:20px}.chart-reader button:focus-visible{outline:2px solid var(--tl-accent-lo);outline-offset:2px}.chart-readout{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-size:12px;line-height:1.3;color:var(--tl-navy-muted)}.chart-readout strong{font-size:15px;font-weight:500;color:var(--tl-navy)}}


/* Same shader, geometry and bloom as the opening; the lower-right exit returns at the upper right. */
#book.closing-tail{background:#020307;min-height:600px}.tail-art{opacity:1!important;left:0!important}.tail-ribbon{display:block;width:100%;height:100%;transform:scaleY(-1);pointer-events:none!important}.tail-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,3,7,.82),rgba(2,3,7,.28) 52%,transparent 85%);pointer-events:none}#book .close-in{position:relative;z-index:1}
.report-drivers dd{display:flex;align-items:baseline;gap:8px}.report-drivers dd small{font-size:11px;color:var(--tl-navy-muted);min-width:38px;text-align:right}.report-drivers dt{max-width:18ch}.report-distribution dl>div{gap:10px;padding-block:8px}.report-distribution dt i{flex:none}
@media(max-width:719px){.report-distribution .distribution-body{flex-direction:column;align-items:stretch}.report-distribution .distribution-ring{width:132px;height:132px;align-self:center}.report-distribution .distribution-ring span{position:static!important;width:auto!important;height:auto!important;clip-path:none!important;overflow:visible!important;opacity:1!important;font-size:12px}.report-distribution dl{width:100%}.report-drivers dt{font-size:13px;max-width:none}.report-drivers dd small{font-size:12px}#book.closing-tail{min-height:560px}.tail-art::after{background:linear-gradient(180deg,rgba(2,3,7,.25),rgba(2,3,7,.72))}}


/* The closing carries the opening ribbon onward from the upper left. */
.tail-ribbon{transform:none}.tail-art::after{background:linear-gradient(90deg,transparent 15%,rgba(2,3,7,.2) 45%,rgba(2,3,7,.88) 85%)}
#book .close-in{padding-left:48%;padding-right:var(--gutter)}#book .close-in h2{max-width:17ch;font-size:clamp(36px,4vw,58px)}#book .close-in .lead{max-width:38ch;font-size:18px}
@media(max-width:719px){#book.closing-tail{padding-top:160px;padding-bottom:64px;min-height:650px}#book .close-in{padding-left:var(--gutter);padding-right:var(--gutter)}#book .close-in h2{font-size:36px}.tail-art::after{background:linear-gradient(180deg,transparent,rgba(2,3,7,.35) 25%,rgba(2,3,7,.92) 70%)}#book .close-in .lead{font-size:16px}}


/* Opus proposal, integrated by parent: one compact reporting instrument. */
#panel.report-section{background:#0b0c10;color:#f8fafc;padding-block:64px}#panel .h-section{color:#f8fafc}#panel .report-heading .tlink{color:#a2b8ee}
#panel .inst{border:1px solid #293341;border-radius:8px;overflow:hidden;background:#111722}#panel .pf-bar{padding:16px 24px;background:transparent;border-bottom:1px solid #293341;border-radius:0;color:#f8fafc;min-height:64px}#panel .demo-caption{color:#cbd5e1;font:14px var(--tl-font-body);letter-spacing:0}#panel .rng{background:transparent;border:1px solid #64748b}#panel .rng button{min-width:70px;min-height:44px;color:#cbd5e1}#panel .rng button.on{background:#edf1f5;color:#0a2540}
#panel .report-charts{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:0}#panel .pf-chart,#panel .report-distribution{background:transparent;border:0;border-radius:0;padding:24px;box-shadow:none}#panel .report-distribution{border-left:1px solid #293341}#panel .pf-chart figcaption{align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}#panel .pf-chart h3,#panel .report-distribution h3{color:#f8fafc;font-size:16px;margin:0}#panel .volume-total strong{display:block;font-family:var(--tl-font-display);font-size:52px;line-height:1.1;font-weight:500;margin-top:6px}#panel .volume-period{font-size:12px!important;color:#cbd5e1!important;margin-bottom:8px!important}#panel .pf-note{font-size:12px;color:#cbd5e1}#panel .pf-bars{height:210px}#panel .pf-bars text{fill:#cbd5e1}#panel .pf-bars .pf-grid,#panel .pf-bars .pf-brk{stroke:#64748b}#panel .report-line{stroke:#6e97ff}#panel .pf-bars .pf-point{fill:#111722;stroke:#6e97ff}#panel .pf-bars .pf-point.hot{fill:#a2b8ee}#panel .pf-plot .tip{background:#edf1f5;color:#0a2540}#panel .tip b,#panel .tip span{color:#0a2540}#panel .report-key{background:#6e97ff}
#panel .report-drivers{margin-top:22px}#panel .report-drivers>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:0 0 16px;margin-bottom:14px;border:0;position:relative}#panel .report-drivers dt{display:block;font-size:13px;color:#e2e8f0;max-width:none;padding-bottom:10px}#panel .report-drivers dd{color:#f8fafc;font-size:15px;padding-bottom:10px}#panel .report-drivers dd small{color:#cbd5e1;font-size:12px}#panel .driver-meter{position:absolute;left:0;right:0;bottom:4px;width:100%;height:4px;background:#293341!important}#panel .driver-meter::after{content:"";display:block;width:var(--driver-share);height:100%;background:#6e97ff}#panel .report-drivers>div:last-child{margin-bottom:0}
#panel .report-summary{margin:0;padding:20px 24px;gap:0;border-top:1px solid #293341}#panel .report-summary>div{padding:0 20px;background:transparent;border:0;border-radius:0;box-shadow:none}#panel .report-summary>div:first-child{padding-left:0}#panel .report-summary>div+div{border-left:1px solid #293341}#panel .report-summary h3{font-size:13px;color:#cbd5e1;margin-bottom:8px}#panel .report-summary strong{font-size:28px;color:#f8fafc}#panel .report-summary>div>span{color:#cbd5e1;font-size:12px}#panel .report-summary>div:last-child>span{display:block}#panel .chart-reader{border-color:#293341}#panel .chart-reader button{background:#111722;color:#edf1f5;border-color:#64748b}#panel .chart-readout,#panel .chart-readout strong{color:#e2e8f0}
#book .closing-next{font-size:14px;color:#cbd5e1;line-height:1.5;max-width:38ch;margin:0}
@media(max-width:719px){#panel.report-section{padding-block:48px}#panel .report-heading{gap:12px}#panel .pf-bar{padding:12px 16px;gap:12px}#panel .report-charts{grid-template-columns:1fr}#panel .pf-chart,#panel .report-distribution{padding:20px 16px}#panel .report-distribution{border-left:0;border-top:1px solid #293341}#panel .pf-chart figcaption{flex-direction:row;align-items:center;gap:8px}#panel .volume-total strong{font-size:42px}#panel .volume-period{font-size:11px!important;max-width:18ch}#panel .pf-note{display:none}#panel .pf-bars{height:170px}#panel .report-drivers{margin-top:18px}#panel .report-drivers>div{margin-bottom:10px;padding-bottom:12px}#panel .report-drivers dt{font-size:13px;padding-bottom:8px}#panel .report-summary{grid-template-columns:repeat(3,minmax(0,1fr));padding:16px;gap:0}#panel .report-summary>div,#panel .report-summary>div:first-child,#panel .report-summary>div:last-child{padding:0 8px;border:0}#panel .report-summary>div:first-child{padding-left:0}#panel .report-summary>div+div{border-left:1px solid #293341}#panel .report-summary h3{font-size:11px;min-height:38px;line-height:1.4;margin-bottom:6px}#panel .report-summary strong,#panel .report-summary>div:first-child strong{font-size:24px}#panel .report-summary>div>span{font-size:11px;line-height:1.4;display:block;margin-top:6px}#panel .report-summary>div:last-child>span{font-size:11px}}


#panel .volume-total strong{color:#f8fafc}#panel .pf-bars text.pf-peak{fill:#cbd5e1}#panel .pf-bars .pf-axis,#panel .pf-bars .report-gridline{stroke:#475569}
.tail-art::after{background:linear-gradient(90deg,transparent 15%,rgba(2,3,7,.65) 45%,rgba(2,3,7,.94) 75%)}
@media(max-width:719px){#panel .report-summary>div,#panel .report-summary>div:first-child,#panel .report-summary>div:last-child{display:block;grid-column:auto;grid-row:auto}#panel .report-summary>div strong{display:block;grid-column:auto;grid-row:auto}#panel .report-summary>div>span{grid-column:auto;grid-row:auto}.tail-art::after{background:linear-gradient(180deg,transparent,rgba(2,3,7,.35) 25%,rgba(2,3,7,.92) 70%)}}


#panel.report-section{padding-block:48px}#panel .report-heading{margin-bottom:24px}#panel .pf-bar{padding-block:12px}#panel .report-drivers>div{padding-bottom:10px;margin-bottom:8px}#panel .report-drivers dt,#panel .report-drivers dd{padding-bottom:8px}#panel .report-summary{padding-block:16px}
@media(max-width:719px){#panel.report-section{padding-block:40px}#panel .report-drivers>div{padding-bottom:8px;margin-bottom:8px}#panel .report-drivers dt,#panel .report-drivers dd{padding-bottom:6px}}


#pricing{padding-block:64px}#pricing .pl>.lead{font-size:18px;line-height:1.6;max-width:48ch}#pricing .quote-scope{width:100%;margin-top:4px}#pricing .pl>.btn{margin-top:8px}#relay .relay-intro h2{max-width:18ch}#relay .relay-position{max-width:64ch}#relay-showcase{scroll-margin-top:110px}#relay-showcase>summary:focus-visible{outline:2px solid var(--tl-accent-hi);outline-offset:4px}
@media(max-width:719px){#pricing{padding-block:48px}#pricing .pl>.lead{font-size:16px}#relay .relay-position{font-size:16px}}


#relay{padding-block:56px}#relay .relay-intro h2{font-size:clamp(32px,3.5vw,44px);line-height:1.12}#relay .relay-position{font-size:18px;line-height:1.6;max-width:58ch}
@media(max-width:719px){#relay{padding-block:40px}#relay .relay-intro h2{font-size:32px}#relay .relay-position{font-size:16px}}


/* Client report preview: paired charts on desktop, one selected chart on phone. */
#panel .inst{max-width:1120px;margin-inline:auto}
#panel .report-view-switch{display:none}
#panel .report-charts{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
#panel .pf-chart,#panel .report-distribution{padding:20px}
#panel .volume-total strong{font-size:40px}
#panel .distribution-body{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:18px;margin-top:20px}
#panel .distribution-ring{width:140px;height:140px}
#panel .distribution-ring strong{font-size:28px;color:#f8fafc}
#panel .distribution-ring span{font-size:12px;color:#cbd5e1}
#panel .report-drivers{margin:0}
#panel .report-drivers>div{padding:8px 0;margin:0;gap:8px;border-bottom:1px solid #293341}
#panel .report-drivers dt{display:flex;align-items:center;gap:8px;padding:0;font-size:12px;line-height:1.4}
#panel .report-drivers dd{padding:0;font-size:13px;flex-direction:column;gap:0;align-items:flex-end}
#panel .report-drivers dd small{font-size:11px}
#panel .driver-swatch{position:static;width:8px;height:8px;flex:none;border-radius:2px}
#panel .pf-bars{height:190px}
#panel .report-summary strong{font-size:26px}
#book.closing-tail{min-height:460px;padding-block:80px}
#book .close-in{padding-inline:var(--gutter);align-items:flex-start;text-align:left;gap:22px}
#book .close-in h2{font-size:clamp(34px,3.6vw,50px);max-width:19ch;text-wrap:balance}
#book .close-in .lead{max-width:47ch;font-size:18px}
#book .tail-art{inset:0;width:100%;height:100%;opacity:.75!important}
#book .tail-art::after{background:linear-gradient(90deg,rgba(2,3,7,.94) 0%,rgba(2,3,7,.88) 37%,rgba(2,3,7,.2) 85%)}
@media(min-width:720px) and (max-width:1100px){#panel .distribution-body{grid-template-columns:1fr;gap:8px}#panel .distribution-ring{width:112px;height:112px;margin:auto}}
@media(max-width:719px){
#panel .report-charts{grid-template-columns:minmax(0,1fr)}
#panel .report-view-switch{display:flex;gap:4px;padding:12px 16px 0}
#panel .report-view-switch button{flex:1;min-height:44px;background:transparent;color:#cbd5e1;border:1px solid #475569;border-radius:4px;padding:8px;font:inherit;font-size:13px}
#panel .report-view-switch button[aria-pressed="true"]{background:#edf1f5;color:#0a2540;border-color:#edf1f5}
#panel .report-view-switch button:focus-visible{outline:2px solid #a2b8ee;outline-offset:3px}
#panel .report-charts[data-active-view="volume"] .report-distribution,#panel .report-charts[data-active-view="reasons"] .pf-chart{display:none}
#panel .report-distribution{border-top:0}
#panel .distribution-body{grid-template-columns:1fr;gap:12px;margin-top:16px}
#panel .distribution-ring{margin-inline:auto}
#panel .report-drivers>div{grid-template-columns:minmax(0,1fr) auto}
#panel .distribution-ring{width:110px;height:110px}
#panel .distribution-ring strong{font-size:24px}
#panel .report-drivers dt{font-size:12px}
#panel .pf-chart,#panel .report-distribution{padding:20px 16px;min-height:315px}
#panel .report-summary strong{font-size:24px}
#book.closing-tail{min-height:490px;padding-block:64px}
#book .close-in h2{font-size:34px;max-width:18ch}
#book .close-in .lead{font-size:16px;max-width:36ch}
#book .tail-art{inset:0; width:100%;opacity:.38!important}
#book .tail-art::after{background:linear-gradient(180deg,rgba(2,3,7,.78),rgba(2,3,7,.9) 55%,rgba(2,3,7,.55))}
}


@media(max-width:719px){
#panel .pf-chart,#panel .report-distribution{min-height:0;padding:16px}
#panel .pf-chart figcaption{margin-bottom:8px}
#panel .volume-total strong{font-size:36px}
#panel .pf-bars{height:160px}
#panel .chart-reader{padding-block:8px;margin-top:8px}
#panel .report-drivers dd{flex-direction:row;gap:6px;align-items:baseline}
#panel .report-drivers>div{padding-block:8px}
#panel .report-summary{padding-block:12px}
}

/* A self-contained product surface, inspired by Edge Lab's compact console. */
.client-console{display:grid;grid-template-columns:176px minmax(0,1fr);max-width:1200px;margin-inline:auto;background:#111722;border:1px solid #293341;border-radius:10px;overflow:hidden}
#panel .client-console .inst{width:100%;max-width:none;margin:0;border:0;border-radius:0}
.console-rail{display:flex;flex-direction:column;gap:32px;padding:24px 12px;background:#0d121a;border-right:1px solid #293341}
.console-brand{display:flex;align-items:center;gap:9px;padding-inline:8px;font-size:17px;font-weight:500;color:#f8fafc}.console-brand svg{color:#6e97ff}
.console-nav{display:grid;gap:6px}.console-nav button{display:flex;align-items:center;gap:10px;padding:12px 10px;min-height:44px;text-align:left;background:transparent;border:0;border-radius:5px;color:#cbd5e1;font:inherit;font-size:13px;line-height:1.4}.console-nav button[aria-pressed="true"]{background:#1b2d50;color:#e9f0ff}.console-nav svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4}.console-more{display:flex;gap:8px;justify-content:space-between;margin-top:auto;padding:8px;font-size:12px;color:#a2b8ee;min-height:44px;align-items:center}
.console-context{font-size:14px;font-weight:500;color:#f8fafc;margin-right:auto}#panel .pf-bar{gap:12px}#panel .demo-caption{font-size:12px}#panel .pf-ctl{margin-left:0}
.client-console[data-console-view="calls"] .report-charts,.client-console[data-console-view="calls"] .report-summary{display:none!important}
.console-log{padding:24px;min-height:416px}.console-log[hidden]{display:none}.console-log h3{font-size:16px;font-weight:500;margin:0 0 22px;color:#f8fafc}.console-log table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;color:#e2e8f0}.console-log th{font-size:12px;font-weight:400;color:#cbd5e1;padding:12px 8px;border-bottom:1px solid #475569}.console-log td{padding:20px 8px;border-bottom:1px solid #293341;font-variant-numeric:tabular-nums}.console-log td:first-child,.console-log th:first-child{padding-left:0}.console-nav button:focus-visible,.console-more:focus-visible{outline:2px solid #a2b8ee;outline-offset:2px}
@media(min-width:720px) and (max-width:1100px){.client-console{grid-template-columns:144px minmax(0,1fr)}.console-rail{padding:20px 8px}.console-brand{font-size:15px}#panel .pf-bar{padding:12px 16px}#panel .distribution-body{grid-template-columns:1fr}}
@media(max-width:719px){.client-console{grid-template-columns:minmax(0,1fr)}.console-rail{padding:12px 16px;border-right:0;border-bottom:1px solid #293341;gap:0}.console-brand{padding:0;font-size:15px}.console-nav,.console-more{display:none}.console-context{display:none}#panel .pf-bar{align-items:center}#panel .report-view-switch button{font-size:12px;padding-inline:4px}#panel .console-log{padding:20px 16px;min-height:360px}.console-log table,.console-log tbody{display:block}.console-log thead{display:none}.console-log tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:16px 0;border-bottom:1px solid #293341}.console-log td{padding:0!important;border:0}.console-log td:nth-child(2){grid-column:1;grid-row:2}.console-log td:nth-child(3){grid-column:2;grid-row:1;text-align:right;color:#cbd5e1}.console-log td:nth-child(4){grid-column:1/-1;font-size:12px;color:#cbd5e1}.console-log td:first-child{font-size:12px;color:#cbd5e1}}

#panel .pf-ctl[hidden]{display:none}.log-field{display:none}#panel .console-log-date{margin:0 0 12px;font-size:12px;color:#cbd5e1}.console-log h3{margin-bottom:8px}
@media(min-width:720px) and (max-width:1100px){#panel .report-charts{grid-template-columns:minmax(0,1fr)}#panel .report-view-switch{display:flex;gap:4px;padding:12px 16px 0}#panel .report-view-switch button{flex:1;min-height:44px;padding:8px;background:transparent;color:#cbd5e1;border:1px solid #475569;border-radius:4px;font:inherit;font-size:13px}#panel .report-view-switch button[aria-pressed="true"]{background:#edf1f5;color:#0a2540}#panel .report-charts[data-active-view="volume"] .report-distribution,#panel .report-charts[data-active-view="reasons"] .pf-chart{display:none}#panel .distribution-body{grid-template-columns:140px minmax(0,1fr);gap:20px}#panel .report-distribution{border-left:0}#panel .pf-bars{height:190px}}
@media(max-width:719px){.console-log thead{display:table-header-group;position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%)}.log-field{display:inline;margin-right:6px;font-size:11px;color:#cbd5e1}.console-log td:nth-child(3){font-size:12px}#book .closing-next{max-width:40ch}}
@media(max-width:719px){#panel .report-summary h3{font-size:12px}#panel .report-summary>div>span{font-size:12px}}
@media(max-width:359px){#panel .report-summary h3{min-height:52px}#panel .report-summary>div{padding-inline:6px}}

/* Framed, right-aligned product preview. Overview is a single surface. */
#panel .report-layout{display:grid;grid-template-columns:minmax(200px,.27fr) minmax(0,1fr);gap:44px;align-items:center}
#panel .report-intro h2{font-size:clamp(28px,2.7vw,40px);line-height:1.15;max-width:12ch;margin:0 0 22px;text-wrap:balance}
#panel .report-intro p{font-size:16px;line-height:1.65;color:#cbd5e1;max-width:30ch;margin:0}
.report-stage{max-height:560px;overflow:auto;border:1px solid #293341;border-radius:12px;background:#111722;box-shadow:0 18px 44px rgba(0,0,0,.2);scrollbar-width:thin;scrollbar-color:#475569 #111722;outline-offset:4px}
.report-stage:focus-visible{outline:2px solid #a2b8ee}
#panel .report-stage .client-console{border:0;border-radius:0;grid-template-columns:150px minmax(0,1fr)}
#panel .console-rail{gap:0;padding:22px 10px;position:sticky;top:0;align-self:start;min-height:560px}
.console-workspace{font-size:12px;line-height:1.5;color:#cbd5e1!important;margin:10px 8px 26px!important}
.console-rail-context{margin: auto 8px 0;font-size:12px}.console-rail-context div+div{margin-top:16px}.console-rail-context dt{color:#94a3b8;font-size:11px;margin-bottom:5px}.console-rail-context dd{margin:0;color:#e2e8f0}
#panel .pf-bar{position:sticky;top:0;z-index:2;background:#111722;padding:12px 16px;gap:10px}#panel .console-context{font-size:13px}
.console-expand,.expanded-close{width:44px;height:44px;display:grid;place-items:center;flex:none;border:1px solid #475569;border-radius:5px;color:#cbd5e1;background:transparent;padding:0;cursor:pointer}.console-expand:hover,.expanded-close:hover{color:#f8fafc;background:#1b2d50}.console-expand:focus-visible,.expanded-close:focus-visible{outline:2px solid #a2b8ee;outline-offset:3px}
#panel .pf-chart,#panel .report-distribution{padding:18px 16px}#panel .distribution-body{grid-template-columns:1fr;gap:14px;margin-top:14px}#panel .distribution-ring{width:110px;height:110px;margin:auto}#panel .distribution-ring strong{font-size:24px}#panel .report-drivers>div{padding-block:6px}#panel .report-drivers dd{flex-direction:row;gap:6px;align-items:baseline}#panel .volume-total strong{font-size:36px}
#panel .report-charts[data-active-view="volume"] .report-distribution{display:block}#panel .report-view-switch{display:none}
#report-expanded{width:min(1240px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);height:fit-content;margin:auto;padding:0;background:#111722;color:#f8fafc;border:1px solid #475569;border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.4);overflow:hidden}
#report-expanded::backdrop{background:rgba(2,3,7,.86)}.expanded-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 16px;border-bottom:1px solid #293341;font-size:14px;background:#0d121a}.expanded-stage{max-height:calc(100dvh - 104px);overflow:auto;scrollbar-width:thin;scrollbar-color:#475569 #111722}
#panel #report-expanded .client-console{border:0;border-radius:0;max-width:none;grid-template-columns:176px minmax(0,1fr)}#report-expanded .console-expand{display:none}#panel #report-expanded .console-rail{min-height:560px}#panel #report-expanded .distribution-body{grid-template-columns:140px minmax(0,1fr)}
@media(max-width:1100px){#panel .report-layout{grid-template-columns:minmax(0,1fr);gap:28px}#panel .report-intro{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}#panel .report-intro h2{max-width:18ch;margin:0}#panel .report-intro p{max-width:44ch}#panel .report-view-switch{display:flex}#panel .report-charts{grid-template-columns:1fr}#panel .report-distribution{border-top:1px solid #293341}#panel .distribution-body{grid-template-columns:110px minmax(0,1fr)}#panel .pf-chart{min-height:0}#panel .pf-bars{height:160px}}
@media(max-width:719px){#panel .report-layout{gap:24px}#panel .report-intro{display:block}#panel .report-intro h2{max-width:22ch;margin:0 0 16px;font-size:28px}#panel .report-intro p{font-size:15px;max-width:42ch}#panel .report-stage .client-console,#panel #report-expanded .client-console{grid-template-columns:minmax(0,1fr)}#panel .console-rail,#panel #report-expanded .console-rail{min-height:0;position:static;padding:12px 16px}.console-workspace,.console-rail-context{display:none}#panel .pf-bar{flex-wrap:nowrap}#panel .pf-ctl{margin-left:auto}#panel .pf-bar .rng button{min-width:54px;padding-inline:8px}#panel .demo-caption{font-size:11px;max-width:12ch}#panel .report-view-switch{display:flex}#panel .report-distribution,#panel .pf-chart{padding:16px}#panel .distribution-body,#panel #report-expanded .distribution-body{grid-template-columns:96px minmax(0,1fr);gap:12px}#panel .distribution-ring{width:96px;height:96px}#panel .report-drivers dt{font-size:12px}#panel .report-drivers dd{flex-direction:column;gap:0}#panel .report-drivers>div{grid-template-columns:minmax(0,1fr) auto}#panel .report-stage{max-height:540px}#report-expanded{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.expanded-stage{max-height:calc(100dvh - 80px)}}
@media(max-width:359px){#panel .pf-bar{gap:6px;padding-inline:12px}#panel .demo-caption{max-width:9ch}#panel .pf-bar .rng button{min-width:46px;padding-inline:5px}#panel .distribution-body,#panel #report-expanded .distribution-body{grid-template-columns:1fr}#panel .report-drivers dd{flex-direction:row;gap:6px}}
@media(max-width:719px){#panel .pf-bar .rng button{white-space:nowrap;font-size:11px;letter-spacing:.06em;padding-inline:8px}#panel .pf-ctl{flex-shrink:0}}

/* Native scroll progression, bounded to two short scroll intervals. */
#process .process-scroll-track{position:relative}
#process.process-scroll-enabled{overflow:visible}
#process.process-scroll-enabled .process-layout{position:sticky;top:var(--process-pin-top,96px)}
#process.process-scroll-enabled .process-panel{transition:flex .5s cubic-bezier(.16,1,.3,1)}
@media(prefers-reduced-motion:reduce){#process .process-scroll-track{height:auto!important}#process .process-layout{position:static!important}}

/* DAdmin / Edge Lab: a compact dark rail and a light working surface. */
#panel .report-stage{background:#f3f5f8;border-color:#34404e}
#panel .report-stage .client-console{grid-template-columns:172px minmax(0,1fr)}
#panel .console-rail{background:#1b2128;border-color:#34404e;padding:20px 0;min-height:560px}
#panel .console-brand{padding-inline:18px;font-size:16px}
#panel .console-workspace{display:flex;align-items:center;gap:10px;margin:24px 0!important;padding:18px 16px;background:#15191f;border-block:1px solid #303740;color:#e2e8f0!important}
.workspace-mark{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid #485260;border-radius:50%;font-size:12px;color:#dce6ff;background:#242c38}
.console-workspace strong{font-size:12px;font-weight:500;display:block;line-height:1.4}.console-workspace div>span{display:block;font-size:11px;margin-top:4px;color:#a8b4c5}
#panel .console-nav{gap:0}#panel .console-nav button{border-radius:0;padding:14px 18px;font-size:12px;border-bottom:1px solid #303740}
#panel .console-nav button[aria-pressed=true]{background:#303c50;color:#fff;box-shadow:inset 2px 0 #6e97ff}
#panel .console-nav button:hover{background:#27303b}
#panel .console-rail-context{margin:32px 18px 0}
#panel .client-console .inst{background:#f3f5f8;color:#142a43}
#panel .pf-bar{background:#fff;border-color:#dde3eb;min-height:64px}
#panel .console-context{color:#142a43;font-size:14px}#panel .demo-caption{color:#526176}
#panel .rng{border-color:#cad3df}#panel .rng button{color:#45566d}#panel .rng button.on{background:#1f4fd6;color:#fff}
#panel .console-expand{border-color:#cad3df;color:#45566d}#panel .console-expand:hover{background:#edf1f5;color:#142a43}
#panel .report-charts{padding:0 16px 16px;gap:12px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
#panel .pf-chart,#panel .report-distribution{background:#fff;border:1px solid #dde3eb;border-radius:5px;padding:16px}
#panel .pf-chart h3,#panel .report-distribution h3,#panel .volume-total strong,#panel .distribution-ring strong,#panel .report-drivers dd{color:#142a43}
#panel .volume-period{color:#526176!important}#panel .pf-note,#panel .report-drivers dt,#panel .report-drivers dd small,#panel .distribution-ring span{color:#526176}
#panel .pf-bars text{fill:#526176}#panel .pf-bars .pf-axis,#panel .pf-bars .report-gridline{stroke:#d8e0eb}#panel .report-line{stroke:#1f4fd6}#panel .pf-bars .pf-point{fill:#fff;stroke:#1f4fd6}#panel .pf-bars .pf-point.hot{fill:#1f4fd6}
#panel .report-summary{background:#fff;margin:0 16px 16px;padding:16px;border:1px solid #dde3eb;border-radius:5px}
#panel .report-summary h3,#panel .report-summary>div>span{color:#526176}#panel .report-summary strong{color:#142a43}#panel .report-summary>div+div{border-color:#dde3eb}
#panel .chart-reader{border-color:#dde3eb}#panel .chart-reader button{background:#fff;color:#142a43;border-color:#b8c5d8}#panel .chart-readout,#panel .chart-readout strong{color:#142a43}
.console-now{padding:16px}.now-caption{display:flex;justify-content:space-between;gap:12px;color:#526176;font-size:11px;margin-bottom:10px}.now-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border:1px solid #dde3eb;border-radius:5px}.now-metrics>div{padding:14px 16px}.now-metrics>div+div{border-left:1px solid #dde3eb}.now-metrics span{display:block;color:#526176;font-size:12px}.now-metrics strong{display:block;margin-top:6px;font-size:26px;font-weight:500;font-variant-numeric:tabular-nums;color:#142a43}
.client-console[data-console-view=queue] .report-charts,.client-console[data-console-view=queue] .report-summary,.client-console[data-console-view=calls] .console-now,.client-console[data-console-view=queue] .console-now{display:none!important}
.console-queue{padding:24px 20px;min-height:420px}.console-queue[hidden]{display:none}.queue-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:22px}.queue-heading h3{font-size:18px;margin:0 0 6px;color:#142a43}.queue-heading p{font-size:12px;color:#526176;margin:0}.queue-count{font-size:12px;color:#526176;padding:6px 8px;border:1px solid #cad3df;border-radius:4px}.queue-table{background:#fff;border:1px solid #dde3eb;border-radius:5px}.queue-row{display:grid;grid-template-columns:.8fr 1.5fr 1fr .6fr;gap:12px;align-items:center;padding:16px;font-size:12px;color:#45566d}.queue-row+.queue-row{border-top:1px solid #dde3eb}.queue-row strong{font-weight:500;color:#142a43}.queue-labels{background:#edf1f5;font-size:11px}.queue-state{color:#173faa}.queue-row time{font-variant-numeric:tabular-nums}.queue-footer{display:flex;justify-content:space-between;color:#526176;font-size:12px;padding-top:18px}.queue-footer strong{color:#142a43;font-weight:500}
#panel .console-log h3{color:#142a43}#panel .console-log-date,#panel .console-log th{color:#526176}#panel .console-log table{color:#142a43}#panel .console-log th,#panel .console-log td{border-color:#d8e0eb}
#panel .report-view-switch button{color:#45566d;border-color:#b8c5d8}#panel .report-view-switch button[aria-pressed=true]{background:#1f4fd6;color:#fff}
@media(max-width:1100px){#panel .report-charts{grid-template-columns:1fr}}
@media(max-width:719px){#panel .report-stage .client-console,#panel #report-expanded .client-console{grid-template-columns:1fr}#panel .console-rail{min-height:0;padding:14px 0}#panel .console-workspace,#panel .console-rail-context{display:none}#panel .console-now{padding:14px 12px}#panel .report-charts{padding:0 12px 12px}#panel .report-summary{margin:0 12px 12px;padding:14px 10px}#panel .now-metrics>div{padding:12px 10px}#panel .now-metrics span{font-size:11px;min-height:30px;line-height:1.4}#panel .now-metrics strong{font-size:24px;margin:0}#panel .console-log td:nth-child(3),#panel .console-log td:nth-child(4),#panel .console-log td:first-child,.log-field{color:#526176}#panel .console-log tr{border-color:#d8e0eb}.console-queue{padding:20px 12px}.queue-row{grid-template-columns:.7fr 1.5fr .7fr;gap:8px;padding:14px 12px}.queue-row .queue-state{grid-column:2;grid-row:2}.queue-row time{grid-column:3;grid-row:1;text-align:right}.queue-labels{display:none}.queue-heading h3{font-size:17px}}


#panel .pf-bars text.pf-peak{fill:#526176}
.report-open{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 0;margin-top:18px;background:transparent;border:0;color:#a2b8ee;font:inherit;font-size:14px;cursor:pointer}.report-open:hover{color:#fff}.report-open:focus-visible{outline:2px solid #a2b8ee;outline-offset:4px}
#process .process-controls button:disabled{opacity:.35;cursor:default}
@media(max-width:1100px){#panel .report-open{grid-column:2;margin-top:-12px}}
@media(max-width:719px){#panel .report-open{margin-top:12px}#process .process-controls{display:none}}


/* A complete embedded dashboard, never a nested scroll container. */
#panel .report-stage{max-height:none;overflow:visible;border-radius:12px;box-shadow:0 16px 42px rgba(0,0,0,.18)}
.console-window{height:34px;display:flex;align-items:center;justify-content:center;position:relative;background:#222931;border-bottom:1px solid #34404e;border-radius:12px 12px 0 0;color:#d3dce7;font-family:var(--tl-font-body);font-size:11px;letter-spacing:0}
.window-dots{display:flex;gap:5px;position:absolute;left:14px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#677484}.window-lock{position:absolute;right:16px;display:flex;color:#aebacc}
#panel .report-stage .client-console{border-radius:0 0 12px 12px;grid-template-columns:174px minmax(0,1fr)}
#panel .console-rail{position:static;align-self:stretch;min-height:0;padding-top:20px;gap:0}
#panel .console-brand{font-family:var(--tl-font-display);font-size:17px;font-weight:500}
#panel .console-workspace{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;padding:20px 10px;margin:20px 0!important;background:#14191f}
#panel .workspace-mark{width:48px;height:48px;font-family:var(--tl-font-display);font-size:16px;background:#222931;border-color:#3b4653}
#panel .console-workspace strong{font-size:14px}.console-workspace div>span{font-size:11px}
#panel .console-nav button{min-height:46px;padding:12px 18px;font-size:12px}
#panel .console-nav button[aria-pressed=true]{background:rgba(255,255,255,.055);box-shadow:inset 1px 0 #6e97ff}
#panel .console-rail-context{margin:28px 18px 20px}
#panel .pf-bar{padding:8px 14px;min-height:60px;gap:8px}
#panel .rng{border:1px solid #b8c5d8;background:transparent}#panel .rng button{font-family:var(--tl-font-body);font-size:12px;letter-spacing:0;text-transform:none;min-width:58px;padding:8px 10px;color:#45566d;background:transparent}
#panel .rng button.on{background:transparent;color:#173faa;box-shadow:inset 0 -2px #1f4fd6}
#panel .report-view-switch button{background:transparent;color:#45566d}#panel .report-view-switch button[aria-pressed=true]{background:transparent;border-color:#1f4fd6;color:#173faa;box-shadow:inset 0 -1px #1f4fd6}
#panel .console-now{padding:12px 14px}#panel .now-caption{margin-bottom:8px}.now-metrics>div{padding:10px 14px}.now-metrics strong{font-size:24px;margin-top:4px}.now-metrics span{font-size:12px}
#panel .report-charts{padding:0 14px 12px;gap:12px;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
#panel .pf-chart,#panel .report-distribution{padding:14px}
#panel .pf-chart figcaption{gap:12px;margin-bottom:10px}#panel .pf-chart h3,#panel .report-distribution h3{font-size:14px}#panel .volume-total strong{font-size:30px}#panel .volume-period{font-size:11px!important}#panel .pf-note{font-size:11px}
#panel .pf-bars{height:172px}#panel .distribution-body{grid-template-columns:1fr;gap:10px;margin-top:10px}#panel .distribution-ring{width:86px;height:86px}#panel .distribution-ring strong{font-size:21px}#panel .distribution-ring span{font-size:10px}
#panel .report-drivers{margin-top:0}#panel .report-drivers>div{margin:0;padding:5px 0;border-bottom:1px solid #e1e7ee;gap:8px}#panel .report-drivers>div:last-child{border:0}#panel .report-drivers dt,#panel .report-drivers dd{font-size:11px;padding:0}#panel .report-drivers dd small{font-size:10px}
#panel .report-summary{margin:0 14px 14px;padding:12px 14px}#panel .report-summary>div{padding-inline:12px}#panel .report-summary h3{font-size:11px;margin-bottom:5px}#panel .report-summary strong,#panel .report-summary>div:first-child strong{font-size:23px}#panel .report-summary>div>span{font-size:11px}
.waiting-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#ebd3a2;border:1px solid #526176;vertical-align:middle}.queue-waiting{justify-self:start;padding:3px 7px;border-radius:3px;background:#ebd3a2;color:#142a43}
#panel .report-stage .pf-in .report-line{stroke-dasharray:1;stroke-dashoffset:0;animation:console-trace .85s cubic-bezier(.16,1,.3,1) both}
@keyframes console-trace{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(max-width:1100px){#panel .report-charts{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}#panel .distribution-body{grid-template-columns:1fr}#panel .report-distribution{border-top:1px solid #dde3eb}}
@media(max-width:719px){#panel .report-stage .client-console,#panel #report-expanded .client-console{grid-template-columns:1fr}#panel .console-rail{padding:14px 0;min-height:0}#panel .console-workspace{display:none}#panel .console-brand{font-size:16px}#panel .report-charts{grid-template-columns:1fr;padding:0 12px 12px}#panel .distribution-body,#panel #report-expanded .distribution-body{grid-template-columns:94px minmax(0,1fr);gap:14px;margin-top:14px}#panel .distribution-ring{width:94px;height:94px}#panel .report-drivers dt,#panel .report-drivers dd{font-size:12px}#panel .report-drivers>div{padding:8px 0}#panel .report-drivers dd{flex-direction:column;align-items:end}#panel .pf-bars{height:174px}#panel .pf-chart h3,#panel .report-distribution h3{font-size:15px}#panel .report-summary{grid-template-columns:repeat(3,minmax(0,1fr));margin-inline:12px;padding-inline:10px}#panel .report-summary>div{padding-inline:7px}#panel .now-metrics>div{padding:12px 10px}#panel .now-metrics span{min-height:30px;font-size:11px}#panel .pf-bar{padding:10px 12px}#panel .rng button{min-width:48px;padding:8px 6px;font-size:12px}#panel .console-window{font-size:11px}}
@media(max-width:359px){#panel .distribution-body,#panel #report-expanded .distribution-body{grid-template-columns:1fr}#panel .report-drivers dd{flex-direction:row;gap:6px}#panel .pf-chart figcaption{flex-wrap:wrap}#panel .volume-period{max-width:none}#panel .report-summary h3{min-height:42px}}
@media(prefers-reduced-motion:reduce){#panel .report-stage .pf-in .report-line{animation:none}}


/* Final measured type pass: no redundant label inside the chart hole. */
#panel .distribution-ring span{display:none}
#panel .console-nav button{font-size:13px}
#panel .now-caption,#panel .demo-caption,#panel .pf-note,#panel .report-summary h3,#panel .report-summary>div>span,#panel .report-drivers dt,#panel .report-drivers dd{font-size:12px}
#panel .report-drivers dd small{font-size:11px}#panel .volume-period{font-size:12px!important}
#panel .report-drivers>div{padding-block:6px}#panel .distribution-ring{width:94px;height:94px}
#panel .chart-reader button{background:transparent}
@media(max-width:719px){#panel .report-drivers dd{flex-direction:row;align-items:baseline;gap:6px}#panel .distribution-body{grid-template-columns:88px minmax(0,1fr);gap:12px}#panel .distribution-ring{width:88px;height:88px}#panel .now-caption{align-items:start;font-size:11px}#panel .now-caption>span:last-child{max-width:23ch;text-align:right}#panel .report-summary h3{font-size:12px}}
@media(max-width:359px){#panel .distribution-body{grid-template-columns:1fr}#panel .report-summary{grid-template-columns:1fr;padding:4px 14px}#panel .report-summary>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:12px 0!important;border-left:0!important}#panel .report-summary>div+div{border-top:1px solid #dde3eb}#panel .report-summary h3{min-height:0;align-self:center;margin:0}#panel .report-summary strong{grid-column:2;grid-row:1}#panel .report-summary>div>span{grid-column:1/-1;margin-top:0;font-size:12px}}

@media(max-width:359px){#panel .report-summary>div,#panel .report-summary>div:first-child,#panel .report-summary>div:last-child{display:grid;grid-column:auto}#panel .report-summary>div strong{grid-column:2;grid-row:1;text-align:right}#panel .report-summary>div>span{grid-column:1/-1;grid-row:2}}
.btn-accent{background:transparent;color:inherit;border:1px solid currentColor;box-shadow:none}.btn-accent:hover{background:rgba(255,255,255,.06);color:inherit;box-shadow:none}

/* Web browser framing: wide document, no operating-system window controls. */
#panel .report-layout{grid-template-columns:minmax(190px,.23fr) minmax(0,1fr);gap:36px}
#panel .report-stage{border-radius:6px;box-shadow:none;max-height:none;overflow:visible}
.console-browser{padding:9px 14px 10px;background:#e5e9ef;border-bottom:1px solid #c4cedb;border-radius:6px 6px 0 0;color:#45566d;font-family:var(--tl-font-body)}
.browser-tab{display:block;width:180px;padding:6px 12px;margin-bottom:7px;border-radius:5px 5px 0 0;background:#f8fafc;font-size:11px;color:#142a43}
.browser-address{display:flex;align-items:center;gap:9px;padding:6px 12px;background:#f8fafc;border:1px solid #cad3df;border-radius:4px;font-size:11px;line-height:1.4}
#panel .report-stage .client-console{grid-template-columns:160px minmax(0,1fr);border-radius:0 0 6px 6px}
#panel .console-rail{padding-top:18px}#panel .console-workspace{margin-bottom:0!important}
.console-settings-link a{display:flex;align-items:center;gap:10px;min-height:46px;padding:12px 18px;border-bottom:1px solid #303740;color:#e2e8f0;font-size:13px;text-decoration:none}.console-settings-link a:hover{background:rgba(255,255,255,.055)}.console-settings-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;flex:none}.console-settings-link a:focus-visible{outline:2px solid #a2b8ee;outline-offset:-3px}
#panel .pf-bar{min-height:52px}#panel .pf-bars{height:148px}#panel .distribution-ring{width:88px;height:88px}
.console-settings{margin:0 14px 14px;border:1px solid #dde3eb;border-radius:5px;background:#fff;color:#142a43}.console-settings summary{min-height:44px;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;cursor:pointer;font-size:13px;list-style:none}.console-settings summary::-webkit-details-marker{display:none}.console-settings[open] summary>span:last-child{transform:rotate(45deg)}.console-settings dl{margin:0;padding:0 14px}.console-settings dl>div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-top:1px solid #dde3eb;font-size:12px}.console-settings dt{color:#526176}.console-settings dd{margin:0;text-align:right}.console-settings p{margin:0;padding:12px 14px;font-size:12px;line-height:1.5;color:#526176}.console-settings summary:focus-visible{outline:2px solid #1f4fd6;outline-offset:-3px}
@media(max-width:1100px){#panel .report-layout{grid-template-columns:1fr;gap:28px}}
@media(max-width:719px){#panel .report-stage .client-console{grid-template-columns:1fr}#panel .console-rail{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:8px 0;gap:8px}.console-settings-link a{padding:8px 16px;border:0;font-size:12px}.console-settings-link svg{width:16px;height:16px}#panel .report-charts{grid-template-columns:1fr}#panel .pf-bars{height:168px}.console-browser{padding:8px 12px}.browser-tab{width:145px}#panel .console-now{padding-top:12px}}


@media(min-width:1101px){
#panel .report-stage{aspect-ratio:16/10;display:grid;grid-template-rows:56px minmax(0,1fr)}
.console-browser{padding:6px 12px}.browser-tab{padding:3px 10px;margin-bottom:4px;font-size:10px}.browser-address{padding:3px 10px;font-size:10px}
#panel .pf-bar{padding:4px 14px;min-height:52px}#panel .console-now{padding:8px 14px}#panel .now-caption{margin-bottom:6px}#panel .now-metrics>div{padding:8px 12px}#panel .now-metrics strong{line-height:1.1;margin-top:3px}
#panel .pf-chart,#panel .report-distribution{padding:12px}#panel .pf-chart figcaption{margin-bottom:8px}#panel .pf-bars{height:130px}#panel .volume-total strong{line-height:1.1}#panel .distribution-ring{width:74px;height:74px}#panel .distribution-ring strong{font-size:20px}#panel .distribution-body{gap:8px;margin-top:8px}#panel .report-drivers>div{padding-block:3px;line-height:1.3}
#panel .report-summary{padding:10px 12px;margin-bottom:10px}#panel .report-summary strong{line-height:1.1;margin-bottom:3px}#panel .report-summary h3{line-height:1.3;margin-bottom:5px}#panel .report-summary>div>span{line-height:1.3;margin-top:4px}
#panel .console-settings{margin-bottom:10px}#panel .console-settings summary{padding-block:8px}
#panel .report-stage:has(.console-settings[open]){aspect-ratio:auto;grid-template-rows:56px auto}
}

@media(min-width:1101px){#panel .report-stage .client-console{width:100%;max-width:none;margin:0;min-height:0}#panel .report-stage .inst{overflow:visible;min-height:0}#panel .pf-chart,#panel .report-distribution{padding:10px}#panel .pf-bars{height:110px}#panel .report-drivers>div{padding-block:2px}#panel .distribution-ring{width:68px;height:68px}#panel .console-now{padding-block:6px}#panel .report-summary{padding-block:8px}#panel .console-settings summary{min-height:40px;padding-block:6px}}

#panel #pf[data-console-section=settings]>.console-now,#panel #pf[data-console-section=settings]>.report-charts,#panel #pf[data-console-section=settings]>.report-summary{display:none}
#panel .console-settings[hidden]{display:none}.console-settings{margin:18px 14px;padding-top:14px}.console-settings h3{font-size:18px;color:#142a43;padding-inline:14px;margin:0 0 8px}.console-settings [data-settings-back]{margin:0 14px 14px;min-height:44px;background:transparent;border:1px solid #cad3df;border-radius:4px;padding:8px 12px;color:#173faa;font:inherit;font-size:12px;cursor:pointer}.console-settings [data-settings-back]:focus-visible{outline:2px solid #1f4fd6;outline-offset:3px}


#panel .report-intro h2{max-width:17ch;font-size:clamp(28px,2.4vw,36px)}
.service-policy{margin-top:26px;padding-top:20px;border-top:1px solid #34404e}.service-policy p{font-size:16px!important;font-weight:500;color:#f8fafc!important;margin-bottom:8px!important}.service-policy span{display:block;font-size:13px;line-height:1.6;max-width:32ch;color:#b9c5d4}
#panel .console-brand{text-decoration:none;color:#f8fafc;min-height:44px}#panel .console-brand:focus-visible{outline:2px solid #a2b8ee;outline-offset:-3px}
.console-settings-link a[aria-current=page]{background:rgba(255,255,255,.055);color:#fff}
#panel #pf[data-console-section]>.console-now,#panel #pf[data-console-section]>.report-charts,#panel #pf[data-console-section]>.report-summary{display:none}
.console-account[hidden]{display:none}.console-account{padding:20px 16px;color:#142a43}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.account-heading h3{font-size:20px;margin:0}.account-heading button,.cancel-area button{min-height:44px;padding:8px 12px;border:1px solid #b8c5d8;border-radius:4px;background:transparent;color:#173faa;font:inherit;font-size:12px;cursor:pointer}.account-heading button:focus-visible,.cancel-area button:focus-visible{outline:2px solid #1f4fd6;outline-offset:3px}.account-service{display:flex;justify-content:space-between;align-items:start;gap:18px;padding:16px;background:#fff;border:1px solid #dde3eb;border-radius:5px}.account-service h4{font-family:var(--tl-font-display);font-size:17px;font-weight:500;margin:0 0 6px}.account-service p{font-size:13px;line-height:1.5;color:#526176;margin:0;max-width:42ch}.service-state{font-size:12px;white-space:nowrap;color:#173faa}.account-details{padding:0 16px;margin:14px 0;background:#fff;border:1px solid #dde3eb;border-radius:5px}.account-details>div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;font-size:13px}.account-details>div+div{border-top:1px solid #dde3eb}.account-details dt{color:#526176}.account-details dd{margin:0;text-align:right}.cancel-area{margin-top:20px}.cancel-area [hidden]{display:none}.cancel-area p{font-size:13px;line-height:1.5}.cancel-area button+button{margin-left:8px}.billing-empty{border:1px solid #dde3eb;border-radius:5px;background:#fff;padding:24px 16px;color:#526176}.billing-empty h4{font-size:15px;font-weight:500;color:#142a43;margin:12px 0 6px}.billing-empty p{font-size:13px;line-height:1.5;margin:0}
@media(max-width:719px){#panel .console-rail{flex-wrap:wrap}#panel .console-settings-link{width:100%;display:flex;justify-content:space-between;padding-inline:12px;border-top:1px solid #34404e}.console-settings-link a{padding:8px;gap:6px;font-size:12px}.console-settings-link svg{width:14px;height:14px}.account-heading{align-items:start;gap:12px}.account-heading h3{font-size:18px}.account-heading button{max-width:16ch}.console-account{padding:18px 12px}.account-service{flex-direction:column;gap:12px}.service-policy{margin-top:18px;padding-top:14px}.service-policy span{max-width:48ch}#panel .report-intro h2{max-width:23ch}}

.settings-short{display:none}@media(max-width:719px){#panel .console-settings-link{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:8px;gap:0}.console-settings-link a{min-width:0;justify-content:center;padding:8px 3px;font-size:12px}.console-settings-link svg{display:none}.settings-long{display:none}.settings-short{display:inline}}
#panel #pf[data-console-section]>.pf-bar .pf-ctl{display:none}

/* Native product section, integrated with the marketing page. */
#panel.report-section{padding-block:64px}
#panel .report-layout{display:block}
#panel .report-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:64px;row-gap:16px;align-items:start;margin-bottom:32px}
#panel .report-intro h2{grid-column:1;grid-row:1/span 2;max-width:22ch;font-size:clamp(32px,3vw,44px);margin:0;line-height:1.12}
#panel .report-intro>p{grid-column:2;max-width:48ch;font-size:17px;line-height:1.6;margin:0}
#panel .service-policy{grid-column:2;margin:0;padding:14px 0 0;border:0}.service-policy p{font-size:15px!important;margin-bottom:4px!important}.service-policy span{font-size:13px;max-width:52ch}
#panel .report-stage{display:block;aspect-ratio:auto;border:0;border-radius:0;background:transparent;overflow:visible;max-height:none}
#panel .client-console,#panel .report-stage .client-console{display:block;width:100%;max-width:none;margin:0;border:0;border-radius:0;background:transparent;overflow:visible}
.service-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;border-bottom:1px solid #34404e;padding-bottom:12px}.service-nav button{min-height:44px;padding:8px 18px;border:1px solid transparent;border-radius:4px;background:transparent;font:inherit;font-size:15px;color:#cbd5e1;cursor:pointer}.service-nav button[aria-pressed=true]{border-color:#8190a3;color:#fff;background:rgba(255,255,255,.035)}.service-nav button:hover{border-color:#8190a3;color:#fff}.service-nav button:focus-visible{outline:2px solid #a2b8ee;outline-offset:3px}
#panel .client-console .inst{background:transparent;border:0;overflow:visible;color:#142a43}
#panel .pf-bar{background:transparent;border:0;position:static;min-height:52px;padding:0 0 16px;gap:16px}#panel .console-context{display:none}#panel .demo-caption{color:#cbd5e1;font-size:13px}#panel .pf-ctl{margin-left:auto}#panel .rng{border-color:#718096}#panel .rng button{color:#cbd5e1;font-size:13px;min-width:72px}#panel .rng button.on{color:#fff;box-shadow:inset 0 -2px #a2b8ee}
#panel .console-now{padding:0 0 20px}#panel .now-caption{color:#cbd5e1;font-size:13px;margin-bottom:10px}#panel .now-metrics>div{padding:16px 20px}#panel .now-metrics span{font-size:14px}#panel .now-metrics strong{font-size:30px;margin-top:6px;line-height:1.1}
#panel .report-charts{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;padding:0;margin:0 0 20px}
#panel .pf-chart,#panel .report-distribution{padding:24px;border-radius:5px}#panel .pf-chart h3,#panel .report-distribution h3{font-size:18px}#panel .volume-total strong{font-size:40px;line-height:1.1}#panel .pf-chart figcaption{margin-bottom:16px}#panel .volume-period{font-size:13px!important}#panel .pf-note{font-size:12px}#panel .pf-bars{height:230px}#panel .distribution-body{gap:16px;margin-top:16px}#panel .distribution-ring{width:112px;height:112px}#panel .distribution-ring strong{font-size:27px}#panel .report-drivers>div{padding-block:8px;line-height:1.4}#panel .report-drivers dt,#panel .report-drivers dd{font-size:14px}#panel .report-drivers dd small{font-size:12px}
#panel .report-summary{margin:0;padding:20px;border-radius:5px}#panel .report-summary h3{font-size:14px;line-height:1.4;margin-bottom:8px}#panel .report-summary strong,#panel .report-summary>div:first-child strong{font-size:30px;line-height:1.1}#panel .report-summary>div>span{font-size:13px;line-height:1.5;margin-top:8px}
#panel .console-account{padding:24px;background:#f3f5f8;border:1px solid #dde3eb;border-radius:5px;max-width:none}#panel .console-account h3{font-size:24px}#panel .account-heading button,#panel .cancel-area button{font-size:14px}#panel .account-service h4{font-size:20px}#panel .account-service p,#panel .account-details>div,#panel .cancel-area p,#panel .billing-empty p{font-size:15px}#panel .console-settings{margin:0;padding:24px;background:#f3f5f8;border-radius:5px}#panel .console-settings h3{font-size:24px;padding:0}#panel .console-settings dl{padding:0}#panel .console-settings dl>div{font-size:15px}#panel .console-settings [data-settings-back]{margin-left:0;font-size:14px}
@media(max-width:1100px){#panel .report-intro{column-gap:32px}#panel .report-charts{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}#panel .pf-chart,#panel .report-distribution{padding:20px}#panel .report-drivers dt,#panel .report-drivers dd{font-size:12px}}
@media(max-width:719px){#panel.report-section{padding-block:48px}#panel .report-intro{display:block;margin-bottom:24px}#panel .report-intro h2{font-size:28px;max-width:23ch;margin-bottom:16px}#panel .report-intro>p{font-size:15px;max-width:48ch}.service-policy{margin-top:18px!important}.service-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.service-nav button{font-size:14px;padding:8px 10px}#panel .pf-bar{padding-bottom:16px}#panel .demo-caption{font-size:12px}#panel .rng button{min-width:56px;font-size:12px}#panel .now-metrics>div{padding:12px 10px}#panel .now-metrics span{font-size:12px}#panel .now-metrics strong{font-size:25px}#panel .now-caption{font-size:11px}#panel .report-charts{grid-template-columns:1fr;gap:16px;margin-bottom:16px}#panel .pf-chart,#panel .report-distribution{padding:16px}#panel .pf-chart h3,#panel .report-distribution h3{font-size:16px}#panel .volume-total strong{font-size:32px}#panel .volume-period{font-size:12px!important}#panel .pf-bars{height:180px}#panel .distribution-body{grid-template-columns:88px minmax(0,1fr);gap:14px}#panel .distribution-ring{width:88px;height:88px}#panel .distribution-ring strong{font-size:22px}#panel .report-summary{padding:16px 10px}#panel .report-summary h3{font-size:12px}#panel .report-summary strong,#panel .report-summary>div:first-child strong{font-size:25px}#panel .report-summary>div>span{font-size:12px}#panel .console-account,#panel .console-settings{padding:18px 14px}#panel .console-account h3,#panel .console-settings h3{font-size:20px}#panel .account-heading button{font-size:12px}#panel .account-service p,#panel .account-details>div,#panel .billing-empty p{font-size:13px}}
@media(max-width:359px){#panel .distribution-body{grid-template-columns:1fr}#panel .report-summary{padding:4px 14px}#panel .report-summary>div>span{margin-top:0}}


@media(min-width:1101px){#panel .distribution-body{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:20px}#panel .report-drivers{margin:0}#panel .report-drivers dd{gap:6px}#panel .pf-bars{height:190px}#panel .pf-chart,#panel .report-distribution{padding:22px}#panel .now-metrics>div{padding-block:14px}#panel .report-summary{padding-block:16px}}


#process .process-intro{padding:32px;gap:18px}#process .process-intro h2{max-width:15ch}#process .process-start{min-height:48px;display:inline-flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid #0a2540;color:#0a2540;background:transparent;font-size:15px;line-height:1.3;white-space:normal;text-align:left;text-decoration:none}#process .process-start:hover{background:rgba(10,37,64,.045)}#process .process-start:focus-visible{outline:2px solid #1f4fd6;outline-offset:4px}#process .process-controls{margin-top:auto}
#process .band-copy h3{font-size:clamp(22px,1.95vw,28px);max-width:17ch}#process .band-copy p{font-size:16px;line-height:1.55}
@media(min-width:720px) and (max-width:1100px){#process .process-intro{padding:24px;gap:14px}#process .process-intro h2{font-size:30px}#process .band-copy h3{font-size:22px}#process .band-copy p{font-size:15px}#process .process-start{font-size:14px}}
@media(max-width:719px){#process .process-intro{padding:24px;gap:14px}#process .process-intro h2{max-width:22ch;font-size:28px}#process .process-title{font-size:18px}#process .band-copy p{font-size:16px;line-height:1.55}#process .process-start{font-size:15px}}


/* Cohesive dashboard surfaces and stable question/answer composition. */
#panel.report-section{background:#101c2b;color:#edf2f9}
#panel .report-intro>p,#panel .service-policy span{color:#b9c9de}
#panel .client-console{padding:24px!important;background:#142438!important;border:1px solid #344860!important;border-radius:16px!important}
#panel .client-console .inst{color:#edf2f9}
#panel .now-metrics{gap:1px;border:1px solid #344860;border-radius:10px;overflow:hidden;background:#344860}
#panel .now-metrics>div{background:#1b3049;border:0;border-radius:0}
#panel .now-metrics span,#panel .now-caption,#panel .demo-caption{color:#b9c9de}
#panel .now-metrics strong,#panel .volume-total strong,#panel .report-summary strong{color:#edf2f9;font-variant-numeric:tabular-nums}
#panel .pf-chart,#panel .report-distribution{background:#1b3049;border:1px solid #344860;border-radius:10px;padding:24px}
#panel .pf-chart h3,#panel .report-distribution h3,#panel .distribution-ring strong{color:#edf2f9}
#panel .volume-period,#panel .pf-note,#panel .distribution-ring span,#panel .report-drivers dt,#panel .report-drivers dd,#panel .report-drivers dd small{color:#b9c9de!important}
#panel .report-drivers>div{border-color:#344860}
#panel .pf-bars text{fill:#b9c9de}#panel .pf-bars .report-gridline,#panel .pf-bars .pf-axis{stroke:#506b8b}#panel .pf-bars text.pf-peak{fill:#b9c9de}
#panel .report-line{stroke:#88aaff;stroke-width:2.5}#panel .pf-bars .pf-point{fill:#1b3049;stroke:#88aaff}#panel .pf-bars .pf-point.hot{fill:#edf2f9}
#panel .chart-reader{color:#b9c9de;border-color:#344860}#panel .chart-readout,#panel .chart-readout strong{color:#edf2f9}#panel .chart-reader button{background:transparent;color:#edf2f9;border-color:#617b9c}
#panel .report-summary{background:#1b3049;border:1px solid #344860;border-radius:10px}
#panel .report-summary>div,#panel .report-summary>div:first-child,#panel .report-summary>div:last-child{background:transparent;border:0}
#panel .report-summary>div+div{border-left:1px solid #344860}#panel .report-summary h3,#panel .report-summary>div>span{color:#b9c9de}
#panel .console-account,#panel .console-settings{background:#1b3049;color:#edf2f9;border:1px solid #344860;border-radius:10px}
#panel .account-service,#panel .account-details,#panel .billing-empty,#panel .console-settings dl{background:transparent;border-color:#344860;color:#edf2f9}
#panel .console-account h3,#panel .console-settings h3,#panel .account-service h4,#panel .billing-empty h4,#panel .console-settings dd{color:#edf2f9}
#panel .account-service p,#panel .account-details dt,#panel .billing-empty p,#panel .console-settings dt{color:#b9c9de}
#panel .account-details>div+div,#panel .console-settings dl>div{border-color:#344860}
#panel .account-heading button,#panel .cancel-area button,#panel .console-settings [data-settings-back]{color:#edf2f9;border-color:#617b9c;background:transparent}
#panel .service-state{color:#b9c9de}#panel .rng button.on{background:#243d5b}
#pricing .quote-scope summary{display:flex;align-items:center;gap:12px;transition:color .2s,background-color .2s;padding-inline:12px;border-radius:5px}
#pricing .quote-scope summary:hover,#pricing .quote-scope summary:focus-visible{color:#173faa;background:#e0e8f4}
#pricing .quote-scope summary:focus-visible{outline:2px solid #1f4fd6;outline-offset:3px}
.faq-switch{display:grid;gap:24px}.faq-questions{display:grid;gap:0}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:14px 0;border:0;border-bottom:1px solid #ccd7e6;background:transparent;text-align:left;color:#142a43;font:inherit;font-size:16px;line-height:1.5;cursor:pointer}
.faq-question svg{width:18px;height:18px;flex:none;color:#1f4fd6;transition:transform .25s}.faq-question:hover{color:#1f4fd6}.faq-question[aria-expanded=true]{color:#173faa;font-weight:500}.faq-question[aria-expanded=true] svg{transform:rotate(90deg)}.faq-question:focus-visible{outline:2px solid #1f4fd6;outline-offset:4px}
.faq-answer-stage{display:grid;align-items:start;padding:24px;background:#e5ebf3;border-radius:10px}
.faq-answer{grid-area:1/1;visibility:hidden;opacity:0;pointer-events:none}.faq-answer:not([aria-hidden=true]){visibility:visible;opacity:1;pointer-events:auto}.faq-answer p{font-size:16px;line-height:1.65;color:#142a43;margin:0}
#relay{background:#edf1f6;color:#142a43;padding-block:56px}#relay>.relay{display:block;border:0;padding-inline:var(--gutter)}#relay .relay-intro{display:grid;max-width:none;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:40px;border:1px solid #cbd7e7;border-radius:16px;background:#e5ebf3}
#relay .relay-copy{display:grid;justify-items:start;gap:20px}#relay .relay-copy h2{color:#142a43;font-size:clamp(32px,3.5vw,44px);margin:0}#relay .relay-position{color:#435873;font-size:17px;line-height:1.6;margin:0;max-width:48ch}
#relay .relay-copy>.btn{color:#142a43;border-color:#617b9c;background:transparent;margin:0}#relay .relay-copy>.btn:hover{border-color:#1f4fd6;color:#173faa}
.relay-map{position:relative;height:220px;max-width:500px;width:100%;margin-inline:auto}.relay-map>svg{position:absolute;inset:0;width:100%;height:200px;overflow:visible}.relay-map-line{fill:none;stroke:#6b8ce0;stroke-width:1.5}.relay-map-pulse{fill:#1f4fd6}
.relay-map-root{position:absolute;top:8px;left:50%;transform:translateX(-50%);display:flex;gap:12px;align-items:center;padding:16px 24px;color:#142a43;font-family:var(--tl-font-display);font-size:24px;background:#f6f8fb;border:1px solid #c0cde0;border-radius:8px}.relay-map-root svg{width:24px;height:24px;fill:none;stroke:#1f4fd6;stroke-width:3;stroke-linecap:round}
.relay-map-leaves{position:absolute;top:150px;left:0;right:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.relay-map-leaves span{display:grid;place-items:center;min-height:56px;padding:10px 6px;color:#142a43;font-size:15px;border:1px solid #c0cde0;border-radius:8px;background:#f6f8fb}
#relay .relay-disclosure{margin-top:20px;border-color:#cbd7e7}#relay .relay-disclosure>summary{color:#142a43;border-color:#cbd7e7}#relay .relay-disclosure[open]>.relay-availability{color:#435873}#relay .relay-showcase{padding:24px;background:#101c2b;color:#edf2f9;border-radius:16px}
@media(max-width:719px){#panel .client-console{padding:16px!important;border-radius:12px!important}#panel .pf-chart,#panel .report-distribution{padding:20px 16px}#panel .report-summary>div+div{border:0;border-top:1px solid #344860}#relay .relay-intro{grid-template-columns:1fr;padding:24px;gap:24px}#relay .relay-copy h2{font-size:30px}#relay .relay-position{font-size:16px}#relay .relay-showcase{padding:16px}.relay-map{height:190px}.relay-map>svg{height:170px}.relay-map-leaves{top:128px;gap:6px}.relay-map-leaves span{font-size:13px}.relay-map-root{font-size:22px;padding:12px 20px}.faq-answer-stage{padding:20px}.faq-question{font-size:15px}}
@media(prefers-reduced-motion:reduce){.relay-map-pulse{display:none}.faq-question svg{transition:none}}


/* Compact setup spacing and an actual dashboard navigation rail. */
#process{padding-block:32px}#pricing{padding-block:40px}
#panel .client-console,#panel .report-stage .client-console{display:grid!important;grid-template-columns:184px minmax(0,1fr);gap:24px;padding:0!important;overflow:hidden;border-radius:16px!important}
.dashboard-sidebar{display:flex;flex-direction:column;min-width:0;padding:24px 16px;background:#102033;border-right:1px solid #344860;gap:30px}
.dashboard-identity{display:flex;align-items:center;gap:10px;color:#edf2f9;font-family:var(--tl-font-display);font-size:19px;line-height:1.2;padding-inline:8px}
.dashboard-identity>svg{width:22px;height:26px;stroke:#88aaff;stroke-width:3;stroke-linecap:round;fill:none;flex:none}
#panel .service-nav{display:flex;flex-direction:column;gap:8px;padding:0;margin:0;border:0;flex-wrap:nowrap}
#panel .service-nav button{display:flex;align-items:center;gap:12px;min-height:46px;width:100%;padding:10px 12px;text-align:left;border:1px solid transparent;background:transparent;color:#b9c9de;font-size:14px;border-radius:6px}
#panel .service-nav button svg,.dashboard-workspace svg{width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
#panel .service-nav button[aria-pressed=true]{background:#243d5b;border-color:transparent;color:#edf2f9}#panel .service-nav button:hover{background:#1b3049;color:#edf2f9}#panel .service-nav button:focus-visible{outline:2px solid #88aaff;outline-offset:2px}
.dashboard-workspace{display:flex;gap:10px;align-items:center;margin-top:auto;padding:20px 8px 0;border-top:1px solid #344860;font-size:13px;color:#b9c9de}
#panel .client-console .inst{min-width:0;padding:24px 24px 24px 0}
#panel .pf-chart,#panel .report-distribution{padding:20px}#panel .distribution-body{grid-template-columns:94px minmax(0,1fr);gap:14px}#panel .distribution-ring{width:94px;height:94px}#panel .report-drivers dt,#panel .report-drivers dd{font-size:13px}#panel .report-drivers dd small{font-size:11px}
#panel .pf-bars{height:190px}#panel .report-summary{padding:18px}#panel .now-metrics>div{padding:14px 16px}
#pricing .scope-body{overflow:hidden;padding-top:12px;padding-inline:12px}#pricing .quote-scope summary{justify-content:space-between}#pricing .quote-scope summary::after{content:'';width:8px;height:8px;flex:none;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .25s}#pricing .quote-scope[open] summary::after{transform:rotate(225deg)}
@media(min-width:720px) and (max-width:1100px){#panel .client-console,#panel .report-stage .client-console{grid-template-columns:164px minmax(0,1fr);gap:16px}.dashboard-sidebar{padding:20px 12px}#panel .client-console .inst{padding:20px 16px 20px 0}#panel .report-charts{grid-template-columns:1fr}}
@media(max-width:719px){#process{padding-block:24px}#pricing{padding-block:32px}#panel .client-console,#panel .report-stage .client-console{display:block!important;padding:0!important}.dashboard-sidebar{padding:18px 16px;border-right:0;border-bottom:1px solid #344860;gap:18px}.dashboard-identity{padding:0;font-size:18px}.dashboard-workspace{display:none}#panel .service-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#panel .service-nav button{font-size:13px;gap:8px;padding:10px}#panel .client-console .inst{padding:18px 16px}#panel .pf-chart,#panel .report-distribution{padding:16px}#panel .distribution-body{grid-template-columns:76px minmax(0,1fr);gap:12px}#panel .distribution-ring{width:76px;height:76px}#panel .report-drivers dt,#panel .report-drivers dd{font-size:12px}#panel .report-drivers dd small{font-size:11px}#panel .now-metrics>div{padding:12px 10px}}
@media(max-width:359px){#panel .distribution-body{grid-template-columns:1fr}#panel .distribution-ring{margin-inline:auto}#panel .report-drivers dd{flex-direction:row}}
@media(prefers-reduced-motion:reduce){#pricing .quote-scope summary::after{transition:none}}


/* Recovered Citrus Lab / DAdmin shell: charcoal rail, light workspace, compact panels. */
#panel.report-section{background:#e9eef4;color:#142a43;padding-block:48px}
#panel .report-intro h2{color:#142a43}#panel .report-intro>p{color:#435873}#panel .service-policy p{color:#142a43!important}#panel .service-policy span{color:#435873}
#panel .client-console,#panel .report-stage .client-console{grid-template-columns:224px minmax(0,1fr);gap:0;background:#f1f4f8!important;border:1px solid #cbd5e3!important;border-radius:10px!important}
.dashboard-sidebar{padding:0;background:#1c252d;border-right:1px solid #303d49;gap:0}
.dashboard-identity{height:72px;padding:0 26px;font-size:22px;border-bottom:1px solid #34414c;background:#202d37}
.dashboard-identity>svg{width:24px;height:28px;stroke:#88aaff}
.dashboard-profile{display:grid;justify-items:center;gap:8px;padding:24px 12px 26px;background:#172028;border-bottom:1px solid #34414c;color:#f3f6fa}
.dashboard-avatar{width:60px;height:60px;display:grid;place-items:center;border:2px solid #3d4b58;border-radius:50%;background:#25313c;margin-bottom:4px}.dashboard-avatar svg{width:30px;height:30px;fill:none;stroke:#c5d2e3;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.dashboard-profile strong{font-family:var(--tl-font-display);font-size:17px;font-weight:500}.dashboard-profile>span{font-size:12px;color:#b9c9de}
#panel .service-nav{gap:0;padding-top:18px}#panel .service-nav button{padding:14px 24px;border:0;border-bottom:1px solid #34414c;border-radius:0;gap:12px;color:#c5d2e3;min-height:52px;font-size:14px}
#panel .service-nav button[aria-pressed=true]{color:#f3f6fa;background:#2c3c4a;box-shadow:inset 2px 0 #88aaff}#panel .service-nav button[aria-pressed=true] svg{color:#88aaff}#panel .service-nav button:hover{background:#253543}.dashboard-nav-label{padding:28px 24px 14px;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500;color:#b9c9de}
.dashboard-workspace{padding:20px 24px;border-color:#34414c;font-size:12px}
#panel .client-console .inst{padding:0 24px 24px;background:#f1f4f8;color:#142a43;overflow:visible;min-height:600px}
#panel .pf-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 20px;padding:18px 24px;margin:0 -24px 22px;min-height:76px;background:#fcfdff;border-bottom:1px solid #d5deea;align-items:center}
#panel .console-context{display:block;grid-column:1;grid-row:1;color:#142a43;font-family:var(--tl-font-display);font-size:18px;font-weight:500;line-height:1.3}
#panel .demo-caption{grid-column:1;grid-row:2;color:#52647e;font-size:12px}#panel .pf-ctl{grid-column:2;grid-row:1/span 2;margin:0}#panel .rng{background:transparent;border-color:#bccadd}#panel .rng button{color:#435873;min-width:66px;font-size:12px}#panel .rng button.on{background:#e6ecf5;color:#173faa;box-shadow:inset 0 -2px #1f4fd6}
#panel .now-caption{color:#52647e;font-size:12px}#panel .console-now{padding-bottom:20px}#panel .now-metrics{background:#d5deea;border-color:#d5deea;border-radius:5px}#panel .now-metrics>div{background:#fcfdff;padding:18px 20px}
#panel .now-metrics span{color:#52647e;font-size:13px}#panel .now-metrics strong{color:#142a43;font-size:30px}#panel .waiting-dot{background:#1f4fd6}
#panel .report-charts{gap:20px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);margin-bottom:20px}
#panel .pf-chart,#panel .report-distribution{background:#fcfdff;border:1px solid #d5deea;border-radius:5px;padding:20px}
#panel .pf-chart h3,#panel .report-distribution h3{color:#142a43;font-size:17px}#panel .volume-total strong{color:#142a43;font-size:36px}#panel .volume-period,#panel .pf-note,#panel .distribution-ring span,#panel .report-drivers dt,#panel .report-drivers dd,#panel .report-drivers dd small{color:#52647e!important}
#panel .report-drivers>div{border-color:#d5deea}#panel .distribution-ring strong{color:#142a43}#panel .distribution-body{grid-template-columns:88px minmax(0,1fr);gap:12px}#panel .distribution-ring{width:88px;height:88px}#panel .distribution-ring strong{font-size:25px}
#panel .pf-bars .report-gridline,#panel .pf-bars .pf-axis{stroke:#d5deea}#panel .pf-bars text,#panel .pf-bars text.pf-peak{fill:#52647e}#panel .report-line{stroke:#1f4fd6}#panel .pf-bars .pf-point{fill:#fcfdff;stroke:#1f4fd6}#panel .pf-bars .pf-point.hot{fill:#1f4fd6}
#panel .chart-reader{border-color:#d5deea}#panel .chart-reader button{background:transparent;border-color:#94a8c4;color:#142a43}#panel .chart-readout,#panel .chart-readout strong{color:#435873}
#panel .report-summary{background:#fcfdff;border-color:#d5deea;border-radius:5px;padding:20px}#panel .report-summary>div+div{border-color:#d5deea}#panel .report-summary h3,#panel .report-summary>div>span{color:#52647e}#panel .report-summary strong{color:#142a43}
#panel .console-account,#panel .console-settings{background:#fcfdff;border-color:#d5deea;border-radius:5px;color:#142a43;min-height:430px}
#panel .console-account h3,#panel .console-settings h3,#panel .account-service h4,#panel .billing-empty h4,#panel .console-settings dd{color:#142a43}#panel .account-service,#panel .account-details,#panel .billing-empty,#panel .console-settings dl{color:#142a43;border-color:#d5deea}
#panel .account-service p,#panel .account-details dt,#panel .billing-empty p,#panel .console-settings dt,#panel .service-state{color:#52647e}#panel .account-details>div+div,#panel .console-settings dl>div{border-color:#d5deea}
#panel .account-heading button,#panel .cancel-area button,#panel .console-settings [data-settings-back]{border-color:#94a8c4;color:#173faa;background:transparent}
@media(min-width:720px) and (max-width:1100px){#panel .client-console,#panel .report-stage .client-console{grid-template-columns:200px minmax(0,1fr)}#panel .client-console .inst{padding:0 20px 20px}.dashboard-identity{padding-inline:20px;font-size:20px}#panel .pf-bar{margin-inline:-20px;padding-inline:20px}#panel .report-charts{grid-template-columns:1fr}}
@media(max-width:719px){#panel.report-section{padding-block:32px}#panel .client-console,#panel .report-stage .client-console{display:block!important}.dashboard-sidebar{display:grid;grid-template-columns:minmax(0,1fr) auto;background:#1c252d;padding:0;border:0}.dashboard-identity{height:64px;font-size:20px;padding:0 16px;border:0;background:transparent}.dashboard-profile{display:flex;align-items:center;gap:8px;padding:12px 16px 12px 0;background:transparent;border:0}.dashboard-avatar{display:none}.dashboard-profile strong{font-size:12px;max-width:10ch}.dashboard-profile>span{display:none}#panel .service-nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px 12px;gap:4px}#panel .service-nav button{border:0;border-radius:4px;padding:10px 12px;min-height:44px;font-size:13px}#panel .service-nav button[aria-pressed=true]{box-shadow:none}.dashboard-nav-label{display:none}.dashboard-workspace{display:none}#panel .client-console .inst{padding:0 16px 16px;min-height:0}#panel .pf-bar{margin:0 -16px 18px;padding:16px;gap:4px 10px}#panel .console-context{font-size:17px}#panel .demo-caption{font-size:11px}#panel .rng button{min-width:52px}#panel .now-metrics>div{padding:14px 10px}#panel .now-metrics span{font-size:12px}#panel .now-metrics strong{font-size:25px}#panel .report-charts{grid-template-columns:1fr;gap:16px}#panel .pf-chart,#panel .report-distribution{padding:16px}#panel .distribution-body{grid-template-columns:76px minmax(0,1fr);gap:12px}#panel .distribution-ring{width:76px;height:76px}#panel .report-summary{padding:16px 12px}#panel .console-account,#panel .console-settings{min-height:0}}
@media(max-width:359px){#panel .distribution-body{grid-template-columns:1fr}#panel .distribution-ring{margin-inline:auto}}


/* Restore the service-card reveal without restoring the oversized card grid. */
@media(hover:hover) and (pointer:fine){
#services .service-motion-card.motion-ready{display:block;height:var(--card-height,300px);min-height:0;overflow:hidden}
#services .service-motion-card.motion-ready .card-art{position:absolute;top:24px;right:24px;width:36px;height:36px;opacity:.8;transition:opacity .3s,transform .4s var(--tl-ease)}
#services .service-motion-card.motion-ready .motion-title{position:absolute;left:24px;right:24px;bottom:78px;top:auto;margin:0;transform:none;transition:transform .4s cubic-bezier(.16,1,.3,1)}
#services .service-motion-card.motion-ready .motion-detail{position:absolute;left:24px;right:24px;bottom:78px;top:auto;margin:0;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .4s cubic-bezier(.16,1,.3,1)}
#services .service-motion-card.motion-ready .motion-link{position:absolute;left:24px;right:24px;bottom:24px;margin:0;padding:0}
#services .service-motion-card.motion-ready:is(:hover,:focus-visible) .motion-title{transform:translateY(calc(-1 * (var(--detail-height) + 16px)))}
#services .service-motion-card.motion-ready:is(:hover,:focus-visible) .motion-detail{opacity:1;transform:translateY(0);transition-delay:.08s}
#services .service-motion-card.motion-ready:is(:hover,:focus-visible) .card-art{opacity:.15;transform:translateY(-4px)}
}
@media(prefers-reduced-motion:reduce){#services .service-motion-card.motion-ready .motion-title,#services .service-motion-card.motion-ready .motion-detail,#services .service-motion-card.motion-ready .card-art{transition:none!important}}


/* Opus 5.5 proposal: a request traced through action and its approval boundary. */
#relay .relay-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:36px}
.relay-flow{position:relative;margin:0;padding-top:112px;min-width:0;isolation:isolate}.relay-flow-lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}
.relay-flow-spine{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.relay-flow-node{padding:14px 10px;min-height:84px;display:flex;flex-direction:column;justify-content:center;gap:6px;background:#f6f8fb;border:1px solid #bccbe0;border-radius:8px;position:relative}
.relay-flow-node strong,.relay-flow-approval strong{font-family:var(--tl-font-display);font-size:15px;line-height:1.3;color:#142a43;font-weight:500}.relay-flow-node>span,.relay-flow-approval span{font-size:12px;line-height:1.5;color:#435873}.relay-flow-agent{background:#142a43;border-color:#142a43}.relay-flow-agent strong{color:#f3f6fa}.relay-flow-agent>span{color:#c5d2e3}
.relay-flow-approval{position:absolute;top:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #6b8ce0;background:#f6f8fb;border-radius:8px;min-width:184px;max-width:230px}.relay-flow-approval>div{display:flex;flex-direction:column;gap:4px}.relay-flow-approval svg{width:24px;height:24px;fill:none;stroke:#1f4fd6;stroke-width:1.5;stroke-linecap:round}
.relay-flow-edge{fill:none;stroke:#1f4fd6;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.relay-flow-bypass{stroke:#8297ba;stroke-dasharray:3 4}.relay-flow-replay{display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;min-height:44px;margin:14px 0 0 auto;padding:6px 8px;color:#173faa;font:inherit;font-size:13px;background:transparent;border:0;border-radius:4px;cursor:pointer}.relay-flow-replay:hover{background:#d9e3f2}.relay-flow-replay:focus-visible{outline:2px solid #1f4fd6;outline-offset:2px}.relay-flow-replay svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
@media(max-width:719px){#relay .relay-intro{grid-template-columns:1fr;gap:28px}.relay-flow{padding:0 0 0 24px}.relay-flow-spine{grid-template-columns:1fr;gap:14px}.relay-flow-node{min-height:64px;padding:12px 16px}.relay-flow-spine .relay-flow-node[data-flow-node=system]{margin-top:96px}.relay-flow-approval{top:158px;left:44px;right:0;transform:none;min-width:0;max-width:none;padding:12px 16px}.relay-flow-node strong,.relay-flow-approval strong{font-size:15px}.relay-flow-node>span,.relay-flow-approval span{font-size:13px}.relay-flow-replay{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.relay-flow-replay{display:none}}


/* Reserve the largest natural view; no fixed crop, nested scroller or navigation jump. */
#panel .report-intro h2{grid-row:1;align-self:start}#panel .report-intro{align-items:center}
#panel #pf[data-console-section]>.pf-bar .pf-ctl{display:block;visibility:hidden;pointer-events:none}
#panel .console-view-stage{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;min-width:0}
#panel .console-view-stage>.console-overview,#panel .console-view-stage>.console-account,#panel .console-view-stage>.console-settings{grid-area:1/1;min-width:0;margin:0}
#panel .console-view-stage>.console-account[hidden],#panel .console-view-stage>.console-settings[hidden]{display:block!important;visibility:hidden;pointer-events:none}
#panel #pf[data-console-section] .console-overview{visibility:hidden;pointer-events:none}
#panel .console-view-stage>.console-account,#panel .console-view-stage>.console-settings{min-height:0}
#panel .cancel-area{min-height:160px}
@media(max-width:719px){#panel .cancel-area{min-height:200px}}