/* Host My Blog v2: inner pages (about, for-agencies, for-bloggers, the-cited,
   reviews, plugins, brand, legal, sitemap). Loaded after v2.css, every rule is
   scoped to the page-template body class so nothing leaks to the home page,
   the blog, the docs or the RankReady product page. Headings keep
   var(--font-display) from v2.css. The one heading-font rule below only
   undoes parent card rules that pinned h3 to var(--font-sans). */

/* Card and FAQ h3s: the parent components set var(--font-sans); every
   heading on these pages is the display face. The mono question marker
   inside .qa h3 keeps its own font. */
body:is(.page-template-template-for-agencies,.page-template-template-for-bloggers) :is(.flow-node,.cmp-head,.qa,.sol-card) h3{font-family:var(--font-display)}

/* ------------------------------------------------------------------
   1. Palette bridge. The parent theme still defines teal, gold, pink and
   warm-plum shadows as tokens; on these pages they resolve to the v2
   zinc and orange system instead.
   ------------------------------------------------------------------ */
body:is(.page-template-template-about,.page-template-template-for-agencies,.page-template-template-for-bloggers,.page-template-template-cited,.page-template-template-reviews,.page-template-template-plugins,.page-template-template-brand,.page-template-template-legal,.page-template-template-sitemap){
  --teal:#EA580C;--teal-12:rgba(234,88,12,.10);
  --gold:#F97316;--gold-12:rgba(234,88,12,.10);
  --pink:#EA580C;--pink-12:rgba(234,88,12,.10);
  --shadow-card:0 1px 2px rgba(9,9,11,.04),0 10px 24px -14px rgba(9,9,11,.14);
  --shadow-pop:0 24px 56px -26px rgba(9,9,11,.30);
}

/* Primary button glow follows the CTA orange rather than the parent amber. */
body:is(.page-template-template-about,.page-template-template-for-agencies,.page-template-template-for-bloggers,.page-template-template-cited,.page-template-template-reviews,.page-template-template-plugins,.page-template-template-brand,.page-template-template-legal,.page-template-template-sitemap) .btn--primary{
  box-shadow:0 8px 22px -12px rgba(234,88,12,.55);
}

