/*
 Theme Name:   Hourcast
 Theme URI:    https://hourcast.io
 Description:  Astra Child Theme for Hourcast marketing site
 Author:       Hourcast
 Author URI:   https://hourcast.io
 Template:     astra
 Version:      1.0.0
 Text Domain:  astra-child
*/

html { overflow-x: clip !important; }

.alignfull,
.wp-block-cover.alignfull,
.wp-block-group.alignfull,
.wp-block-cover__background {
  max-width: 100vw !important;
  box-sizing: border-box !important;
}

/* dark menu ONLY when transparent header is NOT active (solid-header pages) */
body:not(.ast-theme-transparent-header) .main-header-menu .menu-link,
body:not(.ast-theme-transparent-header) .ast-nav-menu .menu-link{ color:#1E1B2E !important; }

/* solid-header pages: hamburger inherits currentColor from the trigger button. */
body:not(.ast-theme-transparent-header) .ast-mobile-menu-trigger-minimal,
body:not(.ast-theme-transparent-header) .ast-mobile-menu-trigger-minimal .ast-mobile-svg{
  color:var(--violet-600)!important;
  fill:var(--violet-600)!important;
}

/* mobile: breathing room between solid header and page title */
@media (max-width:921px){
  body:not(.ast-theme-transparent-header) .ast-container{padding-top:20px}
}

/* ============================================================
   BRAND TOKENS — global (:root) so .hc, .hcp and Astra-level
   rules all consume the same palette.
   ============================================================ */
:root{
  --violet:#4C1D95; --violet-600:#6D28D9; --violet-400:#7B23D6; --violet-50:#F5F3FF;
  --violet-100:#EDE9FE; --violet-200:#DDD6FE; --violet-soft:#CBBBF0;
  --amber:#F59E0B; --amber-600:#D97706; --amber-ink:#3A2400;
  --green:#16A34A;
  --ink:#1E1B2E; --slate-700:#3F3A52; --slate-500:#6B6680; --slate-400:#8C8799;
  --line:#E7E5EE; --paper:#FBFAFE;
  --r-btn:12px; --r-card:16px;
  --shadow-card:0 18px 40px -26px rgba(76,29,149,.25);
}

/* ============================================================
   HOURCAST HOMEPAGE — scoped under .hc (paste into styles.css /
   Additional CSS). Mobile-first.
   ============================================================ */
.hc{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  color:var(--ink); line-height:1.6; -webkit-font-smoothing:antialiased;
}
.hc *{box-sizing:border-box}
.hc img,.hc svg{max-width:100%}

/* ============================================================
   WPAUTOP GUARDS — all in one place.
   WordPress wpautop injects <p> and <br> into raw HTML on save.
   Two techniques, both intentional — do not "unify":
   - display:none → kills injected <br> / empty <p> outright
   - zero-size absolute (.hc-split__in > p) → removes injected <p>
     from the grid without display:none (tested behavior, keep)
   ============================================================ */
.hc > p{display:none}
.hc-hero__in > p{display:none}
.hc-split__in > p{position:absolute;width:0;height:0;overflow:hidden;margin:0;padding:0}
.hc-shots br,.hc-shots > p:empty{display:none}
.hc-testi p:empty{display:none}
.hce-flow br,.hce-tl__item br,.hce-yt br,.hce-gate br,.hce-ab br{display:none}
.hce-yt > p,.hce-yt__side > p{display:none}
.hcp li br,.hcp summary br,.hcp .hcp-priceline br{display:none}
.hc-split__visual > p{display:none} /* wpautop <p> becomes a grid item under display:contents */

/* override Astra transparent logo-width cap (150px) */
.ast-theme-transparent-header .transparent-custom-logo .custom-logo,
.ast-theme-transparent-header .custom-logo-link.transparent-custom-logo{
  max-width: 170px !important;
  width: 170px !important;
  height: auto !important;
}

/* Mobile: gleiche Logo-Breite auf Solid-Header-Seiten (Pricing etc.).
   Nur das <img> — eine feste width auf dem <a> sprengt Astras Header-Grid. */
@media (max-width:921px){
  body:not(.ast-theme-transparent-header) .custom-logo-link img.custom-logo{
    max-width: 170px !important;
    width: 170px !important;
    height: auto !important;
  }
}

/* ─── Sticky mobile header ───
   fixed statt sticky: sticky bricht, sobald ein Vorfahre overflow != visible
   hat (html{overflow-x:clip} + Astra-Wrapper). */
@media (max-width:921px){

  /* Transparent-Pages (Home/Engine): oben transparent, nach Scroll weiß.
     .hc-hdr-solid + Logo-Swap setzt JS in functions.php. */
  .ast-theme-transparent-header #masthead{
    position: fixed !important;
    top: var(--hc-hdr-top, 0px);
    left: 0; right: 0;
    z-index: 999;
    background: transparent;
    transition: background .2s ease, box-shadow .2s ease;
  }
  .ast-theme-transparent-header #masthead.hc-hdr-solid{
    background: #fff !important;
    box-shadow: 0 2px 12px rgba(30,27,46,.08);
  }
  .ast-theme-transparent-header #masthead.hc-hdr-solid .menu-link{
    color: #1E1B2E !important;
  }
  .ast-theme-transparent-header #masthead.hc-hdr-solid .ast-mobile-menu-trigger-minimal,
  .ast-theme-transparent-header #masthead.hc-hdr-solid .ast-mobile-svg{
    color: var(--violet-600) !important;
    fill: var(--violet-600) !important;
  }

  /* Solid-Pages (Pricing etc.): weiß im Ruhezustand, Schatten erst nach Scroll. */
  body:not(.ast-theme-transparent-header) #masthead{
    position: fixed !important;
    top: var(--hc-hdr-top, 0px);
    left: 0; right: 0;
    z-index: 999;
    background: #fff;
    transition: box-shadow .2s ease;
  }
  body:not(.ast-theme-transparent-header) #masthead.hc-hdr-solid{
    box-shadow: 0 2px 12px rgba(30,27,46,.08);
  }

