/* =============================================
       ART DIRECTION: Jet-black record
       The default page is the artifact the product produces: a near-black
       project record with paper-white ink and hairline rules. Interaction is
       strictly black and white. There is no light theme.
       Typography: Schibsted Grotesk for display, body and UI, JetBrains Mono
       for code.
    ============================================= */

    /* Self-hosted variable WOFF2, latin subset, with no font CDN at runtime. */
    @font-face {
      font-family: 'Schibsted Grotesk';
      font-style: normal;
      font-weight: 400 900;
      font-display: swap;
      src: url('/static/fonts/SchibstedGrotesk-Variable.woff2') format('woff2');
    }
    @font-face {
      font-family: 'Schibsted Grotesk';
      font-style: italic;
      font-weight: 400 900;
      font-display: swap;
      src: url('/static/fonts/SchibstedGrotesk-Italic-Variable.woff2') format('woff2');
    }
    @font-face {
      font-family: 'JetBrains Mono';
      font-style: normal;
      font-weight: 100 800;
      font-display: swap;
      src: url('/static/fonts/JetBrainsMono-Variable.woff2') format('woff2');
    }

    :root {
      --text-xs:   0.8125rem;
      --text-sm:   0.9375rem;
      --text-base: 1.0625rem;
      --text-lg:   1.25rem;
      --text-xl:   1.625rem;
      --text-2xl:  clamp(2.15rem, 1.85rem + 1.25vw, 3rem);
      --text-3xl:  clamp(2.75rem, 2.15rem + 2vw, 4.25rem);

      --space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;
      --space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;
      --space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;
      --space-16:4rem;--space-24:6rem;--space-32:8rem;
      --fold-pad:clamp(4rem,6vw,6rem);

      --radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;
      --radius-xl:1rem;--radius-full:9999px;
      --transition-interactive: 180ms cubic-bezier(0.16, 1, 0.3, 1);

      --font-heading: 'Schibsted Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
      --font-body: 'Schibsted Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
      --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

      --content-narrow:640px;--content-default:960px;--content-wide:1200px;

    }

    /* DARK MODE
       The only palette. Jet black and white, no second hue: near-black
       ground, paper-white ink, and white interactive accents, matching the
       mark's treatment on dark grounds.
       Contrast on #0B0E12: text ~16:1, muted ~9:1, faint ~5:1. */
    :root {
      color-scheme: dark;
      --color-bg:              #0B0E12;
      --color-surface:         #12161C;
      --color-surface-2:       #171C24;
      --color-surface-offset:  #1C222B;
      --color-surface-dynamic: #222933;
      --color-divider:         #29303B;
      --color-border:          #353E4A;
      --color-text:            #E9ECF1;
      --color-text-muted:      #A9B0BA;
      --color-text-faint:      #7D848F;
      --color-text-inverse:    #0B0E12;
      --color-primary:         #E9ECF1;
      --color-primary-hover:   #FFFFFF;
      --color-primary-glow:    rgba(233,236,241,0.12);
      --color-primary-highlight: #262D37;
      --color-action:          #E9ECF1;
      --color-action-hover:    #FFFFFF;
      --color-action-active:   #C9CDD3;
      --color-accent-navy:     #E9ECF1;
      --color-accent-red:      #E06B65;
      --color-code-bg:         #10151C;
      --color-node:            #E9ECF1;
      --shadow-md: 0 8px 24px rgba(0,0,0,0.42);
      --shadow-lg: 0 18px 48px rgba(0,0,0,0.56);
    }
    /* Nav GitHub is not the primary conversion action; as a filled block it
       dominated the dark nav. Ghost treatment. */
    .nav .btn-cta,
    .doc-topbar .btn-cta{
      background:transparent;
      color:var(--color-text-muted);
      border:1px solid var(--color-border);
    }
    .nav .btn-cta:hover,
    .doc-topbar .btn-cta:hover{
      color:var(--color-text);
      background:var(--color-surface-offset);
      border-color:var(--color-accent-navy);
    }

    .nav-logo-img,
    .footer-logo-img,
    .doc-topbar-mark{
      display:block;
      width:22px;height:22px;
      background:var(--color-accent-navy);
      -webkit-mask:url(/static/logo/nauro-mark.svg) no-repeat center / contain;
      mask:url(/static/logo/nauro-mark.svg) no-repeat center / contain;
    }
    .footer-logo-img { opacity: 0.7; }

    /* BASE */
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
    html{
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      text-rendering:optimizeLegibility;
      scroll-behavior:smooth;
      scroll-padding-top:var(--space-16);
    }
    body{
      min-height:100dvh;
      font-family:var(--font-body);
      font-weight:400;
      font-size:var(--text-base);
      color:var(--color-text);
      background-color:var(--color-bg);
      line-height:1.6;
      overflow-x:hidden;
    }
    img,svg{display:block;max-width:100%;}
    input,button,textarea,select{font:inherit;color:inherit;}
    h1,h2,h3{text-wrap:balance;line-height:1.08;}
    p,li{text-wrap:pretty;}
    button{cursor:pointer;background:none;border:none;}
    ::selection{background:var(--color-primary-glow);}
    a,button,[role="button"]{
      transition:color var(--transition-interactive),background var(--transition-interactive),
                 border-color var(--transition-interactive),opacity var(--transition-interactive),
                 box-shadow var(--transition-interactive);
    }
    /* One ink focus ring replaces the browser's pale-blue default. Scoped
       workspace and docs rings still win on specificity. */
    :where(a,button,summary,label,[tabindex]):focus-visible{outline:2px solid var(--color-text);outline-offset:3px;}
    @media(prefers-reduced-motion:reduce){
      html{scroll-behavior:auto;}
      *,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important;}
    }
    .sr-only{
      position:absolute;
      width:1px;height:1px;
      padding:0;margin:-1px;
      overflow:hidden;clip:rect(0,0,0,0);
      white-space:nowrap;border:0;
    }
    .sr-only:focus,
    .sr-only:active{
      position:fixed;
      top:var(--space-4);left:var(--space-4);z-index:200;
      width:auto;height:auto;margin:0;padding:var(--space-3) var(--space-5);
      overflow:visible;clip:auto;white-space:normal;
      background:var(--color-primary);color:var(--color-text-inverse);
      border-radius:var(--radius-sm);box-shadow:var(--shadow-md);
      text-decoration:none;font-size:var(--text-sm);font-weight:500;
    }

    @keyframes load-wave{
      from{opacity:0;transform:translateY(18px);}
      to{opacity:1;transform:none;}
    }
    @keyframes load-wave-down{
      from{opacity:0;transform:translateY(-8px);}
      to{opacity:1;transform:none;}
    }
    @media(prefers-reduced-motion:no-preference){
      .home-page:has(.record-cover) .nav-logo,
      .home-page:has(.record-cover) .nav-links li,
      .home-page:has(.record-cover) .nav-actions > *,
      .home-page:has(.record-cover) .cover-title,
      .home-page:has(.record-cover) .cover-summary,
      .home-page:has(.record-cover) .cover-actions{
        opacity:0;
        animation:load-wave 760ms cubic-bezier(0.16,1,0.3,1) forwards;
      }
      .home-page:has(.record-cover) .nav-logo,
      .home-page:has(.record-cover) .nav-links li,
      .home-page:has(.record-cover) .nav-actions > *{
        animation-name:load-wave-down;
        animation-duration:620ms;
      }
      .home-page:has(.record-cover) .nav-logo{animation-delay:40ms;}
      .home-page:has(.record-cover) .nav-links li:nth-child(1){animation-delay:95ms;}
      .home-page:has(.record-cover) .nav-links li:nth-child(2){animation-delay:130ms;}
      .home-page:has(.record-cover) .nav-links li:nth-child(3){animation-delay:165ms;}
      .home-page:has(.record-cover) .nav-links li:nth-child(4){animation-delay:200ms;}
      .home-page:has(.record-cover) .nav-links li:nth-child(5){animation-delay:235ms;}
      .home-page:has(.record-cover) .nav-actions > *:nth-child(1){animation-delay:180ms;}
      .home-page:has(.record-cover) .nav-actions > *:nth-child(2){animation-delay:210ms;}
      .home-page:has(.record-cover) .nav-actions > *:nth-child(3){animation-delay:240ms;}
      .home-page:has(.record-cover) .nav-actions > *:nth-child(4){animation-delay:270ms;}
      .home-page:has(.record-cover) .cover-title{animation-delay:180ms;}
      .home-page:has(.record-cover) .cover-summary{animation-delay:320ms;}
      .home-page:has(.record-cover) .cover-actions{animation-delay:440ms;}
    }

    /* =============================================
       NAVIGATION
    ============================================= */
    .nav{
      position:fixed;top:0;left:0;right:0;z-index:100;
      display:flex;align-items:center;justify-content:space-between;
      padding:var(--space-4) var(--space-8);
      background:color-mix(in srgb,var(--color-bg) 85%,transparent);
      backdrop-filter:blur(16px);
      border-bottom:1px solid oklch(from var(--color-text) l c h/0.05);
      transition:background var(--transition-interactive),border-color var(--transition-interactive);
    }
    /* At the top of the page the nav dissolves into whatever sits under it and
       takes its material once the page scrolls or the mobile menu opens. scripts.js publishes the state; without it the nav
       keeps its material everywhere. */
    .nav[data-nav-state="top"]:not(:has([data-nav-toggle][aria-expanded="true"])){
      background:transparent;
      border-bottom-color:transparent;
      -webkit-backdrop-filter:none;
      backdrop-filter:none;
    }
    .nav-logo{
      display:flex;align-items:center;gap:var(--space-3);
      text-decoration:none;color:var(--color-text);
    }
    .nav-wordmark{
      font-family:var(--font-heading);font-size:var(--text-base);
      font-weight:600;letter-spacing:0;
    }
    .nav-links{display:flex;align-items:center;gap:var(--space-6);list-style:none;}
    .nav-links a{
      font-size:var(--text-xs);font-weight:400;color:var(--color-text-muted);text-decoration:none;letter-spacing:0;
    }
    .nav-links a:hover{color:var(--color-text);}
    .nav-actions{display:flex;align-items:center;gap:var(--space-3);}
    /* Three columns keep the links on the page's centre axis; max-content floors stop the outer groups wrapping. */
    @media(min-width:769px){
      .nav{display:grid;grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);column-gap:var(--space-6);}
      .nav-logo{justify-self:start;}
      .nav-actions{justify-self:end;}
    }
    .nav-github{
      font-size:var(--text-xs);font-weight:400;color:var(--color-text-muted);
      text-decoration:none;letter-spacing:0;margin-right:var(--space-2);
    }
    .nav-github:hover{color:var(--color-text);}
    .btn-cta{
      font-size:var(--text-xs);font-weight:500;padding:var(--space-2) var(--space-5);
      background:var(--color-action);color:var(--color-text-inverse);
      border:1px solid transparent;
      border-radius:var(--radius-sm);text-decoration:none;
    }
    .btn-cta:hover{background:var(--color-action-hover);}
    .nav-menu-toggle,
    .nav-mobile-menu{display:none;}
    .nav-menu-toggle{
      align-items:center;
      justify-content:center;
      width:44px;
      height:44px;
      color:var(--color-text-muted);
      border:1px solid var(--color-border);
      border-radius:var(--radius-sm);
    }
    .nav-menu-toggle:hover{color:var(--color-text);background:var(--color-surface-offset);}
    .nav-mobile-menu[hidden]{display:none;}
    @media(max-width:768px){
      .nav-links{display:none;}
      .nav-github{display:none;}
      .nav{padding:var(--space-4);}
      [data-site-nav] .nav-actions{gap:var(--space-2);}
      [data-site-nav] .btn-cta{
        display:inline-flex;
        align-items:center;
        min-height:44px;
        padding-inline:var(--space-3);
        white-space:nowrap;
      }
      [data-site-nav] .nav-menu-toggle{display:inline-flex;}
      [data-site-nav] .nav-mobile-menu{
        position:absolute;
        top:100%;
        left:0;
        right:0;
        z-index:110;
        max-height:calc(100dvh - var(--nav-h,64px));
        overflow:auto;
        padding:var(--space-3) var(--space-4) var(--space-5);
        background:var(--color-bg);
        border-bottom:1px solid var(--record-rule, var(--color-border));
        box-shadow:var(--shadow-md);
      }
      [data-site-nav] .nav-mobile-menu:not([hidden]){display:grid;}
      [data-site-nav] .nav-mobile-menu a{
        display:flex;
        align-items:center;
        min-height:44px;
        padding-inline:var(--space-3);
        color:var(--color-text-muted);
        border-bottom:1px solid var(--color-divider);
        font-size:var(--text-sm);
        text-decoration:none;
      }
      [data-site-nav] .nav-mobile-menu a:hover{color:var(--color-text);background:var(--color-surface-offset);}
      /* Opening fades in; closing stays instant because [hidden] removes the box. */
      @media(prefers-reduced-motion:no-preference){
        [data-site-nav] .nav-mobile-menu{transition:opacity var(--transition-interactive),transform var(--transition-interactive);}
        @starting-style{
          [data-site-nav] .nav-mobile-menu:not([hidden]){opacity:0;transform:translateY(-6px);}
        }
      }
    }
    @media(max-width:360px){
      .nav[data-site-nav]{padding-inline:var(--space-3);}
      [data-site-nav] .nav-actions{gap:var(--space-1);}
      [data-site-nav] .btn-cta{
        padding-inline:var(--space-2);
        font-size:0.72rem;
      }
    }

    /* LAYOUT UTILITIES */
    .container{max-width:var(--content-default);margin-inline:auto;padding-inline:var(--space-8);}

    /* BUTTONS */
    .btn-primary{
      display:inline-flex;align-items:center;gap:var(--space-2);
      font-size:var(--text-sm);font-weight:500;padding:var(--space-3) var(--space-6);
      background:var(--color-action);color:var(--color-text-inverse);
      border-radius:var(--radius-sm);text-decoration:none;
    }
    .btn-primary:hover{background:var(--color-action-hover);}

    /* =============================================
       §A: HERO
    ============================================= */
    /* HERO RIGHT: proof surface */
    .t-prompt{color:var(--color-primary);font-size:var(--text-sm);}
    .t-cmd{color:var(--color-text);font-size:var(--text-sm);min-width:0;flex:1;overflow-wrap:anywhere;}
    @media(max-width:640px){
      h1,h2,h3,p,li{text-wrap:wrap;}
      .container{padding-inline:var(--space-5);}
      .nav{padding:var(--space-3) var(--space-5);}
      .nav-logo{gap:var(--space-2);}
      .nav-logo-img{width:20px;height:20px;}
      .nav-wordmark{font-size:0.95rem;}
      .btn-cta{font-size:0.8125rem;padding:0.6rem var(--space-4);}
    }
    /* =============================================
       §B: AUDIT
    ============================================= */
    .demo{
      padding-block:clamp(var(--space-16),8vw,var(--space-32));
      background:var(--color-bg);
      border-top:1px solid var(--color-divider);
      scroll-margin-top:calc(var(--nav-h,64px) + var(--space-4));
    }
    /* Audit-section live recording sits above the 3-frame static breakdown.
       Caps at ~900px so the captured terminal text stays readable; the static
       frames below serve as the annotated walk-through. */
    .audit-video{
      margin:0 auto var(--space-10);
      max-width:900px;
      width:100%;
      position:relative;
      border-radius:var(--radius-md);
      overflow:hidden;
      background:#0d0d0f;
      /* Hairline edge so the card reads as an intentional surface, not a hole
         in the page. Warm-tinted, not white. */
      border:1px solid rgba(237,231,216,0.10);
      box-shadow:var(--shadow-md);
    }
    .audit-video-el{display:block;width:100%;height:auto;object-fit:contain;}
    /* PLYR THEME
       Map Plyr's CSS custom properties to the design tokens so the player reads
       on-brand. The player uses --color-primary for interface state. The
       control bar is deliberately restrained: a low-contrast dark scrim over
       the (dark terminal) footage, a body-font time readout with tabular
       figures, and icons that only brighten on hover/focus rather than
       shouting at rest. CSP-clean: Plyr reads these vars via plyr.css; no injected style. */
    .plyr{
      --plyr-color-main: var(--color-primary);
      --plyr-font-family: var(--font-body);
      --plyr-font-size-base: var(--text-sm, 0.875rem);
      --plyr-font-size-small: var(--text-xs, 0.75rem);
      --plyr-font-size-time: var(--text-xs, 0.75rem);
      --plyr-font-size-menu: var(--text-xs, 0.75rem);
      --plyr-control-spacing: var(--space-2, 0.5rem);
      --plyr-control-icon-size: 16px;
      --plyr-control-radius: var(--radius-sm);
      --plyr-menu-radius: var(--radius-md);
      --plyr-tooltip-radius: var(--radius-sm);
      --plyr-badge-border-radius: var(--radius-sm);
      /* Controls: restrained dark scrim so the bar reads over dark footage. */
      --plyr-video-controls-background: linear-gradient(transparent, rgba(13,13,15,0.72));
      --plyr-video-control-color: rgba(255,255,255,0.78);
      --plyr-video-control-color-hover: #fff;
      --plyr-video-background: #0d0d0f;
      /* Scrubber: brand-filled progress, neutral track. */
      --plyr-range-fill-background: var(--color-primary);
      --plyr-range-thumb-background: #fff;
      --plyr-range-track-height: 4px;
      --plyr-video-progress-buffered-background: rgba(255,255,255,0.25);
      /* Speed menu: site surface tokens so the panel matches the page chrome. */
      --plyr-menu-background: var(--color-surface-2);
      --plyr-menu-color: var(--color-text);
      --plyr-menu-arrow-color: var(--color-text-muted);
      --plyr-menu-border-color: var(--color-border);
      --plyr-menu-border-shadow-color: var(--color-divider);
      --plyr-tooltip-background: var(--color-surface-2);
      --plyr-tooltip-color: var(--color-text);
    }
    .plyr__time{font-variant-numeric:tabular-nums;}
    .audit-video .plyr{
      width:100%;
      height:auto;
    }
    @media(max-width:768px){
      .audit-video{
        margin-bottom:var(--space-4);
        border-radius:var(--radius-sm);
      }
    }

    /* =============================================
       §D: INHERITANCE
    ============================================= */
    .inheritance{
      padding-block:clamp(var(--space-16),8vw,var(--space-32));
      background:var(--color-bg);
      border-top:1px solid var(--color-divider);
      scroll-margin-top:calc(var(--nav-h,64px) + var(--space-4));
    }
    .sc-key{color:var(--color-accent-red);}
    .sc-val{color:var(--color-primary);}
    .sc-brace{color:var(--color-text-faint);}

    /* =============================================
       FOOTER
    ============================================= */
    footer{
      padding-block:var(--space-12);
      border-top:1px solid var(--color-divider);
      background:var(--color-surface);
    }
    .footer-attribution{
      text-align:left;
      padding:var(--space-4) 0 var(--space-8);
      font-size:var(--text-xs);
      color:var(--color-text-faint);
      opacity:0.7;
      letter-spacing:0.01em;
    }
    .footer-inner{
      display:flex;align-items:center;justify-content:space-between;
      flex-wrap:wrap;gap:var(--space-6);
    }
    .footer-logo{
      display:flex;align-items:center;gap:var(--space-3);
      text-decoration:none;color:var(--color-text);
    }
    .footer-wordmark{
      font-family:var(--font-heading);font-size:var(--text-sm);
      font-weight:600;letter-spacing:0;
    }
    .footer-links{
      display:flex;align-items:center;gap:var(--space-6);list-style:none;flex-wrap:wrap;
    }
    .footer-links a{
      font-size:var(--text-xs);color:var(--color-text-faint);text-decoration:none;
          }
    .footer-links a:hover{color:var(--color-text);}

    /* 404 page */
    .error-page-wrap {
      min-height:100svh;
      display:flex;flex-direction:column;
      align-items:center;justify-content:center;
      gap:var(--space-6);text-align:center;padding:var(--space-8);
      background:var(--color-bg);color:var(--color-text);
    }
    .error-page-message {
      font-family:var(--font-heading);
      font-size:var(--text-2xl);
      font-weight:400;max-width:var(--content-narrow);
    }
    .error-page-link {
      font-family:var(--font-mono);
      font-size:var(--text-sm);
      color:var(--color-primary);text-decoration:none;
    }
    .error-page-link:hover {
      color:var(--color-primary-hover);text-decoration:underline;
    }

    /* ===================== PRICING PAGE ===================== */

    /* §P0: CURRENT-PAGE NAV STATE (lights up on whichever page sets aria-current) */
    .nav-links a[aria-current="page"]{color:var(--color-text);font-weight:500;}

    /* §P1: PRICING HERO */
    .pricing-hero{
      padding-block:clamp(var(--space-24),12vw,var(--space-32)) clamp(var(--space-12),6vw,var(--space-16));
      background:var(--color-bg);
    }

    @media(max-width:640px){
      .pricing-hero .container{
        width:100%;
        max-width:100%;
      }
    }

    /* ===================== DOCS ===================== */
    /* Strands-style layout: a left rail flush to the viewport edge, a centered readable column, an "on this page" rail on
       the right. Topbar height is local to this system (the marketing .nav sets
       --nav-h globally; docs pages don't render .nav, so define it here so the
       scroll-margin / sticky offsets resolve without the marketing JS). */
    .doc-shell{
      --doc-rail-w:17rem;
      --doc-toc-w:15rem;
      --nav-h:52px;
    }

    /* §D1 TOPBAR: slim, sticky, spans full width above the rail+content */
    .doc-topbar{
      /* The topbar is a sibling of .doc-shell, so it can't inherit the shell's
         --nav-h. Define it here too (keep this value in sync with .doc-shell)
         so the fixed rail's top offset lines up with the topbar height. */
      --nav-h:52px;
      position:sticky;top:0;z-index:50;
      height:var(--nav-h);
      display:flex;align-items:center;justify-content:space-between;
      gap:var(--space-6);
      padding-inline:var(--space-5);
      background:var(--color-surface);
      border-bottom:1px solid var(--color-border);
    }
    .doc-topbar-brand{
      display:inline-flex;align-items:center;gap:var(--space-2);
      text-decoration:none;color:var(--color-text);
      font-family:var(--font-heading);font-weight:600;font-size:var(--text-base);
      letter-spacing:0;
    }
    .doc-topbar-nav{
      display:flex;align-items:center;gap:var(--space-5);
    }
    .doc-topbar-link{
      font-size:var(--text-sm);color:var(--color-text-muted);
      text-decoration:none;font-weight:500;
      transition:color var(--transition-interactive);
    }
    .doc-topbar-link:hover{color:var(--color-text);}
    .doc-topbar-link[aria-current="page"]{color:var(--color-primary);}

    /* §D2 SHELL: fixed left rail (flush to viewport edge) + content + toc.
       The rail is fixed so it owns the full viewport height and scrolls on its
       own; the content column is offset by the rail width via margin-left. */
    .doc-shell{position:relative;}
    .doc-rail{
      position:fixed;
      top:var(--nav-h);left:0;
      width:var(--doc-rail-w);
      height:calc(100vh - var(--nav-h));
      overflow-y:auto;overflow-x:hidden;
      background:var(--color-surface);
      border-right:1px solid var(--color-border);
      padding:var(--space-6) var(--space-5) var(--space-10);
      z-index:40;
      overscroll-behavior:contain;
    }
    /* .doc-rail-head removed: the topbar already carries the nauro mark, so the
       rail starts directly at the first group. */
    .doc-rail-group{margin-bottom:var(--space-8);}
    .doc-rail-group:first-of-type{margin-top:var(--space-1);}
    .doc-rail-group-label{
      font-family:var(--font-mono);font-size:0.72rem;
      letter-spacing:0.06em;text-transform:uppercase;
      color:var(--color-text-faint);
      margin-bottom:var(--space-3);padding-inline:var(--space-3);
    }
    .doc-rail-list{
      list-style:none;display:flex;flex-direction:column;gap:2px;
      margin:0;padding:0;
    }
    .doc-rail-link{
      display:block;
      font-size:var(--text-sm);color:var(--color-text-muted);
      text-decoration:none;line-height:1.4;
      padding:var(--space-2) var(--space-3);
      letter-spacing:-0.005em;
      border-radius:var(--radius-sm);
      transition:background var(--transition-interactive),color var(--transition-interactive);
    }
    .doc-rail-link:hover{background:var(--color-surface-offset);color:var(--color-text);}
    .doc-rail-link.active{
      color:var(--color-primary);font-weight:600;
      background:var(--color-primary-glow);
      box-shadow:inset 2px 0 0 var(--color-primary);
    }
    .doc-rail-divider{
      height:1px;background:var(--color-divider);
      border:0;margin:var(--space-6) 0;
    }
    .doc-rail-foot{
      list-style:none;display:flex;flex-direction:column;gap:var(--space-2);
      margin:0;padding:0;
    }
    .doc-rail-foot a{
      font-size:var(--text-sm);color:var(--color-text-faint);
      text-decoration:none;padding-inline:var(--space-3);
      transition:color var(--transition-interactive);
    }
    .doc-rail-foot a:hover{color:var(--color-text);}

    /* §D3 CONTENT COLUMN: offset by the rail; reserve room for the right TOC */
    .doc-content{
      margin-left:var(--doc-rail-w);
      min-width:0;
      display:grid;
      grid-template-columns:minmax(0,1fr) var(--doc-toc-w);
      column-gap:var(--space-12);
      max-width:calc(var(--content-wide) + var(--doc-toc-w));
      padding:var(--space-16) var(--space-16) var(--space-32);
    }
    .doc-article{min-width:0;max-width:var(--content-default);}
    .doc-article-eyebrow{
      font-family:var(--font-mono);font-size:var(--text-xs);
      color:var(--color-primary);letter-spacing:0.06em;text-transform:uppercase;
      margin-bottom:var(--space-4);
    }
    .doc-article-title{
      font-family:var(--font-heading);font-size:var(--text-3xl);
      font-weight:600;letter-spacing:-0.02em;line-height:1.08;
      color:var(--color-text);
      scroll-margin-top:calc(var(--nav-h) + var(--space-6));
    }
    .doc-article-lede{
      font-size:var(--text-lg);color:var(--color-text-muted);
      line-height:1.7;max-width:62ch;margin-top:var(--space-6);
    }

    /* §D4 SECTION HEADINGS: clear hierarchy, anchors clear the topbar */
    .doc-h2{
      font-family:var(--font-heading);font-size:clamp(1.5rem,1.2rem + 1.2vw,2.25rem);
      font-weight:600;letter-spacing:-0.02em;line-height:1.15;
      color:var(--color-text);
      margin-top:var(--space-16);margin-bottom:var(--space-5);
      scroll-margin-top:calc(var(--nav-h) + var(--space-6));
    }
    .doc-article > .doc-h2:first-of-type{margin-top:var(--space-10);}
    .doc-h3{
      font-family:var(--font-heading);font-size:var(--text-lg);
      font-weight:600;letter-spacing:0;color:var(--color-text);
      margin-top:var(--space-10);margin-bottom:var(--space-4);
      scroll-margin-top:calc(var(--nav-h) + var(--space-6));
    }

    /* §D5 PROSE: readable measure (~70ch), comfortable rhythm */
    .doc-prose{
      max-width:72ch;color:var(--color-text-muted);
      font-size:1.125rem;line-height:1.75;
      margin-top:var(--space-5);
    }
    .doc-prose p{margin:0;}
    .doc-prose p + p{margin-top:var(--space-5);}
    .doc-prose strong{color:var(--color-text);font-weight:600;}
    .doc-prose ul,
    .doc-prose ol{margin:var(--space-5) 0;padding-left:var(--space-6);}
    .doc-prose li{margin-block:var(--space-3);line-height:1.7;}
    .doc-prose li + li{margin-top:var(--space-2);}
    .doc-prose li::marker{color:var(--color-text-faint);}
    /* Ledes sit outside .doc-prose, so their links take the same rule rather
       than the browser's default link colour. */
    .doc-prose a,
    .doc-article-lede a,
    .doc-hub-lede a{
      color:var(--color-primary);text-decoration:underline;
      text-underline-offset:0.15em;
      transition:color var(--transition-interactive);
    }
    .doc-prose a:hover,
    .doc-article-lede a:hover,
    .doc-hub-lede a:hover{color:var(--color-primary-hover);}
    .doc-prose a.btn-primary{color:var(--color-text-inverse);text-decoration:none;}
    .doc-prose a.btn-primary:hover{color:var(--color-text-inverse);}
    /* Inline code: steel mono on a faint steel tint (accent-navy = working
       information, never the amber action color), so chip-dense reference
       prose stays calm; code BLOCKS stay dark since they are discrete. */
    .doc-prose code{
      font-family:var(--font-mono);font-size:0.85em;font-weight:500;
      color:var(--color-accent-navy);
      background:oklch(from var(--color-accent-navy) l c h/0.12);
      padding:0.08em 0.4em;border-radius:var(--radius-sm);
      overflow-wrap:anywhere;
    }

    /* §D6 CODE CARD, Strands-style: header strip + scrollable mono body */
    .doc-code{
      /* Dark code surface (Strands-style); the cc-* custom props cascade to
         the token spans below and re-theme the reused shell and JSON token
         spans for the dark background. */
      --cc-bg:#0D1F2B;--cc-bar:#091721;--cc-border:rgba(237,231,216,0.10);
      --cc-text:#DDE4E1;--cc-faint:#8FA4AF;
      --cc-com:#6f8896;--cc-str:#E3A878;--cc-kw:#C8BFAE;--cc-num:#e0b277;--cc-fn:#8FB6CC;--cc-punct:#AFC1C8;
      margin-block:var(--space-8);
      max-width:72ch;
      background:var(--cc-bg);
      border:1px solid var(--cc-border);
      border-radius:var(--radius-md);
      overflow:hidden;
      box-shadow:var(--shadow-md);
    }
    .doc-code-bar{
      display:flex;align-items:center;
      gap:var(--space-3);
      padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);
      background:var(--cc-bar);
      border-bottom:1px solid var(--cc-border);
    }
    .doc-code-lang{
      font-family:var(--font-mono);font-size:var(--text-xs);
      color:var(--cc-faint);letter-spacing:0.04em;
    }
    .doc-code-copy{
      margin-left:auto;
      display:inline-flex;align-items:center;gap:var(--space-2);
      font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;
      color:var(--cc-faint);
      background:transparent;border:1px solid transparent;
      border-radius:var(--radius-sm);
      padding:var(--space-1) var(--space-2);
      cursor:pointer;
      transition:background var(--transition-interactive),color var(--transition-interactive),border-color var(--transition-interactive);
    }
    .doc-code-copy:hover{
      color:var(--cc-text);
      background:rgba(255,255,255,0.08);
      border-color:var(--cc-border);
    }
    .doc-code-copy svg{display:block;}
    .doc-code-body{
      margin:0;
      padding:var(--space-6) var(--space-6);
      overflow-x:auto;
      font-family:var(--font-mono);font-size:var(--text-sm);
      line-height:1.7;color:var(--cc-text);
      tab-size:2;
    }
    .doc-code-body code{
      font-family:inherit;font-size:inherit;color:inherit;
      background:none;padding:0;border-radius:0;
      white-space:pre;
    }
    /* Re-theme the reused shell/JSON token spans for the dark code surface. */
    .doc-code-body .t-prompt{color:var(--cc-fn);}
    .doc-code-body .t-cmd{color:var(--cc-text);}
    .doc-code-body .sc-key{color:var(--cc-fn);}
    .doc-code-body .sc-val{color:var(--cc-str);}
    .doc-code-body .sc-brace{color:var(--cc-punct);}
    /* Token palette emitted by the self-hosted highlighter in scripts.js. */
    .doc-code-body .tok-com{color:var(--cc-com);font-style:italic;}
    .doc-code-body .tok-str{color:var(--cc-str);}
    .doc-code-body .tok-kw{color:var(--cc-kw);}
    .doc-code-body .tok-num{color:var(--cc-num);}

    /* §D6b DOC TABLE: left-aligned reference table inside the article column.
       Distinct from the pricing .compare-table (centered, featured columns);
       this one reads like docs prose and wraps in a horizontal scroll on narrow
       viewports via .doc-table-scroll. */
    .doc-table-scroll{
      margin-block:var(--space-8);
      max-width:72ch;
      overflow-x:auto;
      border:1px solid var(--color-border);
      border-radius:var(--radius-md);
    }
    .doc-table{
      width:100%;min-width:480px;
      border-collapse:collapse;
      font-size:var(--text-sm);
    }
    .doc-table th,
    .doc-table td{
      padding:var(--space-3) var(--space-4);
      text-align:left;vertical-align:top;
      border-bottom:1px solid var(--color-divider);
      line-height:1.55;
    }
    .doc-table tbody tr:last-child td,
    .doc-table tbody tr:last-child th{border-bottom:none;}
    .doc-table thead th{
      font-family:var(--font-mono);font-size:var(--text-xs);
      font-weight:600;letter-spacing:0.04em;text-transform:uppercase;
      color:var(--color-text);
      background:var(--color-surface-offset);
      border-bottom:1px solid var(--color-border);
      white-space:nowrap;
    }
    .doc-table tbody th[scope="row"]{
      font-weight:600;color:var(--color-text);white-space:nowrap;
    }
    .doc-table td{color:var(--color-text-muted);}
    .doc-table code{
      font-family:var(--font-mono);font-size:0.82em;
      background:oklch(from var(--color-accent-navy) l c h/0.12);
      padding:0.1em 0.34em;border-radius:var(--radius-sm);
      color:var(--color-accent-navy);white-space:nowrap;
    }

    /* §D7 CARD GRID: used on the hub and inline on topic pages */
    .doc-cardgrid{
      display:grid;
      grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
      gap:var(--space-5);
      margin-top:var(--space-6);
    }
    .doc-card{
      display:flex;flex-direction:column;
      text-decoration:none;
      background:var(--color-surface-2);
      border:1px solid var(--color-border);
      border-radius:var(--radius-lg);
      padding:var(--space-6);
      transition:transform var(--transition-interactive),border-color var(--transition-interactive),box-shadow var(--transition-interactive);
    }
    .doc-card:hover{
      transform:translateY(-2px);
      border-color:var(--color-primary);
      box-shadow:var(--shadow-md);
    }
    .doc-card-icon{
      display:inline-flex;align-items:center;justify-content:center;
      width:2.25rem;height:2.25rem;
      border-radius:var(--radius-md);
      background:var(--color-primary-glow);
      color:var(--color-primary);
      margin-bottom:var(--space-4);
    }
    .doc-card-icon svg{display:block;}
    .doc-card-title{
      font-family:var(--font-heading);font-size:var(--text-base);
      font-weight:600;color:var(--color-text);
      margin-bottom:var(--space-2);
    }
    .doc-card-desc{
      font-size:var(--text-sm);color:var(--color-text-muted);
      line-height:1.55;
    }

    /* §D8 RIGHT "ON THIS PAGE" TOC: sticky, scroll-spy active state */
    .doc-onthispage{
      position:sticky;
      top:calc(var(--nav-h) + var(--space-8));
      align-self:start;
      max-height:calc(100vh - var(--nav-h) - var(--space-12));
      overflow-y:auto;
      min-width:0;
    }
    .doc-onthispage-title{
      font-family:var(--font-mono);font-size:var(--text-xs);
      letter-spacing:0.08em;text-transform:uppercase;
      color:var(--color-text-faint);margin-bottom:var(--space-3);
    }
    .doc-onthispage-list{
      list-style:none;display:flex;flex-direction:column;gap:var(--space-2);
      margin:0;padding:0;
      border-left:1px solid var(--color-divider);
    }
    .doc-onthispage-link{
      display:block;
      font-size:var(--text-sm);color:var(--color-text-faint);
      text-decoration:none;line-height:1.4;
      padding-left:var(--space-4);margin-left:-1px;
      border-left:2px solid transparent;
      transition:color var(--transition-interactive),border-color var(--transition-interactive);
    }
    .doc-onthispage-sublist{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-2) 0 0;padding:0;}
    .doc-onthispage-sublist .doc-onthispage-link{padding-left:var(--space-8);}
    .doc-onthispage-link:hover{color:var(--color-text);}
    .doc-onthispage-link.active{
      color:var(--color-primary);font-weight:600;
      border-left-color:var(--color-primary);
    }

    /* §D9 HUB: title, lede, grouped card sections */
    .doc-hub-title{
      font-family:var(--font-heading);font-size:var(--text-3xl);
      font-weight:600;letter-spacing:-0.02em;line-height:1.06;
      color:var(--color-text);
    }
    .doc-hub-lede{
      font-size:var(--text-lg);color:var(--color-text-muted);
      line-height:1.6;max-width:64ch;margin-top:var(--space-5);
    }
    .doc-cardsection{margin-top:var(--space-16);}
    .doc-cardsection:first-of-type{margin-top:var(--space-12);}
    .doc-cardsection-label{
      display:block;
      font-family:var(--font-mono);font-size:var(--text-xs);
      letter-spacing:0.06em;text-transform:uppercase;
      color:var(--color-primary);
      padding-bottom:var(--space-3);
      border-bottom:1px solid var(--color-divider);
    }
    /* The hub has no right TOC, so it does not reserve that column. */
    .doc-hub{grid-template-columns:minmax(0,1fr);}
    /* Fixed column counts per section so the hub grid leaves no empty cells. */
    @media(min-width:769px){
      .doc-hub .doc-cardgrid{grid-template-columns:repeat(2,minmax(0,1fr));}
      .doc-hub .doc-cardgrid > :last-child:nth-child(odd){grid-column:1/-1;}
    }
    @media(min-width:1025px){
      .doc-hub .doc-cardsection:first-of-type .doc-cardgrid{grid-template-columns:repeat(3,minmax(0,1fr));}
      .doc-hub .doc-cardsection:first-of-type .doc-cardgrid > :last-child{grid-column:auto;}
    }

    /* §D10 RESPONSIVE: matches the existing 1100/900/768 breakpoint cluster.
       No JS needed: the rail and TOC collapse purely via media queries. */
    @media(max-width:1100px){
      /* Drop the right "on this page" TOC; content goes single-column. */
      .doc-content{
        grid-template-columns:minmax(0,1fr);
        max-width:var(--content-wide);
      }
      .doc-onthispage{display:none;}
    }
    /* The rail ships as an open disclosure, so desktop and no-script readers
       see every link. docs-menu.js keeps it open on wide screens, so the summary
       is hidden there; without the script it stays, so a menu closed at a
       narrow width can still be reopened after widening. */
    .doc-rail-menu[data-doc-menu-ready] > summary{display:none;}
    @media(max-width:900px){
      /* Narrow docs: the rail becomes one "Docs menu" row naming the current
         page, so the article stays in the first viewport and every page stays
         one tap away. docs-menu.js closes it before first paint; without that
         script the open menu sits in the flow and scrolls away with the page. */
      .doc-rail{
        position:static;
        width:100%;height:auto;
        overflow:visible;
        border-right:none;
        border-bottom:1px solid var(--color-border);
        padding:0 var(--space-4);
      }
      .doc-rail:has([data-doc-menu-ready]){
        position:sticky;top:var(--nav-h);z-index:45;
        max-height:calc(100svh - var(--nav-h));
        overflow-y:auto;overflow-x:hidden;
      }
      .doc-rail-menu > summary{
        display:flex;align-items:center;gap:var(--space-3);
        min-height:48px;cursor:pointer;list-style:none;
        font-weight:600;color:var(--color-text);
      }
      .doc-rail-menu > summary::-webkit-details-marker{display:none;}
      .doc-rail-menu > summary::after{
        content:"";width:0.5rem;height:0.5rem;margin-left:auto;margin-right:0.25rem;
        border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
        transform:translateY(-25%) rotate(45deg);
        transition:transform var(--transition-interactive);
      }
      .doc-rail-menu[open] > summary::after{transform:translateY(25%) rotate(-135deg);}
      .doc-rail-menu > summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;}
      .doc-rail-menu-current{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-muted);font-weight:400;}
      .doc-rail-menu[open]{padding-bottom:var(--space-4);}
      .doc-rail-group,
      .doc-rail-group:first-of-type{margin:var(--space-4) 0 0;}
      .doc-rail-group-label{margin-bottom:var(--space-1);}
      .doc-rail-link{display:flex;align-items:center;min-height:44px;}
      .doc-rail-divider{margin:var(--space-4) 0;}
      .doc-rail-foot a{display:flex;align-items:center;min-height:44px;}
      .doc-content{
        margin-left:0;
        width:100%;
        max-width:100%;
        padding:var(--space-8) var(--space-6) var(--space-16);
      }
      .doc-card,
      .doc-code,
      .doc-table-scroll{max-width:none;}
    }
    @media(max-width:768px){
      .doc-topbar{padding-inline:var(--space-4);gap:var(--space-4);}
      .doc-topbar-nav{gap:var(--space-4);}
      .doc-topbar .btn-cta{display:none;}
      .doc-content{padding-inline:var(--space-4);}
      .doc-article,
      .doc-prose,
      .doc-article-lede,
      .doc-hub-lede{
        width:100%;
        max-width:100%;
        overflow-wrap:break-word;
      }
      .doc-cardgrid{grid-template-columns:1fr;}
    }

    /* Docs footer: clears the fixed left rail like .doc-content; full width when the rail collapses at <=900px. */
    .doc-footer{margin-left:var(--doc-rail-w);}
    @media(max-width:900px){.doc-footer{margin-left:0;}}

    /* =============================================
       HOMEPAGE: PROJECT RECORD
       Paper carries the argument. Dark blueprint fields carry evidence and
       commands. Rules, indexes, and asymmetric spacing replace card stacks.
    ============================================= */
    .home-page{
      --color-bg:#101010;
      --color-text:#EBEBEB;
      --color-text-muted:#ABABAB;
      --color-text-faint:#929292;
      --color-text-inverse:#101010;
      --color-primary:#EBEBEB;
      --color-primary-hover:#FFFFFF;
      --color-accent-navy:#EBEBEB;
      --color-accent-red:#EBEBEB;
      --color-surface:#171717;
      --color-surface-2:#1C1C1C;
      --color-surface-offset:#202020;
      --color-surface-dynamic:#262626;
      --color-divider:#2A2A2A;
      --color-border:#3B3B3B;
      --color-code-bg:#141414;
      --color-primary-highlight:#262626;
      --text-xs:0.875rem;
      --text-sm:1rem;
      --record-max:1280px;
      --record-gutter:clamp(1.25rem,4.4vw,4rem);
      --record-rule:color-mix(in srgb,var(--color-text) 18%,transparent);
      --record-rule-strong:color-mix(in srgb,var(--color-text) 42%,transparent);
      --home-radius-control:10px;
      --home-radius-card:14px;
      --home-radius-panel:20px;
      --home-heading:clamp(2.4rem,3.9vw,3.5rem);
      --step-body:1.0625rem;
      --step-lead:1.25rem;
      --home-material:rgba(23,23,23,0.94);
      --home-material-raised:rgba(31,31,31,0.96);
      --home-material-edge:rgba(235,235,235,0.14);
      --home-material-highlight:rgba(255,255,255,0.08);
      --home-material-shadow:0 2px 8px rgba(0,0,0,0.3);
      --home-material-shadow-lg:0 6px 14px rgba(0,0,0,0.38);
      --home-section-bg:#101010;
      --home-evidence-bg:#101010;
      --home-evidence-surface:#171717;
      --home-evidence-rule:rgba(235,235,235,0.16);
      --home-evidence-text:#EBEBEB;
      --home-evidence-muted:#ABABAB;
      --home-agent-filter:saturate(0.45);
      --home-shell-bg:#191919;
      --home-shell-border:#3B3B3B;
      background:var(--color-bg);
    }
    .sdlc-host{
      --sdlc-line:rgba(233,236,241,0.2);
      --sdlc-approval:#E9ECF1;
      --sdlc-transition:280ms cubic-bezier(0.16,1,0.3,1);
      --sdlc-approval-transition:280ms cubic-bezier(0.16,1,0.3,1);
    }
    .home-page main{
      position:relative;
      isolation:isolate;
    }
    .home-page .record-shell{
      position:relative;
      z-index:2;
      width:min(100%,var(--record-max));
      margin-inline:auto;
      padding-inline:var(--record-gutter);
    }
    .home-page .record-cover,
    .home-page .evidence-chapter,
    .home-page .connection-chapter,
    .home-page #demo{
      scroll-margin-top:calc(var(--nav-h,64px) + var(--space-6));
    }
    .home-page .nav{
      position:sticky;
      top:0;
      background:color-mix(in srgb,var(--color-bg) 76%,transparent);
      -webkit-backdrop-filter:blur(18px) saturate(135%);
      backdrop-filter:blur(18px) saturate(135%);
      border-bottom-color:var(--home-material-edge);
      isolation:isolate;
    }
    .home-page .nav::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:-1;
      background:linear-gradient(180deg,var(--home-material-highlight),transparent 70%);
      pointer-events:none;
      transition:opacity var(--transition-interactive);
    }
    .home-page .nav[data-nav-state="top"]:not(:has([data-nav-toggle][aria-expanded="true"]))::before{opacity:0;}
    .home-page .nav-menu-toggle,
    .home-page .btn-cta{
      color:var(--color-text);
      border:1px solid var(--home-material-edge);
      border-radius:var(--home-radius-control);
      background:linear-gradient(180deg,var(--home-material-raised),var(--home-material));
      box-shadow:inset 0 1px 0 var(--home-material-highlight),var(--home-material-shadow);
      transition:color var(--transition-interactive),background var(--transition-interactive),border-color var(--transition-interactive),transform var(--transition-interactive);
    }
    .home-page .nav-menu-toggle:hover,
    .home-page .btn-cta:hover{
      color:var(--color-text);
      background:var(--home-material-raised);
      border-color:var(--record-rule-strong);
    }
    @media(hover:hover) and (pointer:fine){
      .home-page .nav-menu-toggle:hover,
      .home-page .btn-cta:hover{transform:translateY(-1px);}
    }
    .home-page .nav-menu-toggle:active,
    .home-page .btn-cta:active{transform:none;}
    .home-page .btn-primary{
      background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 88%,white),var(--color-primary));
      color:var(--color-text-inverse);
      border:1px solid var(--color-primary);
      border-radius:var(--home-radius-control);
      box-shadow:inset 0 1px 0 color-mix(in srgb,var(--color-text-inverse) 24%,transparent),0 2px 6px rgba(0,0,0,0.2);
      transition:background var(--transition-interactive),border-color var(--transition-interactive),transform var(--transition-interactive);
    }
    .home-page .btn-primary:hover{
      background:var(--color-primary-hover);
      border-color:var(--color-primary-hover);
    }
    @media(hover:hover) and (pointer:fine){
      .home-page .btn-primary:hover{transform:translateY(-1px);}
    }
    .home-page .btn-primary:active{transform:none;}
    .home-page .record-link{
      display:inline-flex;
      align-items:center;
      gap:var(--space-2);
      width:fit-content;
      min-height:44px;
      color:var(--color-text);
      font-size:var(--text-base);
      font-weight:500;
      line-height:1.4;
      text-decoration:underline;
      text-decoration-color:var(--color-text-muted);
      text-underline-offset:0.25em;
    }
    .home-page .record-link:hover{color:var(--color-primary);text-decoration:underline;text-underline-offset:0.2em;}

    .home-page .record-cover{
      padding-top:2.5rem;
      padding-bottom:3rem;
    }
    .home-page .cover-copy{
      max-width:1120px;
      min-width:0;
    }
    .home-page .cover-title{
      max-width:1040px;
      color:var(--color-text);
      font-size:clamp(2.5rem,5vw,4rem);
      line-height:1.05;
      text-wrap:balance;
    }
    .home-page .cover-meta{
      display:grid;
      justify-items:start;
      gap:1rem;
      margin-top:1rem;
    }
    .home-page .cover-summary{
      max-width:64ch;
      color:var(--color-text);
      font-size:1.125rem;
      line-height:1.55;
    }

    .home-page .cover-actions{
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:1rem;
    }
    /* /decision-system hero is the focal point on desktop; phones keep the
       shared 759px rule. */
    @media(min-width:760px){
      .decision-system-page .record-cover .cover-title{font-size:clamp(3rem,6.4vw,5.75rem);max-width:none;line-height:1.02;}
      .decision-system-page .record-cover .cover-meta{margin-top:1.75rem;}
      .decision-system-page .cover-summary{font-size:var(--text-lg);}
    }
    .decision-system-page .validation-availability{color:var(--color-text-muted);font-size:var(--text-sm);text-wrap:pretty;}

    .home-page .validation-cover{padding-block:clamp(2.5rem,3.4vw,3.5rem) 0;}
    .home-page .validation-cover .cover-stack{display:grid;gap:2.25rem;}
    .home-page .validation-cover .cover-copy{max-width:100%;margin-inline:auto;text-align:center;}
    .home-page .validation-cover .cover-title{font-size:clamp(3.2rem,4.65vw,4.25rem);max-width:none;line-height:1.04;text-wrap:balance;}
    .home-page .validation-cover .cover-title br{display:none;}
    .home-page .validation-cover .cover-meta{justify-items:center;gap:1rem;margin-top:1.25rem;}
    .home-page .validation-cover .cover-summary{max-width:57ch;color:var(--color-text-muted);}
    .home-page .validation-cover .cover-actions{justify-content:center;gap:1.5rem;}
    .home-page .validation-cover .btn-primary,
    .home-page .bookend-chapter .btn-primary,
    .home-page .pricing-plans .btn-primary{background:#EBEBEB;border-color:#EBEBEB;color:#101010;box-shadow:none;}
    .home-page .validation-cover .btn-primary:hover,
    .home-page .bookend-chapter .btn-primary:hover,
    .home-page .pricing-plans .btn-primary:hover{background:#FFFFFF;border-color:#FFFFFF;}
    .home-page .agent-workspace{margin:0;min-width:0;scroll-margin-top:6rem;}
    /* Hero film: 16:9 above 768px, the square cut below it (source media in index.html). */
    .home-page .hero-film{width:100%;max-width:1120px;min-width:0;margin:0 auto;}
    .home-page .hero-film-frame{overflow:hidden;border:1px solid #3B3B3B;border-radius:12px;background:#F2F3EE;}
    .home-page .hero-film-el,
    .home-page .hero-film .plyr,
    .home-page .hero-film .plyr__video-wrapper{display:block;width:100%;aspect-ratio:16 / 9;border-radius:inherit;}
    .home-page .hero-film-el{height:auto;object-fit:contain;}
    .home-page .hero-film .plyr{--plyr-video-background:#F2F3EE;--plyr-video-controls-background:linear-gradient(transparent,rgba(13,13,15,0.9) 45%);}
    .home-page .hero-film .plyr__control{min-width:44px;min-height:44px;}
    .home-page .hero-film .plyr--full-ui input[type="range"]{min-height:44px;}
    .home-page .validation-example{margin-top:clamp(3rem,6vw,4.5rem);}
    @media(max-width:768px){
      .home-page .hero-film-el,
      .home-page .hero-film .plyr,
      .home-page .hero-film .plyr__video-wrapper{aspect-ratio:1 / 1;}
    }
    /* Example workspace: a near-black sidebar and warm paper around a session layout of conversation and detail.
       Type uses five sizes (13, 14, 15, 22, 44); layouts inside the detail card follow the card's width. */
    .home-page .agent-workspace {--ws-bg:#F5F4F0;--ws-panel:#FFFFFF;--ws-ink:#24241F;--ws-muted:#6B6A63;--ws-line:#E2E0D9;--ws-line-strong:#D5D2C9;--ws-card-line:#E7E3DA;--ws-card-radius:14px;--ws-tint:#F1EFE8;--ws-dark:#121210;--ws-dark-2:#1E1E1B;--ws-dark-3:#2A2A26;--ws-dark-line:#35352E;--ws-dark-ink:#F5F4EC;--ws-dark-muted:#B9B8AE;--ws-red:#A43B32;--ws-red-bg:#FAF0ED;--ws-red-line:#EBCFC8;--ws-amber:#896020;--ws-amber-bg:#FBF5E9;--ws-amber-line:#E9D9B8;--ws-green:#3E6650;--ws-green-bg:#EDF4EE;--ws-green-line:#CFE0D3;--ws-on-dark-red:#E59A8E;--ws-on-dark-amber:#DDB46A;--ws-on-dark-green:#8DBE9C;--ws-focus:#8C6B37;--ws-display:var(--font-heading);}
    .home-page .ws-sprite{position:absolute;width:0;height:0;overflow:hidden;}
    .home-page .agent-workspace .wsi{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
    .home-page .agent-workspace [hidden]{display:none!important;}
    .home-page .agent-workspace a{color:inherit;text-decoration:none;}
    .home-page .agent-workspace :is(h3,h4,h5,h6){margin:0;font-family:var(--font-body);font-weight:570;line-height:1.3;letter-spacing:-0.012em;color:var(--ws-ink);text-wrap:balance;}
    .home-page .agent-workspace p{margin:0;}
    .home-page .agent-workspace .workspace-body{position:relative;display:grid;grid-template-columns:14rem minmax(0,1fr);height:clamp(36rem,calc(100svh - 6rem),52rem);border:1px solid #3B3B3B;border-radius:12px;overflow:hidden;background:var(--ws-bg);color:var(--ws-ink);font-family:var(--font-body);font-size:0.875rem;line-height:1.5;font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;}
    /* Sidebar: wordmark, product picker, explorations with a status line and a date, settings. */
    .home-page .agent-workspace .workspace-sidebar{position:relative;z-index:3;display:flex;flex-direction:column;min-height:0;padding:1.25rem 0.75rem 0.75rem;background:var(--ws-dark);color:var(--ws-dark-muted);}
    .home-page .agent-workspace .workspace-brand{display:flex;align-items:center;gap:0.625rem;padding:0 0.5rem 1.125rem;color:#F6F5EF;}
    .home-page .agent-workspace .workspace-mark{width:22px;height:22px;flex:none;background:currentColor;mask:url(/static/logo/nauro-mark.svg) no-repeat center / contain;-webkit-mask:url(/static/logo/nauro-mark.svg) no-repeat center / contain;}
    .home-page .agent-workspace .workspace-wordmark{font-family:var(--ws-display);font-weight:600;font-size:1.375rem;line-height:1.1;letter-spacing:-0.02em;}
    .home-page .agent-workspace .workspace-product{position:relative;margin-bottom:0.625rem;}
    .home-page .agent-workspace :is(.product-static,.product-button){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0.5rem;width:100%;min-height:44px;margin:0;padding:0.5rem 0.75rem;border:1px solid transparent;border-radius:8px;background:none;color:var(--ws-dark-ink);font:inherit;text-align:left;}
    .home-page .agent-workspace .product-button{cursor:pointer;transition:background-color 150ms ease;}
    .home-page .agent-workspace .product-static{display:flex;}
    .home-page .agent-workspace :is(.product-static,.product-text) strong{display:flex;align-items:center;gap:0.5rem;min-width:0;overflow:hidden;font-size:0.875rem;font-weight:450;white-space:nowrap;}
    .home-page .agent-workspace :is(.product-static,.product-text) strong::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:var(--ws-on-dark-green);}
    .home-page .agent-workspace .product-initial{display:none;}
    .home-page .agent-workspace .product-chevron{width:16px;height:16px;color:#CFCDC2;}
    .home-page .agent-workspace .product-menu{position:absolute;z-index:5;top:calc(100% + 0.375rem);left:0;right:0;display:grid;gap:0.125rem;padding:0.375rem;border:1px solid var(--ws-dark-line);border-radius:8px;background:#1C1C18;box-shadow:0 12px 32px rgba(0,0,0,0.35);}
    .home-page .agent-workspace .product-menu button{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;min-height:44px;padding:0.5rem 0.625rem;border:0;border-radius:6px;background:none;color:#D9D7CC;font:inherit;font-size:0.875rem;line-height:1.35;text-align:left;cursor:pointer;}
    .home-page .agent-workspace .product-menu-label{margin:0;padding:0.375rem 0.625rem 0.25rem;color:#AAA99E;font-size:0.8125rem;line-height:1.35;}
    .home-page .agent-workspace .product-menu button strong{display:block;font-weight:450;}
    .home-page .agent-workspace .product-menu button span span{display:block;color:#AAA99E;font-size:0.8125rem;}
    .home-page .agent-workspace .product-menu button .wsi{width:15px;height:15px;visibility:hidden;}
    .home-page .agent-workspace .product-menu button[aria-current]{background:var(--ws-dark-3);color:var(--ws-dark-ink);}
    .home-page .agent-workspace .product-menu button[aria-current] .wsi{visibility:visible;}
    .home-page .agent-workspace .sidebar-new{display:flex;align-items:center;gap:0.5625rem;min-height:40px;margin-bottom:1.25rem;padding:0.5rem 0.75rem;border:1px solid transparent;border-radius:8px;background:none;color:#EBE9DF;font:inherit;font-size:0.875rem;text-align:left;cursor:pointer;transition:background-color 150ms ease;}
    .home-page .agent-workspace .sidebar-new .wsi{width:16px;height:16px;}
    .home-page .agent-workspace .threads-heading{margin-bottom:0.25rem;padding:0 0.625rem;color:#A3A194;font-size:0.8125rem;font-weight:400;letter-spacing:0;}
    .home-page .agent-workspace .workspace-threads{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#48473E transparent;}
    .home-page .agent-workspace .thread-link{position:relative;display:grid;grid-template-columns:16px minmax(0,1fr);grid-template-areas:"glyph title" ". meta";align-items:center;gap:0.0625rem 0.625rem;width:100%;min-height:52px;margin-bottom:0.125rem;padding:0.375rem 0.625rem;border-radius:8px;color:#E6E4D9;transition:background-color 150ms ease;}
    .home-page .agent-workspace .thread-link > .glyph{grid-area:glyph;}
    .home-page .agent-workspace .thread-icon{display:none;}
    .home-page .agent-workspace .thread-title{grid-area:title;min-width:0;overflow:hidden;font-size:0.875rem;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;}
    .home-page .agent-workspace .thread-meta{grid-area:meta;display:flex;justify-content:space-between;gap:0.5rem;min-width:0;color:#A3A194;font-size:0.8125rem;line-height:1.4;}
    .home-page .agent-workspace .meta-status{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    .home-page .agent-workspace .thread-meta .is-pass{color:var(--ws-on-dark-green);}
    .home-page .agent-workspace .thread-meta .is-fail{color:var(--ws-on-dark-red);}
    .home-page .agent-workspace .thread-meta :is(.is-ask,.is-lock){color:var(--ws-on-dark-amber);}
    .home-page .agent-workspace .thread-date{flex:none;color:#A09E93;}
    .home-page .agent-workspace .thread-link[aria-current],
    .home-page .agent-workspace .thread-link.is-current{background:var(--ws-dark-3);color:var(--ws-dark-ink);}
    /* Status glyphs: a circled mark, the lock bare, a dashed ring for a draft. */
    .home-page .agent-workspace .glyph{display:grid;place-items:center;width:16px;height:16px;flex:none;border:1.5px solid currentColor;border-radius:50%;}
    .home-page .agent-workspace .glyph .wsi{width:10px;height:10px;stroke-width:2.6;}
    .home-page .agent-workspace .glyph-lock{border-color:transparent;}
    .home-page .agent-workspace .glyph-lock .wsi{width:15px;height:15px;stroke-width:1.9;}
    .home-page .agent-workspace .glyph-pass{color:var(--ws-green);}
    .home-page .agent-workspace .glyph-fail{color:var(--ws-red);}
    .home-page .agent-workspace :is(.glyph-ask,.glyph-lock){color:var(--ws-amber);}
    .home-page .agent-workspace .glyph-dash{color:#77756C;}
    .home-page .agent-workspace .workspace-sidebar .glyph-pass{color:var(--ws-on-dark-green);}
    .home-page .agent-workspace .workspace-sidebar .glyph-fail{color:var(--ws-on-dark-red);}
    .home-page .agent-workspace .workspace-sidebar :is(.glyph-ask,.glyph-lock){color:var(--ws-on-dark-amber);}
    .home-page .agent-workspace .workspace-sidebar .glyph-dash{color:#B5B3A8;}
    .home-page .agent-workspace .glyph-draft{border-style:dashed;color:#A7A08D;}
    .home-page .agent-workspace .sidebar-settings{display:flex;align-items:center;gap:0.75rem;min-height:44px;margin-top:0.5rem;padding:0.5rem 0.625rem;border-radius:8px;color:var(--ws-dark-muted);font-size:0.875rem;transition:color 150ms ease,background-color 150ms ease;}
    .home-page .agent-workspace .sidebar-settings .wsi{width:17px;height:17px;}
    .home-page .agent-workspace .sidebar-settings[aria-current]{background:var(--ws-dark-3);color:var(--ws-dark-ink);}
    /* Main: a header across a conversation and a detail pane. */
    .home-page .agent-workspace .workspace-main{position:relative;min-width:0;min-height:0;overflow-y:auto;}
    .home-page .agent-workspace[data-ws-ready] .workspace-main{overflow:hidden;}
    .home-page .agent-workspace .ws-exploration{display:grid;grid-template-columns:minmax(20rem,1fr) minmax(0,34rem);grid-template-rows:auto minmax(0,1fr);min-height:0;}
    .home-page .agent-workspace[data-ws-ready] .ws-exploration{height:100%;}
    .home-page .agent-workspace:not([data-ws-ready]) .ws-exploration{display:block;}
    .home-page .agent-workspace:not([data-ws-ready]) .ws-exploration + .ws-exploration{border-top:1px solid var(--ws-line-strong);}
    .home-page .agent-workspace .ws-exploration.ws-solo{grid-template-columns:minmax(0,1fr);}
    .home-page .agent-workspace .ws-band{grid-column:1 / -1;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:0.5rem 1rem;min-width:0;min-height:56px;padding:0.5rem 1.5rem;border-bottom:1px solid var(--ws-line);container:band / inline-size;}
    .home-page .agent-workspace .band-row{display:flex;align-items:center;gap:0.625rem;min-width:0;}
    .home-page .agent-workspace .band-glyph{order:-1;}
    .home-page .agent-workspace .ws-band h3{min-width:0;overflow:hidden;font-family:var(--ws-display);font-weight:560;font-size:1.375rem;line-height:1.25;letter-spacing:-0.02em;white-space:nowrap;text-overflow:ellipsis;}
    .home-page .agent-workspace .band-example{flex:none;}
    .home-page .agent-workspace .band-pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0.5rem;flex:none;}
    .home-page .agent-workspace .band-pill{display:inline-flex;align-items:center;gap:0.375rem;min-height:32px;padding:0.25rem 0.75rem 0.25rem 0.625rem;border:1px solid var(--ws-card-line);border-radius:8px;background:var(--ws-panel);color:var(--ws-ink);font-size:0.8125rem;font-weight:500;line-height:1.3;white-space:nowrap;transition:border-color 150ms ease;}
    .home-page .agent-workspace .band-pill .wsi{width:14px;height:14px;stroke-width:2.1;}
    .home-page .agent-workspace .pill-num{font-family:var(--ws-display);font-weight:600;font-size:1.0625rem;line-height:1;font-variant-numeric:lining-nums;}
    .home-page .agent-workspace .band-pill.is-pass .wsi{color:var(--ws-green);}
    .home-page .agent-workspace .band-pill:is(.is-ask,.is-lock) .wsi{color:var(--ws-amber);}
    .home-page .agent-workspace .band-pill.is-fail .wsi{color:var(--ws-red);}
    .home-page .agent-workspace .is-pass:is(.tok,.result,.check-chip,.path-chips li){border-color:var(--ws-green-line);background:var(--ws-green-bg);color:var(--ws-green);}
    .home-page .agent-workspace .is-lock:is(.path-chips li){border-color:var(--ws-amber-line);background:var(--ws-amber-bg);color:var(--ws-amber);}
    .home-page .agent-workspace .is-fail:is(.tok,.result,.check-chip){border-color:var(--ws-red-line);background:var(--ws-red-bg);color:var(--ws-red);}
    .home-page .agent-workspace .workspace-switch{display:none;}
    .home-page .agent-workspace .workspace-switch button{display:inline-flex;align-items:center;justify-content:center;gap:0.375rem;min-height:36px;padding:0.375rem 0.875rem;border:1px solid transparent;border-radius:8px;background:none;color:var(--ws-muted);font:inherit;font-size:0.875rem;cursor:pointer;}
    .home-page .agent-workspace .workspace-switch button[aria-pressed="true"]{border-color:var(--ws-card-line);background:var(--ws-panel);color:var(--ws-ink);font-weight:550;}
    .home-page .agent-workspace .switch-dot{display:none;width:7px;height:7px;border-radius:50%;background:var(--ws-amber);}
    .home-page .agent-workspace .workspace-switch.has-unread .switch-dot{display:inline-block;}
    /* Shared controls and pills */
    .home-page .agent-workspace .ws-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;min-height:40px;padding:0.5rem 0.9rem;border:1px solid var(--ws-line-strong);border-radius:8px;background:var(--ws-panel);color:var(--ws-ink);font:inherit;font-size:0.875rem;font-weight:500;line-height:1.4;white-space:nowrap;cursor:pointer;transition:background-color 160ms ease,border-color 160ms ease,transform 140ms ease;}
    .home-page .agent-workspace .ws-btn .wsi{width:15px;height:15px;}
    .home-page .agent-workspace .ws-btn-primary{border-color:#282822;background:#282822;color:#FFFFFF;}
    .home-page .agent-workspace .ws-btn-small{min-height:34px;padding:0.375rem 0.75rem;font-size:0.8125rem;}
    .home-page .agent-workspace .ws-btn:not(:disabled):active{transform:scale(0.98);}
    .home-page .agent-workspace .ws-pill{display:inline-flex;align-items:center;gap:0.3125rem;min-height:24px;padding:0.125rem 0.5rem;border:1px solid transparent;border-radius:6px;background:#EFEEE8;color:#5E5A4F;font-size:0.8125rem;font-weight:500;line-height:1.4;white-space:nowrap;}
    .home-page .agent-workspace .ws-pill .wsi{width:13px;height:13px;stroke-width:2.2;}
    .home-page .agent-workspace .ws-pill-red{background:var(--ws-red-bg);color:var(--ws-red);}
    .home-page .agent-workspace .ws-pill-amber{background:var(--ws-amber-bg);color:var(--ws-amber);}
    .home-page .agent-workspace .ws-pill-green{background:var(--ws-green-bg);color:var(--ws-green);}
    .home-page .agent-workspace .ws-pill-outline{border-color:var(--ws-line-strong);background:var(--ws-panel);color:var(--ws-ink);}
    .home-page .agent-workspace .ws-pill-neutral{background:#EFEEE8;color:#4F4C42;}
    .home-page .agent-workspace .ws-ref{white-space:nowrap;}
    .home-page .agent-workspace code{font-family:var(--font-mono);font-size:0.8125rem;line-height:1.7;color:var(--ws-ink);overflow-wrap:anywhere;}
    .home-page .agent-workspace .is-issue{color:var(--ws-red);}
    .home-page .agent-workspace .is-good{color:var(--ws-green);}
    /* Text-free thumbnails. The dots and check draw pseudo-elements inside <i>, so they set font-style:normal to keep the italic face from downloading. */
    .home-page .agent-workspace .thumb{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;flex:none;width:112px;height:72px;padding:8px;border-radius:8px;background:#EEECE6;overflow:hidden;}
    .home-page .agent-workspace .tb-browser{display:flex;flex:1;flex-direction:column;align-items:center;gap:4px;max-width:70px;height:100%;padding-bottom:6px;overflow:hidden;border:1px solid #D9D4C8;border-radius:4px;background:#FFFFFF;}
    .home-page .agent-workspace .tb-dots{position:relative;align-self:stretch;height:10px;flex:none;margin-bottom:2px;border-bottom:1px solid #E6E2D8;background:var(--ws-tint);font-style:normal;}
    .home-page .agent-workspace .tb-dots::before{content:"";position:absolute;top:3.5px;left:5px;width:3px;height:3px;border-radius:50%;background:#C4BCA9;box-shadow:5px 0 #C4BCA9,10px 0 #C4BCA9;}
    .home-page .agent-workspace .tb-check{display:block;width:16px;height:16px;flex:none;border-radius:50%;background:#34392D;font-style:normal;}
    .home-page .agent-workspace .tb-check::after{content:"";display:block;width:7px;height:3.5px;margin:5px auto 0;border-bottom:1.6px solid #FFFFFF;border-left:1.6px solid #FFFFFF;transform:rotate(-45deg);}
    .home-page .agent-workspace .tb-check.is-pass{background:var(--ws-green);}
    .home-page .agent-workspace :is(.tb-line,.tb-code){display:block;width:62%;height:3px;flex:none;border-radius:2px;background:#E2DED4;}
    .home-page .agent-workspace :is(.tb-line,.tb-code).is-short{width:40%;}
    .home-page .agent-workspace .tb-lookup{display:flex;flex:1;flex-direction:column;justify-content:center;gap:5px;height:100%;padding:7px;border:1px solid #E0DBCF;border-radius:4px;background:#F7F5EF;}
    .home-page .agent-workspace .tb-code{width:88%;background:#CFC9BB;}
    .home-page .agent-workspace .tb-x{width:17px;height:17px;margin-top:3px;color:var(--ws-red);stroke-width:2.4;}
    .home-page .agent-workspace .tb-price{color:var(--ws-ink);font-family:var(--ws-display);font-weight:560;font-size:1.375rem;line-height:1;letter-spacing:-0.02em;}
    .home-page .agent-workspace .tb-price.is-ask{color:var(--ws-amber);}
    .home-page .agent-workspace .thumb-h01 .wsi{width:14px;height:14px;color:#8B8270;}
    .home-page .agent-workspace .tb-icon{width:36px;height:36px;color:#7B7465;stroke-width:1.3;}
    .home-page .agent-workspace .tb-badge{position:absolute;top:calc(50% + 1px);left:calc(50% + 7px);display:grid;place-items:center;width:21px;height:21px;border:2px solid #EEECE6;border-radius:50%;background:var(--ws-amber-bg);color:var(--ws-amber);}
    .home-page .agent-workspace .tb-badge .wsi{width:11px;height:11px;stroke-width:2.3;}
    .home-page .agent-workspace .tb-badge.is-fail{background:var(--ws-red-bg);color:var(--ws-red);}
    .home-page .agent-workspace .tb-box{display:grid;place-items:center;width:34px;height:34px;border:1px solid;border-radius:8px;}
    .home-page .agent-workspace .tb-box .wsi{width:16px;height:16px;stroke-width:2.3;}
    .home-page .agent-workspace .tb-box.is-fail{border-color:var(--ws-red-line);background:var(--ws-red-bg);color:var(--ws-red);}
    .home-page .agent-workspace .tb-box.is-pass{border-color:var(--ws-green-line);background:var(--ws-green-bg);color:var(--ws-green);}
    .home-page .agent-workspace .tb-arrow{width:14px;height:14px;color:#8B8270;}
    /* Conversation: your team's requests as white bubbles, Nauro on the paper, work rows that open to each run. */
    .home-page .agent-workspace .workspace-conversation{grid-column:1;grid-row:2;display:flex;flex-direction:column;min-width:0;min-height:0;}
    .home-page .agent-workspace .conversation-log{display:flex;flex:1;flex-direction:column;gap:0.875rem;min-height:0;margin:0;padding:1.5rem 1.5rem 1rem;list-style:none;}
    .home-page .agent-workspace[data-ws-ready] .conversation-log{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#D0C8B9 transparent;}
    .home-page .agent-workspace .msg{display:flex;align-items:flex-start;gap:0.625rem;min-width:0;}
    .home-page .agent-workspace .msg-body{flex:1;min-width:0;overflow-wrap:anywhere;}
    .home-page .agent-workspace .msg p{color:var(--ws-ink);font-size:0.875rem;line-height:1.55;white-space:pre-line;}
    .home-page .agent-workspace .msg-nauro .msg-avatar{position:relative;flex:none;width:24px;height:24px;border-radius:50%;background:var(--ws-dark);}
    .home-page .agent-workspace .msg-nauro .msg-avatar::after{content:"";position:absolute;inset:6px;background:#F6F5EF;mask:url(/static/logo/nauro-mark.svg) no-repeat center / contain;-webkit-mask:url(/static/logo/nauro-mark.svg) no-repeat center / contain;}
    .home-page .agent-workspace .msg-nauro .msg-body{padding-top:0.125rem;}
    .home-page .agent-workspace :is(.msg-team,.msg-you){justify-content:flex-end;}
    .home-page .agent-workspace :is(.msg-team,.msg-you) > p{max-width:85%;padding:0.5rem 0.875rem;border:1px solid var(--ws-card-line);border-radius:14px;background:var(--ws-panel);overflow-wrap:anywhere;}
    .home-page .agent-workspace .msg-work{display:block;}
    .home-page .agent-workspace .work-row summary{display:flex;align-items:center;gap:0.4375rem;width:fit-content;min-height:32px;margin-left:-0.25rem;padding:0 0.375rem 0 0.25rem;border-radius:6px;color:var(--ws-muted);font-size:0.875rem;list-style:none;cursor:pointer;transition:color 150ms ease;}
    .home-page .agent-workspace .work-row summary::-webkit-details-marker{display:none;}
    .home-page .agent-workspace .work-row summary .wsi{width:15px;height:15px;}
    .home-page .agent-workspace .work-row .work-chevron{width:14px;height:14px;transition:transform 150ms ease;}
    .home-page .agent-workspace .work-row[open] .work-chevron{transform:rotate(90deg);}
    .home-page .agent-workspace .work-body{margin:0.25rem 0 0.25rem 0.5rem;padding:0.125rem 0 0.125rem 1rem;border-left:1px solid var(--ws-line-strong);}
    .home-page .agent-workspace .work-day{margin:0.25rem 0;color:var(--ws-muted);font-size:0.8125rem;font-weight:550;}
    .home-page .agent-workspace .work-list{margin:0;padding:0;list-style:none;}
    .home-page .agent-workspace .work-list > li{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:0.5rem;padding:0.25rem 0;font-size:0.8125rem;}
    .home-page .agent-workspace .work-list time{color:var(--ws-muted);font-family:var(--font-mono);font-size:0.8125rem;}
    .home-page .agent-workspace .work-list p{color:var(--ws-ink);font-size:0.8125rem;line-height:1.5;}
    .home-page .agent-workspace .activity-attempts{display:grid;gap:0.125rem;margin:0.25rem 0 0;padding:0;list-style:none;}
    .home-page .agent-workspace .activity-attempt{color:var(--ws-muted);font-size:0.8125rem;line-height:1.5;}
    .home-page .agent-workspace .activity-attempt a{display:block;padding:0.25rem 0;color:var(--ws-ink);font-weight:500;}
    .home-page .agent-workspace .activity-attempt .wsi{display:inline-block;width:13px;height:13px;margin-right:0.375rem;vertical-align:-2px;stroke-width:2.2;}
    .home-page .agent-workspace .activity-attempt a > .wsi:last-child{margin:0 0 0 0.25rem;color:#8B8270;}
    .home-page .agent-workspace .activity-attempt.is-pass > .wsi{color:var(--ws-green);}
    .home-page .agent-workspace .activity-attempt.is-fail a > .wsi:first-child{color:var(--ws-red);}
    .home-page .agent-workspace .activity-attempt.is-lock a > .wsi:first-child{color:var(--ws-amber);}
    .home-page .agent-workspace .finding-card{margin:0;padding:0;list-style:none;overflow:hidden;border:1px solid var(--ws-card-line);border-radius:12px;background:var(--ws-panel);}
    .home-page .agent-workspace .finding-card li + li{border-top:1px solid var(--ws-line);}
    .home-page .agent-workspace .msg-body > p:not(.sr-only) + .finding-card{margin-top:0.5rem;}
    .home-page .agent-workspace .finding-card a{display:grid;grid-template-columns:16px minmax(0,1fr) 16px;align-items:center;gap:0.625rem;min-height:44px;padding:0.5rem 0.75rem;font-size:0.875rem;font-weight:500;line-height:1.4;transition:background-color 150ms ease;}
    .home-page .agent-workspace .row-chevron{width:16px;height:16px;color:#8B8270;}
    .home-page .agent-workspace .msg-thumb{display:inline-flex;margin-top:0.5rem;border-radius:8px;transition:box-shadow 150ms ease;}
    .home-page .agent-workspace .msg-thumb .thumb{width:104px;height:62px;padding:7px;border:1px solid var(--ws-card-line);}
    .home-page .agent-workspace .msg-event{align-self:center;max-width:90%;padding:0.125rem 0;list-style:none;text-align:center;}
    .home-page .agent-workspace .msg-event p{color:var(--ws-muted);font-size:0.8125rem;line-height:1.45;}
    .home-page .agent-workspace .reply-tag{display:inline-block;margin-bottom:0.25rem;padding:0 0.375rem;border:1px solid var(--ws-line);border-radius:4px;color:#736A5A;font-size:0.8125rem;line-height:1.5;}
    .home-page .agent-workspace .message-action{margin-top:0.5rem;}
    .home-page .agent-workspace .conversation-suggestions{display:flex;flex-wrap:wrap;gap:0.375rem;padding:0 1.5rem 0.625rem;}
    .home-page .agent-workspace .conversation-suggestions button{min-height:34px;padding:0.375rem 0.75rem;border:1px solid var(--ws-card-line);border-radius:999px;background:var(--ws-panel);color:#4F4C42;font:inherit;font-size:0.8125rem;line-height:1.35;text-align:left;cursor:pointer;transition:border-color 150ms ease,background-color 150ms ease,transform 140ms ease;}
    .home-page .agent-workspace .conversation-suggestions button:active{transform:scale(0.98);}
    .home-page .agent-workspace .ws-composer{flex-shrink:0;padding:0 1.5rem 1.125rem;}
    .home-page .agent-workspace .composer-box{display:flex;align-items:flex-end;gap:0.375rem;padding:0.375rem 0.375rem 0.375rem 0.875rem;border:1px solid var(--ws-card-line);border-radius:12px;background:var(--ws-panel);}
    .home-page .agent-workspace .composer-box:focus-within{border-color:#B9AA8C;outline:2px solid var(--ws-focus);outline-offset:1px;}
    .home-page .agent-workspace .composer-box textarea{flex:1;min-width:0;max-height:5.25rem;margin:0;padding:0.375rem 0;border:0;background:none;color:var(--ws-ink);font:inherit;font-size:0.875rem;line-height:1.5;resize:none;overflow-y:auto;}
    .home-page .agent-workspace .composer-box textarea:focus{outline:none;}
    .home-page .agent-workspace .composer-box textarea::placeholder{color:#76705F;}
    .home-page .agent-workspace .composer-send{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:#282822;color:#FFFFFF;cursor:pointer;transition:background-color 150ms ease;}
    .home-page .agent-workspace .composer-send .wsi{width:16px;height:16px;stroke-width:2;}
    .home-page .agent-workspace .composer-send:disabled{background:#ECE8DF;color:#7D7466;cursor:not-allowed;}
    .home-page .agent-workspace #ws-composer-note{display:block;margin-top:0.375rem;color:#6F6758;font-size:0.8125rem;line-height:1.4;}
    .home-page .agent-workspace .ws-composer:not(:focus-within):not(.has-text) #ws-composer-note{display:none;}
    /* Detail pane: one white card with Checks and Findings tabs. */
    .home-page .agent-workspace .ws-detail{grid-column:2;grid-row:2;display:flex;min-width:0;min-height:0;padding:0.75rem;border-left:1px solid var(--ws-line);}
    .home-page .agent-workspace .detail-card{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;overflow:hidden;container:card / inline-size;border:1px solid var(--ws-card-line);border-radius:var(--ws-card-radius);background:var(--ws-panel);}
    .home-page .agent-workspace .detail-head{display:flex;flex:none;align-items:center;justify-content:space-between;gap:0.5rem;min-height:48px;padding:0 0.5rem 0 1.25rem;border-bottom:1px solid var(--ws-line);}
    .home-page .agent-workspace:not([data-ws-ready]) .detail-head{display:none;}
    .home-page .agent-workspace .detail-tabs{display:flex;align-self:stretch;gap:1.25rem;min-width:0;}
    .home-page .agent-workspace .detail-tabs button{display:inline-flex;align-items:center;gap:0.4375rem;min-height:47px;margin-bottom:-1px;padding:0 0.125rem;border:0;border-bottom:2px solid transparent;background:none;color:var(--ws-muted);font:inherit;font-size:0.875rem;white-space:nowrap;cursor:pointer;transition:color 150ms ease,border-color 150ms ease;}
    .home-page .agent-workspace .detail-tabs button .wsi{width:15px;height:15px;}
    .home-page .agent-workspace .detail-tabs button[aria-selected="true"]{border-bottom-color:var(--ws-ink);color:var(--ws-ink);font-weight:550;}
    .home-page .agent-workspace .tab-count{padding:0 0.4375rem;border-radius:999px;background:#EFEEE8;color:#5E5A4F;font-size:0.8125rem;font-weight:500;line-height:1.5;}
    .home-page .agent-workspace .detail-pager{display:flex;align-items:center;gap:0.25rem;}
    .home-page .agent-workspace :is(.pager-button,.step-button){display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--ws-card-line);border-radius:8px;background:var(--ws-panel);color:var(--ws-ink);cursor:pointer;transition:border-color 150ms ease,background-color 150ms ease;}
    .home-page .agent-workspace :is(.pager-button,.step-button) .wsi{width:16px;height:16px;}
    .home-page .agent-workspace :is(.pager-button,.step-button):disabled{color:#B5B1A6;cursor:default;}
    .home-page .agent-workspace .detail-body{flex:1;min-width:0;min-height:0;padding:1.25rem;container:ws / inline-size;}
    .home-page .agent-workspace[data-ws-ready] .detail-body{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#D5D0C4 transparent;}
    .home-page .agent-workspace .panel-title{margin-bottom:0.75rem;font-size:0.9375rem;}
    .home-page .agent-workspace[data-ws-ready] .panel-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
    .home-page .agent-workspace:not([data-ws-ready]) .detail-panel + .detail-panel{margin-top:1.75rem;}
    .home-page .agent-workspace .review-banner{display:flex;align-items:center;gap:0.625rem;min-height:44px;margin-bottom:0.75rem;padding:0.5rem 0.875rem;border:1px solid var(--ws-card-line);border-radius:10px;background:#FBFAF7;font-size:0.875rem;transition:border-color 150ms ease;}
    .home-page .agent-workspace .review-banner > .wsi{width:16px;height:16px;margin-left:auto;color:#8B8270;}
    .home-page .agent-workspace .banner-mark{position:relative;width:20px;height:20px;flex:none;border-radius:5px;background:var(--ws-dark);}
    .home-page .agent-workspace .banner-mark::after{content:"";position:absolute;inset:5px;background:#F6F5EF;mask:url(/static/logo/nauro-mark.svg) no-repeat center / contain;-webkit-mask:url(/static/logo/nauro-mark.svg) no-repeat center / contain;}
    .home-page .agent-workspace .stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem;}
    .home-page .agent-workspace .stat-card{min-width:0;padding:1rem 1.125rem;border:1px solid var(--ws-card-line);border-radius:var(--ws-card-radius);background:var(--ws-panel);}
    .home-page .agent-workspace .stat-figure{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 0.25rem;}
    .home-page .agent-workspace .stat-num{font-family:var(--ws-display);font-weight:500;font-size:2.75rem;line-height:1;letter-spacing:-0.045em;font-variant-numeric:lining-nums;}
    .home-page .agent-workspace .stat-total{margin-left:0.125rem;color:var(--ws-muted);font-family:var(--ws-display);font-weight:500;font-size:1.375rem;line-height:1;}
    .home-page .agent-workspace .stat-label{margin-top:0.375rem;color:var(--ws-muted);font-size:0.875rem;}
    .home-page .agent-workspace .stat-sub{margin-top:0.125rem;font-size:0.8125rem;}
    .home-page .agent-workspace .tick-chart{display:flex;align-items:flex-end;gap:0.75rem;height:34px;margin-top:0.875rem;border-bottom:1px solid var(--ws-line);}
    .home-page .agent-workspace .tick-run{display:flex;align-items:flex-end;gap:5px;height:100%;}
    .home-page .agent-workspace .tick{display:block;width:3px;height:100%;background:currentColor;}
    .home-page .agent-workspace .tick.is-pass{color:var(--ws-green);}
    .home-page .agent-workspace .tick.is-fail{color:var(--ws-red);}
    .home-page .agent-workspace .tick.is-lock{height:70%;color:var(--ws-amber);background:repeating-linear-gradient(135deg,currentColor 0 1.5px,transparent 1.5px 4px);}
    .home-page .agent-workspace .tick.is-none{height:4px;color:#CFCABE;}
    .home-page .agent-workspace .check-table{width:100%;margin-top:0.75rem;overflow:hidden;border:1px solid var(--ws-card-line);border-radius:var(--ws-card-radius);border-collapse:separate;border-spacing:0;background:var(--ws-panel);font-size:0.875rem;line-height:1.45;}
    .home-page .agent-workspace .check-table :is(th,td){padding:0.625rem 0.875rem;border-top:1px solid var(--ws-line);text-align:left;vertical-align:middle;}
    .home-page .agent-workspace .check-table thead th{padding-block:0.5rem;border-top:0;color:var(--ws-muted);font-size:0.8125rem;font-weight:400;}
    .home-page .agent-workspace .check-table thead th + th,
    .home-page .agent-workspace .check-table td{width:4.25rem;text-align:center;}
    .home-page .agent-workspace .check-table tbody th{font-weight:450;}
    .home-page .agent-workspace .check-table tbody th a{display:inline-flex;align-items:center;gap:0.25rem;text-decoration:underline;text-decoration-color:#C9C2B2;text-underline-offset:0.2em;}
    .home-page .agent-workspace .check-table tbody th a .wsi{width:14px;height:14px;color:#8B8270;}
    .home-page .agent-workspace .cell{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:6px;font-weight:500;}
    .home-page .agent-workspace .cell .wsi{width:14px;height:14px;stroke-width:2.4;}
    .home-page .agent-workspace .cell.is-pass{background:var(--ws-green-bg);color:var(--ws-green);}
    .home-page .agent-workspace .cell.is-fail{background:var(--ws-red-bg);color:var(--ws-red);}
    .home-page .agent-workspace .cell.is-lock{background:var(--ws-amber-bg);color:var(--ws-amber);}
    .home-page .agent-workspace .cell.is-none{color:#8F8B80;}
    /* Findings list */
    .home-page .agent-workspace .finding-rows{display:grid;gap:0.625rem;margin:0;padding:0;list-style:none;}
    .home-page .agent-workspace .finding-row{display:grid;grid-template-columns:112px minmax(0,1fr) auto 16px;grid-template-areas:"thumb title pill chev";align-items:center;gap:0.875rem;min-height:84px;padding:5px 0.875rem 5px 5px;border:1px solid var(--ws-card-line);border-radius:12px;background:var(--ws-panel);transition:border-color 150ms ease;}
    .home-page .agent-workspace .finding-row .thumb{grid-area:thumb;}
    .home-page .agent-workspace .row-title{grid-area:title;font-size:0.9375rem;font-weight:550;line-height:1.35;}
    .home-page .agent-workspace .finding-row > .ws-pill{grid-area:pill;justify-self:end;}
    .home-page .agent-workspace .finding-row > .row-chevron{grid-area:chev;}
    .home-page .agent-workspace .has-recheck .finding-row{border-bottom-left-radius:0;border-bottom-right-radius:0;}
    .home-page .agent-workspace .recheck-row{display:grid;grid-template-columns:16px auto minmax(0,1fr) 16px;grid-template-areas:"icon label tokens chev";align-items:center;gap:0.625rem;min-height:44px;padding:0.375rem 0.875rem;border:1px solid var(--ws-card-line);border-top:0;border-radius:0 0 12px 12px;background:#FBFAF7;transition:border-color 150ms ease;}
    .home-page .agent-workspace .recheck-glyph{grid-area:icon;width:16px;height:16px;color:#6C6250;stroke-width:2;}
    .home-page .agent-workspace .recheck-label{grid-area:label;font-size:0.8125rem;font-weight:550;}
    .home-page .agent-workspace .recheck-tokens{grid-area:tokens;display:flex;align-items:center;justify-content:flex-end;gap:0.375rem;}
    .home-page .agent-workspace .tok{display:inline-flex;align-items:center;gap:0.25rem;padding:0.125rem 0.5rem;border:1px solid;border-radius:6px;font-size:0.8125rem;font-weight:550;white-space:nowrap;}
    .home-page .agent-workspace .tok .wsi{width:12px;height:12px;stroke-width:2.4;}
    .home-page .agent-workspace .tok-arrow{width:13px;height:13px;color:#8B8270;}
    .home-page .agent-workspace .recheck-row .row-chevron{grid-area:chev;}
    .home-page .agent-workspace .all-clear{display:flex;flex-direction:column;align-items:center;gap:0.625rem;padding:2.5rem 1rem 2rem;text-align:center;}
    .home-page .agent-workspace .all-clear-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--ws-green-bg);color:var(--ws-green);}
    .home-page .agent-workspace .all-clear-mark .wsi{width:26px;height:26px;stroke-width:2;}
    .home-page .agent-workspace .all-clear-title{font-family:var(--ws-display);font-weight:560;font-size:1.375rem;line-height:1.25;letter-spacing:-0.02em;}
    .home-page .agent-workspace .all-clear-link{display:inline-flex;align-items:center;gap:0.25rem;min-height:32px;color:var(--ws-muted);font-size:0.875rem;text-decoration:underline;text-underline-offset:0.2em;}
    .home-page .agent-workspace .all-clear-link .wsi{width:14px;height:14px;}
    .home-page .agent-workspace :is(.fact-chips,.check-chips,.path-chips){display:flex;flex-wrap:wrap;gap:0.375rem;margin:0;padding:0;list-style:none;}
    .home-page .agent-workspace :is(.fact-chips,.check-chips,.path-chips) li{display:inline-flex;align-items:center;gap:0.3125rem;padding:0.125rem 0.5rem;border:1px solid var(--ws-line);border-radius:6px;background:var(--ws-panel);font-size:0.8125rem;font-weight:500;white-space:nowrap;}
    .home-page .agent-workspace :is(.fact-chips,.check-chips,.path-chips) .wsi{width:13px;height:13px;stroke-width:2.2;}
    .home-page .agent-workspace .fact-chips{margin-top:0.875rem;}
    .home-page .agent-workspace .fact-chips li{color:#5E5A4F;}
    /* Open finding: status, title, triage, a step-by-step replay, then expected and actual. */
    .home-page .agent-workspace .finding-pills{display:flex;flex-wrap:wrap;align-items:center;gap:0.375rem;margin-bottom:0.625rem;}
    .home-page .agent-workspace .finding-title{font-family:var(--ws-display);font-weight:560;font-size:1.375rem;line-height:1.25;letter-spacing:-0.02em;}
    .home-page .agent-workspace .finding-section{margin-top:1.125rem;}
    /* A fixed finding names its passing recheck under the title, so its history reads at a glance. */
    .home-page .agent-workspace .finding-proof{margin-top:0.5rem;}
    .home-page .agent-workspace .finding-proof a{display:inline-flex;align-items:center;gap:0.375rem;color:var(--ws-green);font-size:0.875rem;font-weight:550;text-decoration:none;max-width:100%;}
    .home-page .agent-workspace .finding-proof .proof-text{min-width:0;}
    .home-page .agent-workspace .finding-proof a .wsi{width:15px;height:15px;flex:none;}
    .home-page .agent-workspace .finding-proof a .wsi:last-child{width:13px;height:13px;color:var(--ws-muted);}
    .home-page .agent-workspace .finding-proof a:focus-visible{outline:2px solid var(--ws-focus);outline-offset:2px;border-radius:4px;}
    /* Evidence from before and after a fix carries the release it was recorded on. */
    .home-page .agent-workspace .title-row{display:flex;flex-wrap:wrap;align-items:center;gap:0.375rem 0.625rem;margin-bottom:0.5rem;}
    .home-page .agent-workspace .title-row .finding-detail-title{margin-bottom:0;}
    .home-page .agent-workspace .era-tag{display:inline-flex;align-items:center;gap:0.3125rem;padding:0.125rem 0.5rem;border:1px solid var(--ws-red-line);border-radius:6px;background:var(--ws-red-bg);color:var(--ws-red);font-size:0.8125rem;font-weight:550;line-height:1.4;letter-spacing:0;white-space:nowrap;margin:0;}
    .home-page .agent-workspace .era-tag.is-after{border-color:var(--ws-green-line);background:var(--ws-green-bg);color:var(--ws-green);}
    .home-page .agent-workspace .era-tag .wsi{width:13px;height:13px;stroke-width:2.2;}
    .home-page .agent-workspace .finding-detail-title{margin-bottom:0.5rem;color:var(--ws-muted);font-size:0.8125rem;font-weight:500;letter-spacing:0;}
    .home-page .agent-workspace .finding-page + .finding-page{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--ws-line);}
    .home-page .agent-workspace .finding-rows + .finding-page{margin-top:1.75rem;}
    .home-page .agent-workspace[data-ws-ready] :is(.finding-rows + .finding-page,.finding-page + .finding-page){margin-top:0;padding-top:0;border-top:0;}
    .home-page .agent-workspace .triage-static{display:flex;flex-wrap:wrap;align-items:center;gap:0.375rem 0.75rem;color:var(--ws-muted);font-size:0.8125rem;}
    .home-page .agent-workspace .triage{display:flex;flex-wrap:wrap;gap:0.375rem;}
    .home-page .agent-workspace .triage button{display:inline-flex;align-items:center;gap:0.4375rem;min-height:36px;padding:0.375rem 0.75rem;border:1px solid var(--ws-line-strong);border-radius:8px;background:var(--ws-panel);color:var(--ws-ink);font:inherit;font-size:0.875rem;font-weight:500;line-height:1.3;cursor:pointer;transition:border-color 150ms ease,background-color 150ms ease,transform 140ms ease;}
    .home-page .agent-workspace .triage button .wsi{width:15px;height:15px;}
    .home-page .agent-workspace .triage button:active{transform:scale(0.98);}
    .home-page .agent-workspace .triage button[aria-pressed="true"]{border-color:var(--ws-ink);background:var(--ws-ink);color:#FFFFFF;}
        .home-page .agent-workspace .step-screens{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;}
    .home-page .agent-workspace .step-caption{margin-bottom:0.375rem;color:var(--ws-muted);font-size:0.8125rem;}
    .home-page .agent-workspace[data-ws-ready] .step-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
    .home-page .agent-workspace .step-screen .browser-sim{margin:0;border-radius:10px;}
    .home-page .agent-workspace .timeline{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin:0.25rem 0 0;padding:0;list-style:none;}
    .home-page .agent-workspace .timeline li{display:flex;justify-content:center;min-width:0;}
    /* The replay reads as a player bar: previous step, the named steps on a track, next step. */
    .home-page .agent-workspace[data-ws-ready] .player{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"prev track next";align-items:start;column-gap:0.25rem;margin-top:0.25rem;}
    .home-page .agent-workspace[data-ws-ready] .player .timeline{grid-area:track;margin:0;}
    .home-page .agent-workspace .step-button[data-ws-step="prev"]{grid-area:prev;}
    .home-page .agent-workspace .step-button[data-ws-step="next"]{grid-area:next;}
    /* The track runs between the first and last circles; its fill reaches the selected one. */
    .home-page .agent-workspace .timeline::before,
    .home-page .agent-workspace .timeline::after{content:"";position:absolute;top:21px;height:2px;border-radius:1px;}
    .home-page .agent-workspace .timeline.steps-3::before{left:16.667%;right:16.667%;background:var(--ws-line);}
    .home-page .agent-workspace .timeline.steps-4::before{left:12.5%;right:12.5%;background:var(--ws-line);}
    .home-page .agent-workspace .timeline::after{width:0;background:var(--ws-ink);transition:width 200ms cubic-bezier(0.22,1,0.36,1);}
    .home-page .agent-workspace .timeline.steps-3::after{left:16.667%;}
    .home-page .agent-workspace .timeline.steps-4::after{left:12.5%;}
    .home-page .agent-workspace .timeline.steps-3[data-at="2"]::after{width:33.333%;}
    .home-page .agent-workspace .timeline.steps-3[data-at="3"]::after{width:66.667%;}
    .home-page .agent-workspace .timeline.steps-4[data-at="2"]::after{width:25%;}
    .home-page .agent-workspace .timeline.steps-4[data-at="3"]::after{width:50%;}
    .home-page .agent-workspace .timeline.steps-4[data-at="4"]::after{width:75%;}
    .home-page .agent-workspace .timeline-marker{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;min-height:44px;padding-bottom:0.25rem;color:var(--ws-ink);text-decoration:none;}
    .home-page .agent-workspace .marker-dot{position:relative;display:block;flex:none;width:44px;height:44px;}
    .home-page .agent-workspace .marker-dot::before{content:"";position:absolute;z-index:-1;top:14px;left:14px;width:16px;height:16px;box-sizing:border-box;border:1.5px solid var(--ws-line-strong);border-radius:50%;background:var(--ws-panel);transition:background-color 150ms ease,border-color 150ms ease;}
    .home-page .agent-workspace .marker-label{margin-top:-0.375rem;padding-inline:0.125rem;color:var(--ws-muted);font-size:0.75rem;font-weight:500;line-height:1.25;text-align:center;overflow-wrap:normal;}
    .home-page .agent-workspace .timeline-marker.ring-fail .marker-dot::before{border-color:var(--ws-red);box-shadow:0 0 0 3px var(--ws-red-bg);}
    .home-page .agent-workspace .timeline-marker.ring-ask .marker-dot::before{border-color:var(--ws-amber);box-shadow:0 0 0 3px var(--ws-amber-bg);}
    .home-page .agent-workspace .timeline-marker.ring-lock .marker-dot::before{border-color:#B08A45;box-shadow:0 0 0 3px var(--ws-amber-bg);}
    .home-page .agent-workspace .timeline-marker[aria-current="step"] .marker-label{color:var(--ws-ink);font-weight:600;}
    .home-page .agent-workspace .timeline-marker[aria-current="step"] .marker-dot::before{background:var(--ws-ink);border-color:var(--ws-ink);}
    .home-page .agent-workspace .timeline-marker.ring-fail[aria-current="step"] .marker-dot::before{box-shadow:0 0 0 2px var(--ws-panel),0 0 0 3.5px var(--ws-red);}
    .home-page .agent-workspace .timeline-marker.ring-ask[aria-current="step"] .marker-dot::before{box-shadow:0 0 0 2px var(--ws-panel),0 0 0 3.5px var(--ws-amber);}
    .home-page .agent-workspace .timeline-marker.ring-lock[aria-current="step"] .marker-dot::before{box-shadow:0 0 0 2px var(--ws-panel),0 0 0 3.5px #B08A45;}
    .home-page .agent-workspace :is(.expected-line,.actual-line){font-size:0.9375rem;line-height:1.5;}
    .home-page .agent-workspace .actual-line{margin-bottom:0.75rem;}
    .home-page .agent-workspace .rule-chip{display:inline-flex;align-items:center;gap:0.5rem;margin:0 0 0.5rem;padding:0.25rem 0.625rem;border:1px solid var(--ws-line);border-radius:6px;background:var(--ws-tint);color:var(--ws-ink);font-size:0.8125rem;font-weight:500;}
    .home-page .agent-workspace .rule-chip .wsi{width:15px;height:15px;color:#7A6B50;}
    .home-page .agent-workspace .finding-action{margin-top:0.875rem;}
    .home-page .agent-workspace .evidence-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid var(--ws-card-line);border-radius:12px;background:var(--ws-panel);}
    .home-page .agent-workspace .evidence-side{display:flex;flex-direction:column;min-width:0;}
    .home-page .agent-workspace .evidence-side + .evidence-side{border-left:1px solid var(--ws-line);}
    .home-page .agent-workspace .evidence-caption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.375rem;min-height:2.75rem;padding:0.5rem 0.875rem;border-bottom:1px solid var(--ws-line);}
    .home-page .agent-workspace .evidence-caption h6{flex:1 1 7rem;min-width:0;font-size:0.8125rem;font-weight:550;letter-spacing:0;}
    .home-page .agent-workspace .evidence-caption > :last-child{flex:none;}
    .home-page .agent-workspace .browser-sim{margin:0.875rem;overflow:hidden;border:1px solid #DDD8CC;border-radius:8px;background:var(--ws-panel);}
    .home-page .agent-workspace .browser-chrome{display:flex;align-items:center;gap:5px;min-width:0;padding:0.375rem 0.625rem;border-bottom:1px solid #E8E4DA;background:var(--ws-tint);}
    .home-page .agent-workspace .browser-chrome i{width:6px;height:6px;flex:none;border-radius:50%;background:#C9C1AF;}
    .home-page .agent-workspace .url-pill{display:block;flex:1;min-width:0;margin-left:0.375rem;padding:0.0625rem 0.625rem;overflow:hidden;border-radius:6px;background:var(--ws-panel);color:#6B6352;font-size:0.8125rem;line-height:1.6;white-space:nowrap;text-overflow:ellipsis;}
    .home-page .agent-workspace .shop-ui{padding:1rem 1rem 0.875rem;text-align:center;}
    .home-page .agent-workspace .shop-ui p{margin-top:0.375rem;color:var(--ws-muted);font-size:0.8125rem;}
    .home-page .agent-workspace .shop-ui .shop-name{margin:0 0 0.75rem;color:#6D6352;font-size:0.8125rem;}
    .home-page .agent-workspace .order-check{display:grid;place-items:center;width:32px;height:32px;margin:0 auto 0.625rem;border-radius:50%;background:#34392D;color:#FFFFFF;}
    .home-page .agent-workspace .order-check .wsi{width:17px;height:17px;}
    .home-page .agent-workspace .shop-ui .shop-confirmed{margin:0;color:var(--ws-ink);font-family:var(--ws-display);font-weight:560;font-size:1.375rem;line-height:1.25;letter-spacing:-0.02em;}
    .home-page .agent-workspace :is(.shop-ref,.screen-ref){font-family:var(--font-mono);letter-spacing:0.04em;}
    .home-page .agent-workspace .shop-ui .shop-receipt{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0.25rem 1rem;margin-top:0.875rem;padding-top:0.625rem;border-top:1px solid var(--ws-line);color:var(--ws-ink);}
    .home-page .agent-workspace .evidence-lookup{display:flex;flex:1;flex-direction:column;margin:0.875rem;padding:1rem;border-radius:8px;background:#F5F3ED;}
    .home-page .agent-workspace .lookup-result{display:flex;align-items:flex-start;gap:0.5rem;margin:1.25rem 0 1rem;color:var(--ws-red);font-family:var(--ws-display);font-weight:560;font-size:1.375rem;line-height:1.25;letter-spacing:-0.02em;}
    .home-page .agent-workspace .lookup-result .wsi{width:19px;height:19px;margin-top:0.2em;}
    .home-page .agent-workspace .lookup-result.is-good{color:var(--ws-green);}
    .home-page .agent-workspace .check-chips{margin-top:auto;}
    .home-page .agent-workspace .check-chips .check-chip{font-family:var(--font-mono);}
    .home-page .agent-workspace .evidence-blocked{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:0.25rem;margin:0.875rem;padding:1.5rem 1rem;border-radius:8px;background:#FAF7F0;color:var(--ws-amber);text-align:center;}
    .home-page .agent-workspace .evidence-blocked > .wsi{width:32px;height:32px;}
    .home-page .agent-workspace .evidence-blocked .lookup-result{margin:0.625rem 0 0;color:var(--ws-amber);}
    .home-page .agent-workspace .trace{margin:0.875rem;padding:1rem;border-radius:8px;background:#25251F;color:#EFEDE2;font-family:var(--font-mono);font-size:0.8125rem;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;}
    .home-page .agent-workspace .trace-muted{color:#B5B1A1;}
    .home-page .agent-workspace .trace-warning{color:#E7B58D;}
    .home-page .agent-workspace .path-chips{margin-top:0.875rem;align-items:center;}
    .home-page .agent-workspace .path-chips li + li{position:relative;margin-left:0.875rem;}
    .home-page .agent-workspace .path-chips li + li::before{content:"";position:absolute;top:50%;left:-0.75rem;width:0.5rem;height:1px;background:#B9B1A1;}
    .home-page .agent-workspace .finding-next-line{margin-top:0.625rem;color:var(--ws-muted);font-size:0.875rem;}
    .home-page .agent-workspace .disclosure{margin-top:0.875rem;padding:0.625rem 0 0;border-top:1px solid var(--ws-line);font-size:0.875rem;}
    .home-page .agent-workspace .disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:32px;font-weight:500;list-style:none;cursor:pointer;}
    .home-page .agent-workspace .disclosure summary::-webkit-details-marker{display:none;}
    .home-page .agent-workspace .disclosure summary::after{content:"+";font-size:1.375rem;font-weight:400;line-height:1;}
    .home-page .agent-workspace .disclosure[open] summary::after{content:"\2212";}
    .home-page .agent-workspace .checked-list{margin:0.5rem 0 0;}
    .home-page .agent-workspace .checked-list div{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:0.75rem;padding:0.5rem 0;border-bottom:1px solid var(--ws-line);font-size:0.8125rem;}
    .home-page .agent-workspace .checked-list div:last-child{border-bottom:0;}
    .home-page .agent-workspace .checked-list dt{color:var(--ws-muted);}
    .home-page .agent-workspace .checked-list dd{margin:0;color:var(--ws-ink);line-height:1.6;}
    .home-page .agent-workspace .checked-list code{display:block;line-height:1.7;}
    /* Recorded screens, shared by the replay and the evidence */
    .home-page .agent-workspace .screen-body{display:flex;flex-direction:column;gap:0.4375rem;min-height:9.5rem;padding:1rem;font-size:0.8125rem;}
    .home-page .agent-workspace .screen-center{align-items:center;justify-content:center;text-align:center;}
    .home-page .agent-workspace .screen-center .order-check{margin:0 0 0.125rem;}
    .home-page .agent-workspace .screen-title{color:var(--ws-ink);font-size:0.9375rem;font-weight:600;}
    .home-page .agent-workspace .screen-row{display:flex;justify-content:space-between;gap:1rem;padding:0.3125rem 0.625rem;border-radius:4px;background:var(--ws-bg);}
    .home-page .agent-workspace .screen-center .screen-row{align-self:stretch;}
    .home-page .agent-workspace .screen-muted{color:var(--ws-muted);}
    .home-page .agent-workspace .screen-row.screen-muted{background:none;}
    .home-page .agent-workspace .screen-highlight{background:#FAF2DF;color:var(--ws-amber);}
    .home-page .agent-workspace .screen-price{font-size:1.375rem;font-weight:550;}
    .home-page .agent-workspace .screen-typed{padding:0.3125rem 0.625rem;border:1px solid var(--ws-line);border-radius:4px;}
    .home-page .agent-workspace .screen-request{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 1rem;padding:0.4375rem 0.625rem;border-radius:4px;background:var(--ws-bg);}
    .home-page .agent-workspace .screen-request > span:first-of-type{color:var(--ws-muted);}
    .home-page .agent-workspace .screen-request > span:last-child{grid-column:2;grid-row:1 / 3;align-self:center;font-weight:550;}
    .home-page .agent-workspace .screen-result{display:flex;align-items:center;gap:0.5rem;margin-top:0.375rem;font-size:0.9375rem;font-weight:550;}
    .home-page .agent-workspace .screen-blocked{color:var(--ws-amber);}
    .home-page .agent-workspace .screen-blocked > .wsi{width:28px;height:28px;}
    .home-page .agent-workspace .screen-blocked .screen-title{color:var(--ws-amber);}
    /* Recheck: the page's only before-and-after comparison. */
    .home-page .agent-workspace .recheck-card{padding:1rem 1.125rem 0.875rem;border:1px solid var(--ws-card-line);border-radius:12px;background:var(--ws-panel);}
    .home-page .agent-workspace .recheck-behavior{display:flex;align-items:center;gap:0.5rem;font-size:0.9375rem;font-weight:550;}
    .home-page .agent-workspace .recheck-behavior .wsi{width:16px;height:16px;color:var(--ws-green);}
    .home-page .agent-workspace .ws-compare{width:100%;margin-top:0.75rem;border-collapse:collapse;font-size:0.875rem;line-height:1.5;text-align:left;}
    .home-page .agent-workspace .ws-compare :is(th,td){padding:0.625rem 0.5rem;border-top:1px solid var(--ws-line);vertical-align:middle;}
    .home-page .agent-workspace .ws-compare thead th{padding-top:0;border-top:0;color:var(--ws-muted);font-size:0.8125rem;font-weight:400;}
    .home-page .agent-workspace .ws-compare tbody th{font-weight:500;}
    .home-page .agent-workspace .result{display:inline-flex;align-items:center;gap:0.3125rem;padding:0.125rem 0.5rem;border:1px solid;border-radius:6px;font-size:0.8125rem;font-weight:550;white-space:nowrap;}
    .home-page .agent-workspace .result .wsi{width:13px;height:13px;stroke-width:2.3;}
    .home-page .agent-workspace .recheck-note{margin-top:0.5rem;color:var(--ws-muted);font-size:0.8125rem;}
    /* Settings and New exploration: one column of white cards on the paper. */
    .home-page .agent-workspace .ws-solo-body{grid-column:1;grid-row:2;min-width:0;min-height:0;padding:1.5rem;container:ws / inline-size;}
    .home-page .agent-workspace[data-ws-ready] .ws-solo-body{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#C9C6BD transparent;}
    .home-page .agent-workspace .solo-card{max-width:44rem;overflow:hidden;border:1px solid var(--ws-card-line);border-radius:var(--ws-card-radius);background:var(--ws-panel);}
    .home-page .agent-workspace .settings-list{margin:0;padding:0;list-style:none;}
    .home-page .agent-workspace .settings-list li{display:grid;grid-template-columns:18px 9.5rem minmax(0,1fr) auto;align-items:center;gap:0.75rem;min-height:48px;padding:0.5rem 1.125rem;border-top:1px solid var(--ws-line);font-size:0.875rem;transition:background-color 200ms ease;}
    .home-page .agent-workspace .settings-list li:first-child{border-top:0;}
    .home-page .agent-workspace .settings-list li > .wsi{width:16px;height:16px;color:#857A63;}
    .home-page .agent-workspace .setting-label{color:var(--ws-muted);}
    .home-page .agent-workspace .setting-value{display:inline-flex;align-items:center;gap:0.375rem;min-width:0;font-weight:500;overflow-wrap:anywhere;}
    .home-page .agent-workspace .setting-value .wsi{width:14px;height:14px;stroke-width:2.2;}
    .home-page .agent-workspace .setting-value.is-pass{color:var(--ws-green);}
    .home-page .agent-workspace .setting-value.is-lock{color:var(--ws-amber);}
    .home-page .agent-workspace .setting-value.is-fail{color:var(--ws-red);}
    .home-page .agent-workspace .setting-link{display:inline-flex;align-items:center;gap:0.375rem;min-height:32px;padding:0.25rem 0.375rem 0.25rem 0.5625rem;border:1px solid var(--ws-line);border-radius:8px;background:var(--ws-tint);color:var(--ws-ink);font-size:0.8125rem;font-weight:500;white-space:nowrap;text-decoration:none!important;transition:border-color 150ms ease;}
    .home-page .agent-workspace .setting-link .wsi{width:14px;height:14px;color:#6C6250;}
    .home-page .agent-workspace .setting-link .wsi:last-child{width:13px;height:13px;color:#8B8270;}
    .home-page .agent-workspace .settings-list li.is-highlight{background:var(--ws-amber-bg);box-shadow:inset 3px 0 var(--ws-amber);}
    .home-page .agent-workspace .ws-notice{display:flex;align-items:center;gap:0.625rem;max-width:44rem;margin-top:0.75rem;padding:0.625rem 0.875rem;border:1px solid var(--ws-card-line);border-radius:10px;background:#FBFAF7;color:var(--ws-muted);font-size:0.8125rem;}
    .home-page .agent-workspace .setup-card{max-width:32rem;padding:1.5rem;}
    .home-page .agent-workspace .setup-note{max-width:32rem;}
    .home-page .agent-workspace .setup-label{margin-bottom:0.25rem;color:var(--ws-muted);font-size:0.8125rem;font-weight:500;}
    .home-page .agent-workspace .setup-input{margin:0;padding:0;border:0;background:none;color:var(--ws-ink);font-family:var(--ws-display);font-weight:500;font-size:1.375rem;line-height:1.3;letter-spacing:-0.015em;cursor:default;}
    .home-page .agent-workspace .setup-facts{display:grid;gap:0.25rem;margin:1rem 0 0;padding:0;list-style:none;color:var(--ws-muted);font-size:0.875rem;}
    .home-page .agent-workspace .setup-facts li{display:flex;align-items:center;gap:0.5rem;min-height:32px;}
    .home-page .agent-workspace .setup-facts .wsi{width:15px;height:15px;color:#857A63;}
    .home-page .agent-workspace .setup-facts a{color:var(--ws-ink);text-decoration:underline!important;text-underline-offset:0.2em;}
    .home-page .agent-workspace .setup-actions{display:flex;flex-wrap:wrap;gap:0.625rem;margin-top:1.5rem;}
    /* Detail layouts follow the width of the detail card, not the window. */
    @container ws (max-width:30rem){
      .home-page .agent-workspace .finding-row{grid-template-columns:84px minmax(0,1fr) 16px;grid-template-areas:"thumb title chev" "thumb pill chev";gap:0.25rem 0.75rem;min-height:68px;padding-right:0.75rem;}
      .home-page .agent-workspace .finding-row .thumb{width:84px;height:56px;padding:5px;gap:3px;}
      .home-page .agent-workspace .finding-row > .ws-pill{justify-self:start;align-self:start;}
      .home-page .agent-workspace .finding-row .row-title{align-self:end;font-size:0.875rem;}
      .home-page .agent-workspace .finding-row .tb-price{font-size:0.9375rem;}
      .home-page .agent-workspace .finding-row .tb-icon{width:26px;height:26px;}
      .home-page .agent-workspace .finding-row .tb-check{width:12px;height:12px;}
      .home-page .agent-workspace .finding-row .tb-check::after{width:5px;height:2.5px;margin-top:3.5px;}
      .home-page .agent-workspace .finding-row .tb-x{width:13px;height:13px;}
      .home-page .agent-workspace .settings-list li{grid-template-columns:18px minmax(0,1fr);grid-template-areas:"icon label" ". value" ". link";gap:0.125rem 0.75rem;padding-block:0.625rem;}
      .home-page .agent-workspace .settings-list li > .wsi{grid-area:icon;}
      .home-page .agent-workspace .setting-label{grid-area:label;}
      .home-page .agent-workspace .setting-value{grid-area:value;}
      .home-page .agent-workspace .setting-link{grid-area:link;justify-self:start;max-width:100%;margin-top:0.25rem;white-space:normal;}
    }
    @container ws (max-width:26rem){
      .home-page .agent-workspace .evidence-comparison{grid-template-columns:minmax(0,1fr);}
      .home-page .agent-workspace .evidence-side + .evidence-side{border-top:1px solid var(--ws-line);border-left:0;}
      .home-page .agent-workspace .checked-list div{grid-template-columns:minmax(0,1fr);gap:0.125rem;}
      .home-page .agent-workspace .recheck-card{padding:0.875rem 0.75rem;}
      .home-page .agent-workspace .ws-compare :is(th,td){padding-inline:0.25rem;}
      .home-page .agent-workspace .ws-compare .result .wsi{display:none;}
      .home-page .agent-workspace .path-chips{row-gap:0.375rem;}
      .home-page .agent-workspace .path-chips li + li{margin-left:0;}
      .home-page .agent-workspace .path-chips li + li::before{display:none;}
    }
    @container ws (max-width:22rem){
      .home-page .agent-workspace .stat-grid{grid-template-columns:minmax(0,1fr);}
      .home-page .agent-workspace .check-table :is(th,td){padding-inline:0.5rem;}
      .home-page .agent-workspace .check-table thead th + th,
      .home-page .agent-workspace .check-table td{width:3.5rem;white-space:nowrap;}
    }
    /* Narrow detail stacks each row: the thumbnail on top, the words below it; both runs keep their words. */
    @container ws (max-width:18rem){
      .home-page .agent-workspace .finding-row{grid-template-columns:minmax(0,1fr) 16px;grid-template-areas:"thumb thumb" "title chev" "pill chev";gap:0.375rem 0.5rem;padding:5px 0.625rem 0.625rem 5px;}
      .home-page .agent-workspace .finding-row .thumb{width:100%;height:60px;}
      .home-page .agent-workspace .finding-row :is(.tb-browser,.tb-lookup){max-width:64px;}
      .home-page .agent-workspace .finding-row .row-title{padding-left:0.3125rem;}
      .home-page .agent-workspace .finding-row > .ws-pill{margin-left:0.3125rem;}
      .home-page .agent-workspace .recheck-row{grid-template-columns:16px minmax(0,1fr) 16px;grid-template-areas:"icon label chev" ". tokens chev";gap:0.25rem 0.5rem;padding:0.5rem 0.625rem 0.5rem 1rem;}
      .home-page .agent-workspace .recheck-tokens{justify-content:flex-start;gap:0.25rem;}
      .home-page .agent-workspace .ws-compare{table-layout:fixed;}
      .home-page .agent-workspace .ws-compare tr > :first-child{width:40%;}
      .home-page .agent-workspace .ws-compare :is(th,td){padding-inline:0.125rem;}
      .home-page .agent-workspace .ws-compare .result{padding:0.125rem 0.25rem;}
      .home-page .agent-workspace .recheck-card{padding-inline:0.5rem;}
      .home-page .agent-workspace :is(.browser-sim,.evidence-lookup,.trace,.evidence-blocked){margin:0.625rem;}
      .home-page .agent-workspace :is(.evidence-caption,.shop-ui,.evidence-lookup,.trace){padding-inline:0.625rem;}
      .home-page .agent-workspace .lookup-result{font-size:1.125rem;}
      .home-page .agent-workspace .evidence-lookup code{overflow-wrap:normal;overflow-x:auto;white-space:nowrap;}
      .home-page .agent-workspace .trace{overflow-x:auto;white-space:pre;overflow-wrap:normal;}
      .home-page .agent-workspace .screen-request{grid-template-columns:minmax(0,1fr);}
      .home-page .agent-workspace .screen-request > span:last-child{grid-column:1;grid-row:auto;}
      .home-page .agent-workspace .triage button{flex:1 1 auto;justify-content:center;}
      .home-page .agent-workspace .check-table :is(th,td){padding-inline:0.25rem;}
      .home-page .agent-workspace .check-table tbody th{padding-left:0.5rem;font-size:0.8125rem;}
      .home-page .agent-workspace .check-table thead th + th,
      .home-page .agent-workspace .check-table td{width:2.5rem;}
    }
    /* A narrow card keeps the track full width and puts the step buttons under its ends. */
    @container ws (max-width:20rem){
      .home-page .agent-workspace[data-ws-ready] .player{grid-template-areas:"track track track" "prev . next";}
      /* Four names cannot sit side by side here, so every second one drops a line. */
      .home-page .agent-workspace .marker-label{font-size:0.6875rem;white-space:nowrap;}
      .home-page .agent-workspace .timeline.steps-4 li:nth-child(even) .marker-label{margin-top:0.5rem;}
    }
    /* A narrow card drops the tab counts, then the previous and next buttons; the list button stays. */
    @container card (max-width:26rem){
      .home-page .agent-workspace .tab-count{display:none;}
    }
    @container card (max-width:17rem){
      .home-page .agent-workspace .detail-head{padding-left:0.75rem;}
      .home-page .agent-workspace .detail-tabs{gap:0.75rem;}
      .home-page .agent-workspace .pager-button[data-ws-pager]{display:none;}
    }
    /* A narrow header drops the counter words, leaving an icon and a number. */
    @container band (max-width:13rem){
      .home-page .agent-workspace .pill-word{display:none;}
    }
    /* On one line, just above the icon rail, the counters give their words to the title. */
    @media(min-width:901px){
      @container band (max-width:38rem){
        .home-page .agent-workspace .pill-word{display:none;}
      }
    }
    @media(hover:hover){
      .home-page .agent-workspace .product-button:hover{background:var(--ws-dark-2);}
      .home-page .agent-workspace .product-menu button:not([aria-current]):hover,
      .home-page .agent-workspace .thread-link:not([aria-current]):not(.is-draft):hover,
      .home-page .agent-workspace .sidebar-settings:not([aria-current]):hover{background:var(--ws-dark-2);color:#FFFFFF;}
      .home-page .agent-workspace .sidebar-new:hover{background:var(--ws-dark-2);}
      .home-page .agent-workspace .ws-btn:not(:disabled):not(.ws-btn-primary):hover{border-color:#B9B4A6;background:#F5F3EE;}
      .home-page .agent-workspace .ws-btn-primary:not(:disabled):hover{border-color:#45453B;background:#45453B;}
      .home-page .agent-workspace .workspace-switch button:not([aria-pressed="true"]):hover{background:#ECEAE3;color:var(--ws-ink);}
      .home-page .agent-workspace :is(.detail-tabs button,.work-row summary,.all-clear-link):hover{color:var(--ws-ink);}
      .home-page .agent-workspace :is(.finding-row,.recheck-row,.setting-link,.review-banner,.band-pill):hover{border-color:#BCB3A0;}
      .home-page .agent-workspace :is(.pager-button,.step-button):not(:disabled):hover{border-color:#BCB3A0;background:#F7F6F2;}
      .home-page .agent-workspace .triage button:not([aria-pressed="true"]):hover{border-color:#B9B4A6;background:#F5F3EE;}
      .home-page .agent-workspace .finding-card a:hover{background:#FAF9F6;}
      .home-page .agent-workspace .timeline-marker:not([aria-current]):hover .marker-dot::before{border-color:#8B8270;}
      .home-page .agent-workspace .msg-thumb:hover{box-shadow:0 0 0 1px #BCB3A0;}
      .home-page .agent-workspace .conversation-suggestions button:hover{border-color:#B9AA8C;background:#FBF8F1;}
      .home-page .agent-workspace .composer-send:not(:disabled):hover{background:#45453B;}
      .home-page .agent-workspace :is(.activity-attempt a,.check-table tbody th a):hover{text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:0.2em;}
    }
    /* Views, steps and new messages settle in place; reduced motion skips it. */
    @media(prefers-reduced-motion:no-preference){
      .home-page .agent-workspace[data-ws-ready] :is(.ws-exploration,.detail-panel,.finding-page,.step-screen,.conversation-log .is-new){animation:ws-settle 180ms cubic-bezier(0.22,1,0.36,1);}
      .home-page .agent-workspace .conversation-log .is-new{animation-duration:240ms;}
    }
    @media(prefers-reduced-motion:reduce){
      .home-page .agent-workspace *,
      .home-page .agent-workspace *::before,
      .home-page .agent-workspace *::after{transition:none!important;animation:none!important;}
    }
    @keyframes ws-settle{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:none;}}
    .home-page .agent-workspace .workspace-main ::selection{background:#E6DDCB;color:var(--ws-ink);}
    .home-page .agent-workspace :focus-visible{outline:2px solid var(--ws-focus);outline-offset:3px;}
    .home-page .agent-workspace :is(.workspace-sidebar,.product-menu) :focus-visible{outline-color:#FFFFFF;outline-offset:2px;}
    .home-page .agent-workspace :is(h3,h4,li,div)[tabindex="-1"]:focus:not(:focus-visible){outline:none;}
    .home-page .agent-workspace :is(.ws-band h3,.finding-title):focus-visible{outline-offset:4px;}
    .home-page .agent-workspace :is(.finding-row,.recheck-row,.thread-link,.band-pill,.finding-card a,.detail-tabs button):focus-visible{outline-offset:-2px;}
    .home-page .agent-workspace .timeline-marker:focus-visible{outline:none;}
    .home-page .agent-workspace .timeline-marker:focus-visible .marker-dot::before{outline:2px solid var(--ws-focus);outline-offset:2px;}
    /* Short windows tighten the sidebar so the exploration list keeps its room. */
    @media(min-width:901px) and (max-height:820px){
      .home-page .agent-workspace .workspace-sidebar{padding-top:1rem;}
      .home-page .agent-workspace .workspace-brand{padding-bottom:0.875rem;}
      .home-page .agent-workspace .sidebar-new{margin-bottom:1rem;}
    }
    /* Below 1180px the conversation and the detail share one column behind a switch under the header. */
    @media(max-width:1180px){
      .home-page .agent-workspace .ws-exploration{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);}
      .home-page .agent-workspace .ws-band h3{font-size:1.25rem;}
      .home-page .agent-workspace[data-ws-ready] .workspace-switch:not([hidden]){grid-column:1;grid-row:2;display:flex;align-items:center;gap:0.25rem;padding:0.375rem 1.5rem;border-bottom:1px solid var(--ws-line);}
      .home-page .agent-workspace :is(.workspace-conversation,.ws-detail){grid-column:1;grid-row:3;}
      .home-page .agent-workspace .ws-solo .ws-solo-body{grid-row:2;}
      .home-page .agent-workspace .ws-detail{border-left:0;}
      .home-page .agent-workspace[data-ws-ready] .workspace-body[data-ws-show="conversation"] .ws-detail,
      .home-page .agent-workspace[data-ws-ready] .workspace-body[data-ws-show="detail"] .workspace-conversation{display:none;}
    }
    /* Wide windows give the header title a larger size. */
    @media(min-width:1100px){
      .home-page .agent-workspace .ws-band{min-height:64px;}
      .home-page .agent-workspace .ws-band h3{font-size:1.75rem;}
    }
    /* From 900px the sidebar is an icon rail, as the app keeps it on small screens. */
    @media(max-width:900px){
      .home-page .agent-workspace .workspace-body{grid-template-columns:3.5rem minmax(0,1fr);height:min(42rem,80svh);}
      .home-page .agent-workspace .workspace-sidebar{align-items:center;padding:0.75rem 0.375rem 0.625rem;}
      .home-page .agent-workspace .workspace-brand{justify-content:center;min-height:40px;padding:0;}
      .home-page .agent-workspace .rail-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
      .home-page .agent-workspace .product-static{display:none;}
      .home-page .agent-workspace .workspace-product{margin:0.375rem 0 0.25rem;}
      .home-page .agent-workspace .product-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;}
      .home-page .agent-workspace .product-chevron{display:none;}
      .home-page .agent-workspace .product-initial{display:grid;place-items:center;width:30px;height:30px;border:1px solid transparent;border-radius:7px;background:#2F2F28;color:var(--ws-dark-ink);font-size:0.8125rem;font-weight:550;}
      .home-page .agent-workspace .product-menu{top:0;right:auto;left:calc(100% + 0.5rem);width:min(15rem,calc(100vw - 6.5rem));}
      .home-page .agent-workspace .sidebar-new{justify-content:center;width:44px;height:44px;margin:0 0 0.375rem;padding:0;}
      .home-page .agent-workspace .workspace-threads{flex:1;width:100%;padding-top:0.375rem;border-top:1px solid #303029;overflow-x:hidden;}
      .home-page .agent-workspace .workspace-threads li{display:flex;justify-content:center;}
      .home-page .agent-workspace .thread-link{display:grid;place-items:center;grid-template-columns:none;grid-template-areas:none;width:44px;height:44px;min-height:44px;margin-bottom:0.25rem;padding:0;}
      .home-page .agent-workspace .thread-icon{display:block;width:19px;height:19px;}
      .home-page .agent-workspace .thread-link > .glyph{grid-area:auto;position:absolute;top:5px;right:4px;width:13px;height:13px;border:0;background:currentColor;box-shadow:0 0 0 2px var(--ws-dark);}
      .home-page .agent-workspace .thread-link[aria-current] > .glyph{box-shadow:0 0 0 2px var(--ws-dark-3);}
      .home-page .agent-workspace .thread-link > .glyph .wsi{width:9px;height:9px;color:var(--ws-dark);stroke-width:3;}
      .home-page .agent-workspace .thread-link.is-draft > .glyph{position:static;width:14px;height:14px;border:1.5px dashed #A7A08D;background:none;box-shadow:none;}
      .home-page .agent-workspace .sidebar-settings{justify-content:center;width:44px;height:44px;padding:0;}
      /* The title gets the first line to itself; the Example pill and the counters share the second. */
      .home-page .agent-workspace .ws-band{flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:0.5rem 0.3125rem;padding:0.625rem 0.875rem;}
      .home-page .agent-workspace .band-row{display:contents;}
      .home-page .agent-workspace .ws-band h3{display:-webkit-box;flex:1 1 calc(100% - 1.75rem);font-size:1.25rem;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
      .home-page .agent-workspace .band-glyph{margin-top:0.3125rem;}
      .home-page .agent-workspace .band-example{align-self:center;}
      .home-page .agent-workspace .band-pills{justify-content:flex-start;gap:0.3125rem;}
      .home-page .agent-workspace .band-pill{position:relative;isolation:isolate;padding-inline:0.4375rem;border-color:transparent;background:none;}
      .home-page .agent-workspace .band-pill::before{content:"";position:absolute;z-index:-1;inset:6px 0;border:1px solid var(--ws-card-line);border-radius:8px;background:var(--ws-panel);}
      .home-page .agent-workspace .ws-band{row-gap:0;}
      .home-page .agent-workspace .ws-band h3{margin-bottom:0.25rem;}
      .home-page .agent-workspace :is(.pager-button,.step-button){border-color:transparent;background:none;}
      .home-page .agent-workspace[data-ws-ready] .workspace-switch:not([hidden]){padding:0.25rem 0.625rem;}
      .home-page .agent-workspace .workspace-switch button{flex:1;}
      .home-page .agent-workspace .conversation-log{padding:1rem;}
      .home-page .agent-workspace .conversation-suggestions{padding-inline:1rem;}
      .home-page .agent-workspace .ws-composer{padding:0 0.75rem 0.625rem;}
      .home-page .agent-workspace .ws-detail{padding:0.5rem;}
      .home-page .agent-workspace .detail-head{padding-left:0.875rem;}
      .home-page .agent-workspace .detail-tabs{gap:0.875rem;}
      .home-page .agent-workspace .detail-tabs button .wsi{display:none;}
      .home-page .agent-workspace .detail-body{padding:0.875rem;}
      .home-page .agent-workspace .ws-solo-body{padding:1rem;}
      .home-page .agent-workspace .composer-box textarea{min-height:44px;padding-block:10px;}
      .home-page .agent-workspace .composer-box textarea::placeholder{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    }
    /* Touch screens and small windows get 44px targets throughout. */
    @media(max-width:900px),(pointer:coarse){
      .home-page .agent-workspace :is(.ws-btn,.ws-btn-small,.workspace-switch button,.conversation-suggestions button,.band-pill,.thread-link,.sidebar-new,.sidebar-settings,.disclosure summary,.work-row summary,.activity-attempt a,.setting-link,.setup-facts li,.triage button,.step-button,.timeline-marker,.detail-tabs button,.detail-pager button,.finding-card a,.review-banner,.all-clear-link,.check-table tbody th a,.finding-proof a){min-height:44px;}
      .home-page .agent-workspace .setup-facts a{display:inline-flex;align-items:center;min-height:44px;}
      .home-page .agent-workspace .detail-tabs button{min-width:44px;}
      .home-page .agent-workspace :is(.pager-button,.step-button){width:44px;height:44px;}
      .home-page .agent-workspace .composer-send{width:44px;height:44px;}
      .home-page .agent-workspace .composer-box{align-items:center;}
      .home-page .agent-workspace .composer-box textarea{font-size:1rem;}
      .home-page .agent-workspace .band-pill{min-width:44px;justify-content:center;}
    }
    .home-page .validation-chapter{padding-block:var(--fold-pad);scroll-margin-top:calc(var(--nav-h,64px) + 1.5rem);}
    .home-page .validation-layout{display:grid;grid-template-columns:0.95fr 1.15fr;gap:3rem 5rem;align-items:center;}
    .home-page .validation-intro h2{max-width:17ch;font-size:var(--home-heading);line-height:1.04;text-wrap:balance;}
    .home-page .validation-intro p{max-width:45ch;margin-top:1.25rem;color:var(--color-text-muted);line-height:1.65;}
    .home-page .validation-intro > .record-link{margin-top:1.25rem;}
    .home-page .validation-workflow{list-style:none;margin:0;padding:0;}
    .home-page .validation-workflow li{padding-block:1.5rem;border-top:1px solid var(--record-rule);}
    .home-page .validation-workflow li:first-child{padding-top:0;border-top:0;}
    .home-page .validation-workflow li:last-child{padding-bottom:0;}
    .home-page .validation-workflow h3{font-family:var(--font-body);font-size:var(--step-lead);line-height:1.4;font-weight:500;}
    .home-page .validation-workflow p{max-width:58ch;margin-top:0.625rem;color:var(--color-text-muted);font-size:var(--step-body);line-height:1.65;}
    .home-page .workflow-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;}
    .home-page .workflow-agents{display:flex;align-items:center;gap:0.125rem;flex:none;}
    .home-page .workflow-agents img{object-fit:contain;filter:var(--home-agent-filter);}
    .home-page .workflow-agents img:first-child{transform:rotate(-8deg);}
    .home-page .workflow-agents img:last-child{transform:rotate(7deg);}
    .home-page .decision-system-band{border-bottom:1px solid var(--record-rule);}
    .home-page .decision-system-band-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:2.5rem;}
    .home-page .decision-system-band h2{font-family:var(--font-body);font-size:var(--step-lead);font-weight:500;line-height:1.5;}
    .home-page .decision-system-band p{max-width:60ch;margin-top:0.5rem;color:var(--color-text-muted);font-size:var(--step-body);line-height:1.6;}
    .home-page .decision-system-band .record-link{flex:none;min-height:44px;align-content:center;}
    @media(max-width:640px){
      .home-page .decision-system-band-inner{align-items:flex-start;flex-direction:column;gap:1rem;}
    }
    .home-page .bookend-agent{display:block;width:4.5rem;height:auto;margin-inline:auto;transform:rotate(9deg);filter:var(--home-agent-filter);}
    .home-page #pilot{scroll-margin-top:5rem;}
    .home-page .bookend-invitation{max-width:58ch;margin:1.5rem auto 0;color:var(--color-text-muted);line-height:1.6;}
    @media(max-width:1100px){
      .home-page .validation-layout{gap:3rem;grid-template-columns:0.9fr 1.1fr;}
    }
    @media(max-width:900px){
      .home-page .validation-layout{grid-template-columns:minmax(0,1fr);gap:2.5rem;}
      .home-page .validation-intro h2{max-width:20ch;}
      .home-page .validation-workflow li:first-child{padding-top:1.5rem;border-top:1px solid var(--record-rule);}
      .home-page .validation-intro p{max-width:60ch;}
    }
    @media(max-width:640px){
      .home-page .validation-cover{padding-block:2.5rem 0;}
      .home-page .validation-cover .cover-stack{gap:2.5rem;}
      .home-page .validation-cover .cover-title{font-size:clamp(2.55rem,10vw,3.6rem);line-height:1.04;}
      .home-page .validation-cover .cover-meta{gap:1.125rem;margin-top:1.25rem;}
      .home-page .validation-cover .cover-summary{font-size:1rem;line-height:1.6;}
      .home-page .validation-cover .cover-actions{width:100%;gap:0.75rem 1.25rem;flex-direction:column;}
      .home-page .validation-cover .btn-primary{width:100%;justify-content:center;}
      .home-page .validation-chapter{padding-block:3.5rem;}
      .home-page .workflow-heading{flex-wrap:wrap;gap:0.5rem;}
      .home-page .validation-intro h2{font-size:2.5rem;}
    }
    @media print{
      .home-page .agent-workspace .workspace-body{display:block;height:auto!important;overflow:visible;border:0;}
      .home-page .agent-workspace :is(.workspace-sidebar,.workspace-switch,.detail-head,.detail-tabs,.detail-pager,.triage,.step-button,.timeline,.finding-action,.conversation-suggestions,.ws-composer,[data-ws-for="tool"],[data-ws-for="setup"]){display:none!important;}
      .home-page .agent-workspace :is(.workspace-main,.detail-body,.ws-solo-body,.conversation-log){display:block!important;height:auto!important;overflow:visible!important;}
      .home-page .agent-workspace .ws-exploration{display:block!important;height:auto!important;break-inside:auto;}
      .home-page .agent-workspace .ws-exploration:is([data-ws-for="tool"],[data-ws-for="setup"]){display:none!important;}
      .home-page .agent-workspace :is(.workspace-conversation,.ws-detail,.detail-card){display:block!important;padding:0;border:0;}
      .home-page .agent-workspace .finding-section:has(> .triage){display:none!important;}
      .home-page .agent-workspace :is([data-ws-for="shop"][hidden],[data-ws-for="shop"] .detail-panel[hidden],[data-ws-for="shop"] .finding-rows[hidden],[data-ws-for="shop"] .finding-page[hidden],[data-ws-for="shop"] .step-screen[hidden]){display:block!important;}
      .home-page .agent-workspace :is(.panel-title,.step-caption){position:static!important;width:auto!important;height:auto!important;clip-path:none!important;}
      .home-page .agent-workspace :is(.work-row,.disclosure)::details-content{display:block;content-visibility:visible;}
    }

    .sdlc-host .sdlc-hero{
      position:relative;
      grid-column:7 / 13;
      min-width:0;
      margin:0;
    }
    .sdlc-host .sdlc-cycle{
      position:relative;
      width:min(100%,39rem);
      aspect-ratio:1;
      margin-inline:auto;
    }
    .sdlc-host .sdlc-cycle-rings{
      width:100%;
      height:100%;
      overflow:visible;
    }
    .sdlc-host .sdlc-cycle-segment{
      fill:none;
      stroke:var(--sdlc-line);
      stroke-width:2;
      stroke-dasharray:13.333 86.667;
      stroke-linecap:round;
      vector-effect:non-scaling-stroke;
      transition:stroke var(--sdlc-transition),stroke-width var(--sdlc-transition),opacity var(--sdlc-approval-transition);
    }
    .sdlc-host .sdlc-tracer{
      fill:none;
      stroke:var(--color-text);
      stroke-width:5;
      stroke-linecap:round;
      vector-effect:non-scaling-stroke;
      transition:stroke var(--sdlc-approval-transition),stroke-width var(--sdlc-approval-transition);
    }
    .sdlc-host .sdlc-human-touchpoint{
      fill:var(--color-bg);
      stroke:var(--color-text);
      stroke-width:1.75;
      opacity:0.28;
      vector-effect:non-scaling-stroke;
      transition:fill var(--sdlc-approval-transition),stroke var(--sdlc-transition),stroke-width var(--sdlc-transition),opacity var(--sdlc-transition);
    }
    .sdlc-host .sdlc-label{
      position:absolute;
      z-index:2;
      color:var(--color-text-muted);
      font-family:var(--font-mono);
      font-size:clamp(0.68rem,0.82vw,0.82rem);
      font-weight:500;
      line-height:1.3;
      letter-spacing:0.055em;
      text-transform:uppercase;
      opacity:0.78;
      transition:color var(--sdlc-transition),opacity var(--sdlc-transition);
    }
    .sdlc-host .sdlc-label--planning{top:1.5%;left:50%;transform:translateX(-50%);}
    .sdlc-host .sdlc-label--analysis{top:18%;right:0;}
    .sdlc-host .sdlc-label--design{right:0;bottom:20%;}
    .sdlc-host .sdlc-label--implementation{bottom:1%;left:50%;transform:translateX(-50%);}
    .sdlc-host .sdlc-label--testing{bottom:10%;left:calc(0rem - var(--space-2));width:min-content;max-width:9rem;text-align:right;}
    .sdlc-host .sdlc-label--maintenance{top:18%;left:0;}
    .sdlc-host .sdlc-center{
      position:absolute;
      inset:27%;
      display:grid;
      place-items:center;
      text-align:center;
    }
    .sdlc-host .sdlc-copy{
      grid-area:1 / 1;
      max-width:12ch;
      color:var(--color-text);
      font-family:var(--font-heading);
      font-size:clamp(1.45rem,2.2vw,2.25rem);
      font-weight:560;
      letter-spacing:-0.02em;
      line-height:1.08;
      text-wrap:balance;
      opacity:0;
      transform:translateY(0.35rem);
      transition:color var(--sdlc-transition),opacity 160ms cubic-bezier(0.4,0,1,1),transform var(--sdlc-transition);
    }
    .sdlc-host[data-sdlc-approval="true"] .sdlc-cycle-segment{
      opacity:0.12;
    }
    .sdlc-host[data-sdlc-state="planning"] [data-sdlc-label="planning"],
    .sdlc-host[data-sdlc-state="analysis"] [data-sdlc-label="analysis"],
    .sdlc-host[data-sdlc-state="design"] [data-sdlc-label="design"],
    .sdlc-host[data-sdlc-state="approval"] [data-sdlc-label="design"],
    .sdlc-host[data-sdlc-state="implementation"] [data-sdlc-label="implementation"],
    .sdlc-host[data-sdlc-state="testing"] [data-sdlc-label="testing"],
    .sdlc-host[data-sdlc-state="maintenance"] [data-sdlc-label="maintenance"]{
      color:var(--color-text);
      font-weight:700;
      opacity:1;
    }
    .sdlc-host[data-sdlc-state="planning"] [data-sdlc-human="planning"],
    .sdlc-host[data-sdlc-state="analysis"] [data-sdlc-human="analysis"],
    .sdlc-host[data-sdlc-state="design"] [data-sdlc-human="design"],
    .sdlc-host[data-sdlc-state="approval"] [data-sdlc-human="design"],
    .sdlc-host[data-sdlc-state="implementation"] [data-sdlc-human="implementation"],
    .sdlc-host[data-sdlc-state="testing"] [data-sdlc-human="testing"],
    .sdlc-host[data-sdlc-state="maintenance"] [data-sdlc-human="maintenance"]{
      stroke-width:2.5;
      opacity:1;
    }
    .sdlc-host[data-sdlc-approval="true"] [data-sdlc-human="design"]{
      fill:var(--sdlc-approval);
      stroke:var(--sdlc-approval);
    }
    .sdlc-host[data-sdlc-state="planning"] [data-sdlc-copy="planning"],
    .sdlc-host[data-sdlc-state="analysis"] [data-sdlc-copy="analysis"],
    .sdlc-host[data-sdlc-state="design"] [data-sdlc-copy="design"],
    .sdlc-host[data-sdlc-state="approval"] [data-sdlc-copy="approval"],
    .sdlc-host[data-sdlc-state="implementation"] [data-sdlc-copy="implementation"],
    .sdlc-host[data-sdlc-state="testing"] [data-sdlc-copy="testing"],
    .sdlc-host[data-sdlc-state="maintenance"] [data-sdlc-copy="maintenance"]{
      opacity:1;
      transform:none;
      transition-delay:0ms;
    }
    .sdlc-host[data-sdlc-approval="true"] .sdlc-tracer{
      stroke:var(--sdlc-approval);
      stroke-width:3;
    }
    .sdlc-host[data-sdlc-state="approval"] [data-sdlc-label="design"],
    .sdlc-host[data-sdlc-state="approval"] [data-sdlc-copy="approval"]{color:var(--sdlc-approval);}
    .sdlc-host .sdlc-controls{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      min-height:44px;
      margin-top:var(--space-2);
    }
    .sdlc-host .sdlc-motion-toggle{
      position:relative;
      display:block;
      width:44px;
      height:44px;
      margin:0;
      color:var(--color-text-muted);
      border:1px solid transparent;
      border-radius:50%;
    }
    .sdlc-host .sdlc-motion-toggle[hidden]{display:none;}
    .sdlc-host .sdlc-motion-toggle:hover{color:var(--color-text);border-color:var(--record-rule-strong);}
    .sdlc-host .sdlc-motion-toggle:focus-visible{
      color:var(--color-text);
      border-color:var(--color-text);
      outline:2px solid var(--color-bg);
      outline-offset:2px;
    }
    .sdlc-host .sdlc-motion-toggle::before,
    .sdlc-host .sdlc-motion-toggle::after{
      content:"";
      position:absolute;
      top:15px;
      width:2px;
      height:14px;
      background:currentColor;
      border-radius:1px;
    }
    .sdlc-host .sdlc-motion-toggle::before{left:17px;}
    .sdlc-host .sdlc-motion-toggle::after{right:17px;}
    .sdlc-host .sdlc-motion-toggle[aria-pressed="true"]::before{
      top:14px;
      left:17px;
      width:0;
      height:0;
      background:transparent;
      border-top:8px solid transparent;
      border-bottom:8px solid transparent;
      border-left:12px solid currentColor;
      border-radius:0;
    }
    .sdlc-host .sdlc-motion-toggle[aria-pressed="true"]::after{display:none;}
    .home-page .app-tour{
      grid-area:tour;
      min-width:0;
      padding-top:1.5rem;
      border-top:1px solid var(--record-rule);
      scroll-margin-top:calc(var(--nav-h,64px) + 1.5rem);
    }
    .home-page .app-tour h4{font-size:1.25rem;font-weight:500;line-height:1.35;}
    .home-page .tour-summary{max-width:55ch;margin-top:0.5rem;color:var(--color-text-muted);line-height:1.6;}
    .home-page .evidence-player.app-demo{
      position:relative;
      width:100%;
      margin-inline:auto;
      margin-top:var(--space-8);
      padding-top:0;
      border-top:0;
    }
    .home-page .evidence-player.app-demo .audit-video{
      overflow:hidden;
      border:1px solid var(--home-material-edge);
      border-radius:var(--home-radius-panel);
      box-shadow:inset 0 1px 0 var(--home-material-highlight),var(--home-material-shadow-lg);
    }
    .home-page .app-demo .audit-video-el{
      width:100%;
      aspect-ratio:1660 / 1080;
      border-radius:0;
    }
    .home-page .app-demo .audit-video-el{display:block;height:auto;object-fit:contain;}
    .home-page .evidence-chapter{
      padding-block:var(--fold-pad);
      color:var(--home-evidence-text);
      background:var(--home-evidence-bg);
      border-bottom:1px solid var(--home-evidence-rule);
    }
    .home-page #proof > .record-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2rem,3vw,3rem);}
    .home-page #proof .evidence-heading,
    .home-page #proof .evidence-player{min-width:0;}
    .home-page #proof .evidence-heading + .evidence-player{margin-top:0;}
    .home-page #proof .evidence-cues{gap:0;padding:2px;}
    .home-page #proof .evidence-cues button{padding:0.625rem;font-size:0.6875rem;}
    /* Cue labels may wrap; the phone strip keeps its compact scroller. */
    @media(min-width:641px){
      .home-page #proof .evidence-cues button{font-size:0.8125rem;padding-inline:0.5rem;}
    }
    /* Desktop: a two-column heading above the full-width recording. */
    @media(min-width:1101px){
      .home-page #proof .evidence-heading{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(2rem,4vw,4rem);align-items:start;}
      .home-page #proof .evidence-heading h2{max-width:none;}
      .home-page #proof .proof-summary{grid-column:2;align-self:end;margin-top:0;}
    }
    @media(max-width:1100px){
      .home-page #proof .evidence-player{max-width:52rem;width:100%;}
    }
    .home-page .evidence-heading h2{
      margin-top:0;
      color:var(--home-evidence-text);
      font-size:var(--home-heading);
      line-height:1.04;
      max-width:18ch;
      text-wrap:balance;
    }
    .home-page .evidence-player{
      padding-top:var(--space-6);
      margin-top:clamp(var(--space-10),4vw,var(--space-16));
      border-top:1px solid var(--home-evidence-rule);
    }
    .home-page .evidence-heading + .evidence-player{
      padding-top:0;
      margin-top:var(--space-8);
      border-top:0;
    }
    .home-page .evidence-player + .evidence-player{
      margin-top:clamp(var(--space-16),8vw,var(--space-24));
    }
    .home-page .evidence-stage{
      display:flex;
      flex-direction:column;
      min-width:0;
    }
    .home-page .evidence-cues{
      display:grid;
      grid-auto-flow:column;
      grid-auto-columns:minmax(0,1fr);
      min-width:0;
      margin-bottom:var(--space-5);
      padding:4px;
      color:var(--home-evidence-text);
      background:linear-gradient(180deg,var(--home-material-raised),var(--home-material));
      border:1px solid var(--home-material-edge);
      border-radius:var(--home-radius-card);
      box-shadow:inset 0 1px 0 var(--home-material-highlight),var(--home-material-shadow);
    }
    .home-page .evidence-cues button{
      position:relative;
      display:flex;
      align-items:center;
      justify-content:flex-start;
      gap:var(--space-2);
      min-width:0;
      min-height:44px;
      padding:var(--space-3);
      color:var(--home-evidence-muted);
      font-size:var(--text-sm);
      line-height:1.35;
      text-align:left;
      background:transparent;
      border:0;
      border-radius:calc(var(--home-radius-card) - 5px);
      cursor:pointer;
    }
    .home-page .evidence-cues button::before{
      content:"";
      flex:0 0 auto;
      width:0.42rem;
      height:0.42rem;
      border:1px solid currentColor;
      border-radius:50%;
    }
    .home-page .evidence-cues button[aria-current="true"]{
      color:var(--home-evidence-text);
      background:var(--home-material-raised);
      box-shadow:0 1px 4px color-mix(in srgb,var(--home-evidence-text) 14%,transparent),inset 0 1px 0 var(--home-material-highlight);
    }
    .home-page .evidence-cues button[aria-current="true"]::before{
      background:var(--color-accent-navy);
      border-color:var(--color-accent-navy);
    }
    .home-page .evidence-cues button:focus-visible{
      z-index:1;
      outline:2px solid var(--color-accent-navy);
      outline-offset:-2px;
    }
    .home-page .evidence-player .audit-video{
      width:100%;
      max-width:none;
      min-width:0;
      margin:0;
      overflow:hidden;
      background:var(--home-evidence-surface);
      border:1px solid var(--home-material-edge);
      border-radius:var(--home-radius-panel);
      box-shadow:inset 0 1px 0 var(--home-material-highlight),var(--home-material-shadow-lg);
    }
    .home-page .evidence-chapter .audit-video-el,
    .home-page .evidence-chapter .plyr,
    .home-page .evidence-chapter .plyr__video-wrapper{
      width:100%;
      aspect-ratio:16 / 9;
      border-radius:inherit;
    }
    .home-page [data-demo-ratio="83-54"] .audit-video-el,
    .home-page [data-demo-ratio="83-54"] .plyr,
    .home-page [data-demo-ratio="83-54"] .plyr__video-wrapper{
      aspect-ratio:83 / 54;
    }
    .home-page .evidence-chapter .audit-video-el{height:100%;object-fit:contain;}
    .home-page .audit-video .plyr__control{
      min-width:44px;
      min-height:44px;
    }
    .home-page .audit-video .plyr--full-ui input[type="range"]{min-height:44px;}

    .home-page .connection-chapter{
      padding-block:var(--fold-pad);
      color:var(--color-text);
      background:var(--home-section-bg);
      border-bottom:1px solid var(--record-rule);
    }
    .home-page .connection-intro{
      display:grid;
      grid-template-columns:repeat(12,minmax(0,1fr));
      gap:clamp(var(--space-4),2vw,var(--space-8));
      align-items:end;
      padding-bottom:0;
    }
    .home-page .connection-intro h2{
      grid-column:1 / 8;
      max-width:14ch;
      color:var(--color-text);
      font-size:var(--home-heading);
      line-height:1.02;
      text-wrap:balance;
    }
    .home-page .start-picker{
      min-width:0;
      margin-top:clamp(var(--space-10),4vw,var(--space-16));
      padding:0;
      border:0;
    }
    .home-page .start-route-input{display:none;}
    .home-page [data-start-enhanced] .start-route-input{
      display:block;
      position:absolute;
      width:1px;
      height:1px;
      margin:-1px;
      padding:0;
      overflow:hidden;
      clip:rect(0 0 0 0);
      clip-path:inset(50%);
      white-space:nowrap;
      border:0;
    }
    .home-page .start-picker-frame{
      color:var(--color-text);
    }
    .home-page .start-picker-grid{
      display:grid;
      grid-template-columns:minmax(0,1fr);
      min-width:0;
    }
    /* The three routes are one segmented control: a raised thumb slides under
       the chosen label, the same material as the chapter rail. */
    .home-page .start-route-list{
      position:relative;
      z-index:2;
      display:none;
      grid-template-columns:repeat(3,minmax(0,1fr));
      width:min(100%,36rem);
      min-width:0;
      margin:0 0 var(--space-5);
      padding:4px;
      background:color-mix(in srgb,var(--color-bg) 52%,transparent);
      border:1px solid var(--home-material-edge);
      border-radius:var(--home-radius-control);
    }
    .home-page [data-start-enhanced] .start-route-list{display:grid;}
    .home-page .start-route-list::after{
      content:"";
      position:absolute;
      top:4px;
      bottom:4px;
      left:4px;
      width:calc((100% - 8px) / 3);
      background:linear-gradient(180deg,var(--home-material-raised),var(--home-material));
      border:1px solid var(--home-material-edge);
      border-radius:calc(var(--home-radius-control) - 3px);
      box-shadow:inset 0 1px 0 var(--home-material-highlight),var(--home-material-shadow);
      transform:translateX(0);
      transition:transform 200ms cubic-bezier(0.16,1,0.3,1);
    }
    .home-page .start-route-option{
      position:relative;
      z-index:1;
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:3.25rem;
      padding:var(--space-3) var(--space-4);
      cursor:pointer;
      color:var(--color-text-muted);
      text-align:center;
      scroll-margin-top:calc(var(--nav-h,64px) + var(--space-4));
      transition:color var(--transition-interactive),transform var(--transition-interactive);
    }
    .home-page .start-route-option:hover{color:var(--color-text);}
    .home-page .start-route-option:active{transform:translateY(1px);}
    .home-page .start-route-option strong{
      font-size:var(--text-sm);
      font-weight:500;
      line-height:1.3;
    }
    #start-route-mcp:checked ~ .start-picker-frame label[for="start-route-mcp"],
    #start-route-cli:checked ~ .start-picker-frame label[for="start-route-cli"],
    #start-route-app:checked ~ .start-picker-frame label[for="start-route-app"]{
      color:var(--color-text);
    }
    #start-route-mcp:checked ~ .start-picker-frame .start-route-list::after{transform:translateX(100%);}
    #start-route-app:checked ~ .start-picker-frame .start-route-list::after{transform:translateX(200%);}
    #start-route-mcp:focus-visible ~ .start-picker-frame label[for="start-route-mcp"],
    #start-route-cli:focus-visible ~ .start-picker-frame label[for="start-route-cli"],
    #start-route-app:focus-visible ~ .start-picker-frame label[for="start-route-app"]{
      z-index:1;
      outline:2px solid var(--color-text);
      outline-offset:-3px;
    }
    .home-page .start-route-stage{
      display:grid;
      min-width:0;
      background:linear-gradient(180deg,var(--home-material-raised),var(--home-material));
      border:1px solid var(--home-material-edge);
      border-radius:var(--home-radius-panel);
      box-shadow:inset 0 1px 0 var(--home-material-highlight),var(--home-material-shadow-lg);
    }
    .home-page .start-route-panel{
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(18rem,0.9fr);
      grid-template-areas:
        "copy artifact"
        "actions artifact"
        "storage storage";
      gap:var(--space-6) clamp(var(--space-8),4vw,var(--space-12));
      align-items:start;
      min-width:0;
      padding:clamp(var(--space-6),3vw,var(--space-10));
    }
    .home-page .start-route-panel + .start-route-panel{border-top:1px solid var(--record-rule);}
    .home-page [id^="get-started-"]{scroll-margin-top:calc(var(--nav-h,64px) + var(--space-4));}
    .home-page .start-route-panel--mcp{
      grid-template-columns:minmax(0,1fr);
      grid-template-areas:"artifact" "actions" "storage";
    }
    .home-page .start-route-panel--mcp .start-route-connect{max-width:40rem;}
    .home-page .start-route-panel--app{
      grid-template-columns:minmax(0,1fr);
      grid-template-areas:"copy" "artifact" "actions" "storage" "tour";
    }
    .home-page .start-route-panel--app .start-route-details{max-width:34rem;}
    .home-page [data-start-enhanced] .start-route-panel{display:none;border-top:0;}
    .home-page [data-start-enhanced] #start-route-mcp:checked ~ .start-picker-frame .start-route-panel--mcp,
    .home-page [data-start-enhanced] #start-route-cli:checked ~ .start-picker-frame .start-route-panel--cli,
    .home-page [data-start-enhanced] #start-route-app:checked ~ .start-picker-frame .start-route-panel--app{display:grid;}
    .home-page .start-route-storage{
      grid-area:storage;
      max-width:70ch;
      color:var(--color-text-muted);
      font-size:var(--text-sm);
      line-height:1.5;
    }
    .home-page .start-route-panel-header{grid-area:copy;max-width:34rem;}
    .home-page .start-route-panel h3{
      max-width:none;
      color:var(--color-text);
      font-size:clamp(1.5rem,2vw,1.75rem);
      line-height:1.15;
      text-wrap:balance;
    }
    .home-page .start-route-panel-header p{
      max-width:56ch;
      margin-top:var(--space-4);
      color:var(--color-text-muted);
      font-size:var(--text-base);
      line-height:1.65;
    }
    /* Connector URL and commands sit in one command block on the shell surface. */
    .home-page .start-route-connect{
      grid-area:artifact;
      display:grid;
      width:100%;
      margin:0;
      padding:var(--space-2) var(--space-5);
      background:var(--home-shell-bg);
      border:1px solid var(--home-shell-border);
      border-radius:var(--home-radius-card);
    }
    .home-page .start-route-connect-path{
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      gap:var(--space-3) var(--space-4);
      align-items:center;
      min-height:5.5rem;
      padding-block:var(--space-4);
    }
    .home-page .start-route-connect-path + .start-route-connect-path{
      border-top:1px solid var(--record-rule);
    }
    .home-page .start-route-connect-label{
      grid-column:1 / -1;
      display:flex;
      align-items:baseline;
      justify-content:space-between;
      gap:var(--space-4);
      min-width:0;
    }
    .home-page .start-route-connect-label strong{
      color:var(--color-text);
      font-size:var(--text-sm);
      font-weight:500;
      line-height:1.3;
    }
    .home-page .start-route-connect-label span{
      color:var(--color-text-muted);
      font-size:var(--text-sm);
      line-height:1.4;
      text-align:right;
    }
    .home-page .start-route-connect-path > code{
      min-width:0;
      color:var(--color-text);
      font-family:var(--font-mono);
      font-size:var(--text-sm);
      line-height:1.4;
      overflow-wrap:anywhere;
    }
    .home-page .start-route-path-copy{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:var(--space-2);
      min-width:4.75rem;
      min-height:44px;
      padding:var(--space-2) var(--space-3);
      color:var(--color-text);
      background:transparent;
      border:1px solid var(--record-rule);
      border-radius:var(--home-radius-control);
      cursor:pointer;
      font-size:var(--text-xs);
      font-weight:500;
      transition:background var(--transition-interactive),border-color var(--transition-interactive),color var(--transition-interactive);
    }
    .home-page .start-route-path-copy:hover{
      background:var(--home-material-raised);
      border-color:var(--record-rule-strong);
    }
    .home-page .start-route-path-copy:focus-visible{
      outline:2px solid var(--color-text);
      outline-offset:2px;
    }
    .home-page .start-route-path-copy[data-copy-state="copied"]{color:var(--color-primary);}
    .home-page .start-route-path-copy[data-copy-state="copied"] svg,
    .home-page .start-route-path-copy[data-copy-state="failed"] svg{display:none;}
    .home-page .start-route-path-copy[data-copy-state="copied"]::before{content:"✓";}
    .home-page .start-route-path-copy[data-copy-state="failed"]{color:var(--color-accent-red);}
    .home-page .start-route-path-copy[data-copy-state="failed"]::before{content:"✗";}
    .home-page .start-route-connect-note{
      grid-column:1 / -1;
      max-width:52ch;
      color:var(--color-text-muted);
      font-size:var(--text-xs);
      line-height:1.5;
    }
    .home-page .start-route-details{
      grid-area:artifact;
      display:grid;
      width:100%;
      margin:0;
      border-block:1px solid var(--record-rule);
    }
    .home-page .start-route-details > div{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:var(--space-6);
      min-height:3rem;
      color:var(--color-text-muted);
      font-size:var(--text-sm);
    }
    .home-page .start-route-details > div + div{border-top:1px solid var(--record-rule);}
    .home-page .start-route-details strong{
      color:var(--color-text);
      font-weight:500;
      text-align:right;
    }
    .home-page .start-route-panel-actions{
      grid-area:actions;
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:var(--space-5);
      margin:0;
      padding:0;
    }
    .home-page .start-route-panel-actions > .btn-primary{
      min-width:11rem;
      justify-content:center;
    }
    .home-page .start-picker-meta{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:var(--space-6);
      margin-top:0;
      padding:var(--space-4) 0 0;
    }
    .home-page .start-picker-meta-links{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      flex-wrap:wrap;
      gap:var(--space-4);
    }
    @media(max-width:900px){
      .sdlc-host .sdlc-cycle{width:min(100%,36rem);}
      .home-page .start-route-option{padding-inline:var(--space-3);}
      .home-page .start-route-panel{padding:var(--space-8);}
    }
    @media(max-width:768px){
      .home-page .connection-intro{grid-template-columns:minmax(0,1fr);}
      .home-page .connection-intro h2{grid-column:1 / -1;grid-row:auto;}
      .home-page .start-route-panel{
        grid-template-columns:minmax(0,1fr);
        grid-template-areas:
          "copy"
          "artifact"
          "actions"
          "storage";
        align-content:start;
        min-height:0;
      }
      .home-page .start-route-panel--mcp{grid-template-areas:"artifact" "actions" "storage";}
      .home-page .start-route-panel--app{grid-template-areas:"copy" "artifact" "actions" "storage" "tour";}
    }
    @media(min-width:641px) and (max-width:960px){
      .home-page .start-route-connect-label{grid-column:1;display:grid;gap:0.2rem;}
      .home-page .start-route-connect-label span{text-align:left;}
      .home-page .start-route-path-copy{grid-column:2;grid-row:1;align-self:start;}
      .home-page .start-route-connect-path > code{grid-column:1 / -1;grid-row:2;white-space:nowrap;overflow-x:auto;}
    }
    @media(max-width:640px){
      .sdlc-host .sdlc-hero{margin-top:var(--space-10);}
      .sdlc-host .sdlc-cycle{width:min(100%,30rem);}
      .sdlc-host .sdlc-label{font-size:clamp(0.6rem,2.7vw,0.72rem);letter-spacing:0.035em;}
      .sdlc-host .sdlc-label--testing{max-width:7.5rem;}
      .sdlc-host .sdlc-copy{font-size:clamp(1.25rem,6vw,1.7rem);}
      .home-page .evidence-player .audit-video{
        width:100%;
        margin-inline:0;
        border-radius:var(--home-radius-card);
      }
      .home-page .cover-actions{align-items:flex-start;flex-direction:column;}
      .home-page .cover-actions .btn-primary{width:100%;justify-content:center;}
      .home-page .start-picker{margin-top:var(--space-8);}
      .home-page .start-route-stage{border-radius:var(--home-radius-card);}
      .home-page .start-route-option{
        min-height:3rem;
        padding:var(--space-3) 0.125rem;
      }
      .home-page .start-route-option strong{font-size:clamp(0.8125rem,3.4vw,var(--text-sm));}
      .home-page .start-route-panel{padding:var(--space-6) var(--space-5);}
      .home-page .start-route-panel h3{font-size:1.5rem;}
      .home-page .start-route-connect-path{
        gap:var(--space-3);
        padding-block:var(--space-4);
      }
      .home-page .start-route-connect-label{
        display:grid;
        gap:0.2rem;
      }
      .home-page .start-route-connect-label span{text-align:left;}
      .home-page .start-route-connect-path > code{grid-column:1 / -1;grid-row:2;white-space:nowrap;overflow-x:auto;}
      .home-page .start-route-path-copy{grid-column:1;grid-row:3;justify-self:start;}
      .home-page .start-route-panel-actions{
        align-items:stretch;
        flex-direction:column;
      }
      .home-page .start-route-panel-actions > .btn-primary{width:100%;}
      .home-page .start-picker-meta{
        align-items:flex-start;
        flex-direction:column;
        gap:var(--space-2);
      }
      .home-page .start-picker-meta-links{justify-content:flex-start;}
      .home-page .evidence-cues{
        display:flex;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
      }
      .home-page .evidence-cues::-webkit-scrollbar{display:none;}
      .home-page .evidence-cues button{
        flex:0 0 auto;
        white-space:nowrap;
      }
      .home-page .evidence-cues button:last-child{border-right:0;}
    }
    @media(forced-colors:active){
      .home-page .evidence-player.app-demo .audit-video{border:1px solid CanvasText;}
      /* The workspace marks the open view and product with a fill alone, which forced colors drop. */
      .home-page .agent-workspace :is(.thread-link,.sidebar-settings,.product-menu button)[aria-current]{outline:2px solid Highlight;outline-offset:-2px;}
      .home-page .start-route-list,
      .home-page .start-route-stage,
      .home-page .start-route-option{border-color:CanvasText;}
      #start-route-mcp:checked ~ .start-picker-frame label[for="start-route-mcp"],
      #start-route-cli:checked ~ .start-picker-frame label[for="start-route-cli"],
      #start-route-app:checked ~ .start-picker-frame label[for="start-route-app"]{color:Highlight;}
      .home-page .start-route-list::after{background:Highlight;}
      #start-route-mcp:focus-visible ~ .start-picker-frame label[for="start-route-mcp"],
      #start-route-cli:focus-visible ~ .start-picker-frame label[for="start-route-cli"],
      #start-route-app:focus-visible ~ .start-picker-frame label[for="start-route-app"]{outline-color:Highlight;}
      .sdlc-host .sdlc-cycle-segment{stroke:CanvasText;}
      .sdlc-host .sdlc-human-touchpoint{fill:Canvas;stroke:CanvasText;}
      .home-page .evidence-cues button[aria-current="true"]::before{background:CanvasText;}
      .sdlc-host[data-sdlc-approval="true"] [data-sdlc-human="design"]{fill:Highlight;stroke:Highlight;}
      .sdlc-host .sdlc-tracer,
      .sdlc-host[data-sdlc-approval="true"] .sdlc-tracer{stroke:Highlight;}
      .sdlc-host[data-sdlc-state="approval"] [data-sdlc-copy="approval"]{color:Highlight;}
    }
    @media print{
      .sdlc-host .sdlc-motion-toggle{display:none;}
      .home-page .start-route-list,
      .home-page [data-start-enhanced] .start-route-list{display:none;}
      .home-page .start-picker-grid{display:block;}
      .home-page .start-route-stage{display:block;min-height:0;}
      .home-page .start-route-panel{
        display:grid!important;
        min-height:0;
        padding:var(--space-6);
        visibility:visible!important;
        opacity:1!important;
        pointer-events:auto!important;
        transform:none!important;
        break-inside:avoid;
      }
      .home-page .start-route-panel + .start-route-panel{border-top:1px solid var(--record-rule);}
    }

    /* FAQ: the sharpest copy, ruled like the record. */
    .home-page .faq-chapter{
      padding-block:var(--fold-pad) clamp(3rem,4vw,4rem);
      border-bottom:1px solid var(--record-rule);
    }
    .home-page .record-faq{
      margin:clamp(var(--space-6),2.5vw,var(--space-10)) 0 0;
    }
    .home-page .faq-chapter .evidence-heading h2{max-width:none;}
    /* Desktop: the heading runs full width and the questions hang from column 5. */
    @media(min-width:901px){
      .home-page .faq-chapter .record-shell{
        display:grid;
        grid-template-columns:repeat(12,minmax(0,1fr));
        column-gap:clamp(var(--space-4),2vw,var(--space-8));
      }
      .home-page .faq-chapter .evidence-heading{grid-column:1 / -1;}
      .home-page .faq-chapter .record-faq{grid-column:5 / -1;}
    }

    /* Closing ledger: the pricing facts ride one ruled row in body type above
       the bookend, so the page has one heading and one button at the end. */
    .home-page .close-chapter{padding-block:clamp(var(--space-10),4vw,var(--space-14)) 0;}
    .home-page .record-ledger{
      display:grid;
      grid-template-columns:minmax(0,1.1fr) minmax(0,2.1fr) auto;
      align-items:center;
      gap:clamp(var(--space-6),4vw,var(--space-12));
      padding-block:var(--space-6);
      border-bottom:1px solid var(--record-rule);
    }
    .home-page .record-ledger-lead{
      max-width:none;
      margin:0;
      color:var(--color-text);
      font-size:var(--text-lg);
      font-weight:500;
      line-height:1.35;
      text-wrap:balance;
    }
    .home-page .record-ledger dl{
      display:grid;
      grid-template-columns:minmax(0,0.9fr) minmax(0,1.4fr) minmax(0,0.9fr);
      gap:var(--space-6);
      margin:0;
    }
    .home-page .record-ledger dt{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.4;}
    .home-page .record-ledger dd{margin:var(--space-1) 0 0;color:var(--color-text);font-size:var(--text-base);line-height:1.4;}
    .home-page .record-ledger > .record-link{justify-self:end;}
    .home-page .bookend-chapter{padding-top:clamp(3rem,4vw,4rem);}
    @media(max-width:900px){
      .home-page .record-ledger{grid-template-columns:minmax(0,1fr);gap:var(--space-5);}
      .home-page .record-ledger > .record-link{justify-self:start;}
    }
    @media(max-width:640px){
      .home-page .record-ledger dl{grid-template-columns:minmax(0,1fr);gap:0;}
      .home-page .record-ledger dl > div{display:flex;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-2);}
      .home-page .record-ledger dl > div + div{border-top:1px solid var(--record-rule);}
      .home-page .record-ledger dd{margin:0;text-align:right;}
    }


    /* Bookend close: the hero line returns as the final word. */
    .home-page .bookend-chapter{
      position:relative;
      isolation:isolate;
      overflow:hidden;
      padding-block:var(--fold-pad);
      text-align:center;
    }
    .home-page .bookend-chapter .record-shell{position:relative;}
    .home-page footer{background:var(--color-bg);border-top:0;}
    .home-page:has(.record-shell) footer .container{max-width:var(--record-max);padding-inline:var(--record-gutter);}
    .home-page .doc-article-title{font-weight:560;letter-spacing:-0.028em;}
    /* These heroes were padded to clear the fixed nav; the .home-page nav is
       sticky and already takes its own height in the flow. */
    .home-page .pricing-hero{padding-top:calc(clamp(var(--space-24),12vw,var(--space-32)) - var(--nav-h,72px));}
    .home-page.pricing-page .pricing-overview{padding-top:calc(clamp(6rem,10vw,7rem) - var(--nav-h,72px));}
    .home-page .bookend-line{
      max-width:20ch;
      margin-inline:auto;
      margin-top:var(--space-6);
      font-family:var(--font-heading);
      font-size:var(--home-heading);
      font-weight:560;
      letter-spacing:-0.028em;
      line-height:1.04;
      text-wrap:balance;
    }
    /* Pilot request form: a left-aligned column inside the centered bookend.
       Fields keep 16px type on phones so iOS does not zoom on focus. */
    .home-page .pilot-form{
      display:grid;
      gap:var(--space-5);
      max-width:34rem;
      margin:var(--space-8) auto 0;
      text-align:left;
    }
    .home-page .pilot-form[hidden]{display:none;}
    .home-page .pilot-field{display:grid;gap:var(--space-2);}
    .home-page .pilot-field label{color:var(--color-text);font-size:var(--text-sm);font-weight:500;}
    .home-page .pilot-form input,
    .home-page .pilot-form textarea{
      width:100%;
      min-height:44px;
      padding:0.625rem 0.875rem;
      background:var(--home-evidence-surface);
      border:1px solid var(--record-rule-strong);
      border-radius:var(--home-radius-control);
      color:var(--color-text);
      font-size:max(16px,var(--text-base));
      line-height:1.5;
      transition:border-color var(--transition-interactive);
    }
    .home-page .pilot-form textarea{min-height:6.5rem;resize:vertical;}
    .home-page .pilot-form ::placeholder{color:var(--color-text-faint);opacity:1;}
    .home-page .pilot-form input:hover,
    .home-page .pilot-form textarea:hover{border-color:var(--color-text-faint);}
    .home-page .pilot-form input:focus-visible,
    .home-page .pilot-form textarea:focus-visible{outline:2px solid var(--color-text);outline-offset:3px;border-color:var(--color-text-muted);}
    /* Honeypot: off-screen for people, still in the form for bots. */
    .home-page .pilot-form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;}
    .home-page .pilot-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3) var(--space-5);}
    .home-page .pilot-form .btn-primary{min-height:44px;justify-content:center;}
    .home-page .pilot-form .btn-primary:disabled{opacity:0.6;cursor:progress;transform:none;}
    .home-page .pilot-form-note{color:var(--color-text-muted);font-size:var(--text-sm);}
    .home-page .pilot-form-note a{color:var(--color-text);text-underline-offset:0.2em;}
    .home-page .pilot-form-status{max-width:34rem;margin:var(--space-4) auto 0;color:var(--color-text-muted);overflow-wrap:anywhere;}
    .home-page .pilot-form-status[data-state="error"],
    .home-page .pilot-form-status[data-state="sent"]{color:var(--color-text);}
    .home-page .pilot-form-status[data-state="sent"]{font-size:var(--text-lg);}
    .home-page .pilot-form-status:focus{outline:none;}
    @media(max-width:640px){
      .home-page .pilot-form-actions{flex-direction:column;align-items:stretch;}
      .home-page .pilot-form .btn-primary{width:100%;}
      .home-page .pilot-form-note{text-align:center;}
    }

    /* Display voice: Schibsted Grotesk at display weight and tracking.
       This rule alone sets face, weight, and tracking. Per-section heading rules own size, line-height, colour, and
       measure only: a `.home-page .section h2` selector outranks `.h-var`,
       so any face or weight it sets wins regardless of source order. */
    .home-page .h-var{
      font-family:var(--font-heading);
      font-weight:560;
      letter-spacing:-0.028em;
    }

    .home-page .proof-summary{max-width:58ch;margin-top:var(--space-5);color:var(--color-text);line-height:1.6;}
    .home-page .record-faq-disclosure{padding-block:var(--space-5);border-top:1px solid var(--record-rule);}
    /* The marker hangs outside the question so wrapped lines align with the first; answers sit under their question. */
    .home-page .record-faq-disclosure summary{cursor:pointer;font-weight:500;min-height:44px;align-content:center;list-style-position:outside;margin-left:1.125rem;}
    .home-page .record-faq-disclosure summary::marker{color:var(--color-text-faint);}
    .home-page .record-faq-disclosure p{max-width:58ch;margin-top:var(--space-3);margin-left:1.125rem;color:var(--color-text-muted);line-height:1.65;}
    @media(max-width:768px){
      .home-page .record-faq-disclosure summary{font-size:var(--text-base);}
    }
    @media(min-width:901px){
      .home-page .record-faq-disclosure summary{font-size:var(--step-lead);}
    }

    .home-page .record-faq-disclosure a{color:var(--color-text);text-underline-offset:0.2em;}
    .home-page .record-faq-disclosure a:hover{color:var(--color-text);text-decoration-thickness:0.09em;}
    .home-page #inheritance{scroll-margin-top:6rem;}

    .home-page .footer-links a{display:inline-flex;align-items:center;min-height:44px;padding-block:0.5rem;}
    @media(max-width:759px){
      .home-page .record-cover{padding-top:1.5rem;padding-bottom:1.5rem;}
      .home-page .cover-title{font-size:clamp(2rem,9.2vw,2.5rem);line-height:1.08;}
      .home-page .cover-summary{font-size:var(--text-base);}


    }
    @media(max-width:640px){
      .home-page .evidence-chapter,
      .home-page .connection-chapter,
      .home-page .faq-chapter{padding-block:var(--space-12);}
      .home-page .evidence-player.app-demo .audit-video{border-radius:var(--home-radius-card);}
      .home-page .bookend-chapter{padding-top:var(--space-16);}
      .home-page .cover-actions{width:100%;gap:0.25rem;}
    }
    .concepts-page .concepts-example{padding-block:1.25rem;border-block:1px solid var(--color-border);}
    .concepts-page .concepts-example dl{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:1rem 1.5rem;}
    .concepts-page .concepts-example dt{color:var(--color-text);font-size:var(--text-sm);font-weight:600;}
    .concepts-page .concepts-example dd{margin:0;}
    .concepts-page .concepts-records .doc-table{min-width:0;font-size:var(--text-base);}
    .concepts-page .concepts-records th[scope="row"]{white-space:normal;width:28%;}
    .concepts-page .concepts-records strong{display:inline-block;margin-top:0.5rem;color:var(--color-text);font-weight:500;}
    @media(max-width:640px){
      .concepts-page .concepts-example dl{grid-template-columns:minmax(0,1fr);gap:0.25rem;}
      .concepts-page .concepts-example dd + dt{margin-top:1rem;}
      .concepts-page .concepts-records th,.concepts-page .concepts-records td{padding:0.75rem;}
    }
    .doc-prose .doc-video{margin:var(--space-6) 0 0;max-width:none;}
    .doc-mobile-contents{display:none;}
    .doc-reference{margin-block:var(--space-8);border-block:1px solid var(--color-border);scroll-margin-top:calc(var(--nav-h) + var(--space-6));}
    .doc-reference > summary,
    .doc-mobile-contents > summary{padding-block:var(--space-4);min-height:44px;cursor:pointer;font-weight:600;color:var(--color-text);}
    .doc-reference[open]{padding-bottom:var(--space-6);}
    .doc-reference summary:focus-visible,
    .doc-mobile-contents summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;}
    @media(max-width:1100px){
      .doc-mobile-contents{display:block;margin-block:var(--space-6);border-block:1px solid var(--color-border);}
      .doc-mobile-contents ul{list-style:none;padding:0;margin:0 0 var(--space-4);}
      .doc-mobile-contents ul ul{margin:0;padding-left:var(--space-4);}
      .doc-mobile-contents-link{display:flex;align-items:center;min-height:44px;padding-block:var(--space-2);color:var(--color-text-muted);text-decoration:none;}
      .doc-mobile-contents-link:hover{color:var(--color-text);text-decoration:underline;}
    }
    .pricing-page .container{max-width:1120px;}
    /* Top padding clears the fixed nav on phones, where the nav is taller than 4rem. */
    .pricing-page .pricing-overview{padding-block:clamp(6rem,10vw,7rem) clamp(3rem,5vw,5rem);}
    .pricing-page .pricing-overview h1{font-family:var(--font-heading);font-size:clamp(2.75rem,1rem + 5vw,5rem);font-weight:560;letter-spacing:-0.028em;line-height:1.08;text-wrap:balance;}
    .pricing-page .pricing-overview p{max-width:35ch;margin-top:var(--space-6);font-size:var(--text-lg);line-height:1.6;color:var(--color-text-muted);}
    .pricing-page .pricing-plans{padding-bottom:clamp(3rem,5vw,5rem);}
    .pricing-page .plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);}
    .pricing-page .plan-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--home-radius-card);padding:clamp(1.5rem,3vw,2.5rem);}
    .pricing-page .plan-name{margin:0;font-family:var(--font-heading);font-size:clamp(1.5rem,1.2rem + 1vw,1.875rem);font-weight:560;letter-spacing:-0.028em;line-height:1.1;text-transform:none;color:var(--color-text);}
    .pricing-page .plan-purpose{margin-top:var(--space-3);font-size:var(--text-base);font-weight:400;line-height:1.5;color:var(--color-text-muted);max-width:34ch;}
    .pricing-page .plan-price{margin-top:var(--space-6);font-family:var(--font-heading);font-size:clamp(2.25rem,1.6rem + 2vw,3rem);font-weight:560;line-height:1.05;letter-spacing:-0.028em;color:var(--color-text);}
    .pricing-page .plan-price small{display:block;margin-top:var(--space-3);font-family:var(--font-body);font-size:var(--text-base);font-weight:400;letter-spacing:0;line-height:1.5;color:var(--color-text-muted);}
    .pricing-page .plan-status{display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-start;margin-top:var(--space-5);padding:0.3rem 0.75rem;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-muted);}
    .pricing-page .plan-status::before{content:"";width:0.5rem;height:0.5rem;border-radius:50%;border:1px solid var(--color-text-muted);}
    .pricing-page .plan-status.is-live::before{background:var(--color-text);border-color:var(--color-text);}
    .pricing-page .plan-facts{margin-top:var(--space-8);border-top:1px solid var(--color-divider);}
    .pricing-page .plan-facts > div{display:grid;grid-template-columns:minmax(0,10rem) minmax(0,1fr);gap:var(--space-4);padding-block:var(--space-3);border-bottom:1px solid var(--color-divider);}
    .pricing-page .plan-facts dt{color:var(--color-text-muted);font-size:var(--text-base);line-height:1.5;}
    .pricing-page .plan-facts dd{margin:0;color:var(--color-text);font-size:var(--text-base);line-height:1.5;}
    .pricing-page .plan-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-5);margin-top:auto;padding-top:var(--space-8);}
    .pricing-page .plan-actions .btn-primary{min-height:44px;}
    .pricing-page .plan-link{display:inline-flex;align-items:center;min-height:44px;font-size:var(--text-sm);}
    .pricing-page .plan-note{margin-top:var(--space-6);color:var(--color-text-faint);font-size:var(--text-base);}
    .pricing-page main a:not(.btn-primary){color:var(--color-text);text-underline-offset:0.2em;}
    .pricing-page .pricing-questions h2{font-family:var(--font-heading);font-size:clamp(2.25rem,1.6rem + 2vw,3rem);font-weight:560;letter-spacing:-0.028em;line-height:1.15;}
    .pricing-page .pricing-questions{padding-block:clamp(3rem,5vw,5rem);border-top:1px solid var(--color-border);}
    .pricing-page .pricing-questions dl{margin-top:var(--space-8);}
    .pricing-page .pricing-questions dl > div{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-8);padding-block:var(--space-6);border-top:1px solid var(--color-border);}
    .pricing-page .pricing-questions dt{font-size:var(--text-lg);font-weight:400;line-height:1.4;color:var(--color-text);}
    .pricing-page .pricing-questions dd{margin:0;color:var(--color-text-muted);line-height:1.65;max-width:65ch;}
    @media(min-width:961px){
      .pricing-page .pricing-questions dl > div{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);}
      .pricing-page .pricing-questions dd{text-wrap:pretty;}
    }
    @media(max-width:960px){
      .pricing-page .plan-grid{grid-template-columns:minmax(0,1fr);}
    }
    @media(max-width:640px){
      .pricing-page .pricing-questions dl > div{grid-template-columns:minmax(0,1fr);}
      .pricing-page .pricing-questions dl > div{gap:var(--space-3);}
      .pricing-page .plan-facts > div{grid-template-columns:minmax(0,1fr);gap:var(--space-1);}
      .pricing-page .plan-actions{flex-direction:column;align-items:stretch;}
      .pricing-page .plan-actions .btn-primary{justify-content:center;}
    }