:root{
  --white:#FFFFFF;--off:#FAFAF9;--tint:#FFF7F2;
  --ember:#EA580C;--ember-hover:#C2410C;--ember-dim:rgba(234,88,12,0.08);
  --ink-900:#0B0B0C;--ink-700:#2A2A2E;--ink-500:#5C5C63;--ink-400:#8A8A92;
  --rule:#111113;--rule-soft:#D4D4D7;
  --display:'Instrument Serif','Source Serif 4',Georgia,serif;
  --sans:'Inter',system-ui,-apple-system,sans-serif;
  --serif:'Source Serif 4',Georgia,serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --radius-sm:4px;--radius-pill:999px;
  --ease:cubic-bezier(0.25,0.46,0.45,0.94);--duration:180ms;
  --green:#047857;--green-dim:#ECFDF5;--green-border:#D1FAE5;
  --red:#B91C1C;--red-dim:#FEF2F2;
  /* legacy aliases so existing markup renders */
  --bg:var(--white);--text:var(--ink-900);--text-2:var(--ink-500);--text-3:var(--ink-400);
  --neon-orange:var(--ember);--neon-dim:var(--ember-dim);--neon-glow:transparent;
  --mustard:var(--ember);--mustard-dim:var(--ember-dim);--mustard-glow:transparent;
  --glass:var(--white);--glass-border:var(--rule);--glass-highlight:none;
  --glass-shadow:none;--glass-inner:none;--glass-radius:0;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--white);overflow-x:hidden}
body{font-family:var(--sans);color:var(--ink-900);background:var(--white);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}
body::before,body::after{content:none}
.ambient-sienna{display:none}

/* NAV */
nav{position:sticky;top:0;z-index:100;width:100%;padding:.85rem 2rem;display:flex;align-items:center;justify-content:space-between;background:var(--white);border-bottom:1.5px solid var(--rule);backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;box-shadow:none}
.logo{display:flex;align-items:center}.logo svg{height:26px;width:auto}
.nav-links{display:flex;gap:1.75rem;align-items:center}
.nav-links a{color:var(--ink-500);text-decoration:none;font-size:.86rem;font-weight:500;transition:color var(--duration) var(--ease)}
.nav-links a:hover{color:var(--ink-900)}
.hamburger{display:none;background:none;border:none;cursor:pointer;padding:.5rem;flex-direction:column;gap:4px}
.hamburger span{display:block;width:20px;height:2px;background:var(--ink-900);border-radius:1px}
.mobile-menu{display:none;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--white);z-index:10001;padding:5rem 2rem 2rem;gap:1.5rem}
.mobile-menu.open{display:flex}
.mobile-menu a{color:var(--ink-900);font-size:1.2rem;text-decoration:none;font-weight:500;padding:.75rem 0;border-bottom:1.5px solid var(--rule)}
.mobile-close{position:absolute;top:1.25rem;right:1.5rem;background:none;border:none;font-size:1.8rem;color:var(--ink-900);cursor:pointer;display:none}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--sans);font-weight:600;font-size:.88rem;text-decoration:none;cursor:pointer;padding:.6rem 1.1rem;border-radius:var(--radius-sm);border:1.5px solid var(--rule);background:var(--white);color:var(--ink-900);transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease),color var(--duration) var(--ease);box-shadow:none}
.btn:hover{border-color:var(--ink-900);transform:none}
.btn-lime,.btn-lime-lg{background:var(--ember);color:var(--white);border:1.5px solid var(--ember);box-shadow:none;border-radius:var(--radius-sm);position:static;overflow:visible}
.btn-lime{padding:.55rem 1.1rem;font-size:.88rem}
.btn-lime-lg{padding:.85rem 1.6rem;font-size:.95rem}
.btn-lime:hover,.btn-lime-lg:hover{background:var(--ember-hover);border-color:var(--ember-hover);color:var(--white)}
.btn-lime::before,.btn-lime-lg::before{content:none}

