/* Host My Blog v2: sitewide motion layer. Adaptive nav, dark mega panels, progress bar, spotlight, footer wordmark. */

/* ---------- Scroll progress ---------- */
.hmb2-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:900;background:#EA580C;transform-origin:0 50%;transform:scaleX(var(--p,0));pointer-events:none}

/* ---------- Adaptive nav pill: goes dark over dark sections ---------- */
.nav.hmb2-nav{transition:background-color .35s cubic-bezier(.22,1,.36,1),border-color .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}
.nav.hmb2-nav .wordmark,.nav.hmb2-nav .nav-link,.nav.hmb2-nav .nav-burger{transition:color .3s cubic-bezier(.22,1,.36,1),background-color .2s cubic-bezier(.22,1,.36,1)}
body.hmb2-nav-dark .nav.hmb2-nav,body.hmb2-nav-dark .nav.hmb2-nav.is-stuck{background:rgba(9,9,11,.95);border-color:rgba(255,255,255,.12);box-shadow:0 10px 40px -14px rgba(0,0,0,.7)}
body.hmb2-nav-dark .hmb2-nav .wordmark{color:#fafafa}
body.hmb2-nav-dark .hmb2-nav .nav-link,body.hmb2-nav-dark .hmb2-nav .nav-links button.hmb2-mega-btn{color:#d4d4d8}
body.hmb2-nav-dark .hmb2-nav .nav-link:hover,body.hmb2-nav-dark .hmb2-nav .hmb2-mega-btn:hover{background:rgba(255,255,255,.09);color:#fff}
body.hmb2-nav-dark .hmb2-nav .nav-link.is-active,body.hmb2-nav-dark .hmb2-nav .hmb2-mega-btn[aria-expanded="true"]{color:#fff;background:rgba(255,255,255,.1)}
body.hmb2-nav-dark .hmb2-nav .hmb2-mega-caret{color:#a1a1aa}
body.hmb2-nav-dark .hmb2-nav .hmb2-mega-btn:hover .hmb2-mega-caret,body.hmb2-nav-dark .hmb2-nav .hmb2-mega-btn[aria-expanded="true"] .hmb2-mega-caret{color:#fff}
body.hmb2-nav-dark .hmb2-nav .nav-burger{color:#fafafa}
body.hmb2-nav-dark .hmb2-nav .nav-cta{background:#EA580C;color:#fff;border-color:#EA580C}
body.hmb2-nav-dark .hmb2-nav .nav-cta:hover{background:#F97316;border-color:#F97316}

/* ---------- Mega panels: all dark ---------- */
.hmb2-nav .hmb2-mega-panel{background:#09090b;border-color:#27272a;box-shadow:0 0 0 1px rgba(255,255,255,.03) inset,0 40px 90px -24px rgba(0,0,0,.7)}
.hmb2-nav .hmb2-mega-panel--wide{padding:12px}
.hmb2-nav .hmb2-mega-grid{grid-template-columns:1fr}
.hmb2-nav .hmb2-mega-spot{background:transparent;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hmb2-nav .hmb2-mega-spot .hmb2-prod{position:relative;flex-direction:column;align-items:flex-start;gap:16px;padding:18px;min-height:168px;border-radius:16px;border:1px solid #27272a;background:#111113;overflow:hidden;isolation:isolate}
.hmb2-nav .hmb2-mega-spot .hmb2-prod::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(320px circle at var(--mx,50%) var(--my,0%),rgba(234,88,12,.22),transparent 65%);opacity:0;transition:opacity .3s}
.hmb2-nav .hmb2-mega-spot a.hmb2-prod:hover::before{opacity:1}
.hmb2-nav .hmb2-mega-spot a.hmb2-prod:hover,.hmb2-nav .hmb2-mega-spot a.hmb2-prod.is-current{background:#111113;border-color:rgba(251,146,60,.5)}
.hmb2-nav .hmb2-mega-spot .hmb2-prod-ico{width:46px;height:46px}
.hmb2-nav .hmb2-mega-spot .hmb2-prod-ico img{width:46px;height:46px}
.hmb2-nav .hmb2-mega-spot .hmb2-prod-t{gap:6px}
.hmb2-nav .hmb2-mega-spot .hmb2-prod-row b{font-family:var(--font-display);font-weight:400;font-size:1.25rem;letter-spacing:-.015em}
.hmb2-nav .hmb2-mega-spot .hmb2-prod-d{font-size:.85rem;color:#a1a1aa}
.hmb2-nav .hmb2-mega-spot .hmb2-prod-arrow{position:absolute;top:18px;right:18px;margin:0}
.hmb2-nav .hmb2-mega-spot .hmb2-prod.is-soon{border-style:dashed;border-color:#3f3f46;background:transparent}
.hmb2-nav .hmb2-mega-mini{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0}
.hmb2-nav .hmb2-mega-mini .hmb2-mega-mini-all{grid-column:auto}
.hmb2-nav .hmb2-mega-mini a{min-height:44px;border-radius:12px;background:#111113}
/* Compact panels */
.hmb2-nav .hmb2-mega-tiles a{color:#e4e4e7}
.hmb2-nav .hmb2-mega-tiles a:hover{background:#18181b}
.hmb2-nav .hmb2-mega-tile-ico{background:#18181b;color:#a1a1aa;border:1px solid #27272a}
.hmb2-nav .hmb2-mega-tiles a:hover .hmb2-mega-tile-ico,.hmb2-nav .hmb2-mega-tiles a.is-current .hmb2-mega-tile-ico{background:rgba(234,88,12,.14);color:#FDBA74;border-color:rgba(251,146,60,.4)}
.hmb2-nav .hmb2-mega-tiles a.is-current b{color:#FDBA74}
.hmb2-nav .hmb2-mega-panel a:focus-visible{outline-color:#FB923C}

/* ---------- Spotlight follow on dark cards ---------- */
.hmb2-spot{--mx:50%;--my:50%}

/* ---------- Footer: giant wordmark ---------- */
.hmb2-footer{position:relative;overflow:hidden}
.hmb2-footer::after{content:"hostmy.blog";content:"hostmy.blog" / "";display:block;text-align:center;white-space:nowrap;pointer-events:none;user-select:none;
  font-family:var(--font-display);font-weight:500;font-size:clamp(64px,17.5vw,280px);line-height:.8;letter-spacing:-.05em;
  margin:clamp(32px,5vw,72px) 0 -.09em;background:linear-gradient(180deg,#27272a 0%,#111113 70%,#09090b 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* ---------- Inner-page reveal (opt-in via JS, no-JS safe) ---------- */
html.mo-on .mo-r{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0s)}
html.mo-on .mo-r.mo-in{opacity:1;transform:none}

@media (max-width:900px){
  .hmb2-nav .hmb2-mega-spot{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .hmb2-progress{display:none}
  html.mo-on .mo-r{opacity:1;transform:none;transition:none}
}

/* fix: wordmark fits the viewport without clipping the g */
.hmb2-footer::after{font-size:clamp(52px,15vw,250px)}

/* Mega panel width and card fit; dark burger */
.hmb2-nav .hmb2-mega-panel--wide{left:-150px;right:auto;width:min(740px,calc(100vw - 40px))}
.hmb2-nav .hmb2-mega-spot .hmb2-prod-row{flex-wrap:wrap;gap:8px}
.hmb2-nav .hmb2-mega-spot .hmb2-prod-row b{white-space:nowrap}
.hmb2-nav .hmb2-mega-spot .hmb2-prod-row .pill,.hmb2-nav .hmb2-mega-spot .hmb2-prod-row [class*="pill"],.hmb2-nav .hmb2-mega-spot .hmb2-prod-row [class*="tag"]{white-space:nowrap}
body.hmb2-nav-dark .hmb2-nav .nav-burger{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fafafa}
body.hmb2-nav-dark .hmb2-nav .nav-burger svg{stroke:currentColor}

/* ---------- RankReady landing: dark hero, borderless rows, big type ---------- */
body.page-template-template-rankready .rr .rr-hero{background:#09090b;color:#fafafa;padding-top:clamp(64px,9vw,128px);padding-bottom:clamp(64px,8vw,112px)}
body.page-template-template-rankready .rr .rr-hero::before{top:-25%;right:-10%;width:min(1000px,120vw);background:radial-gradient(circle at 50% 50%,rgba(234,88,12,.38) 0%,rgba(234,88,12,.1) 42%,transparent 68%)}
body.page-template-template-rankready .rr .rr-hero::after{background-image:linear-gradient(#18181b 1px,transparent 1px),linear-gradient(90deg,#18181b 1px,transparent 1px);-webkit-mask-image:radial-gradient(ellipse 75% 65% at 30% 20%,#09090b 15%,transparent 72%);mask-image:radial-gradient(ellipse 75% 65% at 30% 20%,#09090b 15%,transparent 72%)}
body.page-template-template-rankready .rr .rr-hero h1{color:#fafafa;font-size:clamp(2.6rem,6vw,5.2rem);line-height:1.02;letter-spacing:-.035em}
body.page-template-template-rankready .rr .rr-hero h1 .rr-accent{color:#FDBA74;font-style:italic;background:none;-webkit-text-fill-color:currentColor}
body.page-template-template-rankready .rr .rr-hero .lead{color:#d4d4d8}
body.page-template-template-rankready .rr .rr-hero .lead b{color:#fff}
body.page-template-template-rankready .rr .rr-hero .lead code{background:#18181b;color:#FDBA74;border-color:#27272a}
body.page-template-template-rankready .rr .rr-hero .eyebrow{background:#111113;border-color:#27272a;color:#d4d4d8}
body.page-template-template-rankready .rr .rr-btn-ghost{background:transparent;border-color:#3f3f46;color:#fafafa}
body.page-template-template-rankready .rr .rr-btn-ghost:hover{background:#18181b;border-color:#52525b;color:#fff}
body.page-template-template-rankready .rr .rr-hero .rr-fine{color:#a1a1aa}
body.page-template-template-rankready .rr .rr-hero .rr-fine b{color:#e4e4e7}
body.page-template-template-rankready .rr .rr-shell{box-shadow:0 60px 120px -40px rgba(234,88,12,.35),0 0 0 1px #27272a;transform:perspective(1400px) rotateY(-4deg) rotateX(2deg);transition:transform .8s cubic-bezier(.16,1,.3,1)}
body.page-template-template-rankready .rr .rr-shell:hover{transform:perspective(1400px) rotateY(0) rotateX(0)}
body.page-template-template-rankready .rr .rr-stats{background:#09090b;padding-block:0 clamp(56px,7vw,96px)}
body.page-template-template-rankready .rr .rr-stat-grid{background:transparent;border:0;border-top:1px solid #27272a;border-radius:0;gap:0}
body.page-template-template-rankready .rr .rr-stat{background:transparent;border-left:1px solid #27272a;padding:32px 28px}
body.page-template-template-rankready .rr .rr-stat:first-child{border-left:0;padding-left:0}
body.page-template-template-rankready .rr .rr-stat .n{color:#fafafa;font-family:var(--font-display);font-weight:400;font-size:clamp(2.2rem,4.5vw,3.6rem);letter-spacing:-.03em}
body.page-template-template-rankready .rr .rr-stat:first-child .n{color:#FDBA74}
body.page-template-template-rankready .rr .rr-stat .k{color:#a1a1aa}

body.page-template-template-rankready .rr .section-head .h2{font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1.04;letter-spacing:-.03em}
body.page-template-template-rankready .rr .section-head .h2 em{font-style:italic;color:#C2410C}

body.page-template-template-rankready .rr .feature-card,
body.page-template-template-rankready .rr .step,
body.page-template-template-rankready .rr .rr-item,
body.page-template-template-rankready .rr .rr-soon-item{background:transparent;border:0;border-top:1px solid #d4d4d8;border-radius:0;box-shadow:none;padding:24px 4px 8px 0}
body.page-template-template-rankready .rr .feature-card:hover,
body.page-template-template-rankready .rr .step:hover,
body.page-template-template-rankready .rr .rr-item:hover{transform:none;box-shadow:none;border-top-color:#EA580C}
body.page-template-template-rankready .rr .feature-grid{gap:32px 40px}
body.page-template-template-rankready .rr .step-grid{gap:32px 40px}
body.page-template-template-rankready .rr .rr-items{gap:8px 40px}
body.page-template-template-rankready .rr .rr-soon-item{border-top-style:dashed}
body.page-template-template-rankready .rr .feature-ico{background:transparent;border:0;width:auto;height:auto;margin-bottom:14px}
body.page-template-template-rankready .rr .step .step-n{font-family:var(--font-display);font-size:clamp(2.4rem,4vw,3.4rem);font-weight:400;color:#EA580C;line-height:1;border:0;background:none;width:auto;height:auto;letter-spacing:-.03em}
body.page-template-template-rankready .rr .feature-card h3,
body.page-template-template-rankready .rr .step h3{font-family:var(--font-display);font-weight:500;font-size:1.4rem;letter-spacing:-.015em;line-height:1.2}
body.page-template-template-rankready .rr .rr-layer-aside h3{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.08;letter-spacing:-.025em}
body.page-template-template-rankready .rr .rr-layer-aside .rr-num{font-family:var(--font-display);font-size:clamp(3rem,5vw,4.6rem);line-height:1;font-weight:400;color:#EA580C;letter-spacing:-.04em}
body.page-template-template-rankready .rr .rr-layer{padding-block:clamp(40px,5vw,72px)}
body.page-template-template-rankready .rr .rr-note{background:#09090b;color:#e4e4e7;border:0;border-radius:20px}
body.page-template-template-rankready .rr .rr-note b{color:#fff}
body.page-template-template-rankready .rr .rr-note .ic{color:#FB923C}
body.page-template-template-rankready .rr .qa{background:transparent}
body.page-template-template-rankready .rr .rr-layer-hero{border-radius:20px;box-shadow:0 40px 80px -40px rgba(9,9,11,.35)}

@media (max-width:900px){
  body.page-template-template-rankready .rr .rr-shell{transform:none}
  body.page-template-template-rankready .rr .rr-stat{border-left:0;border-top:1px solid #27272a;padding:20px 0}
  body.page-template-template-rankready .rr .rr-stat:first-child{border-top:0}
}

/* RankReady hero: fit headline to its column */
body.page-template-template-rankready .rr .rr-hero h1{font-size:clamp(2.3rem,4.3vw,3.9rem);line-height:1.04}
body.page-template-template-rankready .rr .rr-hero h1 br{display:none}
body.page-template-template-rankready .rr .rr-hero-grid{align-items:center}
@media (max-width:900px){body.page-template-template-rankready .rr .rr-hero h1{font-size:clamp(2.1rem,9vw,2.8rem)}}
body.page-template-template-rankready .rr .rr-stat .n{font-size:clamp(1.8rem,3.4vw,2.9rem);white-space:nowrap;overflow-wrap:normal}
body.page-template-template-rankready .rr .rr-stat{min-width:0}
body.page-template-template-rankready .rr .rr-hero h1 br{display:inline;content:" "}

body.page-template-template-rankready .rr .feature-card .feature-ico.i-rr{background:transparent;width:auto;height:auto;display:inline-grid;justify-self:start;padding:0;color:#EA580C}
body.page-template-template-rankready .rr .feature-card .feature-ico.i-rr .ic{width:26px;height:26px}
body.page-template-template-rankready .rr .feature-card .feature-ico.i-rr{background:transparent!important;width:auto!important;height:auto!important;display:inline-grid!important;justify-self:start;padding:0!important;border:0!important;border-radius:0!important}

/* ===== Blog + docs hub: dark hero, editorial list ===== */
html{overflow-x:clip}
main .hmb2b-hero,main .hmb2d--hub .hmb2d-hero{position:relative;isolation:isolate;background:#09090b;color:#fafafa}
main .hmb2b-hero{padding:clamp(128px,15vw,200px) 0 clamp(64px,8vw,110px);overflow:hidden}
main .hmb2b-hero::before,main .hmb2d--hub .hmb2d-hero::before{content:"";position:absolute;left:50%;top:-25%;width:min(1100px,120vw);height:760px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(234,88,12,.34),rgba(234,88,12,.08) 55%,transparent 75%);z-index:-1;pointer-events:none}
main .hmb2b-hero::after,main .hmb2d--hub .hmb2d-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 30%,#000,transparent 72%);mask-image:radial-gradient(ellipse 70% 80% at 50% 30%,#000,transparent 72%)}
main .hmb2b-hero .crumbs,main .hmb2b-hero .crumbs a,main .hmb2b-hero .crumbs .sep{color:#71717a}
main .hmb2b-hero .crumbs .here{color:#d4d4d8}
main .hmb2b-hero .eyebrow,main .hmb2d-eyebrow{display:none}
main .hmb2b-hero .h1{font-family:var(--font-display);font-weight:400;font-size:clamp(4.2rem,13vw,10rem);line-height:.92;letter-spacing:-.045em;color:#fafafa;margin:.15em 0 .2em;font-style:italic;background:linear-gradient(180deg,#fff 30%,#FDBA74);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
main .hmb2b-hero .lead{color:#a1a1aa;max-width:34rem;font-size:clamp(1.05rem,1.5vw,1.25rem)}
main .hmb2b-list{background:#fafafa;padding-top:clamp(40px,5vw,72px)}
main .hmb2b-featured{border:0;box-shadow:none;background:#09090b;border-radius:28px;overflow:hidden;color:#fafafa;transition:transform .5s cubic-bezier(.16,1,.3,1)}
main .hmb2b-featured:hover{transform:translateY(-4px)}
main .hmb2b-featured__body{background:transparent}
main .hmb2b-featured__title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.9rem,3.2vw,2.9rem);line-height:1.06;letter-spacing:-.025em;color:#fafafa}
main .hmb2b-featured__excerpt{color:#a1a1aa}
main .hmb2b-featured .hmb2b-card__meta{color:#71717a}
main .hmb2b-featured .hmb2b-cat{color:#FDBA74;background:rgba(251,146,60,.14);border-color:transparent}
main .hmb2b-featured .hmb2b-flag{background:#EA580C;color:#fff;border-color:transparent}
main .hmb2b-featured__media__img{transition:transform .9s cubic-bezier(.16,1,.3,1)}
main .hmb2b-featured:hover .hmb2b-featured__media__img{transform:scale(1.04)}
main .hmb2b-chips{gap:6px;margin-top:clamp(32px,4vw,56px)}
main .hmb2b-chip{background:transparent;border:0;border-radius:999px;color:#52525b}
main .hmb2b-chip:hover{background:#f4f4f5;color:#09090b}
main .hmb2b-chip.is-active{background:#09090b;color:#fff}
main .hmb2b-card{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0}
main .hmb2b-card__media{border-radius:20px;overflow:hidden}
main .hmb2b-card__media__img{transition:transform .8s cubic-bezier(.16,1,.3,1)}
main .hmb2b-card:hover .hmb2b-card__media__img{transform:scale(1.05)}
main .hmb2b-card__body{padding:18px 2px 0}
main .hmb2b-card__title{font-family:var(--font-display);font-weight:400;font-size:1.35rem;line-height:1.18;letter-spacing:-.018em}
main .hmb2b-card:hover .hmb2b-card__title{color:#C2410C}
main .hmb2b-grid{row-gap:clamp(36px,4vw,64px)}
main .hmb2d--hub .hmb2d-hero{text-align:center;padding:clamp(128px,15vw,190px) 0 clamp(56px,7vw,96px);margin-bottom:clamp(40px,5vw,72px)}
main .hmb2d--hub .hmb2d-hero .hmb2d-hero-title{color:#fafafa;font-family:var(--font-display);font-weight:400;font-size:clamp(2.8rem,8vw,6.4rem);line-height:.98;letter-spacing:-.04em}
main .hmb2d--hub .hmb2d-hero .hmb2d-hero-title br{display:inline;content:" "}
main .hmb2d--hub .hmb2d-hero-sub{color:#a1a1aa;max-width:36rem;margin-left:auto;margin-right:auto}
main .hmb2d--hub .docs-search{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:999px;backdrop-filter:blur(10px)}
main .hmb2d--hub .docs-search input{background:transparent;color:#fafafa}
main .hmb2d--hub .docs-search input::placeholder{color:#71717a}
main .hmb2d--hub .docs-search .docs-search-ic{color:#a1a1aa}
main .hmb2d--hub .docs-search button{background:#EA580C;color:#fff}
main .hmb2d-block-title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.8rem,3.4vw,2.6rem);letter-spacing:-.025em}
main .hmb2d-product{background:transparent;border:0;border-top:1px solid #e4e4e7;border-radius:0;box-shadow:none;padding:clamp(22px,3vw,36px) 0;transition:padding .35s cubic-bezier(.16,1,.3,1),border-color .3s}
main .hmb2d-product:hover{border-top-color:#EA580C;padding-left:14px}
main .hmb2d-product-name{font-family:var(--font-display);font-weight:400;font-size:clamp(1.5rem,2.6vw,2.1rem);letter-spacing:-.02em}
.hmb2-subnav.is-on-dark{background:rgba(9,9,11,.6);border-color:rgba(255,255,255,.12)}
.hmb2-subnav.is-on-dark .hmb2-subnav-id,.hmb2-subnav.is-on-dark .hmb2-subnav-word{color:#fafafa}
.hmb2-subnav.is-on-dark .hmb2-subnav-links a{color:#d4d4d8}
.hmb2-subnav.is-on-dark .hmb2-subnav-links a:hover,.hmb2-subnav.is-on-dark .hmb2-subnav-links a.is-active,.hmb2-subnav.is-on-dark .hmb2-subnav-links a[aria-current]{background:rgba(255,255,255,.1);color:#fff}
@media(max-width:720px){main .hmb2b-featured{border-radius:20px}}

/* ===== specificity pass: blog + docs hub ===== */
body main .hmb2b-hero{padding:clamp(128px,15vw,200px) 0 clamp(64px,8vw,110px)!important;margin:0!important;min-height:0!important}
body main .hmb2b-hero .hmb2b-hero__head{max-width:none!important}
body main .hmb2b-hero .h1,body main .hmb2b-hero h1{font-size:clamp(4.2rem,13vw,10rem)!important;line-height:.92!important;letter-spacing:-.045em!important;margin:.12em 0 .18em!important}
body main .hmb2b-hero .lead,body main .hmb2b-hero p.lead{color:#a1a1aa!important;max-width:34rem!important;-webkit-text-fill-color:#a1a1aa!important}
body main .hmb2b-hero .crumbs a,body main .hmb2b-hero .crumbs .sep{color:#71717a!important}
body main .hmb2b-hero .crumbs .here{color:#d4d4d8!important}
body main .hmb2b-featured{background:#09090b!important;border:0!important;box-shadow:none!important;border-radius:28px!important}
body main .hmb2b-featured__body{background:transparent!important}
body main .hmb2b-featured .hmb2b-featured__title{color:#fafafa!important;font-family:var(--font-display)!important;font-weight:400!important}
body main .hmb2b-featured .hmb2b-featured__excerpt{color:#a1a1aa!important}
body main .hmb2b-featured .hmb2b-card__meta{color:#71717a!important}
body main .hmb2b-card{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
body main .hmb2b-card__body{background:transparent!important;padding:18px 2px 0!important}
body main .hmb2b-card__media{border-radius:20px!important;overflow:hidden!important}
body main .hmb2b-card .hmb2b-card__title{font-family:var(--font-display)!important;font-weight:400!important;font-size:1.4rem!important;line-height:1.18!important}
body main .hmb2b-chip{background:transparent!important;border:0!important;color:#52525b!important}
body main .hmb2b-chip:hover{background:#f4f4f5!important;color:#09090b!important}
body main .hmb2b-chip.is-active,body main .hmb2b-chip[aria-current]{background:#09090b!important;color:#fff!important}
body main .hmb2d--hub .hmb2d-hero{box-shadow:none!important;clip-path:none!important;border:0!important;border-image:linear-gradient(#09090b,#09090b) 0 fill / 0 / 0 100vmax!important;border-radius:0!important;background:#09090b!important;margin-top:0!important;position:relative!important;z-index:5!important}
body main .hmb2d--hub .hmb2d-shell{padding-top:0!important}
body main .hmb2d--hub .hmb2d-hero .hmb2d-hero-title{color:#fafafa!important;font-size:clamp(2.8rem,8vw,6.4rem)!important;line-height:.98!important}
body main .hmb2d--hub .hmb2d-hero .hmb2d-hero-sub{color:#a1a1aa!important}
body main .hmb2d--hub .hmb2d-hero .docs-search{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:none!important}
body main .hmb2d--hub .hmb2d-hero .docs-search input{background:transparent!important;color:#fafafa!important}
body main .hmb2d--hub .hmb2d-hero .docs-search-ic{color:#a1a1aa!important}
body main .hmb2d-products{gap:0!important;grid-template-columns:1fr!important}
body main .hmb2d-products .hmb2d-product{background:transparent!important;border:0!important;border-top:1px solid #d4d4d8!important;border-radius:0!important;box-shadow:none!important;padding:clamp(22px,3vw,36px) 0!important}
body main .hmb2d-products .hmb2d-product:hover{border-top-color:#EA580C!important;padding-left:14px!important}
body main .hmb2d-products .hmb2d-product-name{font-family:var(--font-display)!important;font-weight:400!important;font-size:clamp(1.5rem,2.6vw,2.1rem)!important}

body main:has(>.hmb2b-hero){padding-top:0!important}
body main .hmb2b-hero{padding-top:clamp(150px,16vw,210px)!important}
body main .hmb2d--hub .hmb2d-hero{padding-top:clamp(64px,7vw,104px)!important}

/* ===== marketing templates ===== */
body:is(.page-template-template-about,.page-template-template-for-bloggers,.page-template-template-for-agencies,.page-template-template-the-cited,.page-template-template-cited,.page-template-template-sitemap,.page-template-template-affiliate,.page-template-template-community,.page-template-template-hatch) main{
&:has(>.section.hero),&:has(>.page-hero){padding-top:0!important}
.section.hero,.page-hero{position:relative;isolation:isolate;background:#09090b!important;color:#fafafa!important;padding-top:clamp(140px,15vw,200px)!important;padding-bottom:clamp(72px,9vw,128px)!important;border:0!important}
.section.hero::before,.page-hero::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(60% 55% at 50% 0%,rgba(234,88,12,.34),transparent 70%),radial-gradient(40% 40% at 88% 70%,rgba(251,146,60,.12),transparent 70%)}
.section.hero::after,.page-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 0%,#000 30%,transparent 78%);mask-image:radial-gradient(ellipse 70% 80% at 50% 0%,#000 30%,transparent 78%)}
.hero-glow{display:none!important}
.eyebrow,.p-eyebrow{display:none!important}
.section.hero .h1,.page-hero .h1{color:#fff!important;font-size:clamp(3rem,8.4vw,7.2rem)!important;line-height:.98!important;letter-spacing:-.035em!important;font-weight:400!important}
.section.hero .h1 span,.page-hero .h1 span{color:inherit}
.section.hero .h1 .grad-text,.page-hero .h1 .grad-text{font-style:italic;background:linear-gradient(90deg,#fff 0%,#FDBA74 65%,#FB923C 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
.section.hero .lead,.page-hero .lead{color:#a1a1aa!important;font-size:clamp(1.05rem,1.5vw,1.3rem)!important}
.page-hero .crumbs,.page-hero .crumbs a{color:#a1a1aa!important}
.page-hero .crumbs .here{color:#fafafa!important}
.page-hero .link-arrow{color:#FDBA74!important}
.page-hero .btn--outline,.section.hero .btn--outline{color:#fafafa;border-color:#3f3f46;background:transparent}
.section.hero .cited-points li,.section.hero .cited-by{color:#d4d4d8!important}
.hmb2-sm-jump a{background:rgba(255,255,255,.06)!important;border:1px solid #3f3f46!important;color:#e4e4e7!important;border-radius:999px}
.hmb2-sm-jump a:hover{border-color:#FB923C!important;color:#fff!important}
.section-head .h2,.story-grid .h2,.mirror-copy .h2{font-size:clamp(2.4rem,5.4vw,4.6rem)!important;line-height:1.02!important;letter-spacing:-.03em!important;font-weight:400!important}
.section--paper{background:#fafafa!important}
.feature-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;border:0!important}
.feature-card{display:grid!important;grid-template-columns:56px minmax(0,.9fr) minmax(0,1.3fr)!important;column-gap:clamp(20px,4vw,56px)!important;align-items:start!important;background:transparent!important;border:0!important;border-top:1px solid #d4d4d8!important;border-radius:0!important;box-shadow:none!important;padding:clamp(26px,3vw,40px) 0!important;transition:padding-left .4s cubic-bezier(.16,1,.3,1)}
.feature-card:last-child{border-bottom:1px solid #d4d4d8!important}
.feature-card .feature-ico{background:transparent!important;border:0!important;padding:0!important;width:auto!important;height:auto!important;color:#EA580C!important;display:inline-grid!important;justify-self:start;box-shadow:none!important;border-radius:0!important}
.feature-card .feature-ico svg{width:28px;height:28px}
.feature-card h3,.feature-card .h3{font-family:var(--font-display);font-weight:400;font-size:clamp(1.5rem,2.4vw,2.1rem)!important;line-height:1.08;letter-spacing:-.02em;margin:0!important;color:#09090b}
.feature-card p{margin:0!important;color:#52525b!important;max-width:52ch}
.feature-card .tag{grid-column:2;justify-self:start}
.feature-card:hover{padding-left:14px!important}
.feature-card:hover h3{color:#C2410C}
.feature-card.is-feature h3{color:#C2410C}
.founder-grid{gap:clamp(14px,2vw,24px)!important}
.founder{border:0!important;border-radius:28px!important;box-shadow:none!important;background:#f4f4f5!important;overflow:hidden;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.founder:hover{transform:translateY(-8px)}
.sol-grid{grid-template-columns:1fr!important;gap:0!important}
.sol-card{background:transparent!important;border:0!important;border-top:1px solid #d4d4d8!important;border-radius:0!important;box-shadow:none!important;padding:clamp(24px,3vw,36px) 0!important;transition:padding-left .4s cubic-bezier(.16,1,.3,1)}
.sol-card:hover{padding-left:14px!important}
.qa-grid{grid-template-columns:1fr!important;gap:0!important}
.qa{background:transparent!important;border:0!important;border-top:1px solid #d4d4d8!important;border-radius:0!important;box-shadow:none!important;padding:24px 0!important}
.section--night{position:relative;isolation:isolate;overflow:hidden}
.section--night::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(50% 70% at 50% 100%,rgba(234,88,12,.3),transparent 70%)}
.hmb2-sm-card{background:transparent!important;border:0!important;border-top:1px solid #d4d4d8!important;border-radius:0!important;box-shadow:none!important}
.hmb2-sm-head h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.8rem,3vw,2.6rem)}
@media (max-width:820px){
  .feature-card{grid-template-columns:40px 1fr!important;row-gap:10px}
  .feature-card p{grid-column:1 / -1}
  .feature-card .tag{grid-column:2}
}
}
body.single-post main:has(.hmb2b-head){padding-top:0!important}
body.single-post main .hmb2b-head{position:relative;isolation:isolate;background:#09090b!important;color:#fafafa!important;box-shadow:0 0 0 100vmax #09090b!important;clip-path:inset(0 -100vmax)!important;padding:clamp(140px,14vw,190px) 0 clamp(56px,6vw,88px)!important;margin:0!important}
body.single-post main .hmb2b-head::before{content:"";position:absolute;inset:0 -100vmax;z-index:-1;pointer-events:none;background:radial-gradient(45% 60% at 50% 0%,rgba(234,88,12,.32),transparent 70%)}
body.single-post main .hmb2b-head h1{color:#fff!important;font-size:clamp(2.6rem,6.4vw,5.6rem)!important;line-height:1!important;letter-spacing:-.035em!important;font-weight:400!important}
body.single-post main .hmb2b-head a,body.single-post main .hmb2b-head .hmb2b-meta,body.single-post main .hmb2b-head .crumbs{color:#a1a1aa!important}
body.single-post main .hmb2b-head .hmb2b-meta strong,body.single-post main .hmb2b-head .hmb2b-meta b{color:#fafafa!important}
body.single-post main .hmb2b-head .eyebrow{display:none!important}
body.single-post main .hmb2b-hero-media__frame{border-radius:28px!important;box-shadow:0 40px 90px -30px rgba(9,9,11,.55)!important}

/* fix: gradient italic word on marketing heroes */
body main .section.hero .h1 .grad-text,body main .page-hero .h1 .grad-text{background-image:linear-gradient(90deg,#fff 0%,#FDBA74 65%,#FB923C 100%)!important;background-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;font-style:italic!important;padding-right:.08em}

/* fix: feature-row title alignment, headline balance */
body main .feature-card h3,body main .feature-card .h3{display:block!important;align-self:start!important;min-height:0!important;height:auto!important;line-height:1.1!important;padding:0!important;text-wrap:balance}
body main .feature-card p{align-self:start!important;padding-top:.35em!important}
body main .section-head .h2,body main .story-grid .h2,body main .mirror-copy .h2{font-size:clamp(2.2rem,4.6vw,3.9rem)!important;text-wrap:balance}

body main .hmb2-sm-jump{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;display:flex!important;flex-wrap:wrap;gap:10px}
body.home main .pb-sub,body.home main .pb-note,body.home main .pb-incl,body.home main .price-list li{color:rgba(250,250,250,.8)!important}
body.home main .url-row--good{border-color:rgba(194,65,12,.35)!important}
body main .news-ico.n-teal,body main .news-ico.n-violet,body main .news-ico.n-coral,body main .news-ico.n-gold{background:#f4f4f5!important;color:#18181b!important}
body.page-template-template-rankready .rr .qa h3,body.page-template-template-rankready .rr .cmp-head h3,body.page-template-template-rankready .rr h4{font-family:var(--font-display)!important;font-weight:400!important}

.nav.hmb2-nav .hmb2-mega-btn.is-active::after,.nav.hmb2-nav .nav-link.is-active::after{content:none!important;display:none!important}

/* for-agencies care card + italic overhang */
body main .section.hero .h1 .grad-text,body main .page-hero .h1 .grad-text{padding-right:.14em!important;margin-right:-.14em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
body.page-template-template-for-agencies main .care-card__body,body.page-template-template-for-agencies main .care-card__body .t{color:#52525b!important}
body.page-template-template-for-agencies main .care-card__body .t b,body.page-template-template-for-agencies main .care-card__body .n,body.page-template-template-for-agencies main .care-card__body .who b{color:#09090b!important}
body.page-template-template-for-agencies main .care-card__body .k,body.page-template-template-for-agencies main .care-card__body .who span{color:#71717a!important}
body.page-template-template-for-agencies main .care-card__top{flex-wrap:wrap!important;gap:12px!important}
body.page-template-template-for-agencies main .care-pill{white-space:nowrap;flex-shrink:0}

/* sticky fix: body overflow-x hidden made body a scroll container, so position:sticky never stuck */
html body{overflow-x:clip!important;overflow-y:visible!important}

@media (max-width:520px){body main .hmb2b-hero__head .h1{font-size:clamp(2.2rem,13.5vw,3.6rem)!important;padding-right:.1em}}

/* light-hero gradient word: orange only */
body:is(.page-template-hmb-rr-feature,.page-template-hmb-compare) main .h1 .grad-text,body:is(.page-template-hmb-rr-feature,.page-template-hmb-compare) main .page-hero .h1 .grad-text{background-image:linear-gradient(90deg,#C2410C 0%,#EA580C 55%,#F97316 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;padding-right:.14em;margin-right:-.14em}

/* ===== Pass 4: chat bubble, mega row, RankReady landing without boxes or rules ===== */
.hmb2-nav .hmb2-mega-mini{grid-template-columns:1fr!important}
.hmb2-nav .hmb2-mega-mini .hmb2-mega-mini-all{grid-column:1 / -1!important}
.woot--bubble-holder{transform:scale(.86);transform-origin:100% 100%;transition:opacity .25s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1)}
body.hmb2-menu-open .woot--bubble-holder,body.hmb2-menu-open .woot-widget-holder,body.modal-open .woot--bubble-holder{opacity:0!important;pointer-events:none!important;transform:scale(.7)}
@media (max-width:640px){.woot--bubble-holder{transform:scale(.74)}}

/* Landing: sub-nav only after the hero */
body.page-template-template-rankready .rr{padding-top:0!important}
body.page-template-template-rankready .rr .rr-hero{padding-top:clamp(132px,13vw,188px)!important}

/* Landing: stats, no dividers */
body.page-template-template-rankready .rr .rr-stat-grid{border:0!important}
body.page-template-template-rankready .rr .rr-stat{border:0!important;padding:8px 28px 8px 0!important}

/* Landing: problem block as two plain columns, no boxes, no icons */
body.page-template-template-rankready .rr .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(36px,4vw,60px) clamp(40px,6vw,96px)!important}
body.page-template-template-rankready .rr .feature-card{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
body.page-template-template-rankready .rr .feature-card .feature-ico{display:none!important}
body.page-template-template-rankready .rr .feature-card h3{font-size:clamp(1.35rem,2vw,1.75rem)!important;margin:0 0 12px!important}
body.page-template-template-rankready .rr .feature-card p{color:#52525b!important;margin:0!important;max-width:52ch}
body.page-template-template-rankready .rr .rr-note{display:block!important;background:transparent!important;color:#52525b!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin-top:clamp(40px,5vw,64px)!important;max-width:60ch;font-family:var(--font-display);font-size:clamp(1.25rem,1.9vw,1.6rem);line-height:1.35;letter-spacing:-.01em}
body.page-template-template-rankready .rr .rr-note b{color:#09090b!important}
body.page-template-template-rankready .rr .rr-note .ic{display:none!important}

/* Landing: steps with a quiet italic numeral instead of the STEP 01 label */
body.page-template-template-rankready .rr .step-grid{counter-reset:rrs}
body.page-template-template-rankready .rr .step{counter-increment:rrs;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
body.page-template-template-rankready .rr .step .step-n{font-size:0!important;line-height:1;margin:0 0 14px}
body.page-template-template-rankready .rr .step .step-n::before{content:counter(rrs);font-family:var(--font-display);font-style:italic;font-weight:400;font-size:2.2rem;color:#EA580C;line-height:1}

/* Landing: six layers as open prose, no rules, no cards */
body.page-template-template-rankready .rr .rr-layer{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.page-template-template-rankready .rr .rr-item{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
body.page-template-template-rankready .rr .rr-items{gap:26px 44px!important}
body.page-template-template-rankready .rr .rr-layer-hero{border-radius:0!important;box-shadow:none!important;border:0!important}
body.page-template-template-rankready .rr .rr-layer-hero::before{display:none!important}

/* Landing: pricing cards stay cards but lose the bubble corners */
body.page-template-template-rankready .rr .price-card{border-radius:8px!important}

/* Landing: audit band, docs, FAQ without boxes or rules */
body.page-template-template-rankready .rr .rr-check,body.page-template-template-rankready .rr .rr-check-core{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding-inline:0!important}
body.page-template-template-rankready .rr .rr-check li{border:0!important}
body.page-template-template-rankready .rr .rr-band-note{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
body.page-template-template-rankready .rr .rr-audit-cta{border-radius:8px!important}
body.page-template-template-rankready .rr .docs-cat-card{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
body.page-template-template-rankready .rr .qa{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:18px 0!important}
body.page-template-template-rankready .rr .qa h3 .q{display:none!important}

/* ===== Pass 5: dark bands full-bleed, leftover icons, pills, rules ===== */
body.page-template-template-rankready main .rr .feature-grid .feature-card .feature-ico,body.page-template-template-rankready main .rr .feature-grid .feature-card .feature-ico svg{display:none!important}
body.page-template-template-rankready main .rr section.rr-band{border-radius:0!important;margin-inline:0!important;box-shadow:0 0 0 100vmax #09090b!important;clip-path:inset(0 -100vmax)!important;border:0!important}
body.page-template-template-rankready main .rr .rr-soon-item,body.page-template-template-rankready main .rr .price-list,body.page-template-template-rankready main .rr .qa-grid{border:0!important}
body.page-template-template-rankready main .rr .rr-shell{border-radius:10px!important}
body.page-template-template-rankready main .rr .rr-core{border-radius:6px!important}
body.page-template-template-rankready main .rr img{border-radius:6px!important}
body.page-template-template-rankready main .rr .docs-cat-ic{display:none!important}
body.page-template-template-rankready main .rr .docs-cat-all{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;height:auto!important;width:auto!important;color:#C2410C!important;font-weight:500}
body.page-template-template-rankready main .rr .docs-cat-all:hover{text-decoration:underline;text-underline-offset:4px}
body.page-template-template-rankready main .rr .rr-audit-cta-icon{display:none!important}
body.page-template-template-rankready main .rr .rr-check li>svg,body.page-template-template-rankready main .rr .rr-check li>.ic,body.page-template-template-rankready main .rr .rr-check li>span:first-child:empty{display:none!important}

/* ===== Pass 6: mobile landing fixes ===== */
@media (max-width:640px){
  body.page-template-template-rankready .rr .feature-grid{grid-template-columns:1fr!important;gap:32px!important}
  
  
  
  
}

/* ===== Pass 7: no category eyebrow chip above post titles (breadcrumb already carries it) ===== */
body.single-post main .hmb2b-head .hmb2b-cat{display:none!important}

/* ===== Fix 1: chat bubble. A transform on the holder turned the fixed bubble into a page-bottom element and added ~690px of blank scroll; scale the bubble itself. ===== */
html body .woot--bubble-holder,html body.hmb2-menu-open .woot--bubble-holder,html body.modal-open .woot--bubble-holder{transform:none!important;transition:none!important}
html body .woot-widget-bubble{transform:scale(.86);transform-origin:100% 100%;transition:opacity .25s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1)}
html body.hmb2-menu-open .woot-widget-bubble,html body.hmb2-menu-open .woot-widget-holder,html body.modal-open .woot-widget-bubble{opacity:0!important;pointer-events:none!important;transform:scale(.7)}
@media (max-width:640px){html body .woot-widget-bubble{transform:scale(.74)}}

/* ===== Fix 2: tab contrast, sub-nav CTA size, block button height, mobile shot ===== */
body.page-template-template-rankready .rr .rv-tab:not(.is-active){opacity:.82!important}
body .hmb2-subnav .hmb2-subnav-cta{height:44px!important;min-height:44px!important;padding:0 18px!important;font-size:14.4px!important;line-height:1!important}
body.page-template-template-rankready .rr .rv-btn--block{min-height:52px}
body.page-template-template-rankready .rr .rv-shot{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:640px){body.page-template-template-rankready .rr .rv-shot .rv-crop,body.page-template-template-rankready .rr .rv-shot>img{min-width:640px}}