/* ===== SuperAgent landing page (V2 mock) ===== */
:root{
  --ink:#111215; --body2:#727272; --line:#E5E5E5; --line2:#EEEEEE;
  --blue:#3053FF; --bg:#ffffff;
  --gray:#F5F5F5; --gray2:#EFEFEF;
  --maxw:1240px;
  --sans:"Google Sans Flex",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --geist:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{overflow-x:hidden;max-width:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ul,blockquote,figure{margin:0}
mark.ph{background:#FFF3C4;color:#6B5A12;padding:0 4px;border-radius:4px;font-weight:600;font-style:normal}

/* ===== Buttons ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:500;border-radius:12px;transition:background .15s,color .15s;white-space:nowrap}
.btn--dark{background:#000;color:#fff}
.btn--dark:hover{background:#1E1F23;color:#fff}
.btn--light{background:#fff;color:#000}
.btn--light:hover{background:#F0F0F0}
.btn--sm{height:40px;padding:0 22px;font-size:14px}
.btn--lg{height:56px;padding:0 34px;font-size:18px;border-radius:14px}

/* ===== Nav ===== */
.nav{position:fixed;left:0;right:0;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--line2)}
.nav__inner{max-width:var(--maxw);margin:0 auto;height:60px;display:flex;align-items:center;gap:28px;padding:0 24px}
.brand{display:flex;align-items:center;gap:9px;flex-shrink:0}
.brand__mark{height:28px;width:28px}
.brand__word{font-family:var(--geist);font-weight:600;font-size:19px;letter-spacing:-.02em;color:var(--ink)}
.brand__grad{background:linear-gradient(90deg,#3053FF,#00B7FF 45%,#08C8A4);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav__links{display:flex;flex:1;align-items:center;gap:26px}
.nav__links a{font-size:14px;font-weight:500;color:var(--ink)}
.nav__links a:hover{color:var(--blue)}
.nav__cta{margin-left:auto;display:flex;align-items:center;gap:12px}
.nav__burger{display:none;height:40px;width:40px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);cursor:pointer}
.nav__mobile{display:none}
.nav-spacer{height:60px}

/* ===== Section scaffolding ===== */
main{overflow:hidden}
section{scroll-margin-top:76px}
.h2{font-size:clamp(30px,4.2vw,50px);font-weight:500;line-height:1.08;color:#0B0B0B;letter-spacing:-.01em}
.h2--l{text-align:left}
.sub{font-size:clamp(16px,1.6vw,19px);line-height:1.5;color:#696969}
.eyebrow{display:block;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--ink);margin-bottom:14px}
.eyebrow--c{text-align:center;margin-bottom:10px}

/* ===== Hero ===== */
.hero{display:flex;flex-direction:column;align-items:center;gap:44px;padding:56px 24px 0}
.hero__head{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:960px;text-align:center}
.hero__h1{font-size:clamp(40px,7vw,76px);font-weight:500;line-height:1.04;letter-spacing:-.02em;color:#0B0B0B;max-width:100%;text-wrap:balance}
.hero__h2{font-size:clamp(17px,2.1vw,22px);line-height:1.32;color:#696969;max-width:820px}
.hero__panel{width:100%;max-width:1200px;border-radius:30px;padding:clamp(12px,2.4vw,34px);
  background:linear-gradient(26.97deg, rgba(105,195,254,0) 32.3%, rgba(105,195,254,.3) 50.26%, rgba(105,195,254,0) 67.55%),
  radial-gradient(16.17% 50% at 87.03% 50%, rgba(0,234,255,.4) 0%, rgba(0,234,255,0) 100%),
  radial-gradient(19.76% 47.09% at 26.17% 47.25%, rgba(0,234,255,.5) 0%, rgba(0,234,255,0) 100%),
  radial-gradient(17.13% 76.25% at 2.08% 6.75%, rgba(105,195,254,.4) 23.15%, rgba(105,195,254,0) 100%),
  radial-gradient(47.22% 43.8% at 52.78% 61.25%, rgba(105,195,254,.3) 0%, rgba(105,195,254,0) 100%),
  linear-gradient(193.92deg,#0042C4 10.13%,#63BCFF 29.68%,#0082ED 64.12%,#0047C6 96.66%)}
.hero__flow{display:flex;align-items:stretch;gap:clamp(6px,1vw,14px)}
.step{flex:1;min-width:0;display:flex;flex-direction:column}
.step__lbl{display:flex;align-items:center;height:22px;margin-bottom:12px;padding-left:4px;color:#fff;font-family:var(--geist);font-size:13px;font-weight:600;letter-spacing:.01em;white-space:nowrap}
.hero__conn{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding-top:34px}
.hero__conn svg{opacity:.92}
.frame{flex:1;background:#F3F4F6;border-radius:18px;padding:16px;display:flex;flex-direction:column;min-width:0}
.frame>div{flex:1;min-width:0}
.kpi{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:7px;font-family:var(--geist);font-size:12px;font-weight:600;color:#0A6273;background:#E2FAFF;border:1px solid #86DEEE;border-radius:999px;padding:4px 11px;white-space:nowrap}
.kpi b{font-weight:800;color:#06515E}
.minibtn{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:7px 12px;font-family:var(--geist);font-size:12px;font-weight:600;color:#1D1C1D;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.05)}
.minibtn img{height:15px;width:15px}

/* ---- Slack frame ---- */
.slack{border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 18px 30px rgba(0,0,0,.12);border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;height:100%}
.slack__top{height:34px;background:linear-gradient(90deg,#3F0E40,#5a1d5c);display:flex;align-items:center;padding:0 12px}
.slack__search{height:16px;width:46%;max-width:280px;margin:0 auto;background:rgba(255,255,255,.18);border-radius:5px}
.slack__body{padding:12px 14px 16px;flex:1}
.slack__chan{display:inline-flex;align-items:center;gap:6px;background:#3F0E40;color:#fff;font-weight:700;font-size:12px;padding:5px 10px;border-radius:7px;margin-bottom:12px}
.msg{display:flex;gap:9px;padding:7px 0}
.msg__av{height:34px;width:34px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:13px;font-family:var(--geist);overflow:hidden}
.msg__av--p{background:#7C3AED}
.msg__av--bot{background:#fff;border:1px solid var(--line);padding:5px}
.msg__av--bot img{width:100%;height:100%}
.msg__b{min-width:0;flex:1}
.msg__name{font-family:var(--geist);font-weight:700;font-size:13px;color:#1D1C1D;display:flex;align-items:center;gap:6px}
.msg__time{font-weight:400;color:#8A8A8A;font-size:11px}
.badge-app{background:#E8E8E8;color:#616061;font-size:9px;font-weight:700;padding:1px 4px;border-radius:3px;letter-spacing:.3px}
.mention{color:#1264A3;background:#E8F2FC;border-radius:3px;padding:0 2px;font-weight:600}
.msg__txt{font-size:13px;color:#1D1C1D;line-height:1.45;margin-top:2px}
.tool-row{display:flex;align-items:center;gap:8px;border:1px solid var(--line2);border-radius:9px;padding:7px 9px;margin-top:8px;background:#fff}
.tool-row__ic{height:20px;width:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.tool-row__ic img{max-height:18px;max-width:18px}
.tool-row__chk{height:18px;width:18px;border-radius:50%;background:#E7F7EF;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tool-row__t{flex:1;font-size:12.5px;font-weight:600;color:#1D1C1D;min-width:0}
.pill{font-size:11px;font-weight:600;color:#1264A3;border:1px solid #D7E6F5;background:#F1F7FD;border-radius:6px;padding:3px 8px;white-space:nowrap}
.pill--out{color:#0A0A0A;border-color:var(--line);background:#fff}
.muted{font-size:11px;color:#9A9A9A;white-space:nowrap}
.msg__para{font-size:12.5px;line-height:1.5;color:#1D1C1D;margin-top:10px}
.msg__para b{font-weight:700}

/* ---- Chart ---- */
.chart{margin-top:12px;display:flex;flex-direction:column;gap:12px}
.chart--card,.chart--sheet{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff}
.chart__hd{display:flex;flex-direction:column;gap:2px}
.chart__ttl{font-size:13.5px;font-weight:700;color:#0A0A0A}
.chart__sub{font-size:11.5px;font-weight:500;color:#8A8A8A}
.chart__plot{display:flex;flex-direction:column;gap:10px;padding:4px 0}
.bar{display:flex;align-items:center;gap:10px}
.bar__l{width:84px;flex-shrink:0;text-align:right;font-size:11px;font-weight:600;color:#6B6B6B;font-family:var(--geist)}
.bar__t{display:flex;flex:1;min-width:0;height:15px;gap:1px;border-radius:2px;overflow:hidden}
.bar__t i{height:100%;display:block}
.bar--axis .axis{display:flex;flex:1;justify-content:space-between;font-size:9.5px;font-weight:500;color:#9A9A9A;font-family:var(--geist)}
.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px}
.legend span{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:#0A0A0A;opacity:.72}
.legend i{height:12px;width:12px;border-radius:3px}
/* compact chart (slack + agent frames) */
.chart--mini{margin-top:11px;gap:9px}
.chart--mini.chart--card{padding:12px}
.chart--mini .chart__plot{gap:7px;padding:2px 0}
.chart--mini .bar{gap:9px}
.chart--mini .bar__l{width:74px;font-size:10px}
.chart--mini .bar__t{height:13px}
.chart--mini .legend{gap:4px 10px}
.chart--mini .legend span{font-size:10px;opacity:.78}
.chart--mini .legend i{height:9px;width:9px}

/* ---- Agent frame ---- */
.agent{display:flex;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 18px 30px rgba(0,0,0,.12);border:1px solid rgba(0,0,0,.05);height:100%}
.agent__rail{width:46px;flex-shrink:0;border-right:1px solid var(--line2);background:#fff;display:flex;flex-direction:column;align-items:center;gap:16px;padding:12px 0}
.agent__logo{height:26px;width:26px;border-radius:7px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.agent__logo img{width:100%}
.agent__ri{height:18px;width:18px;border-radius:5px;background:#EDEDF0}
.agent__main{flex:1;min-width:0;display:flex;flex-direction:column}
.agent__top{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #F0F0F2;padding:11px 14px;font-family:var(--geist)}
.agent__top>span:first-child{font-size:12.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agent__share{font-size:12px;font-weight:600;border:1px solid #E8E8EA;border-radius:8px;padding:5px 11px;color:var(--ink);white-space:nowrap}
.agent__scroll{flex:1;padding:14px;display:flex;flex-direction:column;gap:12px;font-family:var(--geist)}
.agent__user{align-self:flex-end;background:#F2F2F2;border-radius:10px 10px 2px 10px;padding:8px 12px;font-size:12.5px;font-weight:500;color:#171717;max-width:85%}
.agent__resp{display:flex;flex-direction:column}
.agent__input{margin:0 14px 14px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px 12px;box-shadow:0 6px 16px rgba(0,0,0,.06)}
.agent__input>span:first-child{flex:1;font-size:13px;font-weight:500;color:#B0B0B0}
.agent__send{height:26px;width:26px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.agent__lead{font-size:12.5px;font-weight:500;color:#171717;font-family:var(--geist)}
.sheetchip{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 11px;font-family:var(--geist);font-size:12px;color:#1D1C1D;box-shadow:0 2px 6px rgba(0,0,0,.05)}
.sheetchip .gsheet{height:16px;width:16px;flex-shrink:0}
.sheetchip__t b{font-weight:700}
.sheetchip__chk{height:16px;width:16px;border-radius:50%;background:#E7F7EF;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* ---- Spreadsheet frame ---- */
.sheet{border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 18px 30px rgba(0,0,0,.12);border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;height:100%}
.sheet__top{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid #E6E6E6;background:#fff}
.sheet__gtile{height:18px;width:18px;border-radius:4px;flex-shrink:0}
.sheet__name{font-size:13.5px;font-weight:600;color:#202124;font-family:var(--geist)}
.sheet__menu{font-size:11.5px;color:#5F6368;font-family:var(--geist);margin-left:4px}
.sheet__appic{height:34px;width:34px;border-radius:9px;background:#1E8E3E;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sheet__hd{display:flex;flex-direction:column;gap:1px;min-width:0}
.sheet__sub{font-size:11px;color:#5F6368;font-family:var(--geist);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* sheet fills the frame with no empty rows */
.frame--sheet .sheet__report{display:flex;flex-direction:column}
.frame--sheet .grid-wrap{flex:1;display:flex}
.frame--sheet .grid{height:100%}
.frame--sheet .gc{vertical-align:middle}
.sheet__fx{display:flex;align-items:stretch;border-bottom:1px solid #E6E6E6;font-family:var(--geist);font-size:12px}
.sheet__fxcell{width:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#5F6368;border-right:1px solid #E6E6E6;font-weight:600}
.sheet__fxbar{flex:1;display:flex;align-items:center;gap:8px;padding:7px 12px;color:#202124}
.sheet__fxbar b{font-style:italic;color:#9AA0A6;font-weight:500}
.sheet__report{display:block;flex:1}
.grid-wrap{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.grid{border-collapse:collapse;width:100%;font-family:var(--geist);font-size:12px}
.gc{border:1px solid #E6E6E6;padding:7px 9px;text-align:left;color:#202124;white-space:nowrap}
.grid thead .gc{background:#F8F9FA;font-weight:600;color:#5F6368;font-size:11px}
.gc--rownum{width:26px;text-align:center;background:#F8F9FA;color:#9AA0A6;font-size:10px}
.gc--n{text-align:right;font-variant-numeric:tabular-nums}
.gc--tot{font-weight:600}
.grid__total .gc{font-weight:700}
.grid__total .gc--hi{background:#E2FAFF;color:#06515E;box-shadow:inset 0 0 0 1px #86DEEE}
.grid__empty .gc{height:30px;color:transparent}
.grid__empty .gc--rownum{color:#9AA0A6}

/* ===== Logo wall ===== */
.logowall{max-width:var(--maxw);margin:0 auto;padding:110px 24px 0;text-align:center}
.logowall__line{font-size:15px;font-weight:500;color:#8A8A8A;margin-bottom:30px}
.logowall__strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:34px 54px}
.logowall__strip img{height:26px;width:auto;filter:grayscale(1);opacity:.55}

/* ===== Band ===== */
.band{max-width:var(--maxw);margin:0 auto;padding:84px 24px 20px;text-align:center}
.band__ttl{font-size:clamp(28px,4vw,46px);font-weight:500;color:#0B0B0B;letter-spacing:-.01em}

/* ===== Feature 1 (2x2 tiles) ===== */
.feat1{max-width:var(--maxw);margin:0 auto;padding:110px 24px 20px}
.feat1__head{text-align:center;max-width:760px;margin:0 auto 42px;display:flex;flex-direction:column;gap:14px}
.tiles{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
.tile{background:var(--gray);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:14px}
.tile__viz{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;min-height:184px;display:flex;flex-direction:column;justify-content:center}
.tile__ttl{font-size:20px;font-weight:600;color:var(--ink);margin-top:4px}
.tile__p{font-size:15px;line-height:1.5;color:var(--body2)}

/* mini slack (tile1) */
.mini-slack{display:flex;flex-direction:column;gap:10px}
.mini-slack__chan{font-family:var(--geist);font-weight:700;font-size:11px;color:#3F0E40;background:#F4ECF5;align-self:flex-start;padding:3px 8px;border-radius:6px}
.mini-msg{display:flex;gap:8px}
.mini-av{height:28px;width:28px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;font-family:var(--geist);overflow:hidden}
.mini-av--g{background:#2EB67D}
.mini-av--bot{background:#fff;border:1px solid var(--line);padding:4px}
.mini-av--bot img{width:100%}
.mini-name{font-family:var(--geist);font-weight:700;font-size:12px;color:#1D1C1D;display:flex;align-items:center;gap:5px}
.mini-name span{font-weight:400;color:#8A8A8A;font-size:10px}
.mini-txt{font-size:12.5px;color:#1D1C1D;line-height:1.4;margin:2px 0 4px}
.chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px}
.chip--green{background:#E7F7EF;color:#17804E}
.chip--blue{background:#EAF0FF;color:#2A43C8}

/* loglist (tile2) */
.loglist{display:flex;flex-direction:column;gap:9px}
.loglist__row{display:flex;align-items:center;gap:10px;border:1px solid var(--line2);background:#FAFAFA;border-radius:9px;padding:9px 11px}
.loglist__ic{height:22px;width:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.loglist__ic img{max-height:20px;max-width:20px}
.loglist__t{flex:1;font-size:12.5px;color:#333;font-family:var(--geist)}
.loglist__t b{font-weight:700;color:#111}
.loglist__chk{height:18px;width:18px;border-radius:50%;background:#EAF0FF;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.gsheet{height:18px;width:18px;border-radius:3px;background:#188038;position:relative;display:inline-block}
.gsheet::before{content:"";position:absolute;inset:4px 3px;background:
  linear-gradient(#fff,#fff) 0 0/100% 1.5px no-repeat,
  linear-gradient(#fff,#fff) 0 50%/100% 1.5px no-repeat,
  linear-gradient(#fff,#fff) 0 100%/100% 1.5px no-repeat,
  linear-gradient(#fff,#fff) 50% 0/1.5px 100% no-repeat}

/* sync (tile3) */
.sync{display:flex;align-items:center;gap:8px}
.sync__panel{flex:1;border:1px solid var(--line);border-radius:10px;padding:10px;background:#FAFBFC;min-width:0}
.sync__panel--sa{background:#F4F7FF;border-color:#D9E3FF}
.sync__ph{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;color:#444;font-family:var(--geist);margin-bottom:8px}
.sync__ph img{height:14px;width:14px}
.sync__line{font-size:11px;font-family:var(--geist);color:#333;padding:4px 0;border-top:1px solid #EEE;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sync__tag{font-size:8.5px;font-weight:600;color:#2A43C8;background:#E6ECFF;border-radius:4px;padding:1px 5px}
.sync__arrow{flex-shrink:0}

/* two defs (tile4) */
.twodef{display:flex;flex-direction:column;gap:12px}
.twodef__q{font-size:14px;font-weight:600;color:#171717;text-align:center;font-family:var(--geist)}
.twodef__a{display:flex;gap:12px}
.twodef__card{flex:1;border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;background:#fff}
.twodef__team{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 7px;border-radius:5px}
.twodef__team--f{background:#E7F7EF;color:#17804E}
.twodef__team--s{background:#FFEDD8;color:#B5620E}
.twodef__val{font-size:22px;font-weight:700;color:#111;font-family:var(--geist)}
.twodef__def{font-size:11.5px;color:#777}

/* ===== Split feature sections ===== */
.feat4{max-width:var(--maxw);margin:0 auto;padding:70px 24px}
.split{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);gap:54px;align-items:center}
.split--rev .split__text{order:2}
.split--rev .split__viz{order:1}
.split__text{min-width:0}
.bullets{list-style:none;display:flex;flex-direction:column;gap:18px;margin-top:26px}
.bullets li{position:relative;padding-left:26px;font-size:16.5px;line-height:1.5;color:var(--body2)}
.bullets li::before{content:"";position:absolute;left:0;top:9px;height:9px;width:9px;border-radius:50%;background:var(--blue)}
.bullets li b{color:var(--ink);font-weight:600}
.split__viz{min-width:0}

/* trust viz (feat2) */
.trust{background:var(--gray);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:14px}
.trust__answer{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.trust__lbl{font-size:13px;font-weight:600;color:#777;font-family:var(--geist)}
.trust__big{font-size:30px;font-weight:700;color:#0B0B0B;font-family:var(--geist)}
.trust__open{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.trust__src{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#3A6B45;background:#EDF7EF;padding:9px 14px;font-family:var(--geist);border-bottom:1px solid #E1EFE4}
.trust__src img{height:16px;width:16px}
.trust__fx{display:flex;align-items:center;gap:8px;font-family:var(--geist);font-size:12px;color:#202124;padding:8px 14px;border-bottom:1px solid #E6E6E6;background:#FAFBFC;overflow-x:auto;white-space:nowrap}
.trust__fx b{font-style:italic;color:#9AA0A6;font-weight:500}
.trust__grid{border-collapse:collapse;width:100%;font-family:var(--geist);font-size:12px}
.trust__grid th{background:#F8F9FA;color:#5F6368;font-weight:600;font-size:10.5px;padding:7px 10px;border:1px solid #E6E6E6;text-align:left}
.trust__grid td{padding:7px 10px;border:1px solid #E6E6E6;color:#202124}
.trust__grid .n{text-align:right;font-variant-numeric:tabular-nums}
.trust__grid .rn{width:24px;text-align:center;background:#F8F9FA;color:#9AA0A6;font-size:10px}
.cell-hi{background:#FFF3C4;outline:2px solid #F2C94C;outline-offset:-2px;font-weight:700}
.trust__comment{display:flex;gap:10px;padding:12px 14px;background:#FFFBEF;border-top:1px solid #F2E6Bf}
.trust__cdot{height:26px;width:26px;border-radius:50%;background:#F2C94C;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.trust__ctxt{font-size:12.5px;font-weight:600;color:#6B5A12;font-family:var(--geist);margin-bottom:6px}

/* gateway viz (feat3) */
.gateway{background:linear-gradient(135deg,#FFF3E6,#FFF9EC);border-radius:22px;padding:30px 20px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}
.gateway__col{display:flex;flex-direction:column;gap:12px}
.sysic{height:46px;width:46px;border-radius:12px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center}
.sysic img{max-height:24px;max-width:24px}
.gateway__hub{display:flex;flex-direction:column;align-items:center;gap:12px}
.gateway__core{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border-radius:16px;padding:14px 18px;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.gateway__core img{height:34px;width:34px}
.gateway__core span{font-size:13px;font-weight:700;color:#111;font-family:var(--geist)}
.perm{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;width:100%;max-width:300px;display:flex;flex-direction:column;gap:9px;box-shadow:0 6px 16px rgba(0,0,0,.08)}
.perm__row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.perm__team{font-size:11px;font-weight:700;color:#444;font-family:var(--geist);min-width:54px}
.perm__p{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#17804E;background:#EAF7F0;border-radius:6px;padding:3px 8px;font-family:var(--geist)}
.perm__p--no{color:#B23A2E;background:#FBEBE9}
.teamav{height:46px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.08);font-size:11px;font-weight:700;color:#333;font-family:var(--geist);padding:0 12px}
.teamav--f{border-left:4px solid #17A673}
.teamav--r{border-left:4px solid #3053FF}
.teamav--s{border-left:4px solid #F2994A}

/* cost viz (feat4) */
.cost{background:var(--gray);border-radius:22px;padding:34px 30px;display:flex;flex-direction:column;gap:20px}
.cost__row{display:flex;align-items:center;gap:16px}
.cost__lbl{width:110px;flex-shrink:0;font-size:14px;font-weight:600;color:#333;font-family:var(--geist)}
.cost__bar{height:46px;border-radius:10px;display:flex;align-items:center;padding:0 16px;min-width:120px}
.cost__bar--red{background:linear-gradient(90deg,#E24C4C,#D63B3B)}
.cost__bar--blue{background:linear-gradient(90deg,#3053FF,#00B7FF)}
.cost__val{font-size:15px;font-weight:700;color:#fff;font-family:var(--geist);white-space:nowrap}
.cost__val--in .ph{background:rgba(255,255,255,.35);color:#fff}
.cost__cap{font-size:13.5px;color:#8A8A8A;text-align:center;margin-top:2px}

/* ===== Testimonials ===== */
.tst{max-width:1240px;margin:0 auto;padding:70px 24px}
.tst__head{text-align:center;max-width:760px;margin:0 auto 34px;display:flex;flex-direction:column;gap:12px}
.tst__feature{display:flex;background:var(--gray);border-radius:34px;overflow:hidden;align-items:stretch;margin-bottom:26px}
.tst__photo{width:320px;flex-shrink:0;object-fit:cover;object-position:top}
.tst__body{display:flex;flex-direction:column;gap:26px;padding:40px 60px 40px 44px;justify-content:center}
.tst__body blockquote{font-size:clamp(18px,1.9vw,24px);font-weight:500;line-height:1.28;color:var(--ink)}
.tst__feature figcaption,.tst__card figcaption{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.tst__who{flex:1;font-size:14px;font-weight:500;line-height:1.35;color:var(--ink);min-width:150px}
.tst__brand{height:34px;width:auto;flex-shrink:0}
.tst__brand--sm{height:26px}
.tst__pair{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.tst__card{display:flex;flex-direction:column;justify-content:space-between;gap:26px;background:var(--gray);border-radius:34px;padding:40px}
.tst__card blockquote{font-size:clamp(17px,1.7vw,22px);font-weight:500;line-height:1.28;color:var(--ink)}
.tst__av{height:88px;width:88px;border-radius:14px;object-fit:cover;flex-shrink:0}

/* ===== Playbooks ===== */
.pb{max-width:var(--maxw);margin:0 auto;padding:70px 24px}
.pb__head{text-align:center;max-width:760px;margin:0 auto 26px;display:flex;flex-direction:column;gap:12px}
.pb__tabs{display:flex;justify-content:center;gap:8px;background:#F0F0F2;border-radius:999px;padding:5px;width:max-content;margin:0 auto 32px}
.pb__tab{border:none;background:transparent;font-family:var(--sans);font-size:15px;font-weight:600;color:#6B6B6B;padding:9px 26px;border-radius:999px;cursor:pointer;transition:all .15s}
.pb__tab.is-active{background:#fff;color:var(--ink);box-shadow:0 2px 6px rgba(0,0,0,.08)}
.pb__panel{display:none}
.pb__panel.is-active{display:block}
.pb__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pbcard{background:var(--gray);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:10px}
.pbcard--wide{grid-column:span 2;background:#F4F7FF;border:1px solid #E1E8FF}
.pbcard--own{background:#111215;color:#fff}
.pbcard--own .pbcard__p{color:#B9BBC2}
.pbcard__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pbcard__ttl{font-size:18px;font-weight:600;color:inherit}
.pbcard__p{font-size:14.5px;line-height:1.5;color:var(--body2)}
.pbcard__plus{margin-top:auto;font-size:13px;font-weight:600;color:#fff;background:rgba(255,255,255,.14);border-radius:8px;padding:8px 12px;align-self:flex-start}
.flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;background:#fff;border:1px solid #E1E8FF;border-radius:14px;padding:16px}
.flow__step{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11.5px;font-weight:600;color:#444;font-family:var(--geist)}
.flow__ic{height:40px;width:40px;border-radius:11px;background:#F6F8FC;border:1px solid #E6EAF2;display:flex;align-items:center;justify-content:center}
.flow__ic img{max-height:22px;max-width:22px}
.flow__arr{flex-shrink:0}

/* ===== Enterprise ready ===== */
.ent{max-width:var(--maxw);margin:0 auto;padding:40px 24px 70px}
.ent__head{text-align:center;margin-bottom:34px;display:flex;flex-direction:column;align-items:center;gap:6px}
.ent__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ent__tile{background:var(--gray);border-radius:20px;padding:22px 24px;display:flex;flex-direction:column;gap:5px}
.ent__t{font-size:19px;font-weight:600;color:var(--ink)}
.ent__d{font-size:15.5px;color:var(--ink);opacity:.72;line-height:1.45}

/* ===== Final CTA ===== */
.cta{max-width:var(--maxw);margin:0 auto 70px;padding:0 24px}
.cta__inner{border-radius:34px;padding:70px 30px;display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center;
  background:radial-gradient(60% 120% at 50% 0%, rgba(0,234,255,.35) 0%, rgba(0,234,255,0) 70%),linear-gradient(160deg,#0042C4,#0A66E0 55%,#0047C6)}
.cta__ttl{font-size:clamp(28px,4vw,46px);font-weight:500;color:#fff;letter-spacing:-.01em;max-width:620px}

/* ===== Footer ===== */
.foot{border-top:1px solid #DDDDDD;background:#fff;padding:22px 0}
.foot__inner{max-width:var(--maxw);margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.foot__built{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500;color:#727272}
.foot__ic{height:22px;width:auto}
.foot__word{height:12px;width:auto}
.foot__copy{flex:1;text-align:right;font-size:14px;font-weight:500;color:#727272;min-width:140px}

/* ===== Responsive ===== */
@media (max-width:900px){
  .nav__links{display:none}
  .nav__burger{display:flex}
  .nav__mobile{display:none;flex-direction:column;gap:2px;padding:10px 20px 16px;border-top:1px solid var(--line2);background:#fff}
  .nav__mobile.is-open{display:flex}
  .nav__mobile a{padding:11px 8px;font-size:16px;font-weight:500;border-radius:8px}
  .nav__mobile a:hover{background:#F5F5F5}
  .nav__mobile .btn{margin-top:8px;height:46px}
  .split{grid-template-columns:minmax(0,1fr);gap:30px}
  .split--rev .split__text{order:1}
  .split--rev .split__viz{order:2}
  .tst__feature{flex-direction:column}
  .tst__photo{width:100%;height:260px}
  .tst__body{padding:28px}
  .pb__grid{grid-template-columns:1fr 1fr}
  .pbcard--wide{grid-column:span 2}
}
@media (max-width:860px){
  .hero__flow{flex-direction:column;gap:0}
  .step{width:100%}
  .hero__conn{padding-top:0;align-self:center;padding:10px 0;transform:rotate(90deg)}
  .frame{flex:none}
  .slack,.agent,.sheet{height:auto}
}
@media (max-width:620px){
  .nav__cta>.btn{display:none}
  .grid{font-size:10.5px}
  .gc{padding:6px 7px}
  .tiles{grid-template-columns:minmax(0,1fr)}
  .tst__pair{grid-template-columns:1fr}
  .pb__grid{grid-template-columns:1fr}
  .pbcard--wide{grid-column:auto}
  .ent__grid{grid-template-columns:1fr}
  .frame{padding:12px;overflow:hidden}
  .slack__body{padding:10px 11px 12px}
  .chart--card,.chart--sheet{padding:12px}
  .bar{gap:7px}
  .bar__l{width:58px;font-size:9.5px}
  .bar--axis .axis span:nth-child(even){display:none}
  .bar--axis .axis{font-size:9px}
  .agent__scroll{padding:11px}
  .sync{flex-direction:column}
  .sync__arrow{transform:rotate(90deg)}
  .cost__lbl{width:88px;font-size:12px}
  .foot__copy{text-align:left}
  .logowall__strip{gap:22px 30px}
  .logowall__strip img{height:22px}
}
@media (max-width:420px){
  .hero{padding:40px 14px 0}
  .feat1,.featv,.feat4,.tst,.pb,.ent,.band,.logowall{padding-left:16px;padding-right:16px}
  .tile,.trust,.cost{padding:18px}
  .twodef__a{flex-direction:column}
  .tst__body{padding:22px}
  .tst__card{padding:26px}
}

/* ================================================================
   ARTEM CONCEPT ILLUSTRATIONS (ported from image concepts)
   ================================================================ */
.cx{font-family:var(--geist);color:#171717}
.cx-card{background:#fff;border:1px solid #DADDE3;border-radius:14px;box-shadow:0 8px 24px rgba(16,24,40,.06);overflow:hidden}
.cx-botglyph{display:block}

/* ---- tile viz override: white concept card on the tile's grey ---- */
.tile__viz--cx{background:none;border:0;padding:0;min-height:0;display:block}

/* ---- Tile 1: Slack thread ("Learns from every team member") ---- */
.cx-thread{display:flex;flex-direction:column}
.cx-thread__hd{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #ECEDF0;font-size:13px}
.cx-thread__hd b{font-weight:700}
.cx-thread__hd .cx-chan{color:#6B7280}
.cx-thread__body{padding:15px 16px;display:flex;flex-direction:column;gap:14px}
.cx-msg{display:flex;gap:10px}
.cx-av{width:32px;height:32px;border-radius:8px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff}
.cx-av--sa{background:#3053FF}
.cx-av--pr{background:#F59E0B}
.cx-av svg{width:18px;height:18px}
.cx-msg__b{display:flex;flex-direction:column;gap:3px;min-width:0}
.cx-msg__name{font-size:13px}
.cx-msg__name b{font-weight:700}
.cx-msg__name time{color:#6B7280;font-size:11px;margin-left:5px}
.cx-msg__txt{font-size:13px;line-height:1.45}
.cx-msg__txt b{font-weight:700}
.cx-mention{color:#1D5BD6;background:#E8F0FD;padding:0 3px;border-radius:3px}
.cx-memory{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #E3E6EB;border-radius:10px;background:#FAFBFF;margin-top:3px;flex-wrap:wrap}
.cx-memory svg{width:18px;height:18px;flex:0 0 auto}
.cx-memory__t{display:flex;flex-direction:column;gap:2px;min-width:0}
.cx-memory__t b{font-size:13px;font-weight:600}
.cx-memory__t span{font-size:11px;color:#6B7280}
.cx-approved{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#E6F7F2;color:#0F7A62;font-size:12px;font-weight:600;white-space:nowrap}
.cx-approved svg{width:12px;height:12px}

/* ---- Tile 2: Learning sources ("Knows your systems from day 1") ---- */
.cx-learn{display:flex;flex-direction:column}
.cx-learn__hd{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #ECEDF0}
.cx-learn__ttl{font-size:15px;font-weight:600}
.cx-learn__day{padding:3px 9px;border-radius:999px;background:#EEF1FF;color:#2440D9;font-size:11px;font-weight:600}
.cx-learn__count{margin-left:auto;font-size:12px;color:#6B7280;white-space:nowrap}
.cx-learn__bar{height:3px;background:#EEF0F3}
.cx-learn__bar i{display:block;height:3px;width:75%;background:#3053FF}
.cx-src{display:flex;align-items:center;gap:14px;padding:13px 18px;border-bottom:1px solid #F1F2F4}
.cx-src__ic{width:34px;height:34px;border-radius:9px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff}
.cx-src__b{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.cx-src__t{font-size:13px}
.cx-src__t b{font-weight:600}
.cx-src__meta{font-size:11px;color:#6B7280;font-family:"Geist Mono",ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-src__chk{width:22px;height:22px;border-radius:999px;background:#E6F7F2;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.cx-src__chk svg{width:12px;height:12px}
.cx-src__spin{width:18px;height:18px;border-radius:999px;border:2px solid #DCE2FF;border-top-color:#3053FF;flex:0 0 auto}
.cx-learn__foot{padding:12px 18px;font-size:12px;color:#6B7280;background:#FAFAFB}

/* ---- Tile 3: Semantic sync ("Syncs with existing semantic layers") ---- */
.cx-sync{display:flex;align-items:center;gap:12px}
.cx-code{width:46%;max-width:262px;flex:0 0 auto;background:#0F172A;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(16,24,40,.12)}
.cx-code__hd{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.cx-code__ic{width:22px;height:22px;border-radius:6px;background:#E7F6FC;color:#29B5E8;font-size:13px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.cx-code__ttl{font-size:12px;font-weight:600;color:#F1F5F9}
.cx-code__sub{font-size:11px;color:#94A3B8}
.cx-code__body{margin:0;padding:14px;font-family:"Geist Mono",ui-monospace,monospace;font-size:11px;line-height:1.7;color:#CBD5E1;white-space:pre;overflow-x:auto}
.cx-kw{color:#7DD3FC}
.cx-fn{color:#FDE68A}
.cx-syncarrow{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px}
.cx-syncarrow__btn{width:40px;height:40px;border-radius:999px;background:#3053FF;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(48,83,255,.35)}
.cx-syncarrow__lbl{font-size:10px;font-weight:600;letter-spacing:.08em;color:#6B7280}
.cx-defs{flex:1;min-width:0;background:#fff;border-radius:14px;border:1px solid #DADDE3;overflow:hidden;box-shadow:0 8px 24px rgba(16,24,40,.06)}
.cx-defs__hd{padding:12px 14px;border-bottom:1px solid #ECEDF0;font-size:13px;font-weight:600}
.cx-def{padding:12px 14px;border-bottom:1px solid #F1F2F4;display:flex;flex-direction:column;gap:6px}
.cx-def__t{font-size:13px;font-weight:600}
.cx-def__d{font-size:11px;color:#4B5563;line-height:1.4}
.cx-synced{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;background:#E7F6FC;color:#0B6E99;font-size:10px;font-weight:600}
.cx-synced svg{width:10px;height:10px}
.cx-defs__foot{padding:10px 14px;font-size:11px;color:#6B7280;background:#FAFAFB}

/* ---- Tile 4: Two team answers ("Retains team-specific context") ---- */
.cx-twochat{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;height:100%}
.cx-chat{background:#fff;border-radius:14px;border:1px solid #DADDE3;box-shadow:0 8px 24px rgba(16,24,40,.06);overflow:hidden;display:flex;flex-direction:column}
.cx-chat__hd{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #ECEDF0}
.cx-chat__av{width:24px;height:24px;border-radius:999px;color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.cx-chat__who{font-size:12px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cx-chat__tag{margin-left:auto;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}
.cx-chat__body{padding:18px 14px 20px;display:flex;flex-direction:column;gap:16px}
.cx-chat__q{align-self:flex-end;padding:8px 12px;border-radius:12px;background:#EFEFF1;font-size:13px}
.cx-chat__ans{display:flex;flex-direction:column;gap:4px}
.cx-chat__lbl{font-size:11px;color:#6B7280}
.cx-chat__big{font-size:28px;font-weight:700;letter-spacing:-.02em}
.cx-chat__cap{font-size:12px;font-weight:600}
.cx-chat--f .cx-chat__cap{color:#2440D9}
.cx-chat--s .cx-chat__cap{color:#B45309}
.cx-chat__def{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:10px;border:1px dashed;background:#FCFCFD}
.cx-chat__defk{font-size:10px;font-weight:700;letter-spacing:.08em}
.cx-chat__deft{font-size:12px;font-weight:600}
.cx-chat__defs{font-size:11px;color:#6B7280}
.cx-chat--f .cx-chat__av{background:#2440D9}
.cx-chat--f .cx-chat__tag{color:#2440D9;background:#EEF1FF}
.cx-chat--f .cx-chat__def{border-color:#2440D9}
.cx-chat--f .cx-chat__defk{color:#2440D9}
.cx-chat--s .cx-chat__av{background:#B45309}
.cx-chat--s .cx-chat__tag{color:#B45309;background:#FEF3E2}
.cx-chat--s .cx-chat__def{border-color:#B45309}
.cx-chat--s .cx-chat__defk{color:#B45309}

.cx-eyebrow{font-size:12px;font-weight:500;letter-spacing:.2em;color:#171717}
.cx-nic{width:22px;height:22px;border-radius:6px;background:#111;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 auto}

.cx-gw{background:#EFEFF1;border-radius:22px;padding:22px 16px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.3fr) minmax(0,1fr);gap:13px;align-items:center}
.cx-gw__col{display:flex;flex-direction:column;gap:9px;min-width:0}
.cx-gw__lbl{font-size:11px;font-weight:500;letter-spacing:.16em;color:#171717;margin-bottom:2px}
.cx-gw__hub{background:#fff;border-radius:16px;border:1.5px solid #3053FF;box-shadow:0 16px 40px rgba(48,83,255,.14);overflow:hidden}
.cx-gw__hubhd{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #ECEDF0}
.cx-gw__hubic{width:32px;height:32px;border-radius:9px;background:#3053FF;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.cx-gw__hubic svg{width:19px;height:19px}
.cx-gw__hubttl{font-size:14px;font-weight:600}
.cx-gw__hubsub{font-size:11px;color:#6B7280}
.cx-gw__grp{padding:10px 14px;border-bottom:1px solid #F1F2F4;display:flex;flex-direction:column;gap:7px}
.cx-gw__grpn{font-size:12.5px;font-weight:600}
.cx-gw__chips{display:flex;flex-wrap:wrap;gap:5px}
.cx-gw__chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:500;color:#0F7A62;background:#E6F7F2;white-space:nowrap}
.cx-gw__chip--no{color:#9CA3AF;background:#F3F4F6}
.cx-gw__hubfoot{display:flex;align-items:center;gap:8px;padding:11px 16px;font-size:11.5px;color:#4B5563;background:#FAFAFB}
.cx-gw__hubfoot svg{width:14px;height:14px;flex:0 0 auto}
.cx-gw__team{background:#fff;border:1px solid #DADDE3;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:9px}
.cx-gw__teamn{font-size:14px;font-weight:600}
.cx-gw__avs{display:flex}
.cx-gw__av{width:27px;height:27px;border-radius:999px;border:2px solid #fff;margin-right:-6px;color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}

/* ---- Feature 4: Answers without the token bill (cost) ---- */
.cx-cost{background:#EFEFF1;border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:22px}
.cx-cost__card{background:#fff;border:1px solid #DADDE3;border-radius:16px;padding:30px 32px;display:flex;flex-direction:column;gap:30px}
.cx-cost__row{display:flex;flex-direction:column;gap:12px}
.cx-cost__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.cx-cost__name{font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}
.cx-cost__nameic{width:22px;height:22px;border-radius:6px;background:#3053FF;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.cx-cost__nameic svg{width:13px;height:13px}
.cx-cost__price{font-size:26px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}
.cx-cost__price--red{color:#B42318}
.cx-cost__price--blue{color:#1F3BD1}
.cx-cost__price small{font-size:14px;font-weight:500;color:#6B7280}
.cx-cost__track{height:44px;border-radius:10px;background:#F3F4F6;overflow:hidden}
.cx-cost__fill{height:44px;border-radius:10px;display:flex;align-items:center;padding-left:16px;color:#fff;font-size:13px;font-weight:500}
.cx-cost__fill--red{width:100%;background:#E5484D;box-sizing:border-box}
.cx-cost__track--blue{display:flex;align-items:center;gap:14px;overflow:visible}
.cx-cost__fill--blue{width:4%;min-width:10px;background:#3053FF}
.cx-cost__note{font-size:13px;color:#4B5563}
.cx-cost__cap{font-size:13px;color:#6B7280}

/* ---- Playbooks: Finance | RevOps columns ---- */
.cx-pb{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.cx-pb__col{display:flex;flex-direction:column;gap:12px;min-width:0}
.cx-pb__lbl{font-size:13px;font-weight:500;letter-spacing:.2em;color:#171717;padding-bottom:4px}
.cx-pbcard{background:#fff;border:1px solid #DADDE3;border-radius:14px;padding:16px 20px;display:flex;flex-direction:column;gap:6px}
.cx-pbcard--hero{border:1.5px solid #3053FF;box-shadow:0 16px 40px rgba(48,83,255,.12);gap:14px}
.cx-pbcard__top{display:flex;align-items:center;gap:10px}
.cx-pbcard__ttl{font-size:15px;font-weight:600}
.cx-pbcard--hero .cx-pbcard__ttl{font-size:16px}
.cx-pbcard__when{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#EEF1FF;color:#1F3BD1;font-size:12px;font-weight:600;white-space:nowrap}
.cx-pbcard__when svg{width:12px;height:12px}
.cx-pbcard__p{font-size:13px;color:#4B5563;line-height:1.45}
.cx-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cx-flow__step{display:flex;flex-direction:column;align-items:center;gap:6px;width:76px}
.cx-flow__ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}
.cx-flow__ic svg{width:22px;height:22px}
.cx-flow__cap{font-size:11px;color:#4B5563;text-align:center}
.cx-flow__arr{flex:0 0 auto}
.cx-pbcard--save{background:none;border:1.5px dashed #AEB8EC;display:flex;flex-direction:row;align-items:center;gap:12px;color:#1F3BD1}
.cx-pbcard__plusic{width:30px;height:30px;border-radius:999px;background:#EEF1FF;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.cx-pbcard__plusic svg{width:14px;height:14px}
.cx-pbcard__saveb{display:flex;flex-direction:column;gap:2px;min-width:0}
.cx-pbcard__saveb b{font-size:14px;font-weight:600}
.cx-pbcard__saveb span{font-size:12px;color:#4B5563}

/* ---- concept responsive ---- */
@media (max-width:620px){
  .cx-sync{flex-direction:column;align-items:stretch}
  .cx-code{width:100%;max-width:none}
  .cx-syncarrow{flex-direction:row;justify-content:center;gap:8px}
  .cx-syncarrow__btn{transform:rotate(90deg)}
  .cx-pb{grid-template-columns:1fr}
}
@media (max-width:560px){
  .cx-gw{grid-template-columns:1fr;gap:14px}
  .cx-gw__col--sys{flex-direction:row;flex-wrap:wrap}
  .cx-gw__col--sys .cx-gw__lbl,.cx-gw__col--team .cx-gw__lbl{width:100%}
  .cx-gw__col--team{flex-direction:row;flex-wrap:wrap}
  .cx-gw__team{flex:1;min-width:140px}
}
@media (max-width:440px){
  .cx-twochat{grid-template-columns:1fr}
  .cx-chat__big{font-size:26px}
}

/* ---- concept overflow safeguards (narrow widths) ---- */
.cx-thread__hd,.cx-msg,.cx-src,.cx-chat__hd,.cx-cost__top{min-width:0}
.cx-learn__hd{flex-wrap:wrap}
.cx-msg__txt,.cx-memory__t b,.cx-def__d,.cx-chat__desc,.cx-pbcard__p{overflow-wrap:anywhere}
.cx-src__t{min-width:0;overflow-wrap:anywhere}

/* Equal-height tile visuals so titles and body copy align (desktop) */
@media (min-width:901px){
  .tiles .tile__viz--cx{height:340px;display:flex}
  .tiles .tile__viz--cx>.cx{flex:1;min-height:0}
  .tiles .cx-thread,.tiles .cx-learn{height:100%}
  .tiles .cx-sync{height:100%;align-items:stretch}
  .tiles .cx-sync .cx-code,.tiles .cx-sync .cx-defs{height:100%}
  .tiles .cx-syncarrow{align-self:center}
  .tiles .cx-twochat{height:100%;align-items:stretch}
  .tiles .cx-twochat>*{height:100%}
  .tiles .cx-chat__body{flex:1;justify-content:center;gap:22px}
  .tiles .cx-chat__big{font-size:36px}
}
@media (min-width:901px){
  .tiles .cx-sync .cx-defs{display:flex;flex-direction:column}
  .tiles .cx-sync .cx-defs__foot{margin-top:auto}
}

/* Hero video */
.hero__video{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#0B1B4D;box-shadow:0 24px 60px rgba(8,30,110,.35)}
.hero__video-el{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.hero__poster{position:absolute;inset:0;border:0;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;color:#0A0A0A;background:none;font:inherit}
.hero__poster-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(3px);transform:scale(1.02)}
.hero__poster::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1}
.hero__poster-ttl,.hero__play,.hero__poster-len{position:relative;z-index:2}
.hero__poster-ttl{font-size:clamp(28px,4.6vw,64px);font-weight:500;letter-spacing:-.02em;line-height:1.05;text-align:center;max-width:22ch}
.hero__play{width:84px;height:84px;border-radius:50%;background:#0A0A0A;color:#fff;display:flex;align-items:center;justify-content:center;padding-left:4px;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .2s}
.hero__poster:hover .hero__play{transform:scale(1.06)}
.hero__poster-len{position:absolute;right:20px;bottom:18px;font-size:13px;font-weight:600;background:rgba(10,10,10,.75);color:#fff;padding:4px 10px;border-radius:999px}
.hero__video.is-playing .hero__poster{display:none}
@media (max-width:620px){.hero__play{width:60px;height:60px}.hero__poster{gap:18px}}
.tiles__eyebrow{grid-column:1/-1;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#3053FF;margin:10px 0 -6px}

/* Tile 1: systems learning visual */
.cx-sys{display:grid;grid-template-columns:150px 40px minmax(0,1fr);align-items:center;height:100%;background:#fff;border:1px solid #DADDE3;border-radius:14px;box-shadow:0 8px 24px rgba(16,24,40,.06);padding:16px}
.cx-sys__src{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 14px;border:1px solid #E5E7EB;border-radius:12px;background:#FAFBFC;font-size:15px}
.cx-sys__logo{width:52px;height:36px;object-fit:contain}
.cx-sys__live{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#067647;background:#ECFDF3;border-radius:999px;padding:3px 8px}
.cx-sys__live i{width:6px;height:6px;border-radius:50%;background:#12B76A;box-shadow:0 0 0 3px rgba(18,183,106,.18)}
.cx-sys__meta{font-size:11px;color:#6B7280;line-height:1.4}
.cx-sys__wires{width:40px;height:84%;overflow:visible}
.cx-sys__wires path{fill:none;stroke:#3053FF;stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:.45}
.cx-sys__finds{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;min-width:0}
.cx-sys__find{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #E5E7EB;border-radius:10px;background:#fff;font-size:12.5px;line-height:1.3;min-width:0}
.cx-sys__find>span:nth-child(2){display:flex;flex-direction:column;min-width:0}
.cx-sys__find b{font-weight:600;color:#0A0A0A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-sys__find em{font-style:normal;font-family:"Geist Mono",ui-monospace,monospace;font-size:10.5px;color:#6B7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-sys__dot{width:8px;height:8px;border-radius:50%;background:#3053FF;flex:0 0 auto}
.cx-sys__find.is-new{border-color:#3053FF;background:#F3F6FF}
.cx-sys__find.is-new .cx-sys__dot{background:#F79009}
.cx-sys__tag{margin-left:auto;flex:0 0 auto;font-size:10px;font-weight:600;color:#B54708;background:#FFFAEB;border-radius:999px;padding:2px 7px}
@media (max-width:620px){.cx-sys{grid-template-columns:1fr;gap:12px}.cx-sys__wires{display:none}}

/* ================================================================
   CONTEXT SECTION v3: showcase + stepper + joins
   ================================================================ */
/* ---- Showcase (full-width systems block) ---- */
.showcase{grid-column:1/-1;background:var(--gray);border-radius:22px;padding:26px;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:30px;align-items:center}
.showcase__text{min-width:0;display:flex;flex-direction:column;gap:18px}
.showcase__ttl{font-size:28px;font-weight:600;line-height:1.14;letter-spacing:-.01em;color:var(--ink)}
.showcase__pts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.showcase__pts li{font-size:15px;line-height:1.5;color:var(--body2)}
.showcase__pts li b{color:var(--ink);font-weight:600}
.showcase__viz{min-width:0}

/* ---- Stepper ---- */
.stepper{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(16,24,40,.06);display:flex;flex-direction:column}
.stepper__tabs{display:flex;gap:6px;padding:10px;border-bottom:1px solid #ECEDF0;background:#FAFBFC}
.stepper__tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;background:transparent;font-family:var(--geist);font-size:12.5px;font-weight:600;color:#6B7280;padding:8px 10px;border-radius:9px;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}
.stepper__tab:hover{color:#374151}
.stepper__num{width:18px;height:18px;border-radius:999px;background:#E6E8EC;color:#6B7280;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.stepper__tab.is-active{background:#EEF1FF;color:#1F3BD1;border-color:#D9E3FF}
.stepper__tab.is-active .stepper__num{background:#3053FF;color:#fff}
.stepper__panels{position:relative;height:378px}
.stepper__panel{position:absolute;inset:0;padding:18px;opacity:0;visibility:hidden;transition:opacity .35s ease;overflow:hidden;display:flex;flex-direction:column}
.stepper__panel.is-active{opacity:1;visibility:visible}
.stepper__panel--learn{padding:14px}
.stepper__panel .cx-sys{height:100%}

/* ---- Connect panel ---- */
.cxc{display:flex;flex-direction:column;gap:14px;height:100%}
.cxc__card{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #E5E7EB;border-radius:12px;background:#FAFBFC}
.cxc__logo{width:44px;height:30px;object-fit:contain;flex:0 0 auto}
.cxc__cardb{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.cxc__name{font-size:14px;font-weight:700;color:#0A0A0A}
.cxc__sub{font-size:11.5px;color:#6B7280}
.cxc__pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#067647;background:#ECFDF3;border-radius:999px;padding:4px 9px;flex:0 0 auto;white-space:nowrap}
.cxc__pill i{width:6px;height:6px;border-radius:50%;background:#12B76A;box-shadow:0 0 0 3px rgba(18,183,106,.18)}
.cxc__prog{display:flex;flex-direction:column;gap:7px}
.cxc__done{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:#0F7A62}
.cxc__done svg{width:12px;height:12px;flex:0 0 auto}
.cxc__status{font-size:13.5px;font-weight:600;color:#111}
.cxc__bar{height:6px;border-radius:999px;background:#EEF0F3;overflow:hidden}
.cxc__bar i{display:block;height:100%;width:82%;background:#3053FF;border-radius:999px}
.cxc__log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.cxc__log li{display:flex;align-items:center;gap:9px;font-size:12.5px;font-family:var(--geist);color:#374151;padding:8px 11px;border:1px solid var(--line2);border-radius:9px;background:#fff}
.cxc__log b{font-weight:600;color:#111}
.cxc__chk{width:18px;height:18px;border-radius:999px;background:#E6F7F2;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.cxc__chk svg{width:11px;height:11px}

/* ---- Answer panel ---- */
.cxa{display:flex;flex-direction:column;gap:13px;height:100%;justify-content:center}
.cxa__q{align-self:flex-end;padding:9px 14px;border-radius:14px 14px 3px 14px;background:#EFEFF1;font-size:13.5px;color:#171717}
.cxa__reply{background:#FAFBFF;border:1px solid #E3E6EB;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}
.cxa__head{display:flex;align-items:center;gap:8px}
.cxa__av{width:24px;height:24px;border-radius:7px;background:#3053FF;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.cxa__av svg{width:15px;height:15px}
.cxa__name{font-size:12.5px;font-weight:700;color:#1D1C1D}
.cxa__answer{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.cxa__big{font-size:38px;font-weight:700;letter-spacing:-.02em;color:#0B0B0B;line-height:1}
.cxa__sub{font-size:13px;color:#4B5563}
.cxa__chips{display:flex;flex-wrap:wrap;gap:8px}
.cxa__chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:#1F3BD1;background:#EEF1FF;border:1px solid #D9E3FF;border-radius:999px;padding:5px 11px}
.cxa__chip svg{width:12px;height:12px;flex:0 0 auto}
.cxa__compare{font-size:12.5px;color:#9CA3AF;padding-left:2px}
.cxa__compare s{text-decoration:line-through}

/* ---- Joins tile ---- */
.cx-join{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;height:100%;background:#fff;border:1px solid #DADDE3;border-radius:14px;box-shadow:0 8px 24px rgba(16,24,40,.06);padding:18px 16px}
.cx-join__q{max-width:300px;text-align:center;font-size:13px;font-weight:600;color:#111;background:#F3F6FF;border:1px solid #D9E3FF;border-radius:10px;padding:9px 14px;line-height:1.3}
.cx-join__wires{width:72%;max-width:300px;height:22px;flex:0 0 auto}
.cx-join__wires path{stroke:#CBD5E1;stroke-width:1.4;fill:none;vector-effect:non-scaling-stroke}
.cx-join__srcs{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}
.cx-join__src{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#374151;background:#fff;border:1px solid #DADDE3;border-radius:999px;padding:5px 11px}
.cx-join__src img{height:15px;width:15px;object-fit:contain}
.cx-join__src .gsheet{height:15px;width:15px;border-radius:3px}
.cx-join__tbl{width:100%;max-width:340px;border:1px solid #E5E7EB;border-radius:10px;overflow:hidden}
.cx-join__r{display:flex;align-items:center;gap:9px;padding:8px 11px;font-size:12px;border-bottom:1px solid #F1F2F4}
.cx-join__r:last-child{border-bottom:0}
.cx-join__rn{flex:1;font-weight:600;color:#111;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cx-join__ra{font-family:var(--geist);font-variant-numeric:tabular-nums;color:#374151;white-space:nowrap}
.cx-join__rp{font-size:10px;font-weight:600;color:#B54708;background:#FFFAEB;border:1px solid #FDE9C8;border-radius:999px;padding:2px 7px;white-space:nowrap;flex:0 0 auto}
.cx-join__foot{font-size:11.5px;color:#6B7280}

/* ---- Equal-height for 2x2 regular tiles (desktop) ---- */
@media (min-width:901px){
  .tiles .cx-join{height:100%}
}

/* ---- Showcase/stepper responsive ---- */
@media (max-width:900px){
  .showcase{grid-template-columns:minmax(0,1fr);gap:22px;padding:22px}
  .stepper__panels{height:auto;min-height:360px}
  .stepper__panel{position:relative;inset:auto;display:none;opacity:1;visibility:visible;transition:none}
  .stepper__panel.is-active{display:flex}
}
@media (max-width:420px){
  .showcase{padding:18px}
  .showcase__ttl{font-size:24px}
  .stepper__tab{font-size:11.5px;padding:8px 6px;gap:5px}
  .cxa__big{font-size:32px}
}

/* ================================================================
   MULTIPLAYER PILLAR (second tiles section)
   ================================================================ */
.featmp{max-width:var(--maxw);margin:0 auto;padding:110px 24px 20px}

/* Tile 1: shared connections (gateway, logos only) */
.cx-gw--mp{padding:18px 13px;gap:11px;align-items:center}
.cx-gw--mp .mp-gw__logos{display:flex;flex-direction:column;gap:13px;padding-left:4px}
.cx-gw--mp .mp-gw__logos img{width:30px;height:30px;display:block}
.cx-gw--mp .mp-gw__logos .gsheet{width:28px;height:28px;border-radius:6px}
.cx-gw--mp .cx-gw__hubhd{padding:11px 13px;gap:9px}
.cx-gw--mp .cx-gw__hubic{width:28px;height:28px;border-radius:8px}
.cx-gw--mp .cx-gw__hubic svg{width:17px;height:17px}
.cx-gw--mp .cx-gw__hubttl{font-size:13px}
.cx-gw--mp .cx-gw__hubsub{font-size:10.5px}
.cx-gw--mp .cx-gw__grp{padding:8px 13px;gap:6px}
.cx-gw--mp .cx-gw__grpn{font-size:12px}
.cx-gw--mp .cx-gw__chip{font-size:10.5px;padding:3px 7px}
.cx-gw--mp .cx-gw__hubfoot{padding:9px 13px;font-size:10.5px;gap:7px}
.cx-gw--mp .cx-gw__team{padding:10px 12px}
.cx-gw--mp .cx-gw__teamn{font-size:13px}
.mp-nowrap{white-space:nowrap}

/* Tile 2: shared setup */
.mp-setup{display:flex;flex-direction:column;padding:2px 18px}
.mp-setup__row{display:flex;align-items:center;gap:13px;padding:14px 0;flex:1}
.mp-setup__row+.mp-setup__row{border-top:1px solid #EEF0F3}
.mp-setup__av{width:34px;height:34px;border-radius:999px;color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.mp-setup__who{display:flex;flex-direction:column;min-width:50px;flex:0 0 auto}
.mp-setup__who b{font-size:13px;font-weight:600}
.mp-setup__who span{font-size:11px;color:#6B7280}
.mp-setup__qa{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.mp-setup__q{font-size:12.5px;color:#6B7280;font-style:italic}
.mp-setup__ansrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mp-setup__big{font-size:22px;font-weight:700;letter-spacing:-.02em}
.mp-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;background:#E6F7F2;color:#0F7A62;font-size:11px;font-weight:600}
.mp-chip svg{width:11px;height:11px;flex:0 0 auto}

/* Tile 3: shared threads */
.mp-thread .cx-thread__body{gap:11px;padding:13px 15px}
.mp-thread .cx-av{width:28px;height:28px;border-radius:7px}
.mp-thread .cx-av svg{width:16px;height:16px}
.cx-av--mj{background:#B45309}
.mp-spark{display:flex;align-items:flex-end;gap:5px;height:32px;margin-top:7px;padding-top:2px}
.mp-spark i{flex:1;max-width:15px;background:#3053FF;opacity:.85;border-radius:3px 3px 0 0}
.mp-join{display:flex;align-items:center;gap:8px;padding:1px 0}
.mp-join__av{width:22px;height:22px;border-radius:6px;color:#fff;font-size:9.5px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.mp-join__txt{font-size:11.5px;color:#6B7280}
.mp-join__txt b{color:#374151;font-weight:600}
.mp-typing{display:inline-flex;gap:4px;align-items:center;width:max-content;margin-top:3px;padding:8px 11px;background:#F1F2F4;border-radius:11px}
.mp-typing span{width:6px;height:6px;border-radius:50%;background:#9AA2AF;animation:mpblink 1.2s infinite}
.mp-typing span:nth-child(2){animation-delay:.2s}
.mp-typing span:nth-child(3){animation-delay:.4s}
@keyframes mpblink{0%,60%,100%{opacity:.3}30%{opacity:1}}

/* Tile 4: shared surfaces */
.mp-surf{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:18px 16px;background:#fff;border:1px solid #DADDE3;border-radius:16px;box-shadow:0 8px 24px rgba(16,24,40,.06)}
.mp-surf__row{display:flex;justify-content:space-between;gap:8px;width:100%}
.mp-surf__node{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1;min-width:0}
.mp-surf__ic{width:44px;height:44px;border-radius:12px;background:#F5F6F8;border:1px solid #E5E7EB;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.mp-surf__ic img{width:25px;height:25px;display:block}
.mp-surf__ic--teams{background:#4B53BC;border-color:#4B53BC;color:#fff;font-weight:700;font-size:20px}
.mp-surf__ic--sheets{background:#1E8E3E;border-color:#1E8E3E}
.mp-surf__ic--sheets svg{width:23px;height:23px}
.mp-surf__ic--mail{background:#EEF1FF;border-color:#D9E0FF}
.mp-surf__ic--mail svg{width:23px;height:23px}
.mp-surf__lbl{font-size:11px;color:#4B5563;font-weight:500}
.mp-surf__wires{width:70%;height:38px;display:block}
.mp-surf__wires path{stroke:#C7CEDA;stroke-width:1;fill:none;vector-effect:non-scaling-stroke}
.mp-surf__hub{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border-radius:999px;background:#fff;border:1.5px solid #3053FF;box-shadow:0 10px 28px rgba(48,83,255,.16)}
.mp-surf__hubic{width:26px;height:26px;border-radius:7px;background:#3053FF;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.mp-surf__hubic svg{width:16px;height:16px}
.mp-surf__hubn{font-size:14px;font-weight:600}
.mp-surf__ans{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:16px}
.mp-surf__big{font-size:30px;font-weight:700;letter-spacing:-.02em}
.mp-surf__ansl{font-size:12px;color:#6B7280}
.mp-surf__same{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:5px 11px;border-radius:999px;background:#E6F7F2;color:#0F7A62;font-size:12px;font-weight:600}
.mp-surf__same svg{width:12px;height:12px;flex:0 0 auto}

/* Multiplayer: equal-height visuals on desktop */
@media (min-width:901px){
  .tiles .cx-gw--mp{height:100%}
  .tiles .mp-setup{height:100%}
  .tiles .mp-surf{height:100%}
}

/* Multiplayer: stack tiles earlier (dense gateway needs width) */
@media (max-width:900px){
  .featmp .tiles{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .cx-gw--mp .mp-gw__logos{flex-direction:row;flex-wrap:wrap}
}
@media (max-width:420px){
  .featmp{padding-left:16px;padding-right:16px}
}
/* fit multiplayer gateway inside the tile visual */
@media (min-width:901px){
.featmp .cx-gw--mp{background:#fff;border:1px solid #DADDE3;border-radius:14px;box-shadow:0 8px 24px rgba(16,24,40,.06);height:100%;padding:12px 13px}
.featmp .cx-gw--mp .cx-gw__grp{padding:6px 12px;gap:4px}
.featmp .cx-gw--mp .cx-gw__chips{gap:4px}
.featmp .cx-gw--mp .cx-gw__chip{font-size:10px;padding:2px 6px}
.featmp .cx-gw--mp .cx-gw__hubhd{padding:9px 12px}
.featmp .cx-gw--mp .cx-gw__hubfoot{padding:7px 12px;font-size:10px}
}

/* ================================================================
   VERIFICATION PILLAR (2x2 tiles)
   ================================================================ */
.featv{max-width:var(--maxw);margin:0 auto;padding:110px 24px 20px}
.vf-card{background:#fff;border:1px solid #DADDE3;border-radius:14px;box-shadow:0 8px 24px rgba(16,24,40,.06);padding:15px;display:flex;flex-direction:column;overflow:hidden;min-height:0}
.cx-nic{width:22px;height:22px;border-radius:6px;background:#111;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 auto}

/* Tile 1: computed, not guessed */
.vf-steps{justify-content:center}
.vf-steps__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between;gap:11px;position:relative;flex:1}
.vf-steps__list::before{content:"";position:absolute;left:11px;top:14px;bottom:14px;width:2px;background:#E5E7EB;transform:translateX(-50%);z-index:0}
.vf-step{display:flex;align-items:flex-start;gap:12px;position:relative;z-index:1}
.vf-step__nic,.vf-step__ic{width:22px;height:22px;flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.vf-step__ic{border-radius:7px;background:#EEF1FF}
.vf-step__ic svg{width:13px;height:13px}
.vf-step__ic--chk{background:#0F9D58}
.vf-step__b{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding-top:2px}
.vf-step__t{font-size:13px;font-weight:600;color:#171717;line-height:1.25}
.vf-step__s{font-size:11px;color:#6B7280}
.vf-step__big{font-size:20px;font-weight:700;letter-spacing:-.02em;color:#1F3BD1;margin-left:auto;align-self:center;font-variant-numeric:tabular-nums}
.vf-step--result{align-items:center}
.vf-code{font-family:"Geist Mono",ui-monospace,monospace;font-size:11px;line-height:1.5;background:#F6F8FA;border:1px solid #ECEDF0;border-radius:8px;padding:8px 10px;margin:6px 0 0;color:#1F2937;white-space:pre;overflow-x:auto}
.vf-code__k{color:#7C3AED;font-weight:600}
.vf-code__s{color:#0F7A62}

/* Tile 2: every answer is a spreadsheet */
.vf-sheet{justify-content:center;gap:12px}
.vf-sheet__btnrow{display:flex;align-items:center;gap:10px}
.vf-sheet__btn{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:8px;background:#3053FF;color:#fff;font-size:12px;font-weight:600}
.vf-sheet__btn svg{width:13px;height:13px}
.vf-sheet__clicked{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#0F7A62}
.vf-sheet__clicked svg{width:11px;height:11px}
.vf-grid{border:1.5px solid #3053FF;border-radius:12px;box-shadow:0 10px 30px rgba(48,83,255,.10);overflow:hidden}
.vf-grid__hd{display:flex;align-items:center;gap:9px;padding:9px 12px;border-bottom:1px solid #ECEDF0;flex-wrap:wrap}
.vf-grid__name{font-size:12.5px;font-weight:600}
.vf-grid__src{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:#F3F4F6;font-size:10.5px;color:#374151}
.vf-grid__src .cx-nic{width:14px;height:14px;border-radius:3px;font-size:9px}
.vf-grid__rows{margin-left:auto;font-size:10.5px;color:#6B7280;white-space:nowrap}
.vf-grid__tblwrap{overflow-x:auto}
.vf-tbl{border-collapse:collapse;width:100%;font-size:11px}
.vf-tbl th{background:#F8F9FA;color:#5F6368;font-weight:600;font-size:9.5px;text-transform:uppercase;letter-spacing:.3px;padding:6px 9px;border:1px solid #ECEDF0;text-align:left;white-space:nowrap}
.vf-tbl td{padding:7px 9px;border:1px solid #ECEDF0;color:#202124;white-space:nowrap}
.vf-tbl .num{text-align:right;font-variant-numeric:tabular-nums}
.vf-tbl td.more{color:#9CA3AF;text-align:center}

/* Tile 3: see the formula */
.vf-fx{justify-content:center;gap:12px}
.vf-fx__bar{display:flex;align-items:stretch;border:1px solid #DADDE3;border-radius:9px;overflow:hidden;font-size:12px}
.vf-fx__cell{padding:8px 9px;background:#F8F9FA;color:#374151;font-weight:600;border-right:1px solid #ECEDF0;display:flex;align-items:center;white-space:nowrap}
.vf-fx__fx{padding:8px 8px;color:#9CA3AF;font-style:italic;border-right:1px solid #ECEDF0;display:flex;align-items:center}
.vf-fx__f{padding:8px 10px;font-size:11px;font-family:"Geist Mono",ui-monospace,monospace;color:#1F2937;white-space:nowrap;overflow-x:auto;display:flex;align-items:center}
.vf-hl{border-radius:4px;padding:1px 4px;font-weight:600}
.vf-hl--a{background:#E3E8FF;color:#1F3BD1;box-shadow:inset 0 0 0 1px #9DB0FF}
.vf-hl--b{background:#F1E7FE;color:#6B21A8;box-shadow:inset 0 0 0 1px #D7B8F5}
.vf-hl--c{background:#E3F4E8;color:#15803D;box-shadow:inset 0 0 0 1px #A7D8B6}
.vf-fxtbl{border-collapse:collapse;width:100%;font-size:11.5px}
.vf-fxtbl th{font-size:9.5px;text-transform:uppercase;letter-spacing:.3px;font-weight:700;padding:6px 10px;border:1px solid #ECEDF0;text-align:left;white-space:nowrap}
.vf-fxtbl td{padding:7px 10px;border:1px solid #ECEDF0;color:#202124;white-space:nowrap}
.vf-fxtbl .num{text-align:right;font-variant-numeric:tabular-nums}
.vf-hd--a,.vf-c--a{background:#EEF1FF}
.vf-hd--b,.vf-c--b{background:#F7F1FE}
.vf-hd--c,.vf-c--c{background:#EDF7F0}
.vf-hd--a{color:#1F3BD1}
.vf-hd--b{color:#6B21A8}
.vf-hd--c{color:#15803D}
.vf-fxtbl__total td{font-weight:700;border-top:2px solid #3053FF;background:#F3F5FF}
.vf-fxtbl__sel{color:#1F3BD1;background:#E3E8FF;outline:2px solid #3053FF;outline-offset:-2px}
.vf-fxtbl__totlbl{color:#374151;font-weight:600}

/* Tile 4: trace any number */
.vf-trace{justify-content:center;gap:10px}
.vf-trace__totrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;border-radius:10px;background:#E3E8FF;outline:2px solid #3053FF;outline-offset:-2px}
.vf-trace__totlbl{font-size:12.5px;font-weight:600;color:#1F3BD1}
.vf-trace__totval{font-size:20px;font-weight:700;letter-spacing:-.02em;color:#1F3BD1;font-variant-numeric:tabular-nums}
.vf-trace__link{display:flex;align-items:center;gap:6px;font-size:11px;color:#6B7280;padding-left:2px}
.vf-trace__link svg{width:14px;height:14px}
.vf-trace__rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.vf-trace__rows li{display:flex;align-items:center;gap:10px;padding:7px 11px;border-radius:8px;background:#F6F8FF;border:1px solid #E1E7FF;font-size:12px}
.vf-trace__doc{font-weight:600;color:#1F3BD1;font-family:"Geist Mono",ui-monospace,monospace;font-size:11px;flex:0 0 auto}
.vf-trace__cust{color:#374151;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vf-trace__amt{margin-left:auto;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.vf-trace__row--neg{background:#FFF4F3;border-color:#FADAD6}
.vf-trace__row--neg .vf-trace__doc,.vf-trace__row--neg .vf-trace__amt{color:#B42318}
.vf-trace__foot{font-size:11px;color:#6B7280;border-top:1px solid #ECEDF0;padding-top:9px;margin-top:2px}

/* Verification: equal-height visuals on desktop */
@media (min-width:901px){
  .featv .tiles .vf-card{height:100%}
}
/* Verification: stack tiles at <=900px (like multiplayer) */
@media (max-width:900px){
  .featv .tiles{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:420px){
  .featv{padding-left:16px;padding-right:16px}
}
.cx-flow__ic--logo{background:#fff;border:1px solid #DADDE3}
.cx-flow__ic--logo img{width:62%;height:62%;object-fit:contain;display:block}

/* ---- playbook flows: consistent cards ---- */
.cx-pbcard:not(.cx-pbcard--save){gap:14px}
.cx-pbcard:not(.cx-pbcard--save) .cx-pbcard__p{min-height:calc(1.45em * 2)}
.cx-pbcard .cx-flow{flex-wrap:nowrap;justify-content:space-between;overflow-x:auto;scrollbar-width:none}
.cx-pbcard .cx-flow::-webkit-scrollbar{display:none}
.cx-flow__ic--duo{position:relative}
.cx-flow__ic--duo img{position:absolute;width:55%;height:55%;object-fit:contain}
.cx-flow__ic--duo img:first-child{left:4px;top:4px}
.cx-flow__ic--duo img:last-child{right:4px;bottom:4px}
@media (max-width:620px){
  .cx-pbcard{padding:14px}
  .cx-pbcard .cx-flow{gap:4px}
  .cx-pbcard .cx-flow__step{width:60px}
  .cx-pbcard .cx-flow__ic{width:38px;height:38px}
  .cx-pbcard .cx-flow__cap{font-size:10px}
  .cx-pbcard .cx-flow__arr svg{width:12px}
}
.cx-pbcard .cx-flow{align-items:flex-start}
.cx-pbcard .cx-flow__cap{min-height:2.7em;line-height:1.3}
.cx-pbcard .cx-flow__arr{margin-top:16px}
.cx-flow__ic--duo img{width:50%;height:50%}
.cx-flow__ic--duo img:first-child{left:3px;top:3px}
.cx-flow__ic--duo img:last-child{right:3px;bottom:3px}
@media (max-width:620px){.cx-pbcard .cx-flow__arr{margin-top:13px}}
.cx-flow__ic--pdf{background:#E5484D;flex-direction:column;gap:0;position:relative}
.cx-flow__ic--pdf svg{width:55%;height:55%}
.cx-flow__ic--pdf b{position:absolute;bottom:5px;font-size:8px;font-weight:700;color:#E5484D;background:#fff;border-radius:2px;padding:0 2px;line-height:1.3;letter-spacing:.02em}

/* ===== Why not MCP ===== */
.mcpx{max-width:var(--maxw);margin:0 auto;padding:110px 24px 0}
.mcpx__card{background:#fff;border:1px solid #DADDE3;border-radius:16px;overflow-x:auto}
.mcpx__tbl{width:100%;min-width:860px;border-collapse:collapse;table-layout:fixed;text-align:left}
.mcpx__tbl col:first-child{width:16%}
.mcpx__tbl th,.mcpx__tbl td{padding:22px 24px;font-size:14px;line-height:1.5;color:#475467;border-top:1px solid #E5E7EB;vertical-align:top;text-align:left;font-weight:400}
.mcpx__tbl thead th,.mcpx__tbl thead td{background:#F5F7FB;border-top:0;font-size:13px;font-weight:700;color:#0A0A0A;vertical-align:middle}
.mcpx__tbl tbody th{font-size:14px;font-weight:700;color:#0A0A0A}
.mcpx__tbl .mcpx__sa{background:#EAF0FF}
.mcpx__tbl thead .mcpx__sa{font-size:17px;color:#3053FF}
.mcpx__tbl tbody tr:first-child th,.mcpx__tbl tbody tr:first-child td{border-top:0}
.mcpx__note{text-align:center;font-size:16px;line-height:1.5;color:#475467;margin:28px auto 0;max-width:760px}
@media (min-width:901px){.h2--wide{max-width:none;white-space:nowrap}.feat1__head:has(.h2--wide){max-width:none}}
/* MCP table readability */
.mcpx__tbl,.mcpx__tbl th,.mcpx__tbl td{font-family:var(--sans)}
.mcpx__tbl th,.mcpx__tbl td{padding:24px 28px;font-size:16px;line-height:1.5;color:#344054}
.mcpx__tbl thead th,.mcpx__tbl thead td{font-size:15px;font-weight:600;color:#0A0A0A;padding-top:22px;padding-bottom:22px}
.mcpx__tbl tbody th{font-size:16px;font-weight:600;color:#0A0A0A}
.mcpx__tbl td.mcpx__sa{color:#0A0A0A;font-weight:500}
.mcpx__tbl thead .mcpx__sa{font-size:20px;font-weight:600}
.mcpx__tbl col:first-child{width:18%}
/* Consistent vertical rhythm between sections (desktop + mobile scale) */
:root{--sec-gap:140px}
@media (max-width:900px){:root{--sec-gap:96px}}
section.logowall,section.feat1,section.featmp,section.featv,section.feat4,section.tst,section.pb,section.mcpx,section.ent{padding-top:var(--sec-gap)!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
section.cta{padding-top:var(--sec-gap)!important;margin-top:0!important}
/* FAQ */
section.faq{max-width:var(--maxw);margin:0 auto;padding:var(--sec-gap) 24px 0}
.faq__list{max-width:860px;margin:0 auto;border-top:1px solid #E5E7EB}
.faq__item{border-bottom:1px solid #E5E7EB}
.faq__q{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 4px;font-size:20px;font-weight:600;color:#0A0A0A;letter-spacing:-.01em}
.faq__q::-webkit-details-marker{display:none}
.faq__q:focus-visible{outline:2px solid #3053FF;outline-offset:4px;border-radius:6px}
.faq__ic{position:relative;flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:#F2F4F7}
.faq__ic::before,.faq__ic::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:#0A0A0A;border-radius:2px;transform:translate(-50%,-50%);transition:transform .2s}
.faq__ic::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq__item[open] .faq__ic::after{transform:translate(-50%,-50%) rotate(0deg)}
.faq__a{margin:-8px 4px 0;padding:0 48px 26px 0;font-size:17px;line-height:1.6;color:#475467}
@media (max-width:620px){.faq__q{font-size:17px;padding:20px 2px}.faq__a{font-size:16px;padding-right:0}}
/* Artifacts section */
section.feata{max-width:var(--maxw);margin:0 auto;padding:var(--sec-gap) 24px 0}
.feata .bullets b{color:#0A0A0A;font-weight:600}
.art{position:relative;background:#EFEFF1;border-radius:22px;padding:22px}
.art__frame{border-radius:14px;overflow:hidden;border:1px solid #DADDE3;box-shadow:0 12px 32px rgba(16,24,40,.10);background:#fff;aspect-ratio:16/11}
.art__frame img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.art__prompt{position:absolute;left:50%;top:46px;transform:translateX(-50%);width:min(86%,520px);display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border:1px solid #DADDE3;border-radius:14px;padding:10px 10px 10px 12px;box-shadow:0 16px 40px rgba(16,24,40,.18)}
.art__prompt-ic img{width:22px;height:22px;display:block}
.art__prompt-tx{flex:1;font-size:14px;color:#0A0A0A;line-height:1.35}
.art__prompt-go{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:#3053FF;display:flex;align-items:center;justify-content:center}
.art__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}
.art__live{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#067647;background:#ECFDF3;border-radius:999px;padding:5px 11px}
.art__live i{width:7px;height:7px;border-radius:50%;background:#12B76A;box-shadow:0 0 0 3px rgba(18,183,106,.18)}
.art__share{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:#475467;background:#fff;border:1px solid #DADDE3;border-radius:999px;padding:4px 10px 4px 12px}
.art__share img{width:18px;height:18px;display:block}
.art__mail{display:inline-flex}
@media (max-width:620px){.art{padding:14px}.art__prompt{top:24px;width:90%}.art__prompt-tx{font-size:12.5px}}
.art__prompt{position:relative;left:auto;top:auto;transform:none;width:auto;margin:0 0 14px;box-shadow:0 8px 24px rgba(16,24,40,.08)}
@media (max-width:620px){.art__prompt{top:auto;width:auto}}
@media (min-width:901px){
  .feat4 .split{grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr)}
  .feat4 .split__viz{order:1}
  .feat4 .split__text{order:2}
}
.bullets{padding-left:0}.bullets li{padding-left:0}.bullets li::before{content:none;display:none}
.showcase__viz--single{display:flex;align-items:center}
.sc-single{width:100%;background:#fff;border:1px solid #DADDE3;border-radius:16px;box-shadow:0 8px 24px rgba(16,24,40,.06);padding:22px}
.sc-single .cx-sys{border:0;box-shadow:none;padding:0;height:auto;background:transparent;grid-template-columns:170px 48px minmax(0,1fr)}
.sc-single .cx-sys__find{padding:10px 12px;font-size:13.5px}
.sc-single .cx-sys__finds{gap:9px}
@media (max-width:620px){.sc-single .cx-sys{grid-template-columns:1fr}}
/* decluttered semantic layer tile */
@media (min-width:901px){
  .tiles .cx-sync{align-items:center}
  .tiles .cx-sync .cx-code,.tiles .cx-sync .cx-defs{height:auto}
}
.cx-code__body{font-size:12.5px;line-height:1.75;padding:18px 18px}
.cx-code::before{content:"Snowflake";display:none}
.cx-defs .cx-def:first-child{border-top:0}
/* simplified joins tile */
.jn{height:100%;background:#fff;border:1px solid #DADDE3;border-radius:14px;box-shadow:0 8px 24px rgba(16,24,40,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;gap:0}
.jn__q{align-self:center;background:#F2F4F7;border-radius:14px;padding:10px 16px;font-size:14px;color:#0A0A0A;margin-bottom:26px}
.jn__srcs{display:flex;justify-content:space-between;width:min(300px,80%)}
.jn__src{width:48px;height:48px;border-radius:12px;background:#fff;border:1px solid #DADDE3;display:flex;align-items:center;justify-content:center}
.jn__src img{width:28px;height:28px;object-fit:contain}
.jn__src .gsheet{width:24px;height:24px}
.jn__wires{width:min(300px,80%);height:46px;margin-left:0}
.jn__wires path{fill:none;stroke:#3053FF;stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:.45}
.jn__ans{background:#EAF0FF;color:#1D2939;border:1px solid #C7D4FF;border-radius:999px;padding:9px 16px;font-size:14px}
.jn__ans b{color:#3053FF;font-weight:600}
/* three team-context boxes */
.mem3{height:100%;display:flex;flex-direction:column;justify-content:center;gap:14px;background:#fff;border:1px solid #DADDE3;border-radius:14px;box-shadow:0 8px 24px rgba(16,24,40,.06);padding:22px}
.mem3 .cx-memory{margin:0;width:100%;box-sizing:border-box}

/* Shared connections: access policies only */
.mp-pol{display:flex;flex-direction:column;height:100%;box-sizing:border-box;box-shadow:0 8px 24px rgba(48,83,255,.10)}
.mp-pol .cx-gw__hubhd{padding:16px 20px}
.mp-pol .cx-gw__hubttl{font-size:15px}
.mp-pol .cx-gw__hubsub{font-size:12px}
.mp-pol .cx-gw__grp{flex:1;flex-direction:row;align-items:center;gap:14px;padding:0 20px}
.mp-pol .cx-gw__grp:last-child{border-bottom:0}
.mp-pol .cx-gw__grpn{width:64px;flex:0 0 auto;font-size:13px}
.mp-pol .cx-gw__chips{gap:6px}
.mp-pol .cx-gw__chip{font-size:12px;padding:4px 10px}

/* Shared threads: three messages, evenly spaced */
.tiles .mp-thread{display:flex;flex-direction:column;height:100%}
.tiles .mp-thread .cx-thread__body{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;padding:8px 20px}
.mp-thread .cx-msg__txt{font-size:15px}
.mp-thread .cx-msg__name b{font-size:14px}
.mp-thread .cx-av{width:36px;height:36px}

/* Logo wall: two rows of 7 */
.logowall__strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:40px 40px;align-items:center;justify-items:center;max-width:1100px;margin:0 auto}
.logowall__strip img{height:28px;max-width:130px;object-fit:contain}
@media (max-width:900px){.logowall__strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}.logowall__strip img{height:22px;max-width:100px}}
@media (max-width:520px){.logowall__strip{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Salesforce findings: single-line business findings */
.sc-single .cx-sys__find b{font-weight:500;font-size:16px}




/* Team-specific context: team label next to the question */
.cx-chat__qrow{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.cx-chat__qrow .cx-chat__tag{margin-left:0}
.cx-chat__qrow .cx-chat__q{white-space:nowrap}

/* Record matching showcase */
.rm{display:flex;flex-direction:column;justify-content:center;min-height:252px}
.rm__recs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.rm__cell{display:flex;justify-content:center;padding:0 5px;min-width:0}
.rm__rec{flex:1;display:flex;align-items:center;gap:9px;padding:11px 10px;border:1px solid #E5E7EB;border-radius:12px;background:#FAFBFC;min-width:0}
.rm__logo{width:30px;height:30px;border-radius:8px;background:#fff;border:1px solid #DADDE3;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.rm__logo img{width:20px;height:20px;object-fit:contain}
.rm__logo .gsheet{width:18px;height:18px}
.rm__txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.rm__txt b{font-size:14px;font-weight:600;color:#0A0A0A;line-height:1.25}
.rm__txt em{font-style:normal;font-size:11px;color:#6B7280;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm__wires{width:100%;height:96px;overflow:visible;display:block}
.rm__wires path{fill:none;stroke:#3053FF;stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:.45}
.rm__merged{align-self:center;display:flex;align-items:center;padding:16px 22px;border:1.5px solid #3053FF;border-radius:12px;background:#F3F6FF}
.rm__top{display:flex;align-items:center;gap:10px;white-space:nowrap}
.rm__top b{font-size:17px;font-weight:600;color:#0A0A0A}
.rm__chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#067647;background:#ECFDF3;border-radius:999px;padding:3px 8px}
.rm__chip svg{width:11px;height:11px;fill:none;stroke:#12B76A;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:900px){
  .rm{min-height:0}
  .rm__wires{height:56px}
}
@media (max-width:560px){
  .rm__recs{grid-template-columns:1fr;gap:8px}
  .rm__cell{padding:0}
  .rm__wires{display:none}
  .rm__merged{align-self:stretch;justify-content:center;margin-top:12px}
}

/* Shared playbooks tile */
.spb{display:flex;flex-direction:column;padding:0}
.spb__head{display:flex;align-items:center;gap:12px;padding:0 20px;flex:1 1 0;min-height:0}
.spb__ic{width:36px;height:36px;border-radius:10px;background:#F4B400;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.spb__ic svg{width:36px;height:36px;display:block}
.spb__who{display:flex;flex-direction:column;gap:2px;min-width:0}
.spb__who b{font-size:15px;font-weight:700;color:#111827}
.spb__who span{font-size:12px;color:#6B7280}
.spb__flow{flex:2 1 0;display:flex;align-items:center;padding:0 16px;border-top:1px solid #EEF0F3;min-height:0}
.spb .cx-flow{width:100%;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;gap:2px}
.spb .cx-flow__step{width:70px}
.spb .cx-flow__cap{min-height:2.7em;line-height:1.3}
.spb .cx-flow__arr{margin-top:16px}
.spb__slides svg{width:28px;height:28px}
.spb__foot{flex:1 1 0;display:flex;align-items:center;justify-content:center;border-top:1px solid #EEF0F3;padding:0 20px}
.spb__run{display:flex;align-items:center;gap:10px}
.spb__stack{display:flex}
.spb__stack i{width:26px;height:26px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:9px;font-weight:600;color:#fff;margin-left:-5px}
.spb__stack i:first-child{margin-left:0}
.spb__stack .spb__more{background:#E5E7EB;color:#4B5563}
.spb__txt{font-size:12px;color:#6B7280}
@media (max-width:900px){
  .spb{min-height:340px}
  .spb__head{padding-top:18px;padding-bottom:14px}
  .spb__flow{padding-top:16px;padding-bottom:16px}
  .spb__foot{padding-top:14px;padding-bottom:14px}
}
@media (max-width:560px){
  .spb .cx-flow__step{width:60px}
  .spb .cx-flow__ic{width:38px;height:38px}
  .spb .cx-flow__cap{font-size:10px}
  .spb .cx-flow__arr{margin-top:13px}
  .spb .cx-flow__arr svg{width:12px}
}

/* Verification: formula + rows tile */
.vfr{justify-content:center;gap:0}
.vfr .vf-fx__bar{margin-bottom:12px}
.vfr__tot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 13px;border-radius:10px;background:#E3E8FF;outline:2px solid #3053FF;outline-offset:-2px}
.vfr__totlbl{font-size:12.5px;font-weight:600;color:#1F3BD1}
.vfr__totval{font-size:19px;font-weight:700;letter-spacing:-.02em;color:#1F3BD1;font-variant-numeric:tabular-nums}
.vfr__rows{list-style:none;margin:0 0 0 18px;padding:12px 0 0 16px;display:flex;flex-direction:column;gap:5px;position:relative}
.vfr__rows li{display:flex;align-items:center;gap:10px;padding:6px 11px;border-radius:8px;background:#F6F8FF;border:1px solid #E1E7FF;font-size:12px;position:relative}
.vfr__rows li::before{content:"";position:absolute;left:-16px;top:50%;width:14px;border-top:2px solid #3053FF}
.vfr__rows li::after{content:"";position:absolute;left:-16px;top:-5px;height:calc(50% + 5px);width:2px;background:#3053FF}
.vfr__rows li:first-child::after{top:-12px;height:calc(50% + 12px)}
.vfr .vf-trace__row--neg{background:#FFF4F3;border-color:#FADAD6}
.vfr .vf-trace__row--neg .vf-trace__doc,.vfr .vf-trace__row--neg .vf-trace__amt{color:#B42318}
.vfr .vf-fx__f{overflow-x:hidden}
@media (max-width:560px){
  .vfr__rows li{padding:6px 9px;gap:8px}
  .vfr .vf-trace__cust{font-size:11.5px}
}

/* Features grid */
.fg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.fg-card{background:#F5F5F7;border:1px solid #DADDE3;border-radius:16px;padding:28px 26px}
.fg-ic{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#EEF1FF;margin-bottom:18px}
.fg-t{font-size:18px;font-weight:600;color:#0B0B0B;margin:0 0 6px;line-height:1.25}
.fg-d{font-size:15px;line-height:1.5;color:#5F6672;margin:0}
@media (max-width:900px){.fg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.fg-grid{grid-template-columns:minmax(0,1fr)}.fg-card{padding:22px 20px}}

/* Playbooks: four teams */
.cx-pb4{row-gap:24px;align-items:stretch}
.cx-pb4 .cx-pb4__col{height:100%}
.cx-pb4 .cx-pb4__col .cx-pbcard{flex:1 1 auto}
.cx-pb4 .cx-pb4__slides svg{width:28px;height:28px}
.cx-pb4__col--fin .cx-pbcard{background:#F3F6FF}
.cx-pb4__col--rev .cx-pbcard{background:#F1FAF5}
.cx-pb4__col--sales .cx-pbcard{background:#FFF8EE}
.cx-pb4__col--mkt .cx-pbcard{background:#F7F3FF}
.cx-pb4__col--fin .cx-pb__lbl{color:#2B46B8}
.cx-pb4__col--rev .cx-pb__lbl{color:#1B7A45}
.cx-pb4__col--sales .cx-pb__lbl{color:#A8620A}
.cx-pb4__col--mkt .cx-pb__lbl{color:#6D3FC4}
.cx-pb4 .cx-flow__ic--logo{background:#fff}
@media (max-width:900px){.cx-pb4{grid-template-columns:1fr}}

/* Testimonials: three cards */
.tst .tst3__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch}
.tst .tst3__card{display:flex;flex-direction:column;justify-content:space-between;gap:28px;background:var(--gray);border-radius:34px;padding:36px 32px;margin:0;min-width:0}
.tst .tst3__card blockquote{font-size:clamp(16px,1.45vw,19px);font-weight:500;line-height:1.32;color:var(--ink);margin:0}
.tst .tst3__card figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:auto}
.tst .tst3__row{display:flex;align-items:center;gap:16px;width:100%;min-width:0}
.tst .tst3__row .tst__who{flex:1;min-width:0;overflow-wrap:anywhere}
.tst .tst3__card .tst__brand{max-width:100%;object-fit:contain}
@media (max-width:900px){
  .tst .tst3__grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:420px){
  .tst .tst3__card{padding:26px}
}

/* Claude comparison: 3 columns */
.mcpx .mcpx__tbl{min-width:720px}
.mcpx .mcpx__tbl col:nth-child(1){width:22%}
.mcpx .mcpx__tbl col:nth-child(2),.mcpx .mcpx__tbl col:nth-child(3){width:39%}

/* Multiplayer heading: two lines */
.featmp .feat1__head{max-width:820px}

/* Claude comparison: pillars */
.mcpx .mcpx__card{overflow:visible}
.mcpx .mcpx__tbl{min-width:0}
.mcpx .mcpx__tbl col:nth-child(1){width:22%}
.mcpx .mcpx__tbl col:nth-child(2){width:36%}
.mcpx .mcpx__tbl col:nth-child(3){width:42%}
.mcpx .mcpx__tbl th,.mcpx .mcpx__tbl td{padding:32px 32px}
.mcpx .mcpx__tbl thead th,.mcpx .mcpx__tbl thead td{padding:20px 32px}
.mcpx .mcpx__tbl tbody th{vertical-align:top}
.mcpx .mcpx__lab{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.mcpx .mcpx__ico{width:44px;height:44px;border-radius:12px;background:#EEF1FF;display:inline-flex;align-items:center;justify-content:center}
.mcpx .mcpx__ico svg{width:24px;height:24px;fill:none;stroke:#3053FF;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mcpx .mcpx__name{font-size:19px;font-weight:700;color:#0A0A0A;line-height:1.2}
.mcpx .mcpx__ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.mcpx .mcpx__ul li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.5;margin:0;padding:0}
.mcpx .mcpx__ul li::before,.mcpx .mcpx__ul li::marker{content:none}
.mcpx .mcpx__ul--c li{color:#475467}
.mcpx .mcpx__ul--s li{color:#1D2939}
.mcpx .mcpx__dash{flex:none;width:10px;height:2px;border-radius:1px;background:#9CA3AF;margin:11px 3px 0 3px}
.mcpx .mcpx__ck{flex:none;width:16px;height:16px;color:#3053FF;margin-top:4px}
@media (max-width:900px){
  .mcpx .mcpx__tbl,.mcpx .mcpx__tbl tbody,.mcpx .mcpx__tbl tr,.mcpx .mcpx__tbl th,.mcpx .mcpx__tbl td{display:block;width:100%}
  .mcpx .mcpx__tbl colgroup,.mcpx .mcpx__tbl thead{display:none}
  .mcpx .mcpx__tbl tbody tr{border-top:1px solid #E5E7EB}
  .mcpx .mcpx__tbl tbody tr:first-child{border-top:0}
  .mcpx .mcpx__tbl th,.mcpx .mcpx__tbl td{border-top:0;padding:20px 22px}
  .mcpx .mcpx__tbl tbody th{padding:24px 22px 8px}
  .mcpx .mcpx__lab{flex-direction:row;align-items:center;gap:12px}
  .mcpx .mcpx__tbl td::before{content:attr(data-h);display:block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#667085;margin-bottom:10px}
  .mcpx .mcpx__tbl td.mcpx__sa::before{color:#3053FF}
}

/* Claude comparison: best for row */
.mcpx .mcpx__bestrow th,.mcpx .mcpx__bestrow td{vertical-align:middle}
.mcpx .mcpx__best{font-size:22px;font-weight:600;color:#4B5563}
.mcpx .mcpx__best--s{color:#1F3BD1}