/* LAYOUT */
section{padding:5rem 2rem;position:relative;z-index:1;background:var(--white);border-bottom:1.5px solid var(--rule)}
.wrap{max-width:1200px;margin:0 auto}
.label{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600;color:var(--ember);margin-bottom:1rem;display:inline-flex;align-items:center;gap:.4rem}
.label::before{content:'';width:14px;height:1.5px;background:var(--ember);display:inline-block}
h1{font-family:var(--display);font-weight:400;font-size:clamp(2.4rem,4.6vw,3.4rem);line-height:1.08;letter-spacing:-.025em;color:var(--ink-900)}
h1 em{font-family:var(--serif);font-style:italic;color:var(--ember);font-weight:400}
h2{font-family:var(--display);font-weight:400;font-size:clamp(1.9rem,3.6vw,2.6rem);line-height:1.1;letter-spacing:-.02em;color:var(--ink-900)}
h2 em{font-family:var(--serif);font-style:italic;color:var(--ember);font-weight:400}

/* CARD (replaces glass) */
.gc{background:var(--white);background-image:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:1.5px solid var(--rule);border-radius:0;box-shadow:none;transition:border-color var(--duration) var(--ease)}
.gc:hover{transform:none;box-shadow:none;border-color:var(--ink-900)}

/* ALTERNATING SURFACES (replaces sand) */
.sand-texture,.sand-warm{position:relative;overflow:visible;background:var(--off)}
.sand-texture::before,.sand-warm::before{content:none}

/* HERO */
.hero{padding-top:6rem;padding-bottom:5rem;text-align:center;position:relative;background:var(--white);border-bottom:1.5px solid var(--rule)}
.hero::after{content:none}
.hero>*{position:relative;z-index:1}
.pill{display:inline-flex;align-items:center;gap:.4rem;background:var(--tint);backdrop-filter:none;border:1px solid var(--tint);border-radius:var(--radius-pill);padding:.3rem .75rem;font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ember);margin-bottom:1.75rem;box-shadow:none;animation:fadeUp .7s var(--ease) both}
.pill-dot{width:6px;height:6px;border-radius:50%;background:var(--ember);box-shadow:none;animation:blink 2s ease infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{max-width:880px;margin:0 auto 1.5rem;animation:fadeUp .7s var(--ease) .08s both}
.hero-sub{font-family:var(--sans);font-size:1.18rem;color:var(--ink-700);max-width:640px;margin:0 auto 2.25rem;line-height:1.55;animation:fadeUp .7s var(--ease) .16s both}
.hero-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;animation:fadeUp .7s var(--ease) .24s both}
.trust{margin-top:2.5rem;animation:fadeUp .7s var(--ease) .4s both;text-align:center}
.trust-badges{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;align-items:center}
.trust-badge{font-size:.72rem;color:var(--ink-700);font-weight:500;display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border:1px solid var(--rule-soft);border-radius:var(--radius-pill);background:var(--white);font-family:var(--sans)}
.trust-badge strong{color:var(--ink-900);font-weight:600}

/* PROBLEM */
.problem{background:var(--off)}
.problem h2{margin-bottom:.75rem}
.problem-sub{font-family:var(--sans);font-size:1.08rem;color:var(--ink-500);max-width:720px;margin-bottom:2.5rem;line-height:1.6}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:3rem}
.stat-card{padding:1.5rem;text-align:left;background:var(--white);border:1.5px solid var(--rule);border-radius:0}
.stat-num{font-family:var(--sans);font-size:2.4rem;font-weight:700;color:var(--ember);line-height:1;margin-bottom:.5rem;letter-spacing:-.025em}
.stat-label{font-family:var(--sans);font-size:.88rem;font-weight:600;color:var(--ink-900);margin-bottom:.35rem}
.stat-detail{font-family:var(--sans);font-size:.82rem;color:var(--ink-500);line-height:1.55}

