.fof-sp{max-width:72rem;margin:0 auto;padding:3rem 1rem 4rem}
.fof-sp-intro{text-align:center;margin-bottom:2.5rem}
.fof-sp-intro h1{font-size:2.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}
.fof-sp-intro p{color:hsl(var(--muted-foreground));max-width:36rem;margin:0 auto}
.fof-sp-headline{position:relative;text-align:center;border-radius:1rem;padding:3rem 1.5rem;margin-bottom:3rem;background:hsl(var(--card));border:2px solid hsl(var(--primary));box-shadow:var(--shadow-elegant)}
.fof-sp-headline::before{content:"";position:absolute;inset:0 0 auto;height:6px;border-radius:1rem 1rem 0 0;background:var(--gradient-hero)}
.fof-sp-tier{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--primary));background:hsl(var(--primary)/.1);padding:.35rem .9rem;border-radius:999px;margin-bottom:1.5rem}
.fof-sp-headline-logo{min-height:7rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.fof-sp-headline-logo .fof-sp-logo-img{max-height:7rem;max-width:22rem}
.fof-sp-headline p{color:hsl(var(--muted-foreground))}
.fof-sp-section{margin-bottom:3rem}
.fof-sp-section h2{font-size:1.25rem;font-weight:600;text-align:center;margin-bottom:1.25rem}
.fof-sp-grid{display:grid;gap:1.25rem}
.fof-sp-grid-2{grid-template-columns:repeat(2,1fr)}
.fof-sp-grid-4{grid-template-columns:repeat(4,1fr)}
.fof-sp-card{display:flex;align-items:center;justify-content:center;min-height:7rem;padding:1.25rem;border-radius:var(--radius);background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:var(--shadow-card);transition:transform .2s,box-shadow .2s}
.fof-sp-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-elegant)}
.fof-sp-card-lg{min-height:10rem}
.fof-sp-logo-img{max-width:100%;max-height:5rem;object-fit:contain}
.fof-sp-wordmark{font-size:1.5rem;font-weight:700;color:hsl(var(--foreground));text-align:center}
.fof-sp-wordmark-sm{font-size:1rem;font-weight:600;color:hsl(var(--muted-foreground))}
.fof-sp-wordmark-safaricom{font-size:3.5rem;letter-spacing:-.03em;color:#4CB848}
@media (max-width:768px){.fof-sp-grid-4{grid-template-columns:repeat(2,1fr)}.fof-sp-intro h1{font-size:1.75rem}.fof-sp-wordmark-safaricom{font-size:2.5rem}}
@media (max-width:480px){.fof-sp-grid-2{grid-template-columns:1fr}}

.fof-sp2-wrap{max-width:72rem;margin:0 auto;padding:0 1rem}
.fof-sp2-hero{background:var(--gradient-hero);color:#fff;padding:4.5rem 0 7rem;text-align:center}
.fof-sp2-eyebrow{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;background:rgba(255,255,255,.18);padding:.4rem 1rem;border-radius:999px;margin-bottom:1.25rem}
.fof-sp2-hero h1{font-size:3rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;max-width:44rem;margin:0 auto 1rem}
.fof-sp2-hero p{font-size:1.125rem;opacity:.9;max-width:38rem;margin:0 auto}
.fof-sp2-spotlight{display:grid;grid-template-columns:1fr 1.2fr;margin-top:-4rem;border-radius:1.25rem;overflow:hidden;background:hsl(var(--card));box-shadow:0 24px 60px -20px hsl(220 13% 13% / .28)}
.fof-sp2-spotlight-brand{display:flex;align-items:center;justify-content:center;min-height:17rem;padding:2rem;background:linear-gradient(135deg,#4CB848 0%,#2E8B3A 100%)}
.fof-sp2-safaricom{font-size:3.5rem;font-weight:800;letter-spacing:-.03em;color:#fff}
.fof-sp2-spotlight-body{padding:3rem;display:flex;flex-direction:column;justify-content:center}
.fof-sp2-spotlight-body h2{font-size:2.25rem;font-weight:800;letter-spacing:-.02em;margin:.5rem 0 .75rem}
.fof-sp2-spotlight-body p{color:hsl(var(--muted-foreground));font-size:1.05rem;line-height:1.6}
.fof-sp2-label{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#2E8B3A}
.fof-sp2-label-muted{color:hsl(var(--primary));display:block;margin-bottom:.35rem}
.fof-sp2-section{margin-top:4.5rem}
.fof-sp2-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-bottom:1px solid hsl(var(--border));padding-bottom:.9rem;margin-bottom:1.5rem}
.fof-sp2-heading h2{font-size:1.5rem;font-weight:700;letter-spacing:-.01em}
.fof-sp2-heading p{color:hsl(var(--muted-foreground));font-size:.95rem}
.fof-sp2-hydration{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.fof-sp2-hcard{display:flex;align-items:center;gap:1.25rem;padding:2rem;border-radius:1rem;background:linear-gradient(135deg,hsl(var(--primary)/.08) 0%,hsl(var(--card)) 70%);border:1px solid hsl(var(--primary)/.25)}
.fof-sp2-hcard-icon{flex:none;width:3.5rem;height:3.5rem;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff;background:hsl(var(--primary))}
.fof-sp2-hname{font-size:1.5rem;font-weight:700}
.fof-sp2-wall{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid hsl(var(--border));border-radius:1rem;overflow:hidden}
.fof-sp2-wall-cell{display:flex;align-items:center;justify-content:center;min-height:8rem;padding:1.5rem;border-right:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border));transition:background .2s}
.fof-sp2-wall-cell:nth-child(4n){border-right:0}
.fof-sp2-wall-cell:nth-last-child(-n+4){border-bottom:0}
.fof-sp2-wall-cell:hover{background:hsl(var(--muted))}
.fof-sp2-pname{font-weight:600;color:hsl(var(--muted-foreground))}
.fof-sp2-logo-img{max-width:100%;max-height:5rem;object-fit:contain}
.fof-sp2-spotlight-brand .fof-sp2-logo-img{max-height:8rem;filter:brightness(0) invert(1)}
.fof-sp2-cta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin:4.5rem 0 4rem;padding:2.25rem 2.5rem;border-radius:1.25rem;background:hsl(var(--foreground));color:hsl(var(--background))}
.fof-sp2-cta h2{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}
.fof-sp2-cta p{opacity:.75}
.fof-sp2-btn{flex:none;font-weight:600;padding:.85rem 1.5rem;border-radius:.75rem;background:hsl(var(--primary));color:#fff;text-decoration:none;transition:opacity .2s}
.fof-sp2-btn:hover{opacity:.9}
@media (max-width:768px){.fof-sp2-hero{padding:3rem 0 6rem}.fof-sp2-hero h1{font-size:2.1rem}.fof-sp2-spotlight{grid-template-columns:1fr}.fof-sp2-spotlight-brand{min-height:11rem}.fof-sp2-spotlight-body{padding:2rem}.fof-sp2-hydration{grid-template-columns:1fr}.fof-sp2-wall{grid-template-columns:repeat(2,1fr)}.fof-sp2-wall-cell:nth-child(4n){border-right:1px solid hsl(var(--border))}.fof-sp2-wall-cell:nth-child(2n){border-right:0}.fof-sp2-wall-cell:nth-last-child(-n+4){border-bottom:1px solid hsl(var(--border))}.fof-sp2-wall-cell:nth-last-child(-n+2){border-bottom:0}.fof-sp2-heading{flex-direction:column;gap:.25rem}.fof-sp2-cta{flex-direction:column;align-items:flex-start;padding:2rem}}

.fof-c-blue{color:hsl(var(--primary))}.fof-c-green{color:hsl(var(--secondary))}.fof-c-orange{color:hsl(var(--accent))}
.fof-sp3-wrap{max-width:72rem;margin:0 auto;padding:0 1rem}
.fof-sp3-grad,.fof-sp4-grad{background:var(--gradient-hero);-webkit-background-clip:text;background-clip:text;color:transparent}
.fof-sp3-hero{position:relative;padding:5rem 0 4.5rem;background:linear-gradient(90deg,hsl(0 0% 100%/.96) 0%,hsl(0 0% 100%/.85) 45%,hsl(0 0% 100%/.35) 100%),url(/assets/hero-sports-DOKcwwWp.jpg) center/cover}
.fof-sp3-hero h1{font-size:4rem;font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-bottom:1rem}
.fof-sp3-hero h2{font-size:1.4rem;font-weight:600;color:hsl(var(--muted-foreground));margin-bottom:.75rem}
.fof-sp3-hero p{max-width:32rem;color:hsl(var(--muted-foreground));line-height:1.6}
.fof-sp3-stats{display:flex;gap:1rem;margin-top:2.5rem;flex-wrap:wrap}
.fof-sp3-stat{display:flex;flex-direction:column;gap:.3rem;min-width:9.5rem;padding:1.1rem 1.2rem;border-radius:var(--radius);background:hsl(0 0% 100%/.8);backdrop-filter:blur(6px);border:1px solid hsl(var(--border))}
.fof-sp3-stat b{font-size:1.4rem;margin-top:.4rem}.fof-sp3-stat span{font-size:.8rem;color:hsl(var(--muted-foreground))}
.fof-sp3-band{background:hsl(var(--muted)/.5);padding:4.5rem 0}
.fof-sp3-section{padding:4.5rem 0}
.fof-sp3-head{text-align:center;margin-bottom:2.25rem}
.fof-sp3-head h2{font-size:2.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.4rem}
.fof-sp3-head p{color:hsl(var(--muted-foreground))}
.fof-sp3-feature{display:grid;grid-template-columns:1.3fr 1fr;overflow:hidden;border-radius:1rem;background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:var(--shadow-card)}
.fof-sp3-feature-body{padding:3rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}
.fof-sp3-feature-tag{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:hsl(var(--muted-foreground))}
.fof-sp3-safaricom{font-size:4rem;font-weight:800;letter-spacing:-.03em;color:#4CB848;line-height:1}
.fof-sp3-feature-body p{color:hsl(var(--muted-foreground));max-width:28rem;line-height:1.6}
.fof-sp3-feature-art{min-height:16rem;background:linear-gradient(135deg,hsl(0 0% 100%/.1),hsl(158 64% 45%/.35)),url(/assets/hero-sports-DOKcwwWp.jpg) 70% center/cover}
.fof-sp3-hgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.fof-sp3-pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.fof-sp3-card{border-radius:var(--radius);background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:var(--shadow-card);transition:box-shadow .2s,transform .2s}
.fof-sp3-card:hover{box-shadow:var(--shadow-elegant);transform:translateY(-2px)}
.fof-sp3-card-h{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;padding:2rem}
.fof-sp3-ic{width:28px;height:28px;margin-bottom:.5rem}
.fof-sp3-hname{font-size:1.5rem;font-weight:700}
.fof-sp3-sub{font-size:.9rem;color:hsl(var(--muted-foreground))}
.fof-sp3-card-p{display:flex;align-items:center;justify-content:center;min-height:7rem;padding:1.25rem}
.fof-sp3-pname{font-weight:600;color:hsl(var(--muted-foreground))}
.fof-sp3-img,.fof-sp4-img{max-width:100%;max-height:5rem;object-fit:contain}
.fof-sp3-cta{padding:5rem 0;text-align:center}
.fof-sp3-cta h2{font-size:2.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.6rem}
.fof-sp3-cta p{color:hsl(var(--muted-foreground));max-width:34rem;margin:0 auto 1.75rem}
.fof-sp3-btns{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
.fof-sp3-btn{font-size:.9rem;font-weight:600;color:#fff;padding:.75rem 1.5rem;border-radius:.6rem;text-decoration:none;box-shadow:var(--shadow-elegant)}
.fof-sp3-btn-blue{background:hsl(var(--primary))}.fof-sp3-btn-green{background:hsl(var(--secondary))}
.fof-sp4-wrap{max-width:72rem;margin:0 auto;padding:3.5rem 1rem 4rem}
.fof-sp4-intro{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end;padding-bottom:2.5rem;margin-bottom:1rem;border-bottom:1px solid hsl(var(--border))}
.fof-sp4-kicker{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--primary))}
.fof-sp4-intro h1{font-size:3.25rem;font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-top:.5rem}
.fof-sp4-intro p{color:hsl(var(--muted-foreground));font-size:1.05rem;line-height:1.6}
.fof-sp4-tier{display:grid;grid-template-columns:15rem 1fr;gap:2.5rem;padding:2.5rem 0;border-bottom:1px solid hsl(var(--border))}
.fof-sp4-label{border-left:4px solid var(--tc);padding-left:1.25rem}
.fof-sp4-badge{width:2.75rem;height:2.75rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:var(--tc);background:var(--tb);margin-bottom:1rem}
.fof-sp4-label h2{font-size:1.5rem;font-weight:700;letter-spacing:-.01em}
.fof-sp4-label p{font-size:.9rem;color:hsl(var(--muted-foreground));margin-top:.2rem}
.fof-sp4-gold{--tc:#2E9E44;--tb:hsl(125 45% 50%/.12)}
.fof-sp4-blue{--tc:hsl(var(--primary));--tb:hsl(var(--primary)/.1)}
.fof-sp4-orange{--tc:hsl(var(--accent));--tb:hsl(var(--accent)/.12)}
.fof-sp4-hero{display:flex;align-items:center;gap:2.5rem;padding:2.5rem;border-radius:1rem;background:linear-gradient(120deg,hsl(125 45% 50%/.1),hsl(var(--card)) 60%);border:1px solid hsl(125 45% 45%/.3)}
.fof-sp4-hero-mark{flex:none}
.fof-sp4-safaricom{font-size:3.75rem;font-weight:800;letter-spacing:-.03em;color:#4CB848}
.fof-sp4-hero-meta{border-left:1px solid hsl(var(--border));padding-left:2.5rem}
.fof-sp4-pill{display:inline-block;font-size:.75rem;font-weight:600;color:#fff;background:#2E9E44;padding:.3rem .8rem;border-radius:999px;margin-bottom:.75rem}
.fof-sp4-hero-meta p{color:hsl(var(--muted-foreground));line-height:1.6}
.fof-sp4-g2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.fof-sp4-g4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.fof-sp4-card{display:flex;align-items:center;justify-content:center;min-height:6.5rem;padding:1.25rem;border-radius:var(--radius);background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:var(--shadow-card)}
.fof-sp4-card-lg{min-height:9rem}
.fof-sp4-hname{font-size:1.4rem;font-weight:700}
.fof-sp4-pname{font-weight:600;color:hsl(var(--muted-foreground))}
.fof-sp4-cta{display:flex;align-items:center;justify-content:center;gap:1.25rem;padding-top:3rem;flex-wrap:wrap}
.fof-sp4-cta p{font-weight:600}
.fof-sp4-btn{font-size:.9rem;font-weight:600;color:#fff;padding:.7rem 1.4rem;border-radius:.6rem;background:var(--gradient-hero);text-decoration:none}
@media (max-width:768px){.fof-sp3-hero h1{font-size:2.75rem}.fof-sp3-feature{grid-template-columns:1fr}.fof-sp3-feature-art{min-height:10rem}.fof-sp3-feature-body{padding:2rem}.fof-sp3-safaricom{font-size:3rem}.fof-sp3-hgrid{grid-template-columns:1fr}.fof-sp3-pgrid,.fof-sp4-g4{grid-template-columns:repeat(2,1fr)}.fof-sp3-head h2,.fof-sp3-cta h2{font-size:1.75rem}.fof-sp4-intro{grid-template-columns:1fr}.fof-sp4-intro h1{font-size:2.4rem}.fof-sp4-tier{grid-template-columns:1fr;gap:1.5rem}.fof-sp4-hero{flex-direction:column;align-items:flex-start;gap:1.25rem;padding:1.75rem}.fof-sp4-hero-meta{border-left:0;padding-left:0}.fof-sp4-safaricom{font-size:3rem}.fof-sp4-g2{grid-template-columns:1fr}}
/* shared logo tiles */
[class*="card"]:has(.fof-logo-dark),[class*="wall-cell"]:has(.fof-logo-dark){background:#16213a;border-color:#16213a}
[class*="card"]:has(img),[class*="wall-cell"]:has(img){padding:1.5rem 2rem}
[class*="card"] img,[class*="wall-cell"] img{max-height:4rem;max-width:85%;object-fit:contain}

/* ---------- Tier system: metallic foil ---------- */
.fof-tier-gold{--foil:linear-gradient(135deg,#8A6516 0%,#D9B24C 28%,#FFF0B8 48%,#E2BD55 62%,#8A6516 100%);--foil-ink:#4A3508;--tint:#FFFBEF;--edge:#C9A13E}
.fof-tier-silver{--foil:linear-gradient(135deg,#6E7782 0%,#B9C1CA 28%,#FFFFFF 48%,#C7CDD4 62%,#6E7782 100%);--foil-ink:#2B323A;--tint:#F7F9FB;--edge:#A3ACB6}
.fof-tier-bronze{--foil:linear-gradient(135deg,#6E3616 0%,#C07A45 28%,#F8D2AE 48%,#C98652 62%,#6E3616 100%);--foil-ink:#3E1C0A;--tint:#FFF8F2;--edge:#B06D3C}
.fof-tiers{display:flex;flex-direction:column;gap:4.5rem;margin:4rem 0}
.fof-tier-head{text-align:center;margin-bottom:2rem}
.fof-tier-titlerow{display:flex;align-items:center;justify-content:center;gap:.9rem}
.fof-tier-rule{flex:0 1 7rem;height:1px;background:var(--foil);opacity:.9}
.fof-tier-foil{width:.55rem;height:.55rem;transform:rotate(45deg);background:var(--foil);box-shadow:0 0 0 3px var(--tint)}
.fof-tier-head h2{font-family:Outfit,ui-sans-serif,system-ui,sans-serif;font-size:1.65rem;font-weight:700;letter-spacing:-.015em;color:hsl(var(--foreground));margin:0;white-space:nowrap}
.fof-tier-head p{margin:.45rem 0 0;font-size:.92rem;color:hsl(var(--muted-foreground))}
.fof-tier-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}
.fof-tier-tile{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:1rem;border:1.5px solid transparent;background:linear-gradient(180deg,var(--tint),#fff 60%) padding-box,var(--foil) border-box;box-shadow:0 1px 2px rgb(15 27 45/.05),0 12px 28px -18px rgb(15 27 45/.35);text-decoration:none;color:inherit;margin-bottom:.75rem;transition:transform .2s,box-shadow .2s}
.fof-tier-gold .fof-tier-tile{width:19.5rem;height:10.5rem;padding:1.75rem 2rem 2.1rem}
.fof-tier-silver .fof-tier-tile{width:16rem;height:8.5rem;padding:1.5rem 1.75rem 1.9rem}
.fof-tier-bronze .fof-tier-tile{width:13.5rem;height:7rem;padding:1.25rem 1.5rem 1.7rem}
.fof-tier-pill{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);padding:.22rem .8rem;border-radius:999px;background:var(--foil);color:var(--foil-ink);font-size:.72rem;font-weight:700;letter-spacing:.04em;line-height:1.2;box-shadow:0 0 0 3px #fff,0 4px 10px -4px rgb(15 27 45/.35);white-space:nowrap}
.fof-tier-img{max-width:100%;max-height:100%;object-fit:contain}
.fof-tier-gold .fof-tier-img{max-height:4.5rem}.fof-tier-silver .fof-tier-img{max-height:3.75rem}.fof-tier-bronze .fof-tier-img{max-height:2.75rem}
.fof-tier-name{font-family:Outfit,ui-sans-serif,system-ui,sans-serif;font-weight:700;color:hsl(var(--foreground))}
.fof-tier-dark{background:linear-gradient(180deg,#1B2847,#121C33) padding-box,var(--foil) border-box}
a.fof-linked.fof-tier-tile:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgb(15 27 45/.05),0 18px 34px -16px rgb(15 27 45/.4)}
a.fof-linked.fof-tier-tile::after{content:"↗";position:absolute;top:.55rem;right:.75rem;font-size:.85rem;color:var(--edge);opacity:0;transition:opacity .2s}
a.fof-linked.fof-tier-tile:hover::after{opacity:1}
a.fof-linked.fof-tier-tile:focus-visible{outline:3px solid hsl(var(--ring));outline-offset:3px}
.fof-plain-link{color:inherit;text-decoration:none;display:inline-block;transition:opacity .2s}
a.fof-plain-link:hover{opacity:.85}
/* v4 row layout */
.fof-sp4-t-gold,.fof-sp4-t-silver,.fof-sp4-t-bronze{--tb:var(--tint)}
.fof-sp4-tier.fof-tier-gold .fof-sp4-label,.fof-sp4-tier.fof-tier-silver .fof-sp4-label,.fof-sp4-tier.fof-tier-bronze .fof-sp4-label{border-left:0;padding-left:1.4rem;position:relative}
.fof-sp4-tier.fof-tier-gold .fof-sp4-label::before,.fof-sp4-tier.fof-tier-silver .fof-sp4-label::before,.fof-sp4-tier.fof-tier-bronze .fof-sp4-label::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:4px;background:var(--foil)}
.fof-sp4-tier.fof-tier-gold .fof-sp4-badge,.fof-sp4-tier.fof-tier-silver .fof-sp4-badge,.fof-sp4-tier.fof-tier-bronze .fof-sp4-badge{width:1rem;height:1rem;border-radius:.2rem;transform:rotate(45deg);background:var(--foil);margin:.35rem 0 1.1rem .3rem}
.fof-sp4-tier.fof-tier-gold .fof-sp4-badge svg,.fof-sp4-tier.fof-tier-silver .fof-sp4-badge svg,.fof-sp4-tier.fof-tier-bronze .fof-sp4-badge svg{display:none}
.fof-sp4-tier.fof-tier-gold .fof-sp4-label h2,.fof-sp4-tier.fof-tier-silver .fof-sp4-label h2,.fof-sp4-tier.fof-tier-bronze .fof-sp4-label h2{font-family:Outfit,ui-sans-serif,system-ui,sans-serif}
.fof-tier-grid-v4{justify-content:flex-start}
.fof-sp4-tier.fof-tier-gold .fof-tier-tile{width:calc(33.33% - 1rem);height:9.5rem}
.fof-sp4-tier.fof-tier-silver .fof-tier-tile{width:15rem;height:8rem}
.fof-sp4-tier.fof-tier-bronze .fof-tier-tile{width:12.5rem;height:6.75rem}
@media (max-width:768px){.fof-tier-gold .fof-tier-tile,.fof-sp4-tier.fof-tier-gold .fof-tier-tile{width:100%;height:9rem}.fof-tier-silver .fof-tier-tile,.fof-tier-bronze .fof-tier-tile,.fof-sp4-tier.fof-tier-silver .fof-tier-tile,.fof-sp4-tier.fof-tier-bronze .fof-tier-tile{width:calc(50% - .75rem)}.fof-tier-rule{flex-basis:2.5rem}}
/* Safaricom headline lockup: transparent PNG, shown solid */
img[src*="safaricom-mpesa-lockup"]{display:block;width:auto;max-width:100%!important;max-height:7.5rem!important;filter:none!important;-webkit-mask-image:none!important;mask-image:none!important;mix-blend-mode:normal!important;border-radius:0;box-shadow:none}
.fof-sp2-spotlight-brand{background:linear-gradient(180deg,#EAF4FB 0%,#F4FAFD 100%)!important;padding:2rem!important}
.fof-sp4-hero-meta{min-width:15rem}
.fof-sp4-hero-mark img[src*="safaricom-mpesa-lockup"]{max-height:6rem!important;max-width:24rem!important}
.fof-sp3-feature-body img[src*="safaricom-mpesa-lockup"]{max-height:6.5rem!important;max-width:28rem!important}
/* per-logo optical sizing */
.fof-tier-tile img[src*="ah-import"]{max-height:6.75rem!important}
.fof-tier-tile img[src*="atua-enkop"]{max-height:5.25rem!important;transform:scale(1.2)}
@media (prefers-reduced-motion:reduce){.fof-tier-tile,.fof-tier-tile::after{transition:none}}
/* let white/grey logo backgrounds melt into the tier tint */
.fof-tier-tile:not(.fof-tier-dark) .fof-tier-img{mix-blend-mode:multiply}
/* ---------- Platinum: Safaricom headline card ---------- */
:root{--plat-foil:linear-gradient(135deg,#5F6B7A 0%,#AEB9C6 18%,#EEF2F6 34%,#FFFFFF 44%,#E6E1F2 52%,#D4E3EC 60%,#9DA9B7 78%,#5F6B7A 100%);--plat-ink:#1D2530}
.fof-sp-headline,.fof-sp2-spotlight,.fof-sp3-feature,.fof-sp4-hero{border:2px solid transparent!important;background:linear-gradient(180deg,#FBFCFE,#fff) padding-box,var(--plat-foil) border-box!important;box-shadow:0 2px 4px rgb(29 37 48/.05),0 26px 50px -30px rgb(29 37 48/.45)!important}
.fof-sp-headline::before{background:var(--plat-foil)!important;height:5px!important}
.fof-sp2-spotlight-brand{background:#fff!important}
.fof-sp3-feature-art{border-left:2px solid #D9E0E7}
.fof-sp-tier,.fof-sp2-spotlight .fof-sp2-label,.fof-sp3-feature-tag,.fof-sp4-pill{display:inline-flex!important;align-items:center;gap:.4rem;background:var(--plat-foil)!important;color:var(--plat-ink)!important;padding:.3rem .85rem!important;border-radius:999px!important;font-size:.74rem!important;font-weight:700!important;letter-spacing:.04em!important;text-transform:none!important;box-shadow:0 0 0 1px rgb(95 107 122/.35),0 4px 10px -5px rgb(29 37 48/.4)}
.fof-sp3-feature-tag svg{color:var(--plat-ink)!important;width:.95rem;height:.95rem}
.fof-sp4-tier.fof-plat{--tc:#7F8B99;--tb:#EEF2F6}
.fof-sp4-tier.fof-plat .fof-sp4-label{border-left:0;padding-left:1.4rem;position:relative}
.fof-sp4-tier.fof-plat .fof-sp4-label::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:4px;background:var(--plat-foil)}
.fof-sp4-tier.fof-plat .fof-sp4-badge{width:1rem;height:1rem;border-radius:.2rem;transform:rotate(45deg);background:var(--plat-foil);margin:.35rem 0 1.1rem .3rem;box-shadow:0 0 0 1px rgb(95 107 122/.4)}
.fof-sp4-tier.fof-plat .fof-sp4-badge svg{display:none}
.fof-sp4-tier.fof-plat .fof-sp4-label h2{font-family:Outfit,ui-sans-serif,system-ui,sans-serif}
.fof-sp2-spotlight .fof-sp2-label,.fof-sp3-feature-tag,.fof-sp-tier,.fof-sp4-pill{align-self:flex-start;width:fit-content}
/* ---------- Gold: all five on one row ---------- */
.fof-tier-gold .fof-tier-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}
.fof-tier-gold .fof-tier-tile{width:auto;height:8.75rem;padding:1.25rem 1.1rem 1.75rem}
.fof-tier-gold .fof-tier-img{max-height:4rem}
.fof-tier-gold .fof-tier-tile img[src*="ah-import"]{max-height:5.75rem!important}
.fof-sp4-tier.fof-tier-gold .fof-tier-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}
.fof-sp4-tier.fof-tier-gold .fof-tier-tile{width:auto;height:7.5rem;padding:1rem .8rem 1.5rem}
.fof-sp4-tier.fof-tier-gold .fof-tier-img{max-height:3.25rem}
.fof-sp4-tier.fof-tier-gold .fof-tier-tile img[src*="ah-import"]{max-height:4.75rem!important}
@media (max-width:900px){.fof-tier-gold .fof-tier-grid,.fof-sp4-tier.fof-tier-gold .fof-tier-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.fof-tier-gold .fof-tier-grid,.fof-sp4-tier.fof-tier-gold .fof-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* ---------- Media partners ---------- */
.fof-tier-media{--foil:linear-gradient(135deg,#16213A 0%,#2C4A7A 30%,#7FA6D6 48%,#3A5E94 62%,#16213A 100%);--foil-ink:#fff;--tint:#F4F7FC;--edge:#3A5E94}
.fof-media{margin-top:1rem;padding-top:3.5rem;border-top:1px solid hsl(var(--border))}
.fof-tier-media .fof-tier-tile{width:17rem;height:9.5rem;padding:1.4rem 1.75rem 1.9rem}
.fof-tier-media .fof-tier-img{max-height:5.5rem}
.fof-sp4-tier.fof-tier-media .fof-sp4-label{border-left:0;padding-left:1.4rem;position:relative}
.fof-sp4-tier.fof-tier-media .fof-sp4-label::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:4px;background:var(--foil)}
.fof-sp4-tier.fof-tier-media .fof-sp4-badge{width:1rem;height:1rem;border-radius:.2rem;transform:rotate(45deg);background:var(--foil);margin:.35rem 0 1.1rem .3rem}
.fof-sp4-tier.fof-tier-media .fof-sp4-badge svg{display:none}
.fof-sp4-tier.fof-tier-media .fof-sp4-label h2{font-family:Outfit,ui-sans-serif,system-ui,sans-serif}
.fof-sp4-tier.fof-tier-media .fof-tier-tile{width:15rem;height:8.5rem}
/* ---------- Stepped layout: silver + bronze share a row under gold ---------- */
.fof-tier-pair{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2.5rem;max-width:52rem;margin:0 auto;width:100%;align-items:start}
.fof-tier-pair .fof-tier-rule{flex-basis:2.5rem}
.fof-tier-pair .fof-tier-head{margin-bottom:1.5rem}
.fof-tier-pair .fof-tier-head h2{font-size:1.3rem}
.fof-tier-pair .fof-tier-silver .fof-tier-tile{width:14.5rem;height:7.25rem;padding:1.1rem 1.4rem 1.6rem}
.fof-tier-pair .fof-tier-silver .fof-tier-img{max-height:3.25rem}
.fof-tier-pair .fof-tier-silver .fof-tier-tile img[src*="atua-enkop"]{max-height:3.75rem!important;transform:scale(1.15)}
.fof-tier-pair .fof-tier-bronze .fof-tier-tile{width:12rem;height:6rem;padding:.9rem 1.2rem 1.4rem}
.fof-tier-pair .fof-tier-bronze .fof-tier-img{max-height:2.25rem}
.fof-sp4-pair{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2rem;padding:2.5rem 0;border-bottom:1px solid hsl(var(--border))}
.fof-sp4-pair .fof-sp4-tier{grid-template-columns:1fr;gap:1.25rem;padding:0;border-bottom:0}
.fof-sp4-pair .fof-sp4-label h2{font-size:1.3rem}
.fof-sp4-pair .fof-tier-silver .fof-tier-tile{width:14rem;height:7rem;padding:1.1rem 1.4rem 1.6rem}
.fof-sp4-pair .fof-tier-silver .fof-tier-img{max-height:3.25rem}
.fof-sp4-pair .fof-tier-silver .fof-tier-tile img[src*="atua-enkop"]{max-height:3.75rem!important;transform:scale(1.15)}
.fof-sp4-pair .fof-tier-bronze .fof-tier-tile{width:11.5rem;height:5.75rem;padding:.9rem 1.2rem 1.4rem}
.fof-sp4-pair .fof-tier-bronze .fof-tier-img{max-height:2.25rem}
@media (max-width:700px){.fof-tier-pair,.fof-sp4-pair{grid-template-columns:1fr;gap:3rem}}
/* ---------- Platinum tag: identical to the gold/silver/bronze pills ---------- */
.fof-sp-tier,.fof-sp2-spotlight .fof-sp2-label,.fof-sp3-feature-tag,.fof-sp4-pill{display:none!important}
.fof-sp-headline,.fof-sp2-spotlight,.fof-sp3-feature,.fof-sp4-hero{position:relative!important;overflow:visible!important;margin-bottom:1.25rem}
.fof-sp-headline::after,.fof-sp2-spotlight::after,.fof-sp3-feature::after,.fof-sp4-hero::after{content:"Main";position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);z-index:2;padding:.22rem .8rem;border-radius:999px;background:var(--plat-foil);color:var(--plat-ink);font-size:.72rem;font-weight:700;letter-spacing:.04em;line-height:1.2;white-space:nowrap;box-shadow:0 0 0 3px #fff,0 4px 10px -4px rgb(15 27 45/.35)}
.fof-sp2-spotlight-brand{border-radius:calc(1.25rem - 2px) 0 0 calc(1.25rem - 2px)}
.fof-sp3-feature-art{border-radius:0 calc(1rem - 2px) calc(1rem - 2px) 0}
@media (max-width:768px){.fof-sp2-spotlight-brand{border-radius:calc(1.25rem - 2px) calc(1.25rem - 2px) 0 0}.fof-sp3-feature-art{border-radius:0 0 calc(1rem - 2px) calc(1rem - 2px)}}
/* ---------- Hydration tiles: same system as media ---------- */
.fof-tier-hydration{--foil:linear-gradient(135deg,#0E6FA3 0%,#1E9BD7 30%,#BDE9FB 48%,#35B8E8 62%,#0E6FA3 100%);--foil-ink:#fff;--tint:#F1F9FE;--edge:#1E7FB8}
.fof-partners .fof-tier-hydration .fof-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.fof-partners .fof-tier-hydration .fof-tier-tile,.fof-partners .fof-tier-media .fof-tier-tile{width:auto;height:9.25rem;padding:1.25rem 1.1rem 1.75rem}
.fof-partners .fof-tier-img{max-height:5rem}
.fof-tier-tile img[src*="safari-lemonade"]{mix-blend-mode:normal!important;border-radius:.6rem;max-height:5rem!important}
.fof-sp4-tier.fof-tier-hydration .fof-tier-tile{width:12.5rem;height:8.5rem;padding:1.25rem 1.1rem 1.75rem}
.fof-sp4-tier.fof-tier-hydration .fof-sp4-label{border-left:0;padding-left:1.4rem;position:relative}
.fof-sp4-tier.fof-tier-hydration .fof-sp4-label::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:4px;background:var(--foil)}
.fof-sp4-tier.fof-tier-hydration .fof-sp4-badge{width:1rem;height:1rem;border-radius:.2rem;transform:rotate(45deg);background:var(--foil);margin:.35rem 0 1.1rem .3rem}
.fof-sp4-tier.fof-tier-hydration .fof-sp4-badge svg{display:none}
.fof-sp4-tier.fof-tier-hydration .fof-sp4-label h2{font-family:Outfit,ui-sans-serif,system-ui,sans-serif}
@media (max-width:560px){.fof-partners .fof-tier-hydration .fof-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* ---------- Platinum, refined ---------- */
.fof-tier-platinum{--foil:var(--plat-foil);--tint:#F3F6F9}
.fof-plat-head{margin:0 0 1.75rem}
.fof-plat-head .fof-tier-head{margin-bottom:0}
.fof-sp-headline,.fof-sp2-spotlight,.fof-sp3-feature,.fof-sp4-hero{
  border:3px solid transparent!important;
  background:
    linear-gradient(115deg,transparent 38%,rgb(255 255 255/.85) 50%,transparent 62%) -150% 0/250% 100% no-repeat padding-box,
    repeating-linear-gradient(90deg,rgb(255 255 255/0) 0 2px,rgb(110 122 138/.04) 2px 3px) padding-box,
    linear-gradient(160deg,#FAFBFD 0%,#E8EDF2 52%,#F5F7FA 100%) padding-box,
    var(--plat-foil) border-box!important;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgb(29 37 48/.06),0 34px 60px -34px rgb(29 37 48/.55)!important;
  animation:fofPlatSheen 1.8s cubic-bezier(.3,.6,.2,1) .35s 1 both}
@keyframes fofPlatSheen{from{background-position:-150% 0,0 0,0 0,0 0}to{background-position:250% 0,0 0,0 0,0 0}}
@media (prefers-reduced-motion:reduce){.fof-sp-headline,.fof-sp2-spotlight,.fof-sp3-feature,.fof-sp4-hero{animation:none}}
.fof-sp-headline::before{display:none!important}
/* white plaque that mounts the logo */
.fof-sp-headline-logo,.fof-sp4-hero-mark{background:#fff;border-radius:1rem;padding:1.5rem 2.25rem;box-shadow:inset 0 0 0 1px #DCE3EA,0 12px 26px -18px rgb(29 37 48/.45)}
.fof-sp-headline-logo{display:inline-flex!important;margin:0 auto 1.25rem}
.fof-sp2-spotlight-brand{background:#fff!important;box-shadow:inset -1px 0 0 #DCE3EA}
.fof-sp3-feature-body .fof-plain-link{background:#fff;border-radius:1rem;padding:1.1rem 1.6rem;box-shadow:inset 0 0 0 1px #DCE3EA,0 12px 26px -18px rgb(29 37 48/.45)}
.fof-sp-headline p,.fof-sp2-spotlight-body p,.fof-sp3-feature-body p,.fof-sp4-hero-meta p{color:hsl(215 18% 34%)!important}
.fof-sp4-hero-meta{border-left-color:#D3DAE2!important}
/* platinum pill: same shape as the others, slightly richer edge */
.fof-sp-headline::after,.fof-sp2-spotlight::after,.fof-sp3-feature::after,.fof-sp4-hero::after{box-shadow:0 0 0 3px #fff,0 0 0 4px #C9D2DC,0 6px 14px -5px rgb(29 37 48/.45)!important}
/* bronze matches silver: equal columns, tiles, logos and titles */
.fof-tier-pair,.fof-sp4-pair{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.fof-tier-pair .fof-tier-bronze .fof-tier-tile{width:14.5rem;height:7.25rem;padding:1.1rem 1.4rem 1.6rem}
.fof-tier-pair .fof-tier-bronze .fof-tier-img{max-height:3.25rem}
.fof-sp4-pair .fof-tier-bronze .fof-tier-tile{width:14rem;height:7rem;padding:1.1rem 1.4rem 1.6rem}
.fof-sp4-pair .fof-tier-bronze .fof-tier-img{max-height:3.25rem}
.fof-tier-pair .fof-tier-head h2,.fof-sp4-pair .fof-sp4-label h2{font-size:1.3rem}
.fof-tier-pair .fof-tier-head p,.fof-sp4-pair .fof-sp4-label p{font-size:.92rem}
.fof-sp-intro{margin-bottom:1.5rem}
/* ---------- Sponsored sport footer inside each tile ---------- */
.fof-tier-tile.has-sport{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.7rem;height:auto!important;padding:1.1rem 1rem 1.7rem!important}
.fof-tier-logo{display:flex;align-items:center;justify-content:center;height:4.5rem}
.fof-tier-gold .fof-tier-logo{height:4.25rem}
.fof-tier-silver .fof-tier-logo,.fof-tier-bronze .fof-tier-logo{height:3.4rem}
.fof-tier-logo .fof-tier-img{max-height:100%!important}
.fof-tier-sport{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:.4rem;row-gap:.1rem;padding-top:.65rem;border-top:1px solid color-mix(in srgb,var(--edge) 35%,transparent);font-size:.82rem;line-height:1.25;color:hsl(215 22% 26%)}
.fof-tier-sport-ic{width:1rem;height:1rem;color:var(--edge);flex:none}
.fof-tier-sport b{font-weight:650}
.fof-tier-sport small{flex-basis:100%;text-align:center;font-size:.74rem;color:hsl(var(--muted-foreground))}
.fof-tier-gold .fof-tier-tile.has-sport{min-height:10.5rem}
.fof-tier-pair .fof-tier-tile.has-sport,.fof-sp4-pair .fof-tier-tile.has-sport{width:15rem}

/* Multi-sport sponsor (Oriental): one large tile, second only to the main sponsor */
.fof-tier-multi{--foil:linear-gradient(135deg,#8A6516 0%,#D9B24C 28%,#FFF0B8 48%,#E2BD55 62%,#8A6516 100%);--foil-ink:#4A3508;--tint:#FFFBEF;--edge:#C9A13E}
.fof-tier-multi .fof-tier-tile{width:24rem;max-width:100%;height:11rem;padding:1.5rem 2rem 2.1rem}
.fof-tier-multi .fof-tier-img{max-height:7rem}
/* Premium, community and supermarket sit side by side, as on the banner */
.fof-tier-pair.fof-tier-trio{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:66rem}
@media (max-width:900px){.fof-tier-pair.fof-tier-trio{grid-template-columns:1fr!important;gap:3rem}}

/* Hydration partners: one family panel */
.fof-hyd{position:relative;border-radius:1.25rem;padding:2.25rem 2rem 1.5rem;background:radial-gradient(120% 140% at 50% 0%,#F1F9FE 0%,#fff 62%);border:1px solid hsl(200 70% 88%);box-shadow:0 1px 2px rgb(15 27 45/.04),0 16px 36px -24px rgb(14 127 184/.45);overflow:hidden}
.fof-hyd::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#1E9BD7,#35B8E8 50%,#1E9BD7)}
.fof-hyd-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.fof-hyd-brand{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.9rem;padding:0 1.5rem}
.fof-hyd-brand+.fof-hyd-brand{border-left:1px solid hsl(200 40% 90%)}
.fof-hyd-logo{height:7.5rem;width:100%;display:flex;align-items:center;justify-content:center}
.fof-hyd-logo img{max-height:100%;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
.fof-hyd-logo-badge img{mix-blend-mode:normal;height:100%;width:auto;border-radius:1rem;box-shadow:0 8px 18px -10px rgb(120 90 0/.55)}
.fof-hyd-brand figcaption{font-size:.88rem;font-weight:600;color:hsl(215 20% 35%);text-align:center}
.fof-hyd-note{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1.6rem 0 0;padding-top:1.1rem;border-top:1px solid hsl(200 40% 92%);font-size:.9rem;color:hsl(var(--muted-foreground));text-align:center}
.fof-hyd-drop{width:1rem;height:1rem;color:#1E9BD7;flex:none}
@media (max-width:640px){.fof-hyd{padding:1.75rem 1rem 1.25rem}.fof-hyd-row{grid-template-columns:1fr;gap:1.5rem}.fof-hyd-brand+.fof-hyd-brand{border-left:0;border-top:1px solid hsl(200 40% 90%);padding-top:1.5rem}.fof-hyd-logo{height:6.5rem}}
/* linked hydration brands */
.fof-hyd-brand{text-decoration:none;color:inherit;border-radius:.8rem;transition:background .15s}
a.fof-hyd-brand:hover{background:rgb(30 155 215/.06)}
a.fof-hyd-brand:hover .fof-hyd-cap{color:#1E7FB8}
a.fof-hyd-brand:focus-visible{outline:3px solid hsl(var(--ring));outline-offset:2px}
.fof-hyd-cap{font-size:.88rem;font-weight:600;color:hsl(215 20% 35%);text-align:center;padding-bottom:.4rem;transition:color .15s}
.fof-hyd-brand{padding-top:.6rem}
/* bottom row: hydration beside media */
.fof-tier-hydration{--foil:linear-gradient(135deg,#0E6FA3 0%,#1E9BD7 30%,#BDE9FB 48%,#35B8E8 62%,#0E6FA3 100%);--tint:#F1F9FE}
.fof-partners{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:2.5rem;align-items:start;margin:1rem 0 4rem;padding-top:3.5rem;border-top:1px solid hsl(var(--border))}
.fof-partners .fof-tier-rule{flex-basis:3rem}
.fof-partners .fof-hyd{padding:1.75rem 1.25rem 1.25rem}
.fof-partners .fof-hyd-brand{padding-left:.75rem;padding-right:.75rem}
.fof-partners .fof-hyd-logo{height:6rem}
.fof-partners .fof-tier-media .fof-tier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.fof-partners .fof-tier-media .fof-tier-tile{width:auto;height:9.25rem}
@media (max-width:900px){.fof-partners{grid-template-columns:1fr;gap:3.5rem}}

/* Our partners spans the full width above the hydration partners */
.fof-partners{grid-template-columns:1fr;gap:3.5rem}
.fof-partners .fof-tier-media .fof-tier-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.fof-partners .fof-tier-media .fof-tier-tile{height:8.5rem;padding:1.1rem 1rem 1.75rem}
.fof-partners .fof-tier-media .fof-tier-img{max-height:4.25rem}
.fof-partners .fof-tier-hydration .fof-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:52rem;margin:0 auto}
@media (max-width:900px){.fof-partners .fof-tier-media .fof-tier-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.fof-partners .fof-tier-media .fof-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.fh{--fh-ink:#0F1B2D;--fh-green:#16803C;--fh-leaf:#3BA535;--fh-wash:#EEF7F6;--fh-red:#C8232C;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);min-height:min(88vh,780px);background:linear-gradient(180deg,#F4FAFB 0%,var(--fh-wash) 100%);overflow:hidden}
.fh-copy{position:relative;z-index:2;align-self:center;padding:3.5rem 2rem 3.5rem max(2rem,calc((100vw - 80rem)/2 + 2rem));max-width:44rem}
.fh-brand{display:flex;align-items:center;gap:.9rem;margin-bottom:2rem}
.fh-brand-mark{font-family:Outfit,ui-sans-serif,system-ui,sans-serif;font-weight:800;font-size:1.35rem;color:var(--fh-ink);letter-spacing:-.01em}
.fh-brand-rule{width:1px;height:1.6rem;background:hsl(210 20% 70%)}
.fh-brand-line{font-size:.9rem;color:hsl(215 16% 40%)}
.fh-title{font-family:Outfit,ui-sans-serif,system-ui,sans-serif;font-weight:800;font-size:clamp(2.75rem,6vw,5.25rem);line-height:.98;letter-spacing:-.035em;color:var(--fh-ink);margin:0}
.fh-title-year{background:linear-gradient(100deg,#0E7FB8 0%,#16A06A 55%,var(--fh-leaf) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.fh-sub{font-family:Outfit,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:clamp(1.3rem,2.2vw,1.85rem);color:var(--fh-green);margin:.9rem 0 .75rem}
.fh-body{font-size:1.05rem;line-height:1.6;color:hsl(215 20% 32%);max-width:34rem;margin:0 0 1.9rem}
.fh-ctas{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.25rem}
.fh-btn{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:0 1.6rem;border-radius:.8rem;font-weight:600;font-size:1rem;text-decoration:none;transition:background .15s,box-shadow .15s,transform .15s}
.fh-btn-primary{color:#fff;background:linear-gradient(180deg,#1C9A4A,var(--fh-green));box-shadow:0 10px 24px -10px rgb(22 128 60/.7),inset 0 1px 0 rgb(255 255 255/.18)}
.fh-btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px -10px rgb(22 128 60/.75),inset 0 1px 0 rgb(255 255 255/.18)}
.fh-btn-ghost{color:var(--fh-ink);background:#fff;border:1px solid hsl(210 20% 86%)}
.fh-btn-ghost:hover{border-color:var(--fh-green);color:var(--fh-green)}
.fh-deadline{display:inline-flex;align-items:center;gap:.9rem;padding:.8rem 1.2rem .8rem 1rem;margin-bottom:1.75rem;border-radius:.8rem;background:#FDF1F1;border:1px solid #F6D3D5;text-decoration:none;color:inherit}
.fh-deadline-ic{width:1.6rem;height:1.6rem;color:var(--fh-red)}
.fh-deadline-k{display:block;font-size:.85rem;font-weight:600;color:var(--fh-red)}
.fh-deadline-v{display:block;font-family:Outfit,ui-sans-serif,system-ui,sans-serif;font-weight:800;font-size:1.6rem;line-height:1.1;color:var(--fh-red);letter-spacing:-.01em}
.fh-stats{display:flex;flex-wrap:wrap;align-items:stretch;background:#fff;border:1px solid hsl(210 20% 88%);border-radius:.9rem;width:fit-content;max-width:100%}
.fh-stat{display:flex;align-items:center;gap:.7rem;padding:.85rem 1.3rem;text-decoration:none;color:var(--fh-ink);transition:background .15s}
.fh-stat+.fh-stat{border-left:1px solid hsl(210 20% 90%)}
.fh-stat:first-child{border-radius:.9rem 0 0 .9rem}.fh-stat:last-child{border-radius:0 .9rem .9rem 0}
.fh-stat:hover{background:#F2FAF5}
.fh-stat-ic{width:1.45rem;height:1.45rem;color:var(--fh-green);flex:none}
.fh-stat b{display:block;font-family:Outfit,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:1.3rem;line-height:1.1}
.fh-stat small{display:block;font-size:.8rem;color:hsl(215 16% 45%)}
.fh-art{position:relative;display:block;min-height:100%}
.fh-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%);mask-image:linear-gradient(90deg,transparent 0,#000 16%)}
.fh a:focus-visible{outline:3px solid #0E7FB8;outline-offset:3px}
@media (max-width:900px){.fh{grid-template-columns:1fr;min-height:0}.fh-art{order:-1;height:78vw;max-height:34rem}.fh-art img{object-position:center 8%}.fh-art img{-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent 100%);mask-image:linear-gradient(180deg,#000 75%,transparent 100%)}.fh-copy{padding:1rem 1.25rem 3rem;max-width:none}.fh-brand{margin-bottom:1.25rem}.fh-stat{padding:.75rem 1rem}}
@media (max-width:480px){.fh-stats{width:100%}.fh-stat{flex:1 1 100%}.fh-stat+.fh-stat{border-left:0;border-top:1px solid hsl(210 20% 90%)}.fh-btn{flex:1 1 100%}}
@media (prefers-reduced-motion:reduce){.fh *{transition:none!important}}
.fh-btn-ic{width:1.15rem;height:1.15rem;margin-left:.6rem}
.fh-ctas{margin-bottom:2rem}