/* v2-simple.css, loaded last. 2026-10-01 simplification pass.
   1. Sub navs scroll away with the page (only the main pill stays fixed).
   2. Layouts that lost their small decorative icons collapse to one column.
   3. Any decorative icon chip still left over is hidden. */

/* ---- 1. RankReady pages: the main pill scrolls away, the RankReady sub menu sticks ---- */
body.hmb2-has-subnav .hmb2-header,
body.page-template-template-rankready .hmb2-header,
body.page-template-template-hatch .hmb2-header{position:static}
body.hmb2-has-subnav .nav.hmb2-nav,
body.page-template-template-rankready .nav.hmb2-nav,
body.page-template-template-hatch .nav.hmb2-nav{position:absolute;top:12px!important;z-index:100}
body.admin-bar.hmb2-has-subnav .nav.hmb2-nav,
body.admin-bar.page-template-template-rankready .nav.hmb2-nav,
body.admin-bar.page-template-template-hatch .nav.hmb2-nav{top:44px!important}
@media (max-width:782px){body.admin-bar.hmb2-has-subnav .nav.hmb2-nav,body.admin-bar.page-template-template-rankready .nav.hmb2-nav,body.admin-bar.page-template-template-hatch .nav.hmb2-nav{top:58px!important}}
@media (max-width:600px){body.admin-bar.hmb2-has-subnav .nav.hmb2-nav,body.admin-bar.page-template-template-rankready .nav.hmb2-nav{top:12px!important}}

/* Docs, blog category, checker: sub menu is a pill under the main pill, then sticks at the top. */
body .hmb2-subnav{position:sticky;top:12px}
body.admin-bar .hmb2-subnav{top:44px}
@media (max-width:782px){body.admin-bar .hmb2-subnav{top:58px}}
@media (max-width:600px){body.admin-bar .hmb2-subnav{top:12px}}

/* Anchors and sticky panes only need to clear the main pill now. */
main [id]{scroll-margin-top:96px}
html{scroll-padding-top:96px}
body.hmb2-has-subnav{--hmb2d-top:104px}
body.single-post.hmb2-has-subnav .hmb2b-toc{top:calc(var(--hmb2-pill-h) + 40px)}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-layer-aside{top:100px}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rv-pane,
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rv-stage{top:100px}

