/* Fundable Brand Sprint page (built from website-rebuild/sprint-redesign/hero-v3.html, Sep 26 2026).
   Everything is scoped under .fbs so it can't leak into the rest of the site. */
.fbs * { margin: 0; padding: 0; box-sizing: border-box; }
.fbs { color: #262626; font-family: 'Clash Grotesk', system-ui, sans-serif; }
.fbs section { padding: 0; }
.fbs {
    --cream: #FCFAF5;
    --ink: #262626;
    --blue-dark: #252967;
    --blue: #2867EA;
    --purple-light: #FEC5FF;
    --ease: cubic-bezier(.22, 1, .36, 1);
    /* approved values, Sep 24 2026 */
    --grid-size: 28px;
    --grid-line: rgba(40, 103, 234, 0.07);
    --h1: clamp(34px, 4.2vw, 60px);
    --sub: clamp(17px, 1.4vw, 20px);
    --facts: 15px;
    --btn: 17px;
    --micro: 13px;
    --pad-top: 163px;
    --gap-sub: 53px;
    --gap-facts: 38px;
    --gap-cta: 32px;
    --gap-micro: 12px;
    /* work strip */
    --tile-w: 300px;
    --tile-h: 210px;
    --strip-speed: 60s;   /* one full loop */
  }
.fbs .hero { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center;
          padding: var(--pad-top) 24px 0; overflow: hidden; }
.fbs .grid { position: absolute; inset: 0; z-index: 0; pointer-events: none;
    background-image: linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);
    background-size: var(--grid-size) var(--grid-size);
    -webkit-mask-image: radial-gradient(ellipse 70% 65% at 50% 45%, #000 35%, transparent 100%); mask-image: radial-gradient(ellipse 70% 65% at 50% 45%, #000 35%, transparent 100%); }
.fbs .hero > *:not(.grid):not(.strip) { position: relative; z-index: 2; }
.fbs h1 { font-family: 'Clash Display', sans-serif; font-weight: 700; text-transform: uppercase; color: var(--blue-dark); font-size: var(--h1); line-height: 1.04; letter-spacing: -0.01em; }
.fbs .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.fbs .pill { display: inline-block; position: relative; overflow: hidden; vertical-align: top; background: var(--blue); color: var(--cream); height: 1.12em; margin-top: 0.1em; transition: width .7s var(--ease); }
.fbs .pill .w { position: absolute; left: 50%; top: 0.04em; white-space: nowrap; transform: translate(-50%, 0); transition: transform .6s var(--ease), opacity .45s ease; }
.fbs .pill .w.enter { transform: translate(-50%, -105%); opacity: 0; }
.fbs .pill .w.leave { transform: translate(-50%, 105%); opacity: 0; }
.fbs .measure { position: absolute; visibility: hidden; white-space: nowrap; font: inherit; text-transform: uppercase; }
.fbs .sub { margin-top: var(--gap-sub); font-size: var(--sub); line-height: 1.45; max-width: 34em; }
.fbs .sub b { font-weight: 600; }
.fbs .facts { margin-top: var(--gap-facts); font-size: var(--facts); color: rgba(38,38,38,.72); display: flex; flex-wrap: wrap; justify-content: center; row-gap: 4px; }
.fbs .facts span { white-space: nowrap; }
.fbs .facts span + span::before { content: '·'; margin: 0 .6em; color: rgba(38,38,38,.35); }
.fbs .facts .fprice { color: var(--ink); font-weight: 600; }
.fbs .cta { margin-top: var(--gap-cta); display: inline-flex; align-items: center; gap: 0.75em; background: var(--purple-light); color: var(--ink); text-decoration: none;
         font-family: 'Clash Display', sans-serif; font-weight: 600; font-size: var(--btn); letter-spacing: -0.005em;
         padding: 0.42em 0.42em 0.42em 1.05em; border-radius: 0.62em; transition: transform .3s var(--ease); }
.fbs .cta:hover { transform: translateY(-2px); }
.fbs .cta .arrow { width: 2.3em; height: 2.3em; border-radius: 50%; background: var(--cream); display: grid; place-items: center; flex: none; }
.fbs .cta .arrow svg { width: 1.15em; height: 1.15em; }
.fbs .micro { margin-top: var(--gap-micro); font-size: var(--micro); line-height: 1.4; font-weight: 500; }
.fbs .micro b { font-weight: 600; }
.fbs .strip { position: relative; z-index: 1; align-self: stretch; margin: 96px -24px 0; overflow: hidden; padding: 44px 0 64px; }
.fbs .track { display: flex; gap: 22px; width: max-content; animation: marquee var(--strip-speed) linear infinite; }
.fbs .strip:hover .track { animation-play-state: paused; }
.fbs .track img { width: var(--tile-w); height: var(--tile-h); object-fit: cover; border-radius: 12px; box-shadow: 0 18px 40px rgba(37,41,103,.18); flex: none; }
.fbs .track img:nth-child(odd) { transform: rotate(-3deg); }
.fbs .track img:nth-child(even) { transform: rotate(2.5deg) translateY(-14px); }
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(calc(-50% - 11px)); } }
.fbs .weeks { padding: 150px 48px 160px; max-width: 1240px; margin: 0 auto; }
.fbs .weeks-head { text-align: center; }
.fbs .eyebrow { font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--blue); }
.fbs .weeks h2 { margin-top: 16px; font-family: 'Clash Display', sans-serif; font-weight: 700; text-transform: uppercase; color: var(--blue-dark);
              font-size: clamp(28px, 2.9vw, 40px); line-height: 1.05; letter-spacing: -0.01em; }
