:root{
--sf-color-primary:#24348C;
--sf-color-accent:#FF5C3A;
--sf-color-text:#1B1D22;
--sf-color-background:#F7F6F3;
--sf-color-surface-tint:#ECEEF7;
--sf-color-surface-dark:#141B3D;
--sf-color-on-dark:#F2F3FA;
--sf-color-azure:#3E7CB8;
--sf-font-base:'Inter',system-ui,sans-serif;
--sf-font-heading:'Georgia','Times New Roman',serif;
--sf-radius:14px;
--sf-space-sm:1rem;
--sf-space-md:2rem;
--sf-space-lg:4rem;
--sf-space-xl:6.5rem;
--sf-maxwidth:1140px;
--sf-shadow-sm:0 1px 2px rgba(20,27,61,.06),0 4px 14px rgba(20,27,61,.06);
--sf-shadow-md:0 6px 18px rgba(20,27,61,.10),0 18px 44px rgba(20,27,61,.10);
--sf-scrim:linear-gradient(180deg,rgba(16,21,48,.18),rgba(16,21,48,.62));
--sf-logo-height:56px;
--sf-logo-height-scrolled:44px;
--sf-ink-soft:#4A4E5A;
--sf-line:rgba(20,27,61,.12);
--sf-coral-soft:#FFE9E2;
}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
background:var(--sf-color-background);
color:var(--sf-color-text);
font-family:var(--sf-font-base);
line-height:1.65;
-webkit-font-smoothing:antialiased;
}
::selection{background:var(--sf-color-accent);color:#fff}
h1,h2,h3,h4{
font-family:var(--sf-font-heading);
color:var(--sf-color-primary);
line-height:1.12;
letter-spacing:-0.015em;
font-weight:700;
}
h1{font-size:clamp(2.3rem,5.4vw,3.9rem);letter-spacing:-0.025em}
h2{font-size:clamp(1.7rem,3.4vw,2.5rem)}
h3{font-size:clamp(1.2rem,2vw,1.45rem);letter-spacing:-0.01em}
p{max-width:68ch}
a{color:var(--sf-color-primary);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--sf-color-accent)}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{
outline:3px solid var(--sf-color-azure);outline-offset:2px;border-radius:4px;
}
/* ---------- Header ---------- */
.site-header{
position:sticky;top:0;z-index:60;
background:rgba(247,246,243,.88);
backdrop-filter:saturate(1.4) blur(10px);
-webkit-backdrop-filter:saturate(1.4) blur(10px);
border-bottom:1px solid transparent;
transition:border-color .3s ease,background .3s ease,box-shadow .3s ease;
}
html.sf-scrolled .site-header{
background:rgba(247,246,243,.94);
border-bottom:1px solid var(--sf-line);
box-shadow:0 6px 24px rgba(20,27,61,.07);
}
.site-branding{padding-block:.65rem}
.site-header a{color:var(--sf-color-text);text-decoration:none;font-weight:600;font-size:.95rem}
.site-header nav a{padding:.45rem .8rem;border-radius:999px;transition:background .2s,color .2s}
.site-header nav a:hover{background:var(--sf-color-surface-tint);color:var(--sf-color-primary)}
.site-header nav a[aria-current="page"]{color:var(--sf-color-accent)}
/* ---------- Progress strip ---------- */
.sf-progress{height:4px;background:transparent}
.sf-progress__bar{height:4px;background:linear-gradient(90deg,var(--sf-color-primary),var(--sf-color-accent))}
/* ---------- Sections ---------- */
.sf-section{padding-block:var(--sf-space-xl);position:relative;overflow:hidden}
.sf-section--tint{background:var(--sf-color-surface-tint)}
.sf-section--dark{
background:radial-gradient(1200px 600px at 85% -10%,#2A3AA0 0%,var(--sf-color-surface-dark) 55%);
color:var(--sf-color-on-dark);
}
.sf-section--dark h1,.sf-section--dark h2,.sf-section--dark h3,.sf-section--dark h4{color:var(--sf-color-on-dark)}
.sf-section--dark a{color:#B9C6FF}
.sf-section--dark a:hover{color:var(--sf-color-accent)}
.sf-eyebrow{
display:inline-block;
font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
color:var(--sf-color-accent);
margin-bottom:1rem;
}
.sf-section--dark .sf-eyebrow{color:#FF9A82}
.sf-animate{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1)}
.sf-animate.sf-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.sf-animate{opacity:1;transform:none;transition:none}
}
/* ---------- Hero split ---------- */
.sf-hero{
padding-block:clamp(3rem,7vw,6rem);
background:
radial-gradient(900px 480px at 100% 0%,rgba(62,124,184,.10),transparent 60%),
radial-gradient(700px 420px at 0% 100%,rgba(255,92,58,.07),transparent 60%),
var(--sf-color-background);
}
.sf-hero__heading{max-width:16ch}
.sf-hero__tagline{font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--sf-ink-soft);max-width:44ch}
.sf-hero--split .sf-hero__media img{
border-radius:calc(var(--sf-radius) * 1.5);
box-shadow:var(--sf-shadow-md);
}
.sf-hero--overlay .sf-hero__inner h1,.sf-hero--overlay .sf-hero__inner p{color:#fff}
/* ---------- Buttons ---------- */
.wp-block-button__link,.wp-element-button{
background:var(--sf-color-primary);
color:#fff !important;
border-radius:999px;
padding:.85rem 1.7rem;
font-weight:700;font-size:.98rem;
text-decoration:none;
border:2px solid var(--sf-color-primary);
transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;
}
.wp-block-button__link:hover,.wp-element-button:hover{
background:var(--sf-color-accent);
border-color:var(--sf-color-accent);
color:#fff;
transform:translateY(-2px);
box-shadow:0 10px 24px rgba(255,92,58,.28);
}
.wp-block-button__link:active,.wp-element-button:active{transform:translateY(0)}
@media (prefers-reduced-motion:reduce){
.wp-block-button__link,.wp-element-button{transition:background .2s,border-color .2s}
}
/* ---------- Feature grid ---------- */
.sf-feature-grid{gap:1.5rem}
.sf-feature-card{
background:#fff;
border:1px solid var(--sf-line);
border-radius:var(--sf-radius);
padding:2rem 1.75rem;
box-shadow:var(--sf-shadow-sm);
position:relative;
transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.sf-feature-card::before{
content:"";
position:absolute;inset:0 0 auto 0;height:4px;
border-radius:var(--sf-radius) var(--sf-radius) 0 0;
background:linear-gradient(90deg,var(--sf-color-primary),var(--sf-color-azure));
opacity:0;transition:opacity .25s ease;
}
.sf-feature-card:hover{transform:translateY(-5px);box-shadow:var(--sf-shadow-md);border-color:rgba(36,52,140,.28)}
.sf-feature-card:hover::before{opacity:1}
.sf-feature-card h3{margin-top:0}
.sf-feature-card p{color:var(--sf-ink-soft);margin-bottom:0}
@media (prefers-reduced-motion:reduce){.sf-feature-card{transition:none}}
/* ---------- Media text ---------- */
.sf-media-text{gap:clamp(2rem,4vw,4rem);align-items:center}
.sf-media-text__media img{
border-radius:calc(var(--sf-radius) * 1.5);
box-shadow:var(--sf-shadow-md);
}
.sf-media-text__content p{color:var(--sf-ink-soft)}
/* ---------- Stats ---------- */
.sf-stats__grid{gap:1.25rem}
.sf-stats__item{
background:rgba(255,255,255,.06);
border:1px solid rgba(242,243,250,.16);
border-radius:var(--sf-radius);
padding:1.75rem 1.5rem;
}
.sf-section:not(.sf-section--dark) .sf-stats__item{
background:#fff;border:1px solid var(--sf-line);box-shadow:var(--sf-shadow-sm);
}
.sf-stats__value{
font-family:var(--sf-font-heading);
font-size:clamp(2.2rem,4vw,3.2rem);
font-weight:700;letter-spacing:-0.02em;line-height:1;
color:var(--sf-color-accent);
}
.sf-stats__label{margin-top:.5rem;font-size:.95rem;color:inherit;opacity:.85}
/* ---------- Steps ---------- */
.sf-steps{counter-reset:sf-step;gap:1.5rem}
.sf-steps__item{
background:#fff;border:1px solid var(--sf-line);
border-radius:var(--sf-radius);padding:2rem 1.75rem;
box-shadow:var(--sf-shadow-sm);
}
.sf-steps__item::before{
counter-increment:sf-step;
content:counter(sf-step);
display:flex;align-items:center;justify-content:center;
width:3rem;height:3rem;border-radius:50%;
background:var(--sf-color-surface-tint);
color:var(--sf-color-primary);
font-family:var(--sf-font-heading);font-weight:700;font-size:1.25rem;
border:2px solid var(--sf-color-primary);
margin-bottom:1.25rem;
}
.sf-section--dark .sf-steps__item{background:rgba(255,255,255,.06);border-color:rgba(242,243,250,.16)}
.sf-section--dark .sf-steps__item::before{background:transparent;color:var(--sf-color-on-dark);border-color:var(--sf-color-accent)}
/* ---------- Tabs ---------- */
.sf-tabs__nav{
display:flex;flex-wrap:wrap;gap:.5rem;
border-bottom:2px solid var(--sf-line);
padding-bottom:.75rem;margin-bottom:2rem;
}
.sf-section--dark .sf-tabs__nav{border-color:rgba(242,243,250,.18)}
.sf-tabs__link{
display:inline-block;padding:.55rem 1.2rem;border-radius:999px;
font-weight:600;text-decoration:none;color:var(--sf-ink-soft);
transition:background .2s,color .2s;
}
.sf-tabs__link:hover{background:var(--sf-color-surface-tint);color:var(--sf-color-primary)}
.sf-tabs__link--active{
background:var(--sf-color-primary) !important;color:#fff !important;
}
.sf-tabs__panel{padding-top:.5rem}
/* ---------- Marquee ---------- */
.sf-marquee{
border-block:1px solid var(--sf-line);
padding-block:1.25rem;
overflow:hidden;
}
.sf-marquee__item{
font-weight:700;letter-spacing:.06em;text-transform:uppercase;
font-size:.85rem;color:var(--sf-ink-soft);
padding-inline:2rem;white-space:nowrap;
}
@media (prefers-reduced-motion:reduce){
.sf-marquee__track{animation:none !important}
}
/* ---------- FAQ ---------- */
.sf-faq-item{
background:#fff;border:1px solid var(--sf-line);
border-radius:var(--sf-radius);
margin-bottom:.9rem;
box-shadow:var(--sf-shadow-sm);
overflow:hidden;
transition:border-color .2s;
}
.sf-faq-item:hover{border-color:rgba(36,52,140,.3)}
.sf-faq-item summary{
padding:1.25rem 1.5rem;
font-weight:700;font-family:var(--sf-font-heading);
color:var(--sf-color-primary);
cursor:pointer;
}
.sf-faq-item[open] summary{color:var(--sf-color-accent)}
.sf-faq-item summary::after{color:var(--sf-color-accent);font-weight:700}
.sf-faq-item p{padding:0 1.5rem 1.25rem;color:var(--sf-ink-soft)}
/* ---------- CTA ---------- */
.sf-cta{
background:linear-gradient(135deg,#1B2460,var(--sf-color-primary) 55%,#2F4BB3);
color:var(--sf-color-on-dark);
border-radius:calc(var(--sf-radius) * 1.5);
padding:clamp(2.5rem,6vw,4.5rem);
text-align:center;
position:relative;overflow:hidden;
box-shadow:var(--sf-shadow-md);
}
.sf-cta::before{
content:"";
position:absolute;top:-120px;right:-120px;
width:340px;height:340px;border-radius:50%;
background:radial-gradient(circle,rgba(255,92,58,.35),transparent 65%);
pointer-events:none;
}
.sf-cta::after{
content:"";
position:absolute;bottom:-140px;left:-100px;
width:300px;height:300px;border-radius:50%;
background:radial-gradient(circle,rgba(62,124,184,.4),transparent 65%);
pointer-events:none;
}
.sf-cta h2{color:#fff}
.sf-cta p{color:rgba(242,243,250,.88);margin-inline:auto}
.sf-cta .wp-block-button__link,.sf-cta .wp-element-button{
background:var(--sf-color-accent);border-color:var(--sf-color-accent);
}
.sf-cta .wp-block-button__link:hover,.sf-cta .wp-element-button:hover{
background:#fff;border-color:#fff;color:var(--sf-color-primary) !important;
box-shadow:0 10px 24px rgba(0,0,0,.25);
}
/* ---------- Contact info ---------- */
.sf-contact-info{
background:#fff;border:1px solid var(--sf-line);
border-radius:var(--sf-radius);padding:2rem;
box-shadow:var(--sf-shadow-sm);
}
.sf-contact__org{font-family:var(--sf-font-heading);font-weight:700;font-size:1.2rem;color:var(--sf-color-primary)}
.sf-contact__email a,.sf-contact__phone a{font-weight:600}
/* ---------- Secondary blocks ---------- */
.sf-intro{font-size:1.15rem;color:var(--sf-ink-soft)}
.sf-toc{
background:#fff;border:1px solid var(--sf-line);
border-left:4px solid var(--sf-color-accent);
border-radius:var(--sf-radius);
padding:1.5rem 1.75rem;
}
.sf-toc a{text-decoration:none;color:var(--sf-color-text)}
.sf-toc a:hover{color:var(--sf-color-accent)}
.sf-toc__link--active{color:var(--sf-color-primary) !important;font-weight:700}
.sf-key-takeaways{
background:var(--sf-coral-soft);
border:1px solid rgba(255,92,58,.35);
border-radius:var(--sf-radius);
padding:1.75rem 2rem;
}
.sf-key-takeaways h2,.sf-key-takeaways h3{margin-top:0}
.sf-stat-card{
background:#fff;border:1px solid var(--sf-line);
border-radius:var(--sf-radius);padding:2rem;
box-shadow:var(--sf-shadow-sm);
}
.sf-stat-card__value{
font-family:var(--sf-font-heading);
font-size:clamp(2rem,3.6vw,2.8rem);font-weight:700;
color:var(--sf-color-primary);letter-spacing:-0.02em;line-height:1;
}
.sf-stat-card__source{font-size:.85rem;color:var(--sf-ink-soft);margin-top:.75rem}
.sf-pros-cons{gap:1.5rem}
.sf-pros-cons > *{
background:#fff;border:1px solid var(--sf-line);
border-radius:var(--sf-radius);padding:1.75rem;
}
.sf-sources{font-size:.9rem;color:var(--sf-ink-soft)}
/* ---------- Statistic grid ---------- */
.sf-statistic-grid__grid{gap:1.25rem}
.sf-statistic-grid__item{
background:#fff;border:1px solid var(--sf-line);
border-radius:var(--sf-radius);padding:1.75rem;
box-shadow:var(--sf-shadow-sm);
}
.sf-statistic-grid__value{
font-family:var(--sf-font-heading);
font-size:clamp(2rem,3.6vw,2.9rem);font-weight:700;
color:var(--sf-color-accent);letter-spacing:-0.02em;line-height:1.05;
}
.sf-statistic-grid__label{margin-top:.6rem;font-weight:600}
.sf-statistic-grid__source{font-size:.82rem;color:var(--sf-ink-soft);margin-top:.5rem}
/* ---------- Charts ---------- */
.sf-chart-block{
background:#fff;border:1px solid var(--sf-line);
border-radius:calc(var(--sf-radius) * 1.25);
padding:clamp(1.5rem,3vw,2.5rem);
box-shadow:var(--sf-shadow-sm);
}
.sf-chart-block h2,.sf-chart-block h3{margin-top:0}
.sf-chart__row{margin-bottom:1rem}
.sf-chart__label{font-weight:600;font-size:.95rem}
.sf-chart__track{
background:var(--sf-color-surface-tint);
border-radius:999px;height:1.1rem;overflow:hidden;
}
.sf-chart__bar{
height:100%;border-radius:999px;
background:linear-gradient(90deg,var(--sf-color-primary),var(--sf-color-azure));
}
.sf-chart__row:nth-child(odd) .sf-chart__bar{
background:linear-gradient(90deg,var(--sf-color-accent),#FF8A6E);
}
.sf-chart__value{font-weight:700;color:var(--sf-color-primary);font-size:.95rem}
.sf-chart--line .sf-chart__plot{
background:
linear-gradient(var(--sf-line) 1px,transparent 1px) 0 0/100% 25%,
var(--sf-color-background);
border:1px solid var(--sf-line);
border-radius:var(--sf-radius);
}
.sf-chart__point{
width:12px;height:12px;border-radius:50%;
background:var(--sf-color-accent);
border:3px solid #fff;
box-shadow:0 0 0 2px var(--sf-color-accent);
}
.sf-chart__segment{background:var(--sf-color-primary);height:3px;border-radius:2px}
.sf-chart__tick{font-size:.8rem;color:var(--sf-ink-soft)}
.sf-chart__source{font-size:.85rem;color:var(--sf-ink-soft);margin-top:1rem}
.sf-chart-block table{
width:100%;border-collapse:collapse;margin-top:1.5rem;font-size:.92rem;
}
.sf-chart-block th{
text-align:left;font-weight:700;color:var(--sf-color-primary);
border-bottom:2px solid var(--sf-color-primary);
padding:.6rem .75rem;
}
.sf-chart-block td{border-bottom:1px solid var(--sf-line);padding:.6rem .75rem}
.sf-chart-block tr:hover td{background:var(--sf-color-surface-tint)}
/* ---------- Timeline ---------- */
.sf-timeline ol{
list-style:none;margin:0;padding:0 0 0 1.75rem;
border-left:2px solid var(--sf-line);
}
.sf-timeline li{position:relative;padding-bottom:2rem}
.sf-timeline li::before{
content:"";
position:absolute;left:calc(-1.75rem - 8px);top:6px;
width:14px;height:14px;border-radius:50%;
background:var(--sf-color-accent);
border:3px solid var(--sf-color-background);
box-shadow:0 0 0 2px var(--sf-color-accent);
}
.sf-timeline__date{
font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
color:var(--sf-color-accent);
}
.sf-timeline__title{font-family:var(--sf-font-heading);font-weight:700;font-size:1.15rem;color:var(--sf-color-primary);margin:.25rem 0}
.sf-timeline__text{color:var(--sf-ink-soft)}
/* ---------- Methodology ---------- */
.sf-methodology{
background:var(--sf-color-surface-tint);
border-radius:var(--sf-radius);
padding:2rem;
font-size:.95rem;
}
.sf-methodology h2{font-size:1.3rem}
.sf-methodology__details dt{font-weight:700;color:var(--sf-color-primary)}
.sf-methodology__details dd{margin:0 0 .9rem;color:var(--sf-ink-soft)}
/* ---------- Related ---------- */
.sf-related ul{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.sf-related__link{
display:block;
background:#fff;border:1px solid var(--sf-line);
border-radius:var(--sf-radius);padding:1.4rem 1.6rem;
text-decoration:none;font-weight:700;color:var(--sf-color-primary);
transition:transform .2s,box-shadow .2s,border-color .2s;
}
.sf-related__link:hover{
transform:translateY(-3px);box-shadow:var(--sf-shadow-md);
border-color:rgba(36,52,140,.3);color:var(--sf-color-accent);
}
.sf-related__description{display:block;font-weight:400;font-size:.92rem;color:var(--sf-ink-soft);margin-top:.35rem}
@media (prefers-reduced-motion:reduce){.sf-related__link{transition:none}}
/* ---------- Affiliate / newsletter CTAs ---------- */
.sf-affiliate-cta,.sf-newsletter-cta{
background:#fff;border:1px solid var(--sf-line);
border-radius:calc(var(--sf-radius) * 1.25);
padding:clamp(2rem,4vw,3rem);
box-shadow:var(--sf-shadow-sm);
position:relative;overflow:hidden;
}
.sf-affiliate-cta::before,.sf-newsletter-cta::before{
content:"";
position:absolute;inset:0 auto 0 0;width:5px;
background:linear-gradient(180deg,var(--sf-color-accent),var(--sf-color-primary));
}
.sf-affiliate-cta__disclosure{
font-size:.85rem;color:var(--sf-ink-soft);
margin-top:1.25rem;padding-top:1rem;
border-top:1px solid var(--sf-line);
}
.sf-newsletter-cta__note{font-size:.9rem;color:var(--sf-ink-soft);margin-top:1rem}
/* ---------- Calculator ---------- */
.sf-calculator{
background:#fff;border:1px solid var(--sf-line);
border-radius:calc(var(--sf-radius) * 1.25);
padding:clamp(1.75rem,4vw,3rem);
box-shadow:var(--sf-shadow-sm);
}
.sf-calculator__title{margin-top:0}
.sf-calculator__intro{color:var(--sf-ink-soft)}
.sf-calculator__fields{display:grid;gap:1.25rem;margin-top:1.5rem}
@media (min-width:781px){.sf-calculator__fields{grid-template-columns:1fr 1fr}}
.sf-calculator__label{font-weight:600;display:block;margin-bottom:.4rem}
.sf-calculator__unit{font-weight:400;color:var(--sf-ink-soft);font-size:.9rem}
.sf-calculator__input{
width:100%;box-sizing:border-box;
padding:.75rem 1rem;
border:2px solid var(--sf-line);
border-radius:10px;
font:inherit;color:var(--sf-color-text);
background:var(--sf-color-background);
transition:border-color .2s,box-shadow .2s;
}
.sf-calculator__input:hover{border-color:rgba(36,52,140,.4)}
.sf-calculator__input:focus{
outline:3px solid var(--sf-color-azure);outline-offset:1px;
border-color:var(--sf-color-primary);
}
.sf-calculator__result{
margin-top:2rem;
background:var(--sf-color-surface-tint);
border:1px solid rgba(36,52,140,.2);
border-radius:var(--sf-radius);
padding:1.5rem 1.75rem;
}
.sf-calculator__result-label{
font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
color:var(--sf-ink-soft);
}
.sf-calculator__value{
display:block;
font-family:var(--sf-font-heading);
font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:700;
color:var(--sf-color-primary);letter-spacing:-0.02em;
margin-top:.35rem;
}
.sf-calculator__result-unit{color:var(--sf-ink-soft)}
/* ---------- Images ---------- */
figure.wp-block-image img{border-radius:var(--sf-radius)}
/* ---------- Footer ---------- */
.sf-footer{
background:
radial-gradient(900px 400px at 100% 0%,rgba(62,124,184,.18),transparent 55%),
var(--sf-color-surface-dark);
color:var(--sf-color-on-dark);
margin-top:var(--sf-space-xl);
position:relative;
}
.sf-footer::before{
content:"";
position:absolute;inset:0 0 auto 0;height:4px;
background:linear-gradient(90deg,var(--sf-color-accent),var(--sf-color-azure),var(--sf-color-primary));
}
.sf-footer__grid{
display:grid;gap:2.5rem;
padding-block:clamp(3rem,6vw,4.5rem);
}
@media (min-width:781px){.sf-footer__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}
.sf-footer__title{
color:#fff;
font-size:1.05rem;
letter-spacing:.02em;
margin:0 0 1rem;
padding-bottom:.6rem;
border-bottom:2px solid rgba(255,92,58,.55);
display:inline-block;
}
.sf-footer__widget p,.sf-footer__widget li{color:rgba(242,243,250,.8);font-size:.95rem}
.sf-footer__widget ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.sf-footer__widget a{color:rgba(242,243,250,.85);text-decoration:none;transition:color .2s}
.sf-footer__widget a:hover{color:var(--sf-color-accent);text-decoration:underline;text-underline-offset:3px}
.sf-footer__bottom{
border-top:1px solid rgba(242,243,250,.14);
padding-block:1.25rem;
font-size:.85rem;
color:rgba(242,243,250,.6);
}
/* ---------- Small screens ---------- */
@media (max-width:780px){
.sf-section{padding-block:var(--sf-space-lg)}
.sf-cta::before{width:220px;height:220px;top:-80px;right:-80px}
}