@font-face {
  font-family:"IE Newsreader";
  src:url("/assets/fonts/newsreader-latin-variable-v1.woff2") format("woff2");
  font-style:normal;
  font-weight:200 800;
  font-display:swap;
}

@font-face {
  font-family:"IE Inter";
  src:url("/assets/fonts/inter-latin-variable-v1.woff2") format("woff2");
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}

@font-face {
  font-family:"IE Plex Mono";
  src:url("/assets/fonts/ibm-plex-mono-regular-v1.woff2") format("woff2");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}

html:is(.landing-final,.pricing-final) {
  --pf-font-display:"IE Newsreader",Georgia,serif;
  --pf-font-body:"IE Inter","Segoe UI",system-ui,sans-serif;
  --pf-font-evidence:"IE Plex Mono",Consolas,monospace;
  --font-display:var(--pf-font-display);
  --font-serif:var(--pf-font-display); /* r34/R3: was undefined -> Georgia fallback; unify the display-serif voice to IE Newsreader on landing+pricing */
  --font-body:var(--pf-font-body);
  --font-sans:var(--pf-font-body);
  --font-mono:var(--pf-font-evidence);
  --font-data:var(--pf-font-body);

  --pf-type--1:.8rem;
  --pf-type-0:1rem;
  --pf-type-1:1.25rem;
  --pf-type-2:1.563rem;
  --pf-type-3:1.953rem;
  --pf-type-4:2.441rem;
  --pf-type-5:3.052rem;
  --pf-type-6:3.815rem;
  --pf-type-7:4.768rem;

  --pf-space-1:8px;
  --pf-space-2:16px;
  --pf-space-3:24px;
  --pf-space-4:32px;
  --pf-space-5:48px;
  --pf-space-6:64px;
  --pf-space-7:96px;
  --pf-space-8:128px;
  --pf-space-9:160px;

  --pf-canvas:#080908;
  --pf-surface:#0d0e0c;
  --pf-surface-raised:#12130f;
  --pf-surface-high:#171713;
  --pf-cream:#f2eee4;
  --pf-cream-muted:#b9b2a5;
  --pf-cream-low:#958e82;
  --pf-line:rgba(242,238,228,.11);
  --pf-line-strong:rgba(242,238,228,.2);
  --pf-accent:#f39f41;
  --pf-accent-action:var(--pf-accent);
  --pf-accent-evidence:var(--pf-accent);
  --pf-accent-active:var(--pf-accent);

  --pf-measure:68ch;
  --pf-radius:4px;
  --pf-section-y:clamp(120px,10vw,160px);
  --pf-shadow-elevated:0 24px 64px -48px rgba(0,0,0,.82);
  --landing-canvas:var(--pf-canvas);
  --landing-face:var(--pf-surface);
  --landing-well:#000;
  --landing-text-hi:var(--pf-cream);
  --landing-text-2:var(--pf-cream-muted);
  --landing-text-3:var(--pf-cream-low);
  --landing-line:var(--pf-line);
  --landing-line-strong:var(--pf-line-strong);
  --landing-signal:var(--pf-accent-active);
  --accent-hot:var(--pf-accent-action);
  --signal-edge:var(--pf-accent-active);
  --text-hi:var(--pf-cream);
  --text-2:var(--pf-cream-muted);
  --text-3:var(--pf-cream-low);
  --hairline:var(--pf-line);
  --hairline-2:var(--pf-line);
  --hairline-3:var(--pf-line-strong);
}

html.landing-final.landing-final body,
html.pricing-final.pricing-final body {
  background:var(--pf-canvas);
  color:var(--pf-cream);
  font-family:var(--pf-font-body);
  font-size:var(--pf-type-0);
  line-height:1.65;
  font-synthesis:none;
}

html:is(.landing-final,.pricing-final) :is(button,input,select,textarea) {
  font:inherit;
}

