/* ==========================================================================
   MetroSales theme v2 — "paper & signal"
   Warm paper surfaces, ink type, signal-orange accents, hard-edged cards.
   ========================================================================== */

/* 1. Tokens & base ------------------------------------------------------- */
:root{
  /* MetroGuild logo colours */
  --red:#D84249; --red-2:#DF5161; --red-deep:#C1312D; --grey:#9B9E9D;
  /* Neutrals (logo grey, darkened/lightened) */
  --ink:#181818; --ink-2:#222324; --ink-3:#2E2F30;
  --paper:#F6F6F6; --paper-2:#EEEFEF; --white:#FFFFFF;
  --text:#181818; --muted:#5F6261; --line:#E3E4E4; --line-2:#EFF0F0;
  --cream:#FFFFFF; --muted-light:#A9ACAB; --line-dark:rgba(255,255,255,.12);
  /* legacy names kept so child themes keep working */
  --signal:var(--red); --moss:var(--red-deep); --clay:var(--grey); --butter:var(--red-2);
  --head:'Anteb','Helvetica Neue',Arial,sans-serif;
  --sans:'Anteb',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --r-xl:24px; --r-lg:18px; --r-md:12px; --r-sm:8px;
  --hard:0 18px 40px rgba(24,24,24,.10);
  --soft:0 18px 40px rgba(24,24,24,.10);
  --lift:0 24px 48px -12px rgba(24,24,24,.16);
  --ease:cubic-bezier(.22,.8,.24,1);
  --header-h:76px;
  --admin:var(--wp-admin--admin-bar--height,0px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 20px)}
body{margin:0;font-family:var(--sans);font-size:16.5px;line-height:1.65;color:var(--text);background:var(--paper);overflow-x:clip;-webkit-font-smoothing:antialiased}
img,svg,video{max-width:100%;height:auto}
[hidden]{display:none!important}
img{display:block}
a{color:var(--moss);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--signal)}
h1,h2,h3,h4{margin:0;line-height:1.08;color:inherit;font-family:var(--head);font-weight:500;letter-spacing:-.02em}
h1 em,h2 em,.ms-h2 em,.headline em,.ms-cta__title em{font-style:normal;font-weight:800;color:var(--red)}
h3{font-weight:700}
h3,h4{letter-spacing:-.015em;line-height:1.2}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
button{font:inherit}
::selection{background:var(--signal);color:#fff}
:focus-visible{outline:2.5px solid var(--signal);outline-offset:3px;border-radius:4px}
.ms-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 32px;position:relative}
@media (max-width:700px){.ms-wrap{padding:0 20px}}
.ms-narrow{max-width:840px}
.ms-narrow-lg{max-width:1000px}
.ms-center{text-align:center}
.ms-muted{color:var(--muted)}

/* Icons: Phosphor duotone — the light layer picks up the accent */
.ms-ico{flex-shrink:0;vertical-align:middle}
.ms-ico .d{opacity:.35;fill:var(--acc,var(--signal))}

/* 2. Buttons, labels, type ---------------------------------------------- */
.ms-btn{--bg:var(--red);--fg:#fff;--bd:var(--red);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:999px;border:1.5px solid var(--bd);background:var(--bg);color:var(--fg);font-weight:600;font-size:15px;line-height:1.2;text-decoration:none;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s,color .2s,border-color .2s;white-space:nowrap}
.ms-btn::after{content:'→';display:inline-block;font-family:var(--sans);transition:transform .25s var(--ease)}
.ms-btn:hover{color:var(--fg);transform:translateY(-2px);box-shadow:0 12px 24px -8px rgba(216,66,73,.55)}
.ms-btn:hover::after{transform:translateX(3px)}
.ms-btn:active{transform:translate(0,0);box-shadow:none}
.ms-btn--ghost{--bg:transparent;--fg:var(--cream);--bd:rgba(255,255,255,.45)}
.ms-btn--ghost:hover{--bg:var(--cream);--fg:var(--ink);--bd:var(--cream);box-shadow:var(--lift)}
.ms-btn--outline{--bg:transparent;--fg:var(--ink);--bd:var(--ink)}
.ms-btn--outline:hover{--bg:var(--ink);--fg:var(--cream)}
.ms-btn--dark{--bg:var(--ink);--fg:var(--cream);--bd:var(--ink)}
.ms-btn--dark:hover{box-shadow:var(--lift)}
.ms-btn--sm{padding:10px 18px;font-size:14px}
.ms-btn--sm::after,.ms-btn--xs::after{display:none}
.ms-btn--xs{padding:6px 12px;font-size:12px}
.ms-btn--lg{padding:17px 30px;font-size:16px}
.ms-btn--block{display:flex;width:100%}
.ms-btn[disabled]{opacity:.6;pointer-events:none}
.ms-btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.ms-btn-row--center{justify-content:center}

/* Eyebrow label above headings — straight, with a short red rule */
.ms-kicker,.gm-kicker,.fh-kicker,.ai-kicker,.onboard-kicker{display:inline-flex;align-items:center;gap:12px;margin:0 0 20px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;line-height:1.4;color:var(--red)}
.ms-kicker::before,.gm-kicker::before,.fh-kicker::before,.ai-kicker::before,.onboard-kicker::before{content:'';width:24px;height:2px;background:currentColor;flex-shrink:0}
.ms-kicker--light,.gm-kicker{color:#fff}
.ms-kicker--light::before,.gm-kicker::before{background:var(--red)}
.ms-dot,.dot-live,.gm-kicker .dot,.fh-kicker .dot{display:none!important}

/* Live indicator — a tiny equaliser */
.ms-eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px;vertical-align:middle}
.ms-eq i{width:3px;height:40%;background:currentColor;border-radius:1px;animation:msEq 1s ease-in-out infinite}
.ms-eq i:nth-child(2){animation-delay:-.4s}.ms-eq i:nth-child(3){animation-delay:-.7s}
@keyframes msEq{0%,100%{height:30%}50%{height:100%}}

.ms-h2{font-size:clamp(32px,4vw,54px)}
.ms-h3{font-size:clamp(22px,2.2vw,28px)}
.ms-lead{font-size:clamp(16.5px,1.35vw,19px);line-height:1.65;color:var(--muted);max-width:60ch;margin-top:20px}
.ms-p{color:var(--muted);font-size:17px;max-width:58ch}
.ms-shead{margin-bottom:52px;max-width:800px}
.ms-shead--center{margin-left:auto;margin-right:auto;text-align:center}
.ms-shead--center .ms-lead{margin-left:auto;margin-right:auto}
.ms-section--dark .ms-lead,.ms-section--dark .ms-p{color:var(--muted-light)}

/* Big outlined words — kept for the story sections only */
.ms-watermark{display:none}

/* Accent system */
.ms-accent-0{--acc:var(--signal);--acc-soft:rgba(216,66,73,.12)}
.ms-accent-1{--acc:var(--moss);--acc-soft:rgba(193,49,45,.12)}
.ms-accent-2{--acc:var(--clay);--acc-soft:rgba(155,158,157,.12)}
.ms-accent-3{--acc:#7A7D7C;--acc-soft:rgba(223,81,97,.28)}

/* Scroll reveal — plays every time an element enters, in both directions */
.rv{opacity:0;transform:translateY(34px)}
.rv:not(.done){transition:opacity .7s var(--ease),transform .8s var(--ease)!important;transition-delay:calc(var(--i,0) * 70ms)!important}
.rv.rv--left{transform:translateX(-40px)}
.rv.rv--right{transform:translateX(40px)}
.rv.rv--scale{transform:scale(.94)}
.rv.rv-out-up{transform:translateY(-34px)}
.rv.rv--left.rv-out-up{transform:translateX(-40px)}
.rv.rv--right.rv-out-up{transform:translateX(40px)}
.rv.in{opacity:1;transform:none}

/* 3. Header & nav -------------------------------------------------------- */
.ms-skip{position:absolute;left:-9999px;top:8px;z-index:10000;background:#fff;color:var(--ink);padding:10px 16px;border-radius:8px}
.ms-skip:focus{left:12px}
.ms-header{position:fixed;top:var(--admin);left:0;right:0;z-index:900;color:var(--cream);transition:background .3s,box-shadow .3s,transform .35s var(--ease)}
.ms-header__inner{max-width:1360px;margin:0 auto;height:var(--header-h);padding:0 32px;display:flex;align-items:center;gap:28px}
.ms-header.is-scrolled{background:var(--ink);box-shadow:0 1px 0 var(--line-dark)}
.ms-header.is-hidden{transform:translateY(-110%)}
.ms-brand{display:inline-flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none;flex-shrink:0}
.ms-brand:hover{color:var(--cream)}
.ms-brand__img{max-height:40px;width:auto}
.ms-brand__mark{display:inline-flex;gap:3px;align-items:flex-end;height:22px}
.ms-brand__mark i{display:block;width:5px;border-radius:1px;background:var(--signal)}
.ms-brand__mark i:nth-child(1){height:10px}.ms-brand__mark i:nth-child(2){height:22px;background:var(--cream)}.ms-brand__mark i:nth-child(3){height:15px;background:var(--butter)}
.ms-brand__text{font-family:var(--head);font-weight:700;font-size:22px;letter-spacing:-.03em}
.ms-brand__text span{font-family:var(--mono);font-size:11px;font-weight:500;margin-left:4px;padding:2px 6px;border-radius:4px;background:var(--signal);color:#fff;vertical-align:3px}
.ms-nav{display:flex;align-items:center;gap:28px;margin-left:auto}
.ms-menu{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.ms-menu>li{position:relative}
.ms-menu a{color:rgba(255,255,255,.85);text-decoration:none;font-size:15px;font-weight:500}
.ms-menu>li>a{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:999px;transition:background .2s,color .2s}
.ms-menu>li>a:hover,.ms-menu>li:focus-within>a,.ms-menu>.current-menu-item>a,.ms-menu>.current-menu-ancestor>a{color:var(--cream);background:rgba(255,255,255,.1)}
.ms-menu>.menu-item-has-children>a::after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.7;transition:transform .25s}
.ms-menu>.menu-item-has-children:hover>a::after{transform:rotate(225deg) translateY(-1px)}
.ms-menu .sub-menu{list-style:none;margin:0;padding:8px;position:absolute;top:calc(100% + 10px);left:0;min-width:250px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--hard);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .25s var(--ease),visibility .2s}
.ms-menu .sub-menu::before{content:'';position:absolute;inset:-12px 0 auto;height:12px}
.ms-menu li:hover>.sub-menu,.ms-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.ms-menu .sub-menu a{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:10px;color:var(--ink)}
.ms-menu .sub-menu a:hover,.ms-menu .sub-menu .current-menu-item>a{background:var(--paper-2);color:var(--ink)}
.ms-menu .sub-menu .sub-menu{left:100%;top:-8px}
.ms-badge-new{font-family:var(--mono);font-size:10px;font-weight:500;text-transform:uppercase;background:var(--signal);color:#fff;border-radius:4px;padding:2px 6px;margin-right:6px}
.ms-nav__actions{display:flex;align-items:center;gap:16px}
.ms-nav__login{color:rgba(255,255,255,.85);text-decoration:none;font-weight:600;font-size:15px}
.ms-nav__login:hover{color:var(--cream)}
.ms-burger{display:none;margin-left:auto;background:transparent;border:1.5px solid rgba(255,255,255,.35);border-radius:999px;width:48px;height:48px;cursor:pointer;color:var(--cream)}
.ms-burger__lines{display:flex;flex-direction:column;gap:5px;align-items:center}
.ms-burger__lines i{display:block;width:20px;height:2px;background:currentColor;transition:transform .3s,opacity .3s}
.ms-burger[aria-expanded="true"] i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ms-burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.ms-burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.ms-subtoggle{display:none}
@media (max-width:1080px){
  .ms-burger{display:inline-flex;align-items:center;justify-content:center}
  .ms-header__inner{padding:0 20px}
  .ms-nav{position:fixed;z-index:950;top:calc(var(--header-h) + var(--admin));left:0;right:0;height:calc(100vh - var(--header-h) - var(--admin));height:calc(100dvh - var(--header-h) - var(--admin));flex-direction:column;align-items:stretch;gap:0;padding:12px 20px 40px;background:var(--ink);overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s,transform .3s var(--ease),visibility .3s}
  .ms-nav.is-open{opacity:1;visibility:visible;transform:none}
  .ms-menu{flex-direction:column;gap:0}
  .ms-menu>li{border-bottom:1px solid var(--line-dark);display:flex;flex-wrap:wrap;align-items:center}
  .ms-menu>li>a{flex:1;padding:18px 4px;font-family:var(--head);font-size:24px;border-radius:0;background:none!important}
  .ms-menu>.menu-item-has-children>a::after{display:none}
  .ms-subtoggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:0;color:var(--cream);cursor:pointer}
  .ms-subtoggle svg{transition:transform .25s}
  .ms-subtoggle[aria-expanded="true"] svg{transform:rotate(180deg)}
  .ms-menu .sub-menu{position:static;flex-basis:100%;opacity:1;visibility:visible;transform:none;background:none;border:0;box-shadow:none;padding:0 0 12px 4px;display:none}
  .ms-menu .sub-menu.is-open{display:block}
  .ms-menu .sub-menu a{color:rgba(255,255,255,.8);font-size:16px}
  .ms-menu .sub-menu a:hover{background:rgba(255,255,255,.06);color:var(--cream)}
  .ms-nav__actions{flex-direction:column;align-items:stretch;margin-top:24px;gap:12px}
  .ms-nav__actions .ms-btn{padding:16px}
  .ms-nav__login{text-align:center;padding:14px;border:1.5px solid rgba(255,255,255,.25);border-radius:999px}
  body.ms-nav-open{overflow:hidden}
  body.ms-nav-open .ms-header{background:var(--ink);transform:none!important}
}

/* 4. Page hero ------------------------------------------------------------ */
.ms-phero{position:relative;overflow:hidden;background-color:var(--ink);background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.2px);background-size:22px 22px;color:var(--cream);padding:calc(var(--header-h) + var(--admin) + clamp(48px,7vw,96px)) 0 clamp(64px,8vw,104px)}
.ms-phero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:10px;background:repeating-linear-gradient(90deg,var(--signal) 0 60px,var(--butter) 60px 120px,var(--moss) 120px 180px,var(--clay) 180px 240px)}
.ms-phero__grid{display:none}
.ms-phero__inner{position:relative;z-index:2}
.ms-phero--split .ms-phero__inner{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(36px,5vw,72px);align-items:center}
.ms-phero__visual{position:relative}
.ms-phero__visual .ms-demo{transform:none}
.ms-phero__title{color:var(--cream);font-size:clamp(38px,5.4vw,72px);max-width:17ch;font-weight:600}
.ms-phero--split .ms-phero__title{font-size:clamp(36px,4.6vw,62px)}
.ms-phero--center{text-align:center}
.ms-phero--center .ms-phero__title,.ms-phero--center .ms-phero__lead{margin-left:auto;margin-right:auto}
.ms-phero__lead{margin-top:24px;font-size:clamp(16.5px,1.4vw,19px);line-height:1.65;color:var(--muted-light);max-width:60ch}
.ms-phero__sub{margin-top:14px;color:var(--butter);font-weight:600;font-size:17px}
.ms-phero--compact{padding-bottom:72px}
.ms-phero--compact .ms-phero__title{font-size:clamp(34px,4.6vw,58px)}
.ms-phero--article .ms-phero__title{font-size:clamp(32px,4.2vw,56px);max-width:24ch}
.ms-phero__chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:52px;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}
.ms-hchip{display:flex;gap:12px;align-items:flex-start;padding:20px 18px;border-right:1px solid var(--line-dark)}
.ms-hchip:last-child{border-right:0}
.ms-hchip__icon{flex-shrink:0;color:var(--cream)}
.ms-hchip strong{display:block;color:var(--cream);font-size:15px}
.ms-hchip small{display:block;color:var(--muted-light);font-size:13px;line-height:1.45;margin-top:2px}
@media (max-width:980px){.ms-phero--split .ms-phero__inner{grid-template-columns:1fr}.ms-phero__visual .ms-demo{transform:none}}
@media (max-width:900px){.ms-phero__chips{grid-template-columns:1fr 1fr}.ms-hchip:nth-child(2){border-right:0}.ms-hchip:nth-child(-n+2){border-bottom:1px solid var(--line-dark)}}
@media (max-width:520px){.ms-phero__chips{grid-template-columns:1fr}.ms-hchip{border-right:0;border-bottom:1px solid var(--line-dark)}}
.ms-crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-family:var(--mono);font-size:12px;color:var(--muted-light);margin-bottom:24px;text-transform:uppercase;letter-spacing:.04em}
.ms-crumbs a{color:var(--muted-light);text-decoration:none}
.ms-crumbs a:hover{color:var(--cream)}
.ms-crumbs [aria-current]{color:var(--cream)}
.ms-plain-top{height:calc(var(--header-h) + var(--admin));background:var(--ink)}

/* 5. Sections ------------------------------------------------------------- */
.ms-section{position:relative;padding:clamp(80px,10vw,136px) 0;overflow:hidden;overflow:clip}
.ms-section--tight{padding:clamp(48px,5.5vw,76px) 0}
.ms-section--paper{background:var(--paper-2)}
.ms-section--white{background:var(--white)}
.ms-section--dark{background:var(--ink);color:var(--cream)}
.ms-section--dark .ms-h2,.ms-section--dark .ms-h3{color:var(--cream)}
.ms-section>.ms-wrap{z-index:1}

/* CTA band — a solid signal block */
.ms-cta{position:relative;overflow:hidden;background:var(--signal);color:var(--ink);padding:clamp(80px,10vw,132px) 0}
.ms-cta__grid{display:none}
.ms-cta::before{content:'';position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;border:2px solid rgba(24,24,24,.18);box-shadow:0 0 0 60px rgba(24,24,24,.04),0 0 0 120px rgba(24,24,24,.03)}
.ms-cta__inner{z-index:1;display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:end}
.ms-cta .ms-kicker{background:var(--ink);color:var(--cream)}
.ms-cta__title{font-size:clamp(36px,5vw,68px);max-width:16ch}
.ms-cta__text{max-width:52ch;margin:22px 0 0;font-size:18px;color:rgba(24,24,24,.78)}
.ms-cta .ms-btn-row{margin-top:0;flex-direction:column;align-items:stretch}
.ms-cta .ms-btn--primary{--bg:var(--ink);--bd:var(--ink);--fg:var(--cream)}
.ms-cta .ms-btn--primary:hover{box-shadow:var(--lift)}
.ms-cta .ms-btn--ghost{--fg:var(--ink);--bd:var(--ink)}
.ms-cta .ms-btn--ghost:hover{--bg:var(--cream);--fg:var(--ink);box-shadow:var(--lift)}
@media (max-width:860px){.ms-cta__inner{grid-template-columns:1fr}.ms-cta .ms-btn-row{flex-direction:row}}

/* 6. Cards, stats, lists -------------------------------------------------- */
.ms-cards{display:grid;gap:18px}
.ms-cards--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ms-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ms-cards--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ms-cards--5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){.ms-cards--4,.ms-cards--5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:960px){.ms-cards--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ms-cards--2,.ms-cards--3,.ms-cards--4,.ms-cards--5{grid-template-columns:1fr}}
.ms-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px 26px;border-radius:var(--r-lg);background:var(--white);border:1px solid var(--line);transition:border-color .25s,transform .3s var(--ease),box-shadow .3s var(--ease)}
.ms-card:hover{border-color:var(--ink);transform:translateY(-4px);box-shadow:var(--hard)}
.ms-card__icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--acc-soft,rgba(216,66,73,.12));color:var(--ink);flex-shrink:0}
.ms-card__icon .ms-ico{width:26px;height:26px}
.ms-card__title{font-size:19px}
.ms-card__text{color:var(--muted);font-size:15px;line-height:1.6;margin:0}
.ms-card__tag{position:absolute;top:24px;right:24px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ms-card__link{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:15px;color:var(--ink);text-decoration:none}
.ms-card__link .ms-ico{transition:transform .25s}
.ms-card__link:hover{color:var(--signal)}
.ms-card__link:hover .ms-ico{transform:translateX(4px)}
.ms-card__demo{margin-top:8px}
.ms-cards--plain .ms-card{background:transparent;border-color:var(--line)}
.ms-cards--plain .ms-card:hover{background:var(--white)}
.ms-cards--dark .ms-card{background:var(--ink-2);border-color:var(--line-dark)}
.ms-cards--dark .ms-card__title{color:var(--cream)}
.ms-cards--dark .ms-card__text{color:var(--muted-light)}
.ms-cards--dark .ms-card__icon{background:rgba(255,255,255,.08);color:var(--cream)}
.ms-cards--dark .ms-card:hover{border-color:var(--signal);box-shadow:var(--lift)}
/* Bento: first card is the hero card */
.ms-cards--bento{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense}
.ms-cards--bento .ms-card:first-child{grid-column:span 2;grid-row:span 2;background:var(--ink);border-color:var(--ink);color:var(--cream)}
.ms-cards--bento .ms-card:first-child .ms-card__title{font-size:clamp(24px,2.4vw,32px)}
.ms-cards--bento .ms-card:first-child .ms-card__text{color:var(--muted-light);font-size:16.5px;max-width:52ch}
.ms-cards--bento .ms-card:first-child .ms-card__icon{background:rgba(255,255,255,.08);color:var(--cream)}
.ms-cards--bento .ms-card:first-child:hover{box-shadow:var(--lift)}
@media (max-width:960px){.ms-cards--bento{grid-template-columns:1fr 1fr}.ms-cards--bento .ms-card:first-child{grid-column:1/-1;grid-row:auto}}
@media (max-width:640px){.ms-cards--bento{grid-template-columns:1fr}}
/* Rows: an index-style list */
.ms-cards--rows{grid-template-columns:1fr;gap:0;border-top:1px solid var(--line)}
.ms-cards--rows .ms-card{display:grid;grid-template-columns:64px minmax(180px,.8fr) 1.6fr auto;align-items:center;gap:24px;padding:26px 8px;border:0;border-bottom:1.5px solid var(--line);border-radius:0;background:transparent}
.ms-cards--rows .ms-card:hover{transform:none;box-shadow:none;background:var(--white);padding-left:20px;border-bottom-color:var(--ink)}
.ms-cards--rows .ms-card__title{font-size:clamp(20px,2vw,26px)}
.ms-cards--rows .ms-card__link{margin:0;padding:0;white-space:nowrap}
.ms-cards--rows .ms-card__tag{position:static}
@media (max-width:800px){.ms-cards--rows .ms-card{grid-template-columns:52px 1fr;gap:12px 16px}.ms-cards--rows .ms-card__text,.ms-cards--rows .ms-card__link{grid-column:2}}

.ms-cards+.ms-stats,.ms-cards+.ms-panel,.ms-cards+.ms-demo-row{margin-top:56px}
.ms-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;border-top:1px solid var(--line)}
.ms-stats--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ms-stats--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.ms-stats--3x{grid-template-columns:repeat(3,minmax(0,1fr))}
.ms-stat{padding:26px 24px 8px 0;border-right:1px solid var(--line);padding-left:24px}
.ms-stat:first-child{padding-left:0}
.ms-stat:last-child{border-right:0}
@media (max-width:900px){.ms-stats--4,.ms-stats--5,.ms-stats--3x{grid-template-columns:repeat(2,minmax(0,1fr))}.ms-stat{padding-left:0;border-right:0;border-bottom:1px solid var(--line);padding-bottom:22px}}
.ms-stat__num{font-family:var(--head);font-weight:600;font-size:clamp(38px,4vw,60px);line-height:1;letter-spacing:-.04em}
.ms-stat__label{margin-top:10px;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.ms-stat__desc{margin:8px 0 0;font-size:14px;color:var(--muted);line-height:1.5;max-width:30ch}
.ms-stats--light{border-top-color:var(--cream)}
.ms-stats--light .ms-stat{border-color:var(--line-dark)}
.ms-stats--light .ms-stat__num{color:var(--cream)}
.ms-stats--light .ms-stat__label,.ms-stats--light .ms-stat__desc{color:var(--muted-light)}
.ms-stats--boxed{gap:16px;border-top:0}
.ms-stats--boxed .ms-stat{padding:26px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white)}
.ms-stats--light.ms-stats--boxed .ms-stat{background:var(--ink-2);border-color:var(--line-dark)}
.ms-stats--boxed .ms-stat__num{color:var(--signal)}

.ms-check{list-style:none;margin:24px 0;padding:0;display:grid;gap:12px}
.ms-check li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.55}
.ms-check li .ms-ico{width:22px;height:22px;color:var(--moss);margin-top:1px;--acc:var(--moss)}
.ms-check--light li{color:var(--cream)}
.ms-check--light li .ms-ico{color:var(--butter);--acc:var(--butter)}
.ms-check--2col{grid-template-columns:1fr 1fr;column-gap:32px}
@media (max-width:760px){.ms-check--2col{grid-template-columns:1fr}}
.ms-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;padding:5px 11px;border-radius:999px;background:var(--ink);color:var(--cream);white-space:nowrap}
.ms-chip--soft{background:var(--paper-2);color:var(--ink);border:1px solid var(--line)}
.ms-tag{display:inline-block;font-family:var(--mono);font-size:11px;text-transform:uppercase;padding:4px 10px;border-radius:4px;background:var(--signal);color:#fff}
.ms-panel{padding:36px;border-radius:var(--r-xl);background:var(--white);border:1px solid var(--line)}
.ms-note{display:flex;gap:12px;align-items:flex-start;margin:24px 0;padding:16px 18px;border-radius:var(--r-md);background:rgba(223,81,97,.22);border-left:4px solid var(--butter);font-size:15px}
.ms-quote{margin:32px 0;padding:0;font-family:var(--head);font-size:clamp(22px,2.2vw,30px);line-height:1.3;letter-spacing:-.015em;color:var(--text)}
.ms-quote::before{content:'“';display:block;font-size:80px;line-height:.6;color:var(--signal);margin-bottom:6px}
.ms-quote cite{display:block;margin-top:12px;font-family:var(--mono);font-style:normal;font-size:12px;text-transform:uppercase;color:var(--muted)}

/* FAQ / accordions */
.ms-faq{display:grid;gap:0;border-top:1px solid var(--line)}
.ms-acc{border-bottom:1.5px solid var(--line);background:transparent;transition:background .2s}
.ms-faq .ms-acc.is-open{background:var(--white)}
.ms-acc__btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 8px;background:none;border:0;text-align:left;cursor:pointer;font-family:var(--head);font-weight:600;font-size:19px;letter-spacing:-.01em;color:var(--text)}
.ms-acc__icon{flex-shrink:0;position:relative;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);transition:background .2s}
.ms-acc__icon::before,.ms-acc__icon::after{content:'';position:absolute;left:50%;top:50%;width:12px;height:1.8px;background:var(--ink);transform:translate(-50%,-50%);transition:transform .3s,background .2s}
.ms-acc__icon::after{transform:translate(-50%,-50%) rotate(90deg)}
.ms-acc__btn[aria-expanded="true"] .ms-acc__icon{background:var(--ink)}
.ms-acc__btn[aria-expanded="true"] .ms-acc__icon::before{background:var(--cream)}
.ms-acc__btn[aria-expanded="true"] .ms-acc__icon::after{transform:translate(-50%,-50%) rotate(0);background:var(--cream)}
.ms-acc__panel{padding:0 8px 24px;color:var(--muted);max-width:70ch}

/* Misc blocks */
.ms-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}
.ms-duo__item{padding:20px;border-radius:var(--r-md);background:var(--white);border:1px solid var(--line)}
.ms-duo__item strong{display:flex;gap:8px;align-items:center;font-size:16px}
.ms-duo__item p{margin:8px 0 0;color:var(--muted);font-size:14.5px;line-height:1.55}
@media (max-width:560px){.ms-duo{grid-template-columns:1fr}}
.ms-minis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}
.ms-minis>div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;padding:14px;border-radius:var(--r-md);background:var(--white);border:1px solid var(--line)}
.ms-minis .ms-ico{grid-row:span 2;margin-top:2px}
.ms-minis strong{font-size:15px}
.ms-minis small{color:var(--muted);font-size:13px;line-height:1.45}
.ms-compare{display:grid;gap:12px;margin:24px 0}
.ms-compare__item{padding:18px 20px;border-radius:var(--r-md);background:var(--paper-2);border:1.5px solid transparent}
.ms-compare__item strong{display:flex;gap:8px;align-items:center}
.ms-compare__item p{margin:8px 0 0;color:var(--muted);font-size:15px}
.ms-compare__item--win{background:var(--white);border-color:var(--ink);box-shadow:var(--lift)}
.ms-versus{display:grid;grid-template-columns:1fr 1.15fr;gap:20px;margin-bottom:48px}
.ms-versus__item{position:relative;padding:32px;border-radius:var(--r-xl);background:var(--ink-2);border:1.5px solid var(--line-dark)}
.ms-versus__item h3{margin-top:14px;font-size:24px;color:var(--cream)}
.ms-versus__sub{color:var(--butter);font-weight:600;font-size:14px;margin:6px 0 14px}
.ms-versus__item p{color:var(--muted-light)}
.ms-versus__item--win{border-color:var(--signal);box-shadow:var(--lift)}
.ms-versus__item .ms-tag{position:absolute;top:24px;right:24px}
.ms-versus--light .ms-versus__item{background:var(--white);border-color:var(--line)}
.ms-versus--light .ms-versus__item h3{color:var(--text);margin-top:0}
.ms-versus--light .ms-versus__item--win{border-color:var(--ink);box-shadow:var(--lift)}
@media (max-width:820px){.ms-versus{grid-template-columns:1fr}}
.ms-integrations{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:32px}
.ms-integration{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 10px;border-radius:var(--r-md);background:var(--white);border:1px solid var(--line);font-weight:600;font-size:14.5px;transition:border-color .2s,transform .25s var(--ease),box-shadow .25s}
.ms-integration .ms-ico{width:30px;height:30px}
.ms-integration:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:var(--lift)}
@media (max-width:900px){.ms-integrations{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:480px){.ms-integrations{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Tiers */
.ms-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
@media (max-width:960px){.ms-tiers{grid-template-columns:1fr;max-width:540px;margin:0 auto}}
.ms-tier{position:relative;display:flex;flex-direction:column;gap:12px;padding:34px 30px;border-radius:var(--r-xl);background:var(--white);border:1px solid var(--line)}
.ms-tier--featured{background:var(--ink);color:var(--cream);border-color:var(--ink);box-shadow:var(--lift)}
.ms-tier--featured .ms-tier__text,.ms-tier--featured .ms-tier__list .no{color:var(--muted-light)}
.ms-tier--featured .ms-card__icon{background:rgba(255,255,255,.08);color:var(--cream)}
.ms-tier__tag{position:absolute;top:-14px;right:28px;background:var(--butter);color:var(--ink);font-family:var(--mono);font-size:11px;text-transform:uppercase;padding:5px 12px;border-radius:4px;transform:none}
.ms-tier__level{margin:0;font-family:var(--mono);font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.ms-tier--featured .ms-tier__level{color:var(--butter)}
.ms-tier__name{font-size:32px}
.ms-tier__text{color:var(--muted);font-size:15px}
.ms-tier__list{list-style:none;margin:4px 0 20px;padding:0;display:grid;gap:10px;flex:1}
.ms-tier__list li{display:flex;gap:10px;font-size:15px}
.ms-tier__list .yes .ms-ico{color:var(--moss);--acc:var(--moss);margin-top:2px}
.ms-tier--featured .ms-tier__list .yes .ms-ico{color:var(--butter);--acc:var(--butter)}
.ms-tier__list .no{color:#A9ACAB}
.ms-tier__list .no span:first-child{width:15px;text-align:center}
.ms-tier--featured .ms-btn--primary:hover{box-shadow:var(--lift)}

/* Steps & journey */
.ms-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.ms-step{position:relative;padding:28px 20px 28px 0;display:flex;flex-direction:column;gap:10px;border-right:1px solid var(--line);padding-left:20px}
.ms-step:first-child{padding-left:0}.ms-step:last-child{border-right:0}
.ms-step__num{font-family:var(--head);font-weight:600;font-size:54px;line-height:1;color:var(--acc);letter-spacing:-.04em}
.ms-step h3{font-size:18px}
.ms-step p{color:var(--muted);font-size:14.5px;line-height:1.55;flex:1}
.ms-step .ms-chip{align-self:flex-start}
@media (max-width:1080px){.ms-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ms-step{padding-left:0;border-right:0;border-bottom:1px solid var(--line)}}
@media (max-width:560px){.ms-steps{grid-template-columns:1fr}}
.ms-journey{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.ms-journey__item{position:relative;padding:22px;border-radius:var(--r-lg);background:var(--white);border:1px solid var(--line)}
.ms-journey__item:nth-child(odd){transform:none}
.ms-journey__item:nth-child(even){transform:none;margin-top:28px}
.ms-journey__year{display:inline-block;font-family:var(--head);font-size:26px;font-weight:600;margin-bottom:12px;padding:2px 10px;background:var(--butter);letter-spacing:-.02em}
.ms-journey ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ms-journey ul li{font-size:14px;color:var(--muted);line-height:1.45;padding-left:14px;position:relative}
.ms-journey ul li::before{content:'';position:absolute;left:0;top:.6em;width:6px;height:6px;background:var(--signal)}
@media (max-width:1000px){.ms-journey{grid-template-columns:1fr 1fr}.ms-journey__item:nth-child(even){margin-top:0}}
@media (max-width:560px){.ms-journey{grid-template-columns:1fr}.ms-journey__item{transform:none!important}}

/* Team */
.ms-team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ms-person{padding:28px;border-radius:var(--r-lg);background:var(--white);border:1px solid var(--line);transition:transform .3s var(--ease),box-shadow .3s,border-color .2s}
.ms-person:hover{border-color:var(--ink);transform:translateY(-4px);box-shadow:var(--hard)}
.ms-person__avatar{display:grid;place-items:center;width:72px;height:72px;border-radius:16px;background:var(--acc);color:#fff;font-family:var(--head);font-size:24px;font-weight:600;margin-bottom:18px;transform:none}
.ms-person h3{font-size:24px}
.ms-person__role{margin:4px 0 12px;font-family:var(--mono);font-size:12px;text-transform:uppercase;color:var(--muted)}
.ms-person__bio{color:var(--muted);font-size:15px}
@media (max-width:960px){.ms-team{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.ms-team{grid-template-columns:1fr}}
.ms-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
@media (max-width:900px){.ms-story{grid-template-columns:1fr;gap:0}}

/* Videos */
.ms-videos{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ms-video{position:relative;aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;background:var(--ink);border:1px solid var(--line)}
.ms-video__btn{all:unset;display:block;width:100%;height:100%;cursor:pointer;position:relative}
.ms-video__btn img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.ms-video__btn:hover img{transform:scale(1.04)}
.ms-video__play{position:absolute;left:24px;bottom:24px;width:68px;height:68px;border-radius:50%;background:var(--signal);color:#fff;display:grid;place-items:center;box-shadow:var(--lift)}
.ms-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:760px){.ms-videos{grid-template-columns:1fr}}

/* Client logos — big wall + two-way marquee */
.ms-logos{position:relative;padding:clamp(72px,8vw,110px) 0;background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.ms-logos__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:44px}
.ms-logos__title{font-size:clamp(30px,3.6vw,48px);max-width:18ch}
.ms-logos__count{font-family:var(--head);font-weight:600;font-size:clamp(64px,8vw,120px);line-height:.85;color:var(--signal);letter-spacing:-.05em}
.ms-logos__label{display:none}
.ms-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ms-marquee+.ms-marquee{margin-top:16px}
.ms-marquee__track{display:flex;gap:16px;width:max-content;animation:msMarquee 38s linear infinite}
.ms-marquee--rev .ms-marquee__track{animation-direction:reverse;animation-duration:44s}
.ms-marquee:hover .ms-marquee__track{animation-play-state:paused}
.ms-marquee__item{flex-shrink:0;display:grid;place-items:center;width:clamp(200px,20vw,260px);height:clamp(110px,10vw,140px);padding:22px;border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--line);transition:border-color .2s,background .2s}
.ms-marquee__item:hover{border-color:var(--ink);background:#fff}
.ms-marquee__item{gap:10px;align-content:center}
.ms-marquee__item img{max-height:60px;max-width:100%;width:auto;object-fit:contain}
.ms-marquee__item small{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
@keyframes msMarquee{to{transform:translateX(calc(-33.333% - 5.33px))}}
@media (max-width:700px){.ms-logos__head{flex-direction:column;align-items:flex-start}}
.ms-logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-bottom:28px}
.ms-logo-tile{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:200px;padding:30px 18px;border-radius:var(--r-lg);background:var(--white);border:1px solid var(--line);text-align:center;font-family:var(--mono);font-size:12px;text-transform:uppercase;color:var(--muted);transition:transform .3s var(--ease),box-shadow .3s,border-color .2s}
.ms-logo-tile:hover{border-color:var(--ink);transform:translateY(-4px);box-shadow:var(--hard)}
.ms-logo-tile img{height:84px;width:auto;object-fit:contain}

/* Perks & carousel */
.ms-perks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ms-perk{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:22px;border-radius:var(--r-md);background:var(--white);border:1px solid var(--line);font-weight:600;font-size:15px;transition:transform .25s var(--ease),box-shadow .25s,border-color .2s}
.ms-perk:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:var(--lift)}
@media (max-width:1000px){.ms-perks{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.ms-perks{grid-template-columns:1fr 1fr}}
.ms-carousel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.ms-carousel__nav{display:flex;gap:10px;margin-bottom:52px}
.ms-carousel__btn{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--cream);background:transparent;color:var(--cream);font-size:22px;cursor:pointer;transition:background .2s,color .2s}
.ms-carousel__btn:hover{background:var(--cream);color:var(--ink)}
.ms-carousel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 max(32px,calc((100vw - 1176px)/2)) 8px;scrollbar-width:none;position:relative;z-index:1;cursor:grab}
.ms-carousel::-webkit-scrollbar{display:none}
.ms-carousel.is-dragging{cursor:grabbing;scroll-snap-type:none}
.ms-carousel__item{flex:0 0 clamp(250px,30vw,400px);aspect-ratio:4/3;margin:0;border-radius:var(--r-lg);overflow:hidden;scroll-snap-align:start;background:var(--ink-2)}
.ms-carousel__item:nth-child(odd){aspect-ratio:3/4;flex-basis:clamp(200px,22vw,300px)}
.ms-carousel__item img{width:100%;height:100%;object-fit:cover;pointer-events:none}

/* Case studies */
.ms-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:960px){.ms-cases{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.ms-cases{grid-template-columns:1fr}}
.ms-case-card{display:flex;flex-direction:column;gap:6px;padding:30px;border-radius:var(--r-lg);background:var(--white);border:1px solid var(--line);text-decoration:none;color:var(--text);transition:border-color .2s,transform .3s var(--ease),box-shadow .3s}
.ms-case-card:hover{color:var(--text);border-color:var(--ink);transform:translateY(-4px);box-shadow:var(--hard)}
.ms-case-card:first-child{grid-column:span 2;background:var(--ink);color:var(--cream);border-color:var(--ink)}
.ms-case-card:first-child:hover{color:var(--cream);box-shadow:var(--lift)}
.ms-case-card:first-child .ms-case-card__quote,.ms-case-card:first-child .ms-case-card__meta{color:var(--muted-light)}
.ms-case-card:first-child .ms-card__link{color:var(--cream)}
@media (max-width:620px){.ms-case-card:first-child{grid-column:auto}}
.ms-case-card__meta{font-family:var(--mono);font-size:12px;text-transform:uppercase;color:var(--muted)}
.ms-case-card__metric{font-family:var(--head);font-weight:600;font-size:64px;line-height:1;color:var(--acc);margin-top:12px;letter-spacing:-.04em}
.ms-case-card__label{font-size:15px;font-weight:600}
.ms-case-card__title{margin-top:20px;font-family:var(--head);font-size:22px}
.ms-case-card__quote{color:var(--muted);font-size:15px;line-height:1.55;flex:1}
.ms-case{display:grid;grid-template-columns:340px 1fr;gap:56px;align-items:start}
.ms-case__aside{position:sticky;top:calc(var(--header-h) + var(--admin) + 24px);display:grid;gap:16px}
.ms-case__metric{padding:28px;border-radius:var(--r-lg);background:var(--ink);color:var(--cream);box-shadow:var(--lift)}
.ms-case__metric strong{display:block;font-family:var(--head);font-size:68px;font-weight:600;line-height:1;color:var(--signal);letter-spacing:-.04em}
.ms-case__metric span{display:block;margin-top:8px;color:var(--muted-light)}
.ms-case__about{padding:28px;border-radius:var(--r-lg);background:var(--white);border:1px solid var(--line)}
.ms-case__about h3{font-size:18px;margin-bottom:8px}
.ms-case__about p{color:var(--muted);font-size:15px}
.ms-case__logo{height:56px;width:auto;margin-bottom:16px}
.ms-case__loc{display:flex;gap:6px;align-items:center;font-weight:600;color:var(--text)!important}
.ms-case__block{padding:32px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--white);margin-bottom:18px}
.ms-case__block h2{display:flex;align-items:center;gap:14px;font-size:28px}
.ms-case__block--coral{--acc:var(--signal);--acc-soft:rgba(216,66,73,.12)}
.ms-case__block--violet{--acc:var(--clay);--acc-soft:rgba(155,158,157,.12)}
.ms-case__block--teal{--acc:var(--moss);--acc-soft:rgba(193,49,45,.12);border-color:var(--ink);box-shadow:var(--lift)}
@media (max-width:900px){.ms-case{grid-template-columns:1fr;gap:28px}.ms-case__aside{position:static}}

/* Table */
.ms-table-wrap{overflow-x:auto;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--white)}
.ms-table{width:100%;border-collapse:collapse;font-size:15.5px}
.ms-table th,.ms-table td{padding:16px 22px;text-align:left;border-bottom:1px solid var(--line-2)}
.ms-table thead th{background:var(--ink);color:var(--cream);font-family:var(--mono);font-weight:500;font-size:12.5px;text-transform:uppercase}
.ms-table thead th:nth-child(2){color:var(--butter)}
.ms-table tbody th{font-weight:500}
.ms-table td{text-align:center;font-weight:700;width:22%}
.ms-table td.yes{color:var(--moss);background:rgba(193,49,45,.05)}
.ms-table td.no{color:#C9CBCA}
.ms-table td.part{color:var(--muted);font-weight:600;font-size:14px}
.ms-table tbody tr:last-child>*{border-bottom:0}

/* 7. Split layout --------------------------------------------------------- */
.ms-split{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(40px,6vw,96px);align-items:center}
.ms-split--top{align-items:start;margin-bottom:56px}
.ms-split--rev .ms-split__copy{order:2}
.ms-split .ms-h2{margin-bottom:20px}
.ms-split__copy>.ms-btn{margin-top:14px}
.ms-split__visual{position:relative}
@media (max-width:980px){.ms-split{grid-template-columns:1fr}.ms-split--rev .ms-split__copy{order:0}}
.ms-agent__campaign{max-width:560px;margin:56px 0 0 auto}

/* 8. Animated demos (looping "GIF-style" UI) -------------------------------- */
.ms-demo{position:relative;border-radius:18px;background:var(--white);border:1px solid var(--line);box-shadow:var(--lift);font-size:14px;color:var(--text);overflow:hidden;text-align:left}
.ms-section--dark .ms-demo,.ms-phero .ms-demo{box-shadow:var(--lift)}
.ms-demo__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--paper-2);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.ms-demo__bar b{font-weight:500;display:inline-flex;align-items:center;gap:8px}
.ms-demo__live{display:inline-flex;align-items:center;gap:6px;color:var(--signal)}
.ms-demo__body{padding:18px;display:grid;gap:12px}
.ms-demo__meta{margin:0;font-family:var(--mono);font-size:11.5px;color:var(--muted);text-transform:uppercase}
.ms-demo__label{margin:4px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
/* engine states (only once JS has taken control) */
.js-demo [data-s]{opacity:0;transform:translateY(10px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.js-demo [data-s].on{opacity:1;transform:none}
.js-demo [data-s].gone{display:none}
.js-demo.is-resetting{transition:opacity .4s;opacity:.0}
.ms-demo [data-fill]{width:0;transition:width 1.1s var(--ease)}
.is-static [data-fill]{width:var(--to)!important}
.ms-typed.is-typing::after{content:'';display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:currentColor;animation:msBlink .7s steps(1) infinite}
@keyframes msBlink{50%{opacity:0}}

/* chat */
.ms-msg{max-width:84%;padding:11px 14px;border-radius:16px;font-size:14px;line-height:1.5;margin:0}
.ms-msg--in{justify-self:start;background:var(--paper-2);border-bottom-left-radius:4px}
.ms-msg--out{justify-self:end;background:var(--ink);color:var(--cream);border-bottom-right-radius:4px}
.ms-msg--wa{background:#F3F3F3;color:var(--ink)}
.ms-msg--wide{max-width:100%}
.ms-msg small{display:block;margin-top:4px;font-family:var(--mono);font-size:10px;opacity:.6}
.ms-sys{justify-self:center;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:rgba(193,49,45,.1);color:var(--moss);font-family:var(--mono);font-size:11px;text-transform:uppercase}
.ms-sys .ms-ico{width:14px;height:14px;--acc:var(--moss)}
.ms-dots{justify-self:start;display:inline-flex;gap:4px;padding:12px 14px;border-radius:16px;background:var(--paper-2)}
.ms-dots i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:msTyping 1.1s infinite}
.ms-dots i:nth-child(2){animation-delay:.15s}.ms-dots i:nth-child(3){animation-delay:.3s}
.ms-dots--out{justify-self:end;background:var(--ink)}.ms-dots--out i{background:var(--cream)}
@keyframes msTyping{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.ms-chatlog{display:grid;gap:10px;min-height:250px;align-content:start}

/* kpis, bars, rows */
.ms-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ms-kpis--4{grid-template-columns:repeat(4,1fr)}
.ms-kpi{padding:12px;border-radius:12px;background:var(--paper);border:1px solid var(--line)}
.ms-kpi strong{display:block;font-family:var(--head);font-size:24px;font-weight:600;letter-spacing:-.03em;line-height:1.1}
.ms-kpi small{font-family:var(--mono);font-size:10.5px;color:var(--muted);text-transform:uppercase}
.ms-kpi .up{color:var(--moss)}
.ms-bars{display:grid;gap:9px}
.ms-barrow{display:grid;grid-template-columns:100px 1fr 40px;align-items:center;gap:12px;font-size:12.5px;color:var(--muted)}
.ms-barrow>span:nth-child(2){height:10px;border-radius:3px;background:var(--line-2);overflow:hidden}
.ms-barrow>span:nth-child(2) i{display:block;height:100%;border-radius:3px;background:var(--acc)}
.ms-barrow b{text-align:right;color:var(--text);font-family:var(--mono);font-weight:500}
.ms-callout{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:rgba(223,81,97,.25);border-left:3px solid var(--butter);font-size:13px;line-height:1.5}
.ms-callout--moss{background:rgba(193,49,45,.08);border-left-color:var(--moss)}
.ms-callout--signal{background:rgba(216,66,73,.08);border-left-color:var(--signal)}
.ms-callout .ms-ico{width:18px;height:18px;margin-top:1px}
.ms-lrow{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--paper);border:1px solid var(--line);font-size:13px}
.ms-lrow strong{flex:1}
.ms-lrow small{font-family:var(--mono);font-size:10.5px;color:var(--muted)}
.ms-pill{display:inline-block;padding:3px 9px;border-radius:999px;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;background:var(--paper-2);border:1px solid var(--line)}
.ms-pill--hot{background:var(--signal);color:#fff;border-color:var(--signal)}
.ms-pill--ok{background:var(--moss);color:#fff;border-color:var(--moss)}
.ms-pill--warm{background:var(--butter);border-color:var(--butter)}
.ms-avatar{flex-shrink:0;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--signal);color:#fff;font-family:var(--head);font-weight:600;font-size:14px}
.ms-avatar--moss{background:var(--moss)}.ms-avatar--clay{background:var(--clay)}.ms-avatar--ink{background:var(--ink)}
.ms-person-row{display:flex;align-items:center;gap:12px}
.ms-person-row>div{flex:1}
.ms-person-row strong{display:block;font-size:15px}
.ms-person-row small{font-family:var(--mono);font-size:11px;color:var(--muted)}
.ms-tags{display:flex;flex-wrap:wrap;gap:6px}
.ms-tags>span{padding:5px 10px;border-radius:999px;background:var(--white);border:1px solid var(--line);font-size:12px;font-weight:600}
.ms-ticks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ms-ticks li{display:flex;gap:8px;align-items:flex-start;font-size:13.5px}
.ms-ticks li .ms-ico{width:18px;height:18px;color:var(--moss);--acc:var(--moss);margin-top:1px}
.ms-ticks li.skip{color:var(--muted)}
.ms-ticks li.skip .ms-ico{color:var(--muted);--acc:var(--muted)}
.ms-progress{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:12px;color:var(--muted)}
.ms-progress b{font-family:var(--mono);font-weight:500;color:var(--text)}
.ms-progress>span:last-child{grid-column:1/-1;height:8px;border-radius:3px;background:var(--line-2);overflow:hidden}
.ms-progress>span:last-child i{display:block;height:100%;background:var(--signal)}

/* voice */
.ms-call{display:grid;gap:14px;padding:18px;border-radius:14px;background:var(--ink);color:var(--cream)}
.ms-call .ms-person-row small{color:var(--muted-light)}
.ms-wave{display:flex;align-items:center;gap:3px;height:44px}
.ms-wave i{flex:1;height:30%;border-radius:2px;background:var(--signal);animation:msWave 1.1s ease-in-out infinite;animation-delay:calc(var(--i) * -.07s)}
.ms-wave i:nth-child(3n){background:var(--butter)}
@keyframes msWave{0%,100%{height:18%}50%{height:95%}}
.ms-timer{font-family:var(--mono);font-size:12px;color:var(--butter)}
.ms-transcript{display:grid;gap:8px;font-size:13.5px}
.ms-transcript p{margin:0;padding-left:12px;border-left:2px solid var(--line)}
.ms-transcript p b{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;font-weight:500;color:var(--muted);display:block}
.ms-transcript p.agent{border-left-color:var(--signal)}

/* kanban */
.ms-kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ms-kcol{padding:8px;border-radius:12px;background:var(--paper);border:1px dashed var(--line);min-height:190px;display:grid;align-content:start;gap:6px}
.ms-kcol>small{font-family:var(--mono);font-size:10px;text-transform:uppercase;color:var(--muted);padding:2px 4px 4px}
.ms-kcard{padding:8px 9px;border-radius:9px;background:var(--white);border:1px solid var(--line);font-size:12px;line-height:1.35}
.ms-kcard i{display:block;font-style:normal;font-family:var(--mono);font-size:10px;color:var(--muted)}
.ms-kcard--hot{border:1px solid var(--line);box-shadow:var(--lift)}
.ms-toast{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--ink);color:var(--cream);font-size:13px}
.ms-toast .ms-ico{color:var(--butter);--acc:var(--butter)}
@media (max-width:560px){.ms-kanban{grid-template-columns:repeat(2,1fr)}}

/* code */
.ms-demo--code{background:var(--ink);color:var(--cream)}
.ms-demo--code .ms-demo__bar{background:var(--ink-2);color:var(--muted-light);border-bottom-color:var(--line-dark)}
.ms-code{margin:0;padding:18px;font-family:var(--mono);font-size:13px;line-height:1.75;overflow-x:auto;white-space:normal}
.ms-code>span{display:block;white-space:pre}
.ms-code .c{color:#8A8D8C}.ms-code .k{color:var(--butter)}.ms-code .s{color:#F2A7AE}.ms-code .f{color:#F2A7AE}
.ms-code-res{margin:0 18px 18px;padding:12px 14px;border-radius:10px;background:rgba(155,216,182,.12);font-family:var(--mono);font-size:12.5px;color:#F2A7AE}
.ms-demo--code .ms-kpi{background:var(--ink-2);border-color:var(--line-dark)}
.ms-demo--code .ms-kpi small{color:var(--muted-light)}

/* 9. Interactive widgets ---------------------------------------------------- */
/* Chat playground */
.ms-play{display:grid;grid-template-columns:1.25fr .75fr;border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;background:var(--white);box-shadow:var(--lift)}
.ms-play__chat{display:flex;flex-direction:column;min-height:460px}
.ms-play__log{flex:1;display:flex;flex-direction:column;gap:10px;padding:22px;overflow-y:auto;max-height:420px}
.ms-play__log .ms-msg{animation:msIn .35s var(--ease)}
.ms-play__log .ms-msg--in{align-self:flex-end;background:var(--ink);color:var(--cream);border-radius:16px 16px 4px 16px}
.ms-play__log .ms-msg--out{align-self:flex-start;background:var(--paper-2);color:var(--ink);border-radius:16px 16px 16px 4px}
.ms-play__log .ms-dots{align-self:flex-start}
@keyframes msIn{from{opacity:0;transform:translateY(8px)}}
.ms-play__chips{display:flex;flex-wrap:wrap;gap:8px;padding:16px 22px 22px;border-top:1.5px solid var(--line)}
.ms-play__chip{text-decoration:none;color:var(--ink);padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:var(--white);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.ms-play__chip:hover{background:var(--butter)}
.ms-play__chip:disabled{opacity:.35;cursor:default;background:var(--white)}
.ms-play__chip--cta{background:var(--signal);border-color:var(--signal);color:#fff}
.ms-play__chip--cta:hover{background:var(--ink);border-color:var(--ink)}
.ms-play__side{padding:22px;background:var(--ink);color:var(--cream);display:flex;flex-direction:column;gap:14px}
.ms-play__side h3{font-size:18px}
.ms-play__side p{color:var(--muted-light);font-size:14px;margin:0}
.ms-play__crm{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ms-play__crm li{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:var(--ink-2);border:1px solid var(--line-dark);font-size:13.5px;animation:msIn .4s var(--ease)}
.ms-play__crm li .ms-ico{color:var(--butter);--acc:var(--butter)}
.ms-play__crm li.empty{color:var(--muted-light);border-style:dashed;background:transparent}
.ms-play__reset{margin-top:auto;align-self:flex-start;background:none;border:0;color:var(--muted-light);font-family:var(--mono);font-size:12px;text-transform:uppercase;cursor:pointer;text-decoration:underline}
@media (max-width:860px){.ms-play{grid-template-columns:1fr}.ms-play__chat{min-height:400px}}

/* ROI calculator */
.ms-roi{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;background:var(--white)}
.ms-roi__inputs{padding:clamp(24px,3vw,40px);display:grid;gap:26px}
.ms-roi__field label{display:flex;justify-content:space-between;gap:12px;font-weight:600;font-size:15px;margin-bottom:10px}
.ms-roi__field output{font-family:var(--mono);font-weight:500;padding:2px 8px;border-radius:6px;background:var(--paper-2)}
.ms-roi__field small{display:block;margin-top:6px;color:var(--muted);font-size:13px}
.ms-range{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--signal) var(--p,50%),var(--line) var(--p,50%));outline:none;cursor:pointer}
.ms-range::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--white);border:2.5px solid var(--ink);box-shadow:var(--lift);cursor:grab}
.ms-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--white);border:2.5px solid var(--ink);cursor:grab}
.ms-range:focus-visible::-webkit-slider-thumb{outline:2.5px solid var(--signal);outline-offset:2px}
.ms-seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.ms-seg button{padding:7px 16px;border:0;background:transparent;font-weight:600;cursor:pointer}
.ms-seg button[aria-pressed="true"]{background:var(--ink);color:var(--cream)}
.ms-roi__out{padding:clamp(24px,3vw,40px);background:var(--ink);color:var(--cream);display:flex;flex-direction:column;gap:20px}
.ms-roi__big{font-family:var(--head);font-weight:600;font-size:clamp(46px,6vw,80px);line-height:.95;letter-spacing:-.045em;color:var(--signal)}
.ms-roi__big+small{font-family:var(--mono);font-size:12px;text-transform:uppercase;color:var(--muted-light)}
.ms-roi__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ms-roi__grid div{padding:14px;border-radius:12px;background:var(--ink-2);border:1px solid var(--line-dark)}
.ms-roi__grid strong{display:block;font-family:var(--head);font-size:28px;font-weight:600;letter-spacing:-.03em}
.ms-roi__grid small{font-size:12.5px;color:var(--muted-light)}
.ms-roi__note{font-size:12.5px;color:var(--muted-light);margin:auto 0 0}
@media (max-width:860px){.ms-roi{grid-template-columns:1fr}}

/* Lead-score playground */
.ms-score{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;background:var(--white)}
.ms-score__signals{padding:clamp(22px,3vw,36px);display:grid;gap:10px;align-content:start}
.ms-switch{display:flex;align-items:center;gap:14px;width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:var(--paper);cursor:pointer;text-align:left;font-size:15px;transition:border-color .2s,background .2s}
.ms-switch:hover{border-color:var(--ink)}
.ms-switch__knob{flex-shrink:0;position:relative;width:40px;height:24px;border-radius:999px;background:var(--line);transition:background .2s}
.ms-switch__knob::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .25s var(--ease)}
.ms-switch[aria-checked="true"]{background:var(--white);border-color:var(--ink)}
.ms-switch[aria-checked="true"] .ms-switch__knob{background:var(--moss)}
.ms-switch[aria-checked="true"] .ms-switch__knob::after{transform:translateX(16px)}
.ms-switch[data-w^="-"][aria-checked="true"] .ms-switch__knob{background:var(--signal)}
.ms-switch span:nth-child(2){flex:1}
.ms-switch b{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--muted)}
.ms-score__out{padding:clamp(22px,3vw,36px);background:var(--paper-2);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.ms-gauge{width:min(300px,100%)}
.ms-gauge path{fill:none;stroke-width:22;stroke-linecap:round}
.ms-gauge .bg{stroke:var(--line)}
.ms-gauge .fg{stroke:var(--signal);transition:stroke-dashoffset .8s var(--ease),stroke .3s}
.ms-score__num{font-family:var(--head);font-weight:600;font-size:64px;line-height:1;letter-spacing:-.04em;margin-top:-70px}
.ms-score__band{font-family:var(--mono);font-size:12px;text-transform:uppercase;padding:4px 10px;border-radius:4px;background:var(--ink);color:var(--cream)}
.ms-score__action{max-width:36ch;color:var(--muted);font-size:15px;margin:0}
@media (max-width:860px){.ms-score{grid-template-columns:1fr}}

/* Channel tabs */
.ms-chan__tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.ms-chan__tab{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:var(--white);font-weight:600;font-size:14px;cursor:pointer;transition:background .2s,color .2s}
.ms-chan__tab:hover{background:var(--paper-2)}
.ms-chan__tab[aria-selected="true"]{background:var(--ink);color:var(--cream)}
.ms-chan__tab[aria-selected="true"] .ms-ico .d{fill:var(--signal);opacity:.9}

/* Process stepper (replaces the old maze) */
.ms-process{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,96px);align-items:start}
.ms-process__stage{position:sticky;top:calc(var(--header-h) + var(--admin) + 6vh)}
.ms-process__num{font-family:var(--head);font-weight:600;font-size:clamp(90px,12vw,170px);line-height:.8;letter-spacing:-.06em;color:var(--signal);margin-bottom:22px;transition:color .3s}
.ms-process__steps{display:grid;gap:0;counter-reset:pstep}
.ms-pstep{min-height:62vh;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:24px 0;border-top:1.5px solid var(--line);opacity:.35;transition:opacity .4s}
.ms-pstep.is-active{opacity:1;border-top-color:var(--ink)}
.ms-pstep__n{font-family:var(--mono);font-size:12px;text-transform:uppercase;color:var(--muted)}
.ms-pstep h3{font-size:clamp(26px,2.8vw,38px)}
.ms-pstep p{color:var(--muted);font-size:17px;max-width:44ch;margin:0}
.ms-pstep .ms-pstep__visual{display:none}
.ms-process__bar{height:4px;background:var(--line);border-radius:2px;overflow:hidden;margin-top:22px}
.ms-process__bar i{display:block;height:100%;width:25%;background:var(--ink);transition:width .5s var(--ease)}
@media (max-width:900px){.ms-process{grid-template-columns:1fr}.ms-process__stage{display:none}.ms-pstep{min-height:0;opacity:1}.ms-pstep .ms-pstep__visual{display:block;margin-top:10px}}

/* 10. Home: video hero (your grid + glass card design) --------------------- */
.ms-hero{position:relative;height:100vh;height:100svh;min-height:640px;overflow:hidden;background:var(--ink);color:#fff}
.ms-hero__media{position:absolute;inset:0;z-index:0}
.ms-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ms-hero__fallback{position:absolute;inset:0;background:var(--ink);background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.2px);background-size:22px 22px}
.ms-hero__fallback i{display:none}
.gm-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;z-index:2}
.gm-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,11,14,.5) 0%,rgba(10,11,14,.18) 45%,rgba(10,11,14,.6) 100%);pointer-events:none}
.gm-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1;pointer-events:none}
.gm-line{fill:none;stroke:rgba(255,255,255,.85);stroke-width:1.5;vector-effect:non-scaling-stroke;animation:gmDraw 1.6s var(--ease) forwards}
@keyframes gmDraw{to{stroke-dashoffset:0}}
.gm-card{position:absolute;z-index:3;top:50%;left:8%;width:min(450px,36vw);padding:40px 36px;border-radius:22px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.2);opacity:0;transform:translateY(-50%) translateX(-16px);animation:gmCardIn .9s var(--ease) .2s forwards}
@keyframes gmCardIn{to{opacity:1;transform:translateY(-50%) translateX(0)}}
.gm-kicker{opacity:0;animation:gmFadeIn .8s ease .6s forwards}
.gm-card h1{margin:0;font-family:var(--head);font-weight:600;font-size:clamp(34px,3.8vw,54px);line-height:1.02;letter-spacing:-.035em;color:#fff;opacity:0;transform:translateY(14px);animation:gmRise .8s ease .75s forwards}
.gm-card p{margin:18px 0 0;max-width:40ch;font-size:15px;line-height:1.65;color:rgba(255,255,255,.82);opacity:0;transform:translateY(14px);animation:gmRise .8s ease .95s forwards}
.gm-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px;opacity:0;animation:gmRise .8s ease 1.1s forwards}
.gm-link{color:#fff;font-weight:600;font-size:15px;text-decoration:none;border-bottom:1.5px solid rgba(255,255,255,.45);padding-bottom:2px}
.gm-link:hover{color:#fff;border-color:var(--butter)}
.gm-trust{display:flex;align-items:center;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);opacity:0;animation:gmFadeIn .8s ease 1.3s forwards}
.gm-avatars{display:flex}
.gm-avatars i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;margin-left:-6px;border:2px solid rgba(24,24,24,.75);font-style:normal;font-size:10px;font-weight:700;background:var(--moss);transform:none}
.gm-avatars i:first-child{margin-left:0;background:var(--signal)}.gm-avatars i:nth-child(3){background:var(--clay)}.gm-avatars i:nth-child(4){background:var(--butter);color:var(--ink)}
.gm-trust small{font-size:12.5px;color:rgba(255,255,255,.78);line-height:1.4}
@keyframes gmRise{to{opacity:1;transform:translateY(0)}}
@keyframes gmFadeIn{to{opacity:1}}
.gm-menu{position:absolute;inset:0;z-index:3;pointer-events:none}
.gm-menu-item{position:absolute;overflow:hidden;pointer-events:auto;opacity:0;animation:gmFadeIn .8s ease forwards}
.gm-menu-item::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.32);backdrop-filter:blur(120px);-webkit-backdrop-filter:blur(120px);clip-path:circle(0% at 14% 86%);transition:clip-path .55s var(--ease);pointer-events:none}
.gm-menu-item:hover::before,.gm-menu-item:focus-within::before{clip-path:circle(140% at 14% 86%)}
.gm-menu-link{z-index:1;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:rgba(255,255,255,.85);font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;transition:color .3s ease,transform .3s ease;position:absolute;inset:0;justify-content:flex-end;padding:0 22px 20px}
.gm-menu-link:hover{color:#fff}
.gm-menu-link .gm-num{font-size:11px;color:rgba(255,255,255,.45);transition:color .3s ease}
.gm-menu-item:hover .gm-menu-link{transform:translateX(4px)}
.gm-menu-item:hover .gm-num{color:var(--butter)}
.gm-menu-link:focus-visible{outline-offset:-6px}
.gm-accent{fill:none;stroke-width:1.4;vector-effect:non-scaling-stroke;animation:gmDraw 1.4s var(--ease) forwards}
.gm-accent.a-coral{stroke:rgba(216,66,73,.75)}
.gm-accent.a-teal{stroke:rgba(223,81,97,.7)}
.gm-accent-spin{transform-box:fill-box;transform-origin:center;animation:gmDraw 1.4s var(--ease) forwards,gmSpin 60s linear infinite}
@keyframes gmSpin{to{transform:rotate(360deg)}}
.gm-pause{position:absolute;left:24px;bottom:24px;z-index:4;width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);background:rgba(24,24,24,.4);cursor:pointer;display:grid;place-items:center}
.gm-pause__i{width:12px;height:12px;border-left:3px solid #fff;border-right:3px solid #fff}
.gm-pause[aria-pressed="true"] .gm-pause__i{border:0;border-left:11px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent;width:0;height:0;margin-left:3px}
.gm-scroll{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:4;display:block;width:24px;height:40px;border:1.5px solid rgba(255,255,255,.55);border-radius:14px}
.gm-scroll i{position:absolute;left:50%;top:8px;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:#fff;animation:gmScroll 1.8s ease-in-out infinite}
@keyframes gmScroll{0%{transform:translateY(0);opacity:1}100%{transform:translateY(14px);opacity:0}}
@media (max-width:1180px){.gm-card{width:min(450px,44vw);left:5%}}
@media (max-width:900px){
  .gm-svg,.gm-menu,.gm-scroll{display:none}
  .gm-card{left:50%;top:auto;bottom:max(70px,8vh);transform:translate(-50%,0);width:calc(100vw - 32px);max-width:520px;padding:28px 22px;animation-name:gmCardInM}
  @keyframes gmCardInM{from{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%,0)}}
}

/* 11. Home: scroll stories ------------------------------------------------- */
.ms-home .intro{position:relative;background:var(--ink);color:var(--cream);padding:clamp(100px,12vw,160px) 0 clamp(80px,9vw,120px);overflow:hidden}
.ms-home .intro-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:end}
.ms-home .headline{font-size:clamp(40px,6vw,88px);line-height:.98;letter-spacing:-.045em;color:var(--cream);max-width:14ch}
.ms-home .headline em{font-style:normal;color:var(--signal)}
.ms-home .intro #introPara{font-size:18px;line-height:1.65;color:var(--muted-light);margin:0}
.ms-home .intro .btn-row{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}
.ms-home .intro .ms-stats{grid-column:1/-1;margin-top:40px}
@media (max-width:900px){.ms-home .intro-inner{grid-template-columns:1fr;gap:28px}}

.ms-home .flip-story{position:relative;height:320vh;background:var(--paper)}
.ms-home .flip-story .pin{position:sticky;top:0;height:100vh;overflow:hidden}
.ms-home .flip-stage{position:relative;width:100%;height:100%}
.ms-home .bg-word{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--head);font-weight:700;font-size:min(23vw,360px);letter-spacing:-.05em;white-space:nowrap;z-index:0;pointer-events:none;display:flex}
.ms-home .bg-word span{color:transparent;-webkit-text-stroke:1.5px rgba(24,24,24,.1);transform:translateY(14px);transition:color .5s ease,transform .5s ease}
.ms-home .bg-word span.revealed{color:rgba(24,24,24,.05);transform:translateY(0)}
.ms-home .story-content{position:absolute;top:50%;transform:translateY(-50%);width:clamp(280px,34vw,460px);z-index:5;pointer-events:none;opacity:0;transition:opacity .4s}
.ms-home .story-content.dash-content{left:5%}
.ms-home .story-content.phone-content{right:22%;text-align:right}
.ms-home .story-content h3{font-size:clamp(30px,3vw,44px);letter-spacing:-.035em;line-height:1.05;margin-bottom:18px;transform:translateY(24px);opacity:0;transition:opacity .55s ease,transform .55s ease}
.ms-home .story-content p{font-size:clamp(16px,1.3vw,18.5px);line-height:1.6;color:var(--muted);margin:0;transform:translateY(24px);opacity:0;transition:opacity .55s ease .1s,transform .55s ease .1s}
.ms-home .story-content.revealed h3,.ms-home .story-content.revealed p{opacity:1;transform:translateY(0)}
.ms-home .flip-wrap{position:absolute;top:50%;right:5%;width:min(50vw,700px);perspective:1800px;z-index:2;will-change:transform;transform:translateY(-50%)}
.ms-home .pos-left-ref{position:absolute;top:50%;left:1%;width:min(50vw,700px);height:1px;visibility:hidden}
.ms-home .flipper{position:relative;width:100%;transform-style:preserve-3d;will-change:transform}
.ms-home .face{position:relative;width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.ms-home .face img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line);box-shadow:var(--lift)}
.ms-home .face.back{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform:rotateY(180deg)}
.ms-home .face.back img{width:54%;border:0;box-shadow:none}
@media (max-width:900px){
  .ms-home .flip-story{height:auto;padding:70px 0}
  .ms-home .flip-story .pin{position:static;height:auto}
  .ms-home .flip-stage{position:static;height:auto;display:flex;flex-direction:column;gap:30px;align-items:center;padding:0 20px}
  .ms-home .bg-word,.ms-home .pos-left-ref{display:none}
  .ms-home .flip-wrap{position:static;width:100%;transform:none!important;perspective:none}
  .ms-home .flipper{transform:none!important}
  .ms-home .face.back{position:static;transform:none;margin-top:20px}
  .ms-home .face.back img{width:60%}
  .ms-home .story-content{position:static;width:100%;opacity:1;text-align:left!important;transform:none}
  .ms-home .story-content h3,.ms-home .story-content p{opacity:1!important;transform:none!important}
  .ms-home .story-content.phone-content{order:3}
}

.ms-home .ai-story{position:relative;height:320vh;background:var(--paper-2);overflow:hidden}
.ms-home .ai-story .pin{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden;display:flex;align-items:center}
.ms-home .ai-bg-word{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--head);font-weight:700;font-size:min(20vw,320px);letter-spacing:-.05em;white-space:nowrap;z-index:0;pointer-events:none;color:transparent;-webkit-text-stroke:1.5px rgba(24,24,24,.1);will-change:transform}
.ms-home .ai-kicker{position:absolute;top:calc(var(--header-h) + 3vh);left:50%;transform:translateX(-50%);z-index:4;white-space:nowrap}
.ms-home .ai-progress{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);z-index:4;display:flex;gap:8px}
.ms-home .ai-progress span{width:44px;height:6px;border-radius:2px;background:var(--line);transition:background .3s ease}
.ms-home .ai-progress span.active{background:var(--ink)}
.ms-home .ai-track{display:flex;flex-shrink:0;width:300%;height:74vh;will-change:transform;position:relative;z-index:1}
.ms-home .ai-panel{width:33.333%;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0 5%}
.ms-home .ai-row{display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:nowrap;width:fit-content;max-width:100%;margin:0 auto;position:relative;left:50%;transform:translateX(-50%)}
.ms-home .ai-inner{flex:0 0 auto;width:clamp(300px,32vw,440px);display:flex;flex-direction:column;align-items:flex-start;gap:16px;will-change:transform,opacity;background:var(--white);border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:var(--lift)}
.ms-home .ai-panel.outbound .ai-inner{box-shadow:var(--lift)}
.ms-home .ai-panel.inbound .ai-inner{box-shadow:var(--lift)}
.ms-home .ai-panel.crm .ai-inner{box-shadow:var(--lift)}
.ms-home .ai-badge{font-family:var(--mono);font-size:11.5px;text-transform:uppercase;padding:5px 12px;border-radius:4px;background:var(--ink);color:var(--cream)}
.ms-home .ai-panel.outbound .ai-badge{background:var(--signal)}
.ms-home .ai-panel.inbound .ai-badge{background:var(--clay)}
.ms-home .ai-badge--teal{background:var(--moss)!important}
.ms-home .ai-inner h2{font-size:clamp(26px,2.6vw,38px);letter-spacing:-.035em}
.ms-home .ai-inner p{font-size:16.5px;line-height:1.6;color:var(--muted);max-width:40ch;margin:0}
.ms-home .ai-illustration{position:relative;flex:0 0 auto;width:clamp(260px,26vw,320px);min-width:220px;margin-right:250px}
.ms-home .ai-call-screen{position:relative;width:100%;background:var(--ink);color:var(--cream);border-radius:26px;padding:26px 20px;box-shadow:0 30px 60px rgba(24,24,24,.25);display:flex;flex-direction:column;align-items:center;gap:16px;z-index:2}
.ms-home .ai-avatar{width:64px;height:64px;border-radius:18px;background:var(--signal);color:#fff;font-family:var(--head);font-weight:600;font-size:22px;display:flex;align-items:center;justify-content:center;transform:none}
.ms-home .ai-panel.inbound .ai-avatar{background:var(--clay)}
.ms-home .ai-call-name{font-size:16px;font-weight:600;text-align:center}
.ms-home .ai-call-status{font-family:var(--mono);font-size:11.5px;color:var(--muted-light);text-align:center;margin-top:-10px}
.ms-home .ai-waveform{display:flex;align-items:flex-end;justify-content:center;gap:3.5px;height:34px}
.ms-home .ai-waveform span{width:4px;border-radius:2px;background:var(--signal);animation:aiWave 1.1s ease-in-out infinite}
.ms-home .ai-panel.inbound .ai-waveform span{background:var(--butter)}
.ms-home .ai-waveform span:nth-child(1){animation-delay:0s;height:35%}.ms-home .ai-waveform span:nth-child(2){animation-delay:.1s;height:65%}.ms-home .ai-waveform span:nth-child(3){animation-delay:.2s;height:95%}.ms-home .ai-waveform span:nth-child(4){animation-delay:.3s;height:55%}.ms-home .ai-waveform span:nth-child(5){animation-delay:.4s;height:80%}.ms-home .ai-waveform span:nth-child(6){animation-delay:.5s;height:45%}.ms-home .ai-waveform span:nth-child(7){animation-delay:.6s;height:70%}
@keyframes aiWave{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}
.ms-home .ai-caption{width:100%;background:var(--ink-2);border-radius:12px;padding:10px 14px;font-size:12.5px;line-height:1.45;color:var(--cream)}
.ms-home .ai-live-badge{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;text-transform:uppercase;color:var(--butter)}
.ms-home .dot-live-sm{display:none}
.ms-home .ai-insight-card,.ms-home .ai-followup-card{position:absolute;left:100%;width:200px;z-index:1;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:var(--lift)}
.ms-home .ai-insight-card{top:12%;margin-left:22px}
.ms-home .ai-followup-card{top:56%;margin-left:64px}
.ms-home .ai-insight-label{font-family:var(--mono);font-size:10px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.ms-home .ai-insight-value{font-size:13.5px;font-weight:600}
.ms-home .ai-insight-meter{width:100%;height:6px;border-radius:2px;background:var(--line);margin-top:10px;overflow:hidden}
.ms-home .ai-insight-meter span{display:block;height:100%;background:var(--signal)}
.ms-home .ai-panel.inbound .ai-insight-meter span{background:var(--clay)}
.ms-home .ai-connector-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.ms-home .ai-connector-path{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-dasharray:4 4}
.ms-home .ai-connector-dot{fill:var(--signal)}
.ms-home .crm-illustration{position:relative;flex-shrink:0;width:clamp(260px,26vw,320px);min-width:240px;background:var(--white);border:1px solid var(--line);border-radius:22px;padding:24px 22px;box-shadow:var(--lift);display:flex;flex-direction:column;gap:16px}
.ms-home .crm-topbar{display:flex;gap:6px}.ms-home .crm-topbar span{width:9px;height:9px;border-radius:2px;background:var(--line)}
.ms-home .crm-pipeline{display:flex;gap:6px;flex-wrap:wrap}
.ms-home .crm-pill{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;padding:4px 10px;border-radius:4px;background:var(--paper-2)}
.ms-home .crm-pill.won{background:var(--moss);color:#fff}
.ms-home .crm-stat-row{display:flex;justify-content:space-between;align-items:flex-end}
.ms-home .crm-stat-num{font-family:var(--head);font-weight:600;font-size:34px;letter-spacing:-.03em}
.ms-home .crm-stat-label{font-size:12px;color:var(--muted);margin-top:2px}
.ms-home .crm-badge-live{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;color:var(--moss);text-transform:uppercase}
.ms-home .crm-chart{display:flex;align-items:flex-end;gap:6px;height:56px}
.ms-home .crm-chart span{flex:1;border-radius:3px 3px 0 0;background:var(--moss)}
.ms-home .crm-chart span:nth-child(even){background:var(--butter)}
.ms-home .crm-rows{display:flex;flex-direction:column}
.ms-home .crm-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:8px 0;border-bottom:1px solid var(--line-2)}
.ms-home .crm-row:last-child{border-bottom:none}
.ms-home .crm-row-name{font-weight:600}
.ms-home .crm-row-pill{font-family:var(--mono);font-size:10px;text-transform:uppercase;padding:3px 8px;border-radius:4px;background:var(--paper-2)}
@media (max-width:1180px){.ms-home .ai-insight-card,.ms-home .ai-followup-card,.ms-home .ai-connector-svg{display:none}.ms-home .ai-illustration{margin-right:0}}
@media (max-width:900px){
  .ms-home .ai-story{height:auto}
  .ms-home .ai-bg-word,.ms-home .ai-kicker,.ms-home .ai-progress{display:none}
  .ms-home .ai-story .pin{position:static!important;height:auto;display:block;padding:60px 0}
  .ms-home .ai-track{width:100%;height:auto;flex-direction:column;transform:none!important}
  .ms-home .ai-panel{width:100%;padding:16px 20px;margin-bottom:28px}
  .ms-home .ai-row{flex-direction:column;gap:28px;left:0;transform:none;width:100%}
  .ms-home .ai-inner{opacity:1!important;transform:none!important;width:100%!important}
  .ms-home .ai-illustration,.ms-home .crm-illustration{opacity:1!important;transform:none!important;width:100%;max-width:320px;min-width:0;margin:0 auto}
}

/* 12. Features page --------------------------------------------------------- */
.fh-hero{position:relative;width:100%;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:var(--text);text-align:center;padding:calc(var(--header-h) + var(--admin) + 50px) 24px 110px;background:var(--paper)}
.fh-top-shade{position:absolute;top:0;left:0;width:100%;height:calc(var(--header-h) + var(--admin));background:var(--ink);z-index:1}
.fh-hero .ms-crumbs{position:relative;z-index:2;color:var(--muted);justify-content:center}
.fh-hero .ms-crumbs a{color:var(--muted)}.fh-hero .ms-crumbs [aria-current]{color:var(--text)}
.fh-watermark{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);font-family:var(--head);font-weight:700;font-size:min(22vw,340px);letter-spacing:-.05em;white-space:nowrap;z-index:0;pointer-events:none;color:transparent;-webkit-text-stroke:1.5px rgba(24,24,24,.08)}
.fh-kicker{position:relative;z-index:2}
.fh-hero h1{position:relative;z-index:2;margin:0;font-size:clamp(40px,6vw,86px);line-height:.98;letter-spacing:-.045em;max-width:920px;opacity:0;animation:fhRise .9s var(--ease) .25s forwards}
.fh-hero h1 em{font-style:normal;color:var(--signal)}
.fh-hero>p{position:relative;z-index:2;margin:24px 0 0;max-width:600px;font-size:17.5px;line-height:1.65;color:var(--muted);opacity:0;animation:fhRise .9s var(--ease) .4s forwards}
@keyframes fhRise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.fh-strip{position:relative;z-index:2;display:flex;justify-content:center;margin-top:52px;max-width:100%;opacity:0;animation:fhRise .9s var(--ease) .6s forwards}
.fh-strip-inner{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.fh-card{width:210px;padding:20px 18px;border-radius:16px;background:var(--white);border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;text-decoration:none;color:var(--text);transition:transform .3s var(--ease),box-shadow .3s}
.fh-card:nth-child(odd){transform:none}.fh-card:nth-child(even){transform:none}
.fh-card:hover{color:var(--text);transform:translateY(-4px) rotate(0);box-shadow:var(--hard)}
.fh-num{font-family:var(--mono);font-size:11px;color:var(--muted)}
.fh-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(216,66,73,.14)}
.fh-card:nth-child(2) .fh-icon{background:rgba(193,49,45,.14);--acc:var(--moss)}
.fh-card:nth-child(3) .fh-icon{background:rgba(155,158,157,.14);--acc:var(--clay)}
.fh-card:nth-child(4) .fh-icon{background:rgba(223,81,97,.35);--acc:#7A7D7C}
.fh-label{font-size:15px;font-weight:700}
.fh-desc{font-size:13px;color:var(--muted);line-height:1.45}
.fh-dots{display:none}
.fh-scroll{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:9px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-decoration:none}
.fh-scroll i{display:block;width:1.5px;height:38px;background:var(--line);position:relative;overflow:hidden}
.fh-scroll i::after{content:'';display:block;width:100%;height:30%;background:var(--ink);animation:fhScrollLine 1.8s ease-in-out infinite}
@keyframes fhScrollLine{0%{transform:translateY(-130%)}100%{transform:translateY(400%)}}
@media (max-width:760px){.fh-card{width:calc(50% - 7px);transform:none!important}.fh-watermark{font-size:28vw}}

/* Big statement band (replaces the rotating letters) */
.ms-rotate-band{position:relative;overflow:hidden;padding:clamp(90px,11vw,150px) 0;background:var(--butter)}
.ms-rotate-band .ms-wrap{z-index:1;display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:end}
.ms-rotate-band .ms-lead{color:rgba(24,24,24,.75);margin:0}
.ms-rotate-band .ms-btn-row{margin-top:24px}
.ml10{margin:0;font-family:var(--head);font-weight:600;font-size:clamp(44px,7.5vw,112px);line-height:.92;letter-spacing:-.05em;color:var(--ink)}
.ml10 .text-wrapper{display:inline}
@media (max-width:860px){.ms-rotate-band .ms-wrap{grid-template-columns:1fr}}

/* 13. Forms & careers ------------------------------------------------------ */
.ms-formsplit{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(36px,5vw,80px);align-items:start}
@media (max-width:960px){.ms-formsplit{grid-template-columns:1fr}}
.ms-formcard{padding:clamp(26px,3vw,40px);border-radius:var(--r-xl);background:var(--white);border:1px solid var(--line);box-shadow:var(--lift)}
.ms-formcard>.ms-h3{margin-bottom:6px}
.ms-formcard>.ms-muted{margin-bottom:24px}
.ms-steps-mini{display:grid;gap:0;margin:8px 0 26px;border-top:1px solid var(--line)}
.ms-steps-mini>div{display:grid;grid-template-columns:44px 1fr;column-gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.ms-steps-mini .ms-ico{grid-row:span 2;width:44px;height:44px;padding:10px;border-radius:12px;background:var(--white);border:1px solid var(--line)}
.ms-steps-mini strong{font-size:16px}
.ms-steps-mini p{margin:4px 0 0;color:var(--muted);font-size:14.5px}
.ms-contact-list{display:grid;gap:10px}
.ms-contact-item{display:flex;gap:16px;align-items:flex-start;padding:18px;border-radius:var(--r-lg);background:var(--white);border:1px solid var(--line);text-decoration:none;color:var(--text);transition:border-color .2s,transform .25s var(--ease),box-shadow .25s}
a.ms-contact-item:hover{color:var(--text);border-color:var(--ink);transform:translateY(-3px);box-shadow:var(--lift)}
.ms-contact-item small{display:block;font-family:var(--mono);font-size:11px;text-transform:uppercase;color:var(--muted)}
.ms-contact-item strong{display:block;font-size:17px;margin-top:2px}
.ms-contact-item em{display:block;margin-top:6px;font-style:normal;font-size:13px;color:var(--muted)}
.ms-address{font-weight:500!important;font-size:15px!important;line-height:1.55}

.ms-form{position:relative}
.ms-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:600px){.ms-form__grid{grid-template-columns:1fr}}
.ms-field{display:flex;flex-direction:column;gap:7px;position:relative}
.ms-field--full{grid-column:1/-1}
.ms-field label,.ms-label{font-size:14px;font-weight:600;color:var(--text)}
.ms-field .req{color:var(--signal)}
.ms-field input:not([type="checkbox"]):not([type="file"]),.ms-field select,.ms-field textarea,.ms-search input,.wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),.wpcf7 select,.wpcf7 textarea,.comment-form input:not([type="submit"]):not([type="checkbox"]),.comment-form textarea{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font:inherit;font-size:15.5px;color:var(--text);transition:border-color .2s,box-shadow .2s,background .2s;appearance:none;-webkit-appearance:none}
.ms-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2316181D' stroke-width='1.8' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}
.ms-field textarea{resize:vertical;min-height:110px}
.ms-field input:focus,.ms-field select:focus,.ms-field textarea:focus,.ms-search input:focus,.wpcf7 input:focus,.wpcf7 textarea:focus,.comment-form input:focus,.comment-form textarea:focus{outline:none;background:var(--white);border-color:var(--ink);box-shadow:var(--lift)}
.ms-field .is-invalid{border-color:#C1312D!important;box-shadow:3px 3px 0 #C1312D!important}
.ms-error{color:#C1312D;font-size:13px;font-weight:500}
.ms-help{color:var(--muted);font-size:13px}
.ms-field--check label{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:14px;color:var(--muted);line-height:1.5}
.ms-field--check input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--ink);flex-shrink:0}
.ms-file{position:relative;display:block;cursor:pointer}
.ms-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.ms-file__ui{display:flex;align-items:center;gap:14px;padding:18px;border:1.5px dashed var(--line);border-radius:12px;background:var(--paper);transition:background .2s}
.ms-file__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--butter);color:var(--ink);flex-shrink:0}
.ms-file__text{font-size:14.5px;font-weight:500;color:var(--muted);word-break:break-all}
.ms-file:hover .ms-file__ui,.ms-file.is-drag .ms-file__ui{background:rgba(223,81,97,.2)}
.ms-file.has-file .ms-file__ui{border-style:solid;background:rgba(193,49,45,.07)}
.ms-file.has-file .ms-file__icon{background:var(--moss);color:#fff}
.ms-file.has-file .ms-file__text{color:var(--text)}
.ms-file input:focus-visible+.ms-file__ui{outline:2.5px solid var(--signal);outline-offset:3px}
.ms-form .ms-btn[type="submit"]{margin-top:22px}
.ms-form__errors{color:#C1312D;font-size:14px;margin-top:12px}
.ms-form__errors:empty{display:none}
.ms-form__fine{margin:14px 0 0;font-size:13px;color:var(--muted)}
.ms-form__fine a{color:inherit}
.ms-form.is-loading{pointer-events:none}
.ms-form.is-loading .ms-btn[type="submit"]{opacity:.7}
.ms-form.is-sent>*:not(.ms-form__success){display:none!important}
.ms-form__success{text-align:center;padding:36px 12px}
.ms-form__success h3{font-size:30px;margin:16px 0 8px}
.ms-form__success p{color:var(--muted)}
.ms-form__tick{width:68px;height:68px;margin:0 auto;border-radius:18px;display:grid;place-items:center;background:var(--moss);color:#fff;font-size:30px;font-weight:700;transform:none;animation:msPop .5s var(--ease)}
@keyframes msPop{from{transform:scale(.5);opacity:0}}
.ms-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.ms-notice{padding:14px 18px;border-radius:10px;margin-bottom:18px;font-size:15px}
.ms-notice--ok{background:rgba(193,49,45,.1);color:var(--moss)}
.ms-notice--err{background:rgba(200,55,29,.08);color:#C1312D}
.ms-notice--info{background:rgba(223,81,97,.25);color:var(--text)}
.wpcf7 input[type="submit"],.comment-form input[type="submit"]{background:var(--signal);color:#fff;border:0;border-radius:999px;padding:14px 26px;font-weight:600;cursor:pointer}

.ms-jobs{display:grid;gap:32px}
.ms-jobs__dept{font-family:var(--mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px}
.ms-jobs__group{display:grid;gap:0;border-top:1px solid var(--line)}
.ms-job{background:transparent}
.ms-job.is-open{background:var(--white)}
.ms-job__head{padding:24px 8px}
.ms-job__title{flex:1;font-family:var(--head);font-weight:600;font-size:clamp(20px,2vw,26px);letter-spacing:-.02em}
.ms-job__meta{display:flex;gap:8px;flex-wrap:wrap}
.ms-job__body{padding:0 8px 28px}
.ms-job__body>p{color:var(--muted)}
.ms-job__cols{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:20px 0 24px}
.ms-job__cols h4{font-family:var(--mono);font-size:12px;font-weight:500;text-transform:uppercase;margin-bottom:10px}
.ms-job__cols ul{margin:0;padding-left:18px;color:var(--muted);font-size:15px;display:grid;gap:6px}
@media (max-width:700px){.ms-job__head{flex-wrap:wrap}.ms-job__title{flex-basis:calc(100% - 48px)}.ms-job__cols{grid-template-columns:1fr}}
.ms-job-single{display:grid;grid-template-columns:1fr 460px;gap:56px;align-items:start}
.ms-job-single .ms-formcard{position:sticky;top:calc(var(--header-h) + var(--admin) + 24px)}
@media (max-width:1000px){.ms-job-single{grid-template-columns:1fr}.ms-job-single .ms-formcard{position:static}}
.ms-empty{color:var(--muted)}

/* 14. Blog & article ------------------------------------------------------- */
.ms-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}
.ms-filter a{padding:9px 16px;border-radius:999px;border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}
.ms-filter a:hover,.ms-filter a.is-active{background:var(--ink);color:var(--cream)}
.ms-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ms-posts--2{grid-template-columns:1fr 1fr}
@media (max-width:960px){.ms-posts{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.ms-posts,.ms-posts--2{grid-template-columns:1fr}}
.ms-post-card{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:var(--white);border:1px solid var(--line);transition:border-color .2s,transform .3s var(--ease),box-shadow .3s}
.ms-post-card:hover{border-color:var(--ink);transform:translateY(-4px);box-shadow:var(--hard)}
.ms-post-card__media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--paper-2);border-bottom:1.5px solid var(--line)}
.ms-post-card__media img{width:100%;height:100%;object-fit:cover}
.ms-post-card__ph{display:grid;place-items:center;width:100%;height:100%;background:var(--acc-soft);color:var(--ink)}
.ms-post-card__ph .ms-ico{width:64px;height:64px;transform:none}
.ms-post-card__body{display:flex;flex-direction:column;gap:10px;padding:24px;flex:1}
.ms-post-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-family:var(--mono);font-size:11.5px;text-transform:uppercase;color:var(--muted)}
.ms-post-card__title{font-size:23px;line-height:1.15}
.ms-post-card__title a{color:var(--text);text-decoration:none}
.ms-post-card__title a:hover{color:var(--signal)}
.ms-post-card__excerpt{color:var(--muted);font-size:15px;margin:0;flex:1}
.ms-pagination,.navigation.pagination{margin-top:48px}
.nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.nav-links .page-numbers{display:inline-grid;place-items:center;min-width:46px;height:46px;padding:0 14px;border-radius:999px;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:600}
.nav-links .page-numbers.current,.nav-links .page-numbers:hover{background:var(--ink);color:var(--cream)}
.ms-empty-state{text-align:center;padding:40px 0;max-width:560px;margin:0 auto}
.ms-search{display:flex;gap:10px}
.ms-search input{flex:1}
.ms-article{display:grid;grid-template-columns:minmax(0,760px);justify-content:center}
.ms-article--sidebar{grid-template-columns:minmax(0,760px) 300px;gap:56px}
@media (max-width:1000px){.ms-article--sidebar{grid-template-columns:minmax(0,1fr)}}
.ms-article__media{margin:0 0 36px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line)}
.ms-prose{font-size:18px;line-height:1.75;color:#2A2B2B}
.ms-prose>*+*{margin-top:1.1em}
.ms-prose h2{font-size:clamp(28px,2.8vw,38px);margin-top:1.8em}
.ms-prose h3{font-size:clamp(22px,2.1vw,27px);margin-top:1.6em}
.ms-prose h4{font-size:19px;margin-top:1.4em}
.ms-prose a{color:var(--moss)}
.ms-prose ul,.ms-prose ol{padding-left:1.3em}
.ms-prose li+li{margin-top:.4em}
.ms-prose blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:4px solid var(--signal);font-family:var(--head);font-size:1.25em;letter-spacing:-.01em}
.ms-prose img{border-radius:var(--r-md)}
.ms-prose figure{margin:1.6em 0}
.ms-prose figcaption{font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:8px}
.ms-prose pre{background:var(--ink);color:var(--cream);padding:20px;border-radius:var(--r-md);overflow-x:auto;font-size:14px}
.ms-prose code{font-family:var(--mono);font-size:.88em;background:var(--paper-2);padding:2px 6px;border-radius:4px}
.ms-prose pre code{background:none;padding:0}
.ms-prose table{width:100%;border-collapse:collapse;font-size:15px}
.ms-prose th,.ms-prose td{border:1px solid var(--line);padding:10px 14px}
.ms-prose hr{border:0;height:1.5px;background:var(--ink);margin:2.4em 0}
.ms-page-content>.alignwide{max-width:1176px;margin-left:auto;margin-right:auto}
.ms-page-content>.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}
.ms-inline-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:48px!important;padding:28px 30px;border-radius:var(--r-lg);background:var(--signal);color:var(--ink)}
.ms-inline-cta h3{font-size:22px;margin:0}
.ms-inline-cta p{margin:6px 0 0;color:rgba(24,24,24,.78);font-size:15.5px}
.ms-inline-cta .ms-btn{--bg:var(--ink);--bd:var(--ink);--fg:var(--cream)}
@media (max-width:640px){.ms-inline-cta{flex-direction:column;align-items:flex-start}}
.ms-tags a{font-size:13px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);color:var(--muted);text-decoration:none}
.ms-related{margin-top:88px}
.ms-related .ms-h3{margin-bottom:24px}
.ms-back{display:inline-block;margin-top:28px;font-weight:600;color:var(--text);text-decoration:none}
.ms-sidebar .ms-widget{padding:24px;border-radius:var(--r-lg);background:var(--white);border:1px solid var(--line);margin-bottom:20px;font-size:15px}
.ms-widget__title{font-size:16px;margin-bottom:12px}
.ms-comments{margin-top:64px}
.ms-comment-list{padding-left:0;list-style:none}
.ms-comment-list .comment-body{padding:20px 0;border-bottom:1px solid var(--line)}
.ms-woo{min-height:50vh}

/* 15. Modal & optional cursor ---------------------------------------------- */
.ms-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px}
.ms-modal[hidden]{display:none!important}
.ms-modal__backdrop{position:absolute;inset:0;background:rgba(16,17,21,.72);animation:gmFadeIn .3s ease}
.ms-modal__panel{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;width:min(960px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:var(--r-xl);background:var(--white);border:1px solid var(--line);box-shadow:var(--lift);animation:msModalIn .45s var(--ease)}
@keyframes msModalIn{from{opacity:0;transform:translateY(24px)}}
.ms-modal__aside{position:relative;overflow:hidden;padding:44px 36px;background:var(--ink);color:var(--cream)}
.ms-modal__aside h2{color:var(--cream);font-size:44px;margin-bottom:10px;letter-spacing:-.04em}
.ms-modal__aside>p{color:var(--muted-light)}
.ms-modal__body{padding:44px 40px}
.ms-modal__close{position:absolute;top:14px;right:14px;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--white);color:var(--text);cursor:pointer;display:grid;place-items:center}
.ms-modal__close:hover{background:var(--butter)}
body.ms-modal-open{overflow:hidden}
@media (max-width:760px){.ms-modal{padding:0;align-items:end}.ms-modal__panel{grid-template-columns:1fr;border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:94vh;box-shadow:none}.ms-modal__aside{padding:30px 24px}.ms-modal__aside .ms-check{display:none}.ms-modal__aside h2{font-size:32px}.ms-modal__body{padding:26px 22px 32px}}

.ms-cursor{display:none}
@media (hover:hover) and (pointer:fine){
  body.ms-cursor-on.ms-cursor-ready .ms-cursor{display:block}
  body.ms-cursor-ready,body.ms-cursor-ready a,body.ms-cursor-ready button,body.ms-cursor-ready label,body.ms-cursor-ready select{cursor:none}
  body.ms-cursor-ready input,body.ms-cursor-ready textarea{cursor:text}
}
.ms-cursor{position:fixed;top:0;left:0;z-index:2147483000;pointer-events:none}
.ms-cursor__dot,.ms-cursor__ring{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;will-change:transform}
.ms-cursor__dot{width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--signal)}
.ms-cursor__ring{width:36px;height:36px;margin:-18px 0 0 -18px;border:1px solid var(--line);display:grid;place-items:center;transition:width .3s,height .3s,margin .3s,background .3s}
.ms-cursor__label{font-size:11px;font-weight:700;color:#fff;opacity:0}
.ms-cursor.is-hover .ms-cursor__ring{width:60px;height:60px;margin:-30px 0 0 -30px;background:rgba(216,66,73,.15)}
.ms-cursor.is-label .ms-cursor__ring{width:76px;height:76px;margin:-38px 0 0 -38px;background:var(--signal);border-color:var(--signal)}
.ms-cursor.is-label .ms-cursor__label{opacity:1}
.ms-cursor.is-text .ms-cursor__ring,.ms-cursor.is-hidden{opacity:0}
.ms-cursor.on-dark .ms-cursor__ring{border-color:var(--cream)}

/* 16. Footer ---------------------------------------------------------------- */
.ms-footer{position:relative;overflow:hidden;background:var(--ink);color:var(--muted-light);padding:96px 0 0;font-size:15px}
.ms-footer__mark{display:block!important;position:relative;top:auto;left:auto;transform:none;margin:72px 0 0;padding:0 24px;font-family:var(--head);font-weight:700;font-size:clamp(64px,15vw,240px);line-height:.78;letter-spacing:-.06em;color:var(--signal);-webkit-text-stroke:0;text-shadow:none;white-space:nowrap;text-align:center}
.ms-footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.2fr;gap:40px}
.ms-footer__about{margin:20px 0 10px;max-width:42ch;line-height:1.7}
.ms-footer__company{font-family:var(--mono);font-size:11.5px;text-transform:uppercase;color:rgba(169,165,155,.75)}
.ms-footer h4{font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--butter);margin-bottom:18px}
.ms-footer__menu{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px}
.ms-footer__menu a,.ms-footer__menu span{color:var(--cream);text-decoration:none;opacity:.82}
.ms-footer__menu a:hover{opacity:1;color:var(--signal)}
.ms-social{display:flex;gap:10px;margin-top:20px}
.ms-social a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line-dark);color:var(--cream)}
.ms-social a:hover{background:var(--signal);border-color:var(--signal);color:#fff}
.ms-footer__widgets{padding-top:40px}
.ms-footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:64px;padding:24px 32px;border-top:1px solid var(--line-dark);font-size:13.5px}
.ms-footer__legal{list-style:none;margin:0;padding:0;display:flex;gap:22px;flex-wrap:wrap}
.ms-footer__legal a{color:var(--muted-light);text-decoration:none}
.ms-footer__legal a:hover{color:var(--cream)}
.ms-footer__bottom+.ms-footer__mark{margin-top:0}
@media (max-width:1000px){.ms-footer__grid{grid-template-columns:1fr 1fr 1fr}.ms-footer__brand{grid-column:1/-1}}
@media (max-width:600px){.ms-footer__grid{grid-template-columns:1fr 1fr}.ms-footer__contact{grid-column:1/-1}.ms-footer__bottom{padding:24px 20px}}

/* 17. Utilities & a11y ------------------------------------------------------ */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{clip:auto!important;clip-path:none;height:auto;width:auto;display:block;background:#fff;color:var(--ink);padding:12px;z-index:100000}
.alignleft{float:left;margin:0 24px 16px 0}.alignright{float:right;margin:0 0 16px 24px}.aligncenter{margin-left:auto;margin-right:auto}
.wp-caption-text,.gallery-caption{font-size:13px;color:var(--muted)}
.ms-fullwidth{min-height:40vh}
body.ms-canvas .ms-header{display:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .rv{opacity:1!important;transform:none!important}
  .ms-marquee__track{animation:none;flex-wrap:wrap;justify-content:center;width:auto}
}
@media print{.ms-header,.ms-footer,.ms-cursor,.ms-modal,.ms-cta{display:none!important}.ms-phero{padding:20px 0;background:none;color:#000}.ms-phero__title{color:#000}}

/* Block widgets (search etc.) */
.wp-block-search__inside-wrapper{display:flex;gap:8px}
.wp-block-search__input{flex:1;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font:inherit}
.wp-block-search__input:focus{outline:none;border-color:var(--ink);box-shadow:var(--lift)}
.wp-block-search__button{padding:11px 18px;border:1px solid var(--line);border-radius:999px;background:var(--ink);color:var(--cream);font:inherit;font-weight:600;cursor:pointer}
.wp-block-search__button:hover{background:var(--signal);border-color:var(--signal)}
.wp-block-search__label{font-weight:600;display:block;margin-bottom:8px}

/* ===== v3: MetroGuild colours, Salesloft-style finish ===== */
.ms-btn--primary:hover{--bg:var(--red-deep);--bd:var(--red-deep)}
.ms-btn--dark:hover,.ms-btn--outline:hover,.ms-btn--ghost:hover{box-shadow:0 12px 24px -10px rgba(24,24,24,.45)}
.ms-btn::after{font-weight:400}

/* Page hero: deep charcoal with a soft red glow (no stripes, no dots) */
.ms-phero{background:radial-gradient(900px 480px at 88% -10%,rgba(216,66,73,.32),transparent 62%),radial-gradient(700px 400px at -10% 110%,rgba(155,158,157,.16),transparent 60%),var(--ink)!important;background-size:auto!important}
.ms-phero::after{content:none!important}
.ms-phero__visual .ms-demo{box-shadow:0 40px 80px -20px rgba(0,0,0,.55)!important}

/* CTA: dark band with red glow, white type */
.ms-cta{background:radial-gradient(800px 420px at 85% 0%,rgba(216,66,73,.45),transparent 65%),var(--ink)!important;color:#fff!important}
.ms-cta::before{content:none!important}
.ms-cta .ms-kicker{background:none;color:#fff}
.ms-cta__text{color:var(--muted-light)!important}
.ms-cta .ms-btn--primary{--bg:var(--red);--bd:var(--red);--fg:#fff}
.ms-cta .ms-btn--primary:hover{--bg:var(--red-deep);--bd:var(--red-deep);box-shadow:0 12px 24px -8px rgba(216,66,73,.55)}
.ms-cta .ms-btn--ghost{--fg:#fff;--bd:rgba(255,255,255,.45)}
.ms-cta .ms-btn--ghost:hover{--bg:#fff;--fg:var(--ink);--bd:#fff}

/* Statement band: solid MetroGuild red */
.ms-rotate-band{background:var(--red)!important;color:#fff}
.ms-rotate-band .ml10{color:#fff}
.ms-rotate-band .ms-lead{color:rgba(255,255,255,.88)!important}
.ms-rotate-band .ms-btn--dark{--bg:#fff;--fg:var(--ink);--bd:#fff}

/* Places that used the old yellow */
.ms-journey__year{background:none;color:var(--red);padding:0}
.ms-tier__tag{background:var(--red);color:#fff;border-radius:999px}
.ms-pill--warm{background:var(--red-2);border-color:var(--red-2);color:#fff}
.ms-file__icon{background:rgba(216,66,73,.12);color:var(--red)}
.ms-play__chip:hover{background:var(--paper-2)}
.gm-avatars i:nth-child(4){background:var(--grey);color:#fff}
.ms-callout{background:var(--paper);border-left-color:var(--red)}
.ms-callout--moss,.ms-callout--signal{background:rgba(216,66,73,.06);border-left-color:var(--red)}
.ms-note{background:var(--paper);border-left-color:var(--red)}
.ms-sys{background:rgba(216,66,73,.08);color:var(--red-deep)}
.ms-pill--ok{background:var(--ink);border-color:var(--ink)}
.ms-ticks li .ms-ico,.ms-check li .ms-ico{color:var(--red);--acc:var(--red)}
.ms-check--light li .ms-ico{color:var(--red-2);--acc:var(--red-2)}
.ms-switch[aria-checked="true"] .ms-switch__knob{background:var(--red)}
.ms-switch[data-w^="-"][aria-checked="true"] .ms-switch__knob{background:var(--ink)}
.ms-sys .ms-ico{--acc:var(--red-deep)}

/* Cards & surfaces: white, hairline, soft lift */
.ms-card,.ms-person,.ms-perk,.ms-integration,.ms-case-card,.ms-post-card,.ms-logo-tile,.ms-contact-item,.ms-tier,.ms-journey__item{border-color:var(--line)}
.ms-card:hover,.ms-person:hover,.ms-perk:hover,.ms-integration:hover,.ms-case-card:hover,.ms-post-card:hover,.ms-logo-tile:hover,a.ms-contact-item:hover{border-color:var(--line);box-shadow:var(--lift)}
.ms-cards--dark .ms-card:hover{border-color:rgba(216,66,73,.6);box-shadow:none}
.ms-demo{border-color:var(--line)!important;box-shadow:var(--lift)}
.ms-demo__bar{border-bottom:1px solid var(--line)!important;background:var(--paper)}
.ms-formcard,.ms-play,.ms-roi,.ms-score{border-color:var(--line)!important;box-shadow:var(--lift)!important}
.ms-tier--featured{box-shadow:0 30px 60px -20px rgba(216,66,73,.45)!important}
.ms-home .face img{border-color:var(--line)!important;box-shadow:0 40px 80px -24px rgba(24,24,24,.35)!important}
.ms-home .ai-inner,.ms-home .crm-illustration,.ms-home .ai-insight-card,.ms-home .ai-followup-card{border-color:var(--line)!important;box-shadow:var(--lift)!important}
.ms-home .ai-panel.outbound .ai-badge{background:var(--red)}
.ms-home .ai-panel.inbound .ai-badge,.ms-home .ai-panel.inbound .ai-avatar{background:var(--ink)}
.ms-home .ai-badge--teal{background:var(--red-deep)!important}
.ms-home .ai-panel.inbound .ai-waveform span{background:var(--grey)}
.ms-home .ai-panel.inbound .ai-insight-meter span{background:var(--grey)}
.ms-home .crm-chart span:nth-child(even){background:var(--grey)}
.ms-home .crm-chart span{background:var(--red)}
.ms-home .crm-pill.won,.ms-home .crm-badge-live{background:none;color:var(--red-deep)}
.ms-home .crm-pill.won{background:rgba(193,49,45,.1)}
.ms-home .ai-progress span.active{background:var(--red)}

/* Salesloft-style numbered stats */
.ms-stats{counter-reset:stat}
.ms-stat{counter-increment:stat}
.ms-stat__num::before{content:counter(stat,decimal-leading-zero);display:block;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;color:var(--red);margin-bottom:10px}
.ms-stats--boxed .ms-stat__num{color:var(--text)}
.ms-stats--light.ms-stats--boxed .ms-stat__num{color:#fff}

/* Mega-menu descriptions (Appearance → Menus → Description) */
.ms-menu .sub-menu{min-width:320px;padding:10px}
.ms-menu .sub-menu a{flex-direction:column;align-items:flex-start;gap:2px}
.ms-menu__desc{display:block;font-size:13px;font-weight:400;color:var(--muted);line-height:1.4}
@media (max-width:1080px){.ms-menu__desc{color:var(--muted-light)}}
.ms-menu .sub-menu{border:1px solid var(--line)!important;box-shadow:0 30px 60px -12px rgba(24,24,24,.25)!important;background:#fff!important}

/* Headings in hero cards stay white */
.gm-card h1 em{color:#fff}
.ms-modal__close:hover{background:var(--paper-2)}
.ms-wave i:nth-child(3n){background:var(--grey)}

/* Customer logo rows (no repeats in view) */
.ms-logos{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ms-marquee__track{list-style:none;margin:0;padding:0;animation:none;display:flex;gap:16px;width:max-content}
.ms-marquee.is-moving .ms-marquee__track{animation:msMarq var(--dur,60s) linear infinite}
.ms-marquee.is-moving.ms-marquee--rev .ms-marquee__track{animation-direction:reverse}
.ms-marquee.is-moving:hover .ms-marquee__track{animation-play-state:paused}
@keyframes msMarq{to{transform:translateX(calc(-1 * var(--shift,50%)))}}
.ms-marquee.is-static{mask-image:none;-webkit-mask-image:none}
.ms-marquee.is-static .ms-marquee__track{width:auto;max-width:1240px;margin:0 auto;padding:0 32px;flex-wrap:wrap;justify-content:center}
.ms-marquee__item{background:#fff!important;border:1px solid var(--line)!important;width:clamp(170px,16vw,220px);height:clamp(96px,8vw,116px);padding:16px 20px;display:grid;place-items:center}
.ms-marquee__item:hover{box-shadow:var(--lift);border-color:var(--line)!important}
.ms-marquee__item img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}
.ms-marquee__item small{display:none}
.ms-logo-tile{background:#fff}
.ms-logo-tile img{max-height:84px;max-width:100%;height:auto}
@media (prefers-reduced-motion:reduce){.ms-marquee .ms-marquee__track{animation:none!important;width:auto;flex-wrap:wrap;justify-content:center;padding:0 20px}}
.ms-footer__company{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.ms-footer__mg{height:28px;width:auto;opacity:.95}
.fh-hero h1{font-weight:500}.fh-hero h1 em{font-weight:800}
.ms-logos__title{font-weight:500}
.ms-brand__mark i{background:var(--red)}.ms-brand__mark i:nth-child(2){background:#fff}.ms-brand__mark i:nth-child(3){background:var(--grey)}
.ms-brand__text span{background:var(--red)}
.gm-avatars i{background:var(--red-deep)}.gm-avatars i:first-child{background:var(--red)}.gm-avatars i:nth-child(3){background:#5F6261}
.ms-avatar--moss{background:var(--red-deep)}.ms-avatar--clay{background:var(--grey)}
.ms-cta+.ms-footer,.ms-footer{border-top:1px solid var(--line-dark)}
.ms-journey__item:nth-child(even){margin-top:0}
@media (max-width:1080px){
  .ms-menu .sub-menu{background:transparent!important;border:0!important;box-shadow:none!important;min-width:0;padding:0 0 12px 4px}
  .ms-menu .sub-menu a{color:#fff}
  .ms-menu .sub-menu a:hover{background:rgba(255,255,255,.06)}
}
@media (max-width:640px){.ms-marquee__item{width:150px;height:88px;padding:12px 14px}}

/* =====================================================================
   v4 — Poppins, Salesloft-style type scale, product hero, mega menu
   ===================================================================== */
:root{--mono:var(--label,'Poppins',system-ui,sans-serif)}
body{font-size:16px;line-height:1.7;letter-spacing:0;color:var(--text)}
h1,h2,h3,h4{font-weight:600;letter-spacing:-.025em;line-height:1.12}
h1 em,h2 em,.ms-h2 em,.headline em,.ms-cta__title em,.ms-logos__title em{font-weight:700;color:var(--red)}
.ms-h2{font-size:clamp(32px,4vw,54px);line-height:1.1}
.ms-h3{font-size:clamp(22px,2.1vw,28px);font-weight:600}
.ms-lead{font-size:clamp(16px,1.25vw,18px);line-height:1.75;font-weight:400}
.ms-p{font-size:16.5px;line-height:1.75}
.ms-phero__title{font-size:clamp(36px,5vw,68px)!important;line-height:1.08;font-weight:600}
.ms-phero__lead{font-size:clamp(16px,1.3vw,18.5px);line-height:1.75}
.ms-home .headline{font-size:clamp(38px,5.4vw,80px);line-height:1.04;font-weight:600;letter-spacing:-.035em}
.fh-hero h1{font-size:clamp(38px,5.6vw,80px)!important;line-height:1.05;font-weight:600!important;letter-spacing:-.035em}
.fh-hero h1 em{font-weight:700!important}
.ms-card__title{font-size:18px;font-weight:600;letter-spacing:-.01em}
.ms-card__text{font-size:15px;line-height:1.7}
.ms-stat__num{font-weight:600;letter-spacing:-.035em}
.ms-acc__btn{font-family:var(--head);font-weight:600;font-size:18px}
.ms-btn{font-family:var(--sans);font-weight:600;letter-spacing:0}
/* labels & small caps: Poppins, not monospace */
.ms-kicker,.gm-kicker,.fh-kicker,.ai-kicker,.onboard-kicker{font-family:var(--label);font-weight:600;font-size:12.5px;letter-spacing:.16em}
.ms-stat__label,.ms-crumbs,.ms-demo__bar,.ms-demo__label,.ms-demo__meta,.ms-chip,.ms-pill,.ms-tag,.ms-case-card__meta,.ms-person__role,.ms-tier__level,.ms-footer h4,.ms-post-card__meta,.ms-contact-item small,.ms-pstep__n,.ms-jobs__dept,.ms-job__cols h4{font-family:var(--label);letter-spacing:.06em}
.ms-code,.ms-code-res{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important}

/* ---------- Home hero: text left, product scene right ---------- */
.ms-hero{height:auto;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:calc(var(--header-h) + var(--admin) + 40px) 0 70px}
.ms-hero__media .gm-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,18,18,.88) 0%,rgba(18,18,18,.7) 45%,rgba(18,18,18,.55) 100%),radial-gradient(800px 500px at 85% 20%,rgba(216,66,73,.25),transparent 60%)}
.ms-hero__fallback{background:var(--ink)!important}
.ms-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,4vw,64px);align-items:center;max-width:1320px}
.ms-hero .gm-card{position:relative!important;top:auto!important;left:auto!important;width:auto!important;max-width:580px;transform:none;opacity:0;animation:msHeroIn .9s var(--ease) .15s forwards;padding:40px 38px}
@keyframes msHeroIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.ms-hero .gm-card h1{font-size:clamp(36px,4.2vw,60px);line-height:1.06;font-weight:600;letter-spacing:-.035em}
.ms-hero .gm-card h1 em{font-weight:700;color:var(--red-2)}
.ms-hero .gm-card p{font-size:16.5px;line-height:1.75;max-width:46ch}
.gm-points{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;opacity:0;animation:gmFadeIn .8s ease 1.2s forwards}
.gm-points li{display:flex;gap:8px;align-items:center;font-size:14px;color:rgba(255,255,255,.88)}
.gm-points .ms-ico{color:var(--red-2);--acc:var(--red-2)}
.gm-trust{gap:14px}
.gm-trust strong{font-family:var(--head);font-size:28px;font-weight:700;color:#fff;letter-spacing:-.03em;line-height:1}
.gm-trust small{font-size:13px}
.gm-avatars{display:none}
.gm-link{display:inline-flex;align-items:center;gap:8px}
.gm-link::after{content:'→'}
@media (max-width:1100px){.ms-hero__grid{grid-template-columns:1fr}.ms-hero .gm-card{max-width:640px}}
@media (max-width:900px){.ms-hero .gm-card{padding:28px 22px;animation-name:msHeroIn}.gm-points{grid-template-columns:1fr}}

/* ---------- Hero product scene ---------- */
.hv{position:relative;height:560px;opacity:0;animation:msHeroIn 1s var(--ease) .45s forwards}
.hv-card{position:absolute;background:#fff;border-radius:18px;box-shadow:0 40px 80px -24px rgba(0,0,0,.6);overflow:hidden;color:var(--text)}
.hv-flow{top:0;left:0;right:6%;padding:18px 20px 22px}
.hv-flow__head{display:grid;grid-template-columns:1fr 1fr 1fr;font-family:var(--label);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.hv-flow__head span:nth-child(2){text-align:center;color:var(--red)}
.hv-flow__head span:nth-child(3){text-align:right}
.hv-flow__grid{position:relative;display:grid;grid-template-columns:33% 1fr 33%;align-items:center;height:170px}
.hv-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hv-line{fill:none;stroke:rgba(216,66,73,.55);stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-dasharray:4 6;animation:hvFlow 1.2s linear infinite}
.hv-line--out{stroke:rgba(24,24,24,.35)}
@keyframes hvFlow{to{stroke-dashoffset:-20}}
.hv-col{list-style:none;margin:0;padding:0;display:grid;gap:10px;position:relative;z-index:1}
.hv-col li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--paper);border:1px solid var(--line);font-size:12px;font-weight:500;white-space:nowrap;animation:hvPing 4.5s ease-in-out infinite;animation-delay:calc(var(--k) * 1.5s)}
.hv-col li .ms-ico{color:var(--red);--acc:var(--red);flex-shrink:0}
.hv-col--out li{animation-delay:calc(var(--k) * 1.5s + .75s)}
@keyframes hvPing{0%,70%,100%{border-color:var(--line);background:var(--paper)}20%,40%{border-color:var(--red);background:#fff;box-shadow:0 8px 18px -8px rgba(216,66,73,.45)}}
.hv-core{position:relative;z-index:1;justify-self:center;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;box-shadow:0 18px 30px -10px rgba(216,66,73,.7)}
.hv-core b{font-family:var(--head);font-size:30px;font-weight:700}
.hv-core__ring{position:absolute;inset:-10px;border-radius:50%;border:1.5px dashed rgba(216,66,73,.45);animation:gmSpin 14s linear infinite}
.hv-core__ring--2{inset:-20px;border-style:solid;border-color:rgba(216,66,73,.15);animation-duration:24s;animation-direction:reverse}
.hv-pipe{right:0;bottom:30px;width:56%;border:0!important}
.hv-pipe .ms-demo__bar{padding:10px 14px;font-size:11px}
.hv-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}
.hv-kanban>div{display:grid;gap:6px;align-content:start;min-height:120px;padding:8px;border-radius:10px;background:var(--paper)}
.hv-kanban small{font-family:var(--label);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.hv-k{display:block;font-style:normal;font-size:11.5px;font-weight:500;padding:7px 8px;border-radius:8px;background:#fff;border:1px solid var(--line)}
.hv-k em{display:block;font-style:normal;font-size:10px;color:var(--red);font-weight:600}
.hv-k--hot{border-color:var(--red);box-shadow:0 8px 16px -8px rgba(216,66,73,.5)}
.hv-phone{position:absolute;left:4%;bottom:0;width:218px;height:380px;border-radius:34px;background:#111;padding:10px;box-shadow:0 40px 80px -20px rgba(0,0,0,.7);border:1px solid #2a2a2a!important;overflow:visible}
.hv-phone__notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:70px;height:18px;border-radius:12px;background:#000;z-index:2}
.hv-phone__screen{position:relative;height:100%;border-radius:26px;background:linear-gradient(180deg,#232425,#141414);overflow:hidden;color:#fff;padding:46px 14px 14px}
.hv-call{position:absolute;inset:46px 14px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.hv-avatar{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--red);font-family:var(--head);font-weight:700;font-size:20px;margin-top:10px}
.hv-call--ring .hv-avatar{animation:hvRing 1.2s ease-in-out infinite}
@keyframes hvRing{0%,100%{box-shadow:0 0 0 0 rgba(216,66,73,.6)}50%{box-shadow:0 0 0 14px rgba(216,66,73,0)}}
.hv-call strong{font-size:15px;font-weight:600}
.hv-call small{font-size:11px;color:#b9bbba}
.hv-call__btns{margin-top:auto;display:flex;gap:44px}
.hv-call__btns span{width:46px;height:46px;border-radius:50%;background:#e04848}
.hv-call__btns .yes{background:#3a9a5b}
.hv-call .ms-wave{height:34px;width:100%}
.hv-call .ms-wave i{background:var(--red-2)}
.hv-call .ms-wave i:nth-child(3n){background:#fff}
.hv-bubble{margin:4px 0 0;padding:9px 11px;border-radius:12px 12px 12px 4px;background:rgba(255,255,255,.1);font-size:11.5px;line-height:1.45;text-align:left;align-self:stretch}
.hv-toast{margin:auto 0 0;display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;background:#fff;color:var(--text);font-size:11px;font-weight:600;align-self:stretch}
.hv-toast .ms-ico{color:var(--red);--acc:var(--red)}
@media (max-width:1100px){.hv{height:540px;max-width:640px;width:100%}}
@media (max-width:640px){
  .hv{height:auto;display:grid;gap:16px}
  .hv-card,.hv-phone{position:relative;inset:auto!important;width:100%!important;right:auto;left:auto;bottom:auto}
  .hv-phone{width:220px!important;justify-self:center}
  .hv-col li{font-size:11px;padding:7px 8px}
  .hv-col li span{overflow:hidden;text-overflow:ellipsis}
  .hv-core{width:60px;height:60px}
}

/* ---------- Mega menu ---------- */
.ms-header__inner{position:relative}
@media (min-width:1081px){
  .ms-menu>li{position:static}
  .ms-mega{position:absolute;left:32px;right:32px;top:calc(100% - 6px);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .22s,transform .3s var(--ease),visibility .22s;z-index:50}
  .ms-mega::before{content:'';position:absolute;inset:-16px 0 auto;height:16px}
  .ms-menu>li:hover>.ms-mega,.ms-menu>li:focus-within>.ms-mega{opacity:1;visibility:visible;transform:none}
  .ms-mega__inner{display:grid;grid-template-columns:1fr 340px;gap:12px;max-width:1080px;margin:0 auto;padding:14px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 40px 80px -20px rgba(24,24,24,.35)}
  .ms-menu .ms-mega .sub-menu{position:static!important;opacity:1;visibility:visible;transform:none;display:grid;grid-template-columns:1fr 1fr;gap:4px;min-width:0;padding:8px!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .ms-menu .ms-mega .sub-menu::before{content:none}
  .ms-menu .ms-mega .sub-menu a{display:flex;flex-direction:row;align-items:flex-start;gap:14px;padding:14px;border-radius:14px;color:var(--text)}
  .ms-menu .ms-mega .sub-menu a:hover{background:var(--paper)}
  .ms-mega__ico{flex-shrink:0;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(216,66,73,.1);color:var(--red);--acc:var(--red);transition:background .2s,color .2s}
  .ms-menu .ms-mega .sub-menu a:hover .ms-mega__ico{background:var(--red);color:#fff;--acc:#fff}
  .ms-mega__txt{display:flex;flex-direction:column;gap:3px;font-weight:600;font-size:15px;line-height:1.3}
  .ms-mega__txt .ms-badge-new{align-self:flex-start;margin:0 0 2px}
  .ms-menu__desc{font-size:13px;font-weight:400;color:var(--muted)}
}
.ms-mega__promo{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:16px;background:var(--ink);color:#fff;text-decoration:none;overflow:hidden;min-height:250px}
.ms-mega__promo::after{content:'';position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(216,66,73,.45),transparent 70%)}
.ms-mega__promo:hover{color:#fff}
.ms-mega__kicker{position:relative;z-index:1;font-family:var(--label);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--red-2)}
.ms-mega__promo strong{position:relative;z-index:1;font-family:var(--head);font-size:17px;font-weight:600;line-height:1.35;letter-spacing:-.01em}
.ms-mega__cta{position:relative;z-index:1;margin-top:auto;font-size:14px;font-weight:600;color:#fff}
.ms-mega__art{position:relative;z-index:1;display:flex;align-items:center;height:92px;margin-bottom:6px}
.ms-art-flow{gap:0}
.ms-art-flow .n{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;flex-shrink:0}
.ms-art-flow .n--core{width:52px;height:52px;border-radius:50%;background:var(--red);font-family:var(--head);font-weight:700;font-size:20px}
.ms-art-flow .l{flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--red-2) 0 6px,transparent 6px 12px);background-size:24px 2px;animation:artFlow .8s linear infinite}
@keyframes artFlow{to{background-position:24px 0}}
.ms-art-bars{align-items:flex-end;gap:10px;height:92px}
.ms-art-bars i{width:22px;height:var(--h);border-radius:5px 5px 0 0;background:linear-gradient(180deg,var(--red-2),var(--red-deep));transform-origin:bottom;animation:artBar 2.8s ease-in-out infinite}
.ms-art-bars i:nth-child(2){animation-delay:.15s}.ms-art-bars i:nth-child(3){animation-delay:.3s}.ms-art-bars i:nth-child(4){animation-delay:.45s}.ms-art-bars i:nth-child(5){animation-delay:.6s}
@keyframes artBar{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
.ms-art-roles{flex-direction:column;align-items:flex-start;gap:6px;height:auto;min-height:92px;overflow:hidden}
.ms-art-roles i{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);font-style:normal;font-size:12px;font-weight:500;animation:artRole 4s ease-in-out infinite}
.ms-art-roles i .ms-ico{color:var(--red-2);--acc:var(--red-2)}
.ms-art-roles i:nth-child(2){animation-delay:.5s;margin-left:24px}.ms-art-roles i:nth-child(3){animation-delay:1s;margin-left:8px}.ms-art-roles i:nth-child(4){animation-delay:1.5s;margin-left:36px}
@keyframes artRole{0%,100%{background:rgba(255,255,255,.08)}25%{background:rgba(216,66,73,.55)}}
@media (max-width:1080px){
  .ms-mega{display:block;flex-basis:100%}
  .ms-mega__promo{display:none}
  .ms-mega__ico{display:none}
  .ms-mega__txt{display:flex;flex-direction:column;gap:2px}
}

/* ---------- Footer: centred brand block ---------- */
.ms-footer{padding-top:88px}
.ms-footer__mark{display:none!important}
.ms-footer__top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding-bottom:56px;margin-bottom:56px;border-bottom:1px solid var(--line-dark)}
.ms-footer__top .ms-footer__about{margin:4px auto 0;max-width:68ch;text-align:center;font-size:15.5px;line-height:1.8}
.ms-footer__top .ms-footer__company{flex-direction:row;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.ms-footer__top .ms-social{margin-top:4px;justify-content:center}
.ms-footer__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:860px){.ms-footer__grid{grid-template-columns:1fr 1fr}}
.hv{height:620px}
.hv-phone{height:350px;width:206px;left:3%}
.hv-pipe{bottom:28px}
@media (max-width:1100px){.hv{height:620px}}
@media (min-width:1081px){.ms-menu .ms-mega .sub-menu{align-content:start;grid-auto-rows:min-content}}
.ms-footer__widgets{text-align:center}
.ms-footer__widgets ul{list-style:none;padding:0}
.hv-avatar{flex-shrink:0;aspect-ratio:1}

/* =====================================================================
   v5 — floating header, particle hero, tabbed showcase, real phone
   ===================================================================== */

/* ---------- Floating header (once scrolled) ---------- */
.ms-header{transition:top .35s var(--ease),background .3s}
.ms-header__inner{transition:max-width .4s var(--ease),height .3s var(--ease),padding .3s,border-radius .4s,background .3s,box-shadow .3s,border-color .3s;border:1px solid transparent}
.ms-header.is-scrolled{background:transparent!important;box-shadow:none!important;top:calc(var(--admin) + 12px)}
.ms-header.is-scrolled .ms-header__inner{max-width:1200px;height:64px;padding:0 14px 0 22px;border-radius:18px;background:rgba(24,24,24,.86);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-color:rgba(255,255,255,.1);box-shadow:0 20px 40px -16px rgba(0,0,0,.45)}
.ms-header.is-scrolled .ms-mega{top:calc(100% + 8px)}
@media (max-width:1080px){
  .ms-header.is-scrolled{top:calc(var(--admin) + 8px)}
  .ms-header.is-scrolled .ms-header__inner{margin:0 10px;padding:0 10px 0 16px;height:60px}
  body.ms-nav-open .ms-header.is-scrolled .ms-header__inner{border-radius:18px 18px 0 0}
  .ms-header.is-scrolled .ms-nav{top:calc(var(--admin) + 68px);left:10px;right:10px;border-radius:0 0 18px 18px;height:calc(100dvh - var(--admin) - 80px)}
}

/* ---------- Particle hero ---------- */
.ms-hero.ms-hero--particles{display:block;min-height:0;height:auto;padding:calc(var(--header-h) + var(--admin) + clamp(48px,7vw,96px)) 0 clamp(56px,7vw,96px);background:radial-gradient(900px 520px at 50% 28%,rgba(216,66,73,.16),transparent 65%),var(--ink);overflow:hidden}
.ms-hero__particles{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.ms-hero__center{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;max-width:980px}
.ms-hero__kicker{justify-content:center}
.ms-hero__title{margin:0;color:#fff;font-size:clamp(40px,6.4vw,92px);line-height:1.02;font-weight:600;letter-spacing:-.04em;max-width:14ch;opacity:0;animation:msHeroIn .9s var(--ease) .1s forwards}
.ms-hero__title em{font-style:normal;font-weight:700;color:var(--red-2)}
.ms-hero__text{margin:24px auto 0;max-width:60ch;font-size:clamp(16px,1.3vw,18.5px);line-height:1.75;color:rgba(255,255,255,.78);opacity:0;animation:msHeroIn .9s var(--ease) .25s forwards}
.ms-hero__actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;margin-top:34px;opacity:0;animation:msHeroIn .9s var(--ease) .4s forwards}
.ms-hero__show{position:relative;z-index:2;margin-top:clamp(48px,6vw,80px);max-width:1180px;opacity:0;animation:msHeroIn 1s var(--ease) .55s forwards}

/* ---------- Showcase stage + tabs ---------- */
.ms-show__stage{position:relative;border-radius:24px;background:#fff;box-shadow:0 50px 100px -30px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08);overflow:hidden}
.ms-show__chrome{display:flex;align-items:center;gap:7px;height:44px;padding:0 18px;background:var(--paper);border-bottom:1px solid var(--line)}
.ms-show__chrome i{width:11px;height:11px;border-radius:50%;background:#d9dada}
.ms-show__chrome i:first-child{background:var(--red)}
.ms-show__chrome span{margin:0 auto;padding:5px 18px;border-radius:8px;background:#fff;border:1px solid var(--line);font-size:12px;color:var(--muted);transform:translateX(-24px)}
.ms-show__pane{min-height:520px;padding:clamp(18px,2.4vw,32px);display:flex;align-items:center;justify-content:center;animation:showIn .5s var(--ease)}
@keyframes showIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ms-show__pane>.ms-demo{width:100%;max-width:900px;box-shadow:none!important;border:1px solid var(--line)!important}
.ms-show__pane .ms-demo--bare{border:0!important;background:transparent;overflow:visible;max-width:none}
.ms-show__tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,28px);margin-top:28px}
.ms-show__tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 0 4px;background:none;border:0;text-align:left;cursor:pointer;color:rgba(255,255,255,.55);transition:color .25s}
.ms-show__tab:hover,.ms-show__tab[aria-selected="true"]{color:#fff}
.ms-show__bar{position:absolute;left:0;right:0;top:0;height:2px;background:rgba(255,255,255,.16);border-radius:2px;overflow:hidden}
.ms-show__bar i{display:block;height:100%;width:0;background:var(--red)}
.ms-show__tab[aria-selected="true"] .ms-show__bar i{width:100%}
.ms-show__tab.is-running .ms-show__bar i{width:0;animation:showBar var(--show-dur,8s) linear forwards}
.ms-show__tab.is-paused .ms-show__bar i{animation-play-state:paused}
@keyframes showBar{to{width:100%}}
.ms-show__num{font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--red-2)}
.ms-show__tab strong{font-family:var(--head);font-size:17px;font-weight:600;letter-spacing:-.01em}
.ms-show__tab small{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.55)}
.ms-show__tab[aria-selected="true"] small{color:rgba(255,255,255,.75)}
@media (max-width:860px){
  .ms-show__tabs{grid-template-columns:repeat(4,minmax(170px,1fr));overflow-x:auto;scrollbar-width:none;padding-bottom:6px;scroll-snap-type:x mandatory}
  .ms-show__tabs::-webkit-scrollbar{display:none}
  .ms-show__tab{scroll-snap-align:start}
  .ms-show__pane{min-height:0}
}

/* Call pane: phone + side cards */
.ms-pane-call .ms-demo--bare{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;width:100%;max-width:920px}
.ms-pane-call__side{display:grid;gap:16px}
.ms-show__card{padding:18px 20px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 36px -18px rgba(24,24,24,.25)}
.ms-show__cardhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ms-show__cardhead b{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--text)}
.ms-show__cardhead .ms-ico{color:var(--red);--acc:var(--red)}
.ms-show__card .ms-transcript{gap:10px;font-size:14px}
.ms-show__card .ms-transcript p{border-left-width:2px}
@media (max-width:760px){.ms-pane-call .ms-demo--bare{grid-template-columns:1fr;justify-items:center}.ms-pane-call__side{width:100%}}

/* ---------- Realistic phone ---------- */
.mp-phone{position:relative;width:250px;flex-shrink:0}
.mp-phone__frame{position:relative;aspect-ratio:9/19.3;border-radius:46px;padding:11px;background:linear-gradient(145deg,#3a3b3c,#121212 40%,#2b2c2d);box-shadow:0 0 0 1.5px #4a4b4c inset,0 40px 70px -24px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.4)}
.mp-phone__btn{position:absolute;width:3px;border-radius:2px;background:#2a2b2c}
.mp-phone__btn--1{left:-3px;top:110px;height:28px}.mp-phone__btn--2{left:-3px;top:150px;height:46px}.mp-phone__btn--3{right:-3px;top:140px;height:66px}
.mp-phone__screen{position:relative;height:100%;border-radius:36px;overflow:hidden;color:#fff;background:radial-gradient(120% 70% at 50% 0%,#5a2125 0%,#1c1c1e 55%,#111 100%)}
.mp-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:86px;height:25px;border-radius:20px;background:#000;z-index:3}
.mp-status{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:13px 22px 0 26px;font-size:12px}
.mp-status b{font-weight:600}
.mp-status__r{display:flex;align-items:center;gap:5px}
.mp-status .sig{display:flex;align-items:flex-end;gap:1.5px;height:10px}
.mp-status .sig s{display:block;width:3px;background:#fff;border-radius:1px}
.mp-status .sig s:nth-child(1){height:3px}.mp-status .sig s:nth-child(2){height:5px}.mp-status .sig s:nth-child(3){height:7px}.mp-status .sig s:nth-child(4){height:10px}
.mp-status .wifi{width:13px;height:9px;border-radius:13px 13px 0 0;border:2.4px solid #fff;border-bottom:0;clip-path:polygon(0 0,100% 0,50% 100%)}
.mp-status .bat{position:relative;width:22px;height:11px;border-radius:3px;border:1.4px solid rgba(255,255,255,.6);padding:1px}
.mp-status .bat s{display:block;height:100%;width:78%;background:#fff;border-radius:1.5px}
.mp-ring,.mp-call{position:absolute;inset:44px 16px 20px;display:flex;flex-direction:column;align-items:center;text-align:center}
.mp-ring small,.mp-call__who{font-size:11.5px;color:rgba(255,255,255,.7);display:inline-flex;align-items:center;gap:5px;margin-top:14px}
.mp-avatar{width:84px;height:84px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;margin:22px 0 12px;background:linear-gradient(145deg,var(--red-2),var(--red-deep));font-family:var(--head);font-size:28px;font-weight:600;box-shadow:0 14px 28px -10px rgba(216,66,73,.8)}
.mp-ring .mp-avatar{animation:mpRing 1.4s ease-out infinite}
@keyframes mpRing{0%{box-shadow:0 0 0 0 rgba(223,81,97,.55)}100%{box-shadow:0 0 0 22px rgba(223,81,97,0)}}
.mp-avatar--sm{width:62px;height:62px;font-size:21px;margin:14px 0 8px}
.mp-ring strong,.mp-call strong{font-size:19px;font-weight:600;letter-spacing:-.01em}
.mp-ring em{font-style:normal;font-size:12px;color:rgba(255,255,255,.65);margin-top:4px}
.mp-ring__btns{margin-top:auto;margin-bottom:22px;display:flex;gap:64px}
.mp-ring__btns span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff}
.mp-ring__btns .dec{background:#e5484d}.mp-ring__btns .acc{background:#30a46c;animation:mpBob 1.2s ease-in-out infinite}
.mp-ring__btns .ms-ico .d{opacity:0}
@keyframes mpBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.mp-call__time{font-size:13px;color:rgba(255,255,255,.75);margin-top:2px;font-variant-numeric:tabular-nums}
.mp-wave{width:100%;height:38px;margin:14px 0 6px}
.mp-wave i{background:var(--red-2)}
.mp-wave i:nth-child(3n){background:rgba(255,255,255,.85)}
.mp-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 10px;width:100%;margin-top:auto}
.mp-keys span{display:flex;flex-direction:column;align-items:center;gap:5px}
.mp-keys span .ms-ico{box-sizing:content-box;padding:12px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;--acc:#fff}
.mp-keys span .ms-ico .d{opacity:.25}
.mp-keys small{font-size:10px;color:rgba(255,255,255,.75)}
.mp-end{margin:14px 0 4px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#e5484d;color:#fff;flex-shrink:0}
.mp-end .ms-ico{transform:rotate(135deg)}
.mp-end .ms-ico .d{opacity:0}
@media (max-width:760px){.mp-phone{width:230px}}

/* ---------- Large signal flow ---------- */
.ms-flowx{width:100%;max-width:960px}
.ms-flowx__head{display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:18px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ms-flowx__head span:nth-child(2){text-align:center;color:var(--red)}
.ms-flowx__head span:nth-child(3){text-align:right}
.ms-flowx__grid{position:relative;display:grid;grid-template-columns:30% 1fr 30%;align-items:center;min-height:380px}
.ms-flowx__col{list-style:none;margin:0;padding:0;display:grid;gap:14px;position:relative;z-index:1}
.ms-flowx__col li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px -16px rgba(24,24,24,.3);animation:hvPing 6s ease-in-out infinite;animation-delay:calc(var(--k) * 1.5s)}
.ms-flowx__col--out li{animation-delay:calc(var(--k) * 1.5s + .75s)}
.ms-flowx__col b{display:block;font-size:14px;font-weight:600}
.ms-flowx__col small{display:block;font-size:12px;color:var(--muted)}
.ms-flowx__ico{flex-shrink:0;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(216,66,73,.1);color:var(--red);--acc:var(--red)}
.ms-flowx__core{position:relative;z-index:1;justify-self:center;width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ink);color:#fff;box-shadow:0 26px 50px -16px rgba(24,24,24,.55)}
.ms-flowx__core b{font-family:var(--head);font-size:42px;font-weight:700;line-height:1;color:var(--red-2)}
.ms-flowx__core ol{list-style:none;margin:8px 0 0;padding:0;display:flex;gap:6px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.ms-flowx__core ol li+li::before{content:'·';margin-right:6px;color:var(--red-2)}
.ms-flowx__core .hv-core__ring{inset:-14px}.ms-flowx__core .hv-core__ring--2{inset:-30px}
@media (max-width:860px){
  .ms-flowx__grid{grid-template-columns:1fr;gap:26px;min-height:0}
  .ms-flowx .hv-lines,.ms-flowx__head{display:none}
  .ms-flowx__col{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){.ms-flowx__col{grid-template-columns:1fr}}
/* showcase fixes */
.ms-show__stage{color:var(--text)}
.ms-flowx__lbl{margin-top:6px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.ms-show__pane .ms-kanban{gap:12px}
.ms-show__pane .ms-kcol{min-height:300px;padding:12px;gap:10px}
.ms-show__pane .ms-kcol>small{font-size:11px}
.ms-show__pane .ms-kcard{padding:12px;font-size:14px;font-weight:500}
.ms-show__pane .ms-kcard i{font-size:11.5px;margin-top:2px}
.ms-show__pane .ms-toast{font-size:14px;padding:12px 16px}
.ms-show__pane .ms-demo__body{padding:20px}
.ms-show__pane .ms-kpi strong{font-size:28px}
.ms-show__pane .ms-barrow{grid-template-columns:120px 1fr 44px;font-size:13.5px}
.mp-island{width:72px;height:22px;top:11px}
.mp-status{padding:12px 18px 0 24px}
.mp-call>*,.mp-ring>*{flex-shrink:0}
.mp-wave{min-height:34px}
@media (max-width:760px){.mp-keys{gap:8px}.mp-keys span .ms-ico{padding:10px}.mp-avatar--sm{margin:10px 0 6px}}

/* =====================================================================
   v6 — light split hero, glass showcase, right-side particles, footer
   ===================================================================== */

/* Home: header is the floating dark bar from the start (light hero) */
.ms-home-light .ms-header{top:calc(var(--admin) + 12px);background:transparent!important;box-shadow:none!important}
.ms-home-light .ms-header .ms-header__inner{max-width:1200px;height:64px;padding:0 14px 0 22px;border-radius:18px;background:rgba(24,24,24,.9);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px -16px rgba(24,24,24,.35)}
.ms-home-light .ms-header .ms-mega{top:calc(100% + 8px)}
@media (max-width:1080px){
  .ms-home-light .ms-header{top:calc(var(--admin) + 8px)}
  .ms-home-light .ms-header .ms-header__inner{margin:0 10px;padding:0 10px 0 16px;height:60px}
  .ms-home-light .ms-header .ms-nav{top:calc(var(--admin) + 68px);left:10px;right:10px;border-radius:0 0 18px 18px;height:calc(100dvh - var(--admin) - 80px)}
  body.ms-home-light.ms-nav-open .ms-header .ms-header__inner{border-radius:18px 18px 0 0}
}

/* Light split hero */
.ms-hero.ms-hero--light{display:block;height:auto;min-height:0;padding:calc(var(--admin) + 140px) 0 clamp(64px,7vw,100px);color:var(--text);background:radial-gradient(700px 520px at 78% 45%,rgba(216,66,73,.07),transparent 70%),linear-gradient(180deg,#fff 0%,#fafafa 100%);overflow:hidden}
.ms-hero__split{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(32px,4vw,64px);align-items:center;max-width:1320px}
.ms-hero__copy{position:relative;z-index:2}
.ms-hero--light .ms-hero__kicker{justify-content:flex-start;color:var(--red)}
.ms-hero--light .ms-hero__kicker::before{background:var(--red)}
.ms-hero--light .ms-hero__title{color:var(--ink);font-size:clamp(40px,4.8vw,72px);line-height:1.04;letter-spacing:-.04em;max-width:12ch;font-weight:600;opacity:0;animation:msHeroIn .9s var(--ease) .1s forwards}
.ms-hero--light .ms-hero__title em{color:var(--red);font-weight:700}
.ms-hero--light .ms-hero__text{margin:24px 0 0;max-width:46ch;color:var(--muted);font-size:clamp(16px,1.25vw,18px);line-height:1.75;opacity:0;animation:msHeroIn .9s var(--ease) .25s forwards}
.ms-hero--light .ms-hero__actions{justify-content:flex-start;margin-top:32px;opacity:0;animation:msHeroIn .9s var(--ease) .4s forwards}
.ms-hero--light .gm-link{color:var(--ink);border-bottom-color:rgba(24,24,24,.3)}
.ms-hero--light .gm-link:hover{color:var(--red);border-color:var(--red)}
.ms-hero__trust{display:flex;align-items:center;gap:14px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line);opacity:0;animation:msHeroIn .9s var(--ease) .55s forwards}
.ms-hero__trust strong{font-family:var(--head);font-size:34px;font-weight:700;letter-spacing:-.03em;color:var(--red);line-height:1}
.ms-hero__trust span{font-size:14px;color:var(--muted);max-width:30ch;line-height:1.5}

/* Right side: particles behind a glass showcase */
.ms-hero__visual{position:relative;z-index:1;opacity:0;animation:msHeroIn 1s var(--ease) .45s forwards}
.ms-hero--light .ms-hero__particles{position:absolute;inset:-70px -90px -60px -70px;width:calc(100% + 160px);height:calc(100% + 130px);z-index:0;pointer-events:none}
.ms-hero__visual .ms-show{position:relative;z-index:1}

/* Glassmorphism stage */
.ms-hero--light .ms-show__stage{background:rgba(255,255,255,.42);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(255,255,255,.75);box-shadow:0 30px 70px -24px rgba(24,24,24,.22),inset 0 1px 0 rgba(255,255,255,.9),0 0 0 1px rgba(24,24,24,.04);color:var(--text)}
.ms-hero--light .ms-show__chrome{background:rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.6)}
.ms-hero--light .ms-show__chrome span{background:rgba(255,255,255,.6);border-color:rgba(255,255,255,.8)}
.ms-hero--light .ms-show__pane{min-height:470px;padding:22px}
.ms-hero--light .ms-show__pane>.ms-demo{background:rgba(255,255,255,.62)!important;border:1px solid rgba(255,255,255,.8)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ms-hero--light .ms-show__pane .ms-demo__bar{background:rgba(255,255,255,.5)!important;border-bottom-color:rgba(255,255,255,.7)!important}
.ms-hero--light .ms-show__pane .ms-kpi,.ms-hero--light .ms-show__pane .ms-kcol,.ms-hero--light .ms-show__pane .ms-lrow{background:rgba(255,255,255,.55);border-color:rgba(255,255,255,.8)}
.ms-hero--light .ms-show__card{background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ms-hero--light .ms-flowx__col li{background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.9)}
.ms-hero--light .ms-show__pane .ms-demo--bare{background:transparent!important;border:0!important;backdrop-filter:none}

/* Compact pieces so everything fits the right column */
.ms-hero--light .ms-pane-call .ms-demo--bare{grid-template-columns:auto minmax(0,1fr);gap:24px}
.ms-hero--light .mp-phone{width:214px}
.ms-hero--light .ms-show__card{padding:14px 16px}
.ms-hero--light .ms-show__card .ms-transcript{font-size:13px;gap:8px}
.ms-hero--light .ms-ticks li{font-size:13px}
.ms-hero--light .ms-flowx__grid{min-height:340px;grid-template-columns:32% 1fr 32%}
.ms-hero--light .ms-flowx__col{gap:10px}
.ms-hero--light .ms-flowx__col li{padding:9px 10px;gap:9px}
.ms-hero--light .ms-flowx__ico{width:32px;height:32px}
.ms-hero--light .ms-flowx__col b{font-size:12.5px}
.ms-hero--light .ms-flowx__col small{font-size:11px}
.ms-hero--light .ms-flowx__core{width:112px;height:112px}
.ms-hero--light .ms-flowx__core b{font-size:34px}
.ms-hero--light .ms-flowx__core .hv-core__ring{inset:-10px}.ms-hero--light .ms-flowx__core .hv-core__ring--2{inset:-22px}
.ms-hero--light .ms-show__pane .ms-kcol{min-height:250px}

/* Tabs under the showcase (dark text on light) */
.ms-hero--light .ms-show__tabs{margin-top:22px;gap:16px}
.ms-hero--light .ms-show__tab{color:rgba(24,24,24,.5);padding-top:16px}
.ms-hero--light .ms-show__tab:hover,.ms-hero--light .ms-show__tab[aria-selected="true"]{color:var(--ink)}
.ms-hero--light .ms-show__bar{background:rgba(24,24,24,.1)}
.ms-hero--light .ms-show__num{color:var(--red)}
.ms-hero--light .ms-show__tab strong{font-size:15px}
.ms-hero--light .ms-show__tab small{font-size:12.5px;color:var(--muted)}
.ms-hero--light .ms-show__tab[aria-selected="true"] small{color:var(--text)}

@media (max-width:1100px){
  .ms-hero__split{grid-template-columns:1fr}
  .ms-hero--light .ms-hero__title{max-width:16ch}
  .ms-hero__visual{max-width:820px;width:100%;margin:0 auto}
}
@media (max-width:860px){
  .ms-hero.ms-hero--light{padding-top:calc(var(--admin) + 110px)}
  .ms-hero--light .ms-show__tabs{grid-template-columns:repeat(4,minmax(160px,1fr))}
}
@media (max-width:760px){
  .ms-hero--light .ms-pane-call .ms-demo--bare{grid-template-columns:1fr}
  .ms-hero--light .ms-hero__particles{inset:-40px -20px;width:calc(100% + 40px);height:calc(100% + 80px)}
}

/* ---------- Footer: back to the left-aligned layout ---------- */
.ms-footer__top{display:none}
.ms-footer__grid{grid-template-columns:1.6fr 1fr 1fr 1fr 1.2fr!important;gap:40px}
.ms-footer__brand .ms-footer__about{margin:20px 0 14px;max-width:42ch;text-align:left;font-size:15px;line-height:1.75}
.ms-footer__brand .ms-footer__company{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;text-align:left}
.ms-footer__brand .ms-social{justify-content:flex-start}
@media (max-width:1000px){.ms-footer__grid{grid-template-columns:1fr 1fr 1fr!important}.ms-footer__brand{grid-column:1/-1}}
@media (max-width:600px){.ms-footer__grid{grid-template-columns:1fr 1fr!important}.ms-footer__contact{grid-column:1/-1}}
/* v6 fixes */
.ms-hero--light .mp-phone{width:198px}
.ms-hero--light .ms-show__pane{min-height:480px}
.ms-hero--light .ms-show__stage{background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.28));backdrop-filter:blur(7px) saturate(1.6);-webkit-backdrop-filter:blur(7px) saturate(1.6)}
.ms-hero__visual,.ms-hero__copy,.ms-show,.ms-show__stage{min-width:0}
@media (max-width:1100px){.ms-hero__split{grid-template-columns:minmax(0,1fr)}}
@media (max-width:860px){.ms-hero--light .ms-show__tabs{grid-template-columns:repeat(4,minmax(150px,1fr));overflow-x:auto;max-width:100%}}
@media (max-width:760px){.ms-hero--light .mp-phone{width:210px}.ms-hero--light .ms-show__pane{min-height:0}}
.ms-footer__widgets{text-align:left;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;padding-top:40px;margin-top:40px;border-top:1px solid var(--line-dark);font-size:14px}
.ms-footer__widgets .ms-widget__title{color:#fff;font-size:14px;font-weight:600;margin-bottom:10px}
.ms-footer__widgets a{color:var(--muted-light);text-decoration:none}
.ms-footer__widgets a:hover{color:#fff}
.ms-footer__widgets li{margin:4px 0}
/* compact call screen for the hero-sized phone */
.ms-hero--light .mp-ring,.ms-hero--light .mp-call{inset:40px 12px 14px}
.ms-hero--light .mp-call__who,.ms-hero--light .mp-ring small{margin-top:8px;font-size:10.5px}
.ms-hero--light .mp-avatar{width:68px;height:68px;font-size:23px;margin:14px 0 8px}
.ms-hero--light .mp-avatar--sm{width:48px;height:48px;font-size:17px;margin:8px 0 6px}
.ms-hero--light .mp-call strong,.ms-hero--light .mp-ring strong{font-size:16px}
.ms-hero--light .mp-call__time{font-size:11.5px}
.ms-hero--light .mp-wave{height:28px;min-height:28px;margin:8px 0 4px}
.ms-hero--light .mp-keys{gap:6px 6px}
.ms-hero--light .mp-keys span{gap:3px}
.ms-hero--light .mp-keys span .ms-ico{padding:8px;width:18px;height:18px}
.ms-hero--light .mp-keys small{font-size:9px}
.ms-hero--light .mp-end{width:44px;height:44px;margin:8px 0 0}
.ms-hero--light .mp-end .ms-ico{width:20px;height:20px}
.ms-hero--light .mp-ring__btns{margin-bottom:14px;gap:48px}
.ms-hero--light .mp-ring__btns span{width:48px;height:48px}

/* =====================================================================
   v7 — Salesloft-style mega menu (sized to content, hover-intent)
   ===================================================================== */
@media (min-width:1081px){
  .ms-menu>li{position:relative}
  .ms-menu>.menu-item-has-children:hover>a::after{transform:rotate(45deg) translateY(-2px)}
  .ms-menu>.menu-item-has-children.is-open>a{color:#fff;background:rgba(255,255,255,.1)}
  .ms-menu>.menu-item-has-children.is-open>a::after{transform:rotate(225deg) translateY(-1px)}
  /* panel: anchored under its own item, sized to its content */
  .ms-mega,.ms-header.is-scrolled .ms-mega,.ms-home-light .ms-header .ms-mega{position:absolute;left:50%;right:auto;top:calc(100% + 16px);width:max-content;max-width:calc(100vw - 32px);transform:translate(calc(-50% + var(--mx,0px)),10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .28s var(--ease),visibility 0s linear .28s;z-index:60}
  html:not(.js) .ms-menu>li:hover>.ms-mega,.js .ms-menu>li:hover>.ms-mega,.js .ms-menu>li:focus-within>.ms-mega{opacity:0;visibility:hidden;pointer-events:none}
  html:not(.js) .ms-menu>li:hover>.ms-mega,.js .ms-menu>li.is-open>.ms-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(calc(-50% + var(--mx,0px)),0);transition:opacity .2s ease,transform .28s var(--ease),visibility 0s}
  /* invisible bridge so the panel doesn't close while the pointer travels to it */
  .ms-mega::before{content:'';position:absolute;left:0;right:0;top:-18px;height:18px}
  /* little pointer arrow aimed at the menu item */
  .ms-mega::after{content:'';position:absolute;top:-6px;left:calc(50% - var(--mx,0px));width:12px;height:12px;margin-left:-6px;background:#fff;border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg);border-radius:2px 0 0 0}
  .ms-mega__inner{display:flex;gap:10px;align-items:stretch;max-width:none;margin:0;padding:10px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 70px -18px rgba(24,24,24,.35),0 2px 6px rgba(24,24,24,.05)}
  .ms-mega__main{display:flex;flex-direction:column;padding:14px 8px 10px 14px}
  .ms-mega__label{margin:0 0 6px 12px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
  .ms-mega--cols-1 .ms-mega__main{width:330px}
  .ms-mega--cols-2 .ms-mega__main{width:600px}
  .ms-menu .ms-mega .sub-menu{grid-template-columns:1fr!important;gap:2px!important;padding:0!important}
  .ms-menu .ms-mega--cols-2 .sub-menu{grid-template-columns:1fr 1fr!important}
  .ms-menu .ms-mega .sub-menu a{position:relative;align-items:center;padding:12px 34px 12px 12px;border-radius:14px;transition:background .2s}
  .ms-menu .ms-mega .sub-menu a::after{content:'→';position:absolute;right:14px;top:50%;transform:translate(-6px,-50%);opacity:0;color:var(--red);font-weight:600;transition:opacity .2s,transform .25s var(--ease)}
  .ms-menu .ms-mega .sub-menu a:hover{background:var(--paper)}
  .ms-menu .ms-mega .sub-menu a:hover::after{opacity:1;transform:translate(0,-50%)}
  .ms-mega__ico{width:40px;height:40px;border-radius:12px}
  .ms-mega__txt{font-size:14.5px}
  .ms-menu__desc{font-size:12.5px;line-height:1.45}
  /* links fade up one after another when the panel opens */
  .ms-menu>li.is-open .ms-mega__links>li{animation:megaItem .38s var(--ease) both}
  .ms-menu>li.is-open .ms-mega__links>li:nth-child(2){animation-delay:.04s}
  .ms-menu>li.is-open .ms-mega__links>li:nth-child(3){animation-delay:.08s}
  .ms-menu>li.is-open .ms-mega__links>li:nth-child(4){animation-delay:.12s}
  .ms-menu>li.is-open .ms-mega__links>li:nth-child(5){animation-delay:.16s}
  .ms-menu>li.is-open .ms-mega__links>li:nth-child(n+6){animation-delay:.2s}
  .ms-menu>li.is-open .ms-mega__promo{animation:megaPromo .45s var(--ease) both .06s}
  @keyframes megaItem{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
  @keyframes megaPromo{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
  .ms-mega__all{display:inline-flex;align-items:center;gap:6px;margin:10px 0 0 12px;padding-top:12px;border-top:1px solid var(--line-2);font-size:13.5px;font-weight:600;color:var(--red);text-decoration:none;align-self:stretch}
  .ms-mega__all:hover{color:var(--red-deep)}
  .ms-mega__promo{width:270px;min-height:0;border-radius:14px}
  .ms-mega--cols-1 .ms-mega__promo{width:250px}
}
@media (max-width:1080px){.ms-mega__label,.ms-mega__all{display:none}}
@media (prefers-reduced-motion:reduce){.ms-menu>li.is-open .ms-mega__links>li,.ms-menu>li.is-open .ms-mega__promo{animation:none}}

/* =====================================================================
   v7 — showcase without a window: each element floats in frosted glass
   ===================================================================== */
.ms-hero--light .ms-show__stage{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:0;overflow:visible}
.ms-show__chrome{display:none!important}
.ms-hero--light .ms-show__pane{padding:6px 0;min-height:500px}
/* shared glass recipe */
.ms-hero--light .ms-show__card,
.ms-hero--light .ms-show__pane>.ms-demo,
.ms-hero--light .ms-flowx__col li,
.ms-hero--light .ms-flowx__head span{background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.3))!important;backdrop-filter:blur(14px) saturate(1.6);-webkit-backdrop-filter:blur(14px) saturate(1.6);border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 18px 40px -18px rgba(24,24,24,.22),inset 0 1px 0 rgba(255,255,255,.9),0 0 0 1px rgba(24,24,24,.035)!important}
.ms-hero--light .ms-show__pane>.ms-demo{border-radius:18px;overflow:hidden}
.ms-hero--light .ms-show__pane .ms-demo__bar{background:rgba(255,255,255,.35)!important;border-bottom:1px solid rgba(255,255,255,.7)!important}
.ms-hero--light .ms-show__pane .ms-kpi,.ms-hero--light .ms-show__pane .ms-kcol,.ms-hero--light .ms-show__pane .ms-lrow,.ms-hero--light .ms-show__pane .ms-callout{background:rgba(255,255,255,.45)!important;border-color:rgba(255,255,255,.75)!important}
.ms-hero--light .ms-show__pane .ms-kcard{background:rgba(255,255,255,.8)}
.ms-hero--light .ms-show__pane .ms-barrow>span:nth-child(2){background:rgba(24,24,24,.07)}
/* call pane: phone + two glass cards, no backing */
.ms-hero--light .ms-pane-call .ms-demo--bare{gap:22px}
.ms-hero--light .ms-show__card{border-radius:18px}
/* flow pane: glass pills for the column headings */
.ms-hero--light .ms-flowx__head{gap:10px}
.ms-hero--light .ms-flowx__head span{justify-self:start;padding:6px 12px;border-radius:999px;font-size:10.5px}
.ms-hero--light .ms-flowx__head span:nth-child(2){justify-self:center}
.ms-hero--light .ms-flowx__head span:nth-child(3){justify-self:end}
.ms-hero--light .ms-flowx__col li{animation-name:hvPingGlass}
@keyframes hvPingGlass{0%,70%,100%{border-color:rgba(255,255,255,.85)}20%,40%{border-color:rgba(216,66,73,.7);box-shadow:0 14px 30px -12px rgba(216,66,73,.45)}}
/* particles sit a touch stronger now that there's no white panel */
.ms-hero--light .ms-hero__particles{opacity:.95}
.ms-menu .ms-mega__all,.ms-menu .ms-mega__all:hover{color:var(--red)}.ms-menu .ms-mega__all:hover{color:var(--red-deep)}.ms-menu .ms-mega__promo,.ms-menu .ms-mega__promo:hover{color:#fff}
.ms-hero--light .ms-show__pane>.ms-demo.ms-demo--bare{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible}
.ms-mega__txt .ms-badge-new,.ms-menu .ms-badge-new{align-self:flex-start;width:auto;display:inline-block}

/* =====================================================================
   v8 — dark hero (charcoal), faded dark glass, AI chatbot tab
   ===================================================================== */
:root{--hero-bg:#1E1F21}
/* hero + the section after it share one colour; header sits transparent on top */
.ms-hero.ms-hero--dark{background:radial-gradient(760px 560px at 76% 46%,rgba(216,66,73,.14),transparent 68%),var(--hero-bg)!important;color:#fff;padding-top:calc(var(--header-h) + var(--admin) + clamp(48px,6vw,84px))}
.ms-home .intro{background:var(--hero-bg)!important}
.ms-hero--dark+.intro,.ms-home .ms-hero--dark~.intro{border-top:0}

/* Hero type */
.ms-hero--dark .ms-hero__kicker{color:#fff}
.ms-hero--dark .ms-hero__kicker::before{background:var(--red)}
.ms-hero--dark .ms-hero__title{color:#fff;font-family:var(--head);font-size:clamp(38px,4.4vw,64px);line-height:1.08;font-weight:600;letter-spacing:-.03em;max-width:13ch}
.ms-hero--dark .ms-hero__title em{color:var(--red-2);font-weight:700}
.ms-hero--dark .ms-hero__text{color:rgba(255,255,255,.72);font-size:clamp(16px,1.2vw,17.5px);line-height:1.75;font-weight:400;max-width:44ch}
.ms-hero--dark .gm-link{color:#fff;border-bottom-color:rgba(255,255,255,.35);font-weight:600}
.ms-hero--dark .gm-link:hover{color:var(--red-2);border-color:var(--red-2)}
.ms-hero--dark .ms-hero__trust{border-top-color:rgba(255,255,255,.12)}
.ms-hero--dark .ms-hero__trust strong{color:var(--red-2);font-weight:700}
.ms-hero--dark .ms-hero__trust span{color:rgba(255,255,255,.65)}

/* Faded dark glass: brightest top-left, fading out toward the lower-right corner */
.ms-hero--dark .ms-show__card,
.ms-hero--dark .ms-show__pane>.ms-demo:not(.ms-demo--bare),
.ms-hero--dark .ms-flowx__col li,
.ms-hero--dark .ms-flowx__head span,
.ms-hero--dark .mc-widget{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.06) 45%,rgba(255,255,255,.015) 100%)!important;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:0!important;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)!important;color:#fff}
.ms-hero--dark .ms-show__card::before,
.ms-hero--dark .ms-show__pane>.ms-demo:not(.ms-demo--bare)::before,
.ms-hero--dark .ms-flowx__col li::before,
.ms-hero--dark .ms-flowx__head span::before,
.ms-hero--dark .mc-widget::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(255,255,255,.08) 55%,rgba(255,255,255,0) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.ms-hero--dark .ms-show__pane>.ms-demo:not(.ms-demo--bare){border-radius:20px;overflow:hidden}

/* Text and inner tiles inside the dark glass */
.ms-hero--dark .ms-show__stage{color:#fff}
.ms-hero--dark .ms-show__pane .ms-demo__bar{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.08)!important;color:rgba(255,255,255,.75)}
.ms-hero--dark .ms-show__pane .ms-demo__bar b{color:#fff}
.ms-hero--dark .ms-show__pane .ms-demo__bar .ms-ico,.ms-hero--dark .ms-show__cardhead .ms-ico{color:var(--red-2);--acc:var(--red-2)}
.ms-hero--dark .ms-demo__live{color:var(--red-2)}
.ms-hero--dark .ms-show__cardhead{color:rgba(255,255,255,.6)}
.ms-hero--dark .ms-show__cardhead b{color:#fff}
.ms-hero--dark .ms-transcript p{border-left-color:rgba(255,255,255,.15);color:rgba(255,255,255,.88)}
.ms-hero--dark .ms-transcript p.agent{border-left-color:var(--red-2)}
.ms-hero--dark .ms-transcript p b{color:rgba(255,255,255,.5)}
.ms-hero--dark .ms-ticks li{color:rgba(255,255,255,.9)}
.ms-hero--dark .ms-ticks li .ms-ico{color:var(--red-2);--acc:var(--red-2)}
.ms-hero--dark .ms-show__pane .ms-kcol,.ms-hero--dark .ms-show__pane .ms-kpi,.ms-hero--dark .ms-show__pane .ms-lrow,.ms-hero--dark .ms-show__pane .ms-callout{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.07)!important;color:#fff}
.ms-hero--dark .ms-show__pane .ms-kcol>small,.ms-hero--dark .ms-show__pane .ms-kpi small,.ms-hero--dark .ms-show__pane .ms-lrow small{color:rgba(255,255,255,.55)}
.ms-hero--dark .ms-show__pane .ms-kcard{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#fff}
.ms-hero--dark .ms-show__pane .ms-kcard i{color:rgba(255,255,255,.55)}
.ms-hero--dark .ms-show__pane .ms-kcard--hot{border-color:var(--red-2);background:rgba(216,66,73,.18);box-shadow:0 10px 24px -12px rgba(216,66,73,.7)}
.ms-hero--dark .ms-show__pane .ms-toast{background:rgba(216,66,73,.22);border:1px solid rgba(223,81,97,.4)}
.ms-hero--dark .ms-show__pane .ms-kpi .up{color:var(--red-2)}
.ms-hero--dark .ms-show__pane .ms-barrow{color:rgba(255,255,255,.65)}
.ms-hero--dark .ms-show__pane .ms-barrow b{color:#fff}
.ms-hero--dark .ms-show__pane .ms-barrow>span:nth-child(2){background:rgba(255,255,255,.08)!important}
.ms-hero--dark .ms-show__pane .ms-callout{border-left:3px solid var(--red-2)!important}
.ms-hero--dark .ms-pill{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff}
.ms-hero--dark .ms-pill--hot{background:var(--red);border-color:var(--red)}
.ms-hero--dark .ms-flowx__head span{color:rgba(255,255,255,.75)}
.ms-hero--dark .ms-flowx__head span:nth-child(2){color:var(--red-2)}
.ms-hero--dark .ms-flowx__col b{color:#fff}
.ms-hero--dark .ms-flowx__col small{color:rgba(255,255,255,.55)}
.ms-hero--dark .ms-flowx__ico{background:rgba(216,66,73,.18);color:var(--red-2);--acc:var(--red-2)}
.ms-hero--dark .ms-flowx__core{background:linear-gradient(145deg,#2c2d30,#151617);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 26px 50px -16px rgba(0,0,0,.7)}
.ms-hero--dark .hv-line{stroke:rgba(223,81,97,.6)}
.ms-hero--dark .hv-line--out{stroke:rgba(255,255,255,.3)}
.ms-hero--dark .ms-flowx__col li{animation-name:hvPingDark}
@keyframes hvPingDark{0%,70%,100%{box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}20%,40%{box-shadow:0 0 0 1px rgba(223,81,97,.6),0 16px 34px -12px rgba(216,66,73,.55)}}
.ms-hero--dark .mp-phone__frame{box-shadow:0 0 0 1.5px #4a4b4c inset,0 40px 80px -24px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.06)}

/* Tabs under the showcase (light text on dark) */
.ms-hero--dark .ms-show__tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.ms-hero--dark .ms-show__tab{color:rgba(255,255,255,.5)}
.ms-hero--dark .ms-show__tab:hover,.ms-hero--dark .ms-show__tab[aria-selected="true"]{color:#fff}
.ms-hero--dark .ms-show__bar{background:rgba(255,255,255,.14)}
.ms-hero--dark .ms-show__num{color:var(--red-2)}
.ms-hero--dark .ms-show__tab strong{font-size:14px;font-weight:600;line-height:1.3}
.ms-hero--dark .ms-show__tab small{font-size:12px;line-height:1.45;color:rgba(255,255,255,.5)}
.ms-hero--dark .ms-show__tab[aria-selected="true"] small{color:rgba(255,255,255,.75)}
@media (max-width:860px){.ms-hero--dark .ms-show__tabs{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto}}

/* ---------- AI chatbot widget ---------- */
.ms-pane-chat .ms-demo--bare{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:center;width:100%;max-width:920px;background:none!important;border:0!important;box-shadow:none!important;overflow:visible}
.mc-widget{display:flex;flex-direction:column;height:430px;border-radius:22px;overflow:hidden}
.mc-head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,var(--red),var(--red-deep));color:#fff}
.mc-head__av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.2);color:#fff;--acc:#fff}
.mc-head strong{display:block;font-size:14px;font-weight:600}
.mc-head small{display:flex;align-items:center;gap:6px;font-size:11px;color:rgba(255,255,255,.85)}
.mc-online{width:7px;height:7px;border-radius:50%;background:#7ee2a8}
.mc-log{flex:1;display:flex;flex-direction:column;gap:8px;padding:14px;overflow:hidden}
.mc-msg{margin:0;max-width:86%;padding:9px 12px;font-size:12.5px;line-height:1.45;border-radius:14px}
.mc-msg--bot{align-self:flex-start;background:rgba(255,255,255,.1);color:#fff;border-bottom-left-radius:4px}
.mc-msg--me{align-self:flex-end;background:var(--red);color:#fff;border-bottom-right-radius:4px}
.mc-dots{align-self:flex-start;background:rgba(255,255,255,.1)!important}
.mc-dots i{background:rgba(255,255,255,.7)!important}
.mc-chips{display:flex;flex-wrap:wrap;gap:6px}
.mc-chips span{padding:6px 10px;border-radius:999px;border:1px solid rgba(223,81,97,.6);color:#fff;font-size:11.5px;font-weight:500}
.mc-chips span:first-child{background:rgba(216,66,73,.25)}
.mc-input{display:flex;align-items:center;justify-content:space-between;margin:0 12px 12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:12px;color:rgba(255,255,255,.45)}
.mc-input i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--red);color:#fff;--acc:#fff}
.mc-facts{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mc-facts li{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07)}
.mc-facts li:last-child{border-bottom:0;padding-bottom:0}
.mc-facts span{color:rgba(255,255,255,.55)}
.mc-facts b{font-weight:600;color:#fff;text-align:right}
.mc-score{display:flex;align-items:center;gap:10px;min-width:130px}
.mc-score i{display:block;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--red-2),var(--red));flex:1}
.mc-score em{font-style:normal}
/* light-hero fallback (if the dark modifier is removed) */
.ms-hero--light:not(.ms-hero--dark) .mc-msg--bot{background:var(--paper);color:var(--text)}
@media (max-width:760px){.ms-pane-chat .ms-demo--bare{grid-template-columns:1fr}.mc-widget{height:400px}}
/* chatbot behaves like a real chat: newest message stays above the input */
.mc-log{justify-content:flex-end}
.js-demo .mc-log>[data-s]:not(.on){display:none}
.js-demo .mc-log>[data-s].on{animation:mcIn .4s var(--ease)}
@keyframes mcIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* =====================================================================
   v9 — tighter hero, scatter-in signals, charcoal header, heavier type
   ===================================================================== */

/* Pull the hero up so it fits on one screen */
.ms-hero.ms-hero--dark{padding-top:calc(var(--header-h) + var(--admin) + 18px)!important;padding-bottom:clamp(36px,4vw,56px)!important}
.ms-hero--dark .ms-hero__split{align-items:center}
.ms-hero--dark .ms-show__pane{min-height:440px!important;padding:4px 0}
.ms-hero--dark .ms-show__tabs{margin-top:16px}
.ms-hero--dark .ms-show__tab{padding-top:14px}
.ms-hero--dark .mp-phone{width:196px}
.ms-hero--dark .mc-widget{height:420px}
.ms-hero--dark .ms-flowx__grid{min-height:330px}
.ms-hero--dark .ms-show__pane .ms-kcol{min-height:220px}
@media (max-height:820px) and (min-width:1101px){
  .ms-hero--dark .ms-show__pane{min-height:400px!important}
  .ms-hero--dark .mp-phone{width:180px}
  .ms-hero--dark .mc-widget{height:390px}
  .ms-hero--dark .ms-hero__title{font-size:clamp(36px,4vw,56px)!important}
}

/* Heavier hero type, Salesloft-style */
.ms-hero--dark .ms-hero__title{font-weight:700!important;letter-spacing:-.035em}
.ms-hero--dark .ms-hero__title em{font-weight:800!important}
.ms-hero--dark .ms-hero__kicker{font-weight:700}
.ms-hero--dark .ms-hero__text{font-weight:400;color:rgba(255,255,255,.76)}
.ms-hero--dark .ms-hero__trust strong{font-weight:800}
.ms-hero--dark .ms-show__tab strong{font-weight:700}
.ms-hero--dark .ms-btn{font-weight:700}

/* Stronger blur so the particles stay in the background */
.ms-hero--dark .ms-show__card,
.ms-hero--dark .ms-show__pane>.ms-demo:not(.ms-demo--bare),
.ms-hero--dark .ms-flowx__col li,
.ms-hero--dark .ms-flowx__head span,
.ms-hero--dark .mc-widget{backdrop-filter:blur(30px) saturate(1.3)!important;-webkit-backdrop-filter:blur(30px) saturate(1.3)!important;background:linear-gradient(135deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.08) 45%,rgba(255,255,255,.03) 100%),rgba(30,31,33,.35)!important}

/* Tab 3 — boxes start scattered & tilted, then settle; core and lines follow */
.ms-pane-signals:not([hidden]) .ms-flowx__col li{animation:flowFly 1.4s cubic-bezier(.2,.85,.25,1) both calc(.15s + var(--k) * .09s),hvPingDark 6s ease-in-out infinite calc(2.4s + var(--k) * 1.5s)}
.ms-pane-signals:not([hidden]) .ms-flowx__col--out li{animation-delay:calc(.25s + var(--k) * .09s),calc(3.1s + var(--k) * 1.5s)}
@keyframes flowFly{
  0%{opacity:0;transform:translate(var(--fx,0),var(--fy,0)) rotate(var(--fr,0deg)) scale(.92)}
  30%{opacity:1;transform:translate(calc(var(--fx,0) * .85),calc(var(--fy,0) * .85)) rotate(var(--fr,0deg)) scale(.96)}
  100%{opacity:1;transform:none}
}
.ms-pane-signals:not([hidden]) .ms-flowx__core{animation:flowCore .8s var(--ease) both 1.1s}
@keyframes flowCore{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
.ms-pane-signals:not([hidden]) .hv-lines{animation:flowLines .9s ease both 1.6s}
@keyframes flowLines{from{opacity:0}to{opacity:1}}
.ms-pane-signals:not([hidden]) .ms-flowx__head span{animation:flowLines .6s ease both .1s}
@media (prefers-reduced-motion:reduce){.ms-pane-signals .ms-flowx__col li,.ms-pane-signals .ms-flowx__core,.ms-pane-signals .hv-lines{animation:none!important;opacity:1;transform:none}}

/* Header in the hero's charcoal (floating bar + mobile menu) */
.ms-header.is-scrolled .ms-header__inner{background:rgba(30,31,33,.92)!important;border-color:rgba(255,255,255,.08)!important}
@media (max-width:1080px){.ms-nav{background:var(--hero-bg)!important}body.ms-nav-open .ms-header{background:transparent}body.ms-nav-open .ms-header:not(.is-scrolled){background:var(--hero-bg)!important}}
.ms-phero{background-color:var(--hero-bg)!important}
.ms-home .ms-hero--dark+.intro{padding-top:clamp(48px,6vw,80px)}

/* =====================================================================
   v10 — "Engage. Nurture. Sell." headline, solid widget surfaces,
          cross-fading showcase
   ===================================================================== */
:root{--surface:#2A2B2E;--surface-2:#323337;--surface-line:rgba(255,255,255,.09)}

/* Stacked headline, one word per line, last word highlighted */
.ms-hero--dark .ms-hero__title{font-size:clamp(52px,6.4vw,96px)!important;line-height:.98!important;letter-spacing:-.045em!important;font-weight:700!important;max-width:none}
.ms-hero--dark .ms-hero__title em{display:inline-block;font-weight:800!important;color:var(--red-2);background:linear-gradient(90deg,var(--red-2),var(--red));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ms-hero--dark .ms-hero__kicker{margin-bottom:22px}
.ms-hero--dark .ms-hero__text{margin-top:26px;max-width:42ch}
@media (max-height:820px) and (min-width:1101px){.ms-hero--dark .ms-hero__title{font-size:clamp(46px,5.4vw,76px)!important}}

/* Solid surfaces: lighter than the hero so the widgets stand apart (no glass) */
.ms-hero--dark .ms-show__card,
.ms-hero--dark .ms-show__pane>.ms-demo:not(.ms-demo--bare),
.ms-hero--dark .ms-flowx__col li,
.ms-hero--dark .ms-flowx__head span,
.ms-hero--dark .mc-widget{background:var(--surface)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid var(--surface-line)!important;box-shadow:0 24px 50px -24px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.04)!important}
.ms-hero--dark .ms-show__card::before,
.ms-hero--dark .ms-show__pane>.ms-demo:not(.ms-demo--bare)::before,
.ms-hero--dark .ms-flowx__col li::before,
.ms-hero--dark .ms-flowx__head span::before,
.ms-hero--dark .mc-widget::before{content:none!important}
.ms-hero--dark .ms-show__pane .ms-demo__bar{background:var(--surface-2)!important;border-bottom:1px solid var(--surface-line)!important}
.ms-hero--dark .ms-show__pane .ms-kcol,.ms-hero--dark .ms-show__pane .ms-kpi,.ms-hero--dark .ms-show__pane .ms-lrow{background:var(--surface-2)!important;border-color:var(--surface-line)!important}
.ms-hero--dark .ms-show__pane .ms-kcard{background:#3A3B3F;border-color:rgba(255,255,255,.08)}
.ms-hero--dark .ms-show__pane .ms-callout{background:rgba(216,66,73,.12)!important;border-color:rgba(216,66,73,.25)!important;border-left:3px solid var(--red-2)!important}
.ms-hero--dark .mc-log{background:var(--surface)}
.ms-hero--dark .mc-msg--bot,.ms-hero--dark .mc-dots{background:var(--surface-2)!important}
.ms-hero--dark .mc-input{background:var(--surface-2);border-color:var(--surface-line)}
.ms-hero--dark .ms-flowx__ico{background:rgba(216,66,73,.16)}
.ms-hero--dark .ms-flowx__core{background:var(--surface-2);box-shadow:0 0 0 1px var(--surface-line),0 24px 50px -20px rgba(0,0,0,.7)}
.ms-hero--dark .mp-phone__frame{background:linear-gradient(145deg,#4a4b4e,#2a2b2e 40%,#3a3b3e)}

/* Smooth cross-fade between tabs */
.ms-hero--dark .ms-show__pane{animation:paneIn .7s cubic-bezier(.22,.8,.24,1) both}
.ms-hero--dark .ms-show__pane.is-leaving{animation:paneOut .45s ease both}
@keyframes paneIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes paneOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px) scale(.985)}}
.ms-show__stage{min-height:440px}
@media (prefers-reduced-motion:reduce){.ms-hero--dark .ms-show__pane,.ms-hero--dark .ms-show__pane.is-leaving{animation:none}}
.ms-hero--dark .ms-show__pane .ms-kcard--hot{border-color:var(--red-2)!important;background:rgba(216,66,73,.2)!important;box-shadow:0 10px 24px -12px rgba(216,66,73,.7)}

/* =====================================================================
   v11 — left-to-right text reveal, distinguishable header, white widgets
   ===================================================================== */

/* Salesloft-style wipe: each line is uncovered from left to right */
.ms-hero--dark .ms-hero__title,.ms-hero--dark .ms-hero__text,.ms-hero--dark .ms-hero__actions,.ms-hero--dark .ms-hero__trust,.ms-hero--dark .ms-hero__kicker{opacity:1!important;animation:none!important;transform:none}
.ms-reveal-line{display:block;padding-bottom:.06em;clip-path:inset(-10% 100% -15% 0);animation:msWipe 1.05s cubic-bezier(.75,0,.2,1) forwards var(--d,0s)}
.ms-reveal-block{clip-path:inset(-10% 100% -10% 0);animation:msWipe 1s cubic-bezier(.75,0,.2,1) forwards var(--d,0s)!important}
@keyframes msWipe{to{clip-path:inset(-10% -6% -15% 0)}}
.ms-reveal-line em{display:inline-block}
@media (prefers-reduced-motion:reduce){.ms-reveal-line,.ms-reveal-block{clip-path:none!important;animation:none!important}}

/* Header: a lighter charcoal floating bar on every page, from the start */
.ms-header,.ms-header.is-scrolled{top:calc(var(--admin) + 12px)!important;background:transparent!important;box-shadow:none!important}
.ms-header .ms-header__inner,.ms-header.is-scrolled .ms-header__inner{max-width:1200px;height:64px;padding:0 14px 0 22px;border-radius:18px;background:rgba(42,43,46,.94)!important;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 18px 40px -18px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06)!important}
.ms-header .ms-mega{top:calc(100% + 8px)}
.fh-top-shade{display:none!important}
@media (max-width:1080px){
  .ms-header,.ms-header.is-scrolled{top:calc(var(--admin) + 8px)!important}
  .ms-header .ms-header__inner,.ms-header.is-scrolled .ms-header__inner{margin:0 10px;padding:0 10px 0 16px;height:60px}
  .ms-nav,.ms-header.is-scrolled .ms-nav{top:calc(var(--admin) + 68px)!important;left:10px!important;right:10px!important;border-radius:0 0 18px 18px;height:calc(100dvh - var(--admin) - 80px)!important;background:#2A2B2E!important;border:1px solid rgba(255,255,255,.12);border-top:0}
  body.ms-nav-open .ms-header .ms-header__inner{border-radius:18px 18px 0 0}
  body.ms-nav-open .ms-header,body.ms-nav-open .ms-header:not(.is-scrolled){background:transparent!important}
}

/* White widgets on the dark hero (the phone stays a dark device) */
.ms-hero--dark .ms-pane-white .ms-show__card,
.ms-hero--dark .ms-show__pane.ms-pane-white>.ms-demo:not(.ms-demo--bare),
.ms-hero--dark .ms-pane-white .ms-flowx__col li,
.ms-hero--dark .ms-pane-white .ms-flowx__head span,
.ms-hero--dark .ms-pane-white .mc-widget{background:#fff!important;color:var(--text)!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 28px 60px -24px rgba(0,0,0,.75)!important}
.ms-hero--dark .ms-show__pane.ms-pane-white .ms-demo__bar{background:var(--paper)!important;border-bottom:1px solid var(--line)!important;color:var(--muted)}
.ms-hero--dark .ms-show__pane.ms-pane-white .ms-demo__bar b,.ms-hero--dark .ms-pane-white .ms-show__cardhead b{color:var(--text)}
.ms-hero--dark .ms-pane-white .ms-show__cardhead{color:var(--muted)}
.ms-hero--dark .ms-pane-white .ms-demo__live{color:var(--red)}
.ms-hero--dark .ms-show__pane.ms-pane-white .ms-demo__bar .ms-ico,.ms-hero--dark .ms-pane-white .ms-show__cardhead .ms-ico{color:var(--red);--acc:var(--red)}
.ms-hero--dark .ms-pane-white .ms-transcript p{color:var(--text);border-left-color:var(--line)}
.ms-hero--dark .ms-pane-white .ms-transcript p.agent{border-left-color:var(--red)}
.ms-hero--dark .ms-pane-white .ms-transcript p b{color:var(--muted)}
.ms-hero--dark .ms-pane-white .ms-ticks li{color:var(--text)}
.ms-hero--dark .ms-pane-white .ms-ticks li .ms-ico{color:var(--red);--acc:var(--red)}
.ms-hero--dark .ms-show__pane.ms-pane-white .ms-kcol,.ms-hero--dark .ms-show__pane.ms-pane-white .ms-kpi,.ms-hero--dark .ms-show__pane.ms-pane-white .ms-lrow{background:var(--paper)!important;border:1px solid var(--line)!important;color:var(--text)}
.ms-hero--dark .ms-show__pane.ms-pane-white .ms-kcol>small,.ms-hero--dark .ms-show__pane.ms-pane-white .ms-kpi small,.ms-hero--dark .ms-show__pane.ms-pane-white .ms-lrow small{color:var(--muted)}
.ms-hero--dark .ms-show__pane.ms-pane-white .ms-kcard{background:#fff!important;border:1px solid var(--line)!important;color:var(--text)}
.ms-hero--dark .ms-show__pane.ms-pane-white .ms-kcard i{color:var(--muted)}
.ms-hero--dark .ms-show__pane.ms-pane-white .ms-kcard--hot{border-color:var(--red)!important;background:#fff!important;box-shadow:0 10px 22px -12px rgba(216,66,73,.6)}
.ms-hero--dark .ms-show__pane.ms-pane-white .ms-toast{background:var(--ink)!important;border:0!important;color:#fff}
.ms-hero--dark .ms-show__pane.ms-pane-white .ms-kpi .up{color:var(--red)}
.ms-hero--dark .ms-show__pane.ms-pane-white .ms-barrow{color:var(--muted)}
.ms-hero--dark .ms-show__pane.ms-pane-white .ms-barrow b{color:var(--text)}
.ms-hero--dark .ms-show__pane.ms-pane-white .ms-barrow>span:nth-child(2){background:var(--line-2)!important}
.ms-hero--dark .ms-show__pane.ms-pane-white .ms-callout{background:rgba(216,66,73,.07)!important;border:1px solid rgba(216,66,73,.15)!important;border-left:3px solid var(--red)!important;color:var(--text)}
.ms-hero--dark .ms-pane-white .ms-pill{background:var(--paper-2);border-color:var(--line);color:var(--text)}
.ms-hero--dark .ms-pane-white .ms-pill--hot{background:var(--red);border-color:var(--red);color:#fff}
.ms-hero--dark .ms-pane-white .ms-flowx__head span{color:var(--muted)}
.ms-hero--dark .ms-pane-white .ms-flowx__head span:nth-child(2){color:var(--red)}
.ms-hero--dark .ms-pane-white .ms-flowx__col b{color:var(--text)}
.ms-hero--dark .ms-pane-white .ms-flowx__col small{color:var(--muted)}
.ms-hero--dark .ms-pane-white .ms-flowx__ico{background:rgba(216,66,73,.1);color:var(--red);--acc:var(--red)}
.ms-hero--dark .ms-pane-white .ms-flowx__core{background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.6),0 24px 50px -20px rgba(0,0,0,.7)}
.ms-hero--dark .ms-pane-white .ms-flowx__core b{color:var(--red)}
.ms-hero--dark .ms-pane-white .ms-flowx__lbl{color:var(--muted)}
@keyframes hvPingWhite{0%,70%,100%{box-shadow:0 28px 60px -24px rgba(0,0,0,.75)}20%,40%{box-shadow:0 0 0 2px var(--red-2),0 18px 36px -14px rgba(216,66,73,.6)}}
.ms-hero--dark .ms-pane-signals.ms-pane-white:not([hidden]) .ms-flowx__col li{animation-name:flowFly,hvPingWhite!important}
.ms-hero--dark .ms-pane-white .mc-log{background:#fff}
.ms-hero--dark .ms-pane-white .mc-msg--bot,.ms-hero--dark .ms-pane-white .mc-dots{background:var(--paper-2)!important;color:var(--text)}
.ms-hero--dark .ms-pane-white .mc-dots i{background:var(--muted)!important}
.ms-hero--dark .ms-pane-white .mc-chips span{color:var(--text);border-color:rgba(216,66,73,.4)}
.ms-hero--dark .ms-pane-white .mc-chips span:first-child{background:rgba(216,66,73,.08)}
.ms-hero--dark .ms-pane-white .mc-input{background:var(--paper);border-color:var(--line);color:var(--muted)}
.ms-hero--dark .ms-pane-white .mc-facts li{border-bottom-color:var(--line-2)}
.ms-hero--dark .ms-pane-white .mc-facts span{color:var(--muted)}
.ms-hero--dark .ms-pane-white .mc-facts b{color:var(--text)}
.ms-hero--dark .ms-reveal-block{clip-path:inset(-10% 100% -10% 0);animation:msWipe 1s cubic-bezier(.75,0,.2,1) forwards var(--d,0s)!important}
@media (prefers-reduced-motion:reduce){.ms-hero--dark .ms-reveal-block{clip-path:none!important;animation:none!important}}
.ms-hero.ms-hero--dark{padding-top:calc(var(--header-h) + var(--admin) + 34px)!important}

/* =====================================================================
   v12 — header reverted, Salesloft-style light mega menu,
          one title style site-wide, hero fits the screen
   ===================================================================== */

/* ---- Header back to: transparent at the top, charcoal floating bar on scroll ---- */
.ms-header:not(.is-scrolled){top:var(--admin)!important}
.ms-header:not(.is-scrolled) .ms-header__inner{max-width:1360px;height:var(--header-h);padding:0 32px;margin:0 auto;border-radius:0;background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.ms-header.is-scrolled{top:calc(var(--admin) + 12px)!important}
.ms-header.is-scrolled .ms-header__inner{background:rgba(30,31,33,.92)!important;border:1px solid rgba(255,255,255,.08)!important}
.fh-top-shade{display:block!important}
@media (max-width:1080px){
  .ms-header:not(.is-scrolled) .ms-header__inner{margin:0;padding:0 20px;height:var(--header-h)}
  .ms-header:not(.is-scrolled) .ms-nav{top:calc(var(--header-h) + var(--admin))!important;left:0!important;right:0!important;border-radius:0;border:0;height:calc(100dvh - var(--header-h) - var(--admin))!important;background:var(--hero-bg)!important}
  .ms-header.is-scrolled .ms-nav{background:var(--hero-bg)!important;border:1px solid rgba(255,255,255,.08)}
  body.ms-nav-open .ms-header:not(.is-scrolled){background:var(--hero-bg)!important}
}

/* ---- Mega menu: intro column | links | light featured card ---- */
@media (min-width:1081px){
  .ms-mega__inner{gap:0;padding:8px}
  .ms-mega__intro{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;padding:22px 22px 18px;border-right:1px solid var(--line-2)}
  .ms-mega__intro .ms-mega__label{margin:0;font-family:var(--head);font-size:22px;font-weight:700;letter-spacing:-.03em;text-transform:none;color:var(--text)}
  .ms-mega__lead{margin:0;font-size:13.5px;line-height:1.55;color:var(--muted)}
  .ms-mega__intro .ms-mega__all{margin:auto 0 0;padding-top:14px;border-top:0}
  .ms-mega__main{padding:12px 10px}
  .ms-mega--cols-1 .ms-mega__main{width:310px}
  .ms-mega--cols-2 .ms-mega__main{width:560px}
  .ms-mega__promo{margin:4px;width:250px}
}
/* the featured card: light grey with red accents (no more black) */
.ms-mega__promo,.ms-menu .ms-mega__promo,.ms-menu .ms-mega__promo:hover{background:linear-gradient(160deg,#F6F6F7 0%,#EFEFF1 100%)!important;color:var(--text)!important;border:1px solid var(--line-2)}
.ms-mega__promo::after{background:radial-gradient(circle,rgba(216,66,73,.16),transparent 70%)!important}
.ms-mega__promo strong{color:var(--text)}
.ms-mega__kicker{color:var(--red)!important}
.ms-mega__cta{color:var(--red)!important}
.ms-mega__promo:hover .ms-mega__cta{color:var(--red-deep)!important}
.ms-art-flow .n{background:#fff;color:var(--red);--acc:var(--red);box-shadow:0 6px 14px -8px rgba(24,24,24,.3);border:1px solid var(--line)}
.ms-art-flow .n--core{background:var(--red);color:#fff;border:0}
.ms-art-roles i{background:#fff;border:1px solid var(--line);color:var(--text)}
.ms-art-roles i .ms-ico{color:var(--red);--acc:var(--red)}
@keyframes artRole{0%,100%{background:#fff}25%{background:rgba(216,66,73,.12);border-color:rgba(216,66,73,.35)}}

/* ---- One title style across the whole site (matches Engage. Nurture. Sell.) ---- */
h1,h2,.ms-h2,.ms-phero__title,.fh-hero h1,.ms-cta__title,.ms-home .headline,.ml10,.ms-logos__title,.ms-home .ai-inner h2,.ms-home .story-content h3,.ms-tier__name,.ms-case-card__metric,.ms-stat__num,.ms-process__num,.ms-roi__big,.ms-pstep h3,.ms-modal__aside h2,.ms-form__success h3,.ms-prose h2,.ms-post-card__title,.ms-hero__title{font-family:var(--head)!important;font-weight:700!important;letter-spacing:-.04em!important}
h1,h2,.ms-h2,.ms-phero__title,.ms-cta__title,.ms-home .headline,.ml10{line-height:1.03!important}
h3,.ms-h3,.ms-card__title{font-family:var(--head);font-weight:700;letter-spacing:-.02em}
h1 em,h2 em,.ms-h2 em,.ms-phero__title em,.fh-hero h1 em,.ms-cta__title em,.ms-home .headline em,.ms-logos__title em,.ms-hero__title em{font-style:normal;font-weight:800!important;color:var(--red-2);background:linear-gradient(90deg,var(--red-2),var(--red));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* ---- Hero sized to the screen height: nothing below the fold ---- */
.ms-hero.ms-hero--dark{min-height:0;padding-top:calc(var(--header-h) + var(--admin) + clamp(14px,3.2vh,34px))!important;padding-bottom:clamp(20px,3vh,40px)!important}
.ms-hero--dark .ms-hero__title{font-size:clamp(40px,min(6.2vw,10.4vh),96px)!important}
.ms-hero--dark .ms-hero__kicker{margin-bottom:clamp(10px,2vh,22px)!important}
.ms-hero--dark .ms-hero__text{margin-top:clamp(12px,2.4vh,26px)!important;font-size:clamp(14.5px,min(1.2vw,2vh),17.5px)!important;max-width:46ch!important}
.ms-hero--dark .ms-hero__actions{margin-top:clamp(14px,2.8vh,30px)!important}
.ms-hero--dark .ms-hero__actions .ms-btn--lg{padding:clamp(12px,1.8vh,17px) clamp(22px,2vw,30px)}
.ms-hero--dark .ms-hero__trust{margin-top:clamp(14px,2.8vh,34px)!important;padding-top:clamp(12px,2.2vh,24px)!important}
.ms-hero--dark .ms-hero__trust strong{font-size:clamp(26px,4vh,34px)}
.ms-hero--dark .ms-show__pane{min-height:clamp(330px,50vh,450px)!important}
.ms-show__stage{min-height:clamp(330px,50vh,450px)}
.ms-hero--dark .mp-phone{width:clamp(160px,22vh,198px)!important}
.ms-hero--dark .mc-widget{height:clamp(320px,47vh,420px)!important}
.ms-hero--dark .ms-flowx__grid{min-height:clamp(260px,38vh,330px)!important}
.ms-hero--dark .ms-show__tabs{margin-top:clamp(10px,1.8vh,16px)!important}
.ms-hero--dark .ms-show__tab{padding-top:clamp(10px,1.6vh,14px)!important}
.ms-hero--dark .ms-show__tab small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-height:760px) and (min-width:1101px){
  .ms-hero--dark .ms-show__tab small{display:none}
  .ms-hero--dark .ms-pane-call .ms-show__card .ms-transcript{font-size:12px}
}
@media (max-width:1100px){.ms-hero--dark .ms-hero__title{font-size:clamp(44px,9vw,84px)!important}}
/* scale the whole phone (not just its frame) on shorter screens */
.ms-hero--dark .mp-phone{width:198px!important}
@media (max-height:860px) and (min-width:1101px){.ms-hero--dark .mp-phone{zoom:.9}}
@media (max-height:790px) and (min-width:1101px){.ms-hero--dark .mp-phone{zoom:.82}}
@media (max-height:730px) and (min-width:1101px){.ms-hero--dark .mp-phone{zoom:.74}}

/* =====================================================================
   v13 — headline-only hero, Salesloft tabs, Insights Dashboard recreation
   ===================================================================== */

/* Left side: just the label and very large words */
.ms-hero--dark .ms-hero__copy{align-self:center}
.ms-hero--dark .ms-hero__title{font-size:clamp(56px,min(8.4vw,15vh),150px)!important;line-height:.94!important;letter-spacing:-.05em!important}
.ms-hero--dark .ms-hero__kicker{margin-bottom:clamp(16px,3vh,30px)!important;font-size:13px}
@media (max-width:1100px){.ms-hero--dark .ms-hero__title{font-size:clamp(56px,14vw,120px)!important}}
@media (max-width:520px){.ms-hero--dark .ms-hero__title{font-size:clamp(52px,17vw,84px)!important}}

/* Tabs under the showcase — Salesloft style: no numbers, clean titles, progress line */
.ms-hero--dark .ms-show__num{display:none!important}
.ms-hero--dark .ms-show__tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:0!important;margin-top:clamp(14px,2.4vh,22px)!important;border-top:1px solid rgba(255,255,255,.12)}
.ms-hero--dark .ms-show__tab{align-items:flex-start;justify-content:flex-start;padding:clamp(12px,2vh,18px) 14px 4px 0!important;color:rgba(255,255,255,.5)}
.ms-hero--dark .ms-show__bar{top:-1px;height:2px;background:transparent!important}
.ms-hero--dark .ms-show__bar i{background:var(--red-2)}
.ms-hero--dark .ms-show__tab strong{font-family:var(--head);font-size:clamp(13.5px,1.05vw,16px)!important;font-weight:600!important;letter-spacing:-.01em;line-height:1.3;transition:color .25s}
.ms-hero--dark .ms-show__tab[aria-selected="true"] strong{color:#fff;font-weight:700!important}
.ms-hero--dark .ms-show__tab:hover strong{color:#fff}
.ms-hero--dark .ms-show__tab small{display:none!important}
@media (max-width:860px){.ms-hero--dark .ms-show__tabs{grid-template-columns:repeat(5,minmax(140px,1fr))}}

/* ---------- Insights Dashboard (scaled from a 1120px design) ---------- */
.md-fit{position:relative;width:100%;overflow:hidden;border-radius:14px;box-shadow:0 30px 70px -26px rgba(0,0,0,.8)}
.md{width:1120px;transform-origin:0 0;background:#F4F4F5;color:#1E1F21;font-family:var(--sans);border-radius:0!important;border:0!important;box-shadow:none!important;overflow:hidden}
.md h4{margin:0;font-family:var(--head);font-size:22px;font-weight:700;letter-spacing:-.02em;color:#1E1F21;display:flex;align-items:center;gap:10px}
.md-i{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#E3E4E4;color:#5F6261;font-size:11px;font-weight:700;font-family:var(--sans)}
/* top bar */
.md-top{display:flex;align-items:center;gap:16px;height:64px;padding:0 24px;background:#fff;border-bottom:1px solid #ECECEE}
.md-burger{display:flex;flex-direction:column;gap:4px}.md-burger i{display:block;width:18px;height:2px;background:#1E1F21}
.md-burger i:nth-child(2){width:12px}
.md-logo{display:flex;align-items:flex-end;gap:3px;height:28px;margin-left:8px}
.md-logo i{display:block;width:8px;border-radius:2px;background:var(--red)}
.md-logo i:nth-child(1){height:12px}.md-logo i:nth-child(2){height:28px;background:#1E1F21}.md-logo i:nth-child(3){height:19px;background:var(--grey)}
.md-co{font-weight:600;font-size:16px;letter-spacing:.03em;color:#1E1F21}
.md-user{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--red);font-weight:500;font-size:14px}
.md-av{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;font-size:13px;font-weight:600}
/* sub nav */
.md-sub{display:flex;align-items:center;gap:12px;height:56px;padding:0 24px 0 280px;background:#F4F4F5}
.md-sub nav{display:flex;gap:30px;margin-right:auto;height:100%}
.md-sub nav a{display:flex;align-items:center;font-size:14px;color:#3A3B3E;border-bottom:2px solid transparent}
.md-sub nav a.on{color:var(--red);border-bottom-color:var(--red)}
.md-sel{display:flex;align-items:center;justify-content:space-between;gap:40px;width:150px;height:34px;padding:0 12px 0 56px;background:#fff;border:1px solid #E3E4E4;border-radius:3px;font-size:13px;color:#3A3B3E}
.md-btn{display:flex;align-items:center;height:34px;padding:0 16px;border-radius:4px;background:var(--red);color:#fff;font-size:13.5px;font-weight:500}
/* banner */
.md-banner{position:relative;display:flex;align-items:flex-start;justify-content:space-between;height:120px;margin:0 22px;padding:32px 50px;border-radius:14px 14px 0 0;background:linear-gradient(100deg,#9E2A2F 0%,var(--red) 45%,#E46F79 100%);overflow:hidden}
.md-waves{position:absolute;inset:0;width:100%;height:100%}
.md-waves path{fill:none;stroke:rgba(255,255,255,.18);stroke-width:1.2}
.md-title{position:relative;margin:0;color:#fff;font-family:var(--head);font-size:34px;font-weight:600;letter-spacing:-.01em}
.md-range{position:relative;align-self:flex-start;margin-top:4px;padding:10px;background:#fff;border-radius:8px;width:490px}
.md-pills{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-bottom:8px;border-bottom:1px solid #ECECEE}
.md-pills span{position:relative;z-index:1;display:grid;place-items:center;height:30px;font-size:13px;color:#3A3B3E;background:#F1F1F2;border-radius:3px}
.md-ind{position:absolute;z-index:2;top:0;height:30px;width:calc((100% - 24px)/4);border-radius:3px;background:rgba(216,66,73,.1);border-bottom:2px solid var(--red);pointer-events:none}
.md-ind::after{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:500;color:var(--red)}
.md-ind--1{left:0}.md-ind--1::after{content:'Today'}
.md-ind--2{left:calc((100% - 24px)/4 + 8px)}.md-ind--2::after{content:'Yesterday'}
.md-ind--3{left:calc(((100% - 24px)/4 + 8px)*2)}.md-ind--3::after{content:'Last 7 Days'}
.md-ind--4{left:calc(((100% - 24px)/4 + 8px)*3)}.md-ind--4::after{content:'Last 4 Weeks'}
.md-date{margin-top:8px;display:grid;place-items:center;height:32px;border:1px solid #D9DADB;border-radius:3px;font-size:13px;color:#3A3B3E}
/* lead states */
.md-states{margin:0 22px;padding:22px 20px 22px;background:#fff}
.md-states h4{margin:0 0 18px 20px}
.md-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.md-card{position:relative;height:190px;padding:22px 20px;border-radius:8px;overflow:hidden;color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.md-card::before,.md-card::after{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,.14)}
.md-card::before{width:150px;height:150px;right:-50px;top:-60px}
.md-card::after{width:90px;height:90px;right:-10px;top:10px;background:rgba(255,255,255,.1)}
.md-card__name{position:relative;z-index:1;font-family:var(--head);font-size:20px;font-weight:600;line-height:1.25}
.md-card__num{position:relative;z-index:1;min-width:80px;padding:3px 10px;background:#fff;color:#1E1F21;border-radius:3px;font-size:21px;font-weight:700;font-variant-numeric:tabular-nums}
.md-dots{position:absolute;left:20px;bottom:14px;width:110px;height:34px;background-image:radial-gradient(rgba(255,255,255,.55) 1.4px,transparent 1.6px);background-size:16px 14px}
.md-go{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:#1E1F21}
.md-go--big{position:relative;right:auto;bottom:auto;align-self:center;width:38px;height:38px;margin-top:12px}
.md-go--dark{position:relative;right:auto;bottom:auto;background:#1E1F21;color:#fff;margin-top:8px}
.md-card--all{align-items:center;justify-content:center}
.md-card--all .md-card__name{font-size:21px;text-align:center}
.md-g1{background:linear-gradient(150deg,#E46F79,var(--red) 55%,#B8333F)}
.md-g2{background:linear-gradient(150deg,#8E9190,#6F7271 60%,#5A5D5C)}
.md-g3{background:linear-gradient(150deg,#D84249,#B8333F 60%,#9E2A2F)}
.md-g4{background:linear-gradient(150deg,#3A3B3E,#2A2B2E 60%,#1E1F21)}
.md-g5{background:linear-gradient(150deg,#B4B7B6,#9B9E9D 60%,#7F8281)}
.md-g6{background:linear-gradient(150deg,#F08A93,#DF5161 60%,#C9434F)}
/* lower */
.md-low{display:grid;grid-template-columns:1fr 340px;margin:0 22px 22px;background:#F7EDEE}
.md-low__main{padding:22px 20px}
.md-low__heads{display:flex;gap:64px;margin:0 0 18px 20px}
.md-filter{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.08);color:#1E1F21}
.md-low__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.md-box{position:relative;height:220px;padding:22px 16px;border-radius:8px;background:#fff;box-shadow:0 6px 18px -10px rgba(0,0,0,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;overflow:hidden}
.md-box b{font-weight:600;font-size:15.5px;color:#3A3B3E}
.md-box small{margin-top:10px;padding-bottom:6px;border-bottom:2px solid #E3E4E4;font-size:13px;font-weight:600;color:#6F7271}
.md-big{font-family:var(--head);font-size:30px;font-weight:700;letter-spacing:-.02em;color:#1E1F21;font-variant-numeric:tabular-nums}
.md-lbl{font-size:21px!important;font-weight:600!important;color:#3A3B3E!important}
.md-link{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:14px;color:#3A3B3E}
.md-link i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#1E1F21;color:#fff}
.md-box--tat{background:linear-gradient(135deg,#FFFDF8,#fff 50%,#FBE7E9)}
.md-box--a::before,.md-box--b::before{content:'';position:absolute;left:0;top:0;width:66px;height:66px;clip-path:polygon(0 0,100% 0,0 100%)}
.md-box--a::before{background:linear-gradient(135deg,var(--red),#E46F79)}
.md-box--b::before{background:linear-gradient(135deg,#6F7271,#B4B7B6)}
.md-box--a{background:linear-gradient(160deg,#fff 55%,#FBE3E6)}
.md-box--b{background:linear-gradient(160deg,#fff 55%,#EEEFEF)}
.md-box--c{background:linear-gradient(160deg,#FDF1F2,#fff 60%,#F1F1F2)}
.md-ico{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;margin-bottom:6px}
.md-box--b .md-ico{background:#6F7271}
.md-src{padding:22px 18px;background:#fff}
.md-src h4{margin:0 0 18px}
.md-src__row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;margin-bottom:10px;padding:12px 20px;border-radius:10px;background:#fff;box-shadow:0 4px 14px -6px rgba(0,0,0,.18);font-size:16px;color:#1E1F21}
.md-tag{min-width:80px;padding:3px 14px;border-radius:999px;text-align:center;font-weight:500;font-size:14px;font-variant-numeric:tabular-nums}
.md-tag--1{background:#FBE3E6;color:#9E2A2F}.md-tag--2{background:#EEEFEF;color:#3A3B3E}.md-tag--3{background:#F7D3D7;color:#B8333F}
/* entrance stagger for the dashboard steps */
.js-demo.md [data-s]{transition-delay:calc(var(--k,0) * 90ms)}
.js-demo.md .md-card[data-s],.js-demo.md .md-box[data-s]{transform:translateY(16px) scale(.97)}
.js-demo.md .md-card[data-s].on,.js-demo.md .md-box[data-s].on{transform:none}
.js-demo.md .md-ind[data-s]{transform:none;transition:opacity .35s ease}
.js-demo.md .md-card.on:nth-child(4){animation:mdGlow 2.4s ease-in-out 1.6s 2}
@keyframes mdGlow{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 3px rgba(223,81,97,.55),0 14px 30px -10px rgba(216,66,73,.6)}}
/* dashboard fit & polish */
.md-fit{margin:0 auto}
.md-sub{padding-left:200px}
.md-sub nav{gap:26px}
.md-sub nav a,.md-btn,.md-sel{white-space:nowrap}
.md-banner{height:112px;padding:28px 44px}
.md-states{padding:18px 20px}
.md-states h4{margin-bottom:14px}
.md-card{height:168px;padding:18px 18px;gap:10px}
.md-card__name{font-size:19px}
.md-low__main{padding:18px 20px}
.md-low__heads{margin-bottom:14px}
.md-box{height:232px;padding:18px 14px;gap:2px;justify-content:center}
.md-box--tat .md-big{font-size:26px;margin-bottom:6px}
.md-box b{font-size:14.5px}
.md-box small{margin-top:8px}
.md-lbl{font-size:19px!important;line-height:1.25}
.md-src{padding:18px 16px}
.md-src__row{min-height:58px}
.md-box--tat .md-big{white-space:nowrap;font-size:24px}
@media (max-width:760px){.ms-hero--dark .ms-show__pane{min-height:0!important}.ms-show__stage{min-height:0!important}}

/* =====================================================================
   v14 — full-screen hero, full-width tabs, grey/off-white headline,
          red full stops, smoother Insights Dashboard
   ===================================================================== */

/* Hero fills exactly one screen: the next section starts below the fold */
.ms-hero.ms-hero--dark{min-height:100vh;min-height:100svh;display:flex!important;flex-direction:column;justify-content:center;padding-top:calc(var(--header-h) + var(--admin) + 12px)!important;padding-bottom:clamp(18px,3vh,32px)!important}
.ms-hero--dark .ms-hero__split{flex:0 0 auto;width:100%}
.ms-hero--dark .ms-hero__tabs{width:100%;margin-top:clamp(18px,3.4vh,40px)}
.ms-hero--dark .ms-hero__tabs .ms-show__tabs{margin-top:0!important}
.ms-home .ms-hero--dark+.intro{padding-top:clamp(72px,9vw,120px)}

/* Headline: smaller; grey words, off-white last word, red full stops */
.ms-hero--dark .ms-hero__title{font-size:clamp(46px,min(6vw,10.5vh),112px)!important;line-height:.98!important;color:#A6A9A8!important}
.ms-hero--dark .ms-hero__title em,.ms-hero__title em{color:#F4F1EC!important;background:none!important;-webkit-text-fill-color:currentColor!important;font-weight:800!important}
.ms-hero--dark .ms-hero__title .ms-period{color:var(--red)!important;-webkit-text-fill-color:var(--red)!important}
@media (max-width:1100px){.ms-hero--dark .ms-hero__title{font-size:clamp(48px,11vw,96px)!important}}
@media (max-width:520px){.ms-hero--dark .ms-hero__title{font-size:clamp(46px,15vw,72px)!important}}

/* Tabs: one row under both the words and the animation */
.ms-hero--dark .ms-hero__tabs .ms-show__tab{padding-right:24px!important}
.ms-hero--dark .ms-hero__tabs .ms-show__tab strong{font-size:clamp(14px,1.1vw,17px)!important}
@media (max-width:1100px){.ms-hero.ms-hero--dark{min-height:0}}

/* ---------- Smoother Insights Dashboard ---------- */
.js-demo.md [data-s]{transition:opacity .9s cubic-bezier(.22,.8,.24,1),transform 1s cubic-bezier(.22,.8,.24,1),filter .9s ease!important;transition-delay:calc(var(--k,0) * 120ms)!important}
.js-demo.md .md-card[data-s],.js-demo.md .md-box[data-s]{opacity:0;transform:translateY(22px) scale(.96);filter:blur(6px)}
.js-demo.md .md-card[data-s].on,.js-demo.md .md-box[data-s].on{opacity:1;transform:none;filter:none}
.js-demo.md .md-src__row[data-s]{opacity:0;transform:translateX(24px);filter:blur(4px)}
.js-demo.md .md-src__row[data-s].on{opacity:1;transform:none;filter:none}
.js-demo.md.is-resetting{transition:opacity .8s ease!important;opacity:.0}
.md{transition:opacity .8s ease}
/* one highlight that glides across the date options */
.md-ind{display:none}
.md-glide{position:absolute;z-index:2;top:0;left:0;height:30px;width:calc((100% - 24px)/4);border-radius:3px;background:rgba(216,66,73,.1);border-bottom:2px solid var(--red);pointer-events:none;opacity:0}
.js-demo.md .md-glide[data-s]{transform:none;transition:opacity .4s ease!important}
.md-glide.on{opacity:1;animation:mdGlide 2.6s cubic-bezier(.65,0,.35,1) forwards}
@keyframes mdGlide{
  0%,12%{left:0}
  30%,42%{left:calc((100% - 24px)/4 + 8px)}
  60%,72%{left:calc(((100% - 24px)/4 + 8px) * 2)}
  92%,100%{left:calc(((100% - 24px)/4 + 8px) * 3)}
}
.md-pill-last{transition:color .4s ease .2s}
.md-glide.on~.md-pill-last,.md-pills:has(.md-glide.on) .md-pill-last{color:var(--red);font-weight:600}
/* light shimmer across the banner */
.md-shine{position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.22) 45%,transparent 60%);transform:translateX(-100%);animation:mdShine 5.5s ease-in-out infinite 1.2s;pointer-events:none}
@keyframes mdShine{0%{transform:translateX(-100%)}45%,100%{transform:translateX(100%)}}
/* gentle continuous life once loaded */
.js-demo.md .md-card.on .md-go{animation:mdBob 3.2s ease-in-out infinite;animation-delay:calc(var(--k,0) * .25s + 1.4s)}
@keyframes mdBob{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
.js-demo.md .md-card.on:nth-child(4){animation:mdGlow 3.2s ease-in-out 2.4s infinite}
@keyframes mdGlow{0%,100%{box-shadow:0 0 0 0 rgba(223,81,97,0)}50%{box-shadow:0 0 0 3px rgba(223,81,97,.5),0 16px 34px -12px rgba(216,66,73,.6)}}
.md-card__num,.md-big,.md-tag{transition:color .3s}
@media (prefers-reduced-motion:reduce){.md-glide.on{animation:none;left:calc(((100% - 24px)/4 + 8px) * 3)}.md-shine{display:none}}
/* tabs align with the words (left) and the animation (right) */
.ms-hero--dark .ms-hero__tabs{max-width:1320px}
/* use the extra height on taller screens */
@media (min-height:861px) and (min-width:1101px){
  .ms-hero--dark .ms-show__pane,.ms-hero--dark .ms-show__stage{min-height:clamp(450px,54vh,560px)!important}
  .ms-hero--dark .mp-phone{zoom:1.12}
  .ms-hero--dark .mc-widget{height:clamp(420px,50vh,500px)!important}
  .ms-hero--dark .ms-flowx__grid{min-height:clamp(330px,42vh,420px)!important}
}

/* =====================================================================
   v15 — wider words, narrower animation, "More." highlight, button back
   ===================================================================== */
/* sit closer to the header: content starts near the top, the tabs follow */
.ms-hero.ms-hero--dark{justify-content:flex-start!important;padding-top:calc(var(--header-h) + var(--admin) + clamp(10px,2.4vh,26px))!important}
.ms-hero--dark .ms-hero__split{grid-template-columns:minmax(0,1.38fr) minmax(0,1fr)!important;gap:clamp(24px,3vw,48px)!important;align-items:center}
.ms-hero--dark .ms-hero__tabs{margin-top:clamp(14px,2.6vh,30px)!important}

/* bigger words, sized by both width and height so four lines always fit */
.ms-hero--dark .ms-hero__title{font-size:clamp(52px,min(8.6vw,13.4vh),168px)!important;line-height:.96!important;padding-left:.04em}
.ms-reveal-line{clip-path:inset(-10% 100% -15% -8%)}
@keyframes msWipe{to{clip-path:inset(-10% -6% -15% -8%)}}
.ms-hero--dark .ms-hero__title strong{display:inline-block;margin-top:.06em;padding:0 .14em .04em;border-radius:.12em;background:var(--red);color:#fff;-webkit-text-fill-color:#fff;font-weight:800;line-height:1.02;box-shadow:0 18px 40px -16px rgba(216,66,73,.7)}
.ms-hero--dark .ms-hero__title strong .ms-period{color:#fff!important;-webkit-text-fill-color:#fff!important}
.ms-hero--dark .ms-hero__actions{display:flex;margin-top:clamp(18px,3.4vh,36px)!important}

/* narrower animation column: keep every scene tidy */
.ms-hero--dark .ms-show__pane,.ms-hero--dark .ms-show__stage{min-height:clamp(330px,52vh,500px)!important}
.ms-hero--dark .ms-pane-call .ms-demo--bare{grid-template-columns:auto minmax(0,1fr)!important;gap:16px!important}
.ms-hero--dark .ms-pane-call .ms-show__card{padding:12px 14px}
.ms-hero--dark .ms-pane-call .ms-show__card .ms-transcript{font-size:12.5px}
.ms-hero--dark .ms-pane-chat .ms-demo--bare{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:14px!important}
.ms-hero--dark .mc-facts li{flex-direction:column;gap:2px;font-size:12px}
.ms-hero--dark .mc-facts b{text-align:left}
.ms-hero--dark .ms-flowx__col li{padding:8px 9px!important;gap:8px!important}
.ms-hero--dark .ms-flowx__col b{font-size:11.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-hero--dark .ms-flowx__col small{font-size:10.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-hero--dark .ms-flowx__col li>span:last-child{min-width:0}
.ms-hero--dark .ms-flowx__ico{width:28px!important;height:28px!important}
.ms-hero--dark .ms-flowx__core{width:96px!important;height:96px!important}
.ms-hero--dark .ms-flowx__core b{font-size:28px!important}
.ms-hero--dark .ms-flowx__head span{font-size:9.5px!important;padding:5px 9px!important}
.ms-hero--dark .ms-show__pane .ms-kcard{padding:9px!important;font-size:12.5px!important}
.ms-hero--dark .ms-show__pane .ms-kcol{padding:8px!important}
@media (max-width:1100px){
  .ms-hero--dark .ms-hero__split{grid-template-columns:minmax(0,1fr)!important}
  .ms-hero--dark .ms-hero__title{font-size:clamp(52px,12vw,112px)!important}
}
@media (max-width:520px){.ms-hero--dark .ms-hero__title{font-size:clamp(50px,16vw,76px)!important}}
.ms-hero--dark .ms-flowx__head span{white-space:nowrap;letter-spacing:.06em!important}
@media (max-width:760px){
  .ms-hero--dark .ms-pane-call .ms-demo--bare,.ms-hero--dark .ms-pane-chat .ms-demo--bare{grid-template-columns:1fr!important;justify-items:center}
  .ms-hero--dark .ms-pane-call__side,.ms-hero--dark .mc-widget{width:100%}
}

/* =====================================================================
   v16 — adjustable headline size, balanced columns, new hero button
   ===================================================================== */
/* headline size follows the "Headline size" slider (--hs, 1 = 100%) */
.ms-hero--dark .ms-hero__title{font-size:clamp(calc(44px * var(--hs,1)),calc(min(6.6vw,10.6vh) * var(--hs,1)),calc(134px * var(--hs,1)))!important}
@media (max-width:1100px){.ms-hero--dark .ms-hero__title{font-size:clamp(calc(44px * var(--hs,1)),calc(10.5vw * var(--hs,1)),calc(100px * var(--hs,1)))!important}}
@media (max-width:520px){.ms-hero--dark .ms-hero__title{font-size:clamp(calc(40px * var(--hs,1)),calc(14vw * var(--hs,1)),calc(70px * var(--hs,1)))!important}}

/* balanced default split; the slider in the Customizer overrides it */
@media (min-width:1101px){.ms-hero--dark .ms-hero__split{grid-template-columns:minmax(0,50fr) minmax(0,50fr)!important}}
/* with more room, the scenes can breathe again */
.ms-hero--dark .ms-pane-call .ms-demo--bare{gap:22px!important}
.ms-hero--dark .ms-pane-call .ms-show__card{padding:14px 16px}
.ms-hero--dark .ms-pane-call .ms-show__card .ms-transcript{font-size:13px}
.ms-hero--dark .ms-flowx__col b{font-size:12.5px!important}
.ms-hero--dark .ms-flowx__col small{font-size:11px!important}
.ms-hero--dark .ms-flowx__ico{width:32px!important;height:32px!important}
.ms-hero--dark .ms-flowx__core{width:108px!important;height:108px!important}
.ms-hero--dark .ms-flowx__core b{font-size:32px!important}
.ms-hero--dark .ms-flowx__head span{font-size:10.5px!important}
.ms-hero--dark .ms-show__pane .ms-kcard{padding:11px!important;font-size:13.5px!important}

/* ---------- "Book a free demo" ---------- */
.ms-hero--dark .ms-hero__actions{display:flex!important;flex-direction:column;align-items:flex-start;gap:14px;margin-top:clamp(22px,4vh,40px)!important}
.ms-hero-cta{position:relative;display:inline-flex;align-items:center;gap:16px;padding:8px 8px 8px 30px;border-radius:999px;background:linear-gradient(135deg,#E5555F 0%,var(--red) 45%,var(--red-deep) 100%);color:#fff;font-family:var(--head);font-weight:700;font-size:clamp(16px,1.25vw,18.5px);letter-spacing:-.01em;text-decoration:none;overflow:hidden;box-shadow:0 18px 40px -14px rgba(216,66,73,.75),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.ms-hero-cta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 24px 50px -14px rgba(216,66,73,.9),inset 0 1px 0 rgba(255,255,255,.3)}
.ms-hero-cta:active{transform:translateY(0)}
.ms-hero-cta::before{content:'';position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:ctaShine 4.5s ease-in-out infinite 2.2s}
@keyframes ctaShine{0%{left:-60%}35%,100%{left:130%}}
.ms-hero-cta__label{position:relative;z-index:1;padding:10px 0}
.ms-hero-cta__arrow{position:relative;z-index:1;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--red);transition:transform .35s var(--ease)}
.ms-hero-cta:hover .ms-hero-cta__arrow{transform:translateX(4px) rotate(-8deg)}
.ms-hero-cta:focus-visible{outline:3px solid #fff;outline-offset:3px}
.ms-hero__note{display:flex;align-items:center;gap:8px;margin:0;padding-left:6px;font-size:14px;color:rgba(255,255,255,.62)}
.ms-hero__note .ms-ico{color:var(--red-2);--acc:var(--red-2)}
@media (prefers-reduced-motion:reduce){.ms-hero-cta::before{animation:none;display:none}}

/* =====================================================================
   v17 — smaller "More." and full stops, Salesloft-style buttons
   ===================================================================== */
/* smaller full stops on every word */
.ms-hero--dark .ms-hero__title .ms-period{font-size:.6em;letter-spacing:0;margin-left:.04em;line-height:0}
/* "More." smaller than the three words above it */
.ms-hero--dark .ms-hero__title strong{font-size:.62em;margin-top:.22em;padding:.04em .2em .08em;border-radius:.16em;letter-spacing:-.035em;vertical-align:baseline}
.ms-hero--dark .ms-hero__title strong .ms-period{font-size:.7em}

/* buttons side by side, Salesloft-style: solid primary + outlined secondary */
.ms-hero--dark .ms-hero__actions{flex-direction:row!important;flex-wrap:wrap;align-items:center!important;gap:12px!important;margin-top:clamp(20px,3.6vh,34px)!important}
.ms-hero-cta{gap:10px;padding:6px 6px 6px 22px;font-size:15px;box-shadow:0 12px 28px -12px rgba(216,66,73,.7),inset 0 1px 0 rgba(255,255,255,.22)}
.ms-hero-cta__label{padding:7px 0}
.ms-hero-cta__arrow{width:34px;height:34px}
.ms-hero-tour{display:inline-flex;align-items:center;gap:10px;padding:6px 22px 6px 6px;border-radius:999px;border:1.5px solid rgba(255,255,255,.28);color:#fff;font-family:var(--head);font-weight:600;font-size:15px;text-decoration:none;transition:border-color .25s,background .25s,transform .3s var(--ease)}
.ms-hero-tour:hover{color:#fff;border-color:#fff;background:rgba(255,255,255,.06);transform:translateY(-2px)}
.ms-hero-tour__play{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;transition:background .25s}
.ms-hero-tour:hover .ms-hero-tour__play{background:var(--red)}
.ms-hero-tour:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ms-hero__note{display:none!important}

/* only one button: it sits beside "More." on the last line */
@media (min-width:521px){
  .ms-hero__copy--single{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:clamp(16px,2vw,28px)}
  .ms-hero__copy--single>.ms-hero__kicker{grid-column:1/-1;justify-self:start}
  .ms-hero__copy--single>.ms-hero__title{display:contents}
  .ms-hero__copy--single .ms-reveal-line{grid-column:1/-1}
  .ms-hero__copy--single .ms-reveal-line:last-child{grid-column:1}
  .ms-hero__copy--single>.ms-hero__actions{grid-column:2;margin-top:0!important;align-self:center;padding-top:.6em}
}

/* =====================================================================
   v18 — natural letter shapes, "More." beside "Sell.", inset hero box
   ===================================================================== */
.ms-hero--dark .ms-hero__title{font-size:clamp(calc(44px * var(--hs,1)),calc(min(6vw,10vh) * var(--hs,1)),calc(124px * var(--hs,1)))!important;line-height:1.06!important;letter-spacing:-.028em!important;font-weight:700!important}
.ms-hero--dark .ms-hero__title em{letter-spacing:-.028em}
@media (max-width:1100px){.ms-hero--dark .ms-hero__title{font-size:clamp(calc(44px * var(--hs,1)),calc(9.5vw * var(--hs,1)),calc(96px * var(--hs,1)))!important}}
@media (max-width:520px){.ms-hero--dark .ms-hero__title{font-size:clamp(calc(40px * var(--hs,1)),calc(13vw * var(--hs,1)),calc(64px * var(--hs,1)))!important}}
.ms-hero--dark .ms-hero__title strong{display:inline-block;font-size:.5em!important;line-height:1.15!important;margin:0 0 0 .3em!important;padding:.06em .32em .1em!important;border-radius:.22em!important;letter-spacing:-.02em!important;vertical-align:.32em!important;box-shadow:0 12px 26px -12px rgba(216,66,73,.75)}
.ms-hero--dark .ms-hero__title strong .ms-period{font-size:.75em}
/* hero as a rounded box inset from the page edges */
body.home{background:#141516}
.ms-hero.ms-hero--dark{margin:10px 10px 0;width:auto;border-radius:28px;border:1px solid rgba(255,255,255,.06);min-height:calc(100vh - 10px);min-height:calc(100svh - 10px);overflow:hidden;box-shadow:0 30px 80px -40px rgba(0,0,0,.6)}
.ms-home .ms-hero--dark+.intro{background:#141516!important}
.admin-bar .ms-hero.ms-hero--dark{min-height:calc(100svh - 10px - var(--admin))}
@media (max-width:760px){.ms-hero.ms-hero--dark{margin:6px 6px 0;border-radius:20px}}
/* content starts under the header; the animation panel grows to fill the box */
@media (min-width:1101px){
  .ms-hero.ms-hero--dark{justify-content:flex-start!important;padding-bottom:clamp(20px,3vh,34px)!important}
  .ms-hero--dark .ms-show__pane,.ms-hero--dark .ms-show__stage{min-height:clamp(330px,calc(100svh - 236px),760px)!important}
  .ms-hero--dark .ms-hero__tabs{margin-top:clamp(14px,2.6vh,28px)!important}
}
@media (min-width:1101px) and (min-height:861px){
  .ms-hero--dark .mp-phone{zoom:1.2}
  .ms-hero--dark .mc-widget{height:clamp(420px,calc(100svh - 330px),560px)!important}
  .ms-hero--dark .ms-flowx__grid{min-height:clamp(330px,calc(100svh - 400px),480px)!important}
}

/* =====================================================================
   v19 — Salesloft headline rhythm: light words, bold last word,
          tight line spacing, "More." half-size beside "Sell."
   ===================================================================== */
.ms-hero--dark .ms-hero__title{font-weight:500!important;line-height:.98!important;letter-spacing:-.022em!important}
.ms-hero--dark .ms-reveal-line{padding-bottom:0!important}
.ms-hero--dark .ms-hero__title em{font-weight:700!important;letter-spacing:-.03em!important}
/* "More." — half the size of "Sell.", centred on the word's cap height */
.ms-hero--dark .ms-hero__title strong{font-size:.5em!important;font-weight:700!important;line-height:1!important;margin-left:.34em!important;padding:.1em .3em .14em!important;vertical-align:.52em!important;border-radius:.2em!important}
.ms-hero--dark .ms-hero__title strong{margin-left:.12em!important}
@media (max-width:520px){
  .ms-hero--dark .ms-hero__actions{flex-wrap:nowrap!important;gap:8px!important}
  .ms-hero-cta,.ms-hero-tour{font-size:13.5px}
  .ms-hero-cta{padding:5px 5px 5px 16px;gap:8px}
  .ms-hero-tour{padding:5px 14px 5px 5px;gap:8px}
  .ms-hero-cta__arrow,.ms-hero-tour__play{width:30px;height:30px}
}
.ms-hero--dark .ms-hero__title{word-spacing:-.14em}.ms-hero--dark .ms-hero__title strong{margin-left:.06em!important;word-spacing:0}

/* =====================================================================
   v20 — bold headline (same line spacing), smaller "More.",
          full-width hero again, blurred page behind mega menus,
          new button designs
   ===================================================================== */
/* bold words, line spacing unchanged */
.ms-hero--dark .ms-hero__title{font-weight:700!important}
.ms-hero--dark .ms-hero__title em{font-weight:800!important}
/* "More." smaller, still beside "Sell." on the same line */
.ms-hero--dark .ms-reveal-line{white-space:nowrap}
.ms-hero--dark .ms-hero__title strong{font-size:.36em!important;font-weight:700!important;padding:.14em .36em .18em!important;border-radius:.28em!important;margin-left:.1em!important;vertical-align:.95em!important;letter-spacing:-.01em!important}

/* remove the rounded box: hero runs edge to edge again */
body.home{background:var(--paper)}
.ms-hero.ms-hero--dark{margin:0!important;border-radius:0!important;border:0!important;box-shadow:none!important;min-height:100vh;min-height:100svh}
.admin-bar .ms-hero.ms-hero--dark{min-height:calc(100svh - var(--admin))}
.ms-home .ms-hero--dark+.intro{background:var(--hero-bg)!important}

/* blurred, dimmed page behind an open mega menu */
.ms-mega-scrim{position:fixed;inset:0;z-index:850;background:rgba(18,18,20,.35);backdrop-filter:blur(10px) saturate(.9);-webkit-backdrop-filter:blur(10px) saturate(.9);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}
body.ms-mega-open .ms-mega-scrim{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s}
body.ms-mega-open .ms-header:not(.is-scrolled){background:rgba(30,31,33,.6)!important}
@media (max-width:1080px){.ms-mega-scrim{display:none}}

/* ---------- new button designs ---------- */
.ms-hero--dark .ms-hero__actions{gap:14px!important}
/* primary: solid red, softly squared, arrow slides on hover */
.ms-hero-cta{gap:12px!important;height:54px;padding:0 24px 0 26px!important;border-radius:14px!important;background:var(--red)!important;font-size:16px!important;font-weight:700!important;box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 -3px 0 rgba(0,0,0,.18) inset,0 14px 30px -14px rgba(216,66,73,.85)!important}
.ms-hero-cta::before{display:none!important}
.ms-hero-cta:hover{background:var(--red-deep)!important;transform:translateY(-2px)}
.ms-hero-cta__label{padding:0!important}
.ms-hero-cta__arrow{width:auto!important;height:auto!important;background:none!important;color:#fff!important;border-radius:0!important;transition:transform .3s var(--ease)!important}
.ms-hero-cta:hover .ms-hero-cta__arrow{transform:translateX(5px)!important}
/* secondary: off-white, softly squared, red play badge */
.ms-hero-tour{gap:12px!important;height:54px;padding:0 24px 0 10px!important;border-radius:14px!important;border:0!important;background:#F4F1EC!important;color:var(--ink)!important;font-size:16px!important;font-weight:700!important;box-shadow:0 -3px 0 rgba(0,0,0,.08) inset,0 14px 30px -18px rgba(0,0,0,.6)}
.ms-hero-tour:hover{background:#fff!important;color:var(--ink)!important;transform:translateY(-2px)}
.ms-hero-tour__play{width:36px!important;height:36px!important;border-radius:10px!important;background:var(--red)!important;color:#fff!important}
.ms-hero-tour:hover .ms-hero-tour__play{background:var(--red-deep)!important}
.ms-hero-tour:focus-visible,.ms-hero-cta:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media (max-width:520px){
  .ms-hero-cta,.ms-hero-tour{height:46px;font-size:14px!important}
  .ms-hero-cta{padding:0 16px 0 18px!important}
  .ms-hero-tour{padding:0 16px 0 7px!important}
  .ms-hero-tour__play{width:30px!important;height:30px!important}
}

/* =====================================================================
   v21 — "More." on the baseline of "Sell.", new button style
   ===================================================================== */
.ms-hero--dark .ms-hero__title strong{vertical-align:baseline!important;line-height:1.1!important;padding:.06em .34em .1em!important;margin-left:.14em!important}

/* buttons: clean pills — solid red primary, outlined secondary, both with arrows */
.ms-hero-cta,.ms-hero-tour{height:52px!important;border-radius:999px!important;font-size:15.5px!important;font-weight:600!important;letter-spacing:0!important;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .3s var(--ease),box-shadow .3s ease!important}
.ms-hero-cta{padding:0 26px 0 28px!important;gap:10px!important;background:var(--red)!important;color:#fff!important;box-shadow:0 10px 26px -12px rgba(216,66,73,.8)!important}
.ms-hero-cta:hover{background:#fff!important;color:var(--red)!important;transform:translateY(-1px)}
.ms-hero-cta:hover .ms-hero-cta__arrow{color:var(--red)!important;transform:translateX(4px)!important}
.ms-hero-tour{padding:0 26px 0 28px!important;gap:10px!important;background:transparent!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.4)!important;box-shadow:none!important}
.ms-hero-tour__play{display:none!important}
.ms-hero-tour::after{content:'';width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%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='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .3s var(--ease)}
.ms-hero-tour:hover{background:#fff!important;color:var(--ink)!important;border-color:#fff!important;transform:translateY(-1px)}
.ms-hero-tour:hover::after{transform:translateX(4px)}
@media (max-width:520px){
  .ms-hero-cta,.ms-hero-tour{height:44px!important;font-size:14px!important;padding:0 16px 0 18px!important;gap:8px!important}
}

/* =====================================================================
   Integrations flow (Features page) — paper planes into MetroSales
   ===================================================================== */
.ms-stackflow{position:relative;margin:clamp(28px,4vw,48px) auto clamp(24px,3vw,36px);max-width:1200px;padding:clamp(12px,2vw,24px);border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 30px 70px -40px rgba(24,24,24,.35)}
.ms-stackflow__svg{display:block;width:100%;height:auto;overflow:visible;font-family:var(--sans)}
.ms-stackflow .sf-line{fill:none;stroke:#CFD1D0;stroke-width:1.6;stroke-linecap:round}
.ms-stackflow .sf-trail{fill:none;stroke:var(--red);stroke-width:2.4;stroke-linecap:round;opacity:0}
.ms-stackflow .sf-branch{fill:none;stroke:#CFD1D0;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ms-stackflow .sf-branch-trail{fill:none;stroke:var(--red);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.ms-stackflow .sf-src__dot{filter:drop-shadow(0 6px 10px rgba(24,24,24,.18))}
.ms-stackflow .sf-ico .d{opacity:.35}
.ms-stackflow .sf-src__ring{fill:none;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
.ms-stackflow .sf-src.is-send .sf-src__ring{animation:sfRing 1s ease-out}
@keyframes sfRing{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.7)}}
.ms-stackflow .sf-src.is-send .sf-src__dot{animation:sfPop .45s ease-out}
@keyframes sfPop{50%{transform:scale(1.08)}}
.ms-stackflow .sf-src__dot{transform-box:fill-box;transform-origin:center}
.ms-stackflow .sf-src__label{font-size:11.5px;font-weight:600;fill:#5F6261;text-anchor:middle}
.ms-stackflow .sf-hub__box{fill:#1E1F21;stroke:rgba(216,66,73,.55);stroke-width:1.5;filter:drop-shadow(0 18px 30px rgba(24,24,24,.35))}
.ms-stackflow .sf-hub__ring{fill:none;stroke:var(--red);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
.ms-stackflow .sf-hub__ring.is-hit{animation:sfHub .8s ease-out}
@keyframes sfHub{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.18)}}
.ms-stackflow .sf-hub__name{font-family:var(--head);font-size:17px;font-weight:700;fill:#fff;text-anchor:middle;letter-spacing:-.01em}
.ms-stackflow .sf-hub__sub{font-size:10.5px;font-weight:600;fill:#9B9E9D;text-anchor:middle;letter-spacing:.14em}
.ms-stackflow .sf-hub__count{font-size:11.5px;font-weight:600;fill:#DF5161;text-anchor:middle;font-variant-numeric:tabular-nums}
.ms-stackflow .sf-bar__box{fill:#F6F6F6;stroke:#E3E4E4;stroke-width:1;transition:fill .4s ease,stroke .4s ease}
.ms-stackflow .sf-bar__accent{fill:var(--red);opacity:0;transition:opacity .4s ease}
.ms-stackflow .sf-bar__icbg{fill:rgba(216,66,73,.1);transition:fill .4s ease}
.ms-stackflow .sf-bar__label{font-size:14px;font-weight:700;fill:#181818;font-family:var(--head)}
.ms-stackflow .sf-bar__value{font-size:12.5px;fill:#8A8D8C;transition:fill .4s ease}
.ms-stackflow .sf-bar__check{opacity:0;transition:opacity .35s ease}
.ms-stackflow .sf-bar.is-on .sf-bar__box{fill:#fff;stroke:rgba(216,66,73,.45)}
.ms-stackflow .sf-bar.is-on .sf-bar__accent{opacity:1}
.ms-stackflow .sf-bar.is-on .sf-bar__icbg{fill:rgba(216,66,73,.16)}
.ms-stackflow .sf-bar.is-done .sf-bar__value{fill:#3A3B3E}
.ms-stackflow .sf-bar.is-done .sf-bar__check{opacity:1}
.ms-stackflow .sf-bar.is-on{animation:sfBar .5s ease-out}
@keyframes sfBar{0%{transform:translateX(6px)}100%{transform:none}}
.ms-stackflow .sf-plane{filter:drop-shadow(0 3px 4px rgba(193,49,45,.35));pointer-events:none}
.ms-stackflow.is-tall .sf-bar__label{font-size:14px}
.ms-stackflow.is-tall .sf-bar__value{font-size:12.5px}
@media (max-width:700px){.ms-stackflow{padding:10px;border-radius:18px}}

/* =====================================================================
   Story flip: Insights Dashboard front, three app screens on the back
   ===================================================================== */
.ms-home .face.front .md-fit{border-radius:14px}
.ms-home .face.back{align-items:center;justify-content:center}
.ms-phones{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}
.ms-phones__stage{position:relative;width:100%;height:clamp(380px,62vh,600px)}
.ms-phones__item{position:absolute;bottom:0;left:50%;height:100%;aspect-ratio:620/1272;padding:0;margin:0;border:0;background:none;cursor:pointer;
  transform:translateX(-50%);transition:transform .8s cubic-bezier(.22,.8,.24,1),filter .6s ease,opacity .6s ease;-webkit-tap-highlight-color:transparent}
.ms-phones__item img,.ms-home .face .ms-phones__item img{display:block;width:100%!important;height:100%!important;object-fit:contain;border:0!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 28px 34px rgba(24,24,24,.35))}
.ms-phones__item[data-pos="center"]{z-index:3;transform:translateX(-50%) scale(1)}
.ms-phones__item[data-pos="left"]{z-index:2;transform:translateX(-118%) scale(.84);filter:brightness(.82) saturate(.9)}
.ms-phones__item[data-pos="right"]{z-index:1;transform:translateX(18%) scale(.84);filter:brightness(.82) saturate(.9)}
.ms-phones__item{transform-origin:50% 100%}
.ms-phones__item[data-pos="left"]:hover,.ms-phones__item[data-pos="right"]:hover{filter:none}
.ms-phones__item:focus-visible{outline:3px solid var(--red);outline-offset:6px;border-radius:40px}
.ms-phones__tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px -16px rgba(24,24,24,.35)}
.ms-phones__tab{border:0;background:none;padding:7px 14px;border-radius:999px;font:600 13px/1 var(--sans);color:var(--muted);cursor:pointer;transition:background .25s,color .25s}
.ms-phones__tab.is-on{background:var(--red);color:#fff}
@media (max-width:900px){
  .ms-home .face.back{margin-top:28px}
  .ms-phones__stage{height:clamp(300px,82vw,420px)}
}
@media (prefers-reduced-motion:reduce){.ms-phones__item{transition:none}}

/* =====================================================================
   Integrations flow: no card behind it — just sources, paths, hub, rows
   ===================================================================== */
.ms-stackflow{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
.ms-stackflow .sf-bar__box{fill:#fff}
.ms-home-integrations{background:var(--paper)}
.ms-home-integrations .ms-stackflow{margin-bottom:0}

/* =====================================================================
   v22 — hero: bigger on laptops, "More." on the baseline, rectangular
          buttons; story: dashboard deck + device family
   ===================================================================== */
/* larger words on 13–15" laptops */
.ms-hero--dark .ms-hero__title{font-size:clamp(calc(46px * var(--hs,1)),calc(min(7vw,11.6vh) * var(--hs,1)),calc(136px * var(--hs,1)))!important}
@media (max-width:1100px){.ms-hero--dark .ms-hero__title{font-size:clamp(calc(46px * var(--hs,1)),calc(10.5vw * var(--hs,1)),calc(100px * var(--hs,1)))!important}}
@media (max-width:520px){.ms-hero--dark .ms-hero__title{font-size:clamp(calc(42px * var(--hs,1)),calc(14vw * var(--hs,1)),calc(68px * var(--hs,1)))!important}}
/* "More." box sits ON the baseline of "Sell." (its bottom edge = Sell's baseline) */
.ms-hero--dark .ms-hero__title strong{line-height:1!important;padding:.12em .34em .16em!important;border-radius:.22em!important;vertical-align:var(--more-lift,.31em)!important}
/* buttons: smaller, rectangular like the "More." box */
.ms-hero-cta,.ms-hero-tour{height:46px!important;border-radius:8px!important;font-size:15px!important;padding:0 20px 0 22px!important;gap:9px!important}
.ms-hero--dark .ms-hero__actions{gap:10px!important;flex-wrap:nowrap!important}
@media (max-width:520px){.ms-hero-cta,.ms-hero-tour{height:42px!important;font-size:13.5px!important;padding:0 14px 0 16px!important}}

/* ---------- Dashboard deck ---------- */
.ms-deck{position:relative;width:100%}
.ms-deck__tabs{display:flex;justify-content:center;gap:4px;width:max-content;margin:0 auto 14px;padding:4px;border-radius:10px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px -16px rgba(24,24,24,.35)}
.ms-deck__tab{border:0;background:none;padding:7px 14px;border-radius:7px;font:600 13px/1 var(--sans);color:var(--muted);cursor:pointer;transition:background .25s,color .25s}
.ms-deck__tab.is-on{background:var(--red);color:#fff}
.ms-deck__stage{position:relative}
.ms-deck__card{position:absolute;left:0;right:0;top:40px;transform-origin:50% 0;transition:transform .8s cubic-bezier(.22,.8,.24,1),opacity .6s ease,filter .6s ease;cursor:pointer;outline:none}
.ms-deck__card[data-pos="0"]{z-index:3;transform:none;cursor:default}
.ms-deck__card[data-pos="1"]{z-index:2;transform:translateY(-20px) scale(.94);filter:brightness(.92)}
.ms-deck__card[data-pos="2"]{z-index:1;transform:translateY(-40px) scale(.88);filter:brightness(.84);opacity:.9}
.ms-deck__card[data-pos="1"]:hover,.ms-deck__card[data-pos="2"]:hover{filter:none}
.ms-deck__card:not([data-pos="0"]) .md-fit{pointer-events:none}
.ms-deck__card:focus-visible .md-fit{outline:3px solid var(--red);outline-offset:4px}
.ms-home .face.front .md-fit{border-radius:12px;box-shadow:0 30px 60px -28px rgba(24,24,24,.45)}

/* ---------- Site Visit By CP ---------- */
.md-sv{display:grid;grid-template-columns:260px 1fr;min-height:816px;background:#F4F4F5}
.sv-nav{background:#fff;padding:22px 18px;border-right:1px solid #ECECEE}
.sv-nav__top{display:flex;align-items:center;gap:14px;margin-bottom:18px;font-family:var(--head);font-size:24px;color:var(--red)}
.sv-nav__top b{font-weight:600}
.sv-back{font-size:18px}
.sv-grp{border-bottom:1px solid #ECECEE;padding:12px 4px}
.sv-grp__h{display:flex;justify-content:space-between;font-weight:600;font-size:15.5px;color:#1E1F21}
.sv-grp__h i{font-style:normal;color:#5F6261}
.sv-item{display:flex;align-items:center;gap:10px;margin-top:10px;padding:7px 10px;border-radius:6px;font-size:13.5px;color:#3A3B3E}
.sv-item span{width:7px;height:7px;border-radius:50%;background:var(--red);flex-shrink:0}
.sv-item.is-on{background:var(--red);color:#fff}
.sv-item.is-on span{background:#fff}
.sv-main{padding:22px 24px}
.sv-head{display:flex;align-items:flex-end;gap:16px;margin-bottom:18px}
.sv-head h3{margin:0 auto 6px 0;font-family:var(--head);font-size:24px;font-weight:600;color:#1E1F21;letter-spacing:-.01em}
.sv-dates{display:flex;gap:14px}
.sv-dates label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#5F6261}
.sv-dates span{padding:7px 12px;background:#fff;border:1px solid #E3E4E4;border-radius:5px;font-size:13px;color:#1E1F21}
.sv-dates em{font-style:normal;color:#9B9E9D;margin:0 6px}
.sv-btn{padding:10px 18px;border-radius:7px;background:var(--red);color:#fff;font-weight:600;font-size:14px}
.sv-card{background:#fff;border-radius:12px;padding:16px 18px;margin-bottom:16px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.sv-tabs{display:flex;gap:26px;border-bottom:1px solid #ECECEE;margin-bottom:14px;font-size:14px;color:#3A3B3E}
.sv-tabs span{padding-bottom:10px}
.sv-tabs .on{color:var(--red);border-bottom:2px solid var(--red)}
.sv-tabs b{margin-left:6px;padding:2px 7px;border-radius:999px;background:var(--red);color:#fff;font-size:11px}
.sv-stats__body{display:grid;grid-template-columns:190px 1fr;gap:28px;align-items:center}
.sv-donut{width:180px;height:180px}
.sv-seg{transition:stroke-dasharray 1.2s cubic-bezier(.22,.8,.24,1);transition-delay:calc(var(--k) * 140ms)}
.js-demo .sv-stats:not(.on) .sv-seg{stroke-dasharray:0 var(--c)!important}
table.sv-t1,table.sv-t2{width:100%;border-collapse:collapse;font-size:14px;color:#1E1F21}
.sv-t1 th,.sv-t2 th{text-align:left;font-weight:600;padding:12px 14px;background:#F4F4F5}
.sv-t1 td,.sv-t2 td{padding:11px 14px;border-top:1px solid #ECECEE;font-variant-numeric:tabular-nums}
.sv-plus{display:inline-grid;place-items:center;width:15px;height:15px;margin-right:8px;border:1px solid #9B9E9D;border-radius:3px;font-style:normal;font-size:11px;color:#5F6261}
.sv-blur{display:inline-block;height:11px;border-radius:6px;background:linear-gradient(90deg,#D9DADB,#ECECEE);vertical-align:middle}
.sv-actions{display:flex;justify-content:flex-end;gap:10px;margin-bottom:12px}
.sv-actions span{padding:8px 16px;border-radius:999px;border:1px solid var(--red);color:var(--red);font-size:13.5px}
.sv-actions .ghost{border-color:transparent;background:#F4F4F5;color:#1E1F21}
.sv-t2 a{color:var(--red)}
.sv-t2 .hl{color:var(--red);font-weight:600;background:#FDF1F2}
.sv-t2 th.hl{background:#FBE3E6}
.sv-tot td{font-weight:700;border-top:2px solid #E3E4E4}
.sv-tot td:first-child{color:var(--red)}
.js-demo.md-sv tr[data-s]{opacity:0;transform:translateX(16px);transition:opacity .6s ease,transform .7s cubic-bezier(.22,.8,.24,1);transition-delay:calc(var(--k,0) * 110ms)}
.js-demo.md-sv tr[data-s].on{opacity:1;transform:none}
.js-demo.md-sv .sv-stats[data-s],.js-demo.md-sv .sv-table[data-s]{opacity:1!important;transform:none!important}

/* ---------- Campaign Dashboard ---------- */
.md-cp{min-height:816px;padding:22px 26px;background:#fff}
.cp-head{display:flex;align-items:baseline;gap:12px}
.cp-head h3{margin:0;font-family:var(--head);font-size:22px;font-weight:600;color:#1E1F21}
.cp-head span{padding-left:12px;border-left:1px solid #9B9E9D;font-size:13px;color:#3A3B3E}
.cp-bar{display:flex;align-items:center;justify-content:space-between;margin:16px 0 14px;border-bottom:1px solid #ECECEE}
.cp-bar nav{display:flex;gap:28px;font-size:14px;color:#3A3B3E}
.cp-bar nav a{padding-bottom:10px}
.cp-bar nav a.on{color:var(--red);border-bottom:2px solid var(--red)}
.cp-range{display:flex;align-items:center;gap:8px;padding-bottom:8px;font-size:13px;color:#3A3B3E}
.cp-range span{padding:6px 12px;border:1px solid #E3E4E4;border-radius:4px}
.cp-range em{font-style:normal;color:#9B9E9D;margin:0 6px}
.cp-range i{font-style:normal;display:grid;place-items:center;width:32px;height:30px;border:1px solid #E3E4E4;border-radius:4px}
.cp-kpis{display:flex;gap:18px;margin-bottom:6px}
.cp-kpi{min-width:140px;padding:10px 16px;border:1px solid #E3E4E4;border-radius:6px}
.cp-kpi b{display:block;font-family:var(--head);font-size:28px;font-weight:500;color:var(--red);font-variant-numeric:tabular-nums}
.cp-kpi small{font-size:12.5px;color:var(--red-deep)}
.cp-title{margin:14px 0 12px!important;font-size:19px!important;font-weight:600!important}
.cp-card{margin-bottom:14px;padding:14px 16px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.08);background:#fff}
.cp-card__top{display:flex;align-items:center;gap:14px}
.cp-wa{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.08);color:#25D366;--acc:#25D366}
.cp-meta{display:flex;flex-direction:column;gap:4px;margin-right:auto}
.cp-meta small{font-size:12px;color:#5F6261}
.cp-meta em{font-style:normal;font-size:13px;color:#3A3B3E}
.cp-tsi{display:flex;align-items:center;gap:0}
.cp-tsi span{display:flex;flex-direction:column;align-items:center;padding:0 14px;border-right:1px solid #E3E4E4;font-size:11.5px;color:#5F6261}
.cp-tsi b{font-size:15px;color:#1E1F21;font-variant-numeric:tabular-nums}
.cp-tsi i{font-style:normal;padding:0 12px;color:#5F6261}
.cp-rows{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin-top:12px}
.cp-row{display:flex;align-items:flex-end;gap:8px}
.cp-row>b{font-family:var(--head);font-size:24px;font-weight:500;color:#1E1F21;line-height:1;font-variant-numeric:tabular-nums}
.cp-row>div{flex:1;display:flex;flex-direction:column;gap:4px}
.cp-row small{font-size:12.5px;color:#1E1F21}
.cp-track{display:block;height:6px;border-radius:3px;background:#E3E4E4;overflow:hidden}
.cp-track i{display:block;height:100%;width:var(--w);border-radius:3px;transition:width 1.4s cubic-bezier(.22,.8,.24,1)}
.js-demo .cp-card:not(.on) .cp-track i{width:0}
.cp-row--0 .cp-track i{background:#E46F79}.cp-row--1 .cp-track i{background:var(--red)}.cp-row--2 .cp-track i{background:#3A3B3E}.cp-row--3 .cp-track i{background:#9E2A2F}.cp-row--4 .cp-track i{background:#9B9E9D}
.js-demo.md-cp .cp-card[data-s]{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .8s cubic-bezier(.22,.8,.24,1)}
.js-demo.md-cp .cp-card[data-s].on{opacity:1;transform:none}

/* ---------- Device family (story back) ---------- */
.ms-devices{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}
.ms-devices__scene{position:relative;width:min(100%,760px);aspect-ratio:760/560}
.ms-dev{position:absolute;padding:0;margin:0;border:0;background:none;-webkit-tap-highlight-color:transparent}
button.ms-dev{cursor:pointer;transition:transform .5s cubic-bezier(.22,.8,.24,1)}
button.ms-dev:hover{transform:translateY(-6px)}
.ms-dev img,.ms-home .face .ms-dev img{display:block;width:100%!important;height:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 26px 30px rgba(24,24,24,.32))}
.ms-dev[data-cycle] img{position:absolute;inset:0;opacity:0;transition:opacity .7s ease}
.ms-dev[data-cycle] img:first-child{position:relative}
.ms-dev[data-cycle] img.is-on{opacity:1}
.ms-dev--ipad{left:0;top:0;width:68%;z-index:1}
.ms-dev--phones{right:0;bottom:4%;width:48%;height:78%;z-index:3}
.ms-dev--phones .ms-phones,.ms-dev--phones .ms-phones__stage{height:100%}
.ms-dev--phones .ms-phones{gap:0}
.ms-dev--watch{left:7%;bottom:0;width:17%;z-index:4}
.ms-dev:focus-visible{outline:3px solid var(--red);outline-offset:6px;border-radius:24px}
.ms-devices__hint{display:flex;align-items:center;gap:6px;margin:0;font-size:12.5px;color:var(--muted)}
.ms-devices__hint span{padding:5px 11px;border-radius:7px;background:#fff;border:1px solid var(--line);font-weight:600;color:var(--text)}
.ms-devices__hint em{font-style:normal;margin-left:6px}
@media (max-width:900px){
  .ms-devices__scene{aspect-ratio:350/400}
  .ms-dev--ipad{width:94%;left:3%}
  .ms-dev--phones{width:62%;height:66%;bottom:0;right:0}
  .ms-dev--watch{width:28%;left:4%;bottom:2%}
  .ms-devices__hint em{display:none}
  .ms-deck__tab{padding:7px 10px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){.ms-deck__card,.ms-dev,.ms-dev img{transition:none!important}}
/* only the visible face of the story card is clickable */
@media (min-width:901px){
  .ms-home .flipper.is-flipped .face.front,.ms-home .flipper:not(.is-flipped) .face.back{pointer-events:none}
}
@media (min-width:901px){
  .ms-home .face.back .ms-devices{align-items:flex-start}
  .ms-home .face.back .ms-devices__scene{width:min(92%,640px)}
  .ms-home .face.back .ms-devices__hint{align-self:flex-start;margin-left:6%}
}
@media (min-width:901px){.ms-home .face.back .ms-devices__scene{width:min(92%,640px,40vw)}}
@media (max-width:900px){
  .ms-dev--phones{width:52%!important;right:12%!important}
  .ms-dev--phones .ms-phones__item[data-pos="left"]{transform:translateX(-96%) scale(.8)}
  .ms-dev--phones .ms-phones__item[data-pos="right"]{transform:translateX(-4%) scale(.8)}
}
.cp-meta strong{font-size:15px;font-weight:600;color:#1E1F21}

/* =====================================================================
   v23 — story: balanced layout, header strip, dashboard mosaic,
          device arrangement; hero: bigger words; grey signal boxes
   ===================================================================== */
/* hero words bigger on 13–14" laptops */
.ms-hero--dark .ms-hero__title{font-size:clamp(calc(46px * var(--hs,1)),calc(min(7.8vw,12.6vh) * var(--hs,1)),calc(140px * var(--hs,1)))!important}
@media (max-width:1100px){.ms-hero--dark .ms-hero__title{font-size:clamp(calc(46px * var(--hs,1)),calc(10.5vw * var(--hs,1)),calc(100px * var(--hs,1)))!important}}
@media (max-width:520px){.ms-hero--dark .ms-hero__title{font-size:clamp(calc(42px * var(--hs,1)),calc(14vw * var(--hs,1)),calc(68px * var(--hs,1)))!important}}

/* story: one centred container, equal margins both sides */
@media (min-width:901px){
  .ms-home .flip-stage{--sw:min(1320px,calc(100vw - 64px));--sm:calc((100vw - var(--sw)) / 2)}
  .ms-home .story-content.dash-content{left:var(--sm);width:calc(var(--sw) * .37)}
  .ms-home .story-content.phone-content{right:var(--sm);width:calc(var(--sw) * .37);text-align:left}
  .ms-home .flip-wrap{right:var(--sm);width:calc(var(--sw) * .58)}
  .ms-home .pos-left-ref{left:var(--sm);width:calc(var(--sw) * .58)}
  .ms-home .story-content h3{font-size:clamp(36px,3.5vw,56px)!important;line-height:1.04}
  .ms-home .story-content p{font-size:clamp(17px,1.4vw,20px);line-height:1.6}
  .ms-home .face.back .ms-devices__scene{width:100%!important}
}
/* strip above the story: label, step markers and scroll progress */
.story-top{position:absolute;z-index:6;top:calc(var(--header-h) + var(--admin) + 22px);left:var(--sm,32px);right:var(--sm,32px);display:flex;align-items:center;gap:22px}
.story-top__kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.story-top__kicker::before{content:'';width:24px;height:2px;background:currentColor}
.story-top__steps{list-style:none;margin:0;padding:0;display:flex;gap:18px}
.story-step{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#9B9E9D;transition:color .3s}
.story-step b{display:grid;place-items:center;width:26px;height:22px;border-radius:5px;background:#E3E4E4;color:#5F6261;font-size:11px;transition:background .3s,color .3s}
.story-step.is-on{color:var(--ink)}
.story-step.is-on b{background:var(--red);color:#fff}
.story-top__bar{flex:1;height:2px;background:#E3E4E4;border-radius:2px;overflow:hidden}
.story-top__bar i{display:block;height:100%;background:var(--red);transform:scaleX(0);transform-origin:0 50%}
@media (max-width:900px){.story-top{position:static;padding:0 20px 18px}.story-top__bar,.story-top__steps{display:none}}

/* dashboards: one featured + two previews */
.ms-mosaic{position:relative;width:100%}
.ms-mosaic__card{position:absolute;left:0;top:0;transform-origin:0 0;transition:transform .9s cubic-bezier(.22,.8,.24,1),filter .5s ease;cursor:pointer;outline:none}
.ms-mosaic__card[data-pos="0"]{z-index:2;cursor:default}
.ms-mosaic__card:not([data-pos="0"]){z-index:1;filter:saturate(.9)}
.ms-mosaic__card:not([data-pos="0"]):hover{filter:none}
.ms-mosaic__card:not([data-pos="0"]) .md-fit{pointer-events:none;box-shadow:0 30px 50px -20px rgba(24,24,24,.5)!important}
.ms-mosaic__card:not([data-pos="0"])::after{content:'';position:absolute;inset:0;border-radius:12px;box-shadow:inset 0 0 0 3px transparent;transition:box-shadow .3s}
.ms-mosaic__card:not([data-pos="0"]):hover::after{box-shadow:inset 0 0 0 6px var(--red)}
.ms-mosaic__card:focus-visible .md-fit{outline:3px solid var(--red);outline-offset:4px}
.ms-deck__tabs{display:none!important}

/* devices: watch left, iPad centre-back, phones right — balanced */
.ms-devices__hint{display:none!important}
.ms-dev--ipad{left:12%!important;top:0!important;width:64%!important}
.ms-dev--phones{right:0!important;bottom:0!important;width:38%!important;height:74%!important}
.ms-dev--watch{left:0!important;bottom:4%!important;width:15.5%!important}
@media (max-width:900px){
  .ms-dev--ipad{left:6%!important;width:88%!important}
  .ms-dev--phones{width:50%!important;right:10%!important;height:64%!important}
  .ms-dev--watch{width:26%!important;left:2%!important;bottom:2%!important}
}

/* hero "Inbound event → Actions out": grey rectangles, white text */
.ms-hero--dark .ms-pane-grey .ms-flowx__col li{background:#3A3B3E!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:6px!important;box-shadow:0 18px 30px -18px rgba(0,0,0,.7)!important}
.ms-hero--dark .ms-pane-grey .ms-flowx__col b{color:#fff!important}
.ms-hero--dark .ms-pane-grey .ms-flowx__col small{color:#C9CBCA!important}
.ms-hero--dark .ms-pane-grey .ms-flowx__ico{border-radius:4px!important;background:rgba(216,66,73,.22)!important;color:#F08A93;--acc:#F08A93}
.ms-hero--dark .ms-pane-grey .ms-flowx__head span{background:#3A3B3E!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:4px!important;color:#fff!important;box-shadow:none!important}
.ms-hero--dark .ms-pane-grey .ms-flowx__head span:nth-child(2){color:var(--red-2)!important}
.ms-hero--dark .ms-pane-grey .ms-flowx__core{border-radius:14px!important;background:#2A2B2E!important;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 24px 50px -20px rgba(0,0,0,.7)!important}
.ms-hero--dark .ms-pane-grey .ms-flowx__core .hv-core__ring{border-radius:20px!important}
.ms-hero--dark .ms-pane-grey .ms-flowx__lbl{color:#C9CBCA!important}
.ms-hero--dark .ms-pane-grey .hv-line--out{stroke:rgba(255,255,255,.35)}
@media (min-width:1101px){.ms-hero--dark .ms-hero__split{gap:clamp(20px,2.2vw,40px)!important}}
@media (min-width:901px){
  .ms-dev--ipad{left:9%!important;width:62%!important}
  .ms-dev--phones{right:11%!important}
  .ms-home .story-content.dash-content,.ms-home .story-content.phone-content{width:calc(var(--sw) * .34)}
  .ms-home .flip-wrap,.ms-home .pos-left-ref{width:calc(var(--sw) * .61)}
}

/* =====================================================================
   v24 — hero group centred (equal side margins, no stretching),
          accurate signal connectors, story clear of the top strip
   ===================================================================== */
@media (min-width:1101px){
  .ms-hero--dark .ms-hero__split{grid-template-columns:max-content minmax(0,min(700px,52vw))!important;justify-content:center!important;gap:clamp(40px,4vw,72px)!important;max-width:none}
  .ms-hero--dark .ms-hero__copy{max-width:none}
  .ms-hero--dark .ms-hero__tabs{max-width:none!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
}
/* signal connectors: arrowheads */
.ms-flowx .hv-lines{overflow:visible}
.ms-flowx .hv-line{vector-effect:none;stroke-width:1.6}
.hv-arrow{fill:#DF5161}
.hv-arrow--out{fill:rgba(255,255,255,.7)}
.ms-hero--dark .ms-pane-grey .hv-line{stroke:rgba(223,81,97,.75)}
.ms-hero--dark .ms-pane-grey .hv-line--out{stroke:rgba(255,255,255,.45)}

/* story: content sits below the top strip; device scene never taller than the space */
@media (min-width:901px){
  .ms-home .story-content,.ms-home .flip-wrap{top:calc(50% + 46px)}
  .ms-home .pos-left-ref{top:calc(50% + 46px)}
  .ms-home .face.back .ms-devices{align-items:center}
  .ms-home .face.back .ms-devices__scene{width:min(100%,calc((100svh - 250px) * 1.357))!important;margin:0 auto}
}

/* ===== v25 · logos section rebuilt: every logo sits inside a fixed frame, nothing is clipped ===== */
.ms-logos{padding:clamp(64px,7vw,104px) 0 clamp(56px,6vw,92px);background:#fff}
.ms-logos__head{align-items:center;margin-bottom:clamp(28px,3.4vw,44px)}
.ms-logos__title{max-width:20ch}
.ms-marquee{padding:10px 0;overflow-x:hidden;overflow-y:visible}
.ms-marquee+.ms-marquee{margin-top:6px}
.ms-marquee__track{gap:18px;align-items:center}
.ms-marquee__item{box-sizing:border-box;width:clamp(196px,15.5vw,236px)!important;height:clamp(112px,8.6vw,132px)!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;border-radius:14px;background:#fff!important;border:1px solid #E7E8E8!important;overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s}
.ms-marquee__item:hover{border-color:#D9DADA!important;box-shadow:0 10px 24px -14px rgba(30,31,33,.28);transform:translateY(-2px)}
.ms-marquee__logo{display:block;width:72%;height:62%;position:relative}
.ms-marquee__logo img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain;object-position:center}
.ms-marquee.is-static .ms-marquee__track{row-gap:18px}
@media (max-width:640px){.ms-marquee__item{width:156px!important;height:96px!important;border-radius:12px}.ms-marquee__track{gap:12px}.ms-logos__head{align-items:flex-start}}

/* footer: logo and MetroGuild line left-aligned, description justified */
.ms-footer__brand{display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.ms-footer__brand .ms-footer__about{margin:20px 0 14px;text-align:justify!important;text-align-last:left;hyphens:auto;-webkit-hyphens:auto}
.ms-footer__brand .ms-footer__company{align-items:flex-start!important;text-align:left!important}
.ms-footer__brand .ms-social{justify-content:flex-start!important}

/* ===== v28 · Page loader: feature constellation ===== */
.ms-loader{--T:4.2s;--size:clamp(250px,min(44vmin,46vh),360px);--R:calc(var(--size) * .44);position:fixed;inset:0;z-index:100000;display:grid;place-items:center;background:radial-gradient(55% 45% at 50% 46%,rgba(216,66,73,.13),transparent 72%),#1A1B1D;color:#F4F1EC;font-family:var(--sans);clip-path:inset(0 0 0 0);transition:clip-path .85s cubic-bezier(.76,0,.24,1);animation:msLoaderAuto 0s linear 7.5s forwards}
@keyframes msLoaderAuto{to{visibility:hidden;opacity:0;pointer-events:none}}
.ms-loader.is-done{clip-path:inset(0 0 100% 0);pointer-events:none}
.ms-loader.is-gone{display:none}
.ms-loader.is-leaving{display:grid;animation:msLoaderIn .34s cubic-bezier(.76,0,.24,1) both;transition:none}
@keyframes msLoaderIn{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
.ms-loader__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;background-position:center;-webkit-mask-image:radial-gradient(60% 55% at 50% 50%,#000,transparent 80%);mask-image:radial-gradient(60% 55% at 50% 50%,#000,transparent 80%);pointer-events:none}
.ms-loader__corner{position:absolute;display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#7E8180;transition:opacity .4s}
.ms-loader__corner--tl{top:clamp(20px,4vh,36px);left:clamp(20px,4vw,48px);letter-spacing:-.01em;text-transform:none;font-size:16px;color:#F4F1EC}
.ms-loader__corner--tl b{font-family:var(--head);font-weight:700}
.ms-loader__corner--tl em{margin-left:-6px;padding:1px 5px;border-radius:4px;background:#D84249;color:#fff;font-style:normal;font-size:10px;font-weight:700;letter-spacing:0}
.ms-loader__corner--tr{top:clamp(24px,4.4vh,40px);right:clamp(20px,4vw,48px)}
.ms-loader__corner--bl{bottom:clamp(22px,4vh,38px);left:clamp(20px,4vw,48px)}
.ms-loader__corner--br{bottom:clamp(22px,4vh,38px);right:clamp(20px,4vw,48px)}
.ms-loader__corner--bl::before{content:"";width:6px;height:6px;border-radius:50%;background:#D84249;animation:msBlink 1.2s ease-in-out infinite}
@keyframes msBlink{50%{opacity:.25}}
.ms-loader__logo{display:flex;align-items:flex-end;gap:3px;height:18px}
.ms-loader__logo i{width:5px;border-radius:1px}
.ms-loader__logo i:nth-child(1){height:45%;background:#D84249}.ms-loader__logo i:nth-child(2){height:100%;background:#F4F1EC}.ms-loader__logo i:nth-child(3){height:70%;background:#9B9E9D}
.ms-loader__inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(26px,4.4vh,44px);transition:opacity .45s ease,transform .6s cubic-bezier(.76,0,.24,1)}
.ms-loader.is-done .ms-loader__inner{opacity:0;transform:translateY(-30px)}
.ms-loader.is-done .ms-loader__corner{opacity:0}
.ms-loader__orbit{position:relative;width:var(--size);height:var(--size)}
.ms-loader__ring{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}
.ms-loader__ring--outer{width:calc(var(--R) * 2);height:calc(var(--R) * 2);border:1px solid rgba(255,255,255,.1)}
.ms-loader__ring--inner{width:calc(var(--R) * 1.18);height:calc(var(--R) * 1.18);border:1px dashed rgba(255,255,255,.12);animation:msSpin 24s linear infinite}
.ms-loader__sweep{position:absolute;left:50%;top:50%;width:calc(var(--R) * 2);height:calc(var(--R) * 2);margin:calc(var(--R) * -1) 0 0 calc(var(--R) * -1);border-radius:50%;background:conic-gradient(from -64deg,transparent,rgba(216,66,73,.08) 30deg,rgba(216,66,73,.34) 64deg,transparent 64.5deg);-webkit-mask-image:radial-gradient(circle,transparent 56%,#000 57%);mask-image:radial-gradient(circle,transparent 56%,#000 57%);animation:msSpin var(--T) linear infinite}
@keyframes msSpin{to{transform:rotate(360deg)}}
.ms-loader__node{--a:calc(var(--i) * (360deg / var(--n)) - 90deg);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--a)) translate(var(--R)) rotate(calc(var(--a) * -1))}
.ms-loader__node b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#232427;border:1px solid rgba(255,255,255,.1);color:#8A8D8C;animation:msNode var(--T) linear infinite;animation-delay:calc(var(--i) * var(--T) / var(--n))}
.ms-loader__node em{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);white-space:nowrap;font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#6E7170;animation:msNodeTx var(--T) linear infinite;animation-delay:calc(var(--i) * var(--T) / var(--n))}
@keyframes msNode{0%,10%,100%{background:#F4F1EC;border-color:#F4F1EC;color:#C1312D;box-shadow:0 0 0 6px rgba(216,66,73,.18),0 0 28px rgba(216,66,73,.45)}17%,94%{background:#232427;border-color:rgba(255,255,255,.1);color:#8A8D8C;box-shadow:none}}
@keyframes msNodeTx{0%,10%,100%{color:#F4F1EC}17%,94%{color:#6E7170}}
.ms-loader__core{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:calc(var(--R) * .86);height:calc(var(--R) * .86);border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 50% 35%,#2B2C30,#1E1F21);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px -20px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.05)}
.ms-loader__mark{display:flex;align-items:flex-end;gap:5px;height:40px}
.ms-loader__mark i{width:10px;border-radius:2px;transform-origin:bottom;animation:msBuild 1.6s cubic-bezier(.6,0,.2,1) infinite}
.ms-loader__mark i:nth-child(1){height:42%;background:#D84249}
.ms-loader__mark i:nth-child(2){height:100%;background:#F4F1EC;animation-delay:.12s}
.ms-loader__mark i:nth-child(3){height:68%;background:#9B9E9D;animation-delay:.24s}
@keyframes msBuild{0%{transform:scaleY(.15)}35%,75%{transform:scaleY(1)}100%{transform:scaleY(.15)}}
.ms-loader__status{display:flex;flex-direction:column;align-items:center;gap:10px}
.ms-loader__pct{display:flex;align-items:flex-start;font-family:var(--head);line-height:.9;color:#F4F1EC}
.ms-loader__pct b{font-weight:300;font-size:clamp(44px,6vh,60px);letter-spacing:-.04em;font-variant-numeric:tabular-nums;min-width:2.2ch;text-align:right}
.ms-loader__pct small{margin:6px 0 0 4px;font-size:16px;font-weight:600;color:#D84249}
.ms-loader__lines{position:relative;display:block;width:min(320px,80vw);height:20px}
.ms-loader__line{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:500;color:#A6A9A8;opacity:0;animation:msLine var(--T) linear infinite;animation-delay:calc(var(--i) * var(--T) / var(--n))}
.ms-loader__line i{width:5px;height:5px;border-radius:50%;background:#D84249}
@keyframes msLine{0%{opacity:0;transform:translateY(6px)}3%,14%{opacity:1;transform:none}16.6%,100%{opacity:0;transform:translateY(-6px)}}
.ms-loader__bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.06)}
.ms-loader__bar i{display:block;height:100%;background:linear-gradient(90deg,#C1312D,#DF5161);transform:scaleX(0);transform-origin:left;transition:transform .2s linear}
html.ms-loader-skip .ms-loader{display:none}
html.ms-loader-quick .ms-loader__corner--bl,html.ms-loader-quick .ms-loader__corner--br{opacity:0}
html.ms-is-loading .ms-reveal-line,html.ms-is-loading .ms-reveal-block{animation-play-state:paused}
@media (max-width:640px){
  .ms-loader{--size:min(78vw,300px)}
  .ms-loader__corner--tr,.ms-loader__corner--br{display:none}
  .ms-loader__node b{width:34px;height:34px}.ms-loader__node b svg{width:15px;height:15px}
  .ms-loader__node em{font-size:9px;letter-spacing:.06em}
  .ms-loader__grid{background-size:48px 48px}
}
@media (max-height:540px){.ms-loader{--size:min(56vh,240px)}.ms-loader__node em,.ms-loader__corner--bl,.ms-loader__corner--br{display:none}.ms-loader__inner{flex-direction:row}}
@media (prefers-reduced-motion:reduce){.ms-loader *,.ms-loader{animation-duration:0s!important;animation-iteration-count:1!important}.ms-loader__line{opacity:0}.ms-loader__line:first-child{opacity:1}}

/* ===== v26 · Clients: logo wall ===== */
.ms-clients{position:relative;padding:clamp(72px,8vw,120px) 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ms-clients__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(40px,5.5vw,88px);align-items:center}
.ms-clients__title{margin:14px 0 0;font-size:clamp(30px,3.3vw,46px);line-height:1.08;max-width:15ch}
.ms-clients__stat{display:flex;align-items:center;gap:18px;margin-top:clamp(26px,3vw,36px);padding-top:clamp(22px,2.6vw,30px);border-top:1px solid var(--line)}
.ms-clients__stat b{flex:none;font-family:var(--head);font-weight:700;font-size:clamp(54px,5.6vw,84px);line-height:.85;letter-spacing:-.05em;color:var(--red)}
.ms-clients__stat span{font-size:15px;line-height:1.55;color:var(--muted);max-width:24ch}
.ms-clients__facts{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0;padding:0}
.ms-clients__facts li{display:flex;align-items:baseline;gap:8px;padding:10px 16px;border-radius:10px;background:var(--paper);border:1px solid var(--line-2)}
.ms-clients__facts b{font-family:var(--head);font-weight:700;font-size:18px;color:#1E1F21}
.ms-clients__facts span{font-size:13.5px;color:var(--muted)}
.ms-clients__link{display:inline-flex;align-items:center;gap:10px;margin-top:26px;font-weight:600;font-size:15px;color:#1E1F21;text-decoration:none;border-bottom:2px solid var(--red);padding-bottom:3px}
.ms-clients__link span{transition:transform .25s var(--ease)}
.ms-clients__link:hover span{transform:translateX(4px)}
.ms-clients__wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 30px 60px -40px rgba(30,31,33,.35)}
.ms-clients__tile{position:relative;aspect-ratio:16/11;background:#fff;transition:background .3s}
.ms-clients__tile:hover{background:var(--paper)}
.ms-clients__logo{position:absolute;inset:19% 15%;opacity:0;transform:translateY(12px) scale(.96);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.ms-clients__logo.is-on{opacity:1;transform:none}
.ms-clients__logo.is-off{opacity:0;transform:translateY(-12px) scale(.96)}
.ms-clients__logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
@media (max-width:1000px){.ms-clients__grid{grid-template-columns:1fr}.ms-clients__title{max-width:20ch}}
@media (max-width:640px){.ms-clients__wall{grid-template-columns:repeat(3,minmax(0,1fr));border-radius:16px}.ms-clients__tile{aspect-ratio:1/.8}.ms-clients__logo{inset:17% 12%}.ms-clients__stat{flex-direction:column;align-items:flex-start;gap:10px}}

/* ===== v26 · Story: aligned to the page container ===== */
@media (min-width:901px){
  .ms-home .flip-stage{--sw:min(1176px,calc(100vw - 64px))}
  .ms-home .story-content h3{font-size:clamp(32px,3vw,48px)!important}
  .ms-home .story-content p{font-size:clamp(16px,1.2vw,18px)}
}
.story-step--link a{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none;transition:color .2s}
.story-step--link a:hover{color:var(--ink)}
.story-step--link a:hover b{background:var(--ink);color:#fff}

/* ===== v26 · Chapter visuals (cv-*) ===== */
.cv{position:relative;width:100%;max-width:470px;margin:0 auto;font-size:13px;line-height:1.4;color:#1E1F21;text-align:left}
.cv-card{position:relative;background:#fff;border:1px solid #E7E8E8;border-radius:16px;box-shadow:0 28px 60px -34px rgba(0,0,0,.6);overflow:hidden}
.cv-head{display:flex;align-items:center;gap:9px;padding:12px 16px;border-bottom:1px solid #EFF0F0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5F6261}
.cv-head svg{color:var(--red)}
.cv-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-style:normal;color:var(--red)}
.cv-live i{width:7px;height:7px;border-radius:50%;background:var(--red);animation:cvPulse 1.4s ease-in-out infinite}
@keyframes cvPulse{0%,100%{box-shadow:0 0 0 0 rgba(216,66,73,.5)}50%{box-shadow:0 0 0 5px rgba(216,66,73,0)}}
.cv-body{padding:14px 16px 16px}
.cv-field{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:8px 12px;margin-bottom:8px;border:1px solid #EFF0F0;border-radius:10px;background:#FAFAFA}
.cv-field label{flex:none;font-size:12px;color:#8A8D8C}
.cv-field b{font-weight:600;text-align:right;min-height:1em}
.cv-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:#F1F2F2;color:#3A3B3E;font-size:11.5px;font-weight:600;white-space:nowrap}
.cv-pill--red{background:rgba(216,66,73,.1);color:#C1312D}
.cv-pill--ok{background:#1E1F21;color:#fff}
.cv-save{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:38px;margin-top:4px}
.cv-save--split{justify-content:space-between}
.cv-btn{white-space:nowrap;display:inline-flex;align-items:center;height:34px;padding:0 16px;border-radius:8px;background:var(--red);color:#fff;font-size:12.5px;font-weight:600}
.cv-ok{display:inline-flex;align-items:center;gap:7px;color:#1E1F21;font-weight:600}
.cv-ok svg{width:20px;height:20px;padding:4px;border-radius:50%;background:var(--red);color:#fff}
.cv-float{position:absolute;right:-18px;bottom:-30px;width:220px;padding:12px 14px;border-radius:14px}
.cv-visit{padding-bottom:40px}
.cv-mini-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5F6261}
.cv-mini-h b{font-family:var(--head);font-size:22px;letter-spacing:-.02em;color:var(--red)}
.cv-hbar{display:grid;grid-template-columns:72px 1fr 32px;align-items:center;gap:8px;margin-top:6px;font-size:11.5px;color:#5F6261}
.cv-hbar i{display:block;height:6px;border-radius:6px;background:linear-gradient(90deg,#C1312D,#DF5161);width:0;transition:width 1s cubic-bezier(.2,.7,.2,1)}
.cv-hbar b{text-align:right;color:#1E1F21}
.cv-av{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#1E1F21;color:#fff;font-size:12px;font-weight:700}
.cv-av--grey{background:#C9CBCA;color:#3A3B3E}
.cv-av--red{background:var(--red)}
.cv-lead{display:flex;align-items:center;gap:12px;padding:12px 14px}
.cv-lead>div{flex:1;min-width:0;display:flex;flex-direction:column}
.cv-lead small,.cv-rep small,.cv-caller small{font-size:11.5px;color:#8A8D8C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-rules{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0}
.cv-rule{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:#2A2B2E;border:1px solid rgba(255,255,255,.1);color:#F4F1EC;font-size:11.5px;font-weight:500}
.cv-rule svg{color:#DF5161}
.js-demo .cv-rules [data-s]{transition-delay:calc(var(--k,0) * 140ms)}
.cv-reps{display:flex;flex-direction:column;gap:8px}
.cv-rep{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid #EFF0F0}
.cv-rep>div{flex:1;min-width:0;display:flex;flex-direction:column}
.cv-rep.is-off{opacity:.5}
.cv-rep.is-off b{text-decoration:line-through;text-decoration-color:rgba(0,0,0,.35)}
.js-demo .cv-reps [data-s]{transition-delay:calc(var(--k,0) * 120ms)}
.cv-toast{position:relative;display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin:12px auto 0;padding:9px 14px;border-radius:10px;background:#2A2B2E;border:1px solid rgba(255,255,255,.1);color:#F4F1EC;font-size:12.5px;font-weight:500}
.cv-toast svg{color:#DF5161}
.cv-dark{background:#2A2B2E;border-color:rgba(255,255,255,.08);color:#F4F1EC}
.cv-dark .cv-head{border-color:rgba(255,255,255,.08);color:#9B9E9D}
.cv-caller{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.cv-caller>div{flex:1;min-width:0;display:flex;flex-direction:column}
.cv-wave{display:flex;align-items:center;gap:3px;height:26px}
.cv-wave i{width:3px;height:100%;border-radius:2px;background:#DF5161;animation:msEq 0.9s ease-in-out infinite}
.cv-wave i:nth-child(2n){animation-delay:.2s}.cv-wave i:nth-child(3n){animation-delay:.35s}.cv-wave i:nth-child(5){animation-delay:.1s}
.cv-say{margin:0 0 8px;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.06);font-size:12.5px;line-height:1.5;min-height:34px}
.cv-say b{display:block;margin-bottom:2px;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#9B9E9D}
.cv-say--ai{background:rgba(216,66,73,.16)}
.cv-say--ai b{color:#DF5161}
.cv-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.cv-tags span{padding:4px 9px;border-radius:999px;background:#F4F1EC;color:#1E1F21;font-size:11.5px;font-weight:600}
.cv-dial{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.08)}
.cv-dial span{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 4px;font-size:11px;color:#9B9E9D}
.cv-dial span+span{border-left:1px solid rgba(255,255,255,.06)}
.cv-dial .is-hot{color:#fff;background:rgba(216,66,73,.25)}
.cv-rec{width:10px;height:10px;margin:2px 0;border-radius:50%;background:var(--red);animation:cvPulse 1.4s infinite}
.cv-lead--flat{border-bottom:1px solid #EFF0F0}
.cv-stage{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.cv-stage em{font-style:normal;font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:999px}
.cv-stage__from{background:#F1F2F2;color:#8A8D8C;text-decoration:line-through}
.cv-stage__to{background:var(--red);color:#fff}
.cv-timeline{list-style:none;margin:0;padding:10px 16px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid #EFF0F0}
.cv-timeline li{display:flex;align-items:center;gap:8px;font-size:12px;color:#3A3B3E}
.cv-timeline li svg{flex:none;width:22px;height:22px;padding:5px;border-radius:6px;background:#F1F2F2;color:#5F6261}
.cv-timeline small{margin-left:auto;color:#9B9E9D;font-size:11px}
.cv-marvis__box{margin:12px;padding:12px 14px;border-radius:12px;background:#FBF3F3;border:1px solid rgba(216,66,73,.18)}
.cv-marvis__h{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px}
.cv-marvis__h small{font-weight:500;font-size:11px;color:#8A8D8C}
.cv-spark{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--red);color:#fff}
.cv-marvis__box p{margin:8px 0 10px;font-size:12.5px;line-height:1.5;color:#2A2B2E;min-height:38px}
.cv-sent{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:11.5px;color:#5F6261}
.cv-sent i{display:block;height:6px;border-radius:6px;background:#EADADB;overflow:hidden}
.cv-sent i b{display:block;height:100%;width:0;background:linear-gradient(90deg,#C1312D,#DF5161);transition:width 1s cubic-bezier(.2,.7,.2,1)}
.cv-sent em{font-style:normal;font-weight:700;color:#C1312D}
.cv-next{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;border-radius:9px;background:#fff;border:1px solid #EFF0F0;font-size:12px;font-weight:600}
.cv-next svg{color:#25D366}
.cv-journey{list-style:none;margin:0;padding:14px 16px 16px;display:flex;flex-direction:column;gap:0}
.cv-journey li{position:relative;display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:10px;padding:8px 0 8px 18px}
.cv-journey li::before{content:"";position:absolute;left:4px;top:0;bottom:0;width:2px;background:#EFF0F0}
.cv-journey li::after{content:"";position:absolute;left:0;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#fff;border:2px solid var(--red)}
.cv-journey li:first-child::before{top:50%}.cv-journey li:last-child::before{bottom:50%}
.cv-journey em{font-style:normal;font-size:11.5px;font-weight:700;color:#3A3B3E}
.cv-journey__msg{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:9px;background:#FAFAFA;border:1px solid #EFF0F0;font-size:12px;font-weight:500;min-width:0}
.cv-journey__msg svg{flex:none;color:var(--red)}
.cv-journey small{font-size:11px;color:#9B9E9D;white-space:nowrap}
.cv-drip{padding-bottom:56px}
.cv-camp{bottom:-12px;width:236px}
.cv-build{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.cv-build__row{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:10px}
.cv-build__row label{font-size:11.5px;color:#8A8D8C}
.cv-chipset{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.cv-chipset i{font-style:normal;padding:5px 10px;border-radius:7px;background:#F1F2F2;border:1px solid #E7E8E8;font-size:11.5px;font-weight:600}
.cv-chipset i.is-red{background:rgba(216,66,73,.1);border-color:rgba(216,66,73,.25);color:#C1312D}
.cv-chipset b{color:#9B9E9D}
.cv-table{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:12px}
.cv-table th{text-align:left;padding:7px 8px;background:#F6F6F6;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8A8D8C}
.cv-table td{padding:7px 8px;border-bottom:1px solid #F1F2F2}
.cv-table td:last-child{position:relative;width:38%}
.cv-table td:last-child b{position:relative;z-index:1}
.cv-tbar{position:absolute;left:44px;right:8px;top:50%;height:6px;margin-top:-3px;border-radius:6px;background:#F1F2F2;overflow:hidden}
.cv-tbar::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:linear-gradient(90deg,#C1312D,#DF5161);border-radius:inherit}
.cv-pill svg{color:var(--red)}
@media (max-width:560px){
  .cv{font-size:12px}
  .cv-float{position:relative;right:auto;bottom:auto;width:auto;margin:-10px 10px 0}
  .cv-visit,.cv-drip{padding-bottom:0}
  .cv-journey li{grid-template-columns:74px 1fr;padding-right:0}
  .cv-journey small{display:none}
  .cv-field{flex-wrap:wrap}
  .cv-dial span{font-size:10px}
}

/* ===== v26 · Feature boxes ===== */
.ms-fbox-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:clamp(36px,4vw,56px)}
.ms-fbox{position:relative;display:flex;flex-direction:column;gap:18px;min-height:210px;padding:22px 22px 20px;border-radius:16px;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:border-color .25s,transform .3s var(--ease),box-shadow .3s var(--ease)}
.ms-fbox:hover{border-color:var(--red);transform:translateY(-3px);box-shadow:0 20px 40px -28px rgba(193,49,45,.45)}
.ms-fbox__top{display:flex;align-items:center;justify-content:space-between}
.ms-fbox__ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(216,66,73,.09);color:var(--red);transition:background .25s,color .25s}
.ms-fbox:hover .ms-fbox__ico{background:var(--red);color:#fff}
.ms-fbox__num{font-family:var(--head);font-weight:700;font-size:13px;letter-spacing:.04em;color:#B5B7B6}
.ms-fbox__txt{display:flex;flex-direction:column;gap:7px;margin-top:auto}
.ms-fbox__name{font-family:var(--head);font-size:17.5px;font-weight:700;line-height:1.22;letter-spacing:-.015em}
.ms-fbox__tag{font-size:14px;line-height:1.5;color:var(--muted)}
.ms-fbox__go{position:absolute;right:20px;bottom:18px;font-size:16px;color:var(--red);opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .25s}
.ms-fbox:hover .ms-fbox__go{opacity:1;transform:none}
.ms-fbox--dark{background:#1E1F21;border-color:#1E1F21;color:#F4F1EC}
.ms-fbox--dark .ms-fbox__ico{background:var(--red);color:#fff}
.ms-fbox--dark .ms-fbox__tag{color:#9B9E9D}
.ms-fbox--dark .ms-fbox__go{opacity:1;transform:none}
@media (max-width:1100px){.ms-fbox-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){.ms-fbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){
  .ms-fbox-grid{grid-template-columns:1fr;gap:10px}
  .ms-fbox{flex-direction:row;align-items:flex-start;gap:14px;min-height:0;padding:16px 16px 16px}
  .ms-fbox__top{flex-direction:column;gap:6px}
  .ms-fbox__ico{width:40px;height:40px}
  .ms-fbox__num{display:none}
  .ms-fbox__txt{margin-top:0;padding-right:18px}
  .ms-fbox__name{font-size:16px}
  .ms-fbox__tag{font-size:13.5px}
  .ms-fbox__go{opacity:1;transform:none;top:18px;bottom:auto;right:16px}
}

/* ===== v26 · Features page: core modules guide ===== */
.ms-guide{background:#fff;border-top:1px solid var(--line)}
.ms-guide__grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start;margin-top:clamp(36px,4vw,56px)}
.ms-guide__index{position:sticky;top:calc(var(--header-h) + var(--admin,0px) + 24px);display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - var(--header-h) - 48px);overflow-y:auto;scrollbar-width:none}
.ms-guide__index::-webkit-scrollbar{display:none}
.ms-guide__group{margin:14px 0 4px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.ms-guide__group:first-child{margin-top:0}
.ms-guide__link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:9px;font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;border-left:2px solid transparent;transition:background .2s,color .2s,border-color .2s}
.ms-guide__link b{font-size:11px;font-weight:700;color:#B5B7B6}
.ms-guide__link:hover{color:var(--ink);background:var(--paper)}
.ms-guide__link.is-on{color:var(--ink);background:var(--paper);border-left-color:var(--red);font-weight:600}
.ms-guide__link.is-on b{color:var(--red)}
.ms-guide__list{display:flex;flex-direction:column;gap:18px}
.ms-gfeat{scroll-margin-top:calc(var(--header-h) + 24px);padding:clamp(24px,3vw,36px);border-radius:20px;background:var(--paper);border:1px solid var(--line-2)}
.ms-gfeat__head{display:flex;align-items:center;gap:16px}
.ms-gfeat__ico{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--red);color:#fff}
.ms-gfeat__meta{display:flex;align-items:center;gap:8px;margin:0 0 2px;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.ms-gfeat__meta b{color:#9B9E9D}
.ms-gfeat__name{margin:0;font-family:var(--head);font-weight:700;font-size:clamp(22px,2vw,28px);line-height:1.15;letter-spacing:-.025em}
.ms-gfeat__tag{margin:18px 0 10px;font-family:var(--head);font-weight:600;font-size:clamp(18px,1.6vw,22px);line-height:1.3;letter-spacing:-.015em;color:var(--red-deep)}
.ms-gfeat__over{margin:0;font-size:16px;line-height:1.7;color:#3A3B3E;max-width:68ch}
.ms-gfeat__pts{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ms-gfeat__pts li{display:flex;flex-direction:column;gap:3px;padding:14px 16px 14px 42px;position:relative;border-radius:12px;background:#fff;border:1px solid var(--line)}
.ms-gfeat__pts li::before{content:"";position:absolute;left:15px;top:16px;width:16px;height:16px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/10px no-repeat}
.ms-gfeat__pts b{font-size:14.5px;font-weight:600;color:var(--ink)}
.ms-gfeat__pts span{font-size:13.5px;line-height:1.55;color:var(--muted)}
.ms-gfeat__blurb{margin:18px 0 0;padding:16px 18px;border-radius:12px;background:#1E1F21;color:#F4F1EC;font-size:14.5px;line-height:1.65}
.ms-gfeat__blurb span{display:block;margin-bottom:4px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#DF5161}
@media (max-width:1000px){
  .ms-guide__grid{grid-template-columns:1fr;gap:20px}
  .ms-guide__index{top:calc(var(--header-h) + var(--admin,0px));z-index:10;flex-direction:row;align-items:center;gap:6px;max-height:none;overflow-x:auto;overflow-y:visible;margin:0 -32px;padding:12px 32px;background:#fff;border-bottom:1px solid var(--line)}
  .ms-guide__group{display:none}
  .ms-guide__link{flex:none;white-space:nowrap;border-left:0;border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:13px}
  .ms-guide__link.is-on{background:var(--red);border-color:var(--red);color:#fff}
  .ms-guide__link.is-on b{color:#fff}
  .ms-gfeat{scroll-margin-top:calc(var(--header-h) + 80px)}
}
@media (max-width:700px){.ms-guide__index{margin:0 -20px;padding:12px 20px}.ms-gfeat__pts{grid-template-columns:1fr}.ms-gfeat__head{gap:12px}.ms-gfeat__ico{width:44px;height:44px}}

/* ===== v27 · Features page: module cards under each section ===== */
.ms-anchor{display:block;position:relative;top:calc(-1 * (var(--header-h) + 30px));visibility:hidden}
.ms-mods{display:grid;gap:16px;margin-top:clamp(36px,4vw,56px)}
.ms-mods--1{grid-template-columns:minmax(0,1fr)}
.ms-mods--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ms-mods--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ms-mod{scroll-margin-top:calc(var(--header-h) + 30px);display:flex;flex-direction:column;gap:12px;padding:clamp(22px,2.4vw,30px);border-radius:18px;background:#fff;border:1px solid var(--line)}
.ms-section--paper .ms-mod{background:#fff}
.ms-section:not(.ms-section--paper) .ms-mod{background:var(--paper);border-color:var(--line-2)}
.ms-mod__head{display:flex;align-items:center;gap:12px}
.ms-mod__ico{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--red);color:#fff}
.ms-mod__name{margin:0;font-family:var(--head);font-weight:700;font-size:20px;line-height:1.2;letter-spacing:-.02em}
.ms-mod__tag{margin:4px 0 0;font-family:var(--head);font-weight:600;font-size:17px;line-height:1.35;color:var(--red-deep)}
.ms-mod__over{margin:0;font-size:15px;line-height:1.7;color:#3A3B3E}
.ms-mod__pts{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.ms-mod__pts li{position:relative;padding-left:26px;font-size:14px;line-height:1.55;color:var(--muted)}
.ms-mod__pts li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/10px no-repeat}
.ms-mod__pts b{color:var(--ink);font-weight:600}
.ms-mods--1 .ms-mod{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(24px,4vw,56px);align-items:start}
.ms-mods--1 .ms-mod>*{grid-column:1}
.ms-mods--1 .ms-mod__pts{grid-column:2;grid-row:1/span 3;margin:0}
.ms-split__visual .cv{max-width:500px}
@media (max-width:1000px){.ms-mods--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.ms-mods--2,.ms-mods--3{grid-template-columns:1fr}.ms-mods--1 .ms-mod{display:flex}}
.fh-strip-inner .fh-card{flex:1 1 180px}

/* ===== v27 · Story: horizontal chapters on a dark stage ===== */
.ms-hstory{position:relative;background:#1E1F21;color:#F4F1EC;padding-top:clamp(80px,9vw,128px)}
.ms-hstory__head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);align-items:end}
.ms-hstory__head .ms-kicker{grid-column:1/-1;margin:0}
.ms-hstory__title{margin:0;font-size:clamp(34px,4.2vw,62px);line-height:1.08;letter-spacing:-.04em;color:#F4F1EC;max-width:14ch;padding-bottom:.06em}
.ms-hstory__title em{font-style:normal;color:#DF5161!important;-webkit-text-fill-color:#DF5161!important;background:none!important;padding-bottom:.12em}
.ms-hstory__lead{margin:0;font-size:clamp(16px,1.25vw,18px);line-height:1.65;color:#9B9E9D;max-width:46ch}
.ms-hstory__scroll{position:relative}
.ms-hstory__pin{position:relative;padding:clamp(28px,3vw,44px) 0 clamp(60px,7vw,100px)}
.ms-hstory__nav{position:relative}
.ms-hstory__nav ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:10px}
.ms-hstory__tab{display:flex;align-items:center;gap:10px;padding:14px 2px 12px;border-top:3px solid rgba(255,255,255,.12);font-size:14.5px;font-weight:600;color:#7E8180;text-decoration:none;transition:border-color .35s,color .35s}
.ms-hstory__tab b{font-size:11.5px;letter-spacing:.06em;color:#5F6261;transition:color .35s}
.ms-hstory__tab:hover{color:#F4F1EC}
.ms-hstory__tab.is-done{border-top-color:rgba(255,255,255,.45);color:#B5B7B6}
.ms-hstory__tab.is-on{border-top-color:#D84249;color:#fff}
.ms-hstory__tab.is-on b{color:#DF5161}
.ms-hstory__bar{display:none}
.ms-hstory__track{display:flex;flex-direction:column}
.ms-hpanel{position:relative;flex:none;padding:clamp(36px,5vw,64px) 0;overflow:hidden}
.ms-hpanel__num{position:absolute;left:max(0px,calc((100% - 1240px) / 2 - 20px));top:50%;transform:translateY(-50%);font-family:var(--head);font-weight:800;font-size:clamp(240px,30vw,480px);line-height:.8;letter-spacing:-.07em;color:rgba(255,255,255,.04);-webkit-text-stroke:1px rgba(255,255,255,.06);pointer-events:none;user-select:none;z-index:0;transition:transform 1s cubic-bezier(.2,.7,.2,1),opacity .8s}
.ms-hpanel__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(32px,5vw,80px);align-items:center}
.ms-hpanel__kicker{display:flex;align-items:center;gap:10px;margin:0;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#DF5161}
.ms-hpanel__kicker b{display:grid;place-items:center;min-width:30px;height:24px;padding:0 6px;border-radius:6px;background:#D84249;color:#fff;font-size:11.5px;letter-spacing:.02em}
.ms-hpanel__title{margin:16px 0 12px;font-family:var(--head);font-weight:700;font-size:clamp(28px,2.8vw,42px);line-height:1.1;letter-spacing:-.035em;color:#F4F1EC;max-width:17ch}
.ms-hpanel__text{margin:0;font-size:16.5px;line-height:1.65;color:#A6A9A8;max-width:46ch}
.ms-hpanel__mods{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.08)}
.ms-hpanel__mods li{border-bottom:1px solid rgba(255,255,255,.08)}
.ms-hpanel__mods a{display:flex;align-items:center;gap:14px;padding:13px 4px;color:inherit;text-decoration:none}
.ms-hpanel__ico{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(216,66,73,.16);color:#DF5161;transition:background .25s,color .25s}
.ms-hpanel__mod{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ms-hpanel__mod b{font-size:15.5px;font-weight:600;color:#F4F1EC}
.ms-hpanel__mod small{font-size:13.5px;line-height:1.45;color:#9B9E9D}
.ms-hpanel__go{color:#DF5161;opacity:.5;transition:transform .25s,opacity .25s}
.ms-hpanel__mods a:hover .ms-hpanel__ico{background:#D84249;color:#fff}
.ms-hpanel__mods a:hover .ms-hpanel__go{opacity:1;transform:translateX(4px)}
.ms-hpanel__visual{position:relative;display:grid;place-items:center;min-height:420px;padding:clamp(26px,3vw,44px) clamp(16px,2.4vw,36px);border-radius:24px;background:radial-gradient(70% 60% at 70% 15%,rgba(216,66,73,.2),transparent 70%),#26272A;border:1px solid rgba(255,255,255,.06)}
.ms-hpanel__visual .cv-card{box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
/* desktop: pinned, chapters slide sideways */
.ms-hstory.is-pinned .ms-hstory__scroll{height:calc(var(--n) * 100vh)}
.ms-hstory.is-pinned .ms-hstory__pin{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;padding:calc(var(--header-h) + var(--admin,0px) + 14px) 0 24px}
.ms-hstory.is-pinned .ms-hstory__track{flex:1;min-height:0;flex-direction:row;will-change:transform}
.ms-hstory.is-pinned .ms-hpanel{width:100%;flex:0 0 100%;height:100%;padding:18px 0 0;display:flex;align-items:center}
.ms-hstory.is-pinned .ms-hpanel__inner{width:100%}
.ms-hstory.is-pinned .ms-hpanel__visual{min-height:0;height:min(560px,calc(100vh - var(--header-h) - 150px))}
.ms-hstory.is-pinned .ms-hpanel:not(.is-on) .ms-hpanel__num{transform:translateY(-50%) translateX(-14%);opacity:.3}
.ms-hstory.is-pinned .ms-hpanel__copy{transition:opacity .5s}
.ms-hstory.is-pinned .ms-hpanel:not(.is-on) .ms-hpanel__copy{opacity:.35}
@media (min-width:901px) and (max-height:820px){
  .ms-hstory.is-pinned .ms-hpanel__visual .cv{transform:scale(.84)}
  .ms-hstory.is-pinned .ms-hpanel__title{font-size:clamp(26px,2.4vw,34px);margin:10px 0 8px}
  .ms-hstory.is-pinned .ms-hpanel__text{font-size:15px}
  .ms-hstory.is-pinned .ms-hpanel__mods{margin-top:14px}
  .ms-hstory.is-pinned .ms-hpanel__mods a{padding:9px 4px}
  .ms-hstory.is-pinned .ms-hpanel__mod small{font-size:12.5px}
}
/* tablets & phones: swipe sideways */
@media (max-width:900px){
  .ms-hstory__head{grid-template-columns:1fr}
  .ms-hstory__nav{margin:0 -32px;padding:0 32px;overflow-x:auto;scrollbar-width:none}
  .ms-hstory__nav::-webkit-scrollbar{display:none}
  .ms-hstory__nav ol{display:flex;gap:8px;width:max-content}
  .ms-hstory__tab{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 14px;white-space:nowrap;font-size:13px}
  .ms-hstory__tab.is-done{border-color:rgba(255,255,255,.14)}
  .ms-hstory__tab.is-on{background:#D84249;border-color:#D84249;color:#fff}
  .ms-hstory__tab.is-on b{color:#fff}
  .ms-hstory__bar{display:block;height:2px;margin-top:16px;border-radius:2px;background:rgba(255,255,255,.1);overflow:hidden}
  .ms-hstory__bar i{display:block;height:100%;background:#D84249;transform:scaleX(0);transform-origin:0 50%}
  .ms-hstory__track{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;padding:0 32px;scroll-padding:0 32px;-webkit-overflow-scrolling:touch}
  .ms-hstory__track::-webkit-scrollbar{display:none}
  .ms-hpanel{flex:0 0 86%;scroll-snap-align:start;padding:20px 0 0}
  .ms-hpanel__inner{grid-template-columns:1fr;padding:0!important;gap:22px}
  .ms-hpanel__num{top:-6px;left:-6px;transform:none;font-size:clamp(150px,44vw,260px)}
  .ms-hpanel__visual{min-height:0}
}
@media (max-width:700px){
  .ms-hstory__nav{margin:0 -20px;padding:0 20px}
  .ms-hstory__track{padding:0 20px;scroll-padding:0 20px;gap:12px}
  .ms-hpanel{flex-basis:90%}
  .ms-hpanel__visual{padding:22px 12px;border-radius:18px}
  .ms-hpanel__text{font-size:15px}
}
/* titles with a gradient highlight: keep descenders (p, g, y) visible */
h1 em,h2 em,.ms-h2 em{padding-bottom:.1em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

div.ms-fbox:hover{transform:none;box-shadow:none;border-color:var(--line)}
div.ms-fbox:hover .ms-fbox__ico{background:rgba(216,66,73,.09);color:var(--red)}

/* ===== v27 · Clientele hero: logo cascade ===== */
.ms-cascade{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;height:clamp(360px,54vh,500px);padding:0 14px;border-radius:24px;background:radial-gradient(70% 50% at 70% 0%,rgba(216,66,73,.22),transparent 70%),#26272A;border:1px solid rgba(255,255,255,.07);overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent)}
.ms-cascade__live{position:absolute;z-index:2;left:50%;bottom:22px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#1E1F21;border:1px solid rgba(255,255,255,.12);color:#F4F1EC;font-size:12.5px;font-weight:600;white-space:nowrap}
.ms-cascade__live i{width:8px;height:8px;border-radius:50%;background:#D84249;animation:cvPulse 1.4s ease-in-out infinite}
.ms-cascade__col{position:relative;overflow:hidden}
.ms-cascade__list{display:flex;flex-direction:column;gap:14px;padding-top:14px;animation:msCascade calc(var(--len) * 3.2s) linear infinite}
.ms-cascade__col--1 .ms-cascade__list{animation-direction:reverse;animation-duration:calc(var(--len) * 3.8s)}
.ms-cascade__col--2 .ms-cascade__list{animation-duration:calc(var(--len) * 2.8s)}
.ms-cascade:hover .ms-cascade__list{animation-play-state:paused}
@keyframes msCascade{to{transform:translateY(calc(-50% - 7px))}}
.ms-cascade__tile{position:relative;flex:none;display:block;aspect-ratio:4/3;border-radius:14px;background:#fff}
.ms-cascade__tile img{position:absolute;inset:18% 14%;width:72%;height:64%;object-fit:contain}
@media (max-width:980px){.ms-cascade{height:340px;margin-top:10px}}
@media (max-width:560px){.ms-cascade{gap:10px;padding:0 10px;height:300px}.ms-cascade__list{gap:10px;padding-top:10px}@keyframes msCascade{to{transform:translateY(calc(-50% - 5px))}}}
@media (prefers-reduced-motion:reduce){.ms-cascade__list{animation:none}}
.ms-anchor+.ms-split .ms-h2{font-size:clamp(26px,2.6vw,38px);line-height:1.12}
.ms-anchor+.ms-split{align-items:center}
@media (min-width:1001px){.ms-footer__grid{grid-template-columns:2.1fr 1fr 1fr 1fr 1.25fr!important}}
.ms-footer__brand .ms-footer__about{max-width:46ch;font-size:14.5px;line-height:1.75;word-spacing:-.02em}
.ms-loader__status{padding-top:16px}
/* v28 · watch sits with the group: under the iPad's edge, beside the phones */
@media (min-width:901px){.ms-dev--watch{left:25%!important;bottom:9%!important;width:15%!important}}
@media (max-width:900px){.ms-dev--watch{left:14%!important;bottom:4%!important;width:24%!important}}
/* v28 · getting started: no list indent, centred on phones */
.ms-process__steps{list-style:none;margin:0;padding:0}
@media (max-width:900px){.ms-process{justify-items:stretch}.ms-pstep{text-align:left}.ms-pstep .ms-pstep__visual{width:100%;max-width:520px;margin-left:auto;margin-right:auto}}
/* v28 · story on phones: panels never grow wider than the screen */
@media (max-width:900px){
  .ms-hpanel{min-width:0;max-width:86%}
  .ms-hpanel__inner,.ms-hpanel__copy,.ms-hpanel__visual{min-width:0;max-width:100%}
  .ms-hpanel__inner{grid-template-columns:minmax(0,1fr)}
  .ms-hpanel__visual .cv{max-width:100%;min-width:0}
  .ms-hpanel__visual .cv *{min-width:0}
  .ms-hpanel__visual .cv-lead small,.ms-hpanel__visual .cv-rep small{white-space:normal}
  .ms-hpanel__visual .cv-rules{flex-wrap:wrap}
  .ms-hpanel__visual .cv-rep .cv-pill{white-space:normal;text-align:center}
}
@media (max-width:700px){.ms-hpanel{max-width:90%}}
.ms-footer__plabel{margin-left:6px;padding:2px 7px;border-radius:5px;background:rgba(255,255,255,.08);font-size:11px;color:#A6A9A8;vertical-align:1px}

/* ===== v29 · tweaks ===== */
/* client count: smaller */
.ms-clients__stat b{font-size:clamp(38px,3.4vw,52px)!important;letter-spacing:-.04em}
/* hero "signals to actions": the three headings are white with red text */
.ms-hero--dark .ms-pane-grey .ms-flowx__head span,.ms-hero--dark .ms-pane-grey .ms-flowx__head span:nth-child(2){background:#fff!important;border:1px solid #fff!important;color:var(--red)!important;font-weight:700!important;box-shadow:0 10px 24px -14px rgba(0,0,0,.6)!important}
/* split-top sections: the paragraph starts level with the headline, not the kicker */
@media (min-width:981px){.ms-split--top>.ms-shead+div{margin-top:var(--st-off,81px)}}
/* getting started step 5: enablement */
.ms-enable__track{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 40px;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--paper);border:1px solid var(--line)}
.js-demo .ms-enable__track[data-s]{transition-delay:calc(var(--k,0) * 140ms)}
.ms-enable__t{display:flex;flex-direction:column;min-width:0}
.ms-enable__t strong{font-size:13px}
.ms-enable__t small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-enable__bar{height:7px;border-radius:7px;background:var(--line);overflow:hidden}
.ms-enable__bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#C1312D,#DF5161);transition:width 1.3s cubic-bezier(.2,.7,.2,1) calc(var(--k,0) * 160ms)}
.ms-enable__pct{font-size:12px;text-align:right;color:var(--ink)}
.ms-enable__live{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#1E1F21;color:#F4F1EC}
.ms-enable__live>div{flex:1;min-width:0;display:flex;flex-direction:column}
.ms-enable__live strong{font-size:13px}
.ms-enable__live small{font-size:11.5px;color:#9B9E9D}
.ms-enable__play{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--red);color:#fff;flex:none}
.ms-enable__now{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#DF5161}
.ms-enable__now i{width:7px;height:7px;border-radius:50%;background:var(--red);animation:cvPulse 1.4s infinite}
.ms-enable__doc{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;border:1px dashed #D5D7D6;font-size:12.5px;font-weight:600}
.ms-enable__doc svg{color:var(--red)}
.ms-enable__doc em{margin-left:auto;font-style:normal;font-weight:500;font-size:11.5px;color:var(--muted)}
.ms-enable__ready{display:flex;align-items:center;gap:14px;padding:12px;border-radius:12px;background:rgba(216,66,73,.07);border:1px solid rgba(216,66,73,.2)}
.ms-enable__ready>div{display:flex;flex-direction:column}
.ms-enable__ready strong{font-size:14px}
.ms-enable__ready small{font-size:11.5px;color:var(--muted)}
.ms-enable__ring{flex:none;position:relative;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:conic-gradient(var(--red) calc(var(--p) * 1%),#EADADB 0)}
.ms-enable__ring::before{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}
.ms-enable__ring b,.ms-enable__ring small{position:relative;font-family:var(--head);color:var(--ink)}
.ms-enable__ring b{font-size:17px}.ms-enable__ring small{font-size:10px}
@media (max-width:560px){.ms-enable__track{grid-template-columns:1fr 46px}.ms-enable__bar{grid-column:1/-1;grid-row:2}.ms-enable__doc em{display:none}}
/* features: drip builder */
.cv-flow__body{padding:16px 16px 18px;display:flex;flex-direction:column;align-items:stretch}
.cv-node{position:relative;display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:12px;background:#FAFAFA;border:1px solid #E7E8E8}
.cv-node>div{flex:1;min-width:0;display:flex;flex-direction:column}
.cv-node small{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8A8D8C}
.cv-node b{font-size:13px;font-weight:600}
.cv-node--trigger{border-color:rgba(216,66,73,.35);background:rgba(216,66,73,.06)}
.cv-node--trigger small{color:var(--red)}
.cv-node__ico{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--red);color:#fff}
.cv-node__ico--wa{background:#25D366}
.cv-link{position:relative;height:34px;display:flex;align-items:center;justify-content:center}
.cv-link::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:2px dashed #D5D7D6}
.cv-wait{position:relative;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:#1E1F21;color:#fff;font-size:11px;font-weight:600}
.cv-link--split{height:26px}
.cv-link--split::after{content:"";position:absolute;left:25%;right:25%;bottom:0;height:12px;border:2px dashed #D5D7D6;border-bottom:0;border-radius:10px 10px 0 0}
.cv-link--split::before{bottom:12px}
.cv-branches{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cv-node--small{flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px}
.cv-node--small b{font-size:12.5px;line-height:1.35}
.cv-node--warn{border-color:#1E1F21;background:#1E1F21}
.cv-node--warn small{color:#DF5161}
.cv-node--warn b{color:#fff}
.cv-flow__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #EFF0F0}
.cv-flow__stats span{display:flex;flex-direction:column;font-size:11px;color:#8A8D8C}
.cv-flow__stats b{font-family:var(--head);font-size:20px;letter-spacing:-.02em;color:var(--ink)}
.cv-flow__stats b i{font-style:normal}
.cv-flow__stats span:nth-child(2) b{color:var(--red)}
/* features: module card names on one line */
.ms-mods--3 .ms-mod__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* page heroes: off-white headline with a red highlight, sized by length */
.ms-phero__title{color:#F4F1EC!important;letter-spacing:-.035em!important;line-height:1.06!important;text-wrap:balance;font-size:clamp(36px,4.8vw,66px)!important;max-width:18ch}
.ms-phero__title em{padding-bottom:.08em}
.ms-phero__title--mid{font-size:clamp(32px,3.9vw,54px)!important;max-width:20ch}
.ms-phero__title--long{font-size:clamp(28px,3.2vw,46px)!important;max-width:24ch}
.ms-phero--split .ms-phero__title{font-size:clamp(32px,3.9vw,56px)!important}
.ms-phero--split .ms-phero__title--mid{font-size:clamp(30px,3.3vw,46px)!important}
.ms-phero--split .ms-phero__title--long{font-size:clamp(27px,2.8vw,40px)!important}
.ms-phero__lead{color:#A6A9A8!important;font-size:clamp(16px,1.25vw,18.5px)!important;line-height:1.65;max-width:52ch}
@media (max-width:600px){.ms-phero__title,.ms-phero__title--mid,.ms-phero__title--long,.ms-phero--split .ms-phero__title{font-size:clamp(28px,8.4vw,40px)!important;max-width:none}}

/* ===== v29 · About: interactive journey timeline ===== */
.ms-tl{position:relative;margin-top:8px}
.ms-tl__rail{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:8px;padding-top:4px}
.ms-tl__line{position:absolute;left:calc(100% / var(--n) / 2);right:calc(100% / var(--n) / 2);top:15px;height:3px;border-radius:3px;background:#E3E4E4;overflow:hidden}
.ms-tl__line i{display:block;height:100%;background:linear-gradient(90deg,#C1312D,#DF5161);transform:scaleX(0);transform-origin:left;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.ms-tl__node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 4px 8px;border:0;background:none;cursor:pointer;font:inherit;color:var(--muted);text-align:center}
.ms-tl__dot{width:25px;height:25px;border-radius:50%;background:#fff;border:3px solid #D5D7D6;box-shadow:0 0 0 6px var(--paper);transition:border-color .35s,background .35s,transform .35s cubic-bezier(.3,1.6,.5,1)}
.ms-tl__node b{margin-top:8px;font-family:var(--head);font-size:clamp(15px,1.4vw,19px);font-weight:700;letter-spacing:-.02em;color:#8A8D8C;transition:color .3s}
.ms-tl__node small{font-size:12.5px;line-height:1.3;transition:color .3s}
.ms-tl__node:hover b,.ms-tl__node:focus-visible b{color:var(--ink)}
.ms-tl__node:focus-visible{outline:none}
.ms-tl__node:focus-visible .ms-tl__dot{box-shadow:0 0 0 6px var(--paper),0 0 0 8px var(--red)}
.ms-tl__node.is-done .ms-tl__dot{border-color:var(--red);background:var(--red)}
.ms-tl__node.is-on .ms-tl__dot{border-color:var(--red);background:#fff;transform:scale(1.25);box-shadow:0 0 0 6px var(--paper),0 0 0 11px rgba(216,66,73,.16)}
.ms-tl__node.is-on b{color:var(--red)}
.ms-tl__node.is-on small{color:var(--ink);font-weight:600}
.ms-tl__panels{position:relative;margin-top:clamp(24px,3vw,36px)}
.ms-tl__panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(26px,3.6vw,48px);border-radius:24px;background:#1E1F21;color:#F4F1EC}
.ms-tl.is-js .ms-tl__panel{display:none}
.ms-tl.is-js .ms-tl__panel.is-on{display:grid;animation:tlIn .6s cubic-bezier(.2,.7,.2,1)}
.ms-tl:not(.is-js) .ms-tl__panel+.ms-tl__panel{margin-top:16px}
@keyframes tlIn{from{opacity:0;transform:translateY(16px)}}
.ms-tl__bg{position:absolute;left:clamp(16px,2.6vw,36px);bottom:-.22em;font-family:var(--head);font-weight:800;font-size:clamp(110px,15vw,220px);line-height:1;letter-spacing:-.06em;color:rgba(255,255,255,.04);pointer-events:none;white-space:nowrap}
.ms-tl__head{position:relative}
.ms-tl__kicker{margin:0;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#DF5161}
.ms-tl__title{margin:10px 0 16px;font-family:var(--head);font-weight:700;font-size:clamp(30px,3.4vw,48px);line-height:1.05;letter-spacing:-.035em;color:#F4F1EC}
.ms-tl__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--red);color:#fff;font-size:13.5px;font-weight:600}
.ms-tl__list{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ms-tl__list li{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:12px;background:#2A2B2E;border:1px solid rgba(255,255,255,.07);font-size:14.5px;line-height:1.4;color:#E6E3DE}
.ms-tl__list li span{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(216,66,73,.2);color:#DF5161}
.ms-tl.is-js .ms-tl__panel.is-on .ms-tl__list li{animation:tlItem .55s cubic-bezier(.2,.7,.2,1) both calc(.15s + var(--k) * 90ms)}
@keyframes tlItem{from{opacity:0;transform:translateX(18px)}}
.ms-tl__ctrl{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}
.ms-tl:not(.is-js) .ms-tl__ctrl{display:none}
.ms-tl__btn{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:16px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.ms-tl__btn:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.ms-tl__auto{width:120px;height:3px;border-radius:3px;background:#E3E4E4;overflow:hidden}
.ms-tl__auto i{display:block;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left}
@media (max-width:860px){
  .ms-tl__rail{display:flex;overflow-x:auto;scrollbar-width:none;margin:0 -32px;padding:4px 32px 0;gap:0}
  .ms-tl__rail::-webkit-scrollbar{display:none}
  .ms-tl__node{flex:0 0 132px}
  .ms-tl__line{left:98px;right:auto;width:calc(132px * (var(--n) - 1))}
  .ms-tl__panel{grid-template-columns:1fr}
  .ms-tl__list{grid-template-columns:1fr}
}
@media (max-width:700px){.ms-tl__rail{margin:0 -20px;padding:4px 20px 0}.ms-tl__line{left:86px}}
@media (prefers-reduced-motion:reduce){.ms-tl *{animation:none!important;transition:none!important}}

/* ===== v29 · Contact: centred heading, info + form side by side ===== */
.ms-contact-head .ms-shead{margin:0 auto clamp(36px,4vw,56px);text-align:center;max-width:760px}
.ms-contact-head .ms-shead .ms-kicker{justify-content:center}
.ms-contact-head .ms-shead p{margin-left:auto;margin-right:auto}
.ms-contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(18px,2.4vw,32px);align-items:stretch}
.ms-cinfo{display:flex;flex-direction:column;gap:14px;padding:clamp(26px,3vw,40px);border-radius:var(--r-xl);background:radial-gradient(70% 50% at 100% 0%,rgba(216,66,73,.2),transparent 70%),#1E1F21;color:#F4F1EC}
.ms-cinfo__title{margin:0;font-family:var(--head);font-weight:700;font-size:clamp(22px,2vw,28px);letter-spacing:-.02em;color:#F4F1EC}
.ms-cinfo__sub{margin:0 0 6px;color:#A6A9A8;font-size:15px;line-height:1.6}
.ms-cinfo .ms-contact-list{flex:1;display:flex;flex-direction:column;gap:10px}
.ms-cinfo .ms-contact-item{background:#2A2B2E!important;border:1px solid rgba(255,255,255,.07)!important;color:#F4F1EC;padding:16px}
.ms-cinfo a.ms-contact-item:hover{border-color:rgba(216,66,73,.6)!important;box-shadow:none!important;color:#F4F1EC}
.ms-cinfo .ms-contact-item small{color:#9B9E9D}
.ms-cinfo .ms-contact-item strong{color:#F4F1EC;font-size:16px}
.ms-cinfo .ms-card__icon{background:rgba(216,66,73,.18)!important;color:#DF5161!important}
.ms-cinfo .ms-contact-item:last-child{margin-top:auto}
.ms-contact-grid .ms-formcard{margin:0;height:100%;box-sizing:border-box}
.ms-contact-grid .ms-formcard .ms-h3{margin-top:0}
@media (max-width:900px){.ms-contact-grid{grid-template-columns:1fr}.ms-cinfo .ms-contact-item:last-child{margin-top:0}}
.ms-tl__list{z-index:1}

/* ===== v30 · Careers: one photo per box, hover blur, full-size viewer ===== */
.ms-carousel__item.ms-photo,.ms-carousel__item.ms-photo:nth-child(odd){flex:0 0 clamp(260px,28vw,380px);aspect-ratio:4/3}
.ms-photo__btn{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in;overflow:hidden;border-radius:inherit}
.ms-photo__btn img{width:100%;height:100%;object-fit:cover;transition:filter .4s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.ms-photo__hint{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(30,31,33,.35);color:#fff;font-size:14.5px;font-weight:600;letter-spacing:.01em;opacity:0;transition:opacity .35s}
.ms-photo__hint i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--red);font-style:normal;transform:scale(.8);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.ms-photo__btn:hover img,.ms-photo__btn:focus-visible img{filter:blur(6px) brightness(.85);transform:scale(1.06)}
.ms-photo__btn:hover .ms-photo__hint,.ms-photo__btn:focus-visible .ms-photo__hint{opacity:1}
.ms-photo__btn:hover .ms-photo__hint i,.ms-photo__btn:focus-visible .ms-photo__hint i{transform:none}
.ms-photo__btn:focus-visible{outline:3px solid var(--red);outline-offset:-3px}
@media (hover:none){.ms-photo__hint{opacity:1;background:linear-gradient(180deg,transparent 55%,rgba(30,31,33,.7));justify-content:flex-end;padding-bottom:14px;flex-direction:row;font-size:13px}.ms-photo__hint i{width:30px;height:30px;transform:none}}
.ms-lightbox{position:fixed;inset:0;z-index:99999;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:clamp(16px,4vw,48px);background:rgba(20,21,23,.94);opacity:0;transition:opacity .25s}
.ms-lightbox.is-open{opacity:1}
.ms-lightbox[hidden]{display:none}
html.ms-lb-open{overflow:hidden}
.ms-lightbox__fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;max-height:100%;min-width:0}
.ms-lightbox__fig img{max-width:100%;max-height:calc(100vh - 140px);width:auto;height:auto;border-radius:14px;box-shadow:0 30px 80px -20px rgba(0,0,0,.8);opacity:0;transform:scale(.97);transition:opacity .3s,transform .4s cubic-bezier(.2,.7,.2,1)}
.ms-lightbox__fig img.is-in{opacity:1;transform:none}
.ms-lightbox__fig figcaption{color:#A6A9A8;font-size:13px;font-weight:600;letter-spacing:.08em}
.ms-lightbox__close{position:absolute;top:clamp(12px,2.4vw,28px);right:clamp(12px,2.4vw,28px);width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#2A2B2E;color:#fff;font-size:26px;line-height:1;cursor:pointer}
.ms-lightbox__nav{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#2A2B2E;color:#fff;font-size:28px;line-height:1;cursor:pointer;transition:background .2s}
.ms-lightbox__nav:hover,.ms-lightbox__close:hover{background:var(--red);border-color:var(--red)}
@media (max-width:640px){.ms-lightbox{grid-template-columns:1fr;padding:60px 12px 80px}.ms-lightbox__nav{position:absolute;bottom:18px}.ms-lightbox__nav--prev{left:calc(50% - 64px)}.ms-lightbox__nav--next{right:calc(50% - 64px)}}
/* features: insights tiles */
.ms-itiles{list-style:none;margin:clamp(36px,4vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ms-itile{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.ms-itile__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.ms-itile__ico{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:rgba(216,66,73,.1);color:var(--red)}
.ms-itile__n{font-family:var(--head);font-size:13px;font-weight:700;color:#B5B7B6;letter-spacing:.04em}
.ms-itile__title{font-family:var(--head);font-size:18px;font-weight:700;letter-spacing:-.015em;color:var(--ink)}
.ms-itile__text{font-size:14px;line-height:1.55;color:var(--muted)}
@media (max-width:980px){.ms-itiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.ms-itiles{grid-template-columns:1fr}}

/* ===== v30 · New MetroSales logo mark (grey bubble, red slash, red sparkles) ===== */
.ms-lm{display:block;width:100%;height:100%;overflow:visible;color:#9B9E9D}
.ms-lm__slash{stroke:#D84249}
.ms-lm__star{fill:#DF5161;transform-box:fill-box;transform-origin:center}
.ms-brand__mark{display:inline-block!important;width:34px!important;height:30px!important;gap:0!important}
.ms-brand__mark i{display:none!important}
.ms-header .ms-brand__mark .ms-lm{color:#A6A9A8}
.ms-brand:hover .ms-lm__star--1{animation:lmTwinkle .9s ease}
.ms-brand:hover .ms-lm__star--2{animation:lmTwinkle .9s ease .12s}
@keyframes lmTwinkle{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.35) rotate(20deg)}}
.md-logo{display:block!important;width:40px!important;height:34px!important;margin-left:8px}
.md-logo i{display:none}
.md-logo .ms-lm{color:#9B9E9D}
/* hero "AI engine" core */
.ms-flowx__mark{display:block;width:46px;height:40px;margin:0 auto 4px;font-size:0}
.ms-flowx__mark .ms-lm{color:#C9CBCA}
.ms-lm.is-live .ms-lm__star--1{animation:lmPulse 2.4s ease-in-out infinite}
.ms-lm.is-live .ms-lm__star--2{animation:lmPulse 2.4s ease-in-out infinite .6s}
@keyframes lmPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.55}}
/* loader: the mark draws itself, the slash strikes, the sparkles twinkle */
.ms-loader__logo{display:block!important;width:26px!important;height:23px!important;gap:0!important}
.ms-loader__logo i{display:none!important}
.ms-loader__logo .ms-lm{color:#A6A9A8}
.ms-loader__mark{display:block!important;width:calc(var(--R) * .5)!important;height:calc(var(--R) * .45)!important;gap:0!important}
.ms-loader__mark i{display:none!important}
.ms-loader__mark .ms-lm{color:#A6A9A8}
.ms-lm.is-draw .ms-lm__bubble{stroke-dasharray:100;animation:lmDraw 2.8s cubic-bezier(.65,0,.35,1) infinite}
.ms-lm.is-draw .ms-lm__slash{stroke-dasharray:100;animation:lmSlash 2.8s cubic-bezier(.65,0,.35,1) infinite}
.ms-lm.is-draw .ms-lm__star--1{animation:lmStar 2.8s ease-in-out infinite}
.ms-lm.is-draw .ms-lm__star--2{animation:lmStar 2.8s ease-in-out infinite .12s}
@keyframes lmDraw{0%{stroke-dashoffset:100}45%,82%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}
@keyframes lmSlash{0%,30%{stroke-dashoffset:100}52%,82%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}
@keyframes lmStar{0%,50%{transform:scale(0) rotate(-45deg);opacity:0}62%{transform:scale(1.3) rotate(10deg);opacity:1}72%,84%{transform:scale(1) rotate(0);opacity:1}100%{transform:scale(0);opacity:0}}
@media (prefers-reduced-motion:reduce){.ms-lm *{animation:none!important;stroke-dashoffset:0!important}}
/* v31 · hero full stops: larger */
.ms-hero--dark .ms-hero__title .ms-period{font-size:.95em!important}
.ms-hero--dark .ms-hero__title strong .ms-period{font-size:.9em!important}
/* v31 · logo: white outline, large sparkle red, small sparkle white (option A) */
.ms-lm,.ms-header .ms-brand__mark .ms-lm,.ms-flowx__mark .ms-lm,.ms-loader__logo .ms-lm,.ms-loader__mark .ms-lm{color:#FFFFFF}
.ms-lm__star--1{fill:#D84249}
.ms-lm__star--2{fill:#FFFFFF}
/* on white surfaces (dashboard demo) the mark switches to charcoal */
.md-logo .ms-lm{color:#1E1F21}
.md-logo .ms-lm__star--2{fill:#1E1F21}
/* v31.1 · bigger, clearer logo mark */
.ms-loader__core{width:calc(var(--R) * 1.02)!important;height:calc(var(--R) * 1.02)!important}
.ms-loader__mark{width:calc(var(--R) * .66)!important;height:calc(var(--R) * .6)!important}
.ms-loader__logo{width:32px!important;height:29px!important}
.ms-brand__mark{width:40px!important;height:35px!important;margin-right:2px}
.ms-flowx__mark{width:54px!important;height:47px!important}

/* ===== v32 ===== */
/* intro: the answer sits under the headline */
.ms-home .intro-answer{margin:18px 0 0;font-family:var(--head);font-weight:600;font-size:clamp(22px,2.2vw,32px);letter-spacing:-.02em;line-height:1.2;color:#F4F1EC}
.ms-home .intro-answer::before{content:"";display:inline-block;width:36px;height:3px;margin-right:14px;vertical-align:.32em;border-radius:3px;background:var(--red)}
.ms-stackflow .sf-hub__mark{width:42px;height:40px;overflow:visible}
/* legal pages */
.ms-legal__grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.ms-legal__toc{position:sticky;top:calc(var(--header-h) + var(--admin,0px) + 24px);padding:20px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.ms-legal__updated{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.ms-legal__toc ol{margin:0;padding:0;list-style:none;counter-reset:lt;display:flex;flex-direction:column;gap:2px}
.ms-legal__toc li{counter-increment:lt}
.ms-legal__toc a{display:flex;gap:10px;padding:7px 8px;border-radius:8px;font-size:13.5px;color:var(--muted);text-decoration:none}
.ms-legal__toc a::before{content:counter(lt,decimal-leading-zero);font-size:11px;font-weight:700;color:#B5B7B6;padding-top:2px}
.ms-legal__toc a:hover{background:var(--paper);color:var(--ink)}
.ms-legal__sec{scroll-margin-top:calc(var(--header-h) + 24px);padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid var(--line)}
.ms-legal__sec h2{display:flex;align-items:baseline;gap:12px;margin:0 0 14px;font-size:clamp(22px,2vw,28px)!important;line-height:1.2!important}
.ms-legal__sec h2 span{font-size:13px;font-weight:700;color:var(--red);letter-spacing:.06em}
.ms-legal__note{font-size:13px;color:var(--muted)}
@media (max-width:900px){.ms-legal__grid{grid-template-columns:1fr}.ms-legal__toc{position:static}}
/* hero mocks: careers journey */
.ms-hjob__who{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--paper);border:1px solid var(--line)}
.ms-hjob__who>div{flex:1;display:flex;flex-direction:column}
.ms-hjob__who strong{font-size:14px}.ms-hjob__who small{font-size:12px;color:var(--muted)}
.ms-hjob__who .ms-avatar{font-size:11px}
.ms-hjob__steps{list-style:none;margin:0;padding:0 0 0 6px;display:flex;flex-direction:column;gap:0;position:relative}
.ms-hjob__steps::before{content:"";position:absolute;left:23px;top:18px;bottom:18px;border-left:2px dashed #D5D7D6}
.ms-hjob__steps li{position:relative;display:flex;align-items:center;gap:12px;padding:8px 0}
.ms-hjob__ico{position:relative;z-index:1;flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid var(--red);color:var(--red)}
.ms-hjob__steps li.on .ms-hjob__ico{background:var(--red);color:#fff}
.ms-hjob__steps li>div{flex:1;display:flex;flex-direction:column}
.ms-hjob__steps b{font-size:13.5px}.ms-hjob__steps small{font-size:12px;color:var(--muted)}
.ms-hjob__steps em{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1E1F21;color:#fff}
/* contact route */
.ms-hroute__msg,.ms-hroute__reply{display:flex;gap:10px;align-items:flex-start}
.ms-hroute__msg p,.ms-hroute__reply p{margin:0;flex:1;padding:10px 13px;border-radius:12px;background:var(--paper);border:1px solid var(--line);font-size:13px;line-height:1.5;min-height:58px}
.ms-hroute__msg b,.ms-hroute__reply b{display:block;font-size:11.5px;letter-spacing:.04em;color:var(--muted);margin-bottom:2px}
.ms-hroute__reply p{background:#1E1F21;border-color:#1E1F21;color:#F4F1EC}
.ms-hroute__reply b{color:#DF5161}
.ms-hroute__mark{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#1E1F21;padding:7px;box-sizing:border-box}
.ms-hroute__tags{display:flex;flex-wrap:wrap;gap:6px;padding-left:48px}
.ms-hroute__tags span{padding:4px 10px;border-radius:999px;background:rgba(216,66,73,.1);color:#C1312D;font-size:11.5px;font-weight:600}
.ms-hroute__teams{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ms-hroute__teams span{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border-radius:10px;border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--muted)}
.ms-hroute__teams span.is-on{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 10px 22px -12px rgba(216,66,73,.8)}
/* blog feed */
.ms-hblog__live{display:inline-flex;align-items:center;gap:6px;color:var(--red)}
.ms-hblog__live i{width:7px;height:7px;border-radius:50%;background:var(--red);animation:cvPulse 1.4s infinite}
.ms-hblog__post{display:flex;gap:12px;align-items:center;padding:10px;border-radius:12px;background:var(--paper);border:1px solid var(--line)}
.ms-hblog__thumb{flex:none;display:grid;place-items:center;width:64px;height:52px;border-radius:9px;background:radial-gradient(70% 70% at 70% 20%,rgba(216,66,73,.35),transparent),#1E1F21;padding:12px 16px;box-sizing:border-box}
.ms-hblog__post>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.ms-hblog__cat{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
.ms-hblog__post strong{font-size:13.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ms-hblog__post small{font-size:11.5px;color:var(--muted)}
.ms-hblog__read{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:12px;color:var(--muted)}
.ms-hblog__read i{height:6px;border-radius:6px;background:var(--line);overflow:hidden}
.ms-hblog__read i b{display:block;height:100%;width:0;background:linear-gradient(90deg,#C1312D,#DF5161);transition:width 1.4s cubic-bezier(.2,.7,.2,1)}
.ms-hblog__read em{font-style:normal;font-weight:700;color:var(--ink)}
/* legal doc */
.ms-hlegal__doc{position:relative;display:flex;flex-direction:column;gap:8px;padding:16px 16px 16px 16px;border-radius:12px;background:var(--paper);border:1px solid var(--line)}
.ms-hlegal__mark{position:absolute;right:14px;top:-18px;width:44px;height:40px;padding:8px;border-radius:12px;background:#1E1F21;box-shadow:0 10px 24px -10px rgba(0,0,0,.5)}
.ms-hlegal__row{display:grid;grid-template-columns:22px auto 1fr;align-items:center;gap:10px;font-size:13px}
.ms-hlegal__row em{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--red);color:#fff}
.ms-hlegal__row i{height:6px;border-radius:6px;background:linear-gradient(90deg,#E3E4E4 60%,transparent)}
/* features: modules map */
.ms-hmods__m{display:inline-block;width:20px;height:18px;padding:2px;border-radius:5px;background:#1E1F21;box-sizing:content-box}
.ms-hmods__grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ms-hmods__chip{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;background:var(--paper);border:1px solid var(--line);font-size:12px;font-weight:600;line-height:1.2;min-width:0}
.ms-hmods__chip i{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:rgba(216,66,73,.1);color:var(--red)}
.ms-hmods__chip.on{animation:hmodsHit .9s ease}
@keyframes hmodsHit{0%{background:#fff;border-color:var(--red);box-shadow:0 0 0 4px rgba(216,66,73,.15)}100%{background:var(--paper);border-color:var(--line);box-shadow:none}}
.ms-hmods__core{display:flex;align-items:center;justify-content:center;gap:10px;padding:9px;border-radius:10px;background:#1E1F21;color:#fff;font-size:12.5px}
.ms-hmods__core .ms-lm{width:28px;height:26px;flex:none}
.ms-fstrip{background:var(--paper)}
.ms-fstrip .fh-strip-inner{justify-content:stretch}
@media (max-width:560px){.ms-hmods__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ms-hroute__teams{grid-template-columns:1fr 1fr 1fr}.ms-hroute__tags{padding-left:0}}
/* footer bottom row: copyright and policy links on one line */
.ms-footer__bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px}
.ms-footer__bottom p{margin:0}
.ms-footer__legal{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0;padding:0;list-style:none}
.ms-footer__legal li{margin:0}

/* ==========================================================================
   v33 · Industry pages (/industries/…)
   ========================================================================== */
.ms-live-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(216,66,73,.6);animation:msLive 1.8s infinite;vertical-align:1px}
@keyframes msLive{0%{box-shadow:0 0 0 0 rgba(216,66,73,.55)}70%{box-shadow:0 0 0 8px rgba(216,66,73,0)}100%{box-shadow:0 0 0 0 rgba(216,66,73,0)}}

/* hero: a live enquiry */
.ms-phero--industry .ms-phero__lead{max-width:600px}
.ms-iflow{max-width:520px;margin-left:auto}
.ms-iflow .ms-demo__body{gap:12px}
.ms-iflow__sources{display:flex;flex-wrap:wrap;gap:6px}
.ms-iflow__sources span{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:500;color:var(--muted);background:var(--white)}
.ms-iflow__sources span.is-hit{border-color:var(--red);color:var(--red);background:rgba(216,66,73,.06);box-shadow:0 0 0 3px rgba(216,66,73,.1)}
.ms-iflow__sources .ms-ico{width:14px;height:14px}
.ms-iflow__lead{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.ms-iflow__lead p{flex:1;min-width:0;margin:0;display:flex;flex-direction:column;line-height:1.35}
.ms-iflow__lead p b{font-size:15px}
.ms-iflow__lead p span{font-size:13px;color:var(--muted)}
.ms-iflow__lead em{flex:none;font-style:normal;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;padding:4px 8px;border-radius:6px;background:var(--ink);color:#fff;white-space:nowrap}
.ms-iflow__route{position:relative;display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center}
.ms-iflow__arrow{align-self:stretch;position:relative;display:block}
.ms-iflow__arrow::before{content:"";position:absolute;left:13px;top:-6px;bottom:50%;border-left:2px dashed var(--line)}
.ms-iflow__arrow::after{content:"";position:absolute;left:13px;top:50%;width:13px;border-top:2px dashed var(--line)}
.ms-iflow__arrow i{position:absolute;left:9px;top:-6px;width:10px;height:10px;border-radius:50%;background:var(--red);opacity:0}
.js-demo .ms-iflow__route.on .ms-iflow__arrow i{animation:iflowDot 1.1s var(--ease) forwards}
@keyframes iflowDot{0%{opacity:1;transform:none}60%{opacity:1;transform:translate(0,calc(50% + 14px))}100%{opacity:1;transform:translate(14px,calc(50% + 14px))}}
.ms-iflow__team small{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
.ms-iflow__team small b{color:var(--text)}
.ms-iflow__reps{display:flex;flex-wrap:wrap;gap:6px}
.ms-iflow__reps span{display:inline-flex;align-items:center;gap:7px;padding:5px 10px 5px 5px;border-radius:999px;font-size:12.5px;font-weight:600;border:1px solid var(--line)}
.ms-iflow__reps span i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-style:normal;font-size:10px;font-weight:700;background:var(--paper-2);color:var(--muted)}
.ms-iflow__reps span em{font-style:normal;font-weight:500;color:#1a7f4b;font-size:11.5px}
.ms-iflow__reps span.is-on{border-color:rgba(26,127,75,.35);background:rgba(43,182,115,.07)}
.ms-iflow__reps span.is-on i{background:var(--red);color:#fff}
.ms-iflow__reps span.is-off{color:var(--muted-light);text-decoration:line-through;font-weight:500}
.ms-iflow__time{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;color:var(--red);white-space:nowrap}
.ms-iflow__events{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.ms-iflow__events li{display:flex;align-items:center;gap:10px;font-size:13.5px;line-height:1.35}
.ms-iflow__events li>span{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(216,66,73,.1);color:var(--red)}
.ms-iflow__events li>b{margin-left:auto;color:#1a7f4b;font-size:13px}
.ms-iflow__stages{padding-top:4px}
.ms-iflow__track{height:6px;border-radius:6px;background:var(--paper-2);overflow:hidden}
.ms-iflow__track i{display:block;height:100%;width:var(--to);border-radius:inherit;background:linear-gradient(90deg,var(--red-deep),var(--red-2));transition:width 1.2s var(--ease)}
.ms-iflow__stages ol{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);font-size:11.5px;color:var(--muted-light);font-weight:500}
.ms-iflow__stages li{text-align:center}.ms-iflow__stages li:first-child{text-align:left}.ms-iflow__stages li:last-child{text-align:right}
.ms-iflow__stages li.is-done{color:var(--muted)}
.ms-iflow__stages li.is-now{color:var(--red);font-weight:700}

/* hub hero */
.ms-ipulse{max-width:500px;margin-left:auto}
.ms-ipulse__list{list-style:none;margin:0;gap:8px}
.ms-ipulse__list li{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--white)}
.ms-ipulse__ico{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ink);color:#fff}
.ms-ipulse__list p{flex:1;min-width:0;margin:0;display:flex;flex-direction:column;line-height:1.3}
.ms-ipulse__list p b{font-size:14px}
.ms-ipulse__list p span{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-ipulse__list em{flex:none;font-style:normal;font-size:11px;font-weight:600;padding:4px 9px;border-radius:999px;background:rgba(216,66,73,.1);color:var(--red)}

/* the problem */
.ms-ind-prob__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,6vw,96px);align-items:start}
.ms-ind-prob__head{position:sticky;top:calc(var(--header-h) + 40px)}
.ms-ind-prob__head .ms-h2{font-size:clamp(28px,3.3vw,44px)}
.ms-ind-leak{display:flex;align-items:center;gap:12px;margin-top:34px;max-width:420px}
.ms-ind-leak__lbl{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.ms-ind-leak__pipe{position:relative;flex:1;height:10px;border-radius:10px;background:linear-gradient(90deg,var(--red),rgba(216,66,73,.15));overflow:visible}
.ms-ind-leak__pipe i{position:absolute;top:10px;width:6px;height:6px;border-radius:50%;background:var(--red);opacity:0;animation:leakDrop 2.6s ease-in infinite}
.ms-ind-leak__pipe i:nth-child(1){left:18%}.ms-ind-leak__pipe i:nth-child(2){left:38%;animation-delay:.6s}.ms-ind-leak__pipe i:nth-child(3){left:58%;animation-delay:1.2s}.ms-ind-leak__pipe i:nth-child(4){left:78%;animation-delay:1.8s}
@keyframes leakDrop{0%{opacity:0;transform:translateY(-4px)}15%{opacity:.9}100%{opacity:0;transform:translateY(34px) scale(.6)}}
.ms-ind-prob__list{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--line)}
.ms-ind-prob__list li{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start}
.ms-ind-prob__n{font-family:var(--head);font-size:30px;font-weight:700;line-height:1;color:var(--red);opacity:.9}
.ms-ind-prob__list p{margin:0;font-size:17px;line-height:1.6;color:var(--muted)}
.ms-ind-prob__list p b{display:block;margin-bottom:4px;font-family:var(--head);font-size:19px;font-weight:700;color:var(--text);letter-spacing:-.01em}

/* how it solves */
.ms-ind-sol .ms-shead{margin-bottom:clamp(36px,5vw,56px)}
.ms-ind-sol__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ms-ind-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:26px 24px 22px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.ms-ind-card:hover{transform:translateY(-4px);box-shadow:var(--lift);border-color:rgba(216,66,73,.35)}
.ms-ind-card::before{content:"";position:absolute;left:24px;right:24px;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.ms-ind-card:hover::before{transform:scaleX(1)}
.ms-ind-card__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--ink);color:#fff;margin-bottom:6px}
.ms-ind-card__icon .ms-ico{color:#fff}
.ms-ind-card:hover .ms-ind-card__icon{background:var(--red)}
.ms-ind-card h3{font-size:19px;line-height:1.25}
.ms-ind-card p{margin:0;flex:1;font-size:15px;line-height:1.6;color:var(--muted)}
.ms-ind-card__tags{list-style:none;margin:8px 0 0;padding:14px 0 0;border-top:1px dashed var(--line);display:flex;flex-wrap:wrap;gap:6px}
.ms-ind-card__tags a{display:inline-block;padding:4px 10px;border-radius:999px;background:rgba(216,66,73,.08);color:var(--red-deep);font-size:12px;font-weight:600;text-decoration:none;transition:background .2s,color .2s}
.ms-ind-card__tags a:hover{background:var(--red);color:#fff}

/* the lead journey */
.ms-ind-jour .ms-shead{margin-bottom:clamp(32px,4vw,48px)}
.ms-ijour{--ij-dur:5200ms}
.ms-ijour__nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:22px}
.ms-ijour__tab{position:relative;display:flex;align-items:center;gap:10px;padding:14px 14px 18px;border:1px solid var(--line-dark);border-radius:14px;background:rgba(255,255,255,.03);color:var(--muted-light);font:inherit;text-align:left;cursor:pointer;transition:background .25s,border-color .25s,color .25s;overflow:hidden}
.ms-ijour__tab:hover{border-color:rgba(255,255,255,.25);color:#fff}
.ms-ijour__tab:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.ms-ijour__num{font-family:var(--mono);font-size:11px;opacity:.7}
.ms-ijour__ico{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.07);flex:none}
.ms-ijour__ico .ms-ico{color:currentColor}
.ms-ijour__label{font-family:var(--head);font-weight:600;font-size:15px}
.ms-ijour__prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.06)}
.ms-ijour__prog i{display:block;height:100%;width:0;background:var(--red)}
.ms-ijour__tab.is-past .ms-ijour__prog i{width:100%;background:rgba(216,66,73,.5)}
.ms-ijour__tab.is-on{background:rgba(216,66,73,.12);border-color:rgba(216,66,73,.55);color:#fff}
.ms-ijour__tab.is-on .ms-ijour__ico{background:var(--red)}
.ms-ijour.is-ticking .ms-ijour__tab.is-on .ms-ijour__prog i{animation:ijProg var(--ij-dur) linear forwards}
.ms-ijour.is-hold .ms-ijour__tab.is-on .ms-ijour__prog i{animation-play-state:paused}
.ms-ijour.is-paused .ms-ijour__tab.is-on .ms-ijour__prog i,.ms-ijour:not(.is-ticking) .ms-ijour__tab.is-on .ms-ijour__prog i{width:100%}
@keyframes ijProg{from{width:0}to{width:100%}}
.ms-ijour__stage{position:relative;border:1px solid var(--line-dark);border-radius:var(--r-xl);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.015));overflow:hidden}
.ms-ijour__panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(26px,4vw,52px);min-height:400px}
.ms-ijour__panel.is-on .ms-ijour__copy{animation:ijIn .55s var(--ease) both}
.ms-ijour__panel.is-on .ms-ijour__screen{animation:ijIn .55s var(--ease) .08s both}
@keyframes ijIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.ms-ijour__step{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--red-2);margin:0 0 10px}
.ms-ijour__copy h3{font-size:clamp(30px,3.6vw,48px);font-weight:700;color:#fff;margin-bottom:14px}
.ms-ijour__copy p{font-size:18px;line-height:1.6;color:var(--muted-light);margin:0;max-width:460px}
.ms-ijour__screen{position:relative;padding:20px;border-radius:18px;background:var(--white);color:var(--text);box-shadow:0 30px 60px -20px rgba(0,0,0,.6);font-size:14px}
.ij-note{display:flex;align-items:center;gap:7px;margin:14px 0 0;font-size:12.5px;color:var(--muted)}
.ij-note .ms-ico{color:var(--red)}
/* capture */
.ij-cap__src{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.ij-cap__src span{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);font-size:12px;font-weight:500;color:var(--muted)}
.is-on .ij-cap__src span{animation:ijSrc 3.6s var(--ease) calc(var(--k) * .35s) infinite}
@keyframes ijSrc{0%,100%{border-color:var(--line);color:var(--muted)}12%,30%{border-color:var(--red);color:var(--red);background:rgba(216,66,73,.06)}}
.ij-cap__card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:var(--paper);border:1px solid var(--line)}
.ij-cap__card p{flex:1;min-width:0;margin:0;display:flex;flex-direction:column;line-height:1.35}
.ij-cap__card small{color:var(--muted);font-size:13px}
.ij-cap__card em{font-style:normal;font-family:var(--mono);font-size:11px;padding:4px 8px;border-radius:6px;background:var(--ink);color:#fff}
.is-on .ij-cap__card{animation:ijPop .6s var(--ease) .9s both}
@keyframes ijPop{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
/* route */
.ij-route__lead{display:flex;align-items:center;gap:10px;font-size:15px}
.ij-route__rules{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}
.ij-route__rules span{padding:4px 10px;border-radius:7px;background:var(--paper-2);font-family:var(--mono);font-size:11px;text-transform:uppercase;color:var(--muted)}
.is-on .ij-route__rules span{animation:ijPop .4s var(--ease) both}
.is-on .ij-route__rules span:nth-child(2){animation-delay:.25s}.is-on .ij-route__rules span:nth-child(3){animation-delay:.5s}
.ij-route__reps{display:grid;gap:8px}
.ij-route__reps span{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;font-size:13px}
.ij-route__reps i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--paper-2);font-style:normal;font-weight:700;color:var(--muted)}
.ij-route__reps .is-off{color:var(--muted-light);opacity:.75}
.ij-route__reps .is-on{border-color:var(--red);box-shadow:0 0 0 3px rgba(216,66,73,.12)}
.ij-route__reps .is-on i{background:var(--red);color:#fff}
.ij-route__reps .is-on small{margin-left:auto;color:var(--muted);font-size:12px;text-align:right}
.is-on .ij-route__reps .is-on{animation:ijPop .5s var(--ease) .9s both}
/* engage */
.ij-eng__call{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;padding:14px;border-radius:14px;background:var(--ink);color:#fff}
.ij-eng__ring{grid-row:span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--red);animation:msLive 1.6s infinite}
.ij-eng__ring .ms-ico{color:#fff}
.ij-eng__call p{margin:0;display:flex;flex-direction:column;line-height:1.3}
.ij-eng__call small{color:var(--muted-light);font-size:12px}
.ij-wave{display:flex;align-items:center;gap:3px;height:22px}
.ij-wave i{width:3px;height:30%;border-radius:2px;background:var(--red-2);animation:ijWave 1s ease-in-out calc(var(--w) * -.09s) infinite alternate}
@keyframes ijWave{to{height:100%}}
.ij-eng__wa{display:flex;gap:10px;align-items:flex-start;margin-top:12px;margin-left:24px;padding:12px 14px;border-radius:14px 14px 14px 4px;background:#E7F8EE;border:1px solid #CDEFD9}
.ij-eng__wa-ico{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#25D366;color:#fff}
.ij-eng__wa-ico .ms-ico{color:#fff}
.ij-eng__wa div{display:flex;flex-direction:column;line-height:1.35;font-size:13.5px}
.ij-eng__wa small{color:#2c7a4b;font-size:11.5px}
.is-on .ij-eng__wa{animation:ijPop .5s var(--ease) 1.1s both}
/* nurture */
.ij-drip{list-style:none;margin:0;padding:0 0 0 22px;position:relative;display:grid;gap:14px}
.ij-drip::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;border-left:2px dashed var(--line)}
.ij-drip li{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px}
.ij-drip li::before{content:"";position:absolute;left:-21px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--white);border:2px solid var(--red)}
.ij-drip li span{font-family:var(--mono);font-size:11px;text-transform:uppercase;color:var(--muted)}
.ij-drip li b{font-size:14px}
.ij-drip li em{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:11.5px;font-weight:600;color:#1a7f4b}
.is-on .ij-drip li{animation:ijPop .5s var(--ease) calc(.25s + var(--k) * .55s) both}
.is-on .ij-drip li::before{animation:ijFill .3s ease calc(.6s + var(--k) * .55s) forwards}
@keyframes ijFill{to{background:var(--red)}}
/* convert */
.ij-conv__stages{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.ij-conv__stages::before{content:"";position:absolute;left:12.5%;right:12.5%;top:11px;height:3px;background:var(--paper-2)}
.ij-conv__stages::after{content:"";position:absolute;left:12.5%;top:11px;height:3px;width:0;background:var(--red)}
.is-on .ij-conv__stages::after{animation:ijBar 2.2s var(--ease) .3s forwards}
@keyframes ijBar{to{width:50%}}
.ij-conv__stages li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:12px;font-weight:600;color:var(--muted)}
.ij-conv__stages i{width:25px;height:25px;border-radius:50%;background:var(--white);border:3px solid var(--paper-2)}
.is-on .ij-conv__stages li:nth-child(-n+3) i{animation:ijDot .35s ease calc(.3s + var(--k) * 1.1s) forwards}
@keyframes ijDot{to{border-color:var(--red);background:var(--red);box-shadow:0 0 0 4px rgba(216,66,73,.15)}}
.ij-conv__task{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--ink);color:#fff}
.ij-conv__mark{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--ink-3)}
.ij-conv__mark svg{width:26px;height:26px;color:#fff}
.ij-conv__task p{margin:0;display:flex;flex-direction:column;line-height:1.35}
.ij-conv__task small{color:var(--muted-light);font-size:12.5px}
.is-on .ij-conv__task{animation:ijPop .5s var(--ease) 2.5s both}
/* measure */
.ij-meas__title{margin:0 0 14px;font-weight:700;font-size:14px}
.ij-meas__bars{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end;height:170px;padding-bottom:22px;border-bottom:1px solid var(--line);position:relative}
.ij-meas__bars div{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end}
.ij-meas__bars i{display:block;height:var(--h);border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--red-2),var(--red-deep));transform-origin:bottom}
.ij-meas__bars div:nth-child(n+2) i{background:linear-gradient(180deg,#5d6061,#2e2f30)}
.is-on .ij-meas__bars i{animation:ijGrow .8s var(--ease) calc(.2s + var(--k) * .15s) both}
@keyframes ijGrow{from{transform:scaleY(0)}to{transform:none}}
.ij-meas__bars span{position:absolute;left:0;right:0;bottom:-22px;text-align:center;font-size:11.5px;color:var(--muted);white-space:nowrap}

/* roles */
.ms-ind-roles__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:clamp(32px,4vw,52px)}
.ms-ind-role{padding:30px 28px;border-radius:var(--r-lg);background:var(--ink);color:#fff;position:relative;overflow:hidden}
.ms-ind-role::after{content:"";position:absolute;right:-50px;bottom:-50px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(216,66,73,.35),transparent 70%);transition:transform .5s var(--ease)}
.ms-ind-role:hover::after{transform:scale(1.4)}
.ms-ind-role__icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:var(--red);margin-bottom:22px}
.ms-ind-role__icon .ms-ico{color:#fff}
.ms-ind-role h3{font-size:20px;color:#fff;margin-bottom:10px;line-height:1.25}
.ms-ind-role p{margin:0;color:var(--muted-light);font-size:15.5px;line-height:1.6;position:relative;z-index:1}

/* faq */
.ms-ind-faq__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,90px);align-items:start}
.ms-ind-faq__grid>header{position:sticky;top:calc(var(--header-h) + 40px)}

/* other industries */
.ms-ind-more{padding-top:clamp(48px,6vw,72px)!important;padding-bottom:clamp(48px,6vw,72px)!important;border-top:1px solid var(--line)}
.ms-ind-more__list{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.ms-ind-more__list a{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--white);color:var(--text);font-weight:600;font-size:15px;text-decoration:none;transition:border-color .2s,transform .25s var(--ease),box-shadow .25s}
.ms-ind-more__list a span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--paper-2);flex:none}
.ms-ind-more__list a i{margin-left:auto;font-style:normal;color:var(--red);transition:transform .25s}
.ms-ind-more__list a:hover{border-color:var(--red);transform:translateY(-2px);box-shadow:var(--soft)}
.ms-ind-more__list a:hover i{transform:translateX(3px)}

/* hub */
.ms-ind-hub__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:clamp(36px,5vw,56px)}
.ms-ind-tile{position:relative;display:flex;flex-direction:column;gap:10px;padding:30px 28px 26px;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--white);color:var(--text);text-decoration:none;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.ms-ind-tile:hover{transform:translateY(-5px);box-shadow:var(--lift);border-color:rgba(216,66,73,.4);color:var(--text)}
.ms-ind-tile__icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--ink);margin-bottom:8px;transition:background .3s}
.ms-ind-tile__icon .ms-ico{color:#fff}
.ms-ind-tile:hover .ms-ind-tile__icon{background:var(--red)}
.ms-ind-tile__eyebrow{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.ms-ind-tile__title{font-size:26px;font-weight:700}
.ms-ind-tile p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.6;flex:1}
.ms-ind-tile__flow{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 4px}
.ms-ind-tile__flow i{font-style:normal;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--paper-2);color:var(--muted);transition:background .3s,color .3s}
.ms-ind-tile:hover .ms-ind-tile__flow i{background:rgba(216,66,73,.1);color:var(--red-deep)}
.ms-ind-tile:hover .ms-ind-tile__flow i:nth-child(2){transition-delay:.08s}.ms-ind-tile:hover .ms-ind-tile__flow i:nth-child(3){transition-delay:.16s}.ms-ind-tile:hover .ms-ind-tile__flow i:nth-child(4){transition-delay:.24s}
.ms-ind-tile__go{font-weight:700;color:var(--red);font-size:15px}
.ms-ind-tile__go b{display:inline-block;transition:transform .25s}
.ms-ind-tile:hover .ms-ind-tile__go b{transform:translateX(4px)}
.ms-ind-common__list{list-style:none;margin:clamp(36px,5vw,52px) 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;counter-reset:c}
.ms-ind-common__list li{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white)}
.ms-ind-common__list li span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(216,66,73,.1);color:var(--red);margin-bottom:6px}
.ms-ind-common__list li span .ms-ico{color:var(--red)}
.ms-ind-common__list b{font-family:var(--head);font-size:17px}
.ms-ind-common__list small{color:var(--muted);font-size:13.5px;line-height:1.5}

/* mega menu art */
.ms-art-inds{display:grid!important;grid-template-columns:repeat(3,38px);gap:8px;height:auto!important}
.ms-art-inds i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(216,66,73,.1);color:var(--red);animation:artInd 3.6s ease-in-out calc(var(--k) * .3s) infinite}
.ms-art-inds i .ms-ico{color:currentColor;--acc:currentColor}
@keyframes artInd{0%,100%{background:rgba(216,66,73,.1);color:var(--red)}15%,30%{background:var(--red);color:#fff}}

/* responsive */
@media (max-width:1180px){
	.ms-ijour__nav{grid-template-columns:repeat(3,minmax(0,1fr))}
	.ms-ind-more__list{grid-template-columns:repeat(3,minmax(0,1fr))}
	.ms-ind-common__list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:980px){
	.ms-iflow,.ms-ipulse{margin:0 auto}
	.ms-ind-prob__grid,.ms-ind-faq__grid{grid-template-columns:1fr}
	.ms-ind-prob__head,.ms-ind-faq__grid>header{position:static}
	.ms-ind-sol__grid,.ms-ind-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.ms-ind-roles__grid{grid-template-columns:1fr}
	.ms-ijour__panel{grid-template-columns:1fr;min-height:0}
}
@media (max-width:640px){
	.ms-ind-sol__grid,.ms-ind-hub__grid{grid-template-columns:1fr}
	.ms-ind-card{padding:22px 20px 18px}
	.ms-ind-prob__list li{grid-template-columns:40px 1fr;gap:12px;padding:20px 0}
	.ms-ind-prob__n{font-size:24px}
	.ms-ind-prob__list p{font-size:15.5px}
	.ms-ind-prob__list p b{font-size:17px}
	.ms-ijour__nav{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;margin:0 -20px 18px;padding:0 20px 4px;scrollbar-width:none}
	.ms-ijour__nav::-webkit-scrollbar{display:none}
	.ms-ijour__tab{flex:none;scroll-snap-align:start;padding:12px 14px 16px}
	.ms-ijour__panel{padding:22px 18px}
	.ms-ijour__copy p{font-size:16px}
	.ms-ijour__screen{padding:16px}
	.ij-eng__wa{margin-left:0}
	.ij-meas__bars{gap:8px;height:140px}
	.ms-ind-more__list{grid-template-columns:1fr 1fr}
	.ms-ind-more__list a{padding:12px;font-size:14px}
	.ms-ind-common__list{grid-template-columns:1fr 1fr}
	.ms-iflow__route{grid-template-columns:22px 1fr}
	.ms-iflow__time{grid-column:2}
	.ms-iflow__arrow::before,.ms-iflow__arrow::after{left:10px}
}
@media (max-width:400px){.ms-ind-more__list,.ms-ind-common__list{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.ms-ind-leak__pipe i,.ms-art-inds i,.ij-wave i,.ij-eng__ring{animation:none}.ms-ijour [class*="ij-"],.ms-ijour [class*="ij-"]::before,.ms-ijour [class*="ij-"]::after{animation-duration:.01s!important;animation-delay:0s!important}}
.ms-ind-more__list li{display:flex}.ms-ind-more__list a{flex:1;line-height:1.25}
.ms-ind .ms-cta__title{font-size:clamp(30px,3.8vw,54px)!important;max-width:16ch}