/*
Theme Name: Primer Cliente con IA
Theme URI: https://primerclienteconia.com
Author: Primer Cliente con IA
Description: Tema premium para el programa Primer Cliente con IA.
Version: 1.5.0
Text Domain: primercliente
*/

:root {
  --pc-ink: #08111f;
  --pc-ink-2: #0d1930;
  --pc-paper: #f7f4ed;
  --pc-white: #ffffff;
  --pc-muted: #aab6cb;
  --pc-copy: #45536b;
  --pc-purple: #795cff;
  --pc-cyan: #38d7ff;
  --pc-lime: #b9ff78;
  --pc-line: rgba(255,255,255,.11);
  --pc-radius: 26px;
  --pc-shadow: 0 30px 80px rgba(0,0,0,.2);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; max-width: 100%; overflow-x: hidden; }
body {
  margin: 0;
  width: 100%; max-width: 100%; overflow-x: hidden;
  color: var(--pc-ink);
  background: var(--pc-paper);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
.pc-shell { width: min(1180px, calc(100% - 40px)); max-width: 100%; margin-inline: auto; }
.pc-kicker {
  display: inline-flex; align-items: center; gap: 9px; margin: 0 0 18px;
  color: #7466e8; font-size: 12px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase;
}
.pc-kicker::before { content: ""; width: 28px; height: 2px; background: linear-gradient(90deg,var(--pc-purple),var(--pc-cyan)); }
.pc-h2 { margin: 0; max-width: 790px; font: 500 clamp(36px,5vw,66px)/1.02 Georgia,serif; letter-spacing: -.04em; }
.pc-lead { max-width: 690px; margin: 24px 0 0; color: var(--pc-copy); font-size: clamp(17px,2vw,21px); }

.pc-header {
  position: absolute; z-index: 20; inset: 0 0 auto; height: 92px; display: flex; align-items: center;
  color: #fff; border-bottom: 1px solid rgba(255,255,255,.08);
}
.pc-header--solid { position: relative; inset: auto; background: var(--pc-ink); }
.pc-back { color: #bfc9dc; font-size: 13px; font-weight: 750; }
.pc-back:hover { color: #fff; }
.pc-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.pc-logo { display: flex; align-items: center; gap: 11px; min-width: 0; }
.pc-logo__mark {
  width: 46px; height: 46px; display: grid; flex: 0 0 46px; place-items: center;
  filter: drop-shadow(0 0 13px rgba(56,215,255,.13));
}
.pc-logo__mark img { display: block; width: 100%; height: 100%; }
.pc-logo__type { display: grid; gap: 1px; line-height: 1; }
.pc-logo__type strong { color: #fff; font-size: 16px; font-weight: 850; letter-spacing: -.035em; white-space: nowrap; }
.pc-logo__type small { color: var(--pc-lime); font-size: 9px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.pc-nav { display: flex; align-items: center; gap: 34px; color: #c6cee0; font-size: 14px; }
.pc-nav a:hover { color: #fff; }
.pc-pill {
  display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px;
  border: 1px solid rgba(255,255,255,.2); border-radius: 999px; color: #fff; font-weight: 750; font-size: 14px;
  white-space: nowrap; transition: transform .2s, background .2s;
}
.pc-pill .woocommerce-Price-amount { color: inherit; }
.pc-pill:hover { transform: translateY(-2px); background: rgba(255,255,255,.08); }

.pc-hero {
  position: relative; overflow: hidden; min-height: 940px; padding: 170px 0 78px; color: #fff;
  background:
    radial-gradient(circle at 72% 24%,rgba(121,92,255,.34),transparent 31%),
    radial-gradient(circle at 88% 74%,rgba(56,215,255,.13),transparent 24%),
    linear-gradient(145deg,#07101d 0%,#0a1426 58%,#0c1b35 100%);
}
.pc-hero::before {
  content: ""; position: absolute; inset: 0; opacity: .18;
  background-image: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size: 66px 66px; mask-image: linear-gradient(to bottom,black,transparent 82%);
}
.pc-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(390px,.92fr); align-items: center; gap: clamp(36px,5vw,72px); }
.pc-hero__grid > * { min-width: 0; }
.pc-hero .pc-kicker { color: var(--pc-lime); }
.pc-hero__title { margin: 0; max-width: 800px; font-size: clamp(50px,5.7vw,82px); line-height: .96; letter-spacing: -.06em; text-wrap: balance; overflow-wrap: anywhere; }
.pc-hero__title em { display: block; margin-top: 8px; color: transparent; font-family: Georgia,serif; font-weight: 500; font-style: italic; background: linear-gradient(90deg,var(--pc-lime),var(--pc-cyan)); background-clip: text; -webkit-background-clip: text; }
.pc-hero__copy { max-width: 660px; margin: 30px 0 0; color: #bec9dc; font-size: clamp(18px,2vw,22px); }
.pc-hero__copy strong { color: #fff; }
.pc-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 36px; }
.pc-button {
  display: inline-flex; align-items: center; justify-content: center; min-height: 58px; padding: 0 27px; border-radius: 999px;
  background: linear-gradient(135deg,var(--pc-lime),#78efcb); color: var(--pc-ink); font-weight: 850; white-space: nowrap; box-shadow: 0 15px 40px rgba(137,248,181,.16); transition: .2s;
}
.pc-button:hover { transform: translateY(-2px); box-shadow: 0 20px 46px rgba(137,248,181,.25); }
.pc-button span { margin-left: 9px; font-size: 18px; }
.pc-button .woocommerce-Price-amount { margin-left: 2px; font-size: inherit; }
.pc-button .woocommerce-Price-currencySymbol { margin-left: 0; font-size: inherit; }
.pc-link { display: inline-flex; align-items: center; gap: 10px; padding: 15px 12px; color: #dce4f3; font-weight: 700; }
.pc-link::after { content: "→"; transition: transform .2s; }
.pc-link:hover::after { transform: translateX(4px); }
.pc-cta-note { margin: 12px 0 0; color: #8696ae; font-size: 11px; font-weight: 650; }

.pc-microproof { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 24px; color: #91a1ba; font-size: 12px; font-weight: 700; }
.pc-microproof span { white-space: nowrap; }
.pc-route {
  position: relative; min-width: 0; padding: 25px; border: 1px solid rgba(255,255,255,.15); border-radius: 32px;
  background: linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035));
  backdrop-filter: blur(12px); box-shadow: var(--pc-shadow); transform: rotate(1deg);
}
.pc-route::after { content: ""; position: absolute; z-index: -1; inset: 34px -28px -30px 26px; border-radius: 34px; background: linear-gradient(135deg,rgba(121,92,255,.38),rgba(56,215,255,.13)); filter: blur(20px); }
.pc-route__eyebrow { display: flex; align-items: center; gap: 9px; margin-bottom: 18px; color: #b8c4d8; font-size: 11px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.pc-live { width: 8px; height: 8px; border-radius: 50%; background: var(--pc-lime); box-shadow: 0 0 14px var(--pc-lime); }
.pc-before { display: grid; gap: 3px; padding: 17px 18px; border: 1px solid rgba(255,255,255,.09); border-radius: 17px; background: rgba(6,14,27,.42); }
.pc-before span,.pc-result span { color: #8493ab; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.pc-before strong { color: #dfe6f2; font: 500 18px/1.25 Georgia,serif; font-style: italic; }
.pc-route__line { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 12px; padding: 15px 4px 8px; color: #718198; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.pc-route__line i { height: 1px; background: linear-gradient(90deg,rgba(185,255,120,.45),transparent); }
.pc-step { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 13px 0; border-top: 1px solid var(--pc-line); }
.pc-step__n { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: rgba(255,255,255,.08); color: #cbd5e7; font-weight: 800; }
.pc-step strong { display: block; font-size: 14px; }
.pc-step small { display: block; color: #93a1b8; overflow-wrap: anywhere; }
.pc-step__tag { padding: 5px 8px; border-radius: 99px; color: var(--pc-lime); background: rgba(185,255,120,.09); font-size: 9px; font-weight: 850; }
.pc-result { position: relative; display: grid; gap: 2px; margin-top: 11px; padding: 18px 20px 18px 57px; overflow: hidden; border: 1px solid rgba(185,255,120,.35); border-radius: 18px; background: linear-gradient(120deg,rgba(185,255,120,.16),rgba(56,215,255,.09)); }
.pc-result::before { content: "✓"; position: absolute; left: 18px; top: 21px; display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; color: var(--pc-ink); background: var(--pc-lime); font-weight: 950; }
.pc-result strong { color: #fff; font-size: 17px; }
.pc-result small { color: #aebbd0; }
.pc-proof { position: relative; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 64px; border: 1px solid var(--pc-line); border-radius: 22px; background: rgba(255,255,255,.035); }
.pc-proof div { padding: 22px 25px; border-right: 1px solid var(--pc-line); }
.pc-proof div:last-child { border: 0; }
.pc-proof strong { display: block; font-size: 20px; }
.pc-proof span { display: block; color: #92a1ba; font-size: 13px; overflow-wrap: anywhere; }

.pc-build { position: relative; padding: 118px 0; overflow: hidden; background: #f7f4ed; }
.pc-build::before { content: ""; position: absolute; width: 540px; height: 540px; left: -250px; bottom: -260px; border-radius: 50%; background: radial-gradient(circle,rgba(121,92,255,.13),transparent 68%); }
.pc-build__head { position: relative; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(300px,.65fr); gap: 70px; align-items: end; }
.pc-build__head > * { min-width: 0; }
.pc-build__lead { margin: 0 0 4px; color: var(--pc-copy); font-size: 18px; }
.pc-build__lead strong { color: var(--pc-ink); }
.pc-mirror { position: relative; margin-top: 62px; padding: 34px; overflow: hidden; border: 1px solid #dfe4ea; border-radius: 30px; background: rgba(255,255,255,.68); box-shadow: 0 26px 80px rgba(20,34,60,.09); }
.pc-mirror::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(8,17,31,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,17,31,.035) 1px,transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(90deg,black,transparent 92%); }
.pc-mirror__lane { position: relative; display: grid; grid-template-columns: 1.2fr repeat(3,minmax(0,1fr) 28px) minmax(0,1fr); align-items: stretch; gap: 10px; }
.pc-mirror__label { display: flex; justify-content: center; flex-direction: column; min-width: 0; padding: 18px 19px; border-radius: 18px; }
.pc-mirror__label span { margin-bottom: 4px; font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.pc-mirror__label strong { font-size: 16px; line-height: 1.2; }
.pc-mirror__lane--platform .pc-mirror__label { color: #fff; background: var(--pc-ink); }
.pc-mirror__lane--platform .pc-mirror__label span { color: var(--pc-cyan); }
.pc-mirror__lane--you .pc-mirror__label { color: #173427; background: linear-gradient(135deg,#dfffc4,#a7f3df); }
.pc-mirror__lane--you .pc-mirror__label span { color: #39755b; }
.pc-node { position: relative; min-width: 0; padding: 15px; border: 1px solid #dfe4ea; border-radius: 17px; background: rgba(255,255,255,.9); }
.pc-node > span { display: block; margin-bottom: 13px; color: #7a67ee; font-size: 10px; font-weight: 900; }
.pc-node strong { display: block; margin-bottom: 5px; font-size: 14px; }
.pc-node small { display: block; color: #6c788c; font-size: 11px; line-height: 1.35; }
.pc-node--result { color: #fff; border-color: #5445d4; background: linear-gradient(145deg,#6651eb,#3f72a5); }
.pc-node--result > span { color: var(--pc-lime); }
.pc-node--result small { color: #d9ddf6; }
.pc-arrow { position: relative; align-self: center; height: 1px; background: #b8c1ce; }
.pc-arrow::after { content: ""; position: absolute; right: -1px; top: -3px; width: 7px; height: 7px; border-top: 1px solid #8793a5; border-right: 1px solid #8793a5; transform: rotate(45deg); }
.pc-mirror__connector { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; margin: 17px 0; color: #7466e8; font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.pc-mirror__connector i { height: 1px; background: linear-gradient(90deg,#c7bff6,transparent); }
.pc-mirror__connector b { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: var(--pc-ink); background: var(--pc-lime); font-size: 15px; }
.pc-build__promise { position: relative; display: grid; grid-template-columns: 52px minmax(0,1fr) auto; align-items: center; gap: 20px; margin-top: 24px; padding: 23px 26px; border-radius: 22px; color: #fff; background: var(--pc-ink); }
.pc-build__icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; color: var(--pc-ink); background: linear-gradient(135deg,var(--pc-lime),var(--pc-cyan)); font-size: 25px; font-weight: 900; }
.pc-build__promise p { max-width: 670px; margin: 0; color: #aab6cb; font-size: 15px; }
.pc-build__promise p strong { color: #fff; }
.pc-button--dark { min-height: 52px; padding-inline: 22px; }

.pc-section { padding: 118px 0; }
.pc-intro { display: grid; grid-template-columns: .9fr 1.1fr; gap: 88px; align-items: start; }
.pc-intro__card { padding: 34px; border-radius: var(--pc-radius); background: #fff; box-shadow: 0 18px 70px rgba(20,34,60,.08); }
.pc-intro__card p { margin: 0; color: var(--pc-copy); font-size: 19px; }
.pc-intro__card strong { color: var(--pc-ink); }
.pc-checks { display: grid; gap: 14px; margin-top: 26px; }
.pc-check { display: flex; gap: 12px; align-items: center; font-weight: 720; }
.pc-check::before { content: "✓"; display: grid; place-items: center; flex: 0 0 27px; height: 27px; border-radius: 50%; color: #235f44; background: #dcffdf; font-size: 13px; }

.pc-program { color: #fff; background: var(--pc-ink); }
.pc-program .pc-kicker { color: var(--pc-cyan); }
.pc-program .pc-lead { color: var(--pc-muted); }
.pc-modules { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 58px; }
.pc-module { position: relative; min-height: 286px; padding: 28px; overflow: hidden; border: 1px solid var(--pc-line); border-radius: 24px; background: linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018)); }
.pc-module::after { content: attr(data-n); position: absolute; right: -5px; bottom: -30px; color: rgba(255,255,255,.04); font: 700 130px/1 Georgia,serif; }
.pc-module__icon { display: grid; place-items: center; width: 43px; height: 43px; margin-bottom: 54px; border-radius: 13px; color: var(--pc-ink); background: linear-gradient(135deg,var(--pc-cyan),var(--pc-lime)); font-weight: 900; }
.pc-module h3 { position: relative; z-index: 1; margin: 0 0 11px; font-size: 20px; }
.pc-module p { position: relative; z-index: 1; margin: 0; color: #9faec4; font-size: 15px; }

.pc-method { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 88px; }
.pc-format { display: grid; gap: 13px; }
.pc-format__item { display: grid; grid-template-columns: 52px 1fr; gap: 17px; padding: 21px; border: 1px solid #e3e5eb; border-radius: 19px; background: rgba(255,255,255,.6); }
.pc-format__icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 15px; color: #fff; background: var(--pc-ink); font-weight: 850; }
.pc-format h3 { margin: 1px 0 5px; font-size: 17px; }
.pc-format p { margin: 0; color: var(--pc-copy); font-size: 14px; }

.pc-audience { background: #e8eff6; }
.pc-audience__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 48px; }
.pc-audience__box { padding: 33px; border-radius: 24px; background: rgba(255,255,255,.74); }
.pc-audience__box h3 { margin: 0 0 16px; font-size: 22px; }
.pc-audience__box ul { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; color: var(--pc-copy); }
.pc-audience__box li { display: flex; gap: 11px; }
.pc-audience__box li::before { content: "•"; color: var(--pc-purple); font-weight: 900; }
.pc-audience__box--dark { color: #fff; background: var(--pc-ink); }
.pc-audience__box--dark ul { color: #a8b5ca; }

.pc-final { padding: 42px 0; color: #fff; background: var(--pc-ink); }
.pc-final__box { position: relative; overflow: hidden; padding: 76px; border-radius: 34px; background: linear-gradient(135deg,#5f4bf0,#347da8); box-shadow: var(--pc-shadow); }
.pc-final__box::after { content: ""; position: absolute; width: 420px; height: 420px; right: -100px; top: -150px; border-radius: 50%; background: radial-gradient(circle,rgba(185,255,120,.4),transparent 66%); }
.pc-final h2 { position: relative; z-index: 1; max-width: 760px; margin: 0; font-size: clamp(39px,5vw,70px); line-height: .98; letter-spacing: -.055em; }
.pc-final__kicker { margin: 0 0 17px !important; color: var(--pc-lime) !important; font-size: 12px !important; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.pc-final p { position: relative; z-index: 1; max-width: 640px; margin: 24px 0 31px; color: #e1e4ff; font-size: 19px; }
.pc-price { position: relative; z-index: 1; display: grid; width: fit-content; max-width: 100%; margin: 0 0 28px; padding: 18px 22px; border: 1px solid rgba(255,255,255,.22); border-radius: 18px; background: rgba(7,16,29,.2); backdrop-filter: blur(10px); }
.pc-price span { color: var(--pc-lime); font-size: 11px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.pc-price strong { margin: 2px 0 1px; font-size: 36px; line-height: 1; letter-spacing: -.04em; }
.pc-price small { color: #dce4ff; font-size: 12px; overflow-wrap: anywhere; }
.pc-final .pc-button { position: relative; z-index: 1; }
.pc-footer { padding: 46px 0; color: #93a1b8; background: var(--pc-ink); border-top: 1px solid var(--pc-line); font-size: 13px; }
.pc-footer__inner { display: flex; justify-content: space-between; align-items: center; gap: 20px; }

.pc-page { min-height: calc(100vh - 185px); padding: 80px 0 110px; background: var(--pc-paper); }
.pc-page__shell { max-width: 1060px; }
.pc-page__head { max-width: 760px; margin-bottom: 42px; }
.pc-page__head h1 { margin: 0; font: 500 clamp(42px,6vw,72px)/1 Georgia,serif; letter-spacing: -.045em; }
.pc-page__head > p:last-child { max-width: 680px; margin: 20px 0 0; color: var(--pc-copy); font-size: 18px; }
.pc-commerce { padding: clamp(22px,4vw,46px); border: 1px solid #e1e5eb; border-radius: 28px; background: #fff; box-shadow: 0 24px 80px rgba(20,34,60,.09); }
.pc-commerce .woocommerce { color: var(--pc-ink); }
.pc-commerce .woocommerce-info,.pc-commerce .woocommerce-message { border-top-color: var(--pc-purple); border-radius: 12px; background: #f1efff; }
.pc-commerce .woocommerce-info::before,.pc-commerce .woocommerce-message::before { color: var(--pc-purple); }
.pc-commerce .col2-set { display: grid; grid-template-columns: 1.1fr .9fr; gap: 28px; width: 100%; }
.pc-commerce .col2-set .col-1,.pc-commerce .col2-set .col-2 { float: none; width: 100%; }
.pc-commerce h3 { margin: 0 0 20px; font-size: 22px; }
.pc-commerce form .form-row { margin: 0 0 15px; padding: 0; }
.pc-commerce form .form-row label { margin-bottom: 6px; color: #344158; font-size: 12px; font-weight: 800; }
.pc-commerce form .form-row input.input-text,.pc-commerce form .form-row textarea,.pc-commerce .select2-container .select2-selection--single { min-height: 49px; padding: 11px 13px; border: 1px solid #d9dee7; border-radius: 11px; background: #fbfcfe; }
.pc-commerce .select2-container .select2-selection--single .select2-selection__rendered { padding: 8px 0; }
.pc-commerce #order_review_heading { margin-top: 38px; }
.pc-commerce table.shop_table { overflow: hidden; border-color: #e1e5eb; border-radius: 15px; }
.pc-commerce table.shop_table th,.pc-commerce table.shop_table td { padding: 15px 17px; border-color: #edf0f4; }
.pc-commerce #payment { border-radius: 17px; background: #f2f5f8; }
.pc-commerce #payment div.payment_box { background: #e7ebf0; }
.pc-commerce #payment div.payment_box::before { border-bottom-color: #e7ebf0; }
.pc-commerce #place_order,.pc-commerce .button.alt,.pc-commerce a.button.alt { min-height: 56px; padding: 0 27px; border: 0; border-radius: 999px; color: var(--pc-ink); background: linear-gradient(135deg,var(--pc-lime),#78efcb); font-weight: 850; }
.pc-commerce #place_order:hover,.pc-commerce .button.alt:hover { color: var(--pc-ink); background: linear-gradient(135deg,#c9ff99,#87f5d5); }
.pc-commerce .product-name a { font-weight: 800; }
.pc-commerce div.product { display: grid; grid-template-columns: .8fr 1.2fr; gap: 45px; }
.pc-commerce div.product div.images,.pc-commerce div.product div.summary { float: none; width: 100%; margin: 0; }
.pc-commerce div.product .product_title { font: 500 clamp(36px,5vw,60px)/1 Georgia,serif; letter-spacing: -.04em; }
.pc-commerce div.product p.price { color: #553fd6; font-size: 28px; font-weight: 850; }

@media (max-width: 1060px) {
  .pc-hero { min-height: auto; }
  .pc-hero__grid { grid-template-columns: minmax(0,1fr) minmax(350px,.84fr); gap: 34px; }
  .pc-hero__title { font-size: clamp(50px,6.6vw,69px); }
  .pc-proof { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pc-proof div:nth-child(2) { border-right: 0; }
  .pc-proof div:nth-child(-n+2) { border-bottom: 1px solid var(--pc-line); }
  .pc-build__head { grid-template-columns: 1fr; gap: 25px; }
  .pc-build__lead { max-width: 760px; }
  .pc-mirror { padding: 25px; }
  .pc-mirror__lane { grid-template-columns: 1fr 1fr; }
  .pc-mirror__label { grid-column: 1 / -1; min-height: 78px; }
  .pc-arrow { display: none; }
  .pc-build__promise { grid-template-columns: 52px minmax(0,1fr); }
  .pc-build__promise .pc-button { grid-column: 2; justify-self: start; }
}
@media (max-width: 820px) {
  .pc-nav { display: none; }
  .pc-hero { min-height: auto; padding-top: 155px; }
  .pc-hero__grid,.pc-intro,.pc-method { grid-template-columns: 1fr; gap: 55px; }
  .pc-route { width: min(620px,100%); max-width: 100%; transform: none; }
  .pc-modules { grid-template-columns: repeat(2,1fr); }
  .pc-commerce .col2-set,.pc-commerce div.product { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .pc-shell { width: min(100% - 28px,1180px); }
  .pc-header { height: 76px; }
  .pc-header .pc-pill { display: none; }
  .pc-header--solid .pc-back { display: none; }
  .pc-logo { gap: 8px; }
  .pc-logo__mark { width: 39px; height: 39px; flex-basis: 39px; }
  .pc-logo__type strong { font-size: 14px; }
  .pc-logo__type small { font-size: 8px; }
  .pc-hero { padding: 132px 0 54px; }
  .pc-hero__title { font-size: clamp(43px,13.5vw,61px); line-height: .97; }
  .pc-hero__copy { font-size: 18px; }
  .pc-actions { align-items: stretch; flex-direction: column; }
  .pc-actions .pc-button,.pc-actions .pc-link { width: 100%; text-align: center; }
  .pc-actions .pc-link { justify-content: center; }
  .pc-cta-note { text-align: center; line-height: 1.4; }
  .pc-microproof { display: grid; grid-template-columns: 1fr; }
  .pc-route { padding: 18px; border-radius: 23px; }
  .pc-route::after { inset: 22px -10px -18px 10px; }
  .pc-step { grid-template-columns: 38px minmax(0,1fr); }
  .pc-step__tag { display: none; }
  .pc-proof { grid-template-columns: 1fr; margin-top: 50px; }
  .pc-proof div,.pc-proof div:nth-child(2) { border-right: 0; border-bottom: 1px solid var(--pc-line); }
  .pc-proof div:last-child { border-bottom: 0; }
  .pc-section { padding: 82px 0; }
  .pc-build { padding: 82px 0; }
  .pc-build__head { gap: 20px; }
  .pc-build__lead { font-size: 17px; }
  .pc-mirror { margin-top: 40px; padding: 15px; border-radius: 23px; }
  .pc-mirror__lane { grid-template-columns: 1fr; }
  .pc-mirror__label { grid-column: auto; }
  .pc-node { min-height: 126px; padding: 17px; }
  .pc-node > span { margin-bottom: 8px; }
  .pc-mirror__connector { grid-template-columns: 1fr auto; }
  .pc-mirror__connector span { grid-column: 1 / -1; }
  .pc-build__promise { grid-template-columns: 1fr; padding: 24px 20px; }
  .pc-build__promise .pc-button { grid-column: auto; width: 100%; }
  .pc-modules,.pc-audience__grid { grid-template-columns: 1fr; }
  .pc-module { min-height: 255px; }
  .pc-final { padding-top: 18px; }
  .pc-final__box { padding: 44px 25px; }
  .pc-footer__inner { align-items: flex-start; flex-direction: column; }
  .pc-page { padding: 56px 0 76px; }
  .pc-page__head { margin-bottom: 28px; }
  .pc-commerce { padding: 18px 14px; border-radius: 20px; }
  .pc-commerce table.shop_table th,.pc-commerce table.shop_table td { padding: 12px 9px; font-size: 13px; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none !important; } }