/* =====================================================================
   Imagine And Become — site chrome for homepage and membership.

   The homepage is the fully self-contained v5 "Vault" section; the membership
   page (Page 11) is the v2 "THE MIND" section. Both use the `.iab-*` design
   system with inline CSS in page content and external JS. ib-hero.css is no
   longer enqueued on either page. This file carries the header logo rules and
   full-bleed layout overrides for homepage, membership, FAQs, and About Us pages.
   ===================================================================== */

/* ----------------------- FULL-BLEED (edge-to-edge) -----------------------
   The block theme wraps page content in a constrained wrapper
   (.entry-content.has-global-padding.is-layout-constrained) that caps every
   direct child at the 700px global content size and centres it with auto
   margins. The Vault section is a full-bleed band — its aurora, glows and
   section bands have to reach the viewport edges — so we neutralise the cage
   here. These are the same rules ib-hero.css applies to .ib-million on the
   membership page, retargeted at .iab; they were part of the hero stylesheet
   that the homepage no longer loads.

   No 100vw anywhere: that would overflow by the scrollbar width. We only drop
   the wrapper's side padding and the child's max-width/centering, so the
   section fills a parent that is already exactly viewport-wide. The section
   keeps its own responsive gutters via .iab__wrap. */
.home .entry-content.has-global-padding,
.page-id-9 .entry-content.has-global-padding,
.page-id-11 .entry-content.has-global-padding,
.page-id-67 .entry-content.has-global-padding,
.page-id-69 .entry-content.has-global-padding,
.page-faqs .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
.home .entry-content > .iab,
.home .entry-content > .iabf,
.home .entry-content > .iabc,
.page-id-9 .entry-content > .iab,
.page-id-9 .entry-content > .iabf,
.page-id-9 .entry-content > .iabc,
.page-id-11 .entry-content > .iab,
.page-id-67 .entry-content > .iab,
.page-id-69 .entry-content > .ib-what,
.page-faqs .entry-content > .iab {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
/* Belt-and-suspenders in case the section is not a direct child. */
.home .iab,
.home .iabf,
.home .iabc,
.page-id-9 .iab,
.page-id-9 .iabf,
.page-id-9 .iabc,
.page-id-11 .iab,
.page-id-67 .iab,
.page-id-69 .ib-what,
.page-faqs .iab {
  max-width: none;
}

/* ----------------------- SITE SHELL (no horizontal scroll) -----------------------
   Decorative layers inside .iab / .ib-* sections use vw units and fixed positioning.
   Clip at the document edge so nothing leaks past the viewport. */
html {
  overflow-x: clip;
}
body {
  overflow-x: clip;
  max-width: 100%;
}

/* Homepage: kill theme yellow (#fcb900) behind the vault. */
body.home,
body.page-id-9 {
  background: #020202 !important;
}
body.home .wp-site-blocks,
body.page-id-9 .wp-site-blocks,
body.home main,
body.page-id-9 main,
body.home .entry-content,
body.page-id-9 .entry-content {
  background: #020202 !important;
}
body.home .wp-site-blocks > main,
body.page-id-9 .wp-site-blocks > main {
  margin-block-start: 0 !important;
}
body.home .entry-content,
body.page-id-9 .entry-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ----------------------- HEADER full-width alignment -----------------------
   Theme wraps the header menu in is-layout-constrained + has-global-padding, which
   misaligns the bar with full-bleed page sections below. Span the viewport; apply
   consistent gutters on the inner alignwide wrapper only. */
.site-header,
.site-header .hostinger-ai-menu {
  width: 100%;
  max-width: none !important;
}
.site-header .hostinger-ai-menu.has-global-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.site-header .hostinger-ai-menu-wrapper.alignwide {
  max-width: none !important;
  width: 100% !important;
  padding-left: clamp(16px, 3vw, 40px) !important;
  padding-right: clamp(16px, 3vw, 40px) !important;
  box-sizing: border-box;
}

/* ----------------------- FULL-BLEED shell (main + entry-content) -----------------------
   Block theme also constrains main > .entry-content itself, not only its children. */
.home main,
.page-id-9 main,
.page-id-11 main,
body.iab-membership-page main {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
.home .entry-content.is-layout-constrained,
.page-id-9 .entry-content.is-layout-constrained,
.page-id-11 .entry-content.is-layout-constrained,
body.iab-membership-page .entry-content.is-layout-constrained,
body.um-page-login .entry-content.is-layout-constrained,
body.um-page-register .entry-content.is-layout-constrained {
  max-width: none !important;
}

/* Membership body-class fallback (mirrors page-id-11 rules above). */
body.iab-membership-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-membership-page .entry-content > .iab,
body.iab-membership-page .iab {
  max-width: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

/* ----------------------- Header logo (block-theme site header) -----------------------
   Injected as a flex sibling of the site title by iab_inject_header_logo(). */
.iab-brand-logo {
  display: inline-flex;
  align-items: center;
  line-height: 0;
  margin-right: 14px;
  flex: none;
  border-radius: 12px;
  transition: transform .25s ease, filter .25s ease;
}
.iab-brand-logo img {
  display: block;
  width: 48px;
  height: 48px;
  object-fit: contain;
  border-radius: 11px;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.4)) drop-shadow(0 0 12px rgba(212,175,55,.28));
}
.iab-brand-logo:hover { transform: translateY(-1px) scale(1.04); }
@media (max-width: 600px) {
  .iab-brand-logo img { width: 40px; height: 40px; }
}

/* ----------------------- Site header (brand chrome) -----------------------
   Dark ink bar + antique-gold hairline. The Hostinger AI theme paints
   body { background: luminous-vivid-amber #fcb900 } and a white header;
   we override both so the vault sits on black/ink, not school-bus yellow. */
.site-header {
  background: linear-gradient(180deg, #0c0b07 0%, #020202 100%) !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.28);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.site-header .hostinger-ai-menu,
.site-header .hostinger-ai-menu-wrapper {
  background: transparent !important;
}

.site-header .hostinger-ai-menu-wrapper {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  align-items: center !important;
  gap: 12px !important;
}

/* Logo + title row — always horizontal flex, never column stack. */
.site-header .hostinger-ai-menu-wrapper > .wp-block-group.is-layout-flex:first-child,
.site-header .wp-container-core-group-is-layout-6c531013 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0;
}

.site-header .iab-brand-logo {
  margin-right: 0;
  flex: none;
}

.site-header .wp-block-site-title,
.site-header .hostinger-ai-site-title {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

.site-header .wp-block-site-title a {
  display: inline-block;
  color: #f6f5f2 !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.site-header .wp-block-site-title a:hover,
.site-header .wp-block-site-title a:focus-visible {
  color: #D4AF37 !important;
}

/* Nav: champagne links on ink (gold hover is text/border only). */
.site-header .hostinger-ai-site-navigation a.wp-block-navigation-item__content {
  color: #c6c4be !important;
}

.site-header .wp-block-navigation__responsive-container-open,
.site-header .wp-block-navigation__responsive-container-close {
  color: #f6f5f2 !important;
}

@media (max-width: 782px) {
  .site-header .hostinger-ai-menu-wrapper {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .site-header .wp-block-site-title.has-large-font-size,
  .site-header .wp-block-site-title a {
    font-size: clamp(0.88rem, 3.6vw, 1.05rem) !important;
  }

  .site-header .iab-brand-logo img {
    width: 36px;
    height: 36px;
  }
}

/* ---------------------------------------------------------------------------
   Homepage-only: fully remove the newsletter from the front page.
   The "Subscribe to our newsletter" heading, description, email input and
   Subscribe button live in the shared global footer template part. On the
   homepage we hide the entire footer body group so there is NO newsletter and
   NO leftover empty band/gap — the page ends cleanly after the last section.
   Scoped to `body.home` (and this stylesheet only loads on the front page), so
   every OTHER page keeps its full footer (menu, contacts, socials, subscribe,
   copyright) intact. display:none is fully reversible (deactivating the plugin
   removes this CSS) and hidden from assistive tech; the shared template markup
   is NOT modified.
   --------------------------------------------------------------------------- */
body.home .site-footer > .wp-block-group { display: none !important; }

/* ---------------------------------------------------------------------------
   Membership page (Page 11): hide the shared footer body (menu, contacts,
   newsletter) so the page ends after the categories section — same technique
   as body.home above. Scoped to page-id-11 only; other pages unchanged.
   --------------------------------------------------------------------------- */
body.page-id-11 .site-footer > .wp-block-group { display: none !important; }

/* ---------------------------------------------------------------------------
   Membership page: hide the theme's duplicate page title band (Hostinger AI
   "Membership" h1 above the .iab section). Rule lived in ib-hero.css before
   the v2 membership stack stopped loading that stylesheet.
   --------------------------------------------------------------------------- */
.page-id-11 main > .wp-block-group:has(.hostinger-ai-page-title),
.page-id-11 .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Membership page: suppress the gold/yellow hover pill on the active Membership
   header link only (current-menu-item on this page). ib-nav focus-visible
   keyboard affordances are untouched.
   --------------------------------------------------------------------------- */
.page-id-11 .site-header .hostinger-ai-site-navigation .current-menu-item > a.wp-block-navigation-item__content:hover {
  color: var(--wp--preset--color--color-2, #1A2233) !important;
  text-shadow: none !important;
  background-color: transparent !important;
}
.page-id-11 .site-header .hostinger-ai-site-navigation .current-menu-item > a.wp-block-navigation-item__content:hover::before {
  opacity: 0 !important;
  transform: scale(.94) !important;
}
.page-id-11 .site-header .hostinger-ai-site-navigation .current-menu-item > a.wp-block-navigation-item__content:hover::after {
  opacity: .5;
  transform: scaleX(1);
}

/* ---------------------------------------------------------------------------
   FAQs page (Page 67): hide shared footer + duplicate theme title band.
   page-faqs body class is not emitted by this theme; page-id-67 is used.
   Dynamic inline rules in iab_enqueue_faqs_assets() cover ID changes.
   --------------------------------------------------------------------------- */
body.page-id-67 .site-footer > .wp-block-group { display: none !important; }
body.page-id-69 .site-footer > .wp-block-group { display: none !important; }
.page-id-67 main > .wp-block-group:has(.hostinger-ai-page-title),
.page-id-67 .hostinger-ai-page-title,
.page-id-69 main > .wp-block-group:has(.hostinger-ai-page-title),
.page-id-69 .hostinger-ai-page-title,
.page-faqs main > .wp-block-group:has(.hostinger-ai-page-title),
.page-faqs .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   About Us page: full-bleed + hide theme footer/title band. Resolved page ID
   is injected at runtime via iab_enqueue_about_us_assets() inline styles.
   --------------------------------------------------------------------------- */
.page-about-us .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
.page-about-us .entry-content > .ib-what,
.page-about-us .ib-what {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.page-about-us .site-footer > .wp-block-group { display: none !important; }
.page-about-us main > .wp-block-group:has(.hostinger-ai-page-title),
.page-about-us .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Terms and Conditions page: full-bleed + hide theme footer/title band.
   Resolved page ID is injected at runtime via iab_enqueue_terms_assets().
   --------------------------------------------------------------------------- */
.page-terms-and-conditions .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
.page-terms-and-conditions .entry-content > .ib-legal,
.page-terms-and-conditions .ib-legal {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.page-terms-and-conditions .site-footer > .wp-block-group { display: none !important; }
.page-terms-and-conditions main > .wp-block-group:has(.hostinger-ai-page-title),
.page-terms-and-conditions .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Privacy Policy page: full-bleed + hide theme footer/title band.
   Resolved page ID is injected at runtime via iab_enqueue_privacy_assets().
   --------------------------------------------------------------------------- */
.page-privacy-policy .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
.page-privacy-policy .entry-content > .ib-privacy,
.page-privacy-policy .ib-privacy {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.page-privacy-policy .site-footer > .wp-block-group { display: none !important; }
.page-privacy-policy main > .wp-block-group:has(.hostinger-ai-page-title),
.page-privacy-policy .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Imagine and Become Guide page: full-bleed + hide theme footer/title band.
   body.iab-guide-page is added via iab_guide_body_class(); page-id rules are
   also injected at runtime via iab_enqueue_guide_assets().
   --------------------------------------------------------------------------- */
body.iab-guide-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-guide-page .entry-content > .ib-guide,
body.iab-guide-page .ib-guide {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-guide-page .site-footer > .wp-block-group { display: none !important; }
body.iab-guide-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-guide-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Online Business Master Plan page: same full-bleed chrome as guide page.
   body.iab-master-plan-page is added via iab_master_plan_body_class(); page-id
   rules are also injected at runtime via iab_enqueue_master_plan_assets().
   --------------------------------------------------------------------------- */
body.iab-master-plan-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-master-plan-page .entry-content > .ib-guide,
body.iab-master-plan-page .ib-guide {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-master-plan-page .site-footer > .wp-block-group { display: none !important; }
body.iab-master-plan-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-master-plan-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Business Dictionary page: same full-bleed chrome as guide page.
   body.iab-dictionary-page is added via iab_dictionary_body_class(); page-id
   rules are also injected at runtime via iab_enqueue_dictionary_assets().
   --------------------------------------------------------------------------- */
body.iab-dictionary-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-dictionary-page .entry-content > .ib-guide,
body.iab-dictionary-page .ib-guide {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-dictionary-page .site-footer > .wp-block-group { display: none !important; }
body.iab-dictionary-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-dictionary-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Pricing Strategy dictionary topic page: full-bleed chrome for .ib-price.
   body.iab-pricing-strategy-page is added via iab_pricing_strategy_body_class();
   page-id rules are also injected at runtime via iab_enqueue_pricing_strategy_assets().
   --------------------------------------------------------------------------- */
body.iab-pricing-strategy-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-pricing-strategy-page .entry-content > .ib-price,
body.iab-pricing-strategy-page .ib-price {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-pricing-strategy-page .site-footer > .wp-block-group { display: none !important; }
body.iab-pricing-strategy-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-pricing-strategy-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Target Market dictionary topic page: full-bleed chrome for .ib-tm.
   body.iab-target-market-page is added via iab_target_market_body_class();
   page-id rules are also injected at runtime via iab_enqueue_target_market_assets().
   --------------------------------------------------------------------------- */
body.iab-target-market-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-target-market-page .entry-content > .ib-tm,
body.iab-target-market-page .ib-tm {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-target-market-page .site-footer > .wp-block-group { display: none !important; }
body.iab-target-market-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-target-market-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Sales Funnel dictionary topic page: full-bleed chrome for .ib-fun.
   body.iab-sales-funnel-page is added via iab_sales_funnel_body_class();
   page-id rules are also injected at runtime via iab_enqueue_sales_funnel_assets().
   --------------------------------------------------------------------------- */
body.iab-sales-funnel-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-sales-funnel-page .entry-content > .ib-fun,
body.iab-sales-funnel-page .ib-fun {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-sales-funnel-page .site-footer > .wp-block-group { display: none !important; }
body.iab-sales-funnel-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-sales-funnel-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Patent dictionary topic page: full-bleed chrome for .ib-pat.
   body.iab-patent-page is added via iab_patent_body_class();
   page-id rules are also injected at runtime via iab_enqueue_patent_assets().
   --------------------------------------------------------------------------- */
body.iab-patent-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-patent-page .entry-content > .ib-pat,
body.iab-patent-page .ib-pat {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-patent-page .site-footer > .wp-block-group { display: none !important; }
body.iab-patent-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-patent-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Trademark dictionary topic page: full-bleed chrome for .ib-tmk.
   body.iab-trademark-page is added via iab_trademark_body_class();
   page-id rules are also injected at runtime via iab_enqueue_trademark_assets().
   --------------------------------------------------------------------------- */
body.iab-trademark-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-trademark-page .entry-content > .ib-tmk,
body.iab-trademark-page .ib-tmk {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-trademark-page .site-footer > .wp-block-group { display: none !important; }
body.iab-trademark-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-trademark-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Intellectual Property dictionary topic page: full-bleed chrome for .ib-ip.
   body.iab-intellectual-property-page is added via iab_intellectual_property_body_class();
   page-id rules are also injected at runtime via iab_enqueue_intellectual_property_assets().
   --------------------------------------------------------------------------- */
body.iab-intellectual-property-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-intellectual-property-page .entry-content > .ib-ip,
body.iab-intellectual-property-page .ib-ip {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-intellectual-property-page .site-footer > .wp-block-group { display: none !important; }
body.iab-intellectual-property-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-intellectual-property-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Employer Identification Number (EIN) dictionary topic page: full-bleed chrome for .ib-ein.
   body.iab-employer-identification-number-page is added via iab_employer_identification_number_body_class();
   page-id rules are also injected at runtime via iab_enqueue_employer_identification_number_assets().
   --------------------------------------------------------------------------- */
body.iab-employer-identification-number-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-employer-identification-number-page .entry-content > .ib-ein,
body.iab-employer-identification-number-page .ib-ein {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-employer-identification-number-page .site-footer > .wp-block-group { display: none !important; }
body.iab-employer-identification-number-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-employer-identification-number-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Limited Liability Company (LLC) dictionary topic page: full-bleed chrome for .ib-llc.
   body.iab-limited-liability-company-page is added via iab_limited_liability_company_body_class();
   page-id rules are also injected at runtime via iab_enqueue_limited_liability_company_assets().
   --------------------------------------------------------------------------- */
body.iab-limited-liability-company-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-limited-liability-company-page .entry-content > .ib-llc,
body.iab-limited-liability-company-page .ib-llc {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-limited-liability-company-page .site-footer > .wp-block-group { display: none !important; }
body.iab-limited-liability-company-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-limited-liability-company-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Corporation dictionary topic page: full-bleed chrome for .ib-corp.
   body.iab-corporation-page is added via iab_corporation_body_class();
   page-id rules are also injected at runtime via iab_enqueue_corporation_assets().
   --------------------------------------------------------------------------- */
body.iab-corporation-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-corporation-page .entry-content > .ib-corp,
body.iab-corporation-page .ib-corp {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-corporation-page .site-footer > .wp-block-group { display: none !important; }
body.iab-corporation-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-corporation-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Partnership dictionary topic page: full-bleed chrome for .ib-prt.
   body.iab-partnership-page is added via iab_partnership_body_class();
   page-id rules are also injected at runtime via iab_enqueue_partnership_assets().
   --------------------------------------------------------------------------- */
body.iab-partnership-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-partnership-page .entry-content > .ib-prt,
body.iab-partnership-page .ib-prt {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-partnership-page .site-footer > .wp-block-group { display: none !important; }
body.iab-partnership-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-partnership-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Sole Proprietorship dictionary topic page: full-bleed chrome for .ib-sole.
   body.iab-sole-proprietorship-page is added via iab_sole_proprietorship_body_class();
   page-id rules are also injected at runtime via iab_enqueue_sole_proprietorship_assets().
   --------------------------------------------------------------------------- */
body.iab-sole-proprietorship-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-sole-proprietorship-page .entry-content > .ib-sole,
body.iab-sole-proprietorship-page .ib-sole {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-sole-proprietorship-page .site-footer > .wp-block-group { display: none !important; }
body.iab-sole-proprietorship-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-sole-proprietorship-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Value Proposition dictionary topic page: full-bleed chrome for .ib-vp.
   body.iab-value-proposition-page is added via iab_value_proposition_body_class();
   page-id rules are also injected at runtime via iab_enqueue_value_proposition_assets().
   --------------------------------------------------------------------------- */
body.iab-value-proposition-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-value-proposition-page .entry-content > .ib-vp,
body.iab-value-proposition-page .ib-vp {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-value-proposition-page .site-footer > .wp-block-group { display: none !important; }
body.iab-value-proposition-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-value-proposition-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Franchise dictionary topic page: full-bleed chrome for .ib-fr.
   body.iab-franchise-page is added via iab_franchise_body_class();
   page-id rules are also injected at runtime via iab_enqueue_franchise_assets().
   --------------------------------------------------------------------------- */
body.iab-franchise-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-franchise-page .entry-content > .ib-fr,
body.iab-franchise-page .ib-fr {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-franchise-page .site-footer > .wp-block-group { display: none !important; }
body.iab-franchise-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-franchise-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Business License dictionary topic page: full-bleed chrome for .ib-lic.
   body.iab-business-license-page is added via iab_business_license_body_class();
   page-id rules are also injected at runtime via iab_enqueue_business_license_assets().
   --------------------------------------------------------------------------- */
body.iab-business-license-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-business-license-page .entry-content > .ib-lic,
body.iab-business-license-page .ib-lic {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-business-license-page .site-footer > .wp-block-group { display: none !important; }
body.iab-business-license-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-business-license-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Startup dictionary topic page: full-bleed chrome for .ib-su.
   body.iab-startup-page is added via iab_startup_body_class();
   page-id rules are also injected at runtime via iab_enqueue_startup_assets().
   --------------------------------------------------------------------------- */
body.iab-startup-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-startup-page .entry-content > .ib-su,
body.iab-startup-page .ib-su {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-startup-page .site-footer > .wp-block-group { display: none !important; }
body.iab-startup-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-startup-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Angel Investor dictionary topic page: full-bleed chrome for .ib-ang.
   body.iab-angel-investor-page is added via iab_angel_investor_body_class();
   page-id rules are also injected at runtime via iab_enqueue_angel_investor_assets().
   --------------------------------------------------------------------------- */
body.iab-angel-investor-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-angel-investor-page .entry-content > .ib-ang,
body.iab-angel-investor-page .ib-ang {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-angel-investor-page .site-footer > .wp-block-group { display: none !important; }
body.iab-angel-investor-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-angel-investor-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Business Incubator dictionary topic page: full-bleed chrome for .ib-inc.
   body.iab-business-incubator-page is added via iab_business_incubator_body_class();
   page-id rules are also injected at runtime via iab_enqueue_business_incubator_assets().
   --------------------------------------------------------------------------- */
body.iab-business-incubator-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-business-incubator-page .entry-content > .ib-inc,
body.iab-business-incubator-page .ib-inc {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-business-incubator-page .site-footer > .wp-block-group { display: none !important; }
body.iab-business-incubator-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-business-incubator-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Income Statement dictionary topic page: full-bleed chrome for .ib-is.
   body.iab-income-statement-page is added via iab_income_statement_body_class();
   page-id rules are also injected at runtime via iab_enqueue_income_statement_assets().
   --------------------------------------------------------------------------- */
body.iab-income-statement-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-income-statement-page .entry-content > .ib-is,
body.iab-income-statement-page .ib-is {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-income-statement-page .site-footer > .wp-block-group { display: none !important; }
body.iab-income-statement-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-income-statement-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   EBITDA dictionary topic page: full-bleed chrome for .ib-eb.
   body.iab-ebitda-page is added via iab_ebitda_body_class();
   page-id rules are also injected at runtime via iab_enqueue_ebitda_assets().
   --------------------------------------------------------------------------- */
body.iab-ebitda-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-ebitda-page .entry-content > .ib-eb,
body.iab-ebitda-page .ib-eb {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-ebitda-page .site-footer > .wp-block-group { display: none !important; }
body.iab-ebitda-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-ebitda-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Bootstrapping dictionary topic page: full-bleed chrome for .ib-bs.
   body.iab-bootstrapping-page is added via iab_bootstrapping_body_class();
   page-id rules are also injected at runtime via iab_enqueue_bootstrapping_assets().
   --------------------------------------------------------------------------- */
body.iab-bootstrapping-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-bootstrapping-page .entry-content > .ib-bs,
body.iab-bootstrapping-page .ib-bs {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-bootstrapping-page .site-footer > .wp-block-group { display: none !important; }
body.iab-bootstrapping-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-bootstrapping-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Opportunity Cost dictionary topic page: full-bleed chrome for .ib-oc.
   body.iab-opportunity-cost-page is added via iab_opportunity_cost_body_class();
   page-id rules are also injected at runtime via iab_enqueue_opportunity_cost_assets().
   --------------------------------------------------------------------------- */
body.iab-opportunity-cost-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-opportunity-cost-page .entry-content > .ib-oc,
body.iab-opportunity-cost-page .ib-oc {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-opportunity-cost-page .site-footer > .wp-block-group { display: none !important; }
body.iab-opportunity-cost-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-opportunity-cost-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Break-even Analysis dictionary topic page: full-bleed chrome for .ib-be.
   body.iab-break-even-analysis-page is added via iab_break_even_analysis_body_class();
   page-id rules are also injected at runtime via iab_enqueue_break_even_analysis_assets().
   --------------------------------------------------------------------------- */
body.iab-break-even-analysis-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-break-even-analysis-page .entry-content > .ib-be,
body.iab-break-even-analysis-page .ib-be {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-break-even-analysis-page .site-footer > .wp-block-group { display: none !important; }
body.iab-break-even-analysis-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-break-even-analysis-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Business Accelerator dictionary topic page: full-bleed chrome for .ib-acc.
   body.iab-business-accelerator-page is added via iab_business_accelerator_body_class();
   page-id rules are also injected at runtime via iab_enqueue_business_accelerator_assets().
   --------------------------------------------------------------------------- */
body.iab-business-accelerator-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-business-accelerator-page .entry-content > .ib-acc,
body.iab-business-accelerator-page .ib-acc {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-business-accelerator-page .site-footer > .wp-block-group { display: none !important; }
body.iab-business-accelerator-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-business-accelerator-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Crowdfunding dictionary topic page: full-bleed chrome for .ib-cf.
   body.iab-crowdfunding-page is added via iab_crowdfunding_body_class();
   page-id rules are also injected at runtime via iab_enqueue_crowdfunding_assets().
   --------------------------------------------------------------------------- */
body.iab-crowdfunding-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-crowdfunding-page .entry-content > .ib-cf,
body.iab-crowdfunding-page .ib-cf {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-crowdfunding-page .site-footer > .wp-block-group { display: none !important; }
body.iab-crowdfunding-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-crowdfunding-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Key Performance Indicators (KPIs) dictionary topic page: full-bleed chrome for .ib-kpi.
   body.iab-key-performance-indicators-page is added via iab_key_performance_indicators_body_class();
   page-id rules are also injected at runtime via iab_enqueue_key_performance_indicators_assets().
   --------------------------------------------------------------------------- */
body.iab-key-performance-indicators-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-key-performance-indicators-page .entry-content > .ib-kpi,
body.iab-key-performance-indicators-page .ib-kpi {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-key-performance-indicators-page .site-footer > .wp-block-group { display: none !important; }
body.iab-key-performance-indicators-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-key-performance-indicators-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Net Profit dictionary topic page: full-bleed chrome for .ib-np.
   body.iab-net-profit-page is added via iab_net_profit_body_class();
   page-id rules are also injected at runtime via iab_enqueue_net_profit_assets().
   --------------------------------------------------------------------------- */
body.iab-net-profit-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-net-profit-page .entry-content > .ib-np,
body.iab-net-profit-page .ib-np {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-net-profit-page .site-footer > .wp-block-group { display: none !important; }
body.iab-net-profit-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-net-profit-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Revenue Streams dictionary topic page: full-bleed chrome for .ib-rs.
   body.iab-revenue-streams-page is added via iab_revenue_streams_body_class();
   page-id rules are also injected at runtime via iab_enqueue_revenue_streams_assets().
   --------------------------------------------------------------------------- */
body.iab-revenue-streams-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-revenue-streams-page .entry-content > .ib-rs,
body.iab-revenue-streams-page .ib-rs {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-revenue-streams-page .site-footer > .wp-block-group { display: none !important; }
body.iab-revenue-streams-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-revenue-streams-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Customer Retention dictionary topic page: full-bleed chrome for .ib-cr.
   body.iab-customer-retention-page is added via iab_customer_retention_body_class();
   page-id rules are also injected at runtime via iab_enqueue_customer_retention_assets().
   --------------------------------------------------------------------------- */
body.iab-customer-retention-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-customer-retention-page .entry-content > .ib-cr,
body.iab-customer-retention-page .ib-cr {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-customer-retention-page .site-footer > .wp-block-group { display: none !important; }
body.iab-customer-retention-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-customer-retention-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Unique Selling Proposition (USP) dictionary topic page: full-bleed chrome for .ib-usp.
   body.iab-unique-selling-proposition-page is added via iab_unique_selling_proposition_body_class();
   page-id rules are also injected at runtime via iab_enqueue_unique_selling_proposition_assets().
   --------------------------------------------------------------------------- */
body.iab-unique-selling-proposition-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-unique-selling-proposition-page .entry-content > .ib-usp,
body.iab-unique-selling-proposition-page .ib-usp {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-unique-selling-proposition-page .site-footer > .wp-block-group { display: none !important; }
body.iab-unique-selling-proposition-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-unique-selling-proposition-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   SWOT Analysis dictionary topic page: full-bleed chrome for .ib-sw.
   body.iab-swot-analysis-page is added via iab_swot_analysis_body_class();
   page-id rules are also injected at runtime via iab_enqueue_swot_analysis_assets().
   --------------------------------------------------------------------------- */
body.iab-swot-analysis-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-swot-analysis-page .entry-content > .ib-sw,
body.iab-swot-analysis-page .ib-sw {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-swot-analysis-page .site-footer > .wp-block-group { display: none !important; }
body.iab-swot-analysis-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-swot-analysis-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Competitive Analysis dictionary topic page: full-bleed chrome for .ib-ca.
   body.iab-competitive-analysis-page is added via iab_competitive_analysis_body_class();
   page-id rules are also injected at runtime via iab_enqueue_competitive_analysis_assets().
   --------------------------------------------------------------------------- */
body.iab-competitive-analysis-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-competitive-analysis-page .entry-content > .ib-ca,
body.iab-competitive-analysis-page .ib-ca {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-competitive-analysis-page .site-footer > .wp-block-group { display: none !important; }
body.iab-competitive-analysis-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-competitive-analysis-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Business Plan dictionary topic page: full-bleed chrome for .ib-bp.
   body.iab-business-plan-page is added via iab_business_plan_body_class();
   page-id rules are also injected at runtime via iab_enqueue_business_plan_assets().
   --------------------------------------------------------------------------- */
body.iab-business-plan-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-business-plan-page .entry-content > .ib-bp,
body.iab-business-plan-page .ib-bp {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-business-plan-page .site-footer > .wp-block-group { display: none !important; }
body.iab-business-plan-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-business-plan-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Non-Disclosure Agreement (NDA) dictionary topic page: full-bleed chrome for .ib-nda.
   body.iab-non-disclosure-agreement-page is added via iab_non_disclosure_agreement_body_class();
   page-id rules are also injected at runtime via iab_enqueue_non_disclosure_agreement_assets().
   --------------------------------------------------------------------------- */
body.iab-non-disclosure-agreement-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-non-disclosure-agreement-page .entry-content > .ib-nda,
body.iab-non-disclosure-agreement-page .ib-nda {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-non-disclosure-agreement-page .site-footer > .wp-block-group { display: none !important; }
body.iab-non-disclosure-agreement-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-non-disclosure-agreement-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Venture Capital dictionary topic page: full-bleed chrome for .ib-vc.
   body.iab-venture-capital-page is added via iab_venture_capital_body_class();
   page-id rules are also injected at runtime via iab_enqueue_venture_capital_assets().
   --------------------------------------------------------------------------- */
body.iab-venture-capital-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-venture-capital-page .entry-content > .ib-vc,
body.iab-venture-capital-page .ib-vc {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-venture-capital-page .site-footer > .wp-block-group { display: none !important; }
body.iab-venture-capital-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-venture-capital-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Artificial Intelligence page: same full-bleed chrome as guide page.
   body.iab-ai-page is added via iab_ai_body_class(); page-id rules are also
   injected at runtime via iab_enqueue_ai_assets().
   --------------------------------------------------------------------------- */
body.iab-ai-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-ai-page .entry-content > .ib-guide,
body.iab-ai-page .ib-guide {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-ai-page .site-footer > .wp-block-group { display: none !important; }
body.iab-ai-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-ai-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Business page: same full-bleed chrome as guide page.
   body.iab-business-page is added via iab_business_body_class(); page-id
   rules are also injected at runtime via iab_enqueue_business_assets().
   --------------------------------------------------------------------------- */
body.iab-business-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-business-page .entry-content > .ib-guide,
body.iab-business-page .ib-guide {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-business-page .site-footer > .wp-block-group { display: none !important; }
body.iab-business-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-business-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Social Media page: same full-bleed chrome as guide page.
   body.iab-social-media-page is added via iab_social_media_body_class();
   page-id rules are also injected at runtime via
   iab_enqueue_social_media_assets().
   --------------------------------------------------------------------------- */
body.iab-social-media-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-social-media-page .entry-content > .ib-guide,
body.iab-social-media-page .ib-guide {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-social-media-page .site-footer > .wp-block-group { display: none !important; }
body.iab-social-media-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-social-media-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Entrepreneurship page: same full-bleed chrome as guide page.
   body.iab-entrepreneurship-page is added via iab_entrepreneurship_body_class();
   page-id rules are also injected at runtime via
   iab_enqueue_entrepreneurship_assets().
   --------------------------------------------------------------------------- */
body.iab-entrepreneurship-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-entrepreneurship-page .entry-content > .ib-guide,
body.iab-entrepreneurship-page .ib-guide {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-entrepreneurship-page .site-footer > .wp-block-group { display: none !important; }
body.iab-entrepreneurship-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-entrepreneurship-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   E-Commerce page: same full-bleed chrome as guide page.
   body.iab-ecommerce-page is added via iab_ecommerce_body_class();
   page-id rules are also injected at runtime via
   iab_enqueue_ecommerce_assets().
   --------------------------------------------------------------------------- */
body.iab-ecommerce-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-ecommerce-page .entry-content > .ib-guide,
body.iab-ecommerce-page .ib-guide {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-ecommerce-page .site-footer > .wp-block-group { display: none !important; }
body.iab-ecommerce-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-ecommerce-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Trading page: same full-bleed chrome as guide page.
   body.iab-trading-page is added via iab_trading_body_class();
   page-id rules are also injected at runtime via
   iab_enqueue_trading_assets().
   --------------------------------------------------------------------------- */
body.iab-trading-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-trading-page .entry-content > .ib-guide,
body.iab-trading-page .ib-guide {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-trading-page .site-footer > .wp-block-group { display: none !important; }
body.iab-trading-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-trading-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Mindset page: same full-bleed chrome as guide page.
   body.iab-mindset-page is added via iab_mindset_body_class(); page-id
   rules are also injected at runtime via iab_enqueue_mindset_assets().
   --------------------------------------------------------------------------- */
body.iab-mindset-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-mindset-page .entry-content > .ib-guide,
body.iab-mindset-page .ib-guide {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-mindset-page .site-footer > .wp-block-group { display: none !important; }
body.iab-mindset-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-mindset-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Mindset hub — topic grid (scoped to #iab-mindset-hub)
   --------------------------------------------------------------------------- */
#iab-mindset-hub.ib-guide {
  --ink: #0A0A0B;
  --panel: #111113;
  --panel-2: #0C0C0E;
  --gold: #D4AF37;
  --gold-lo: #8A6F1E;
  --champagne: #F0DFA8;
  --text: #D6D6D8;
  --text-dim: #98989E;
  --line: rgba(255, 255, 255, .09);
  --display: 'Sora', ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
  --body: 'Inter', ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;
  background: var(--ink);
  color: var(--text);
  font-family: var(--body);
  -webkit-font-smoothing: antialiased;
  padding: 4rem 1.25rem 4.5rem;
  position: relative;
  overflow: clip;
  isolation: isolate;
}
#iab-mindset-hub.ib-guide::before {
  content: "";
  position: absolute;
  inset: -14rem -20% auto -20%;
  height: 34rem;
  z-index: -1;
  background: radial-gradient(50% 55% at 50% 40%, rgba(212, 175, 55, .20), transparent 68%);
  filter: blur(50px);
  opacity: .55;
  pointer-events: none;
}
#iab-mindset-hub.ib-guide::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .35;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.055'/%3E%3C/svg%3E");
}
#iab-mindset-hub .ib-wrap { max-width: 1080px; margin: 0 auto; position: relative; }
#iab-mindset-hub .ib-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  margin: 0;
  font-family: var(--mono);
  font-size: .7rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--gold);
  border: 1px solid rgba(212, 175, 55, .38);
  border-radius: 999px;
  padding: .45rem .85rem;
  background: rgba(212, 175, 55, .06);
}
#iab-mindset-hub .ib-eyebrow span {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--gold);
  box-shadow: 0 0 0 3px rgba(212, 175, 55, .18);
}
#iab-mindset-hub .ib-title {
  font-family: var(--display);
  font-weight: 700;
  color: #fff;
  margin: 1.15rem 0 0;
  font-size: clamp(1.95rem, 5vw, 3.1rem);
  line-height: 1.09;
  letter-spacing: -.025em;
  max-width: 17ch;
}
#iab-mindset-hub .ib-title em {
  font-style: normal;
  background: linear-gradient(100deg, var(--champagne), var(--gold) 45%, #B8912B);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
#iab-mindset-hub .ib-lead {
  margin: 1.25rem 0 0;
  max-width: 62ch;
  color: #B9B9BF;
  font-size: clamp(1rem, 1.6vw, 1.14rem);
  line-height: 1.78;
}
#iab-mindset-hub .ib-lead + .ib-lead { margin-top: 1rem; color: #A6A6AD; font-size: 1rem; }
#iab-mindset-hub .ib-lead strong { color: #fff; font-weight: 600; }
#iab-mindset-hub .ib-meta {
  margin: 1.7rem 0 0;
  font-family: var(--mono);
  font-size: .68rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--text-dim);
}
#iab-mindset-hub .ib-meta b { color: var(--gold-lo); font-weight: 500; }
#iab-mindset-hub .ib-rule {
  height: 1px;
  margin: 2.5rem 0 0;
  border: 0;
  background: linear-gradient(90deg, transparent, rgba(212, 175, 55, .55), transparent);
}
#iab-mindset-hub .ib-block { margin: 3rem 0 0; }
#iab-mindset-hub .ib-label {
  font-family: var(--mono);
  font-size: .7rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--gold);
  margin: 0 0 .85rem;
  display: block;
}
#iab-mindset-hub .ib-h3 {
  font-family: var(--display);
  font-weight: 600;
  color: #fff;
  margin: 0;
  font-size: clamp(1.35rem, 2.7vw, 1.85rem);
  line-height: 1.22;
  letter-spacing: -.015em;
  max-width: 24ch;
}
#iab-mindset-hub .ib-sub {
  margin: 1rem 0 0;
  font-size: 1rem;
  line-height: 1.78;
  max-width: 64ch;
  color: #C6C6CC;
}
#iab-mindset-hub .ib-topics {
  display: grid;
  gap: 1rem;
  margin: 2.2rem 0 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 820px) {
  #iab-mindset-hub .ib-topics { grid-template-columns: repeat(2, 1fr); }
  #iab-mindset-hub .ib-topic--wide { grid-column: 1 / -1; }
  #iab-mindset-hub .ib-topic--wide p { max-width: 60ch; }
}
#iab-mindset-hub .ib-topic {
  position: relative;
  overflow: hidden;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  border-radius: 16px;
  border: 1px solid rgba(212, 175, 55, .24);
  background:
    radial-gradient(130% 150% at 100% 0%, rgba(212, 175, 55, .10), transparent 58%),
    linear-gradient(180deg, var(--panel), var(--panel-2));
  padding: 1.9rem 1.5rem 1.8rem;
  scroll-margin-top: 90px;
  transition: border-color .3s ease, transform .3s ease, box-shadow .3s ease;
}
@media (min-width: 768px) {
  #iab-mindset-hub .ib-topic { padding: 2.2rem 2rem 2rem; }
}
#iab-mindset-hub .ib-topic::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(260px 220px at var(--mx, 50%) var(--my, 0%), rgba(212, 175, 55, .13), transparent 70%);
  transition: opacity .35s ease;
}
#iab-mindset-hub .ib-topic:hover,
#iab-mindset-hub .ib-topic:focus-visible {
  border-color: rgba(212, 175, 55, .5);
  transform: translateY(-3px);
  box-shadow: 0 16px 44px -24px rgba(212, 175, 55, .6);
}
#iab-mindset-hub .ib-topic:hover::before { opacity: 1; }
#iab-mindset-hub .ib-topic--wide { border-color: rgba(212, 175, 55, .4); }
#iab-mindset-hub .ib-topic .num {
  font-family: var(--mono);
  font-size: .7rem;
  letter-spacing: .2em;
  color: var(--gold-lo);
  display: block;
  margin: 0 0 .85rem;
  transition: color .3s ease;
}
#iab-mindset-hub .ib-topic:hover .num { color: var(--gold); }
#iab-mindset-hub .ib-topic h4 {
  font-family: var(--display);
  font-weight: 600;
  color: #fff;
  margin: 0;
  font-size: clamp(1.18rem, 2.3vw, 1.44rem);
  line-height: 1.26;
  letter-spacing: -.015em;
  transition: color .3s ease;
}
#iab-mindset-hub .ib-topic:hover h4 { color: var(--champagne); }
#iab-mindset-hub .ib-topic--wide h4 { font-size: clamp(1.32rem, 2.7vw, 1.7rem); }
#iab-mindset-hub .ib-topic p {
  margin: .9rem 0 0;
  font-size: .99rem;
  line-height: 1.75;
  color: #C6C6CC;
  max-width: 52ch;
}
#iab-mindset-hub .ib-topic .q {
  display: block;
  margin: 1.1rem 0 0;
  padding-left: .9rem;
  border-left: 2px solid rgba(212, 175, 55, .4);
  font-size: .93rem;
  line-height: 1.6;
  color: var(--text-dim);
  font-style: italic;
  max-width: 48ch;
}
#iab-mindset-hub .ib-topic .read {
  margin-top: auto;
  padding-top: 1.5rem;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-family: var(--mono);
  font-size: .68rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--gold);
}
#iab-mindset-hub .ib-topic .read .arw { transition: transform .3s ease; display: inline-block; }
#iab-mindset-hub .ib-topic:hover .read .arw { transform: translateX(4px); }
#iab-mindset-hub .ib-note {
  margin: 2.6rem 0 0;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .02);
  padding: 1.5rem 1.4rem;
}
#iab-mindset-hub .ib-note .ib-label { color: var(--text-dim); }
#iab-mindset-hub .ib-note p {
  margin: 0;
  font-size: .95rem;
  line-height: 1.72;
  color: #B4B4BA;
  max-width: 66ch;
}
#iab-mindset-hub .ib-close {
  margin: 3rem 0 0;
  padding-top: 2.3rem;
  border-top: 1px solid var(--line);
}
#iab-mindset-hub .ib-close p {
  font-family: var(--display);
  font-weight: 600;
  color: #fff;
  margin: 0;
  font-size: clamp(1.18rem, 2.7vw, 1.6rem);
  line-height: 1.44;
  letter-spacing: -.015em;
  max-width: 28ch;
}
#iab-mindset-hub .ib-close p .gold {
  background: linear-gradient(100deg, var(--champagne), var(--gold));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
#iab-mindset-hub .ib-sign {
  margin: 1.4rem 0 0;
  font-family: var(--mono);
  font-size: .68rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--text-dim);
  line-height: 1.9;
}
#iab-mindset-hub .reveal {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .7s ease, transform .7s cubic-bezier(.2, .7, .3, 1);
}
#iab-mindset-hub .reveal.in { opacity: 1; transform: none; }
#iab-mindset-hub :focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 3px;
  border-radius: 6px;
}
@media (prefers-reduced-motion: reduce) {
  #iab-mindset-hub .reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none;
  }
  #iab-mindset-hub .ib-topic:hover { transform: none; }
}

/* ---------------------------------------------------------------------------
   Start Your Online Business page: full-bleed chrome for .ib-lib reading section.
   body.iab-start-business-page is added via iab_start_business_body_class();
   page-id rules are also injected at runtime via
   iab_enqueue_start_business_assets().
   --------------------------------------------------------------------------- */
body.iab-start-business-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-start-business-page .entry-content > .ib-lib,
body.iab-start-business-page .ib-lib {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-start-business-page .site-footer > .wp-block-group { display: none !important; }
body.iab-start-business-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-start-business-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Building Your Product Offering page: full-bleed chrome for .ib-po section.
   body.iab-product-offering-page is added via iab_product_offering_body_class();
   page-id rules are also injected at runtime via
   iab_enqueue_product_offering_assets().
   --------------------------------------------------------------------------- */
body.iab-product-offering-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-product-offering-page .entry-content > .ib-po,
body.iab-product-offering-page .ib-po {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-product-offering-page .site-footer > .wp-block-group { display: none !important; }
body.iab-product-offering-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-product-offering-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Branding and Customization page: full-bleed chrome for .ib-bc section.
   body.iab-branding-page is added via iab_branding_body_class();
   page-id rules are also injected at runtime via
   iab_enqueue_branding_assets().
   --------------------------------------------------------------------------- */
body.iab-branding-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-branding-page .entry-content > .ib-bc,
body.iab-branding-page .ib-bc {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-branding-page .site-footer > .wp-block-group { display: none !important; }
body.iab-branding-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-branding-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Marketing Your Business guide chapter: full-bleed chrome for .ib-mkt section.
   body.iab-marketing-your-business-page is added via
   iab_marketing_your_business_body_class(); page-id rules are also injected at
   runtime via iab_enqueue_marketing_your_business_assets().
   --------------------------------------------------------------------------- */
body.iab-marketing-your-business-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-marketing-your-business-page .entry-content > .ib-mkt,
body.iab-marketing-your-business-page .ib-mkt {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-marketing-your-business-page .site-footer > .wp-block-group { display: none !important; }
body.iab-marketing-your-business-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-marketing-your-business-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Scaling and Diversifying guide chapter: full-bleed chrome for .ib-sd section.
   body.iab-scaling-page is added via iab_scaling_body_class(); page-id rules
   are also injected at runtime via iab_enqueue_scaling_assets().
   --------------------------------------------------------------------------- */
body.iab-scaling-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-scaling-page .entry-content > .ib-sd,
body.iab-scaling-page .ib-sd {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-scaling-page .site-footer > .wp-block-group { display: none !important; }
body.iab-scaling-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-scaling-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   The Adventure Begins page: full-bleed chrome for .ib-adv section.
   body.iab-adventure-begins-page is added via iab_adventure_begins_body_class();
   page-id rules are also injected at runtime via
   iab_enqueue_adventure_begins_assets().
   --------------------------------------------------------------------------- */
body.iab-adventure-begins-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-adventure-begins-page .entry-content > .ib-adv,
body.iab-adventure-begins-page .ib-adv {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-adventure-begins-page .site-footer > .wp-block-group { display: none !important; }
body.iab-adventure-begins-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-adventure-begins-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Branding and Visual Identity page: full-bleed chrome for .ib-branding-vi section.
   body.iab-branding-vi-page is added via iab_branding_vi_body_class();
   page-id rules are also injected at runtime via
   iab_enqueue_branding_vi_assets().
   --------------------------------------------------------------------------- */
body.iab-branding-vi-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-branding-vi-page .entry-content > .ib-branding-vi,
body.iab-branding-vi-page .ib-branding-vi {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-branding-vi-page .site-footer > .wp-block-group { display: none !important; }
body.iab-branding-vi-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-branding-vi-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Irresistible Offer page: full-bleed chrome for .ib-irres section.
   body.iab-irresistible-offer-page is added via iab_irresistible_offer_body_class();
   page-id rules are also injected at runtime via
   iab_enqueue_irresistible_offer_assets().
   --------------------------------------------------------------------------- */
body.iab-irresistible-offer-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-irresistible-offer-page .entry-content > .ib-irres,
body.iab-irresistible-offer-page .ib-irres {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-irresistible-offer-page .site-footer > .wp-block-group { display: none !important; }
body.iab-irresistible-offer-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-irresistible-offer-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Find Your Business Purpose page: full-bleed chrome for .ib-purpose section.
   body.iab-purpose-page is added via iab_purpose_body_class();
   page-id rules are also injected at runtime via iab_enqueue_purpose_assets().
   --------------------------------------------------------------------------- */
body.iab-purpose-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-purpose-page .entry-content > .ib-purpose,
body.iab-purpose-page .ib-purpose {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-purpose-page .site-footer > .wp-block-group { display: none !important; }
body.iab-purpose-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-purpose-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Ready For You Products page: full-bleed chrome for .ib-ready section.
   body.iab-ready-products-page is added via iab_ready_products_body_class();
   page-id rules are also injected at runtime via
   iab_enqueue_ready_products_assets().
   --------------------------------------------------------------------------- */
body.iab-ready-products-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-ready-products-page .entry-content > .ib-ready,
body.iab-ready-products-page .ib-ready {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-ready-products-page .site-footer > .wp-block-group { display: none !important; }
body.iab-ready-products-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-ready-products-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Grow Your Audience page: full-bleed chrome for .ib-grow section.
   body.iab-grow-audience-page is added via iab_grow_audience_body_class();
   page-id rules are also injected at runtime via
   iab_enqueue_grow_audience_assets().
   --------------------------------------------------------------------------- */
body.iab-grow-audience-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-grow-audience-page .entry-content > .ib-grow,
body.iab-grow-audience-page .ib-grow {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-grow-audience-page .site-footer > .wp-block-group { display: none !important; }
body.iab-grow-audience-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-grow-audience-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Grow Your Audience page content styles (.ib-grow namespace).
   --------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500&display=swap');

    /* ============ TOKENS (house system, scoped) ============ */
    .ib-grow{
      --ink:#0A0A0B; --panel:#111113; --panel-2:#0C0C0E;
      --gold:#D4AF37; --gold-lo:#8A6F1E; --champagne:#F0DFA8;
      --text:#D6D6D8; --text-dim:#98989E; --line:rgba(255,255,255,.09);

      --display:'Sora',ui-sans-serif,system-ui,'Segoe UI',sans-serif;
      --body:'Inter',ui-sans-serif,system-ui,'Segoe UI',sans-serif;
      --mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',monospace;

      background:var(--ink); color:var(--text); font-family:var(--body);
      -webkit-font-smoothing:antialiased;
      padding:4rem 1.25rem 5rem; position:relative; overflow:clip; isolation:isolate;
    }
    .ib-grow *{box-sizing:border-box}
    .ib-grow::before{
      content:""; position:absolute; inset:-14rem -20% auto -20%; height:34rem; z-index:-1;
      background:radial-gradient(50% 55% at 50% 40%,rgba(212,175,55,.20),transparent 68%);
      filter:blur(50px); opacity:.55; pointer-events:none;
    }
    .ib-grow::after{
      content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.35;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.055'/%3E%3C/svg%3E");
    }
    .ib-grow .ib-wrap{max-width:1080px; margin:0 auto; position:relative}

    /* ============ MASTHEAD ============ */
    .ib-grow .ib-eyebrow{
      display:inline-flex; align-items:center; gap:.55rem; margin:0;
      font-family:var(--mono); font-size:.7rem; letter-spacing:.22em; text-transform:uppercase;
      color:var(--gold); border:1px solid rgba(212,175,55,.38); border-radius:999px;
      padding:.45rem .85rem; background:rgba(212,175,55,.06);
    }
    .ib-grow .ib-eyebrow span{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.18)}

    .ib-grow .ib-title{
      font-family:var(--display); font-weight:700; color:#fff; margin:1.15rem 0 0;
      font-size:clamp(2rem,5.4vw,3.15rem); line-height:1.06; letter-spacing:-.03em; max-width:14ch;
    }
    .ib-grow .ib-title em{
      font-style:normal;
      background:linear-gradient(100deg,var(--champagne),var(--gold) 45%,#B8912B);
      -webkit-background-clip:text; background-clip:text; color:transparent;
    }
    .ib-grow .ib-lead{
      margin:1.2rem 0 0; max-width:62ch; color:#B9B9BF;
      font-size:clamp(1rem,1.6vw,1.13rem); line-height:1.75;
    }
    .ib-grow .ib-meta{
      display:flex; flex-wrap:wrap; align-items:center; gap:.5rem .9rem; margin:1.5rem 0 0;
      font-family:var(--mono); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--text-dim);
    }
    .ib-grow .ib-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--gold-lo)}

    .ib-grow .ib-toc{margin:1.6rem 0 0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:.5rem}
    .ib-grow .ib-toc a{
      display:inline-block; text-decoration:none; font-size:.82rem; color:#CFCFD4;
      border:1px solid var(--line); border-radius:999px; padding:.42rem .85rem;
      background:rgba(255,255,255,.02);
      transition:color .22s ease,border-color .22s ease,background .22s ease;
    }
    .ib-grow .ib-toc a:hover,.ib-grow .ib-toc a:focus-visible{
      color:#fff; border-color:rgba(212,175,55,.6); background:rgba(212,175,55,.08);
    }
    .ib-grow .ib-rule{height:1px; margin:2.6rem 0 0; border:0;
      background:linear-gradient(90deg,transparent,rgba(212,175,55,.55),transparent)}

    /* ============ READING SPINE ============ */
    .ib-grow .ib-body{position:relative}
    .ib-grow .ib-spine{display:none}
    @media (min-width:960px){
      .ib-grow .ib-body{padding-left:3.25rem}
      .ib-grow .ib-spine{
        display:block; position:absolute; left:0; top:.6rem; bottom:.6rem; width:1px;
        background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));
      }
      .ib-grow .ib-spine i{
        position:absolute; inset:0 auto 0 0; width:1px; transform-origin:top;
        transform:scaleY(var(--p,0));
        background:linear-gradient(180deg,var(--champagne),var(--gold));
        box-shadow:0 0 12px rgba(212,175,55,.55); transition:transform .12s linear;
      }
    }

    /* ============ CHAPTERS ============ */
    .ib-grow .ib-ch{margin:3.2rem 0 0; scroll-margin-top:90px}
    .ib-grow .ib-ch-head{display:flex; align-items:baseline; gap:.9rem}
    .ib-grow .ib-n{font-family:var(--mono); font-size:.78rem; color:var(--gold); letter-spacing:.1em; padding-top:.25rem}
    .ib-grow .ib-h2{
      font-family:var(--display); font-weight:600; color:#fff; margin:0;
      font-size:clamp(1.32rem,3vw,1.85rem); line-height:1.2; letter-spacing:-.02em; max-width:22ch;
    }
    .ib-grow .ib-h3{
      font-family:var(--display); font-weight:600; color:#fff; margin:2.2rem 0 0;
      font-size:clamp(1.05rem,2vw,1.22rem); letter-spacing:-.01em;
    }
    .ib-grow .ib-prose p{margin:1.1rem 0 0; font-size:1.01rem; line-height:1.8; max-width:66ch; color:#C6C6CC}
    .ib-grow .ib-prose strong{color:#fff; font-weight:600}
    .ib-grow .ib-pull{
      font-family:var(--display); font-weight:600; color:#fff;
      font-size:clamp(1.12rem,2.5vw,1.45rem); line-height:1.5;
      border-left:2px solid var(--gold); padding-left:1.15rem; margin:2rem 0 0; max-width:46ch;
    }

    /* ============ CARDS ============ */
    .ib-grow .ib-grid{display:grid; gap:1rem; margin:1.6rem 0 0}
    @media (min-width:640px){ .ib-grow .ib-grid.two{grid-template-columns:repeat(2,1fr)} }
    @media (min-width:900px){ .ib-grow .ib-grid.three{grid-template-columns:repeat(3,1fr)} }
    @media (min-width:640px) and (max-width:899px){ .ib-grow .ib-grid.three{grid-template-columns:repeat(2,1fr)} }
    @media (min-width:640px){ .ib-grow .ib-grid.four{grid-template-columns:repeat(2,1fr)} }
    @media (min-width:1000px){ .ib-grow .ib-grid.four{grid-template-columns:repeat(4,1fr)} }

    .ib-grow .ib-card{
      position:relative; overflow:hidden;
      background:linear-gradient(180deg,var(--panel),var(--panel-2));
      border:1px solid var(--line); border-radius:14px; padding:1.3rem 1.25rem 1.4rem;
      transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease;
    }
    .ib-grow .ib-card::before{
      content:""; position:absolute; inset:0; pointer-events:none; opacity:0;
      background:radial-gradient(220px 180px at var(--mx,50%) var(--my,0%),rgba(212,175,55,.14),transparent 70%);
      transition:opacity .35s ease;
    }
    .ib-grow .ib-card:hover{border-color:rgba(212,175,55,.5); transform:translateY(-3px); box-shadow:0 14px 40px -22px rgba(212,175,55,.5)}
    .ib-grow .ib-card:hover::before{opacity:1}
    .ib-grow .ib-card h4{font-family:var(--display); font-weight:600; color:#fff; margin:0 0 .5rem; font-size:1rem}
    .ib-grow .ib-card p{margin:0; font-size:.95rem; line-height:1.7; color:var(--text)}

    /* ============ THE FUNNEL — signature moment ============
       Rented → owned → monetized. Each stage narrower and more gold,
       so the shape of a funnel is visible before you read it. */
    .ib-grow .ib-funnel{list-style:none; margin:1.9rem 0 0; padding:0; display:grid; gap:.7rem}
    .ib-grow .ib-stage{
      position:relative; border-radius:14px; overflow:hidden;
      padding:1.25rem 1.3rem 1.35rem;
      border:1px solid rgba(212,175,55,calc(.14 + (var(--lvl) * .16)));
      background:
        linear-gradient(90deg, rgba(212,175,55,calc(.04 + (var(--lvl) * .045))), transparent 65%),
        linear-gradient(180deg,var(--panel),var(--panel-2));
      transition:transform .3s ease, border-color .3s ease;
      width:100%;
    }
    @media (min-width:820px){
      /* Visually taper the stack */
      .ib-grow .ib-stage{width:calc(100% - (var(--lvl) - 1) * 5%); margin:0 auto}
    }
    .ib-grow .ib-stage::before{
      content:""; position:absolute; left:0; top:0; bottom:0; width:3px;
      background:linear-gradient(180deg,var(--champagne),var(--gold));
      opacity:calc(.3 + (var(--lvl) * .23));
    }
    .ib-grow .ib-stage:hover{border-color:rgba(212,175,55,.6); transform:translateY(-2px)}
    .ib-grow .ib-stage .s{
      display:block; font-family:var(--mono); font-size:.62rem; letter-spacing:.2em;
      text-transform:uppercase; color:var(--gold); margin:0 0 .45rem;
    }
    .ib-grow .ib-stage h4{font-family:var(--display); font-weight:600; color:#fff; margin:0 0 .4rem; font-size:1.08rem}
    .ib-grow .ib-stage p{margin:0; font-size:.96rem; line-height:1.68; color:var(--text); max-width:60ch}

    /* ============ TWO PATHS ============ */
    .ib-grow .ib-paths{display:grid; gap:1rem; margin:1.7rem 0 0}
    @media (min-width:820px){ .ib-grow .ib-paths{grid-template-columns:repeat(2,1fr)} }
    .ib-grow .ib-path{
      border-radius:16px; padding:1.5rem 1.4rem 1.6rem;
      border:1px solid rgba(212,175,55,.26);
      background:
        radial-gradient(130% 160% at 0% 0%,rgba(212,175,55,.09),transparent 60%),
        linear-gradient(180deg,var(--panel),var(--panel-2));
    }
    .ib-grow .ib-path .k{
      display:block; font-family:var(--mono); font-size:.62rem; letter-spacing:.2em;
      text-transform:uppercase; color:var(--gold); margin:0 0 .55rem;
    }
    .ib-grow .ib-path h3{
      font-family:var(--display); font-weight:700; color:#fff; margin:0 0 1rem;
      font-size:clamp(1.15rem,2.5vw,1.4rem); letter-spacing:-.02em;
    }
    .ib-grow .ib-path ul{list-style:none; margin:0; padding:0; display:grid; gap:.55rem}
    .ib-grow .ib-path li{
      position:relative; padding-left:1.5rem; font-size:.94rem; line-height:1.62;
    }
    .ib-grow .ib-path li::before{
      position:absolute; left:0; top:0; font-family:var(--mono); font-size:.8rem; font-weight:600;
    }
    .ib-grow .ib-path .up{color:#C9C9CF}
    .ib-grow .ib-path .up::before{content:"+"; color:var(--gold)}
    .ib-grow .ib-path .down{color:var(--text-dim)}
    .ib-grow .ib-path .down::before{content:"\2212"; color:var(--gold-lo)}

    /* ============ CATEGORY CHIPS ============ */
    .ib-grow .ib-cats{
      display:flex; flex-wrap:wrap; gap:.6rem; margin:1.5rem 0 0; padding:0; list-style:none;
    }
    .ib-grow .ib-cats li{
      font-family:var(--display); font-weight:600; font-size:.98rem; color:#fff;
      border:1px solid rgba(212,175,55,.35); border-radius:999px;
      padding:.6rem 1.15rem; background:rgba(212,175,55,.07);
    }

    /* ============ NUMBERED LADDER ============ */
    .ib-grow .ib-steps{list-style:none; margin:1.7rem 0 0; padding:0; position:relative}
    .ib-grow .ib-steps::before{
      content:""; position:absolute; left:1.18rem; top:.9rem; bottom:.9rem; width:1px;
      background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.04));
    }
    .ib-grow .ib-step{
      position:relative; display:grid; grid-template-columns:2.5rem 1fr; gap:.9rem;
      padding:.95rem 0; border-bottom:1px solid rgba(255,255,255,.055);
    }
    @media (min-width:768px){ .ib-grow .ib-step{gap:1.3rem; padding:1.15rem 0} }
    .ib-grow .ib-step:last-child{border-bottom:0}
    .ib-grow .ib-step-n{
      position:relative; z-index:1; align-self:start;
      width:2.4rem; height:2.4rem; border-radius:50%; display:grid; place-items:center;
      font-family:var(--mono); font-size:.74rem; color:var(--text-dim);
      background:var(--ink); border:1px solid var(--line);
      transition:color .45s ease, border-color .45s ease, box-shadow .45s ease, background .45s ease;
    }
    .ib-grow .ib-step.lit .ib-step-n{
      color:#0A0A0B; font-weight:600; border-color:transparent;
      background:linear-gradient(150deg,var(--champagne),var(--gold));
      box-shadow:0 0 22px -4px rgba(212,175,55,.65);
    }
    .ib-grow .ib-step h4{font-family:var(--display); font-weight:600; color:#fff; margin:.4rem 0 0; font-size:1.02rem}
    .ib-grow .ib-step p{margin:.4rem 0 0; font-size:.95rem; line-height:1.7; color:var(--text); max-width:58ch}

    /* ============ CALLOUT ============ */
    .ib-grow .ib-callout{
      margin:1.8rem 0 0; padding:1.1rem 1.2rem; border-radius:12px;
      border:1px dashed rgba(212,175,55,.32); background:rgba(212,175,55,.04);
      font-size:.96rem; line-height:1.72; color:#C2C2C8; max-width:66ch;
    }
    .ib-grow .ib-callout b{color:var(--champagne); font-weight:600}

    /* ============ CLOSER ============ */
    .ib-grow .ib-final{
      margin:3.2rem 0 0; text-align:center; font-family:var(--display); font-weight:600;
      color:#fff; font-size:clamp(1.15rem,2.8vw,1.55rem); line-height:1.5; letter-spacing:-.01em;
    }
    .ib-grow .ib-final em{
      font-style:normal;
      background:linear-gradient(100deg,var(--champagne),var(--gold));
      -webkit-background-clip:text; background-clip:text; color:transparent;
    }

    /* ============ MOTION + A11Y ============ */
    .ib-grow .reveal{opacity:0; transform:translateY(16px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.3,1)}
    .ib-grow .reveal.in{opacity:1; transform:none}
    .ib-grow :focus-visible{outline:2px solid var(--gold); outline-offset:3px; border-radius:8px}
    @media (prefers-reduced-motion:reduce){
      .ib-grow .reveal{opacity:1 !important; transform:none !important; transition:none}
      .ib-grow .ib-card:hover,.ib-grow .ib-stage:hover{transform:none}
      .ib-grow .ib-spine i,.ib-grow .ib-step-n{transition:none}
    }


/* ---------------------------------------------------------------------------
   Building Your Online Presence page (.ib-page section).
   Enqueued via iab_enqueue_online_presence_assets().
   --------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500&display=swap');

/* ============ TOKENS (same house system, scoped) ============ */
    .ib-page{
      --ink:#0A0A0B; --panel:#111113; --panel-2:#0C0C0E;
      --gold:#D4AF37; --gold-lo:#8A6F1E; --champagne:#F0DFA8;
      --text:#D6D6D8; --text-dim:#98989E; --line:rgba(255,255,255,.09);

      --display:'Sora',ui-sans-serif,system-ui,'Segoe UI',sans-serif;
      --body:'Inter',ui-sans-serif,system-ui,'Segoe UI',sans-serif;
      --mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',monospace;

      background:var(--ink); color:var(--text); font-family:var(--body);
      -webkit-font-smoothing:antialiased;
      padding:4rem 1.25rem 5rem; position:relative; overflow:clip; isolation:isolate;
    }
    .ib-page *{box-sizing:border-box}
    .ib-page::before{
      content:""; position:absolute; inset:-14rem -20% auto -20%; height:34rem; z-index:-1;
      background:radial-gradient(50% 55% at 50% 40%,rgba(212,175,55,.20),transparent 68%);
      filter:blur(50px); opacity:.55; pointer-events:none;
    }
    .ib-page::after{
      content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.35;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.055'/%3E%3C/svg%3E");
    }
    .ib-page .ib-wrap{max-width:1080px; margin:0 auto; position:relative}

    /* ============ MASTHEAD ============ */
    .ib-page .ib-eyebrow{
      display:inline-flex; align-items:center; gap:.55rem; margin:0;
      font-family:var(--mono); font-size:.7rem; letter-spacing:.22em; text-transform:uppercase;
      color:var(--gold); border:1px solid rgba(212,175,55,.38); border-radius:999px;
      padding:.45rem .85rem; background:rgba(212,175,55,.06);
    }
    .ib-page .ib-eyebrow span{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.18)}

    .ib-page .ib-title{
      font-family:var(--display); font-weight:700; color:#fff; margin:1.15rem 0 0;
      font-size:clamp(2rem,5.2vw,3.15rem); line-height:1.08; letter-spacing:-.025em; max-width:16ch;
    }
    .ib-page .ib-title em{
      font-style:normal;
      background:linear-gradient(100deg,var(--champagne),var(--gold) 45%,#B8912B);
      -webkit-background-clip:text; background-clip:text; color:transparent;
    }
    .ib-page .ib-lead{
      margin:1.2rem 0 0; max-width:62ch; color:#B9B9BF;
      font-size:clamp(1rem,1.6vw,1.13rem); line-height:1.75;
    }
    .ib-page .ib-meta{
      display:flex; flex-wrap:wrap; align-items:center; gap:.5rem .9rem; margin:1.5rem 0 0;
      font-family:var(--mono); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--text-dim);
    }
    .ib-page .ib-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--gold-lo)}

    /* Contents */
    .ib-page .ib-toc{margin:1.6rem 0 0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:.5rem}
    .ib-page .ib-toc a{
      display:inline-block; text-decoration:none; font-size:.82rem; color:#CFCFD4;
      border:1px solid var(--line); border-radius:999px; padding:.42rem .85rem;
      background:rgba(255,255,255,.02);
      transition:color .22s ease,border-color .22s ease,background .22s ease;
    }
    .ib-page .ib-toc a:hover,.ib-page .ib-toc a:focus-visible{
      color:#fff; border-color:rgba(212,175,55,.6); background:rgba(212,175,55,.08);
    }
    .ib-page .ib-rule{height:1px; margin:2.6rem 0 0; border:0;
      background:linear-gradient(90deg,transparent,rgba(212,175,55,.55),transparent)}

    /* ============ READING SPINE (house element) ============ */
    .ib-page .ib-body{position:relative}
    .ib-page .ib-spine{display:none}
    @media (min-width:960px){
      .ib-page .ib-body{padding-left:3.25rem}
      .ib-page .ib-spine{
        display:block; position:absolute; left:0; top:.6rem; bottom:.6rem; width:1px;
        background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));
      }
      .ib-page .ib-spine i{
        position:absolute; inset:0 auto 0 0; width:1px; transform-origin:top;
        transform:scaleY(var(--p,0));
        background:linear-gradient(180deg,var(--champagne),var(--gold));
        box-shadow:0 0 12px rgba(212,175,55,.55); transition:transform .12s linear;
      }
    }

    /* ============ PARTS ============ */
    .ib-page .ib-part{margin:3.5rem 0 0; scroll-margin-top:90px}
    .ib-page .ib-part-head{display:flex; align-items:baseline; gap:.9rem}
    .ib-page .ib-num{font-family:var(--mono); font-size:.78rem; color:var(--gold); letter-spacing:.1em; padding-top:.25rem}
    .ib-page .ib-h2{
      font-family:var(--display); font-weight:600; color:#fff; margin:0;
      font-size:clamp(1.4rem,3vw,2rem); line-height:1.2; letter-spacing:-.02em; max-width:22ch;
    }
    .ib-page .ib-h3{
      font-family:var(--display); font-weight:600; color:#fff; margin:2.4rem 0 0;
      font-size:clamp(1.08rem,2vw,1.28rem); line-height:1.3; letter-spacing:-.01em;
    }
    .ib-page .ib-h4{font-family:var(--display); font-weight:600; color:#fff; margin:0 0 .5rem; font-size:1.02rem}
    .ib-page .ib-prose p{margin:1.1rem 0 0; font-size:1.01rem; line-height:1.8; max-width:66ch; color:#C6C6CC}
    .ib-page .ib-prose strong{color:#fff; font-weight:600}
    .ib-page .ib-pull{
      font-family:var(--display); font-weight:600; color:#fff;
      font-size:clamp(1.1rem,2.4vw,1.4rem); line-height:1.5;
      border-left:2px solid var(--gold); padding-left:1.1rem; margin:1.9rem 0 0; max-width:44ch;
    }

    /* ============ CONCEPT CARDS ============ */
    .ib-page .ib-grid{display:grid; gap:1rem; margin:1.5rem 0 0}
    @media (min-width:640px){ .ib-page .ib-grid.two{grid-template-columns:repeat(2,1fr)} }
    @media (min-width:900px){ .ib-page .ib-grid.three{grid-template-columns:repeat(3,1fr)} }
    @media (min-width:640px) and (max-width:899px){ .ib-page .ib-grid.three{grid-template-columns:repeat(2,1fr)} }

    .ib-page .ib-card{
      position:relative; overflow:hidden;
      background:linear-gradient(180deg,var(--panel),var(--panel-2));
      border:1px solid var(--line); border-radius:14px; padding:1.3rem 1.25rem 1.4rem;
      transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease;
    }
    .ib-page .ib-card::before{
      content:""; position:absolute; inset:0; pointer-events:none; opacity:0;
      background:radial-gradient(220px 180px at var(--mx,50%) var(--my,0%),rgba(212,175,55,.14),transparent 70%);
      transition:opacity .35s ease;
    }
    .ib-page .ib-card:hover{border-color:rgba(212,175,55,.5); transform:translateY(-3px); box-shadow:0 14px 40px -22px rgba(212,175,55,.5)}
    .ib-page .ib-card:hover::before{opacity:1}
    .ib-page .ib-card p{margin:0; font-size:.95rem; line-height:1.7; color:var(--text)}

    /* ============ TOOL INDEX — for the platform lists ============
       Long lists of named tools read better as an index than as cards. */
    .ib-page .ib-index{list-style:none; margin:1.5rem 0 0; padding:0; border-top:1px solid rgba(255,255,255,.07)}
    .ib-page .ib-index li{
      display:grid; grid-template-columns:1fr; gap:.25rem;
      padding:1rem .25rem; border-bottom:1px solid rgba(255,255,255,.07);
      transition:background .25s ease, padding-left .25s ease;
    }
    @media (min-width:760px){
      .ib-page .ib-index li{grid-template-columns:13.5rem 1fr; gap:1.5rem; align-items:baseline}
    }
    .ib-page .ib-index li:hover{background:rgba(212,175,55,.045); padding-left:.7rem}
    .ib-page .ib-index .name{
      font-family:var(--display); font-weight:600; color:#fff; font-size:1.02rem;
      display:flex; align-items:center; gap:.6rem; flex-wrap:wrap;
    }
    .ib-page .ib-index li:hover .name{color:var(--champagne)}
    .ib-page .ib-index .desc{margin:0; font-size:.96rem; line-height:1.7; color:var(--text); max-width:58ch}
    .ib-page .ib-index .tag{
      font-family:var(--mono); font-size:.6rem; letter-spacing:.16em; text-transform:uppercase;
      color:#0A0A0B; font-weight:600; border-radius:999px; padding:.24rem .5rem;
      background:linear-gradient(150deg,var(--champagne),var(--gold)); white-space:nowrap;
    }
    .ib-page .ib-index .rank{
      font-family:var(--mono); font-size:.72rem; color:var(--gold-lo); margin-right:.15rem;
    }

    /* ============ FOUNDER ASIDE — the signature element ============
       Atanas's personal calls are the most valuable copy on the page.
       They get their own voice, visually. */
    .ib-page .ib-note{
      position:relative; margin:1.9rem 0 0; border-radius:14px;
      border:1px solid rgba(212,175,55,.28); border-left:2px solid var(--gold);
      background:
        radial-gradient(120% 160% at 0% 0%,rgba(212,175,55,.11),transparent 60%),
        linear-gradient(180deg,var(--panel),var(--panel-2));
      padding:1.5rem 1.35rem 1.6rem;
    }
    @media (min-width:768px){ .ib-page .ib-note{padding:1.8rem 1.9rem} }
    .ib-page .ib-note .who{
      display:block; margin:0 0 .7rem; font-family:var(--mono);
      font-size:.66rem; letter-spacing:.22em; text-transform:uppercase; color:var(--gold);
    }
    .ib-page .ib-note p{margin:.75rem 0 0; font-size:1rem; line-height:1.78; color:#C8C8CE; max-width:62ch}
    .ib-page .ib-note p:first-of-type{margin-top:0}
    .ib-page .ib-note strong{color:#fff; font-weight:600}

    /* ============ CALLOUT (small, quiet) ============ */
    .ib-page .ib-callout{
      margin:1.8rem 0 0; padding:1.1rem 1.2rem; border-radius:12px;
      border:1px dashed rgba(212,175,55,.32); background:rgba(212,175,55,.04);
      font-size:.96rem; line-height:1.72; color:#C2C2C8; max-width:66ch;
    }
    .ib-page .ib-callout b{color:var(--champagne); font-weight:600}

    /* ============ CLOSER ============ */
    .ib-page .ib-final{
      margin:3.4rem 0 0; text-align:center; font-family:var(--display); font-weight:600;
      color:#fff; font-size:clamp(1.15rem,2.8vw,1.55rem); line-height:1.5; letter-spacing:-.01em;
    }
    .ib-page .ib-final em{
      font-style:normal;
      background:linear-gradient(100deg,var(--champagne),var(--gold));
      -webkit-background-clip:text; background-clip:text; color:transparent;
    }

    /* ============ MOTION + A11Y ============ */
    .ib-page .reveal{opacity:0; transform:translateY(16px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.3,1)}
    .ib-page .reveal.in{opacity:1; transform:none}
    .ib-page :focus-visible{outline:2px solid var(--gold); outline-offset:3px; border-radius:6px}
    @media (prefers-reduced-motion:reduce){
      .ib-page .reveal{opacity:1 !important; transform:none !important; transition:none}
      .ib-page .ib-card:hover{transform:none}
      .ib-page .ib-index li:hover{padding-left:.25rem}
      .ib-page .ib-spine i{transition:none}
    }

/* ---------------------------------------------------------------------------
   Building Your Online Presence page: full-bleed chrome for .ib-page section.
   body.iab-online-presence-page is added via iab_online_presence_body_class();
   page-id rules are also injected at runtime via
   iab_enqueue_online_presence_assets().
   --------------------------------------------------------------------------- */
body.iab-online-presence-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-online-presence-page .entry-content > .ib-page,
body.iab-online-presence-page .ib-page {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-online-presence-page .site-footer > .wp-block-group { display: none !important; }
body.iab-online-presence-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-online-presence-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Marketing & Traffic Generation page: full-bleed chrome for #marketing-traffic section.
   body.iab-marketing-traffic-page is added via iab_marketing_traffic_body_class();
   page-id rules are also injected at runtime via
   iab_enqueue_marketing_traffic_assets().
   --------------------------------------------------------------------------- */
body.iab-marketing-traffic-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-marketing-traffic-page .entry-content > #marketing-traffic,
body.iab-marketing-traffic-page #marketing-traffic {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-marketing-traffic-page .site-footer > .wp-block-group { display: none !important; }
body.iab-marketing-traffic-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-marketing-traffic-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Marketing & Traffic Generation page content styles (#marketing-traffic scope).
   Scoped under #marketing-traffic to avoid .ib-mkt conflict with Marketing Your Business.
   --------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500&display=swap');

    /* ============ TOKENS (house system, scoped) ============ */
    #marketing-traffic{
      --ink:#0A0A0B; --panel:#111113; --panel-2:#0C0C0E;
      --gold:#D4AF37; --gold-lo:#8A6F1E; --champagne:#F0DFA8;
      --text:#D6D6D8; --text-dim:#98989E; --line:rgba(255,255,255,.09);

      --display:'Sora',ui-sans-serif,system-ui,'Segoe UI',sans-serif;
      --body:'Inter',ui-sans-serif,system-ui,'Segoe UI',sans-serif;
      --mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',monospace;

      background:var(--ink); color:var(--text); font-family:var(--body);
      -webkit-font-smoothing:antialiased;
      padding:4rem 1.25rem 5rem; position:relative; overflow:clip; isolation:isolate;
    }
    #marketing-traffic *{box-sizing:border-box}
    #marketing-traffic::before{
      content:""; position:absolute; inset:-14rem -20% auto -20%; height:34rem; z-index:-1;
      background:radial-gradient(50% 55% at 50% 40%,rgba(212,175,55,.20),transparent 68%);
      filter:blur(50px); opacity:.55; pointer-events:none;
    }
    #marketing-traffic::after{
      content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.35;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.055'/%3E%3C/svg%3E");
    }
    #marketing-traffic .ib-wrap{max-width:1080px; margin:0 auto; position:relative}

    /* ============ MASTHEAD ============ */
    #marketing-traffic .ib-eyebrow{
      display:inline-flex; align-items:center; gap:.55rem; margin:0;
      font-family:var(--mono); font-size:.7rem; letter-spacing:.22em; text-transform:uppercase;
      color:var(--gold); border:1px solid rgba(212,175,55,.38); border-radius:999px;
      padding:.45rem .85rem; background:rgba(212,175,55,.06);
    }
    #marketing-traffic .ib-eyebrow span{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.18)}

    #marketing-traffic .ib-title{
      font-family:var(--display); font-weight:700; color:#fff; margin:1.15rem 0 0;
      font-size:clamp(2rem,5.4vw,3.15rem); line-height:1.06; letter-spacing:-.03em; max-width:15ch;
    }
    #marketing-traffic .ib-title em{
      font-style:normal;
      background:linear-gradient(100deg,var(--champagne),var(--gold) 45%,#B8912B);
      -webkit-background-clip:text; background-clip:text; color:transparent;
    }
    #marketing-traffic .ib-lead{
      margin:1.2rem 0 0; max-width:62ch; color:#B9B9BF;
      font-size:clamp(1rem,1.6vw,1.13rem); line-height:1.75;
    }
    #marketing-traffic .ib-meta{
      display:flex; flex-wrap:wrap; align-items:center; gap:.5rem .9rem; margin:1.5rem 0 0;
      font-family:var(--mono); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--text-dim);
    }
    #marketing-traffic .ib-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--gold-lo)}

    #marketing-traffic .ib-toc{margin:1.6rem 0 0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:.5rem}
    #marketing-traffic .ib-toc a{
      display:inline-block; text-decoration:none; font-size:.82rem; color:#CFCFD4;
      border:1px solid var(--line); border-radius:999px; padding:.42rem .85rem;
      background:rgba(255,255,255,.02);
      transition:color .22s ease,border-color .22s ease,background .22s ease;
    }
    #marketing-traffic .ib-toc a:hover,#marketing-traffic .ib-toc a:focus-visible{
      color:#fff; border-color:rgba(212,175,55,.6); background:rgba(212,175,55,.08);
    }
    #marketing-traffic .ib-rule{height:1px; margin:2.6rem 0 0; border:0;
      background:linear-gradient(90deg,transparent,rgba(212,175,55,.55),transparent)}

    /* ============ READING SPINE ============ */
    #marketing-traffic .ib-body{position:relative}
    #marketing-traffic .ib-spine{display:none}
    @media (min-width:960px){
      #marketing-traffic .ib-body{padding-left:3.25rem}
      #marketing-traffic .ib-spine{
        display:block; position:absolute; left:0; top:.6rem; bottom:.6rem; width:1px;
        background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));
      }
      #marketing-traffic .ib-spine i{
        position:absolute; inset:0 auto 0 0; width:1px; transform-origin:top;
        transform:scaleY(var(--p,0));
        background:linear-gradient(180deg,var(--champagne),var(--gold));
        box-shadow:0 0 12px rgba(212,175,55,.55); transition:transform .12s linear;
      }
    }

    /* ============ PART DIVIDERS ============ */
    #marketing-traffic .ib-part{
      margin:3.6rem 0 0; padding:1.5rem 0 0; border-top:1px solid rgba(212,175,55,.25);
      scroll-margin-top:90px;
    }
    #marketing-traffic .ib-part .k{
      display:block; font-family:var(--mono); font-size:.66rem; letter-spacing:.24em;
      text-transform:uppercase; color:var(--gold); margin:0 0 .7rem;
    }
    #marketing-traffic .ib-part h2{
      font-family:var(--display); font-weight:700; color:#fff; margin:0;
      font-size:clamp(1.5rem,3.4vw,2.15rem); line-height:1.15; letter-spacing:-.025em; max-width:20ch;
    }
    #marketing-traffic .ib-part p{margin:1rem 0 0; max-width:62ch; color:#B9B9BF; font-size:1.02rem; line-height:1.78}

    /* ============ CHAPTERS ============ */
    #marketing-traffic .ib-ch{margin:3rem 0 0; scroll-margin-top:90px}
    #marketing-traffic .ib-ch-head{display:flex; align-items:baseline; gap:.9rem}
    #marketing-traffic .ib-n{font-family:var(--mono); font-size:.78rem; color:var(--gold); letter-spacing:.1em; padding-top:.25rem}
    #marketing-traffic .ib-h2{
      font-family:var(--display); font-weight:600; color:#fff; margin:0;
      font-size:clamp(1.28rem,2.8vw,1.75rem); line-height:1.22; letter-spacing:-.02em; max-width:22ch;
    }
    #marketing-traffic .ib-h3{
      font-family:var(--display); font-weight:600; color:#fff; margin:2.2rem 0 0;
      font-size:clamp(1.05rem,2vw,1.22rem); letter-spacing:-.01em;
    }
    #marketing-traffic .ib-prose p{margin:1.1rem 0 0; font-size:1.01rem; line-height:1.8; max-width:66ch; color:#C6C6CC}
    #marketing-traffic .ib-prose strong{color:#fff; font-weight:600}
    #marketing-traffic .ib-pull{
      font-family:var(--display); font-weight:600; color:#fff;
      font-size:clamp(1.12rem,2.5vw,1.45rem); line-height:1.5;
      border-left:2px solid var(--gold); padding-left:1.15rem; margin:2rem 0 0; max-width:46ch;
    }

    /* ============ CARDS ============ */
    #marketing-traffic .ib-grid{display:grid; gap:1rem; margin:1.6rem 0 0}
    @media (min-width:640px){ #marketing-traffic .ib-grid.two{grid-template-columns:repeat(2,1fr)} }
    @media (min-width:900px){ #marketing-traffic .ib-grid.three{grid-template-columns:repeat(3,1fr)} }
    @media (min-width:640px) and (max-width:899px){ #marketing-traffic .ib-grid.three{grid-template-columns:repeat(2,1fr)} }
    @media (min-width:640px){ #marketing-traffic .ib-grid.four{grid-template-columns:repeat(2,1fr)} }
    @media (min-width:1000px){ #marketing-traffic .ib-grid.four{grid-template-columns:repeat(4,1fr)} }

    #marketing-traffic .ib-card{
      position:relative; overflow:hidden;
      background:linear-gradient(180deg,var(--panel),var(--panel-2));
      border:1px solid var(--line); border-radius:14px; padding:1.3rem 1.25rem 1.4rem;
      transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease;
    }
    #marketing-traffic .ib-card::before{
      content:""; position:absolute; inset:0; pointer-events:none; opacity:0;
      background:radial-gradient(220px 180px at var(--mx,50%) var(--my,0%),rgba(212,175,55,.14),transparent 70%);
      transition:opacity .35s ease;
    }
    #marketing-traffic .ib-card:hover{border-color:rgba(212,175,55,.5); transform:translateY(-3px); box-shadow:0 14px 40px -22px rgba(212,175,55,.5)}
    #marketing-traffic .ib-card:hover::before{opacity:1}
    #marketing-traffic .ib-card h4{font-family:var(--display); font-weight:600; color:#fff; margin:0 0 .5rem; font-size:1rem}
    #marketing-traffic .ib-card p{margin:0; font-size:.95rem; line-height:1.7; color:var(--text)}

    /* ============ TOOL CARDS with pros / cons ============ */
    #marketing-traffic .ib-tools{display:grid; gap:1rem; margin:1.7rem 0 0}
    @media (min-width:760px){ #marketing-traffic .ib-tools{grid-template-columns:repeat(2,1fr)} }
    #marketing-traffic .ib-tool{
      position:relative; border-radius:14px; overflow:hidden;
      border:1px solid var(--line);
      background:linear-gradient(180deg,var(--panel),var(--panel-2));
      padding:1.35rem 1.3rem 1.4rem;
      transition:border-color .3s ease, transform .3s ease;
    }
    #marketing-traffic .ib-tool:hover{border-color:rgba(212,175,55,.5); transform:translateY(-3px)}
    #marketing-traffic .ib-tool .tname{
      display:flex; align-items:center; gap:.6rem; flex-wrap:wrap;
      font-family:var(--display); font-weight:600; color:#fff; font-size:1.06rem; margin:0 0 .55rem;
    }
    #marketing-traffic .ib-tool .tag{
      font-family:var(--mono); font-size:.58rem; letter-spacing:.16em; text-transform:uppercase;
      color:#0A0A0B; font-weight:600; border-radius:999px; padding:.24rem .5rem;
      background:linear-gradient(150deg,var(--champagne),var(--gold)); white-space:nowrap;
    }
    #marketing-traffic .ib-tool .tover{margin:0 0 .9rem; font-size:.94rem; line-height:1.68; color:#C2C2C8}
    #marketing-traffic .ib-pc{list-style:none; margin:0; padding:0; display:grid; gap:.5rem}
    #marketing-traffic .ib-pc li{
      position:relative; padding-left:1.5rem; font-size:.9rem; line-height:1.6;
    }
    #marketing-traffic .ib-pc .pro{color:#C9C9CF}
    #marketing-traffic .ib-pc .con{color:var(--text-dim)}
    #marketing-traffic .ib-pc li::before{
      position:absolute; left:0; top:0; font-family:var(--mono); font-size:.8rem; font-weight:600;
    }
    #marketing-traffic .ib-pc .pro::before{content:"+"; color:var(--gold)}
    #marketing-traffic .ib-pc .con::before{content:"\2212"; color:var(--gold-lo)}

    /* ============ INDEX LIST ============ */
    #marketing-traffic .ib-index{list-style:none; margin:1.6rem 0 0; padding:0; border-top:1px solid rgba(255,255,255,.07)}
    #marketing-traffic .ib-index li{
      display:grid; grid-template-columns:1fr; gap:.25rem;
      padding:1rem .25rem; border-bottom:1px solid rgba(255,255,255,.07);
      transition:background .25s ease, padding-left .25s ease;
    }
    @media (min-width:760px){
      #marketing-traffic .ib-index li{grid-template-columns:13rem 1fr; gap:1.5rem; align-items:baseline}
    }
    #marketing-traffic .ib-index li:hover{background:rgba(212,175,55,.045); padding-left:.7rem}
    #marketing-traffic .ib-index .name{
      font-family:var(--display); font-weight:600; color:#fff; font-size:1.02rem;
      display:flex; align-items:center; gap:.55rem; flex-wrap:wrap;
    }
    #marketing-traffic .ib-index li:hover .name{color:var(--champagne)}
    #marketing-traffic .ib-index .desc{margin:0; font-size:.96rem; line-height:1.7; color:var(--text); max-width:58ch}
    #marketing-traffic .ib-index .tag{
      font-family:var(--mono); font-size:.58rem; letter-spacing:.16em; text-transform:uppercase;
      color:#0A0A0B; font-weight:600; border-radius:999px; padding:.22rem .48rem;
      background:linear-gradient(150deg,var(--champagne),var(--gold)); white-space:nowrap;
    }

    /* ============ CHECK GRID (choice factors) ============ */
    #marketing-traffic .ib-checks{list-style:none; margin:1.6rem 0 0; padding:0; display:grid; gap:.7rem}
    @media (min-width:700px){ #marketing-traffic .ib-checks{grid-template-columns:repeat(2,1fr); gap:.7rem 1.6rem} }
    #marketing-traffic .ib-checks li{
      position:relative; padding-left:1.6rem; font-size:.96rem; line-height:1.65; color:var(--text);
    }
    #marketing-traffic .ib-checks li::before{
      content:""; position:absolute; left:0; top:.62em; width:.55rem; height:1px; background:var(--gold);
    }
    #marketing-traffic .ib-checks b{color:#fff; font-weight:600; display:block; font-family:var(--display); font-size:.97rem}

    /* ============ NUMBERED LADDER ============ */
    #marketing-traffic .ib-steps{list-style:none; margin:1.7rem 0 0; padding:0; position:relative}
    #marketing-traffic .ib-steps::before{
      content:""; position:absolute; left:1.18rem; top:.9rem; bottom:.9rem; width:1px;
      background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.04));
    }
    #marketing-traffic .ib-step{
      position:relative; display:grid; grid-template-columns:2.5rem 1fr; gap:.9rem;
      padding:.95rem 0; border-bottom:1px solid rgba(255,255,255,.055);
    }
    @media (min-width:768px){ #marketing-traffic .ib-step{gap:1.3rem; padding:1.15rem 0} }
    #marketing-traffic .ib-step:last-child{border-bottom:0}
    #marketing-traffic .ib-step-n{
      position:relative; z-index:1; align-self:start;
      width:2.4rem; height:2.4rem; border-radius:50%; display:grid; place-items:center;
      font-family:var(--mono); font-size:.74rem; color:var(--text-dim);
      background:var(--ink); border:1px solid var(--line);
      transition:color .45s ease, border-color .45s ease, box-shadow .45s ease, background .45s ease;
    }
    #marketing-traffic .ib-step.lit .ib-step-n{
      color:#0A0A0B; font-weight:600; border-color:transparent;
      background:linear-gradient(150deg,var(--champagne),var(--gold));
      box-shadow:0 0 22px -4px rgba(212,175,55,.65);
    }
    #marketing-traffic .ib-step h4{font-family:var(--display); font-weight:600; color:#fff; margin:.4rem 0 0; font-size:1.02rem}
    #marketing-traffic .ib-step p{margin:.4rem 0 0; font-size:.95rem; line-height:1.7; color:var(--text); max-width:58ch}

    /* ============ FAQ ACCORDION ============ */
    #marketing-traffic .ib-faq{margin:1.7rem 0 0; display:grid; gap:.6rem}
    #marketing-traffic .ib-item{
      background:linear-gradient(180deg,var(--panel),var(--panel-2));
      border:1px solid var(--line); border-radius:13px; overflow:hidden;
      transition:border-color .3s ease, box-shadow .3s ease;
    }
    #marketing-traffic .ib-item:hover{border-color:rgba(212,175,55,.42)}
    #marketing-traffic .ib-item.open{border-color:rgba(212,175,55,.6); box-shadow:0 16px 44px -28px rgba(212,175,55,.55)}
    #marketing-traffic .ib-q{
      width:100%; display:flex; align-items:flex-start; gap:1rem; text-align:left;
      background:none; border:0; cursor:pointer; color:#fff;
      font-family:var(--display); font-weight:600; font-size:1rem; line-height:1.45;
      padding:1.05rem 1.15rem;
    }
    @media (min-width:768px){ #marketing-traffic .ib-q{padding:1.15rem 1.4rem; font-size:1.04rem} }
    #marketing-traffic .ib-q:hover{color:var(--champagne)}
    #marketing-traffic .ib-q .txt{flex:1}
    #marketing-traffic .ib-ico{
      position:relative; flex:0 0 auto; width:1.4rem; height:1.4rem; margin-top:.12rem;
      border:1px solid rgba(212,175,55,.45); border-radius:50%;
      transition:background .35s ease, border-color .35s ease, transform .35s ease;
    }
    #marketing-traffic .ib-ico::before,#marketing-traffic .ib-ico::after{
      content:""; position:absolute; top:50%; left:50%; background:var(--gold);
      transform:translate(-50%,-50%); transition:transform .35s ease, background .35s ease;
    }
    #marketing-traffic .ib-ico::before{width:.58rem; height:1.5px}
    #marketing-traffic .ib-ico::after{width:1.5px; height:.58rem}
    #marketing-traffic .ib-item.open .ib-ico{
      background:linear-gradient(150deg,var(--champagne),var(--gold));
      border-color:transparent; transform:rotate(180deg);
    }
    #marketing-traffic .ib-item.open .ib-ico::before{background:#0A0A0B}
    #marketing-traffic .ib-item.open .ib-ico::after{transform:translate(-50%,-50%) scaleY(0); background:#0A0A0B}
    #marketing-traffic .ib-a{display:grid; grid-template-rows:0fr; transition:grid-template-rows .38s cubic-bezier(.3,.8,.3,1)}
    #marketing-traffic .ib-item.open .ib-a{grid-template-rows:1fr}
    #marketing-traffic .ib-a > div{overflow:hidden}
    #marketing-traffic .ib-a p{
      margin:0 1.15rem 1.2rem; font-size:.97rem; line-height:1.78; color:#C4C4CA; max-width:62ch;
    }
    @media (min-width:768px){ #marketing-traffic .ib-a p{margin:0 1.4rem 1.35rem} }

    /* ============ FOUNDER NOTE ============ */
    #marketing-traffic .ib-note{
      position:relative; margin:1.9rem 0 0; border-radius:14px;
      border:1px solid rgba(212,175,55,.28); border-left:2px solid var(--gold);
      background:
        radial-gradient(120% 160% at 0% 0%,rgba(212,175,55,.11),transparent 60%),
        linear-gradient(180deg,var(--panel),var(--panel-2));
      padding:1.5rem 1.35rem 1.6rem;
    }
    @media (min-width:768px){ #marketing-traffic .ib-note{padding:1.9rem 2rem} }
    #marketing-traffic .ib-note .who{
      display:block; margin:0 0 .8rem; font-family:var(--mono);
      font-size:.66rem; letter-spacing:.22em; text-transform:uppercase; color:var(--gold);
    }
    #marketing-traffic .ib-note p{margin:.8rem 0 0; font-size:1rem; line-height:1.78; color:#C8C8CE; max-width:62ch}
    #marketing-traffic .ib-note p:first-of-type{margin-top:0}
    #marketing-traffic .ib-note strong{color:#fff; font-weight:600}

    /* ============ CALLOUT ============ */
    #marketing-traffic .ib-callout{
      margin:1.8rem 0 0; padding:1.1rem 1.2rem; border-radius:12px;
      border:1px dashed rgba(212,175,55,.32); background:rgba(212,175,55,.04);
      font-size:.96rem; line-height:1.72; color:#C2C2C8; max-width:66ch;
    }
    #marketing-traffic .ib-callout b{color:var(--champagne); font-weight:600}

    /* ============ CLOSER ============ */
    #marketing-traffic .ib-final{
      margin:3.2rem 0 0; text-align:center; font-family:var(--display); font-weight:600;
      color:#fff; font-size:clamp(1.15rem,2.8vw,1.55rem); line-height:1.5; letter-spacing:-.01em;
    }
    #marketing-traffic .ib-final em{
      font-style:normal;
      background:linear-gradient(100deg,var(--champagne),var(--gold));
      -webkit-background-clip:text; background-clip:text; color:transparent;
    }

    /* ============ MOTION + A11Y ============ */
    #marketing-traffic .reveal{opacity:0; transform:translateY(16px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.3,1)}
    #marketing-traffic .reveal.in{opacity:1; transform:none}
    #marketing-traffic :focus-visible{outline:2px solid var(--gold); outline-offset:3px; border-radius:8px}
    @media (prefers-reduced-motion:reduce){
      #marketing-traffic .reveal{opacity:1 !important; transform:none !important; transition:none}
      #marketing-traffic .ib-card:hover,#marketing-traffic .ib-tool:hover{transform:none}
      #marketing-traffic .ib-index li:hover{padding-left:.25rem}
      #marketing-traffic .ib-spine i,#marketing-traffic .ib-step-n,#marketing-traffic .ib-a{transition:none}
    }