/* Execution gap visual */
.gap-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.75rem;align-items:center}
.gap-box{padding:1.25rem;border-radius:0;text-align:center;background:var(--white)}
.gap-box.crm{background:var(--white);border:1.5px solid var(--rule);box-shadow:none}
.gap-box.missing{background:var(--tint);border:1.5px dashed var(--ember)}
.gap-box.manual{background:var(--off);border:1.5px solid var(--rule-soft)}
.gap-box h4{font-family:var(--sans) !important;font-size:.86rem !important;font-weight:600;margin-bottom:.35rem}
.gap-box.crm h4{color:var(--ink-900)}
.gap-box.missing h4{color:var(--ember)}
.gap-box.manual h4{color:var(--ink-500)}
.gap-box p{font-family:var(--sans);font-size:.75rem;color:var(--ink-500);line-height:1.5}
.gap-arrow{font-family:var(--mono);font-size:.9rem;color:var(--ink-400);text-align:center}

/* BRIDGE */
.bridge{text-align:center;background:var(--white);border-top:1.5px solid var(--rule);border-bottom:1.5px solid var(--rule)}
.bridge h2{max-width:760px;margin:0 auto 1.15rem}
.bridge p{font-family:var(--sans);font-size:1.05rem;color:var(--ink-500);max-width:680px;margin:0 auto;line-height:1.6}
.bridge .tagline{font-family:var(--serif);font-style:italic;color:var(--ink-700);font-weight:400;font-size:1.25rem;margin-top:1.25rem}

/* VALUE PROPS */
.vps{background:var(--white);border-bottom:1.5px solid var(--rule)}
.vp{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:4rem 0;border-bottom:1.5px solid var(--rule)}
.vp:last-child{border:none}
.vp:nth-child(even) .vp-vis{order:-1}
.vp-copy .label{margin-bottom:.6rem}
.vp-copy h3{font-family:var(--display) !important;font-weight:400;font-size:clamp(2.2rem,4.2vw,3rem) !important;line-height:1.1 !important;letter-spacing:-.02em !important;margin-bottom:1.1rem;color:var(--ink-900)}
.vp-copy h3 em{font-family:var(--serif);font-style:italic;color:var(--ember);font-weight:400}
.vp-copy ul{list-style:none;display:flex;flex-direction:column;gap:.7rem}
.vp-copy li{font-family:var(--sans);font-size:.95rem;color:var(--ink-700);line-height:1.6;padding-left:1.4rem;position:relative}
.vp-copy li::before{content:'✓';position:absolute;left:0;top:0;color:var(--ember);font-weight:600}
.vp-vis{background:var(--white);background-image:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:1.5px solid var(--rule);border-radius:0;padding:1.5rem;min-height:240px;display:flex;flex-direction:column;justify-content:center;gap:.55rem;box-shadow:none}
.vis-row{background:var(--white);background-image:none;border:1px solid var(--rule-soft);border-radius:var(--radius-sm);padding:.75rem 1rem;display:flex;align-items:center;gap:.7rem;font-size:.85rem;box-shadow:none;transition:border-color var(--duration) var(--ease)}
.vis-row:hover{transform:none;border-color:var(--ink-900)}
.vis-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--tint);display:grid;place-items:center;font-size:.75rem;flex-shrink:0}
.vis-label{color:var(--ink-900);font-weight:500;font-family:var(--sans)}
.vis-meta{margin-left:auto;font-family:var(--mono);font-size:.68rem;color:var(--ink-400);font-weight:500;letter-spacing:.03em}
.vis-arrow{text-align:center;font-family:var(--mono);font-size:.68rem;color:var(--ink-400);padding:.1rem 0;letter-spacing:.03em}
@keyframes borderGlow{0%,100%{border-color:var(--rule-soft)}50%{border-color:var(--ember)}}
.vis-row.live{animation:borderGlow 3s ease infinite;background:var(--tint);border-color:var(--ember)}