html:is(.landing-final,.pricing-final) :is(
  .v2-hero-title,
  .v2-handoff-title,
  .snapshot-example__header h2,
  .purchase-stage .package-start-intro h2,
  .package-mode-heading h2,
  .package-mode-heading h3,
  .package-mode-head--single h3,
  .pricing-hero h1,
  .pricing-package h2,
  .pricing-policy-layout h2,
  .package-choice-top > strong,
  .package-price,
  .package-capacity strong
) {
  font-family:var(--pf-font-display);
  font-optical-sizing:auto;
  font-weight:500;
  letter-spacing:-.025em;
}

html.landing-final.landing-final .v2-hero-title,
html.pricing-final.pricing-final .pricing-hero h1,
html.landing-final.landing-final .purchase-stage .package-start-intro h2 {
  font-size:clamp(var(--pf-type-5),6vw,var(--pf-type-7));
  line-height:.98;
  text-wrap:balance;
}

html.landing-final.landing-final :is(
  .v2-handoff-title,
  .snapshot-example__header h2,
  .purchase-stage .package-mode-heading h3,
  .purchase-stage .package-mode-head--single h3
),
html.pricing-final.pricing-final :is(.pricing-package h2,.pricing-policy-layout h2) {
  font-size:clamp(var(--pf-type-4),4.5vw,var(--pf-type-6));
  line-height:1.04;
  text-wrap:balance;
}

html:is(.landing-final,.pricing-final) .package-price {
  font-size:clamp(var(--pf-type-3),3vw,var(--pf-type-5));
  line-height:1;
}

html:is(.landing-final,.pricing-final) .package-capacity strong {
  font-size:clamp(var(--pf-type-4),5vw,var(--pf-type-7));
  line-height:.9;
  font-variant-numeric:tabular-nums;
}

html:is(.landing-final,.pricing-final) :is(
  .snapshot-example__eyebrow,
  .snapshot-example__subject > span,
  .proof-specimen__caption,
  .proof-finding__meta,
  .inst-url,
  .inst-time,
  .inst-num,
  .inst-ev,
  .v2-paper-rail,
  .v2-route-node
) {
  font-family:var(--pf-font-evidence);
  font-size:var(--pf-type--1);
  letter-spacing:.01em;
}

html:is(.landing-final,.pricing-final) :is(
  .hero-category,
  .kicker,
  .package-step-label,
  .package-mode-eyebrow,
  .part-num,
  .package-card-policy,
  .package-unit,
  .package-plan-terms,
  .package-trial-anchor,
  .pricing-policy-grid
) {
  font-family:var(--pf-font-body);
}

html:is(.landing-final,.pricing-final) :is(
  .v2-hero-lede,
  .v2-handoff-copy,
  .v2-offer-copy,
  .package-start-invariant,
  .pricing-hero .lede,
  .pricing-package .lede,
  .package-mode-heading p
) {
  max-inline-size:var(--pf-measure);
}

html:is(.landing-final,.pricing-final) :is(
  .package-card-policy,
  .package-trial-anchor,
  .package-plan-terms,
  .snapshot-example__subject,
  .pricing-policy-grid p
) {
  overflow-wrap:anywhere;
}

html:is(.landing-final,.pricing-final) :is(.hero-category,.kicker,.part-num,.package-step-label,.package-mode-eyebrow),
html.pricing-final.pricing-final .pricing-policy-grid article > span {
  color:var(--pf-cream-low);
}

html:is(.landing-final,.pricing-final) :is(.snapshot-example__eyebrow,.proof-finding__pin,.proof-finding__meta) {
  color:var(--pf-accent-evidence);
}

html.landing-final.landing-final :is(.site-header,.site-footer),
html.pricing-final.pricing-final :is(.site-header,.site-footer) {
  background:var(--pf-canvas);
  border-color:var(--pf-line);
}

html.landing-final.landing-final :is(.site-header a,.site-footer a),
html.pricing-final.pricing-final :is(.site-header a,.site-footer a) {
  color:var(--pf-cream-muted);
}

