:root{
    --bg:#fcfcfd; --card:#ffffff; --text:#161820; --muted:#586072; --line:#e6e9ef; --line-soft:#eef1f5;
    --teal:#0e7c86; --teal-deep:#0a5f68; --teal-bright:#3aa6ae; --teal-pale:#8ad6d4;
    --on-teal:#f1fbfb; --on-teal-dim:#edf9f9;
    --teal-tint:color-mix(in oklab, var(--teal), white 92%);
    /* SITE FONTS (3): Sora = display/headlines, Bricolage Grotesque = body/UI, Space Grotesk = labels/pills (replaced JetBrains Mono 2026-06-24; --mono now -> Space Grotesk) */
    --bric:'Bricolage Grotesque',system-ui,sans-serif;
    --display:'Sora','Bricolage Grotesque',sans-serif;
    --mono:'Space Grotesk',sans-serif;
    --shadow-card:0 1px 2px rgb(20 24 32/.04), 0 8px 24px rgb(20 24 32/.06);
    --shadow-float:0 30px 80px -28px rgb(8 40 44/.55);
    --shadow-pop:0 18px 44px -20px rgb(8 40 44/.25), 0 2px 8px -4px rgb(8 40 44/.08);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  /* teal canvas: overscroll bounce above the hero shows brand teal, not white */
  html{scroll-behavior:smooth;background:var(--teal)}
  body{font-family:var(--bric);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}
  h1,h2{font-family:var(--display)}
  a{text-decoration:none;color:inherit}
  .wrap{width:var(--orbit-marketing-gutter,min(100% - 40px,1200px));margin-inline:auto}
  .imp{font-family:var(--display);font-weight:800;font-style:normal;letter-spacing:-.02em}

  /* ---------- nav ---------- */
  header.nav{position:fixed;top:0;left:0;right:0;z-index:40;background:transparent}
  /* scrolled: the bar drops 14px and a frosted teal island (the ::before layer, which
     extends past the content box to form the pill's side padding) fades in behind it.
     Only transform + opacity animate: no per-frame reflow, no backdrop-filter tween. */
  .nav-in{position:relative;display:flex;align-items:center;gap:26px;height:62px;transform:translateY(0);transition:transform .24s cubic-bezier(.2,.7,.2,1)}
  .nav-in::before{content:"";position:absolute;inset:0 -18px;z-index:-1;pointer-events:none;border-radius:16px;
    background:rgba(10,95,104,.9);-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);
    border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 36px -16px rgba(8,40,44,.6),0 2px 8px -3px rgba(8,40,44,.32);
    opacity:0;visibility:hidden;transition:opacity .24s cubic-bezier(.2,.7,.2,1),visibility .24s}
  header.nav.solid .nav-in{transform:translateY(14px)}
  header.nav.solid .nav-in::before{opacity:1;visibility:visible}
  @media (max-width:880px){.nav-in::before{inset:0 -12px}}
  @media (prefers-reduced-motion:reduce){.nav-in,.nav-in::before{transition:none}}
  .logo{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.02em;font-size:25.9px;color:#fff}
  .logo .suffix{font-weight:800;color:#fff}
  .logo svg{width:21px;height:21px}
  header.nav .logo svg{width:25.2px;height:25.2px}
  .nav-links{display:flex;align-items:center;gap:2px;font-size:14.5px;font-weight:550}
  .nav-links>a,.nav-links .has{color:var(--on-teal-dim);padding:7px 11px;border-radius:9px;cursor:pointer;transition:color .15s ease,background .15s ease}
  .nav-links>a:hover,.navitem:hover .has,.navitem:focus-within .has{color:#fff;background:rgba(255,255,255,.13)}
  .nav-links .has{display:inline-flex;align-items:center;gap:5px;cursor:pointer}
  .nav-links .has svg{width:13px;height:13px;opacity:.85}
  .nav-right{margin-left:auto;display:flex;align-items:center;gap:14px}
  .nav-right .login{font-size:14.5px;font-weight:700;color:var(--on-teal-dim);padding:7px 2px;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px;transition:color .15s ease}
  .nav-right .login:hover{color:#fff}
  .btn.btn-navghost{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.13);padding:8px 16px;font-size:14px;font-weight:650}
  .btn.btn-navghost:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.78)}
  .btn-navcta{background:var(--on-teal);color:var(--teal-deep);padding:8px 16px;font-size:14px;font-weight:700}
  .btn-navcta:hover{background:#fff;box-shadow:0 8px 20px -8px rgb(0 0 0/.3)}
  /* nav dropdowns */
  .navitem{position:relative;display:flex}
  .chev{transition:transform .18s ease}
  .navitem:hover .chev,.navitem:focus-within .chev{transform:rotate(180deg)}
  .dropdown{position:absolute;top:calc(100% + 9px);left:0;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 54px -18px rgb(8 40 44/.32);padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,visibility .16s;z-index:50}
  .navitem:hover .dropdown,.navitem:focus-within .dropdown{opacity:1;visibility:visible;transform:none}
  .dropdown::before{content:"";position:absolute;top:-11px;left:0;right:0;height:11px}
  .dropdown.rich{width:302px}
  .dropdown.rich a{display:flex;align-items:flex-start;gap:12px;padding:11px;border-radius:11px;cursor:pointer}
  .dropdown.rich a:hover{background:var(--teal-tint)}
  .dd-ic{width:36px;height:36px;border-radius:9px;background:var(--teal-tint);display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .dropdown.rich a:hover .dd-ic{background:#fff}
  .dd-ic svg{width:18px;height:18px;stroke:var(--teal);fill:none}
  .dd-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
  .dd-title{font-size:14px;font-weight:650;color:var(--text)}
  .dropdown.rich a:hover .dd-title{color:var(--teal-deep)}
  .dd-desc{font-size:12px;line-height:1.35;color:var(--muted);font-weight:450}
  .dropdown.mega{display:grid;grid-template-columns:1fr 1fr;gap:2px 22px;width:464px;padding:14px}
  .dd-col-label{font-size:11.5px;font-weight:700;color:var(--muted);padding:6px 10px 4px}
  .dropdown.mega a{display:block;padding:7px 10px;border-radius:8px;font-size:13.5px;color:var(--text);font-weight:500;white-space:nowrap;cursor:pointer}
  .dropdown.mega a:hover{background:var(--teal-tint);color:var(--teal-deep)}
  /* teal scrollbar */
  html{scrollbar-width:thin;scrollbar-color:var(--teal) var(--bg)}
  ::-webkit-scrollbar{width:13px;height:13px}
  ::-webkit-scrollbar-track{background:var(--bg)}
  ::-webkit-scrollbar-thumb{background:var(--teal);border-radius:999px;border:3px solid var(--bg)}
  ::-webkit-scrollbar-thumb:hover{background:var(--teal-deep)}
  .btn{font-family:var(--bric);font-weight:650;cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;gap:8px;border-radius:10px;transition:transform .15s ease, background .15s ease, box-shadow .15s ease}
  .btn:active{transform:translateY(1px)}
  .btn-teal{background:var(--teal);color:#fff;padding:9px 17px;font-size:14px}
  .btn-teal:hover{background:var(--teal-deep);box-shadow:0 8px 22px -8px rgb(14 124 134/.6)}
  .btn-ghost-d{border-color:var(--line);color:var(--text);background:var(--card);padding:9px 16px;font-size:14px}
  .btn-ghost-d:hover{border-color:#cfd5df;background:#fff}
  .menu-btn{display:none}

  /* ---------- hero ---------- */
  .hero{position:relative;overflow:hidden;color:var(--on-teal);padding-top:88px;
    display:flex;flex-direction:column;justify-content:center;
    background:
      radial-gradient(120% 130% at 92% 4%, rgba(138,214,212,.28), transparent 52%),
      linear-gradient(152deg, var(--teal) 0%, var(--teal-deep) 100%);background-color:var(--teal-deep);}
  .hero::after{content:"";position:absolute;inset:0;pointer-events:none;
    background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
    background-size:48px 48px;mask-image:radial-gradient(85% 80% at 75% 25%,#000,transparent 78%);opacity:.3}
  .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,64px);align-items:center;
    padding-block:clamp(14px,2vw,28px) clamp(48px,6vw,84px)}
  .pill{display:inline-flex;align-items:center;gap:9px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.01em;color:var(--on-teal);
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 13px 5px 9px;margin-bottom:26px}
  .pill .dot{width:7px;height:7px;border-radius:50%;background:var(--teal-pale);animation:dotpulse 2.2s ease-out infinite}
  @keyframes dotpulse{0%{box-shadow:0 0 0 0 rgba(138,214,212,.55)}70%{box-shadow:0 0 0 8px rgba(138,214,212,0)}100%{box-shadow:0 0 0 0 rgba(138,214,212,0)}}
  @media (prefers-reduced-motion:reduce){.pill .dot{animation:none;box-shadow:0 0 0 4px rgba(138,214,212,.18)}}
  h1.head{font-weight:800;letter-spacing:-.045em;line-height:.99;font-size:var(--orbit-hero-title-size,clamp(44px,4.45vw,64px));text-wrap:balance}
  .hero p.sub{margin-top:22px;max-width:46ch;font-size:clamp(16px,1.4vw,19px);color:var(--on-teal-dim);line-height:1.55}
  .hero .ctas{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}
  .btn-light{background:var(--on-teal);color:var(--teal-deep);padding:13px 22px;font-size:15px;font-weight:700}
  .btn-light:hover{background:#fff;box-shadow:0 12px 30px -10px rgb(0 0 0/.3)}
  .btn-onteal{background:rgba(255,255,255,.07);color:var(--on-teal);border-color:rgba(255,255,255,.28);padding:13px 20px;font-size:15px}
  .btn-onteal:hover{background:rgba(255,255,255,.13)}
  .trust{margin-top:30px;font-size:13.5px;color:var(--on-teal-dim)}

  /* ---------- homepage intelligence hero ---------- */
  .hero.hero-intelligence{width:100%;min-height:100svh;margin:0;padding:0;border-radius:0;display:block;color:var(--on-teal);background:radial-gradient(120% 130% at 92% 4%,rgba(138,214,212,.28),transparent 52%),linear-gradient(152deg,var(--teal) 0%,var(--teal-deep) 100%);background-color:var(--teal-deep)}
  .hero.hero-intelligence::after{display:none}
  .hero-intelligence-in{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding-block:76px;text-align:center}
  .hero-intelligence-copy{display:flex;flex-direction:column;align-items:center;width:100%}
  .hero-intelligence h1.head{max-width:1040px;margin:0;font-family:var(--display);font-size:clamp(3.6rem,7.2vw,7rem);font-weight:800;letter-spacing:-.06em;line-height:.96;color:var(--on-teal);text-wrap:balance}
  .hero-intelligence h1.head .hero-head-emphasis{color:#aee2df;font-style:italic}
  .hero-intelligence .sub{max-width:880px;margin:clamp(18px,2.5vh,27px) auto 0;font-family:var(--bric);font-size:clamp(14px,1.35vw,18px);font-weight:450;letter-spacing:-.015em;line-height:1.55;color:var(--on-teal-dim)}
  .hero-sub-line{display:block;white-space:nowrap}
  .hero-intelligence-console{width:min(100%,820px);margin-top:clamp(38px,5.5vh,60px);overflow:hidden;border:1px solid rgba(255,255,255,.6);border-radius:16px;background:var(--card);box-shadow:var(--shadow-float);font-family:var(--bric);color:var(--text);text-align:left}
  .hero-intelligence-rail{display:flex;justify-content:space-between;align-items:center;min-height:42px;padding:0 15px;border-bottom:1px solid var(--line-soft);background:#fafbfc}
  .hero-intelligence-label{display:inline-flex;align-items:center;gap:10px;color:var(--teal-deep);font:680 8px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
  .hero-green-wave{display:flex;align-items:center;height:20px;gap:2px}
  .hero-green-wave span{width:2px;height:5px;border-radius:999px;background:var(--teal-bright);opacity:.5;animation:hero-green-wave 1.7s ease-in-out infinite}
  .hero-green-wave span:nth-child(2),.hero-green-wave span:nth-child(8){height:9px;animation-delay:-.2s}
  .hero-green-wave span:nth-child(3),.hero-green-wave span:nth-child(7){height:14px;animation-delay:-.4s}
  .hero-green-wave span:nth-child(4),.hero-green-wave span:nth-child(6){height:18px;animation-delay:-.6s}
  .hero-green-wave span:nth-child(5){height:11px;animation-delay:-.8s}
  @keyframes hero-green-wave{50%{opacity:.9;transform:scaleY(.45)}}
  .hero-intelligence-form{position:relative;display:flex;align-items:center;min-height:64px;padding:11px 12px 11px 17px;border-bottom:1px solid var(--line-soft);background:#fff}
  .hero-intelligence-form label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .hero-intelligence-form input{display:block;width:calc(100% - 48px);height:28px;padding:2px 0;border:0;outline:0;background:transparent;color:var(--text);font:450 13px/1.5 var(--bric);letter-spacing:-.01em}
  .hero-intelligence-form input::placeholder{color:var(--muted);opacity:1}
  .hero-intelligence-form:focus-within{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--teal),white 35%)}
  .hero-intelligence-form button{position:absolute;right:12px;display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:10px;background:var(--teal);color:#fff;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
  .hero-intelligence-form button:hover{background:var(--teal-deep);box-shadow:0 8px 22px -8px rgb(14 124 134/.6);transform:translateY(-1px)}
  .hero-intelligence-form button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
  .hero-intelligence-prompts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px 12px 12px;background:#fafbfc}
  .hero-intelligence-prompts>span{grid-column:1/-1;padding:0 2px 2px;color:var(--muted);font:600 8px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
  .hero-intelligence-prompts button{min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font:500 10px/1.25 var(--bric);text-align:left;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}
  .hero-intelligence-prompts button::before{content:'\2192';margin-right:7px;color:var(--teal);font-family:var(--mono)}
  .hero-intelligence-prompts button:hover,.hero-intelligence-prompts button:focus-visible{border-color:var(--teal-pale);background:var(--teal-tint);color:var(--teal-deep)}
  @media (max-width:700px){
    .hero.hero-intelligence{min-height:100svh;padding:0}
    .hero-intelligence-in{min-height:100svh;padding-block:76px}
    .hero-intelligence h1.head{font-size:clamp(2.85rem,12.5vw,5rem);letter-spacing:-.07em}
    .hero-intelligence .sub{font-size:13px}
    .hero-sub-line{display:inline;white-space:normal}
  }
  @media (max-width:480px){
    .hero-intelligence-in{padding-top:58px}
    .hero-intelligence h1.head{font-size:clamp(2.65rem,13vw,3.8rem)}
    .hero-intelligence-console{border-radius:13px}
    .hero-intelligence-rail{min-height:39px;padding-inline:12px}
    .hero-intelligence-form{min-height:58px;padding-left:13px}
    .hero-intelligence-form input{font-size:11px}
    .hero-intelligence-prompts{grid-template-columns:1fr;gap:5px;padding:9px}
    .hero-intelligence-prompts>span{padding:1px 2px 3px}
    .hero-intelligence-prompts button{font-size:9px}
  }
  @media (prefers-reduced-motion:reduce){.hero-green-wave span{animation:none}}

  /* product mockup (light card floating on teal) */
  .mock{background:var(--card);border-radius:16px;box-shadow:var(--shadow-float);overflow:hidden;color:var(--text);border:1px solid rgba(255,255,255,.5)}
  .mock-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid var(--line-soft);background:#fafbfc}
  .mock-bar i{width:11px;height:11px;border-radius:50%;background:#e2e6ec;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:8px;line-height:1;font-weight:700;color:rgba(0,0,0,.5)}
  .mock-bar .url{margin-left:8px;font-family:var(--mono);font-size:10.5px;color:var(--muted)}
  /* shared 1:1 app shell (mirrors the real app's base.html: sidebar > topbar > content) */
  .osh{display:grid;grid-template-columns:146px minmax(0,1fr);background:var(--bg);color:var(--text);text-align:left}
  .osh-side{background:var(--bg-side);border-right:1px solid var(--line-soft);padding:10px 8px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
  .osh-brand{display:flex;align-items:center;gap:6px;font-weight:800;font-size:11.5px;letter-spacing:-.01em;padding:1px 7px 9px}
  .osh-brand svg{width:14px;height:14px;flex-shrink:0}
  .osh-item{display:flex;align-items:center;gap:7px;padding:5px 8px;border-radius:7px;font-size:10.8px;font-weight:550;color:var(--muted);white-space:nowrap}
  .osh-item svg{width:11.5px;height:11.5px;stroke:currentColor;fill:none;flex-shrink:0}
  .osh-item.on{background:#e7eef0;color:var(--teal-deep);font-weight:700}
  .osh-count{margin-left:auto;font-family:var(--mono);font-size:8.5px;font-weight:700;background:var(--teal);color:#fff;border-radius:999px;padding:1px 5px}
  .osh-chev{margin-left:auto;opacity:.5}
  .osh-sec{font-family:var(--mono);font-size:8.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#8b93a3;padding:9px 8px 3px}
  .osh-main{display:flex;flex-direction:column;min-width:0}
  .osh-top{display:flex;align-items:center;gap:8px;padding:8px 13px;border-bottom:1px solid var(--line-soft);background:var(--card)}
  .osh-top h4{font-size:12px;font-weight:700;letter-spacing:-.01em}
  .osh-av{margin-left:auto;width:20px;height:20px;border-radius:50%;background:var(--teal);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .osh-body{flex:1;min-width:0;padding:11px;background:var(--bg)}
  .osh-card{background:var(--card);border:1px solid var(--line-soft);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
  .osh-card-h{display:flex;align-items:center;gap:6px;padding:8px 11px;border-bottom:1px solid var(--line-soft);font-size:11px;font-weight:700}
  .osh-card-h svg{width:12px;height:12px;stroke:var(--teal);fill:none;flex-shrink:0}
  @media (max-width:520px){.osh{grid-template-columns:1fr}.osh-side{display:none}}
  /* hero: Assistant chat + Approvals inside the shell */
  .hero-app{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:10px;align-items:stretch}
  .apr-row{display:flex;align-items:center;gap:8px;padding:8px 11px;border-bottom:1px solid var(--line-soft)}
  .apr-tx{min-width:0}
  .apr-t{font-size:10.5px;font-weight:650;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .apr-d{font-size:9.4px;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .apr-btn{margin-left:auto;flex-shrink:0;font-size:9.4px;font-weight:700;color:#fff;background:var(--teal);border-radius:6px;padding:4px 8px}
  .apr-btn.ghost{background:#fff;color:var(--text);border:1px solid var(--line)}
  .apr-act{padding:2px 11px 6px}
  .apr-act .al{display:flex;align-items:center;gap:7px;font-size:9.7px;color:var(--muted);padding:5px 0;border-bottom:1px solid var(--line-soft)}
  .apr-act .al:last-child{border-bottom:none}
  .apr-act .al i{width:5px;height:5px;border-radius:50%;background:var(--teal-pale);flex-shrink:0}
  .apr-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px 11px;margin-top:auto;border-top:1px solid var(--line-soft)}
  .apr-stat .k{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--teal-deep)}
  .apr-stat .l{font-size:9.2px;color:var(--muted);margin-top:1px;white-space:nowrap}
  .hero-app .chat-head{padding:9px 11px}
  .hero-app .chat-mk{width:24px;height:24px;border-radius:7px}
  .hero-app .chat-mk svg{width:14px;height:14px}
  .hero-app .chat-id{font-size:11px}
  .hero-app .chat-on{font-size:9.5px}
  .hero-app .chat-msgs{min-height:168px;padding:10px;gap:8px}
  .hero-app .cm-b{font-size:10.8px;padding:7px 10px;border-radius:11px}
  .hero-app .cm-run{font-size:8.8px;margin:6px 0;padding:4px 8px}
  .hero-app .chat-chips{padding:8px 10px 0;gap:5px}
  .hero-app .chat-chips span{font-size:9.5px;padding:3px 8px}
  .hero-app .cc-lab{display:none}
  .hero-app .chat-bar{margin:9px 10px 10px;padding:4px 4px 4px 10px}
  .hero-app .cb-t{font-size:10.3px}
  .hero-app .cb-send{width:23px;height:23px}
  .hero-app .cb-send svg{width:11px;height:11px}
  @media (max-width:640px){.hero-app{grid-template-columns:1fr}.hero-app .osh-card.apr{display:none}}
  .chat{display:flex;flex-direction:column;background:var(--card)}
  .chat-head{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line-soft)}
  .chat-mk{width:30px;height:30px;border-radius:9px;background:var(--teal-tint);display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .chat-mk svg{width:18px;height:18px}
  .chat-id{display:flex;flex-direction:column;font-weight:700;font-size:13.5px;color:var(--text);line-height:1.3}
  .chat-on{display:inline-flex;align-items:center;gap:5px;font-weight:500;font-size:11px;color:var(--muted)}
  .chat-on .dot{width:6px;height:6px;border-radius:50%;background:#28c840;animation:dotpulse 2.2s ease-out infinite}
  .chat-msgs{display:flex;flex-direction:column;gap:10px;padding:16px;min-height:216px;background:linear-gradient(#fbfcfd,#f6f9fb)}
  .cm{display:flex;max-width:86%}
  .cm-a{align-self:flex-start}
  .cm-u{align-self:flex-end}
  .cm-b{font-size:12.5px;line-height:1.5;padding:9px 12px;border-radius:14px}
  .cm-a .cm-b{background:#fff;border:1px solid var(--line-soft);color:var(--text);border-bottom-left-radius:5px}
  .cm-u .cm-b{background:var(--teal);color:#fff;border-bottom-right-radius:5px}
  .cm-run{display:flex;align-items:center;gap:6px;margin:8px 0;font-family:var(--mono);font-size:10px;font-weight:600;color:var(--teal-deep);background:var(--teal-tint);padding:5px 9px;border-radius:8px;letter-spacing:.01em}
  .cm-run.amber{color:#9a5b00;background:#fff5e3}
  .cm-run .rd{width:6px;height:6px;border-radius:50%;background:#28c840;flex-shrink:0}
  .cm-run.amber .rd{background:#f2a900}
  .chat-chips{display:flex;gap:7px;padding:12px 16px 0;flex-wrap:wrap}
  .chat-chips span{font-size:11.5px;font-weight:500;color:var(--teal-deep);background:#fff;border:1px solid var(--line);padding:5px 11px;border-radius:999px}
  .chat-bar{display:flex;align-items:center;gap:10px;margin:13px 16px 16px;padding:7px 7px 7px 14px;border:1px solid var(--line);border-radius:999px;background:#fff}
  .cb-t{flex:1;font-size:12.5px;color:var(--muted)}
  .cb-send{width:30px;height:30px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .chat-chips span[data-k]{cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease}
  .chat-chips span[data-k]:hover{transform:translateY(-1px);border-color:var(--teal);background:var(--teal-tint);color:var(--teal-deep)}
  .chat-chips .cc-lab{background:transparent;border:none;color:var(--muted);font-weight:600;padding:5px 1px;cursor:default}
  .cb-t.typing{color:var(--text)}
  .cb-t::after{content:'';display:inline-block;width:1.5px;height:13px;background:var(--teal);margin-left:2px;vertical-align:-2px;animation:caret 1.05s step-end infinite}
  @keyframes caret{50%{opacity:0}}
  .cm-typing{display:inline-flex;gap:4px;padding:3px 1px}
  .cm-typing i{width:5px;height:5px;border-radius:50%;background:var(--muted);display:block;animation:tdot 1.2s infinite}
  .cm-typing i:nth-child(2){animation-delay:.18s}
  .cm-typing i:nth-child(3){animation-delay:.36s}
  @keyframes tdot{0%,60%,100%{opacity:.3}30%{opacity:1}}
  @media (prefers-reduced-motion:reduce){.cb-t::after{animation:none;opacity:0}.cm-typing i{animation:none}}
  /* ---------- integration marquee ---------- */
  .logo-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
  .logo-track{display:flex;width:max-content;animation:logo-scroll 32s linear infinite}
  .logo-set{display:flex;align-items:center;gap:clamp(32px,4vw,56px);padding-inline:clamp(16px,2vw,28px)}
  .brand-logo{display:inline-flex;align-items:center;gap:9px;color:#5a6473;font-weight:700;font-size:16px;letter-spacing:-.01em;white-space:nowrap;transition:color .18s ease}
  .brand-logo:hover{color:var(--teal)}
  .brand-logo-mark{display:block;width:26px;height:26px;object-fit:contain;flex:0 0 auto}
  .logo-marquee:hover .logo-track,.logo-marquee:focus-within .logo-track{animation-play-state:paused}
  @keyframes logo-scroll{to{transform:translateX(-50%)}}
  @media (prefers-reduced-motion:reduce){.logo-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.logo-track{animation:none}.logo-set[aria-hidden="true"]{display:none}}

  @media (prefers-reduced-motion:no-preference){
    .hero-grid>div>*{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
    .hero-grid .mock{animation:floatin .9s cubic-bezier(.2,.7,.2,1) both}
    h1.head{animation-delay:.04s}.hero p.sub{animation-delay:.1s}.hero .ctas{animation-delay:.16s}.hero .trust{animation-delay:.22s}
    @keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
    @keyframes floatin{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}
  }

  @media (max-width:880px){
    .nav-links,.nav-right .login,.nav-right .btn-ghost-d{display:none}
    .menu-btn{display:inline-flex;margin-left:auto}
    .nav-right{margin-left:0}
    .hero-grid{grid-template-columns:minmax(0,1fr);gap:40px}
    .hero-grid>*,.mock{min-width:0;width:100%}
    .hero-grid>div:first-child{text-align:center}
    .hero p.sub{margin-inline:auto}
    .hero .ctas{justify-content:center}
    .hero .trust{text-align:center}
    .mock{max-width:520px}
  }

  @media (max-width:460px){
    .wrap{width:var(--orbit-marketing-gutter,min(100% - 28px,1200px))}
    .hero{padding-top:76px;min-height:auto}
    .hero-grid{gap:32px;padding-block:34px 48px}
    h1.head{font-size:var(--orbit-hero-title-size,clamp(38px,10vw,48px))}
    .hero .ctas{flex-direction:column;align-items:stretch}
    .hero .ctas .btn{justify-content:center}
  }

  /* ---------- shared sections ---------- */
  :root{--ok:#1e7a4d;--warn:#8a6300;--danger:#b23b33;--bg-side:#f4f6f9}
  .hero p.sub2{margin-top:12px;max-width:46ch;font-size:clamp(16px,1.3vw,19px);color:var(--orbit-dark-title,#f1fbfb);line-height:1.5}
  .sec{padding:var(--orbit-section-rhythm,clamp(64px,7vw,104px)) 0;position:relative;scroll-margin-top:90px}
  .sec-head{max-width:680px;margin:0 auto clamp(22px,3vw,32px);text-align:center}
  .sec h2{font-size:var(--orbit-section-title-size,clamp(28px,3.5vw,44px));font-weight:800;letter-spacing:-.025em;line-height:1.07;color:var(--orbit-light-title,var(--text));text-wrap:balance}
  .sec h2 em{font-style:normal;color:var(--teal)}
  .sec-sub{margin-top:18px;font-size:clamp(15.5px,1.25vw,18px);color:var(--muted);line-height:1.6}
  .btn-lg{padding:13px 26px;font-size:15px}
  .sec-cta{margin-top:clamp(22px,3vw,30px);text-align:center}
  /* how it works: narrative left, three product states right */
  .how-layout{display:grid;grid-template-columns:minmax(240px,.68fr) minmax(0,1.32fr);gap:clamp(48px,8vw,104px);align-items:start}
  .how-copy{position:sticky;top:104px}
  .how-copy h2{max-width:11ch}
  .finished-f{display:inline-block;margin-right:.02em;letter-spacing:0}
  .how-copy .sec-sub{max-width:37ch}
  .how-copy .btn{margin-top:22px}
  .hiw{display:grid;gap:0}
  .hiw-step{display:grid;grid-template-columns:42px minmax(150px,.62fr) minmax(250px,1fr);gap:18px;align-items:start;min-height:126px;padding:14px 0;text-align:left}
  .hiw-step:first-child{min-height:112px;padding-top:0}
  .hiw-step .n{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--teal);color:#fff;font-family:var(--mono);font-weight:700;font-size:13px}
  .hiw-step-copy h3{font-family:var(--display);font-size:18px;font-weight:700;letter-spacing:-.025em;color:var(--text);margin-bottom:6px}
  .hiw-step-copy p{font-size:14px;color:var(--muted);line-height:1.55}
  .hiw-state{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--card);padding:12px 14px;box-shadow:0 8px 22px -18px rgb(8 40 44/.3)}
  .hiw-state-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-family:var(--mono);font-size:9px;font-weight:600}
  .hiw-state-label i{width:7px;height:7px;border-radius:50%;background:var(--teal-bright);flex:0 0 auto}
  .hiw-request{margin-top:8px;font-size:11px;color:var(--text);line-height:1.45}
  .hiw-state-list{display:grid;gap:5px;margin-top:9px}
  .hiw-state-list span{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;color:var(--text)}
  .hiw-state-list strong{font-weight:700}
  .hiw-state-list small{color:var(--ok);font-family:var(--mono);font-size:8px;font-weight:700}
  .hiw-state-list span:last-child small{color:var(--warn)}
  .hiw-approval{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px}
  .hiw-approval strong{font-size:10px;color:var(--text)}
  .hiw-review{border-radius:7px;background:var(--teal);color:#fff;padding:6px 9px;font-size:8px;font-weight:700;white-space:nowrap}
  @media (min-width:901px){.hiw{padding-top:clamp(6px,.7vw,10px)}.how-copy{margin-bottom:14px}}
  @media (max-width:900px){.how-layout{grid-template-columns:1fr;gap:34px}.how-copy{position:static}.how-copy h2{max-width:14ch}.how-copy .sec-sub{max-width:48ch}.hiw{max-width:760px}}
  @media (max-width:620px){.hiw-step,.hiw-step:first-child{grid-template-columns:36px 1fr;gap:12px;min-height:0;padding:16px 0}.hiw-step .n{width:34px;height:34px}.hiw-state{grid-column:1/-1}.how-copy .btn{width:auto}}
  /* on a short leash: vertical controls left, section narrative right */
  .control-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(48px,8vw,104px);align-items:start;max-width:1120px;margin:0 auto}
  .control-copy{position:sticky;top:104px;align-self:start;margin-bottom:18px}
  .control-copy h2{max-width:12ch}
  .control-copy .sec-sub{max-width:38ch}
  .leash{min-width:0}
  .pillars{display:grid;gap:0}
  .pillar{display:grid;grid-template-columns:minmax(190px,.72fr) minmax(280px,1fr);gap:18px;align-items:start;min-height:126px;padding:14px 0;text-align:left}
  .pillar:first-child{min-height:112px;padding-top:0}
  .pillar h3{font-size:18px;font-weight:750;letter-spacing:-.015em;color:var(--text);margin:0 0 8px;display:flex;align-items:center;justify-content:flex-start;gap:11px}
  .pillar h3 svg{width:21px;height:21px;stroke:var(--teal);fill:none;flex-shrink:0}
  .pillar p{font-size:14px;color:var(--muted);line-height:1.6;max-width:52ch;margin-left:32px}
  .leash-state{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--card);padding:11px 13px;box-shadow:0 8px 22px -18px rgb(8 40 44/.3);color:var(--text)}
  @media (min-width:621px){.leash-state{transform:translateY(-4px)}}
  .leash-state-head{display:flex;align-items:center;gap:8px;font-size:10px;margin-bottom:9px}
  .leash-state-head strong{font-size:11px}
  .leash-state-head small{margin-left:auto;color:var(--muted);font-size:8px}
  .leash-live,.leash-risk,.leash-result{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;font-size:8px;font-style:normal;font-weight:700;white-space:nowrap}
  .leash-live,.leash-result{background:var(--teal-tint);color:var(--teal-deep)}
  .leash-risk{background:#fff3df;color:#8a6300}
  .leash-state-label{display:block;margin-bottom:6px;color:var(--muted);font-family:var(--mono);font-size:8px;font-weight:600}
  .leash-seg{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#f2f5f6}
  .leash-seg span{padding:6px 5px;color:var(--muted);font-size:8px;font-weight:700;text-align:center;white-space:nowrap}
  .leash-seg span.on{background:var(--teal);color:#fff}
  .leash-state-note{margin:7px 0 0!important;color:var(--muted)!important;font-size:8px!important;line-height:1.4!important}
  .leash-approval-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
  .leash-approval-title strong{font-size:10px;line-height:1.35}
  .leash-approval-meta{display:flex;align-items:center;gap:8px;margin-top:7px;color:var(--muted);font-size:8px}
  .leash-cost{margin-left:auto;border-radius:999px;background:var(--teal-tint);color:var(--teal-deep);padding:3px 7px;font-family:var(--mono);font-weight:700;white-space:nowrap}
  .leash-approval-actions{display:flex;gap:5px;margin-top:8px}
  .leash-ui-btn{border:1px solid var(--line);border-radius:6px;background:#fff;padding:5px 8px;color:var(--text);font-size:8px;font-weight:700}
  .leash-ui-btn.primary{border-color:var(--teal);background:var(--teal);color:#fff}
  .leash-audit-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;padding:0 2px 5px;color:var(--muted);font-family:var(--mono);font-size:7px}
  .leash-audit-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 2px;border-top:1px solid var(--line-soft);font-size:8px}
  .leash-audit-row time{color:var(--muted);font-family:var(--mono)}
  .leash-audit-action{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .leash-audit-result{display:flex;align-items:center;gap:6px}
  .leash-audit-result b{font-family:var(--mono);font-size:8px}
  .leash-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:24px}
  @media (max-width:900px){.control-layout{grid-template-columns:1fr;gap:34px}.control-copy{position:static;order:-1;margin-bottom:0}.control-copy h2{max-width:14ch}.control-copy .sec-sub{max-width:48ch}.leash{max-width:760px}}
  @media (max-width:620px){.pillar,.pillar:first-child{grid-template-columns:1fr;gap:14px;min-height:0;padding:16px 0}.pillar p{margin-left:32px}.leash-state{margin-left:32px}}
  @media (max-width:440px){.leash-state{margin-left:0}.leash-audit-action{white-space:normal}}
  @media (max-width:440px){.leash-actions{align-items:stretch;flex-direction:column}.leash-actions .btn{justify-content:center;width:100%}}
  /* systems in action: existing animated app mockup, rearranged around a department rail */
  #services{background:#f7fafb}
  #workflows{background:#f7fafb}
  #services .sec-head{max-width:760px;margin-bottom:0}
  .services-title-line{display:block;white-space:nowrap}
  .sysdemo{display:grid;grid-template-columns:218px minmax(0,1fr);gap:24px;align-items:start;max-width:1180px;margin:clamp(30px,4vw,42px) auto 0}
  .sd-tabs{display:grid;align-self:stretch;align-content:start;gap:7px;margin:0;border-radius:16px;background:#eef3f4;padding:10px}
  .sd-tab{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;background:transparent;border:0;border-radius:10px;padding:7px 9px;font-size:13px;font-weight:700;color:#506068;cursor:pointer;font-family:inherit;text-align:left;transition:color .15s ease,background .15s ease}
  .sd-tab-icon{display:grid;width:28px;height:28px;place-items:center;border:1px solid #d7e1e3;border-radius:8px;background:#fff;color:var(--teal);flex:0 0 auto}
  .sd-tab-icon svg{width:16px;height:16px;stroke:currentColor;fill:none;opacity:1}
  .sd-tab:hover{background:rgba(255,255,255,.76);color:var(--text)}
  .sd-tab.on,.sd-tab.on:hover{background:var(--teal);color:#fff;box-shadow:0 10px 24px -18px rgba(4,59,67,.7)}
  .sd-tab.on .sd-tab-icon{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff}
  .sd-stage{position:relative;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-pop);overflow:hidden}
  .sd-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line-soft);background:#f7f9fb}
  .sd-bar i{width:10px;height:10px;border-radius:50%;display:block}
  .sd-bar .url{margin-left:8px;font-family:var(--mono);font-size:11px;color:var(--muted)}
  .sd-stage .osh-body{min-height:302px;display:flex;flex-direction:column}
  .dm-foot-cap,.sd-foot{grid-column:1/-1}
  .sd-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;text-align:center;margin-top:0}
  @media (min-width:901px){.sd-tabs{grid-template-rows:repeat(7,minmax(46px,1fr));align-content:stretch}}
  @media (max-width:900px){
    .sysdemo{grid-template-columns:1fr;gap:16px}
    .sd-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
  }
  @media (max-width:620px){
    .services-title-line{white-space:normal}
    .sd-tabs{display:flex;gap:7px;overflow-x:auto;padding:8px;scrollbar-width:none}
    .sd-tabs::-webkit-scrollbar{display:none}
    .sd-tab{flex:0 0 auto;width:auto;min-height:44px;padding-right:13px}
  }
  /* module-demo widget kit (shared across the 7 mockups) */
  .dm-wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px;align-items:start}
  .dm-full{grid-column:1/-1}
  .dm-h{display:flex;align-items:center;gap:6px;padding:8px 11px;border-bottom:1px solid var(--line-soft);font-size:11px;font-weight:700}
  .dm-h .dm-chip{margin-left:auto}
  .dm-row{display:flex;align-items:center;gap:8px;padding:8px 11px;border-bottom:1px solid var(--line-soft);transition:background .25s ease}
  .dm-row:last-child{border-bottom:none}
  .dm-row.sel{background:var(--teal-tint)}
  .dm-av{width:20px;height:20px;border-radius:50%;background:#e2e9ee;color:#5a6473;font-size:8.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .dm-t{font-size:10.6px;font-weight:650;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dm-d{font-size:9.4px;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dm-chip{margin-left:auto;flex-shrink:0;font-family:var(--mono);font-size:8.6px;font-weight:700;padding:2px 7px;border-radius:999px;background:#eef1f5;color:var(--muted);transition:background .25s,color .25s;white-space:nowrap}
  .dm-chip.ok{background:var(--teal-tint);color:var(--teal-deep)}
  .dm-chip.amb{background:#fff5e3;color:#9a5b00}
  .dm-chip.hi{background:color-mix(in oklab,var(--danger),white 88%);color:var(--danger)}
  .dm-btn{display:inline-flex;align-items:center;gap:5px;font-size:9.8px;font-weight:700;color:#fff;background:var(--teal);border-radius:7px;padding:5px 10px;flex-shrink:0;transition:transform .12s ease,background .2s,border-color .2s,color .2s}
  .dm-btn.ghost{background:#fff;color:var(--text);border:1px solid var(--line)}
  .dm-btn.sel{background:var(--teal-tint);color:var(--teal-deep);border-color:var(--teal)}
  .dm-btn.pressed{transform:scale(.95)}
  .dm-hide{opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}
  .dm-hide.show{opacity:1;transform:none}
  .dm-gone{display:none}
  .dm-body{padding:9px 11px;font-size:10.2px;color:var(--muted);line-height:1.55}
  .dm-body b{color:var(--text);font-weight:650}
  .dm-chiprow{display:flex;gap:5px;flex-wrap:wrap;padding:9px 11px 0}
  .dm-tgl{display:flex;align-items:center;gap:7px;font-size:9.7px;font-weight:650;color:var(--muted);padding:8px 11px;border-top:1px solid var(--line-soft)}
  .dm-sw{width:26px;height:15px;border-radius:999px;background:#d7dde4;position:relative;transition:background .2s;flex-shrink:0;margin-left:auto}
  .dm-sw::after{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .2s}
  .dm-sw.on{background:var(--teal)}
  .dm-sw.on::after{transform:translateX(11px)}
  .dm-prog{height:5px;border-radius:999px;background:#eef1f5;overflow:hidden;flex:1}
  .dm-prog b{display:block;height:100%;width:0;background:var(--teal);border-radius:999px;transition:width 1.1s cubic-bezier(.2,.7,.2,1)}
  .dm-prog.run b{width:100%}
  .dm-note{font-size:9.4px;color:var(--muted);padding:8px 11px;border-top:1px solid var(--line-soft);display:flex;gap:6px;align-items:center}
  .dm-note svg{width:11px;height:11px;stroke:var(--teal);fill:none;flex-shrink:0}
  .dm-foot-cap{width:100%;text-align:center;margin:16px auto 0;font-size:13.5px;color:var(--muted);max-width:none}
  .dm-foot-cap a{display:block;margin-top:3px;color:var(--teal);font-weight:650}
  /* the demo cursor */
  .dcur{position:absolute;left:0;top:0;z-index:5;width:18px;height:18px;pointer-events:none;transition:transform .55s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 2px 4px rgba(8,40,44,.35));opacity:0}
  .dcur.live{opacity:1}
  .dcur svg{width:100%;height:100%;transition:transform .12s ease}
  .dcur.press svg{transform:scale(.8)}
  .dcur-rip{position:absolute;z-index:4;width:26px;height:26px;border-radius:50%;border:2px solid var(--teal);pointer-events:none;animation:dmrip .5s ease-out forwards}
  @keyframes dmrip{from{opacity:.7;transform:scale(.4)}to{opacity:0;transform:scale(1.5)}}
  @media (prefers-reduced-motion:reduce){.dcur,.dcur-rip{display:none}.dm-hide{opacity:1;transform:none;transition:none}.dm-prog b{transition:none}}
  @media (max-width:640px){.dm-wrap{grid-template-columns:1fr}}
  /* Workflows: selectable examples with a live agent handoff canvas */
  .wf-widget{display:grid;grid-template-columns:218px minmax(0,1fr);gap:24px;align-items:stretch;max-width:1180px;margin:clamp(30px,4vw,42px) auto 0}
  .wf-trg-row{display:grid;align-self:stretch;align-content:stretch;gap:7px;margin:0;border-radius:16px;background:#eef3f4;padding:10px}
  .wf-trg{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;background:transparent;border:0;border-radius:10px;padding:8px 10px;font-size:13px;font-weight:700;line-height:1.25;color:#506068;cursor:pointer;font-family:inherit;text-align:left;transition:color .15s ease,background .15s ease,box-shadow .15s ease}
  .wf-trg-icon{display:grid;width:28px;height:28px;place-items:center;border:1px solid #d7e1e3;border-radius:8px;background:#fff;color:var(--teal);flex:0 0 auto}
  .wf-trg-icon svg{width:16px;height:16px;stroke:currentColor;fill:none}
  .wf-trg:hover{background:rgba(255,255,255,.76);color:var(--text)}
  .wf-trg-on,.wf-trg-on:hover{background:var(--teal);color:#fff;box-shadow:0 10px 24px -18px rgba(4,59,67,.7)}
  .wf-trg-on .wf-trg-icon{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff}
  .wf-stage{min-width:0;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:var(--shadow-pop);overflow:hidden}
  .wf-hint{text-align:left;font-size:14px;line-height:1.65;color:var(--muted);margin:0;padding:17px clamp(18px,2.5vw,26px);border-bottom:1px solid var(--line-soft);background:#f7f9fb}
  .wf-canvas{display:flex;align-items:center;min-height:264px;background-color:#fbfcfd;background-image:radial-gradient(color-mix(in oklab,var(--text),transparent 92%) 1px,transparent 1px);background-size:20px 20px;padding:clamp(20px,3.2vw,34px) clamp(16px,2.6vw,28px)}
  .wf-chain{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:0}
  .wf-conn{flex:0 0 28px;display:flex;align-items:center;position:relative}
  .wf-conn::before{content:"";height:2px;width:100%;background:var(--line);border-radius:2px;transition:background .3s ease}
  .wf-conn.done::before{background:var(--teal-pale)}
  .wf-conn .wdot{position:absolute;left:0;top:50%;width:7px;height:7px;border-radius:50%;background:var(--teal);transform:translate(-4px,-50%);opacity:0;box-shadow:0 0 8px 1px rgba(14,124,134,.45)}
  .wf-conn.act .wdot{animation:wtravel .5s cubic-bezier(.3,.6,.4,1) forwards}
  @keyframes wtravel{0%{opacity:1;transform:translate(-4px,-50%)}100%{opacity:0;transform:translate(29px,-50%)}}
  .wf-node{flex:1 1 0;min-width:0;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:var(--shadow-card);transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}
  .wf-node.act{border-color:var(--teal);box-shadow:0 10px 24px -12px rgba(14,124,134,.45)}
  .wf-node.wait{border-color:#f2cf8a;background:#fffdf6}
  .wf-node.done{border-color:var(--teal-pale);background:color-mix(in oklab,var(--teal),white 96.5%)}
  .wf-node-trig,.wf-node-out,.wf-node-trig.done,.wf-node-out.done{background:var(--teal-tint);border-color:var(--teal-pale)}
  .wf-node-top{display:grid;height:62px;min-height:62px;flex:0 0 62px;grid-template-rows:38px 18px;align-items:start;justify-items:start;gap:6px;margin-bottom:10px}
  .wf-node-sys{display:block;max-height:38px;font-family:var(--mono);font-size:10px;font-weight:700;line-height:12.5px;color:var(--teal);overflow:hidden}
  .wf-when{display:inline-flex;height:18px;align-items:center;font-family:var(--mono);font-size:10px;font-weight:700;line-height:1;color:#fff;background:var(--teal);padding:0 7px;border-radius:5px}
  .wf-badge{display:inline-flex;height:18px;align-items:center;justify-content:center;font-family:var(--mono);font-size:9px;font-weight:700;line-height:1;white-space:nowrap;padding:0 5px;border-radius:5px;margin-left:0}
  .wf-badge.b-auto{background:#fff;color:var(--teal-deep);border:1px solid var(--teal-pale)}
  .wf-badge.b-appr{background:#fff5e3;color:#9a5b00}
  .wf-node-label{font-size:12.5px;font-weight:600;color:var(--text);line-height:1.4;overflow-wrap:break-word}
  .wf-status{font-size:10.5px;font-weight:650;margin-top:auto;padding-top:10px;display:none;align-items:center;gap:6px}
  .wf-node.wait .wf-status,.wf-node.done .wf-status{display:flex}
  .wf-node.wait .wf-status{color:#9a5b00}
  .wf-node.done .wf-status{color:var(--teal-deep)}
  .wf-status .wsd{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}
  .wf-node.wait .wf-status .wsd{animation:dotpulse 1.4s ease-out infinite}
  @media (min-width:881px){.wf-node{height:216px}}
  @media (min-width:901px){.wf-trg-row{grid-template-rows:repeat(5,minmax(52px,1fr))}}
  @media (max-width:1050px){
    .wf-widget{grid-template-columns:1fr;gap:16px}
    .wf-trg-row{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start}
  }
  @media (max-width:880px){
    .wf-chain{flex-direction:column;max-width:520px;margin:0 auto}
    .wf-node{flex:0 0 auto}
    .wf-conn{flex:0 0 26px;justify-content:center}
    .wf-conn::before{width:2px;height:100%;margin:0 auto}
    .wf-conn .wdot{left:50%;top:0;transform:translate(-50%,-3px)}
    .wf-conn.act .wdot{animation:wtravelv .5s cubic-bezier(.3,.6,.4,1) forwards}
  }
  @media (max-width:620px){
    .wf-trg-row{display:flex;gap:7px;overflow-x:auto;padding:8px;scrollbar-width:none}
    .wf-trg-row::-webkit-scrollbar{display:none}
    .wf-trg{flex:0 0 auto;width:auto;min-height:44px;padding-right:13px}
    .wf-hint{font-size:13px}
  }
  @keyframes wtravelv{0%{opacity:1;transform:translate(-50%,-3px)}100%{opacity:0;transform:translate(-50%,23px)}}
  .link-teal{color:var(--teal);font-weight:650}
  /* integrations */
  .integrations-strip{padding-block:clamp(32px,3.5vw,52px);padding-inline:0}
  .trust-sep{height:1px;background:var(--line-soft);max-width:760px;margin:clamp(28px,4vw,40px) auto}
  /* compare */
  .cmp-wrap{max-width:1000px;margin:0 auto;overflow-x:auto}
  .cmp{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card);min-width:680px;box-shadow:var(--shadow-pop)}
  .cmp-head,.cmp-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr}
  .cmp-head>div{padding:15px 16px;font-size:13.5px;font-weight:700;color:var(--muted)}
  .cmp-head .cmp-orbit-h{color:var(--teal-deep);background:var(--teal-tint)}
  .cmp-row{border-top:1px solid var(--line-soft)}
  .cmp-row>div{padding:13px 16px;font-size:13.5px;color:var(--text)}
  .cmp-attr{font-weight:650}
  .cmp-orbit{color:var(--teal-deep);font-weight:650;background:var(--teal-tint)}
  .cmp-lbl{display:none}
  /* testimonials: compact editorial row */
  .home-testimonials{background:#f7fafb;padding-block:clamp(52px,5vw,70px)}
  .testimonial-viewport{max-width:1120px;margin:clamp(24px,3vw,32px) auto 0}
  .testimonial-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:18px;align-items:stretch}
  .testimonial-viewport.is-looping{max-width:1180px;overflow:hidden;padding-block:10px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
  .testimonial-track.is-looping{display:flex;width:max-content;gap:20px;align-items:stretch;animation:testimonial-loop 36s linear infinite;animation-play-state:paused;will-change:transform}
  .testimonial-viewport.is-visible .testimonial-track.is-looping{animation-play-state:running}
  .testimonial-viewport.is-looping:hover .testimonial-track,.testimonial-viewport.is-looping:focus .testimonial-track,.testimonial-viewport.is-looping:focus-within .testimonial-track{animation-play-state:paused}
  .testimonial-viewport:focus-visible{outline:2px solid var(--teal);outline-offset:5px}
  @keyframes testimonial-loop{to{transform:translate3d(calc(-50% - 10px),0,0)}}
  .testimonial-quote{display:flex;min-width:0;flex-direction:column;border-radius:18px;background:#dfeceb;padding:clamp(22px,2.4vw,28px);box-shadow:var(--shadow-card)}
  .testimonial-track.is-looping .testimonial-quote{width:clamp(300px,31vw,390px);flex:0 0 clamp(300px,31vw,390px)}
  .testimonial-quote blockquote{margin:0;color:var(--teal-deep);font-family:var(--bric);font-size:clamp(18px,1.45vw,20px);font-weight:480;letter-spacing:-.01em;line-height:1.55;text-wrap:pretty}
  .testimonial-quote blockquote::before,.testimonial-quote blockquote::after{color:var(--teal);font-family:Georgia,serif;font-size:1.15em;font-weight:700;line-height:0}
  .testimonial-quote blockquote::before{margin-right:2px;content:"\201c"}.testimonial-quote blockquote::after{margin-left:1px;content:"\201d"}
  .testimonial-person{display:flex;align-items:center;gap:11px;margin-top:20px;padding-top:0}
  .testimonial-person .testimonial-avatar{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;margin:0;border-radius:50%;background:var(--teal);box-shadow:0 8px 18px -12px rgba(7,81,91,.8);color:#fff;font-size:12px;font-weight:800;line-height:1}
  .testimonial-person strong,.testimonial-person span{display:block}.testimonial-person strong{font-size:13.5px;color:var(--teal-deep)}.testimonial-person>span:last-child>span{margin-top:2px;color:var(--muted);font-size:12px;line-height:1.35}
  .testimonial-note{margin:20px auto 0;color:var(--muted);font-size:12px;text-align:center}
  .testimonial-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}
  @media (max-width:900px){.testimonial-track:not(.is-looping){grid-template-columns:1fr 1fr}.testimonial-track:not(.is-looping)>.testimonial-quote:first-child{grid-column:1/-1}}
  @media (max-width:560px){.testimonial-track:not(.is-looping){grid-template-columns:1fr;gap:18px}.testimonial-track:not(.is-looping)>.testimonial-quote:first-child{grid-column:auto}.testimonial-actions{align-items:stretch;flex-direction:column}.testimonial-actions .btn{justify-content:center;width:100%}}
  @media (prefers-reduced-motion:reduce){.testimonial-viewport.is-looping{max-width:1120px;overflow:visible;padding-block:0;-webkit-mask-image:none;mask-image:none}.testimonial-track.is-looping{display:grid;width:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;animation:none;transform:none}.testimonial-track.is-looping .testimonial-quote{width:auto;min-width:0}.testimonial-track.is-looping [aria-hidden="true"]{display:none}}
  @media (prefers-reduced-motion:reduce) and (max-width:900px){.testimonial-track.is-looping{grid-template-columns:1fr 1fr}.testimonial-track.is-looping>.testimonial-quote:first-child{grid-column:1/-1}}
  @media (prefers-reduced-motion:reduce) and (max-width:560px){.testimonial-track.is-looping{grid-template-columns:1fr}.testimonial-track.is-looping>.testimonial-quote:first-child{grid-column:auto}}
  /* pricing mini-builder (mirrors pricing.html build-your-plan) */
  .mb{max-width:940px;margin:clamp(30px,4vw,44px) auto 0;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-pop);overflow:hidden}
  .mb-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px clamp(16px,2.2vw,24px);border-bottom:1px solid var(--line-soft);background:#f7f9fb}
  .mb-presets{display:flex;gap:7px;flex-wrap:wrap}
  .mb-preset{font-family:inherit;font-size:12.5px;font-weight:600;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 13px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}
  .mb-preset:hover{border-color:var(--teal-pale);color:var(--text)}
  .mb-preset.is-on{background:var(--teal);border-color:var(--teal);color:#fff}
  .mb-bill{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;color:var(--muted)}
  .mb-bill .lbl{transition:color .15s}
  .mb-bill .lbl.on{color:var(--text)}
  .mb-bill .lbl .save{color:var(--teal);font-weight:700}
  .mb-switch{width:42px;height:24px;border-radius:999px;background:#d7dde4;border:none;position:relative;cursor:pointer;flex-shrink:0;transition:background .18s}
  .mb-switch.is-on{background:var(--teal)}
  .mb-switch::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .18s}
  .mb-switch.is-on::after{transform:translateX(18px)}
  .mb-grid{display:grid;grid-template-columns:1.35fr 1fr}
  .mb-left{padding:clamp(16px,2.2vw,24px)}
  .mb-base{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid var(--teal-pale);background:var(--teal-tint);border-radius:12px;margin-bottom:14px}
  .mb-base .b-nm{font-size:13.5px;font-weight:700;color:var(--text)}
  .mb-base .b-nm span{display:block;font-size:11.5px;font-weight:500;color:var(--muted);margin-top:2px}
  .mb-base .b-pr{font-family:var(--mono);font-weight:700;color:var(--teal-deep);font-size:14.5px;white-space:nowrap}
  .mb-mods{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .mb-mod{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:inherit;text-align:left;background:#fff;border:1px solid var(--line);border-radius:11px;padding:11px 13px;cursor:pointer;transition:border-color .15s,background .15s}
  .mb-mod:hover{border-color:var(--teal-pale)}
  .mb-mod .m-nm{font-size:13.5px;font-weight:650;color:var(--text);display:flex;align-items:center;gap:9px}
  .mb-mod .m-check{width:17px;height:17px;border-radius:5px;border:1.5px solid var(--line);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .15s,border-color .15s}
  .mb-mod .m-check svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:3;opacity:0;transition:opacity .1s}
  .mb-mod .m-pr{font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap}
  .mb-mod.is-on{border-color:var(--teal);background:var(--teal-tint)}
  .mb-mod.is-on .m-check{background:var(--teal);border-color:var(--teal)}
  .mb-mod.is-on .m-check svg{opacity:1}
  .mb-mod.is-on .m-pr{color:var(--teal-deep)}
  .mb-mod.is-free{border-style:dashed;border-color:var(--teal-pale);background:color-mix(in oklab,var(--teal),white 94%)}
  .mb-mod.is-free .m-check{background:var(--teal-pale);border-color:var(--teal-pale)}
  .mb-mod.is-free .m-check svg{opacity:1}
  .mb-mod.is-free .m-pr{color:var(--teal)}
  .mb-right{padding:clamp(18px,2.4vw,26px);border-left:1px solid var(--line-soft);background:#fbfcfd;display:flex;flex-direction:column}
  .mb-tot-lab{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
  .mb-total{font-weight:800;font-size:clamp(40px,5vw,52px);letter-spacing:-.03em;color:var(--text);line-height:1;margin:8px 0 2px}
  .mb-per{font-size:14px;color:var(--muted);font-weight:500}
  .mb-nudge{font-size:12.5px;line-height:1.5;color:var(--teal-deep);background:var(--teal-tint);border-radius:10px;padding:10px 12px;margin:16px 0}
  .mb-nudge b{font-weight:700}
  .mb-right .btn{justify-content:center;margin-top:auto}
  .mb-fine{font-size:11.5px;color:var(--muted);text-align:center;margin-top:10px;line-height:1.5}
  .mb-foot{text-align:center;margin-top:clamp(22px,3vw,30px)}
  @media (max-width:760px){.mb-grid{grid-template-columns:1fr}.mb-right{border-left:none;border-top:1px solid var(--line-soft)}}
  @media (max-width:440px){.mb-mods{grid-template-columns:1fr}}
  /* faq */
  .faq-wrap{max-width:760px;margin:0 auto}
  .faq-item{border:1px solid var(--line);border-radius:14px;background:var(--card);margin-bottom:12px;overflow:hidden;box-shadow:var(--shadow-card)}
  .faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;cursor:pointer;font-weight:700;font-size:16px;color:var(--text);text-align:left;background:none;border:none;font-family:inherit;letter-spacing:-.01em}
  .faq-ic{transition:transform .3s ease;stroke:var(--teal);fill:none;flex-shrink:0;width:20px;height:20px}
  .faq-item.open .faq-ic{transform:rotate(180deg)}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
  .faq-item.open .faq-a{max-height:360px}
  .faq-a p{padding:0 22px 20px;color:var(--muted);line-height:1.6;font-size:14.5px}
  /* cta band */
  .cta-band{position:relative;isolation:isolate;overflow:hidden;width:100%;border-radius:26px;padding:clamp(28px,3.2vw,40px) clamp(40px,6vw,76px);color:var(--on-teal);background:radial-gradient(90% 130% at 88% 10%,rgba(138,214,212,.24),transparent 55%),radial-gradient(70% 90% at 58% 110%,rgba(3,39,47,.34),transparent 70%),linear-gradient(150deg,var(--teal),var(--teal-deep));margin:0 auto}
  .cta-band::before{content:"";position:absolute;inset:-28%;z-index:0;pointer-events:none;background-image:radial-gradient(circle at 5% 18%,rgba(255,255,255,.82) 0 .8px,transparent 1.5px),radial-gradient(circle at 16% 63%,rgba(203,241,240,.58) 0 .7px,transparent 1.4px),radial-gradient(circle at 25% 34%,rgba(255,255,255,.68) 0 1px,transparent 1.8px),radial-gradient(circle at 38% 84%,rgba(198,239,238,.48) 0 .7px,transparent 1.35px),radial-gradient(circle at 48% 11%,rgba(255,255,255,.76) 0 .9px,transparent 1.65px),radial-gradient(circle at 58% 55%,rgba(215,246,245,.58) 0 .8px,transparent 1.5px),radial-gradient(circle at 69% 27%,rgba(255,255,255,.86) 0 1.1px,transparent 1.9px),radial-gradient(circle at 77% 78%,rgba(201,240,239,.54) 0 .75px,transparent 1.45px),radial-gradient(circle at 88% 42%,rgba(255,255,255,.72) 0 .9px,transparent 1.65px),radial-gradient(circle at 96% 12%,rgba(206,242,241,.52) 0 .7px,transparent 1.35px);background-size:310px 230px,370px 270px,430px 310px,350px 260px,390px 290px,460px 330px,340px 250px,420px 300px,380px 280px,450px 320px;opacity:.54;animation:cta-sky-drift 30s ease-in-out infinite alternate}
  .cta-band::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 78% 45%,rgba(213,247,245,.12),transparent 27%),radial-gradient(ellipse at 78% 48%,rgba(1,30,37,.18),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 24%,transparent 76%,rgba(0,25,31,.08))}
  .cta-band h2{color:var(--orbit-dark-title,#f1fbfb);font-size:var(--orbit-section-title-size,clamp(28px,3.5vw,44px));font-weight:800;letter-spacing:-.025em;line-height:1.07;max-width:16ch}
  .cta-band h2 .imp{color:#bfe4e4}
  .cta-lead{color:var(--orbit-dark-body,var(--on-teal-dim));font-size:clamp(16px,1.4vw,19px);line-height:1.6;max-width:48ch;margin:18px 0 0}
  .cta-band .btns{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:13px;margin-top:28px}
  .cta-shoot{--shoot-x:-290px;--shoot-y:145px;--tail-angle:-26.565deg;position:absolute;z-index:1;width:3px;height:3px;border-radius:50%;pointer-events:none;opacity:0;background:#f7ffff;box-shadow:0 0 4px 1px rgba(236,255,255,.9),0 0 10px 3px rgba(171,230,228,.38);will-change:transform,opacity}
  .cta-shoot::before{content:"";position:absolute;left:1px;top:50%;width:clamp(72px,8vw,112px);height:1px;transform:translateY(-50%) rotate(var(--tail-angle));transform-origin:left center;background:linear-gradient(90deg,rgba(250,255,255,.92),rgba(210,246,244,.38) 34%,rgba(178,232,230,.1) 72%,transparent);filter:drop-shadow(0 0 2px rgba(221,250,249,.46))}
  .cta-shoot::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:radial-gradient(circle,rgba(246,255,255,.38),transparent 68%)}
  .cta-shoot.s1{right:7%;top:14%;animation:cta-shoot 11.5s -8.6s linear infinite paused}
  .cta-shoot.s2{right:19%;top:58%;--shoot-x:-250px;--shoot-y:125px;animation:cta-shoot 15.8s -1.5s linear infinite paused}
  .cta-shoot.s3{right:30%;top:24%;--shoot-x:-220px;--shoot-y:110px;animation:cta-shoot 19.6s -10.8s linear infinite paused}
  .cta-band.is-visible .cta-shoot{animation-play-state:running}
  @keyframes cta-sky-drift{to{transform:translate3d(12px,-8px,0);opacity:.68}}
  @keyframes cta-shoot{0%,78%{opacity:0;transform:translate3d(0,0,0)}79%{opacity:0}80%{opacity:1}88%{opacity:.88}91%{opacity:0;transform:translate3d(var(--shoot-x),var(--shoot-y),0)}100%{opacity:0;transform:translate3d(var(--shoot-x),var(--shoot-y),0)}}
  /* footer */
  .footer{background:var(--bg-side);border-top:1px solid var(--line);padding:clamp(44px,6vw,68px) 0 30px}
  .foot-top{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center;padding-bottom:36px;border-bottom:1px solid var(--line)}
  .foot-brand .logo{color:var(--text);margin-bottom:14px;font-size:18px}
  .foot-brand .logo .suffix{color:var(--muted);font-weight:600}
  .foot-brand p{color:var(--muted);font-size:14px;line-height:1.6;max-width:42ch}
  .foot-news h4{font-size:16px;font-weight:700;margin-bottom:4px}
  .foot-news>p{color:var(--muted);font-size:12.5px;margin-bottom:14px}
  .foot-form{display:flex;gap:9px;flex-wrap:wrap}
  .foot-form input{flex:1;min-width:180px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:11px 14px;font-size:14px;font-family:inherit;color:var(--text)}
  .foot-form input:focus{outline:2px solid var(--teal);outline-offset:1px;border-color:transparent}
  .foot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:36px 0}
  .foot-cols h5{font-size:12px;font-weight:700;color:var(--teal);margin-bottom:14px}
  .foot-cols ul{list-style:none;display:flex;flex-direction:column;gap:11px}
  .foot-cols a{color:var(--muted);font-size:14px}
  .foot-cols a:hover{color:var(--text)}
  .foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:24px;border-top:1px solid var(--line);flex-wrap:wrap}
  .foot-bottom p{color:var(--muted);font-size:12.5px}
  .foot-bottom a{color:var(--text)}
  .foot-social{display:flex;gap:16px;align-items:center}
  .foot-social a{color:var(--muted);display:inline-flex}
  .foot-social svg{width:19px;height:19px;fill:currentColor}
  .foot-social a:hover{color:var(--teal)}
  /* home-scoped LIGHT footer (specificity beats the shared dark _chrome.css footer) */
  body.home .footer{background:var(--bg-side);border-top:1px solid var(--line);color:var(--muted)}
  body.home .footer .foot-top,body.home .footer .foot-cols,body.home .footer .foot-bottom{border-color:var(--line)}
  body.home .footer .foot-brand .logo,body.home .footer .foot-news h4,body.home .footer .foot-bottom a{color:var(--text)}
  body.home .footer .foot-brand .logo .suffix{color:var(--muted)}
  body.home .footer .foot-brand p,body.home .footer .foot-news>p,body.home .footer .foot-cols a,body.home .footer .foot-bottom p,body.home .footer .foot-social a{color:var(--muted)}
  body.home .footer .foot-cols h5{color:var(--teal)}
  body.home .footer .foot-cols a:hover,body.home .footer .foot-social a:hover{color:var(--text)}
  body.home .footer .foot-form input{background:var(--card);border:1px solid var(--line);color:var(--text)}
  body.home .footer .foot-form input::placeholder{color:var(--muted)}
  @media (max-width:880px){
    .foot-top,.foot-cols{grid-template-columns:1fr 1fr}
  }
  @media (max-width:620px){
    .foot-top{grid-template-columns:1fr}
    .foot-bottom{flex-direction:column-reverse;align-items:flex-start}
  }
  /* who it's for: deep-space constellation band */
  .sec.space{position:relative;isolation:isolate;padding-block:clamp(54px,5vw,70px);background:radial-gradient(105% 110% at 82% -8%,rgba(174,229,227,.2),transparent 52%),radial-gradient(85% 100% at 8% 92%,rgba(6,54,62,.3),transparent 60%),linear-gradient(162deg,#0a5962 0%,#0d747c 52%,#07515b 100%);overflow:hidden}
  .sec.space::before{position:absolute;inset:-8%;z-index:-2;background-image:radial-gradient(circle at 4% 17%,rgba(255,255,255,.68) 0 .8px,transparent 1.45px),radial-gradient(circle at 11% 68%,rgba(204,240,239,.55) 0 .7px,transparent 1.35px),radial-gradient(circle at 19% 39%,rgba(255,255,255,.82) 0 1.1px,transparent 1.9px),radial-gradient(circle at 26% 88%,rgba(202,239,238,.56) 0 .8px,transparent 1.45px),radial-gradient(circle at 33% 8%,rgba(255,255,255,.58) 0 .7px,transparent 1.3px),radial-gradient(circle at 41% 58%,rgba(255,255,255,.76) 0 1px,transparent 1.7px),radial-gradient(circle at 49% 27%,rgba(196,236,235,.58) 0 .8px,transparent 1.45px),radial-gradient(circle at 57% 79%,rgba(255,255,255,.86) 0 1.15px,transparent 1.95px),radial-gradient(circle at 64% 46%,rgba(207,241,240,.54) 0 .7px,transparent 1.35px),radial-gradient(circle at 71% 13%,rgba(255,255,255,.72) 0 .9px,transparent 1.55px),radial-gradient(circle at 78% 91%,rgba(197,237,236,.6) 0 .8px,transparent 1.45px),radial-gradient(circle at 84% 34%,rgba(255,255,255,.84) 0 1.05px,transparent 1.8px),radial-gradient(circle at 92% 66%,rgba(205,240,239,.58) 0 .7px,transparent 1.35px),radial-gradient(circle at 97% 21%,rgba(255,255,255,.66) 0 .85px,transparent 1.5px);background-size:420px 280px;content:"";opacity:.5;animation:sky-drift 34s ease-in-out infinite}
  .sec.space::after{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 48% 32%,rgba(215,244,243,.1),transparent 42%),linear-gradient(180deg,rgba(237,244,244,.055),transparent 19%,transparent 80%,rgba(255,255,255,.045));content:"";pointer-events:none}
  @keyframes sky-drift{50%{opacity:.62;transform:translate3d(8px,-5px,0)}}
  .sec.space h2{color:#fff}
  .sec.space h2 em{color:var(--teal-pale)}
  .sec.space .sec-sub{color:var(--orbit-dark-body,#edf9f9)}
  /* one shared sky with a compact constellation grid */
  .sky{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,2.5vw,30px) clamp(26px,4vw,52px);max-width:1040px;margin:clamp(22px,3vw,32px) auto 0;padding:6px}
  .sky::before{position:absolute;inset:-24px;background:radial-gradient(ellipse at 50% 46%,rgba(213,242,241,.08),transparent 68%);content:"";pointer-events:none}
  .const{margin:0;position:relative;min-width:0;--cd:0s}
  .const svg{width:100%;height:clamp(80px,9vw,130px);display:block;overflow:visible;filter:drop-shadow(0 0 10px rgba(182,231,230,.06))}
  .const .cl{fill:none;stroke:rgba(210,240,240,.66);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s ease,filter .3s ease}
  .const .cl-faint{stroke:rgba(210,240,240,.34);stroke-width:.85}
  .const .cs{fill:#f5ffff;opacity:0;transform:scale(.4);transform-origin:center;transform-box:fill-box;filter:drop-shadow(0 0 3px rgba(225,251,250,.8));will-change:opacity,transform}
  .const .ch{fill:none;stroke:rgba(196,239,237,.52);stroke-width:.7;opacity:0;transform:scale(.55);transform-origin:center;transform-box:fill-box}
  .const .bg{fill:rgba(255,255,255,.4);opacity:0;transition:opacity 1s ease calc(var(--cd,0s) + .4s)}
  .const.lit .bg{opacity:1}
  .const.lit .cs{animation:csin .55s cubic-bezier(.2,.7,.2,1) calc(var(--cd,0s) + var(--d,0s)) both,twk 4s ease-in-out calc(var(--cd,0s) + var(--d,0s) + 1.4s) infinite alternate}
  .const.lit .ch{animation:halo-in .8s ease calc(var(--cd,0s) + var(--d,0s) + .3s) both,halo-breathe 5s ease-in-out calc(var(--cd,0s) + var(--d,0s) + 1.1s) infinite}
  @keyframes csin{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
  @keyframes twk{from{opacity:1}to{opacity:.62}}
  @keyframes halo-in{to{opacity:.65;transform:none}}
  @keyframes halo-breathe{50%{opacity:.18;transform:scale(1.35)}}
  .const:hover .cl{stroke:rgba(232,252,251,.9);filter:drop-shadow(0 0 3px rgba(218,248,247,.32))}
  .const:hover .cl-faint{stroke:rgba(218,248,247,.58)}
  .const figcaption{margin-top:4px;text-align:center}
  .const figcaption b{display:block;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15.5px;color:#fff;letter-spacing:.01em}
  .const figcaption span{display:block;margin-top:4px;font-size:13px;color:var(--orbit-dark-body,#edf9f9);line-height:1.5;max-width:34ch;margin-inline:auto}
  .const figcaption a{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:12.5px;font-weight:650;color:var(--teal-pale);text-decoration:none}
  .const figcaption a:hover{color:#fff}
  .const figcaption a svg{width:13px;height:13px}
  .space-cta{position:relative;z-index:1;margin-top:clamp(26px,3vw,34px);text-align:center}
  @media (max-width:720px){.sky{grid-template-columns:1fr 1fr;gap:26px 18px}.const figcaption span{font-size:12.5px}}
  @media (prefers-reduced-motion:reduce){
    .sec.space::before{animation:none}
    .const .cs{opacity:1!important;transform:none!important;animation:none!important}
    .const .ch{opacity:.45!important;transform:none!important;animation:none!important}
    .const .cl{stroke-dashoffset:0!important}
    .const .bg{opacity:1;transition:none}
  }
  /* cta orbital system: dimensional planets on a tilted orbital plane */
  .cta-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(24px,4.5vw,64px);align-items:center}
  .cta-content{position:relative;z-index:2;text-align:left}
  .cta-orbit{--orbit-squash:.406736;position:relative;isolation:isolate;width:min(392px,100%);height:clamp(210px,17vw,232px);margin:0 auto;pointer-events:none;transform:rotate(-7deg);filter:drop-shadow(0 18px 22px rgba(0,25,31,.18))}
  .cta-orbit::before{content:"";position:absolute;inset:2%;z-index:0;border-radius:50%;background-image:radial-gradient(circle at 12% 24%,rgba(255,255,255,.74) 0 1px,transparent 1.8px),radial-gradient(circle at 78% 18%,rgba(255,255,255,.52) 0 1px,transparent 1.7px),radial-gradient(circle at 86% 76%,rgba(138,214,212,.74) 0 1px,transparent 1.9px),radial-gradient(circle at 28% 82%,rgba(255,255,255,.44) 0 1px,transparent 1.6px),radial-gradient(circle at 43% 15%,rgba(255,238,183,.56) 0 .8px,transparent 1.5px),radial-gradient(circle at 62% 92%,rgba(225,251,250,.55) 0 .9px,transparent 1.6px);opacity:.78}
  .cta-orbit::after{content:"";position:absolute;inset:15%;z-index:0;border-radius:50%;background:radial-gradient(circle,rgba(247,205,99,.08),transparent 38%),radial-gradient(ellipse,rgba(202,241,239,.08),transparent 70%);transform:scaleY(var(--orbit-squash));filter:blur(2px)}
  .o-ring{position:absolute;top:50%;left:50%;z-index:1;border-radius:50%;aspect-ratio:1;transform:translate(-50%,-50%) scaleY(var(--orbit-squash));border:1px solid rgba(210,240,240,.25);border-left-color:rgba(210,240,240,.09);border-right-color:rgba(232,252,251,.38);box-shadow:inset 0 0 12px rgba(138,214,212,.035),0 0 10px rgba(138,214,212,.045)}
  .o-ring.r1{width:40%}.o-ring.r2{width:50%}.o-ring.r3{width:70.5%}.o-ring.r4{width:91%}
  .o-corona{position:absolute;top:50%;left:50%;z-index:1;width:108px;height:108px;border-radius:50%;transform:translate(-50%,-50%);background:conic-gradient(from 15deg,transparent 0 9%,rgba(255,219,116,.16) 12%,transparent 18% 31%,rgba(255,226,139,.12) 35%,transparent 42% 59%,rgba(247,193,71,.15) 63%,transparent 69% 84%,rgba(255,232,154,.12) 88%,transparent);filter:blur(3px);animation:o-corona 24s linear infinite}
  .o-planet{position:absolute;top:50%;left:50%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%) translate(var(--ox,0px),var(--oy,0px)) scale(var(--os,1));filter:brightness(var(--ob,1));background:radial-gradient(circle at 27% 23%,#f1ffff 0 7%,#a9e3e1 19%,#3b9ca3 50%,#0c5b63 76%,#032f36 100%);box-shadow:inset -6px -7px 9px rgba(2,24,29,.62),inset 2px 2px 4px rgba(255,255,255,.45),0 4px 12px rgba(2,28,32,.4),0 0 12px rgba(138,214,212,.3);will-change:transform,filter}
  .o-planet::after{content:"";position:absolute;inset:8%;border-radius:50%;background:linear-gradient(148deg,rgba(255,255,255,.2),transparent 42%,rgba(3,25,30,.25));mix-blend-mode:screen}
  .o-planet.op1::before{content:"";position:absolute;right:-7px;top:-4px;width:4px;height:4px;border-radius:50%;background:#d8efee;box-shadow:inset -1px -1px 1px rgba(17,64,70,.45),0 0 4px rgba(225,250,249,.5)}
  .o-planet.op2{width:14px;height:14px;background:radial-gradient(circle at 31% 24%,#fff8e5 0 8%,#e7c77e 24%,#ad7436 55%,#63381a 82%,#30180a 100%);box-shadow:inset -4px -5px 7px rgba(55,27,8,.58),inset 2px 2px 4px rgba(255,255,255,.38),0 3px 10px rgba(2,28,32,.4),0 0 10px rgba(230,198,128,.25)}
  .o-planet.op2::before{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle at 30% 58%,rgba(83,43,16,.28) 0 11%,transparent 13%),radial-gradient(circle at 69% 28%,rgba(255,239,191,.22) 0 10%,transparent 12%)}
  .o-planet.op3{width:30px;height:30px;background:repeating-radial-gradient(ellipse at 35% 30%,#f7fcff 0 5%,#b9dee7 8% 16%,#69afbc 20% 28%,#327984 34% 45%,#173f48 55% 100%);box-shadow:inset -8px -9px 12px rgba(4,30,36,.65),inset 3px 3px 6px rgba(255,255,255,.48),0 5px 16px rgba(2,28,32,.45),0 0 16px rgba(184,220,230,.3)}
  .o-planet.op3::before{content:"";position:absolute;left:50%;top:50%;width:190%;height:46%;border:2px solid rgba(222,241,241,.62);border-top-color:rgba(222,241,241,.18);border-radius:50%;transform:translate(-50%,-50%) rotate(-20deg);box-shadow:0 0 7px rgba(138,214,212,.2)}
  .o-planet.op4{width:11px;height:11px;background:radial-gradient(circle at 29% 22%,#fff7f0 0 7%,#ce9275 28%,#824b3b 63%,#361d19 100%);box-shadow:inset -3px -4px 5px rgba(45,20,16,.64),inset 1px 1px 2px rgba(255,255,255,.3),0 3px 8px rgba(2,28,32,.42)}
  .o-sun{position:absolute;top:50%;left:50%;width:70px;height:70px;border-radius:50%;transform:translate(-50%,-50%);z-index:2;background:radial-gradient(circle at 32% 27%,#fffde7 0 7%,#ffe991 20%,#f4c74d 48%,#df8e22 78%,#91460e 100%);box-shadow:inset -9px -11px 17px rgba(129,62,5,.35),inset 4px 4px 10px rgba(255,255,255,.55),0 0 18px 5px rgba(255,204,77,.5),0 0 52px 18px rgba(243,174,49,.24)}
  .o-sun::before{content:"";position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle at 25% 30%,rgba(255,255,255,.4) 0 5%,transparent 6%),radial-gradient(circle at 62% 68%,rgba(174,91,12,.18) 0 8%,transparent 9%),radial-gradient(circle at 70% 25%,rgba(255,239,157,.42) 0 7%,transparent 8%),radial-gradient(circle at 37% 77%,rgba(190,104,13,.13) 0 6%,transparent 7%)}
  .o-sun::after{content:"";position:absolute;inset:-18px;border-radius:50%;background:radial-gradient(circle,rgba(255,207,84,.24),transparent 68%);animation:o-breathe 7s ease-in-out infinite}
  @keyframes o-breathe{50%{transform:scale(1.12);opacity:.58}}
  @keyframes o-corona{to{transform:translate(-50%,-50%) rotate(360deg)}}
  @media (prefers-reduced-motion:reduce){.cta-band::before,.cta-shoot,.o-corona,.o-sun::after{animation:none}.cta-shoot{display:none}}
  @media (max-width:820px){
    .cta-grid{grid-template-columns:1fr;gap:26px}
    .cta-orbit{width:min(220px,100%);height:150px}
    .cta-shoot.s1{right:2%;top:58%;--shoot-x:-170px;--shoot-y:85px}
    .cta-shoot.s2{right:8%;top:78%;--shoot-x:-145px;--shoot-y:72px}
    .cta-shoot.s3{right:28%;top:68%;--shoot-x:-135px;--shoot-y:67px}
  }
  @media (max-width:520px){.cta-shoot{display:none}}

  /* ---------- homepage depth: lead marketplace ---------- */
  .lead-home{background:#fff;padding-block:clamp(46px,4.5vw,62px)}
  .lead-compact{display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);gap:clamp(38px,7vw,88px);align-items:start;max-width:1200px;margin-inline:auto}
  .lead-compact-copy{position:sticky;top:104px;align-self:start}
  .lead-compact-copy h2{max-width:none;text-align:left;text-wrap:balance}
  .lead-compact-copy h2 span,.lead-compact-copy h2 em{display:block;white-space:nowrap}
  .lead-compact-copy h2 em{color:var(--teal);font-style:normal}
  .lead-compact-copy p{max-width:43ch;margin-top:17px;color:var(--muted);font-size:clamp(15px,1.2vw,17px);line-height:1.62}
  .lead-compact-copy .btn{margin-top:22px}
  .lead-compact-view{min-width:0;border-radius:20px;background:#f1f6f6;padding:14px;box-shadow:0 22px 52px -40px rgba(4,33,38,.48);color:var(--text)}
  .lead-query{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border-radius:12px;background:#fff;padding:11px 12px;color:var(--text);box-shadow:0 8px 22px -20px rgba(8,40,44,.4)}
  .lead-query svg{width:17px;height:17px;color:var(--teal);fill:none;stroke:currentColor}
  .lead-query span{overflow:hidden;font-size:11.5px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
  .lead-query b{border-radius:7px;background:var(--teal);padding:7px 9px;color:#fff;font-size:9px;white-space:nowrap}
  .lead-result-list{display:grid;gap:7px;margin-top:10px}
  .lead-result{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(92px,.8fr) auto;align-items:center;gap:12px;border-radius:11px;background:#fff;padding:9px 11px}
  .lead-person{display:flex;align-items:center;gap:9px;min-width:0}
  .lead-person>span{display:grid;width:31px;height:31px;place-items:center;flex:0 0 31px;border-radius:9px;background:#dcefee;color:var(--teal-deep);font-family:var(--mono);font-size:8px;font-weight:700}
  .lead-person div,.lead-company{min-width:0}.lead-person b,.lead-company b{display:block;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.lead-person small,.lead-company small{display:block;margin-top:2px;overflow:hidden;color:var(--muted);font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}
  .lead-result>strong{border-radius:999px;background:#e7f6ef;padding:5px 7px;color:#267557;font-size:9px;white-space:nowrap}
  .lead-delivery{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px;margin-top:10px;border-radius:11px;background:#e3efee;padding:10px 11px;color:var(--text)}
  .lead-delivery-copy strong{display:block;font-size:11px}.lead-delivery-copy span{display:block;margin-top:2px;color:var(--muted);font-size:10px}
  .lead-delivery .delivery-secondary,.lead-delivery .delivery-primary{display:flex;min-height:31px;align-items:center;justify-content:center;border-radius:7px;padding:0 10px;font-size:9px;font-weight:750;white-space:nowrap}
  .lead-delivery .delivery-secondary{background:#edf3f3;color:var(--teal-deep)}.lead-delivery .delivery-primary{background:var(--teal);color:#fff}
  @media (max-width:670px){.lead-compact{grid-template-columns:1fr;gap:26px}.lead-compact-copy{position:static;max-width:620px}.lead-compact-view{width:100%}}
  @media (min-width:671px) and (max-width:900px){.lead-compact-copy .btn{padding-inline:16px;font-size:13px}}
  @media (max-width:560px){.lead-home{padding-block:40px}.lead-result{grid-template-columns:minmax(0,1fr) auto}.lead-result:nth-child(3){display:none}.lead-company{display:none}.lead-delivery{grid-template-columns:1fr 1fr}.lead-delivery-copy{grid-column:1/-1}.lead-query b{display:none}.lead-compact-copy .btn{width:100%;justify-content:center}}

  /* ---------- mobile app ---------- */
  .home-mobile{overflow:clip;background:#fff;padding-block:clamp(54px,6vw,82px)}
  .home-mobile-band{position:relative;display:grid;grid-template-columns:minmax(300px,.68fr) minmax(300px,1fr);gap:clamp(38px,7vw,88px);align-items:start;min-height:372px;max-width:1120px;margin-inline:auto;color:var(--text);isolation:isolate}
  .home-mobile-copy{position:sticky;top:104px;order:2;align-self:start;margin-block:16px 9px}.home-mobile-copy h2{max-width:none;color:var(--text);text-align:left;text-wrap:balance}
  .home-mobile-copy h2>span{display:block}.home-mobile-copy h2 em{display:inline;color:var(--teal);font-style:normal}
  .home-mobile-copy>p{max-width:44ch;margin-top:18px;color:var(--muted);font-size:clamp(15px,1.25vw,17px);line-height:1.62}
  .home-mobile-copy .btn{margin-top:26px;background:var(--teal);color:#fff}
  .home-mobile-copy .btn:hover{background:var(--teal-deep)}
  .phone-stage{order:1;position:relative;display:grid;min-height:372px;place-items:center;perspective:1100px}
  .phone-stage::before{position:absolute;z-index:-1;width:275px;height:275px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.92) 0,rgba(255,255,255,.54) 42%,rgba(214,233,232,.24) 58%,transparent 72%);content:""}
  .phone-stage::after{position:absolute;z-index:-1;bottom:6px;width:181px;height:20px;border-radius:50%;background:rgba(24,62,67,.11);filter:blur(14px);content:""}
  .orbit-phone{position:relative;width:310px;height:636px;margin-block:-132px;border-radius:58px;background:linear-gradient(145deg,#a3adaf 0,#2a3538 7%,#05090a 45%,#10181a 82%,#718084 100%);padding:8px;box-shadow:0 52px 94px -44px rgba(10,39,44,.68),inset 1px 1px rgba(255,255,255,.56),inset -1px -1px rgba(0,0,0,.86);color:#1a2b30;transform:rotateY(13deg) rotateX(2deg) rotateZ(-2.3deg) scale(.53625);transform-style:preserve-3d;backface-visibility:hidden;-webkit-font-smoothing:antialiased}
  .orbit-phone::before{position:absolute;z-index:6;top:17px;left:50%;width:92px;height:25px;border-radius:999px;background:radial-gradient(circle at 75% 50%,#1c2d31 0 3px,#070b0c 4px 7px,transparent 8px),#020506;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);content:"";transform:translateX(-50%)}
  .orbit-phone::after{position:absolute;z-index:5;inset:1px;border:1px solid rgba(255,255,255,.22);border-radius:57px;content:"";pointer-events:none}
  .phone-screen{position:relative;height:100%;overflow:hidden;border-radius:50px;background:#f3f6f7;padding:27px 15px 14px;box-shadow:inset 0 0 0 1px rgba(17,48,53,.12)}
  .phone-screen::after{position:absolute;z-index:8;inset:0;border-radius:inherit;background:linear-gradient(112deg,rgba(255,255,255,.18),transparent 24%,transparent 72%,rgba(255,255,255,.06));content:"";pointer-events:none}
  .phone-volume{position:absolute;top:108px;left:-4px;width:4px;height:58px;border-radius:4px 0 0 4px;background:linear-gradient(#667276,#202a2d);box-shadow:0 70px 0 #2a3538}.phone-power{position:absolute;top:142px;right:-4px;width:4px;height:74px;border-radius:0 4px 4px 0;background:linear-gradient(#667276,#202a2d)}
  .phone-statusbar{display:flex;align-items:center;justify-content:space-between;padding:0 10px 13px;font-size:8.5px;font-weight:750}.phone-signals{display:flex;align-items:center;gap:5px}.phone-signals svg{width:13px;height:13px;fill:none;stroke:currentColor}.phone-battery{width:16px;height:8px;border:1px solid currentColor;border-radius:2px;box-shadow:inset 10px 0 var(--text)}
  .phone-appbar{display:flex;align-items:center;justify-content:space-between;padding:7px 5px 13px}.phone-brand{display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:14px;font-weight:800}.phone-brand svg{width:19px;height:19px;flex:0 0 19px}.phone-user{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#dceceb;color:var(--teal-deep);font-size:9px;font-weight:800}
  .phone-title{display:flex;align-items:end;justify-content:space-between;padding:0 5px 10px}.phone-title h3{font-family:var(--display);font-size:20px;letter-spacing:-.03em}.phone-title span{border-radius:999px;background:#fff1da;padding:5px 8px;color:#865915;font-size:8.5px;font-weight:750}
  .phone-filter{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:0 4px 11px;border-radius:10px;background:#e5ebec;padding:3px;color:#6b7a80;font-size:9.5px;font-weight:700;text-align:center}.phone-filter span{border-radius:7px;padding:7px}.phone-filter .active{background:#fff;color:var(--teal-deep);box-shadow:0 2px 8px rgba(17,48,53,.08)}
  .phone-approval{border-radius:17px;background:#fff;padding:14px;box-shadow:0 13px 30px -24px rgba(10,37,43,.48)}
  .phone-agent{display:flex;align-items:center;gap:9px}.phone-agent-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#dff1ef;color:var(--teal-deep);font-size:8px;font-weight:800}.phone-agent div{min-width:0}.phone-agent strong,.phone-agent span{display:block}.phone-agent strong{font-size:11.5px}.phone-agent span{margin-top:2px;color:#697a80;font-size:9.5px}
  .phone-approval>p{margin-top:12px;color:#26383d;font-size:12.5px;font-weight:700;line-height:1.35}.phone-recipients{display:flex;align-items:center;margin-top:10px;color:#63747a;font-size:9.5px}.phone-recipients span{display:grid;width:23px;height:23px;place-items:center;margin-left:-5px;border:2px solid #fff;border-radius:50%;background:#d9e9e8;color:var(--teal-deep);font-size:7px;font-weight:800}.phone-recipients span:first-child{margin-left:0}.phone-recipients b{margin-left:8px;color:#586b71;font-weight:650}
  .phone-context{display:flex;justify-content:space-between;margin-top:10px;border-radius:9px;background:#f1f5f5;padding:9px;color:#687980;font-size:8.5px}.phone-context b{color:#26383d}
  .phone-approval-actions{display:grid;grid-template-columns:1fr 1.45fr;gap:7px;margin-top:10px}.phone-approval-actions span{display:flex;min-height:35px;align-items:center;justify-content:center;border-radius:8px;background:#e9eff0;color:#52656b;font-size:9px;font-weight:750}.phone-approval-actions .approve{background:var(--teal);color:#fff;box-shadow:0 8px 16px -12px rgba(18,139,145,.8)}
  .phone-active-head{display:flex;align-items:center;justify-content:space-between;margin:14px 5px 7px}.phone-active-head strong{font-size:10px}.phone-active-head span{color:var(--teal-deep);font-size:8px;font-weight:700}
  .phone-active{display:grid;gap:7px}.phone-active-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border-radius:11px;background:#fff;padding:9px 10px}.phone-active-row i{width:7px;height:7px;border-radius:50%;background:#4ac38a;box-shadow:0 0 0 3px rgba(74,195,138,.12)}.phone-active-row strong,.phone-active-row span{display:block}.phone-active-row strong{font-size:9.5px}.phone-active-row span{margin-top:2px;color:#6f7f85;font-size:9px}.phone-active-row>b{color:#53666c;font-size:9px}
  .phone-nav{position:absolute;right:15px;bottom:10px;left:15px;display:grid;grid-template-columns:repeat(4,1fr);border-radius:16px;background:rgba(255,255,255,.96);padding:9px 4px 8px;box-shadow:0 -8px 24px -18px rgba(11,38,43,.6);backdrop-filter:blur(10px)}.phone-nav span{display:grid;gap:4px;place-items:center;color:#819095;font-size:7px}.phone-nav svg{width:15px;height:15px;fill:none;stroke:currentColor}.phone-nav .active{color:var(--teal-deep);font-weight:750}
  .phone-gesture{position:absolute;z-index:7;bottom:10px;left:50%;width:82px;height:4px;border-radius:999px;background:#111b1e;transform:translateX(-50%)}
  @media (max-width:900px){.home-mobile-band{grid-template-columns:minmax(250px,.68fr) minmax(280px,1fr);gap:28px;min-height:350px}.home-mobile-copy{margin-block:17px 11px}.orbit-phone{width:276px;height:590px;margin-block:-120px}.phone-stage{min-height:350px}.phone-stage::before{width:242px;height:242px}.phone-active-row:nth-child(2){display:none}}
  @media (max-width:660px){.home-mobile-band{grid-template-columns:1fr;min-height:0}.home-mobile-copy{position:static;order:1;max-width:580px;margin:0}.home-mobile-copy h2{max-width:14ch}.phone-stage{order:2;min-height:360px;margin-top:12px}.orbit-phone{width:300px;height:610px;margin-block:-125px}.phone-active-row:nth-child(2){display:grid}}
  @media (max-width:440px){.home-mobile{padding-block:46px}.home-mobile-copy .btn{width:100%;justify-content:center}.orbit-phone{width:276px;height:570px;margin-block:-116px}.phone-stage{min-height:338px}.phone-stage::before{width:215px;height:215px}.phone-active-row{padding-block:7px}.phone-active-row:nth-child(2){display:none}}

  /* scroll reveal (staggered, default-visible, only active once JS adds .reveal-on) */
  .reveal-on [data-rv]{opacity:0;transform:translateY(16px);transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1)}
  .reveal-on [data-rv].rv-in{opacity:1;transform:none}
  @media (prefers-reduced-motion:reduce){.reveal-on [data-rv]{opacity:1!important;transform:none!important;transition:none!important}}
  @media (prefers-reduced-motion:reduce){.chat-on .dot,.wf-node.wait .wf-status .wsd{animation:none}}
  .skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .skip-link:focus{position:fixed;top:10px;left:12px;z-index:300;width:auto;height:auto;clip:auto;margin:0;padding:10px 16px;background:var(--teal);color:#fff;border-radius:999px;font-weight:650;text-decoration:none}