/* GRIDS */
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.card-item{padding:1.75rem}
.card-item .c-icon{margin-bottom:.85rem;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--tint);display:grid;place-items:center}
.card-item .c-icon svg,.feat-icon svg,.vis-icon svg{width:18px;height:18px;stroke:var(--ember);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.card-item h4{font-family:var(--sans) !important;font-size:1.25rem !important;font-weight:600;letter-spacing:-.015em;margin-bottom:.5rem;color:var(--ink-900);line-height:1.25}
a.gc h4{font-family:var(--sans) !important;font-size:1.2rem !important;font-weight:600;letter-spacing:-.015em;line-height:1.25}
.card-item p{font-family:var(--sans);font-size:.85rem;color:var(--ink-500);line-height:1.6}
.feat-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--tint);display:grid;place-items:center;font-size:.95rem;margin-bottom:.85rem}

/* HOW */
.how{background:var(--off);border-top:1.5px solid var(--rule)}
.how-head{text-align:center;margin-bottom:3rem}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.step-card{padding:1.75rem 1.5rem}
.step-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--tint);color:var(--ember);font-family:var(--mono);font-weight:600;font-size:.8rem;margin-bottom:1rem}
.step-card h3{font-family:var(--sans) !important;font-weight:600 !important;font-size:1.25rem !important;line-height:1.25;letter-spacing:-.015em;margin-bottom:.55rem;color:var(--ink-900)}
.step-card p{font-family:var(--sans);font-size:.9rem;color:var(--ink-500);line-height:1.6}

/* COMPETITIVE */
.competitive{border-top:1.5px solid var(--rule);background:var(--white)}
.comp-head{text-align:center;margin-bottom:2.5rem}
.comp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.comp-card{padding:1.75rem}
.comp-card h4{font-family:var(--display);font-size:1.25rem !important;font-weight:400;line-height:1.2 !important;letter-spacing:-.01em !important;margin-bottom:.5rem;color:var(--ink-900)}
.comp-card p{font-family:var(--sans);font-size:.88rem;color:var(--ink-500);line-height:1.6}
.comp-card.meerkats{grid-column:1/-1;border:1.5px solid var(--rule);border-left:3px solid var(--ember);background:var(--tint);box-shadow:none}
.comp-card.meerkats h4{color:var(--ember);font-size:1rem;font-weight:700}
.comp-card.meerkats p{color:var(--ink-700);font-size:.92rem}

/* BEFORE/AFTER */
.ba-section{border-top:1.5px solid var(--rule);background:var(--off)}
.ba-head{text-align:center;margin-bottom:3rem}
.ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:920px;margin:0 auto;border:1.5px solid var(--rule);overflow:hidden}
.ba-col{border-radius:0;overflow:hidden;background:var(--white);background-image:none;backdrop-filter:none;border:none;box-shadow:none}
.ba-col.before{border-right:1.5px solid var(--rule)}
.ba-col.after{background:var(--white);border-left:3px solid var(--ember);margin-left:-1.5px}
.ba-hd{padding:1rem 1.5rem;font-family:var(--sans);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1.5px solid var(--rule);background:var(--white)}
.ba-col.before .ba-hd{color:var(--ink-400)}
.ba-col.after .ba-hd{color:var(--ember)}
.ba-list{list-style:none;padding:.5rem 0}
.ba-list li{padding:.75rem 1.5rem;font-family:var(--sans);font-size:.88rem;color:var(--ink-700);border-bottom:1px solid var(--rule-soft);line-height:1.55}
.ba-list li:last-child{border:none}
.ba-col.after .ba-list li{color:var(--ink-900)}

/* FAQ */
.faq{border-top:1.5px solid var(--rule);background:var(--white)}
.faq-head{text-align:center;margin-bottom:2.5rem}
.faq-list{max-width:760px;margin:0 auto;border-top:1.5px solid var(--rule)}
.faq-item{border-bottom:1.5px solid var(--rule)}
.faq-q{width:100%;text-align:left;background:none;border:none;font-family:var(--sans);font-size:1.02rem;font-weight:500;color:var(--ink-900);padding:1.15rem 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:color var(--duration) var(--ease)}
.faq-q:hover{color:var(--ember)}
.faq-icon{font-family:var(--sans);font-size:1.25rem;color:var(--ember);font-weight:400;transition:transform .25s ease}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(0.16,1,0.3,1)}
.faq-a p{font-family:var(--sans);font-size:.92rem;color:var(--ink-500);line-height:1.65;padding-bottom:1.15rem}
.faq-item.open .faq-a{max-height:320px}
.faq-item.open .faq-q{color:var(--ember)}
.faq-item.open .faq-icon{transform:rotate(45deg)}