/* Icon tiles: one tint, one ink. */
body:is(.page-template-template-about,.page-template-template-for-agencies,.page-template-template-for-bloggers,.page-template-template-cited,.page-template-template-reviews,.page-template-template-plugins) :is(.i-teal,.i-gold,.i-pink,.i-blue,.i-violet,.i-coral){
  background:rgba(234,88,12,.10);color:#C2410C;
}
body:is(.page-template-template-for-bloggers,.page-template-template-plugins,.page-template-template-for-agencies) .tag--teal{background:rgba(234,88,12,.10);color:#C2410C}

/* ------------------------------------------------------------------
   2. Dark surfaces: zinc text instead of the parent lavender tints.
   ------------------------------------------------------------------ */
body:is(.page-template-template-about,.page-template-template-for-agencies,.page-template-template-for-bloggers,.page-template-template-cited) .section--night .eyebrow{color:#a1a1aa}
body:is(.page-template-template-about,.page-template-template-for-agencies,.page-template-template-for-bloggers,.page-template-template-cited) .contact-cta .promise{color:#d4d4d8}
body:is(.page-template-template-for-agencies,.page-template-template-for-bloggers) .cmp-col--with{color:#fafafa}
body:is(.page-template-template-for-agencies,.page-template-template-for-bloggers) .cmp-col--with .cmp-head span{color:#a1a1aa}
body:is(.page-template-template-for-agencies,.page-template-template-for-bloggers) .cmp-col--with .cmp-list li{color:#e4e4e7;border-color:rgba(255,255,255,.1)}
body:is(.page-template-template-for-agencies,.page-template-template-for-bloggers) .cmp-col--with .cmp-list .ic{color:#FB923C}
body:is(.page-template-template-for-agencies,.page-template-template-for-bloggers) .partner-band{color:#fafafa}
body:is(.page-template-template-for-agencies,.page-template-template-for-bloggers) :is(.partner-band .p-eyebrow,.pb-note,.pb-incl){color:#a1a1aa}
body:is(.page-template-template-for-agencies,.page-template-template-for-bloggers) .pb-sub{color:#d4d4d8}
body:is(.page-template-template-for-agencies,.page-template-template-for-bloggers) .partner-band .price-list li{color:#e4e4e7}
body:is(.page-template-template-for-agencies,.page-template-template-for-bloggers) .pb-note .ic{color:#FB923C}
body:is(.page-template-template-for-agencies,.page-template-template-for-bloggers,.page-template-template-cited,.page-template-template-about) .feature-card.is-feature p{color:#d4d4d8}
body.page-template-template-for-agencies :is(.calc-controls .clabel span,.calc-out .co-per,.calc-breakdown .cb span){color:#d4d4d8}
body.page-template-template-for-agencies :is(.calc-out .co-label,.calc-note){color:#a1a1aa}
body.page-template-template-for-agencies .calc-breakdown .cb.keep b{color:#FB923C}

/* Care report card: the status pill sits on the night header strip. */
body:is(.page-template-template-for-agencies,.page-template-template-for-bloggers) .care-pill{background:#FB923C;color:#09090b}

/* ------------------------------------------------------------------
   3. Cards and hover states on the zinc line scale.
   ------------------------------------------------------------------ */
body:is(.page-template-template-for-agencies,.page-template-template-for-bloggers) .sol-num{color:rgba(9,9,11,.13)}
body:is(.page-template-template-for-agencies,.page-template-template-for-bloggers) .sol-card:hover{border-color:#d4d4d8;box-shadow:var(--hmb2-shadow)}
body:is(.page-template-template-for-agencies,.page-template-template-for-bloggers) .sol-card:hover .sol-num{color:rgba(9,9,11,.22)}
body:is(.page-template-template-about,.page-template-template-for-agencies,.page-template-template-for-bloggers) .stat-card:hover{border-color:#d4d4d8}
body:is(.page-template-template-reviews,.page-template-template-for-bloggers) .rev-agg:hover{border-color:#EA580C}
body.page-template-template-cited .modal--inline .modal-card{box-shadow:0 30px 60px -30px rgba(9,9,11,.22)}
body.page-template-template-brand .bk-sw-chip{box-shadow:inset 0 0 0 1px rgba(9,9,11,.10)}

/* Agencies: notification stack and the white-label email window. */
body.page-template-template-for-agencies .notif .n-ico.amber{background:rgba(234,88,12,.10);color:#C2410C}
body.page-template-template-for-agencies .notif .n-ico.blue{background:#f4f4f5;color:#27272a}
body.page-template-template-for-agencies .email-mock .em-bar i{background:#d4d4d8}
body.page-template-template-for-agencies .email-mock{border-radius:var(--radius);box-shadow:var(--hmb2-shadow)}

/* ------------------------------------------------------------------
   4. Page heroes: a quiet dot grid that fades out, shadcn and Vercel style.
   ------------------------------------------------------------------ */
body:is(.page-template-template-about,.page-template-template-for-agencies,.page-template-template-for-bloggers,.page-template-template-cited,.page-template-template-plugins,.page-template-template-brand,.page-template-template-legal,.page-template-template-sitemap) :is(.page-hero,.section.hero){
  position:relative;isolation:isolate;
}
body:is(.page-template-template-about,.page-template-template-for-agencies,.page-template-template-for-bloggers,.page-template-template-cited,.page-template-template-plugins,.page-template-template-brand,.page-template-template-legal,.page-template-template-sitemap) :is(.page-hero,.section.hero)::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(rgba(9,9,11,.10) 1px,transparent 1.2px);
  background-size:22px 22px;background-position:center top;
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#09090b 30%,transparent 78%);
  mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#09090b 30%,transparent 78%);
}

/* ------------------------------------------------------------------
   5. About.
   ------------------------------------------------------------------ */
.page-template-template-about .story-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(40px,6vw,88px);align-items:start}
.page-template-template-about .story-grid>div:first-child{position:sticky;top:108px}
.page-template-template-about .story-grid .h2{margin-top:16px}
.page-template-template-about .story-grid .cited-points{margin-top:30px}
.page-template-template-about .story-grid .prose{max-width:64ch}
.page-template-template-about .story-grid .prose p{margin:0 0 18px;color:var(--ink-soft);line-height:1.75;font-size:1.02rem}
.page-template-template-about .story-grid .prose p:last-child{margin-bottom:0}
@media (max-width:860px){
  .page-template-template-about .story-grid{grid-template-columns:1fr;gap:30px}
  .page-template-template-about .story-grid>div:first-child{position:static}
  .page-template-template-about .story-grid .prose{max-width:none}
}

/* Founder cards: allowlisted cover gradients, framed photo avatars. */
.page-template-template-about .founder{border-color:var(--line);box-shadow:none}
.page-template-template-about .founder:hover{box-shadow:0 22px 50px -24px rgba(9,9,11,.22);border-color:#d4d4d8}
.page-template-template-about .founder__cover{background:linear-gradient(135deg,#FDBA74,#F97316)}
.page-template-template-about .founder:nth-child(2) .founder__cover{background:linear-gradient(135deg,#FB923C,#EA580C)}
.page-template-template-about .founder:nth-child(3) .founder__cover{background:linear-gradient(135deg,#FB6A24,#C2410C)}
.page-template-template-about .founder__avatar{background:#f4f4f5;border:5px solid #fff;box-shadow:0 0 0 1px #e4e4e7,0 12px 28px -12px rgba(9,9,11,.35)}
.page-template-template-about .founder__avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.page-template-template-about .founder .role{color:#C2410C}

/* ------------------------------------------------------------------
   6. Plugins listing.
   ------------------------------------------------------------------ */
.page-template-template-plugins .pl-card{border-color:var(--line);border-radius:var(--radius);box-shadow:none}
.page-template-template-plugins a.pl-card:hover{border-color:#FB923C;box-shadow:var(--hmb2-shadow)}
.page-template-template-plugins .pl-ico--logo img{box-shadow:0 0 0 1px #e4e4e7}
.page-template-template-plugins .pl-ico--egg{background:#f4f4f5;border:1px solid #e4e4e7;color:#71717a;font-size:1.75rem}
.page-template-template-plugins .pl-ico--egg .ic{width:1em;height:1em;stroke-width:1.75}
.page-template-template-plugins .pl-tag-soon{background:#f4f4f5;color:#52525b}
.page-template-template-plugins .pl-card--soon{background:var(--paper)}

/* ------------------------------------------------------------------
   7. Legal (privacy, terms, refund).
   ------------------------------------------------------------------ */
.page-template-template-legal .legal-toc{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px 16px 12px}
.page-template-template-legal .legal-toc a{border-left-color:var(--line);border-radius:0}
.page-template-template-legal .legal-toc a.is-current{border-left-color:#EA580C}
.page-template-template-legal .legal-body h2 .num{display:inline-grid;place-items:center;min-width:2.1em;padding:3px 8px;border-radius:999px;background:rgba(234,88,12,.10);color:#C2410C;font-size:.8rem;line-height:1.3}
.page-template-template-legal .legal-body ul li::before{background:#EA580C}
.page-template-template-legal .legal-note{border-radius:var(--radius)}

/* ------------------------------------------------------------------
   8. Reviews and brand: flat cards, framed reviewer photos.
   ------------------------------------------------------------------ */
.page-template-template-reviews .tcard{box-shadow:none}
.page-template-template-reviews .tcard:hover{box-shadow:var(--hmb2-shadow)}
.page-template-template-reviews .tcard .avatar{box-shadow:0 0 0 2px #fff,0 0 0 3px #e4e4e7}
.page-template-template-brand .bk-card{box-shadow:none}

/* ------------------------------------------------------------------
   9. HTML sitemap (/sitemap/). Section headers with counts over
   multi-column link lists, after stripe.com/sitemap, carded like
   shadcn/ui.
   ------------------------------------------------------------------ */
.page-template-template-sitemap .hmb2-sm-hero .h1{margin-top:20px}
.page-template-template-sitemap .hmb2-sm-jump{display:inline-flex;flex-wrap:wrap;gap:4px;margin-top:28px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#fff}
.page-template-template-sitemap .hmb2-sm-jump a{display:inline-flex;align-items:center;min-height:36px;padding:6px 16px;border-radius:999px;font-size:.9rem;font-weight:500;color:var(--ink-soft);text-decoration:none;transition:background .18s,color .18s}
.page-template-template-sitemap .hmb2-sm-jump a:hover{background:#f4f4f5;color:var(--ink)}

.page-template-template-sitemap .hmb2-sm{padding-top:clamp(24px,4vw,48px)}
.page-template-template-sitemap .hmb2-sm-block{scroll-margin-top:104px}
.page-template-template-sitemap .hmb2-sm-block+.hmb2-sm-block{margin-top:clamp(48px,7vw,88px)}
.page-template-template-sitemap .hmb2-sm-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.page-template-template-sitemap .hmb2-sm-head .h3{margin:0}
.page-template-template-sitemap :is(.hmb2-sm-count,.hmb2-sm-title span,.hmb2-sm-sublabel span){display:inline-flex;align-items:center;justify-content:center;min-width:1.9em;height:1.6em;padding:0 7px;border-radius:999px;background:#f4f4f5;color:#52525b;font-family:var(--font-mono);font-size:.72rem;font-weight:500;line-height:1}

.page-template-template-sitemap .hmb2-sm-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,2.4vw,28px)}
/* Masonry by CSS columns: category cards vary from 1 to 40 links, so a row grid leaves holes. DOM order is unchanged for assistive tech. */
.page-template-template-sitemap .hmb2-sm-grid{columns:3;column-gap:16px}
.page-template-template-sitemap .hmb2-sm-grid>.hmb2-sm-card{break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 16px}
.page-template-template-sitemap .hmb2-sm-title{display:flex;align-items:center;gap:10px;font-size:1.05rem;margin:0 0 12px;line-height:1.3}
.page-template-template-sitemap .hmb2-sm-title a{color:var(--ink);text-decoration:none}
.page-template-template-sitemap .hmb2-sm-title a:hover{color:#C2410C}

.page-template-template-sitemap .hmb2-sm-list{list-style:none;margin:0;padding:0}
.page-template-template-sitemap .hmb2-sm-list li{margin:0;padding:0}
.page-template-template-sitemap .hmb2-sm-list a{display:inline-block;padding:5px 0;color:var(--ink-soft);font-size:.94rem;line-height:1.45;text-decoration:none;overflow-wrap:anywhere;transition:color .15s}
.page-template-template-sitemap .hmb2-sm-list a:hover{color:#C2410C;text-decoration:underline;text-underline-offset:3px}

/* Page tree: top level flows in columns, children indent on a hairline. */
.page-template-template-sitemap .hmb2-sm-card--tree>.hmb2-sm-list{columns:3;column-gap:32px}
.page-template-template-sitemap .hmb2-sm-card--tree>.hmb2-sm-list>li{break-inside:avoid;-webkit-column-break-inside:avoid}
.page-template-template-sitemap .hmb2-sm-card--tree>.hmb2-sm-list>li>a{color:var(--ink);font-weight:500}
.page-template-template-sitemap .hmb2-sm-list--nested{margin:2px 0 8px 4px;padding-left:14px;border-left:1px solid var(--line)}
.page-template-template-sitemap .hmb2-sm-split{display:grid;gap:14px;margin:6px 0 10px 4px;padding-left:14px;border-left:1px solid var(--line)}
.page-template-template-sitemap .hmb2-sm-sublabel{display:flex;align-items:center;gap:8px;margin:4px 0 4px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.page-template-template-sitemap .hmb2-sm-empty{margin:0;color:var(--muted);font-size:.94rem}

@media (max-width:1024px){
  .page-template-template-sitemap .hmb2-sm-grid{columns:2}
  .page-template-template-sitemap .hmb2-sm-card--tree>.hmb2-sm-list{columns:2}
}
@media (max-width:640px){
  .page-template-template-sitemap .hmb2-sm-grid{columns:1}
  .page-template-template-sitemap .hmb2-sm-card--tree>.hmb2-sm-list{columns:1}
  .page-template-template-sitemap .hmb2-sm-jump{display:flex;width:100%}
  .page-template-template-sitemap .hmb2-sm-jump a{flex:1;justify-content:center}
}

/* ------------------------------------------------------------------
   10. Motion.
   ------------------------------------------------------------------ */
@media (prefers-reduced-motion:reduce){
  .page-template-template-about .founder,.page-template-template-about .founder__avatar,.page-template-template-plugins .pl-card,.page-template-template-sitemap .hmb2-sm-jump a{transition:none}
  .page-template-template-about .founder:hover,.page-template-template-about .founder:hover .founder__avatar{transform:none}
}
/*HV-BEGIN*/
body.page-template-template-about main .section.mk-night,body.page-template-template-for-bloggers main .section.mk-night,body.page-template-template-for-agencies main .section.mk-night{background:#09090b;color:#fafafa;position:relative;overflow:clip;isolation:isolate}
body.page-template-template-about main .mk-night .section-head,body.page-template-template-for-bloggers main .mk-night .section-head,body.page-template-template-for-agencies main .mk-night .section-head{max-width:820px;margin:0 auto clamp(40px,5vw,64px);text-align:center}
body.page-template-template-about main .mk-night .section-head .h2,body.page-template-template-for-bloggers main .mk-night .section-head .h2,body.page-template-template-for-agencies main .mk-night .section-head .h2{font-size:clamp(2.2rem,5.6vw,4.4rem)!important;line-height:1.02!important;letter-spacing:-.03em!important;color:#fafafa!important}
body.page-template-template-about main .mk-night .section-head .lead,body.page-template-template-for-bloggers main .mk-night .section-head .lead,body.page-template-template-for-agencies main .mk-night .section-head .lead{color:#a1a1aa!important;max-width:60ch;margin-inline:auto}
body.page-template-template-about .mk-night .hv-stage,body.page-template-template-for-bloggers .mk-night .hv-stage,body.page-template-template-for-agencies .mk-night .hv-stage{--vf:#0c0c0e}
body.page-template-template-about .mk-night .hv-tile .hv-art,body.page-template-template-for-bloggers .mk-night .hv-tile .hv-art,body.page-template-template-for-agencies .mk-night .hv-tile .hv-art{--vf:#111113}
body.page-template-template-about .mk-cards,body.page-template-template-for-bloggers .mk-cards,body.page-template-template-for-agencies .mk-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
body.page-template-template-about .mk-cards--2,body.page-template-template-for-bloggers .mk-cards--2,body.page-template-template-for-agencies .mk-cards--2{grid-template-columns:repeat(2,minmax(0,1fr))}
body.page-template-template-about .mk-card.hv-tile,body.page-template-template-for-bloggers .mk-card.hv-tile,body.page-template-template-for-agencies .mk-card.hv-tile{cursor:default;gap:0;padding:0;justify-content:flex-start;background:#0c0c0e;border:1px solid #27272a;border-radius:12px;overflow:hidden}
body.page-template-template-about .mk-card.hv-tile:hover,body.page-template-template-for-bloggers .mk-card.hv-tile:hover,body.page-template-template-for-agencies .mk-card.hv-tile:hover{background:#111113}
body.page-template-template-about .mk-card__art,body.page-template-template-for-bloggers .mk-card__art,body.page-template-template-for-agencies .mk-card__art{position:relative;padding:52px clamp(16px,1.8vw,24px) 6px}
body.page-template-template-about .mk-card .hv-art,body.page-template-template-for-bloggers .mk-card .hv-art,body.page-template-template-for-agencies .mk-card .hv-art{--vf:#111113}
body.page-template-template-about .mk-card__body,body.page-template-template-for-bloggers .mk-card__body,body.page-template-template-for-agencies .mk-card__body{padding:14px clamp(18px,2vw,26px) clamp(22px,2.4vw,30px)}
body.page-template-template-about main .mk-card h3,body.page-template-template-for-bloggers main .mk-card h3,body.page-template-template-for-agencies main .mk-card h3{margin:0 0 8px;color:#fafafa!important;font-family:var(--font-display,"Fraunces",Georgia,serif);font-weight:400;font-size:clamp(1.2rem,1.7vw,1.5rem);letter-spacing:-.015em;line-height:1.15}
body.page-template-template-about main .mk-card p,body.page-template-template-for-bloggers main .mk-card p,body.page-template-template-for-agencies main .mk-card p{margin:0;color:#a1a1aa!important;font-size:.98rem;line-height:1.55}
body.page-template-template-about .mk-flip,body.page-template-template-for-bloggers .mk-flip,body.page-template-template-for-agencies .mk-flip{position:absolute;z-index:3;top:14px;right:14px;display:inline-grid;appearance:none;cursor:pointer;padding:7px 12px;border-radius:999px;border:1px solid #3f3f46;background:rgba(9,9,11,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 .68rem/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase;transition:border-color .4s,color .4s}
body.page-template-template-about .mk-flip>span,body.page-template-template-for-bloggers .mk-flip>span,body.page-template-template-for-agencies .mk-flip>span{grid-area:1/1;transition:opacity .35s,transform .35s;white-space:nowrap}
body.page-template-template-about .mk-flip__o,body.page-template-template-for-bloggers .mk-flip__o,body.page-template-template-for-agencies .mk-flip__o{color:#fca5a5}
body.page-template-template-about .mk-flip__h,body.page-template-template-for-bloggers .mk-flip__h,body.page-template-template-for-agencies .mk-flip__h{color:#FDBA74}
body.page-template-template-about .mk-card[data-s=hmb] .mk-flip__o,body.page-template-template-for-bloggers .mk-card[data-s=hmb] .mk-flip__o,body.page-template-template-for-agencies .mk-card[data-s=hmb] .mk-flip__o{opacity:0;transform:translateY(-5px)}
body.page-template-template-about .mk-card[data-s=own] .mk-flip__h,body.page-template-template-for-bloggers .mk-card[data-s=own] .mk-flip__h,body.page-template-template-for-agencies .mk-card[data-s=own] .mk-flip__h{opacity:0;transform:translateY(5px)}
body.page-template-template-about .mk-card[data-s=own] .mk-flip,body.page-template-template-for-bloggers .mk-card[data-s=own] .mk-flip,body.page-template-template-for-agencies .mk-card[data-s=own] .mk-flip{border-color:rgba(248,113,113,.5)}
body.page-template-template-about .mk-card[data-s=hmb] .mk-flip,body.page-template-template-for-bloggers .mk-card[data-s=hmb] .mk-flip,body.page-template-template-for-agencies .mk-card[data-s=hmb] .mk-flip{border-color:rgba(251,146,60,.5)}
body.page-template-template-about .mk-flip:focus-visible,body.page-template-template-for-bloggers .mk-flip:focus-visible,body.page-template-template-for-agencies .mk-flip:focus-visible{outline:2px solid #FDBA74;outline-offset:2px}
body.page-template-template-about .hv-dom,body.page-template-template-for-bloggers .hv-dom,body.page-template-template-for-agencies .hv-dom{position:relative;display:flex;flex-direction:column;gap:18px;align-items:stretch;min-width:0;max-width:100%}
body.page-template-template-about .hv-dom .hv-dom-tabs,body.page-template-template-for-bloggers .hv-dom .hv-dom-tabs,body.page-template-template-for-agencies .hv-dom .hv-dom-tabs{align-self:center;max-width:100%;background:#fff;border-color:#e4e4e7;box-shadow:0 10px 30px -14px rgba(9,9,11,.25)}
body.page-template-template-about .hv-dom .hv-dom-tabs button,body.page-template-template-for-bloggers .hv-dom .hv-dom-tabs button,body.page-template-template-for-agencies .hv-dom .hv-dom-tabs button{color:#52525b;font-family:var(--font-mono,ui-monospace,monospace);font-size:.78rem;letter-spacing:0}
body.page-template-template-about .hv-dom .hv-dom-tabs button[aria-pressed=true],body.page-template-template-for-bloggers .hv-dom .hv-dom-tabs button[aria-pressed=true],body.page-template-template-for-agencies .hv-dom .hv-dom-tabs button[aria-pressed=true]{color:#fff}
body.page-template-template-about .hv-dom[data-s=own] .hv-thumb,body.page-template-template-for-bloggers .hv-dom[data-s=own] .hv-thumb,body.page-template-template-for-agencies .hv-dom[data-s=own] .hv-thumb{background:#dc2626;box-shadow:0 8px 24px -8px rgba(220,38,38,.5)}
body.page-template-template-about .hv-dom[data-s=hmb] .hv-thumb,body.page-template-template-for-bloggers .hv-dom[data-s=hmb] .hv-thumb,body.page-template-template-for-agencies .hv-dom[data-s=hmb] .hv-thumb{transform:translateX(100%)}
body.page-template-template-about .hv-dom .hv-art,body.page-template-template-for-bloggers .hv-dom .hv-art,body.page-template-template-for-agencies .hv-dom .hv-art{width:100%}
body.page-template-template-about .mk-math,body.page-template-template-for-bloggers .mk-math,body.page-template-template-for-agencies .mk-math{margin-top:clamp(26px,4vw,48px)}
body.page-template-template-about .mk-math .hv-art,body.page-template-template-for-bloggers .mk-math .hv-art,body.page-template-template-for-agencies .mk-math .hv-art{max-width:980px;margin-inline:auto}
body.page-template-template-about .mk-trio,body.page-template-template-for-bloggers .mk-trio,body.page-template-template-for-agencies .mk-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,44px);max-width:980px;margin:clamp(10px,2vw,24px) auto 0;width:100%}
body.page-template-template-about .mk-trio>div,body.page-template-template-for-bloggers .mk-trio>div,body.page-template-template-for-agencies .mk-trio>div{padding-top:16px;border-top:2px solid #d4d4d8;transition:border-color .35s;outline:none}
body.page-template-template-about .mk-trio>div:not([data-set]),body.page-template-template-for-bloggers .mk-trio>div:not([data-set]),body.page-template-template-for-agencies .mk-trio>div:not([data-set]){border-top-color:#EA580C}
body.page-template-template-about .mk-trio>div[data-set],body.page-template-template-for-bloggers .mk-trio>div[data-set],body.page-template-template-for-agencies .mk-trio>div[data-set]{cursor:pointer}
body.page-template-template-about .hv-dom[data-s=own] .mk-trio>[data-set=own],body.page-template-template-for-bloggers .hv-dom[data-s=own] .mk-trio>[data-set=own],body.page-template-template-for-agencies .hv-dom[data-s=own] .mk-trio>[data-set=own]{border-top-color:#dc2626}
body.page-template-template-about .hv-dom[data-s=hmb] .mk-trio>[data-set=hmb],body.page-template-template-for-bloggers .hv-dom[data-s=hmb] .mk-trio>[data-set=hmb],body.page-template-template-for-agencies .hv-dom[data-s=hmb] .mk-trio>[data-set=hmb]{border-top-color:#16a34a}
body.page-template-template-about .mk-trio>div:focus-visible,body.page-template-template-for-bloggers .mk-trio>div:focus-visible,body.page-template-template-for-agencies .mk-trio>div:focus-visible{box-shadow:0 0 0 2px #FB923C;border-radius:4px}
body.page-template-template-about main .mk-trio h3,body.page-template-template-for-bloggers main .mk-trio h3,body.page-template-template-for-agencies main .mk-trio h3{margin:0 0 8px;font-family:var(--font-display,"Fraunces",Georgia,serif);font-weight:400;font-size:clamp(1.3rem,1.9vw,1.65rem);letter-spacing:-.015em;color:#18181b}
body.page-template-template-about main .mk-trio p,body.page-template-template-for-bloggers main .mk-trio p,body.page-template-template-for-agencies main .mk-trio p{margin:0;color:#52525b;line-height:1.55}
body.page-template-template-for-bloggers .sol-card__head{display:block;position:relative;margin-bottom:6px}
body.page-template-template-for-bloggers .sol-card__head .hv-art{width:100%;max-width:300px;border-radius:10px}
body.page-template-template-for-bloggers .sol-card__head .sol-num{position:absolute;top:0;right:0}
body.page-template-template-for-bloggers .sol-card .hv-art{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
body.page-template-template-for-bloggers .sol-card:hover .hv-art{transform:translateY(-3px)}
body.page-template-template-about ul.hv-gets,body.page-template-template-for-bloggers ul.hv-gets,body.page-template-template-for-agencies ul.hv-gets{list-style:none;margin:0;padding:0;display:grid;gap:clamp(12px,1.6vw,18px)}
body.page-template-template-about ul.hv-gets li,body.page-template-template-for-bloggers ul.hv-gets li,body.page-template-template-for-agencies ul.hv-gets li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:center;font-size:1.02rem;line-height:1.4;color:inherit}
body.page-template-template-about ul.hv-gets .hv-art,body.page-template-template-for-bloggers ul.hv-gets .hv-art,body.page-template-template-for-agencies ul.hv-gets .hv-art{width:52px}
body.page-template-template-about ul.hv-gets .hv-art svg,body.page-template-template-for-bloggers ul.hv-gets .hv-art svg,body.page-template-template-for-agencies ul.hv-gets .hv-art svg{overflow:hidden}
body.page-template-template-about .partner-band ul.hv-gets li,body.page-template-template-for-bloggers .partner-band ul.hv-gets li,body.page-template-template-for-agencies .partner-band ul.hv-gets li{color:#e4e4e7}
body.page-template-template-about ul.hv-gets li .hv-art,body.page-template-template-for-bloggers ul.hv-gets li .hv-art,body.page-template-template-for-agencies ul.hv-gets li .hv-art{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
body.page-template-template-about ul.hv-gets li:hover .hv-art,body.page-template-template-for-bloggers ul.hv-gets li:hover .hv-art,body.page-template-template-for-agencies ul.hv-gets li:hover .hv-art{transform:scale(1.12) rotate(-3deg)}
body.page-template-template-for-agencies .mirror .mk-inbox{align-items:center}
body.page-template-template-for-agencies .mk-phone{width:min(100%,440px);background:#111113;border:1px solid #27272a;border-radius:28px;padding:16px 16px 18px;box-shadow:0 40px 90px -40px rgba(9,9,11,.6)}
body.page-template-template-for-agencies .mk-phone__bar{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 12px;color:#a1a1aa;font:500 .78rem/1 var(--font-mono,ui-monospace,monospace)}
body.page-template-template-for-agencies .mk-badge{display:inline-grid;min-width:24px;height:24px;border-radius:12px;padding:0 7px;place-items:center;font-weight:600;font-size:.72rem;color:#fff}
body.page-template-template-for-agencies .mk-badge>b{grid-area:1/1;transition:opacity .4s}
body.page-template-template-for-agencies .mk-badge .mk-b-o{opacity:1}
body.page-template-template-for-agencies .mk-badge .mk-b-h{opacity:0}
body.page-template-template-for-agencies .mk-inbox[data-s=own] .mk-badge{background:#dc2626}
body.page-template-template-for-agencies .mk-inbox[data-s=hmb] .mk-badge{background:#16a34a}
body.page-template-template-for-agencies .mk-inbox[data-s=hmb] .mk-b-o{opacity:0}
body.page-template-template-for-agencies .mk-inbox[data-s=hmb] .mk-b-h{opacity:1}
body.page-template-template-for-agencies .mk-notif{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;margin-top:10px;padding:14px;border-radius:16px;background:#18181b;border:1px solid #27272a;transition:border-color .5s,background .5s,opacity .5s,transform .5s cubic-bezier(.2,.7,.2,1)}
body.page-template-template-for-agencies .mk-notif__ico{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#27272a;color:#fca5a5;transition:background .5s,color .5s}
body.page-template-template-for-agencies .mk-notif__ico .ic{grid-area:1/1;width:18px;height:18px;transition:opacity .4s}
body.page-template-template-for-agencies .mk-notif__ico .mk-i-h{opacity:0}
body.page-template-template-for-agencies .mk-notif__top{display:flex;justify-content:space-between;gap:10px;margin-bottom:4px;font:500 .72rem/1.2 var(--font-mono,ui-monospace,monospace);color:#a1a1aa;letter-spacing:.02em}
body.page-template-template-for-agencies .mk-notif__text{margin:0;color:#e4e4e7;font-size:.94rem;line-height:1.45;transition:color .5s}
body.page-template-template-for-agencies .mk-done{grid-column:2;justify-self:start;display:inline-flex;align-items:center;gap:6px;height:0;margin-top:0;padding:0 10px;overflow:hidden;border-radius:999px;background:rgba(22,163,74,.16);color:#4ade80;font:500 .68rem/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.06em;text-transform:uppercase;opacity:0;transition:opacity .45s,height .45s,margin .45s,padding .45s}
body.page-template-template-for-agencies .mk-inbox[data-s=own] .mk-notif{border-color:rgba(248,113,113,.45)}
body.page-template-template-for-agencies .mk-inbox[data-s=own] .mk-notif__ico{background:rgba(220,38,38,.16)}
body.page-template-template-for-agencies .mk-inbox[data-s=hmb] .mk-notif{border-color:#27272a;background:#131315;transform:scale(.985)}
body.page-template-template-for-agencies .mk-inbox[data-s=hmb] .mk-notif__text{color:#71717a}
body.page-template-template-for-agencies .mk-inbox[data-s=hmb] .mk-notif__ico{background:rgba(22,163,74,.16);color:#4ade80}
body.page-template-template-for-agencies .mk-inbox[data-s=hmb] .mk-notif__ico .mk-i-o{opacity:0}
body.page-template-template-for-agencies .mk-inbox[data-s=hmb] .mk-notif__ico .mk-i-h{opacity:1}
body.page-template-template-for-agencies .mk-inbox[data-s=hmb] .mk-done{opacity:1;height:22px;margin-top:8px}
body.page-template-template-for-agencies .mk-inbox[data-s=hmb] .mk-notif:nth-of-type(2) .mk-done{transition-delay:.15s}
body.page-template-template-for-agencies .mk-inbox[data-s=hmb] .mk-notif:nth-of-type(3) .mk-done{transition-delay:.3s}
body.page-template-template-for-agencies .mk-inbox[data-s=hmb] .mk-notif:nth-of-type(4) .mk-done{transition-delay:.45s}
body.page-template-template-for-agencies .mk-inbox[data-s=own] .mk-notif:nth-of-type(2) .mk-notif__ico{animation:mkBuzz 1.6s cubic-bezier(.65,0,.35,1) infinite}
@keyframes mkBuzz{0%,70%,100%{transform:none}75%{transform:rotate(-8deg)}85%{transform:rotate(8deg)}95%{transform:rotate(-4deg)}}
body.page-template-template-for-agencies .mk-steps{list-style:none;margin:clamp(32px,4vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.4vw,36px)}
body.page-template-template-for-agencies .mk-step{position:relative;transition:opacity .35s}
body.page-template-template-for-agencies .mk-step__art{position:relative;overflow:hidden;background:#fafafa;border:1px solid #e4e4e7;border-radius:12px;padding:16px 12px 4px;transition:border-color .35s,transform .5s cubic-bezier(.2,.7,.2,1)}
body.page-template-template-for-agencies .mk-step:not(:last-child)::after{content:"";position:absolute;left:100%;top:66px;width:clamp(20px,2.4vw,36px);border-top:2px dashed #d4d4d8}
body.page-template-template-for-agencies .mk-step:hover .mk-step__art{border-color:#EA580C;transform:translateY(-4px)}
body.page-template-template-for-agencies .mk-steps:hover .mk-step:not(:hover){opacity:.55}
body.page-template-template-for-agencies .mk-step__n{position:absolute;z-index:2;top:12px;left:14px;font:600 .78rem/1 var(--font-mono,ui-monospace,monospace);color:#EA580C;letter-spacing:.06em}
body.page-template-template-for-agencies main .mk-step h3{margin:18px 0 8px;font-family:var(--font-display,"Fraunces",Georgia,serif);font-weight:400;font-size:clamp(1.25rem,1.7vw,1.5rem);letter-spacing:-.015em;line-height:1.15;color:#18181b}
body.page-template-template-for-agencies main .mk-step p{margin:0;color:#52525b;line-height:1.55;font-size:.98rem}
body.page-template-template-for-agencies .mk-steps-tag{display:flex;justify-content:center;margin-top:clamp(28px,4vw,48px)}
body.page-template-template-for-agencies .mk-wl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,5vw,72px);align-items:start}
body.page-template-template-for-agencies .mk-wl .wl-points{display:grid;gap:4px;margin-top:26px}
body.page-template-template-for-agencies .mk-wl .wl-point{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:start;padding:16px;border-radius:12px;border:1px solid transparent;background:none;box-shadow:none;outline:none;transition:background .35s,border-color .35s}
body.page-template-template-for-agencies .mk-wl .wl-point.is-on,body.page-template-template-for-agencies .mk-wl .wl-point:hover{background:#fff7ed;border-color:#fed7aa}
body.page-template-template-for-agencies .mk-wl .wl-point:focus-visible{box-shadow:0 0 0 2px #FB923C}
body.page-template-template-for-agencies .mk-wl .wl-point .hv-art{width:56px}
body.page-template-template-for-agencies .mk-wl .wl-point b{display:block;margin-bottom:4px}
body.page-template-template-for-agencies .mk-wl .wl-point p{margin:0}
body.page-template-template-for-agencies .mk-lanes{background:#09090b;border-radius:12px;padding:clamp(18px,2.4vw,30px);margin-bottom:clamp(18px,2vw,26px)}
body.page-template-template-for-agencies .mk-lanes .hv-art{max-width:400px;margin-inline:auto}
body.page-template-template-for-agencies .mk-lanes .kk{transition:opacity .35s}
body.page-template-template-for-agencies [data-hv-lanes][data-k] .kk{opacity:.16}
body.page-template-template-for-agencies [data-hv-lanes][data-k="1"] .kk.k1,body.page-template-template-for-agencies [data-hv-lanes][data-k="2"] .kk.k2,body.page-template-template-for-agencies [data-hv-lanes][data-k="3"] .kk.k3{opacity:1}
body.page-template-template-for-agencies [data-hv-lanes][data-k="1"] .tv.kk:not(.k1),body.page-template-template-for-agencies [data-hv-lanes][data-k="2"] .tv.kk:not(.k2),body.page-template-template-for-agencies [data-hv-lanes][data-k="3"] .tv.kk:not(.k3){visibility:hidden}
body.page-template-template-for-agencies .mk-faq{margin-top:clamp(28px,4vw,48px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,5vw,80px)}
body.page-template-template-for-agencies .mk-faq__row{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;align-items:start;padding:26px 0;border-top:1px solid #e4e4e7}
body.page-template-template-for-agencies .mk-faq__row .hv-art{width:56px;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
body.page-template-template-for-agencies .mk-faq__row:hover .hv-art{transform:scale(1.1) rotate(-3deg)}
body.page-template-template-for-agencies main .mk-faq__row h3{margin:0 0 8px;font-family:var(--font-display,"Fraunces",Georgia,serif);font-weight:400;font-size:clamp(1.2rem,1.6vw,1.45rem);letter-spacing:-.015em;line-height:1.2;color:#18181b}
body.page-template-template-for-agencies main .mk-faq__row p{margin:0;color:#52525b;line-height:1.55}
body.page-template-template-about #about-hero{position:relative;overflow:clip;isolation:isolate}
body.page-template-template-about #about-hero .wrap{position:relative;z-index:1}
body.page-template-template-about .mk-field{position:absolute;inset:0;z-index:0;pointer-events:none;-webkit-mask-image:radial-gradient(70% 80% at 50% 50%,rgba(0,0,0,.25) 0%,#000 75%);mask-image:radial-gradient(70% 80% at 50% 50%,rgba(0,0,0,.25) 0%,#000 75%)}
body.page-template-template-about .mk-field canvas{display:block}
body.page-template-template-about .story-grid ul.hv-gets{margin-top:28px}
body.page-template-template-about .story-grid ul.hv-gets li{color:#18181b}
body.page-template-template-about .story-grid .mk-grow{width:64px;margin:0 0 18px}
body.page-template-template-about .mk-night .mk-cards{max-width:1080px;margin-inline:auto}
@media (max-width:1000px){body.page-template-template-about .mk-cards,body.page-template-template-for-bloggers .mk-cards,body.page-template-template-for-agencies .mk-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
body.page-template-template-for-agencies .mk-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
body.page-template-template-for-agencies .mk-step:not(:last-child)::after{display:none}
body.page-template-template-for-agencies .mk-wl{grid-template-columns:1fr}

}
@media (max-width:700px){body.page-template-template-about .mk-cards,body.page-template-template-for-bloggers .mk-cards,body.page-template-template-for-agencies .mk-cards,body.page-template-template-about .mk-cards--2,body.page-template-template-for-bloggers .mk-cards--2,body.page-template-template-for-agencies .mk-cards--2{grid-template-columns:1fr}
body.page-template-template-about .mk-trio,body.page-template-template-for-bloggers .mk-trio,body.page-template-template-for-agencies .mk-trio{grid-template-columns:1fr;gap:20px}
body.page-template-template-for-agencies .mk-faq{grid-template-columns:1fr}
body.page-template-template-for-agencies .mk-steps{grid-template-columns:1fr}
body.page-template-template-about .hv-dom .hv-dom-tabs button,body.page-template-template-for-bloggers .hv-dom .hv-dom-tabs button,body.page-template-template-for-agencies .hv-dom .hv-dom-tabs button{font-size:.68rem;padding-left:12px;padding-right:12px}
body.page-template-template-about .hv-dom,body.page-template-template-for-bloggers .hv-dom,body.page-template-template-for-agencies .hv-dom{width:100%}

}
@media (prefers-reduced-motion:reduce){body.page-template-template-for-agencies .mk-inbox[data-s=own] .mk-notif:nth-of-type(2) .mk-notif__ico{animation:none}
body.page-template-template-for-agencies .mk-notif,body.page-template-template-for-agencies .mk-done,body.page-template-template-about .mk-flip>span,body.page-template-template-for-bloggers .mk-flip>span,body.page-template-template-for-agencies .mk-flip>span{transition-duration:.01s!important;transition-delay:0s!important}

}

/*HV-END*/

/* Decorative glow on the newsletter band must never intercept clicks (parent .wa-band::after has no pointer-events rule). */
.wa-band::before,.wa-band::after{pointer-events:none}