/* At-Rest 80px (Astra-Höhe), nach Scroll → .hc-hdr-solid schrumpft auf 64px.
     --hc-hdr-h = At-Rest-Höhe: reserviert #page-Platz + Drawer-Höhe. */
  #ast-mobile-header .ast-site-identity{
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  body{ --hc-hdr-h: 80px; }
  #masthead .ast-primary-header-bar,
  #masthead .site-primary-header-wrap{
    min-height: var(--hc-hdr-h) !important;
  }
  #masthead.hc-hdr-solid #ast-mobile-header .ast-site-identity{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  #masthead.hc-hdr-solid .ast-primary-header-bar,
  #masthead.hc-hdr-solid .site-primary-header-wrap{
    min-height: 64px !important;
  }
  body:not(.ast-theme-transparent-header) #page{
    padding-top: var(--hc-hdr-h);   /* fixed nimmt den Header aus dem Flow */
  }
  .ast-mobile-header-content{
    max-height: calc(100vh - var(--hc-hdr-h));
    overflow-y: auto;
  }
}

/* ─── WP-Admin-Bar (nur eingeloggt relevant) ───
   Offset nur wo die Bar fixed ist (601–921px). ≤600px ist sie absolute,
   scrollt weg → Offset wäre ein Gap. Besucher: Var ungesetzt → 0. */
@media (max-width:921px){
  body.admin-bar{ --hc-hdr-top: var(--wp-admin--admin-bar--height, 0px); }
}
@media (max-width:600px){
  body.admin-bar{ --hc-hdr-top: 0px; }
  body.admin-bar #wpadminbar{ display: none !important; }
  html:not(#hc){ margin-top: 0 !important; } /* schlägt WPs inline !important per Spezifität */
}

/* ─── Sticky desktop header (>921px) ───
   Immer fixed; .hc-hdr-solid = gescrollt → weiß, Schatten, kompakter.
   Ruhezustand bleibt der Standard-Header (transparent bzw. weiß, kein Schatten).
   Alle Solid-Regeln nutzen #masthead → ID schlägt die Klassenregeln weiter unten. */
@media (min-width:922px){

  #masthead{
    position: fixed !important;
    top: var(--hc-hdr-top, 0px);
    left: 0; right: 0;
    z-index: 999;
    transition: background .2s ease, box-shadow .2s ease;
  }

  /* Solid-Pages: Header war im Flow → Höhe kompensieren.
     Beide Werte hier ERZWUNGEN (statt JS-Messung) — eine Messung nach dem
     ersten Paint verschiebt den Content sichtbar (Layout-Blitz).
     min-height und padding-top MÜSSEN identisch bleiben. */
  #masthead .ast-primary-header-bar,
  #masthead .site-primary-header-wrap{
    min-height: 100px !important;
  }
  body:not(.ast-theme-transparent-header) #page{
    padding-top: 100px;
  }

  #masthead.hc-hdr-solid{
    background: #fff !important;
    box-shadow: 0 2px 12px rgba(30,27,46,.08);
  }
  #masthead.hc-hdr-solid .ast-primary-header-bar,
  #masthead.hc-hdr-solid .site-primary-header-wrap{
    min-height: 68px !important;
  }
  #masthead.hc-hdr-solid .menu-link{
    color: #1E1B2E !important;
  }
  #masthead.hc-hdr-solid img.custom-logo{
    width: 140px !important;
    max-width: 140px !important;
  }
  /* Trial-Button mitschrumpfen, sonst sprengt er die 68px. */
  #masthead.hc-hdr-solid .menu-item.trial-button > a{
    padding: 10px 20px !important;
    font-size: 15px;
  }

  /* Admin-Bar ist auf Desktop fixed → Header darunter. */
  body.admin-bar{ --hc-hdr-top: var(--wp-admin--admin-bar--height, 32px); }
}


/* ---------- layout primitives ---------- */
.hc-wrap{max-width:1120px;margin-inline:auto;padding-inline:20px}
.hc-section{padding-block:56px}
.hc-center{text-align:center;max-width:62ch;margin-inline:auto}
.hc h1,.hc h2,.hc h3{line-height:1.14;letter-spacing:-.02em;font-weight:600;margin:0}
.hc p{margin:0}
.hc-eyebrow{font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--violet-600)}
.hc-eyebrow + h2{margin-top:12px}
.hc-h2{font-size:clamp(26px,5vw,38px)}
.hc .hc-h2{line-height:1.16}
.hc-lead{font-size:17px;color:var(--slate-700);margin-top:14px}

/* ---------- icons (inline SVG sprite) ---------- */
.hc-i{width:1em;height:1em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}

/* ---------- buttons ---------- */
.hc-btn{display:inline-flex;align-items:center;gap:9px;font:inherit;font-weight:600;font-size:16px;
  padding:15px 26px;border-radius:var(--r-btn);border:0;cursor:pointer;text-decoration:none!important;
  transition:transform .12s ease, box-shadow .12s ease, background .15s ease}