/* CTA */
.cta-end{text-align:center;padding:6rem 2rem;position:relative;background:var(--tint);border-top:1.5px solid var(--rule);border-bottom:1.5px solid var(--rule)}
.cta-end::after{content:none}
.cta-end>*{position:relative;z-index:1}
.cta-end h2{max-width:720px;margin:0 auto .85rem}
.cta-end p{font-family:var(--sans);font-size:1.05rem;color:var(--ink-700);max-width:520px;margin:0 auto 2rem;line-height:1.6}

footer{border-top:1.5px solid var(--rule);padding:2.5rem 2rem;text-align:center;background:var(--white)}
footer p{font-family:var(--sans);font-size:.82rem;color:var(--ink-400)}
footer a{color:var(--ink-500);text-decoration:none;border-bottom:1px solid var(--rule-soft)}
footer a:hover{color:var(--ember);border-bottom-color:var(--ember)}

/* COMPARISON TABLE */
.comp-table{display:table !important;width:100%;border-collapse:collapse;font-family:var(--sans);overflow:visible}
.comp-table thead th{padding:.9rem 1.1rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-500);border-bottom:1.5px solid var(--rule);text-align:center;vertical-align:bottom}
.comp-table thead th:first-child{text-align:left;width:32%;color:var(--ink-900)}
.comp-table thead th.ct-mk{background:var(--tint);color:var(--ember);border-top:2px solid var(--ember)}
.comp-pain{display:block;font-size:.72rem;font-style:italic;color:var(--ink-400);font-weight:400;text-transform:none;letter-spacing:0;margin-top:.3rem;line-height:1.4;font-family:var(--serif)}
.comp-table tbody td{padding:.8rem 1.1rem;font-size:.9rem;font-weight:500;color:var(--ink-700);border-bottom:1px solid var(--rule-soft);text-align:center;vertical-align:middle}
.comp-table tbody td:first-child{text-align:left;color:var(--ink-900)}
.comp-table tbody td.ct-mk{background:var(--tint)}
.comp-table tbody tr:last-child td{border-bottom:none}
.comp-table tbody tr:hover td{background:rgba(0,0,0,0.02)}
.comp-table tbody tr:hover td.ct-mk{background:rgba(234,88,12,0.06)}
.ct-yes{color:var(--ember);font-size:1rem;font-weight:700}
.ct-no{color:var(--rule-soft);font-size:1.2rem;font-weight:400;line-height:1}
.ct-part{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-400)}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(0.16,1,0.3,1),transform .7s cubic-bezier(0.16,1,0.3,1)}.reveal.vis{opacity:1;transform:translateY(0)}
.reveal-left{opacity:0;transform:translateX(-32px);transition:opacity .7s cubic-bezier(0.16,1,0.3,1),transform .7s cubic-bezier(0.16,1,0.3,1)}.reveal-left.vis{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(32px);transition:opacity .7s cubic-bezier(0.16,1,0.3,1),transform .7s cubic-bezier(0.16,1,0.3,1)}.reveal-right.vis{opacity:1;transform:translateX(0)}
.stagger>*:nth-child(1){transition-delay:0s}.stagger>*:nth-child(2){transition-delay:.06s}.stagger>*:nth-child(3){transition-delay:.12s}.stagger>*:nth-child(4){transition-delay:.18s}.stagger>*:nth-child(5){transition-delay:.24s}.stagger>*:nth-child(6){transition-delay:.3s}.stagger>*:nth-child(7){transition-delay:.36s}.stagger>*:nth-child(8){transition-delay:.42s}

/* RESPONSIVE */
/* Mobile overflow prevention */
*{max-width:100%}
table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
img,svg,video,iframe{max-width:100%;height:auto}

