@font-face{font-family:'Switzer';src:url('fonts/switzer-300.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:'Switzer';src:url('fonts/switzer-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Switzer';src:url('fonts/switzer-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Switzer';src:url('fonts/switzer-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}

/* ═════ Root — shared design system (Rams/Ive restraint, Switzer, big+light) ═════ */
:root{
  --sans:'Switzer',-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',system-ui,sans-serif;
  --bg:#ffffff; --bg-2:#f5f5f7; --bg-3:#ededf0; --dark:#0a0a0b; --dark-2:#141417;
  --ink:#111114; --text:#1d1d1f; --text-2:#56565c; --text-3:#6e6e73;
  --line:#ececee; --line-2:#d8d8dc;
  --on-dark:#f5f5f7; --on-dark-2:#a1a1a6; --on-dark-3:#6e6e73; --dark-line:rgba(255,255,255,.13);
  --green:#16a34a; --green-h:#15803d; --green-soft:#e9f7ef; --green-line:#bfe6cd;
  --ai:#7c3aed; --ai-text:#6d28d9; --ai-pale:#f5f3ff; --ai-line:#ddd0fb;
  --r:11px; --r-lg:18px; --r-pill:999px;
  --ease:cubic-bezier(.4,0,.2,1); --ease-out:cubic-bezier(.16,1,.3,1);
  --maxw:1120px; --narrow:920px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
/* visible keyboard focus */
:focus-visible{outline:2px solid var(--green-h);outline-offset:2px;border-radius:5px;}
::selection{background:rgba(22,163,74,.16);}
/* product screens feel tangible: subtle lift on hover */
.mk{transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out);}
.mk:hover{transform:translateY(-4px);box-shadow:0 26px 56px -26px rgba(20,22,28,.30),0 5px 12px -5px rgba(20,22,28,.10);}
@media (hover:none){.mk:hover{transform:none;box-shadow:none;}}
body{font-family:var(--sans);font-size:18px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-weight:400;overflow-x:hidden;text-wrap:pretty;}
a{color:inherit;text-decoration:none;}
::selection{background:#d7d7db;color:var(--ink);}
img{max-width:100%;display:block;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 30px;}
.narrow{max-width:var(--narrow);margin:0 auto;padding:0 30px;}

/* type — big + light. headings default to weight 400 (thin Apple feel) */
h1,h2,h3,h4{font-weight:400;letter-spacing:-0.03em;line-height:1.05;color:var(--ink);text-wrap:balance;}
p{text-wrap:pretty;}
.thin{font-weight:300;}
.display{font-size:clamp(46px,8vw,108px);font-weight:300;letter-spacing:-0.04em;line-height:1.0;text-wrap:balance;}
.h2{font-size:clamp(34px,5.4vw,72px);font-weight:300;letter-spacing:-0.035em;line-height:1.04;text-wrap:balance;}
.h3{font-size:clamp(26px,3.4vw,40px);font-weight:400;letter-spacing:-0.03em;line-height:1.08;text-wrap:balance;}
.lede{font-size:clamp(19px,2vw,24px);font-weight:400;color:var(--text-2);line-height:1.45;letter-spacing:-0.01em;text-wrap:balance;}
.eyebrow{font-size:13px;font-weight:500;letter-spacing:-0.005em;color:var(--text-3);}
.eyebrow-green{color:var(--green-h);}
.eyebrow-ai{color:var(--ai-text);}
.measure{max-width:620px;} .measure-sm{max-width:520px;}

/* green accent for the single action word (used VERY sparingly) */
.g{color:var(--green-h);}
.a{color:var(--ai-text);}

/* buttons — green = the action only */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:16px;font-weight:500;height:50px;padding:0 26px;border-radius:var(--r-pill);border:1px solid transparent;cursor:pointer;line-height:1;letter-spacing:-0.01em;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease);}
.btn-sm{height:40px;padding:0 18px;font-size:15px;}
.btn-primary{background:var(--green);color:#fff;} .btn-primary:hover{background:var(--green-h);}
.btn:hover{transform:translateY(-1px);} .btn:active{transform:translateY(0);}
.btn-line{background:transparent;color:var(--ink);border-color:var(--line-2);} .btn-line:hover{border-color:var(--text-3);}
.btn-on-dark{background:#fff;color:var(--ink);} .btn-on-dark:hover{background:var(--on-dark);}
.btn .arr,.tlink .arr{transition:transform .2s var(--ease);} .btn:hover .arr,.tlink:hover .arr{transform:translateX(3px);}
.tlink{display:inline-flex;align-items:center;gap:7px;font-size:16px;font-weight:500;color:var(--ink);letter-spacing:-0.01em;}
.tlink-green{color:var(--green-h);}

/* nav */
nav.site{position:fixed;inset:0 0 auto 0;z-index:100;height:70px;display:flex;align-items:center;background:rgba(255,255,255,.72);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid transparent;transition:border-color .3s var(--ease),background .3s var(--ease),height .3s var(--ease);}
nav.site.scrolled{border-bottom-color:var(--line);background:rgba(255,255,255,.85);height:60px;}
.nav-in{display:flex;align-items:center;justify-content:space-between;width:100%;}
.nav-logo img{height:20px;width:auto;}
.nav-links{display:flex;gap:30px;}
.nav-links a{position:relative;font-size:14px;font-weight:450;color:var(--text-2);transition:color .15s var(--ease);}
.nav-links a:hover{color:var(--ink);}
.nav-links a.active{color:var(--ink);font-weight:550;}
.nav-links a.active::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;border-radius:2px;background:var(--ink);}
.nav-cta{display:flex;align-items:center;gap:18px;}
.nav-login{font-size:14px;font-weight:450;color:var(--text-2);transition:color .15s var(--ease);}
.nav-login:hover{color:var(--ink);}

/* sections */
.sec{padding:clamp(96px,15vh,180px) 0;}
.sec-tight{padding:clamp(72px,10vh,120px) 0;}
.sec-soft{background:var(--bg-2);}
.sec-dark{background:var(--dark);color:var(--on-dark);--ink:var(--on-dark);--text:var(--on-dark-2);}
.sec-dark h1,.sec-dark h2,.sec-dark h3,.sec-dark h4{color:var(--on-dark);}
.sec-dark .lede{color:var(--on-dark-2);} .sec-dark .eyebrow{color:#9a9aa2;} .sec-dark .g{color:#4ade80;} .sec-dark .a{color:#a78bfa;}
.sec-dark .eyebrow-ai{color:#a78bfa;}
.sec-brand{background:linear-gradient(150deg,#16a34a 0%,#15803d 58%,#127038 100%);color:#fff;}
.sec-brand h1,.sec-brand h2,.sec-brand h3,.sec-brand h4,.sec-brand .display,.sec-brand .g{color:#fff;}
.sec-brand .lede{color:#fff;} .sec-brand .eyebrow{color:rgba(255,255,255,.9);} .sec-brand .tlink{color:#fff;}
.sec-brand .btn-primary{background:#fff;color:var(--green-h);} .sec-brand .btn-primary:hover{background:var(--on-dark);}
.sec-brand .btn-line{color:#fff;border-color:rgba(255,255,255,.5);} .sec-brand .btn-line:hover{border-color:#fff;}
.sec-brand.sec-blue{background:linear-gradient(150deg,#2563eb 0%,#1d4ed8 58%,#1e3a8a 100%);}
.sec-brand.sec-teal{background:linear-gradient(150deg,#0d9488 0%,#0f766e 58%,#115e59 100%);}
.sec-brand.sec-amber{background:linear-gradient(150deg,#ea580c 0%,#c2410c 55%,#9a3412 100%);}
.sec-brand.sec-indigo{background:linear-gradient(150deg,#6366f1 0%,#4338ca 55%,#3730a3 100%);}
.sec-brand.sec-rose{background:linear-gradient(150deg,#db2777 0%,#be185d 55%,#9d174d 100%);}
.center{text-align:center;margin-inline:auto;}
.center .lede{margin-inline:auto;}
.stack-s>*+*{margin-top:14px;} .stack>*+*{margin-top:22px;} .stack-l>*+*{margin-top:32px;}

/* page hero (inner pages) */
.phero{padding:195px 0 clamp(96px,12vh,150px);}
.phero .display{max-width:17ch;}
.phero.center .display{margin-inline:auto;}

/* split (text + visual / two column) */
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.split.wide-l{grid-template-columns:1.1fr .9fr;}
.split .visual{min-width:0;}

/* index list (capabilities as order, not cards) */
.index{display:grid;grid-template-columns:repeat(2,1fr);gap:0 80px;}
.ix{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);}
.ix .n{font-size:19px;font-weight:500;color:var(--ink);letter-spacing:-0.02em;margin-right:auto;}
.ix .d{font-size:15px;color:var(--text-3);text-align:right;}
.ix{transition:background .16s var(--ease),color .16s var(--ease);border-radius:10px;}
.ix:hover{background:rgba(17,17,20,.035);}
.ix:hover .d{color:var(--text-2);}
.sec-dark .ix:hover{background:rgba(255,255,255,.05);}
.sec-dark .ix{border-color:var(--dark-line);}

/* feature rows (icon + text) */
.frows{border-top:1px solid var(--line);}
.sec-dark .frows{border-color:var(--dark-line);}
.frow{display:grid;grid-template-columns:44px 1fr;gap:22px;padding:30px 0;border-bottom:1px solid var(--line);align-items:start;}
.sec-dark .frow{border-color:var(--dark-line);}
.frow .ic{width:28px;height:28px;color:var(--green-h);} .sec-dark .frow .ic{color:#4ade80;} .frow .ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;}
.frow .itile{margin-top:-3px;}

/* icon tiles — bright color, with restraint (pale fill + saturated stroke) */
.itile{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
.itile svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.h-green{background:#e9f7ef;color:#15803d;} .h-blue{background:#eaf1fe;color:#1d4ed8;} .h-violet{background:#f3effe;color:#6d28d9;}
.h-amber{background:#fbf1de;color:#b45309;} .h-cyan{background:#e6f6fb;color:#0e7490;} .h-orange{background:#fdeee4;color:#c2410c;}
.h-pink{background:#fdeef4;color:#be185d;} .h-indigo{background:#ecedfd;color:#4f46e5;} .h-teal{background:#e4f6f3;color:#0f766e;}
.sec-dark .itile{background:rgba(255,255,255,.08);}
.sec-dark .h-green{color:#4ade80;} .sec-dark .h-blue{color:#7aa7ff;} .sec-dark .h-violet{color:#c4a3fb;} .sec-dark .h-amber{color:#f0c069;}
.sec-dark .h-cyan{color:#5cc7de;} .sec-dark .h-orange{color:#f0a878;} .sec-dark .h-pink{color:#f08fc0;} .sec-dark .h-indigo{color:#9aa0fb;} .sec-dark .h-teal{color:#5bbfb2;}
.frow h3{font-size:21px;font-weight:500;letter-spacing:-0.02em;margin-bottom:7px;}
.frow p{font-size:16px;color:var(--text-2);line-height:1.55;} .sec-dark .frow p{color:var(--on-dark-2);}

/* spec / comparison table */
.spec{width:100%;border-collapse:collapse;font-size:16px;}
.spec th,.spec td{text-align:left;padding:18px 20px;border-bottom:1px solid var(--line);vertical-align:top;}
.spec thead th{font-size:13px;font-weight:500;color:var(--text-3);letter-spacing:-0.005em;}
.spec td:first-child{color:var(--ink);font-weight:500;width:34%;}
.spec td{color:var(--text-2);}
.spec .yes{color:var(--green-h);font-weight:500;} .spec .no{color:var(--text-3);}
.spec tr:last-child td{border-bottom:none;}

/* panels / quiet bordered blocks */
.panel{border:1px solid var(--line);border-radius:var(--r-lg);padding:34px;background:var(--bg);}
.sec-dark .panel{border-color:var(--dark-line);background:rgba(255,255,255,.03);}
.panel-soft{background:var(--bg-2);border-color:transparent;}

/* stats */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;}
.stat .v{font-size:clamp(46px,6vw,76px);font-weight:300;letter-spacing:-0.045em;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums;}
.sec-dark .stat .v{color:#fff;}
.stat .v small{font-size:.32em;color:var(--green-h);font-weight:400;letter-spacing:-0.01em;}
.stat .l{font-size:15px;color:var(--text-2);margin-top:14px;max-width:230px;line-height:1.5;} .center .stat .l{margin-inline:auto;}
.sec-dark .stat .l{color:var(--on-dark-2);}

/* product frame (calm mock) */
.frame{max-width:920px;margin:0 auto;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 2px 6px -3px rgba(20,22,28,.06),0 44px 90px -50px rgba(20,22,28,.24);overflow:hidden;text-align:left;}
.frame-bar{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid var(--line);}
.frame-bar img{height:15px;}
.frame-dots{display:flex;gap:6px;} .frame-dots i{width:9px;height:9px;border-radius:50%;background:var(--line-2);}
.frame-body{padding:34px 36px 38px;}
.metric{display:flex;align-items:baseline;gap:14px;margin-bottom:30px;}
.metric .v{font-size:clamp(34px,4.4vw,52px);font-weight:400;letter-spacing:-0.04em;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums;}
.metric .d{font-size:14px;color:var(--green-h);font-weight:500;}
.flabel{font-size:13px;color:var(--text-3);margin-bottom:10px;}
.frows-q{border-top:1px solid var(--line);}
.frow-q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);}
.frow-q:last-child{border-bottom:none;}
.frow-q .nm{font-size:15px;font-weight:500;color:var(--ink);width:130px;flex-shrink:0;}
.frow-q .st{font-size:14px;color:var(--text-2);flex:1;}
.frow-q .dot{width:7px;height:7px;border-radius:50%;background:var(--line-2);} .frow-q .dot.on{background:var(--green);}

/* pill (state, rare) */
.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;letter-spacing:-0.005em;padding:5px 12px;border-radius:var(--r-pill);background:var(--bg-2);color:var(--text-2);}
.pill.green{background:var(--green-soft);color:var(--green-h);}

/* prose (long-form, company etc.) */
.prose{max-width:680px;} .prose p{font-size:19px;line-height:1.6;color:var(--text-2);margin-bottom:22px;} .prose p strong{color:var(--ink);font-weight:500;}
.prose h3{font-size:26px;font-weight:400;margin:48px 0 16px;letter-spacing:-0.025em;}

/* tags row */
.tags{display:flex;flex-wrap:wrap;gap:8px;} .tag{font-size:14px;color:var(--text-2);background:var(--bg-2);border:1px solid var(--line);padding:8px 15px;border-radius:var(--r-pill);}
.sec-dark .tag{background:rgba(255,255,255,.05);border-color:var(--dark-line);color:var(--on-dark);}

/* footer */
footer.site{padding:72px 0 44px;border-top:1px solid var(--line);background:var(--bg);}
.foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;margin-bottom:56px;}
.foot-brand img{height:24px;margin-bottom:16px;}
.foot-brand p{font-size:14px;color:var(--text-2);line-height:1.55;max-width:240px;}
.foot-col h4{font-size:12px;font-weight:500;letter-spacing:-0.005em;color:var(--text-3);margin-bottom:16px;}
.foot-col ul{list-style:none;} .foot-col li+li{margin-top:11px;}
.foot-col a{font-size:14px;color:var(--text-2);} .foot-col a:hover{color:var(--ink);}
.foot-legal{border-top:1px solid var(--line);padding-top:24px;font-size:12px;color:var(--text-3);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}

/* reveal */
html.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);}
html.js .reveal.in{opacity:1;transform:none;}
html.js .reveal[data-d="1"]{transition-delay:.07s;} html.js .reveal[data-d="2"]{transition-delay:.14s;} html.js .reveal[data-d="3"]{transition-delay:.21s;}
html{scroll-behavior:smooth;}
/* staggered reveal: container shows, children cascade in */
html.js .reveal.stg{opacity:1;transform:none;transition:none;}
html.js .reveal.stg>*{opacity:0;transform:translateY(16px);transition:opacity .75s var(--ease-out),transform .75s var(--ease-out);}
html.js .reveal.stg.in>*{opacity:1;transform:none;}
html.js .reveal.stg.in>*:nth-child(1){transition-delay:.04s}html.js .reveal.stg.in>*:nth-child(2){transition-delay:.09s}html.js .reveal.stg.in>*:nth-child(3){transition-delay:.14s}html.js .reveal.stg.in>*:nth-child(4){transition-delay:.19s}html.js .reveal.stg.in>*:nth-child(5){transition-delay:.24s}html.js .reveal.stg.in>*:nth-child(6){transition-delay:.29s}html.js .reveal.stg.in>*:nth-child(7){transition-delay:.34s}html.js .reveal.stg.in>*:nth-child(8){transition-delay:.39s}html.js .reveal.stg.in>*:nth-child(9){transition-delay:.44s}html.js .reveal.stg.in>*:nth-child(n+10){transition-delay:.49s}

.nav-burger{display:none;background:none;border:0;cursor:pointer;padding:4px;align-items:center;justify-content:center;color:var(--ink);flex-shrink:0;}
.nav-burger svg{width:24px;height:24px;display:block;}
.nav-burger .ic-x{display:none;}
@media (max-width:860px){
  .nav-links{display:none;}
  .nav-in{position:relative;}
  .nav-login{display:none;}
  .nav-cta .btn-primary{display:none;}
  .nav-burger{display:flex;width:44px;height:44px;}
  .theme-toggle{width:42px;height:42px;}
  nav.site.nav-open .nav-links{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 24px 44px -28px rgba(0,0,0,.25);padding:12px 24px 18px;gap:1px;z-index:90;}
  nav.site.nav-open .nav-links a{padding:10px 2px;font-size:16px;color:var(--ink);}
  nav.site.nav-open .nav-burger .ic-menu{display:none;}
  nav.site.nav-open .nav-burger .ic-x{display:block;}
  .split,.split.wide-l{grid-template-columns:1fr;gap:44px;}
  .index{grid-template-columns:1fr;gap:0;}
  .stats{grid-template-columns:1fr;gap:50px;}
  .foot-top{grid-template-columns:1fr 1fr;gap:32px;}
  .spec{font-size:15px;} .spec th,.spec td{padding:14px 12px;}
}
@media (max-width:560px){
  .wrap,.narrow{padding:0 20px;}
  .frame-body{padding:24px 22px 28px;}
  .foot-top{grid-template-columns:1fr;gap:28px;}
  .foot-legal{flex-direction:column;gap:8px;}
  .frow-q .nm{width:104px;}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{transition-duration:.001ms!important;animation-duration:.001ms!important;}
  html.js .reveal,html.js .reveal.stg>*{opacity:1;transform:none;}
}

/* ───── App mockups (embedded product screens) ───── */
.mk-tour{display:grid;grid-template-columns:repeat(auto-fit,minmax(298px,1fr));gap:24px;}
.mk-cap{font-size:12px;color:var(--text-3);margin:11px 2px 0;font-weight:500;}
.mk{--ink:#16181c;--tx:#54585f;--mut:#9aa0a6;--ln:#ebecee;--ln2:#e0e2e5;--mb:#eceef1;--g:#16a34a;--gp:#e9f7ef;--gt:#15803d;--v:#7c3aed;--vp:#f3effc;--vt:#6d28d9;--a:#b45309;--ap:#fbf1de;--r:#dc2626;--rp:#fdeceb;background:#fff;border:1px solid var(--ln);border-radius:15px;overflow:hidden;box-shadow:0 14px 34px -20px rgba(20,22,28,.22),0 2px 6px -3px rgba(20,22,28,.07);}
.mk *{box-sizing:border-box;}
.mk .mk-tb{display:flex;align-items:center;gap:9px;height:46px;padding:0 16px;border-bottom:1px solid var(--ln);}
.mk .mk-tb .ic{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mk .mk-tb .ic svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.mk .mk-tb .t{font-size:13.5px;font-weight:600;letter-spacing:-.01em;color:var(--ink);}
.mk .mk-tb .sub{font-size:12px;color:var(--mut);font-weight:450;}
.mk .mk-tb .sp{margin-left:auto;}
.mk .mk-tb .srch{font-size:11.5px;color:var(--mut);background:var(--mb);border:1px solid var(--ln);border-radius:20px;padding:4px 12px;}
.mk .mk-tb .av{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#1f9d57,#0f7a40);color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;}
.mk .t-g{background:var(--gp);color:var(--gt)}.mk .t-v{background:var(--vp);color:var(--vt)}.mk .t-b{background:#eaf1fe;color:#1d4ed8}.mk .t-a{background:var(--ap);color:var(--a)}.mk .t-pk{background:#fdebf3;color:#be185d}.mk .t-cy{background:#e4f5fa;color:#0e7490}.mk .t-or{background:#fdeee4;color:#c2410c}.mk .t-in{background:#eceafd;color:#4338ca}.mk .t-tl{background:#e3f6f2;color:#0f766e}
.mk .mk-b{padding:15px 17px 17px}.mk .mk-b.tight{padding:7px 17px 14px}
.mk .mk-h{display:flex;align-items:center;margin:0 0 12px}.mk .mk-h .hl{font-size:12px;color:var(--mut);font-weight:500;letter-spacing:.02em;text-transform:uppercase}.mk .mk-h .sp{margin-left:auto}
.mk .mk-kpis{display:flex;gap:10px;margin-bottom:14px}.mk .mk-kpi{flex:1;border:1px solid var(--ln);border-radius:10px;padding:11px 12px}.mk .mk-kpi .k{font-size:11px;color:var(--mut);font-weight:500}.mk .mk-kpi .v{font-size:21px;font-weight:600;letter-spacing:-.02em;margin-top:3px;font-variant-numeric:tabular-nums;color:var(--ink)}.mk .mk-kpi .d{font-size:11px;font-weight:500;margin-top:1px}
.mk .up{color:var(--gt)}.mk .down{color:var(--r)}
.mk .mk-li{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--ln)}.mk .mk-li:last-child{border-bottom:none}.mk .mk-li .nm{font-size:13px;font-weight:500;color:var(--ink)}.mk .mk-li .mt{font-size:12px;color:var(--mut);margin-top:1px}.mk .mk-li .sp{margin-left:auto;text-align:right}.mk .mk-li .amt{font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink)}
.mk .av-i{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;background:#eef0f2;color:#5b6066}
.mk .mk-tbl{width:100%;border-collapse:collapse;font-size:12.5px}.mk .mk-tbl th{text-align:left;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--mut);font-weight:600;padding:0 0 8px}.mk .mk-tbl td{padding:9px 0;border-top:1px solid var(--ln);color:var(--tx);font-variant-numeric:tabular-nums}.mk .mk-tbl td.nm{color:var(--ink);font-weight:500}.mk .mk-tbl td.r,.mk .mk-tbl th.r{text-align:right}
.mk .chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;padding:3px 9px;border-radius:20px;white-space:nowrap}.mk .c-g{background:var(--gp);color:var(--gt)}.mk .c-a{background:var(--ap);color:var(--a)}.mk .c-r{background:var(--rp);color:var(--r)}.mk .c-v{background:var(--vp);color:var(--vt)}.mk .c-n{background:#f0f1f3;color:#6b7077}.mk .c-b{background:#eaf1fe;color:#1d4ed8}
.mk .dot{width:7px;height:7px;border-radius:50%;display:inline-block}.mk .d-g{background:var(--g)}.mk .d-a{background:#d9920b}.mk .d-r{background:var(--r)}.mk .d-n{background:#c4c8cd}
.mk .barwrap{height:7px;border-radius:20px;background:#eef0f2;overflow:hidden}.mk .barwrap i{display:block;height:100%;border-radius:20px;background:var(--g)}.mk .barwrap i.a{background:#d9920b}.mk .barwrap i.v{background:var(--v)}
.mk .mk-chart{display:flex;align-items:flex-end;gap:8px;height:88px;padding-top:6px}.mk .mk-chart .col{flex:1;background:#e7f3ec;border-radius:5px 5px 0 0;min-height:6px}.mk .mk-chart .col.on{background:var(--g)}
.mk .mk-xlab{display:flex;gap:8px;margin-top:6px}.mk .mk-xlab span{flex:1;text-align:center;font-size:10px;color:var(--mut)}
.mk .mk-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#fff;background:var(--g);border-radius:8px;padding:7px 13px}.mk .mk-btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--ln2)}.mk .mk-btn.v{background:var(--v)}
.mk .mk-seg{display:inline-flex;background:#f0f1f3;border-radius:8px;padding:3px;gap:2px}.mk .mk-seg span{font-size:11.5px;font-weight:500;color:var(--mut);padding:4px 11px;border-radius:6px}.mk .mk-seg span.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.mk .mk-ai{background:var(--vp);border:1px solid #e6dcfb;border-radius:12px;padding:12px 13px}.mk .mk-ai .lab{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--vt);margin-bottom:6px}.mk .mk-ai .lab .dot{background:var(--v)}.mk .mk-ai p{font-size:12.5px;line-height:1.5;color:#4a3d63}
.mk .mk-q{font-size:12.5px;color:var(--tx);background:#f5f6f7;border-radius:9px;padding:9px 11px;margin-bottom:9px}
.mk .mk-tot{display:flex;align-items:center;padding-top:11px;margin-top:5px;border-top:1px solid var(--ln2)}.mk .mk-tot .l{font-size:12.5px;font-weight:500;color:var(--ink)}.mk .mk-tot .v{margin-left:auto;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}
.mk .grow{flex:1}.mk .muted{color:var(--mut)}
@media(max-width:560px){.mk-tour{grid-template-columns:1fr}}
.mk .ck{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;background:var(--gp);color:var(--gt)}.mk .ck.off{background:transparent;border:1.5px solid var(--ln2);color:transparent}
.mk .mk-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mk .mk-opt{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--ln);border-radius:9px;font-size:12px;font-weight:500;color:var(--tx)}.mk .mk-opt.sel{border-color:var(--g);background:var(--gp);color:var(--gt)}.mk .mk-opt .tk{margin-left:auto;color:var(--g);font-weight:700}
/* marketing-page additions: SMS bubble + journey step rail */
.mk .mk-bub{font-size:12.5px;line-height:1.5;color:var(--ink);background:var(--gp);border:1px solid #cdeed9;border-radius:13px 13px 13px 4px;padding:10px 13px;max-width:88%}
.mk .mk-flow{position:relative;padding-left:9px}
.mk .mk-flow .mk-li{position:relative;border-bottom:none;padding:7px 0}
.mk .mk-flow .mk-li::before{content:"";position:absolute;left:10px;top:30px;bottom:-7px;width:1.5px;background:var(--ln2)}
.mk .mk-flow .mk-li:last-child::before{display:none}
.mk .mk-flow .ic{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}
.mk .mk-flow .ic svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mk .mk-flow .step{font-size:11px;color:var(--mut);font-weight:500}

/* ───── Dark mode ───── */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:none;border:0;cursor:pointer;color:var(--text-2);transition:color .15s var(--ease),background .15s var(--ease);flex-shrink:0;}
.theme-toggle:hover{color:var(--ink);background:var(--bg-2);}
.theme-toggle svg{width:18px;height:18px;}
html{transition:background-color .25s var(--ease);}
html.dark{
  --bg:#0c0c0e; --bg-2:#151517; --bg-3:#1c1c1f;
  --ink:#f5f5f7; --text:#e6e6e9; --text-2:#a6a6ad; --text-3:#78787f;
  --line:rgba(255,255,255,.10); --line-2:rgba(255,255,255,.17);
  --green-h:#4ade80; --green-soft:rgba(74,222,128,.13); --green-line:rgba(74,222,128,.30);
  --ai-text:#a78bfa; --ai-pale:#2e1065; --ai-line:rgba(167,139,250,.30);
}
html.dark nav.site{background:rgba(12,12,14,.72);}
html.dark nav.site.scrolled{background:rgba(12,12,14,.86);border-bottom-color:var(--line);}
html.dark .nav-logo img,html.dark .foot-brand img,html.dark .frame-bar img{filter:brightness(0) invert(1);}
html.dark .itile{background:rgba(255,255,255,.08);}
html.dark .h-green{color:#4ade80;} html.dark .h-blue{color:#7aa7ff;} html.dark .h-violet{color:#c4a3fb;} html.dark .h-amber{color:#f0c069;}
html.dark .h-cyan{color:#5cc7de;} html.dark .h-orange{color:#f0a878;} html.dark .h-pink{color:#f08fc0;} html.dark .h-indigo{color:#9aa0fb;} html.dark .h-teal{color:#5bbfb2;}
html.dark .sec-dark{background:#050506;}
html.dark ::selection{background:rgba(255,255,255,.20);color:#fff;}

/* ───── Simplicity + craft pass ───── */
/* #3 tactile grain on dark sections */
.sec-dark{position:relative;}
.sec-dark::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.sec-dark>*{position:relative;z-index:1;}


/* split with visual on the left, text on the right (alternating cadence) */
.split.flip{direction:rtl;} .split.flip>*{direction:ltr;}
@media(max-width:860px){.split.flip{direction:ltr;}}