@font-face{font-family:Fredoka;src:url(/fonts/Fredoka.ttf) format("truetype");font-weight:300 700;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans.ttf) format("truetype");font-weight:300 800;font-display:swap}:root{--color-bg: #FFFAF0;--color-surface: #FFF3D8;--color-ink: #35190D;--color-ink-muted: #6F625C;--color-accent: #1268FF;--color-accent-ink: #ffffff;--color-band: #35190D;--color-cta: #1268FF;--color-cta-hover: #0d54d6;--color-cta-ink: #ffffff;--color-band-deep: #35190D;--color-band-ink: #FFFAF0;--color-card: #F4A52E;--color-card-ink: #35190D;--color-card-accent: #1268FF;--color-proof-icon: #1268FF;--color-blue-tint: #EAF2FF;--color-lavender: #EAF2FF;--color-teal-tint: #E4FAF8;--color-blush-tint: #FFE7E2;--hairline: #EAD7BD;--hairline-svg: rgba(53, 25, 13, .16);--font-display: "Fredoka", "Nunito Sans", "Avenir Next", "Segoe UI", sans-serif;--font-body: "Plus Jakarta Sans", "Manrope", "Helvetica Neue", Arial, sans-serif;--text-display: clamp(2.625rem, 5vw, 4.5rem);--text-h2: clamp(2rem, 3.75vw, 3.75rem);--text-h3: clamp(1.5rem, 2.6vw, 2.625rem);--text-body: 1.1875rem;--text-small: 1rem;--leading-display: 1.08;--leading-body: 1.58;--space-section: clamp(5rem, 8.5vw, 7.5rem);--space-block: clamp(2rem, 3.33vw, 3rem);--space-gap: clamp(1rem, 1.67vw, 1.5rem);--container-max: 80rem;--radius: 1.35rem;--radius-btn: 999px}@media (max-width: 600px){:root{--text-body: 1.0625rem;--text-display: 2.5rem;--text-h2: clamp(2rem, 9vw, 2.35rem);--text-h3: clamp(1.35rem, 6vw, 1.65rem)}}*,*:before,*:after{box-sizing:border-box;margin:0}html{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body)}body{font-size:var(--text-body);font-weight:500;line-height:var(--leading-body);overflow-x:hidden;color:var(--color-ink);background:var(--color-bg)}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:var(--leading-display);text-wrap:pretty;color:inherit}h1{font-size:var(--text-display);letter-spacing:.01em}h2{font-size:var(--text-h2);letter-spacing:.006em;line-height:1.12}h3{font-size:var(--text-h3);letter-spacing:.003em;line-height:1.16}p+p{margin-top:calc(var(--text-body) * var(--leading-body))}a{color:var(--color-accent)}img,video{display:block;max-width:100%;height:auto}ul{padding-left:1.2em}.container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-gap)}.btn{display:inline-block;background:var(--color-cta);color:var(--color-cta-ink);font-family:var(--font-display);font-size:var(--text-body);font-weight:700;line-height:1.45;text-decoration:none;white-space:nowrap;border-radius:var(--radius-btn, 10px);padding:calc(var(--space-gap) * .55) calc(var(--space-gap) * 1.75);box-shadow:0 .8rem 1.8rem color-mix(in srgb,var(--color-cta),transparent 72%)}.btn:hover{background:var(--color-cta-hover)}.btn-ghost,.btn-secondary{background:#fff;color:var(--color-ink)}.btn-ghost:hover,.btn-secondary:hover{background:var(--color-surface)}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}p,li,blockquote{text-wrap:pretty}[data-value-family=dark] a:not(.btn),[data-value-family=band] a:not(.btn){color:#fff}:where(figure,span,div):has(>img[src*="/images/placeholders/"]){position:relative;isolation:isolate;outline:1.5px solid color-mix(in srgb,var(--color-accent),transparent 58%);outline-offset:.38rem}:where(figure,span,div):has(>img[src*="/images/placeholders/"]):after{content:"T3 placeholder";position:absolute;z-index:4;top:clamp(.45rem,1vw,.7rem);left:clamp(.45rem,1vw,.7rem);padding:.28rem .55rem .32rem;border-radius:999px;background:color-mix(in srgb,var(--color-bg),transparent 5%);color:var(--color-ink);font-family:var(--font-display);font-size:.78rem;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 .5rem 1.1rem color-mix(in srgb,var(--color-ink),transparent 86%);pointer-events:none}[data-value-family=band] :where(figure,span,div):has(>img[src*="/images/placeholders/"]){outline-color:color-mix(in srgb,var(--color-band-ink),transparent 55%)}[data-value-family=band] :where(figure,span,div):has(>img[src*="/images/placeholders/"]):after{background:color-mix(in srgb,var(--color-band),var(--color-band-ink) 14%);color:var(--color-band-ink)}@media (max-width: 700px){:where(figure,span,div):has(>img[src*="/images/placeholders/"]){outline-offset:.25rem}:where(figure,span,div):has(>img[src*="/images/placeholders/"]):after{font-size:.68rem}}:root{--design-asset-policy: "T3 client-provided mode: only BreadHead logo, palette, and font files are live assets. Every person, customer, section, and CTA visual is a generated labeled placeholder until T4 or later owner-approved assets.";--design-brand-accent-hex: #1268FF;--design-brand-cream-hex: #FFF3D8;--design-brand-primary-hex: #35190D;--design-brand-soft-background-hex: #FFFAF0;--design-brand-warm-hex: #F4A52E;--design-changelog-0-changes-0: "Set typography.heading_case to title for rendered H1, H2, and H3 presentation.";--design-changelog-0-changes-1: "Changed the dedicated CTA token from brand blue to bright green #22B83A with hover #198C2D; no button geometry changed.";--design-changelog-0-date: "2026-07-22";--design-changelog-0-revision: sales-page-r3;--design-changelog-0-version: "1.1-template-01-warm-humanist";--design-created: "2026-07-21";--design-cta-exclusive-hex: #22B83A;--design-cta-hover-hex: #198C2D;--design-cta-ink-hex: #FFFFFF;--design-icons-min-px: 32;--design-imagery-all-non-logo-images-are-t3-placeholders: true;--design-imagery-require-full-bleed: false;--design-layout-complete-grids: false;--design-layout-container-max-max-allowed-px: 1280;--design-layout-container-max-px: 1280;--design-layout-container-max-token: "--container-max";--design-layout-gutters-desktop-min-px: 24;--design-layout-gutters-phone-min-px: 16;--design-layout-horizontal-overflow: "none at 1440, 768, and 390";--design-layout-visual-floor: false;--design-mobile-body-font-size-max: 20;--design-mobile-body-font-size-min: 16;--design-mobile-container-max-width: 390;--design-mobile-gutter-min: 16;--design-mobile-h1-font-size-max: 44;--design-mobile-h1-font-size-min: 40;--design-mobile-h1-letter-spacing-em-max: .018;--design-mobile-h1-letter-spacing-em-min: .005;--design-mobile-icon-min-px: 32;--design-mobile-section-padding-min: 48;--design-mobile-validation-padding-max: 80;--design-mobile-validation-padding-min: 24;--design-name: "BreadHead PB4 Gate 9 T3 placeholder design system";--design-page-type: sales-page;--design-spacing-block-gap-px-max: 48;--design-spacing-block-gap-px-min: 32;--design-spacing-block-gap-token: "--space-block";--design-spacing-gap-px-max: 24;--design-spacing-gap-px-min: 16;--design-spacing-gap-token: "--space-gap";--design-spacing-section-padding-block-desktop-min-px: 80;--design-spacing-section-padding-block-desktop-target-px-max: 128;--design-spacing-section-padding-block-desktop-target-px-min: 96;--design-spacing-section-padding-block-hard-fail-below-px: 64;--design-spacing-section-padding-block-token: "--space-section";--design-spacing-validation-strip-padding-block-max-px: 60;--design-spacing-validation-strip-padding-block-min-px: 36;--design-tokens-file: "src/styles/design-tokens.css";--design-type-body-desktop-px-max: 20;--design-type-body-desktop-px-min: 18;--design-type-body-font: "--font-body";--design-type-body-line-height-max: 1.65;--design-type-body-line-height-min: 1.5;--design-type-body-phone-px-max: 19;--design-type-body-phone-px-min: 17;--design-type-body-token: "--text-body";--design-type-display-desktop-px-max: 80;--design-type-display-desktop-px-min: 60;--design-type-display-font: "--font-display";--design-type-display-letter-spacing-em-max: .018;--design-type-display-letter-spacing-em-min: .005;--design-type-display-line-height-max: 1.15;--design-type-display-line-height-min: 1;--design-type-display-phone-px-max: 44;--design-type-display-phone-px-min: 40;--design-type-display-token: "--text-display";--design-type-h2-desktop-px-max: 64;--design-type-h2-desktop-px-min: 48;--design-type-h2-font: "--font-display";--design-type-h2-letter-spacing-em-max: .014;--design-type-h2-letter-spacing-em-min: 0;--design-type-h2-line-height-max: 1.18;--design-type-h2-line-height-min: 1.08;--design-type-h2-phone-px-max: 38;--design-type-h2-phone-px-min: 32;--design-type-h2-token: "--text-h2";--design-type-h3-desktop-px-max: 44;--design-type-h3-desktop-px-min: 28;--design-type-h3-font: "--font-display";--design-type-h3-letter-spacing-em-max: .012;--design-type-h3-letter-spacing-em-min: 0;--design-type-h3-line-height-max: 1.22;--design-type-h3-line-height-min: 1.1;--design-type-h3-phone-px-max: 30;--design-type-h3-phone-px-min: 22;--design-type-h3-token: "--text-h3";--design-type-small-desktop-px-max: 16;--design-type-small-desktop-px-min: 14;--design-type-small-font: "--font-body";--design-type-small-line-height-max: 1.6;--design-type-small-line-height-min: 1.3;--design-type-small-token: "--text-small";--design-typography-heading-case: title;--design-version: "1.1-template-01-warm-humanist";--color-cta: var(--design-cta-exclusive-hex);--color-cta-hover: var(--design-cta-hover-hex);--color-cta-ink: var(--design-cta-ink-hex);--heading-case: var(--design-typography-heading-case)}