/* FatPrint home: loud, confident, still aligned. 8px spacing scale, 12-16px radii, full rows at every width. */
html{scroll-behavior:smooth}
.fp-front main{display:block}
.fp-sec{padding:80px 0}
.fp-sec--tight{padding-top:0}
.fp-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.fp-sec-head h2{font-size:clamp(1.8rem,1.1rem + 2vw,2.8rem);color:var(--fp-navy);font-weight:900}
.fp-sec-head p:not(.fp-kicker){color:var(--fp-muted);max-width:60ch;margin-top:8px;font-size:1.05rem}
.fp-kicker{display:inline-block;font:800 .8rem/1 var(--fp-f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--fp-red);margin-bottom:12px}
.fp-kicker--light{color:var(--fp-mustard)}
.fp-sec-more{margin-top:32px;text-align:center}
.fp-price,.fp-front b,.fp-front strong{font-variant-numeric:tabular-nums}

/* ---------------------------------------------------------------- hero: copy | Benny | live price board */
.fp-hero{background:radial-gradient(90% 120% at 70% 10%,#0A3591 0%,#012169 45%,#000F3D 100%);color:#fff;position:relative;overflow:hidden}
.fp-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.08) 1.6px,transparent 2px) 0 0/16px 16px;-webkit-mask-image:linear-gradient(100deg,transparent 30%,#000 90%);mask-image:linear-gradient(100deg,transparent 30%,#000 90%)}
.fp-hero::after{content:"";position:absolute;right:-8%;top:-240px;width:60%;height:1100px;background:url("../img/union-flag-blur.webp") center/cover no-repeat;opacity:.12;-webkit-mask-image:radial-gradient(closest-side,#000 40%,transparent);mask-image:radial-gradient(closest-side,#000 40%,transparent);pointer-events:none}
.fp-hero-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 250px 340px;gap:32px;align-items:end;padding-top:48px}
.fp-hero-copy{padding-bottom:56px;align-self:center}
.fp-stamp{display:inline-block;transform:rotate(-3deg);margin-bottom:24px}
.fp-stamp span{display:inline-block;background:var(--fp-red);color:#fff;font:900 1.05rem/1 var(--fp-f-display);letter-spacing:.08em;text-transform:uppercase;padding:10px 16px;border-radius:10px;border:2px dashed rgba(255,255,255,.6);box-shadow:0 6px 0 var(--fp-red-deep),0 16px 32px -12px rgba(200,16,46,.7)}
.fp-eyebrow{display:flex;align-items:center;gap:8px;font:700 .8rem/1 var(--fp-f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--fp-on-dark-muted)}
.fp-eyebrow i{width:10px;height:10px;border-radius:var(--fp-r-blob);background:var(--fp-red);display:block}
.fp-hero h1{font-size:clamp(3rem,1.8rem + 3.2vw,4.4rem);font-weight:900;line-height:.98;margin:16px 0 24px;letter-spacing:-.03em}
.fp-hero h1 span{display:inline-block;background:var(--fp-red);color:#fff;padding:0 .14em .06em;margin-top:.1em;border-radius:12px;transform:rotate(-1.5deg);box-shadow:0 8px 0 var(--fp-red-deep)}
.fp-lede{font-size:1.18rem;color:var(--fp-on-dark-muted);max-width:46ch}
.fp-cta{display:flex;gap:16px;flex-wrap:wrap;margin:32px 0 24px}
.fp-cutoff{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:10px 14px;font-weight:600;font-size:.95rem}
.fp-cutoff[hidden]{display:inline-flex;visibility:hidden} /* keeps its space: no layout shift when the timer appears */
.fp-cutoff .fp-ui{color:var(--fp-mustard)}
.fp-cutoff b{color:#fff;font-family:var(--fp-f-display);font-weight:900;font-variant-numeric:tabular-nums}
.fp-hero-art{position:relative;height:500px;align-self:end}
.fp-stage{position:absolute;left:-16%;right:-16%;bottom:0;height:74%;background:radial-gradient(60% 60% at 50% 40%,rgba(255,255,255,.14),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);border-bottom:0;border-radius:50% 50% 0 0 / 40% 40% 0 0}
.fp-hero-a{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:480px;width:auto;max-width:none;z-index:2;filter:var(--fp-mascot-shadow)}
.fp-board{align-self:center;margin-bottom:40px;background:#fff;color:var(--fp-ink);border-radius:var(--fp-r);box-shadow:0 24px 48px -16px rgba(0,0,0,.55);overflow:hidden;border-top:6px solid var(--fp-red)}
.fp-board-h{display:flex;align-items:center;gap:8px;font:900 1.15rem/1 var(--fp-f-display);color:var(--fp-navy);padding:16px 20px 12px}
.fp-board-h i{width:10px;height:10px;border-radius:50%;background:#1D9B55;box-shadow:0 0 0 4px rgba(29,155,85,.18);animation:fp-pulse 2s ease-in-out infinite}
@keyframes fp-pulse{50%{box-shadow:0 0 0 7px rgba(29,155,85,.05)}}
.fp-board li a{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:8px 20px;border-top:1px solid var(--fp-line)}
.fp-board li a:hover{background:var(--fp-paper)}
.fp-board-img{width:44px;height:44px;border-radius:10px;object-fit:cover;background:var(--fp-mist)}
.fp-board-n{font-weight:700;font-size:.92rem;line-height:1.25;color:var(--fp-ink)}
.fp-board-n em{display:block;font-style:normal;font-size:.76rem;font-weight:800;color:var(--fp-red);margin-top:2px}
.fp-board b{font:900 1.15rem/1 var(--fp-f-display);color:var(--fp-navy);white-space:nowrap}
.fp-board b small{font:600 .72rem var(--fp-f-body);color:var(--fp-muted)}
.fp-board-f{background:var(--fp-paper);color:var(--fp-muted);font-size:.8rem;padding:10px 20px;border-top:1px solid var(--fp-line)}
.fp-trustrow{position:relative;z-index:1;background:rgba(0,15,61,.55);border-top:1px solid rgba(255,255,255,.12)}
.fp-trustrow ul{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-block:18px}
.fp-trustrow li{display:flex;align-items:center;gap:12px;font:800 1rem/1.2 var(--fp-f-display)}
.fp-trustrow .fp-ui{width:26px;height:26px;color:var(--fp-mustard)}
.fp-strip{position:relative;z-index:1;background:#fff;overflow:hidden;padding:16px 0;border-bottom:1px solid var(--fp-line)}
.fp-strip-track{display:flex;gap:16px;width:max-content;animation:fp-marquee 70s linear infinite}
.fp-strip:hover .fp-strip-track,.fp-strip:focus-within .fp-strip-track{animation-play-state:paused}
.fp-strip-i{display:flex;align-items:center;gap:10px;background:var(--fp-paper);border-radius:12px;padding:6px 14px 6px 6px;color:var(--fp-navy);font-weight:700;font-size:.9rem;white-space:nowrap}
.fp-strip-i img{width:56px;height:56px;border-radius:9px;object-fit:cover}
.fp-strip-i:hover{background:var(--fp-sky-soft)}

/* ---------------------------------------------------------------- live sale band + badges (only while a sale runs) */
.fp-saleband{background:var(--fp-red);color:#fff}
.fp-saleband-in{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 40px;padding-block:16px}
.fp-saleband p{display:flex;align-items:center;gap:12px;font:800 1.15rem/1.2 var(--fp-f-display)}
.fp-saleband-tag{background:#fff;color:var(--fp-red);font:900 .8rem/1 var(--fp-f-display);letter-spacing:.1em;text-transform:uppercase;padding:6px 8px;border-radius:6px}
.fp-saleband-t{font:700 .95rem var(--fp-f-body);background:rgba(0,0,0,.18);padding:6px 10px;border-radius:8px;font-variant-numeric:tabular-nums}
.fp-salebadge{position:absolute;right:10px;top:10px;z-index:1;background:var(--fp-mustard);color:var(--fp-ink);font:900 .9rem/1 var(--fp-f-display);padding:8px 10px;border-radius:var(--fp-r-blob);transform:rotate(4deg)}

/* ---------------------------------------------------------------- launch offers slider */
.fp-offers{background:linear-gradient(180deg,#fff 0,#fff 60%,var(--fp-paper) 100%);border-bottom:1px solid var(--fp-line)}
.fp-slide-btns{display:flex;gap:8px}
.fp-slide-b{width:48px;height:48px;border-radius:12px;background:var(--fp-navy);color:#fff;display:grid;place-items:center}
.fp-slide-b[data-dir="-1"] .fp-ui{transform:rotate(180deg)}
.fp-slide-b:hover{background:var(--fp-red)}
.fp-slider{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 24px) / 4);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 16px}
.fp-slider::-webkit-scrollbar{display:none}
.fp-offer{scroll-snap-align:start;background:#fff;border:1px solid var(--fp-line);border-radius:var(--fp-r);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--fp-dur) var(--fp-ease),box-shadow var(--fp-dur)}
.fp-offer:hover{transform:translateY(-4px);box-shadow:var(--fp-shadow)}
.fp-offer-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--fp-mist)}
.fp-offer-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--fp-ease)}
.fp-offer:hover .fp-offer-img img{transform:scale(1.05)}
.fp-label{position:absolute;left:12px;top:12px;background:var(--fp-red);color:#fff;font:900 .78rem/1 var(--fp-f-display);letter-spacing:.06em;text-transform:uppercase;padding:8px 10px;border-radius:8px;transform:rotate(-2deg)}
.fp-offer-b{padding:16px 20px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.fp-offer-t{font:800 1.08rem/1.25 var(--fp-f-display);color:var(--fp-ink)}
.fp-offer-p{font:900 2rem/1 var(--fp-f-display);color:var(--fp-red);margin-top:auto;padding-top:8px}
.fp-offer-m{font-size:.84rem;color:var(--fp-muted);font-weight:600}

/* ---------------------------------------------------------------- jobs (mascot on a colour band)
   Desktop: each card is a subgrid of 5 rows (art, title, line, list, button) so rows line up across the set. */
.fp-jobs{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--fp-gap)}
.fp-job{background:#fff;border:1px solid var(--fp-line);border-radius:var(--fp-r);overflow:hidden;display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0;transition:transform var(--fp-dur) var(--fp-ease),box-shadow var(--fp-dur)}
.fp-job:hover{transform:translateY(-4px);box-shadow:var(--fp-shadow)}
.fp-job-body{display:contents}
.fp-job-art{height:200px;position:relative;display:flex;justify-content:center;align-items:flex-end;overflow:hidden;background:var(--fp-navy)}
.fp-job-art::before{content:"";position:absolute;left:50%;bottom:-40px;width:170px;height:170px;transform:translateX(-50%);border-radius:50%;background:rgba(255,255,255,.14)}
.fp-tone-red .fp-job-art{background:var(--fp-red)}
.fp-tone-sky .fp-job-art{background:var(--fp-sky)}
.fp-job-m{position:relative;height:188px;width:auto;max-width:none;filter:var(--fp-mascot-shadow);transition:transform .3s var(--fp-ease)}
.fp-job:hover .fp-job-m{transform:translateY(-4px) scale(1.03)}
.fp-job h3{font-size:1.25rem;color:var(--fp-navy);padding:20px 20px 6px;font-weight:900}
.fp-job p{color:var(--fp-muted);font-size:.92rem;line-height:1.45;padding:0 20px 12px}
.fp-job ul{margin:0 20px;border-top:1px solid var(--fp-line);align-self:start}
.fp-job li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid var(--fp-line);font-size:.9rem;line-height:1.35}
.fp-job li b{color:var(--fp-red);white-space:nowrap;font:900 1.1rem/1 var(--fp-f-display)}
.fp-job li b small{font:600 .74rem var(--fp-f-body);color:var(--fp-muted)}
.fp-job-gos{margin:16px 20px 20px;align-self:end;justify-self:start}
.fp-job-go{margin:0}

/* ---------------------------------------------------------------- print types (photos, red price badges) */
.fp-band{background:#fff;border-block:1px solid var(--fp-line)}
.fp-types{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.fp-type{border-radius:var(--fp-r);background:var(--fp-paper);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--fp-line);transition:transform var(--fp-dur) var(--fp-ease),box-shadow var(--fp-dur)}
.fp-type:hover{transform:translateY(-4px);box-shadow:var(--fp-shadow)}
.fp-type-img{position:relative;aspect-ratio:1;overflow:hidden;background:var(--fp-mist);display:grid;place-items:center}
.fp-type-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--fp-ease)}
.fp-type:hover .fp-type-img img{transform:scale(1.07)}
.fp-pbadge{position:absolute;left:10px;bottom:10px;background:var(--fp-red);color:#fff;border-radius:10px;padding:6px 10px;font:700 .74rem/1 var(--fp-f-body);box-shadow:0 4px 12px -4px rgba(0,0,0,.4)}
.fp-pbadge b{font:900 1.05rem/1 var(--fp-f-display)}
.fp-type-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}
.fp-type-b b{font:900 1.05rem/1.2 var(--fp-f-display);color:var(--fp-navy)}
.fp-type-b small{color:var(--fp-muted);font-size:.84rem;line-height:1.35}

/* ---------------------------------------------------------------- why FatPrint (big numbers) */
.fp-why{background:var(--fp-navy);color:#fff;position:relative;overflow:hidden}
.fp-why::before{content:"";position:absolute;inset:0;background:url("../img/union-flag-blur.webp") center/cover no-repeat;opacity:.1}
.fp-why .fp-wrap{position:relative}
.fp-why .fp-sec-head h2{color:#fff}
.fp-why-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.fp-why-grid li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--fp-r);padding:24px 20px;display:flex;flex-direction:column;gap:8px}
.fp-why-grid b{font:900 clamp(2.4rem,1.6rem + 1.6vw,3.4rem)/1 var(--fp-f-display);color:#fff;letter-spacing:-.02em}
.fp-why-grid li:nth-child(odd) b{color:var(--fp-mustard)}
.fp-why-grid span{color:var(--fp-on-dark-muted);font-weight:600;font-size:.95rem;line-height:1.35}

/* ---------------------------------------------------------------- receipts */
.fp-receipts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.fp-rcpt{background:#fff;color:var(--fp-ink);padding:24px 24px 36px;border-radius:12px 12px 0 0;display:flex;flex-direction:column;box-shadow:0 18px 32px -24px rgba(1,33,105,.5);
  -webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 12px) no-repeat,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) bottom/18px 12px repeat-x;
  mask:linear-gradient(#000 0 0) top/100% calc(100% - 12px) no-repeat,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) bottom/18px 12px repeat-x}
.fp-rcpt h3{font-size:1.3rem;color:var(--fp-navy);padding-bottom:16px;border-bottom:2px dashed var(--fp-line-strong)}
.fp-rcpt ul{padding-top:8px;margin-bottom:16px}
.fp-rcpt li{display:flex;align-items:baseline;gap:8px;padding:8px 0;font-size:.95rem}
.fp-rcpt li>a,.fp-rcpt li>span{flex:1;display:flex;gap:8px}
.fp-rcpt li>a:hover{color:var(--fp-sky)}
.fp-rcpt li>a::after,.fp-rcpt li>span::after{content:"";flex:1;border-bottom:2px dotted var(--fp-line-strong);margin-bottom:5px;min-width:16px}
.fp-rcpt li b{font-weight:700;white-space:nowrap}
.fp-rcpt li b small{font-weight:600;color:var(--fp-muted);font-size:.78rem}
.fp-rcpt-del{color:var(--fp-muted)}
.fp-rcpt-tot{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid var(--fp-navy);margin-top:auto;padding-top:16px;font:800 1.05rem var(--fp-f-display)}
.fp-rcpt-tot .fp-price{font-size:1.9rem;color:var(--fp-red);font-weight:900}
.fp-rcpt-tot .fp-price small{font-size:.9rem;color:var(--fp-muted)}
.fp-note{margin-top:32px;color:var(--fp-muted);font-size:.9rem;max-width:80ch}
.fp-receipts+.fp-note{margin-top:24px}

/* ---------------------------------------------------------------- trades */
.fp-trades{background:#fff;border-block:1px solid var(--fp-line)}
.fp-trade-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:16px}
.fp-trade{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:var(--fp-navy);font:800 .95rem/1.2 var(--fp-f-display)}
.fp-trade-art{width:100%;height:184px;border-radius:var(--fp-r);background:linear-gradient(180deg,var(--fp-sky-soft),#fff);border:1px solid var(--fp-line);display:flex;justify-content:center;align-items:flex-end;overflow:hidden;transition:background-color var(--fp-dur),border-color var(--fp-dur)}
.fp-trade-m{height:172px;width:auto;max-width:none;filter:drop-shadow(0 10px 8px rgba(1,33,105,.25));transition:transform .3s var(--fp-ease)}
.fp-trade:hover .fp-trade-m{transform:translateY(-4px)}
.fp-trade:hover .fp-trade-art{border-color:var(--fp-red)}
.fp-trade:hover b{color:var(--fp-red)}

/* ---------------------------------------------------------------- faq + help card */
.fp-faq-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;align-items:stretch}
.fp-faq-grid>*{min-width:0}
.fp-faq details{border-bottom:1px solid var(--fp-line-strong)}
.fp-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font:800 1.1rem/1.3 var(--fp-f-display);color:var(--fp-navy)}
.fp-faq summary::-webkit-details-marker{display:none}
.fp-faq summary .fp-ui{color:var(--fp-red);transition:transform var(--fp-dur)}
.fp-faq details[open] summary .fp-ui{transform:rotate(180deg)}
.fp-faq details p{padding:0 0 20px;color:var(--fp-muted);max-width:64ch}
.fp-helpcard{background:var(--fp-navy);color:#fff;border-radius:var(--fp-r);padding:32px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:16px}
.fp-helpcard h2{font-size:1.9rem;max-width:12ch;font-weight:900}
.fp-helpcard>p{color:var(--fp-on-dark-muted);max-width:30ch}
.fp-helplist{display:grid;gap:8px;position:relative;z-index:1}
.fp-helplist a{display:flex;gap:12px;align-items:flex-start;background:var(--fp-navy-2);border-radius:var(--fp-r-sm);padding:12px 16px;font-size:.9rem;color:var(--fp-on-dark-muted);transition:background-color var(--fp-dur)}
.fp-helplist a:hover{background:#133a9e}
.fp-helplist b{display:block;font:800 1rem var(--fp-f-display);color:#fff}
.fp-helplist .fp-ui{margin-top:2px;color:var(--fp-mustard)}
.fp-helpcard-btns{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin-top:auto;position:relative;z-index:1;padding-top:8px}
.fp-helpcard-btns .fp-btn--line{color:#fff;border-color:rgba(255,255,255,.5)}
.fp-helpcard-cat{position:absolute;right:-12px;bottom:-6px;width:170px;height:auto;filter:var(--fp-mascot-shadow)}

/* ---------------------------------------------------------------- red CTA band */
.fp-ctaband{background:var(--fp-red);color:#fff;position:relative;overflow:hidden}
.fp-ctaband::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.1) 1.6px,transparent 2px) 0 0/16px 16px}
.fp-ctaband-in{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px 48px;padding-block:56px}
.fp-ctaband h2{font-size:clamp(1.8rem,1.1rem + 1.8vw,2.6rem);font-weight:900;max-width:22ch}
.fp-ctaband p{margin-top:8px;font-size:1.05rem;color:#FFE3E7;max-width:52ch}
.fp-ctaband-btns{display:flex;gap:16px;flex-wrap:wrap;flex:none}
.fp-front main+.fp-ft{margin-top:96px}

/* ---------------------------------------------------------------- responsive */
@media (max-width:1199px){
  .fp-hero-in{grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:auto auto}
  .fp-hero-copy{grid-column:1;grid-row:1;padding-bottom:24px}
  .fp-hero-art{grid-column:2;grid-row:1;height:440px}
  .fp-hero-a{height:430px}
  .fp-board{grid-column:1/-1;grid-row:2;margin-bottom:32px}
  .fp-board ul{display:grid;grid-template-columns:1fr 1fr;column-gap:0}
  .fp-board li:nth-child(odd) a{border-right:1px solid var(--fp-line)}
  .fp-slider{grid-auto-columns:calc((100% - 2 * 24px) / 3)}
  .fp-jobs{gap:16px}
  .fp-job h3{font-size:1.1rem;padding:16px 16px 6px}
  .fp-job p{padding:0 16px 12px}
  .fp-job ul{margin:0 16px}
  .fp-job-gos{margin:16px}
  .fp-job-art{height:180px}.fp-job-m{height:170px}
  .fp-types{grid-template-columns:repeat(4,1fr)}
  .fp-why-grid{grid-template-columns:repeat(3,1fr)}
  .fp-trade-grid{grid-template-columns:repeat(4,1fr);gap:24px 16px}
  .fp-trustrow ul{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1099px){
  .fp-jobs{grid-template-columns:1fr}
  .fp-job{grid-row:auto;grid-template-rows:auto;grid-template-columns:240px 1fr}
  .fp-job-art{height:auto;min-height:200px}
  .fp-job-body{display:grid;grid-template-columns:1fr 1.15fr;grid-template-rows:auto auto 1fr;column-gap:32px;padding:24px 24px 24px 0;margin-left:24px}
  .fp-job h3,.fp-job p{grid-column:1;padding-left:0;padding-right:0}
  .fp-job h3{padding-top:0}
  .fp-job-gos{grid-column:1;margin:8px 0 0;align-self:end}
  .fp-job ul{grid-column:2;grid-row:1/4;margin:0}
}
@media (max-width:1023px){
  .fp-receipts{gap:16px}
  .fp-rcpt{padding:20px 16px 32px}
  .fp-faq-grid{grid-template-columns:1fr}
  .fp-helpcard{min-height:340px}
  .fp-ctaband-in{flex-direction:column;align-items:flex-start}
}
@media (max-width:899px){
  .fp-hero-in{grid-template-columns:1fr;gap:8px;padding-top:32px}
  .fp-hero-copy{grid-column:1;padding-bottom:0}
  .fp-hero-art{grid-column:1;grid-row:2;width:100%;max-width:420px;margin:0 auto;height:420px}
  .fp-board{grid-column:1;grid-row:3}
  .fp-receipts{grid-template-columns:1fr;max-width:560px}
  .fp-types{grid-template-columns:repeat(3,1fr)}
  .fp-slider{grid-auto-columns:calc((100% - 24px) / 2)}
}
@media (max-width:759px){
  .fp-sec{padding:56px 0}
  .fp-sec--tight{padding-top:0}
  .fp-sec-head{flex-direction:column;align-items:flex-start;margin-bottom:24px}
  .fp-slide-btns{display:none}
  .fp-stamp{margin-bottom:16px}
  .fp-stamp span{font-size:.9rem;padding:8px 12px}
  .fp-hero h1{font-size:3rem;margin:12px 0 16px}
  .fp-lede{font-size:1.02rem}
  .fp-cta{margin:24px 0 16px}
  .fp-cta .fp-btn{flex:1 1 100%}
  .fp-cutoff{font-size:.88rem}
  .fp-hero-art{height:340px}
  .fp-hero-a{height:330px}
  .fp-board{margin-bottom:24px}
  .fp-board ul{display:block}
  .fp-board li:nth-child(odd) a{border-right:0}
  .fp-board li a{padding:8px 16px}
  .fp-trustrow ul{gap:12px}
  .fp-trustrow li{font-size:.86rem;gap:8px}
  .fp-trustrow .fp-ui{width:22px;height:22px}
  .fp-slider{grid-auto-columns:78%;gap:16px}
  .fp-offer-p{font-size:1.7rem}
  .fp-job{grid-template-columns:1fr}
  .fp-job-art{min-height:0;height:176px}.fp-job-m{height:168px}
  .fp-job-body{display:flex;flex-direction:column;padding:0;margin:0}
  .fp-job h3{padding:20px 16px 8px}.fp-job p{padding:0 16px 12px}.fp-job ul{margin:0 16px;align-self:stretch}.fp-job-gos{margin:16px;align-self:flex-start}
  .fp-types{grid-template-columns:repeat(2,1fr);gap:12px}
  .fp-type-b{padding:12px}
  .fp-type-b small{display:none}
  .fp-why-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .fp-why-grid li{padding:20px 16px}
  .fp-trade-grid{grid-template-columns:repeat(2,1fr);gap:20px 12px}
  .fp-trade-art{height:170px}.fp-trade-m{height:158px}
  .fp-helpcard{padding:24px;min-height:0;padding-bottom:160px}
  .fp-helpcard-cat{width:150px}
  .fp-ctaband-in{padding-block:40px}
  .fp-ctaband-btns{width:100%}
  .fp-ctaband-btns .fp-btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .fp-strip-track{animation:none;width:auto;overflow-x:auto;padding:0 var(--fp-gutter)}
  .fp-strip-track>[aria-hidden="true"]{display:none}
  .fp-board-h i{animation:none}
}
/* bundles + owner mascot (2026-09-29) */
.fp-job{position:relative}
.fp-job-a{color:inherit;text-decoration:none}
.fp-job-a::after{content:"";position:absolute;inset:0;z-index:1}
.fp-job-gos{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.fp-job-bund{position:relative;z-index:2;font-weight:700;font-size:.9rem;color:var(--fp-red);text-decoration:underline;text-underline-offset:3px}
.fp-job-go{position:relative;z-index:2}
.fp-job:focus-within{box-shadow:var(--fp-shadow)}
.fp-why-m{height:150px;width:auto;flex:none;filter:var(--fp-mascot-shadow);margin-bottom:-32px}
.fp-ctaband-m{height:170px;width:auto;flex:none;align-self:flex-end;margin-block:-56px;filter:var(--fp-mascot-shadow)}
.fp-ctaband-txt{flex:1}
@media (max-width:759px){.fp-why-m{height:110px;margin:0;align-self:flex-end;margin-top:-100px}.fp-ctaband-m{height:120px;margin:0 0 -40px;align-self:flex-end;order:3}}

/* Owner 2026-09-29: compact, busy, loud - cut dead space between and inside sections. */
.fp-sec{padding:44px 0}
.fp-sec-head{margin-bottom:20px}
.fp-sec-head p:not(.fp-kicker){margin-top:4px;font-size:1rem}
.fp-kicker{margin-bottom:6px}
.fp-sec-more{margin-top:18px}
.fp-slider{grid-auto-columns:calc((100% - 4 * 16px) / 5);gap:16px;padding:2px 2px 10px}
.fp-offer-img{aspect-ratio:1/1} /* image fit 2026-09-30: offer photos are square; 16:11 cut the top and base off the roller banner */
.fp-offer-b{padding:12px 14px 14px;gap:4px}
.fp-offer-t{font-size:1rem}
.fp-offer-p{font-size:1.75rem;padding-top:4px}
.fp-offers{background:var(--fp-paper)}
.fp-sec + .fp-sec{border-top:1px solid var(--fp-line)}
@media (max-width:1100px){.fp-slider{grid-auto-columns:calc((100% - 3 * 16px) / 4)}}
@media (max-width:760px){.fp-sec{padding:32px 0}.fp-slider{grid-auto-columns:calc((100% - 16px) / 2.2)}}

/* Owner 2026-09-29: shorter hero so the product strip shows above the fold on a 900px-tall screen. */
.fp-hero-in{padding-top:24px}
.fp-hero h1{font-size:clamp(2.6rem,1.6rem + 2.6vw,3.7rem);margin:10px 0 16px}
.fp-lede{font-size:1.06rem}
.fp-hero-art{height:400px}
.fp-hero-a{height:390px}
@media (max-width:1199px){.fp-hero-art{height:380px}.fp-hero-a{height:370px}}
@media (max-width:760px){.fp-hero-art{height:360px}.fp-hero-a{height:350px}}

/* Owner 2026-09-29 (v2): one band. Headline block, mascot and price board share the same top and bottom line:
   stamp top = mascot head = board top; cutoff bottom = mascot feet = board bottom. The band height is fixed, the
   board's rows share it, the copy spreads across it and the mascot is sized to exactly that height (every rotating
   mascot's cut-out is trimmed tight to its alpha, so the image box is the figure). */
@media (min-width:1200px){
  /* band tuned so the product strip ends ~12px above the fold (1440x900), still in view at 768 tall, max 540 */
  .fp-hero{--fp-band:clamp(400px,calc(100vh - 414px),540px)}
  .fp-hero-in{grid-template-columns:minmax(0,1fr) 320px 336px;gap:28px;align-items:stretch;padding-block:22px 26px}
  .fp-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;height:var(--fp-band);padding:0;align-self:stretch}
  .fp-hero-copy>*{margin-block:0}
  .fp-stamp{margin:4px 0 0 4px}
  .fp-hero h1{margin:0;font-size:clamp(2.6rem,1.6rem + 2.3vw,3.5rem)}
  .fp-lede{font-size:1.04rem;max-width:44ch}
  .fp-cta{margin:0}
  .fp-cutoff{font-size:.9rem;padding:9px 14px;white-space:nowrap}
  .fp-hero-art .fp-stage{left:-3%;right:-3%}
  .fp-hero-art{height:var(--fp-band);align-self:stretch;min-height:0}
  .fp-hero-a{height:100%;max-height:none;bottom:0;max-width:calc(100% + 40px);object-fit:contain;object-position:50% 100%} /* the widest pose (Bonnie's sign) never runs into the board */
  .fp-stage{height:70%}
  .fp-board{height:var(--fp-band);margin:0;align-self:stretch;display:flex;flex-direction:column}
  .fp-board ul{flex:1;display:flex;flex-direction:column}
  .fp-board li{flex:1;display:flex}
  .fp-board li a{flex:1;padding-block:4px}
  .fp-board-f{padding:9px 20px;font-size:.78rem}
  .fp-trustrow ul{padding-block:14px}
  .fp-trustrow li{font-size:.95rem;white-space:nowrap}
}
/* tablet: copy on the left, mascot on the right at exactly the copy's height */
@media (min-width:760px) and (max-width:1199px){
  .fp-hero-in{grid-template-columns:minmax(0,1fr) 320px;row-gap:24px}
  .fp-hero-copy{padding-bottom:0}
  .fp-hero-art{align-self:stretch;height:auto;min-height:0}
  .fp-hero-a{height:100%}
}

/* Owner 2026-09-29: mascots big and anchored. Why FatPrint: the owner stands on the band's bottom edge beside the
   heading + stats (3 x 2); red quote band: half-length owner as tall as the band, sitting on its bottom edge. */
.fp-why .fp-wrap{display:grid;grid-template-columns:260px minmax(0,1fr);column-gap:48px;align-items:end}
.fp-why .fp-sec-head{grid-column:2;grid-row:1}
.fp-why-grid{grid-column:2;grid-row:2;grid-template-columns:repeat(3,1fr)}
.fp-why-m{grid-column:1;grid-row:1/3;align-self:end;justify-self:center;height:400px;width:auto;max-width:none;margin:0 0 -44px;filter:var(--fp-mascot-shadow)}
.fp-ctaband-in{display:grid;grid-template-columns:230px minmax(0,1fr) auto;align-items:center;gap:0 44px;padding-block:0;min-height:300px}
.fp-ctaband-m{grid-column:1;grid-row:1;align-self:end;justify-self:center;height:300px;width:auto;max-width:none;margin:0}
.fp-ctaband-txt{padding-block:52px}
@media (max-width:1199px){
  .fp-why .fp-wrap{grid-template-columns:200px minmax(0,1fr);column-gap:32px}
  .fp-why-m{height:340px}
  .fp-ctaband-in{grid-template-columns:200px minmax(0,1fr);min-height:0}
  .fp-ctaband-m{grid-row:1/3;height:280px}
  .fp-ctaband-txt{padding-block:40px 12px}
  .fp-ctaband-btns{grid-column:2;padding-bottom:40px}
}
@media (max-width:759px){
  .fp-why .fp-wrap{grid-template-columns:minmax(0,1fr) 110px;column-gap:12px}
  .fp-why .fp-sec-head{grid-column:1}
  .fp-why-m{grid-column:2;grid-row:1;height:170px;margin:0;align-self:end;order:0}
  .fp-why-grid{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}
  .fp-ctaband-in{grid-template-columns:minmax(0,1fr) 120px}
  .fp-ctaband-m{grid-column:2;grid-row:1;height:170px;margin:0;align-self:end;order:0}
  .fp-ctaband-txt{grid-column:1;padding-block:32px 0}
  .fp-ctaband-btns{grid-column:1/-1;padding:20px 0 32px}
}

/* Owner 2026-09-29: hero copy = stamp row, rotating headline (first pair is the H1), big search, 12 popular chips
   (4 / 4 / 3 per row = full rows), cut-off timer. Rotating lines share one grid cell: height is the tallest pair. */
.fp-hero-top{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap}
.fp-hero-top .fp-stamp{margin:0}
.fp-rot{display:grid;width:100%}
.fp-rot-i{grid-area:1/1;margin:0;font:900 clamp(2.4rem,1.5rem + 2vw,3.3rem)/1.02 var(--fp-f-display);letter-spacing:-.03em;color:#fff;opacity:0;transform:translateY(14px);transition:opacity .5s var(--fp-ease),transform .5s var(--fp-ease);pointer-events:none}
.fp-rot-i.is-on{opacity:1;transform:none;pointer-events:auto}
.fp-rot-i.is-out{opacity:0;transform:translateY(-14px)}
.fp-rot-i a,.fp-rot-i span{display:inline-block;background:var(--fp-red);color:#fff;padding:0 .14em .06em;margin-top:.1em;border-radius:12px;transform:rotate(-1.5deg);box-shadow:0 7px 0 var(--fp-red-deep);text-decoration:none;transition:background var(--fp-dur)}
.fp-rot-i a:hover{background:#DA1B3A}
.fp-hsearch{display:flex;align-items:center;width:100%;max-width:560px;background:#fff;border-radius:14px;padding:5px;box-shadow:0 14px 30px -14px rgba(0,0,0,.55)}
.fp-hsearch input{flex:1;min-width:0;border:0;outline:0;background:none;padding:10px 14px;font:500 1rem var(--fp-f-body);color:var(--fp-ink)}
.fp-hsearch input::placeholder{color:#6B7391}
.fp-hsearch button{display:inline-flex;align-items:center;gap:8px;background:var(--fp-red);color:#fff;border:0;border-radius:10px;padding:11px 18px;font:800 1rem/1 var(--fp-f-display);cursor:pointer;box-shadow:0 3px 0 var(--fp-red-deep)}
.fp-hsearch button:hover{background:#DA1B3A}
.fp-hsearch button .fp-ui{width:18px;height:18px}
.fp-hsearch:focus-within{box-shadow:0 0 0 3px var(--fp-mustard),0 14px 30px -14px rgba(0,0,0,.55)}
.fp-pop{width:100%;max-width:560px}
.fp-pop-h{margin:0 0 8px;font:800 .72rem/1 var(--fp-f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--fp-mustard)}
.fp-pop ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.fp-pop a{display:block;text-align:center;padding:7px 6px;border:1px solid rgba(255,255,255,.3);border-radius:999px;font:700 .84rem/1.2 var(--fp-f-body);color:#fff;white-space:nowrap;text-decoration:none;transition:background var(--fp-dur),border-color var(--fp-dur)}
.fp-pop a:hover,.fp-pop a:focus-visible{background:rgba(255,255,255,.14);border-color:#fff}
@media (min-width:1200px){.fp-hero-copy{gap:0}}
@media (max-width:1199px){.fp-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.fp-hero-copy>*{margin:0}}
@media (max-width:759px){.fp-pop ul{grid-template-columns:repeat(3,minmax(0,1fr))}.fp-rot-i{font-size:2.5rem}.fp-hsearch button{padding:11px 14px}}
@media (prefers-reduced-motion:reduce){.fp-rot-i{transition:none}}
.fp-hero .fp-rot-i{font-size:clamp(2.4rem,1.5rem + 2vw,3.3rem);line-height:1.02;margin:0}
@media (max-width:759px){.fp-hero .fp-rot-i{font-size:2.5rem}}
/* hero CTAs (owner: plain shopping words) + the dispatch timer now closes the price board */
.fp-hero-copy .fp-cta{display:flex;gap:12px;flex-wrap:wrap;margin:0}
.fp-hero-copy .fp-cta .fp-btn{padding:12px 20px;font-size:1rem}
.fp-board-f.fp-cutoff,.fp-board-f.fp-cutoff[hidden]{display:flex;align-items:center;gap:8px;background:var(--fp-paper);border:0;border-top:1px solid var(--fp-line);border-radius:0;color:var(--fp-ink);font:600 .82rem/1.3 var(--fp-f-body);padding:10px 16px;margin:0;white-space:normal}
.fp-board-f.fp-cutoff .fp-ui{width:16px;height:16px;flex:none;color:var(--fp-red)}
.fp-board-f.fp-cutoff b{color:var(--fp-navy);font-family:var(--fp-f-display)}
/* short screens: tighter hero copy so the band still fits */
@media (min-width:1200px) and (max-height:860px){
  .fp-hero .fp-eyebrow{display:none}
  .fp-hero .fp-rot-i{font-size:2.6rem}
  .fp-pop a{padding:5px 6px}
  .fp-pop-h{margin-bottom:6px}
  .fp-hsearch input{padding:8px 12px}.fp-hsearch button{padding:9px 16px}
  .fp-hero-copy .fp-cta .fp-btn{padding:10px 18px}
}
.fp-board .fp-board-f.fp-cutoff b{font:800 .85rem/1.3 var(--fp-f-display);white-space:normal}
@media (min-width:1200px) and (max-height:860px){.fp-board li:nth-child(6){display:none}}
@media (max-width:759px){.fp-hsearch{display:none}} /* the header search is right above on phones */
/* price per piece strip (ib-qtyguide.php): real cached prices, six products, full rows at 6 / 3 / 2 columns.
   Owner 2026-09-30 (v2): sits between the hero and the sliding product cards on a paper band, white tiles,
   name > big price each > quiet "qty for total" + turnaround tag, chevron that moves on hover. */
.ib-ppp{position:relative;background:var(--fp-paper);border-bottom:1px solid var(--fp-line);padding:14px 0 16px}
.ib-ppp__in{max-width:var(--fp-container);margin:0 auto;padding:0 var(--fp-gutter);display:grid;grid-template-columns:196px minmax(0,1fr);gap:28px;align-items:center}
.ib-ppp__k{display:flex;align-items:center;gap:8px;font:800 .68rem/1 var(--fp-f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--fp-red);margin:0 0 7px}
.ib-ppp__k::before{content:"";width:18px;height:2px;border-radius:2px;background:currentColor}
.ib-ppp__head h2{font:900 1.3rem/1.08 var(--fp-f-display);letter-spacing:-.02em;color:var(--fp-navy);margin:0;text-wrap:balance}
.ib-ppp__sub{margin:7px 0 0;font-size:.74rem;line-height:1.4;color:var(--fp-muted)}
.ib-ppp__list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.ib-ppp__list--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ib-ppp__i{position:relative;display:flex;flex-direction:column;height:100%;padding:14px 14px 10px;border-radius:12px;background:#fff;border:1px solid var(--fp-line);box-shadow:0 1px 2px rgba(1,33,105,.06);color:var(--fp-ink);text-decoration:none;overflow:hidden;transition:transform var(--fp-dur) var(--fp-ease),box-shadow var(--fp-dur) var(--fp-ease),border-color var(--fp-dur)}
.ib-ppp__i::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:var(--ppp-c,var(--fp-mustard))}
.ib-ppp__i::after{content:"";position:absolute;top:18px;right:14px;width:6px;height:6px;border-top:2px solid var(--fp-line-strong);border-right:2px solid var(--fp-line-strong);transform:rotate(45deg);transition:transform var(--fp-dur) var(--fp-ease),border-color var(--fp-dur)}
/* a splash of print colour on each tile (owner 2026-09-30) */
.ib-ppp__list>li:nth-child(6n+1){--ppp-c:#00AEEF}.ib-ppp__list>li:nth-child(6n+2){--ppp-c:#EC008C}.ib-ppp__list>li:nth-child(6n+3){--ppp-c:#FFD400}
.ib-ppp__list>li:nth-child(6n+4){--ppp-c:#00A651}.ib-ppp__list>li:nth-child(6n+5){--ppp-c:#F7941D}.ib-ppp__list>li:nth-child(6n+6){--ppp-c:#8E3FC0}
.ib-ppp__i:hover,.ib-ppp__i:focus-visible{transform:translateY(-3px);border-color:var(--fp-line-strong);box-shadow:0 14px 26px -14px rgba(1,33,105,.4)}
.ib-ppp__i:focus-visible{outline:3px solid var(--fp-mustard);outline-offset:2px}
.ib-ppp__i:hover::after,.ib-ppp__i:focus-visible::after{border-color:var(--fp-red);transform:translateX(3px) rotate(45deg)}
.ib-ppp__n{padding-right:14px;font:800 .84rem/1.2 var(--fp-f-display);color:var(--fp-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ib-ppp__p{display:flex;align-items:baseline;gap:4px;margin-top:6px;white-space:nowrap}
.ib-ppp__p b{font:900 1.9rem/.95 var(--fp-f-display);color:var(--fp-red);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.ib-ppp__p small{font:700 .7rem var(--fp-f-body);color:var(--fp-muted)}
.ib-ppp__q{display:flex;flex-direction:column;align-items:flex-start;gap:3px 6px;margin-top:auto;padding-top:7px;font:600 .7rem/1.3 var(--fp-f-body);color:var(--fp-muted);font-variant-numeric:tabular-nums}
.ib-ppp__sep{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} /* the comma stays for screen readers */
.ib-ppp__s{font:800 .58rem/1 var(--fp-f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--fp-navy);background:var(--fp-mist);padding:3px 6px;border-radius:999px}
@media (max-width:1199px){.ib-ppp{padding:22px 0 24px}.ib-ppp__in{grid-template-columns:1fr;gap:14px}.ib-ppp__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px}.ib-ppp__k{flex-basis:100%;margin:0}.ib-ppp__sub{margin:0}}
@media (max-width:1099px){.ib-ppp__list{grid-template-columns:repeat(3,minmax(0,1fr))}.ib-ppp__list--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:760px) and (max-width:1099px){.ib-ppp__q{flex-direction:row;align-items:center}} /* wide 3-up tiles: quantity and turnaround on one line */
@media (max-width:759px){.ib-ppp{padding:20px 0}.ib-ppp__list,.ib-ppp__list--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ib-ppp__head h2{font-size:1.2rem}.ib-ppp__p b{font-size:1.6rem}.ib-ppp__i{padding:14px 12px 11px}}
@media (prefers-reduced-motion:reduce){.ib-ppp__i,.ib-ppp__i::after{transition:none}.ib-ppp__i:hover,.ib-ppp__i:focus-visible{transform:none}}

/* Owner 2026-09-30: compact hero so the price-per-piece row and the top of the sliding product cards sit above the
   fold (1440x900, 1366x768). The band = viewport - top bar + header (~159) - hero padding - trust row - price row -
   a peek of the product cards. Short screens drop the hero search (the header search is right above), the third
   chip row (8 chips = 2 full rows) and board rows 5-6. */
@media (min-width:1200px){
  .fp-hero{--fp-band:clamp(330px,calc(100vh - 440px),460px)}
  .fp-hero-in{padding-block:18px 20px}
  .fp-hero .fp-rot-i{font-size:clamp(2.4rem,1.3rem + 1.75vw,3rem)}
  .fp-trustrow ul{padding-block:11px}
  .fp-trustrow li{font-size:.92rem}
  .fp-trustrow .fp-ui{width:22px;height:22px}
  .fp-board-h{padding:13px 20px 10px}
}
@media (min-width:1200px) and (max-height:860px){.fp-hero .fp-rot-i{font-size:2.45rem}}
@media (min-width:1200px) and (max-height:800px){
  .fp-hero .fp-hsearch{display:none} /* the header search is right above (same call as on phones) */
  .fp-pop li:nth-child(n+9){display:none}
  .fp-pop-h{margin-bottom:5px}
  .fp-board li:nth-child(n+5){display:none}
}
.fp-strip{padding:14px 0}

/* Owner 2026-09-30: Why FatPrint stat boxes get the same six print colours as the price-per-piece tiles: a 5px strip
   along the top (clipped by the box's radius) and the big number in a lighter tint of it (all 4.9:1 or more on the
   glass-on-navy box). */
.fp-why-grid li{position:relative;overflow:hidden}
.fp-why-grid li::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:var(--why-c,var(--fp-mustard))}
.fp-why-grid>li:nth-child(6n+1){--why-c:#00AEEF;--why-t:#4FC8F5}.fp-why-grid>li:nth-child(6n+2){--why-c:#EC008C;--why-t:#FF6FBF}.fp-why-grid>li:nth-child(6n+3){--why-c:#FFD400;--why-t:#FFD400}
.fp-why-grid>li:nth-child(6n+4){--why-c:#00A651;--why-t:#4FD98A}.fp-why-grid>li:nth-child(6n+5){--why-c:#F7941D;--why-t:#FFA94D}.fp-why-grid>li:nth-child(6n+6){--why-c:#8E3FC0;--why-t:#C8A2FF}
.fp-why-grid>li:nth-child(n) b{color:var(--why-t,#fff)}