/* ============================================================
   Pseudocompany block styles. Loaded on the front end AND in the
   block editor (add_editor_style), so what you edit is what ships.
   Sections are core Group blocks styled by class name (set in the
   block's Advanced > Additional CSS class(es) field).
   ============================================================ */

:root{
  --pc-dark:#0f141c; --pc-dark-alt:#131a24; --pc-dark-border:#232c3a;
  --pc-txt:#e8edf4; --pc-muted:#a9b3c2; --pc-foot:#8590a2;
  --pc-accent:#4d8eff; --pc-accent-hi:#79aaff;
  --pc-light:#f1f4f8; --pc-card:#ffffff; --pc-light-border:#dde3ec;
  --pc-ink:#18202d; --pc-body-ink:#4c5668; --pc-muted-ink:#5f6a7c;
  --pc-link:#2563d9; --pc-link-hover:#1a4fb8; --pc-icon-bg:#e6efff;
  --pc-maxw:1200px; --pc-gutter:32px; --pc-ease:.15s ease;
}

/* Shared inner wrapper (Group with class pc-in) */
.pc-in{max-width:var(--pc-maxw);margin-left:auto!important;margin-right:auto!important;
  padding-left:var(--pc-gutter);padding-right:var(--pc-gutter)}
:where(.pc-hero,.pc-demos,.pc-about) :where(.pc-in,.pc-head,.pc-cards,.pc-card,.pc-about-copy) > *{margin-top:0;margin-bottom:0}

/* Reusable type classes */
.pc-kicker{font-size:13px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--pc-accent)}
.pc-eyebrow{font-size:12px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--pc-muted-ink)}

/* ================= BUTTONS (core/button) =================
   Default look = blue pill. Style "Text link" = underlined link. */
.wp-block-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.wp-block-button .wp-block-button__link{display:inline-block;background:var(--pc-accent);color:var(--pc-dark);
  font-family:inherit;font-weight:700;font-size:16px;line-height:1.3;padding:13px 26px;border:0;border-radius:999px;
  text-decoration:none;transition:background var(--pc-ease),color var(--pc-ease)}
.wp-block-button .wp-block-button__link:hover,.wp-block-button .wp-block-button__link:focus-visible{background:var(--pc-accent-hi);color:var(--pc-dark)}
.wp-block-button.is-style-pc-text-link .wp-block-button__link{background:transparent;color:var(--pc-txt);
  font-weight:600;padding:0 0 2px;border-radius:0;border-bottom:2px solid var(--pc-accent)}
.wp-block-button.is-style-pc-text-link .wp-block-button__link:hover{background:transparent;color:var(--pc-accent)}
.pc-demos .wp-block-button.is-style-pc-text-link .wp-block-button__link{color:var(--pc-ink)}
.pc-demos .wp-block-button.is-style-pc-text-link .wp-block-button__link:hover{color:var(--pc-link)}
.pc-hero .wp-block-button:not(.is-style-pc-text-link) .wp-block-button__link,
.pc-about .wp-block-button:not(.is-style-pc-text-link) .wp-block-button__link{font-size:17px;padding:15px 30px;white-space:nowrap}

/* ================= HERO (dark) ================= */
.pc-hero{background:var(--pc-dark);color:var(--pc-txt)}
.pc-hero > .pc-in{padding-top:104px;padding-bottom:112px;display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.pc-h1{font-size:64px;font-weight:800;letter-spacing:-0.03em;line-height:1.06;color:var(--pc-txt);max-width:15ch;text-wrap:balance}
.pc-h1 mark{padding:0 12px 4px;display:inline-block;margin-top:6px;background:var(--pc-accent);color:var(--pc-dark)}
.pc-lead{font-size:19px;line-height:1.6;color:var(--pc-muted);max-width:50ch}
.pc-hero .wp-block-buttons{margin-top:8px!important}

/* ================= DEMOS (light) ================= */
.pc-demos{background:var(--pc-light);color:var(--pc-ink)}
.pc-demos > .pc-in{padding-top:88px;padding-bottom:96px;display:flex;flex-direction:column;gap:40px}
.pc-head{display:flex;align-items:baseline;gap:8px 20px;flex-wrap:wrap}
.pc-h2{font-size:38px;font-weight:800;letter-spacing:-0.02em;line-height:1.15;color:var(--pc-ink)}
.pc-sub{font-size:16px;color:var(--pc-muted-ink)}
.pc-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pc-card{background:var(--pc-card);border:1px solid var(--pc-light-border);border-radius:16px;padding:36px 32px;
  display:flex;flex-direction:column;gap:18px;transition:border-color var(--pc-ease),box-shadow var(--pc-ease)}
.pc-card:hover{border-color:var(--pc-accent);box-shadow:0 8px 28px rgba(24,32,45,0.08)}
.pc-card[class*="pc-icon-"]::before{content:"";width:52px;height:52px;border-radius:12px;flex:0 0 auto;
  background:var(--pc-icon-bg) center/26px 26px no-repeat}
.pc-card.pc-icon-house::before{background-image:url("../img/icon-house.svg")}
.pc-card.pc-icon-grid::before{background-image:url("../img/icon-grid.svg")}
.pc-card.pc-icon-calendar::before{background-image:url("../img/icon-calendar.svg")}
.pc-card.pc-icon-box::before{background-image:url("../img/icon-box.svg")}
.pc-card-title{font-size:28px;font-weight:800;letter-spacing:-0.02em;line-height:1.15;color:var(--pc-ink)}
.pc-card-text{font-size:16px;line-height:1.6;color:var(--pc-body-ink);flex:1 0 auto}
.pc-card .wp-block-buttons{margin-top:6px!important}

/* ================= ABOUT (dark) ================= */
.pc-about{background:var(--pc-dark-alt);color:var(--pc-txt);border-bottom:1px solid var(--pc-dark-border)}
.pc-about > .pc-in{padding-top:80px;padding-bottom:80px;display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.pc-about-copy{flex:1 1 420px;display:flex;flex-direction:column;gap:16px}
.pc-about .pc-h2{font-size:36px;line-height:1.1;color:var(--pc-accent)}
.pc-about p{font-size:17px;line-height:1.6;color:var(--pc-muted);max-width:56ch}

/* Links typed inside paragraphs of dark sections */
.pc-hero p a,.pc-about p a{color:var(--pc-txt);text-decoration-color:var(--pc-accent);text-underline-offset:3px}
.pc-demos p a{color:var(--pc-link)}

@media (max-width:860px){
  :root{--pc-gutter:20px}
  .pc-cards{grid-template-columns:minmax(0,1fr)}
  .pc-h1{font-size:44px}
  .pc-hero > .pc-in{padding-top:72px;padding-bottom:80px}
  .pc-demos > .pc-in{padding-top:64px;padding-bottom:72px}
  .pc-h2{font-size:32px}
}