/* Layout: wide 1240px canvas; mist page with two deep-ink bands (proof + CTA); oversized Sora headlines, 3D glass visuals, bento cards */
:root{
  --teal:#008F91; --teal-d:#007274; --ink:#0B2B2E; --ink-2:#123A3E; --aqua:#70DCD6; --mint:#7FFFD4; --mist:#F3F8F7;
  --white:#FFFFFF; --surface:#FFFFFF; --fg:#0B2B2E; --fg-2:#123A3E; --line:#DCE9E7; --muted:#557074; --soft:#E8F3F1;
  --on-ink:#E6F4F2; --on-ink-mut:#8FB3B1; --tint:#E6FAF4; --glow:#E2F4F1;
  --nav-bg:rgba(243,248,247,.82); --frame:linear-gradient(180deg,#fff,rgba(255,255,255,.6)); --glass:rgba(255,255,255,.86); --glass-line:rgba(255,255,255,.9);
  --on-mint:#0B2B2E; --good:#0A8A5F; --good-bg:rgba(14,159,110,.11); --bad:#C9423B; --bad-bg:#FDECEC; --bad-tile:#FFF3F1; --hero-img:1;
  --display:"Sora", "Segoe UI", system-ui, sans-serif;
  --body:"Inter", "Segoe UI", system-ui, sans-serif;
  --r-lg:28px; --r-md:20px; --r-sm:12px;
  --wrap:1240px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --ink:#0E3034; --ink-2:#143A3E; --mist:#03151A; --surface:#0C2326; --fg:#E8F5F3; --fg-2:#C9DEDB; --line:#1C3B3E; --muted:#8AA9A7; --soft:#133034;
  --on-ink:#E6F4F2; --on-ink-mut:#8FB3B1; --tint:#0F3A39; --glow:#0D3335; --teal:#14A9A9; --teal-d:#0F9393;
  --nav-bg:rgba(3,21,26,.8); --frame:linear-gradient(180deg,#0E2A2D,rgba(14,42,45,.5)); --glass:rgba(12,35,38,.82); --glass-line:rgba(255,255,255,.08);
  --good:#5BE3B0; --good-bg:rgba(91,227,176,.12); --bad:#FF8A80; --bad-bg:rgba(255,120,110,.12); --bad-tile:#FFF3F1; color-scheme:dark; } }
:root[data-theme="dark"]{ --ink:#0E3034; --ink-2:#143A3E; --mist:#03151A; --surface:#0C2326; --fg:#E8F5F3; --fg-2:#C9DEDB; --line:#1C3B3E; --muted:#8AA9A7; --soft:#133034;
  --on-ink:#E6F4F2; --on-ink-mut:#8FB3B1; --tint:#0F3A39; --glow:#0D3335; --teal:#14A9A9; --teal-d:#0F9393;
  --nav-bg:rgba(3,21,26,.8); --frame:linear-gradient(180deg,#0E2A2D,rgba(14,42,45,.5)); --glass:rgba(12,35,38,.82); --glass-line:rgba(255,255,255,.08);
  --good:#5BE3B0; --good-bg:rgba(91,227,176,.12); --bad:#FF8A80; --bad-bg:rgba(255,120,110,.12); --bad-tile:#FFF3F1; color-scheme:dark; }
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;overflow-x:clip}
body{background:var(--mist);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--mist)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
h1,h2,h3,h4{font-family:var(--display);margin:0;text-wrap:balance;letter-spacing:-.025em;color:var(--fg)}
p{margin:0}
.band{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.wrap{max-width:var(--wrap);margin:0 auto}
.sec{padding-block:120px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 13px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.eyebrow::before{content:"";width:28px;height:2px;background:currentColor;border-radius:2px}
.h2{font-size:clamp(34px,5vw,64px);line-height:1.04;font-weight:700}
.h2 em{font-style:normal;color:var(--teal)}
.lead{font-size:clamp(17px,1.5vw,20px);color:var(--muted);max-width:60ch}
.sec-head{display:grid;gap:20px;margin-bottom:56px}
.sec-head.split{grid-template-columns:1.2fr .8fr;align-items:end;gap:40px}
.btn{display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 26px;border-radius:999px;font:600 16px/1 var(--body);border:0;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}
.btn:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--aqua);outline-offset:3px}
.btn-pri{background:var(--teal);color:var(--white);box-shadow:0 10px 30px -10px rgba(0,143,145,.7)}
.btn-pri:hover{background:var(--teal-d);transform:translateY(-2px)}
.btn-ghost{background:var(--surface);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--teal)}
.btn-mint{background:var(--mint);color:var(--on-mint)}
.btn-mint:hover{transform:translateY(-2px)}
.btn svg{width:18px;height:18px}

/* NAV */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}
.nav.scrolled{border-color:var(--line)}
.nav .wrap{display:flex;align-items:center;gap:32px;height:76px}
.nav .logo img{height:24px;width:auto}
.logo-d{display:none}
:root[data-theme="dark"] .logo-l{display:none}:root[data-theme="dark"] .logo-d{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo-l{display:none}:root:not([data-theme="light"]) .logo-d{display:block}}
.nav-links{display:flex;gap:4px;margin-left:12px}
.nav-links a{padding:10px 14px;border-radius:999px;font-weight:500;font-size:15px;color:var(--fg-2)}
.nav-links a:hover{background:var(--surface)}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.lang{display:flex;background:var(--surface);border-radius:999px;padding:4px;box-shadow:inset 0 0 0 1px var(--line)}
.lang button{border:0;background:none;font:600 13px/1 var(--body);padding:8px 10px;border-radius:999px;color:var(--muted);cursor:pointer}
.lang button[aria-pressed="true"]{background:var(--ink);color:var(--white)}
.nav .btn{height:44px;padding:0 20px;font-size:15px}
.burger{display:none;border:0;background:var(--surface);color:var(--fg);width:44px;height:44px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}
.mnav,.nav .mnav{display:grid;gap:4px;padding:8px 0 20px;height:auto;align-items:stretch} /* .nav .wrap is a 76px flex row; the menu must stay a list */
.mnav a{padding:14px 4px;font:600 20px/1 var(--display);border-bottom:1px solid var(--line)}

/* HERO */
.hero{padding-block:56px 40px;position:relative;overflow:hidden}
.hero .wrap{position:relative}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:10px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:6px 16px 6px 6px;font-size:14px;font-weight:500;color:var(--fg-2)}
.pill b{background:var(--ink);color:var(--mint);font:600 12px/1 var(--body);padding:7px 10px;border-radius:999px;letter-spacing:.04em}
.hero h1{font-size:clamp(46px,7.2vw,104px);line-height:.98;font-weight:800;letter-spacing:-.045em;margin-top:28px}
.hero h1 .x{background:linear-gradient(100deg,var(--teal) 10%,#22B8B3 55%,#3FD9B8 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{margin-top:28px;max-width:34ch;font-size:clamp(18px,1.6vw,21px)}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
.hero-note{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:var(--muted);font-size:14px}
.hero-note span{display:inline-flex;align-items:center;gap:8px}
.hero-note svg{width:16px;height:16px;color:var(--teal)}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 78% 30%,var(--glow),transparent 70%);pointer-events:none}
.hero-grid{position:relative;z-index:2;min-height:640px}
.hero-art{position:absolute;right:-16%;top:-30px;width:84%;aspect-ratio:1672/941;z-index:1;pointer-events:none}
.hero-art img{width:100%;height:100%;object-fit:cover;mask-image:radial-gradient(closest-side at 62% 50%,#000 72%,transparent 100%);-webkit-mask-image:radial-gradient(closest-side at 62% 50%,#000 72%,transparent 100%)}
.float{position:absolute;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:18px;padding:14px 16px;box-shadow:0 20px 50px -20px rgba(11,43,46,.35),inset 0 0 0 1px var(--glass-line);font-size:13px;color:var(--muted);animation:bob 6s ease-in-out infinite}
.float strong{display:block;font:700 22px/1.1 var(--display);color:var(--fg);letter-spacing:-.02em;margin-top:4px}
.float .up{color:#0E9F6E;font-weight:600}
.f1{left:-4%;top:14%}
.f2{right:24%;bottom:6%;animation-delay:-3s}
.f1{left:16%;top:62%}
@keyframes bob{50%{transform:translateY(-10px)}}

/* PRODUCT FRAME */
.frame{margin-top:56px;background:var(--frame);border-radius:32px;padding:14px;box-shadow:0 40px 100px -40px rgba(11,43,46,.35),inset 0 0 0 1px var(--line)}
.chip{font:500 12px/1 var(--body);padding:8px 12px;border-radius:999px;background:var(--soft);color:var(--fg-2)}
.chip.on{background:var(--ink);color:var(--white)}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.kpi{border-radius:16px;padding:16px;background:var(--mist);min-width:0}
.kpi small{color:var(--muted);font-size:12px}
.kpi b{display:block;font:700 22px/1.2 var(--display);letter-spacing:-.02em;margin-top:6px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi i{font-style:normal;font-size:12px;font-weight:600;color:var(--muted);display:block;margin-top:8px}
.kpi.dark{background:var(--ink)}
.kpi.dark small{color:var(--on-ink-mut)}.kpi.dark b{color:var(--white)}.kpi.dark i{color:var(--on-ink-mut)}
.card-s{border-radius:16px;box-shadow:inset 0 0 0 1px var(--line);padding:16px;min-width:0}
.card-s h5{margin:0 0 10px;font:600 13px/1 var(--body);color:var(--muted)}
.chart svg{width:100%;height:180px;display:block}
.feed{display:grid;gap:10px}
.feed div{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;padding:10px 12px;background:var(--mist);border-radius:12px}
.feed em{font-style:normal;font-weight:600;font-variant-numeric:tabular-nums}
.tag{font:600 11px/1 var(--body);padding:5px 8px;border-radius:6px;background:var(--surface);color:var(--teal)}
.tbl{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.tbl th{text-align:left;font:600 12px/1 var(--body);color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line)}
.tbl td{padding:13px 12px;border-bottom:1px solid var(--line)}
.tbl td:not(:first-child),.tbl th:not(:first-child){text-align:right}
.lvl{display:inline-block;width:64px;height:6px;border-radius:6px;background:var(--soft);vertical-align:middle;margin-left:8px;overflow:hidden}
.lvl i{display:block;height:100%;background:var(--teal);border-radius:6px}
.funnel{display:grid;gap:10px}
.funnel div{display:flex;align-items:center;gap:12px;font-size:14px}
.funnel span{width:110px;color:var(--muted);flex:none}
.funnel b{height:34px;border-radius:10px;background:linear-gradient(90deg,var(--teal),var(--aqua));display:flex;align-items:center;justify-content:flex-end;padding-right:12px;color:var(--white);font:600 13px/1 var(--body)}
.scroll-x{overflow-x:auto}

.trend{display:inline-flex;align-items:center;gap:3px;font:600 12px/1 var(--body);font-variant-numeric:tabular-nums;color:var(--good);background:var(--good-bg);padding:5px 8px 5px 6px;border-radius:999px;letter-spacing:0}
.trend svg{width:12px;height:12px}
.trend.dn{color:var(--bad);background:var(--bad-bg)}
.kpi.dark .trend{color:var(--mint);background:rgba(127,255,212,.13)}
.float .trend{margin-top:8px}
.live{display:inline-flex;align-items:center;gap:7px;font:600 12px/1 var(--body);color:var(--mint);background:rgba(127,255,212,.13);padding:5px 9px;border-radius:999px}
.live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 0 rgba(127,255,212,.6);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 7px rgba(127,255,212,0)}100%{box-shadow:0 0 0 0 rgba(127,255,212,0)}}
/* ERP replica (Musav storage/home), themed with the site toggle */
.erp{--e-app:#ebeaf0;--e-card:#fff;--e-hover:#efeef3;--e-n2:#f4f3f7;--e-n3:#ecebf0;--e-line:#dedde5;--e-t1:#181817;--e-t2:#55535c;--e-t3:#696771;--e-inv:#181817;--e-inv-t:#fff;--e-blue:#3866f5;--e-orange:#f06b26;--e-red:#d6453d;--e-red-bg:#fbe9e7;--e-green:#1f9d63;
  font-family:"Onest",var(--body);color:var(--e-t1);background:var(--e-app);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:64px 1fr;height:760px;font-size:14px;line-height:1.4;text-align:left}
:root[data-theme="dark"] .erp{--e-app:#0f0f11;--e-card:#1a1a1d;--e-hover:#26262b;--e-n2:#232327;--e-n3:#2a2a30;--e-line:#2f2f35;--e-t1:#f2f2f4;--e-t2:#c8c8ce;--e-t3:#919197;--e-inv:#f2f2f4;--e-inv-t:#181817;--e-red:#ff7b72;--e-red-bg:rgba(255,110,100,.14);--e-green:#4fd39a}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .erp{--e-app:#0f0f11;--e-card:#1a1a1d;--e-hover:#26262b;--e-n2:#232327;--e-n3:#2a2a30;--e-line:#2f2f35;--e-t1:#f2f2f4;--e-t2:#c8c8ce;--e-t3:#919197;--e-inv:#f2f2f4;--e-inv-t:#181817;--e-red:#ff7b72;--e-red-bg:rgba(255,110,100,.14);--e-green:#4fd39a}}
.erp *{box-sizing:border-box}
.erp button{font:inherit;color:inherit;cursor:pointer}
.erp svg{display:block}
.e-rail{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0;background:var(--e-card);margin:10px 0 10px 10px;border-radius:20px}
.e-rail .mark{width:34px;height:34px;margin-bottom:10px}
.e-rail button{width:40px;height:40px;border:0;border-radius:999px;background:none;color:var(--e-t2);display:grid;place-items:center;transition:background .15s}
.e-rail button:hover{background:var(--e-hover)}
.e-rail button[aria-pressed="true"]{background:var(--e-inv);color:var(--e-inv-t)}
.e-rail svg{width:19px;height:19px}
.e-rail .sp{flex:1}
.e-rail .me{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#8b7cf6,#c7a6f7);color:#fff;font:600 14px/36px "Onest",sans-serif;text-align:center}
.e-main{min-width:0;overflow:auto;padding:12px 18px 24px;scrollbar-width:thin}
.e-top{display:flex;align-items:center;gap:10px;margin-bottom:22px}
.e-co{display:flex;align-items:center;gap:8px;height:42px;padding:0 14px 0 18px;border-radius:999px;background:var(--e-card);border:0;font-weight:500;white-space:nowrap;max-width:240px;overflow:hidden}
.e-co span{overflow:hidden;text-overflow:ellipsis}
.e-tabs{display:flex;gap:2px;background:var(--e-card);border-radius:999px;padding:4px}
.e-tabs button{border:0;background:none;padding:9px 16px;border-radius:999px;font-weight:500;color:var(--e-t1)}
.e-tabs button[aria-selected="true"]{background:var(--e-inv);color:var(--e-inv-t)}
.e-tr{margin-left:auto;display:flex;gap:8px}
.e-ib{width:42px;height:42px;border-radius:999px;border:0;background:var(--e-card);display:grid;place-items:center;color:var(--e-t1)}
.e-ib:hover{background:var(--e-hover)}
.e-ib svg{width:19px;height:19px}
.e-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.e-head h3{font:600 28px/1.15 "Onest",sans-serif;letter-spacing:-.02em;color:var(--e-t1)}
.e-head p{color:var(--e-t3);font-size:13px;margin-top:6px}
.e-upd{margin-left:auto;display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;background:var(--e-card);font-size:13px;color:var(--e-t2);white-space:nowrap}
.e-upd i{width:8px;height:8px;border-radius:50%;background:#22c55e}
.e-head .e-ib{width:38px;height:38px}
.e-head .e-ib.spin svg{animation:espin .7s linear}
@keyframes espin{to{transform:rotate(360deg)}}
.e-qa{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.e-chip{display:flex;align-items:center;gap:12px;height:58px;padding:0 22px 0 10px;border-radius:999px;background:var(--e-card);border:0;text-align:left;transition:transform .15s,background .15s}
.e-chip:hover{background:var(--e-hover);transform:translateY(-1px)}
.e-chip .ci{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none}
.e-chip .ci svg{width:18px;height:18px}
.e-chip b{display:block;font-weight:500;font-size:14px}
.e-chip small{display:block;font-size:11.5px;color:var(--e-t3)}
.e-kpis{display:grid;grid-template-columns:1.9fr 1fr 1fr 1fr;gap:12px;margin-bottom:12px}
.e-card{background:var(--e-card);border-radius:24px;padding:20px;position:relative;min-width:0}
.e-hero{border-radius:24px;padding:20px 20px 0 24px;color:#fff;background:radial-gradient(120% 140% at 100% 0%,rgba(221,183,245,.45) 0%,transparent 52%),linear-gradient(135deg,#2449c2 0%,#3866f5 100%);position:relative;overflow:hidden;min-height:214px}
.e-hero small{font-size:13px;opacity:.9}
.e-hero .v{font:600 36px/1.1 "Onest",sans-serif;margin-top:14px;letter-spacing:-.02em}
.e-hero .v span{font-size:16px;font-weight:500;opacity:.85;margin-left:6px}
.e-hero .d{font-size:12px;opacity:.85;margin-top:6px}
.e-hero svg.sp{position:absolute;left:0;right:0;bottom:0;width:100%;height:90px}
.e-go{position:absolute;top:16px;right:16px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--e-n2);color:var(--e-t1)}
.e-hero .e-go{background:rgba(255,255,255,.22);color:#fff}
.e-go svg{width:15px;height:15px}
.e-k .ki{width:40px;height:40px;border-radius:50%;display:grid;place-items:center}
.e-k .ki svg{width:18px;height:18px}
.e-k small{display:block;margin-top:58px;color:var(--e-t2);font-size:13px}
.e-k b{display:block;font:600 26px/1.2 "Onest",sans-serif;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.e-k b span{font-size:13px;font-weight:500;color:var(--e-t3);margin-left:4px}
.e-row{display:grid;grid-template-columns:1.9fr 1fr;gap:12px;margin-bottom:12px}
.e-row3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.e-ph{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}
.e-ph h4{font:600 17px/1.2 "Onest",sans-serif;letter-spacing:-.01em;color:var(--e-t1)}
.e-ph p{font-size:12px;color:var(--e-t3);margin-top:3px}
.e-more{margin-left:auto;display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;border:0;background:var(--e-n2);font-size:12.5px;font-weight:500;white-space:nowrap}
.e-more svg{width:13px;height:13px}
.e-seg{margin-left:auto;display:flex;gap:2px;background:var(--e-n2);padding:3px;border-radius:999px}
.e-seg button{border:0;background:none;padding:6px 11px;border-radius:999px;font-size:12.5px;font-weight:500}
.e-seg button[aria-pressed="true"]{background:var(--e-inv);color:var(--e-inv-t)}
.e-sum{display:flex;gap:28px;align-items:flex-end;margin-bottom:6px;flex-wrap:wrap}
.e-sum small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--e-t3)}
.e-sum small i{width:7px;height:7px;border-radius:50%}
.e-sum b{font:600 22px/1.2 "Onest",sans-serif;font-variant-numeric:tabular-nums}
.e-sum b span{font-size:12px;color:var(--e-t3);font-weight:500;margin-left:4px}
.e-net{margin-left:auto;text-align:right}
.e-net em{display:inline-block;font-style:normal;font-weight:600;font-size:13px;color:var(--e-red);background:var(--e-red-bg);padding:5px 10px;border-radius:999px;margin-top:4px}
.e-bars{display:flex;justify-content:space-between;gap:6px;height:220px;padding-top:26px;position:relative}
.e-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;position:relative}
.e-tr2{flex:1;width:22px;border-radius:999px;background:var(--e-n2);position:relative}
.e-col:hover .e-tr2{background:var(--e-n3)}
.e-out{position:absolute;left:0;right:0;bottom:0;border-radius:999px;background:var(--e-orange);transition:height .5s cubic-bezier(.2,.8,.2,1)}
.e-in{position:absolute;left:3px;right:3px;height:8px;border-radius:999px;background:var(--e-blue);box-shadow:0 0 0 2px var(--e-card);transition:bottom .5s cubic-bezier(.2,.8,.2,1)}
.e-col small{font-size:11px;color:var(--e-t3);white-space:nowrap}
.e-tip{position:absolute;z-index:3;background:#181817;color:#fff;border-radius:12px;padding:10px 12px;font-size:12px;pointer-events:none;white-space:nowrap;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}
.e-tip b{display:block;font-weight:600;margin-bottom:6px}
.e-tip div{display:flex;align-items:center;gap:8px;justify-content:space-between}
.e-tip i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px}
.e-gauge{display:grid;place-items:center;position:relative;margin:6px 0 10px}
.e-gauge svg{width:220px;height:170px}
.e-gauge .gv{position:absolute;top:66px;text-align:center}
.e-gauge .gv b{font:600 36px/1 "Onest",sans-serif;letter-spacing:-.02em}
.e-gauge .gv b span{font-size:16px;font-weight:500}
.e-gauge .gv small{display:block;font-size:12px;color:var(--e-t3);margin-top:6px}
.e-st{display:grid;grid-template-columns:repeat(3,1fr);background:var(--e-n2);border-radius:16px;padding:12px 6px;text-align:center}
.e-st b{display:block;font:600 18px/1.2 "Onest",sans-serif}
.e-st small{font-size:11px;color:var(--e-t3)}
.e-st small i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;vertical-align:middle}
.e-donut{display:grid;place-items:center;position:relative;margin:4px 0 14px}
.e-donut svg{width:150px;height:150px;transform:rotate(-90deg)}
.e-donut circle{transition:stroke-width .2s}
.e-donut circle:hover{stroke-width:26}
.e-donut div{position:absolute;text-align:center}
.e-donut b{font:600 18px/1.1 "Onest",sans-serif}
.e-donut small{display:block;font-size:11px;color:var(--e-t3)}
.e-list{display:grid;gap:12px}
.e-li{display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:start;font-size:12.5px}
.e-li i{width:8px;height:8px;border-radius:50%;margin-top:5px}
.e-li span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.e-li small{display:block;color:var(--e-t3);font-size:11px}
.e-li b{font-weight:600}
.e-low{display:grid;gap:14px}
.e-lw{font-size:12.5px}
.e-lw div{display:flex;justify-content:space-between;gap:10px}
.e-lw span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.e-lw em{font-style:normal;color:var(--e-red);font-weight:500;white-space:nowrap}
.e-lw .bar{height:4px;border-radius:4px;background:var(--e-n3);margin:6px 0 4px}
.e-lw small{color:var(--e-t3);font-size:11px}
.e-ops{display:grid;gap:12px}
.e-op{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;font-size:12.5px}
.e-op .oi{width:32px;height:32px;border-radius:50%;display:grid;place-items:center}
.e-op .oi svg{width:15px;height:15px}
.e-op small{display:block;color:var(--e-t3);font-size:11px}
.e-op .r{text-align:right;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.e-op .r small{font-weight:400}
.e-docs{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.e-docs th{text-align:left;font-weight:500;color:var(--e-t3);font-size:12px;padding:10px 12px;border-bottom:1px solid var(--e-line)}
.e-docs td{padding:12px;border-bottom:1px solid var(--e-line)}
.e-docs tr:hover td{background:var(--e-hover)}
.e-docs td:last-child,.e-docs th:last-child{text-align:right}
.e-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500}
.e-view[hidden]{display:none!important}
@media (max-width:1080px){.e-kpis{grid-template-columns:1fr 1fr}.e-hero{grid-column:1/-1}.e-row,.e-row3{grid-template-columns:1fr}}
@media (max-width:760px){.erp{grid-template-columns:1fr;height:640px}.e-main{padding:12px}.e-co,.e-tr .e-ib:not(.e-th){display:none}.e-head{flex-wrap:wrap}.e-upd{margin-left:0}.e-chip{flex:1 1 100%}.e-kpis{grid-template-columns:1fr}.e-bars{gap:2px}.e-tr2{width:16px}}

.e-th .sun{display:none}
:root[data-theme="dark"] .e-th .moon{display:none}:root[data-theme="dark"] .e-th .sun{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .e-th .moon{display:none}:root:not([data-theme="light"]) .e-th .sun{display:block}}
.e-rail img.mark{width:34px;height:34px;margin-bottom:10px;object-fit:contain}
/* ERP demo modules (assets/js/erp.js) — Musav tokens: 24px cards without borders, black "ink" pills, accent icon circles */
.erp{position:relative;--e-ok:#0f7a3a;--e-ok-bg:#e6f4ea;--e-warn:#b04509;--e-warn-bg:#fbf1eb;--e-info:#2d58e0;--e-info-bg:#eef2fe;--e-lilac:#7c4dbd;--e-lilac-bg:#f3eafc}
:root[data-theme="dark"] .erp{--e-ok:#4fd39a;--e-ok-bg:rgba(79,211,154,.14);--e-warn:#ffa268;--e-warn-bg:rgba(240,107,38,.16);--e-info:#93abff;--e-info-bg:rgba(56,102,245,.2);--e-lilac:#d6b8f7;--e-lilac-bg:rgba(169,123,234,.2)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .erp{--e-ok:#4fd39a;--e-ok-bg:rgba(79,211,154,.14);--e-warn:#ffa268;--e-warn-bg:rgba(240,107,38,.16);--e-info:#93abff;--e-info-bg:rgba(56,102,245,.2);--e-lilac:#d6b8f7;--e-lilac-bg:rgba(169,123,234,.2)}}
.erp [hidden]{display:none!important}
.erp .ki{border-radius:50%;display:grid;place-items:center;flex:none}
.e-tabs button{white-space:nowrap}
.ep-ok{color:var(--e-ok);background:var(--e-ok-bg)}.ep-warn{color:var(--e-warn);background:var(--e-warn-bg)}.ep-err{color:var(--e-red);background:var(--e-red-bg)}
.ep-info{color:var(--e-info);background:var(--e-info-bg)}.ep-mute{color:var(--e-t2);background:var(--e-n2)}.ep-lilac{color:var(--e-lilac);background:var(--e-lilac-bg)}
.c-ok{color:var(--e-ok)}.c-err{color:var(--e-red)}.c-warn{color:var(--e-warn)}.c-mute{color:var(--e-t3)}
.e-pad{padding:14px 16px}
.e-note{margin-top:10px;font-size:11.5px;color:var(--e-t3)}
.e-av{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:600;flex:none}
.e-cnt{display:inline-grid;place-items:center;min-width:24px;height:22px;padding:0 7px;border-radius:999px;background:var(--e-n2);font-size:11.5px;font-weight:600;color:var(--e-t2)}
.e-none{font-size:12px;color:var(--e-t3);text-align:center;padding:16px 0}
/* toolbar + buttons */
.e-tb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.e-tb .e-seg{margin-left:0}
.e-tb .e-btn{margin-left:auto}
.e-lbl{font-size:13px;color:var(--e-t3)}
.e-step{display:flex;align-items:center;gap:4px;height:36px;padding:0 4px;border-radius:999px;background:var(--e-n2);font-weight:500;font-size:13px;white-space:nowrap}
.e-step button{width:28px;height:28px;border:0;border-radius:50%;background:none;display:grid;place-items:center}
.e-step button:hover{background:var(--e-card)}
.e-step svg{width:15px;height:15px}
.erp .e-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px 0 12px;border:0;border-radius:999px;background:var(--e-inv);color:var(--e-inv-t);font-weight:500;font-size:13px;white-space:nowrap}
.e-btn svg{width:16px;height:16px}
.erp .e-btn:disabled{opacity:.35;cursor:default}
.e-btn2{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px 0 10px;border:0;border-radius:999px;background:var(--e-n2);font-size:12.5px;font-weight:500;white-space:nowrap}
.e-btn2:hover{background:var(--e-n3)}
.e-btn2 svg{width:14px;height:14px}
.e-flt{display:flex;gap:6px;flex-wrap:wrap}
.e-flt button{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:0;border-radius:999px;background:var(--e-n2);font-size:12.5px;font-weight:500;white-space:nowrap}
.e-flt button:hover{background:var(--e-n3)}
.erp .e-flt button[aria-pressed="true"]{background:var(--e-inv);color:var(--e-inv-t)}
.e-flt i{width:7px;height:7px;border-radius:50%}
.e-flt em{font-style:normal;font-size:11.5px;opacity:.6}
.e-srch{display:flex;align-items:center;gap:10px;height:44px;padding:0 6px 0 14px;border-radius:999px;background:var(--e-n2);flex:1;min-width:180px}
.e-tb .e-srch{height:36px;max-width:320px}
.e-srch svg{width:17px;height:17px;color:var(--e-t3);flex:none}
.e-srch input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:13px;color:var(--e-t1);outline:0}
.e-srch input::placeholder{color:var(--e-t3)}
.erp .e-link{border:0;background:none;color:var(--e-info);font-weight:500;padding:0;margin-left:6px}
/* tables */
.e-tbl{font-size:12.5px}
.e-tbl th,.e-tbl td{padding:10px;white-space:nowrap}
.e-tbl td:last-child,.e-tbl th:last-child{text-align:left}
.e-tbl td.n,.e-tbl th.n{text-align:right}
.e-tbl td.e-nm{white-space:normal;min-width:170px;max-width:280px}
.e-tbl b{font-weight:600}
.e-tbl th .e-pill{padding:2px 7px;font-size:11px;margin-left:4px}
.e-post{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px var(--e-line)}
.e-post.on{box-shadow:none;background:var(--e-ok-bg);color:var(--e-ok)}
.e-post svg{width:11px;height:11px}
.e-cell{display:inline-flex;align-items:center;gap:8px}
.e-cell .oi{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none}
.e-cell .oi svg{width:14px;height:14px}
@keyframes eflash{from{background:var(--e-info-bg)}to{background:transparent}}
.e-flash{animation:eflash 1.2s ease-out}
/* sales */
.e-lg{display:flex;gap:16px;font-size:12px;color:var(--e-t3);margin:-4px 0 4px}
.e-lg i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}
.e-gb{display:flex;gap:6px;height:212px;padding-top:30px;position:relative}
.e-gc{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.e-gt{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:4px;width:100%;border-radius:12px}
.e-gc:hover .e-gt{background:var(--e-n2)}
.e-gt em{width:min(16px,38%);border-radius:999px;background:var(--e-blue);transition:height .5s cubic-bezier(.2,.8,.2,1)}
.e-gt em.p{background:var(--e-orange)}
.e-gc small{font-size:11px;color:var(--e-t3)}
.e-rank{display:grid;gap:13px}
.e-rk{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;font-size:12.5px}
.e-rk>div{min-width:0}
.e-rk>div span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.e-rk>div i{display:block;height:4px;border-radius:4px;background:var(--e-n3);margin-top:6px;overflow:hidden}
.e-rk>div em{display:block;height:100%;border-radius:4px}
.e-rk b{font-weight:600;white-space:nowrap}
.e-no{width:22px;height:22px;border-radius:50%;background:var(--e-n2);display:grid;place-items:center;font-size:11px;font-weight:600}
/* money + POS */
.e-acc small{margin-top:44px}
.e-acc b{font-size:22px}
.e-io{display:flex;gap:3px;height:5px;margin-top:10px}
.e-io i{border-radius:4px;background:var(--e-blue)}
.e-io i.o{background:var(--e-orange)}
.e-pos{display:grid;grid-template-columns:1.55fr 1fr;gap:12px;align-items:start}
.e-scan{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:var(--e-card);font-size:12px;color:var(--e-t2);white-space:nowrap}
.e-scan i{width:7px;height:7px;border-radius:50%;background:#22c55e}
.e-pt{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 16px}
.e-pt button{display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-height:86px;padding:10px 12px;border:0;border-radius:16px;background:var(--e-n2);text-align:left;transition:background .15s,transform .15s}
.e-pt button:hover{background:var(--e-n3);transform:translateY(-1px)}
.e-pt button:active{transform:scale(.97)}
.e-pt span{font-size:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.e-pt b{font-size:13px;font-weight:600}
.e-chk{margin-bottom:4px}
.e-chk .e-pill{margin-left:auto}
.e-empty{display:grid;justify-items:center;text-align:center;gap:6px;padding:20px 10px;color:var(--e-t3);font-size:12px}
.e-empty b{color:var(--e-t1);font-size:14px;font-weight:600}
.e-empty .oi{width:44px;height:44px;border-radius:50%;display:grid;place-items:center}
.e-empty .oi svg{width:20px;height:20px}
.e-qty{display:inline-flex;align-items:center;gap:8px;background:var(--e-n2);border-radius:999px;padding:3px}
.e-qty button{width:24px;height:24px;border:0;border-radius:50%;background:var(--e-card);display:grid;place-items:center}
.e-qty svg{width:12px;height:12px}
.e-qty b{min-width:14px;text-align:center}
.e-pay{display:flex;flex-direction:column;gap:12px}
.e-pr{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--e-t2)}
.e-pr b{color:var(--e-t1);font-weight:600}
.e-pr .e-seg,.e-pay>.e-seg{margin-left:0}
.e-pay>.e-seg{display:grid;grid-template-columns:repeat(3,1fr)}
.e-tot{padding:14px 16px;border-radius:18px;background:var(--e-n2)}
.e-tot small{display:block;font-size:12px;color:var(--e-t3)}
.e-tot b{font:600 28px/1.2 "Onest",sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.erp .e-big{height:48px;justify-content:center;font-size:15px;padding:0 16px}
.e-done{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--e-ok);font-weight:500;font-size:13px}
.e-done svg{width:16px;height:16px}
.e-pay h5{font:600 14px/1.2 "Onest",sans-serif;margin-top:6px}
/* clients + pipeline */
.e-sumln{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 6px;font-size:12.5px;color:var(--e-t2)}
.e-kan{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:10px;overflow-x:auto;padding-bottom:4px}
.e-kc{display:flex;flex-direction:column;gap:8px;min-width:0}
.e-kh{display:flex;align-items:center;gap:8px;background:var(--e-card);border-radius:14px;padding:10px 12px;font-size:13px}
.e-kh i{width:8px;height:8px;border-radius:50%;flex:none}
.e-kh b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.e-kh small{margin-left:auto;color:var(--e-t3);font-size:11.5px;white-space:nowrap}
.e-deal{background:var(--e-card);border-radius:14px;padding:12px;font-size:12.5px;animation:edeal .35s ease-out}
@keyframes edeal{from{opacity:0;transform:translateY(-4px)}}
.e-dt{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.e-dt b{font-weight:600}
.e-dt span{font-weight:600;white-space:nowrap}
.e-db{display:flex;align-items:center;gap:6px;margin-top:10px;color:var(--e-t3);font-size:11.5px}
.e-db>span:first-child{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.e-db .e-av{width:22px;height:22px;font-size:9px}
.e-next,.e-won{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none}
.e-next{border:0;background:var(--e-n2)}
.erp .e-next:hover{background:var(--e-inv);color:var(--e-inv-t)}
.e-won{background:var(--e-ok-bg);color:var(--e-ok)}
.e-next svg,.e-won svg{width:13px;height:13px}
/* products */
.e-gds{display:grid;grid-template-columns:200px 1fr;gap:12px;align-items:start}
.e-fold{padding:14px 10px;display:grid;gap:2px}
.e-fold h4{font:600 14px/1.2 "Onest",sans-serif;padding:2px 10px 8px}
.e-fold button{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;border:0;border-radius:12px;background:none;font-size:13px;text-align:left}
.e-fold button:hover{background:var(--e-hover)}
.e-fold button[aria-pressed="true"]{background:var(--e-n2);font-weight:600}
.e-fold svg{width:16px;height:16px;color:var(--e-t3);flex:none}
.e-fold span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.e-fold em{font-style:normal;font-size:11.5px;color:var(--e-t3)}
.e-thumb{width:34px;height:34px;border-radius:10px;background:var(--e-n2);display:grid;place-items:center}
.e-thumb svg{width:17px;height:17px}
.e-abc{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}
.e-abc b{display:block;font:600 34px/1.1 "Onest",sans-serif;letter-spacing:-.02em;margin-top:14px}
.e-abc small{font-size:12px;color:var(--e-t3)}
.e-abc p{font-size:12.5px;color:var(--e-t2);margin-top:10px}
.e-abc p em{font-style:normal;font-weight:600;color:var(--e-t1)}
.e-abc .e-hint{margin-top:4px;font-size:12px;color:var(--e-t3)}
.e-stack{display:flex;gap:3px;height:10px;margin:0 0 16px}
.e-stack i{border-radius:6px}
/* documents (EDO) */
.e-side{display:grid;grid-template-columns:1fr 300px;gap:12px;align-items:start}
.e-side>div{display:grid;gap:12px;min-width:0}
.e-ph .e-cnt{margin-left:auto}
.e-dl{display:grid;gap:2px}
.e-dr{display:grid;grid-template-columns:32px minmax(0,1fr) auto auto auto;gap:10px;align-items:center;padding:8px;margin:0 -8px;border-radius:14px;font-size:12.5px}
.e-dr:hover{background:var(--e-hover)}
.e-dr .oi{width:32px;height:32px;border-radius:50%;display:grid;place-items:center}
.e-dr .oi svg{width:15px;height:15px}
.e-dr b{display:block;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.e-dr small{display:block;color:var(--e-t3);font-size:11px;margin-top:2px}
.e-dr time{font-size:11.5px;color:var(--e-t3);font-variant-numeric:tabular-nums}
.e-dr time.c-err{color:var(--e-red)}
.erp .e-act{height:28px;padding:0 12px;border:0;border-radius:999px;background:var(--e-inv);color:var(--e-inv-t);font-size:12px;font-weight:500}
/* tasks + boards */
.e-tk{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:12px}
.e-tk button{text-align:left;border:0;padding:14px;border-radius:20px;transition:box-shadow .15s}
.e-tk .ki{width:34px;height:34px}
.e-tk .ki svg{width:16px;height:16px}
.e-tk small{display:block;margin-top:18px;font-size:12px;color:var(--e-t2)}
.e-tk b{display:block;font:600 24px/1.2 "Onest",sans-serif}
.e-tk button[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--e-inv)}
#e-tc-late{color:var(--e-red)}
.e-tg{padding:6px 16px 8px;margin-bottom:10px}
.e-tgh{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:13px}
.e-tgh b{font-weight:600}
.e-tr3{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--e-line);font-size:13px}
.e-tr3>b{font-weight:500}
.e-tr3.done>b{color:var(--e-t3);text-decoration:line-through}
.e-tick{width:24px;height:24px;border-radius:50%;border:2px solid currentColor;background:none;display:grid;place-items:center;padding:0}
.e-tick:hover{background:var(--e-n2)}
.e-tick svg{width:13px;height:13px}
.e-tick.g-late{color:var(--e-red)}.e-tick.g-today{color:#c9a400}.e-tick.g-week{color:#a97bea}.e-tick.g-later{color:#1e9e6a}
.e-tick.g-done{background:var(--e-ok);border-color:var(--e-ok);color:#fff}
.e-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.e-tag{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:999px;background:var(--e-n2);font-size:11.5px;color:var(--e-t2);white-space:nowrap}
.e-tag svg{width:12px;height:12px}
.e-tag.c-err{color:var(--e-red);background:var(--e-red-bg)}
.e-tag.c-warn{color:var(--e-warn);background:var(--e-warn-bg)}
.e-bsh{display:flex;align-items:center;gap:8px;margin:6px 0 10px;font-size:13px}
.e-bsh b{font-weight:600}
.e-bds{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px}
.e-bd{min-height:132px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;transition:transform .15s}
.e-bd:hover{transform:translateY(-2px)}
.e-bd .ki{width:44px;height:44px;margin-bottom:auto}
.e-bd .ki svg{width:20px;height:20px}
.e-bd b{font-weight:600;font-size:14px;margin-top:18px}
.e-bd small{color:var(--e-t3);font-size:12px}
.erp .e-star{position:absolute;top:14px;right:14px;width:30px;height:30px;border:0;border-radius:50%;background:none;color:var(--e-t3);display:grid;place-items:center;opacity:0;transition:opacity .15s}
.e-bd:hover .e-star,.erp .e-star.on,.e-star:focus-visible{opacity:1}
.erp .e-star.on{color:#e3b008}
.e-star.on svg{fill:currentColor}
.e-star svg{width:17px;height:17px}
@media (hover:none){.erp .e-star{opacity:1}}
/* settings */
.e-set{display:grid}
.e-sr{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--e-line);font-size:13px}
.e-sr:first-child{border-top:0}
.e-sr b{font-weight:500}
.e-sr small{display:block;color:var(--e-t3);font-size:12px;margin-top:2px}
.e-sr>span{color:var(--e-t2)}
.e-sw{width:42px;height:24px;border:0;border-radius:999px;background:var(--e-n3);position:relative;flex:none;transition:background .2s}
.e-sw i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.e-sw[aria-checked="true"]{background:var(--e-ok)}
.e-sw[aria-checked="true"] i{transform:translateX(18px)}
/* demo toast */
.e-toast{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:12px;max-width:calc(100% - 24px);padding:8px 8px 8px 16px;border-radius:999px;background:#181817;color:#fff;font-size:13px;box-shadow:0 14px 40px -12px rgba(0,0,0,.5);animation:etoast .25s ease-out}
.e-toast a{flex:none;height:32px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;background:var(--mint);color:#0B2B2E;font-weight:600;text-decoration:none}
@keyframes etoast{from{opacity:0;transform:translate(-50%,8px)}}
@media (max-width:1080px){.e-pos,.e-side,.e-gds{grid-template-columns:1fr}.e-tk{grid-template-columns:repeat(3,1fr)}.e-pt{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){
  .erp{grid-template-rows:auto minmax(0,1fr)}
  .e-rail{flex-direction:row;margin:10px 10px 0;padding:6px;border-radius:999px;overflow-x:auto;scrollbar-width:none}
  .e-rail .mark,.e-rail .sp,.e-rail .me{display:none}
  .e-rail button{flex:none}
  .e-top{margin-bottom:14px}
  .e-tabs{overflow-x:auto;scrollbar-width:none;min-width:0}
  .e-tk{grid-template-columns:repeat(2,1fr)}.e-pt{grid-template-columns:repeat(2,1fr)}.e-abc{grid-template-columns:1fr}
  .e-fold{display:flex;overflow-x:auto;scrollbar-width:none}.e-fold h4{display:none}.e-fold button{flex:none}
  .e-dr{grid-template-columns:32px minmax(0,1fr) auto}.e-dr time{display:none}.e-dr .e-act,.e-dr .e-won{grid-column:2}
  .e-tr3{grid-template-columns:28px minmax(0,1fr)}.e-tags{grid-column:2;justify-content:flex-start}
  .e-toast{font-size:12px;bottom:12px}
  .e-ph{flex-wrap:wrap}.e-scan{display:none}
}
.frame{padding:10px}

/* LOGOS */
.trust{padding-block:30px 10px}
.trust p{text-align:center;color:var(--muted);font-size:14px;margin-bottom:22px}
.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee-in{display:flex;gap:56px;width:max-content;animation:mq 38s linear infinite}
.marquee-in span{font:700 22px/1 var(--display);color:#9DB7B5;letter-spacing:-.02em;white-space:nowrap}
@keyframes mq{to{transform:translateX(-50%)}}

/* PROBLEM / SOLUTION */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.vs-col{border-radius:var(--r-lg);padding:36px}
.vs-old{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.vs-new{background:var(--ink);color:var(--on-ink)}
.vs-col h3{font-size:26px;display:flex;align-items:center;gap:12px;margin-bottom:28px}
.vs-new h3{color:var(--white)}
.vs-col h3 img{height:22px;width:auto}
.vs-item{display:grid;grid-template-columns:84px 1fr;gap:20px;align-items:center;padding:20px 0;border-top:1px solid var(--line)}
.vs-new .vs-item{border-color:rgba(255,255,255,.1)}
.vs-item h4{font-size:18px;margin-bottom:6px;letter-spacing:-.01em}
.vs-new .vs-item h4{color:var(--white)}
.vs-item p{font-size:15px;color:var(--muted)}
.vs-new .vs-item p{color:var(--on-ink-mut)}
.ic3d{width:84px;height:84px;object-fit:contain}
.ic3d{border-radius:22px;padding:6px;background:var(--bad-tile)}
.vs-new .ic3d{background:rgba(255,255,255,.94)}
.ic3d.logo-d{background:none!important;padding:0}
.ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center}
.ic svg{width:20px;height:20px}
.ic-bad{background:var(--bad-bg);color:var(--bad)}
.ic-good{background:rgba(127,255,212,.14);color:var(--mint)}

/* MODULES */
.mods{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mod{position:relative;background:var(--surface);border-radius:var(--r-lg);padding:28px 28px 30px;box-shadow:inset 0 0 0 1px var(--line);transition:transform .25s,box-shadow .25s;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.mod:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--aqua),0 30px 60px -30px rgba(0,143,145,.45)}
.mod .art{width:132px;height:132px;margin:-6px 0 18px -10px}
.mod .art img{width:100%;height:100%;object-fit:contain}
.mod h3{font-size:24px;margin-bottom:10px}
.mod p{color:var(--muted);font-size:15.5px}
.mod .more{margin-top:auto;padding-top:22px;display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--teal);font-size:15px}
.mod .more svg{width:16px;height:16px;transition:transform .2s}
.mod:hover .more svg{transform:translateX(4px)}
.mod.feature{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;background:linear-gradient(135deg,var(--tint),var(--surface) 60%)}
.mod.wide{grid-column:1/-1;display:grid;grid-template-columns:160px 1fr auto;gap:32px;align-items:center;background:linear-gradient(100deg,var(--surface) 40%,var(--tint))}
.mod.wide p{max-width:60ch}.mod.wide .more{padding-top:0}
.mod.wide .art{margin:0;width:160px;height:160px}
.mod.feature .art{width:100%;height:auto;aspect-ratio:1/1;max-width:300px;margin:0 auto}
.mod.feature h3{font-size:34px}
.mod ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.mod li{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.mod li svg{width:20px;height:20px;color:var(--teal);flex:none;margin-top:1px}

/* PROOF (dark band) */
.dark{background:var(--ink);color:var(--on-ink)}
.dark h2,.dark h3,.dark h4{color:var(--white)}
.dark .eyebrow{color:var(--mint)}
.dark .lead{color:var(--on-ink-mut)}
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(190px,auto);gap:16px}
.b{border-radius:var(--r-lg);padding:28px;background:var(--ink-2);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.b .num{font:800 clamp(48px,5.5vw,76px)/1 var(--display);letter-spacing:-.05em;color:var(--white);font-variant-numeric:tabular-nums}
.b .num sup{font-size:.45em;color:var(--mint);vertical-align:top;margin-left:4px}
.b p{color:var(--on-ink-mut);font-size:15px;max-width:30ch}
.b-x{grid-column:span 2;grid-row:span 2;padding:0;background:#071E21}
.b-x img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.b-x .cap{position:relative;margin-top:auto;padding:28px;background:linear-gradient(0deg,rgba(7,30,33,.95),transparent)}
.b-x .cap h3{font-size:28px;margin-bottom:6px}
.b-flow{grid-column:span 2;background:linear-gradient(135deg,#0F4A4C,#0B2B2E);justify-content:flex-start;gap:22px}
.b-flow h3{font-size:22px}
.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;counter-reset:f}
.flow li{position:relative;background:rgba(255,255,255,.06);border-radius:16px;padding:14px 12px;display:grid;gap:4px}
.flow li b{color:var(--white);font:600 15px/1.2 var(--display)}
.flow li span{color:var(--on-ink-mut);font-size:12.5px;line-height:1.35}
.flow li:not(:last-child)::after{content:"";position:absolute;right:-7px;top:50%;width:6px;height:6px;border-top:2px solid var(--mint);border-right:2px solid var(--mint);transform:translateY(-50%) rotate(45deg);z-index:1}
.b-quote{grid-column:span 2;background:linear-gradient(135deg,#0F4A4C,#0B2B2E)}
.b-quote blockquote{margin:0;font:500 clamp(18px,1.7vw,22px)/1.45 var(--display);color:var(--white);letter-spacing:-.01em}
.b-quote .who{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:14px;color:var(--on-ink-mut)}
.b-quote .who b{display:block;color:var(--white);font-weight:600}
.av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--aqua),var(--mint));display:grid;place-items:center;font:700 15px/1 var(--display);color:var(--on-mint)}
.b-mint{background:var(--mint)}
.b-ic{align-self:flex-end;width:96px;height:96px;margin:-14px -10px -8px 0;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(0,0,0,.28));transition:transform .5s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.b:hover .b-ic{transform:translateY(-4px) rotate(-4deg)}
.b-mint .b-ic{filter:drop-shadow(0 14px 22px rgba(11,43,46,.22))}
.b-ic+.num{margin-bottom:auto}
.b-mint .num{color:var(--on-mint)}.b-mint .num sup{color:var(--teal)}.b-mint p{color:#123A3E}

/* BEFORE / AFTER */
.ba{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line);background:var(--surface);user-select:none;touch-action:pan-y}
.ba-pane{padding:32px;min-height:420px}
.ba-before{background:repeating-linear-gradient(0deg,#fff 0 37px,#E6ECEB 37px 38px),#fff;position:relative}
.ba-after{position:absolute;inset:0;background:var(--mist);clip-path:inset(0 0 0 var(--cut,50%))}
.ba .lbl{position:absolute;top:20px;font:600 12px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;padding:9px 12px;border-radius:999px;z-index:3}
.ba .lbl.l{left:20px;background:var(--bad-bg);color:var(--bad)}
.ba .lbl.r{right:20px;background:var(--ink);color:var(--mint)}
.xl{font:13px/1 ui-monospace,Menlo,monospace;color:#4b5b5d;display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));margin-top:44px;transform:rotate(-1deg);max-width:760px}
.xl div{padding:12px 8px;border-right:1px solid #E6ECEB;white-space:nowrap;overflow:hidden}
.xl .hd{background:#EEF3E8;font-weight:700}
.xl .err{color:#D64545;font-weight:700}
.sticky{position:absolute;background:#FFF4A8;padding:14px 16px;width:180px;font:500 14px/1.35 "Comic Sans MS","Segoe Print",cursive;color:#5b4b00;box-shadow:0 10px 20px -8px rgba(0,0,0,.25);transform:rotate(4deg)}
.ba-after .inner{padding:32px;padding-top:76px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:none;height:100%}
.ba-handle{position:absolute;top:0;bottom:0;left:var(--cut,50%);width:2px;background:var(--teal);z-index:4;transform:translateX(-1px)}
.ba-handle button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;border:0;background:var(--teal);color:var(--white);display:grid;place-items:center;cursor:ew-resize;box-shadow:0 10px 30px -6px rgba(0,143,145,.8)}
.ba-handle svg{width:22px;height:22px}
.ba-hint{text-align:center;color:var(--muted);font-size:14px;margin-top:16px}

/* PROCESS */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}
.step{background:var(--surface);border-radius:var(--r-md);padding:28px;box-shadow:inset 0 0 0 1px var(--line);position:relative}
.step .st-ic{width:112px;height:112px;margin:-8px 0 18px -8px}
.step .st-ic img{width:100%;height:100%;object-fit:contain}
.step h3{font-size:22px;margin-bottom:10px}
.step p{color:var(--muted);font-size:15px}

/* INDUSTRIES */
.ind{display:grid;grid-template-columns:320px 1fr;gap:20px}
.ind-tabs{display:grid;gap:8px;align-content:start}
.ind-tabs button{display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;background:var(--surface);border-radius:16px;padding:20px 22px;font:600 18px/1.2 var(--display);color:var(--fg);cursor:pointer;box-shadow:inset 0 0 0 1px var(--line);transition:background .2s}
.ind-tabs button span{font:500 13px/1 var(--body);color:var(--muted)}
.ind-tabs button[aria-selected="true"]{background:var(--teal);color:var(--white);box-shadow:none}
.ind-tabs button[aria-selected="true"] span{color:var(--mint)}
.ind-panel{background:var(--surface);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line);padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;min-width:0}
.ind-panel h3{font-size:34px;line-height:1.1;margin-bottom:14px}
.ind-panel p{color:var(--muted)}
.ind-panel ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}
.ind-panel li{display:flex;gap:10px;font-size:15.5px}
.ind-panel li svg{width:20px;height:20px;color:var(--teal);flex:none;margin-top:2px}
.ind-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ind-metrics div{background:var(--mist);border-radius:20px;padding:24px}
.ind-metrics b{display:block;font:800 30px/1.05 var(--display);letter-spacing:-.04em;color:var(--teal)}
.ind-metrics small{display:block;margin-top:8px;color:var(--muted);font-size:14px}
.ind-metrics .wide{grid-column:span 2;background:var(--ink);color:var(--on-ink-mut)}
.ind-metrics .wide b{color:var(--mint)}
.ind-metrics .m-ic{width:64px;height:64px;vertical-align:top;object-fit:contain;margin:-6px 0 12px -4px;filter:drop-shadow(0 10px 16px rgba(11,43,46,.18))}
.ind-metrics .wide{display:flex;align-items:center;gap:18px}
.ind-metrics .wide .m-ic{width:76px;height:76px;margin:-8px 0;flex:none;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}

/* INTEGRATIONS */
.ints{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.int{background:var(--surface);border-radius:20px;padding:22px 18px;box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:14px;align-content:start;min-width:0}
.int .lg{width:100%;height:76px;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--line);padding:12px 14px}
.int .lg img{display:block;width:100%;height:52px;object-fit:contain}
.int .lg.full{padding:0}
.int .lg.full img{height:76px}
.lg-api{background:linear-gradient(135deg,#70DCD6,#7FFFD4)!important;font:800 18px/1 var(--display);color:#0B2B2E}
.int b{font:600 16px/1.2 var(--display)}
.int small{color:var(--muted);font-size:13px;line-height:1.4}

/* PRICING */
.bill{display:inline-flex;background:var(--surface);border-radius:999px;padding:5px;box-shadow:inset 0 0 0 1px var(--line);gap:4px}
.bill button{border:0;background:none;font:600 14px/1 var(--body);padding:12px 18px;border-radius:999px;cursor:pointer;color:var(--muted);display:flex;align-items:center;gap:8px}
.bill button[aria-pressed="true"]{background:var(--ink);color:var(--white)}
.bill em{font-style:normal;background:var(--mint);color:var(--on-mint);font-size:11px;padding:4px 7px;border-radius:999px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;align-items:stretch}
.plan{background:var(--surface);border-radius:var(--r-lg);padding:34px;box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column}
.plan h3{font-size:24px}
.plan .sub{color:var(--muted);font-size:15px;margin-top:6px}
.price{margin:28px 0 6px;font:800 48px/1 var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.price small{font:500 15px/1 var(--body);color:var(--muted);letter-spacing:0;margin-left:4px}
.price-txt{font-size:36px;min-height:48px;display:flex;align-items:flex-end} /* "Индивидуально" is one long word */
.price-note{font-size:13px;color:var(--muted);min-height:20px}
.plan ul{list-style:none;padding:0;margin:26px 0 30px;display:grid;gap:12px}
.plan li{display:flex;gap:10px;font-size:15px}
.plan li svg{width:20px;height:20px;color:var(--teal);flex:none;margin-top:1px}
.plan .btn{margin-top:auto;justify-content:center}
.plan.pop{background:var(--ink);color:var(--on-ink);box-shadow:none;position:relative}
.plan.pop h3,.plan.pop .price{color:var(--white)}
.plan.pop .sub,.plan.pop .price small,.plan.pop .price-note{color:var(--on-ink-mut)}
.plan.pop li svg{color:var(--mint)}
.plan .badge{position:absolute;top:28px;right:28px;background:var(--mint);color:var(--on-mint);font:600 12px/1 var(--body);padding:8px 12px;border-radius:999px}

/* FAQ */
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px}
.faq-side{background:var(--surface);border-radius:var(--r-lg);padding:32px;box-shadow:inset 0 0 0 1px var(--line);align-self:start;position:sticky;top:100px}
.faq-side h3{font-size:24px;margin:20px 0 8px}
.faq-side p{color:var(--muted);font-size:15px;margin-bottom:22px}
.faq-side .av-row{display:flex}
.faq-side .av-row .av{border:3px solid var(--white);margin-right:-10px;width:48px;height:48px}
.qa{border-bottom:1px solid var(--line)}
.qa button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;border:0;background:none;text-align:left;padding:26px 0;font:600 20px/1.3 var(--display);color:var(--fg);cursor:pointer;letter-spacing:-.01em}
.qa button i{flex:none;width:36px;height:36px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;transition:transform .25s,background .2s}
.qa button i svg{width:16px;height:16px}
.qa button[aria-expanded="true"] i{transform:rotate(45deg);background:var(--teal);color:var(--white);box-shadow:none}
.qa .ans{color:var(--muted);padding:0 60px 26px 0;font-size:16px}

/* CTA */
.cta{padding-block:40px 120px}
.cta-box{background:var(--ink);border-radius:40px;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;position:relative}
.cta-box .txt{padding:72px 64px;position:relative;z-index:2}
.cta-box h2{color:var(--white);font-size:clamp(36px,4.6vw,64px);line-height:1.02;font-weight:800}
.cta-box h2 em{font-style:normal;color:var(--mint)}
.cta-box p{color:var(--on-ink-mut);margin:22px 0 34px;font-size:18px;max-width:40ch}
.cta-form{display:flex;gap:8px;background:rgba(255,255,255,.06);padding:6px;border-radius:999px;max-width:480px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.cta-form input{flex:1;min-width:0;background:none;border:0;color:var(--white);font:500 16px/1 var(--body);padding:0 18px;outline:none}
.cta-form input::placeholder{color:var(--on-ink-mut)}
.cta-form .btn{height:50px}
.cta-ok{color:var(--mint);font-weight:600;margin-top:14px;min-height:24px;font-size:15px}
.cta-box .art{height:100%;min-height:440px;position:relative}
.cta-box .art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 30%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%)}

/* FOOTER */
footer{background:var(--surface);border-top:1px solid var(--line);padding-block:72px 32px}
.ft{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:40px}
.ft img{height:26px;width:auto}
.ft p{color:var(--muted);font-size:15px;margin-top:18px;max-width:32ch}
.ft h4{font:600 14px/1 var(--body);color:var(--fg);margin-bottom:18px;letter-spacing:0}
.ft ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.ft li a{color:var(--muted);font-size:15px}
.ft li a:hover{color:var(--teal)}
.contact{display:grid;gap:6px;margin-top:22px;font-size:15px;color:var(--fg-2)}
.contact span{user-select:all}
.ft-bot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:56px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.ft-word{margin-top:56px;opacity:.09;mask-image:linear-gradient(180deg,#000 30%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent)}
.ft-word img{width:100%;height:auto}

/* REVEAL (visible at rest; only animates when JS marks it) */
.rv{transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .8s}
.js .rv.pre{transform:translateY(24px);opacity:.001}

.sec,.cta,footer{content-visibility:auto;contain-intrinsic-size:auto 900px}
.hero .frame{transform-origin:50% 0;will-change:transform}
.js .hero .frame{transform:perspective(1600px) rotateX(calc(var(--tilt,1)*16deg)) scale(calc(1 - var(--tilt,1)*.05))}
html[lang="ru"]{--display:"Manrope","Segoe UI",system-ui,sans-serif}
html[lang="ru"] h1,html[lang="ru"] h2{letter-spacing:-.03em}
/* RESPONSIVE */
@media (max-width:1080px){
  .nav-links{display:none}
  .burger{display:grid;place-items:center}
  .nav .btn-ghost{display:none}
  .hero-grid{grid-template-columns:1fr;min-height:0}
  .hero-art{position:relative;right:auto;top:auto;width:150%;margin:-10px 0 -40px -44%;max-width:none}
  .f1{left:34%;top:68%}.f2{right:4%;bottom:14%}
  .mods{grid-template-columns:1fr 1fr}
  .mod.feature{grid-column:span 2}
  .bento{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr}
  .ind{grid-template-columns:1fr}
  .ind-tabs{grid-template-columns:repeat(4,minmax(180px,1fr));overflow-x:auto}
  .ints{grid-template-columns:repeat(3,1fr)}
  .plans{grid-template-columns:1fr}
  .faq{grid-template-columns:1fr;gap:32px}
  .faq-side{position:static}
  .cta-box{grid-template-columns:1fr}
  .cta-box .art{min-height:300px;order:-1}
  .cta-box .art img{mask-image:linear-gradient(0deg,transparent,#000 40%);-webkit-mask-image:linear-gradient(0deg,transparent,#000 40%)}
  .ft{grid-template-columns:1fr 1fr 1fr}
  .ft>div:first-child{grid-column:1/-1}
  .sec-head.split{grid-template-columns:1fr}
}
@media (max-width:760px){
  .sec{padding-block:80px}
  .nav .wrap{gap:12px}
  .nav .btn-pri{display:none}
  .app{grid-template-columns:1fr}
  .app-main{padding:18px}
  .kpis{grid-template-columns:1fr 1fr}
  .app-row{grid-template-columns:1fr}
  .vs{grid-template-columns:1fr}
  .vs-col{padding:26px}
  .mods{grid-template-columns:1fr}
  .mod.feature{grid-column:auto;grid-template-columns:1fr}
  .mod.wide{grid-template-columns:1fr;gap:12px}
  .mod.wide .art{width:132px;height:132px}
  .bento{grid-template-columns:1fr}
  .b-x,.b-quote,.b-flow{grid-column:auto}
  .flow{grid-template-columns:1fr 1fr}
  .flow li::after{display:none}
  .b-x{min-height:380px}
  .steps{grid-template-columns:1fr}
  .ind-panel{grid-template-columns:1fr;padding:26px}
  .ind-panel>*{min-width:0}.ind-metrics{grid-template-columns:1fr}.ind-metrics .wide{grid-column:auto}
  .ind-metrics div{display:flex;align-items:center;gap:16px;padding:18px 20px}.ind-metrics .m-ic,.ind-metrics .wide .m-ic{width:60px;height:60px;margin:-6px 0;flex:none}.ind-metrics b{font-size:26px}
  .ints{grid-template-columns:1fr 1fr}
  .ba-after .inner{grid-template-columns:1fr}
  .ba-pane{min-height:560px}
  .cta-box .txt{padding:40px 24px}
  .cta-form{flex-direction:column;border-radius:24px}
  .cta-form input{height:50px}
  .ft{grid-template-columns:1fr 1fr}
  .hero-art{width:190%;margin-left:-82%}
  .f1{left:44%;top:72%}.f2{display:none}
  .qa .ans{padding-right:0}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* theme toggle */
.theme{width:44px;height:44px;border-radius:999px;border:0;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--fg);display:grid;place-items:center;cursor:pointer}
.theme svg{width:20px;height:20px}
.theme .moon{display:block}.theme .sun{display:none}
:root[data-theme="dark"] .theme .moon{display:none}:root[data-theme="dark"] .theme .sun{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .theme .moon{display:none}:root:not([data-theme="light"]) .theme .sun{display:block}}
/* dark: hero art sits on dark page */
:root[data-theme="dark"] .mod .art img{filter:drop-shadow(0 10px 24px rgba(0,0,0,.35))}

/* base reset (previously injected by the artifact host) */
html,body{margin:0}
[hidden]{display:none!important}
img{max-width:100%}