.hc-btn--amber{background:var(--amber);color:var(--amber-ink);box-shadow:0 8px 20px -8px rgba(245,158,11,.6)}
.hc-btn--amber:hover{transform:translateY(-1px);background:var(--amber-600);color:#fff}
.hc-btn .hc-i{font-size:19px;stroke-width:2.2}
.hc-micro{font-size:13px;color:var(--slate-400)}
.hc-hero .hc-micro{color:var(--violet-soft);margin-top:14px}

/* Trial nav link (desktop + mobile off-canvas) */
.menu-item.trial-button > a {
  display: inline-flex !important;
  align-items: center;
  gap: 9px;
  font-weight: 600;
  font-size: 16px;
  padding: 15px 26px !important;
  border-radius: var(--r-btn, 12px);
  background: var(--amber, #F59E0B) !important;
  color: var(--amber-ink, #1a1a1a) !important;
  text-decoration: none !important;
  box-shadow: 0 8px 20px -8px rgba(245,158,11,.6);   /* glow = rovnaká svetlosť ako dolný */
  transition: transform .12s ease, box-shadow .12s ease, background .15s ease;
  filter: brightness(1.10);
}
.menu-item.trial-button > a:hover {
  transform: translateY(-1px);
  background: var(--amber-600, #D97706) !important;
  color: #fff !important;
}
.menu-item.trial-button { margin-left: 14px; }
@media (max-width: 921px) {
  .menu-item.trial-button {
    border-bottom: 0 !important;
    padding: 14px 20px !important;
    text-align: center;
  }
  .menu-item.trial-button > a {
    display: inline-flex !important;
    width: auto !important;
    align-self: center !important;   /* LI ist flex-column -> sonst volle Breite gestreckt */
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 9px 38px !important;         /* flacher, Text sitzt satt, kein Leerraum */
    font-size: 15px;
    box-shadow: 0 8px 20px -6px rgba(245,158,11,.55);
  }
  .menu-item.trial-button > a:active {
    transform: scale(.98);
  }
}

/* ============================================================
   HERO
   ============================================================ */
.hc-hero{background:linear-gradient(150deg,var(--violet) 0%,#5B1FA6 55%,var(--violet-400) 100%);color:#fff;overflow:hidden;position:relative}
.hc-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(700px 320px at 85% 8%,rgba(245,158,11,.16),transparent 70%);pointer-events:none}
.hc-hero__in{position:relative;z-index:1;padding-block:48px 56px;display:grid;gap:24px}
.hc-hero__eyebrow{font-size:13px;font-weight:600;letter-spacing:.04em;color:#D9C9FF}
.hc-hero h1{font-size:clamp(33px,8vw,56px);margin:14px 0 16px;color:#fff}
.hc .hc-hero__sub{font-size:16px;color:#E9E1FF;margin-bottom:24px}
.hc-hero__list{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:16px}
.hc-hero__list li{display:flex;gap:8px;align-items:flex-start;font-size:15.5px;color:#EFE9FF}
.hc-hero__list b{color:#fff;font-weight:600}
.hc-hero__list .hc-i{color:var(--amber);font-size:16px;margin-top:3px;stroke-width:2.4}
.hc-hero__cta{margin-top:28px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.entry-content .hc ul, .entry-content .hc ol{ padding-left:0 !important; }
.hc-hero .hce-yt{border:0;box-shadow:0 30px 60px -24px rgba(0,0,0,.45)}


/* any transparent-header page: hero clears the absolute header */
.ast-theme-transparent-header .hc-hero__in{ padding-top: 134px; }
@media (max-width:921px){ body.home .hc-hero__in{ padding-top: 96px; }}

/* mobile: tighten hero bottom space under CTA + 1 gray card + tighter gaps above fold */
@media (max-width:599px){
  .hc-hero__in{ padding-bottom: 40px; gap:14px }
  .hc-hero h1{margin:12px 0 8px}
  .hc-hero .hce-yt__side .hce-yt__row:nth-child(n+3){display:none}
}

/* hero product visual */
.hc-mock{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-card);overflow:hidden;color:var(--ink)}
.hc-mock__bar{display:flex;align-items:center;gap:6px;padding:13px 18px;background:var(--ink)}
.hc-mock__bar i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.22);display:inline-block}
.hc-mock__url{margin-left:8px;font-size:13.5px;font-weight:600;color:#fff}
.hc-mock__body{padding:18px}
.hc-kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.hc-kpi{background:var(--violet-50);border:1px solid #ECE7FB;border-radius:12px;padding:18px 16px}
.hc-kpi__l{margin-bottom:10px;font-size:12.5px;color:var(--slate-500);font-weight:500}
.hc-kpi__v{font-size:34px;font-weight:600;letter-spacing:-.02em}
.hc-kpi__v small{font-size:15px;color:var(--slate-400);font-weight:500}
.hc-chart{border:1px solid var(--line);border-radius:12px;padding:10px 12px 6px}
.hc-chart__top{display:flex;justify-content:space-between;font-size:11.5px;color:var(--slate-500);margin-bottom:4px}
.hc-chart__top b{color:var(--green);font-weight:600}
@media (max-width:599px){
  .hc-kpi__v{font-size:27px;white-space:nowrap}  /* smaller + keep "1,214 hrs" on one line */
  .hc-kpi__v small{font-size:13px}
  .hc-kpi__l{min-height:2.6em}  /* reserve 2 lines so both numbers align */
}

/* ============================================================
   HOMEPAGE VISUALS
   ============================================================ */
.hc-graph{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:32px 28px;box-shadow:var(--shadow-card)}
.hc-graph__top{font-size:13px;color:var(--slate-500);margin-bottom:10px;font-weight:500}
.hc-graph__legend{display:flex;gap:18px;margin-top:12px;font-size:12.5px;color:var(--slate-700)}
.hc-graph__legend span{display:flex;align-items:center;gap:7px}
.hc-graph__sw{width:14px;height:3px;border-radius:2px;display:inline-block}
.hc-graph__sw--grey{background:#8C8799}
.hc-graph__sw--amber{background:var(--amber)}

/* ============================================================
   BENEFITS BANNER (4 cards)
   ============================================================ */
.hc-benefits{background:var(--paper);border-block:1px solid var(--line)}
.hc-benefits__grid{display:grid;gap:24px;grid-template-columns:1fr}
.hc-benefit__ic{width:46px;height:46px;border-radius:12px;background:var(--violet-100);border:1px solid var(--violet-200);color:var(--violet-600);display:grid;place-items:center;margin-bottom:14px}
.hc-benefit__ic .hc-i{font-size:22px;stroke-width:1.8}
.hc-benefit h3{font-size:18px;margin-bottom:7px}
.hc-benefit p{font-size:15px;color:var(--slate-700)}

/* ============================================================
   SPLIT SECTIONS (text + visual)
   ============================================================ */
.hc-split__in{display:grid;gap:22px;align-items:center}
.hc-split__visual{order:-1}
/* Mobile: center eyebrow + section heading in all split sections (content below stays left) */
@media (max-width:959px){
  .hc-split .hc-eyebrow,
  .hc-split .hc-h2{text-align:center}
}
.hc-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:-12px auto 56px;width:min(1200px,calc(100% - 40px))}
.hc-shots .hc-shot{display:block;margin:0;text-decoration:none}
.hc-shots .hc-shot img{display:block;width:100%;height:auto;border:1px solid #E5E1F0;border-radius:10px;padding:10px 18px;background:#fff;box-sizing:border-box}
.hc-shots .hc-shot-cap{display:block;margin-top:15px;font-size:13px;line-height:1.5;color:var(--slate-500);text-decoration:none}
.hc-shots .hc-shot,.hc-shots .hc-shot:hover,.hc-shots .hc-shot .hc-shot-cap{text-decoration:none!important}
@media (min-width:960px){
  .hc-shots .hc-shot{cursor:zoom-in}
  .hc-shots .hc-shot img{
    border-color:var(--line);
    box-shadow:var(--shadow-card);
    padding:14px 20px;
    filter:contrast(1.06) saturate(1.08);
    transition:transform .15s ease;
  }
  .hc-shots .hc-shot:hover img{transform:translateY(-2px)}
}
@media (max-width:959px){
  .hc-shots{grid-template-columns:1fr;gap:28px}
  .hc-split--textfirst .hc-split__text{display:contents}
  .hc-split--textfirst .hc-eyebrow{order:-3}
  .hc-split--textfirst .hc-h2{order:-2;margin-top:-10px}
}
@media (min-width:960px){.hc-shots{margin-top:-24px;margin-bottom:96px}}
.hc-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(30,27,46,.6);display:flex;align-items:center;justify-content:center;padding:32px;cursor:zoom-out}
.hc-lightbox img{max-width:min(1400px,100%);max-height:100%;border-radius:10px;box-shadow:0 8px 40px rgba(0,0,0,.35)}
.hc-lightbox-frame{position:relative;display:flex;max-width:min(1400px,100%);max-height:100%}
.hc-lightbox-close{position:absolute;top:12px;right:12px;width:44px;height:44px;border:none;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink);font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.hc-lightbox-close:hover{background:var(--violet-100);color:var(--violet-600)}
@media (max-width:959px){
  .hc-lightbox{display:flex;overflow:auto;padding:0;-webkit-overflow-scrolling:touch;justify-content:flex-start;align-items:flex-start;overscroll-behavior:contain}
  .hc-lightbox-frame{margin:auto;max-width:none;max-height:none}
  .hc-lightbox img{max-width:none;width:200vw;border-radius:0;box-shadow:none}
  .hc-lightbox-close{position:fixed;top:16px;right:16px}
}
.hc-formula__link{margin-top:24px}
@media (max-width:959px){
  /* match /engine gate-table scale: one line, label left, value right */
  .hc-formula__row{padding:14px 16px;gap:10px}
  .hc-formula__row span{font-size:14px}
  .hc-formula__row b{font-size:14px;white-space:nowrap;text-align:right}
  /* CpCH only: dissolve visual so table/link order independently around the text */
  .hc-split--cpch .hc-split__visual{display:contents}
  .hc-split--cpch .hc-formula{order:-1}      /* table first */
  .hc-split--cpch .hc-formula__link{order:1;margin-top:-8px} /* 22px grid gap − 8 = 14px, same as prose paragraph spacing */
}

/* arrow bullet list */
.hc-arrows{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px}
.hc-arrows li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;color:var(--slate-700)}
.hc-arrows .hc-i{color:var(--violet-600);font-size:18px;margin-top:3px;stroke-width:2.4}
.hc-prose p{font-size:16.5px;color:var(--slate-700)}
.hc-prose p + p{margin-top:14px}

/* ============================================================
   FOR WHOM
   ============================================================ */
.hc-who{background:var(--paper);border-block:1px solid var(--line)}
.hc-who__grid{display:grid;gap:24px;grid-template-columns:1fr;margin-top:40px}
@media (min-width:600px){.hc-who__grid{grid-template-columns:1fr 1fr}}
@media (min-width:960px){.hc-who__grid{grid-template-columns:repeat(3,1fr);gap:40px 32px}}

/* ============================================================
   PAIN — staccato
   ============================================================ */
.hc-pain__lines{margin-top:22px;display:grid;gap:14px}
.hc-pain__lines p{font-size:16.5px;color:var(--slate-700)}
.hc-pain__lines p:last-child{color:var(--ink);font-weight:500}

/* pains list section bg */
.hc-pains{background:var(--paper);border-block:1px solid var(--line)}
.hc-result{margin-top:24px;font-size:16px;color:var(--ink);font-weight:500}

/* pain visual — amphitheater */
.hc-pain__art{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 20px}
.hc-pain__art svg{display:block;width:100%;max-width:360px;height:auto;margin:0 auto}
@media (max-width:921px){
  .hc-pain__art{padding:20px 12px}
}

/* ============================================================
   PROMISE
   ============================================================ */
.hc-promise__blocks{display:grid;gap:14px;margin-top:28px}
.hc-split--flip:has(.hc-lead) .hc-split__in{padding-bottom:0}
.hc-promise__row2{margin-top:28px;padding-bottom:56px}
.hc-pblock{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:#fff}
.hc-pblock b{display:block;font-size:15.5px;font-weight:600;margin-bottom:5px}
.hc-pblock span{font-size:14.5px;color:var(--slate-700);line-height:1.55}
.hc-check{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:14px}
.hc-check li{display:flex;gap:11px;align-items:flex-start;font-size:16px;font-weight:500}
.hc-check .hc-i{color:var(--amber-600);font-size:20px;margin-top:2px;stroke-width:2.6}

/* ============================================================
   TESTIMONIALS
   ============================================================ */
.hc-testi{background:var(--paper);border-block:1px solid var(--line)}
.hc-testi .hc-section{padding-top:40px}
.hc-testi__grid{display:grid;gap:24px;grid-template-columns:1fr;margin-top:36px}
.hc .hc-testi__origin{margin:14px auto 0;max-width:640px;font-size:.95rem;color:var(--ink);text-align:center}
.hc-tcard{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);
  padding:24px 24px 22px;display:flex;flex-direction:column;gap:14px;
  box-shadow:0 18px 40px -30px rgba(76,29,149,.25)}
.hc-tcard blockquote{margin:0;padding:0;border:0;background:none;font-style:normal}
.hc-tcard blockquote b{display:block;font-size:18px;font-weight:600;line-height:1.35;letter-spacing:-.01em;color:var(--ink);margin-bottom:12px}
.hc-tcard blockquote p{font-size:15.5px;color:var(--slate-700);line-height:1.6}
.hc-tcard figcaption{margin-top:auto;display:flex;gap:12px;align-items:center;padding-top:14px;border-top:1px solid var(--line)}
.hc-tcard__dot{width:38px;height:38px;border-radius:50%;background:var(--violet-100);border:1px solid var(--violet-200);flex:0 0 auto;display:grid;place-items:center;color:var(--violet-600)}
.hc-tcard__dot .hc-i{font-size:17px;stroke-width:1.8}
.hc-tcard figcaption b{display:block;font-size:14.5px;color:var(--ink)}
.hc-tcard figcaption em{display:block;font-style:normal;font-size:12.5px;color:var(--slate-500)}
@media (min-width:960px){
  .hc-testi .hc-section{padding-top:96px}
  .hc-testi__grid{grid-template-columns:1fr 1fr;gap:40px 32px}
  .hc-tcard{padding:32px 32px 26px}
  .hc-tcard blockquote b{margin-bottom:16px;font-size:17px}
  .hc-tcard blockquote p{line-height:1.7}
}

/* ============================================================
   CPCH
   ============================================================ */
.hc-formula{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-card)}
.hc-formula__head{background:var(--violet);color:#fff;padding:14px 20px;font-weight:600;font-size:15px}
.hc-formula__row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;border-top:1px solid var(--line)}
.hc-formula__row:first-of-type{border-top:0}
.hc-formula__row span{font-size:15px;color:var(--slate-700)}
.hc-formula__row b{font-size:18px;font-weight:600;color:var(--ink)}
.hc-formula__row--result{background:var(--violet-50)}
.hc-formula__row--result b{color:var(--violet)}
.hc-formula__link{margin-top:24px}

/* ============================================================
   ALL PRODUCT BENEFITS (8 grid)
   ============================================================ */
.hc-grid8{display:grid;gap:24px;grid-template-columns:1fr;margin-top:40px}
.hc-gcard__ic{width:44px;height:44px;border-radius:12px;background:var(--violet-100);border:1px solid var(--violet-200);color:var(--violet-600);display:grid;place-items:center;margin-bottom:14px}
.hc-grid8 .hc-gcard__ic{border-color:transparent}
.hc-gcard__ic .hc-i{font-size:21px;stroke-width:1.8}
.hc-gcard h3{font-size:17px;margin-bottom:7px}
.hc-gcard p{font-size:14.5px;color:var(--slate-700)}

/* ============================================================
   TRIAL band
   ============================================================ */
.hc-band{background:linear-gradient(150deg,var(--violet),#6A1FC0);color:#fff;text-align:center}
.hc-band__in{padding-block:66px 56px}
.hc-band h2{font-size:clamp(25px,5vw,38px);max-width:20ch;margin-inline:auto;color:#fff}
.hc-band p{color:#E4D8FF;margin:14px auto 26px;max-width:48ch;font-size:16.5px}
.hc-band .hc-micro{color:var(--violet-soft);margin-top:14px;font-size:13px}

/* ============================================================
   FAQ
   ============================================================ */
.hc-faq{background:var(--violet-50);border-block:1px solid var(--line)}
.hc-faq__list{max-width:760px;margin:36px auto 0}
.hc-faq details{border:1px solid var(--line);border-radius:13px;background:#fff;margin-bottom:12px;padding:2px 20px}
.hc-faq summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:600;font-size:16px;
  display:flex;justify-content:space-between;align-items:center;gap:16px}
.hc-faq summary::-webkit-details-marker{display:none}
.hc-faq summary .hc-i{color:var(--violet-600);font-size:20px;transition:transform .2s ease}
.hc-faq details[open] summary .hc-i{transform:rotate(45deg)}
.hc-faq details p{padding:0 0 18px;font-size:15px;color:var(--slate-700)}

/* ============================================================
   RESPONSIVE — tablet ≥600, desktop ≥960
   ============================================================ */
@media (min-width:600px){
  .hc-benefits__grid{grid-template-columns:1fr 1fr}
  .hc-grid8{grid-template-columns:1fr 1fr}
  .hc-promise__blocks{grid-template-columns:1fr 1fr}
}
@media (min-width:960px){
  .hc-section{padding-block:96px}
  .hc-wrap{padding-inline:24px}
  .hc-benefits__grid{grid-template-columns:repeat(4,1fr)}
  .hc-grid8{grid-template-columns:repeat(4,1fr);gap:48px 24px}
  .hc-hero__in{
    grid-template-columns:1.05fr .95fr;
    grid-template-areas:"head visual" "body visual";
    column-gap:56px; row-gap:28px;
    align-items:start;
    padding-block:84px 64px;
  }
  .hc-hero__body > :last-child{margin-bottom:0}
  .hc-hero__head{grid-area:head}
  .hc-hero__body{grid-area:body}
  .hc-hero__visual{grid-area:visual;align-self:start;margin-top:34px}
  .hc-split__in{grid-template-columns:1fr 1fr;gap:56px}
  .hc-split__in > .hc-split__text{grid-column:1;grid-row:1}
  .hc-split__in > .hc-split__visual{grid-column:2;grid-row:1}
  .hc-split--flip .hc-split__in > .hc-split__visual{grid-column:1;grid-row:1}
  .hc-split--flip .hc-split__in > .hc-split__text{grid-column:2;grid-row:1}
  .hc-promise__row2{max-width:900px;margin-top:96px;padding-bottom:56px}
  .hc-promise__row2 .hc-promise__blocks{grid-template-columns:repeat(4,1fr);margin-top:0}
  .hc-faq{background:#fff;border-block:0}
}

/* GLOBAL FOOTER: kill Astra footer row grey bg + padding so dark banner goes edge-to-edge */
.site-above-footer-wrap[data-section="section-above-footer-builder"]{
  background:#1E1B2E !important;
  padding:0 !important;
}
.site-above-footer-wrap .ast-builder-grid-row,
.site-above-footer-wrap .ast-builder-grid-row-container-inner,
.site-above-footer-wrap .site-footer-above-section-1,
.site-above-footer-wrap .footer-widget-area,
.site-above-footer-wrap .footer-widget-area .widget{
  padding:0 !important;
  margin:0 !important;
  max-width:100% !important;
}

/* Footer copyright: shrink 16px → 14px */
.ast-footer-copyright p{
  font-size:14px !important;
  margin:0 !important;
}
.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row{
  min-height:0 !important;
}
@media (max-width: 544px) {
    .site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-mobile-stack .site-footer-section {
        margin-bottom: 0px !important;
    }
}

/* Collapse Seraphinite "Optimized by" badge (s-sols.com link). */
a[href*="s-sols.com"]{
  visibility:hidden!important;
  height:0!important; max-height:0!important;
  overflow:hidden!important; font-size:0!important;
}


/* ============================================================
   Hourcast /pricing 
   ============================================================ */

/* ---------- page frame ---------- */
.hc-page-pricing.ast-page-builder-template .site-main > article{padding:0}

.hcp{background:linear-gradient(to top,#EBEEF4 0%,#F7F8FA 30%,#fff 62%);font-family:'Inter',sans-serif;color:var(--slate-700);-webkit-font-smoothing:antialiased;padding:0 0 96px}
.hcp *{box-sizing:border-box}
.hcp .hcp-wrap{max-width:1100px;margin:0 auto;padding:0 24px}

/* ---------- 1. hero ---------- */
.hcp-hero{text-align:center;padding:60px 0 24px}
.hcp-hero h1{font-weight:600;letter-spacing:-.03em;line-height:1.08;color:var(--ink);font-size:clamp(38px,6vw,64px);margin:0}
.hcp-hero p{font-size:19px;margin:18px 0 0;color:var(--slate-700)}

/* ---------- 2. price card ---------- */
.hcp-cardzone{padding:48px 24px 96px;display:flex;justify-content:center}
.hcp-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 64px -24px rgba(76,29,149,.22);max-width:520px;width:100%;padding:48px 48px 40px;text-align:center}
.hcp-card .hcp-plan{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--violet-600);background:var(--violet-50);border-radius:999px;padding:7px 16px}
.hcp-num{margin-top:24px;color:var(--ink)}
.hcp-num b{font-weight:600;font-size:72px;letter-spacing:-.04em}
.hcp-num span{font-size:18px;color:var(--slate-500)}
.hcp-vat{margin:6px 0 0;font-size:13px;color:var(--slate-400)}
.hcp-card ul{list-style:none;margin:36px 0 0;padding:0;text-align:left}
.hcp-card li{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-top:1px solid var(--line);font-size:15.5px;line-height:1.5;margin:0}
.hcp-card li:first-child{border-top:none}
.hcp-card li svg{width:20px;height:20px;flex:0 0 20px;margin-top:2px;color:var(--violet-600)}
.hcp-card li b{font-weight:600;color:var(--ink)}
.hcp a.hcp-btn{display:block;font-weight:600;font-size:17px;border-radius:12px;padding:17px;text-decoration:none;background:var(--amber);color:var(--amber-ink);margin-top:28px;box-shadow:0 14px 30px -12px rgba(245,158,11,.5);transition:transform .15s}
.hcp a.hcp-btn:visited{text-decoration:none;color:var(--amber-ink)}
.hcp a.hcp-btn:hover,.hcp a.hcp-btn:focus{transform:translateY(-1px);text-decoration:none;color:var(--amber-ink)}
.hcp-priceline{margin:16px 0 0;font-size:13px;color:var(--slate-500)}

/* ---------- 3. micro-FAQ ---------- */
.hcp-faq{max-width:640px;margin:0 auto;padding:0 24px}
.hcp-faq h2{font-weight:600;font-size:22px;letter-spacing:-.02em;color:var(--ink);text-align:center;margin:0 0 24px}
.hcp-faq details{border-bottom:1px solid var(--line);padding:16px 0}
.hcp-faq summary{font-weight:600;font-size:15.5px;color:var(--ink);cursor:pointer;list-style:none}
.hcp-faq summary::-webkit-details-marker{display:none}
.hcp-faq summary::after{content:"+";float:right;color:var(--violet-600)}
.hcp-faq details[open] summary::after{content:"\2013"}
.hcp-faq details p{font-size:14.5px;line-height:1.55;margin:10px 0 0}

/* ---------- mobile overrides (always last) ---------- */
@media(max-width:599px){
  .hcp-hero{padding:40px 0 8px}
  .hcp-cardzone{padding:40px 16px 72px}
  .hcp-card{padding:36px 24px 32px}
  .hcp-num b{font-size:56px}
}


/* ============================================================
   ENGINE SUBPAGE (/engine, page-id 149)
   ============================================================ */

/* --- page + hero variant --- */
.hc-page-engine.ast-page-builder-template .site-main > article{padding:0}
.hc-hero--engine{background:linear-gradient(215deg,var(--violet) 0%,#5B1FA6 55%,var(--violet-400) 100%)}
.hc-hero--engine::after{background:radial-gradient(700px 340px at 10% 92%,rgba(245,158,11,.18),transparent 70%)}
@media (max-width:921px){ .hc-page-engine .hc-hero__in{padding-top:96px} }
@media (max-width:921px){.ast-theme-transparent-header .hc-hero__visual{margin:14px 0}}

/* --- 1) hero flow card --- */
.hce-flow{background:#fff;border-radius:16px;box-shadow:0 30px 60px -24px rgba(0,0,0,.45);overflow:hidden;color:var(--ink)}
.hce-flow__head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--ink);font-weight:600}
.hce-flow__head b{color:var(--violet);font-weight:600}
.hce-flow__body{padding:20px 18px 22px;display:grid;gap:26px}
.hce-ad{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center}
.hce-ad__name{font-size:13px;font-weight:600;color:var(--ink)}
.hce-ad__tag{font-size:12.5px;font-weight:600;white-space:nowrap;justify-self:end}
.hce-ad--win .hce-ad__tag{color:var(--amber-600)}
.hce-ad--lose .hce-ad__tag{color:var(--slate-400)}
.hce-ad__bar{grid-column:1/-1;height:8px;border-radius:4px;background:var(--violet-50);position:relative;overflow:hidden}
.hce-ad__bar i{position:absolute;inset:0;width:var(--w);background:var(--violet);border-radius:4px}
.hce-ad--win .hce-ad__bar i{background:var(--amber)}
.hce-flow__foot{padding:12px 18px;background:var(--violet-50);font-size:12.5px;color:var(--slate-700);border-top:1px solid var(--line)}

/* --- 2) in-feed YouTube mockup --- */
.hce-yt{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:16px;box-shadow:var(--shadow-card);display:grid;grid-template-columns:1.5fr 1fr;gap:14px}
.hce-yt__player{position:relative;aspect-ratio:16/9;border-radius:10px;background:linear-gradient(135deg,var(--violet),var(--violet-400));display:grid;place-items:center;margin-bottom:10px}
.hce-yt__play{width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.35);display:grid;place-items:center}
.hce-yt__time{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;font-size:11px;padding:1px 5px;border-radius:4px}
.hce-yt__line{height:9px;border-radius:5px;background:#EDEAF5;margin-top:7px}
.hce-yt__line--w70{width:70%}
.hce-yt__line--w40{width:40%}
.hce-yt__side{display:grid;gap:10px;align-content:start}
.hce-yt__row{display:flex;gap:8px;align-items:flex-start}
.hce-yt__row--ad{padding:6px;margin:-6px -6px 0;border-radius:8px;background:var(--violet-50);outline:1px solid #E3DAF7}
.hce-yt__thumb{flex:0 0 44%;aspect-ratio:16/9;border-radius:6px;background:#EDEAF5}
.hce-yt__thumb--you{background:linear-gradient(135deg,var(--violet),var(--violet-400))}
.hce-yt__meta{flex:1;min-width:0}
.hce-yt__meta b{display:block;font-size:11.5px;font-weight:600;color:var(--ink);line-height:1.3}
.hce-yt__meta em{display:block;font-style:normal;font-size:10.5px;color:var(--slate-500);margin-top:3px}
.hce-yt__meta u{display:block;text-decoration:none;height:8px;border-radius:4px;background:#EDEAF5;margin-top:4px}
.hce-yt__u2{width:60%}
.hce-yt__adtag{font-style:normal;display:inline-block;background:var(--amber);color:var(--amber-ink);font-size:9.5px;font-weight:600;padding:0 4px;border-radius:3px;margin-right:2px}
.hce-yt__foot{grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px;font-size:12.5px;color:var(--slate-500)}
@media (max-width:479px){.hce-yt{grid-template-columns:1fr}.hce-yt__thumb{flex-basis:34%}}
.hc-hero .hce-yt__player::after{content:"";position:absolute;left:0;bottom:0;height:4px;width:96%;background:var(--amber);border-radius:0 2px 2px 0}
.hc-hero .hce-yt__time{bottom:10px}

/* --- 3) 7-minute gate card --- */
.hce-gate{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-card)}
.hce-gate__head{background:var(--ink);color:#fff;padding:14px 20px;font-weight:600;font-size:15px}
.hce-gate__row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;border-top:1px solid var(--line)}
.hce-gate__row:first-of-type{border-top:0}
.hce-gate__row--no{background:#FAFAFC}
.hce-gate__name{font-size:14.5px;color:var(--slate-700)}
.hce-gate__ok{font-size:13.5px;font-weight:600;color:var(--amber-600);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.hce-gate__ok .hc-i{stroke-width:2.6}
.hce-gate__no{font-size:13.5px;font-weight:600;color:var(--slate-400);white-space:nowrap}

/* --- merged Growth section: steps + row divider + day-badge variant --- */
.hce-steps{display:grid;gap:38px;margin-top:56px;counter-reset:step}
.hce-step{position:relative;padding:22px 22px 20px;border:1px solid var(--line);border-radius:16px;background:#fff}
.hce-step::before{counter-increment:step;content:counter(step);position:absolute;top:-16px;left:20px;width:32px;height:32px;border-radius:50%;background:var(--violet);color:#fff;font-weight:600;font-size:15px;display:grid;place-items:center;box-shadow:0 6px 14px -6px rgba(76,29,149,.5)}
.hce-step h3{font-size:17px;margin:6px 0 7px}
.hce-step p{font-size:14.5px;color:var(--slate-700)}
.hce-step--hero{border-color:#D9CCF5;background:var(--violet-50)}
.hc .hce-rowlab{display:flex;align-items:center;gap:14px;margin:56px 0 0;font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--slate-400)}
.hce-rowlab::before,.hce-rowlab::after{content:"";flex:1;height:1px;background:var(--line)}
.hce-rowlab + .hce-steps{margin-top:44px}
.hce-step--day::before{content:none}
.hce-step__badge{position:absolute;top:-16px;left:20px;height:32px;padding:0 12px;border-radius:16px;background:var(--violet);color:#fff;font-weight:600;font-size:12.5px;display:grid;place-items:center;box-shadow:0 6px 14px -6px rgba(76,29,149,.5)}
.hce-step--day:last-child .hce-step__badge{background:var(--amber);color:var(--amber-ink);box-shadow:0 6px 14px -6px rgba(245,158,11,.55)}
@media (min-width:760px){.hce-steps{grid-template-columns:repeat(3,1fr);gap:28px}}
/* scorecard (hc-formula on /engine): match gate-card scale */
.hc-page-engine .hc-formula__row span{font-size:14.5px}
.hc-page-engine .hc-formula__row b{font-size:13.5px}

/* --- 6) dark technology section + timeline --- */
.hce-dark{background:var(--ink);color:#fff}
.hce-dark .hce-eyebrow{font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}
.hce-dark h2{color:#fff}
.hce-dark .hce-sub{color:#C9C4D8;font-size:16.5px;max-width:62ch}
.hce-dark .hce-sub + .hce-sub{margin-top:14px}
.hce-tl{margin-top:44px;position:relative}
.hce-tl::before{content:"";position:absolute;left:15px;top:10px;bottom:10px;width:2px;background:linear-gradient(#6D28D9,#F59E0B)}
.hce-tl__item{position:relative;padding:0 0 40px 52px}
.hce-tl__item:last-child{padding-bottom:0}
.hce-tl__dot{position:absolute;left:6px;top:2px;width:20px;height:20px;border-radius:50%;background:var(--ink);border:2px solid var(--violet-600);display:grid;place-items:center}
.hce-tl__dot::after{content:"";width:6px;height:6px;border-radius:50%;background:#fff}
.hce-tl__item:last-child .hce-tl__dot{border-color:var(--amber)}
.hce-tl__item b{display:block;font-size:16px;font-weight:600;color:#fff;margin-bottom:5px}
.hce-tl__item p{font-size:14.5px;color:#B7B2C6;max-width:56ch}

/* --- 7) view-vs-hour contrast --- */
.hce-vs{display:grid;gap:18px;margin-top:40px}
.hce-vs__col{border-radius:16px;padding:26px 24px;border:1px solid var(--line);background:#fff}
.hce-vs__col--hour{border-color:#D9CCF5;background:var(--violet-50)}
.hce-vs__label{font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;color:var(--slate-400)}
.hce-vs__col--hour .hce-vs__label{color:var(--violet-600)}
.hce-vs__col p{font-size:15px;color:var(--slate-700)}
.hce-vs__col p + p{margin-top:10px}
@media (min-width:760px){.hce-vs{grid-template-columns:1fr 1fr;gap:28px}}
.hce-vs__ic{width:44px;height:44px;border-radius:12px;background:var(--violet-100);border:1px solid var(--violet-200);color:var(--violet-600);display:grid;place-items:center;margin-bottom:14px}
.hce-vs__ic .hc-i{font-size:21px;stroke-width:1.8}
.hce-vs__col:not(.hce-vs__col--hour) .hce-vs__ic{border-color:transparent}

/* --- 8) guardrail rows --- */
.hce-rails{margin:40px auto 0;max-width:820px;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
.hce-rail{display:flex;gap:14px;align-items:flex-start;padding:18px 22px;border-top:1px solid var(--line)}
.hce-rail:first-child{border-top:0}
.hce-rail .hc-i{color:var(--amber-600);font-size:20px;margin-top:2px;stroke-width:2.6;flex:0 0 auto}
.hce-rail b{font-weight:600;color:var(--ink)}
.hce-rail span{font-size:15px;color:var(--slate-700)}

/* --- 9) A/B test rows (inside hc-mock) --- */
.hce-ab{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--line);border-radius:12px;padding:17px 18px}
.hce-ab + .hce-ab{margin-top:10px}
.hce-ab__name{font-size:15px;font-weight:600;color:var(--ink)}
.hce-ab__val{font-size:18px;font-weight:600;white-space:nowrap}
.hce-ab--ctrl .hce-ab__val{color:var(--slate-500);font-weight:400;font-size:16.5px}
.hce-ab--opt .hce-ab__val{color:var(--amber-600)}
.hce-abchart{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.hce-abchart__top{display:flex;justify-content:space-between;font-size:12.5px;color:var(--slate-500);margin-bottom:8px}
.hce-abchart__top b{color:var(--amber-600)}

/* --- 10) fit blocks (straight answers) --- */
.hce-fit{display:grid;gap:14px;margin-top:24px}
@media (min-width:760px){.hce-fit{grid-template-columns:repeat(3,1fr);max-width:1000px;margin-inline:auto}}


/* ============================================================
   WORDPRESS PAGES
   ============================================================ */
.page .entry-title{
  font-size:clamp(27px,4.5vw,38px);
  line-height:1.15;
  letter-spacing:-.02em;
  font-weight:600;
}


/* ============================================================
   CONTACT
   ============================================================ */
.hc-contact{max-width:1120px;margin-inline:auto}
.page .entry-content > .wp-block-group.hc-contact{padding:0 0 56px!important}
.hc-contact__cols{gap:40px!important;align-items:flex-start}
.hc-contact .uagb-forms__outer-wrap.uagb-forms__outer-wrap { padding-left:0;padding-right:0; }
.hc-contact .uagb-forms-field-set{margin-bottom:16px}
.hc-contact .uagb-forms-input-label{font-size:14px;font-weight:500;color:var(--slate-700);margin-bottom:6px}
.hc-contact .uagb-forms-input{width:100%;font:inherit;font-size:15px;color:var(--ink);padding:12px 14px;background:#fff;border:1px solid var(--line)!important;border-radius:12px!important;transition:border-color .15s ease,box-shadow .15s ease}
.hc-contact .uagb-forms-input:focus{outline:none;border-color:var(--violet-600)!important;box-shadow:0 0 0 3px rgba(109,40,217,.15)!important}
.hc-contact textarea.uagb-forms-input{min-height:130px;resize:vertical}
.hc-contact .uagb-forms-main-submit-button-wrap{margin-top:6px}
.hc-contact .uagb-forms-main-submit-button{display:inline-flex;align-items:center;gap:9px;font:inherit;font-weight:600;font-size:16px;padding:15px 26px!important;border:0!important;border-radius:12px!important;background:var(--amber)!important;color:var(--amber-ink)!important;box-shadow:0 8px 20px -8px rgba(245,158,11,.6);cursor:pointer;transition:transform .12s ease,background .15s ease}
.hc-contact .uagb-forms-main-submit-button:hover{transform:translateY(-1px);background:var(--amber-600)!important;color:#fff!important}
.hc-contact__legal{margin-top:14px;font-size:12.5px;color:var(--slate-400);line-height:1.5}
.hc-contact__legal a{color:var(--slate-500)}
.hc-contact__aside{display:grid;gap:20px;align-content:start}
.hc-contact__item{display:grid;gap:5px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.hc-contact__item:last-child{border-bottom:0;padding-bottom:0}
.hc-contact__k{font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--violet-600)}
.hc-contact__v{font-size:16px;color:var(--ink)}
.hc-contact__v--link{color:var(--violet-600);text-decoration:none}
.hc-contact__v--link:hover{text-decoration:underline}
@media (min-width:960px){.page .entry-content > .wp-block-group.hc-contact{padding:0!important}.hc-contact__cols{gap:56px!important}}