.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//* ==========================================================================
   Kopou Ads: Header template 184 Custom CSS, pill header (2026-10-24).
   The header itself is the HTML widget (markup) + /wp-content/uploads/kopou-header/
   (CSS, JS, locked). This CSS only holds what must live in Elementor:
   A. Fonts (Satoshi from the first v2 batch, Switzer/Quicksand for Hero A,
      Batch 1 and the header), declared here because Elementor only prints a
      custom font it sees used in its own controls.
   B. .kp-btn compat for the Hero A buttons (atomic base style outranks kopou-ui.css).
   C. Collisions between kopou-ui.css and the pill header. kopou-ui.css (still
      needed by the hero buttons) has old rules for a class that is also called
      .kp-nav: it hides .kp-nav at 900px and below, and `.kp-nav a` / `.kp-nav a:hover`
      (weight 0-1-1 / 0-2-1) override the single-class .kp-nav__* rules of
      kopou-header.css. Hello theme also paints bare buttons pink on hover/focus.
      Each rule below restores kopou-header.css's own value at higher weight.
   D. v1 helpers still used by the pages not rebuilt yet.
   ========================================================================== */

/* A. Fonts */
@font-face { font-family: Satoshi; src: url(/wp-content/uploads/2026/10/Satoshi-Regular.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Satoshi; src: url(/wp-content/uploads/2026/10/Satoshi-Medium.woff2) format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: Satoshi; src: url(/wp-content/uploads/2026/10/Satoshi-Variable.woff2) format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: Satoshi; src: url(/wp-content/uploads/2026/10/Satoshi-Bold.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: Satoshi; src: url(/wp-content/uploads/2026/10/Satoshi-Black.woff2) format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: Switzer; src: url(/wp-content/uploads/2026/10/Switzer-Bold.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: Quicksand; src: url(/wp-content/uploads/2026/10/Quicksand-Medium.woff2) format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: Quicksand; src: url(/wp-content/uploads/2026/10/Quicksand-SemiBold.woff2) format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }

/* B. Hero buttons (.kp-btn on atomic Button elements) */
.elementor .kp-btn { display: inline-flex; padding: 0 26px; border-radius: 999px; text-align: center; line-height: 1; }

/* C. Pill header vs kopou-ui.css / Hello */
body .kp-nav { display: block; }
body .kp-nav .kp-nav__logo { padding: 0; }
body .kp-nav .kp-nav__logo:hover { background: rgba(0, 0, 0, .5); }
body .kp-nav.is-on-light .kp-nav__logo:hover { background: rgba(15, 20, 23, .78); }
body .kp-nav .kp-nav__cta, body .kp-nav .kp-nav__cta:visited {
  padding: 0 22px; color: #1A1A1A; font: 600 16px/1 'Quicksand', system-ui, sans-serif; letter-spacing: -.01em; text-decoration: none;
  transition-property: background-color, color; transition-duration: .3s; transition-timing-function: cubic-bezier(.2, .7, .2, 1);
}
body .kp-nav .kp-nav__cta:hover { background: #FFFFFF; color: #0F1417; }
body .kp-nav .kp-nav__link, body .kp-nav .kp-nav__link:visited {
  padding: 0; color: #FFFFFF; font: 600 16px/1 'Quicksand', system-ui, sans-serif; letter-spacing: -.01em; text-decoration: none;
  transition-property: background-color, opacity, transform; transition-duration: .25s, .35s, .35s; transition-timing-function: cubic-bezier(.2, .7, .2, 1);
}
body .kp-nav .kp-nav__link:hover { background: rgba(255, 255, 255, .10); color: #FFFFFF; }
body .kp-nav .kp-nav__link.is-current, body .kp-nav .kp-nav__link.is-current:hover { background: rgba(255, 255, 255, .14); color: #FFFFFF; }
body .kp-nav .kp-nav__toggle, body .kp-nav .kp-nav__toggle:hover, body .kp-nav .kp-nav__toggle:focus { background: none; color: #FFFFFF; }

/* D. v1 helpers kept for the pages not rebuilt yet (the 120px spacer in the
      header widget now clears the fixed bar, so the old first-section padding is gone). */
:root { --header-h: 72px; }
@media (max-width: 767px) { :root { --header-h: 64px; } }
body { background-color: var(--carbon-black); }
@media (hover: none) {
  body .elementor .flip-card:hover .flip-inner,
  body .elementor .flip-card:focus-within .flip-inner { transform: none; }
  body .elementor .flip-card.is-flipped .flip-inner { transform: rotateY(180deg); }
}
body .elementor .form-field[hidden] { display: none; }
body .elementor .vertical-tile:focus-visible,
body .elementor .flip-card:focus-visible { outline: 2px solid var(--focus, var(--accent)); outline-offset: 4px; }/* End custom CSS */