html.landing-final.landing-final :is(.proof-stage,.purchase-stage),
html.pricing-final.pricing-final :is(.pricing-hero,.pricing-package,.pricing-policy-section) {
  border-color:var(--pf-line);
}

html.landing-final.landing-final .proof-stage {
  padding-block:var(--pf-space-6) var(--pf-space-8);
  background:var(--pf-canvas);
}

html.landing-final.landing-final .purchase-stage,
html.pricing-final.pricing-final :is(.pricing-hero,.pricing-package,.pricing-policy-section) {
  padding-block:var(--pf-section-y);
}

html.landing-final.landing-final .purchase-stage,
html.pricing-final.pricing-final .pricing-package {
  background:var(--pf-surface);
  border-top:1px solid var(--pf-line);
}

html.pricing-final.pricing-final :is(.pricing-hero,.pricing-policy-section) {
  background:var(--pf-canvas);
}

html:is(.landing-final,.pricing-final) :is(
  .proof-console,
  .intake-panel,
  .snapshot-example,
  .v2-handoff,
  .v2-output,
  .package-start-intro,
  .package-choice-mode--monthly,
  .package-choice-mode--single,
  .package-monthly-face,
  .package-choice-card,
  .package-payment-step,
  .pricing-package .package-grid,
  .pricing-policy-grid,
  .btn,
  .field input
) {
  border-radius:var(--pf-radius);
}

html.landing-final.landing-final :is(
  .snapshot-example,
  .snapshot-example__frame,
  .v2-handoff,
  .v2-output,
  .package-start-intro,
  .package-choice-mode--monthly,
  .package-choice-mode--single,
  .package-monthly-face,
  .package-choice-card,
  .package-payment-step
),
html.pricing-final.pricing-final :is(
  .package-choice-mode--monthly,
  .package-choice-mode--single,
  .package-monthly-face,
  .package-choice-card,
  .package-payment-step,
  .pricing-package .package-grid,
  .pricing-policy-grid
) {
  box-shadow:none;
  filter:none;
  clip-path:none;
}

html.landing-final.landing-final .proof-console {
  background:var(--pf-surface);
  border:1px solid var(--pf-line-strong);
  box-shadow:var(--pf-shadow-elevated);
}

html.landing-final.landing-final :is(.snapshot-example,.v2-handoff),
html.pricing-final.pricing-final :is(.pricing-package .package-grid,.pricing-policy-grid) {
  background:var(--pf-surface-raised);
  border:1px solid var(--pf-line-strong);
}

html.landing-final.landing-final .v2-output,
html.pricing-final.pricing-final .pricing-policy-grid article {
  background:var(--pf-surface);
  border:1px solid var(--pf-line);
}

html.landing-final.landing-final .v2-output:nth-child(even),
html.pricing-final.pricing-final .pricing-policy-grid article:nth-child(even) {
  background:var(--pf-surface-high);
}

html:is(.landing-final,.pricing-final) .package-choice-mode--monthly {
  padding:1px;
  background:var(--pf-line-strong);
  border:0;
}

html:is(.landing-final,.pricing-final) .package-monthly-face,
html:is(.landing-final,.pricing-final) .package-choice-mode--single {
  background:var(--pf-surface-raised);
  border:1px solid var(--pf-line);
}

html:is(.landing-final,.pricing-final) .package-choice-card {
  background:var(--pf-surface);
  border:1px solid var(--pf-line);
}

html:is(.landing-final,.pricing-final) .package-choice--agency .package-choice-card {
  background:var(--pf-surface-raised);
}

html:is(.landing-final,.pricing-final) .package-choice--partner .package-choice-card {
  background:var(--pf-surface-high);
  border-color:var(--pf-line-strong);
}

html.landing-final.landing-final .purchase-stage .package-choice > input:checked + .package-choice-card,
html.pricing-final.pricing-final .package-choice > input:checked + .package-choice-card {
  border-color:var(--pf-accent-active);
  box-shadow:none;
}