@media(max-width:900px){.vp{grid-template-columns:1fr;gap:2rem}.vp:nth-child(even) .vp-vis{order:0}.card-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}.comp-grid{grid-template-columns:1fr}.comp-card.meerkats{grid-column:auto}.ba-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.gap-flow{grid-template-columns:1fr !important;gap:.75rem}.gap-arrow{transform:rotate(90deg)}section{padding:4rem 1.5rem}.vp-vis{min-height:auto}section [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:repeat(2,1fr) !important}}
@media(max-width:700px){nav{padding:.75rem 1rem}.nav-links{display:none}.hamburger{display:flex}.mobile-close{display:block}.card-grid,.steps-grid{grid-template-columns:1fr}h1{font-size:clamp(1.9rem,7.5vw,2.6rem)}h2{font-size:clamp(1.55rem,6vw,2rem)}.hero{padding-top:4rem;padding-bottom:3rem}.hero-sub{font-size:1rem}.trust-badges{flex-direction:column;gap:.5rem}.gap-flow{padding:0}.gap-box{padding:1.15rem}.gap-box h4{font-size:.9rem}.gap-box p{font-size:.82rem;line-height:1.55}.ba-list li{padding:.65rem 1rem;font-size:.82rem}.vis-row{padding:.65rem .8rem;font-size:.8rem}.vis-meta{font-size:.62rem}.vis-label{font-size:.78rem}.faq-q{font-size:.92rem}.comp-matrix-wrap{height:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.comp-m-tool{position:relative;transform:none;left:auto!important;right:auto!important;top:auto!important}.comp-m-card{width:100%}.comp-m-axis-v,.comp-m-axis-h,.comp-m-glow,.comp-m-label,.comp-m-goal{display:none}.comp-table th,.comp-table td{padding:.7rem .65rem;font-size:.78rem}.comp-table .comp-pain{display:none}.replaces-table,.replaces-table thead,.replaces-table tbody,.replaces-table tr,.replaces-table th,.replaces-table td{display:block !important;width:100% !important}.replaces-table thead{display:none !important}.replaces-table tbody tr{padding:1.15rem 1.1rem !important;border-bottom:1.5px solid var(--rule) !important}.replaces-table tbody tr:last-child{border-bottom:none !important}.replaces-table td{padding:0 !important;text-align:left !important;border:none !important;background:transparent !important;font-size:.9rem !important}.replaces-table td:nth-child(1){font-weight:700;color:var(--ink-900);font-size:1rem !important;margin-bottom:.25rem}.replaces-table td:nth-child(2){margin-bottom:.5rem}.replaces-table td:nth-child(2) span{font-size:.85rem !important;color:var(--text-3)}.replaces-table td.ct-mk{color:var(--ember) !important;font-weight:600 !important;font-size:.92rem !important;line-height:1.45}section [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr !important}.decision-row{flex-direction:column !important;align-items:stretch !important;gap:.85rem !important}.decision-row .btn-lime{align-self:flex-start;width:100%;justify-content:center;text-align:center}.agent-msg{padding:1rem !important;gap:.75rem !important}.agent-msg>div:first-child{width:36px !important;height:36px !important}.agent-msg p{font-size:.9rem !important}#claude-vs-meerkats{grid-template-columns:1fr !important}#claude-vs-meerkats .vs-divider{padding:.5rem 0}.compose-flow{grid-template-columns:1fr !important}.compose-flow .compose-arrow{transform:rotate(90deg);padding:.25rem 0}}
@media(max-width:600px){.hero-actions{flex-direction:column;align-items:center}section{padding:3rem 1.25rem}.btn-lime-lg{padding:.8rem 1.6rem;font-size:.88rem;width:100%;text-align:center;justify-content:center}.stat-grid{grid-template-columns:1fr}.stat-num{font-size:2rem}.vp-vis>div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important}.pill{font-size:.7rem;padding:.35rem .75rem .35rem .55rem}h1{font-size:clamp(1.7rem,7vw,2.2rem) !important;line-height:1.15}}


/* ============ COMPARE PAGES ============ */
.cmp-hero{padding-top:5rem;padding-bottom:3.25rem;text-align:center}
.cmp-hero h1{max-width:900px;margin:0 auto 1.15rem}
.cmp-hero .sub{font-family:var(--sans);font-size:1.15rem;color:var(--ink-700);max-width:680px;margin:0 auto;line-height:1.55}
.cmp-stats{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:2.25rem}
.cmp-stat{border:1.5px solid var(--rule);background:var(--white);padding:.85rem 1.15rem;min-width:150px;text-align:left}
.cmp-stat .n{font-family:var(--sans);font-size:1.05rem;font-weight:700;color:var(--ember);line-height:1.2}
.cmp-stat .l{font-family:var(--sans);font-size:.78rem;color:var(--ink-500);margin-top:.15rem}
/* vs comparison table — extends .comp-table base */
.vs-table{display:table !important;width:100%;border-collapse:collapse;font-family:var(--sans)}
.vs-table thead th{padding:.85rem 1.1rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-500);border-bottom:1.5px solid var(--rule);text-align:left;vertical-align:bottom}
.vs-table thead th.mk{background:var(--tint);color:var(--ember);border-top:2px solid var(--ember)}
.vs-table tbody td{padding:.8rem 1.1rem;font-size:.9rem;color:var(--ink-700);border-bottom:1px solid var(--rule-soft);text-align:left;vertical-align:middle}
.vs-table tbody td.feat{font-weight:600;color:var(--ink-900);width:30%}
.vs-table tbody td.mk{background:var(--tint);color:var(--ink-900);font-weight:600}
.vs-table tbody tr:last-child td{border-bottom:none}
.vs-yes{color:var(--ember);font-weight:700}
.vs-dim{color:var(--ink-400)}
/* decision two-column */
.decide{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}
.decide .col{border:1.5px solid var(--rule);background:var(--white);padding:1.75rem}
.decide .col.mk{border-color:var(--ember);border-top:3px solid var(--ember);background:var(--tint)}
.decide .col h4{font-family:var(--sans) !important;font-size:1.05rem !important;font-weight:700;margin-bottom:.85rem;color:var(--ink-900)}
.decide .col.mk h4{color:var(--ember)}
.decide ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}
.decide li{font-family:var(--sans);font-size:.9rem;color:var(--ink-700);line-height:1.5;padding-left:1.35rem;position:relative}
.decide li::before{content:'\2192';position:absolute;left:0;top:0;color:var(--ink-400);font-weight:700}
.decide .col.mk li::before{content:'\2713';color:var(--ember)}
/* why grid (reuses .gc/.card-item base) */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.25rem}
/* HUB */
.hub-group{margin-top:3.25rem}
.hub-group .label{justify-content:flex-start}
.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.1rem}
.hub-card{border:1.5px solid var(--rule);background:var(--white);padding:1.5rem;display:flex;flex-direction:column;text-decoration:none;transition:border-color .18s var(--ease)}
.hub-card:hover{border-color:var(--ember)}
.hub-card .nm{font-family:var(--sans);font-size:1.2rem;font-weight:600;color:var(--ink-900);letter-spacing:-.01em;display:flex;align-items:center;gap:.5rem}
.hub-card .badge{font-family:var(--sans);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ember);border:1px solid var(--ember);padding:.1rem .4rem;border-radius:var(--radius-pill)}
.hub-card .vp{font-family:var(--sans);font-size:.86rem;color:var(--ink-500);line-height:1.55;margin:.5rem 0 1rem;flex:1}
.hub-card .more{font-family:var(--sans);font-size:.82rem;font-weight:600;color:var(--ember)}
.cmp-note{font-family:var(--sans);font-size:.78rem;color:var(--ink-400);text-align:center;max-width:680px;margin:2.5rem auto 0;line-height:1.5}
@media(max-width:900px){.hub-grid,.why-grid{grid-template-columns:1fr}.decide{grid-template-columns:1fr}}