/* ProspectingView landing page — the marketing surface at / (index.html).
   Legal pages (/privacy, /terms, /subprocessors) keep styles.css; this file is for index.html only.
   Built from the locked rev 4 prototype (landing/research/prototype-rev4.html, 2026-09-23).
   No inline styles anywhere: the CSP is style-src 'self'. Fonts are self-hosted in /fonts. */

@font-face {
  font-family: "Mina";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/mina-400-latin.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Mina";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/mina-400-latin-ext.woff2") format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Mina";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/mina-400-bengali.woff2") format("woff2");
  unicode-range:
    U+0951-0952, U+0964-0965, U+0980-09FE, U+1CD0, U+1CD2, U+1CD5-1CD6, U+1CD8, U+1CE1, U+1CEA,
    U+1CED, U+1CF2, U+1CF5-1CF7, U+200C-200D, U+20B9, U+25CC, U+A8F1;
}
@font-face {
  font-family: "Mina";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/mina-700-latin.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Mina";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/mina-700-latin-ext.woff2") format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Mina";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/mina-700-bengali.woff2") format("woff2");
  unicode-range:
    U+0951-0952, U+0964-0965, U+0980-09FE, U+1CD0, U+1CD2, U+1CD5-1CD6, U+1CD8, U+1CE1, U+1CEA,
    U+1CED, U+1CF2, U+1CF5-1CF7, U+200C-200D, U+20B9, U+25CC, U+A8F1;
}

/* Inter — the body face (--koala-font-body). Variable font: one weight RANGE
   covers 100–900, so there is one latin + one latin-ext block, not one per
   weight. */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/inter-latin-wght-normal.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/inter-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}

/* Geist — the data face (--koala-font-data). Variable font, same weight-range
   shape as Inter. */
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/geist-latin-wght-normal.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/geist-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}

/* Nunito — the compose face (--koala-font-compose). Variable font; its range
   runs wider than Inter/Geist (200–1000, Nunito ships a Black/1000 axis
   extreme they don't). */
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("/fonts/nunito-latin-wght-normal.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("/fonts/nunito-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}

/* Varela Round — the input face (--koala-font-input). NOT variable: the
   family ships one static weight, 400, which is also all a single-line field
   ever needs. */
@font-face {
  font-family: "Varela Round";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/varela-round-latin-400-normal.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Varela Round";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/varela-round-latin-ext-400-normal.woff2") format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}