html.landing-final.landing-final .purchase-stage .package-choice-card,
html.pricing-final.pricing-final .package-choice-card {
  box-shadow:none;
}

html:is(.landing-final,.pricing-final) .package-choice > input:checked + .package-choice-card::before {
  background:var(--pf-accent-active);
}

html:is(.landing-final,.pricing-final) .btn--accent {
  background:var(--pf-accent-action);
  border-color:var(--pf-accent-action);
  color:var(--pf-canvas);
  box-shadow:none;
}

html:is(.landing-final,.pricing-final) :is(a,button,.btn,input,select,textarea):focus-visible {
  outline:2px solid var(--pf-accent-active);
  outline-offset:3px;
}

@media (hover:hover) {
  html.billing-ready:is(.landing-final,.pricing-final) .package-choice-card {
    transition:transform 160ms ease,border-color 160ms ease;
  }

  html.billing-ready:is(.landing-final,.pricing-final) .package-choice-card:hover {
    transform:translateY(-2px);
    border-color:var(--pf-line-strong);
  }
}

@media (max-width:820px) {
  html:is(.landing-final,.pricing-final) {
    --pf-section-y:96px;
  }

  html.landing-final.landing-final .proof-console {
    grid-template-columns:minmax(0,1fr);
    row-gap:var(--pf-space-5);
  }

  html.landing-final.landing-final :is(.proof-console__top,.snapshot-example) {
    grid-column:1;
    min-inline-size:0;
    max-inline-size:100%;
    width:100%;
  }

  html.landing-final.landing-final .proof-stage {
    padding-block:var(--pf-space-5) var(--pf-space-7);
  }

  html:is(.landing-final,.pricing-final) :is(.package-choice-grid--monthly,.package-grid) {
    grid-template-columns:minmax(0,1fr);
  }

  html:is(.landing-final,.pricing-final) .package-choice-grid--monthly {
    display:grid;
  }

  html:is(.landing-final,.pricing-final) .package-choice-grid--monthly .package-choice {
    width:100%;
    margin-inline:0;
  }

  html:is(.landing-final,.pricing-final) .package-choice-card {
    grid-template-columns:minmax(0,1fr);
  }

  html:is(.landing-final,.pricing-final) .field.package-card-signup {
    border-left:0;
    border-top:1px solid var(--pf-line);
  }
}

@media (max-width:560px) {
  html:is(.landing-final,.pricing-final) {
    --pf-section-y:64px;
  }

  html.landing-final.landing-final .v2-hero-title,
  html.pricing-final.pricing-final .pricing-hero h1,
  html.landing-final.landing-final .purchase-stage .package-start-intro h2 {
    font-size:var(--pf-type-4);
    line-height:1.02;
  }

  html.landing-final.landing-final :is(
    .v2-handoff-title,
    .snapshot-example__header h2,
    .purchase-stage .package-mode-heading h3,
    .purchase-stage .package-mode-head--single h3
  ),
  html.pricing-final.pricing-final :is(.pricing-package h2,.pricing-policy-layout h2) {
    font-size:var(--pf-type-3);
  }

  html:is(.landing-final,.pricing-final) :is(
    .package-choice-mode--monthly,
    .package-choice-mode--single,
    .package-choice-card,
    .pricing-policy-grid,
    .pricing-package .package-grid
  ) {
    min-inline-size:0;
    max-inline-size:100%;
  }
}

@media (prefers-reduced-motion:reduce) {
  html:is(.landing-final,.pricing-final) *,
  html:is(.landing-final,.pricing-final) *::before,
  html:is(.landing-final,.pricing-final) *::after {
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}

@media (forced-colors:active) {
  html:is(.landing-final,.pricing-final) :is(.proof-console,.package-choice-card,.btn,.field input) {
    forced-color-adjust:auto;
    box-shadow:none;
  }
}