/* ---------------------------------------------------------------------------
   Wrapping It Up page: full-bleed chrome for .ib-wrap-up section.
   body.iab-wrapping-up-page is added via iab_wrapping_up_body_class();
   page-id rules are also injected at runtime via
   iab_enqueue_wrapping_up_assets().
   --------------------------------------------------------------------------- */
body.iab-wrapping-up-page .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.iab-wrapping-up-page .entry-content > .ib-wrap-up,
body.iab-wrapping-up-page .ib-wrap-up {
  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
body.iab-wrapping-up-page .site-footer > .wp-block-group { display: none !important; }
body.iab-wrapping-up-page main > .wp-block-group:has(.hostinger-ai-page-title),
body.iab-wrapping-up-page .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   Wrapping It Up page content styles (.ib-wrap-up namespace).
   --------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500&display=swap');

    /* ============ TOKENS ============ */
    .ib-wrap-up{
      --ink:#0A0A0B; --panel:#111113; --panel-2:#0C0C0E;
      --gold:#D4AF37; --gold-lo:#8A6F1E; --champagne:#F0DFA8;
      --text:#D6D6D8; --text-dim:#98989E; --line:rgba(255,255,255,.09);

      --display:'Sora',ui-sans-serif,system-ui,'Segoe UI',sans-serif;
      --body:'Inter',ui-sans-serif,system-ui,'Segoe UI',sans-serif;
      --mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',monospace;

      background:var(--ink); color:var(--text); font-family:var(--body);
      -webkit-font-smoothing:antialiased;
      padding:4rem 1.25rem 5rem; position:relative; overflow:clip; isolation:isolate;
    }
    .ib-wrap-up *{box-sizing:border-box}
    .ib-wrap-up::before{
      content:""; position:absolute; inset:-14rem -20% auto -20%; height:34rem; z-index:-1;
      background:radial-gradient(50% 55% at 50% 40%,rgba(212,175,55,.20),transparent 68%);
      filter:blur(50px); opacity:.55; pointer-events:none;
    }
    .ib-wrap-up::after{
      content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.35;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.055'/%3E%3C/svg%3E");
    }
    .ib-wrap-up .ib-wrap{max-width:1080px; margin:0 auto; position:relative}

    /* ============ MASTHEAD ============ */
    .ib-wrap-up .ib-eyebrow{
      display:inline-flex; align-items:center; gap:.55rem; margin:0;
      font-family:var(--mono); font-size:.7rem; letter-spacing:.22em; text-transform:uppercase;
      color:var(--gold); border:1px solid rgba(212,175,55,.38); border-radius:999px;
      padding:.45rem .85rem; background:rgba(212,175,55,.06);
    }
    .ib-wrap-up .ib-eyebrow span{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.18)}

    .ib-wrap-up .ib-title{
      font-family:var(--display); font-weight:700; color:#fff; margin:1.15rem 0 0;
      font-size:clamp(2rem,5.4vw,3.15rem); line-height:1.06; letter-spacing:-.03em; max-width:14ch;
    }
    .ib-wrap-up .ib-title em{
      font-style:normal;
      background:linear-gradient(100deg,var(--champagne),var(--gold) 45%,#B8912B);
      -webkit-background-clip:text; background-clip:text; color:transparent;
    }
    .ib-wrap-up .ib-lead{
      margin:1.2rem 0 0; max-width:62ch; color:#B9B9BF;
      font-size:clamp(1rem,1.6vw,1.13rem); line-height:1.75;
    }
    .ib-wrap-up .ib-meta{
      display:flex; flex-wrap:wrap; align-items:center; gap:.5rem .9rem; margin:1.5rem 0 0;
      font-family:var(--mono); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--text-dim);
    }
    .ib-wrap-up .ib-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--gold-lo)}
    .ib-wrap-up .ib-rule{height:1px; margin:2.6rem 0 0; border:0;
      background:linear-gradient(90deg,transparent,rgba(212,175,55,.55),transparent)}

    /* ============ PART DIVIDERS ============ */
    .ib-wrap-up .ib-part{
      margin:3.6rem 0 0; padding:1.5rem 0 0; border-top:1px solid rgba(212,175,55,.25);
      scroll-margin-top:90px;
    }
    .ib-wrap-up .ib-part .k{
      display:block; font-family:var(--mono); font-size:.66rem; letter-spacing:.24em;
      text-transform:uppercase; color:var(--gold); margin:0 0 .7rem;
    }
    .ib-wrap-up .ib-part h2{
      font-family:var(--display); font-weight:700; color:#fff; margin:0;
      font-size:clamp(1.5rem,3.4vw,2.15rem); line-height:1.15; letter-spacing:-.025em; max-width:20ch;
    }
    .ib-wrap-up .ib-part p{margin:1rem 0 0; max-width:62ch; color:#B9B9BF; font-size:1.02rem; line-height:1.78}

    /* ============ CHAPTERS ============ */
    .ib-wrap-up .ib-ch{margin:3rem 0 0; scroll-margin-top:90px}
    .ib-wrap-up .ib-ch-head{display:flex; align-items:baseline; gap:.9rem}
    .ib-wrap-up .ib-n{font-family:var(--mono); font-size:.78rem; color:var(--gold); letter-spacing:.1em; padding-top:.25rem}
    .ib-wrap-up .ib-h2{
      font-family:var(--display); font-weight:600; color:#fff; margin:0;
      font-size:clamp(1.28rem,2.8vw,1.7rem); line-height:1.22; letter-spacing:-.02em; max-width:24ch;
    }
    .ib-wrap-up .ib-h3{
      font-family:var(--display); font-weight:600; color:#fff; margin:2.1rem 0 0;
      font-size:clamp(1.02rem,2vw,1.18rem); letter-spacing:-.01em;
    }
    .ib-wrap-up .ib-prose p{margin:1.05rem 0 0; font-size:1.01rem; line-height:1.8; max-width:66ch; color:#C6C6CC}
    .ib-wrap-up .ib-prose strong{color:#fff; font-weight:600}
    .ib-wrap-up .ib-pull{
      font-family:var(--display); font-weight:600; color:#fff;
      font-size:clamp(1.12rem,2.5vw,1.45rem); line-height:1.5;
      border-left:2px solid var(--gold); padding-left:1.15rem; margin:2rem 0 0; max-width:46ch;
    }

    /* ============ CARDS ============ */
    .ib-wrap-up .ib-grid{display:grid; gap:1rem; margin:1.6rem 0 0}
    @media (min-width:640px){ .ib-wrap-up .ib-grid.two{grid-template-columns:repeat(2,1fr)} }
    @media (min-width:900px){ .ib-wrap-up .ib-grid.three{grid-template-columns:repeat(3,1fr)} }
    @media (min-width:640px) and (max-width:899px){ .ib-wrap-up .ib-grid.three{grid-template-columns:repeat(2,1fr)} }

    .ib-wrap-up .ib-card{
      position:relative; overflow:hidden;
      background:linear-gradient(180deg,var(--panel),var(--panel-2));
      border:1px solid var(--line); border-radius:14px; padding:1.3rem 1.25rem 1.4rem;
      transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease;
    }
    .ib-wrap-up .ib-card:hover{border-color:rgba(212,175,55,.5); transform:translateY(-3px); box-shadow:0 14px 40px -22px rgba(212,175,55,.5)}
    .ib-wrap-up .ib-card h4{font-family:var(--display); font-weight:600; color:#fff; margin:0 0 .5rem; font-size:1rem}
    .ib-wrap-up .ib-card p{margin:0; font-size:.95rem; line-height:1.7; color:var(--text)}

    /* ============ THE QUIZ — signature interactive ============ */
    .ib-wrap-up .ib-quiz{
      margin:1.8rem 0 0; border-radius:18px;
      border:1px solid rgba(212,175,55,.3);
      background:
        radial-gradient(120% 150% at 0% 0%,rgba(212,175,55,.1),transparent 58%),
        linear-gradient(180deg,var(--panel),var(--panel-2));
      padding:1.5rem 1.3rem 1.7rem;
    }
    @media (min-width:768px){ .ib-wrap-up .ib-quiz{padding:2.1rem 2rem 2.2rem} }
    .ib-wrap-up .ib-quiz .qhead{
      display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:.8rem;
      padding-bottom:1.1rem; border-bottom:1px solid rgba(255,255,255,.08);
    }
    .ib-wrap-up .ib-quiz .qk{
      font-family:var(--mono); font-size:.64rem; letter-spacing:.22em;
      text-transform:uppercase; color:var(--gold); margin:0;
    }
    .ib-wrap-up .ib-quiz .qcount{
      font-family:var(--mono); font-size:.72rem; letter-spacing:.14em;
      text-transform:uppercase; color:var(--text-dim); margin:0;
    }
    .ib-wrap-up .ib-quiz ol{list-style:none; margin:1.1rem 0 0; padding:0; display:grid; gap:.15rem}
    .ib-wrap-up .ib-q{
      display:flex; align-items:flex-start; gap:.85rem; cursor:pointer;
      padding:.7rem .5rem; border-radius:10px; transition:background .2s ease;
    }
    .ib-wrap-up .ib-q:hover{background:rgba(212,175,55,.05)}
    .ib-wrap-up .ib-q input{position:absolute; opacity:0; width:0; height:0}
    .ib-wrap-up .ib-box{
      flex:0 0 auto; width:1.35rem; height:1.35rem; margin-top:.1rem;
      border-radius:7px; border:1px solid rgba(212,175,55,.4);
      display:grid; place-items:center; position:relative;
      transition:background .25s ease, border-color .25s ease, box-shadow .25s ease;
    }
    .ib-wrap-up .ib-box::after{
      content:"\2713"; font-size:.78rem; font-weight:700; color:#0A0A0B;
      opacity:0; transform:scale(.6); transition:opacity .2s ease, transform .2s ease;
    }
    .ib-wrap-up .ib-q input:checked ~ .ib-box{
      background:linear-gradient(150deg,var(--champagne),var(--gold));
      border-color:transparent; box-shadow:0 0 18px -4px rgba(212,175,55,.7);
    }
    .ib-wrap-up .ib-q input:checked ~ .ib-box::after{opacity:1; transform:scale(1)}
    .ib-wrap-up .ib-q input:focus-visible ~ .ib-box{outline:2px solid var(--gold); outline-offset:3px}
    .ib-wrap-up .ib-q .qt{font-size:.97rem; line-height:1.6; color:#D2D2D8}
    .ib-wrap-up .ib-q input:checked ~ .qt{color:#fff}

    .ib-wrap-up .ib-score{
      margin:1.6rem 0 0; padding:1.3rem 1.2rem; border-radius:14px;
      border:1px solid rgba(212,175,55,.3); background:rgba(212,175,55,.06);
      display:grid; gap:1rem;
    }
    @media (min-width:640px){
      .ib-wrap-up .ib-score{grid-template-columns:auto 1fr; align-items:center; gap:1.5rem; padding:1.5rem 1.6rem}
    }
    .ib-wrap-up .ib-tally{text-align:center; min-width:7rem}
    .ib-wrap-up .ib-tally .num{
      font-family:var(--display); font-weight:800; letter-spacing:-.03em; line-height:1;
      font-size:clamp(2.4rem,9vw,3.2rem);
      background:linear-gradient(100deg,var(--champagne),var(--gold));
      -webkit-background-clip:text; background-clip:text; color:transparent;
    }
    .ib-wrap-up .ib-tally .of{
      display:block; margin-top:.3rem; font-family:var(--mono); font-size:.64rem;
      letter-spacing:.2em; text-transform:uppercase; color:var(--text-dim);
    }
    .ib-wrap-up .ib-verdict h4{
      font-family:var(--display); font-weight:700; color:#fff; margin:0 0 .45rem;
      font-size:clamp(1.05rem,2.4vw,1.25rem); letter-spacing:-.015em;
    }
    .ib-wrap-up .ib-verdict p{margin:0; font-size:.96rem; line-height:1.7; color:#C4C4CA; max-width:56ch}
    .ib-wrap-up .ib-reset{
      margin:1.1rem 0 0; background:none; cursor:pointer;
      font-family:var(--mono); font-size:.66rem; letter-spacing:.2em; text-transform:uppercase;
      color:var(--text-dim); border:1px solid var(--line); border-radius:999px; padding:.5rem .9rem;
      transition:color .2s ease, border-color .2s ease;
    }
    .ib-wrap-up .ib-reset:hover{color:#fff; border-color:rgba(212,175,55,.55)}

    /* ============ TEMPLATE BLOCK ============ */
    .ib-wrap-up .ib-tpl{
      margin:1.5rem 0 0; border-radius:14px; overflow:hidden;
      border:1px solid var(--line); background:linear-gradient(180deg,var(--panel),var(--panel-2));
    }
    .ib-wrap-up .ib-tpl .tk{
      display:block; padding:.8rem 1.1rem; margin:0;
      font-family:var(--mono); font-size:.62rem; letter-spacing:.2em; text-transform:uppercase;
      color:var(--gold); border-bottom:1px solid rgba(255,255,255,.07); background:rgba(212,175,55,.05);
    }
    .ib-wrap-up .ib-tpl .tbody{padding:1.2rem 1.1rem}
    @media (min-width:768px){ .ib-wrap-up .ib-tpl .tbody{padding:1.5rem 1.5rem} }
    .ib-wrap-up .ib-tpl p{margin:0 0 .9rem; font-size:.98rem; line-height:1.8; color:#C6C6CC; max-width:64ch}
    .ib-wrap-up .ib-tpl p:last-child{margin-bottom:0}
    .ib-wrap-up .ib-tpl .fill{color:var(--champagne); font-style:normal}
    .ib-wrap-up .ib-tpl .ex{
      margin-top:1.1rem; padding-top:1.1rem; border-top:1px dashed rgba(212,175,55,.25);
      font-size:.94rem; line-height:1.75; color:var(--text-dim); max-width:64ch;
    }
    .ib-wrap-up .ib-tpl .ex b{color:#D8D8DE; font-weight:600}

    /* ============ CHECK LISTS ============ */
    .ib-wrap-up .ib-checks{list-style:none; margin:1.2rem 0 0; padding:0; display:grid; gap:.65rem}
    @media (min-width:760px){ .ib-wrap-up .ib-checks.two{grid-template-columns:repeat(2,1fr); gap:.65rem 1.6rem} }
    .ib-wrap-up .ib-checks li{
      position:relative; padding-left:1.5rem; font-size:.96rem; line-height:1.68; color:var(--text);
    }
    .ib-wrap-up .ib-checks li::before{
      content:""; position:absolute; left:0; top:.65em; width:.55rem; height:1px; background:var(--gold);
    }
    .ib-wrap-up .ib-checks b{color:#fff; font-weight:600; font-family:var(--display)}

    /* ============ NUMBERED LADDER ============ */
    .ib-wrap-up .ib-steps{list-style:none; margin:1.5rem 0 0; padding:0; position:relative}
    .ib-wrap-up .ib-steps::before{
      content:""; position:absolute; left:1.18rem; top:.9rem; bottom:.9rem; width:1px;
      background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.04));
    }
    .ib-wrap-up .ib-step{
      position:relative; display:grid; grid-template-columns:2.5rem 1fr; gap:.9rem;
      padding:.9rem 0; border-bottom:1px solid rgba(255,255,255,.055);
    }
    @media (min-width:768px){ .ib-wrap-up .ib-step{gap:1.3rem; padding:1.1rem 0} }
    .ib-wrap-up .ib-step:last-child{border-bottom:0}
    .ib-wrap-up .ib-step-n{
      position:relative; z-index:1; align-self:start;
      width:2.4rem; height:2.4rem; border-radius:50%; display:grid; place-items:center;
      font-family:var(--mono); font-size:.74rem; color:var(--text-dim);
      background:var(--ink); border:1px solid var(--line);
      transition:color .45s ease, border-color .45s ease, box-shadow .45s ease, background .45s ease;
    }
    .ib-wrap-up .ib-step.lit .ib-step-n{
      color:#0A0A0B; font-weight:600; border-color:transparent;
      background:linear-gradient(150deg,var(--champagne),var(--gold));
      box-shadow:0 0 22px -4px rgba(212,175,55,.65);
    }
    .ib-wrap-up .ib-step h4{font-family:var(--display); font-weight:600; color:#fff; margin:.4rem 0 0; font-size:1.02rem}
    .ib-wrap-up .ib-step p{margin:.4rem 0 0; font-size:.95rem; line-height:1.7; color:var(--text); max-width:58ch}
    .ib-wrap-up .ib-step ul{list-style:none; margin:.6rem 0 0; padding:0; display:grid; gap:.4rem}
    .ib-wrap-up .ib-step li{
      position:relative; padding-left:1.2rem; font-size:.92rem; line-height:1.6; color:var(--text-dim);
    }
    .ib-wrap-up .ib-step li::before{
      content:""; position:absolute; left:0; top:.6em; width:.45rem; height:1px; background:var(--gold-lo);
    }

    /* ============ COLOUR SWATCHES ============ */
    .ib-wrap-up .ib-colors{display:grid; gap:.8rem; margin:1.5rem 0 0}
    @media (min-width:600px){ .ib-wrap-up .ib-colors{grid-template-columns:repeat(2,1fr)} }
    @media (min-width:980px){ .ib-wrap-up .ib-colors{grid-template-columns:repeat(3,1fr)} }
    .ib-wrap-up .ib-color{
      border-radius:14px; overflow:hidden; border:1px solid var(--line);
      background:linear-gradient(180deg,var(--panel),var(--panel-2));
      transition:border-color .3s ease, transform .3s ease;
    }
    .ib-wrap-up .ib-color:hover{border-color:rgba(212,175,55,.45); transform:translateY(-2px)}
    .ib-wrap-up .ib-color .swatch{
      height:3.2rem; display:flex; align-items:flex-end; padding:.55rem .8rem;
      font-family:var(--mono); font-size:.62rem; letter-spacing:.18em; text-transform:uppercase;
    }
    .ib-wrap-up .ib-color .cbody{padding:.95rem 1rem 1.1rem}
    .ib-wrap-up .ib-color h4{font-family:var(--display); font-weight:600; color:#fff; margin:0 0 .3rem; font-size:.98rem}
    .ib-wrap-up .ib-color .rep{margin:0 0 .55rem; font-size:.88rem; line-height:1.55; color:#C4C4CA}
    .ib-wrap-up .ib-color .good{margin:0; font-size:.86rem; line-height:1.55; color:var(--text-dim)}
    .ib-wrap-up .ib-color .good b{color:var(--champagne); font-weight:600}

    /* ============ FOUNDER NOTE ============ */
    .ib-wrap-up .ib-note{
      position:relative; margin:1.7rem 0 0; border-radius:14px;
      border:1px solid rgba(212,175,55,.28); border-left:2px solid var(--gold);
      background:
        radial-gradient(120% 160% at 0% 0%,rgba(212,175,55,.11),transparent 60%),
        linear-gradient(180deg,var(--panel),var(--panel-2));
      padding:1.45rem 1.3rem 1.55rem;
    }
    @media (min-width:768px){ .ib-wrap-up .ib-note{padding:1.9rem 2rem} }
    .ib-wrap-up .ib-note .who{
      display:block; margin:0 0 .8rem; font-family:var(--mono);
      font-size:.66rem; letter-spacing:.22em; text-transform:uppercase; color:var(--gold);
    }
    .ib-wrap-up .ib-note p{margin:.8rem 0 0; font-size:1rem; line-height:1.78; color:#C8C8CE; max-width:62ch}
    .ib-wrap-up .ib-note p:first-of-type{margin-top:0}
    .ib-wrap-up .ib-note strong{color:#fff; font-weight:600}

    /* ============ CALLOUT ============ */
    .ib-wrap-up .ib-callout{
      margin:1.5rem 0 0; padding:1.05rem 1.2rem; border-radius:12px;
      border:1px dashed rgba(212,175,55,.32); background:rgba(212,175,55,.04);
      font-size:.95rem; line-height:1.72; color:#C2C2C8; max-width:66ch;
    }
    .ib-wrap-up .ib-callout b{color:var(--champagne); font-weight:600}

    /* ============ GUIDE INDEX ============ */
    .ib-wrap-up .ib-guides{display:grid; gap:.7rem; margin:1.6rem 0 0}
    @media (min-width:700px){ .ib-wrap-up .ib-guides{grid-template-columns:repeat(2,1fr)} }
    .ib-wrap-up .ib-guide{
      border-radius:12px; border:1px solid var(--line); padding:1rem 1.1rem;
      background:linear-gradient(180deg,var(--panel),var(--panel-2));
      transition:border-color .3s ease, transform .3s ease;
    }
    .ib-wrap-up .ib-guide:hover{border-color:rgba(212,175,55,.45); transform:translateY(-2px)}
    .ib-wrap-up .ib-guide h4{font-family:var(--display); font-weight:600; color:#fff; margin:0 0 .25rem; font-size:.98rem}
    .ib-wrap-up .ib-guide p{
      margin:0; font-family:var(--mono); font-size:.64rem; letter-spacing:.16em;
      text-transform:uppercase; color:var(--gold-lo);
    }

    /* ============ SIGN-OFF ============ */
    .ib-wrap-up .ib-signoff{margin:2.6rem 0 0; padding-top:1.9rem; border-top:1px solid rgba(212,175,55,.28)}
    .ib-wrap-up .ib-signoff .to{
      font-family:var(--mono); font-size:.7rem; letter-spacing:.2em; text-transform:uppercase;
      color:var(--text-dim); margin:0;
    }
    .ib-wrap-up .ib-name{
      font-family:var(--display); font-weight:700; color:#fff; margin:.85rem 0 0;
      font-size:clamp(1.25rem,3vw,1.6rem); letter-spacing:-.015em;
    }
    .ib-wrap-up .ib-role{margin:.35rem 0 0; font-size:.9rem; color:var(--text-dim)}
    .ib-wrap-up .ib-role b{color:var(--champagne); font-weight:600}

    /* ============ CLOSER ============ */
    .ib-wrap-up .ib-final{
      margin:3.2rem 0 0; text-align:center; font-family:var(--display); font-weight:600;
      color:#fff; font-size:clamp(1.15rem,2.8vw,1.55rem); line-height:1.5; letter-spacing:-.01em;
    }
    .ib-wrap-up .ib-final em{
      font-style:normal;
      background:linear-gradient(100deg,var(--champagne),var(--gold));
      -webkit-background-clip:text; background-clip:text; color:transparent;
    }

    /* ============ MOTION + A11Y ============ */
    .ib-wrap-up .reveal{opacity:0; transform:translateY(16px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.3,1)}
    .ib-wrap-up .reveal.in{opacity:1; transform:none}
    .ib-wrap-up :focus-visible{outline:2px solid var(--gold); outline-offset:3px; border-radius:8px}
    @media (prefers-reduced-motion:reduce){
      .ib-wrap-up .reveal{opacity:1 !important; transform:none !important; transition:none}
      .ib-wrap-up .ib-card:hover,.ib-wrap-up .ib-color:hover,.ib-wrap-up .ib-guide:hover{transform:none}
      .ib-wrap-up .ib-step-n{transition:none}
    }
    .ib-wrap-up a.ib-guide{display:block;text-decoration:none;color:inherit}


/* ---------------------------------------------------------------------------
   Login / Sign Up pages: Ultimate Member form styling (black & gold).
   Scoped to .ib-auth wrapper on auth pages only.
   --------------------------------------------------------------------------- */
.ib-auth .um,
.ib-auth .um-form,
.ib-auth .um-field,
.ib-auth .um-field-label,
.ib-auth .um-field-area,
.ib-auth .um-col-alt {
  color: #f6f5f2 !important;
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
}
.ib-auth .um-field-label label {
  color: #d4af37 !important;
  font-weight: 600 !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.04em !important;
}
.ib-auth .um-form input[type="text"],
.ib-auth .um-form input[type="password"],
.ib-auth .um-form input[type="email"] {
  width: 100% !important;
  padding: 12px 14px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  background: rgba(8, 7, 5, 0.85) !important;
  color: #f6f5f2 !important;
  font-size: 0.95rem !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
.ib-auth .um-form input:focus {
  outline: none !important;
  border-color: rgba(212, 175, 55, 0.65) !important;
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15) !important;
}
.ib-auth .um-button,
.ib-auth input[type="submit"].um-button,
.ib-auth .um input.um-button {
  width: 100% !important;
  margin-top: 8px !important;
  padding: 13px 20px !important;
  border: none !important;
  border-radius: 999px !important;
  background: linear-gradient(118deg, #6b4e0c 0%, #d4af37 30%, #f2dd93 70%, #c9a233 100%) !important;
  color: #0a0908 !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: transform 0.2s ease, filter 0.2s ease !important;
}
.ib-auth .um-button:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.06) !important;
}
.ib-auth .um-col-alt-b a,
.ib-auth .um-link-alt,
.ib-auth .um-field-checkbox-option,
.ib-auth .um-field-radio-option {
  color: #f7e6ae !important;
}
.ib-auth .um-notice.err,
.ib-auth .um-notice.success {
  border-radius: 10px !important;
  margin-bottom: 14px !important;
}
@media (max-width: 480px) {
  .ib-auth .um-form input[type="text"],
  .ib-auth .um-form input[type="password"],
  .ib-auth .um-form input[type="email"] {
    font-size: 16px !important;
  }
}

/* Auth page shell (login / sign-up) — markup injected by iab_inject_auth_forms(). */
.ib-auth {
  --gold: #d4af37;
  --gold-lt: #f7e6ae;
  --text: #f6f5f2;
  --mute: #9d9b95;
  --sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --serif: "Fraunces", Georgia, serif;
  position: relative;
  isolation: isolate;
  display: flow-root;
  width: 100%;
  margin: 0;
  overflow: clip;
  min-height: clamp(520px, 72vh, 760px);
  padding: clamp(72px, 10vw, 120px) 0;
  color: var(--text);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.55;
  background:
    radial-gradient(132% 74% at 50% -16%, rgba(212, 175, 55, .14), transparent 62%),
    linear-gradient(180deg, #020202 0%, #0c0b07 38%, #060504 68%, #020202 100%);
  -webkit-font-smoothing: antialiased;
}
.ib-auth *, .ib-auth *::before, .ib-auth *::after { box-sizing: border-box; }
.ib-auth__wrap { width: min(480px, calc(100% - 40px)); margin: 0 auto; text-align: center; }
.ib-auth__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: var(--gold-lt);
  font-size: .66rem;
  font-weight: 700;
  letter-spacing: .28em;
  text-transform: uppercase;
}
.ib-auth__eyebrow::before, .ib-auth__eyebrow::after {
  content: "";
  width: 24px;
  height: 1px;
  background: rgba(212, 175, 55, .75);
}
.ib-auth__title {
  margin: 0 0 10px;
  font-family: var(--serif);
  font-size: clamp(2rem, 5vw, 2.6rem);
  font-weight: 400;
  letter-spacing: -.02em;
  line-height: 1.1;
  background: linear-gradient(118deg, #6b4e0c 0%, #d4af37 24%, #fff6d6 46%, #c9a233 58%, #f2dd93 88%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ib-auth__lead { margin: 0 0 28px; color: var(--mute); font-size: .95rem; }
.ib-auth__card {
  padding: clamp(24px, 4vw, 36px);
  border-radius: 20px;
  text-align: left;
  background: linear-gradient(165deg, rgba(20, 18, 14, .92), rgba(8, 7, 5, .88));
  border: 1px solid rgba(212, 175, 55, .22);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 244, 204, .06);
}
.ib-auth__foot { margin-top: 22px; color: var(--mute); font-size: .92rem; text-align: center; }
.ib-auth__foot a {
  color: var(--gold-lt);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ib-auth__foot a:hover { color: #fff6d6; }
.ib-auth .iab-wp-auth-fallback label { display: block; color: #d4af37; font-weight: 600; font-size: .82rem; margin-bottom: 6px; }
.ib-auth .iab-wp-auth-fallback input[type="text"],
.ib-auth .iab-wp-auth-fallback input[type="email"],
.ib-auth .iab-wp-auth-fallback input[type="password"] {
  width: 100%;
  padding: 12px 14px;
  margin-bottom: 14px;
  border-radius: 10px;
  border: 1px solid rgba(212, 175, 55, .28);
  background: rgba(8, 7, 5, .85);
  color: #f6f5f2;
}
.ib-auth .iab-wp-auth-fallback input[type="submit"] {
  width: 100%;
  padding: 13px 20px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(118deg, #6b4e0c 0%, #d4af37 30%, #f2dd93 70%, #c9a233 100%);
  color: #0a0908;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}
body.um-page-login .entry-content.has-global-padding,
body.um-page-register .entry-content.has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
body.um-page-login .site-footer > .wp-block-group,
body.um-page-register .site-footer > .wp-block-group {
  display: none !important;
}
body.um-page-login main > .wp-block-group:has(.hostinger-ai-page-title),
body.um-page-register main > .wp-block-group:has(.hostinger-ai-page-title),
body.um-page-login .hostinger-ai-page-title,
body.um-page-register .hostinger-ai-page-title {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   UM User profile page — black & gold shell (matches .ib-auth / homepage).
   Scoped to .ib-profile and body.iab-um-profile / body.um-page-user only.
   --------------------------------------------------------------------------- */
.ib-profile,
body.iab-um-profile,
body.um-page-user {
  --gold: #d4af37;
  --gold-lt: #f7e6ae;
  --gold-hi: #fff6d6;
  --text: #f6f5f2;
  --mute: #9d9b95;
  --ink: #0a0a0a;
  --sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --serif: "Fraunces", Georgia, serif;
}

.ib-profile {
  position: relative;
  isolation: isolate;
  display: flow-root;
  width: 100%;
  margin: 0;
  overflow: clip;
  min-height: clamp(520px, 72vh, 760px);
  padding: clamp(72px, 10vw, 120px) 0;
  color: var(--text);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.55;
  background:
    radial-gradient(132% 74% at 50% -16%, rgba(212, 175, 55, .14), transparent 62%),
    linear-gradient(180deg, #020202 0%, #0c0b07 38%, #060504 68%, #020202 100%);
  -webkit-font-smoothing: antialiased;
}

body.iab-um-profile,
body.um-page-user {
  background: var(--ink) !important;
}

body.iab-um-profile .entry-content,
body.um-page-user .entry-content {
  padding-left: 0;
  padding-right: 0;
}

.ib-profile__shell,
body.iab-um-profile .um,
body.um-page-user .um {
  width: min(640px, calc(100% - 40px));
  margin: 0 auto;
}

/* Hide default UM profile clutter; keep header (avatar + name + our CTA). */
body.iab-um-profile .um-cover,
body.um-page-user .um-cover,
body.iab-um-profile .um-profile-nav,
body.um-page-user .um-profile-nav,
body.iab-um-profile .um-profile-body,
body.um-page-user .um-profile-body,
body.iab-um-profile .um-profile-edit,
body.um-page-user .um-profile-edit {
  display: none !important;
}

body.iab-um-profile .um-header,
body.um-page-user .um-header {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  text-align: center;
}

body.iab-um-profile .um-profile-photo,
body.um-page-user .um-profile-photo {
  margin: 0 auto 20px !important;
}

body.iab-um-profile .um-profile-photo img,
body.um-page-user .um-profile-photo img {
  border: 2px solid rgba(212, 175, 55, .45) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .45), 0 0 24px rgba(212, 175, 55, .18) !important;
}

body.iab-um-profile .um-name,
body.um-page-user .um-name {
  margin: 0 0 8px !important;
  color: var(--text) !important;
  font-family: var(--serif) !important;
  font-size: clamp(1.75rem, 4vw, 2.4rem) !important;
  font-weight: 400 !important;
  letter-spacing: -.02em !important;
  line-height: 1.15 !important;
}

body.iab-um-profile .um-name a,
body.um-page-user .um-name a {
  color: var(--text) !important;
  text-decoration: none !important;
  background: linear-gradient(118deg, #6b4e0c 0%, #d4af37 24%, #fff6d6 46%, #c9a233 58%, #f2dd93 88%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ib-profile__hero {
  margin: 24px auto 0;
  max-width: 420px;
  text-align: center;
}

.ib-profile__welcome {
  margin: 0 0 22px;
  color: var(--mute);
  font-size: .95rem;
  line-height: 1.6;
}

.ib-profile__cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 0 32px;
  overflow: hidden;
  border: 0;
  border-radius: 999px;
  color: #0d0a02;
  background: linear-gradient(118deg, #6b4e0c 0%, #d4af37 30%, #f2dd93 70%, #c9a233 100%);
  background-size: 240% 100%;
  font-family: var(--sans);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .8),
    inset 0 -2px 5px rgba(94, 66, 6, .55),
    0 5px 0 #6b4d0d,
    0 18px 34px rgba(0, 0, 0, .6),
    0 0 34px rgba(212, 175, 55, .26);
  transition: transform .22s cubic-bezier(.16, 1, .3, 1), box-shadow .35s ease, filter .35s ease;
}

.ib-profile__cta::after {
  content: "";
  position: absolute;
  top: -60%;
  left: -45%;
  width: 26%;
  height: 230%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .6), transparent);
  transform: rotate(21deg);
  transition: left .8s ease;
  pointer-events: none;
}

.ib-profile__cta:hover,
.ib-profile__cta:focus-visible {
  transform: translateY(-2px);
  filter: brightness(1.04);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .9),
    inset 0 -2px 5px rgba(94, 66, 6, .5),
    0 7px 0 #6b4d0d,
    0 24px 44px rgba(0, 0, 0, .66),
    0 0 54px rgba(212, 175, 55, .44);
}

.ib-profile__cta:hover::after,
.ib-profile__cta:focus-visible::after {
  left: 135%;
}

.ib-profile__cta:focus-visible {
  outline: 2px solid var(--gold-hi);
  outline-offset: 4px;
}

.ib-profile__cta:active {
  transform: translateY(4px);
  box-shadow:
    inset 0 2px 7px rgba(60, 42, 4, .6),
    0 1px 0 #6b4d0d,
    0 6px 14px rgba(0, 0, 0, .5);
}

@media (max-width: 480px) {
  .ib-profile {
    padding: 2.5rem 1rem 3.5rem;
  }
  .ib-profile__cta {
    width: 100%;
    max-width: 320px;
  }
}

/* ---------------------------------------------------------------------------
   Homepage-only hover: luxury gold (#D4AF37) vs pale-yellow / bronze default.
   :hover only — existing :focus-visible / keyboard outlines are unchanged.
   html body.home / page-id-9 beats page-content <style> and ib-nav.css.
   --------------------------------------------------------------------------- */
html body.home .site-header .wp-block-site-title a:hover,
html body.page-id-9 .site-header .wp-block-site-title a:hover {
  color: #D4AF37 !important;
}

html body.home .iab-brand-logo:hover,
html body.page-id-9 .iab-brand-logo:hover {
  filter: drop-shadow(0 0 10px rgba(212, 175, 55, .28));
}

html body.home .hostinger-ai-site-navigation a.wp-block-navigation-item__content:hover,
html body.home .wp-block-navigation a.wp-block-navigation-item__content:hover,
html body.page-id-9 .hostinger-ai-site-navigation a.wp-block-navigation-item__content:hover,
html body.page-id-9 .wp-block-navigation a.wp-block-navigation-item__content:hover {
  color: #D4AF37 !important;
  text-shadow: 0 1px 8px rgba(212, 175, 55, .22);
}

html body.home .hostinger-ai-site-navigation a.wp-block-navigation-item__content:hover::before,
html body.home .wp-block-navigation a.wp-block-navigation-item__content:hover::before,
html body.page-id-9 .hostinger-ai-site-navigation a.wp-block-navigation-item__content:hover::before,
html body.page-id-9 .wp-block-navigation a.wp-block-navigation-item__content:hover::before {
  background: transparent;
  box-shadow: none;
  opacity: 0;
}

html body.home .hostinger-ai-site-navigation a.wp-block-navigation-item__content:hover::after,
html body.home .wp-block-navigation a.wp-block-navigation-item__content:hover::after,
html body.page-id-9 .hostinger-ai-site-navigation a.wp-block-navigation-item__content:hover::after,
html body.page-id-9 .wp-block-navigation a.wp-block-navigation-item__content:hover::after {
  background: linear-gradient(90deg, transparent, #D4AF37 18%, #D4AF37 50%, #D4AF37 82%, transparent);
  box-shadow: 0 0 8px rgba(212, 175, 55, .22);
}

html body.home .wp-block-navigation__responsive-container-open:hover,
html body.home .wp-block-navigation__responsive-container-close:hover,
html body.page-id-9 .wp-block-navigation__responsive-container-open:hover,
html body.page-id-9 .wp-block-navigation__responsive-container-close:hover {
  color: #D4AF37 !important;
}

html body.home .iab-btn--gold:hover,
html body.page-id-9 .iab-btn--gold:hover,
html body.home .iabf-btn--gold:hover,
html body.page-id-9 .iabf-btn--gold:hover {
  border-color: #D4AF37 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .9),
    inset 0 -2px 5px rgba(94, 66, 6, .5),
    0 7px 0 #6b4d0d,
    0 24px 46px rgba(0, 0, 0, .68),
    0 0 0 2px #D4AF37,
    0 0 0 6px rgba(240, 223, 168, .5) !important;
  transition: box-shadow .22s ease, border-color .22s ease;
}

html body.home .iab-btn--ghost:hover,
html body.page-id-9 .iab-btn--ghost:hover,
html body.home .iabf-btn--ghost:hover,
html body.page-id-9 .iabf-btn--ghost:hover {
  filter: none;
  color: #D4AF37;
  border-color: #D4AF37;
  box-shadow:
    inset 0 1px 0 rgba(255, 238, 180, .15),
    0 14px 28px rgba(0, 0, 0, .52),
    0 0 0 1px rgba(212, 175, 55, .45);
  transition: color .22s ease, filter .22s ease, border-color .22s ease, box-shadow .22s ease;
}

html body.home .iab-orb__logo:hover,
html body.page-id-9 .iab-orb__logo:hover {
  filter: drop-shadow(0 0 18px rgba(212, 175, 55, .32));
}

html body.home .iab-orb__chip:hover,
html body.page-id-9 .iab-orb__chip:hover {
  box-shadow:
    0 24px 38px rgba(0, 0, 0, .84),
    0 0 0 1px rgba(212, 175, 55, .45),
    0 0 24px rgba(212, 175, 55, .28),
    inset 0 2px 4px rgba(240, 223, 168, .35),
    inset 0 -11px 22px rgba(0, 0, 0, .85),
    inset 0 0 22px rgba(212, 175, 55, .22);
}

html body.home .iab-panel:hover,
html body.page-id-9 .iab-panel:hover {
  box-shadow:
    0 52px 94px rgba(0, 0, 0, .74),
    0 0 0 1px rgba(212, 175, 55, .45),
    0 0 28px rgba(212, 175, 55, .16),
    inset 0 1px 0 rgba(240, 223, 168, .16),
    inset 0 -28px 44px rgba(0, 0, 0, .46);
}

html body.home .iab-panel:hover .iab-med,
html body.page-id-9 .iab-panel:hover .iab-med {
  box-shadow:
    0 34px 56px rgba(0, 0, 0, .82),
    0 0 0 1px rgba(212, 175, 55, .45),
    0 0 28px rgba(212, 175, 55, .26),
    inset 0 2px 4px rgba(240, 223, 168, .35),
    inset 0 -14px 26px rgba(0, 0, 0, .86),
    inset 0 0 24px rgba(212, 175, 55, .22);
}

html body.home .iab-panel:hover .iab-med img,
html body.page-id-9 .iab-panel:hover .iab-med img {
  filter:
    drop-shadow(0 8px 14px rgba(0, 0, 0, .85))
    drop-shadow(0 0 16px rgba(212, 175, 55, .32))
    saturate(1.08)
    brightness(1.06)
    contrast(1.02);
}

html body.home .iab-cat:hover .iab-cat__title,
html body.page-id-9 .iab-cat:hover .iab-cat__title {
  color: #D4AF37;
}

html body.home .iab-cat:hover .iab-cat__go,
html body.page-id-9 .iab-cat:hover .iab-cat__go {
  color: #D4AF37;
}

html body.home .iab-cover:hover,
html body.page-id-9 .iab-cover:hover {
  box-shadow:
    0 40px 66px rgba(0, 0, 0, .82),
    0 0 0 1px rgba(212, 175, 55, .45),
    0 0 28px rgba(212, 175, 55, .22),
    inset 0 1px 0 rgba(240, 223, 168, .16),
    inset 0 -26px 38px rgba(0, 0, 0, .52);
}

html body.home .iab-ask summary:hover,
html body.page-id-9 .iab-ask summary:hover {
  color: #D4AF37;
}

html body.home .iabf-ig:hover,
html body.page-id-9 .iabf-ig:hover {
  filter: drop-shadow(0 0 12px rgba(212, 175, 55, .28));
}

html body.home .iabc__mail:hover,
html body.page-id-9 .iabc__mail:hover {
  filter: none;
  color: #D4AF37;
  border-color: #D4AF37;
  box-shadow:
    inset 0 1px 0 rgba(240, 223, 168, .18),
    0 22px 42px rgba(0, 0, 0, .62),
    0 0 0 1px rgba(212, 175, 55, .45);
  transition: box-shadow .22s ease, filter .22s ease, border-color .22s ease, color .22s ease;
}

html body.home .iabc__pill:hover,
html body.page-id-9 .iabc__pill:hover {
  filter: none;
  color: #D4AF37;
  border-color: #D4AF37;
  box-shadow:
    inset 0 1px 0 rgba(240, 223, 168, .16),
    0 14px 28px rgba(0, 0, 0, .58),
    0 0 0 1px rgba(212, 175, 55, .45);
  transition: box-shadow .22s ease, filter .22s ease, border-color .22s ease, color .22s ease;
}

@media (prefers-reduced-motion: reduce) {
  html body.home .iab-btn--gold:hover,
  html body.home .iabf-btn--gold:hover,
  html body.home .iab-btn--ghost:hover,
  html body.home .iabf-btn--ghost:hover,
  html body.home .iabc__mail:hover,
  html body.home .iabc__pill:hover,
  html body.page-id-9 .iab-btn--gold:hover,
  html body.page-id-9 .iabf-btn--gold:hover,
  html body.page-id-9 .iab-btn--ghost:hover,
  html body.page-id-9 .iabf-btn--ghost:hover,
  html body.page-id-9 .iabc__mail:hover,
  html body.page-id-9 .iabc__pill:hover {
    transition: none;
  }
}