/* ==== src/css/base.css ==== */
:root{
  color-scheme: light;

  --ink:#1d1d1f;  --ink-2:#6e6e73;  --ink-3:#86868b;  --ink-4:#c7c7cc;
  --bg:#ffffff;   --bg-alt:#f5f5f7; --fill:#e8e8ed;   --fill-2:#f0f0f2;
  --line:#d2d2d7; --line-soft:#e8e8ed;

  --dark:#000000; --dark-2:#0b0b0c; --dark-3:#1d1d1f; --dark-4:#2c2c2e;
  --dark-text:#f5f5f7; --dark-text-2:#a1a1a6; --dark-text-3:#6e6e73; --dark-link:#2997ff;

  --text:var(--ink); --text-2:var(--ink-2); --text-3:var(--ink-3);

  --blue:#0071e3; --blue-hover:#0077ed; --link:#0066cc; --blue-soft:#e8f1fc; --blue-ink:#0062c4;

  --brand:#1F5BD8;
  --acc-blue:#1F5BD8; --acc-violet:#6e5ad6; --acc-orange:#e86e2a; --acc-teal:#0c8f9b;
  --acc-green:#1a8f4a; --acc-red:#d93a2b; --acc-new:#b64400;

  --acc-orange-text:#b84a15; --acc-teal-text:#086f79; --acc-green-text:#167a40;
  --accent:var(--brand);

  --green:#1a7f37; --green-soft:#e7f6ec; --red:#c4251c; --red-soft:#fdecec; --amber:#9a5700; --amber-soft:#fff4e0;

  --sh-contact: 0 1px 2px rgba(0,0,0,.10), 0 6px 12px -4px rgba(0,0,0,.12);
  --sh-ambient: 0 24px 48px -16px rgba(0,0,0,.18);
  --sh-tilt:    0 30px 40px -20px rgba(0,0,0,.25), 0 10px 16px -8px rgba(0,0,0,.12);
  --sh-float:   0 0 0 1px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);
  --sh-sheet:   0 -24px 60px -20px rgba(13,22,38,.35);
  --sh-cutout:  drop-shadow(0 2px 2px rgba(0,0,0,.10)) drop-shadow(0 16px 24px rgba(0,0,0,.14));
  --sh-device:  var(--sh-contact), var(--sh-ambient);
  --sh-dark:    0 0 0 1px rgba(255,255,255,.06), 0 30px 80px -30px rgba(0,0,0,.8);

  --radius:28px; --radius-md:20px; --radius-sm:18px; --radius-xs:12px; --pill:980px;

  --nav-h:44px; --nav-top:12px; --gutter:24px; --content:980px; --wide:1260px; --measure:680px;
  --pad:104px;

  --ease:cubic-bezier(.28,.11,.32,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-sheet:cubic-bezier(.32,.72,0,1);
  --ease-pop:cubic-bezier(.34,1.56,.64,1);

  --font:var(--font-site, "Vazirmatn", Tahoma, system-ui, sans-serif);
  --font-num:var(--font-ui, "Vazirmatn", Tahoma, system-ui, sans-serif);

  --t-hero:80px;    --lh-hero:1.2;
  --t-section:56px; --lh-section:1.25;
  --t-title:40px;   --lh-title:1.3;
  --t-sub:28px;     --lh-sub:1.45;
  --t-card:24px;    --lh-card:1.4;
  --t-eyebrow:19px; --lh-eyebrow:1.4;
  --t-body-lg:21px; --lh-body-lg:1.8;
  --t-body:17px;    --lh-body:1.85;
  --t-caption:14px; --lh-caption:1.65;
  --t-footnote:12px;--lh-footnote:1.6;
  --t-stat:88px;    --lh-stat:1.05;

  --fs-hero:var(--t-hero); --fs-sec:var(--t-section); --fs-sub:var(--t-sub); --fs-lead:var(--t-body-lg); --fs-body:var(--t-body);
}
@media (max-width:1068px){ :root{
  --pad:96px;
  --t-hero:64px; --t-section:44px; --lh-section:1.27; --t-title:34px; --t-sub:24px; --t-card:22px;
  --t-eyebrow:17px; --t-body-lg:19px; --t-stat:72px;
} }
@media (max-width:734px){ :root{
  --pad:64px; --gutter:16px; --radius:24px; --radius-md:18px; --nav-top:8px;
  --t-hero:44px; --lh-hero:1.22; --t-section:32px; --lh-section:1.3; --t-title:28px; --t-sub:21px; --lh-sub:1.5; --t-card:20px;
  --t-eyebrow:15px; --t-body-lg:18px; --t-body:16px; --t-caption:13px; --lh-caption:1.6; --t-footnote:11.5px; --t-stat:48px;
} }

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
[tabindex="-1"]:focus{outline:none}
html{scroll-padding-top:calc(var(--nav-h) + var(--nav-top) * 2 + 8px);-webkit-text-size-adjust:100%;text-size-adjust:100%;
  font-kerning:normal;font-synthesis:none;text-rendering:optimizeLegibility}

html:has(dialog[open]){overflow:hidden}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--t-body);line-height:var(--lh-body);font-weight:400;
  letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-x:clip}