/* ---- 2. Layouts after the icon strip ---- */
body ul.hv-gets li,
body.home ul.hv-gets li{grid-template-columns:minmax(0,1fr)!important;gap:0!important;position:relative;padding-left:30px}
body ul.hv-gets li::before{content:"";position:absolute;left:6px;top:.42em;width:6px;height:12px;border:solid #EA580C;border-width:0 2px 2px 0;transform:rotate(45deg)}
body.page-template-template-for-agencies .mk-wl .wl-point,
body.page-template-template-for-agencies .mk-faq__row{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
body.page-template-template-for-agencies .mk-step__art{display:none}
body.page-template-template-for-agencies .mk-step:not(:last-child)::after{display:none}
body.page-template-template-about .mk-card__art{display:none}

/* Cited bullets: plain orange tick instead of an icon glyph. */
ul.cited-points{list-style:none;margin:0;padding:0}
ul.cited-points li{position:relative;padding-left:26px}
ul.cited-points li::before{content:"";position:absolute;left:3px;top:.5em;width:5px;height:10px;border:solid #EA580C;border-width:0 2px 2px 0;transform:rotate(45deg)}

/* ---- 3. Leftover decorative icon chips ---- */
.feature-ico,.flow-ico{display:none!important}
.feature-card,.flow-node{gap:0}

/* Nav: keep the real RankReady logo, drop generic glyph chips and arrows. */
.hmb2-prod-arrow{display:none!important}
.hmb2-prod{gap:12px}
.hmb2-drawer a>svg.ic:not(.hmb2-prod-arrow){display:none!important}
.hmb2-nav .hmb2-prod-d{display:block!important}

/* RankReady page: text-led, no decorative glyphs (pricing ticks and search icon stay, they carry meaning). */
.rr .rr-signal>svg,.rr .docs-cat-ic,.rr .docs-cat-arrow,.rr .rv-tab a>svg,.rr .rv-prolist a>svg{display:none!important}

/* Docs: text-led sidebar and kicker. Copy, close, toggle and search glyphs stay (functional). */
.hmb2d-group-ic,.hmb2d-kicker>svg{display:none!important}

/* Sign in link + account portal */
.nav-signin{font-size:.9rem;font-weight:500;color:inherit;text-decoration:none;margin-right:.35rem;white-space:nowrap}.nav-signin:hover{text-decoration:underline;text-underline-offset:4px}@media(max-width:1000px){.nav-signin{display:none}}
#fs_dashboard_container{border-radius:16px;overflow:hidden}

/* Pass 2: pill, note, trust and link glyphs. Flow connectors, stars, socials and functional glyphs stay. */
.hh-pill>svg,.pb-note>svg,.tverified>svg,.pl-go>svg,.footer-contact a>svg,.lead-form .btn>svg,.form-fine>svg,.rev-all>svg,.link-arrow>svg{display:none!important}
.care-pill>svg,.flow-tag>svg,.btn>svg.ic:not(.ic--fill),.rv-btn>svg,.rv-link>svg,.rr-docs-btn>svg{display:none!important}
@media(max-width:520px){#fs_dashboard_container{margin-left:-20px!important;margin-right:-20px!important;border-radius:0!important;min-width:0!important;width:auto!important;max-width:none!important}#fs_dashboard_container iframe{width:100%!important;min-width:0!important}}

/* Solutions as product-style cards (2026-10-01): same card as Products, two across. Hatch is a Coming soon card, not a link. */
.hmb2-nav .hmb2-mega-spot .hmb2-prod.is-soon{cursor:default}
.hmb2-nav .hmb2-mega-spot .hmb2-prod.is-soon .hmb2-prod-row b{color:#d4d4d8}
.hmb2-nav .hmb2-mega-spot .hmb2-prod.is-soon .hmb2-prod-pill{color:#a1a1aa;border-color:#3f3f46}
.hmb2-drawer .hmb2-acc-spot .hmb2-prod.is-soon{opacity:.8;cursor:default}


/* ---- Sign in: plain menu text, dark on the light pill, white on the dark hero state ---- */
.hmb2-nav .nav-signin{display:inline-flex;align-items:center;height:auto;padding:8px 14px;margin:0 .2rem 0 0;border:0;border-radius:0;background:transparent!important;color:#3F3F46!important;font-size:.92rem;font-weight:500;line-height:1.2;text-decoration:none!important;white-space:nowrap;transition:color .2s}
.hmb2-nav .nav-signin:hover,.hmb2-nav .nav-signin:focus-visible{color:#09090B!important;background:transparent!important}
body.hmb2-nav-dark .hmb2-nav .nav-signin{color:#fff!important;background:transparent!important;border:0}
body.hmb2-nav-dark .hmb2-nav .nav-signin:hover,body.hmb2-nav-dark .hmb2-nav .nav-signin:focus-visible{color:rgba(255,255,255,.7)!important;background:transparent!important}

/* ---- Partner program page (2026-10-01): motion stage hero, products, terms, sign in band ---- */
body.page-template-template-affiliate .aff-hero{padding-bottom:clamp(56px,7vw,96px)}
body.page-template-template-affiliate .aff-hero .section-head{text-align:center;max-width:820px;margin-inline:auto}
body.page-template-template-affiliate .aff-hero .lead{max-width:60ch;margin-inline:auto}
body.page-template-template-affiliate .aff-stage{position:relative;max-width:1040px;margin:clamp(40px,6vw,72px) auto 0;padding:0 8px}
body.page-template-template-affiliate .aff-track{position:absolute;left:0;right:0;top:34px;height:2px;pointer-events:none}
body.page-template-template-affiliate .aff-line{position:absolute;left:12.5%;right:12.5%;top:0;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(251,146,60,.55),rgba(255,255,255,.08));border-radius:2px}
body.page-template-template-affiliate .aff-dot{position:absolute;top:-5px;left:12.5%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#FB923C;box-shadow:0 0 0 6px rgba(251,146,60,.18),0 0 24px 4px rgba(251,146,60,.55);opacity:0;animation:aff-run 6s cubic-bezier(.45,.05,.35,1) infinite}
@keyframes aff-run{0%{left:12.5%;opacity:0}4%{opacity:1}76%{left:87.5%;opacity:1}82%{left:87.5%;opacity:0}100%{left:87.5%;opacity:0}}
body.page-template-template-affiliate .aff-nodes{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.page-template-template-affiliate .aff-node{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;color:#fafafa}
body.page-template-template-affiliate .aff-ring{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#111113;border:1px solid rgba(255,255,255,.14);font-family:'Geist Mono',ui-monospace,monospace;font-size:.82rem;letter-spacing:.06em;color:#a1a1aa;animation:aff-pulse 6s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes aff-pulse{0%,16%,100%{border-color:rgba(255,255,255,.14);color:#a1a1aa;box-shadow:none}4%,10%{border-color:#FB923C;color:#fff;box-shadow:0 0 0 8px rgba(251,146,60,.14)}}
body.page-template-template-affiliate .aff-node b{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:1.25rem;margin-top:10px;letter-spacing:-.01em}
body.page-template-template-affiliate .aff-node small{font-size:.86rem;line-height:1.45;color:#a1a1aa;max-width:20ch}
body.page-template-template-affiliate .aff-node--earn b{color:#FDBA74}
body.page-template-template-affiliate .aff-swap{display:grid}
body.page-template-template-affiliate .aff-swap>span{grid-area:1/1;opacity:0;animation:aff-fade 12s ease-in-out infinite}
@keyframes aff-fade{0%,40%{opacity:1}50%,90%{opacity:0}100%{opacity:1}}
body.page-template-template-affiliate .aff-swap>span+span{animation-name:aff-fade2}
@keyframes aff-fade2{0%,40%{opacity:0}50%,90%{opacity:1}100%{opacity:0}}
@media (max-width:720px){
  body.page-template-template-affiliate .aff-track{display:none}
  body.page-template-template-affiliate .aff-nodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}
}
@media (prefers-reduced-motion:reduce){
  body.page-template-template-affiliate .aff-dot{animation:none;opacity:0}
  body.page-template-template-affiliate .aff-ring{animation:none}
  body.page-template-template-affiliate .aff-swap>span{animation:none!important}
  body.page-template-template-affiliate .aff-swap>span+span{display:none}
}
body.page-template-template-affiliate .aff-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:960px;margin:0 auto}
body.page-template-template-affiliate .aff-product{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(24px,3vw,36px);border:1px solid #E4E4E7;border-radius:20px;background:#fff;color:#18181B;text-decoration:none;transition:border-color .2s,transform .2s}
body.page-template-template-affiliate a.aff-product:hover{border-color:#FB923C;transform:translateY(-2px)}
body.page-template-template-affiliate .aff-product h3{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:clamp(1.7rem,3vw,2.2rem);letter-spacing:-.02em;margin:0}
body.page-template-template-affiliate .aff-product p{margin:0;color:#52525B;line-height:1.6;font-size:.98rem}
body.page-template-template-affiliate .aff-product--soon{background:#FAFAFA;border-style:dashed}
body.page-template-template-affiliate .aff-pill{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.78rem;font-weight:500;background:#F4F4F5;color:#52525B;border:1px solid #E4E4E7}
body.page-template-template-affiliate .aff-pill--live{background:#FFF7ED;color:#C2410C;border-color:#FED7AA}
body.page-template-template-affiliate .aff-more{margin-top:auto;font-weight:500;color:#C2410C;font-size:.95rem}
body.page-template-template-affiliate .aff-terms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:960px;margin:clamp(32px,4vw,48px) auto 0;border-top:1px solid #E4E4E7}
body.page-template-template-affiliate .aff-terms>div{padding:20px 16px 4px 0}
body.page-template-template-affiliate .aff-terms dt{font-family:'Geist Mono',ui-monospace,monospace;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#71717A;margin:0 0 6px}
body.page-template-template-affiliate .aff-terms dd{margin:0;font-family:'Fraunces',Georgia,serif;font-size:1.5rem;letter-spacing:-.01em;color:#18181B}
body.page-template-template-affiliate .aff-formcard{max-width:640px;margin:0 auto;padding:clamp(24px,4vw,40px);border:1px solid #E4E4E7;border-radius:20px;background:#fff}
body.page-template-template-affiliate .aff-ok{text-align:center;padding:24px 0}
body.page-template-template-affiliate .aff-ok h3{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:1.8rem;margin:0 0 10px}
@media (max-width:720px){
  body.page-template-template-affiliate .aff-products{grid-template-columns:minmax(0,1fr)}
  body.page-template-template-affiliate .aff-terms{grid-template-columns:repeat(2,minmax(0,1fr))}
}
body.page-template-template-affiliate .aff-signin .lead{color:#a1a1aa!important;max-width:58ch;margin-inline:auto}
body.page-template-template-affiliate .aff-signin .h2{color:#fafafa!important}
body.page-template-template-affiliate .aff-signin{padding-block:clamp(72px,9vw,120px)}
/* phone: Sign in lives in the drawer, the header pill has no room for it */
@media (max-width:520px){.hmb2-nav .nav-signin{display:none!important}}

/* Community page (ask 43) */
body.page-template-template-community .com-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;list-style:none;margin:36px 0 0;padding:0}
body.page-template-template-community .com-chips li{font-family:'Geist Mono',ui-monospace,monospace;font-size:13px;letter-spacing:.02em;color:#d4d4d8;border:1px solid #3f3f46;border-radius:999px;padding:7px 16px}
body.page-template-template-community .com-split{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
body.page-template-template-community .com-panel{background:#fff;border:1px solid #e4e4e7;border-radius:20px;padding:28px 28px 12px}
body.page-template-template-community .com-panel h3{font-family:'Fraunces',serif;font-weight:400;font-size:1.5rem;letter-spacing:-.02em;margin:0 0 14px;color:#09090b}
body.page-template-template-community .com-list{list-style:none;counter-reset:q;margin:0;padding:0}
body.page-template-template-community .com-list li{counter-increment:q;position:relative;padding:14px 0 14px 40px;border-top:1px solid #f1f1f3;display:flex;flex-direction:column;gap:2px}
body.page-template-template-community .com-list li::before{content:counter(q);position:absolute;left:0;top:14px;width:26px;height:26px;border-radius:50%;background:#fff1e6;color:#c2410c;font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;display:flex;align-items:center;justify-content:center}
body.page-template-template-community .com-list b{font-weight:500;color:#09090b}
body.page-template-template-community .com-list span{font-size:.92rem;color:#52525b}
body.page-template-template-community .com-join .lead{color:#a1a1aa!important}
body.page-template-template-community .com-join .h2{color:#fff}
@media (max-width:820px){body.page-template-template-community .com-split{grid-template-columns:1fr}}
body.page-template-template-community .com-split{align-items:start}
/* Pro feature pages: light hero, outline button must read dark */

/* 2026-10-01 pass 3: feature-page hero alignment + visible outline button (body class is page-template-hmb-rr-feature, not .rr-feat-page) */
body:is(.page-template-hmb-rr-feature,.page-template-hmb-compare) .page-hero .crumbs{display:flex;width:fit-content;max-width:100%;margin-inline:auto;justify-content:center;flex-wrap:wrap}
body:is(.page-template-hmb-rr-feature,.page-template-hmb-compare) .page-hero .hero-ctas{justify-content:center;flex-wrap:wrap}
body:is(.page-template-hmb-rr-feature,.page-template-hmb-compare) .page-hero .rr-fine{justify-content:center;flex-wrap:wrap;text-align:center}
body:is(.page-template-hmb-rr-feature,.page-template-hmb-compare) .page-hero .btn--outline{color:#09090b;background:#fff;border:1.5px solid #d4d4d8;box-shadow:0 1px 2px rgba(9,9,11,.06)}
body:is(.page-template-hmb-rr-feature,.page-template-hmb-compare) .page-hero .btn--outline:hover{border-color:#a1a1aa;background:#fafafa}
body:is(.page-template-hmb-rr-feature,.page-template-hmb-compare) .page-hero .btn--outline:focus-visible{outline:2px solid #c2410c;outline-offset:2px}

/* 2026-10-01 pass 4: v2-alive.css treats every .page-hero as a dark surface and forces a white .34 border plus a #fafafa fill with !important. Feature and compare heroes are LIGHT, so restore a visible outline button there. */
body:is(.page-template-hmb-rr-feature,.page-template-hmb-compare) .page-hero .btn.btn--outline{color:#09090b!important;border-color:#d4d4d8!important;background-color:#fff!important}
body:is(.page-template-hmb-rr-feature,.page-template-hmb-compare) .page-hero .btn.btn--outline:hover{color:#09090b!important;border-color:#a1a1aa!important;background-image:linear-gradient(#f4f4f5,#f4f4f5)!important}
body:is(.page-template-hmb-rr-feature,.page-template-hmb-compare) .page-hero .btn.btn--outline:focus-visible{outline:2px solid #c2410c;outline-offset:2px}
/* pass 4b: v2-alive's dark-surface :is() selector is (0,5,1); win with (0,6,1) */
body:is(.page-template-hmb-rr-feature,.page-template-hmb-compare) .page-hero .btn.btn--outline.btn--outline.btn--outline{color:#09090b!important;border-color:#a1a1aa!important;background-color:#fff!important;background-image:linear-gradient(#f4f4f5,#f4f4f5)!important}
body:is(.page-template-hmb-rr-feature,.page-template-hmb-compare) .page-hero .btn.btn--outline.btn--outline.btn--outline:hover{color:#09090b!important;border-color:#52525b!important}
/* pass 4c: every light-surface outline button on feature and compare pages (not only the hero) needs a border you can see (v2-product.css used #e4e4e7, 1.2:1 on white) */
body:is(.page-template-hmb-rr-feature,.page-template-hmb-compare) .rr .btn--outline:not(.page-hero .btn){border-color:#a1a1aa}
body:is(.page-template-hmb-rr-feature,.page-template-hmb-compare) .rr .btn--outline:not(.page-hero .btn):hover{border-color:#52525b}
/* pass 4d: site-wide default for ghost and outline buttons on LIGHT surfaces. The base --line border was 1.2:1 and read as a borderless grey pill. Dark surfaces keep their own !important rule in v2-alive.css. */
body .btn:is(.btn--ghost,.btn--outline){border-color:#a1a1aa}

/* Pass 5: one large-button height. alive.css gave primary .btn--lg 52px but ghost/outline .btn--lg 60px, so pairs never matched. Everything large is 52px. */
body .btn.btn.btn.btn.btn:is(.btn--lg,.rr-btn-green),body .hero-ctas .btn.btn.btn.btn.btn{min-height:52px;padding-block:0;padding-inline:1.8em;font-size:1.0625rem;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
body .hero-ctas .btn.btn.btn.btn.btn{display:flex}

/* Pass 6 responsive rows (2026-10-01): home #why list (.hw-item, heading + description rows).
   Root cause: v2-home.css left a 3-column art grid (84px art column, p{grid-column:2}) from the infographic pass.
   With no art element the h3 landed in a 0px or 84px track and the paragraph in track 2, so the heading overlapped the description.
   v2-alive.css then forced one column at every width. Mobile first: stack. From 721px: heading left, description right. */
body.home #why .hw-list .hw-item.hw-item{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;grid-auto-flow:row!important;gap:.6rem!important;align-items:start!important;position:relative;padding-block:clamp(22px,6vw,32px)}
body.home #why .hw-list .hw-item.hw-item>h3{grid-column:1!important;grid-row:auto!important;position:static!important;width:auto!important;max-width:none!important;min-width:0;margin:0;font-size:clamp(1.4rem,6.4vw,1.8rem);line-height:1.12;overflow-wrap:normal;word-break:normal;hyphens:manual}
body.home #why .hw-list .hw-item.hw-item>p{grid-column:1!important;grid-row:auto!important;position:static!important;width:auto!important;max-width:none!important;min-width:0;margin:0}
@media (min-width:721px){
  body.home #why .hw-list .hw-item.hw-item{grid-template-columns:minmax(0,5fr) minmax(0,6fr)!important;column-gap:clamp(24px,4vw,64px)!important;row-gap:0!important;align-items:center!important;padding-block:clamp(26px,3.4vw,44px)}
  body.home #why .hw-list .hw-item.hw-item>h3{grid-column:1!important;grid-row:1!important;font-size:clamp(1.55rem,3vw,2.6rem);line-height:1.08}
  body.home #why .hw-list .hw-item.hw-item>p{grid-column:2!important;grid-row:1!important;max-width:50ch!important}
}
/* anchored section heads clear the fixed header pill (76px tall at phone width) */
html{scroll-padding-top:96px}
section[id]{scroll-margin-top:96px}

/* Pass 7: remaining decorative icons (For bloggers, Docs). Functional icons stay. */
body .care-line.care-line .ic,body .care-line.care-line>svg,body .care-line.care-line svg{display:none!important}
body .care-line.care-line{grid-template-columns:minmax(0,1fr)!important;padding-inline-start:0!important}
body .tag.tag>svg,body .tag.tag .ic{display:none!important}
body .sol-req.sol-req>svg,body .sol-req.sol-req .ic{display:none!important}
body .docs-cat-arrow.docs-cat-arrow svg,body .docs-cat-arrow.docs-cat-arrow .ic,body .hmb2d-arrow.hmb2d-arrow,body .hmb2d-arrow.hmb2d-arrow svg{display:none!important}

/* Round 2 (2026-10-05): shared pieces used by product landing pages. Tokens only. */
.stat-row.stat-row--5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1000px){.stat-row.stat-row--5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.stat-row.stat-row--5{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-row--5 .stat-card:last-child{grid-column:1/-1}}
.issue-list{margin-top:44px;border-top:1px solid var(--line)}
.cmp-title{margin:56px 0 0;text-align:center;font-family:var(--font-sans);font-size:1.2rem;font-weight:600;color:var(--ink)}
.cmp-title+.cmp-grid,.cmp-title+.cmp-table-wrap{margin-top:24px}
.cmp-table-wrap{margin-top:44px;overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card)}
.cmp-table{width:100%;border-collapse:collapse;font-size:.95rem;color:var(--ink-soft);text-align:left}
.cmp-table th{padding:14px 18px;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap}
.cmp-table td{padding:16px 18px;vertical-align:top;border-bottom:1px solid var(--line-2)}
.cmp-table tbody tr:last-child>*{border-bottom:0}
.cmp-table tbody th{padding:16px 18px;width:22%;font-family:var(--font-sans);font-size:.95rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink);white-space:normal;vertical-align:top;text-align:left;border-bottom:1px solid var(--line-2)}
.cmp-table tr.is-hatch>*{background:var(--coral-12)}
@media (max-width:720px){
  .cmp-table-wrap{overflow:visible;background:none;border:0;box-shadow:none}
  .cmp-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .cmp-table,.cmp-table tbody,.cmp-table tr,.cmp-table td,.cmp-table tbody th{display:block;width:100%}
  .cmp-table tr{margin-bottom:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
  .cmp-table td{display:grid;grid-template-columns:minmax(0,9ch) minmax(0,1fr);gap:12px;padding:12px 16px;border-bottom:1px solid var(--line-2)}
  .cmp-table td::before{content:attr(data-label);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:.15em}
  .cmp-table tbody th{padding:14px 16px 12px;font-size:1.02rem}
}

/* Card variant of the global feature grid: restores the rounded card look the editorial layer turns into rows. */
body main .feature-grid.feature-grid--cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;border:0!important;margin-top:52px}
body main .feature-grid--cards .feature-card,body main .feature-grid--cards .feature-card:last-child,body main .feature-grid--cards .feature-card:hover{display:flex!important;flex-direction:column;align-items:stretch!important;grid-template-columns:none!important;column-gap:0!important;gap:0;background:var(--card)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-card)!important;padding:28px!important}
body main .feature-grid--cards .feature-card .feature-ico{display:grid!important;place-items:center;width:48px!important;height:48px!important;border-radius:var(--radius-sm)!important;background:var(--coral-12)!important;color:var(--coral)!important;justify-self:auto;margin:0!important}
body main .feature-grid--cards .feature-card:hover h3{color:inherit}
body main .feature-grid--cards .feature-card h3{margin:20px 0 0!important;font-size:1.45rem!important}
body main .feature-grid--cards .feature-card p{margin:10px 0 0!important;padding-top:0!important;max-width:none}
@media (max-width:900px){body main .feature-grid.feature-grid--cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:600px){body main .feature-grid.feature-grid--cards{grid-template-columns:minmax(0,1fr)!important}}

/* FAQ reads as one centred column under its centred heading, site-wide. */
body main .qa-grid{max-width:880px;margin-inline:auto}
/* The editorial row layout has no use for the card glow. */
body main .feature-card.is-feature::after{display:none}

/* Left-aligned section head variant (developer sections). */
body main .section-head.section-head--left.section-head--left{max-width:none;margin-inline:0;text-align:left}
body main .section-head--left .eyebrow{justify-content:flex-start}

/* .hh hero headline keeps the home size on every template that uses it */
body main .section.hero.hh .h1{font-size:clamp(2.6rem,6vw,6rem)!important}

/* inline sub-menu: after the hero it stays out of the way, then slides down from the top once the reader is in section 2 */
body .hmb2-subnav.hmb2-subnav--inline{margin:0 auto}
body .hmb2-subnav.hmb2-subnav--inline.is-slide{position:fixed;left:0;right:0;top:12px;margin:0 auto;transform:translateY(-170%);opacity:0;visibility:hidden;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .3s ease,visibility 0s linear .5s}
body .hmb2-subnav.hmb2-subnav--inline.is-slide.is-in{transform:none;opacity:1;visibility:visible;transition-delay:0s}
@media (prefers-reduced-motion:reduce){body .hmb2-subnav.hmb2-subnav--inline.is-slide{transition:none}}
body.page-template-template-hatch main .rr .rv-panel{border-radius:var(--radius);box-shadow:var(--shadow-card)}
body.page-template-template-hatch main .rr .rv-pane .rv-panel{overflow:hidden}

/* Round 2i: starter designs + lock-down switchboard (shared product classes) */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-designs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:52px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-design{margin:0;display:flex;flex-direction:column;gap:20px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:16px 16px 24px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-design figcaption{display:grid;gap:8px;padding:0 8px;text-align:left}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-design figcaption h3{margin:0;font-size:1.45rem}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-design figcaption p{margin:0;color:var(--muted,#5b554b);font-size:.95rem;line-height:1.55}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-modes{justify-self:start;margin-top:4px;padding:5px 12px;border-radius:999px;background:var(--coral-12);color:var(--coral-deep,#D03902);font:500 .72rem/1 var(--font-mono,'Geist Mono',monospace);letter-spacing:.04em}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-cap--c{text-align:center;margin-inline:auto}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-dz{aspect-ratio:4/3;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;overflow:hidden;display:flex;flex-direction:column}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-dz-bar{display:flex;gap:5px;padding:9px 11px;border-bottom:1px solid var(--line);background:#faf8f5}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-dz-bar i{width:7px;height:7px;border-radius:50%;background:#d9d4cb}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-dz-body{flex:1;min-height:0;padding:16px;display:flex;flex-direction:column;gap:8px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-m-kick{width:28%;height:5px;border-radius:3px;background:var(--coral)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-m-h{width:86%;height:11px;border-radius:5px;background:#1B1710}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-m-h--s{width:58%}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-m-img{flex:1;min-height:0;border-radius:8px;background:linear-gradient(135deg,#fde3d6,#fbc9b0)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-m-l{width:92%;height:6px;border-radius:3px;background:#e6e1d8}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-m-l--s{width:64%}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-design--tech .rv-dz{background:#0c0c0e;border-color:#27272a}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-design--tech .rv-dz-bar{background:#18181b;border-color:#27272a}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-design--tech .rv-dz-bar i{background:#3f3f46}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-m-prompt{font:500 .72rem/1 var(--font-mono,'Geist Mono',monospace);color:#e4e4e7;margin-bottom:6px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-m-prompt b{color:#FB923C;margin-right:4px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-m-row{height:9px;border-radius:4px;background:#27272a;width:94%}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-m-row--s{width:62%}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-dz-body--docs{flex-direction:row;gap:14px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-m-side{flex:0 0 26%;display:flex;flex-direction:column;gap:8px;padding-right:12px;border-right:1px solid var(--line)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-m-side i{display:block;height:6px;border-radius:3px;background:#e6e1d8}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-m-side i.on{background:var(--coral)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-m-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-m-code{height:30px;border-radius:6px;background:#1B1710}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-duo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,5vw,72px);align-items:center}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-duo-copy .section-head{margin-bottom:clamp(20px,2.4vw,32px)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-points{list-style:none;margin:0;padding:0;display:grid;gap:18px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-points li{display:grid;grid-template-columns:24px 1fr;gap:14px;align-items:start;line-height:1.55;color:var(--muted,#5b554b)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-points li b{color:var(--ink,#1B1710);font-weight:600}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-points .ic{width:22px;height:22px;color:var(--coral);margin-top:2px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-body--sw{min-height:0;padding:14px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-sws--lock{gap:8px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-sws--lock .rv-swr{grid-template-columns:1fr auto auto;border-radius:var(--radius-sm);padding:12px 14px;font:500 .84rem/1.4 var(--font-sans,'Geist',system-ui,sans-serif)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-lk{min-width:4.2em;font-style:normal;font-size:.7rem;color:#71717a;text-align:right}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-lk::before{content:'open'}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-swr input:checked ~ .rv-lk{color:#FDBA74}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-swr input:checked ~ .rv-lk::before{content:'closed'}
@media (max-width:1040px){
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-duo{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-designs{grid-template-columns:minmax(0,1fr);max-width:520px;margin-inline:auto}
}

body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-sws--lock .rv-swr input:checked + .rv-sw{background:#EA580C}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-sws--lock .rv-swr input:focus-visible + .rv-sw{outline:2px solid #FDBA74;outline-offset:3px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-duo-copy .section-head.section-head h2.h2{font-size:clamp(2.2rem,4.2vw,3.6rem)!important}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-duo-vis .rv-foot{font-size:.72rem;line-height:1.4;gap:12px;flex-wrap:wrap}

/* Round 2n: Hatch hero explainer. Auto-cycling rv-tabs scenes inside the home hero shell. */
body:not(.hh-off) .hh .hero-media.hero-media--scenes{width:100%;max-width:min(1040px,100%);margin-inline:auto;text-align:left}
body:not(.hh-off) .hh .hh-scenes{position:relative;z-index:1;background:transparent;padding:0}
body:not(.hh-off) .hh .hh-scenes .rv-tabs{align-items:center}
@media (max-width:900px){body:not(.hh-off) .hh .hh-scenes .rv-tab p{max-width:none}}

/* Round 2n2: hero scene cards (hs-*). Animations restart each time a pane becomes active. */
.hh .hs{position:relative;min-height:300px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:0 40px 80px -48px rgba(0,0,0,.8);padding:0 0 18px;overflow:hidden;color:#f4efe8}
.hh .hs-top{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);font:500 .76rem/1 var(--font-mono,'Geist Mono',monospace);color:#a8a29e}
.hh .hs-top i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18)}
.hh .hs-top i:first-child{background:#FD5A1E}
.hh .hs-top b{margin-left:10px;font-weight:500;color:#d6d3d1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hh .hs-url{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.07)}
.hh .hs-page,.hh .hs-site{padding:22px 24px 6px}
.hh .hs-h{height:16px;width:46%;border-radius:8px;background:#f4efe8;margin-bottom:18px;transform-origin:left;transform:scaleX(0)}
.hh .hs-ln{height:9px;width:var(--w);border-radius:6px;background:rgba(255,255,255,.2);margin-top:11px;transform-origin:left;transform:scaleX(0)}
.hh .hs-act{display:flex;align-items:center;gap:14px;padding:20px 24px 0}
.hh .hs-btn{padding:10px 22px;border-radius:999px;background:#D03902;color:#fff;font:600 .85rem/1 var(--font-body,'Geist',sans-serif)}
.hh .hs-ok,.hh .hs-steps li,.hh .hs-chips span{display:inline-flex;align-items:center;gap:9px;opacity:0}
.hh .hs-ok{font:600 .85rem/1 var(--font-body,'Geist',sans-serif);color:#86efac}
.hh .hs-ck{position:relative;flex:none;width:18px;height:18px;border-radius:50%;background:#16a34a}
.hh .hs-ck::after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.hh .hs-nodes{display:flex;align-items:center;gap:0;padding:34px 24px 10px}
.hh .hs-node{flex:none;min-width:128px;padding:16px 18px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.05);display:flex;flex-direction:column;gap:4px}
.hh .hs-node b{font:600 1rem/1.2 var(--font-body,'Geist',sans-serif);color:#fff}
.hh .hs-node small{font:500 .74rem/1.2 var(--font-mono,'Geist Mono',monospace);color:#a8a29e}
.hh .hs-node--cf{border-color:rgba(253,90,30,.55);background:rgba(253,90,30,.1)}
.hh .hs-wire{position:relative;flex:1;min-width:40px;height:2px;margin:0 6px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 6px,transparent 6px 12px)}
.hh .hs-wire i{position:absolute;top:-4px;left:0;width:10px;height:10px;border-radius:50%;background:#FD5A1E;box-shadow:0 0 14px #FD5A1E;opacity:0}
.hh .hs-steps{list-style:none;margin:0;padding:16px 24px 0;display:grid;gap:12px}
.hh .hs-steps li{font:500 .92rem/1.2 var(--font-body,'Geist',sans-serif);color:#e7e5e4}
.hh .hs-hero{height:84px;border-radius:12px;background:linear-gradient(120deg,rgba(253,90,30,.55),rgba(253,90,30,.12));opacity:0;transform:translateY(8px)}
.hh .hs-cols{padding-top:6px}
.hh .hs-chips{display:flex;flex-wrap:wrap;gap:10px;padding:18px 24px 0}
.hh .hs-chips span{padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);font:500 .8rem/1 var(--font-body,'Geist',sans-serif);color:#e7e5e4}
.hh .rv-pane.is-active .hs-h{animation:hs-grow .6s .1s cubic-bezier(.2,.8,.2,1) forwards}
.hh .rv-pane.is-active .hs-ln{animation:hs-grow .5s var(--d,.4s) cubic-bezier(.2,.8,.2,1) forwards}
.hh .rv-pane.is-active .hs-btn{animation:hs-press .5s 2.1s ease both}
.hh .rv-pane.is-active .hs-ok{animation:hs-pop .45s 2.5s ease forwards}
.hh .rv-pane.is-active .hs-wire i{animation:hs-run 1.6s .2s linear 2 both}
.hh .rv-pane.is-active .hs-steps li,.hh .rv-pane.is-active .hs-chips span{animation:hs-pop .45s var(--d,.4s) ease forwards}
.hh .rv-pane.is-active .hs-hero{animation:hs-pop .6s .2s ease forwards}
@keyframes hs-grow{to{transform:scaleX(1)}}
@keyframes hs-pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes hs-press{40%{transform:scale(.92)}100%{transform:scale(1)}}
@keyframes hs-run{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:calc(100% - 10px);opacity:0}}
@media (max-width:900px){.hh .hs{min-height:0}.hh .hs-node{min-width:0;padding:12px 14px}.hh .hs-nodes{padding-inline:16px}}
@media (prefers-reduced-motion:reduce){.hh .hs *{animation:none!important;opacity:1!important;transform:none!important}.hh .hs-wire i{opacity:0!important}}

/* Round 2o: category cards, option cards, grey Coming soon button */
.feature-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:18px}
.feature-card>.tag{align-self:flex-start;margin-bottom:12px}
.feature-card .feature-tags .tag{margin:0}
.feature-facts{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:10px 16px;margin:auto 0 0;padding-top:18px;border-top:1px solid rgba(27,23,16,.12);font-size:.9rem;line-height:1.4}
.feature-facts dt{font-family:var(--font-mono,'Geist Mono',monospace);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;opacity:.65}
.feature-facts dd{margin:0}
.feature-card.is-feature .feature-facts{border-top-color:rgba(255,255,255,.18);color:#fafafa}
.feature-card.is-feature .feature-facts dd{color:#fafafa}
.feature-card.is-feature>.tag{background:rgba(253,90,30,.18);color:#FDBA74}
.feature-strip{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:20px;padding:22px 28px;border:1px solid rgba(27,23,16,.12);border-radius:18px;background:#fff}
.feature-strip-k{display:flex;flex-direction:column;gap:2px}
.feature-strip-k b{font-weight:600}
.feature-strip-k span{font-size:.9rem;opacity:.65}
.feature-strip .feature-tags{margin:0;padding:0}
.btn.btn--soon,.btn.btn--soon:hover,.btn.btn--soon:active{background:#d4d4d8;border-color:#d4d4d8;color:#52525b;box-shadow:none;cursor:not-allowed;pointer-events:none;transform:none}
.btn.btn--soon::before,.btn.btn--soon::after{display:none}
@media (max-width:640px){.feature-facts{grid-template-columns:1fr;gap:2px}.feature-facts dd{margin-bottom:10px}.feature-strip{padding:20px}}

/* Round 2p: v2.css hides .feature-card .tag; chips and kicker tags are wanted in the plugin and compare cards */
.feature-card .feature-tags .tag,.feature-card>.tag{display:inline-flex}
.feature-card .feature-tags .tag{font-size:.75rem;padding:5px 11px}
/* Hatch option card: night surface, token colours */
body main .feature-grid--cards .feature-card.is-feature{background:#221C14;border-color:#221C14;color:#fafafa}
body main .feature-grid--cards .feature-card.is-feature h3{color:#fff}
body main .feature-grid--cards .feature-card.is-feature p{color:#d4d4d8}
body main .feature-grid--cards .feature-card.is-feature>.tag{background:rgba(253,90,30,.2);color:#FDBA74}
body main .feature-grid--cards .feature-card.is-feature,body main .feature-grid--cards .feature-card.is-feature:last-child,body main .feature-grid--cards .feature-card.is-feature:hover{background:var(--night,#221C14)!important;border-color:var(--night,#221C14)!important}
body main .feature-grid--cards .feature-card.is-feature p{color:#d4d4d8!important}
body main .feature-grid--cards .feature-card.is-feature .feature-facts dt{opacity:.8}
/* FAQ column centred under its centred heading */
body main #faq.rv-faq .rv-faqbar,body main #faq.rv-faq .rv-faqlist{max-width:920px!important;margin-left:auto!important;margin-right:auto!important}
body main #faq.rv-faq .rv-faqbar{justify-content:center}
/* Hatch hero marquee: tighter gaps, closer to RankReady's compact signal line */
body.page-template-template-hatch:not(.hh-off) .hh-track li{padding:0 clamp(10px,1.2vw,16px)}
body.page-template-template-hatch:not(.hh-off) .hh-track li::after{right:-2px}