.apm-ea { min-height: 100vh; background: linear-gradient(180deg, var(--apm-bg-hero-top), var(--apm-bg-section)); color: var(--apm-text); } .apm-ea a { color: var(--apm-brand); } .apm-ea a:hover, .apm-ea a:focus { color: var(--apm-text); } .apm-ea__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--apm-space-2xl); align-items: start; padding-block: var(--apm-space-2xl) 56px; } @media (min-width: 768px) { .apm-ea__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 36px; padding-block: 56px 72px; } } @media (min-width: 1024px) { .apm-ea__grid { gap: 56px; } .apm-ea__intro { position: sticky; inset-block-start: 88px; } } .apm-ea h1 { font-size: clamp(32px, 4.4vw, 52px); line-height: 1.05; letter-spacing: -0.035em; color: var(--apm-text); margin-block: 0 20px; } .apm-ea__lead { font-size: var(--apm-size-lead-lg); line-height: var(--apm-lh-relaxed); color: var(--apm-text-muted); margin-block: 0 var(--apm-space-xl); max-width: 520px; } .apm-ea__stats { display: grid; gap: 1px; background: var(--apm-border); border: 1px solid var(--apm-border); border-radius: var(--apm-radius-md); overflow: hidden; margin: 0 0 var(--apm-space-xl); max-width: 520px; } .apm-ea__stats-duo { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; background: var(--apm-border); } @media (min-width: 640px) { .apm-ea__stats-duo { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } } .apm-ea__stat { background: var(--apm-white); padding: 20px 22px; } .apm-ea__stat dt { font-size: 11.5px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--apm-text-muted); margin: 0 0 var(--apm-space-xs); } .apm-ea__stat dd { font-family: var(--apm-font-mono); font-size: var(--apm-space-lg); font-weight: 700; letter-spacing: var(--apm-ls-snug); color: var(--apm-text); margin: 0; } .apm-ea__stat dd.is-prose { font-family: var(--apm-font-body); font-size: var(--apm-size-base); font-weight: 400; line-height: var(--apm-lh-body); color: var(--apm-text); } .apm-ea__points { display: grid; gap: 14px; margin: 0 0 var(--apm-space-xl); padding: 0; list-style: none; max-width: 520px; } .apm-ea__points li { display: flex; gap: var(--apm-space-sm); align-items: flex-start; font-size: var(--apm-size-base); line-height: 1.55; color: var(--apm-text); } .apm-ea__points li::before { content: "\2713"; color: var(--apm-pink); font-weight: 700; flex: 0 0 auto; } .apm-ea__note { font-size: 14px; line-height: 1.7; color: var(--apm-text-muted); margin: 0; max-width: 520px; padding-inline-start: 20px; border-inline-start: 2px solid var(--apm-border-stronger); } .apm-ea__panel { background: var(--apm-white); border: 1px solid var(--apm-border); border-radius: var(--apm-radius-2xl); padding: 20px; box-shadow: var(--apm-shadow-panel); scroll-margin-block-start: 88px; } @media (min-width: 768px) { .apm-ea__panel { padding: var(--apm-space-xl); } } .apm-ea__panel h2 { font-size: 22px; color: var(--apm-text); margin: 0; } .apm-ea__panel-head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--apm-space-md); margin-block-end: var(--apm-space-xs); flex-wrap: wrap; } .apm-ea__counter { font-family: var(--apm-font-mono); font-size: 12px; color: var(--apm-text-muted); margin: 0; } .apm-ea__blurb { font-size: 14.5px; line-height: var(--apm-lh-body); color: var(--apm-text-muted); margin: 0 0 20px; } .apm-ea__progress { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--apm-space-xs); margin: 0 0 28px; padding: 0; list-style: none; } .apm-ea__progress li { height: var(--apm-space-2xs); border-radius: var(--apm-radius-pill); background: var(--apm-border); } .apm-ea__progress li[data-state="done"], .apm-ea__progress li[data-state="current"] { background: var(--apm-brand); } .apm-ea__step[hidden] { display: none; } .apm-ea__step { display: grid; gap: 20px; } .apm-ea__duo { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; } @media (min-width: 640px) { .apm-ea__duo { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } } .apm-ea__nav { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: var(--apm-space-md); margin-block-start: 28px; padding-block-start: var(--apm-space-lg); border-block-start: 1px solid var(--apm-border); } @media (min-width: 640px) { .apm-ea__nav { grid-template-columns: 1fr auto 1fr; } .apm-ea__nav .apm-btn { width: auto; } } .apm-ea__nav .apm-btn { width: 100%; } .apm-ea__time-note { font-size: 13px; color: var(--apm-text-muted); margin: 0; } .apm-ea__next { border: 1px solid var(--apm-border); border-radius: var(--apm-radius-md); padding: var(--apm-space-md) 18px; background: rgba(61, 80, 224, 0.08); } .apm-ea__next p:last-child { font-size: 14px; line-height: var(--apm-lh-relaxed); color: var(--apm-text); margin: 0; } .apm-ea__talk { font-size: var(--apm-size-tiny); line-height: var(--apm-lh-body); color: var(--apm-text-muted); margin: 20px 0 0; } .apm-ea__slot-notice { border: 1px dashed var(--apm-border-stronger); border-radius: var(--apm-radius-md); padding: var(--apm-space-lg); color: var(--apm-text-muted); font-size: 14.5px; line-height: var(--apm-lh-relaxed); }  [data-apm-form] label, [data-apm-form] .gfield_label, [data-apm-form] .wpforms-field-label { display: block; font-size: 13px; font-weight: 700; color: var(--apm-text); margin-block-end: var(--apm-space-xs); } [data-apm-form] input[type="text"], [data-apm-form] input[type="email"], [data-apm-form] input[type="tel"], [data-apm-form] input[type="url"], [data-apm-form] input[type="number"], [data-apm-form] select, [data-apm-form] textarea { width: 100%; min-height: var(--apm-control-h); padding-block: 14px; padding-inline: var(--apm-space-md); font-family: inherit; font-size: var(--apm-size-body); color: var(--apm-text); background-color: var(--apm-white); border: 1px solid var(--apm-border-stronger); border-radius: var(--apm-radius-md); transition: border-color 0.16s var(--apm-ease), box-shadow 0.16s var(--apm-ease); appearance: none; } [data-apm-form] textarea { min-height: 132px; resize: vertical; line-height: var(--apm-lh-body); } [data-apm-form] input::placeholder, [data-apm-form] textarea::placeholder { color: var(--apm-text-subtle); } [data-apm-form] input:hover, [data-apm-form] select:hover, [data-apm-form] textarea:hover { border-color: var(--apm-brand); } [data-apm-form] input:focus, [data-apm-form] select:focus, [data-apm-form] textarea:focus { outline: none; border-color: var(--apm-brand); box-shadow: 0 0 0 4px rgba(92, 109, 234, 0.28); } [data-apm-form] [aria-invalid="true"] { border-color: var(--apm-pink-error); } [data-apm-form] select { background-image: linear-gradient(45deg, transparent 50%, #8891b8 50%), linear-gradient(135deg, #8891b8 50%, transparent 50%); background-position: right 20px center, right 14px center; background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; padding-inline-end: 44px; } [dir="rtl"] [data-apm-form] select { background-position: left 14px center, left 20px center; padding-inline-end: var(--apm-space-md); padding-inline-start: 44px; } [data-apm-form] input[type="checkbox"], [data-apm-form] input[type="radio"] { appearance: none; width: 22px; height: 22px; min-height: 22px; font-size: var(--apm-size-body); flex: 0 0 auto; margin: 0; border: 1px solid var(--apm-brand); background: var(--apm-white); cursor: pointer; transition: border-color 0.16s var(--apm-ease), background 0.16s var(--apm-ease); } [data-apm-form] input[type="checkbox"] { border-radius: var(--apm-radius-sm); } [data-apm-form] input[type="radio"] { border-radius: 50%; } [data-apm-form] input[type="radio"]:checked { background: var(--apm-brand); border-color: var(--apm-brand); box-shadow: inset 0 0 0 4px var(--apm-white); } [data-apm-form] input[type="checkbox"]:checked { background: var(--apm-brand); border-color: var(--apm-brand); background-image: linear-gradient(#fff, #fff); background-size: 10px 10px; background-position: center; background-repeat: no-repeat; } [data-apm-form] fieldset { border: 1px solid var(--apm-border-stronger); border-radius: var(--apm-radius-lg); padding: 20px; margin: 0; background: var(--apm-bg-subtle); } [data-apm-form] legend { font-size: 13px; font-weight: 700; color: var(--apm-text); padding-inline: var(--apm-space-xs); } [data-apm-form] .apm-choice { display: flex; align-items: center; gap: var(--apm-space-sm); min-height: 48px; padding-inline: var(--apm-space-md); border: 1px solid var(--apm-border-stronger); border-radius: var(--apm-radius); background: var(--apm-white); cursor: pointer; font-size: var(--apm-size-body); font-weight: 600; color: var(--apm-text); margin: 0; } [data-apm-form] .apm-choice:hover { border-color: var(--apm-brand); } [data-apm-form] .apm-choice-grid { display: grid; gap: var(--apm-space-xs); margin-block-start: var(--apm-space-xs); } [data-apm-form] .apm-choice-grid--wide { grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr)); } [data-apm-form] .apm-consent { display: flex; gap: 14px; align-items: flex-start; padding: var(--apm-space-md); border: 1px solid var(--apm-border-stronger); border-radius: var(--apm-radius-md); background: var(--apm-bg-subtle); cursor: pointer; font-size: 14px; font-weight: 500; line-height: var(--apm-lh-body); color: var(--apm-text); margin: 0; } [data-apm-form] .apm-required { color: var(--apm-pink); margin-inline-start: var(--apm-space-2xs); } [data-apm-form] .gfield_required, [data-apm-form] .wpforms-required-label { color: var(--apm-pink); margin-inline-start: var(--apm-space-2xs); } [data-apm-form] .apm-hint, [data-apm-form] .gfield_description, [data-apm-form] .wpforms-field-description { font-size: var(--apm-size-tiny); line-height: 1.5; color: var(--apm-text-muted); margin-block-start: var(--apm-space-xs); } [data-apm-form] .apm-field-error, [data-apm-form] .validation_message, [data-apm-form] .wpforms-error { font-size: 13px; color: var(--apm-pink-error-text); margin-block-start: var(--apm-space-xs); } [data-apm-form] .apm-field-error[hidden] { display: none; } [data-apm-form] .gform_footer input[type="submit"], [data-apm-form] .wpforms-submit { min-height: var(--apm-control-h-lg); width: 100%; padding-inline: 28px; font-family: inherit; font-size: var(--apm-size-body); font-weight: 700; color: var(--apm-white); background: var(--apm-brand); border: 0; border-radius: var(--apm-radius-md); cursor: pointer; } [data-apm-form] .gform_fields, [data-apm-form] .wpforms-field-container { display: grid; gap: 20px; margin: 0; padding: 0; list-style: none; }  .apm-ea__setup { border: 1px solid var(--apm-border-stronger); border-radius: var(--apm-radius-md); background: rgba(61, 80, 224, 0.1); padding: var(--apm-space-lg); margin-block-end: var(--apm-space-lg); font-size: 14.5px; line-height: var(--apm-lh-relaxed); color: var(--apm-text); } .apm-ea__setup p { margin-block: 0 var(--apm-space-sm); } .apm-ea__setup p:last-child { margin-block-end: 0; } .apm-ea__setup-badge { display: inline-flex; align-items: center; font-size: var(--apm-size-micro); font-weight: 700; letter-spacing: var(--apm-ls-wide); text-transform: uppercase; color: var(--apm-pink-soft); } .apm-ea__setup-code code { display: block; overflow-x: auto; font-family: var(--apm-font-mono); font-size: 13px; direction: ltr; text-align: start; background: var(--apm-white); border: 1px solid var(--apm-border-stronger); border-radius: var(--apm-radius-sm); padding: 10px var(--apm-space-sm); color: var(--apm-text); } .apm-ea__blueprint { opacity: 0.55; filter: saturate(0.4); pointer-events: none; display: grid; gap: var(--apm-space-lg); } .apm-ea__blueprint-step { font-family: var(--apm-font-mono); font-size: var(--apm-size-tiny); letter-spacing: 0.08em; text-transform: uppercase; color: var(--apm-text-muted); margin: 0; }  .apm-ea__blueprint [disabled] { cursor: not-allowed; }  .apm-ea .apm-contact-list { margin-block-end: var(--apm-space-lg); }  .apm-form-embed { margin-block: var(--apm-space-xl); padding: var(--apm-space-xl); border: 1px solid var(--apm-border); border-radius: var(--apm-radius-lg); background: var(--apm-bg-subtle); } .apm-form-embed__lead { margin-block-start: 0; color: var(--apm-ink-subtle); } .apm-form-embed__note { margin-block-end: 0; font-size: var(--apm-size-small); color: var(--apm-ink-subtle); } .apm-contact-list--inline { display: flex; flex-wrap: wrap; gap: var(--apm-space-sm); margin: 0; padding: 0; list-style: none; }  .apm-contact-list--inline a, .apm-entry-content .apm-form-embed .apm-contact-list--inline a { display: inline-flex; flex-direction: column; gap: 2px; padding: var(--apm-space-sm) var(--apm-space-md); border: 1px solid var(--apm-border); border-radius: var(--apm-radius-md); background: var(--apm-white); color: var(--apm-ink); text-decoration: none; }  .apm-contact-list--inline a:hover, .apm-contact-list--inline a:focus-visible, .apm-entry-content .apm-form-embed .apm-contact-list--inline a:hover, .apm-entry-content .apm-form-embed .apm-contact-list--inline a:focus-visible { border-color: var(--apm-channel, var(--apm-brand)); background: var(--apm-bg-muted); color: var(--apm-ink); }  .apm-contact-list--inline a:focus-visible { outline: var(--apm-focus-width) solid var(--apm-channel, var(--apm-brand)); outline-offset: var(--apm-focus-offset); } .apm-contact-list--inline .apm-contact-list__label { color: var(--apm-ink-subtle); } .apm-contact-list--inline .apm-contact-list__label { font-size: var(--apm-size-small); color: var(--apm-ink-subtle); } .apm-contact-list--inline .apm-contact-list__value { font-weight: 600; }  #apm-form-slot .apm-field { display: grid; gap: var(--apm-space-xs); margin: 0; padding: 0; border: 0; min-inline-size: 0; }  #apm-form-slot .apm-field > label, #apm-form-slot .apm-field > legend, #apm-form-slot .apm-field > .apm-hint, #apm-form-slot .apm-field > .apm-field-error { margin-block: 0; }   #apm-form-slot .apm-field--choice > legend { display: block; inline-size: 100%; padding-inline: 0; margin-block-end: var(--apm-space-xs); }  #apm-form-slot .apm-field > label, #apm-form-slot .apm-field--choice > legend { overflow-wrap: break-word; text-wrap: pretty; }  #apm-form-slot .apm-required { display: inline; white-space: nowrap; }   #apm-form-slot .apm-choice-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)); gap: var(--apm-space-sm); margin-block-start: 0; } #apm-form-slot .apm-choice { display: flex; align-items: flex-start; gap: var(--apm-space-sm); min-block-size: 44px; padding: 10px 12px; margin: 0; border: 1px solid var(--apm-dark-border-strong); border-radius: var(--apm-radius-md); font-weight: 500; line-height: var(--apm-lh-body); } #apm-form-slot .apm-choice input { flex: 0 0 auto; margin: 2px 0 0; } #apm-form-slot .apm-choice > span { min-width: 0; overflow-wrap: break-word; } #apm-form-slot .apm-field--consent .apm-consent { display: flex; align-items: flex-start; gap: var(--apm-space-sm); }  [dir="rtl"] #apm-form-slot input[type="tel"], [dir="rtl"] #apm-form-slot input[type="email"], [dir="rtl"] #apm-form-slot input[type="url"], [dir="rtl"] #apm-form-slot input[type="number"], [dir="rtl"] #apm-form-slot .apm-ltr { direction: ltr; text-align: start; }   #apm-form-slot .apm-required, .apm-required { display: inline !important; white-space: nowrap; color: var(--apm-pink); font-weight: 700; }  #apm-form-slot .apm-field > label, #apm-form-slot .apm-field--choice > legend { display: block; }  .apm-ea__nav > p, .apm-ea__nav > .apm-form-nav__control { margin: 0; } .apm-ea__nav > .apm-form-nav__control { min-width: 0; } .apm-ea__nav > .apm-form-nav__back { grid-column: 1; justify-self: start; } .apm-ea__nav > .apm-form-nav__next { grid-column: 3; justify-self: end; } .apm-ea__nav > .apm-ea__time-note { grid-column: 2; justify-self: center; text-align: center; } @media (max-width: 639px) { .apm-ea__nav { grid-template-columns: minmax(0, 1fr); } .apm-ea__nav > .apm-form-nav__control, .apm-ea__nav > .apm-form-nav__control .apm-btn, .apm-ea__nav > .apm-ea__time-note { grid-column: 1; width: 100%; } .apm-ea__nav > .apm-form-nav__next { order: 1; } .apm-ea__nav > .apm-ea__time-note { order: 2; } .apm-ea__nav > .apm-form-nav__back { order: 3; } }  .apm-ea [data-apm-step] > p { margin-block: 0; } .apm-ea .apm-choice-grid > p { margin: 0; } .apm-ea .apm-choice-grid br { display: none; } .apm-ea .apm-choice-grid .wpcf7-form-control-wrap { display: block; min-width: 0; } .apm-ea .apm-choice-grid--wide { grid-template-columns: minmax(0, 1fr); } .apm-ea .wpcf7-radio, .apm-ea .wpcf7-checkbox { display: grid; grid-template-columns: minmax(0, 1fr); grid-auto-rows: 1fr; gap: 10px; } .apm-ea .wpcf7-checkbox { grid-template-columns: repeat(2, minmax(0, 1fr)); } .apm-ea .wpcf7-list-item { margin: 0; min-width: 0; } .apm-ea .wpcf7-radio label, .apm-ea .wpcf7-checkbox label { display: flex; align-items: center; gap: 10px; min-height: 58px; height: 100%; padding: 12px; margin: 0; border: 1px solid var(--apm-border-stronger); border-radius: var(--apm-radius-md); background: var(--apm-white); font-size: 14px; line-height: 1.5; cursor: pointer; } .apm-ea .wpcf7-radio label:has(input:checked), .apm-ea .wpcf7-checkbox label:has(input:checked) { border-color: var(--apm-brand); background: var(--apm-bg-section); box-shadow: 0 0 0 1px var(--apm-brand); } .apm-ea .wpcf7-radio label:focus-within, .apm-ea .wpcf7-checkbox label:focus-within { outline: 2px solid var(--apm-brand); outline-offset: 3px; } .apm-ea .wpcf7-checkbox .wpcf7-list-item-label { display: flex; align-items: center; gap: 8px; } .apm-ea .wpcf7-checkbox .wpcf7-list-item-label::before { content: ''; inline-size: 24px; block-size: 24px; flex: 0 0 24px; background: var(--apm-platform-icon) center / contain no-repeat; } .apm-ea .wpcf7-acceptance label { display: flex; gap: 12px; align-items: flex-start; line-height: 1.6; } .apm-ea [data-apm-form] textarea { height: 160px; min-height: 132px; } .apm-ea .wpcf7-response-output { color: var(--apm-text); border-radius: 10px; font-size: 14px; } .apm-ea .apm-btn--primary, .apm-ea .apm-btn--primary:hover { color: var(--apm-white); } @media (max-width: 639px) { .apm-ea .wpcf7-checkbox { grid-template-columns: minmax(0, 1fr); } } .apm-ea label:has(input[value="Meta"]) { --apm-platform-icon: url("../images/platforms/meta.svg"); } .apm-ea label:has(input[value="Google Ads"]) { --apm-platform-icon: url("../images/platforms/google.svg"); } .apm-ea label:has(input[value="TikTok"]) { --apm-platform-icon: url("../images/platforms/tiktok.svg"); } .apm-ea label:has(input[value="LinkedIn"]) { --apm-platform-icon: url("../images/platforms/linkedin.svg"); } .apm-ea label:has(input[value="Pinterest"]) { --apm-platform-icon: url("../images/platforms/pinterest.svg"); } .apm-ea label:has(input[value="Snapchat"]) { --apm-platform-icon: url("../images/platforms/snapchat.svg"); } .apm-ea label:has(input[value="X Ads"]) { --apm-platform-icon: url("../images/platforms/x.svg"); }