.fbs .weeks-total { margin-top: 14px; font-size: 17px; }
.fbs .weeks-total b { font-weight: 600; }
.fbs .tabs { margin: 36px auto 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; max-width: 900px; }
.fbs .tab { appearance: none; border: 0; cursor: pointer; text-align: left; font: inherit; color: var(--ink); background: transparent;
         padding: 14px 18px 16px; border-radius: 12px; transition: background .3s var(--ease); }
.fbs .tab .n { display: block; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--dark); opacity: .7; }
.fbs .tab .t { display: block; margin-top: 2px; font-family: 'Clash Display', sans-serif; font-weight: 600; font-size: 22px; color: var(--dark); }
.fbs .tab .bar { display: block; margin-top: 12px; height: 4px; border-radius: 4px; background: color-mix(in srgb, var(--mid) 18%, transparent); overflow: hidden; }
.fbs .tab .bar i { display: block; height: 100%; width: 0; background: var(--mid); }
.fbs .tab[aria-selected="true"] { background: var(--light); }
.fbs .tab[aria-selected="true"] .n { opacity: 1; }
.fbs .tab[aria-selected="true"] .bar i { animation: fill var(--week-time, 7s) linear forwards; }
.fbs .weeks-ui:hover .tab[aria-selected="true"] .bar i { animation-play-state: paused; }
.fbs .tab.done .bar i { width: 100%; }
@keyframes fill { to { width: 100%; } }
.fbs .w1 { --dark: #5C1336; --mid: #D61E61; --light: #FFC8DD; }
.fbs .w2 { --dark: #5D1900; --mid: #FF9724; --light: #F7EF8A; }
.fbs .w3 { --dark: #223521; --mid: #317D55; --light: #C1E54E; }
.fbs .panels { position: relative; margin-top: 22px; }
.fbs .panel-w { display: grid; grid-template-columns: 1fr 1.15fr; gap: 56px; align-items: center; }
.fbs .panel-w[hidden] { display: none; }
.fbs .panel-w.show { animation: rise .55s var(--ease); }
@keyframes rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.fbs .panel-w h3 { font-family: 'Clash Display', sans-serif; font-weight: 700; text-transform: uppercase; font-size: clamp(26px, 2.6vw, 36px); line-height: 1.02; color: var(--dark); }
.fbs .label { margin-top: 22px; font-size: 12.5px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--mid); }
.fbs .panel-w ul { list-style: none; margin-top: 12px; display: grid; gap: 10px; }
.fbs .panel-w li { position: relative; padding-left: 26px; font-size: 17px; line-height: 1.4; }
.fbs .panel-w li::before { content: ''; position: absolute; left: 0; top: .42em; width: 12px; height: 12px; border-radius: 3px; background: var(--mid); }
.fbs .time { margin-top: 12px; display: inline-flex; gap: 10px; align-items: center; font-size: 17px; font-weight: 500; background: #fff; border-radius: 999px; padding: 9px 16px 9px 12px; box-shadow: 0 2px 0 rgba(38,38,38,.06); }
.fbs .time svg { width: 18px; height: 18px; color: var(--mid); }
.fbs .aside { margin-top: 22px; font-size: 15px; line-height: 1.45; color: rgba(38,38,38,.75); max-width: 30em; }
.fbs .aside b { color: var(--ink); font-weight: 600; }
.fbs .visual { position: relative; background: var(--light); border-radius: 22px; aspect-ratio: 16 / 11; overflow: hidden; }
.fbs .visual img, .fbs .visual video { position: absolute; object-fit: cover; border-radius: 12px; box-shadow: 0 18px 40px rgba(38,38,38,.16); background: #fff; }
.fbs .v-a { width: 64%; aspect-ratio: 4/3; left: 7%; top: 10%; transform: rotate(-3deg); }
.fbs .v-b { width: 56%; aspect-ratio: 4/3; right: 6%; bottom: 9%; transform: rotate(3.5deg); }
.fbs .tag { position: absolute; z-index: 2; background: var(--dark); color: var(--light); font-weight: 600; font-size: 14px; padding: 9px 14px; border-radius: 6px; box-shadow: 0 8px 20px rgba(0,0,0,.15); }
.fbs .caption { position: absolute; left: 18px; bottom: 14px; z-index: 2; font-size: 12.5px; font-weight: 500; color: var(--dark); opacity: .8; }
@media (max-width: 700px) {
.fbs .weeks { padding: 110px 20px; }
.fbs .tabs { grid-template-columns: repeat(3, minmax(150px, 1fr)); overflow-x: auto; margin-top: 36px; }
.fbs .panel-w { grid-template-columns: 1fr; gap: 28px; }
.fbs .panel-w .visual { order: -1; }
}
@media (prefers-reduced-motion: reduce) {
.fbs .tab[aria-selected="true"] .bar i { animation: none; width: 100%; }
.fbs .panel-w.show { animation: none; }
}
@media (max-width: 700px) {
.fbs { --pad-top: 72px; --gap-sub: 32px; --gap-facts: 22px; --gap-cta: 26px; --tile-w: 200px; --tile-h: 140px; }
.fbs .hero { padding-bottom: 0; }
.fbs .strip { margin-top: 64px; padding: 32px 0 44px; }
.fbs h1 br { display: none; }
.fbs .facts { flex-direction: column; align-items: center; }
.fbs .facts span + span::before { content: none; }
}
@media (prefers-reduced-motion: reduce) {
.fbs .pill, .fbs .pill .w { transition: none; }
.fbs .track { animation: none; }
}
.fbs .weeks { --week-time: 10s; }
.fbs .tabs-row { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 36px auto 0; max-width: 960px; }
.fbs .tabs-row .tabs { margin: 0; flex: 1; }
.fbs .pause { flex: none; width: 44px; height: 44px; border-radius: 50%; border: 1.5px solid rgba(38,38,38,.18); background: #fff; color: var(--ink); cursor: pointer; display: grid; place-items: center; }
.fbs .pause svg { width: 16px; height: 16px; }
.fbs .pause .i-play { display: none; }
.fbs .weeks-ui.paused .pause .i-pause { display: none; }
.fbs .weeks-ui.paused .pause .i-play { display: block; }
.fbs .weeks-ui.paused .tab[aria-selected="true"] .bar i { animation-play-state: paused; }
.fbs .m-week { display: none; }
.fbs .time { margin-top: 18px; display: inline-flex; gap: 12px; align-items: center; background: #fff; border-radius: 14px; padding: 12px 18px 12px 14px; box-shadow: 0 2px 0 rgba(38,38,38,.06); }
.fbs .time svg { width: 24px; height: 24px; color: var(--mid); flex: none; }
.fbs .time span { display: grid; font-size: 18px; font-weight: 600; line-height: 1.25; }
.fbs .time small { font-size: 11.5px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--mid); }
.fbs .get { margin-top: 18px; font-size: 17.5px; line-height: 1.5; max-width: 28em; }
.fbs .visual { margin: 0; }
.fbs .v-page { width: 84%; aspect-ratio: 947 / 558; left: 8%; top: 9%; }
.fbs .v-mini { width: 38%; aspect-ratio: 16 / 9; right: 5%; bottom: 14%; transform: rotate(3deg); }
.fbs .quote { position: absolute; z-index: 2; right: 5%; bottom: 13%; width: 54%; margin: 0; background: var(--dark); color: var(--light);
           padding: 18px 20px; border-radius: 12px; font-size: 16px; line-height: 1.4; font-weight: 500; transform: rotate(-2deg); box-shadow: 0 14px 30px rgba(0,0,0,.18); }
.fbs .quote cite { display: block; margin-top: 10px; font-style: normal; font-size: 13px; font-weight: 600; opacity: .85; }
.fbs .caption { background: rgba(252,250,245,.85); padding: 4px 8px; border-radius: 6px; }
.fbs .weeks-cta { margin-top: 56px; text-align: center; }
.fbs .weeks-cta .cta { margin-top: 0; }
@media (max-width: 700px) {
.fbs .tabs-row { display: none; }
.fbs .panels { display: grid; gap: 56px; margin-top: 36px; }
.fbs .panel-w, .fbs .panel-w[hidden] { display: grid; }
.fbs .panel-w.show { animation: none; }
.fbs .m-week { display: block; font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--mid); margin-bottom: 8px; }
.fbs .quote { width: 70%; font-size: 14px; padding: 14px 16px; }
}
.fbs .closing { position: relative; overflow: hidden; padding: 180px 24px 130px; text-align: center; }
.fbs .closing .grid { -webkit-mask-image: radial-gradient(ellipse 60% 55% at 50% 40%, #000 30%, transparent 100%); mask-image: radial-gradient(ellipse 60% 55% at 50% 40%, #000 30%, transparent 100%); }
.fbs .closing > *:not(.grid) { position: relative; z-index: 1; }
.fbs .closing h2 { font-family: 'Clash Display', sans-serif; font-weight: 700; text-transform: uppercase; color: var(--blue-dark); font-size: clamp(32px, 4.2vw, 60px); line-height: 1.06; letter-spacing: -0.01em; }
.fbs .closing h2 .hl { display: inline-block; background: var(--blue); color: var(--cream); padding: 0 .28em; margin-top: .1em; }
.fbs .closing .sub { margin: 36px auto 0; }
.fbs .closing .cta { margin-top: 32px; }
.fbs .ramp { max-width: 860px; margin: 110px auto 0; text-align: left; display: grid; grid-template-columns: auto 1fr auto; gap: 24px; align-items: center;
          border: 1.5px solid rgba(37,41,103,.16); border-radius: 18px; padding: 24px 28px; background: rgba(255,255,255,.6); }
.fbs .ramp .sticker { width: 118px; height: auto; transform: rotate(-3deg); display: block; }
.fbs .ramp .tag { position: static; background: #BBF4FC; color: var(--blue-dark); font-family: 'Clash Display', sans-serif; font-weight: 700; font-size: 22px; padding: 12px 16px; border-radius: 12px; box-shadow: none; transform: rotate(-3deg); }
.fbs .ramp h3 { font-size: 18px; font-weight: 600; color: var(--blue-dark); }
.fbs .ramp p { margin-top: 4px; font-size: 15px; line-height: 1.5; color: rgba(38,38,38,.8); }
.fbs .ramp a { white-space: nowrap; font-weight: 600; color: var(--blue); text-decoration: none; border-bottom: 1.5px solid currentColor; }
@media (max-width: 700px) {
.fbs .closing { padding: 120px 20px 96px; }
.fbs .ramp { grid-template-columns: 1fr; margin-top: 72px; padding: 22px; }
.fbs .ramp .sticker, .fbs .ramp a { justify-self: start; }
}
.fbs .faq { padding: 160px 48px; }
.fbs .faq-inner { max-width: 1140px; margin: 0 auto; display: grid; grid-template-columns: 0.9fr 1.4fr; gap: 72px; align-items: start; }
.fbs .faq-head { position: sticky; top: 40px; }
.fbs .faq-head h2 { margin-top: 0; font-family: 'Clash Display', sans-serif; font-weight: 700; text-transform: uppercase; color: var(--blue-dark); font-size: clamp(28px, 2.9vw, 40px); line-height: 1.05; letter-spacing: -0.01em; }
.fbs .faq-head p { margin-top: 16px; font-size: 17px; line-height: 1.5; max-width: 22em; }
.fbs .faq-head a { color: var(--blue); font-weight: 600; text-decoration: none; border-bottom: 1.5px solid currentColor; }
.fbs .q { border-top: 1.5px solid rgba(37,41,103,.14); }
.fbs .q:last-child { border-bottom: 1.5px solid rgba(37,41,103,.14); }
.fbs .q summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 24px 0; font-size: 19px; font-weight: 500; color: var(--blue-dark); }
.fbs .q summary::-webkit-details-marker { display: none; }
.fbs .q .ico { flex: none; width: 34px; height: 34px; border-radius: 50%; background: #fff; box-shadow: 0 2px 0 rgba(37,41,103,.08); display: grid; place-items: center; transition: transform .35s var(--ease), background .3s; }
.fbs .q .ico svg { width: 14px; height: 14px; color: var(--blue); }
.fbs .q[open] .ico { transform: rotate(45deg); background: var(--blue); }
.fbs .q[open] .ico svg { color: #fff; }
.fbs .q .a { overflow: hidden; }
.fbs .q .a p { padding: 0 56px 26px 0; font-size: 17px; line-height: 1.6; color: rgba(38,38,38,.85); }
.fbs .q .a p b { color: var(--ink); font-weight: 600; }
@media (max-width: 700px) {
.fbs .faq { padding: 110px 20px; }
.fbs .faq-inner { grid-template-columns: 1fr; gap: 28px; }
.fbs .faq-head { position: static; }
.fbs .q summary { font-size: 17px; padding: 20px 0; }
.fbs .q .a p { padding-right: 0; font-size: 16px; }
}
.fbs .price { --pd: #440366; --pm: #5D67E2; --pl: #FEC5FF; background: var(--pd); color: var(--cream); padding: 150px 48px 150px; overflow: hidden; }
.fbs .price { position: relative; --price-grid: rgba(254, 197, 255, 0.12); }
.fbs .price::before { content: ''; position: absolute; inset: 0; pointer-events: none;
    background-image: linear-gradient(to right, var(--price-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--price-grid) 1px, transparent 1px);
    background-size: var(--grid-size) var(--grid-size);
    -webkit-mask-image: radial-gradient(ellipse 70% 65% at 50% 45%, #000 35%, transparent 100%); mask-image: radial-gradient(ellipse 70% 65% at 50% 45%, #000 35%, transparent 100%); }
.fbs .price > * { position: relative; z-index: 1; }
.fbs .price-head { text-align: center; }
.fbs .price .eyebrow { color: var(--pl); }
.fbs .price h2 { margin-top: 16px; font-family: 'Clash Display', sans-serif; font-weight: 700; text-transform: uppercase; font-size: clamp(28px, 2.9vw, 40px); line-height: 1.05; letter-spacing: -0.01em; }
.fbs .price-sub { margin-top: 14px; font-size: 17px; opacity: .85; }
.fbs .price-row { margin: 56px auto 0; max-width: 1040px; display: grid; grid-template-columns: 1.35fr 1fr; gap: 36px; align-items: center; }
.fbs .receipt { background: var(--cream); color: var(--ink); border-radius: 18px; padding: 34px 36px 30px; transform: rotate(-1.2deg); box-shadow: 0 30px 60px rgba(0,0,0,.28); }
.fbs .receipt-top { display: flex; justify-content: space-between; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: rgba(38,38,38,.55); padding-bottom: 12px; border-bottom: 1.5px dashed rgba(38,38,38,.25); }
.fbs .line { display: grid; grid-template-columns: 1fr auto auto; gap: 14px; align-items: baseline; padding: 14px 0; border-bottom: 1px solid rgba(38,38,38,.1); font-size: 17px; }
.fbs .line small { display: block; font-size: 13px; color: rgba(38,38,38,.6); margin-top: 2px; }
.fbs .inc { font-size: 11.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--pd); background: var(--pl); padding: 3px 8px; border-radius: 999px; }
.fbs .amt { font-variant-numeric: tabular-nums; font-weight: 500; min-width: 64px; text-align: right; }
.fbs .sum { display: flex; justify-content: space-between; align-items: baseline; padding-top: 16px; font-size: 17px; }
.fbs .sum .amt { color: rgba(38,38,38,.6); }
.fbs .sum.disc { padding-top: 8px; padding-bottom: 14px; }
.fbs .sum.disc span:first-child { color: var(--pm); font-weight: 600; }
.fbs .sum.disc .amt { color: var(--pm); font-weight: 600; }
.fbs .total { display: flex; justify-content: space-between; align-items: baseline; margin-top: 8px; padding-top: 14px; border-top: 1.5px dashed rgba(38,38,38,.25); }
.fbs .total span:first-child { font-family: 'Clash Display', sans-serif; font-weight: 600; font-size: 22px; }
.fbs .total .big { font-family: 'Clash Display', sans-serif; font-weight: 700; font-size: 48px; line-height: 1; color: var(--pd); font-variant-numeric: tabular-nums; }
.fbs .terms { margin-top: 16px; font-size: 14px; line-height: 1.5; color: rgba(38,38,38,.72); }
.fbs .terms b { color: var(--ink); font-weight: 600; }
.fbs .check { background: var(--pl); color: var(--pd); border-radius: 18px; padding: 30px 30px 28px; transform: rotate(2.2deg); box-shadow: 0 30px 60px rgba(0,0,0,.25); position: relative; }
.fbs .check .seal { position: absolute; top: -22px; right: 22px; width: 64px; height: 64px; border-radius: 50%; background: var(--pm); color: var(--cream); display: grid; place-items: center; transform: rotate(-10deg); box-shadow: 0 8px 18px rgba(0,0,0,.2); }
.fbs .check .seal svg { width: 30px; height: 30px; }
.fbs .check .k { font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; opacity: .8; }
.fbs .check h3 { margin-top: 8px; font-family: 'Clash Display', sans-serif; font-weight: 700; text-transform: uppercase; font-size: 30px; line-height: 1.02; }
.fbs .check ol { list-style: none; margin-top: 18px; display: grid; gap: 12px; counter-reset: s; }
.fbs .check li { counter-increment: s; display: grid; grid-template-columns: 26px 1fr; gap: 10px; font-size: 16px; line-height: 1.45; color: var(--ink); }
.fbs .check li::before { content: counter(s); width: 26px; height: 26px; border-radius: 50%; background: var(--pd); color: var(--pl); font-size: 13px; font-weight: 600; display: grid; place-items: center; }
.fbs .anchor { margin: 64px auto 0; max-width: 40em; text-align: center; font-size: 15px; line-height: 1.5; opacity: .8; }
.fbs .price-cta { margin-top: 30px; text-align: center; }
.fbs .price-cta .cta { margin-top: 0; }
.fbs .price .micro { color: var(--cream); }
@media (max-width: 700px) {
.fbs .price { padding: 110px 20px; }
.fbs .price-row { grid-template-columns: 1fr; gap: 44px; margin-top: 40px; }
.fbs .receipt { padding: 26px 20px 22px; transform: rotate(-0.6deg); }
.fbs .line { font-size: 15.5px; gap: 10px; }
.fbs .inc { display: none; }
.fbs .total .big { font-size: 40px; }
.fbs .check { transform: rotate(1deg); }
}
/* ---- production overrides (must stay last) ---- */
/* the site nav is fixed (about 78px tall): the approved 163px of top space sits below it */
.fbs .hero, .fbs .hero.has-strip { min-height: 0; padding-top: calc(78px + var(--pad-top)); padding-bottom: 0; }
@media (max-width: 700px) { .fbs .hero, .fbs .hero.has-strip { min-height: 0; padding-top: calc(74px + var(--pad-top)); } }
/* the site's old homepage styles ".hero .sub" (pushed right, grey, capped width with !important). Undo it here. */
.fbs .hero .sub { font-size: var(--sub); line-height: 1.45; max-width: 34em !important; margin: var(--gap-sub) auto 0; text-align: center; color: inherit; }
@media (max-width: 900px) { .fbs .hero .sub { max-width: 34em !important; margin: var(--gap-sub) auto 0; text-align: center; } }
.fbs .closing .sub { margin: 36px auto 0; max-width: 34em; }