h1,h2,h3,h4,h5,h6,p,ol,ul,figure,blockquote,dl,dd{margin:0}
h1,h2,h3,h4,h5,h6{font-weight:600;text-wrap:balance}
p,li,dd,figcaption{text-wrap:pretty}
b,strong,th{font-weight:600}
small{font-size:var(--t-caption)}
sup{font-size:.6em;line-height:0;vertical-align:.6em}
ul,ol{padding:0;list-style:none}
img,svg,video,canvas{display:block}
img,video{max-width:100%;height:auto}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid rgba(0,113,227,.6);outline-offset:3px;border-radius:8px}
::selection{background:rgba(0,113,227,.18)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}
.ico{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ico.line{stroke-width:2}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.skip{position:absolute;top:-60px;right:16px;z-index:10001;background:var(--blue);color:#fff;padding:10px 16px;border-radius:12px}
.skip:focus{top:8px}

.sec{padding-block:var(--pad);background:var(--bg);position:relative}
.sec.alt{background:var(--bg-alt)}
.sec.dark{background:var(--dark);color:var(--dark-text)}
.content{max-width:calc(var(--content) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.wide{max-width:calc(var(--wide) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.measure{max-width:var(--measure)}
.center{text-align:center}
.center .lead,.center .measure,.center .sub{margin-inline:auto}
.mut{color:var(--ink-2)}

.h-hero,.headline.super{font-size:var(--t-hero);font-weight:500;line-height:var(--lh-hero);color:var(--ink)}

.h-sec,.headline{font-size:var(--t-section);font-weight:600;line-height:var(--lh-section);color:var(--ink)}

.title{font-size:var(--t-title);font-weight:600;line-height:var(--lh-title)}

.h-sub,.sub{font-size:var(--t-sub);font-weight:500;line-height:var(--lh-sub);color:var(--ink)}

.card-title{font-size:var(--t-card);font-weight:600;line-height:var(--lh-card)}

.eyebrow{display:block;font-size:var(--t-eyebrow);font-weight:500;line-height:var(--lh-eyebrow);color:var(--accent-text,var(--accent));margin-bottom:12px}
.eyebrow.ink{color:var(--ink)}

.lead{font-size:var(--t-body-lg);font-weight:400;line-height:var(--lh-body-lg);color:var(--ink-2);max-width:720px}
.lead b,.lead strong,.lead em{color:var(--ink);font-weight:500;font-style:normal}

.body{font-size:var(--t-body);font-weight:400;line-height:var(--lh-body);color:var(--ink);max-width:var(--measure)}
.body.mut{color:var(--ink-2)}
.body b,.body strong{font-weight:600}
.lead-in{color:var(--ink);font-weight:600}

.caption{font-size:var(--t-caption);font-weight:400;line-height:var(--lh-caption);color:var(--ink-2)}

.footnote{font-size:var(--t-footnote);font-weight:400;line-height:var(--lh-footnote);color:var(--ink-2)}
sup.fn-mark,.fn-mark{font-size:.6em;line-height:0;vertical-align:.6em;color:inherit;margin-inline-start:1px}
.fn-mark a{padding:8px;margin:-8px}

.stat{display:block;font-size:var(--t-stat);font-weight:500;line-height:var(--lh-stat);color:var(--ink);font-variant-numeric:proportional-nums;font-feature-settings:"tnum" 0}
.stat.light{font-weight:300}
.stat.accent{color:var(--accent)}
.stat-label{display:block;font-size:var(--t-caption);font-weight:400;line-height:1.5;color:var(--ink-2);margin-top:8px}
.accent-text{color:var(--accent)}

.num-tab{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.num-display{font-variant-numeric:proportional-nums;font-feature-settings:"tnum" 0}

.dark .h-sec,.dark .headline,.dark .h-hero,.dark .h-sub,.dark .sub,.dark .stat{color:var(--dark-text)}
.dark .lead,.dark .caption,.dark .stat-label,.dark .body.mut,.dark .mut{color:var(--dark-text-2)}
.dark .lead b,.dark .lead strong{color:var(--dark-text)}
.dark .footnote{color:var(--dark-text-3)}
.dark a{color:var(--dark-link)}

.sec-head{margin-bottom:64px}

.sec-head{text-align:center;margin-inline:auto;max-width:calc(760px + 2 * var(--gutter))}
.sec-head .lead{margin-inline:auto}
.sec-head .chips{justify-content:center}
.sec-head .eyebrow{color:var(--brand)}
.sec-head .lead{margin-top:20px}
@media (max-width:734px){ .sec-head{margin-bottom:44px} .sec-head .lead{margin-top:14px} }

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 22px;border-radius:var(--pill);background:var(--blue);color:#fff;
  font-size:17px;font-weight:500;line-height:1.2;white-space:nowrap;transition:background-color .2s var(--ease),transform .2s var(--ease)}
.btn:hover{background:var(--blue-hover);text-decoration:none}
.btn:active{transform:scale(.98)}
.btn.small{min-height:28px;padding:4px 14px;font-size:14px;font-weight:400;position:relative}
.btn.small::before{content:"";position:absolute;inset:-8px -4px}
.btn.ghost{background:transparent;color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
.btn.ghost:hover{background:var(--blue);color:#fff}
.btn.neutral{background:var(--fill);color:var(--ink)}
.btn.neutral:hover{background:#dcdce1}
.btn.dark-btn{background:var(--ink);color:#fff}
.link{display:inline-flex;align-items:center;gap:4px;min-height:44px;color:var(--link);font-size:17px;font-weight:400}
.link.chev::after{content:"›";font-size:1.15em;line-height:1;margin-inline-start:2px;transition:transform .2s var(--ease)}
.link:hover{text-decoration:underline}
.link.chev:hover::after{transform:translateX(-2px)}
.link .ico{width:16px;height:16px}
.link.small{font-size:14px;min-height:32px}
.dark .link{color:var(--dark-link)}
@media (max-width:734px){ .btn{font-size:16px} .link{font-size:16px} }

.card{background:var(--bg);border-radius:var(--radius);padding:40px;position:relative;overflow:hidden}
.sec:not(.alt) .card,.card.alt{background:var(--bg-alt)}
.sec.alt .card{background:var(--bg)}
.card.md{border-radius:var(--radius-md);padding:28px}
.card.bleed{overflow:visible}
.dark .card{background:var(--dark-3);color:var(--dark-text)}
@media (max-width:734px){ .card{padding:28px 24px} .card.md{padding:24px 20px} }

.btn-circle,.paddle{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--fill);color:var(--ink);flex:none;
  transition:background-color .2s var(--ease),opacity .2s var(--ease);position:relative}
.btn-circle{width:32px;height:32px}
.btn-circle::before,.paddle::before{content:"";position:absolute;inset:-6px}
.btn-circle:hover,.paddle:hover{background:#dcdce1}
.btn-circle .ico,.paddle .ico{width:16px;height:16px;stroke-width:2.2}
.paddle[disabled],.paddle[aria-disabled="true"]{opacity:.4;pointer-events:none}
.paddles{display:flex;gap:14px;justify-content:flex-end}

.segmented{display:inline-flex;gap:2px;padding:4px;border-radius:var(--pill);background:var(--fill-2);max-width:100%;overflow-x:auto;scrollbar-width:none}
.segmented > *{min-height:36px;padding:6px 18px;border-radius:var(--pill);font-size:14px;font-weight:500;color:var(--ink);white-space:nowrap;transition:background-color .3s var(--ease),color .3s var(--ease)}
.segmented > [aria-selected="true"],.segmented > .on{background:var(--ink);color:#fff}

html.js .animate{opacity:0;transform:translateY(24px);transition:opacity .52s var(--ease-out),transform .52s var(--ease-out),color .52s var(--ease-out)}
html.js .animate.in{opacity:1;transform:none}
html.js .animate.d1{transition-delay:.036s} html.js .animate.d2{transition-delay:.072s} html.js .animate.d3{transition-delay:.108s}

html.js .animate.ink{opacity:1;transform:none;color:var(--ink-3)}
html.js .animate.ink.in{color:var(--ink)}

html.js .animate.soft{opacity:.4;transform:translateY(20px)}
html.js .animate.soft.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html.js .animate,html.js .animate.ink,html.js .animate.soft{opacity:1;transform:none;transition:none;color:inherit}
  html.js .animate.ink{color:var(--ink)}
  .btn,.link::after{transition:none}
}

[data-ui-slot].has-shot > :not(.ui-shot):not([data-keep]){display:none!important}
.ui-shot{display:block;max-width:100%}
.sec-cta{margin-top:32px}
.sec-cta.center{text-align:center}
@media (max-width:734px){ .sec-cta{margin-top:28px} .sec-cta .link{display:inline;min-height:0;line-height:1.7} }

:root{
  --brand-hover:#1a4fc0; --brand-press:#1746ad; --brand-soft:#eaf0fd; --brand-ink:#1849b3;
  --sh-chip: 0 1px 2px rgba(15,23,42,.06), 0 8px 24px rgba(15,23,42,.07);
  --sh-chip-hover: 0 2px 4px rgba(15,23,42,.07), 0 14px 32px rgba(15,23,42,.10);
  --sh-screen: 0 2px 6px rgba(15,23,42,.06), 0 24px 60px rgba(15,23,42,.12);
  --sh-btn: 0 1px 2px rgba(31,91,216,.18), 0 8px 20px -6px rgba(31,91,216,.45);
  --ease-calm: cubic-bezier(.22,1,.36,1);
}

.chips{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:0;margin:0;list-style:none}
.chips.center,.center .chips{justify-content:center}
.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:12px;background:#fff;border:1px solid var(--line-soft);
  box-shadow:var(--sh-chip);font-family:var(--font);font-size:14px;font-weight:500;line-height:1.45;color:var(--ink);white-space:nowrap;
  text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.chip .ico{width:16px;height:16px;color:var(--brand)}
.chip .dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.chip--accent{background:var(--brand-soft);border-color:#d3e0fb;color:var(--brand-ink)}
.chip--accent .ico{color:var(--brand-ink)}
.chip--soft{background:var(--fill-2);border-color:transparent;box-shadow:none;color:var(--ink-2)}
.chip--good{background:var(--green-soft);border-color:#cdebd7;color:var(--green)}
.chip--warn{background:var(--amber-soft);border-color:#f6e1b8;color:var(--amber)}
.chip--bad{background:var(--red-soft);border-color:#f6d0cd;color:var(--red)}
.chip--good .ico,.chip--warn .ico,.chip--bad .ico{color:currentColor}
.chip--lg{padding:10px 18px;border-radius:14px;font-size:16px}
.chip--sm{padding:5px 10px;border-radius:10px;font-size:12.5px;gap:5px}
.chip[data-grow]{cursor:default;transform-origin:center}
.chip[data-grow]:hover,.chip[data-grow]:focus-visible{transform:scale(1.15);box-shadow:var(--sh-chip-hover);position:relative;z-index:1}
.dark .chip{background:#1c1c1e;border-color:#2c2c2e;color:var(--dark-text);box-shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35)}
.dark .chip--soft{background:#1c1c1e;box-shadow:none;color:var(--dark-text-2)}
@media (max-width:734px){ .chip{font-size:13px;padding:7px 12px} .chip--lg{font-size:15px;padding:9px 15px} .chips{gap:8px} }

.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:12px 28px;border:0;border-radius:14px;
  background:var(--brand);color:#fff;font-family:var(--font);font-size:17px;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;
  text-decoration:none;box-shadow:var(--sh-btn);transition:background-color .2s ease,box-shadow .2s ease,transform .15s ease}
.btn-primary:hover{background:var(--brand-hover);color:#fff;text-decoration:none}
.btn-primary:active{background:var(--brand-press);transform:scale(.98)}
.btn-primary:focus-visible{outline:3px solid rgba(31,91,216,.45);outline-offset:3px;border-radius:14px}
.btn-primary .ico{width:18px;height:18px}
.btn-primary--sm{min-height:40px;padding:8px 18px;border-radius:12px;font-size:15px}
.btn-primary--lg{min-height:56px;padding:14px 34px;font-size:18px}

.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;border-radius:14px;
  background:#fff;color:var(--ink);border:1px solid var(--line);font-family:var(--font);font-size:16px;font-weight:500;line-height:1.2;
  white-space:nowrap;cursor:pointer;text-decoration:none;transition:background-color .2s ease,border-color .2s ease}
.btn-ghost:hover{background:var(--bg-alt);border-color:var(--ink-4);text-decoration:none}
.btn-ghost:focus-visible{outline:3px solid rgba(31,91,216,.45);outline-offset:3px;border-radius:14px}
.dark .btn-primary{color:#fff}
.dark .btn-ghost{background:transparent;color:var(--dark-text);border-color:#3a3a3c}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}
.cta-row.center{justify-content:center}
.cta-item{display:flex;flex-direction:column;align-items:center;gap:8px}
.cta-note{font-size:13px;line-height:1.5;color:var(--ink-2);font-weight:400}
@media (max-width:734px){ .btn-primary{font-size:16px;min-height:48px;padding:12px 22px} .btn-primary--lg{min-height:52px;font-size:17px} }

.screen{position:relative;container:screen/inline-size;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line-soft);box-shadow:var(--sh-screen);
  color:var(--ink);text-align:right;line-height:1.5}
.screen > img,.screen > picture > img{display:block;width:100%;height:auto}
.screen--dark{background:#0d0f14;border-color:#23262d;box-shadow:0 2px 6px rgba(0,0,0,.25),0 24px 60px rgba(0,0,0,.45)}
@media (max-width:734px){ .screen{border-radius:12px} }

@media (prefers-reduced-motion:reduce){
  .chip,.btn-primary,.btn-ghost{transition:none}
  .chip[data-grow]:hover,.chip[data-grow]:focus-visible{transform:none}
}

/* ==== src/css/nav.css ==== */
.localnav{position:sticky;top:var(--nav-top);z-index:9998;height:var(--nav-h);
  width:min(940px,calc(100% - 2 * var(--gutter)));margin:var(--nav-top) auto 0;border-radius:var(--pill);
  background:rgba(255,255,255,.78);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);
  box-shadow:0 0 0 1px rgba(0,0,0,.06);color:var(--ink);
  transition:box-shadow .23s var(--ease),background-color .23s var(--ease),color .23s var(--ease)}
.localnav.is-scrolled{box-shadow:var(--sh-float)}
.localnav .ln-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:100%;padding-inline:20px 8px}
.ln-title{display:inline-flex;align-items:center;gap:8px;font-size:19px;font-weight:600;line-height:1;color:inherit;white-space:nowrap}
.ln-title:hover{text-decoration:none}
.ln-mark{width:22px;height:22px;border-radius:7px;background:var(--brand);color:#fff;display:grid;place-items:center;font-family:var(--font-num);font-size:12px;font-weight:600;line-height:1}
.ln-menu{display:flex;align-items:center;gap:6px;min-width:0}
.ln-links{display:flex;align-items:center;gap:2px}
.ln-links a{color:inherit;font-size:14px;font-weight:400;line-height:1;padding:8px 11px;border-radius:var(--pill);opacity:.82;white-space:nowrap;
  transition:opacity .13s var(--ease),background-color .13s var(--ease)}
.ln-links a:hover{opacity:1;text-decoration:none}
.ln-links a[aria-current="true"]{opacity:1;background:rgba(0,0,0,.05)}
.ln-toggle{display:none;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;color:inherit;position:relative}
.ln-toggle::before{content:"";position:absolute;inset:-4px}
.ln-toggle .ico{width:16px;height:16px;stroke-width:2;transition:transform .2s var(--ease)}
.ln-toggle[aria-expanded="true"] .ico{transform:rotate(180deg)}
.localnav .ln-cta{margin-inline-start:4px;min-height:34px;padding:6px 16px;border-radius:var(--pill);font-size:14px;font-weight:600;box-shadow:none}
.localnav .ln-cta:focus-visible{border-radius:var(--pill)}

.localnav.on-dark{background:rgba(29,29,31,.72);color:var(--dark-text);box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.localnav.on-dark .ln-links a[aria-current="true"]{background:rgba(255,255,255,.1)}

@media (max-width:860px){
  .localnav .ln-bar{padding-inline:16px 6px}
  .ln-toggle{display:inline-flex}
  .ln-links{position:absolute;top:calc(100% + 8px);inset-inline:0;flex-direction:column;align-items:stretch;gap:0;
    background:#fff;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);
    border-radius:var(--radius-sm);padding:8px;box-shadow:var(--sh-float),var(--sh-ambient);color:var(--ink);
    visibility:hidden;opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top center;
    transition:opacity .16s var(--ease),transform .16s var(--ease),visibility 0s .16s}
  .ln-links.open{visibility:visible;opacity:1;transform:none;transition:opacity .16s var(--ease),transform .16s var(--ease)}
  .ln-links a{font-size:17px;padding:14px 14px;border-radius:12px;opacity:1}
  .ln-links a{position:relative}
  .ln-links a + a::before{content:"";position:absolute;top:0;inset-inline:14px;height:1px;background:var(--line-soft)}
  .ln-links a[aria-current="true"]{background:var(--bg-alt)}
  .localnav.on-dark .ln-links{color:var(--ink)}
  .localnav.on-dark .ln-links a[aria-current="true"]{background:var(--bg-alt)}
}
@media (max-width:734px){
  .ln-title{font-size:17px}
  .ln-mark{width:20px;height:20px;border-radius:6px;font-size:11px}
}
@media (prefers-reduced-motion:reduce){ .localnav,.ln-links,.ln-links a,.ln-toggle .ico{transition:none} }

.ohoom{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.ohoom .ohoom-ic{width:.95em;height:.95em;flex:none;color:#3B78EE;stroke-width:1.8;fill:rgba(59,120,238,.16);filter:drop-shadow(0 0 3px rgba(59,120,238,.45))}
.ohoom-t{background:linear-gradient(100deg,#1F5BD8 0%,#4F7DF3 55%,#7A5CF0 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:inherit}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){ .ohoom-t{color:var(--brand)} }
.ln-links a.ln-ai{opacity:1}
.ln-links a.ln-ai .ohoom-t{font-weight:500}
.ln-links a.ln-ai:hover .ohoom-ic{filter:drop-shadow(0 0 5px rgba(59,120,238,.65))}
.localnav.on-dark .ohoom-t{background-image:linear-gradient(100deg,#9DB8FF 0%,#B6A6FF 100%)}
.localnav.on-dark .ohoom .ohoom-ic{color:#9DB8FF}
@media (max-width:860px){ .localnav.on-dark .ln-links .ohoom-t{background-image:linear-gradient(100deg,#1F5BD8 0%,#4F7DF3 55%,#7A5CF0 100%)} }

.ohoom{align-items:baseline}
.ohoom .ohoom-ic{align-self:center}

.h-sec .ohoom{display:inline;white-space:nowrap}
.h-sec .ohoom .ohoom-ic{display:none}
.h-sec .ohoom-t{padding-block:.06em}

.ohoom--badge{gap:5px;padding:.14em .62em .14em .5em;border-radius:999px;vertical-align:baseline;
  background:linear-gradient(100deg,rgba(31,91,216,.10),rgba(122,92,240,.13));
  box-shadow:0 0 0 1px rgba(79,125,243,.30),0 6px 18px -6px rgba(79,125,243,.55);line-height:1.35}
.ohoom--badge .ohoom-t{font-weight:700}
.ohoom--badge .ohoom-ic{width:1em;height:1em;animation:ohoom-twinkle 2.6s ease-in-out infinite}
@keyframes ohoom-twinkle{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.82) rotate(12deg);opacity:.75}}
@media (prefers-reduced-motion:reduce){ .ohoom--badge .ohoom-ic{animation:none} }

/* ==== src/css/media.css ==== */
.media-ctl{display:flex;justify-content:flex-end;margin-top:16px}
.play-btn{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(210,210,215,.64);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);transition:background-color .2s var(--ease)}
.play-btn:hover{background:rgba(190,190,196,.8)}
.play-btn .ico{width:18px;height:18px}
.play-btn .ico.fill{fill:currentColor;stroke:none}
.dark .play-btn{background:rgba(66,66,69,.72);color:#f5f5f7}
.dark .play-btn:hover{background:rgba(90,90,94,.85)}

.media-ctl.overlay{position:absolute;z-index:55;bottom:24px;inset-inline-end:24px;margin:0}
.media-ctl.overlay .play-btn{background:rgba(255,255,255,.3);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.media-ctl.overlay .play-btn:hover{background:rgba(255,255,255,.45)}
@media (max-width:734px){ .media-ctl.overlay{bottom:14px;inset-inline-end:14px} }

.k-temp{opacity:0}
[data-once].armed .k{opacity:0}
[data-once].playing .k{animation:var(--anim,kFade) var(--dur,.39s) var(--ease) var(--d,0s) both}
[data-once].playing .k-temp{animation:kTemp var(--dur,1.3s) ease var(--d,0s) both}
[data-once].paused .k,[data-once].paused .k-temp,[data-once].paused .kx{animation-play-state:paused!important}
.k-pop{--anim:kPop}
.k-grow{--anim:kGrow;transform-origin:right center}
.k-type{--anim:kType;--dur:.715s}
.k-slide{--anim:kSlide}
@keyframes kFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes kPop{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
@keyframes kGrow{from{opacity:1;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
@keyframes kType{from{opacity:1;clip-path:inset(0 0 0 100%)}to{opacity:1;clip-path:inset(0 0 0 0)}}
@keyframes kSlide{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}
@keyframes kTemp{0%{opacity:0}12%{opacity:1}85%{opacity:1}100%{opacity:0}}

/* ==== src/css/top.css ==== */
#top{--accent:var(--brand);position:relative;background:var(--bg);padding-top:calc(var(--nav-h) + var(--nav-top) + 24px);padding-bottom:96px;
  margin-top:calc(-1 * (var(--nav-h) + var(--nav-top)));overflow:hidden}
#top::before{content:"";position:absolute;inset:auto 0 0;height:62%;pointer-events:none;
  background:radial-gradient(60% 70% at 50% 100%,rgba(31,91,216,.07),transparent 70%),linear-gradient(180deg,transparent,var(--bg-alt))}
#top .hero-in{position:relative}

#top .hero-copy{text-align:center;max-width:860px;margin-inline:auto}
#top .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:var(--t-eyebrow);font-weight:500;color:var(--brand);margin:0 0 8px}
#top .hero-title{font-size:clamp(40px,3.2vw + 18px,68px);line-height:1.2;font-weight:600;color:var(--ink);text-wrap:balance}
#top .hero-lead{font-size:var(--t-body-lg);line-height:1.8;color:var(--ink-2);margin:10px auto 0;max-width:620px;text-wrap:balance}
#top .hero-lead b{color:var(--ink);font-weight:600;white-space:nowrap}
#top .hero-ctas{display:flex;justify-content:center;margin-top:28px}
#top .hero-params{justify-content:center;gap:12px}

#top .hero-way{gap:8px;padding:10px 16px 10px 14px;font-size:15px;font-weight:500;color:var(--ink);text-decoration:none;cursor:pointer;
  box-shadow:var(--sh-chip);transition:transform .2s var(--ease-calm),box-shadow .2s var(--ease-calm),border-color .2s var(--ease-calm),background-color .2s var(--ease-calm)}
#top .hero-way:hover{text-decoration:none;border-color:#c9d8fa;background:var(--brand-soft);color:var(--brand-ink);transform:translateY(-1px)}
#top .hero-way:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
#top .hero-way .ico{width:17px;height:17px}
#top .hero-way .hw-go{width:15px;height:15px;color:var(--ink-3);margin-inline-start:2px;transition:transform .2s var(--ease-calm),color .2s var(--ease-calm)}
#top .hero-way:hover .hw-go{color:var(--brand);transform:translateX(-3px)}
#top .hero-id{flex-wrap:wrap;justify-content:center;gap:0 6px;max-width:100%;text-wrap:balance}

#top .hero-show{position:relative;margin-top:40px;display:flex;flex-direction:column}
#top .hero-steps-row{display:flex;justify-content:center;order:2;margin-top:28px}
#top .hero-steps{justify-content:center;gap:12px}
#top .hero-steps .chip{gap:10px;color:var(--ink);transition:background-color .39s var(--ease-calm),border-color .39s var(--ease-calm),color .39s var(--ease-calm),box-shadow .39s var(--ease-calm),transform .39s var(--ease-calm),opacity .39s var(--ease-calm)}
#top .hs-n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--fill-2);color:var(--ink-2);font-size:13px;font-weight:600;line-height:1;
  transition:background-color .39s var(--ease-calm),color .39s var(--ease-calm)}
#top .hs-arrow{display:flex;align-items:center;color:var(--ink-4)}
#top .hs-arrow .ico{width:18px;height:18px}
#top.is-armed .hero-steps .chip{opacity:.6;box-shadow:none;background:var(--bg)}
#top .hero-steps .chip.on{opacity:1;background:var(--brand-soft);border-color:#c9d8fa;color:var(--brand-ink);box-shadow:var(--sh-chip);transform:translateY(-2px)}
#top .hero-steps .chip.on .hs-n{background:var(--brand);color:#fff}
#top .hero-steps .chip.done{opacity:1}
#top .hero-steps .chip.done .hs-n{background:var(--ink);color:#fff}

#top .hero-screen{width:100%;max-width:1200px;margin-inline:auto;aspect-ratio:1280/780;background:var(--d2-subtle,#f6f7f9);border-radius:18px}
#top .hero-play{position:absolute;bottom:5px;inset-inline-end:max(0px,calc(50% - 600px));width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  background:var(--fill);color:var(--ink);transition:background-color .13s ease}
#top .hero-play:hover{background:#dcdce1}
#top .hero-play .ico{width:14px;height:14px}
#top .hero-play::before{content:"";position:absolute;inset:-4px}
html:not(.js) #top .hero-play{display:none}
#top .scr{--u:calc(100cqw / 1280);position:absolute;inset:0;background:var(--d2-subtle);overflow:hidden;text-align:right}
#top .scr .app{position:relative;height:100%;display:flex;flex-direction:column;background:var(--d2-subtle);overflow:hidden}
#top .scr .d2-top{gap:calc(6*var(--u))}
#top .scr .d2-segbar>i{position:relative}
#top .scr .d2-segbar>i>b,#top .scr .d2-segbar>i>s{position:absolute;inset:0;border-radius:calc(3*var(--u));display:block}
#top .scr .seg8>b{background:#7b1fa2;transform-origin:100% 50%;transform:scaleX(0)}
#top .scr .seg8>s,#top .scr .seg9>s{background:var(--d2-blue);box-shadow:0 0 0 2px #fff,0 0 0 calc(4*var(--u)) var(--d2-blue-100)}
#top .scr .seg9>s{opacity:0}
#top .scr .d2-fcard{padding-bottom:calc(18*var(--u))}
#top .scr .lds{flex:1;min-height:0;display:grid;position:relative}
#top .scr .ld{grid-area:1/1;min-width:0}
#top .scr .ld-b{opacity:0;visibility:hidden}
#top .scr .d2-fname{font-size:calc(34*var(--u));margin-top:calc(10*var(--u))}
#top .scr .d2-fphone{font-size:calc(21*var(--u))}
#top .scr .d2-note.empty{color:var(--d2-ink-4);border-style:dashed}
#top .scr .d2-note.nx{background:#fff;font-size:calc(12.5*var(--u))}

#top .scr .big-call{display:inline-grid;align-items:center;min-width:calc(286*var(--u));overflow:hidden}
#top .scr .big-call>span{grid-area:1/1;display:inline-flex;align-items:center;gap:calc(12*var(--u));position:relative}
#top .scr .bc-live-bg{position:absolute;inset:0;background:linear-gradient(180deg,#19A750,#12903F);opacity:0}
#top .scr .bc-live{opacity:0;font-size:calc(17*var(--u))}
#top .scr .bc-timer{font-size:calc(20*var(--u));font-weight:600}
#top .scr .rec{width:calc(9*var(--u));height:calc(9*var(--u));border-radius:50%;background:#fff;box-shadow:0 0 0 calc(4*var(--u)) rgba(255,255,255,.25);display:inline-block}
#top .scr .bc-wave{display:inline-flex;align-items:center;gap:calc(3*var(--u));height:calc(24*var(--u));margin-inline-start:calc(4*var(--u))}
#top .scr .bc-wave i{display:block;width:calc(3*var(--u));height:100%;border-radius:2px;background:rgba(255,255,255,.85);transform:scaleY(.3)}

#top .scr .aip-state{display:grid}
#top .scr .aip-state>span{grid-area:1/1;display:inline-flex;align-items:center;gap:calc(6*var(--u));justify-content:flex-end}
#top .scr .aip-state .s-live{color:#B42318;font-weight:600}
#top .scr .aip-state .s-live .rec{background:#D92D20;box-shadow:0 0 0 calc(3*var(--u)) rgba(217,45,32,.18);width:calc(7*var(--u));height:calc(7*var(--u))}
#top .scr .aip-state .s-an{color:var(--d2-blue-700)}
#top .scr .aip-body{position:relative;flex:1;min-height:0}
#top .scr .aip-body>div{position:absolute;inset:0}
#top .scr .ai-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:calc(8*var(--u));color:var(--d2-ink-3);font-size:calc(13*var(--u));padding:0 calc(20*var(--u));
  border:1px dashed var(--d2-line-strong);border-radius:calc(12*var(--u));background:rgba(255,255,255,.7)}
#top .scr .ai-empty b{color:var(--d2-ink);font-size:calc(15*var(--u));font-weight:600}
#top .scr .ai-orb{width:calc(48*var(--u));height:calc(48*var(--u));border-radius:50%;display:grid;place-items:center;background:var(--d2-blue-50);color:var(--d2-blue);box-shadow:0 0 0 calc(8*var(--u)) rgba(238,243,254,.6)}
#top .scr .ai-orb .d2-ic{width:calc(22*var(--u));height:calc(22*var(--u))}
#top .scr .ai-live{opacity:0;display:flex;flex-direction:column;gap:calc(12*var(--u))}
#top .scr .lv-wave{height:calc(60*var(--u));display:flex;align-items:center;gap:calc(4*var(--u));padding:0 calc(6*var(--u));border-radius:calc(12*var(--u));background:#fff;border:1px solid var(--d2-line-soft)}
#top .scr .lv-wave i{display:block;flex:1;height:calc(42*var(--u));border-radius:2px;background:linear-gradient(180deg,#3B78EE,#1F5BD8);transform:scaleY(.12)}
#top .scr .lv-line{font-size:calc(13*var(--u));line-height:1.8;color:var(--d2-ink-2);padding:calc(8*var(--u)) calc(12*var(--u));border-radius:calc(10*var(--u));background:#fff;border:1px solid var(--d2-line-soft);opacity:0}
#top .scr .lv-line b{display:block;font-size:calc(11.5*var(--u));color:var(--d2-ink-4);font-weight:600}
#top .scr .lv-line.l2{background:var(--d2-blue-50);border-color:var(--d2-blue-100)}
#top .scr .ai-skel{opacity:0;display:flex;flex-direction:column;gap:calc(12*var(--u))}
#top .scr .ai-skel i{display:block;height:calc(11*var(--u));border-radius:calc(6*var(--u));background:linear-gradient(90deg,#E8EEF8 0,#F4F7FC 40%,#E8EEF8 80%) 0 0/200% 100%;animation:heroSk .91s linear infinite}
#top .scr .ai-skel .sk-row{display:flex;gap:calc(8*var(--u));align-items:center}
#top .scr .ai-skel .sk-g{display:flex;gap:calc(16*var(--u));align-items:center}
#top .scr .ai-skel .sk-g>div{flex:1;display:grid;gap:calc(8*var(--u))}
#top .scr .ai-skel i.g{width:calc(104*var(--u));height:calc(56*var(--u));border-radius:calc(56*var(--u)) calc(56*var(--u)) calc(8*var(--u)) calc(8*var(--u))}
@keyframes heroSk{to{background-position:-200% 0}}
#top .scr .ai-res{opacity:0;display:flex;flex-direction:column;gap:calc(13*var(--u))}
#top .scr .g-arc{stroke-dasharray:100;stroke-dashoffset:100}
#top .scr .sum{margin:0}
#top .scr .d2-coach{margin-top:0}

#top .scr .incall{position:absolute;z-index:12;top:calc(70*var(--u));left:50%;width:calc(540*var(--u));margin-left:calc(-270*var(--u));height:calc(80*var(--u));border-radius:calc(20*var(--u));
  display:flex;align-items:center;gap:calc(16*var(--u));padding:0 calc(14*var(--u));color:#E6ECF5;
  background:rgba(13,22,38,.94);box-shadow:0 calc(24*var(--u)) calc(48*var(--u)) -16px rgba(13,22,38,.55),0 0 0 1px rgba(255,255,255,.06) inset;
  opacity:0;visibility:hidden}
#top .scr .ring{position:relative;width:calc(50*var(--u));height:calc(50*var(--u));border-radius:50%;background:#16A34A;display:grid;place-items:center;color:#fff;flex:none}
#top .scr .ring .d2-ic{width:calc(22*var(--u));height:calc(22*var(--u));position:relative}
#top .scr .ring i{display:block;position:absolute;inset:0;border-radius:50%;border:2px solid rgba(34,197,94,.7);animation:heroRing 1.04s cubic-bezier(.2,.7,.2,1) infinite}
#top .scr .ring i:nth-child(2){animation-delay:.52s}
@keyframes heroRing{from{transform:scale(1);opacity:.9}to{transform:scale(1.7);opacity:0}}
#top .scr .ic-txt{flex:1;display:flex;flex-direction:column;line-height:1.35}
#top .scr .ic-txt small{font-size:calc(12*var(--u));color:#8A95A6}
#top .scr .ic-txt b{font-size:calc(18*var(--u));font-weight:600;color:#fff}
#top .scr .ic-txt .d2-ltr{font-size:calc(13.5*var(--u));color:#B8C2D1;align-self:flex-end}
#top .scr .ic-btn{height:calc(46*var(--u));border-radius:calc(14*var(--u));display:inline-flex;align-items:center;justify-content:center;gap:calc(8*var(--u));font-size:calc(15*var(--u));font-weight:600}
#top .scr .ic-btn.no{width:calc(46*var(--u));background:rgba(217,45,32,.18);color:#F7A1A1}
#top .scr .ic-btn.yes{padding:0 calc(16*var(--u));background:#16A34A;color:#fff}
#top .scr .ic-btn.yes .d2-kbd,#top .scr .save-next .d2-kbd{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.35);color:#fff}

#top .scr .sheet-dim{inset:calc(56*var(--u)) 0 0;background:rgba(13,22,38,.22);opacity:0;visibility:hidden}
#top .scr .sheet{visibility:visible}
#top .scr .d2-ob{overflow:hidden}
#top .scr .d2-ob>i,#top .scr .d2-ob .d2-kbd,#top .scr .d2-ob .ol{position:relative;z-index:1}
#top .scr .ob-fill{position:absolute;inset:0;z-index:0;border-radius:calc(11*var(--u));background:var(--d2-violet-bg);box-shadow:inset 0 0 0 2px var(--d2-violet-main);opacity:0}
#top .scr .ob-5{font-weight:500}
#top .scr .fields-wrap{position:relative;margin-top:calc(16*var(--u));height:calc(64*var(--u))}
#top .scr .fields-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:calc(6*var(--u));border:1px dashed var(--d2-line-strong);border-radius:calc(12*var(--u));color:var(--d2-ink-4);font-size:calc(13*var(--u))}
#top .scr .fields{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr 2fr;gap:calc(12*var(--u)) calc(14*var(--u));opacity:0}
#top .scr .d2-input .d2-ic{color:var(--d2-ink-3)}
#top .scr .tw{display:inline-block;clip-path:inset(0 0 0 100%)}
#top .scr .ai-chip{margin-inline-start:auto;display:inline-flex;align-items:center;gap:calc(4*var(--u));font-size:calc(11*var(--u));color:var(--d2-blue-700);background:var(--d2-blue-50);border-radius:calc(999*var(--u));padding:1px calc(8*var(--u));opacity:0}
#top .scr .ai-sug{display:inline-flex;align-items:center;gap:calc(6*var(--u))}

#top .scr .incall{opacity:0;visibility:hidden}
#top .scr .ai-empty,#top .scr .ai-live,#top .scr .ai-skel{opacity:0;visibility:hidden}
#top .scr .ai-res{opacity:1}
#top .scr .aip-state>span{opacity:0}
#top .scr .aip-state .s-done{opacity:1}
#top .scr .g-arc{stroke-dashoffset:28}
#top .scr .sheet{transform:translateY(105%)}
#top .scr .sheet-dim{opacity:0;visibility:hidden}

#top.is-armed .scr .ai-empty{opacity:1;visibility:visible}
#top.is-armed .scr .ai-res{opacity:0;visibility:hidden}
#top.is-armed .scr .aip-state .s-done{opacity:0}
#top.is-armed .scr .aip-state .s-wait{opacity:1}
#top.is-armed .scr .g-arc{stroke-dashoffset:100}
#top.is-armed .scr .r-urg,#top.is-armed .scr .sum span,#top.is-armed .scr .d2-obj,#top.is-armed .scr .d2-note.nx{opacity:0}
#top.is-armed .scr .lv-line{opacity:0}
#top.is-armed .scr .rec-new{opacity:0;visibility:hidden}

#top .scr .is-live .lv-wave i{animation:heroWave .72s ease-in-out infinite alternate}
#top .scr .is-live .bc-wave i{animation:heroWave .59s ease-in-out infinite alternate}
#top .scr .lv-wave i:nth-child(3n){animation-delay:-.19s} #top .scr .lv-wave i:nth-child(3n+1){animation-delay:-.45s}
#top .scr .bc-wave i:nth-child(2n){animation-delay:-.26s}
@keyframes heroWave{from{transform:scaleY(.15)}to{transform:scaleY(.85)}}

@media (prefers-reduced-motion:reduce){
  #top .scr .ai-skel i,#top .scr .ring i,#top .scr .is-live .lv-wave i,#top .scr .is-live .bc-wave i{animation:none}
  #top .hero-steps .chip,#top .hs-n{transition:none}
}

@media (max-width:1068px){
  #top{padding-top:calc(var(--nav-h) + var(--nav-top) + 48px);padding-bottom:88px}
  #top .hero-show{margin-top:52px}
}

@media (max-width:734px){
  #top{padding-top:calc(var(--nav-h) + var(--nav-top) + 36px);padding-bottom:84px}
  #top .eyebrow{margin-bottom:10px}
  #top .hero-id{font-size:15px;line-height:1.7}
  #top .hero-lead{font-size:17px;line-height:1.75;margin-top:12px}
  #top .hero-ctas{margin-top:24px}
  #top .hero-params{flex-direction:column;align-items:stretch;gap:10px}
  #top .hero-params>li{display:flex}
  #top .hero-way{flex:1;justify-content:center;font-size:14.5px;padding:11px 14px}
  #top .hero-show{margin-top:44px}
  #top .hero-steps-row{order:0;margin:0 0 20px}
  #top .hero-steps{gap:8px}
  #top .hero-steps .chip{font-size:13.5px;padding:7px 12px 7px 14px;gap:8px;border-radius:12px}
  #top .hs-n{width:20px;height:20px;font-size:12px}
  #top .hs-arrow{display:none}
  #top .hero-screen{aspect-ratio:430/780;border-radius:14px}
  #top .scr .aip-body>.ai-empty{inset:auto 0;top:50%;transform:translateY(-50%);padding:calc(28*var(--u)) calc(20*var(--u))}
  #top .hero-play{bottom:-48px;inset-inline-end:0}
  #top .scr{--u:calc(100cqw / 430)}
  #top .scr .app{height:100%}
  #top .scr .d2-top{padding:0 calc(14*var(--u))}
  #top .scr .d2-qprog,#top .scr .d2-top .d2-btn,#top .scr .d2-cmdk,#top .scr .d2-me>div{display:none}
  #top .scr .d2-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:calc(12*var(--u));padding:calc(12*var(--u))}
  #top .scr .d2-fcard{padding:calc(16*var(--u)) calc(18*var(--u)) calc(14*var(--u))}
  #top .scr .d2-crumb,#top .scr .d2-fmeta,#top .scr .d2-fcols,#top .scr .d2-nextrow,#top .scr .d2-sq,#top .scr .d2-tag.rr,#top .scr .d2-tag.info{display:none}
  #top .scr .d2-fname{font-size:calc(24*var(--u));margin-top:calc(6*var(--u))}
  #top .scr .d2-fphone{font-size:calc(16*var(--u))}
  #top .scr .d2-callrow{margin-top:calc(12*var(--u))}
  #top .scr .big-call{min-width:0;width:100%}
  #top .scr .d2-aip{padding:calc(14*var(--u)) calc(16*var(--u))}
  #top .scr .d2-coach .sugs{display:none}
  #top .scr .incall{width:calc(400*var(--u));margin-left:calc(-200*var(--u));top:calc(64*var(--u))}
  #top .scr .ic-btn.yes .d2-kbd{display:none}
  #top .scr .d2-sheet{inset-inline:calc(10*var(--u));padding:calc(8*var(--u)) calc(16*var(--u)) calc(14*var(--u))}
  #top .scr .d2-sheet-h .d2-mut{display:none}
  #top .scr .d2-obgrid{grid-template-columns:repeat(2,1fr)}
  #top .scr .d2-ob:nth-child(n+7){display:none}
  #top .scr .fields-wrap{height:calc(196*var(--u))}
  #top .scr .fields{grid-template-columns:1fr}
  #top .scr .d2-sheet-f .ai-sug,#top .scr .d2-sheet-f .d2-btn.gh,#top .scr .d2-sheet-f .d2-btn.out{display:none}
}

#top .scr .rec-h{margin-top:calc(16*var(--u))}
#top .scr .recs{display:flex;flex-direction:column;gap:calc(8*var(--u))}
#top .scr .rec-row{display:flex;align-items:center;gap:calc(10*var(--u));padding:calc(8*var(--u)) calc(10*var(--u));border:1px solid var(--d2-line-soft);border-radius:calc(10*var(--u));background:var(--d2-bg,#fff);font-size:calc(12*var(--u));color:var(--d2-ink-2)}
#top .scr .rec-row .pl{width:calc(26*var(--u));height:calc(26*var(--u));border-radius:50%;display:grid;place-items:center;background:var(--d2-blue-50);color:var(--d2-blue);flex:none}
#top .scr .rec-row .rw{flex:1;display:flex;align-items:center;gap:calc(2*var(--u));height:calc(18*var(--u))}
#top .scr .rec-row .rw i{flex:1;border-radius:2px;background:var(--d2-line);height:40%}
#top .scr .rec-row .rw i:nth-child(3n){height:85%} #top .scr .rec-row .rw i:nth-child(4n+1){height:60%} #top .scr .rec-row .rw i:nth-child(5n+2){height:100%}
#top .scr .rec-row .rt{white-space:nowrap}
#top .scr .rec-row .d2-tag{flex:none}

/* ==== src/css/frames.css ==== */
.sticker{--rot:-2deg;--edge:5px;--r:16px;
  position:relative;display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--r);
  background:#fff;color:var(--ink);font-size:var(--t-caption);line-height:1.5;
  box-shadow:0 0 0 var(--edge) #fff,0 0 0 calc(var(--edge) + .5px) rgba(0,0,0,.07),
             0 2px 3px var(--edge) rgba(0,0,0,.07),0 18px 28px -8px rgba(0,0,0,.18);
  transform:rotate(var(--rot))}
.sticker.pill{--r:var(--pill);padding:10px 18px}

.sticker.accent{background:var(--accent);color:#fff}
.sticker.ink{background:var(--ink);color:#fff}
.sticker.lg{padding:16px 20px;font-size:var(--t-body);--r:20px}
.sticker .ico{width:18px;height:18px}
.sticker b,.sticker strong{font-weight:600;color:inherit}
.dark .sticker{box-shadow:0 0 0 var(--edge) #fff,0 2px 3px var(--edge) rgba(0,0,0,.3),0 24px 40px -10px rgba(0,0,0,.6)}

html.js [data-pop]:not(.popped){opacity:0;transform:rotate(var(--rot,0deg)) scale(.6)}
html.js [data-pop].popped{animation:stickerPop .325s var(--ease-pop) var(--pop-delay,0s) both}
@keyframes stickerPop{from{opacity:0;transform:rotate(var(--rot,0deg)) scale(.6)}to{opacity:1;transform:rotate(var(--rot,0deg)) scale(1)}}

.badge{display:inline-block;font-size:12px;font-weight:600;line-height:1.4;color:var(--acc-new)}
.badge.fill{padding:2px 9px;border-radius:var(--pill);background:var(--bg-alt);color:var(--ink)}
.badge.fill.accent{background:color-mix(in srgb,var(--accent) 12%,#fff);color:var(--accent)}

@media (prefers-reduced-motion:reduce){ html.js [data-pop]:not(.popped){opacity:1;transform:rotate(var(--rot,0deg))} html.js [data-pop].popped{animation:none} }

/* ==== src/css/how.css ==== */
#how{--accent:var(--brand)}
#how .how-head{max-width:820px;margin:0 auto 72px}
#how .how-head .lead{margin-top:22px}

.how-title{margin:6px 0 0}
.how-tchips{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.how-tchip{display:inline-flex;align-items:center;padding:10px 28px 12px;border-radius:20px;background:#fff;border:1px solid var(--line-soft);
  box-shadow:var(--sh-chip);font-size:clamp(30px,1.6vw + 18px,44px);line-height:1.3;font-weight:600;color:var(--ink)}
.how-tchip:nth-child(2){color:var(--brand)}

.how-flow{--dot:60px;position:relative;margin:0 auto;max-width:1180px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));row-gap:34px}
.how-phase{grid-row:1;text-align:center;padding:0 10px 18px;position:relative}
.how-phase[data-g="1"]{grid-column:1 / 4}
.how-phase[data-g="2"]{grid-column:4 / 6}
.how-phase[data-g="3"]{grid-column:6 / 8}

.how-phase::after{content:"";position:absolute;bottom:0;height:10px;border:1.5px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;
  inset-inline:calc(50% / 2) calc(50% / 2)}
.how-phase[data-g="1"]::after{inset-inline:calc(100% / 6) calc(100% / 6)}
.how-ph-t{display:inline-flex;align-items:center;gap:10px;font-size:var(--t-card);line-height:var(--lh-card);font-weight:600;color:var(--ink)}
.how-ph-t .n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;flex:none;font-size:14px;font-weight:600;line-height:1;background:var(--ink);color:#fff}
.how-phase p{margin:8px auto 0;max-width:min(92%,420px);font-size:15.5px;line-height:1.75;color:var(--ink-2);text-wrap:balance}

.how-rail{position:absolute;z-index:0;left:0;top:0;width:0;height:2px;pointer-events:none}
.how-rail i{position:absolute;inset:0;display:block;border-radius:2px}
.how-rail .track{background:var(--line)}
.how-rail .fill{background:var(--brand);transform-origin:100% 50%;transform:scaleX(var(--p,1))}

.how-node{grid-row:2;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 7px;min-width:0}
.how-node[data-i="0"]{grid-column:1} .how-node[data-i="1"]{grid-column:2} .how-node[data-i="2"]{grid-column:3} .how-node[data-i="3"]{grid-column:4}
.how-node[data-i="4"]{grid-column:5} .how-node[data-i="5"]{grid-column:6} .how-node[data-i="6"]{grid-column:7}
.how-node .dot{display:grid;place-items:center;width:var(--dot);height:var(--dot);border-radius:50%;background:#fff;color:var(--ink);flex:none;
  box-shadow:0 0 0 1px var(--line-soft),0 1px 2px rgba(15,23,42,.06),0 8px 20px rgba(15,23,42,.08);
  transition:transform .45s var(--ease-calm),opacity .45s var(--ease-calm),background-color .45s var(--ease-calm),color .45s var(--ease-calm),box-shadow .45s var(--ease-calm)}
.how-node .dot .ico{width:24px;height:24px}
.how-node.ai .dot{background:var(--brand);color:#fff;box-shadow:0 0 0 5px var(--brand-soft),0 8px 20px rgba(31,91,216,.25)}
.how-node .lbl{margin-top:16px;font-size:17px;line-height:1.45;font-weight:600;color:var(--ink);transition:color .45s var(--ease-calm)}
.how-node .sub{font-size:13.5px;line-height:1.6;color:var(--ink-2)}

.how-ui{--u:1px;margin-top:14px;flex:1;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:12px 12px;border-radius:14px;
  background:#fff;border:1px solid var(--line-soft);box-shadow:var(--sh-chip);font-size:12.5px;line-height:1.5;color:var(--d2-ink);white-space:nowrap;text-align:right;min-height:84px;
  transition:opacity .52s var(--ease-calm),transform .52s var(--ease-calm),box-shadow .52s var(--ease-calm),border-color .52s var(--ease-calm)}
.how-ui .r{display:inline-flex;align-items:center;gap:6px;font-weight:500}
.how-ui .v{color:var(--d2-ink-2)}
.how-ui .v b{color:var(--d2-ink);font-weight:600}
.how-ui .mut{color:var(--d2-ink-3)}
.how-ui .live{width:7px;height:7px;border-radius:50%;background:var(--d2-ok-main);box-shadow:0 0 0 3px var(--d2-ok-bg)}
.how-ui .wv{gap:2px;height:18px;align-items:center}
.how-ui .wv i{display:block;width:3px;height:calc(var(--h) * 18px);border-radius:2px;background:var(--d2-blue-500)}
.how-ui .k{color:var(--d2-blue);font-weight:600}
.how-ui .mtr{display:block;width:100%;max-width:110px;height:5px;border-radius:3px;background:var(--d2-line-soft);overflow:hidden}
.how-ui .mtr i{display:block;width:72%;height:100%;border-radius:3px;background:var(--d2-blue);transform-origin:100% 50%;transition:transform .72s var(--ease-calm) .14s}
.how-ui .tg{display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:6px;font-size:11.5px;font-weight:500;background:var(--d2-warn-bg);color:var(--d2-warn-ink);border:1px solid var(--d2-warn-line)}
.how-ui .ok{color:var(--d2-ok)}
.how-ui .sep{display:inline-block;width:1px;height:.9em;margin:0 7px;vertical-align:-.1em;background:currentColor;opacity:.3}
.how-ui .ok .d2-ic{stroke-width:2.4}

.how-tx .ln{display:block;max-width:100%;color:var(--d2-ink-2)}
.how-tx .ln b{font-weight:600;color:var(--d2-ink-4);margin-inline-end:6px;font-size:11.5px}
.how-ui .tg.ok{background:var(--d2-ok-bg);color:var(--d2-ok);border-color:transparent}
.how-ui .r.ai{color:var(--d2-blue-700,#1849b3);font-weight:600}
.how-ui .r.ai .d2-ic{width:14px;height:14px;color:#3B78EE;fill:rgba(59,120,238,.16)}
.how-ui{white-space:normal}
.how-ui .v,.how-ui .r{max-width:100%}
.how-ui .tg,.how-ui .r{white-space:nowrap}
#how .how-head .lead{text-wrap:balance}
.how-rep .bars{display:flex;flex-direction:column;gap:3px;width:100%;max-width:120px}
.how-rep .bars i{display:block;height:5px;border-radius:3px;background:var(--d2-blue);width:calc(var(--w) * 100%);transform-origin:100% 50%;
  transition:transform .72s var(--ease-calm) .14s}
.how-rep .bars i+i{background:#9BB8F3} .how-rep .bars i+i+i{background:#C9D8FA}
.how-flow.is-armed .how-node:not(.on) .bars i{transform:scaleX(0);transition-delay:0s}

.how-flow.is-armed .how-phase:not(.on){opacity:.35}
.how-flow.is-armed .how-phase{transition:opacity .59s var(--ease-calm)}
.how-flow.is-armed .how-node:not(.on) .dot{transform:scale(.88);opacity:.5;box-shadow:0 0 0 1px var(--line-soft);background:#fff;color:var(--ink-3)}
.how-flow.is-armed .how-node:not(.on) .lbl{color:var(--ink-3)}
.how-flow.is-armed .how-node:not(.on) .how-ui{opacity:0;transform:translateY(12px)}
.how-flow.is-armed .how-node:not(.on) .mtr i{transform:scaleX(0);transition-delay:0s}

.how-flow.is-armed .how-node.cur .dot{background:var(--brand);color:#fff;transform:scale(1.06);box-shadow:0 0 0 6px var(--brand-soft),0 10px 24px rgba(31,91,216,.28)}
.how-flow.is-armed .how-node.cur .how-ui{border-color:#c9d8fa;box-shadow:0 0 0 3px var(--brand-soft),0 12px 28px rgba(31,91,216,.14)}
.how-flow.is-armed .how-node.on:not(.cur):not(.ai) .dot{color:var(--brand)}

.how-replay-row{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:20px;min-height:40px}

.how-count{display:flex;align-items:center;gap:12px;margin:0;font-size:14px;color:var(--ink-2)}
.how-count b{font-weight:600;color:var(--ink)}
.how-count .hc-bar{position:relative;display:block;width:120px;height:3px;border-radius:2px;background:var(--line);overflow:hidden}
.how-count .hc-bar i{position:absolute;inset:0;border-radius:2px;background:var(--brand);transform-origin:100% 50%;transform:scaleX(var(--hp,1));transition:transform .39s var(--ease-calm)}
html:not(.js) .how-count{display:none}
.how-replay{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 16px;border-radius:12px;color:var(--ink-2);font-size:14px;font-weight:500;
  background:#fff;border:1px solid var(--line-soft);box-shadow:var(--sh-chip);transition:color .13s ease}
.how-replay:hover{color:var(--ink)}
.how-replay .ico{width:16px;height:16px}

@media (max-width:1068px){
  #how .how-head{margin-bottom:48px}
  .how-tchips{gap:10px}
  .how-tchip{padding:8px 20px 10px;border-radius:16px}
  .how-flow{--dot:52px;grid-template-columns:minmax(0,1fr);row-gap:0;max-width:560px}
  .how-phase,.how-node{grid-column:1 !important;grid-row:auto !important}
  .how-phase{text-align:start;padding:0;padding-inline-start:calc(var(--dot) + 18px);margin:30px 0 18px}
  .how-phase[data-g="1"]{margin-top:0}
  .how-phase::after{display:none}
  .how-ph-t .n{position:absolute;top:2px;inset-inline-start:calc(var(--dot) / 2 - 14px);z-index:1;box-shadow:0 0 0 5px var(--bg-alt)}
  .how-phase p{margin:4px 0 0;max-width:none;text-wrap:pretty}
  .how-node{display:grid;grid-template-columns:var(--dot) minmax(0,1fr);column-gap:18px;padding:0 0 22px;align-items:start;text-align:start}
  .how-node .dot{grid-row:1 / 4}
  .how-node .lbl{grid-column:2;margin-top:2px}
  .how-node .sub{grid-column:2}
  .how-ui{grid-column:2;margin-top:10px;min-height:0;white-space:normal}
  .how-rail{width:2px;height:0}

  .how-flow.is-armed .how-node:not(.on) .how-ui{opacity:.35;transform:none}
  .how-rail .fill{transform-origin:50% 0;transform:scaleY(var(--p,1))}
}
@media (prefers-reduced-motion:reduce){
  .how-node .dot,.how-ui,.how-ui .mtr i,.how-rep .bars i,.how-node .lbl,.how-flow .how-phase,.how-count .hc-bar i{transition:none}
}

.how-phase p.how-ai{margin-top:10px;font-size:15px}
@media (max-width:860px){ .how-phase p.how-ai{margin-top:8px} }

/* ==== src/css/leadcard.css ==== */
#leadcard{--accent:var(--brand);
  --p-blue:#1F5BD8;--p-blue-700:#1747AE;--p-blue-100:#DCE7FD;--p-blue-50:#EEF3FE;
  --p-ink:#0D1626;--p-ink-2:#344155;--p-ink-3:#5A6678;--p-ink-4:#8A95A6;
  --p-line:#E5EAF1;--p-line-soft:#EEF1F6;--p-line-strong:#D3DBE6;--p-subtle:#F6F8FB;--p-canvas:#F3F5F9;
  --p-ok:#166534;--p-ok-bg:#ECFDF3;--p-ok-line:#CDEFD9;--p-ok-main:#16A34A;
  --p-bad:#B42318;--p-bad-bg:#FDECEA;--p-bad-line:#F9D4D0;--p-bad-main:#D92D20}
#leadcard .lcv{--u:1.05px;max-width:1120px;margin-inline:auto}

#leadcard .lcv-screen{background:#fff;color:var(--p-ink);font-family:var(--font);text-align:right;direction:rtl;border-radius:18px}
#leadcard .lcv-ic{width:calc(16*var(--u));height:calc(16*var(--u));fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
#leadcard .lcv-ic--ai{color:var(--p-blue);width:calc(18*var(--u));height:calc(18*var(--u))}
#leadcard .lcv-grow{flex:1 1 auto}
#leadcard .lcv-dot{width:calc(7*var(--u));height:calc(7*var(--u));border-radius:50%;background:#6d4c41;display:inline-block;flex:none}
#leadcard .lcv-dot--ok{background:var(--p-ok-main)}

#leadcard .lcv-dlg-h{display:flex;align-items:center;gap:calc(10*var(--u));padding:calc(16*var(--u)) calc(24*var(--u)) calc(12*var(--u));white-space:nowrap}
#leadcard .lcv-name{font-size:calc(19*var(--u));font-weight:600;line-height:1.3}
#leadcard .lcv-obtn{display:inline-flex;align-items:center;gap:calc(6*var(--u));height:calc(34*var(--u));padding:0 calc(12*var(--u));border:1px solid var(--p-line-strong);
  border-radius:calc(8*var(--u));font-size:calc(13*var(--u));font-weight:500;color:var(--p-ink);background:#fff;transition:background-color .16s ease,border-color .16s ease,transform .13s ease}
#leadcard .lcv-obtn--sm{height:calc(30*var(--u));font-size:calc(12.5*var(--u))}
#leadcard .lcv-obtn.is-pressed{background:var(--p-blue-50);border-color:var(--p-blue);color:var(--p-blue-700);transform:scale(.96)}
#leadcard .lcv-x{color:var(--p-ink-3);display:inline-flex;padding:calc(4*var(--u))}
#leadcard .lcv-phases{display:flex;gap:calc(4*var(--u));padding:0 calc(16*var(--u));border-bottom:1px solid var(--p-line);white-space:nowrap;overflow:hidden}
#leadcard .lcv-phases > span{position:relative;padding:calc(10*var(--u)) calc(12*var(--u)) calc(12*var(--u));font-size:calc(13.5*var(--u));color:var(--p-ink-3)}
#leadcard .lcv-phases > .on{color:var(--p-ink);font-weight:600}
#leadcard .lcv-phases > .on::after{content:"";position:absolute;inset-inline:calc(6*var(--u));bottom:-1px;height:2px;border-radius:2px;background:var(--p-blue)}

#leadcard .lcv-tag{display:inline-flex;align-items:center;gap:calc(5*var(--u));min-height:calc(22*var(--u));padding:calc(1*var(--u)) calc(8*var(--u));border-radius:calc(6*var(--u));
  border:1px solid var(--p-line);background:var(--p-subtle);color:var(--p-ink-2);font-size:calc(12.5*var(--u));font-weight:500;line-height:1.4;white-space:nowrap}
#leadcard .lcv-tag .lcv-ic{width:calc(13*var(--u));height:calc(13*var(--u))}
#leadcard .lcv-tag--status{background:#f6f1ef;border-color:#e6dad5;color:#5D4037}
#leadcard .lcv-tag--plain{background:#fff}
#leadcard .lcv-tag--info{background:var(--p-blue-50);border-color:var(--p-blue-100);color:var(--p-blue-700)}
#leadcard .lcv-tag--ok{background:var(--p-ok-bg);border-color:var(--p-ok-line);color:var(--p-ok)}
#leadcard .lcv-tag--bad{background:var(--p-bad-bg);border-color:var(--p-bad-line);color:var(--p-bad)}
#leadcard .lcv-tags{display:flex;flex-wrap:wrap;gap:calc(6*var(--u));align-items:center}
#leadcard .lcv-time{display:inline-flex;align-items:center;gap:calc(4*var(--u));height:calc(22*var(--u));padding:0 calc(7*var(--u));border-radius:calc(6*var(--u));
  border:1px solid var(--p-line-strong);background:#fff;color:var(--p-ink-2);font-size:calc(12*var(--u));font-variant-numeric:tabular-nums}
#leadcard .lcv-time{transition:background-color .33s ease,border-color .33s ease,color .33s ease}
#leadcard .lcv-time.is-flash{background:var(--p-blue-50);border-color:var(--p-blue);color:var(--p-blue-700)}
#leadcard .lcv-time .lcv-ic{width:calc(13*var(--u));height:calc(13*var(--u));color:var(--p-ink-3)}

#leadcard .lcv-body{padding:calc(16*var(--u)) calc(20*var(--u)) calc(20*var(--u));background:#fff}
#leadcard .lcv-intel{border:1px solid var(--p-blue-100);border-radius:calc(16*var(--u));background:#fff linear-gradient(180deg,#F3F7FF 0,#FFFFFF calc(220*var(--u)));
  padding:calc(16*var(--u)) calc(20*var(--u)) calc(20*var(--u))}
#leadcard .lcv-intel-h{display:flex;align-items:center;gap:calc(8*var(--u));white-space:nowrap;font-size:calc(14.5*var(--u))}
#leadcard .lcv-intel-h b{font-weight:600}
#leadcard .lcv-obtn--quiet{border-color:transparent;background:transparent;color:var(--p-ink-3);padding-inline:calc(6*var(--u))}
#leadcard .lcv-rules{display:inline-flex;align-items:center;gap:calc(6*var(--u));font-size:calc(12.5*var(--u));font-weight:500;color:var(--p-ink-2)}
#leadcard .lcv-meta{display:inline-flex;align-items:center;gap:calc(6*var(--u));font-size:calc(12.5*var(--u));color:var(--p-ink-3)}
#leadcard .lcv-itabs{display:flex;gap:calc(2*var(--u));margin:calc(12*var(--u)) 0 calc(14*var(--u));border-bottom:1px solid var(--p-line);white-space:nowrap;overflow:hidden}
#leadcard .lcv-itabs > span{position:relative;padding:calc(9*var(--u)) calc(14*var(--u)) calc(11*var(--u));font-size:calc(13.5*var(--u));color:var(--p-ink-3);transition:color .26s ease}
#leadcard .lcv-itabs > span::after{content:"";position:absolute;inset-inline:calc(8*var(--u));bottom:-1px;height:2px;border-radius:2px;background:var(--p-blue);transform:scaleX(0);transition:transform .29s var(--ease-calm)}
#leadcard .lcv-itabs > .on{color:var(--p-ink);font-weight:600}
#leadcard .lcv-itabs > .on::after{transform:scaleX(1)}

#leadcard .lcv-views{display:grid}
#leadcard .lcv-view{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;transition:opacity .33s ease,visibility 0s linear .33s}
#leadcard .lcv-view.is-on{opacity:1;visibility:visible;transition:opacity .33s ease .05s,visibility 0s}
#leadcard .lcv-view--center{align-self:center}

#leadcard .lcv-card{border:1px solid var(--p-line);border-radius:calc(12*var(--u));background:#fff;padding:calc(14*var(--u)) calc(16*var(--u));min-width:0}
#leadcard .lcv-card--edge{border-inline-start:3px solid var(--p-bad-main)}
#leadcard .lcv-card-h{display:flex;align-items:center;justify-content:space-between;gap:calc(8*var(--u));min-height:calc(24*var(--u));margin-bottom:calc(10*var(--u))}
#leadcard .lcv-ov{font-size:calc(12*var(--u));font-weight:600;color:var(--p-ink-3);letter-spacing:0}
#leadcard .lcv-mut{font-size:calc(12.5*var(--u));color:var(--p-ink-3)}
#leadcard .lcv-lt{margin:calc(8*var(--u)) 0 0;font-size:calc(13.5*var(--u));line-height:1.8;color:var(--p-ink-2)}
#leadcard .lcv-lt b{color:var(--p-ink);font-weight:600}
#leadcard .lcv-two{display:grid;grid-template-columns:1fr 1fr;gap:calc(12*var(--u));margin-top:calc(12*var(--u))}

#leadcard .lcv-overview{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:calc(16*var(--u));align-items:center}
#leadcard .lcv-gauge{position:relative;width:calc(104*var(--u));height:calc(60*var(--u))}
#leadcard .lcv-gauge svg{display:block;width:100%;height:100%;overflow:visible}
#leadcard .lcv-gauge path{fill:none;stroke-width:9;stroke-linecap:round}
#leadcard .lcv-gauge .tr{stroke:var(--p-line)}
#leadcard .lcv-gauge .val{stroke:var(--p-blue)}
#leadcard .lcv-gauge .num{position:absolute;inset-inline:0;bottom:0;text-align:center;font-size:calc(24*var(--u));font-weight:600;line-height:1;font-variant-numeric:tabular-nums}
#leadcard .lcv-ov-t{display:flex;flex-direction:column;gap:calc(2*var(--u));min-width:0}
#leadcard .lcv-urg{font-size:calc(15.5*var(--u));font-weight:600;color:var(--p-bad);line-height:1.6}
#leadcard .lcv-ovgrid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:calc(28*var(--u));align-items:center}
#leadcard .lcv-reason{padding-inline-start:calc(24*var(--u));border-inline-start:1px solid var(--p-line-soft)}
#leadcard .lcv-reason .lcv-lt{margin-top:calc(10*var(--u))}

#leadcard .lcv-rows{display:flex;flex-direction:column}
#leadcard .lcv-obj + .lcv-obj{margin-top:calc(10*var(--u));padding-top:calc(10*var(--u));border-top:1px solid var(--p-line-soft)}
#leadcard .lcv-quote{margin:calc(7*var(--u)) 0 0;padding-inline-start:calc(10*var(--u));border-inline-start:2px solid var(--p-line-strong);font-size:calc(13*var(--u));line-height:1.7;color:var(--p-ink-3)}
#leadcard .lcv-sms{margin-top:calc(10*var(--u));padding:calc(10*var(--u)) calc(12*var(--u));border-radius:calc(8*var(--u));border:1px solid var(--p-line-soft);background:var(--p-subtle)}
#leadcard .lcv-sms p{margin:calc(4*var(--u)) 0 0;font-size:calc(13*var(--u));line-height:1.8;color:var(--p-ink)}

#leadcard .lcv-mentor{display:flex;flex-direction:column;gap:calc(12*var(--u))}
#leadcard .lcv-mentor-h{display:flex;align-items:center;gap:calc(8*var(--u));font-size:calc(14.5*var(--u))}
#leadcard .lcv-mentor-h b{font-weight:600}
#leadcard .lcv-count{font-variant-numeric:tabular-nums}
#leadcard .lcv-chat{display:flex;flex-direction:column;align-items:flex-start;gap:calc(10*var(--u));height:calc(285*var(--u));overflow:hidden;padding:calc(12*var(--u));
  border:1px solid var(--p-line);border-radius:calc(12*var(--u));background:var(--p-subtle)}
#leadcard .lcv-empty{display:none;padding:calc(4*var(--u))}
#leadcard .lcv-empty p{margin:0 0 calc(8*var(--u));font-size:calc(13.5*var(--u));color:var(--p-ink-2)}
#leadcard .lcv-sugs{display:flex;flex-wrap:wrap;gap:calc(6*var(--u))}
#leadcard .lcv-sugs > span{padding:calc(4*var(--u)) calc(11*var(--u));border-radius:999px;border:1px solid var(--p-blue-100);background:var(--p-blue-50);color:var(--p-blue-700);font-size:calc(12.5*var(--u));line-height:1.6}
#leadcard .lcv-msg{max-width:88%;padding:calc(9*var(--u)) calc(14*var(--u));border-radius:calc(12*var(--u));border:1px solid var(--p-line);background:#fff}
#leadcard .lcv-msg--me{align-self:flex-end;background:var(--p-blue-50);border-color:var(--p-blue-100)}
#leadcard .lcv-msg--ai{align-self:flex-start}
#leadcard .lcv-msg .who{display:block;font-size:calc(12*var(--u));font-weight:600;color:var(--p-ink-3);margin-bottom:calc(2*var(--u))}
#leadcard .lcv-msg p{margin:0;font-size:calc(13.5*var(--u));line-height:1.8;color:var(--p-ink)}
#leadcard .lcv-msg p + p{margin-top:calc(6*var(--u))}
#leadcard .lcv-msg .when{display:block;margin-top:calc(2*var(--u));font-size:calc(11.5*var(--u));color:var(--p-ink-4)}
#leadcard .lcv-typing{display:none;align-items:center;gap:calc(8*var(--u));align-self:flex-start;font-size:calc(12.5*var(--u));color:var(--p-ink-3)}
#leadcard .lcv-spin{width:calc(14*var(--u));height:calc(14*var(--u));border-radius:50%;border:2px solid var(--p-blue-100);border-top-color:var(--p-blue);animation:lcv-spin .59s linear infinite}
@keyframes lcv-spin{to{transform:rotate(360deg)}}
#leadcard .lcv-input{display:flex;gap:calc(8*var(--u));align-items:stretch}
#leadcard .lcv-field{flex:1 1 auto;min-width:0;display:flex;align-items:center;height:calc(44*var(--u));padding:0 calc(14*var(--u));border:1px solid var(--p-line-strong);border-radius:calc(8*var(--u));
  background:#fff;font-size:calc(13.5*var(--u));white-space:nowrap;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}
#leadcard .lcv-field .ph{color:var(--p-ink-4)}
#leadcard .lcv-field .typed{color:var(--p-ink)}
#leadcard .lcv-field .typed:empty{display:none}
#leadcard .lcv-field .caret{display:none;width:1.5px;height:1.2em;margin-inline-start:1px;background:var(--p-blue)}
#leadcard .lcv-field.is-typing{border-color:var(--p-blue);box-shadow:0 0 0 3px rgba(31,91,216,.12)}
#leadcard .lcv-field.is-typing .ph{display:none}
#leadcard .lcv-field.is-typing .caret{display:inline-block;animation:lcv-blink .65s steps(1) infinite}
@keyframes lcv-blink{50%{opacity:0}}
#leadcard .lcv-send{flex:none;width:calc(44*var(--u));display:grid;place-items:center;border-radius:calc(8*var(--u));background:var(--p-line-soft);color:var(--p-ink-4);transition:background-color .2s ease,color .2s ease,transform .13s ease}
#leadcard .lcv-send .lcv-ic{transform:scaleX(-1)}
#leadcard .lcv-send.is-ready{background:var(--p-blue);color:#fff}
#leadcard .lcv-send.is-pressed{transform:scale(.9);background:var(--p-blue-700)}

#leadcard .lcv-profile{max-width:calc(820*var(--u));margin-inline:auto;width:100%;padding:calc(18*var(--u)) calc(20*var(--u))}
#leadcard .lcv-apply{display:inline-flex;align-items:center}
#leadcard .lcv-apply [data-p="btn"]{display:none}
#leadcard .lcv-ptags{gap:calc(7*var(--u));margin-bottom:calc(4*var(--u))}
#leadcard .lcv-ptags .lcv-tag{font-size:calc(13*var(--u));min-height:calc(26*var(--u));padding-inline:calc(10*var(--u))}
#leadcard .lcv-info{display:flex;gap:calc(8*var(--u));align-items:flex-start;margin-top:calc(12*var(--u));padding:calc(10*var(--u)) calc(12*var(--u));border-radius:calc(8*var(--u));
  background:var(--p-blue-50);color:var(--p-blue-700);font-size:calc(12.5*var(--u));line-height:1.75}
#leadcard .lcv-info .lcv-ic{margin-top:calc(3*var(--u))}

#leadcard .lcv-caps{display:grid;margin-top:36px}
#leadcard .lcv-cap{grid-area:1/1;text-align:center;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .29s ease,transform .29s var(--ease-calm),visibility 0s linear .29s}
#leadcard .lcv-cap.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .33s ease .07s,transform .33s var(--ease-calm) .07s,visibility 0s}
#leadcard .lcv-cap-t{margin:0 0 14px;font-size:19px;font-weight:600;line-height:1.5;color:var(--ink)}
#leadcard .lcv-cap .chips{max-width:860px;margin-inline:auto}

#leadcard .lcv-ctl{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:28px}
#leadcard .lcv-tabs{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:var(--fill-2)}
#leadcard .lcv-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border:0;border-radius:999px;background:transparent;
  color:var(--ink);font-family:var(--font);font-size:16px;font-weight:500;cursor:pointer;overflow:hidden;transition:background-color .2s ease,color .2s ease}
#leadcard .lcv-tab:hover{background:rgba(0,0,0,.05)}
#leadcard .lcv-tab[aria-selected="true"]{background:var(--ink);color:#fff}
#leadcard .lcv-tab:focus-visible{outline:3px solid rgba(31,91,216,.45);outline-offset:2px}
#leadcard .lcv-prog{position:absolute;inset-inline:22px;bottom:7px;height:2px;border-radius:2px;background:rgba(255,255,255,.22);opacity:0;transition:opacity .2s ease}
#leadcard .lcv-prog > b{display:block;height:100%;border-radius:inherit;background:#fff;transform:scaleX(0);transform-origin:right center}
#leadcard .lcv.is-auto .lcv-tab[aria-selected="true"] .lcv-prog{opacity:1}
#leadcard .lcv-play{flex:none;background:var(--fill-2)}
#leadcard .lcv-play:hover{background:var(--fill)}

#leadcard .lcv-cta{margin-top:64px;padding:40px 24px 8px;border-top:1px solid var(--line-soft);text-align:center}
#leadcard .lcv-cta-t{margin:0 auto 22px;max-width:640px;font-size:var(--t-sub);font-weight:600;line-height:1.45;color:var(--ink)}
#leadcard .lcv-cta .cta-item{display:flex;flex-direction:column;align-items:center;gap:16px}
#leadcard .lcv-cta-chips{justify-content:center}

@media (max-width:1068px){
  #leadcard .lcv{--u:1px}
}
@media (max-width:820px){
  #leadcard .lcv{--u:.94px}
  #leadcard .lcv-hm2{display:none}
  #leadcard .lcv-two{grid-template-columns:1fr}
  #leadcard .lcv-ovgrid{grid-template-columns:1fr;gap:calc(12*var(--u))}
  #leadcard .lcv-reason{padding:0;border:0}
}
@media (max-width:734px){
  #leadcard .lcv{--u:.86px}
  #leadcard .lcv-screen{border-radius:14px}
  #leadcard .lcv-hm,#leadcard .lcv-hm-s,#leadcard .lcv-sms{display:none}
  #leadcard .lcv-dlg-h{padding:calc(12*var(--u)) calc(14*var(--u)) calc(10*var(--u))}
  #leadcard .lcv-phases{padding:0 calc(6*var(--u));-webkit-mask-image:linear-gradient(to left,#000 75%,transparent);mask-image:linear-gradient(to left,#000 75%,transparent)}
  #leadcard .lcv-body{padding:calc(10*var(--u))}
  #leadcard .lcv-intel{padding:calc(12*var(--u)) calc(12*var(--u)) calc(14*var(--u));border-radius:calc(14*var(--u))}
  #leadcard .lcv-card{padding:calc(12*var(--u))}
  #leadcard .lcv-chat{height:calc(340*var(--u))}
  #leadcard .lcv-msg{max-width:94%}
  #leadcard .lcv-caps{margin-top:28px}
  #leadcard .lcv-cap-t{font-size:17px;margin-bottom:12px}
  #leadcard .lcv-ctl{gap:10px;margin-top:22px}
  #leadcard .lcv-tabs{padding:4px;gap:2px}
  #leadcard .lcv-tab{min-height:42px;padding:0 14px;font-size:14.5px}
  #leadcard .lcv-prog{inset-inline:14px;bottom:6px}
  #leadcard .lcv-play{width:42px;height:42px}
  #leadcard .lcv-cta{margin-top:44px;padding:32px 0 0}
  #leadcard .lcv-cta-t{font-size:21px}
}
@media (max-width:380px){
  #leadcard .lcv-tab{padding:0 11px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  #leadcard .lcv-view,#leadcard .lcv-cap,#leadcard .lcv-itabs > span,#leadcard .lcv-itabs > span::after{transition:none}
  #leadcard .lcv-spin,#leadcard .lcv-field .caret{animation:none}
}

#leadcard .lcv-ev{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:"tp led" "pl pl";gap:calc(12*var(--u))}
#leadcard .lcv-tp{grid-area:tp;padding-bottom:calc(8*var(--u))}
#leadcard .lcv-tp-body{position:relative;height:calc(300*var(--u));overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom,#000 82%,transparent);mask-image:linear-gradient(to bottom,#000 82%,transparent)}
#leadcard .lcv-tp-list{display:flex;flex-direction:column;gap:calc(2*var(--u))}
#leadcard .lcv-ln{display:grid;grid-template-columns:calc(44*var(--u)) minmax(0,1fr);gap:calc(10*var(--u));align-items:baseline;
  padding:calc(6*var(--u)) calc(8*var(--u));border-radius:calc(8*var(--u))}
#leadcard .lcv-ln time{font-size:calc(11.5*var(--u));color:var(--p-ink-4);font-variant-numeric:tabular-nums;text-align:end}
#leadcard .lcv-ln p{margin:0;font-size:calc(13.5*var(--u));line-height:1.75;color:var(--p-ink-2)}
#leadcard .lcv-ln.c p{color:var(--p-ink)}
#leadcard .lcv-ln .who{display:inline-block;margin-inline-end:calc(6*var(--u));font-size:calc(11.5*var(--u));font-weight:600;color:var(--p-ink-3)}
#leadcard .lcv-ln.c .who{color:var(--p-blue-700)}
#leadcard .lcv-ln mark{background:var(--p-blue-50);color:inherit;padding:0 calc(3*var(--u));border-radius:calc(4*var(--u));box-decoration-break:clone;-webkit-box-decoration-break:clone}
#leadcard .lcv-ln mark.ok{background:var(--p-ok-bg)}
#leadcard .lcv-ln mark.bad{background:var(--p-bad-bg)}
#leadcard .lcv-ln.is-hit{background:var(--p-subtle)}
#leadcard .lcv-led{grid-area:led;display:flex;flex-direction:column}
#leadcard .lcv-led-n{font-variant-numeric:tabular-nums}
#leadcard .lcv-lr{position:relative;display:grid;grid-template-columns:calc(92*var(--u)) minmax(0,1fr) auto;gap:calc(8*var(--u));align-items:center;
  padding:calc(9*var(--u)) calc(10*var(--u));border-radius:calc(8*var(--u));border:1px solid transparent;font-size:calc(13*var(--u));transition:background-color .33s ease,border-color .33s ease}
#leadcard .lcv-lr + .lcv-lr{margin-top:calc(4*var(--u))}
#leadcard .lcv-lr .l{color:var(--p-ink-3);white-space:nowrap}
#leadcard .lcv-lr .v{grid-column:2;grid-row:1;font-weight:600;color:var(--p-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#leadcard .lcv-lr .v.ok{color:var(--p-ok)}
#leadcard .lcv-lr .v.bad{color:var(--p-bad)}
#leadcard .lcv-lr .sk{grid-column:2;grid-row:1;height:calc(10*var(--u));border-radius:calc(5*var(--u));background:var(--p-line-soft);opacity:0}
#leadcard .lcv-lr .lcv-time{grid-column:3}
#leadcard .lcv-lr.is-on{background:var(--p-blue-50);border-color:var(--p-blue-100)}
#leadcard .lcv-lr.is-on .lcv-time{background:var(--p-blue-50);border-color:var(--p-blue);color:var(--p-blue-700)}
#leadcard .lcv-pl{grid-area:pl;direction:ltr;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:calc(14*var(--u));align-items:center;
  padding:calc(12*var(--u)) calc(16*var(--u));border:1px solid var(--p-line);border-radius:calc(12*var(--u));background:#fff}
#leadcard .lcv-pbtn{width:calc(34*var(--u));height:calc(34*var(--u));border-radius:50%;display:grid;place-items:center;background:var(--p-blue);color:#fff}
#leadcard .lcv-pbtn .lcv-ic{width:calc(13*var(--u));height:calc(13*var(--u));fill:currentColor;stroke:none}
#leadcard .lcv-wave{position:relative;height:calc(38*var(--u))}
#leadcard .lcv-wv{position:absolute;inset:0;display:flex;align-items:center;gap:calc(2*var(--u))}
#leadcard .lcv-wv i{flex:1;min-height:calc(3*var(--u));border-radius:calc(2*var(--u));background:var(--p-line-strong)}
#leadcard .lcv-wv--prog i{background:var(--p-blue)}
#leadcard .lcv-marks{position:absolute;inset:0;pointer-events:none}
#leadcard .lcv-marks b{position:absolute;top:calc(-8*var(--u));width:calc(8*var(--u));height:calc(8*var(--u));margin-left:calc(-4*var(--u));border-radius:50%;
  background:var(--p-blue);box-shadow:0 0 0 calc(2*var(--u)) #fff}
#leadcard .lcv-head{position:absolute;top:calc(-5*var(--u));bottom:calc(-5*var(--u));left:100%;width:0;pointer-events:none}
#leadcard .lcv-head i{position:absolute;left:calc(-1*var(--u));top:0;bottom:0;width:calc(2*var(--u));border-radius:calc(2*var(--u));background:var(--p-ink)}
#leadcard .lcv-clock{font-size:calc(12.5*var(--u));font-weight:600;color:var(--p-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
#leadcard .lcv-clock .tot{font-weight:400;color:var(--p-ink-4)}

@media (max-width:820px){
  #leadcard .lcv-ev{grid-template-columns:1fr;grid-template-areas:"pl" "tp" "led"}
  #leadcard .lcv-tp-body{height:calc(210*var(--u))}
}
@media (max-width:734px){
  #leadcard .lcv-tl{display:none}
  #leadcard .lcv-tab{padding:0 16px}
  #leadcard .lcv-pl{padding:calc(10*var(--u)) calc(12*var(--u));gap:calc(10*var(--u))}
  #leadcard .lcv-wv i:nth-child(odd){display:none}
  #leadcard .lcv-lr{grid-template-columns:calc(84*var(--u)) minmax(0,1fr) auto;padding:calc(7*var(--u)) calc(6*var(--u))}
  #leadcard .lcv-cta-chips{max-width:330px;margin-inline:auto}
}

/* ==== src/css/platform.css ==== */
#platform{--accent:var(--brand);overflow-x:clip}
#platform .pf-head{margin-bottom:36px}
#platform .pf-head .lead{max-width:860px}

.pf{--pf-card-w:min(800px,86vw)}
@media (min-width:1800px){ .pf{--pf-card-w:880px} .pf .pf-media{height:550px} }
.pf-scroller{display:flex;gap:22px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;
  padding-inline:max(var(--gutter),calc((100% - var(--pf-card-w)) / 2));scroll-padding-inline:0;
  padding-block:6px 10px}

@media (min-width:1024px){
  html #platform .pf-scroller{--pf-fade:clamp(72px,8.4vw,230px);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--pf-fade),#000 calc(100% - var(--pf-fade)),transparent 100%);
            mask-image:linear-gradient(90deg,transparent 0,#000 var(--pf-fade),#000 calc(100% - var(--pf-fade)),transparent 100%)}
}
@media print{ html #platform .pf-scroller{-webkit-mask-image:none;mask-image:none} }
.pf-scroller::-webkit-scrollbar{display:none}
.pf-scroller:focus{outline:none}
.pf-card{flex:none;width:var(--pf-card-w);scroll-snap-align:center;scroll-snap-stop:always;display:flex;flex-direction:column}
html.js .pf-card > *{transition:opacity .39s var(--ease-calm)}
html.js .pf-card:not(.is-cur) > *{opacity:.42}
html.js .pf-card:not(.is-cur) .pf-media{cursor:pointer}
@media (prefers-reduced-motion:reduce){ html.js .pf-card > *{transition:none} }
@media print{ html.js .pf-card:not(.is-cur) > *{opacity:1} }

.pf-media{position:relative;height:500px;border-radius:var(--radius);background:var(--bg);padding:30px;isolation:isolate;display:flex}
.pf-box{position:relative;flex:1;min-width:0;container-type:inline-size;border-radius:16px;overflow:hidden;background:#fff;
  border:1px solid var(--line-soft);box-shadow:var(--sh-screen, 0 2px 6px rgba(15,23,42,.06), 0 24px 60px rgba(15,23,42,.12))}
#platform .pf-d2{--u:calc(100cqw / 560);position:absolute;inset:0;font-size:calc(13*var(--u))}
#platform .pf-win{height:100%;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column}
#platform .pf-win > .d2-wb{flex:1;min-height:0;padding:calc(16*var(--u)) calc(18*var(--u));overflow:hidden}
#platform .d2-wh{height:calc(50*var(--u));padding:0 calc(18*var(--u));font-size:calc(14*var(--u));background:var(--d2-subtle)}
#platform .d2-wh .d2-tab{height:calc(50*var(--u));font-size:calc(13*var(--u))}
#platform .d2-wh .d2-mut{font-size:calc(12*var(--u))}
#platform .d2-mut{color:var(--d2-ink-3)}
#platform .d2-tag{height:calc(22*var(--u));font-size:calc(12*var(--u));padding:0 calc(8*var(--u))}
#platform .d2-btn.sm{height:calc(30*var(--u));font-size:calc(12.5*var(--u))}
#platform .is-pressed{transform:scale(.94);transition:transform .18s ease}

#platform .pf-flag{position:absolute;z-index:4;bottom:12px;inset-inline-end:48px;white-space:nowrap}
#platform .pf-flag .ico{width:16px;height:16px;color:var(--brand)}

.pf-imgbox{background:#f6f7f9}
.pf-imgbox img{position:absolute;inset:0 0 auto 0;width:100%;height:auto;transform-origin:100% 0}

.pf-shot .pf-imgbox img{width:160%;max-width:none;inset:0 0 auto auto}

.pf-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(10*var(--u))}
.pf-kpis.pf-k3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pf-kpi{border:1px solid var(--d2-line);border-radius:calc(12*var(--u));padding:calc(12*var(--u)) calc(14*var(--u));background:var(--d2-bg);min-width:0}
.pf-kpi .l{display:block;font-size:calc(12*var(--u));color:var(--d2-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-kpi b{display:block;font-size:calc(22*var(--u));font-weight:600;line-height:1.45;color:var(--d2-ink);white-space:nowrap}
.pf-kpi b small{font-size:calc(11.5*var(--u));font-weight:500;color:var(--d2-ink-3);margin-inline-start:calc(5*var(--u))}
.pf-kpi.is-hot b{color:var(--d2-danger)}
.pf-sech{display:flex;align-items:center;gap:calc(8*var(--u));margin:calc(20*var(--u)) 0 calc(8*var(--u));font-size:calc(13.5*var(--u));font-weight:600;color:var(--d2-ink)}
.pf-legend{margin-inline-start:auto;display:inline-flex;align-items:center;gap:calc(6*var(--u));font-size:calc(11.5*var(--u));font-weight:500;color:var(--d2-ink-3)}
.pf-legend i{width:calc(9*var(--u));height:calc(9*var(--u));border-radius:calc(3*var(--u));margin-inline-start:calc(6*var(--u))}
.pf-legend i.ok,.pf-ob .bar i.ok{background:#4CB27A}
.pf-legend i.ov,.pf-ob .bar i.ov{background:#F2A29B}
.pf-ob{display:grid;grid-template-columns:calc(130*var(--u)) minmax(0,1fr) calc(40*var(--u));gap:calc(12*var(--u));align-items:center;padding:calc(7*var(--u)) 0;font-size:calc(13*var(--u));color:var(--d2-ink-2)}
.pf-ob .bar{display:flex;height:calc(16*var(--u));border-radius:calc(5*var(--u));overflow:hidden;background:var(--d2-line-soft);gap:calc(2*var(--u))}
.pf-ob .bar i{display:block;height:100%;transform-origin:100% 50%}
.pf-ob b{text-align:end;color:var(--d2-ink)}

.pf-sum{display:flex;flex-direction:column;gap:calc(10*var(--u))}
.pf-ins{display:grid;grid-template-columns:calc(86*var(--u)) minmax(0,1fr);gap:calc(12*var(--u));align-items:center;
  padding:calc(12*var(--u)) calc(14*var(--u));border:1px solid var(--d2-line);border-radius:calc(12*var(--u));background:var(--d2-bg)}
.pf-ins .d2-tag{justify-self:start}
.pf-ins p{margin:0;font-size:calc(14.5*var(--u));line-height:1.6;color:var(--d2-ink);min-height:1.6em}
.pf-sumfoot{display:flex;gap:calc(8*var(--u));justify-content:flex-end;margin-top:calc(6*var(--u))}

.pf-chat{display:flex;flex-direction:column;gap:calc(12*var(--u))}
.pf-q{align-self:flex-start;max-width:78%;padding:calc(10*var(--u)) calc(14*var(--u));border-radius:calc(14*var(--u)) calc(14*var(--u)) calc(4*var(--u)) calc(14*var(--u));
  background:var(--d2-blue);color:#fff;font-size:calc(14.5*var(--u));line-height:1.6;min-height:calc(44*var(--u))}
.pf-a{position:relative;align-self:flex-end;max-width:90%;display:flex;flex-direction:column;gap:calc(8*var(--u));padding:calc(12*var(--u)) calc(16*var(--u));
  border-radius:calc(14*var(--u)) calc(14*var(--u)) calc(14*var(--u)) calc(4*var(--u));background:var(--d2-ai);border:1px solid var(--d2-blue-100)}
.pf-a p{margin:0;font-size:calc(14*var(--u));line-height:1.75;color:var(--d2-ink-2)}
.pf-a .d2-ev{display:inline-flex;align-items:center;gap:calc(4*var(--u));height:calc(22*var(--u));padding:0 calc(8*var(--u));border-radius:calc(11*var(--u));
  background:var(--d2-blue);color:#fff;font-size:calc(12*var(--u));vertical-align:middle;direction:ltr}
.pf-a .d2-ev .d2-ic{width:calc(9*var(--u));height:calc(9*var(--u));fill:currentColor;stroke:none}
.pf-a .pf-tip{color:var(--d2-ink)}
.pf-a .pf-tip b{color:var(--d2-blue-700);margin-inline-end:calc(6*var(--u))}
.pf-typing{align-self:flex-end;display:flex;align-items:center;gap:calc(4*var(--u));height:0;padding:0 calc(14*var(--u));margin-block:calc(-6*var(--u));
  border-radius:calc(14*var(--u));background:var(--d2-subtle);overflow:hidden;opacity:0;transition:height .45s var(--ease-calm),opacity .35s ease,margin .45s var(--ease-calm)}
.pf-typing.on{height:calc(34*var(--u));opacity:1;margin-block:0}
.pf-typing i{width:calc(7*var(--u));height:calc(7*var(--u));border-radius:50%;background:var(--d2-ink-4)}
.pf-qchips{display:flex;gap:calc(8*var(--u));flex-wrap:wrap}
#platform .pf-qchips .d2-chip{display:inline-flex;align-items:center;height:calc(30*var(--u));padding:0 calc(12*var(--u));border-radius:calc(15*var(--u));
  border:1px solid var(--d2-line-strong);background:var(--d2-bg);font-size:calc(12.5*var(--u));color:var(--d2-ink-2)}

.pf-kv{display:grid;grid-template-columns:calc(130*var(--u)) minmax(0,1fr);row-gap:0;font-size:calc(14*var(--u))}
.pf-kv > *{padding:calc(9*var(--u)) 0;border-bottom:1px solid var(--d2-line-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-kv > span{color:var(--d2-ink-3)}
.pf-kv > b{font-weight:600;color:var(--d2-ink)}
.pf-act{display:flex;align-items:center;gap:calc(10*var(--u));margin-top:calc(14*var(--u));flex-wrap:wrap}
.pf-act.sep{padding-top:calc(12*var(--u));border-top:1px solid var(--d2-line-soft);flex-wrap:nowrap;white-space:nowrap}

.pf-seg{display:inline-flex;gap:calc(2*var(--u));padding:calc(3*var(--u));border-radius:calc(8*var(--u));background:var(--d2-bg);border:1px solid var(--d2-line)}
.pf-seg i{font-style:normal;font-size:calc(12*var(--u));padding:calc(3*var(--u)) calc(10*var(--u));border-radius:calc(6*var(--u));color:var(--d2-ink-3)}
.pf-seg i.on{background:var(--d2-blue-50);color:var(--d2-blue-700);font-weight:600}
.pf-tbl{margin-top:calc(16*var(--u));border:1px solid var(--d2-line);border-radius:calc(12*var(--u));overflow:hidden}
.pf-tr{display:grid;grid-template-columns:minmax(0,1.5fr) calc(54*var(--u)) calc(60*var(--u)) minmax(0,1.6fr);gap:calc(10*var(--u));align-items:center;
  padding:calc(9*var(--u)) calc(14*var(--u));font-size:calc(13.5*var(--u));color:var(--d2-ink);border-top:1px solid var(--d2-line-soft);white-space:nowrap}
.pf-tr.h{border-top:0;background:var(--d2-subtle);font-size:calc(12*var(--u));color:var(--d2-ink-3)}
.pf-val{display:grid;grid-template-columns:minmax(0,1fr) calc(34*var(--u));gap:calc(8*var(--u));align-items:center}
.pf-val .bar{display:block;height:calc(8*var(--u));border-radius:calc(4*var(--u));background:var(--d2-blue-50);overflow:hidden}
.pf-val .bar > i{display:block;height:100%;background:var(--d2-blue-500);border-radius:calc(4*var(--u));transform-origin:100% 50%}
.pf-val b{text-align:end;font-weight:600}

.pf-dist{display:grid;grid-template-columns:calc(150*var(--u)) minmax(0,1fr) calc(30*var(--u));gap:calc(12*var(--u));align-items:center;padding:calc(6*var(--u)) 0;font-size:calc(13.5*var(--u));color:var(--d2-ink)}
.pf-dist.h{font-size:calc(12*var(--u));color:var(--d2-ink-3);padding-top:0}
.pf-dist .bar{height:calc(14*var(--u));border-radius:calc(5*var(--u));background:var(--d2-blue-50);overflow:hidden}
.pf-dist .bar > i{display:block;height:100%;background:var(--d2-blue-500);border-radius:calc(5*var(--u));transform-origin:100% 50%}
.pf-dist b{text-align:end;font-weight:600}

.pf-cap{padding:22px 6px 0}
.pf-tags{display:flex;gap:8px;margin-bottom:12px}
.pf-tags .chip{box-shadow:none}
.pf-t{font-size:var(--t-card);font-weight:600;line-height:1.4;color:var(--ink)}
.pf-p{margin-top:6px;font-size:var(--t-body);line-height:1.7;color:var(--ink-2);max-width:620px}
.pf-chips{margin-top:16px}

.pf-ctl{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;max-width:calc(var(--content) + 2 * var(--gutter));margin:34px auto 0;padding-inline:var(--gutter)}
.pf-ctl-mid{display:flex;align-items:center;gap:12px}
.pf-paddles{justify-self:end}
.pf-dots{display:flex;align-items:center;height:56px;padding:0 14px;border-radius:var(--pill);background:var(--fill)}
.pf-dot{height:44px;min-width:22px;display:flex;align-items:center;justify-content:center;padding:0 4px;background:none;border:0;cursor:pointer}
.pf-dot i{display:block;width:8px;height:8px;border-radius:8px;background:rgba(29,29,31,.42);overflow:hidden;position:relative;transition:width .4s var(--ease),background-color .3s}
.pf-dot:hover i{background:rgba(29,29,31,.64)}
.pf-dot[aria-selected="true"] i{width:44px;background:rgba(29,29,31,.22)}
.pf-dot i b{position:absolute;inset:0;background:var(--ink);border-radius:8px;transform:scaleX(0);transform-origin:100% 50%}
.pf-dot:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:12px}
#platform .pf-play{width:56px;height:56px;background:var(--fill)}

.pf-roles{display:flex;justify-content:center;gap:4px;width:max-content;max-width:calc(100% - 2 * var(--gutter));margin:0 auto 32px;padding:5px;border-radius:var(--pill);
  background:var(--bg);box-shadow:0 1px 2px rgba(15,23,42,.05),0 8px 24px rgba(15,23,42,.06)}
.pf-role{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border:0;border-radius:var(--pill);background:transparent;cursor:pointer;
  font-family:var(--font);font-size:16px;font-weight:500;color:var(--ink-2);white-space:nowrap;transition:background-color .2s ease,color .2s ease}
.pf-role .ico{width:18px;height:18px}
.pf-role:hover{background:var(--fill-2,rgba(0,0,0,.04));color:var(--ink)}
.pf-role[aria-pressed="true"]{background:var(--blue-soft,#eef3fe);color:var(--brand)}
.pf-role:focus-visible{outline:3px solid rgba(31,91,216,.45);outline-offset:2px}

.pf-media--phone{gap:36px;align-items:stretch;justify-content:center}
.pf-phone{flex:none;width:300px;max-width:100%;border-radius:22px;contain:paint}
.pf-phone .d2-app{padding-top:calc(10*var(--u))}
.pf-mcards{position:relative;flex:1;min-height:0;overflow:hidden}
.pf-mcards .d2-mcard{position:absolute;inset:0;overflow:hidden}
.pf-mmeta{font-size:calc(14*var(--u));margin-top:calc(2*var(--u))}
.pf-mai{display:flex;gap:calc(14*var(--u));align-items:center}
.pf-mai .k{text-align:center}
.pf-mai .k b{display:block;font-size:calc(24*var(--u));font-weight:600;line-height:1.2}
.pf-mai > i{width:1px;align-self:stretch;background:var(--d2-blue-100)}
.pf-mai .t{font-size:calc(14*var(--u));line-height:1.7;color:var(--d2-ink-2)}
.pf-mai .t b{color:var(--d2-danger);font-weight:600}
.pf-msech{font-size:calc(13*var(--u));margin-top:calc(14*var(--u))}
.pf-mnote{font-size:calc(15*var(--u))}
.pf-mphone{direction:ltr;unicode-bidi:isolate}
#platform .pf-phone .is-pressed{transform:scale(.96)}
.pf-msteps{list-style:none;margin:0;padding:0;align-self:center;display:flex;flex-direction:column;gap:14px;width:300px}
.pf-msteps li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--line-soft);
  box-shadow:0 1px 2px rgba(15,23,42,.05),0 8px 24px rgba(15,23,42,.06)}
.pf-msteps .ic{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft,#eef3fe);color:var(--brand)}
.pf-msteps .ic .ico{width:17px;height:17px}
.pf-msteps li > span:last-child{display:flex;flex-direction:column;font-size:14px;line-height:1.6;color:var(--ink-2)}
.pf-msteps b{font-size:15.5px;font-weight:600;color:var(--ink)}

#platform .pf-cta{margin-top:48px;text-align:center}
#platform .pf-cta .cta-item{display:inline-flex;flex-direction:column;align-items:center;gap:12px}

@media (max-width:1068px){
  .pf-msteps{width:260px}
  .pf-media--phone{gap:24px}
}
@media (max-width:734px){
  .pf-roles{width:auto;max-width:none;margin:0 var(--gutter) 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:4px}
  .pf-role{flex-direction:column;gap:2px;min-height:54px;padding:4px 2px;font-size:13px;border-radius:16px}
  .pf-rl{display:none}
  .pf-msteps{display:none}
  .pf-phone{width:min(260px,100%);border-radius:18px}
  #platform .pf-cta{margin-top:36px}
}

@media (max-width:1068px){
  .pf-media{height:470px;padding:24px}
}
@media (max-width:734px){
  #platform .pf-head{margin-bottom:32px}
  .pf-scroller{gap:12px}
  .pf-media{height:430px;padding:14px;border-radius:22px}
  .pf-box{border-radius:12px}
  #platform .pf-d2{--u:calc(100cqw / 360)}
  #platform .pf-hm{display:none}
  .pf-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pf-kpis.pf-k3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pf-k3 .pf-kpi:first-child{grid-column:1 / -1}
  .pf-ob{grid-template-columns:calc(104*var(--u)) minmax(0,1fr) calc(36*var(--u))}
  .pf-legend{display:none}
  .pf-ins{grid-template-columns:minmax(0,1fr);gap:calc(6*var(--u))}
  .pf-kv{grid-template-columns:calc(104*var(--u)) minmax(0,1fr)}
  .pf-tr{grid-template-columns:minmax(0,1.4fr) calc(40*var(--u)) minmax(0,1.5fr);}
  .pf-tr > :nth-child(3){display:none}
  .pf-dist{grid-template-columns:calc(112*var(--u)) minmax(0,1fr) calc(26*var(--u))}
  #platform .pf-flag{bottom:6px;inset-inline-end:22px;font-size:13px}
  .pf-imgbox img,.pf-shot .pf-imgbox img{width:190%;max-width:none;inset:0 0 auto auto}
  .pf-cap{padding:18px 4px 0}
  .pf-p{font-size:16px}
  .pf-ctl{grid-template-columns:1fr auto;margin-top:24px}
  .pf-ctl > span:first-child{display:none}
  .pf-ctl-mid{gap:8px}
  .pf-dots{height:44px;padding:0 8px}
  .pf-dot{min-width:16px;padding:0 3px}
  .pf-dot[aria-selected="true"] i{width:28px}
  #platform .pf-play{width:44px;height:44px}
  .pf-paddles{display:none}
}
@media (prefers-reduced-motion:reduce){
  .pf-dot i{transition:none}
}

/* ==== src/css/advantage.css ==== */
#advantage{--accent:var(--brand)}
#advantage .accent-text{color:var(--brand)}

.adv{position:relative;max-width:1080px;margin-inline:auto;--c1:230px;--gap:28px;--cols:var(--c1) minmax(0,1fr) minmax(0,1.2fr);
  display:grid;grid-template-columns:var(--cols);column-gap:var(--gap)}
.adv > .adv-headrow{grid-column:1/-1;grid-row:1}
.adv > .adv-rows{grid-column:1/-1;grid-row:2}
.adv-row{display:grid;grid-template-columns:var(--cols);gap:var(--gap);align-items:center;position:relative;z-index:1}

.adv-band{grid-column:3;grid-row:1/3;margin:-14px -20px;position:relative;z-index:0;
  border-radius:24px;background:linear-gradient(180deg,#eef3fe 0,#f5f8fe 100%);box-shadow:inset 0 0 0 1px #e1e9fb}
.adv-headrow{padding:6px 0 18px}
.adv-hp,.adv-hthem{font-size:var(--t-caption);font-weight:500;color:var(--ink-3)}
.adv-hus{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:700;color:var(--brand-ink,#1849b3)}
.adv-mark{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--brand);color:#fff;font-size:15px;font-weight:600;line-height:1}

.adv-rows > .adv-row{padding:20px 0;border-top:1px solid var(--line-soft)}
.adv-p{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:600;line-height:1.5;color:var(--ink)}
.adv-ic{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--bg-alt);color:var(--ink-2)}
.adv-ic .ico{width:18px;height:18px}

#advantage .adv-chip{white-space:normal;text-align:start;line-height:1.6;max-width:100%}
.adv-them .adv-chip{color:var(--ink-2);font-weight:400;background:#f3f3f5}
.adv-them .adv-chip .ico{color:var(--ink-3);width:14px;height:14px}
.adv-us .adv-chip{font-size:15px;font-weight:600;padding:9px 15px}
.adv-us .adv-chip .ico{width:16px;height:16px;stroke-width:2.2}
.adv-set{display:flex;flex-wrap:wrap;gap:8px}

.adv-stat{max-width:1080px;margin:48px auto 0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 22px;padding:20px 28px;border-radius:20px;background:var(--bg-alt)}
.adv-num{flex:none;font-size:44px;font-weight:600;line-height:1;color:var(--brand)}
.adv-stat-l{font-size:var(--t-body);line-height:1.7;color:var(--ink);max-width:520px}

.why4{max-width:1080px;margin:72px auto 0}
.why4-h{font-size:var(--t-sub);line-height:var(--lh-sub);font-weight:600;color:var(--ink);text-align:center;margin-bottom:28px}
.why4-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.why4-card{display:flex;flex-direction:column;gap:12px;padding:22px 22px 24px;border-radius:20px;background:#fff;border:1px solid var(--line-soft);
  box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 28px rgba(15,23,42,.05)}
.why4-row{display:flex;align-items:center;gap:10px}
.why4-ic{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}
.why4-ic .ico{width:19px;height:19px}
.why4-t{font-size:17px;font-weight:600;line-height:1.5;color:var(--ink)}
.why4-p{font-size:15px;line-height:1.75;color:var(--ink-2)}
.why4-chips{gap:8px}

#advantage.is-armed .adv-rows > .adv-row{opacity:0;transform:translateY(16px)}
#advantage.is-armed .adv-rows > .adv-row .adv-us{opacity:0;transform:translateX(-10px)}
#advantage.is-armed .adv-rows > .adv-row.is-in{opacity:1;transform:none;transition:opacity .59s var(--ease-calm),transform .59s var(--ease-calm)}
#advantage.is-armed .adv-rows > .adv-row.is-in .adv-us{opacity:1;transform:none;transition:opacity .52s var(--ease-calm) .2s,transform .52s var(--ease-calm) .2s}

@media (max-width:1068px){
  .adv{--c1:190px;--gap:20px}
  .adv-p{font-size:16px}
  .why4-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:734px){
  .adv{display:block}
  .adv-band,.adv-headrow{display:none}
  .adv-rows{display:flex;flex-direction:column;gap:12px}
  .adv-rows > .adv-row{grid-template-columns:minmax(0,1fr);gap:12px;padding:18px;border:1px solid var(--line-soft);border-radius:18px;background:#fff}
  .adv-p{font-size:16px}
  .adv-ic{width:32px;height:32px}
  .adv-them,.adv-us{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
  .adv-them::before,.adv-us::before{font-size:12.5px;font-weight:500;color:var(--ink-3)}
  .adv-them::before{content:"CRM معمولی"}
  .adv-us::before{content:"دیالوا";color:var(--brand)}
  .adv-us{padding:12px;margin:0 -6px -6px;border-radius:12px;background:#f3f6fe}
  .adv-us .adv-chip{font-size:14px}
  .adv-stat{flex-direction:column;align-items:flex-start;gap:10px;padding:20px;margin-top:32px}
  .adv-num{font-size:40px}
  .adv-stat-l{font-size:16px}
  .why4{margin-top:48px}
  .why4-h{margin-bottom:20px}
  .why4-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .why4-card{padding:18px 18px 20px;gap:10px}
}
@media (prefers-reduced-motion:reduce){
  #advantage .adv-row,#advantage .adv-us{opacity:1!important;transform:none!important;transition:none!important}
}

#advantage.alt .adv-ic{background:#fff}
#advantage.alt .adv-them .adv-chip{background:#ebebef}
#advantage.alt .adv-stat{background:#fff;border:1px solid var(--line-soft)}

@media (max-width:734px){
  .adv-rows{gap:10px}
  .adv-rows > .adv-row{gap:10px;padding:14px 14px 12px;border-radius:16px}
  .adv-them,.adv-us{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 8px}
  .adv-them::before,.adv-us::before{flex:none;min-width:64px}
  .adv-us{padding:8px 10px;margin:0 -4px -2px;border-radius:12px}
  #advantage .adv-chip{padding:6px 11px;font-size:13.5px}
  .adv-us .adv-chip{font-size:13.5px;padding:6px 11px}
  .adv-set{gap:6px}
}

/* ==== src/css/results.css ==== */
#results{--accent:var(--acc-green);--accent-text:var(--acc-green-text);--t-stat:64px}
@media (max-width:1068px){ #results{--t-stat:56px} }
@media (max-width:734px){ #results{--t-stat:44px} }

.rs-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 40px}
.rs-stat dd{margin:0}
.rs-stat .stat{color:var(--accent);font-family:var(--font-num);font-weight:500;white-space:nowrap}
.rs-stat .stat small{font-size:.36em;font-weight:500;margin-inline-start:8px;color:var(--ink)}
.rs-stat .stat .sign{font-size:.7em}
.rs-stat .stat .sign--end{font-weight:400;margin-inline-start:2px}
.rs-stat .stat small{white-space:nowrap}
.rs-stat .stat-label{font-size:var(--t-body);line-height:1.65;max-width:280px}

.rs-curve{margin:32px 0 0;color:var(--accent)}
.rs-svg{width:100%;height:120px;direction:ltr;overflow:visible}

.rs-plot{position:relative;direction:ltr;overflow:hidden;padding:8px;margin:-8px}
.rs-base{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px)}
.rs-wipe,.rs-wipe-in{position:relative}

.rs-wipe{overflow:hidden;margin:-8px;padding:8px}
.rs-wipe-in{margin:-8px;padding:8px}
.rs-plot.is-armed .rs-wipe{transform:translateX(-100%)}
.rs-plot.is-armed .rs-wipe-in{transform:translateX(100%)}
.rs-plot.is-armed .rs-dot{opacity:0}
.rs-dot{transform-box:fill-box;transform-origin:50% 50%}
.rs-grid{stroke:var(--line-soft);stroke-width:1;vector-effect:non-scaling-stroke}
.rs-area{fill:url(#rs-fill)}
.rs-line{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;vector-effect:non-scaling-stroke}
.rs-dot{fill:currentColor}
.rs-months{display:grid;grid-template-columns:repeat(3,1fr);direction:ltr;text-align:center;margin-top:8px;color:var(--ink-3)}

.rs-card{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:48px;align-items:center;margin-top:44px;
  background:var(--bg-alt);border-radius:var(--radius);padding:56px 56px 56px 40px;position:relative;overflow:hidden;max-width:1180px;margin-inline:auto}
.rs-m-title{font-size:var(--t-card);font-weight:600;line-height:var(--lh-card);color:var(--ink)}
.rs-list{margin-top:22px;display:flex;flex-direction:column;gap:18px;counter-reset:rs}
.rs-list li{position:relative;padding-inline-start:40px;counter-increment:rs}
.rs-list li::before{content:counter(rs,persian);position:absolute;inset-inline-start:0;top:2px;width:26px;height:26px;border-radius:50%;
  background:var(--bg);color:var(--accent-text);font-family:var(--font-num);font-size:14px;font-weight:600;display:grid;place-items:center}
.rs-list b{display:block;font-size:17px;font-weight:600;line-height:1.5;color:var(--ink)}
.rs-list .chips{margin-top:10px;gap:8px}
.rs-list .chip{font-size:13px;color:var(--ink)}
.rs-cta{margin-top:32px}
.rs-cta.cta-item{align-items:flex-start}

.tr-scene{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) 56px minmax(0,1fr);align-items:center;gap:0 6px;min-height:420px}

.tr-win{position:relative;z-index:2;min-width:0}
.tr-win .d2-win{box-shadow:var(--sh-contact),var(--sh-ambient);border-color:var(--d2-line)}
.tr-win .d2-wh{height:50px;padding:0 16px}
.tr-win .d2-wh b{font-weight:600}
.tr-state{display:inline-grid}
.tr-state > *{grid-area:1/1;transition:opacity .3s var(--ease)}
.tr-state .tr-s0{opacity:0}
.tr-state .d2-spin{width:9px;height:9px}
.tr-rows{padding:6px 10px 0}
.tr-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto 76px;gap:10px;align-items:center;padding:9px 6px;border-bottom:1px solid var(--d2-line-soft);border-radius:8px;
  font-size:13px;transition:background-color .35s var(--ease)}
.tr-row .fic{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--d2-ok-bg);color:var(--d2-ok)}
.tr-row .tx{min-width:0;line-height:1.45}
.tr-row .tx b{display:block;font-weight:600;color:var(--d2-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tr-row .tx small{display:block;font-size:12px;color:var(--d2-ink-3);white-space:nowrap}
.tr-row .am{font-size:13.5px;font-weight:500;color:var(--d2-ink)}
.tr-row .sw{display:inline-grid;justify-items:end}
.tr-row .sw > *{grid-area:1/1;transition:opacity .25s var(--ease),transform .35s var(--ease-pop)}
.tr-row .sw .a{opacity:0}
.tr-row.hot{background:var(--d2-blue-50)}
.tr-more{font-size:12.5px;padding:10px 8px 8px}
.tr-more .n-m{display:none}
.tr-sum{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 16px 16px;border-top:1px solid var(--d2-line);background:var(--d2-subtle)}
.tr-sum > div{display:flex;flex-direction:column;gap:2px;min-width:0}
.tr-sum .d2-mut{font-size:12px}
.tr-sum b{font-size:21px;font-weight:600;color:var(--d2-ink);letter-spacing:-.2px;white-space:nowrap}
.tr-sum b small{font-size:12px;font-weight:500;color:var(--d2-ink-3);margin-inline-start:4px}
.tr-com{padding-inline-start:12px;border-inline-start:1px solid var(--d2-line)}
.tr-com b{color:var(--d2-ok)}

.tr-eq{position:relative;z-index:3;justify-self:center;align-self:end;margin-bottom:28px;width:52px;height:52px;border-radius:50%;background:#fff;color:var(--accent);display:grid;place-items:center;
  box-shadow:0 0 0 1px rgba(0,0,0,.04),var(--sh-contact)}
.tr-eq svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}

.tr-paper{--rot:2.2deg;position:relative;z-index:1;justify-self:start;align-self:end;width:100%;max-width:340px;background:#fff;color:#2b2b2e;
  padding:22px 22px 30px;border-radius:4px 4px 0 0;transform:rotate(var(--rot));
  box-shadow:0 1px 1px rgba(0,0,0,.08),0 8px 14px -6px rgba(0,0,0,.14),0 30px 40px -22px rgba(0,0,0,.22);
  font-size:12.5px;line-height:1.6}
.tr-paper::before{content:"";position:absolute;inset:0 0 auto;height:6px;border-radius:4px 4px 0 0;background:repeating-linear-gradient(90deg,#e7e7ea 0 2px,transparent 2px 6px);opacity:.7}
.tp-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px dashed #d9d9de}
.tp-head b{display:block;font-size:14px;font-weight:600;color:var(--ink)}
.tp-head small{display:block;font-size:11.5px;color:var(--ink-3)}
.tp-logo{width:34px;height:34px;border-radius:9px;background:#f5f5f7;color:#55555a;flex:none;display:grid;place-items:center}
.tp-logo .ico{width:22px;height:22px}
.tp-rows{padding:8px 0 4px;color:#55555a}
.tp-rows > div{display:grid;grid-template-columns:40px 1fr auto;gap:8px;padding:4px 0;border-bottom:1px dotted #e5e5e8;white-space:nowrap}
.tp-rows > div > span:last-child{text-align:end;color:#2b2b2e}
.tp-rows .dots{border:0;color:var(--ink-4)}
.tp-total{position:relative;display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:10px 4px 0;border-top:1.5px solid #2b2b2e;font-size:13px}
.tp-total b{font-size:17px;font-weight:600;color:var(--ink)}

.tp-ring{position:absolute;left:-12px;top:-1px;width:150px;height:46px;overflow:visible;pointer-events:none}
.tp-ring path{fill:none;stroke:var(--accent);stroke-width:3.1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;opacity:.85}

.tp-tear{position:absolute;left:0;right:0;bottom:-9px;height:10px;
  background:linear-gradient(-45deg,transparent 6px,#fff 6px) 0 0/12px 10px repeat-x,linear-gradient(45deg,transparent 6px,#fff 6px) 0 0/12px 10px repeat-x;
  filter:drop-shadow(0 3px 2px rgba(0,0,0,.06))}

.tr-ok{position:absolute;z-index:4;left:-16px;top:-18px;--rot:-8deg;--edge:5px;background:var(--accent-text);color:#fff;font-size:var(--t-body);font-weight:500;padding:10px 18px 10px 20px;border-radius:var(--pill)}
.tr-ok .ico{width:18px;height:18px;stroke-width:2.6}

@media (max-width:1068px){
  .rs-card{grid-template-columns:minmax(0,1fr);padding:44px 36px 56px;gap:40px}
  .tr-scene{min-height:0}
}
@media (max-width:734px){
  .tr-scene{grid-template-columns:minmax(0,1fr);gap:0}
  .tr-eq{width:44px;height:44px;margin:-8px 0;z-index:3}
  .tr-paper{justify-self:center;max-width:300px;width:88%;margin-top:-6px;--rot:-1.6deg}
  .tr-row{grid-template-columns:28px minmax(0,1fr) auto;gap:2px 8px;padding:8px 4px}
  .tr-row .fic{width:28px;height:28px;grid-row:1/3}
  .tr-row .tx{grid-row:1/3}
  .tr-row .am{grid-column:3;grid-row:1;text-align:end}
  .tr-row .sw{grid-column:3;grid-row:2}
  .tr-sum{grid-template-columns:1fr;gap:8px}
  .tr-com{padding-inline-start:0;border-inline-start:0;border-top:1px solid var(--d2-line);padding-top:8px}
  .tr-eq{align-self:center}
  .tr-paper{align-self:auto}
  .tr-row:nth-child(n+3){display:none}
  .tr-more .n-d{display:none}
  .tr-more .n-m{display:inline}
  .tp-rows > div:nth-child(n+3):not(.dots){display:none}
  .tr-paper{padding:16px 18px 22px}
  .tp-total{border-top-width:1px;margin-top:12px}
  .tr-ok{left:auto;right:2%;top:auto;bottom:-40px;font-size:15px;--rot:-4deg}
  .rs-stats{grid-template-columns:1fr;gap:28px}
  .rs-card{padding:32px 18px 64px;margin-top:44px}
  .rs-svg{height:90px}
}

#results .rs-stat .num-tab{font-variant-numeric:proportional-nums;font-feature-settings:"tnum" 0}
#results .tr-sum{grid-template-columns:1fr;gap:8px}
#results .tr-com{padding-inline-start:0;border-inline-start:0;border-top:1px solid var(--d2-line);padding-top:8px}
#results .tr-win .d2-hm{display:none}

#results .rs-roles{margin-top:18px}
#results .sec-head .lead{max-width:760px}

#results .tr-scene.is-armed .tr-row .sw .a{opacity:1}
#results .tr-scene.is-armed .tr-row .sw .b{opacity:0;transform:scale(.92)}
#results .tr-scene.is-armed .tr-row.ok .sw .a{opacity:0}
#results .tr-scene.is-armed .tr-row.ok .sw .b{opacity:1;transform:none}
#results .tr-row .sw > *{transition:opacity .325s var(--ease-calm),transform .39s var(--ease-calm)}

#results .tr-row{position:relative;isolation:isolate;transition:none}
#results .tr-row.hot{background:none}
#results .tr-row::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:8px;background:var(--d2-blue-50);opacity:0;transition:opacity .39s var(--ease-calm)}
#results .tr-row.hot::after{opacity:1}
#results .tr-scene.is-armed .tr-s0{opacity:1}
#results .tr-scene.is-armed .tr-s1{opacity:0}
#results .tr-scene.is-matched .tr-s0{opacity:0}
#results .tr-scene.is-matched .tr-s1{opacity:1}
#results .tr-state > *{transition:opacity .39s var(--ease-calm)}
#results .tr-scene.is-armed .tr-eq{opacity:.3;transform:scale(.9);transition:opacity .455s var(--ease-calm),transform .455s var(--ease-calm)}
#results .tr-scene.is-matched .tr-eq{opacity:1;transform:none}
#results .tr-scene.is-armed .tp-ring path{stroke-dashoffset:1;transition:stroke-dashoffset .91s var(--ease-calm) .225s}
#results .tr-scene.is-matched .tp-ring path{stroke-dashoffset:0}
#results .tr-scene.is-armed .tr-ok{opacity:0;transform:rotate(var(--rot)) translateY(8px) scale(.94);transition:opacity .52s var(--ease-calm) .72s,transform .585s var(--ease-calm) .72s}

#results .tr-scene.is-live .tr-ok,#results .tr-scene.is-live .tr-eq,#results .tr-scene.is-live .tr-row::after{will-change:opacity,transform}
#results .tr-scene.is-matched .tr-ok{opacity:1;transform:rotate(var(--rot))}
@media (prefers-reduced-motion:reduce){
  #results .tr-row,#results .tr-row::after,#results .tr-row .sw > *,#results .tr-state > *,#results .tr-eq,#results .tp-ring path,#results .tr-ok{transition:none!important}
}
#results .sec-head .lead{text-wrap:balance}

@media (max-width:734px){

  #results .rs-roles{display:grid;grid-template-columns:repeat(4,auto);justify-content:center;gap:6px;margin-top:16px}
  #results .rs-roles .chip{justify-content:center;padding:6px 10px;font-size:12.5px;border-radius:10px}

  #results .rs-stats{grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid var(--line-soft)}
  #results .rs-stat{display:grid;grid-template-columns:118px minmax(0,1fr);align-items:center;column-gap:14px;padding:14px 0;border-bottom:1px solid var(--line-soft)}
  #results .rs-stat .stat{--t-stat:40px;font-size:var(--t-stat);line-height:1.1}
  #results .rs-stat .stat small{font-size:.38em;margin-inline-start:5px}
  #results .rs-stat .stat-label{margin-top:0;font-size:15px;line-height:1.6;max-width:none;color:var(--ink-2)}

  #results .rs-curve{margin-top:22px}
  #results .rs-svg{height:84px}
  #results .rs-months{font-size:12.5px;margin-top:6px}
  #results .rs-card{border-radius:22px}
}
@media (max-width:370px){
  #results .rs-roles{grid-template-columns:repeat(2,auto)}
  #results .rs-stat{grid-template-columns:104px minmax(0,1fr)}
  #results .rs-stat .stat{--t-stat:36px}
}

/* ==== src/css/security.css ==== */
#security{--accent:var(--brand)}
.sx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
.sx-card{background:var(--bg);border-radius:var(--radius-md);padding:28px 28px 30px;border:1px solid var(--line-soft);
  box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 30px rgba(15,23,42,.05);min-width:0}
.sx-row{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.sx-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--brand-soft);color:var(--brand)}
.sx-ic .ico{width:22px;height:22px;stroke-width:1.8;color:currentColor}
.sx-t{font-size:var(--t-card);line-height:var(--lh-card);font-weight:600;color:var(--ink);margin:0}
.sx-chips{gap:10px}
.sx-chips .chip{white-space:normal;text-align:right}
.sx-trial{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-top:20px;padding:20px 28px;
  border-radius:var(--radius-md);background:var(--bg);border:1px solid var(--line-soft)}
.sx-trial-t{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;color:var(--ink);margin:0}
.sx-trial-t .ico{width:22px;height:22px;color:var(--brand);flex:none}
.sx-trial .chip{background:var(--fill-2)}
.sx-trial-d{font-weight:400;color:var(--ink-2);margin-inline-start:12px;padding-inline-start:12px;border-inline-start:1px solid var(--line)}
@media (max-width:734px){
  .sx-grid{grid-template-columns:1fr;gap:14px}
  .sx-card{padding:22px 20px 24px}
  .sx-row{gap:12px;margin-bottom:16px}
  .sx-ic{width:40px;height:40px;border-radius:12px}
  .sx-t{font-size:19px}
  .sx-chips{gap:8px}
  .sx-trial{padding:18px 20px}
  .sx-trial-t{font-size:16px;align-items:flex-start}
  .sx-trial-d{display:block;margin:4px 0 0;padding:0;border:0;font-size:15px;line-height:1.7}
}
#security .sec-head .lead{text-wrap:balance}

.sx-ic--ai{background:linear-gradient(135deg,#eaf0fd,#efeaff);color:#3B78EE;box-shadow:0 0 0 1px rgba(59,120,238,.12),0 4px 14px rgba(59,120,238,.18)}
.sx-ic--ai .ico{fill:rgba(59,120,238,.16)}

/* ==== src/css/faq.css ==== */
#faq{--accent:var(--brand)}
.faq-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 24px;flex-wrap:wrap;margin-bottom:44px}
.faq-all{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--link);font-size:15px;font-weight:400;margin-bottom:2px}
.faq-all:hover{text-decoration:underline}
.faq-all .ico{width:14px;height:14px;stroke-width:2.2;transition:transform .2s var(--ease)}
.faq-all[aria-expanded="true"] .ico{transform:rotate(180deg)}

.faq details{border-bottom:1px solid var(--line)}
.faq details:first-of-type{border-top:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:20px 0;
  font-size:var(--t-card);font-weight:600;line-height:1.45;color:var(--ink);-webkit-tap-highlight-color:transparent}
.faq summary::-webkit-details-marker{display:none}
.faq summary::marker{content:""}
.faq summary:focus-visible{outline-offset:6px}
.faq summary .chev{width:20px;height:20px;color:var(--ink-2);stroke-width:2;flex:none;transition:transform .2s var(--ease)}
.faq details[open]:not(.is-closing) summary .chev{transform:rotate(180deg)}
.faq .ans{overflow:visible}
.faq details.is-anim .ans{overflow:hidden}
.faq .ans-in:has(.fq-ui){padding-bottom:44px}
.faq .ans-in{padding:0 0 34px;max-width:760px;color:var(--ink-2);font-size:var(--t-body);line-height:var(--lh-body)}
.faq .ans-in p + p{margin-top:12px}

.fq-ui{--u:1px;margin-top:24px;max-width:540px;box-shadow:0 0 0 1px rgba(13,22,38,.02),var(--sh-contact),var(--sh-ambient)}
.fq-ui .tx{min-width:0;line-height:1.5}
.fq-ui .tx b{display:block;font-size:13.5px;font-weight:600;color:var(--d2-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fq-ui .tx small{display:block;font-size:12px;color:var(--d2-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fq-ui .d2-tag .d2-ic.sm{width:12px;height:12px;stroke-width:2.2}
.fq-r{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--d2-line-soft)}
.fq-r:last-child{border-bottom:0}
.fq-ui .fic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--d2-blue-50);color:var(--d2-blue)}
.fq-ui .fic.ai{background:var(--d2-violet-bg);color:var(--d2-violet-main)}

.fq-sw{position:relative;width:38px;height:22px;border-radius:11px;background:var(--d2-line-strong);flex:none}
.fq-sw i{position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(13,22,38,.25)}

.fq-avw{width:34px;display:grid;place-items:center}
.fq-avw .d2-av{--u:1.15px}

.fq-ev{padding:14px 16px 16px}
.fq-evh{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--d2-ink)}
.fq-evh b{font-weight:600}
.fq-ev .d2-tchip{margin:0}
.fq-wave{height:30px;margin:14px 0 4px}
#faq .fq-wave .d2-wv.pr{clip-path:inset(0 0 0 76%);padding:0;background:none;border-radius:0}
.fq-ev .fq-wave .d2-whead{transform:translateX(-24%)}
.fq-times{display:flex;justify-content:space-between;font-size:11.5px;color:var(--d2-ink-4);margin-bottom:10px}
.fq-quote{font-size:14px;line-height:1.85;color:var(--d2-ink-2);background:var(--d2-subtle);border-radius:10px;padding:10px 12px}
.fq-quote .who{display:block;font-size:12px;font-weight:600;color:var(--d2-ink-3)}

.fq-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 14px 2px}
.fq-tiles .d2-tile .v{font-size:22px}
.fq-tiles .warn .v{color:var(--d2-warn-ink)}
.fq-tiles .ok .v{color:var(--d2-ok)}
.fq-foot{display:flex;align-items:center;gap:8px;padding:12px 14px;flex-wrap:wrap;font-size:12.5px}

.fq-min{padding:14px 16px 0}
.fq-minh{display:flex;align-items:baseline;gap:8px;font-size:13.5px;color:var(--d2-ink)}
.fq-minh > b{font-weight:600}
.fq-n{font-size:12.5px;color:var(--d2-ink-3)}
.fq-n b{font-size:15px;font-weight:600;color:var(--d2-ink)}
.fq-bar{height:8px;border-radius:4px;background:var(--d2-blue-50);margin:10px 0 2px;overflow:hidden}
.fq-bar i{display:block;height:100%;width:95.7%;border-radius:4px;background:var(--d2-blue);transform-origin:100% 50%}
.fq-min .fq-foot{padding:10px 0 14px}

.faq.armed details[open] .fq-sw{animation:fqSwBg .23s var(--ease) .25s both}
.faq.armed details[open] .fq-sw i{animation:fqSwKnob .23s var(--ease) .25s both}
.faq.armed details[open] .fq-lead{animation:fqUp .29s var(--ease-out) .14s both}
.faq.armed details[open] .fq-lead .d2-tag{animation:fqPop .29s var(--ease-pop) .34s both}
.faq.armed details[open] .fq-wave .d2-wv.pr{animation:fqWave .72s linear .14s both}
.faq.armed details[open] .fq-ev .fq-wave .d2-whead{animation:fqHead .72s linear .14s both}
.faq.armed details[open] .fq-ev .d2-tchip{animation:fqPress .21s var(--ease) .65s both}
.faq.armed details[open] .fq-quote mark{animation:fqMark .33s ease .7s both}
.faq.armed details[open] .fq-tiles .d2-tile{animation:fqUp .33s var(--ease-out) both}
.faq.armed details[open] .fq-tiles .d2-tile:nth-child(1){animation-delay:.11s}
.faq.armed details[open] .fq-tiles .d2-tile:nth-child(2){animation-delay:.23s}
.faq.armed details[open] .fq-tiles .d2-tile:nth-child(3){animation-delay:.34s}
.faq.armed details[open] .fq-imp .d2-btn.pri{animation:fqPress .21s var(--ease) .59s both}
.faq.armed details[open] .fq-bar i{animation:fqGrow .72s cubic-bezier(.45,.05,.35,1) .14s both}
@keyframes fqSwBg{from{background:var(--d2-blue)}to{background:var(--d2-line-strong)}}
@keyframes fqSwKnob{from{transform:translateX(-16px)}to{transform:none}}
@keyframes fqGrow{from{transform:scaleX(0)}to{transform:none}}
@keyframes fqPop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes fqWave{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 76%)}}
@keyframes fqHead{from{transform:none}to{transform:translateX(-24%)}}
@keyframes fqPress{0%,100%{transform:none}40%{transform:scale(.9)}}
@keyframes fqMark{from{background:transparent}to{background:#FFEFC2}}
@keyframes fqUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@media (max-width:1068px){ .faq summary{font-size:21px} }
@media (max-width:734px){
  .faq-head{margin-bottom:28px}
  .faq summary{font-size:18px;min-height:64px;padding:18px 0;gap:16px;line-height:1.55}
  .faq .ans-in{font-size:16px;padding-bottom:28px}
  .fq-ui{margin-top:18px}
  .fq-tiles{padding:12px 10px 2px;gap:6px}
  .fq-tiles .d2-tile{padding:10px}
  .fq-tiles .d2-tile .l{font-size:11px;white-space:normal}
  .fq-tiles .d2-tile .v{font-size:19px}
  .fq-foot .d2-mut{flex-basis:100%}
}

.faq .fq-chips{margin:12px 0 4px;gap:8px}
.faq .fq-chips + p{margin-top:22px}
.faq .fq-chips .chip{box-shadow:0 1px 2px rgba(15,23,42,.05),0 4px 12px rgba(15,23,42,.05)}

/* ==== src/css/start.css ==== */
#rollout{--accent:var(--brand)}
#rollout .sec-head{margin-bottom:56px}

.go-sub{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1180px;margin:0 auto 28px}
.go-h{font-size:var(--t-sub);line-height:var(--lh-sub);font-weight:600;color:var(--ink)}
.go-subp{font-size:var(--t-body);line-height:1.7;color:var(--ink-2)}
.go-subp b{color:var(--ink);font-weight:500}
.go-sub--price{flex-direction:column;align-items:center;text-align:center;gap:6px;margin-bottom:32px}

.ro{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;max-width:1180px;margin:0 auto;counter-reset:none}
.ro::before{content:"";position:absolute;inset-inline:10%;top:21px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--line-soft),#d3e0fb,var(--line-soft))}
.ro-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.ro-n{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #d3e0fb;color:var(--brand-ink);
  font-size:17px;font-weight:600;line-height:1;box-shadow:0 0 0 6px var(--bg)}
.ro-t{font-size:18px;font-weight:600;line-height:1.5;color:var(--ink);margin-top:6px}
.ro-p{font-size:15px;line-height:1.7;color:var(--ink-2);max-width:220px}

.vc{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:stretch;max-width:1180px;margin:88px auto 0;
  padding:44px;border-radius:var(--radius);background:var(--bg-alt)}
.vc-lead{font-size:var(--t-body);line-height:1.7;color:var(--ink-2);margin-top:8px}
.vc-fields{display:flex;flex-direction:column;gap:22px;margin-top:30px}
.vc-f{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px 12px}
.vc-f label{font-size:16px;font-weight:500;color:var(--ink)}
.vc-v{font-size:17px;font-weight:600;color:var(--brand-ink);white-space:nowrap}
.vc-r{grid-column:1/-1;width:100%;height:44px;margin:-8px 0;
  background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;
  --fill:50%}
.vc-r:focus-visible{outline:3px solid rgba(31,91,216,.45);outline-offset:4px;border-radius:10px}
.vc-r::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(to left,var(--brand) var(--fill),#dcdce2 var(--fill))}
.vc-r::-moz-range-track{height:6px;border-radius:6px;background:#dcdce2}
.vc-r::-moz-range-progress{height:6px;border-radius:6px;background:var(--brand)}
.vc-r::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:#fff;
  border:2px solid var(--brand);box-shadow:0 1px 2px rgba(15,23,42,.12),0 4px 12px rgba(15,23,42,.12)}
.vc-r::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--brand);box-shadow:0 1px 2px rgba(15,23,42,.12),0 4px 12px rgba(15,23,42,.12)}

@media (pointer:coarse){
  .vc-r::-webkit-slider-thumb{width:28px;height:28px;margin-top:-11px}
  .vc-r::-moz-range-thumb{width:24px;height:24px}
}
.vc-out{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:30px 30px 26px;border-radius:22px;background:#fff;
  border:1px solid var(--line-soft);box-shadow:0 1px 2px rgba(15,23,42,.04),0 12px 34px rgba(15,23,42,.06)}
.vc-tag{white-space:normal}
.vc-k{font-size:17px;line-height:1.7;color:var(--ink-2);margin-top:6px}
.vc-k b{color:var(--ink);font-weight:600}
.vc-big{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.vc-big b{font-size:52px;line-height:1.15;font-weight:600;color:var(--brand)}
.vc-big span{font-size:17px;color:var(--ink-2)}
.vc-range{font-size:15px;line-height:1.7;color:var(--ink-2)}
.vc-range b{color:var(--ink);font-weight:600}
.vc-math{align-self:stretch;display:flex;flex-direction:column;gap:0;margin-top:6px;border-top:1px solid var(--line-soft)}
.vc-math li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-soft);font-size:15px;color:var(--ink-2)}
.vc-math li > b{color:var(--ink);font-weight:600;white-space:nowrap}
.vc-math li span b{font-weight:600;color:var(--ink)}
.vc-foot{font-size:13px;line-height:1.7;color:var(--ink-3);margin-top:auto;padding-top:6px}

.vc-plan{border:0;margin:28px 0 0;padding:0;min-width:0;display:flex;flex-direction:column;gap:10px}
.vc-plan[hidden]{display:none}
.vc-plan legend{font-size:16px;font-weight:500;color:var(--ink);padding:0;margin-bottom:10px}
.seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border-radius:14px;background:#e6e6eb}
.seg-o{position:relative;display:block;min-width:0}
.seg-o[hidden]{display:none}
.seg-o input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.seg-o span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px 8px;border-radius:10px;font-size:15px;font-weight:500;
  color:var(--ink-2);text-align:center;white-space:nowrap;cursor:pointer;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}
.seg-o:hover input:not(:checked) + span{color:var(--ink)}
.seg-o input:checked + span{background:#fff;color:var(--brand-ink);font-weight:600;box-shadow:0 1px 2px rgba(15,23,42,.08),0 2px 8px rgba(15,23,42,.08)}
.seg-o input:focus-visible + span{outline:3px solid rgba(31,91,216,.55);outline-offset:1px}
.vc-plan + .vc-fields{margin-top:24px}

.vc-cap{align-self:stretch;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;background:var(--brand-soft);color:var(--ink-2);font-size:15px;line-height:1.7}
.vc-cap .ico{width:18px;height:18px;flex:none;margin-top:4px;color:var(--brand)}
.vc-cap b{color:var(--brand-ink);font-weight:600}
.vc-cap-s{color:var(--ink-2);white-space:nowrap}
.vc-cap-s[hidden]{display:none}
.vc-cta{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:-4px;font-size:16px;font-weight:500;color:var(--brand)}
.vc-cta .ico{width:16px;height:16px;transition:transform .16s ease}
.vc-cta:hover{text-decoration:underline;text-underline-offset:4px}
.vc-cta:hover .ico{transform:translateX(-3px)}

#rollout #pricing{margin-top:88px}

#start{--accent:var(--brand);display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:96px;padding:64px 32px;
  border-radius:var(--radius);background:var(--bg-alt)}
.fin-h{max-width:760px}
.fin-p{margin:18px auto 0;text-wrap:balance}
.fin-cta{margin-top:32px}

.ro.is-armed .ro-step{opacity:0;transform:translateY(14px)}
.ro.is-armed .ro-step.is-in{opacity:1;transform:none;transition:opacity .59s cubic-bezier(.22,1,.36,1),transform .59s cubic-bezier(.22,1,.36,1)}
.ro.is-armed .ro-step.is-in .ro-n{border-color:var(--brand);background:var(--brand);color:#fff;transition:background .39s ease .23s,border-color .39s ease .23s,color .39s ease .23s}
.ro.is-done .ro-step .ro-n{border-color:var(--brand);background:var(--brand);color:#fff}
.vc-big b{transition:opacity .25s ease}

@media (max-width:1068px){
  .ro{gap:14px}
  .ro-t{font-size:17px}
  .vc{grid-template-columns:minmax(0,1fr);padding:36px;gap:28px}
}
@media (max-width:860px){
  .ro{grid-template-columns:minmax(0,1fr);gap:0;max-width:560px}
  .ro::before{inset-inline:auto;right:21px;left:auto;top:22px;bottom:22px;width:2px;height:auto;background:linear-gradient(180deg,#d3e0fb,var(--line-soft))}
  .ro-step{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;row-gap:2px;align-items:start;text-align:start;padding-bottom:20px}
  .ro-n{grid-row:1/3}
  .ro-t{margin-top:8px}
  .ro-p{max-width:none}
}
@media (max-width:734px){
  #rollout .sec-head{margin-bottom:40px}
  .go-sub{margin-bottom:20px}
  .go-sub:not(.go-sub--price){flex-direction:column;align-items:flex-start;gap:10px}
  .vc{margin-top:56px;padding:24px 16px;border-radius:22px}
  .vc-fields{gap:18px;margin-top:22px}
  .vc-out{padding:22px 18px 20px}
  .vc-big b{font-size:40px}
  .vc-math li{font-size:14px}
  .vc-plan{margin-top:22px}
  .seg-o span{font-size:14px;padding:6px 4px;min-height:44px}
  .vc-cap{font-size:14px}
  #rollout #pricing{margin-top:64px}
  #start{margin-top:64px;padding:44px 20px;border-radius:22px}
  .fin-cta,.fin-cta .btn-primary{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .ro .ro-step{opacity:1!important;transform:none!important;transition:none!important}
  .seg-o span,.vc-cta .ico{transition:none}
  .vc-cta:hover .ico{transform:none}
}

/* ==== src/css/footer.css ==== */
.footer{background:var(--bg-alt);color:var(--ink-2);font-size:var(--t-footnote);line-height:1.7;padding:22px 0 26px}
.footer a{color:var(--ink-2)}
.footer a:hover{color:var(--ink);text-decoration:underline}
.footer button{font-size:inherit;color:var(--ink-2)}
.footer button:hover{color:var(--ink);text-decoration:underline}

.footer .fn{display:flex;flex-direction:column;gap:10px;padding:0 18px 18px 0;list-style:persian;border-bottom:1px solid var(--line)}
.footer .fn li{padding-inline-start:2px;max-width:860px}
.footer .fn li::marker{font-weight:500;color:var(--ink-2)}
.footer .fn li:target{color:var(--ink)}
.footer .fn a{color:var(--ink-2);white-space:nowrap;text-decoration:none}
.footer .fn a:hover{text-decoration:underline}

.ft-crumb{display:flex;align-items:center;gap:8px;padding:14px 0 6px;color:var(--ink)}
.ft-crumb .ico{width:11px;height:11px;color:var(--ink-3);stroke-width:2}
.ft-mark{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--ink);color:#fff!important;font-family:var(--font-num);font-size:11px;font-weight:600;text-decoration:none!important}

.ft-dir{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:14px 0 22px}
.ft-col h3{font-size:var(--t-footnote);font-weight:600;line-height:1.5;color:var(--ink);margin-bottom:8px}
.ft-col li + li{margin-top:6px}
.ft-col a,.ft-col button{display:inline-block;line-height:1.5}

.ft-more{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;padding:4px 0 20px;border-bottom:1px solid var(--line)}
.ft-more p{font-size:14px;font-weight:600;color:var(--ink)}
.ft-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.footer .ft-ctas a.btn-primary,.footer .ft-ctas a.btn-primary:hover{color:#fff;text-decoration:none}

.footer .row{display:flex;align-items:center;gap:8px 24px;flex-wrap:wrap;padding-top:12px}
.footer .row p{margin-inline-end:auto}
.footer .row nav{display:flex;flex-wrap:wrap}
.footer .row nav a{color:var(--ink-2);padding-inline:10px;border-inline-start:1px solid var(--line);line-height:1}
.footer .row nav a:first-child{border-inline-start:0;padding-inline-start:0}
.ft-loc{color:var(--ink)}

@media (max-width:734px){
  .footer{padding:20px 0 28px}
  .ft-dir{grid-template-columns:1fr;gap:0;padding:8px 0 14px}
  .ft-col{border-bottom:1px solid var(--line);padding:10px 0}
  .ft-col h3{margin-bottom:6px}
  .ft-col ul{display:flex;flex-wrap:wrap;gap:0 20px}
  .ft-col li + li{margin-top:0}
  .ft-col a,.ft-col button{display:inline-block;padding-block:10px}
  .ft-more{padding-top:14px}
  .ft-ctas{width:100%}
  .ft-ctas .btn-primary{flex:1 1 100%}
  .footer .row{flex-direction:column;align-items:flex-start;gap:10px}
  .footer .row nav a{padding-block:14px}
  .footer .fn a{display:inline-block;padding-block:8px}
}

/* ==== src/css/dialogs.css ==== */
dialog.dlg{border:0;padding:0;border-radius:28px;width:min(560px,calc(100vw - 32px));max-height:min(760px,calc(100dvh - 32px));background:#fff;color:var(--text);box-shadow:0 0 0 1px rgba(0,0,0,.04),0 30px 90px -20px rgba(0,0,0,.4);overflow:hidden}
dialog.dlg::backdrop{background:rgba(0,0,0,.36);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
dialog.dlg[open]{animation:dlgIn .42s var(--ease-out)}
dialog.dlg[open]::backdrop{animation:dlgFade .3s ease}
@keyframes dlgIn{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
@keyframes dlgFade{from{opacity:0}to{opacity:1}}
.dlg-in{display:flex;flex-direction:column;max-height:inherit;min-height:0}
.dlg-h{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 32px 8px}
.dlg-eyebrow{font-size:14px;color:var(--brand);font-weight:500;margin-bottom:2px}
.dlg-title{font-size:28px;font-weight:600;line-height:1.4;color:var(--ink)}
.dlg-title:focus{outline:none}
.icon-btn{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-alt);color:var(--text);flex:none}
.icon-btn:hover{background:var(--fill)}
.icon-btn .ico{width:18px;height:18px;stroke-width:2}
.prog{display:flex;gap:6px;padding:14px 32px 4px}
.prog li{flex:1;display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--ink-3)}
.prog li::before{content:"";height:4px;border-radius:4px;background:var(--line-soft);background-image:linear-gradient(var(--brand),var(--brand));background-repeat:no-repeat;background-size:0% 100%;background-position:right;transition:background-size .5s var(--ease)}
.prog li.on{color:var(--ink);font-weight:500}
.prog li.done{color:var(--ink-2)}
.prog li.on::before,.prog li.done::before{background-size:100% 100%}
.dlg form{display:flex;flex-direction:column;min-height:0;flex:1}
.dlg-body{padding:20px 32px 8px;overflow-y:auto;flex:1;min-height:0}

.dlg .hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;inset-inline-start:-10000px;opacity:0;pointer-events:none}
.step{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:20px;min-width:0}
form[data-dir=f] .step:not([hidden]){animation:stepF .38s var(--ease-out)}
form[data-dir=b] .step:not([hidden]){animation:stepB .38s var(--ease-out)}
@keyframes stepF{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
@keyframes stepB{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.step[hidden]{display:none}
.fld{display:flex;flex-direction:column;gap:6px}
.fld > label,.fld > legend,.grp > legend{font-size:15px;font-weight:500;color:var(--ink);padding:0}
.fld .opt{font-weight:400;color:var(--text-2)}
.fld input[type=text],.fld input[type=tel],.fld input[type=email],.fld select{font:inherit;font-size:17px;min-height:52px;border:1px solid var(--ink-4);border-radius:12px;padding:12px 16px;background:#fff;color:var(--ink);width:100%;transition:border-color .2s,box-shadow .2s}
.fld select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6e73' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 16px center;background-size:18px;padding-left:44px}
.fld input:focus,.fld select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px rgba(31,91,216,.16)}
.fld input:hover:not(:focus),.fld select:hover:not(:focus){border-color:var(--ink-3)}
.fld input[aria-invalid=true],.fld select[aria-invalid=true]{border-color:#e30000}
.fld input[dir=ltr]{text-align:left}
.fld input::placeholder{color:#a1a1a6}
.hint{font-size:13px;color:var(--ink-3)}
.err{font-size:14px;color:#c40000;min-height:0}
.err:empty{display:none}
.grp{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.choices{display:flex;flex-wrap:wrap;gap:8px}
.choice{position:relative}
.choice input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.choice span{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 16px;border-radius:12px;border:1px solid var(--line);background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.05);font-size:15.5px;cursor:pointer;transition:background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease),transform .15s var(--ease)}
.choice:hover span{border-color:var(--ink-3)}
.choice input:active + span{transform:scale(.97)}
.choice input:checked + span{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-ink);font-weight:500}
.choice input:focus-visible + span{outline:3px solid rgba(31,91,216,.6);outline-offset:2px}
.grp[aria-invalid=true] .choice span{border-color:#e30000}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.7}
.consent input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--brand);flex:none}
.terms{font-size:14px;color:var(--ink-2);background:var(--bg-alt);border-radius:12px;padding:4px 16px}
.terms summary{cursor:pointer;min-height:40px;display:flex;align-items:center;color:var(--brand);font-weight:500}
.terms p{padding-bottom:12px}
.form-alert{margin:12px 32px 0;padding:12px 16px;border-radius:12px;background:var(--red-soft);color:#8f1a13;font-size:15px}
.dlg-f{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 32px 28px;border-top:1px solid var(--line-soft);margin-top:12px}
.dlg-f .btn-primary{min-width:150px}
.dlg-f .btn-primary[disabled]{opacity:.6;cursor:progress}
.btn-text{color:var(--ink-2);font-size:16px;font-weight:500;min-height:44px;padding:0 6px}
.btn-text:hover{color:var(--ink)}
.btn-text:hover{text-decoration:underline}
.result{padding:24px 32px 32px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}
.result[hidden]{display:none}
.result .big-ic{flex:none;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-alt);color:var(--text)}
.result .big-ic .ico{width:26px;height:26px}
.result.ok .big-ic{background:var(--green-soft);color:var(--green)}
.result h3{font-size:24px;font-weight:600;line-height:1.5;color:var(--ink)}
.result h3:focus{outline:none}
.result p{color:var(--ink-2)}
.result .big-ic{animation:resPop .5s var(--ease-pop) .1s both}
@keyframes resPop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
.result .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.film-box{aspect-ratio:16/9;background:radial-gradient(60% 60% at 50% 45%,#1c1c1e 0%,#000 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f5f5f7;text-align:center;padding:24px}
.film-box > video{width:100%;height:100%;object-fit:cover}
.film-box:has(> video){padding:0}
.film-box:has(> video) .film-soon{display:none}
.film-soon{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:440px}
.film-soon .ico{width:56px;height:56px;stroke-width:1;color:#86868b;margin-bottom:6px}
.film-soon .film-eb{font-size:17px;font-weight:500;color:#a1a1a6}
.film-soon b{font-size:48px;font-weight:600;line-height:1.2;color:#f5f5f7}
.film-soon p:not(.film-eb){color:#a1a1a6;font-size:17px;line-height:1.7;text-wrap:balance}
.film-soon .btn{margin-top:14px}

html:not(.has-film) #start [data-film],html:not(.has-film) [data-film-only]{display:none}
html.has-film [data-no-film]{display:none}
dialog.film{width:min(1000px,calc(100vw - 32px));background:#000;color:#fff}
dialog.film .dlg-h{position:absolute;top:0;left:0;padding:14px;z-index:2}
dialog.film .icon-btn{background:rgba(255,255,255,.14);color:#fff}
@media (max-width:734px){
  .film-soon b{font-size:36px}
  .film-soon p:not(.film-eb){font-size:15px}
  dialog.dlg.sheet{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}
  dialog.dlg.sheet[open]{animation:sheetIn .36s var(--ease)}
  dialog.dlg.sheet .dlg-in{height:100%;max-height:100%}
  .dlg-h{padding:20px 20px 4px}
  .prog{padding:10px 20px 4px}
  .dlg-body{padding:16px 20px 8px}
  .dlg-f{padding:14px 20px calc(20px + env(safe-area-inset-bottom))}
  .form-alert{margin:12px 20px 0}
  .result{padding:20px}
  .dlg-title{font-size:24px}
}
@keyframes sheetIn{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){
  dialog.dlg[open],dialog.dlg.sheet[open],dialog.dlg[open]::backdrop,form[data-dir] .step:not([hidden]),.result .big-ic{animation:none}
  .prog li::before,.choice span{transition:none}
  .hl-dot i{transition:none}
}

#req-dlg[data-kind="trial"] [data-for-kind]:not([data-for-kind~="trial"]),#req-dlg[data-kind="demo"] [data-for-kind]:not([data-for-kind~="demo"]),
#req-dlg[data-kind="both"] [data-for-kind]:not([data-for-kind~="both"]){display:none!important}
.dlg-sub{font-size:13px;color:var(--ink-3);margin-top:2px}
.kind-def{font-size:14px;line-height:1.75;color:var(--ink-2);background:var(--bg-alt);border-radius:12px;padding:12px 16px}
.kind-block{display:flex;flex-direction:column;gap:22px}
.terms-box{font-size:14px;line-height:1.75;color:var(--ink-2);background:var(--bg-alt);border-radius:12px;padding:12px 16px}
.choice input[type=checkbox] + span::before{content:"";width:14px;height:14px;border-radius:4px;border:1.5px solid var(--ink-3);flex:none;transition:background-color .15s var(--ease),border-color .15s var(--ease)}
.choice input[type=checkbox]:checked + span::before{background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--brand)}

#req-dlg[data-view="choose"] .dlg-h [data-for-kind],#req-dlg[data-view="choose"] .dlg-h [data-for-view="form"]{display:none!important}
#req-dlg:not([data-view="choose"]) .dlg-h [data-for-view="choose"]{display:none!important}
.pick{display:flex;flex-direction:column;min-height:0;flex:1}
.pick[hidden]{display:none}
.pick-body{padding:18px 32px 8px;overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:20px}
.pick-role .choice span{min-height:40px;padding:6px 14px;font-size:15px}
.pick-cards{border:0;margin:0;padding:0;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pick-card{position:relative;display:block;cursor:pointer}
.pick-card input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;z-index:1}
.pc-in{display:flex;flex-direction:column;gap:10px;height:100%;padding:18px 18px 16px;border-radius:18px;background:#fff;border:1.5px solid var(--line);
  box-shadow:0 1px 2px rgba(15,23,42,.05),0 8px 24px rgba(15,23,42,.06);
  transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background-color .2s var(--ease),transform .15s var(--ease)}
.pick-card:hover .pc-in{border-color:var(--ink-3)}
.pick-card input:active + .pc-in{transform:scale(.985)}
.pick-card input:checked + .pc-in{border-color:var(--brand);background:linear-gradient(180deg,var(--brand-soft),#fff 70%);box-shadow:0 0 0 3px rgba(31,91,216,.12),0 10px 28px rgba(31,91,216,.12)}
.pick-card input:focus-visible + .pc-in{outline:3px solid rgba(31,91,216,.6);outline-offset:2px}
.pc-top{display:flex;align-items:center;gap:8px;min-height:36px}
.pc-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);flex:none}
.pc-ic .ico{width:19px;height:19px}
.pc-tag{display:none;font-size:12px;font-weight:500;line-height:1;padding:6px 9px;border-radius:9px;background:var(--brand);color:#fff}
.pick-card[data-suggest] .pc-tag{display:inline-flex}
.pc-radio{margin-inline-start:auto;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--ink-3);flex:none;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}
.pick-card input:checked + .pc-in .pc-radio{border-color:var(--brand);box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 10px var(--brand)}
.pc-title{font-size:18px;font-weight:600;line-height:1.5;color:var(--ink)}
.pc-desc{font-size:14px;line-height:1.75;color:var(--ink-2)}
.pc-chips{gap:6px;margin-top:auto}
.pc-chips .chip{box-shadow:none;background:var(--fill-2);border-color:transparent;color:var(--ink-2)}
.pick-card input:checked + .pc-in .pc-chips .chip{background:#fff;border-color:#d3e0fb;color:var(--brand-ink)}

.pick-card--wide{grid-column:1/-1}
@media (min-width:735px){
  .pick-card--wide .pc-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ic title radio" "ic desc radio" "ic chips radio";
    column-gap:14px;row-gap:2px;align-items:start;padding:16px 18px}
  .pick-card--wide .pc-top{display:contents}
  .pick-card--wide .pc-ic{grid-area:ic}
  .pick-card--wide .pc-radio{grid-area:radio;margin:8px 0 0}
  .pick-card--wide .pc-tag{display:none!important}
  .pick-card--wide .pc-title{grid-area:title}
  .pick-card--wide .pc-desc{grid-area:desc}
  .pick-card--wide .pc-chips{grid-area:chips;margin-top:8px}
}

.calc-sum{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.7;color:var(--ink-2);padding:10px 14px;border-radius:12px;background:var(--brand-soft)}
.calc-sum[hidden]{display:none}
.calc-sum .ico{width:16px;height:16px;flex:none;margin-top:4px;color:var(--brand)}
.calc-sum b{font-weight:500;color:var(--brand-ink)}
.pick .dlg-f{margin-top:8px}
.pick-note{font-size:13px;color:var(--ink-3)}
@media (max-width:734px){
  .pick-body{padding:14px 20px 8px;gap:16px}
  .pick-cards{grid-template-columns:1fr;gap:12px}
  .pc-in{padding:14px 16px;gap:8px}
  .pc-title{font-size:17px}

  .pick-cards .pc-in{display:grid;grid-template-columns:36px minmax(0,1fr) 20px;grid-template-areas:"ic title radio" "ic desc radio" "ic tag radio";
    column-gap:12px;row-gap:2px;align-items:start;padding:12px 14px}
  .pick-cards .pc-top{display:contents}
  .pick-cards .pc-ic{grid-area:ic}
  .pick-cards .pc-radio{grid-area:radio;margin:6px 0 0}
  .pick-cards .pc-title{grid-area:title;font-size:16px}
  .pick-cards .pc-desc{grid-area:desc;font-size:13.5px;line-height:1.65}
  .pick-cards .pick-card[data-suggest] .pc-tag{grid-area:tag;justify-self:start;margin-top:6px}
  .pick-cards .pc-chips{display:none}
}
@media (prefers-reduced-motion:reduce){ .pc-in,.pc-radio{transition:none} .pick-card input:active + .pc-in{transform:none} }
@media (min-width:735px){ #req-dlg{width:min(608px,calc(100vw - 32px))} }

/* ==== src/css/ui2.css ==== */
.d2{--u:1px;

  --d2-canvas:#F3F5F9;--d2-bg:#FFFFFF;--d2-subtle:#F6F8FB;--d2-hover:#F2F5FA;
  --d2-line:#E5EAF1;--d2-line-soft:#EEF1F6;--d2-line-strong:#D3DBE6;--d2-line-hover:#B9C5D6;
  --d2-ink:#0D1626;--d2-ink-2:#344155;--d2-ink-3:#5A6678;--d2-ink-4:#8A95A6;
  --d2-blue:#1F5BD8;--d2-blue-700:#1747AE;--d2-blue-500:#3B78EE;--d2-blue-300:#8FB3F8;--d2-blue-100:#DCE7FD;--d2-blue-50:#EEF3FE;
  --d2-danger:#B42318;--d2-danger-bg:#FDECEA;--d2-danger-line:#F9D4D0;--d2-danger-main:#D92D20;
  --d2-warn-ink:#9A3412;--d2-warn-bg:#FFF7ED;--d2-warn-line:#FED7AA;--d2-warn-icon:#EA580C;
  --d2-ok:#166534;--d2-ok-bg:#ECFDF3;--d2-ok-line:#CDEFD9;--d2-ok-main:#16A34A;
  --d2-violet:#5B21B6;--d2-violet-bg:#F3EEFF;--d2-violet-line:#E3D7FD;--d2-violet-main:#7C3AED;
  --d2-ai:linear-gradient(180deg,#F3F7FF 0,#FFFFFF calc(220*var(--u)));
  --d2-dim:var(--d2-dim);--d2-dim-m:rgba(13,22,38,.32);

  --st-new:#607d8b;--st-paid:#2e7d32;--st-promise:#ed6c02;--st-consult:#f9a825;--st-free:#00acc1;--st-noans:#1e88e5;
  --st-overlap:#424242;--st-rejected:#9e9e9e;--st-timeset:#7b1fa2;--st-nego:#6d4c41;--st-wrong:#c2185b;

  --q-today:#10B981;--q-notcalled:#64748B;--q-rereg:#E11D48;--q-noans:#2563EB;--q-free:#0D9488;--q-timeset:#7C3AED;--q-follow:#F97316;--q-balance:#059669;

  --d2-e1:0 1px 2px rgba(13,22,38,.04);
  --d2-e2:0 2px 6px rgba(13,22,38,.05),0 16px 40px -8px rgba(13,22,38,.18);
  --d2-e3:0 24px 64px -12px rgba(13,22,38,.35);
  --d2-esheet:0 -24px 60px -20px rgba(13,22,38,.35);
  --d2-edrawer:-20px 0 60px -20px rgba(13,22,38,.3);
  --d2-ecta:0 8px 20px -8px rgba(31,91,216,.6);
  --d2-ebulk:0 10px 30px -6px rgba(13,22,38,.4);

  --d2-fast:78ms;--d2-base:117ms;--d2-slow:169ms;--d2-queue:180ms;
  --d2-ease:cubic-bezier(.2,.7,.2,1);--d2-ease-sheet:cubic-bezier(.32,.72,0,1);
  font-family:var(--font-ui,"Vazirmatn"),system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;font-size:calc(14*var(--u));line-height:1.6;font-weight:400;
  color:var(--d2-ink);text-align:right;direction:rtl;letter-spacing:0;-webkit-font-smoothing:antialiased;
  font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-synthesis:none}

.d2.d2-dark,.d2-dark .d2{
  --d2-canvas:#0B1220;--d2-bg:#111A2B;--d2-subtle:#152036;--d2-hover:#1A2640;
  --d2-line:#1E2A3D;--d2-line-soft:#182236;--d2-line-strong:#2B3A52;--d2-line-hover:#3B4E6B;
  --d2-ink:#E8EDF5;--d2-ink-2:#B8C2D1;--d2-ink-3:#8A96A8;--d2-ink-4:#5F6B7D;
  --d2-blue:#4C86F0;--d2-blue-700:#8FB3F8;--d2-blue-500:#6D9CF5;--d2-blue-100:rgba(76,134,240,.24);--d2-blue-50:rgba(76,134,240,.12);
  --d2-danger:#F7A1A1;--d2-danger-bg:rgba(217,45,32,.16);--d2-danger-line:rgba(217,45,32,.34);
  --d2-warn-ink:#FDBA74;--d2-warn-bg:rgba(234,88,12,.14);--d2-warn-line:rgba(234,88,12,.32);--d2-warn-icon:#FDBA74;
  --d2-ok:#6EE7A8;--d2-ok-bg:rgba(22,163,74,.14);--d2-ok-line:rgba(22,163,74,.32);
  --d2-violet:#C4B5FD;--d2-violet-bg:rgba(124,58,237,.16);--d2-violet-line:rgba(124,58,237,.34);
  --d2-ai:linear-gradient(180deg,#13203A 0,#111A2B calc(220*var(--u)));
  --d2-dim:rgba(0,0,0,.55);--d2-dim-m:rgba(0,0,0,.6);
  --d2-e1:0 1px 2px rgba(0,0,0,.25);--d2-e2:0 2px 6px rgba(0,0,0,.3),0 16px 40px -8px rgba(0,0,0,.55);--d2-e3:0 24px 64px -12px rgba(0,0,0,.7);
  --d2-esheet:0 -24px 60px -20px rgba(0,0,0,.7);--d2-ecta:0 8px 20px -8px rgba(76,134,240,.55);
  color-scheme:dark;color:var(--d2-ink)}
.d2 *,.d2 *::before,.d2 *::after{box-sizing:border-box}
.d2 b{font-weight:600}
.d2-ic{display:inline-block;width:calc(16*var(--u));height:calc(16*var(--u));fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}
.d2-ic.sm{width:calc(14*var(--u));height:calc(14*var(--u))}
.d2-ic.lg{width:calc(20*var(--u));height:calc(20*var(--u))}
.d2-num{font-variant-numeric:tabular-nums}
.d2-ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.d2-grow{flex:1}
.d2-kbd{font-family:inherit;font-size:calc(11*var(--u));line-height:1;border:1px solid var(--d2-line-strong);border-bottom-width:calc(2*var(--u));border-radius:calc(5*var(--u));padding:calc(3*var(--u)) calc(5*var(--u));color:var(--d2-ink-3);background:var(--d2-bg);direction:ltr;display:inline-block;font-weight:500}
.d2 mark{background:#FFEFC2;color:inherit;border-radius:calc(4*var(--u));padding:0 calc(3*var(--u))}

.d2-app{position:absolute;inset:0;background:var(--d2-bg);display:flex;flex-direction:column;overflow:hidden}
.d2-scr{--u:calc(100cqw / 1280)}
.d2-ph{--u:calc(100cqw / 390)}

.d2-top{height:calc(56*var(--u));flex:none;display:flex;align-items:center;gap:calc(4*var(--u));padding:0 calc(16*var(--u));border-bottom:1px solid var(--d2-line);background:var(--d2-bg);white-space:nowrap;position:relative;z-index:6}
.d2-brand{display:flex;align-items:center;gap:calc(8*var(--u));font-weight:600;font-size:calc(14*var(--u));margin-inline-end:calc(14*var(--u))}
.d2-logo{width:calc(24*var(--u));height:calc(24*var(--u));border-radius:calc(7*var(--u));background:var(--d2-blue);display:grid;place-items:center;color:#fff;font-weight:600;font-size:calc(10.5*var(--u));letter-spacing:-.5px;direction:ltr}
.d2-nav{height:calc(34*var(--u));padding:0 calc(10*var(--u));border-radius:calc(6*var(--u));font-size:calc(13.5*var(--u));color:var(--d2-ink-2);display:inline-flex;align-items:center;gap:calc(5*var(--u))}
.d2-nav.on{color:var(--d2-blue-700);background:var(--d2-blue-50);font-weight:600}
.d2-nav .d2-ic.sm{opacity:.7}
.d2-badge{min-width:calc(18*var(--u));height:calc(18*var(--u));border-radius:calc(9*var(--u));background:var(--d2-blue);color:#fff;font-size:calc(11*var(--u));font-weight:600;display:inline-grid;place-items:center;padding:0 calc(5*var(--u))}
.d2-cmdk{height:calc(32*var(--u));width:calc(240*var(--u));border:1px solid var(--d2-line);border-radius:calc(8*var(--u));background:var(--d2-subtle);display:flex;align-items:center;gap:calc(8*var(--u));padding:0 calc(10*var(--u));color:var(--d2-ink-3);font-size:calc(13*var(--u))}
.d2-cmdk > span{flex:1}
.d2-ibtn{width:calc(32*var(--u));height:calc(32*var(--u));border-radius:calc(6*var(--u));display:inline-grid;place-items:center;color:var(--d2-ink-2);position:relative;flex:none}
.d2-ibtn .d2-dot{position:absolute;top:calc(6*var(--u));inset-inline-end:calc(6*var(--u));width:calc(7*var(--u));height:calc(7*var(--u));border-radius:50%;background:var(--d2-blue);box-shadow:0 0 0 calc(2*var(--u)) #fff}
.d2-av{width:calc(28*var(--u));height:calc(28*var(--u));border-radius:50%;background:linear-gradient(135deg,#C9D8F8,#9DB8F0);color:var(--d2-blue-700);font-weight:600;font-size:calc(12*var(--u));display:grid;place-items:center;flex:none}
.d2-me{display:flex;align-items:center;gap:calc(8*var(--u));margin-inline-start:calc(6*var(--u));font-size:calc(12*var(--u));color:var(--d2-ink-3);line-height:1.25}
.d2-me b{display:block;color:var(--d2-ink);font-size:calc(13*var(--u));font-weight:600}
.d2-btn{height:calc(32*var(--u));padding:0 calc(12*var(--u));border-radius:calc(7*var(--u));font-size:calc(13*var(--u));font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:calc(6*var(--u));white-space:nowrap;position:relative}
.d2-btn.pri{background:var(--d2-blue);color:#fff}
.d2-btn.out{border:1px solid var(--d2-line-strong);background:var(--d2-bg);color:var(--d2-ink)}
.d2-btn.gh{color:var(--d2-ink-2)}
.d2-btn.sm{height:calc(28*var(--u));padding:0 calc(10*var(--u));font-size:calc(12.5*var(--u))}
.d2-btn.lg{height:calc(44*var(--u));padding:0 calc(20*var(--u));font-size:calc(14.5*var(--u));border-radius:calc(10*var(--u))}

.d2-qprog{display:flex;align-items:center;gap:calc(14*var(--u));margin-inline-start:calc(14*var(--u))}
.d2-qprog .l{font-size:calc(13*var(--u));color:var(--d2-ink-3)}
.d2-qprog .l b{color:var(--d2-ink);font-size:calc(15*var(--u))}
.d2-segbar{display:flex;gap:calc(3*var(--u));width:calc(440*var(--u))}
.d2-segbar i{flex:1;height:calc(6*var(--u));border-radius:calc(3*var(--u));background:var(--d2-line)}
.d2-segbar i.dn{background:var(--c)}
.d2-segbar i.cur{background:var(--d2-blue);box-shadow:0 0 0 calc(2*var(--u)) #fff,0 0 0 calc(4*var(--u)) var(--d2-blue-100)}

.d2-st{display:inline-flex;align-items:center;gap:calc(7*var(--u));white-space:nowrap;color:var(--d2-ink-2)}
.d2-st > i{width:calc(7*var(--u));height:calc(7*var(--u));border-radius:50%;background:var(--c);flex:none;box-shadow:0 0 0 calc(2*var(--u)) color-mix(in srgb,var(--c) 18%,transparent)}
.d2-tag{display:inline-flex;align-items:center;gap:calc(4*var(--u));height:calc(20*var(--u));padding:0 calc(7*var(--u));border-radius:calc(5*var(--u));font-size:calc(11.5*var(--u));font-weight:500;white-space:nowrap;background:var(--d2-subtle);color:var(--d2-ink-2);border:1px solid var(--d2-line-soft)}
.d2-tag.ov{background:var(--d2-danger-bg);color:var(--d2-danger);border-color:var(--d2-danger-line)}
.d2-tag.info{background:var(--d2-blue-50);color:var(--d2-blue-700);border-color:var(--d2-blue-100)}
.d2-tag.cf{background:var(--d2-warn-bg);color:var(--d2-warn-ink);border-color:var(--d2-warn-line)}
.d2-tag.rr{background:var(--d2-violet-bg);color:var(--d2-violet);border-color:var(--d2-violet-line)}
.d2-tag.ok{background:var(--d2-ok-bg);color:var(--d2-ok);border-color:var(--d2-ok-line)}

.d2-stage{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) calc(340*var(--u));gap:calc(20*var(--u));padding:calc(20*var(--u)) calc(24*var(--u));background:var(--d2-subtle);position:relative}
.d2-stsec{grid-template-columns:minmax(0,1fr) calc(400*var(--u))}
.d2-fcard{background:var(--d2-bg);border:1px solid var(--d2-line);border-radius:calc(18*var(--u));padding:calc(26*var(--u)) calc(30*var(--u)) calc(18*var(--u));display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;position:relative}
.d2-tags{display:flex;gap:calc(6*var(--u));flex-wrap:wrap;align-items:center}
.d2-crumb{font-size:calc(12.5*var(--u));color:var(--d2-ink-3);white-space:nowrap}
.d2-crumb b{color:var(--d2-ink-2)}
.d2-fname{font-size:calc(30*var(--u));font-weight:600;letter-spacing:calc(-.4*var(--u));margin:calc(8*var(--u)) 0 0;line-height:1.25}
.d2-fphone{font-size:calc(20*var(--u));color:var(--d2-ink-2);font-weight:500;line-height:1.3;letter-spacing:calc(.5*var(--u));font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;text-align:right}
.d2-fmeta{display:flex;flex-wrap:wrap;gap:calc(6*var(--u)) calc(18*var(--u));margin-top:calc(8*var(--u));font-size:calc(13*var(--u));color:var(--d2-ink-3)}
.d2-fmeta b{color:var(--d2-ink-2);font-weight:500}
.d2-callrow{display:flex;align-items:center;gap:calc(10*var(--u));margin-top:calc(20*var(--u));flex-wrap:wrap}
.d2-bigcall{height:calc(60*var(--u));border-radius:calc(14*var(--u));background:var(--d2-blue);color:#fff;font-size:calc(19*var(--u));font-weight:600;padding:0 calc(24*var(--u)) 0 calc(20*var(--u));display:inline-flex;align-items:center;gap:calc(12*var(--u));box-shadow:var(--d2-ecta);white-space:nowrap;position:relative}
.d2-bigcall .d2-ic{width:calc(22*var(--u));height:calc(22*var(--u))}
.d2-bigcall .d2-kbd{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff}
.d2-sq{height:calc(60*var(--u));min-width:calc(60*var(--u));padding:0 calc(14*var(--u));border-radius:calc(14*var(--u));border:1px solid var(--d2-line-strong);display:inline-flex;align-items:center;justify-content:center;gap:calc(8*var(--u));font-size:calc(13.5*var(--u));color:var(--d2-ink-2);background:var(--d2-bg);white-space:nowrap}
.d2-sq .d2-ic{width:calc(19*var(--u));height:calc(19*var(--u))}
.d2-fcols{display:grid;grid-template-columns:1fr 1fr;gap:calc(22*var(--u));margin-top:calc(22*var(--u));min-height:0}
.d2-h4{margin:0 0 calc(9*var(--u));font-size:calc(12.5*var(--u));font-weight:600;color:var(--d2-ink-3);display:flex;align-items:center;gap:calc(6*var(--u))}
.d2-note{background:var(--d2-subtle);border:1px solid var(--d2-line-soft);border-radius:calc(8*var(--u));padding:calc(10*var(--u)) calc(12*var(--u));font-size:calc(13*var(--u));color:var(--d2-ink-2);line-height:1.8}
.d2-nextrow{display:flex;align-items:center;gap:calc(10*var(--u));margin-top:auto;padding-top:calc(14*var(--u));border-top:1px solid var(--d2-line-soft);font-size:calc(12.5*var(--u));color:var(--d2-ink-3);white-space:nowrap}
.d2-tl{margin:0;padding:0;list-style:none}
.d2-tl li{display:grid;grid-template-columns:calc(18*var(--u)) 1fr;gap:calc(10*var(--u));padding-bottom:calc(13*var(--u));font-size:calc(12.5*var(--u));position:relative;color:var(--d2-ink)}
.d2-tl li::before{content:"";position:absolute;inset-inline-start:calc(8*var(--u));top:calc(16*var(--u));bottom:0;width:1px;background:var(--d2-line)}
.d2-tl li:last-child::before{display:none}
.d2-tl .td{width:calc(9*var(--u));height:calc(9*var(--u));border-radius:50%;background:var(--d2-bg);border:calc(2*var(--u)) solid var(--c);margin:calc(5*var(--u)) calc(4*var(--u)) 0}
.d2-tl small{display:block;color:var(--d2-ink-3);font-size:calc(12*var(--u))}
.d2-tl .d{color:var(--d2-ink-2)}

.d2-aip{background:var(--d2-ai);border:1px solid var(--d2-blue-100);border-radius:calc(18*var(--u));padding:calc(18*var(--u)) calc(20*var(--u));display:flex;flex-direction:column;gap:calc(13*var(--u));min-height:0;min-width:0;overflow:hidden;position:relative}
.d2-aip-h{display:flex;align-items:center;gap:calc(8*var(--u));font-size:calc(14*var(--u));font-weight:600;white-space:nowrap}
.d2-aip-h .d2-ic{color:var(--d2-blue)}
.d2-aip-h small{margin-inline-start:auto;font-weight:500;color:var(--d2-ink-3);font-size:calc(12*var(--u))}
.d2-gauge-row{display:grid;grid-template-columns:auto 1fr;gap:calc(16*var(--u));align-items:center}
.d2-gauge{position:relative;width:calc(104*var(--u));height:calc(60*var(--u))}
.d2-gauge svg{display:block;width:100%;height:100%;overflow:visible}
.d2-gauge path{fill:none;stroke-width:9;stroke-linecap:round}
.d2-arc{stroke-dasharray:100;stroke-dashoffset:28}
.d2-gauge b{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:calc(24*var(--u));font-weight:600;line-height:1}
.d2-urg{font-size:calc(15*var(--u));font-weight:600;color:var(--d2-danger)}
.d2-mut{font-size:calc(12*var(--u));color:var(--d2-ink-3)}
.d2-aip p{margin:0;font-size:calc(13*var(--u));color:var(--d2-ink-2);line-height:1.85}
.d2-sech{font-size:calc(12*var(--u));font-weight:600;color:var(--d2-ink-3);margin:0 0 calc(4*var(--u));display:flex;align-items:center;gap:calc(6*var(--u))}
.d2-obj{display:flex;gap:calc(8*var(--u));align-items:center;font-size:calc(13*var(--u));padding:calc(3*var(--u)) 0;white-space:nowrap;overflow:hidden;min-width:0}
.d2-obj .q{color:var(--d2-ink-3);overflow:hidden;text-overflow:ellipsis;min-width:0}
.d2-coach{border:1px solid var(--d2-line);border-radius:calc(12*var(--u));background:var(--d2-bg);padding:calc(10*var(--u)) calc(12*var(--u));margin-top:auto}
.d2-coach .in{display:flex;align-items:center;gap:calc(8*var(--u));color:var(--d2-ink-3);font-size:calc(13*var(--u))}
.d2-coach .sugs{display:flex;gap:calc(6*var(--u));flex-wrap:wrap;margin-top:calc(8*var(--u))}
.d2-coach .sugs span{font-size:calc(12*var(--u));border:1px solid var(--d2-blue-100);background:var(--d2-blue-50);color:var(--d2-blue-700);border-radius:calc(999*var(--u));padding:calc(3*var(--u)) calc(10*var(--u));white-space:nowrap}
.d2-skel{position:absolute;inset:calc(52*var(--u)) 0 0;background:linear-gradient(180deg,#F6F9FF 0,#fff calc(200*var(--u)));padding:calc(6*var(--u)) calc(20*var(--u));display:flex;flex-direction:column;gap:calc(12*var(--u))}
.d2-skel i{display:block;height:calc(11*var(--u));border-radius:calc(6*var(--u));background:linear-gradient(90deg,#E8EEF8 0,#F4F7FC 40%,#E8EEF8 80%);background-size:200% 100%}
.d2-skel i.g{height:calc(60*var(--u));width:calc(104*var(--u));border-radius:calc(60*var(--u)) calc(60*var(--u)) calc(10*var(--u)) calc(10*var(--u))}

.d2-dim{position:absolute;inset:0;background:var(--d2-dim);z-index:8}
.d2-sheet{position:absolute;inset-inline:calc(40*var(--u));bottom:0;background:var(--d2-bg);border-radius:calc(20*var(--u)) calc(20*var(--u)) 0 0;border:1px solid var(--d2-line);border-bottom:0;box-shadow:var(--d2-esheet);z-index:9;padding:calc(8*var(--u)) calc(28*var(--u)) calc(18*var(--u))}
.d2-grab{width:calc(40*var(--u));height:calc(5*var(--u));border-radius:calc(3*var(--u));background:var(--d2-line-strong);margin:calc(6*var(--u)) auto calc(12*var(--u))}
.d2-sheet-h{display:flex;align-items:center;gap:calc(12*var(--u));margin-bottom:calc(14*var(--u));white-space:nowrap}
.d2-sheet-h .h{font-size:calc(18*var(--u));font-weight:600}
.d2-timer{display:inline-flex;align-items:center;gap:calc(6*var(--u));height:calc(26*var(--u));padding:0 calc(10*var(--u));border-radius:calc(999*var(--u));background:var(--d2-ok-bg);color:var(--d2-ok);font-size:calc(12.5*var(--u));font-weight:600;white-space:nowrap}
.d2-timer::before{content:"";width:calc(7*var(--u));height:calc(7*var(--u));border-radius:50%;background:#16A34A}
.d2-obgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(8*var(--u))}
.d2-ob{height:calc(56*var(--u));border:1px solid var(--d2-line);border-radius:calc(12*var(--u));display:flex;align-items:center;gap:calc(10*var(--u));padding:0 calc(14*var(--u));position:relative;font-size:calc(14*var(--u));color:var(--d2-ink);background:var(--d2-bg);white-space:nowrap;min-width:0}
.d2-ob > i{width:calc(10*var(--u));height:calc(10*var(--u));border-radius:50%;background:var(--c);flex:none}
.d2-ob .d2-kbd{margin-inline-start:auto}
.d2-ob.on,.d2-ob .sel{border-color:var(--d2-blue);background:var(--d2-blue-50);box-shadow:inset 0 0 0 1px var(--d2-blue);font-weight:600}
.d2-ob .d2-kbd{font-weight:500}
.d2-ob .sel{position:absolute;inset:-1px;border:1px solid var(--d2-blue);border-radius:inherit;display:flex;align-items:center;gap:calc(10*var(--u));padding:0 calc(14*var(--u));font-style:normal}
.d2-ob .sel > i{width:calc(10*var(--u));height:calc(10*var(--u));border-radius:50%;background:var(--c);flex:none}
.d2-fields{display:grid;grid-template-columns:1fr 1fr;gap:calc(12*var(--u)) calc(14*var(--u))}
.d2-field{display:flex;flex-direction:column;gap:calc(5*var(--u));min-width:0}
.d2-field.full{grid-column:1/-1}
.d2-field .lb{font-size:calc(12*var(--u));color:var(--d2-ink-3);font-weight:500;white-space:nowrap}
.d2-input{height:calc(34*var(--u));border:1px solid var(--d2-line-strong);border-radius:calc(7*var(--u));padding:0 calc(10*var(--u));font-size:calc(13*var(--u));background:var(--d2-bg);display:flex;align-items:center;gap:calc(6*var(--u));color:var(--d2-ink);white-space:nowrap;overflow:hidden}
.d2-input.empty{color:var(--d2-ink-3)}
.d2-input.ta{height:auto;min-height:calc(56*var(--u));align-items:flex-start;padding:calc(8*var(--u)) calc(10*var(--u));white-space:normal;line-height:1.7}
.d2-req{color:var(--d2-danger)}
.d2-sheet-f{display:flex;align-items:center;gap:calc(8*var(--u));margin-top:calc(16*var(--u));white-space:nowrap}

.d2-drawer{position:absolute;top:0;bottom:0;inset-inline-start:0;width:calc(470*var(--u));background:var(--d2-bg);border-inline-end:1px solid var(--d2-line);box-shadow:var(--d2-edrawer);z-index:9;display:flex;flex-direction:column}
.d2-drawer-h{display:flex;align-items:center;gap:calc(10*var(--u));padding:calc(16*var(--u)) calc(18*var(--u)) calc(12*var(--u))}
.d2-drawer-h .h{font-size:calc(18*var(--u));font-weight:600;flex:1}
.d2-qchips{display:flex;gap:calc(6*var(--u));flex-wrap:wrap;padding:0 calc(18*var(--u)) calc(12*var(--u));border-bottom:1px solid var(--d2-line)}
.d2-qchip{height:calc(30*var(--u));display:inline-flex;align-items:center;gap:calc(7*var(--u));padding:0 calc(10*var(--u));border-radius:calc(8*var(--u));border:1px solid var(--d2-line);font-size:calc(12.5*var(--u));color:var(--d2-ink-2);background:var(--d2-bg);white-space:nowrap}
.d2-qchip .qd{width:calc(8*var(--u));height:calc(8*var(--u));border-radius:calc(2.5*var(--u));background:var(--c)}
.d2-qchip .n{color:var(--d2-ink-3)}
.d2-qchip.on{border-color:var(--d2-blue);background:var(--d2-blue-50);color:var(--d2-blue-700);font-weight:600}
.d2-seg{display:inline-flex;background:var(--d2-subtle);border:1px solid var(--d2-line);border-radius:calc(8*var(--u));padding:calc(2*var(--u));gap:calc(2*var(--u));white-space:nowrap}
.d2-seg > span{height:calc(26*var(--u));padding:0 calc(10*var(--u));border-radius:calc(6*var(--u));font-size:calc(12.5*var(--u));color:var(--d2-ink-3);display:inline-flex;align-items:center;gap:calc(6*var(--u))}
.d2-seg > span.on{background:var(--d2-bg);color:var(--d2-ink);font-weight:600;box-shadow:0 1px calc(2*var(--u)) rgba(13,22,38,.08)}
.d2-seg .c{font-size:calc(11*var(--u));color:var(--d2-ink-3);font-weight:500}
.d2-irow{display:grid;grid-template-columns:1fr auto;gap:calc(2*var(--u)) calc(12*var(--u));padding:calc(10*var(--u)) calc(18*var(--u));border-bottom:1px solid var(--d2-line-soft);position:relative}
.d2-irow.sel{background:var(--d2-blue-50)}
.d2-irow.sel::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:calc(2*var(--u));background:var(--d2-blue)}
.d2-irow .nm{font-size:calc(13.5*var(--u));font-weight:600;display:flex;align-items:center;gap:calc(8*var(--u))}
.d2-irow.unread .nm::before{content:"";width:calc(6*var(--u));height:calc(6*var(--u));border-radius:50%;background:var(--d2-blue)}
.d2-irow .tm{font-size:calc(12*var(--u));color:var(--d2-ink-3);text-align:end;white-space:nowrap}
.d2-irow .l2{grid-column:1/-1;display:flex;align-items:center;gap:calc(6*var(--u));flex-wrap:wrap;font-size:calc(12.5*var(--u))}
.d2-irow .l3{grid-column:1/-1;font-size:calc(12.5*var(--u));color:var(--d2-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.d2-strip{height:calc(44*var(--u));flex:none;display:flex;align-items:center;border-bottom:1px solid var(--d2-line);background:var(--d2-subtle);padding:0 calc(6*var(--u));overflow:hidden}
.d2-s1{display:flex;align-items:center;gap:calc(8*var(--u));padding:0 calc(14*var(--u));font-size:calc(12.5*var(--u));color:var(--d2-ink-3);white-space:nowrap;border-inline-end:1px solid var(--d2-line);height:calc(20*var(--u))}
.d2-s1:last-child{border:0}
.d2-s1 b{color:var(--d2-ink);font-size:calc(14*var(--u));font-weight:600}
.d2-s1 b.w{color:var(--d2-danger)}
.d2-s1 svg{display:block}
.d2-prog{height:calc(4*var(--u));border-radius:calc(2*var(--u));background:var(--d2-line-soft);overflow:hidden;width:calc(80*var(--u))}
.d2-prog i{display:block;height:100%;background:var(--d2-blue);border-radius:calc(2*var(--u))}
.d2-body2{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) calc(320*var(--u))}
.d2-feed{overflow:hidden;padding:calc(20*var(--u)) calc(32*var(--u)) calc(24*var(--u));min-height:0;min-width:0}
.d2-feed-in{max-width:calc(820*var(--u));margin:0 auto}
.d2-feed-head{display:flex;align-items:flex-end;gap:calc(14*var(--u));margin-bottom:calc(8*var(--u));white-space:nowrap}
.d2-feed-head .h{font-size:calc(26*var(--u));font-weight:600;letter-spacing:calc(-.4*var(--u));line-height:1.2}
.d2-feed-head .dt{color:var(--d2-ink-3);font-size:calc(13.5*var(--u));padding-bottom:calc(3*var(--u))}
.d2-fg{display:flex;align-items:center;gap:calc(8*var(--u));margin:calc(14*var(--u)) calc(4*var(--u)) calc(2*var(--u));font-size:calc(12.5*var(--u));font-weight:600;color:var(--d2-ink-2);white-space:nowrap}
.d2-fg .c{font-weight:600;color:var(--d2-ink-3)}
.d2-fg .ln{flex:1;height:1px;background:var(--d2-line-soft)}
.d2-fi{display:grid;grid-template-columns:calc(36*var(--u)) minmax(0,1fr) auto;gap:calc(3*var(--u)) calc(14*var(--u));padding:calc(10*var(--u)) calc(14*var(--u));border-radius:calc(12*var(--u));align-items:start}
.d2-fi .fic{width:calc(36*var(--u));height:calc(36*var(--u));border-radius:calc(10*var(--u));display:grid;place-items:center;background:var(--bgc);color:var(--fgc);grid-row:span 2}
.d2-fi .t{font-size:calc(14*var(--u));font-weight:600;display:flex;align-items:center;gap:calc(8*var(--u));flex-wrap:wrap}
.d2-fi .t .who{font-weight:500;color:var(--d2-ink-3);font-size:calc(13*var(--u))}
.d2-fi .tm{font-size:calc(12*var(--u));color:var(--d2-ink-3);white-space:nowrap}
.d2-fi .x{grid-column:2/4;font-size:calc(13*var(--u));color:var(--d2-ink-2);line-height:1.7}
.d2-fi .tgs{display:flex;gap:calc(5*var(--u));flex-wrap:wrap;margin-top:calc(4*var(--u))}
.d2-fi .acts{grid-column:2/4;display:flex;gap:calc(6*var(--u));margin-top:calc(6*var(--u));flex-wrap:wrap}
.d2-fi.hov{background:var(--d2-subtle)}
.d2-warn{--bgc:var(--d2-warn-bg);--fgc:var(--d2-warn-icon)}
.d2-ai{--bgc:var(--d2-blue-50);--fgc:var(--d2-blue)}
.d2-req2{--bgc:var(--d2-violet-bg);--fgc:var(--d2-violet)}
.d2-pay{--bgc:var(--d2-ok-bg);--fgc:var(--d2-ok)}
.d2-late{--bgc:var(--d2-danger-bg);--fgc:var(--d2-danger)}
.d2-rail{border-inline-start:1px solid var(--d2-line);background:var(--d2-subtle);padding:calc(20*var(--u));overflow:hidden;min-height:0}
.d2-rail .rh{font-size:calc(12.5*var(--u));font-weight:600;color:var(--d2-ink-2);margin:0 0 calc(10*var(--u));display:flex;align-items:center;gap:calc(6*var(--u))}
.d2-rail .rh .d2-ic{color:var(--d2-blue)}
.d2-rail .rs + .rs{margin-top:calc(22*var(--u))}
.d2-meter{height:calc(6*var(--u));border-radius:calc(3*var(--u));background:var(--d2-line-soft);overflow:hidden}
.d2-meter > i{display:block;height:100%;background:var(--d2-blue);border-radius:calc(3*var(--u))}
.d2-lb{display:grid;grid-template-columns:calc(28*var(--u)) 1fr calc(42*var(--u));gap:calc(10*var(--u));align-items:center;padding:calc(4*var(--u)) 0;font-size:calc(13*var(--u))}
.d2-lb .d2-meter{margin-top:calc(4*var(--u))}
.d2-lb .n{text-align:end;color:var(--d2-ink-2);font-weight:600}
.d2-fr{display:grid;grid-template-columns:calc(84*var(--u)) 1fr calc(40*var(--u));gap:calc(10*var(--u));align-items:center;font-size:calc(12.5*var(--u));color:var(--d2-ink-2);padding:calc(4*var(--u)) 0}
.d2-fr .bar{height:calc(18*var(--u));border-radius:calc(5*var(--u));background:var(--d2-blue-100);position:relative;overflow:hidden}
.d2-fr .bar > i{position:absolute;inset-block:0;inset-inline-start:0;background:var(--d2-blue-500);border-radius:calc(5*var(--u))}
.d2-fr .n{text-align:end;font-weight:600}

.d2-sub{height:calc(52*var(--u));flex:none;display:flex;align-items:center;gap:calc(10*var(--u));padding:0 calc(24*var(--u));border-bottom:1px solid var(--d2-line);white-space:nowrap}
.d2-crumbs{display:flex;align-items:center;gap:calc(6*var(--u));font-size:calc(13*var(--u));color:var(--d2-ink-3)}
.d2-crumbs b{color:var(--d2-ink);font-size:calc(15*var(--u));font-weight:600}
.d2-match{display:flex;align-items:center;gap:calc(16*var(--u));margin:calc(16*var(--u)) calc(24*var(--u)) 0;padding:calc(12*var(--u)) calc(16*var(--u));border:1px solid var(--d2-line);border-radius:calc(12*var(--u));background:var(--d2-bg);white-space:nowrap}
.d2-match .v{font-size:calc(20*var(--u));font-weight:600;letter-spacing:-.2px}
.d2-match .v small{font-size:calc(12*var(--u));font-weight:500;color:var(--d2-ink-3);margin-inline-start:calc(4*var(--u))}
.d2-eq{width:calc(32*var(--u));height:calc(32*var(--u));border-radius:50%;display:grid;place-items:center;background:var(--d2-ok-bg);color:var(--d2-ok);flex:none}
.d2-eq .d2-ic{stroke-width:2.4}
.d2-tblw{flex:1;min-height:0;overflow:hidden;margin:calc(14*var(--u)) calc(24*var(--u)) 0;border:1px solid var(--d2-line);border-radius:calc(12*var(--u)) calc(12*var(--u)) 0 0;border-bottom:0}
.d2-grid{width:100%;border-collapse:collapse;table-layout:fixed;font-size:calc(13*var(--u))}
.d2-grid th{height:calc(36*var(--u));text-align:start;font-weight:500;font-size:calc(12*var(--u));color:var(--d2-ink-3);padding:0 calc(10*var(--u));border-bottom:1px solid var(--d2-line);white-space:nowrap;background:var(--d2-subtle)}
.d2-grid td{height:calc(44*var(--u));padding:0 calc(10*var(--u));border-bottom:1px solid var(--d2-line-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--d2-ink-2)}
.d2-grid td.nm{color:var(--d2-ink);font-weight:600}
.d2-grid tr.sel td{background:var(--d2-blue-50)}
.d2-grid tr.sel td:first-child{box-shadow:inset -2px 0 0 var(--d2-blue)}

.d2-sbar{height:calc(50*var(--u));flex:none;display:flex;align-items:flex-end;justify-content:space-between;padding:0 calc(30*var(--u)) calc(6*var(--u));font-size:calc(14*var(--u));font-weight:600;direction:ltr}
.d2-sbar .sig{display:flex;gap:calc(5*var(--u));align-items:center}
.d2-sbar .sig svg{display:block;width:calc(18*var(--u));height:calc(11*var(--u));fill:var(--d2-ink)}
.d2-sbar .sig i{display:block;width:calc(22*var(--u));height:calc(11*var(--u));border-radius:calc(3*var(--u));border:calc(1.5*var(--u)) solid var(--d2-ink);position:relative}
.d2-sbar .sig i::after{content:"";position:absolute;inset:calc(1.5*var(--u));right:35%;background:var(--d2-ink);border-radius:1px}
.d2-mprog{padding:calc(6*var(--u)) calc(16*var(--u)) 0;flex:none}
.d2-mprog .row{display:flex;justify-content:space-between;align-items:center;font-size:calc(13*var(--u));color:var(--d2-ink-3);margin-bottom:calc(8*var(--u))}
.d2-mprog .row b{color:var(--d2-ink);font-size:calc(15*var(--u))}
.d2-mprog .d2-segbar{width:100%}
.d2-mcard{padding:calc(16*var(--u)) calc(20*var(--u)) 0;flex:1;overflow:hidden;min-height:0}
.d2-mname{font-size:calc(28*var(--u));font-weight:600;margin:calc(8*var(--u)) 0 0;letter-spacing:calc(-.4*var(--u));line-height:1.25}
.d2-mphone{font-size:calc(19*var(--u));color:var(--d2-ink-2);font-weight:500;letter-spacing:calc(.5*var(--u));direction:ltr;unicode-bidi:isolate;text-align:right}
.d2-maip{margin-top:calc(14*var(--u));padding:calc(12*var(--u)) calc(16*var(--u));border-radius:calc(16*var(--u));gap:calc(8*var(--u))}
.d2-mthumb{flex:none;padding:calc(10*var(--u)) calc(16*var(--u)) calc(12*var(--u));display:flex;flex-direction:column;gap:calc(10*var(--u));background:var(--d2-bg)}
.d2-row3{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(10*var(--u))}
.d2-row3 > span{height:calc(60*var(--u));border-radius:calc(14*var(--u));border:1px solid var(--d2-line-strong);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(3*var(--u));font-size:calc(12*var(--u));color:var(--d2-ink-2);white-space:nowrap}
.d2-row3 .d2-ic{width:calc(19*var(--u));height:calc(19*var(--u))}
.d2-mcall{height:calc(60*var(--u));border-radius:calc(14*var(--u));background:var(--d2-blue);color:#fff;font-size:calc(17*var(--u));font-weight:600;display:flex;align-items:center;justify-content:center;gap:calc(10*var(--u));position:relative}
.d2-mcall .d2-ic{width:calc(20*var(--u));height:calc(20*var(--u))}
.d2-press{position:absolute;inset:-5px;border-radius:calc(18*var(--u));border:calc(3*var(--u)) solid var(--d2-blue-100)}
.d2-bnav{height:calc(84*var(--u));flex:none;border-top:1px solid var(--d2-line);display:grid;grid-template-columns:repeat(5,1fr);padding:calc(6*var(--u)) calc(4*var(--u)) calc(26*var(--u));background:var(--d2-bg)}
.d2-bnav > span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(3*var(--u));font-size:calc(11*var(--u));color:var(--d2-ink-3);white-space:nowrap}
.d2-bnav .d2-ic{width:calc(22*var(--u));height:calc(22*var(--u))}
.d2-bnav .on{color:var(--d2-blue-700);font-weight:600}
.d2-homei{position:absolute;bottom:calc(8*var(--u));left:50%;transform:translateX(-50%);width:calc(134*var(--u));height:calc(5*var(--u));border-radius:calc(3*var(--u));background:var(--d2-ink);z-index:12}
.d2-mdim{position:absolute;inset:0;background:var(--d2-dim-m);z-index:9}
.d2-msheet{position:absolute;inset-inline:0;bottom:0;background:var(--d2-bg);border-radius:calc(20*var(--u)) calc(20*var(--u)) 0 0;padding:calc(8*var(--u)) calc(16*var(--u)) calc(34*var(--u));z-index:10;box-shadow:0 -12px calc(40*var(--u)) -12px rgba(13,22,38,.3)}
.d2-msheet .d2-grab{margin:calc(4*var(--u)) auto calc(12*var(--u))}
.d2-mob{display:grid;grid-template-columns:1fr 1fr;gap:calc(8*var(--u))}
.d2-mob .d2-ob{height:calc(50*var(--u));font-size:calc(14.5*var(--u));gap:calc(9*var(--u))}
.d2-mob .d2-ob .sel{gap:calc(9*var(--u))}
.d2-m2{display:grid;grid-template-columns:1fr 1.6fr;gap:calc(10*var(--u));margin-top:calc(14*var(--u))}
.d2-m2 > span{height:calc(56*var(--u));border-radius:calc(14*var(--u));font-size:calc(16*var(--u));display:flex;align-items:center;justify-content:center;gap:calc(8*var(--u));font-weight:600;position:relative}

.d2-ob6{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(8*var(--u))}
.d2-ob6 .d2-ob{height:calc(54*var(--u))}
.d2-pbody{padding:calc(16*var(--u)) calc(18*var(--u));flex:1;min-height:0;overflow:hidden}
.d2-tabs{display:flex;gap:calc(4*var(--u));padding:calc(6*var(--u)) calc(16*var(--u)) 0;border-bottom:1px solid var(--d2-line);white-space:nowrap}
.d2-tab{height:calc(40*var(--u));padding:0 calc(8*var(--u));font-size:calc(13*var(--u));color:var(--d2-ink-3);border-bottom:calc(2*var(--u)) solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:calc(6*var(--u))}
.d2-tab.on{color:var(--d2-ink);border-bottom-color:var(--d2-blue);font-weight:600}
.d2-tab .d2-ic{color:var(--d2-blue)}
.d2-chip{height:calc(26*var(--u));display:inline-flex;align-items:center;gap:calc(6*var(--u));padding:0 calc(9*var(--u));border-radius:calc(6*var(--u));border:1px dashed var(--d2-line-strong);font-size:calc(12.5*var(--u));color:var(--d2-ink-3);white-space:nowrap}
.d2-chip.on{border-style:solid;border-color:var(--d2-blue-100);background:var(--d2-blue-50);color:var(--d2-blue-700);font-weight:600}
.d2-pfoot{display:flex;gap:calc(8*var(--u));align-items:center;padding:calc(10*var(--u)) calc(16*var(--u));border-top:1px solid var(--d2-line);white-space:nowrap;font-size:calc(12*var(--u));color:var(--d2-ink-3)}
.d2-cb{width:calc(16*var(--u));height:calc(16*var(--u));border:calc(1.5*var(--u)) solid var(--d2-line-strong);border-radius:calc(4*var(--u));background:var(--d2-bg);flex:none}

.d2-hlw{width:100%;max-width:calc(560*var(--u));background:var(--d2-canvas);border-radius:calc(22*var(--u));padding:calc(16*var(--u))}
.d2-win{background:var(--d2-bg);border:1px solid var(--d2-line-strong);border-radius:calc(14*var(--u));overflow:hidden;box-shadow:0 1px calc(2*var(--u)) rgba(13,22,38,.04),0 calc(12*var(--u)) calc(32*var(--u)) -14px rgba(13,22,38,.16)}
.d2-wh{display:flex;align-items:center;gap:calc(8*var(--u));height:calc(46*var(--u));padding:0 calc(14*var(--u));border-bottom:1px solid var(--d2-line);font-size:calc(13.5*var(--u));white-space:nowrap;overflow:hidden}
.d2-wh > .d2-ic{color:var(--d2-blue)}
.d2-wh .d2-tab{height:calc(46*var(--u));font-size:calc(12.5*var(--u));padding:0 calc(6*var(--u))}
.d2-wb{padding:calc(10*var(--u)) calc(12*var(--u)) calc(12*var(--u))}
.d2-crow{display:grid;grid-template-columns:calc(32*var(--u)) minmax(0,1fr) auto auto;gap:calc(10*var(--u));align-items:center;padding:calc(8*var(--u)) calc(6*var(--u));border-bottom:1px solid var(--d2-line-soft)}
.d2-crow:last-child{border-bottom:0}
.d2-crow .ci{width:calc(32*var(--u));height:calc(32*var(--u));border-radius:calc(9*var(--u));display:grid;place-items:center;background:var(--d2-blue-50);color:var(--d2-blue)}
.d2-crow .ci.mut{background:var(--d2-subtle);color:var(--d2-ink-3)}
.d2-crow .tx{min-width:0;font-size:calc(13*var(--u));line-height:1.5}
.d2-crow .tx b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d2-crow .tx small{display:block;color:var(--d2-ink-3);font-size:calc(12*var(--u));white-space:nowrap}
.d2-crow .dur{font-size:calc(12.5*var(--u));color:var(--d2-ink-2);font-variant-numeric:tabular-nums}
.d2-spin{width:calc(10*var(--u));height:calc(10*var(--u));border-radius:50%;border:calc(2*var(--u)) solid var(--d2-blue-100);border-top-color:var(--d2-blue);display:inline-block}
.d2-tline{display:grid;grid-template-columns:auto 1fr;gap:calc(10*var(--u));align-items:start;padding:calc(10*var(--u)) calc(12*var(--u));border-radius:calc(10*var(--u));background:var(--d2-subtle);font-size:calc(13.5*var(--u));line-height:1.85}
.d2-tline .who{display:block;font-size:calc(12*var(--u));color:var(--d2-ink-3);font-weight:600}
.d2-tchip{display:inline-flex;align-items:center;gap:calc(4*var(--u));height:calc(22*var(--u));padding:0 calc(8*var(--u));border-radius:calc(999*var(--u));background:var(--d2-blue);color:#fff;font-size:calc(11.5*var(--u));font-weight:600;margin-top:calc(2*var(--u));white-space:nowrap}
.d2-tchip .d2-ic{width:calc(9*var(--u));height:calc(9*var(--u));fill:currentColor;stroke:none}
.d2-conn{display:flex;align-items:center;gap:calc(8*var(--u));font-size:calc(12*var(--u));color:var(--d2-ink-3);padding:calc(8*var(--u)) calc(12*var(--u))}
.d2-conn::before{content:"";width:1px;height:calc(18*var(--u));background:var(--d2-line-strong)}
.d2-kv{display:grid;grid-template-columns:calc(120*var(--u)) 1fr;font-size:calc(13*var(--u))}
.d2-kv > span{color:var(--d2-ink-3);padding:calc(6*var(--u)) 0;border-bottom:1px solid var(--d2-line-soft);white-space:nowrap}
.d2-kv > b{font-weight:500;padding:calc(6*var(--u)) 0;border-bottom:1px solid var(--d2-line-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--d2-ink)}
.d2-dist{display:grid;grid-template-columns:calc(110*var(--u)) minmax(0,1fr) calc(30*var(--u));gap:calc(10*var(--u));align-items:center;font-size:calc(13*var(--u));padding:calc(6*var(--u)) calc(2*var(--u))}
.d2-dist .bar{height:calc(10*var(--u));border-radius:calc(5*var(--u));background:var(--d2-blue-50);overflow:hidden}
.d2-dist .bar > i{display:block;height:100%;background:var(--d2-blue-500);border-radius:calc(5*var(--u))}
.d2-dist b{text-align:end;font-variant-numeric:tabular-nums}
.d2-dist.h{font-size:calc(11.5*var(--u));color:var(--d2-ink-3);padding-bottom:calc(2*var(--u))}
.d2-tiles{display:grid;grid-template-columns:1fr auto 1fr;gap:calc(10*var(--u));align-items:center}
.d2-tile{border:1px solid var(--d2-line);border-radius:calc(12*var(--u));padding:calc(12*var(--u)) calc(14*var(--u));background:var(--d2-bg);min-width:0}
.d2-tile .l{font-size:calc(11.5*var(--u));color:var(--d2-ink-3);white-space:nowrap}
.d2-tile .v{font-size:calc(20*var(--u));font-weight:600;letter-spacing:-.2px;line-height:1.4}
.d2-tile .v small{font-size:calc(11.5*var(--u));font-weight:500;color:var(--d2-ink-3);margin-inline-start:calc(4*var(--u))}
.d2-hbar{display:grid;grid-template-columns:calc(150*var(--u)) minmax(0,1fr) calc(36*var(--u));gap:calc(10*var(--u));align-items:center;font-size:calc(12.5*var(--u));color:var(--d2-ink-2);padding:calc(5*var(--u)) 0}
.d2-hbar .bar{height:calc(16*var(--u));border-radius:calc(5*var(--u));background:var(--d2-blue-50);overflow:hidden}
.d2-hbar .bar > i{display:block;height:100%;background:var(--d2-blue-500);border-radius:calc(5*var(--u))}
.d2-hbar .bar > i.lo{background:#9DB8F0}
.d2-hbar b{text-align:end;font-variant-numeric:tabular-nums}
.d2-sec{display:flex;flex-direction:column;gap:calc(12*var(--u))}
.d2-arow{display:grid;grid-template-columns:calc(32*var(--u)) minmax(0,1fr) auto;gap:calc(12*var(--u));align-items:center;padding:calc(10*var(--u)) calc(14*var(--u));border-bottom:1px solid var(--d2-line-soft);font-size:calc(13.5*var(--u))}
.d2-arow:last-child{border-bottom:0}
.d2-arow .fic{width:calc(32*var(--u));height:calc(32*var(--u));border-radius:calc(9*var(--u));display:grid;place-items:center;background:var(--bgc,var(--d2-subtle));color:var(--fgc,var(--d2-ink-2))}
.d2-arow small{display:block;color:var(--d2-ink-3);font-size:calc(12*var(--u))}
.d2-arow time{color:var(--d2-ink-3);font-size:calc(12.5*var(--u));font-variant-numeric:tabular-nums}
.d2-bk{display:flex;align-items:center;gap:calc(12*var(--u));padding:calc(12*var(--u)) calc(14*var(--u));font-size:calc(13.5*var(--u))}
.d2-bk small{display:block;color:var(--d2-ink-3);font-size:calc(12*var(--u))}

.d2-ii{display:flex;flex-direction:column}
.d2-ii .d2-win{border-color:#2c2c2e;box-shadow:0 calc(30*var(--u)) calc(80*var(--u)) -30px rgba(0,0,0,.6)}
.d2-iih{display:flex;align-items:center;gap:calc(10*var(--u));padding:calc(14*var(--u)) calc(18*var(--u)) 0;flex-wrap:wrap}
.d2-iih .nm{font-size:calc(16*var(--u));font-weight:600}
.d2-iih .d2-mut{font-size:calc(12.5*var(--u))}
.d2-player{display:grid;grid-template-columns:calc(36*var(--u)) minmax(0,1fr);gap:calc(12*var(--u));align-items:center;padding:calc(14*var(--u)) calc(18*var(--u)) calc(6*var(--u))}
.d2-pbtn{width:calc(36*var(--u));height:calc(36*var(--u));border-radius:50%;background:var(--d2-blue);color:#fff;display:grid;place-items:center}
.d2-pbtn .d2-ic{width:calc(14*var(--u));height:calc(14*var(--u));fill:currentColor;stroke:none}
.d2-wave{position:relative;height:calc(44*var(--u))}
.d2-wv{position:absolute;inset:0;display:flex;align-items:center;gap:calc(2*var(--u))}
.d2-wv i{flex:1;border-radius:calc(2*var(--u));background:var(--d2-line);min-height:calc(3*var(--u))}
.d2-wv.pr i{background:var(--d2-blue-500)}
.d2-wv.pr{clip-path:inset(0 0 0 0)}
.d2-whead{position:absolute;inset:-4px 0;transform:translateX(-100%)}
.d2-whead i{position:absolute;right:0;top:0;bottom:0;width:calc(2*var(--u));background:var(--d2-ink);border-radius:calc(2*var(--u))}
.d2-wmarks{position:absolute;inset:0;pointer-events:none}
.d2-wmarks b{position:absolute;top:-6px;width:calc(8*var(--u));height:calc(8*var(--u));border-radius:50%;transform:translateX(50%);box-shadow:0 0 0 calc(2*var(--u)) #fff}
.d2-times{display:flex;justify-content:space-between;font-size:calc(11.5*var(--u));color:var(--d2-ink-3);padding:0 calc(66*var(--u)) 0 calc(18*var(--u));font-variant-numeric:tabular-nums}
.d2-iibody{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:calc(18*var(--u));padding:calc(14*var(--u)) calc(18*var(--u)) calc(18*var(--u))}
.d2-trs{display:flex;flex-direction:column;gap:calc(8*var(--u));min-width:0}
.d2-search{height:calc(34*var(--u));border:1px solid var(--d2-line);border-radius:calc(8*var(--u));background:var(--d2-subtle);display:flex;align-items:center;gap:calc(8*var(--u));padding:0 calc(10*var(--u));color:var(--d2-ink-3);font-size:calc(12.5*var(--u))}
.d2-tr{display:grid;grid-template-columns:calc(44*var(--u)) minmax(0,1fr);gap:calc(10*var(--u));align-items:start;padding:calc(8*var(--u)) calc(10*var(--u));border-radius:calc(10*var(--u));font-size:calc(13.5*var(--u));line-height:1.85;color:var(--d2-ink-2)}
.d2-tr.c{background:var(--d2-subtle);color:var(--d2-ink)}
.d2-tr time{font-size:calc(12*var(--u));color:var(--d2-blue-700);font-weight:600;padding-top:calc(3*var(--u));font-variant-numeric:tabular-nums}
.d2-tr .who{display:block;font-size:calc(11.5*var(--u));color:var(--d2-ink-3);font-weight:600}
.d2-tr mark.ok{background:var(--d2-ok-bg);color:var(--d2-ok)}
.d2-ins{display:grid;grid-template-columns:1fr 1fr;gap:calc(10*var(--u));align-content:start;min-width:0}
.d2-card{border:1px solid var(--d2-line);border-radius:calc(12*var(--u));padding:calc(12*var(--u)) calc(14*var(--u));background:var(--d2-bg);display:flex;flex-direction:column;gap:calc(6*var(--u));min-width:0}
.d2-card.w{grid-column:1/-1}
.d2-card.ai{background:linear-gradient(180deg,#F3F7FF 0,#fff calc(120*var(--u)));border-color:var(--d2-blue-100)}
.d2-card .ct{font-size:calc(12*var(--u));color:var(--d2-ink-3);font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:calc(8*var(--u));white-space:nowrap}
.d2-card .cv{font-size:calc(14.5*var(--u));font-weight:600;line-height:1.6}
.d2-ev{display:inline-flex;align-items:center;gap:calc(4*var(--u));font-size:calc(11.5*var(--u));color:var(--d2-blue-700);font-weight:600;background:var(--d2-blue-50);border-radius:calc(999*var(--u));padding:0 calc(7*var(--u));height:calc(20*var(--u))}
.d2-ev .d2-ic{width:calc(8*var(--u));height:calc(8*var(--u));fill:currentColor;stroke:none}
.d2-dims{display:grid;gap:calc(8*var(--u))}
.d2-dimr{display:grid;grid-template-columns:calc(110*var(--u)) 1fr calc(44*var(--u));gap:calc(10*var(--u));align-items:center;font-size:calc(12.5*var(--u));color:var(--d2-ink-2)}
.d2-dimr .n{color:var(--d2-ink-3);text-align:end;font-size:calc(12*var(--u));font-variant-numeric:tabular-nums}

.d2-schip{display:inline-flex;align-items:center;gap:calc(6*var(--u));height:calc(22*var(--u));padding:0 calc(8*var(--u));border-radius:calc(6*var(--u));
  font-size:calc(12*var(--u));font-weight:500;white-space:nowrap;background:color-mix(in srgb,var(--c) 12%,transparent);color:color-mix(in srgb,var(--c) 78%,#000);
  border:1px solid color-mix(in srgb,var(--c) 28%,transparent)}
.d2-schip > i{width:calc(7*var(--u));height:calc(7*var(--u));border-radius:50%;background:var(--c);flex:none}
.d2-dark .d2-schip,.d2.d2-dark .d2-schip{background:color-mix(in srgb,var(--c) 22%,transparent);color:color-mix(in srgb,var(--c) 55%,#fff)}

.d2-kpi{font-size:calc(17*var(--u));font-weight:600;line-height:1.35;letter-spacing:calc(-.2*var(--u));color:var(--d2-ink);font-variant-numeric:tabular-nums}
.d2-kpi.lg{font-size:calc(26*var(--u));line-height:1.2}

.d2-toast{position:absolute;z-index:20;inset-inline:0;margin-inline:auto;bottom:calc(20*var(--u));width:max-content;max-width:90%;display:flex;align-items:center;gap:calc(10*var(--u));
  padding:calc(10*var(--u)) calc(14*var(--u));border-radius:calc(10*var(--u));background:#0D1626;color:#E6ECF5;font-size:calc(13*var(--u));box-shadow:var(--d2-e2)}
.d2-toast .d2-ic{color:#6EE7A8}

.d2-bulk{display:inline-flex;align-items:center;gap:calc(6*var(--u));height:calc(40*var(--u));padding:calc(5*var(--u)) calc(8*var(--u));border-radius:calc(10*var(--u));
  background:#0D1626;color:#E6ECF5;font-size:calc(12.5*var(--u));box-shadow:var(--d2-ebulk);white-space:nowrap}
.d2-bulk .n{font-weight:600;padding-inline-end:calc(8*var(--u));border-inline-end:1px solid rgba(230,236,245,.18)}
.d2-bulk .d2-btn{color:#E6ECF5;height:calc(28*var(--u))}

.d2-pop{background:var(--d2-bg);border:1px solid var(--d2-line);border-radius:calc(12*var(--u));box-shadow:var(--d2-e2);padding:calc(6*var(--u))}

.d2-btn,.d2-bigcall,.d2-mcall,.d2-ob,.d2-sq,.d2-qchip,.d2-chip,.d2-seg > span,.d2-tab,.d2-row3 > span,.d2-m2 > span{
  transition:transform var(--d2-fast) var(--d2-ease),background-color var(--d2-base) var(--d2-ease),border-color var(--d2-base) var(--d2-ease),box-shadow var(--d2-base) var(--d2-ease),color var(--d2-base) var(--d2-ease)}
.d2 .is-pressed{transform:scale(.98)}
.d2-ob.is-pressed,.d2-row3 > span.is-pressed{transform:scale(.96)}
.d2-cursor{position:absolute;z-index:60;top:0;left:0;width:calc(22*var(--u));height:calc(22*var(--u));pointer-events:none;will-change:transform;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 2.5v17.2l4.3-4.1 2.8 6.4 2.9-1.3-2.8-6.3h6z' fill='%23000' stroke='%23fff' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.35))}
.d2-cursor.hand{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3.2a1.6 1.6 0 0 1 3.2 0V10l.4-.1a1.6 1.6 0 0 1 3 .5v.6a1.6 1.6 0 0 1 2.9.7v.5a1.6 1.6 0 0 1 2.6 1.2v3.9c0 3.4-2.4 5.9-5.9 5.9h-1.7c-1.9 0-3.4-.8-4.5-2.3L5 15.6a1.7 1.7 0 0 1 2.6-2.1L9 14.8z' fill='%23fff' stroke='%23000' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E")}
.d2-tap{position:absolute;z-index:60;width:calc(44*var(--u));height:calc(44*var(--u));margin:calc(-22*var(--u)) 0 0 calc(-22*var(--u));border-radius:50%;
  background:rgba(13,22,38,.18);opacity:0;transform:scale(.4);pointer-events:none}
.d2-tap.go{animation:d2Tap .325s var(--d2-ease) both}
@keyframes d2Tap{0%{opacity:0;transform:scale(.4)}30%{opacity:1}100%{opacity:0;transform:scale(1.4)}}
.d2-caret::after{content:"";display:inline-block;width:calc(1.5*var(--u));height:1.1em;margin-inline-start:calc(2*var(--u));vertical-align:-.15em;background:var(--d2-blue);animation:d2Caret 1s steps(1) infinite}
@keyframes d2Caret{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){
  .d2 *,.d2 *::before,.d2 *::after{transition:none!important}
  .d2-caret::after,.d2-tap.go{animation:none}
  .d2-cursor,.d2-tap{display:none}
}

[data-once].paused .d2 *,[data-once].paused .d2 *::before,[data-once].paused .d2 *::after{animation-play-state:paused!important}
[data-once].armed .d2-arc{stroke-dashoffset:100}
[data-once].playing .d2-arc{animation:d2Arc .845s cubic-bezier(.28,.11,.32,1) var(--ad,1.26s) both}
@keyframes d2Arc{from{stroke-dashoffset:100}to{stroke-dashoffset:28}}
[data-once].playing .d2-skel i{animation:d2Shim 1.1s linear infinite}
@keyframes d2Shim{from{background-position:100% 0}to{background-position:-100% 0}}
[data-once].playing .d2-spin{animation:d2Spin .8s linear infinite}
@keyframes d2Spin{to{transform:rotate(360deg)}}
[data-once].armed .d2-up{transform:translateY(105%)}
[data-once].playing .d2-up{animation:d2Up .455s cubic-bezier(.28,.11,.32,1) var(--ud,.63s) both}
@keyframes d2Up{from{transform:translateY(105%)}to{transform:none}}
[data-once].armed .d2-fadein{opacity:0}
[data-once].playing .d2-fadein{animation:d2Fade .325s ease var(--fd,.585s) both}
@keyframes d2Fade{from{opacity:0}to{opacity:1}}
[data-once].armed .d2-wv.pr{clip-path:inset(0 0 0 100%)}
[data-once].armed .d2-whead{transform:none}
[data-once].playing .d2-wv.pr{animation:d2WaveP 8s linear .3s both}
[data-once].playing .d2-whead{animation:d2Head 8s linear .3s both}
@keyframes d2WaveP{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}
@keyframes d2Head{from{transform:none}to{transform:translateX(-100%)}}

@container screen (max-width:620px){
  .d2-scr{--u:calc(100cqw / 660)}
  .d2-scr .d2-hn{display:none!important}
  .d2-scr .d2-stage{grid-template-columns:minmax(0,1fr);padding:calc(14*var(--u)) calc(16*var(--u))}
  .d2-scr .d2-body2{grid-template-columns:minmax(0,1fr)}
  .d2-scr .d2-feed{padding:calc(16*var(--u)) calc(18*var(--u))}
  .d2-scr .d2-segbar{width:calc(250*var(--u))}
  .d2-scr .d2-sheet{inset-inline:calc(12*var(--u));padding:calc(8*var(--u)) calc(16*var(--u)) calc(14*var(--u))}
  .d2-scr .d2-obgrid{grid-template-columns:repeat(2,1fr)}
  .d2-scr .d2-drawer{width:100%}
}
@media (max-width:1068px){
  .d2-iibody{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:734px){
  .d2-hlw{padding:calc(10*var(--u));border-radius:calc(18*var(--u))}
  .d2-hm{display:none!important}
  .d2-wh{height:calc(42*var(--u));padding:0 calc(10*var(--u))}
  .d2-wb{padding:calc(8*var(--u)) calc(8*var(--u)) calc(10*var(--u))}
  .d2-hbar{grid-template-columns:calc(104*var(--u)) minmax(0,1fr) calc(32*var(--u))}
  .d2-dist{grid-template-columns:calc(96*var(--u)) minmax(0,1fr) calc(26*var(--u))}
  .d2-kv{grid-template-columns:calc(96*var(--u)) 1fr}
  .d2-tile .v{font-size:calc(16*var(--u))}
  .d2-ins{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(8*var(--u))}
  .d2-card{padding:calc(10*var(--u)) calc(12*var(--u))}
  .d2-card .ct{font-size:calc(11.5*var(--u))}
  .d2-ins .d2-gauge{width:calc(84*var(--u));height:calc(48*var(--u))}
  .d2-ins .d2-gauge b{font-size:calc(20*var(--u))}
  .d2-iih{padding:calc(12*var(--u)) calc(12*var(--u)) 0}
  .d2-player{padding:calc(12*var(--u)) calc(12*var(--u)) calc(4*var(--u))}
  .d2-times{padding:0 calc(60*var(--u)) 0 calc(12*var(--u))}
  .d2-iibody{padding:calc(12*var(--u))}
  .d2-tr{grid-template-columns:calc(40*var(--u)) minmax(0,1fr);padding:calc(6*var(--u)) calc(8*var(--u))}
}

/* ==== src/css/tools.css ==== */
#tools{--accent:var(--brand)}

#tools .sg{position:relative}
#tools .sg-scroller{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;
  padding-inline:max(var(--gutter),calc((100% - var(--content)) / 2));scroll-padding-inline:max(var(--gutter),calc((100% - var(--content)) / 2));padding-block:4px 16px;margin-bottom:-8px}
#tools .sg-scroller.is-tweening{scroll-snap-type:none}
#tools .sg-scroller::-webkit-scrollbar{display:none}
#tools .sg-scroller:focus-visible{outline-offset:-3px}
#tools .paddles{margin-top:28px}

.tl-card{flex:none;width:312px;height:452px;border-radius:var(--radius-md);background:var(--bg);scroll-snap-align:start;position:relative;overflow:hidden;
  display:flex;flex-direction:column;isolation:isolate}
.tl-txt{padding:26px 24px 0}
.tl-eb{font-size:14px;font-weight:500;line-height:1.5;color:var(--ink-2)}
.tl-h{font-size:var(--t-card);font-weight:600;line-height:1.35;margin-top:6px}
.tl-p{font-size:15px;line-height:1.75;color:var(--ink-2);margin-top:10px}
.tl-obj{position:relative;flex:1;min-height:0;margin-top:18px}

.tl-scr{position:absolute;inset-inline:20px;top:4px;border-radius:14px;background:#fff;border:1px solid var(--line-soft);overflow:hidden;
  box-shadow:0 2px 6px rgba(15,23,42,.06),0 18px 44px rgba(15,23,42,.12)}
.tl-wh{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border-bottom:1px solid var(--d2-line-soft);font-size:13px;color:var(--d2-ink)}
.tl-wh > .d2-ic{color:var(--d2-blue)}
.tl-wh b{font-weight:600}
.tl-wh .d2-mut{font-size:11.5px}
#tools .d2-av.v{background:linear-gradient(135deg,#EDE5FE,#CDBDFB);color:#5B21B6}
#tools .d2-av.t{background:linear-gradient(135deg,#D5F5EF,#9FE3D5);color:#0F766E}

.tl-chip{position:absolute;z-index:2;inset-inline:auto 16px;max-width:calc(100% - 32px);bottom:18px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:#fff;
  box-shadow:0 0 0 1px rgba(13,22,38,.06),0 2px 4px rgba(15,23,42,.06),0 14px 32px rgba(15,23,42,.14)}
.tl-chip .ci{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--d2-blue-50);color:var(--d2-blue);flex:none}
.tl-chip .tx{min-width:0;display:flex;flex-direction:column;font-size:13px;line-height:1.5}
.tl-chip .tx b{font-weight:600;color:var(--d2-ink)}
.tl-chip .tx small{font-size:11.5px;color:var(--d2-ink-3)}
.tl-chip .sw{display:grid}
.tl-chip .sw small{grid-area:1/1;display:inline-flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}
.tl-chip .s0{color:var(--d2-ink-3);opacity:0}
.tl-chip .s1{color:var(--d2-ok)}

html.js #tools .tl-card:not(.on) .tl-chip{opacity:0;transform:translateY(18px)}
html.js #tools .tl-card:not(.on) .tl-chip .s0{opacity:1}
html.js #tools .tl-card:not(.on) .tl-chip .s1{opacity:0}
html.js #tools .tl-chip{transition:opacity .45s var(--ease-calm,ease) .45s,transform .59s var(--ease-calm,ease) .45s}
html.js #tools .tl-chip .s0{transition:opacity .2s var(--ease) 1.4s}
html.js #tools .tl-chip .s1{transition:opacity .29s var(--ease) 1.44s}
html.js #tools .tl-card.on .tl-chip .d2-spin{animation:d2Spin .59s linear 3}

.tl-thread{display:flex;flex-direction:column;padding:0 14px 18px;font-size:13px;line-height:1.6;bottom:-24px}
.tl-who{display:flex;flex-direction:column;align-items:center;gap:1px;padding:14px 0 10px;border-bottom:1px solid #ececf0}
.tl-who .av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#a7adba,#868c99);color:#fff;font-weight:600;font-size:16px;margin-bottom:3px}
.tl-who .av.g{background:linear-gradient(180deg,#5d8ff0,#2f63d6)}
.tl-who b{font-size:13px;font-weight:600}
.tl-who small{font-size:11px;color:#8a8a8e}
.tl-bub{position:relative;align-self:flex-start;max-width:88%;margin-top:6px;background:#e9e9eb;border-radius:18px;padding:8px 13px;font-size:13px;line-height:1.75;color:#111}
.tl-typing{position:absolute;top:0;inset-inline-start:0;display:flex;gap:4px;align-items:center;height:36px;padding:0 14px;border-radius:18px;background:#e9e9eb;opacity:0}
.tl-typing i{width:7px;height:7px;border-radius:50%;background:#9a9aa0}
.tl-day{align-self:center;margin-top:12px;font-size:11px;color:#8a8a8e;line-height:1.4}
html.js #tools .tl-card:not(.on) .tl-btx,html.js #tools .tl-card:not(.on) .tl-day{opacity:0}
html.js #tools .tl-card:not(.on) .tl-bub{background:transparent}
html.js #tools .tl-card.on .tl-typing{animation:tlTyping 1.3s var(--ease) .18s both}
html.js #tools .tl-card.on .tl-typing i{animation:tlDot .65s ease-in-out .18s 2 both}
html.js #tools .tl-card.on .tl-typing i:nth-child(2){animation-delay:.25s} html.js #tools .tl-card.on .tl-typing i:nth-child(3){animation-delay:.32s}
html.js #tools .tl-bub{transition:background-color .01s linear 1.03s}
html.js #tools .tl-btx{display:block;transition:opacity .39s var(--ease) 1.06s}
html.js #tools .tl-day{transition:opacity .26s var(--ease) .09s}
.tl-sent{bottom:26px;padding:8px 14px 8px 12px;border-radius:14px}
.tl-sent .ci{width:30px;height:30px;border-radius:9px}
html.js #tools .tl-sent{transition:opacity .39s var(--ease-calm,ease) 1.53s,transform .45s var(--ease-calm,ease) 1.53s}
html.js #tools .tl-card.on .tl-bub{animation:tlBub .39s var(--ease-pop) 1.03s both;transform-origin:100% 100%}
@keyframes tlTyping{0%{opacity:0;transform:scale(.7)}15%{opacity:1;transform:none}88%{opacity:1}100%{opacity:0}}
@keyframes tlDot{0%,100%{transform:none;opacity:.5}50%{transform:translateY(-3px);opacity:1}}
@keyframes tlBub{from{transform:scale(.88)}to{transform:none}}

.tl-thread.dark{background:#0e0f12;color:#f2f2f5;border-color:#202227;box-shadow:0 2px 6px rgba(0,0,0,.2),0 18px 44px rgba(15,23,42,.28)}
.tl-thread.dark .tl-who{border-color:#202227}
.tl-thread.dark .tl-who small{color:#8d8f96}
.tl-bot{align-self:flex-start;margin-top:12px;width:90%;background:#1e2026;border-radius:16px 16px 16px 6px;padding:9px 12px 10px;display:flex;flex-direction:column;gap:1px}
.tl-bot b{font-size:13px;font-weight:600;color:#7fb0ff}
.tl-bot .am{font-size:18px;font-weight:600;color:#fff;line-height:1.5}
.tl-bot .am small{font-size:11.5px;font-weight:400;color:#a7a9b0}
.tl-bot .mt{font-size:11.5px;color:#a7a9b0;line-height:1.6}
.tl-kb{display:grid;grid-template-columns:1.6fr 1fr;gap:6px;width:90%;margin-top:6px}
.tl-kb > span{position:relative;height:34px;border-radius:10px;background:rgba(255,255,255,.09);display:grid;place-items:center;font-size:12.5px;color:#f2f2f5;overflow:hidden;transition:background-color .26s var(--ease) 1.17s}
.tl-kb .y{background:rgba(48,209,88,.24)}
.tl-kb .y > span{grid-area:1/1;transition:opacity .2s var(--ease) 1.19s}
.tl-kb .k0{opacity:0}
.tl-kb .y::after{content:"";position:absolute;width:44px;height:44px;left:50%;top:50%;margin:-22px 0 0 -22px;border-radius:50%;background:rgba(255,255,255,.35);opacity:0;pointer-events:none}
html.js #tools .tl-card:not(.on) .tl-kb .y{background:rgba(255,255,255,.09)}
html.js #tools .tl-card:not(.on) .tl-kb .k0{opacity:1}
html.js #tools .tl-card:not(.on) .tl-kb .k1{opacity:0}
html.js #tools .tl-card.on .tl-kb .y::after{animation:d2Tap .39s var(--ease) 1.01s both}
html.js #tools .tl-card:not(.on) .tl-bot,html.js #tools .tl-card:not(.on) .tl-kb{opacity:0;transform:translateY(14px)}
html.js #tools .tl-bot,html.js #tools .tl-kb{transition:opacity .45s var(--ease-calm,ease) .18s,transform .52s var(--ease-calm,ease) .18s}
html.js #tools .tl-kb{transition-delay:.41s}

.tl-imp{position:absolute;inset-inline:20px;top:4px}

.tl-xrows{padding:4px 12px 0;font-size:12.5px;color:var(--d2-ink)}
.tl-xr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) 54px;align-items:center;gap:6px;height:38px;border-bottom:1px solid var(--d2-line-soft);white-space:nowrap}
.tl-xr > span{overflow:hidden;text-overflow:ellipsis}
.tl-xr > span:last-child{justify-self:end}
.tl-xr .d2-num{color:var(--d2-ink-2);font-size:11.5px}
.tl-xr i{font-style:normal}
.tl-xh{height:34px;color:var(--d2-ink-3);font-size:11.5px;font-weight:500}
html.js #tools .tl-xr:not(.tl-xh){transition:opacity .33s var(--ease),transform .39s var(--ease-calm,ease)}
html.js #tools .tl-xr:nth-child(2){transition-delay:.14s} html.js #tools .tl-xr:nth-child(3){transition-delay:.32s}
html.js #tools .tl-xr:nth-child(4){transition-delay:.5s} html.js #tools .tl-xr:nth-child(5){transition-delay:.68s}
html.js #tools .tl-card:not(.on) .tl-xr:not(.tl-xh){opacity:0;transform:translateY(8px)}
.tl-imp .d2-win{border-color:var(--d2-line);box-shadow:0 0 0 1px rgba(13,22,38,.04),0 2px 4px rgba(15,23,42,.06),0 14px 32px rgba(15,23,42,.14)}
.tl-imp .d2-wh{height:42px;font-size:13px;padding:0 12px}
.tl-imp .d2-wh b{font-weight:600}
.tl-imp .d2-wh .d2-mut{font-size:11.5px}
.tl-imp .d2-wb{padding:12px}
.tl-prog{height:6px;border-radius:3px;background:var(--d2-line-soft);overflow:hidden}
.tl-prog i{display:block;height:100%;background:var(--d2-blue);border-radius:3px;transform-origin:100% 50%}
.tl-res{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:12.5px;color:var(--d2-ink-2);white-space:nowrap}
.tl-res .d2-num{margin-inline-end:auto;font-weight:600;color:var(--d2-ink)}
html.js #tools .tl-prog i{transition:transform 1.04s var(--ease) .9s}
html.js #tools .tl-card:not(.on) .tl-prog i{transform:scaleX(0)}
html.js #tools .tl-res > *{transition:opacity .26s var(--ease),transform .33s var(--ease-pop)}
html.js #tools .tl-res > :nth-child(1){transition-delay:1.67s} html.js #tools .tl-res > :nth-child(2){transition-delay:1.8s} html.js #tools .tl-res > :nth-child(3){transition-delay:1.94s}
html.js #tools .tl-card:not(.on) .tl-res > *{opacity:0;transform:scale(.8)}

.tl-srows{padding:4px 12px 10px}
.tl-sr{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--d2-line-soft);font-size:13px;color:var(--d2-ink)}
.tl-sr:last-child{border-bottom:0}
.tl-sr .lt{width:8px;height:8px;border-radius:50%;background:var(--d2-ok-main);box-shadow:0 0 0 3px var(--d2-ok-bg)}
.tl-sr:nth-child(1){--i:0} .tl-sr:nth-child(2){--i:1} .tl-sr:nth-child(3){--i:2} .tl-sr:nth-child(4){--i:3}
.tl-voip .tl-sr:last-child .lt{background:var(--d2-blue);box-shadow:0 0 0 3px var(--d2-blue-50)}
html.js #tools .tl-sr .lt,html.js #tools .tl-sr .d2-tag{transition:opacity .33s var(--ease) calc(.27s + var(--i) * .23s),background-color .33s var(--ease) calc(.27s + var(--i) * .23s),box-shadow .33s var(--ease) calc(.27s + var(--i) * .23s)}
html.js #tools .tl-card:not(.on) .tl-sr .lt{background:var(--d2-line-strong);box-shadow:0 0 0 3px transparent}
html.js #tools .tl-card:not(.on) .tl-sr .d2-tag{opacity:0}
.tl-own{position:absolute;z-index:2;bottom:28px;inset-inline-start:20px}
.tl-own .ico{color:var(--brand)}
html.js #tools .tl-own{transition:opacity .39s var(--ease-calm,ease) 1.26s,transform .45s var(--ease-calm,ease) 1.26s}
html.js #tools .tl-card:not(.on) .tl-own{opacity:0;transform:translateY(14px)}

@media (max-width:734px){
  .tl-card{width:min(80vw,300px);height:440px}
  .tl-txt{padding:26px 22px 0}
  .tl-p{font-size:14.5px}
  .tl-scr{inset-inline:14px}
  .tl-chip{inset-inline:auto 12px;max-width:calc(100% - 24px)}
  .tl-imp{inset-inline:12px}
  .tl-own{inset-inline-start:14px}
}
@media (prefers-reduced-motion:reduce){
  html.js #tools *,html.js #tools *::before,html.js #tools *::after{transition:none!important;animation:none!important}
}
.tl-tg .tl-thread{bottom:auto}

.tl-up{padding:14px 12px 16px;display:flex;flex-direction:column;gap:12px}
.tl-file{display:flex;align-items:center;gap:10px}
.tl-file .fi{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--d2-blue-50);color:var(--d2-blue);flex:none}
.tl-file .tx{display:flex;flex-direction:column;line-height:1.45;min-width:0}
.tl-file .tx b{font-size:13px;font-weight:600;color:var(--d2-ink)}
.tl-file .tx small{font-size:11.5px;color:var(--d2-ink-3)}
.tl-vres{display:flex;flex-wrap:wrap;gap:6px}
.tl-vres .d2-tag .d2-ic{width:12px;height:12px}
html.js #tools .tl-vres > *{transition:opacity .26s var(--ease),transform .33s var(--ease-pop)}
html.js #tools .tl-vres > :nth-child(1){transition-delay:1.67s} html.js #tools .tl-vres > :nth-child(2){transition-delay:1.85s} html.js #tools .tl-vres > :nth-child(3){transition-delay:2.03s}
html.js #tools .tl-card:not(.on) .tl-vres > *{opacity:0;transform:scale(.8)}
.tl-vnext{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;background:var(--d2-subtle);font-size:12.5px;line-height:1.6}
.tl-vnext b{font-weight:600;color:var(--d2-ink)}
html.js #tools .tl-vnext{transition:opacity .39s var(--ease) 2.25s,transform .39s var(--ease) 2.25s}
html.js #tools .tl-card:not(.on) .tl-vnext{opacity:0;transform:translateY(8px)}
#tools{padding-block:96px 72px}
@media (max-width:734px){ #tools{padding-block:64px 56px} }

@media (min-width:1069px){
  #tools .sg-scroller,#platform .pf-scroller{-webkit-mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 48px),transparent)}
}

/* ==== src/css/pricing.css ==== */
#pricing{--accent:var(--brand)}

#pricing .pr{position:relative;background:var(--bg-alt);border-radius:var(--radius);padding:72px 48px 24px}
.pr-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.pr-plans:focus-visible{outline-offset:8px}
.pr-plan{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}

.pr-dial{position:relative;width:132px;height:132px;border-radius:50%;background:#fff;display:grid;place-items:center}
.pr-dial svg{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);transform:rotate(-90deg);overflow:visible}
.pr-dial circle{fill:none;stroke-width:6}
.pr-dial .tr{stroke:var(--fill);stroke-width:2}
.pr-dial .ar{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p))}

.ent .pr-dial .ar{stroke:var(--ink-4);opacity:.6;stroke-dasharray:none;stroke-dashoffset:0}
.pr-dv{position:relative;display:flex;flex-direction:column;align-items:center;line-height:1.15}

.pr-dv b{font-family:var(--font-num);font-size:21px;font-weight:500;color:var(--ink-2);font-variant-numeric:proportional-nums;font-feature-settings:"tnum" 0}
.pr-dv b.num-tab{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.ent .pr-dv b{font-family:var(--font);font-size:17px;font-weight:500}
.pr-dv small{font-size:12px;color:var(--ink-2);margin-top:4px}

.pr-badge-slot{display:flex;align-items:center;justify-content:center;height:34px;margin-top:26px}
#pricing .pr-badge{font-weight:600}
.pr-name{font-size:var(--t-card);line-height:var(--lh-card);font-weight:600;color:var(--ink);margin-top:2px}
.pr-who{font-size:15px;line-height:1.65;color:var(--ink-2);max-width:236px;min-height:calc(2 * 1.65em);margin-top:6px}
.pr-price{margin-top:22px;font-size:21px;font-weight:500;line-height:1.2;color:var(--ink)}
.pr-price .num-display{font-size:34px;font-weight:600;line-height:1}
.ent .pr-price{font-size:28px;font-weight:600;line-height:34px}
.pr-unit{font-size:var(--t-caption);color:var(--ink-2);margin-top:10px}
.pr-unit a,.pr-row a{color:inherit}
.pr-btn{margin-top:24px;min-width:188px}
#pricing .pr-btn:hover{text-decoration:none}

.pr-cmp{margin-top:64px}
.pr-cmp::before{content:"";display:block;height:1px;margin-inline:var(--cmp-inset,24px);background:var(--line)}
.pr-cmp table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}

.pr-cmp thead th{padding:30px 6px 14px;font-size:var(--t-caption);font-weight:600;color:var(--ink);border-bottom:1px solid var(--line-soft)}
.pr-cmp thead th.rec{color:var(--accent)}

.pr-cmp thead th{border-bottom:0;background-image:linear-gradient(var(--line-soft),var(--line-soft));background-repeat:no-repeat;background-size:100% 1px;background-position:0 100%}
.pr-cmp thead th:first-child{background-size:calc(100% - var(--cmp-inset,24px)) 1px;background-position:0 100%}
.pr-cmp thead th:last-child{background-size:calc(100% - var(--cmp-inset,24px)) 1px;background-position:100% 100%}
.pr-f th{padding:40px 8px 6px;font-size:var(--t-caption);font-weight:400;line-height:1.5;color:var(--ink-2);text-align:center}
.pr-f th .ico{display:block;width:30px;height:30px;margin:0 auto 10px;color:var(--ink);stroke-width:1.5}
.pr-f th span{display:block;font-size:var(--t-footnote);color:var(--ink-2)}
.pr-row td{padding:8px 6px 0;text-align:center;font-size:var(--t-body);line-height:1.5;color:var(--ink);vertical-align:top}
.pr-row.big .pr-f th{padding-top:36px}
.pr-row.big td b{display:block;font-family:var(--font-num);font-size:32px;font-weight:600;line-height:1.25}
.pr-row.big td:last-child b{font-family:var(--font);font-size:24px;line-height:1.65}
.pr-row i{display:inline-block;width:22px;height:22px;vertical-align:middle}
.pr-row i.yes{background:var(--ink);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}
.pr-row i.no{width:auto;height:auto}
.pr-row i.no::before{content:"—";font-style:normal;color:var(--ink-4)}

.pr-unfold{display:none}
html.js .pr-cmp:not(.is-open) .pr-fold{display:none}
html.js .pr-cmp:not(.is-open) .pr-unfold{display:table-row-group}
.pr-unfold td{padding:28px 0 4px;text-align:center}
.pr-unfold-btn{min-height:40px;padding:8px 18px;font-size:15px;border-radius:12px}
.pr-unfold-btn .ico{width:14px;height:14px;stroke-width:2.2}

.pr-cta{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:48px;padding-bottom:20px}
.pr-cta .cta-note{font-size:13.5px}

.pr-notes{margin-top:24px;padding-inline:8px;display:flex;flex-direction:column;gap:4px}
.pr-notes .num-tab{margin-inline-end:4px}

@media (max-width:1067px){
  #pricing .pr{padding:56px 24px 28px}
  .pr-plans{gap:12px}
  .pr-dial{width:112px;height:112px}
  .pr-dv b{font-size:19px}
  .pr-price .num-display{font-size:30px}
  .ent .pr-price{font-size:26px;line-height:30px}
  .pr-who{font-size:14px}
  .pr-btn{min-width:0;width:100%;padding-inline:12px;font-size:15px}
  .pr-row.big td b{font-size:26px}
}

@media (max-width:734px){
  #pricing .pr{padding:28px 0 20px;margin-inline:calc(var(--gutter) * -1);border-radius:0}
  .pr-plans{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 20px 28px;scroll-padding-inline:20px;scrollbar-width:none;overscroll-behavior-x:contain}
  .pr-plans::-webkit-scrollbar{display:none}
  .pr-plan{flex:0 0 84%;scroll-snap-align:center;background:var(--bg);border-radius:var(--radius-md);padding:30px 18px 26px}
  .pr-dial{width:112px;height:112px}
  .pr-badge-slot{height:30px;margin-top:18px}
  .pr-btn{width:auto;min-width:200px}
  .pr-who{min-height:0}
  .pr-cmp{margin:16px 12px 0}
  .pr-cmp{--cmp-inset:8px}
  .pr-cmp thead th{font-size:12.5px;padding:22px 2px 12px}
  .pr-price .num-display{font-size:28px}
  .ent .pr-price{font-size:24px;line-height:28px}
  .pr-f th{padding-top:30px}
  .pr-f th .ico{width:26px;height:26px;margin-bottom:8px}
  .pr-row td{font-size:13.5px;padding-inline:2px}
  .pr-row.big td b{font-size:21px}
  .pr-row.big td:last-child b{font-size:16px;line-height:1.95}
  .pr-row i{width:20px;height:20px}
  .pr-cta{margin-top:36px;padding-inline:16px;text-align:center}
}

/* ==== src/css/offscreen.css ==== */
.is-offscreen *,.is-offscreen *::before,.is-offscreen *::after{animation-play-state:paused!important}

/* ==== src/css/proof.css ==== */
#proof{--accent:var(--brand);background:var(--bg-alt);padding-block:0 8px}
#proof .proof-in{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:24px 56px;align-items:center;
  padding:34px 40px;border-radius:var(--radius);background:var(--bg);box-shadow:0 1px 2px rgba(15,23,42,.05),0 12px 40px rgba(15,23,42,.06)}
#proof .proof-title{font-size:24px;font-weight:600;line-height:1.45;color:var(--ink)}
#proof .proof-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:16px;font-weight:500;color:var(--link,var(--brand));text-decoration:none}
#proof .proof-link .ico{width:16px;height:16px;transition:transform .13s ease}
#proof .proof-link:hover{text-decoration:underline;text-underline-offset:4px}
#proof .proof-link:hover .ico{transform:translateX(-3px)}
#proof .proof-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0}
#proof .proof-stat{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:4px;padding-inline:22px;border-inline-start:1px solid var(--line)}
#proof .proof-stat:first-child{border-inline-start:0;padding-inline-start:0}
#proof .proof-stat dd{margin:0;display:flex;align-items:baseline;gap:6px;font-size:44px;font-weight:600;line-height:1.15;color:var(--ink);white-space:nowrap}
#proof .proof-stat dd small{font-size:17px;font-weight:500;color:var(--ink-2)}
#proof .proof-stat dd small.pre{font-size:30px;font-weight:600;color:var(--ink);margin-inline-end:-4px}
#proof .proof-stat dt{font-size:15px;line-height:1.5;color:var(--ink-2)}

@media (max-width:1068px){
  #proof .proof-in{grid-template-columns:1fr;padding:30px 32px}
  #proof .proof-copy{display:flex;align-items:baseline;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
  #proof .proof-link{margin-top:0}
  #proof .proof-stat dd{font-size:38px}
}
@media (max-width:734px){
  #proof .proof-in{padding:24px 20px;gap:20px}
  #proof .proof-title{font-size:20px}
  #proof .proof-link{font-size:15px}
  #proof .proof-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}
  #proof .proof-stat{padding-inline:16px}
  #proof .proof-stat:nth-child(odd){border-inline-start:0;padding-inline-start:0}
  #proof .proof-stat dd{font-size:32px}
  #proof .proof-stat dd small{font-size:15px}
  #proof .proof-stat dd small.pre{font-size:24px}
  #proof .proof-stat dt{font-size:13.5px}
}

/* ==== src/css/rail.css ==== */
.rail{--pitch:36px;--line:#c7c7cc;position:fixed;z-index:9000;right:0;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;
  align-items:flex-start;direction:rtl;pointer-events:none;opacity:0;
  visibility:hidden;
  transition:opacity .26s var(--ease-calm,ease),visibility 0s linear .26s}

.rail-list,.rail-m{pointer-events:auto;transform:translateX(8px);transition:transform .26s var(--ease-calm,ease)}
.rail.is-on{opacity:1;visibility:visible;transition:opacity .26s var(--ease-calm,ease),visibility 0s}
.rail.is-on .rail-list,.rail.is-on .rail-m{transform:none}
.rail:not(.is-on) .rail-list,.rail:not(.is-on) .rail-m{pointer-events:none}

.rail.dlg-open{opacity:0!important;visibility:hidden!important}
.rail.dlg-open *{pointer-events:none!important}

.rail-list{list-style:none;margin:0;padding:8px 0;display:flex;flex-direction:column}
.rail-btn{position:relative;display:flex;align-items:center;justify-content:flex-start;width:58px;height:var(--pitch);padding:0 16px 0 0;
  background:none;border:0;cursor:pointer;color:var(--ink-3,#6e6e73);-webkit-tap-highlight-color:transparent}

.rail-line{display:block;width:34px;height:4px;border-radius:4px;background:var(--line);transform-origin:100% 50%;transform:scaleX(.54);
  transition:transform .2s var(--ease-calm,ease),background-color .2s ease}
.rail-btn:hover .rail-line{background:#8e8e93;transform:scaleX(.7)}
.rail-btn[aria-current] .rail-line{background:var(--brand,#1F5BD8);transform:scaleX(1)}
.rail-name{position:absolute;right:62px;top:50%;transform:translate(6px,-50%);white-space:nowrap;pointer-events:none;
  height:29px;display:inline-flex;align-items:center;padding:0 13px;border-radius:999px;
  font-family:var(--font);font-size:16px;font-weight:500;line-height:1;color:var(--ink-3,#6e6e73);
  background:rgba(255,255,255,.92);box-shadow:0 0 0 1px rgba(0,0,0,.05),0 2px 8px rgba(15,23,42,.06);
  opacity:0;transition:opacity .2s var(--ease-calm,ease),transform .2s var(--ease-calm,ease)}

.rail-btn[aria-current] .rail-name{color:var(--brand-ink,#1849b3);font-weight:600;background:#fff;
  box-shadow:0 0 0 1px rgba(31,91,216,.14),0 4px 14px rgba(15,23,42,.10)}

.rail-btn[aria-current] .rail-name{opacity:1;transform:translate(0,-50%)}
@media (max-width:1279.98px){ .rail-btn[aria-current] .rail-name{height:25px;font-size:14px;padding:0 10px} }
.rail.is-scrolling .rail-btn[aria-current] .rail-name{opacity:1;transform:translate(0,-50%)}

.rail-list:hover .rail-name,.rail-list:focus-within .rail-name{opacity:1;transform:translate(0,-50%)}
.rail-btn:hover .rail-name{color:var(--ink,#1d1d1f)}
.rail-btn:focus-visible{outline:none}
.rail-btn:focus-visible .rail-line{box-shadow:0 0 0 3px rgba(31,91,216,.45)}
.rail-btn:focus-visible .rail-name{box-shadow:0 0 0 2px rgba(31,91,216,.55);color:var(--ink,#1d1d1f)}

@media (max-height:760px){ .rail{--pitch:30px} .rail-name{height:26px;font-size:15px;padding:0 11px} }
@media (max-height:620px){ .rail{--pitch:26px} .rail-name{height:23px;font-size:13.5px;padding:0 10px} }

.rail-m,.rail-pill,.rail-scrim,.rail-sheet{display:none}
@media (max-width:1023.98px){
  .rail{--mp:10px}
  .rail-list{display:none}

  .rail-m{display:flex;align-items:center;justify-content:flex-start;width:30px;padding:12px 3px 12px 0;background:none;border:0;cursor:pointer;
    -webkit-tap-highlight-color:transparent;min-height:44px}
  .rail-m-lines{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--mp) - 2px)}
  .rail-m-lines i{display:block;width:13px;height:3px;border-radius:3px;background:rgba(60,60,67,.32);transform-origin:100% 50%;
    transition:transform .2s var(--ease-calm,ease),background-color .2s ease}
  .rail-m-lines i.on{background:var(--brand,#1F5BD8);transform:scaleX(1.3)}
  .rail-m:focus-visible{outline:none}
  .rail-m:focus-visible .rail-m-lines{outline:3px solid rgba(31,91,216,.45);outline-offset:4px;border-radius:4px}

  .rail-pill{display:inline-flex;align-items:center;position:absolute;right:24px;top:50%;height:31px;padding:0 13px;border-radius:999px;white-space:nowrap;
    font-family:var(--font);font-size:16px;font-weight:600;line-height:1;color:var(--brand-ink,#1849b3);background:#fff;
    box-shadow:0 0 0 1px rgba(31,91,216,.14),0 4px 14px rgba(15,23,42,.12);pointer-events:none;
    --y:calc((var(--cur,0) - (var(--n,1) - 1) / 2) * var(--mp));
    transform:translate(6px,calc(-50% + var(--y)));opacity:0;transition:opacity .26s ease,transform .26s var(--ease-calm,ease)}
  .rail.is-scrolling .rail-pill{opacity:1;transform:translate(0,calc(-50% + var(--y)))}
  .rail.sheet-open .rail-pill{opacity:0}

  .rail-scrim:not([hidden]){display:block;position:fixed;inset:0;z-index:-1;pointer-events:auto;background:rgba(0,0,0,.18);opacity:0;transition:opacity .2s ease}
  .rail-sheet:not([hidden]){display:block;pointer-events:auto;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));margin-inline:auto;max-width:520px;
    max-height:calc(100dvh - 120px);overflow:auto;overscroll-behavior:contain;padding:8px 12px 12px;border-radius:22px;background:#fff;
    box-shadow:0 0 0 1px rgba(0,0,0,.05),0 24px 60px -12px rgba(0,0,0,.35);opacity:0;transform:translateY(16px);
    transition:opacity .2s ease,transform .26s var(--ease-calm,ease)}
  .rail.sheet-open .rail-scrim{opacity:1}
  .rail.sheet-open .rail-sheet{opacity:1;transform:none}
  .rail-sheet-h{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding-inline:6px 0}
  .rail-sheet-h b{font-family:var(--font);font-size:15px;font-weight:600;color:var(--ink,#1d1d1f)}
  .rail-x{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:none;border:0;cursor:pointer;color:var(--ink-2,#424245)}
  .rail-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  .rail-sheet-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .rail-sbtn{display:flex;align-items:center;width:100%;min-height:44px;padding:8px 14px;border-radius:14px;border:0;cursor:pointer;text-align:start;
    font-family:var(--font);font-size:15px;font-weight:500;line-height:1.35;color:var(--ink,#1d1d1f);background:var(--fill-2,#f5f5f7)}
  .rail-sbtn[aria-current]{background:var(--brand-soft,#eaf0fd);color:var(--brand-ink,#1849b3);font-weight:600}
  .rail-sbtn:focus-visible{outline:3px solid rgba(31,91,216,.45);outline-offset:2px}
}
@media (max-width:1023.98px) and (max-height:520px){ .rail{--mp:8px} }

@media (prefers-reduced-motion:reduce){
  .rail,.rail.is-on,.rail-list,.rail-m,.rail-line,.rail-name,.rail-m-lines i,.rail-pill,.rail-scrim,.rail-sheet{transition:none!important}
  .rail-list,.rail-m{transform:none}
}
@media print{ .rail{display:none!important} }