/* Insyght additions on top of the Webflow template (insyght.webflow.css). */
:root{--ink:#0D1E21;--muted:#4A5A5D;--line:#DCE4E3}
/* The CTA band's art sits on the right at desktop widths only; below that the
   text is centred over the plain colour (as the template intended). */
@media screen and (min-width:1200px){.cta-card-content{background-image:url('../images/cta-visual.png');background-size:auto 100%;background-position:100% 50%}}
@media screen and (max-width:1199px){.cta-card-content{background-image:none}}
.hero-shot{width:100%;border-radius:.75rem;box-shadow:0 30px 60px rgba(4,40,46,.28),0 0 0 1px rgba(4,40,46,.08);display:block}
.shot{width:100%;border-radius:.75rem;border:1px solid var(--line);box-shadow:0 20px 50px rgba(4,40,46,.12);display:block}
.phone-wrap{display:flex;justify-content:center;width:100%;padding:2.5rem 1rem;border-radius:.75rem;background:linear-gradient(160deg,var(--800),#fff)}
.phone-shot{width:100%;max-width:300px;display:block}
.split-2{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.split-2.flip > :first-child{order:2}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.step-num{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--brandgreen);color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center}
.works-with{display:flex;flex-wrap:wrap;gap:.75rem}
.works-with span{border:1px solid var(--line);border-radius:999px;padding:.5rem 1rem;font-weight:500;color:var(--ink);background:#fff}
.prose{max-width:46rem}
.prose h2{font-size:1.5rem;margin:2rem 0 .75rem}
.prose p,.prose li{color:var(--muted);line-height:1.6}
.note{border-left:3px solid var(--accent);background:var(--800);padding:1rem 1.25rem;border-radius:.5rem;color:var(--ink)}
.footer-grid.four{grid-template-columns:repeat(3,1fr)}
@media (max-width:991px){.split-2,.steps{grid-template-columns:1fr;gap:2rem}.split-2.flip > :first-child{order:0}}
/* "Sign in" sits in the menu only where the header buttons are hidden (phones). */
.nav-menu a.nav-link.menu-phone-only{display:none}
@media (max-width:479px){.nav-menu a.nav-link.menu-phone-only{display:block}}
.header-content .heading.extra-large{font-size:clamp(2.5rem,3.6vw,3.25rem);line-height:1.08}
/* The hero screenshot sits inside the green band, not over its edge */
.section.header-bg{padding-bottom:4.5rem}
.header-layout{align-items:center}
.steps .heading{color:var(--brandgreen)}
.steps .paragraph{color:var(--muted)}
/* Keep the images' aspect ratio: their width/height attributes reserve space,
   CSS sets the width, so the height must follow it. */
.hero-shot,.shot{height:auto;max-width:100%}
.phone-shot{height:auto;max-width:min(300px,100%)}
.footer-bottom .logo img{height:24px;width:auto}

/* ── Tablet and phone fixes on top of the template ── */
@media screen and (max-width:991px){
  .section.header-bg{padding-top:7rem;padding-bottom:3rem}
  .section.benefits-bg{padding-top:7rem}
}
@media screen and (max-width:767px){
  /* Right-aligned intro blocks read badly in one narrow column */
  .feature-content.right{align-items:flex-start;margin-left:0}
  .heading.large.right,.text-gradient-overlay.dark.right,.paragraph.large.dark.right,.text-color-accent.right{text-align:left}
  .section.green.pad-top-4{padding-bottom:5rem}
  .spacer-80{padding-top:3rem}
}
@media screen and (max-width:479px){
  .section{padding:3rem 1.25rem}
  .section.header-bg{padding-top:6rem;padding-bottom:2.5rem}
  .section.benefits-bg{padding:4.5rem 1.25rem 3rem}
  .header-content .heading.extra-large{font-size:2.25rem}
  .heading.extra-large{font-size:2.25rem;line-height:1.1}
  .heading.large{font-size:1.875rem;line-height:1.15}
  .card-item{padding:1.75rem}
  .phone-wrap{padding:1.5rem .5rem}
  .phone-shot{max-width:min(260px,100%)}
  .cta-card-content{padding:2.5rem 1.25rem}
  .footer-grid.four{grid-template-columns:1fr 1fr;row-gap:2rem}
}
@media screen and (max-width:991px){
  /* The template clips .container-large here, so keep shadows inside the gutter */
  .shot,.hero-shot{box-shadow:0 6px 16px rgba(4,40,46,.12),0 0 0 1px rgba(4,40,46,.06)}
}

/* Cards: content starts at the top with one rhythm, whatever the text length
   (the template's space-between moved titles to different heights). */
.card-item{justify-content:flex-start}
.card-item .icon-large{width:3.5rem;height:3.5rem;object-fit:contain;flex:none}
.card-list .card-item > .spacer-32{padding-top:1.5rem}
@media screen and (max-width:767px){.card-item .icon-large{width:2.75rem;height:2.75rem}}

/* Logos keep their shape at every width */
.logo{flex:none}
.nav .logo img{height:40px;width:auto;max-width:none}
@media screen and (max-width:479px){.nav .logo img{height:32px}}
.footer-bottom .logo{flex:none}
.footer-bottom{gap:1rem;flex-wrap:wrap}

/* Buttons in a row keep their own height; links styled as text sit on the same line */
.button-group{align-items:center}
.button-group .w-button{display:inline-flex;align-items:center;justify-content:center}

/* "Every plan includes" and "Already a customer?" boxes: framed on the white page */
.split-2 > .card-item.featured{border:1px solid var(--line);box-shadow:0 10px 30px rgba(4,40,46,.06)}
@media screen and (max-width:479px){.button-group{align-items:stretch}}
.card-item .icon-large{width:2.5rem;height:2.5rem}

/* ── Home: proof strip, showcase tabs, agency grid (SE Ranking-style structure, Insyght look) ── */
.microcopy{font-size:.875rem;color:var(--muted)}
.microcopy.white{color:rgba(255,255,255,.82)}
.section.strip{padding-top:2rem;padding-bottom:2rem;border-bottom:1px solid var(--line)}
.strip-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;justify-content:center}
.strip-label{font-size:.875rem;font-weight:500;color:var(--muted)}
.section-head{max-width:46rem;margin:0 auto;text-align:center}
.section-head .text-gradient-overlay.dark{text-align:center}
.button-group.center{justify-content:center}
.showcase-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}
.showcase-tabs [role=tab]{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:.625rem 1.125rem;font:inherit;font-weight:500;cursor:pointer}
.showcase-tabs [role=tab]:hover{border-color:var(--accent)}
.showcase-tabs [role=tab][aria-selected=true]{background:var(--brandgreen);border-color:var(--brandgreen);color:#fff}
.showcase-tabs [role=tab]:focus-visible,.button:focus-visible,.button-secondary:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
html:not(.tabs-ready) .showcase-tabs{display:none}
.showcase-panel{display:grid;grid-template-columns:5fr 7fr;gap:3.5rem;align-items:center}
html:not(.tabs-ready) .showcase-panel + .showcase-panel{margin-top:4rem}
.showcase-panel[hidden]{display:none}
.ticks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}
.ticks li{display:flex;gap:.625rem;align-items:flex-start;color:var(--ink);line-height:1.45}
.ticks .icon-24{flex:none;margin-top:.2rem}
.text-link-arrow{color:var(--brandgreen);font-weight:600;text-decoration:none}
.text-link-arrow:hover{text-decoration:underline}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem}
.header-signin{padding:.5rem .75rem}
#approvals .ticks li{color:var(--ink)}
@media screen and (max-width:991px){
  .showcase-panel{grid-template-columns:1fr;gap:2rem}
  .grid-4{grid-template-columns:1fr 1fr}
}
@media screen and (max-width:479px){
  .grid-4{grid-template-columns:1fr}
  .showcase-tabs{justify-content:flex-start}
  .showcase-tabs [role=tab]{padding:.5rem .875rem;font-size:.875rem}
  .strip-row{justify-content:flex-start}
  .section-head,.section-head .text-gradient-overlay.dark{text-align:left}
}
/* The template indents every li; checklists align with the text above them */
.ticks li{margin:0;padding:0}

/* ── Alignment fixes (review round 3) ── */
/* Centered section heads: the template left-aligns .heading.large, so centre it here */
.section-head .heading{text-align:center;max-width:none;margin-left:auto;margin-right:auto}
.section-head .text-gradient-overlay{display:inline}
@media screen and (max-width:479px){.section-head .heading{text-align:left}}
/* Header: links never wrap; below the desktop menu "Sign in" moves into the menu */
.actions-wrapper{align-items:center}
.actions-wrapper a{white-space:nowrap}
@media screen and (max-width:991px){
  .actions-wrapper .header-signin{display:none}
  .nav-menu a.nav-link.menu-phone-only{display:block}
}
/* Works-with strip: label above, pills centred as one group */
.strip-row{flex-direction:column;gap:1rem}
.works-with{justify-content:center}
@media screen and (max-width:479px){.works-with{justify-content:flex-start}.strip-row{align-items:flex-start}}
/* Agency grid: titles on one line where possible, columns start together */
.grid-4{align-items:start}
.grid-4 .heading.small{min-height:0}
/* Closing band: below 1200px (no art) the content is centred, as the template does under 992px */
@media screen and (max-width:1199px){
  .cta-card-content{text-align:center;align-items:center}
  .cta-card-content .heading.max-width-sm,.cta-card-content .max-width-sm{max-width:36rem;margin-left:auto;margin-right:auto}
  .cta-card-content .button-group{justify-content:center}
}

/* ── Shared header/footer (design-spec §5) ── */
.nav{transition:box-shadow .15s}
.nav.scrolled{box-shadow:0 1px 0 #DCE4E3}
@media screen and (min-width:480px){.actions-wrapper .button.small{min-height:44px;display:inline-flex;align-items:center}}
.nav-menu .menu-cta{display:none}
@media screen and (max-width:991px){.nav-menu a.nav-link{min-height:48px;display:flex;align-items:center;font-size:18px;font-weight:500}}
@media screen and (max-width:479px){.nav-menu .menu-cta{display:flex;justify-content:center;margin:12px 0 8px;min-height:48px;font-size:18px;font-weight:600}}
.section.footer{background-color:#06262C}
.footer-link{color:rgba(255,255,255,.78);padding:10px 0}
.footer-link:hover{color:#fff}
.footer .heading.small.white{font-size:.875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
@media screen and (max-width:479px){
  .footer-grid.four{grid-template-columns:1fr 1fr}
  .footer-grid.four > .footer-column:first-child{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
  .footer-grid.four > .footer-column:first-child .heading{grid-column:1 / -1}
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Footer: Product gets the room it needs, its links in two columns on wide screens */
@media screen and (min-width:768px){
  .footer-grid.four{grid-template-columns:2fr 1fr 1fr;column-gap:48px}
  .footer-grid.four > .footer-column:first-child{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;align-content:start}
  .footer-grid.four > .footer-column:first-child .heading{grid-column:1 / -1}
}
/* Footer links never wrap mid-label; columns sized to their content */
.section.footer .footer-link{white-space:nowrap}
@media screen and (min-width:768px){
  .section.footer .footer-grid.four{display:grid;grid-auto-flow:row;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}
}

/* Footer density: links 4px apart vertically on desktop, 44px tap rows on phones */
.section.footer .footer-link{padding:4px 0}
.section.footer .footer-column{row-gap:8px}
@media screen and (max-width:479px){.section.footer .footer-link{padding:10px 0}}
/* Mobile menu: every link is a 48px row, text centred vertically; "Sign in" set apart by a rule.
   Touch screens keep the template's hover tint from sticking after a tap. */
@media screen and (max-width:991px){
  .nav-menu a.nav-link.menu-phone-only{display:flex;align-items:center;margin-top:8px;padding-top:12px;border-top:1px solid #DCE4E3;border-radius:0;color:var(--brandgreen);font-weight:600}
}
@media (hover:none){.nav-link:hover{background-color:transparent}}

/* ── Early access page ── */
.section.ea{padding-top:9rem;padding-bottom:7rem;background:linear-gradient(180deg,var(--800),#fff 70%)}
.ea .container-large{max-width:75rem}
.ea-grid{display:grid;grid-template-columns:5fr 6fr;gap:64px;align-items:start}
.ea .kicker{font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#087A56;margin-bottom:12px}
.ea-h1{font-size:clamp(2.25rem,1.5rem + 2.2vw,3.25rem);line-height:1.08;letter-spacing:-.02em;font-weight:600;color:var(--brandgreen);margin:0 0 16px;text-wrap:balance}
.ea-copy .paragraph{color:#4A5A5D;max-width:32rem}
.ea-next{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}
.ea-next li{margin:0;padding:0;display:flex;gap:14px;align-items:flex-start;color:#4A5A5D;line-height:1.5}
.ea-next b{color:var(--brandgreen);font-weight:600}
.ea-next .n{width:28px;height:28px;flex:none;border-radius:50%;background:var(--brandgreen);color:#fff;font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center}
.ea-alt{margin-top:32px;color:#4A5A5D}
.ea-alt a{color:#087A56;font-weight:600}
.ea-card{background:#fff;border:1px solid #DCE4E3;border-radius:16px;padding:32px;box-shadow:0 20px 50px rgba(4,40,46,.08)}
.ea-form{display:flex;flex-direction:column;gap:18px;margin:0}
.ea-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fld{display:flex;flex-direction:column;gap:6px;margin:0;border:0;padding:0;min-width:0}
.fld label,.fld legend{font-size:.9375rem;font-weight:600;color:var(--ink,#0D1E21);margin:0;padding:0}
.fld .opt{font-weight:400;color:#61656D;font-size:.8125rem;margin-left:4px}
.fld input,.fld select,.fld textarea{width:100%;box-sizing:border-box;min-height:48px;padding:12px 14px;border:1px solid #C2CECC;border-radius:8px;background:#fff;font:inherit;font-size:1rem;color:#0D1E21;margin:0}
.fld textarea{min-height:110px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:2px solid #0DA574;outline-offset:1px;border-color:#0DA574}
.fld.has-err input,.fld.has-err select{border-color:#B3261E}
.fld .err{font-size:.8125rem;color:#B3261E;min-height:0}
.fld .err:empty{display:none}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.chip{position:relative;display:inline-flex;margin:0;cursor:pointer;font-weight:500}
.chip input{position:absolute;opacity:0;width:1px;height:1px}
.chip span{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid #C2CECC;border-radius:999px;font-size:.9375rem;color:#26383B;background:#fff}
.chip input:checked + span{background:var(--brandgreen);border-color:var(--brandgreen);color:#fff}
.chip input:focus-visible + span{outline:2px solid #0DA574;outline-offset:2px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ea-submit{min-height:52px;font-size:18px;font-weight:600;border-radius:8px;width:100%;justify-content:center;display:inline-flex;align-items:center;border:0;cursor:pointer}
.ea-submit[disabled]{opacity:.7;cursor:progress}
.ea-note{margin:0;font-size:.875rem;color:#4A5A5D;text-align:center}
.ea-status{margin:0;font-size:.9375rem;color:#B3261E;text-align:center}
.ea-status:empty{display:none}
.ea-done{text-align:center;padding:32px 8px}
.ea-done h2{font-size:1.75rem;line-height:1.2;color:var(--brandgreen);margin:0 0 8px;font-weight:600}
.ea-done p{color:#4A5A5D;margin:0}
.ea-done:focus{outline:none}
@media screen and (max-width:991px){.ea-grid{grid-template-columns:1fr;gap:40px}.section.ea{padding-top:7rem}}
@media screen and (max-width:479px){.section.ea{padding:6rem 1.25rem 3.5rem}.ea-row{grid-template-columns:1fr}.ea-card{padding:22px 18px}}
.ea-form[hidden],.ea-done[hidden]{display:none}
.footer-credit{color:inherit;text-decoration:underline;text-underline-offset:3px}
.footer-credit:hover{color:#fff}
/* Footer on phones: one two-column grid so every column shares the same left edges */
@media screen and (max-width:479px){.section.footer .footer-grid.four{grid-template-columns:1fr 1fr;column-gap:16px}}

/* ── SEO MCP server page (/seo-mcp-server). Built on home.css: .hm-hero, .shead, .panel, .tile, .ticks2, .faq-*, .cta2 ── */
.mcp code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875em;background:#E9F3F0;border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:var(--ink);overflow-wrap:anywhere}
/* Hero: breadcrumb, kicker and H1 on the dark side, the screenshot framed on the mint side */
.mcp-hero .hero-grid{grid-template-columns:6fr 7fr;align-items:center}
.mcp-hero .h1{font-size:clamp(2.125rem,1.4rem + 2.2vw,3.25rem);line-height:1.06}
.mcp-hero .kicker{color:var(--accent-light);margin:28px 0 16px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 0;font-size:.875rem;line-height:1.4;color:rgba(255,255,255,.86)}
.crumbs li{margin:0;padding:0;display:flex;align-items:center}
.crumbs .sep{margin:0 10px;color:rgba(255,255,255,.6)}
.crumbs a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:3px}
.crumbs a:hover{text-decoration-color:#fff}
.crumbs a:focus-visible,.mcp-hero .btns a:focus-visible{outline-color:var(--accent-light)}
.mcp-visual{margin:0;min-width:0}
.mcp-visual img{display:block;width:100%;height:auto;border-radius:12px;background:#fff;box-shadow:0 30px 60px rgba(4,40,46,.28),0 0 0 1px rgba(4,40,46,.08)}
.mcp-visual figcaption{margin-top:12px;font-size:.8125rem;line-height:1.4;color:var(--muted);text-align:right}
/* Sub-headings inside a section */
.h3m{margin:0 0 8px;font-size:1.375rem;line-height:1.3;font-weight:600;color:var(--brandgreen);letter-spacing:-.005em}
.mcp .shead .lead + .lead{margin-top:-4px}
/* What an agent can reach: hairline rows, three across */
.areas{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px}
.areas li{margin:0;padding:20px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.areas strong{font-size:1.0625rem;font-weight:600;color:var(--brandgreen);line-height:1.35}
.areas li > span{color:var(--muted);line-height:1.55}
.clients{margin-top:48px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:8px 48px;align-items:center}
.clients .panel-h{margin:0}
.clients p{margin:0;color:var(--muted);line-height:1.6}
/* Connect: two setup cards with numbered steps */
.how2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.how2 .tile{gap:16px}
.how2 .tile h3{font-size:1.25rem}
.steps-ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.steps-ol > li{counter-increment:mcpstep;position:relative;margin:0;padding:2px 0 0 44px;color:var(--ink);line-height:1.55;min-width:0}
.steps-ol{counter-reset:mcpstep}
.steps-ol > li::before{content:counter(mcpstep);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--brandgreen);color:#fff;font-size:.875rem;font-weight:600;display:flex;align-items:center;justify-content:center}
.tile .tile-note{flex:none;font-size:.9375rem;color:var(--muted);line-height:1.6;padding-top:16px;border-top:1px solid var(--line)}
.tile .tile-note + .tile-note{padding-top:0;border-top:0}
.codebox{display:flex;align-items:center;gap:12px;margin-top:12px;background:var(--brandgreen);border-radius:10px;padding:8px 8px 8px 16px}
.codebox code{flex:1;min-width:0;background:none;border:0;padding:0;color:#fff;font-size:.9375rem;line-height:1.4}
.copy-btn{flex:none;min-height:44px;padding:0 14px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:8px;background:#fff;color:var(--brandgreen);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer}
.copy-btn:hover{background:var(--800)}
.copy-btn:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}
.copy-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html:not(.w-mod-js) .copy-btn{display:none}
/* Can / can't */
.cando{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch;margin-bottom:96px}
.panel-no{background:#FFF8F0;border-color:#F1DFC9}
.tick.no circle{fill:#9A4A00}
.approval .stack{max-width:34rem}
.approval .owner-phone img{width:300px}
/* Prose stacks */
.stack p{margin:0 0 16px;font-size:1.0625rem;color:var(--muted);line-height:1.6}
.stack p:last-child{margin-bottom:0}
.stack a,.tile p a{color:var(--accent-text);font-weight:600}
.stack .pull{margin-top:24px;padding-left:16px;border-left:3px solid var(--accent);font-size:1.125rem;font-weight:600;color:var(--brandgreen)}
.stack .h3m{margin-bottom:16px}
.stack .seq{margin-top:24px;padding:24px;border-radius:12px;color:var(--ink)}
.stack .seq code{background:#fff}
/* Safety on dark: two columns of hairline rows */
.safe-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px}
.safe-list li{margin:0;padding:24px 0;border-top:1px solid rgba(255,255,255,.16);display:flex;gap:14px;align-items:flex-start}
.safe-list li:last-child:nth-child(odd){grid-column:1 / -1}
.safe-list .tick{margin-top:2px}
.safe-list .tick circle{fill:var(--accent-light)}
.safe-list .tick path{stroke:var(--brandgreen)}
.safe-list strong{display:block;margin-bottom:6px;font-size:1.125rem;font-weight:600;color:#fff;line-height:1.35}
.safe-list span{color:rgba(255,255,255,.84);line-height:1.6}
/* Comparison table; stacks into labelled cards on phones */
.cmp{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.cmp th,.cmp td{padding:18px 24px;text-align:left;vertical-align:top;line-height:1.55;font-size:1rem}
.cmp td{border-top:1px solid var(--line)}
.cmp thead th{font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#F3F9F7}
.cmp thead th:last-child{background:var(--brandgreen);color:#fff}
.cmp td:first-child{width:50%;color:var(--muted)}
.cmp td:last-child{background:#F3F9F7;color:var(--ink);font-weight:500;border-left:1px solid var(--line)}
.cta2 .micro a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media (max-width:991px){
  .mcp-hero .hero-grid{grid-template-columns:1fr}
  .mcp-visual{background:var(--800);border-radius:16px;padding:24px;max-width:720px;width:100%;box-sizing:border-box;justify-self:center}
  .areas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .clients{grid-template-columns:1fr}
  .how2,.cando{grid-template-columns:1fr}
  .cando{margin-bottom:72px}
  .safe-list{grid-template-columns:1fr}
}
@media (max-width:767px){
  .areas{grid-template-columns:1fr}
  .cmp,.cmp tbody,.cmp tr,.cmp td{display:block;width:auto}
  .cmp{border:0;border-radius:0;background:none;overflow:visible}
  .cmp thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .cmp tr{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
  .cmp tr + tr{margin-top:12px}
  .cmp td,.cmp td:first-child{width:auto;border-top:0;padding:14px 18px}
  .cmp td:last-child{border-left:0;border-top:1px solid var(--line)}
  .cmp td::before{content:attr(data-label);display:block;margin-bottom:4px;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
  .cmp td:last-child::before{color:var(--accent-text)}
}
@media (max-width:479px){
  .mcp-visual{padding:16px}
  .mcp-visual figcaption{text-align:left}
  .mcp-hero .kicker{margin-top:20px}
  .how2 .tile,.cando .panel{padding:22px 18px}
  .steps-ol > li{padding-left:40px}
  .codebox{flex-wrap:wrap;padding:12px}
  .codebox code{flex-basis:100%}
  .copy-btn{width:100%;justify-content:center}
  .approval .owner-phone img{width:240px}
  .stack .seq{padding:18px}
}
/* Links into /seo-mcp-server from the home "Works with" line and the agency cards */
.integrations a{color:var(--accent-text);text-decoration:underline;text-decoration-color:rgba(8,122,86,.35);text-underline-offset:3px}
.integrations a:hover{text-decoration-color:currentColor}
.mc-body .text-link-arrow{align-self:flex-start;margin-top:8px;color:var(--accent-text)}
.mcp-hero .btns .button-secondary.white{justify-content:center}
.safe-list span,.areas li > span,.clients p{font-size:1rem}