:root{
  color-scheme:light;
  --ground:#eef0f4; --ground-2:#e6e9ee;
  --ink:#14181f; --ink-soft:#4a5563; --ink-faint:#7b8794;
  --card:#ffffff; --card-border:transparent;
  --card-shadow:0 12px 30px -14px rgba(15,23,42,.18),0 2px 6px rgba(15,23,42,.06);
  --card-hover-shadow:0 18px 38px -16px rgba(15,23,42,.26),0 3px 8px rgba(15,23,42,.08);
  --lift:translateY(-1px);
  --inset:rgba(15,23,42,.045); --inset-2:rgba(15,23,42,.08); --hair:rgba(15,23,42,.10); --hair-strong:rgba(15,23,42,.18);
  --green:#00e676; --green-hi:#3ef58e; --green-deep:#00c853; --pad:#16a34a; --focus:#69f0ae;
  --amber:#c98a12; --red:#d93636; --blue:#2563eb; --violet:#7c3aed;
  --green-wash:rgba(0,230,118,.16); --amber-wash:rgba(240,182,76,.20); --red-wash:rgba(255,82,82,.14); --blue-wash:rgba(37,99,235,.10); --violet-wash:rgba(124,58,237,.10);
  --glow:radial-gradient(1045px 589px at 28% -5%,rgba(22,163,74,.12),transparent 62%),radial-gradient(748px 479px at 62% 105%,rgba(168,85,247,.035),transparent 62%),radial-gradient(760px 520px at 92% 12%,rgba(59,130,246,.08),transparent 55%);
  --display:"Mina",system-ui,sans-serif; --body:"Inter",system-ui,sans-serif; --data:"Geist","Inter",system-ui,sans-serif; --input:"Varela Round","Nunito",system-ui,sans-serif; --compose:"Nunito",var(--body);
  --shell:1200px; --r:16px; --r-sm:12px; --node:#ffffff;
  --ease:cubic-bezier(.2,.7,.2,1); --spring:cubic-bezier(.34,1.56,.64,1);
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --ground:#0b0f14; --ground-2:#0e141b;
  --ink:#e9eef3; --ink-soft:#b6c0cb; --ink-faint:#8391a0;
  --card:linear-gradient(180deg,rgba(16,18,20,.70),rgba(7,8,10,.76)); --card-border:rgba(255,255,255,.10);
  --card-shadow:0 10px 18px -6px rgba(0,0,0,.65),0 3px 6px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.08);
  --card-hover-shadow:0 14px 26px -8px rgba(0,0,0,.7),0 3px 6px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.10);
  --lift:none;
  --inset:rgba(255,255,255,.04); --inset-2:rgba(255,255,255,.08); --hair:rgba(255,255,255,.10); --hair-strong:rgba(255,255,255,.18);
  --pad:#4ade80; --amber:#f0b64c; --red:#ff5252; --blue:#60a5fa; --violet:#a78bfa; --node:#141a21;
  --green-wash:rgba(0,230,118,.12); --amber-wash:rgba(240,182,76,.14); --red-wash:rgba(255,82,82,.14); --blue-wash:rgba(59,130,246,.14); --violet-wash:rgba(168,85,247,.12);
  --glow:radial-gradient(1045px 589px at 28% -5%,rgba(22,163,74,.22),transparent 62%),radial-gradient(748px 479px at 62% 105%,rgba(168,85,247,.07),transparent 62%),radial-gradient(760px 520px at 92% 12%,rgba(59,130,246,.12),transparent 55%);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  color-scheme:dark;
  --ground:#0b0f14; --ground-2:#0e141b;
  --ink:#e9eef3; --ink-soft:#b6c0cb; --ink-faint:#8391a0;
  --card:linear-gradient(180deg,rgba(16,18,20,.70),rgba(7,8,10,.76)); --card-border:rgba(255,255,255,.10);
  --card-shadow:0 10px 18px -6px rgba(0,0,0,.65),0 3px 6px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.08);
  --card-hover-shadow:0 14px 26px -8px rgba(0,0,0,.7),0 3px 6px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.10);
  --lift:none;
  --inset:rgba(255,255,255,.04); --inset-2:rgba(255,255,255,.08); --hair:rgba(255,255,255,.10); --hair-strong:rgba(255,255,255,.18);
  --pad:#4ade80; --amber:#f0b64c; --red:#ff5252; --blue:#60a5fa; --violet:#a78bfa; --node:#141a21;
  --green-wash:rgba(0,230,118,.12); --amber-wash:rgba(240,182,76,.14); --red-wash:rgba(255,82,82,.14); --blue-wash:rgba(59,130,246,.14); --violet-wash:rgba(168,85,247,.12);
  --glow:radial-gradient(1045px 589px at 28% -5%,rgba(22,163,74,.22),transparent 62%),radial-gradient(748px 479px at 62% 105%,rgba(168,85,247,.07),transparent 62%),radial-gradient(760px 520px at 92% 12%,rgba(59,130,246,.12),transparent 55%);
}}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ground);background-image:var(--glow);background-attachment:fixed;color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
::selection{background:#3ecf8e;color:#000}
a{color:var(--pad)}
.shell{max-width:var(--shell);margin:0 auto;padding-inline:20px}
h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.01em;line-height:1.1;text-wrap:balance;margin:0}
.data{font-family:var(--data);font-variant-numeric:tabular-nums}
.eyebrow{font:600 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--pad);margin-bottom:14px}
.lede{color:var(--ink-soft);font-size:18px;max-width:64ch;margin:16px 0 0}
.rule{display:flex;align-items:center;gap:16px;margin-top:12px}
.rule::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--hair-strong),transparent)}
.ic{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.card{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:var(--r);transition:box-shadow .35s var(--ease),transform .35s var(--ease)}
.card.hov:hover{box-shadow:var(--card-hover-shadow);transform:var(--lift)}
.pane{background:var(--inset);border-radius:var(--r-sm)}
.cta{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#3ef58e,#00e676);color:#000;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:12px 22px;font:600 15px var(--body);text-decoration:none;box-shadow:0 10px 22px -6px rgba(0,230,118,.45),0 3px 8px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.55);transition:transform .2s var(--spring),filter .2s}
.cta:hover{filter:brightness(1.06);transform:translateY(-2px)}
.cta:active{transform:translateY(1px) scale(.97)}
.ghost{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;border:1px solid var(--card-border);color:var(--ink);text-decoration:none;font:500 15px var(--body);background:var(--card);box-shadow:var(--card-shadow);transition:box-shadow .3s,transform .3s var(--spring);cursor:pointer}
.ghost:hover{box-shadow:var(--card-hover-shadow);transform:var(--lift)}
.pill{font:600 10.5px var(--body);letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:var(--inset);color:var(--ink-faint);white-space:nowrap}
.pill.g{color:var(--pad);background:var(--green-wash)}.pill.v{color:var(--violet);background:var(--violet-wash)}.pill.b{color:var(--blue);background:var(--blue-wash)}.pill.a{color:var(--amber);background:var(--amber-wash)}
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);background:color-mix(in srgb,var(--ground) 72%,transparent);border-bottom:1px solid var(--hair)}
.nav .shell{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:700 18px var(--display)}
.brand img{width:30px;height:30px;display:block}
.navlinks{display:flex;gap:4px;align-items:center}
.navlinks a.nl{color:var(--ink-soft);text-decoration:none;font:500 13.5px var(--body);padding:7px 11px;border-radius:999px;transition:all .25s}
.navlinks a.nl:hover{color:var(--ink);background:var(--inset)}
.navlinks a.nl.act{background:linear-gradient(180deg,#3ef58e,#00e676);color:#000;font-weight:600;box-shadow:0 4px 10px -2px rgba(0,230,118,.45)}
.navlinks .cta{padding:9px 16px;font-size:14px;margin-left:8px}
.tbtn{border:1px solid var(--hair-strong);background:transparent;color:var(--ink);border-radius:999px;padding:7px 12px;font:500 13px var(--body);cursor:pointer;margin-left:6px}
@media(max-width:900px){.navlinks a.nl{display:none}}
.railwrap{position:fixed;left:0;top:0;height:3px;width:100%;z-index:50;pointer-events:none}
.rail{height:100%;width:0;background:linear-gradient(90deg,#3ef58e,#00e676);box-shadow:0 0 12px rgba(0,230,118,.6)}
.rv{opacity:.5;transform:translateY(24px) scale(.985);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.rv.d4{transition-delay:.32s}
@supports (animation-timeline: view()){
  .rv{transition:none;opacity:1;transform:none;animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
  .rv.d1{animation-range:entry 5% entry 50%}.rv.d2{animation-range:entry 10% entry 55%}.rv.d3{animation-range:entry 15% entry 60%}.rv.d4{animation-range:entry 20% entry 65%}
  @keyframes rise{from{opacity:.35;transform:translateY(28px) scale(.98)}to{opacity:1;transform:none}}
}
.w{display:inline-block;opacity:0;transform:translateY(.6em) rotate(2deg);animation:word .9s var(--spring) forwards}
@keyframes word{to{opacity:1;transform:none}}
@keyframes pop{from{opacity:0;transform:scale(.5) translateY(6px)}to{opacity:1;transform:none}}
@keyframes fadeup{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes blink{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.rv,.w{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}}
.sec{padding-block:96px}
.sec.tight{padding-block:80px}
.sec.alt{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--ground-2) 75%,transparent) 18%,color-mix(in srgb,var(--ground-2) 75%,transparent) 82%,transparent)}
.head{max-width:820px;margin-bottom:36px}
.sec h2{font-size:clamp(30px,3.8vw,48px)}
.stage{width:100%}
.stage .card{padding:18px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
@media(max-width:900px){.facts{grid-template-columns:1fr}}
.fact{display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:start;padding:16px 18px}
.fact .k{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--green-wash);color:var(--pad);font:700 11px var(--data)}
.fact h3{font:700 16px var(--display);margin-bottom:3px}
.fact p{margin:0;color:var(--ink-soft);font-size:14px}
.cap{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin-top:18px;font-size:13.5px;color:var(--ink-soft)}
.cap span{display:inline-flex;align-items:center;gap:8px}
.cap .ic{color:var(--pad);width:16px;height:16px}
.h4{font:700 14px var(--display);display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px}
.h4 span{font:11px var(--data);color:var(--ink-faint)}
/* HERO */
.hero{padding-block:72px 40px;text-align:center}
.hero h1{font-size:clamp(38px,5.4vw,66px);max-width:20ch;margin-inline:auto}
.hero h1 em{font-style:normal}
.hero h1 em,.hero h1 em .w{background:linear-gradient(90deg,#00b862,#00e676);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-theme="dark"] .hero h1 em,:root[data-theme="dark"] .hero h1 em .w{background:linear-gradient(90deg,#3ef58e,#00e676);-webkit-background-clip:text;background-clip:text}
.hero h1 em:has(.w){background:none;color:inherit}
.hero .lede{margin-inline:auto;text-align:center}
.hero .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;justify-content:center}
.hero .fine{color:var(--ink-faint);font-size:13px;margin-top:14px}
.demo{margin-top:44px;text-align:left;position:relative;overflow:hidden;display:grid;grid-template-columns:1.6fr 1fr;gap:14px}
@media(max-width:900px){.demo{grid-template-columns:1fr}}
.demo-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.tabs{display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--inset)}
.tab{padding:5px 12px;border-radius:999px;font:500 12px var(--body);color:var(--ink-faint);transition:all .35s var(--spring)}
.tab.on{background:linear-gradient(180deg,#3ef58e,#00e676);color:#000;font-weight:600;box-shadow:0 4px 10px -2px rgba(0,230,118,.45)}
.search{display:flex;align-items:center;gap:10px;padding:11px 12px 11px 14px;border-radius:999px;background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-shadow);position:relative;transition:box-shadow .4s}
:root[data-theme="dark"] .search{background:var(--inset);box-shadow:inset 0 1px 3px rgba(0,0,0,.35)}
.search.focus{box-shadow:0 0 0 1px var(--focus),0 0 0 4px color-mix(in srgb,var(--focus) 24%,transparent),var(--card-shadow)}
.search .ai{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--inset);color:var(--ink-faint);font:700 11px var(--data);flex:0 0 auto;transition:all .35s var(--spring)}
.search .ai.on{background:var(--green-wash);color:var(--pad);transform:scale(1.08)}
.search .q{font-family:var(--input);font-size:16px;color:var(--ink);flex:1;min-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search .q .ph{color:var(--ink-faint)}
.caret{display:inline-block;width:2px;height:1.05em;background:var(--pad);vertical-align:-2px;margin-left:1px;animation:blink 1s steps(1) infinite}
.search .go{font:600 11px var(--body);letter-spacing:.08em;color:var(--ink-faint);padding:4px 10px;border-radius:999px;background:var(--inset)}
.cursor{position:absolute;width:18px;height:18px;z-index:5;pointer-events:none;opacity:0;transition:transform .9s var(--ease),opacity .3s}
.cursor svg{display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.cursor.show{opacity:1}
.cursor.click{animation:click .3s var(--spring)}
@keyframes click{50%{transform:scale(.8)}}
.chips{display:flex;flex-wrap:wrap;gap:6px;min-height:30px;margin:10px 2px 6px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--green-wash);color:var(--ink);font:500 12px var(--body);animation:pop .45s var(--spring) both}
.chip b{font-weight:600;color:var(--pad)}
.chip.sem{background:var(--violet-wash);outline:1px dashed color-mix(in srgb,var(--violet) 55%,transparent);outline-offset:-1px}
.chip.sem b{color:var(--violet)}
.chip .x{color:var(--ink-faint);font-size:11px}
.banner{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--ink-soft);padding:6px 10px;border-radius:10px;background:var(--inset);margin-bottom:8px;min-height:32px}
.banner .n{font:600 13px var(--data);color:var(--pad)}
table.g{width:100%;border-collapse:collapse;font:13px var(--data);font-variant-numeric:tabular-nums}
table.g th{font:600 10.5px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);text-align:left;padding:6px 8px;border-bottom:1px solid var(--hair)}
table.g td{padding:7px 8px;border-bottom:1px solid var(--hair);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;color:var(--ink-soft)}
table.g td:first-child{color:var(--ink)}
table.g tr{transition:opacity .5s var(--ease),transform .5s var(--ease),background .5s}
table.g tr.out{opacity:.16;transform:translateX(8px)}
table.g tr.hit{background:color-mix(in srgb,var(--green-wash) 55%,transparent)}
table.g tr.hit td:first-child{color:var(--pad);font-weight:500}
.gwrap{overflow-x:auto}
@media(max-width:560px){table.g th:nth-child(n+4),table.g td:nth-child(n+4){display:none}}
.map{padding:12px;display:grid;grid-template-rows:auto 1fr auto;gap:8px;min-height:300px}
.map .t{display:flex;justify-content:space-between;align-items:center;font:600 12px var(--body);color:var(--ink-soft)}
.map svg{width:100%;height:auto;display:block}
.map .tx{fill:none;stroke:var(--hair-strong);stroke-width:1.5}
.map .city{font:500 10px var(--data);fill:var(--ink-faint)}
.pin{fill:var(--ink-faint);opacity:.35;transition:all .5s var(--spring);transform-box:fill-box;transform-origin:center}
.pin.on{fill:var(--green);opacity:1;transform:scale(1.5)}
.ring{fill:none;stroke:var(--green);stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center}
.ring.on{animation:ring 1.4s var(--ease) infinite}
@keyframes ring{0%{transform:scale(1);opacity:.8}100%{transform:scale(4);opacity:0}}
.map .save{display:flex;gap:6px;flex-wrap:wrap}
.map .save span{font:500 11.5px var(--body);padding:4px 10px;border-radius:999px;background:var(--card);box-shadow:var(--card-shadow)}
.map .save span.on{background:linear-gradient(180deg,#3ef58e,#00e676);color:#000;font-weight:600}
/* RECORDS */
.graph svg{width:100%;height:auto;display:block}
.gnode rect{fill:var(--node);stroke:var(--hair)}
.gnode text{font:600 12px var(--body);fill:var(--ink)}
.gnode .sub{font:11px var(--data);fill:var(--ink-faint)}
.gnode.hub rect{stroke:var(--pad);stroke-width:1.5}
.gnode{opacity:.35;transition:opacity .6s}
.graph.on .gnode{opacity:1}
.gedge{stroke:var(--hair-strong);stroke-width:1.5;fill:none;stroke-dasharray:500;stroke-dashoffset:500;transition:stroke-dashoffset 1.4s var(--ease)}
.graph.on .gedge{stroke-dashoffset:0}
.gedge.hot{stroke:var(--pad)}
.glabel{font:500 10px var(--data);fill:var(--ink-faint);paint-order:stroke;stroke:var(--node);stroke-width:5px;stroke-linejoin:round}
.dot{r:4;fill:var(--green);opacity:0;offset-rotate:0deg}
.graph.on .dot{opacity:1;animation:travel 3.2s var(--ease) infinite}
@keyframes travel{0%{offset-distance:0%;opacity:0}10%{opacity:1}90%{opacity:1}100%{offset-distance:100%;opacity:0}}
.tlrow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
@media(max-width:900px){.tlrow{grid-template-columns:repeat(2,1fr)}}
.tli{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;padding:10px 12px;border-radius:10px;background:var(--inset);font-size:12.5px;opacity:.4;transform:translateY(6px);transition:all .5s var(--spring)}
.tli.on{opacity:1;transform:none}
.tli .ic{width:14px;height:14px;color:var(--pad);margin-top:3px}
.tli small{display:block;color:var(--ink-faint);font:11px var(--data)}
/* DIALER */
.scrub{position:relative;height:360vh}
.stick{position:sticky;top:64px;height:calc(100vh - 64px);display:grid;align-items:center}
@media(max-width:900px){.scrub{height:auto}.stick{position:static;height:auto;padding-block:20px}}
.moments{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:12px}
@media(max-width:900px){.moments{grid-template-columns:repeat(3,1fr)}}
.mo{padding:10px 12px;border-radius:var(--r-sm);opacity:.5;transition:all .45s var(--ease);cursor:pointer;border:1px solid transparent}
.mo b{display:block;font:700 13px var(--display)}
.mo small{display:block;font-size:11.5px;color:var(--ink-soft);line-height:1.35;margin-top:2px}
.mo .n{font:600 10px var(--data);color:var(--pad);letter-spacing:.08em}
.mo.on{opacity:1;background:var(--card);box-shadow:var(--card-shadow);border-color:var(--card-border)}
.console{padding:16px;border-radius:20px;position:relative;transition:box-shadow .6s;overflow:hidden}
.console .prog{position:absolute;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,#3ef58e,#00e676);transition:width .6s var(--ease)}
.console.live{box-shadow:var(--card-shadow),0 0 0 1.5px rgba(22,163,74,.55),0 0 48px -10px rgba(0,230,118,.6)}
.console.paused{box-shadow:var(--card-shadow),0 0 0 1.5px rgba(201,138,18,.45),0 0 48px -10px rgba(240,182,76,.55)}
.console.stopped{box-shadow:var(--card-shadow),0 0 0 1.5px rgba(217,54,54,.5),0 0 48px -10px rgba(255,82,82,.5)}
.c-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px;flex-wrap:wrap}
.c-head .name{font:700 16px var(--display)}
.status{font:600 11px var(--body);letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;transition:all .4s}
.status.live{color:var(--pad);background:var(--green-wash)}.status.paused{color:var(--amber);background:var(--amber-wash)}.status.stopped{color:var(--red);background:var(--red-wash)}
.c-body{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:12px}
@media(max-width:900px){.c-body{grid-template-columns:1fr}}
.queue{display:grid;gap:6px;align-content:start}
.lead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border-radius:var(--r-sm);background:var(--inset);transition:all .5s var(--ease);font-size:13px}
.lead .who{display:grid}.lead .who b{font-weight:600}.lead .who span{color:var(--ink-faint);font-size:11.5px}
.lead .ph{font:500 12px var(--data);color:var(--pad);padding:3px 8px;border-radius:999px;background:var(--green-wash);transition:all .4s}
.lead.now{background:var(--card);box-shadow:var(--card-shadow),0 0 0 1px color-mix(in srgb,var(--pad) 45%,transparent);transform:scale(1.02)}
.lead.dead{opacity:.55}.lead.dead .ph{color:var(--red);background:var(--red-wash);text-decoration:line-through}
.lead.skip{opacity:.5}.lead.skip .ph{color:var(--amber);background:var(--amber-wash)}
.lead.done .ph{color:var(--pad)}
.callpane{padding:14px;border-radius:var(--r-sm);background:var(--inset);display:grid;gap:10px;align-content:start;min-height:230px}
.callpane>*{animation:fadeup .5s var(--ease) both}
.callpane .lbl,.side .lbl{font:600 10.5px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}
.callpane .big{font:700 20px var(--display)}
.callpane p,.side p{margin:0;font-size:13px;color:var(--ink-soft)}
.timer{font:600 30px var(--data);letter-spacing:-.02em}
.wave{display:flex;gap:2px;align-items:center;height:36px}
.wave i{flex:1;background:var(--pad);border-radius:2px;height:20%;opacity:.7}
.wave.live i{animation:wv .9s ease-in-out infinite alternate}
.wave i:nth-child(3n){animation-delay:.15s}.wave i:nth-child(3n+1){animation-delay:.3s}
@keyframes wv{from{height:15%}to{height:var(--h)}}
.auto{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;background:var(--red-wash);font-size:12.5px}
.auto.ok{background:var(--green-wash)}.auto.warn{background:var(--amber-wash)}
.auto b{font-family:var(--data);font-weight:600}
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.tl{padding:9px 6px;border-radius:10px;font:500 11.5px var(--body);text-align:center;background:var(--card);box-shadow:var(--card-shadow);color:var(--ink-soft)}
.tl.pick{background:linear-gradient(180deg,#3ef58e,#00e676);color:#000;font-weight:600;animation:pop .5s var(--spring) both;animation-delay:.5s}
.sumrow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sum{padding:10px;border-radius:var(--r-sm);background:var(--card);box-shadow:var(--card-shadow);text-align:center}
.sum .v{font:600 24px var(--data);color:var(--pad)}.sum .l{font-size:11px;color:var(--ink-faint)}
.side{padding:14px;border-radius:var(--r-sm);background:var(--inset);display:grid;gap:8px;align-content:start}
.side>*{animation:fadeup .5s var(--ease) both}
.brief{font:500 13.5px/1.5 var(--compose);color:var(--ink)}
.kv{display:flex;justify-content:space-between;gap:8px;font:12.5px var(--data);color:var(--ink-soft);padding:6px 0;border-bottom:1px solid var(--hair)}
.kv:last-child{border-bottom:0}
.kv b{color:var(--ink);font-weight:600;text-align:right}
/* CALLS */
.three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
@media(max-width:900px){.three{grid-template-columns:1fr}}
.checks{display:grid;gap:8px}
.ck{display:grid;grid-template-columns:26px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--r-sm);background:var(--inset);font-size:13.5px;transition:all .45s var(--ease)}
.ck .box{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--hair-strong);display:grid;place-items:center;transition:all .4s var(--spring)}
.ck .box .ic{width:12px;height:12px;opacity:0;transform:scale(.4);transition:all .35s var(--spring);color:#000;stroke-width:3}
.ck.ok{background:var(--card);box-shadow:var(--card-shadow)}
.ck.ok .box{background:linear-gradient(180deg,#3ef58e,#00e676);border-color:transparent}
.ck.ok .box .ic{opacity:1;transform:none}
.ck small{display:block;color:var(--ink-faint);font:11.5px var(--data)}
.ck .res{font:600 11px var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}
.ck.ok .res{color:var(--pad)}
.bar{height:8px;border-radius:999px;background:var(--inset-2);overflow:hidden}
.bar i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#3ef58e,#00e676);transition:width 1.2s var(--ease)}
.on .bar i{width:var(--w)}
.numrow{display:flex;justify-content:space-between;font:12px var(--data);color:var(--ink-soft);margin:8px 0 4px}
.tline{font-size:13px;color:var(--ink-soft);min-height:84px}
.tline b{color:var(--ink);font-weight:600}
.tsum{padding:10px 12px;border-radius:var(--r-sm);background:var(--violet-wash);font-size:12.5px;opacity:0;transform:translateY(8px);transition:all .6s var(--spring)}
.tsum.on{opacity:1;transform:none}
.tsum .lbl{font:600 10.5px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--violet);margin-bottom:4px}
.tsum ul{margin:4px 0 0;padding-left:16px}
.vmail{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);background:var(--inset);font-size:12.5px;margin-top:10px}
.vmail .beep{width:8px;height:8px;border-radius:50%;background:var(--amber);animation:beep 1.6s infinite}
@keyframes beep{0%{box-shadow:0 0 0 0 var(--amber-wash)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
.findbox{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--card);box-shadow:var(--card-shadow);font:14px var(--input);margin-top:10px}
.findbox .ic{color:var(--pad)}
.hit{background:var(--green-wash);border-radius:4px;padding:0 3px}
/* DOCS */
.docstage{display:grid;grid-template-columns:.9fr 1.3fr 1fr;gap:14px}
@media(max-width:900px){.docstage{grid-template-columns:1fr}}
.intake{display:grid;gap:10px;align-content:start}
.page{position:relative;aspect-ratio:8.5/11;border-radius:8px;background:#fff;box-shadow:var(--card-shadow);overflow:hidden;padding:10px;max-height:260px;width:min(100%,200px);margin-inline:auto}
:root[data-theme="dark"] .page{box-shadow:var(--card-shadow),0 0 0 1px rgba(255,255,255,.08)}
.page i{display:block;height:4px;border-radius:2px;background:#e3e7ee;margin:6px 0}
.page i.w60{width:60%}.page i.w80{width:80%}.page i.w40{width:40%}
.page .band{position:absolute;left:8px;right:8px;height:14px;border-radius:4px;background:rgba(0,230,118,.16);border:1px dashed rgba(0,200,83,.5);opacity:0;transition:opacity .4s}
.page .band.on{opacity:1}
.cnt{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.cnt div{padding:8px;border-radius:10px;background:var(--inset);text-align:center}
.cnt .v{font:600 18px var(--data);color:var(--pad)}.cnt .l{font-size:10px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em}
.doc{padding:20px 22px;border-radius:var(--r);background:#fff;color:#1b1f26;font:13px/1.55 Georgia,"Times New Roman",serif;box-shadow:var(--card-shadow);position:relative;min-height:320px}
:root[data-theme="dark"] .doc{box-shadow:var(--card-shadow),0 0 0 1px rgba(255,255,255,.08)}
.doc h4{font:700 15px var(--body);margin:0 0 10px;letter-spacing:.02em}
.doc p{margin:0 0 9px}
.mf{display:inline-block;min-width:38px;padding:0 5px;border-radius:4px;background:#e8fbf0;border:1px dashed #00c853;color:#0a6b38;font:500 12px var(--data);white-space:nowrap;transition:all .35s var(--spring)}
.mf.filled{background:#eaf3ff;border:1px solid #bcd3f5;color:#163a6b;transform:scale(1.03)}
.doc .sig{margin-top:14px;display:flex;justify-content:space-between;gap:12px}
.doc .sigbox{flex:1;border-bottom:1px solid #999;height:46px;position:relative;font:10px var(--body);color:#999;text-transform:uppercase;letter-spacing:.06em}
.doc .sigbox .ink{position:absolute;left:4px;bottom:2px;font:italic 22px "Mina",cursive;text-transform:none;letter-spacing:0;color:#1a2b6b;opacity:0;clip-path:inset(0 100% 0 0);transition:opacity .2s,clip-path 1s var(--ease)}
.doc .sigbox.signed .ink{opacity:1;clip-path:inset(0 0 0 0)}
.seal{position:absolute;right:14px;bottom:14px;padding:6px 10px;border-radius:8px;background:#e8fbf0;border:1px solid rgba(0,200,83,.5);color:#0a6b38;font:600 11px var(--data);opacity:0;transform:scale(.6) rotate(-6deg);transition:all .5s var(--spring)}
.seal.on{opacity:1;transform:none}
.chain{display:grid;gap:8px;position:relative;align-content:start}
.chain::before{content:"";position:absolute;left:22px;top:18px;bottom:18px;width:2px;background:var(--hair)}
.ev{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--r-sm);opacity:.35;transition:all .5s var(--ease);font-size:13px;position:relative}
.ev.on{opacity:1;background:var(--card);box-shadow:var(--card-shadow);transform:translateX(4px)}
.ev i{width:10px;height:10px;border-radius:50%;background:var(--ink-faint);justify-self:center;transition:all .4s}
.ev.on i{background:var(--green);box-shadow:0 0 0 3px var(--green-wash),0 0 10px var(--green)}
.ev .h{font:11px var(--data);color:var(--ink-faint)}
.ev b{font-weight:600}.ev small{color:var(--ink-faint);font-size:12px}
/* OM */
.omstage{display:grid;grid-template-columns:170px 1.1fr 1fr;gap:14px}
@media(max-width:900px){.omstage{grid-template-columns:1fr}}
.cover{aspect-ratio:3/4;border-radius:12px;background:linear-gradient(160deg,#1b3a2e,#0b0f14 55%,#122436);position:relative;overflow:hidden;color:#fff;padding:12px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--card-shadow)}
.cover .sky{position:absolute;inset:0;background:radial-gradient(120px 90px at 70% 30%,rgba(0,230,118,.35),transparent 70%),linear-gradient(0deg,rgba(0,0,0,.6),transparent 60%)}
.cover .bld{position:absolute;left:14px;right:14px;bottom:46px;height:52%;background:linear-gradient(180deg,#3a4a5c,#1e2833);clip-path:polygon(0 100%,0 30%,35% 30%,35% 10%,65% 10%,65% 40%,100% 40%,100% 100%)}
.cover .ttl{position:relative;font:700 13px var(--display);line-height:1.15}
.cover .sub{position:relative;font:10px var(--data);color:#bfe9d2}
.cover .brand-bar{position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#3ef58e,#00e676)}
.secs{display:grid;gap:6px;align-content:start}
.sr{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 11px;border-radius:11px;font-size:13px;background:var(--inset);transition:all .45s var(--ease)}
.sr.review{background:var(--card);box-shadow:var(--card-shadow)}
.sr .acts{display:none;gap:4px}
.sr.review .acts{display:flex}
.sr .acts span{font:600 10.5px var(--body);padding:3px 8px;border-radius:999px;border:1px solid var(--hair-strong);animation:pop .4s var(--spring) both}
.sr .acts .ok{background:linear-gradient(180deg,#3ef58e,#00e676);color:#000;border-color:transparent}
.kpis{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.kpi{padding:8px;border-radius:10px;background:var(--inset);text-align:center}
.kpi .v{font:600 15px var(--data);color:var(--ink)}.kpi .l{font-size:10px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em}
.preview{padding:16px 18px;border-radius:10px;background:#fff;color:#1b1f26;box-shadow:var(--card-shadow);font:12.5px/1.5 Georgia,serif;min-height:300px;display:grid;gap:8px;align-content:start}
:root[data-theme="dark"] .preview{box-shadow:var(--card-shadow),0 0 0 1px rgba(255,255,255,.08)}
.preview h5{font:700 12px var(--body);margin:0;letter-spacing:.04em;text-transform:uppercase;color:#0a6b38}
.preview .sk{display:grid;gap:5px}
.preview .sk i{display:block;height:6px;border-radius:3px;background:#e3e7ee;width:var(--w,100%)}
.preview .txt{display:none}
.preview .blk.on .sk{display:none}.preview .blk.on .txt{display:block;animation:fadeup .5s var(--ease)}
.share{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:var(--r-sm);background:var(--green-wash);font-size:12.5px;opacity:0;transform:translateY(10px);transition:all .6s var(--spring);margin-top:8px}
.share.on{opacity:1;transform:none}
.share .u{font:11.5px var(--data);color:var(--ink-soft)}
.outs{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.out{font:600 11px var(--data);padding:4px 9px;border-radius:999px;background:var(--inset)}
/* IMPORT */
.impstage{display:grid;grid-template-columns:1.1fr 1.35fr .95fr;gap:14px}
@media(max-width:900px){.impstage{grid-template-columns:1fr}}
.sheet table{width:100%;border-collapse:collapse;font:11.5px var(--data)}
.sheet th{background:var(--inset-2);font-weight:600;text-align:left;padding:5px 7px;border:1px solid var(--hair);white-space:nowrap;color:var(--ink);transition:all .3s}
.sheet td{padding:5px 7px;border:1px solid var(--hair);white-space:nowrap;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;max-width:110px}
.sheet th.hl{outline:2px solid var(--pad);outline-offset:-2px;background:var(--green-wash)}
.tabsrow{display:flex;gap:4px;margin-top:8px}
.tabsrow span{font:500 10.5px var(--body);padding:3px 9px;border-radius:6px;background:var(--inset);color:var(--ink-faint)}
.tabsrow span.on{background:var(--green-wash);color:var(--pad);font-weight:600}
.stepsbar{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px}
.stepsbar span{font:500 11px var(--body);padding:4px 9px;border-radius:999px;background:var(--inset);color:var(--ink-faint);transition:all .3s}
.stepsbar span.on{background:linear-gradient(180deg,#3ef58e,#00e676);color:#000;font-weight:600}
.imp{display:grid;grid-template-columns:.8fr 18px 1.4fr;gap:6px;align-items:center}
.col,.fld{padding:7px 10px;border-radius:10px;font:12px var(--data);display:flex;justify-content:space-between;align-items:center;gap:8px;transition:all .5s var(--spring)}
.col{background:var(--inset);color:var(--ink-soft)}
.fld{opacity:.3;transform:translateX(-10px);background:var(--card)}
.fld.on{opacity:1;transform:none;box-shadow:var(--card-shadow)}
.fld .bd{font:600 8.5px var(--body);white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:999px;background:var(--green-wash);color:var(--pad)}
.fld .bd.rule2{background:var(--blue-wash);color:var(--blue)}
.arr{color:var(--ink-faint);text-align:center;font:14px var(--data);transition:color .4s}
.arr.on{color:var(--pad)}
.clean{display:grid;gap:8px;align-content:start}
.cl{padding:10px 12px;border-radius:var(--r-sm);background:var(--inset);font-size:12.5px;opacity:.4;transform:translateY(6px);transition:all .5s var(--spring)}
.cl.on{opacity:1;transform:none;background:var(--card);box-shadow:var(--card-shadow)}
.cl .from{font:11.5px var(--data);color:var(--ink-faint);text-decoration:line-through}
.cl .to{font:12.5px var(--data);color:var(--ink)}
.cl .ok{color:var(--pad);font-weight:600;font-size:11px}
.marq{overflow:hidden;margin-top:18px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marq .track{display:flex;gap:10px;width:max-content;animation:marq 26s linear infinite}
.marq span{font:500 12.5px var(--body);padding:6px 14px;border-radius:999px;background:var(--card);box-shadow:var(--card-shadow);white-space:nowrap}
@keyframes marq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.marq .track{animation:none}}
/* MATCHING */
.mandate{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:14px 16px!important;margin-bottom:14px}
.mandate .t{font:700 15px var(--display)}
.tok{display:inline-flex;gap:6px;align-items:center;padding:4px 10px;border-radius:999px;background:var(--inset);font:500 12px var(--body)}
.tok b{color:var(--ink-faint);font-weight:500}
.toks{display:flex;flex-wrap:wrap;gap:6px}
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:900px){.mgrid{grid-template-columns:1fr}}
.mcard{padding:14px!important;display:grid;gap:10px;opacity:.4;transform:translateY(14px);transition:all .6s var(--spring)}
.mcard.on{opacity:1;transform:none}
.mcard .h{display:flex;justify-content:space-between;align-items:center;font-size:14px}
.mcard .h b{font-weight:600}
.score{font:600 15px var(--data);color:var(--pad);padding:2px 10px;border-radius:999px;background:var(--green-wash)}
.scorebar{height:6px;border-radius:999px;background:var(--inset-2);overflow:hidden}
.scorebar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#3ef58e,#00e676);transition:width 1.1s var(--ease)}
.mcard.on .scorebar i{width:var(--w)}
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.why span{font:500 10px var(--body);padding:3px 6px;border-radius:6px;background:var(--green-wash);color:var(--pad);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.why span.n{background:var(--inset);color:var(--ink-faint)}
.mact{display:flex;gap:6px;flex-wrap:wrap}
.mact span{font:600 11px var(--body);padding:4px 10px;border-radius:999px;border:1px solid var(--hair-strong)}
.mact .ok{background:linear-gradient(180deg,#3ef58e,#00e676);color:#000;border-color:transparent}
.mphoto{height:70px;border-radius:10px;background:linear-gradient(160deg,#2c3e50,#1b2733);position:relative;overflow:hidden}
.mphoto::after{content:"";position:absolute;left:10%;right:10%;bottom:0;height:55%;background:linear-gradient(180deg,#5b6f85,#34434f);clip-path:polygon(0 100%,0 40%,30% 40%,30% 15%,70% 15%,70% 35%,100% 35%,100% 100%)}
.mphoto.off{background:linear-gradient(160deg,#4a3b1f,#1f1a12)}
/* EMAIL */
.mailstage{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:900px){.mailstage{grid-template-columns:1fr}}
.thread{display:grid;gap:8px;align-content:start}
.msg{padding:10px 12px;border-radius:var(--r-sm);background:var(--inset);font-size:12.5px;color:var(--ink-soft)}
.msg b{color:var(--ink);font-weight:600}
.msg small{float:right;color:var(--ink-faint);font:11px var(--data)}
.msg.me{background:var(--green-wash)}
.msg.sum{background:var(--violet-wash)}
.draft{padding:14px;border-radius:var(--r-sm);background:var(--card);box-shadow:var(--card-shadow);font:500 14px/1.6 var(--compose);min-height:200px;color:var(--ink)}
.draft #draft{white-space:pre-wrap}
.draft .lbl{font:600 10.5px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--violet);margin-bottom:6px;display:flex;justify-content:space-between}
.draft .lbl span{color:var(--ink-faint);font-weight:500;letter-spacing:0;text-transform:none}
.tplpills{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.tplpills span{font:500 11.5px var(--body);padding:4px 10px;border-radius:999px;background:var(--inset)}
.tplpills span.on{background:linear-gradient(180deg,#3ef58e,#00e676);color:#000;font-weight:600}
.sendrow{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;color:var(--ink-faint)}
.sendrow .cta{padding:7px 14px;font-size:12.5px}
/* TEAM */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.cards3{grid-template-columns:1fr}}
.card.pad{padding:22px}
.card.pad h3{font:700 18px var(--display);margin-bottom:8px}
.card.pad p{margin:0;color:var(--ink-soft);font-size:14px}
.kt{display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--inset);width:max-content}
.kt span{padding:5px 12px;border-radius:999px;font:500 12px var(--body);color:var(--ink-faint)}
.kt span.on{background:linear-gradient(180deg,#3ef58e,#00e676);color:#000;font-weight:600}
.board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.colh{font:600 10.5px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px}
.tcard{padding:8px 10px;border-radius:10px;background:var(--card);box-shadow:var(--card-shadow);font-size:12px;margin-bottom:6px;transition:transform .6s var(--spring)}
.tcard small{display:block;color:var(--ink-faint);font:10.5px var(--data)}
.tcard.move{transform:translateX(calc(100% + 8px))}
.flow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}
.fn{padding:6px 10px;border-radius:10px;background:var(--inset);font:500 12px var(--body);opacity:.35;transform:scale(.9);transition:all .5s var(--spring)}
.fn.on{opacity:1;transform:none;background:var(--card);box-shadow:var(--card-shadow)}
.fn.trig{color:var(--violet)}.fa{color:var(--ink-faint)}
.plain{font-family:var(--input);font-size:13px;padding:8px 12px;border-radius:999px;background:var(--card);box-shadow:var(--card-shadow)}
.dock{display:flex;gap:6px;padding:6px;border-radius:999px;background:var(--inset);width:max-content;margin-top:10px;max-width:100%;overflow:hidden}
.dock span{font:500 11.5px var(--body);padding:4px 10px;border-radius:999px;background:var(--card);box-shadow:var(--card-shadow);white-space:nowrap}
/* ECON */
.calc{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
@media(max-width:900px){.calc{grid-template-columns:repeat(3,1fr)}}
.cv{padding:12px 10px;border-radius:var(--r-sm);background:var(--inset);text-align:center}
.cv .v{font:600 18px var(--data)}.cv .l{font-size:10.5px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em}
.cv.est{background:var(--card);box-shadow:var(--card-shadow);outline:1px dashed var(--hair-strong);outline-offset:-1px;opacity:.4;transform:scale(.95);transition:all .6s var(--spring)}
.cv.est.on{opacity:1;transform:none}
.cv.est .v{color:var(--pad)}
.cv .tag{font:600 9.5px var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--amber);display:block;margin-top:2px}
.formula{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:12px;font:12.5px var(--data);color:var(--ink-faint)}
.twocards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
@media(max-width:900px){.twocards{grid-template-columns:1fr}}
.src{display:grid;gap:6px;margin-top:10px}
.src div{display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:var(--inset);font-size:12.5px}
.src .ic{width:14px;height:14px;color:var(--pad)}
.src small{color:var(--ink-faint);font:11px var(--data)}
/* INDEX / TRUST / CTA */
.idx{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:900px){.idx{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.idx{grid-template-columns:1fr}}
.idx .grp{padding:16px 18px}
.idx h3{font:700 14px var(--display);display:flex;align-items:center;gap:8px;margin-bottom:10px}
.idx h3 .ic{color:var(--pad)}
.idx ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.idx li{font-size:13px;color:var(--ink-soft);display:flex;gap:8px;align-items:flex-start}
.idx li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);margin-top:7px;flex:0 0 auto}
.idx li.soon{color:var(--ink-faint)}.idx li.soon::before{background:var(--hair-strong)}
.idx li.soon em{font-style:normal;font:600 9.5px var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--amber);margin-left:4px}
.day{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:22px}
@media(max-width:900px){.day{grid-template-columns:repeat(2,1fr)}}
.dy{padding:14px 16px}
.dy .n{font:600 11px var(--data);color:var(--pad);letter-spacing:.08em}
.dy b{display:block;font:700 15px var(--display);margin:4px 0 2px}
.dy span{font-size:12.5px;color:var(--ink-soft)}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:900px){.trust{grid-template-columns:repeat(2,1fr)}}
.tr{padding:16px 18px}
.tr b{display:block;font:700 15px var(--display);margin-bottom:4px}
.tr span{font-size:13px;color:var(--ink-soft)}
.honest{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:900px){.honest{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.honest{grid-template-columns:1fr}}
.no{padding:16px 18px;display:grid;gap:8px;font-size:13.5px;color:var(--ink-soft)}
.no i{width:26px;height:26px;border-radius:50%;background:var(--red-wash);color:var(--red);display:grid;place-items:center;font:700 13px var(--data);font-style:normal}
.no b{color:var(--ink);font-weight:600;font-family:var(--display);font-size:15px}
.final{padding-block:104px;text-align:center}
.final h2{font-size:clamp(30px,4.4vw,52px)}
.final .acts{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}
.mail{font:500 15px var(--data);color:var(--ink);user-select:all;padding:10px 16px;border-radius:999px;border:1px dashed var(--hair-strong)}
footer{border-top:1px solid var(--hair);padding-block:28px 40px;color:var(--ink-faint);font-size:13px}
.footer-rows{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}
.legal-line{margin:16px 0 0;font-size:12.5px;max-width:80ch;color:var(--ink-faint)}
footer a{color:var(--ink-soft);text-decoration:none;margin-left:18px}
.notes-btn{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:45;border:1px solid var(--card-border);background:var(--card);color:var(--ink);border-radius:999px;padding:10px 16px;font:600 13px var(--body);cursor:pointer;box-shadow:var(--card-hover-shadow)}
.note{display:none;margin:0 0 18px;padding:12px 14px;border-radius:var(--r-sm);border:1px dashed var(--amber);background:var(--amber-wash);font-size:13px;color:var(--ink);text-align:left}
.note b{color:var(--amber);font:700 11px var(--body);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:4px}
.notes-on .note{display:block}
.st-ok{color:var(--pad);font-weight:600}.st-flag{color:var(--amber);font-weight:600}

/* ---- utility classes generated from the prototype's inline styles (CSP: no inline styles) ---- */
.is1{padding:14px}
.is2{font-size:11px;color:var(--ink-faint)}
.is3{offset-path:path('M500 150 L230 230 L75 150')}
.is4{--w:62%}
.is5{--w:48%}
.is6{--w:0%}
.is7{font-size:12.5px;color:var(--ink-soft);margin:14px 0 0}
.is8{margin-left:auto;font-size:11px;color:var(--ink-faint)}
.is9{top:22px}
.is10{top:62px}
.is11{top:108px}
.is12{top:150px}
.is13{font-size:12px;color:var(--ink-soft);margin:0}
.is14{padding:0 4px}
.is15{--w:92%}
.is16{--w:78%}
.is17{--w:88%}
.is18{--w:64%}
.is19{--w:70%}
.is20{font:11px var(--data);color:#7b8794;margin-top:auto}
.is21{overflow-x:auto}
.is22{color:var(--amber)}
.is23{margin-left:auto}
.is24{--w:55%;outline:1px dashed var(--hair-strong);outline-offset:-1px}
.is25{background:var(--amber-wash);color:var(--amber)}
.is26{background:linear-gradient(90deg,#f6d27a,#f0b64c)}
.is27{opacity:.55}
.is28{margin-top:12px}
.is29{opacity:.6}
.is30{margin-top:10px}
.is31{margin-top:64px}
.is32{margin-inline:auto;text-align:center}
.is33{padding:8px 14px;font-size:13px}