@font-face{font-family:Roboto;src:url(../fonts/roboto-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Open Sans";src:url(../fonts/open-sans-latin-wght-normal.woff2) format("woff2");font-weight:300 800;font-display:swap}
:root{--ink:#15110e;--ink2:#241c17;--pap:#f4ede1;--pap2:#ebe1cf;--card:#fffaf0;--red:#d92b1f;--red2:#a81d14;--brass:#b98a3a;--mut:#5d5248;--line:#d9ccb4;--r:18px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--pap);color:var(--ink);font-family:"Open Sans",system-ui,sans-serif;font-size:17px;line-height:1.68;overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:Roboto,system-ui,sans-serif;font-weight:900;letter-spacing:-.01em;line-height:1.1;color:var(--ink)}
h1{font-size:clamp(2rem,6vw,3.7rem);text-transform:uppercase}
h2{font-size:clamp(1.65rem,4vw,2.5rem);text-transform:uppercase}
h3{font-size:1.2rem}
a{color:var(--red2)}
img{max-width:100%;height:auto}
main{display:block}
.sf-progress{position:fixed;top:0;left:0;height:4px;width:0;background:linear-gradient(90deg,var(--red),var(--brass));z-index:1200}
/* header */
.sf-head{position:sticky;top:0;z-index:1100;background:rgba(244,237,225,.94);backdrop-filter:blur(10px);border-bottom:2px solid var(--ink)}
.sf-headin{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:68px}
.sf-logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-family:Roboto,sans-serif;font-weight:900;letter-spacing:.06em;font-size:1.05rem;white-space:nowrap}
.sf-logo b{color:var(--red);margin-left:.3em}
.sf-logo-f{color:#fff;justify-content:center;margin-bottom:18px}
.sf-nav{display:flex;align-items:center;gap:18px}
.sf-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.sf-nav li a{display:block;padding:8px 11px;text-decoration:none;color:var(--ink);font-weight:700;font-size:.92rem;white-space:nowrap;border-radius:8px}
.sf-nav li a:hover,.sf-nav li a.on{background:var(--ink);color:var(--pap)}
.sf-burger{display:none;width:44px;height:44px;border:2px solid var(--ink);border-radius:10px;background:transparent;padding:0;position:relative}
.sf-burger i{position:absolute;left:10px;right:10px;height:3px;background:var(--ink);border-radius:2px;transition:.25s}
.sf-burger i:nth-child(1){top:12px}.sf-burger i:nth-child(2){top:19px}.sf-burger i:nth-child(3){top:26px}
.sf-burger.x i:nth-child(1){top:19px;transform:rotate(45deg)}.sf-burger.x i:nth-child(2){opacity:0}.sf-burger.x i:nth-child(3){top:19px;transform:rotate(-45deg)}
@media(max-width:1060px){
.sf-burger{display:block}
.sf-nav{position:absolute;left:0;right:0;top:100%;background:var(--pap);flex-direction:column;align-items:stretch;padding:14px 16px 20px;border-bottom:2px solid var(--ink);display:none}
.sf-nav.open{display:flex}.sf-nav ul{flex-direction:column}
.sf-nav li a{padding:12px 10px;font-size:1rem}.sf-nav .sf-btn{text-align:center}}
/* buttons */
.sf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--red);color:#fff!important;font-family:Roboto,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;padding:15px 28px;border-radius:12px;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transition:.18s;font-size:1rem;text-align:center;position:relative;overflow:hidden}
.sf-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink);background:var(--red2)}
.sf-btn::after{content:"";position:absolute;top:0;left:-70%;width:40%;height:100%;background:rgba(255,255,255,.35);transform:skewX(-20deg);animation:sfshine 3.6s infinite}
@keyframes sfshine{0%,60%{left:-70%}100%{left:130%}}
.sf-btn-sm{padding:10px 18px;font-size:.88rem;box-shadow:3px 3px 0 var(--ink)}
.sf-btn-ghost{background:transparent;color:var(--ink)!important;box-shadow:none}
.sf-btn-ghost::after{display:none}.sf-btn-ghost:hover{background:var(--ink);color:var(--pap)!important}
.sf-btnrow{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}
/* hero */
.sf-hero{position:relative;padding:44px 0 70px;overflow:hidden;background:var(--pap)}
.sf-hero::before{content:"";position:absolute;right:-8%;top:0;bottom:0;width:52%;background:var(--ink);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
.sf-hero::after{content:"FORCE";position:absolute;left:-1%;bottom:-.22em;font:900 clamp(7rem,22vw,17rem)/1 Roboto,sans-serif;color:transparent;-webkit-text-stroke:2px rgba(21,17,14,.08);pointer-events:none;letter-spacing:-.03em}
.sf-hero .container{position:relative;z-index:2}
.sf-herogrid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.sf-kick{display:inline-block;background:var(--ink);color:var(--pap);font:800 .78rem Roboto,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:7px 14px;border-radius:99px;margin-bottom:16px}
.sf-hero h1 span{color:var(--red)}
.sf-lead{font-size:1.12rem;color:var(--mut);max-width:34em}
.sf-quick{background:var(--card);border:2px dashed var(--ink);border-radius:var(--r);padding:16px 18px;margin:20px 0;position:relative}
.sf-quick b{font:900 .78rem Roboto;letter-spacing:.14em;text-transform:uppercase;color:var(--red2);display:block;margin-bottom:4px}
.sf-ticks{list-style:none;padding:0;margin:0 0 6px;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
.sf-ticks li{padding-left:30px;position:relative;font-weight:700;font-size:.95rem}
.sf-ticks li::before{content:"";position:absolute;left:0;top:3px;width:21px;height:21px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3.2L15 6.8' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70%;}
.sf-stats3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
.sf-stat{background:var(--card);border:2px solid var(--ink);border-radius:14px;padding:10px 12px;text-align:center}
.sf-stat strong{display:block;font:900 1.6rem Roboto;color:var(--red)}
.sf-stat span{font-size:.78rem;font-weight:700;color:var(--mut);line-height:1.25;display:block}
.sf-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:420px}
.sf-ring{position:absolute;width:min(440px,92%);aspect-ratio:1;border-radius:50%;border:3px solid var(--red);box-shadow:0 0 0 14px rgba(217,43,31,.14),0 0 70px rgba(217,43,31,.55) inset;animation:sfpulse 3.2s ease-in-out infinite}
.sf-ring.r2{width:min(540px,110%);border:2px dashed rgba(244,237,225,.45);box-shadow:none;animation:sfspin 26s linear infinite}
@keyframes sfpulse{0%,100%{transform:scale(.96);opacity:.85}50%{transform:scale(1.04);opacity:1}}
@keyframes sfspin{to{transform:rotate(360deg)}}
.sf-bottle{position:relative;z-index:3;width:min(430px,92%);--tx:0px;--ty:0px;--rz:0deg;transform:translate(var(--tx),var(--ty)) rotate(var(--rz));filter:drop-shadow(0 28px 30px rgba(0,0,0,.55));animation:sffloat 5s ease-in-out infinite;transition:transform .15s}
@keyframes sffloat{0%,100%{margin-top:0}50%{margin-top:-16px}}
.sf-streaks{position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none}
.sf-streaks i{position:absolute;height:3px;width:34%;border-radius:3px;background:linear-gradient(90deg,transparent,rgba(244,237,225,.7));left:-40%;animation:sfrun 2.6s linear infinite}
.sf-streaks i:nth-child(1){top:18%;animation-delay:0s}.sf-streaks i:nth-child(2){top:34%;animation-delay:.7s;width:48%}.sf-streaks i:nth-child(3){top:52%;animation-delay:1.3s}.sf-streaks i:nth-child(4){top:68%;animation-delay:.3s;width:40%}.sf-streaks i:nth-child(5){top:84%;animation-delay:1.9s}
@keyframes sfrun{to{left:120%}}
.sf-gum{position:absolute;z-index:4;width:22px;height:22px;border-radius:7px;background:radial-gradient(circle at 30% 30%,#ff6a5a,var(--red2));box-shadow:0 6px 12px rgba(0,0,0,.35);animation:sfgum 6s ease-in-out infinite}
.sf-gum:nth-of-type(1){left:6%;top:70%}.sf-gum:nth-of-type(2){right:8%;top:20%;animation-delay:1.5s;width:16px;height:16px}.sf-gum:nth-of-type(3){right:14%;bottom:12%;animation-delay:3s}.sf-gum:nth-of-type(4){left:12%;top:16%;animation-delay:2.2s;width:14px;height:14px}
@keyframes sfgum{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-22px) rotate(24deg)}}
@media(max-width:900px){
.sf-hero{padding:26px 0 56px}
.sf-hero::before{width:100%;right:0;left:0;top:0;bottom:auto;height:min(78vw,430px);clip-path:polygon(0 0,100% 0,100% 88%,0 100%)}
.sf-herogrid{grid-template-columns:1fr;gap:6px}
.sf-visual{order:-1;min-height:0;padding:16px 0 28px}.sf-bottle{width:min(300px,80%)}.sf-ring{width:min(300px,82%)}.sf-ring.r2{width:min(360px,96%)}
.sf-ticks{grid-template-columns:1fr}.sf-hero::after{display:none}}
/* trust badges */
.sf-trust{padding:56px 0;background:var(--ink);color:var(--pap)}
.sf-trust h2{color:#fff;text-align:center;margin-bottom:6px}
.sf-eyebrow{display:block;text-align:center;font:800 .8rem Roboto;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin-bottom:8px}
.sf-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.sf-badge{background:var(--card);border-radius:var(--r);padding:16px 10px 14px;text-align:center;border:2px solid var(--brass);outline:2px dashed rgba(185,138,58,.55);outline-offset:-9px;transition:.25s}
.sf-badge:hover{transform:translateY(-6px) rotate(-1deg)}
.sf-badge img{width:min(150px,86%);height:auto;display:block;margin:0 auto 4px}
.sf-badge b{font:900 1.02rem Roboto;color:var(--ink);text-transform:uppercase;letter-spacing:.05em}
@media(max-width:760px){.sf-badges{grid-template-columns:repeat(2,1fr);gap:12px}}
/* sections */
.sf-sec{padding:76px 0;position:relative}
.sf-alt{background:var(--pap2)}
.sf-dark{background:var(--ink);color:var(--pap)}.sf-dark h2,.sf-dark h3{color:#fff}
.sf-head2{max-width:760px;margin:0 auto 38px;text-align:center}
.sf-head2 p{color:var(--mut)}.sf-dark .sf-head2 p{color:#cfc4b2}
.sf-split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
.sf-split.rev .sf-media{order:-1}
@media(max-width:860px){.sf-split{grid-template-columns:1fr;gap:26px}.sf-split.rev .sf-media{order:0}.sf-sec{padding:56px 0}}
.sf-media img{width:100%;height:auto;border-radius:var(--r);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--red);background:var(--card)}
.sf-prose p{margin:0 0 1em}
.sf-card{background:var(--card);border:2px solid var(--ink);border-radius:var(--r);padding:24px;position:relative;box-shadow:6px 6px 0 rgba(21,17,14,.9);height:100%}
.sf-card::before{content:"";position:absolute;inset:7px;border:1.5px dashed var(--line);border-radius:12px;pointer-events:none}
.sf-card h3{margin:0 0 8px;position:relative}.sf-card p{margin:0;color:var(--mut);font-size:.96rem;position:relative}
.sf-grid{display:grid;gap:22px}
.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
@media(max-width:980px){.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.g4,.g3,.g2{grid-template-columns:1fr}.sf-grid{gap:18px}}
.sf-ico{width:46px;height:46px;border-radius:12px;background:var(--red);display:grid;place-items:center;margin-bottom:12px;position:relative;border:2px solid var(--ink)}
.sf-ico svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* pricing */
.sf-packs{display:grid;grid-template-columns:1fr 1.14fr 1fr;gap:22px;align-items:stretch}
.sf-pack{background:var(--card);border:2px solid var(--ink);border-radius:22px;padding:26px 20px 24px;text-align:center;position:relative;box-shadow:6px 6px 0 var(--ink);overflow:hidden;display:flex;flex-direction:column}
.sf-pack h3{text-transform:uppercase;font-size:1.3rem;margin:0}
.sf-pack .sup{color:var(--mut);font-weight:700;font-size:.9rem;margin:2px 0 8px}
.sf-pack img{width:min(300px,100%);margin:6px auto 4px;display:block}
.sf-price{font:900 3.2rem/1 Roboto;color:var(--red)}.sf-price small{font-size:1rem;color:var(--ink);font-weight:800}
.sf-pack ul{list-style:none;padding:0;margin:12px 0 18px;font-size:.94rem;font-weight:600}.sf-pack li{padding:4px 0;border-bottom:1px dashed var(--line)}
.sf-pack .sf-btn{margin-top:auto;width:100%}
.sf-pack.best{background:var(--ink);color:var(--pap);transform:translateY(-12px);box-shadow:8px 8px 0 var(--red);border-color:var(--ink)}
.sf-pack.best h3{color:#fff}.sf-pack.best .sup{color:#d7ccb9}.sf-pack.best li{border-color:#4a3e33}.sf-pack.best .sf-price small{color:#fff}
.sf-pack.best .sf-btn{box-shadow:5px 5px 0 var(--brass);border-color:var(--brass)}
.sf-tag{position:absolute;top:14px;right:-38px;background:var(--brass);color:var(--ink);font:900 .72rem Roboto;letter-spacing:.1em;text-transform:uppercase;padding:6px 44px;transform:rotate(38deg)}
@media(max-width:900px){.sf-packs{grid-template-columns:1fr;max-width:460px;margin:0 auto}.sf-pack.best{order:-1;transform:none}}
.sf-paynote{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin-top:28px;font-weight:700;color:var(--mut)}
.sf-paynote img{height:30px;width:auto}
/* reasons */
.sf-reasons{counter-reset:r;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 26px}
.sf-reason{display:flex;gap:16px;align-items:flex-start;padding:16px 18px;background:var(--card);border:2px solid var(--ink);border-radius:14px}
.sf-reason::before{counter-increment:r;content:counter(r,decimal-leading-zero);font:900 1.8rem/1 Roboto;color:var(--red);min-width:46px}
.sf-reason h3{margin:0 0 4px;font-size:1.05rem}.sf-reason p{margin:0;font-size:.93rem;color:var(--mut)}
@media(max-width:760px){.sf-reasons{grid-template-columns:1fr}}
/* steps */
.sf-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.sf-step{border:2px solid var(--brass);border-radius:var(--r);padding:22px;background:var(--ink2);position:relative}
.sf-step i{font:900 3rem/1 Roboto;color:var(--red);font-style:normal;display:block;margin-bottom:6px}
.sf-step h3{color:#fff;margin:0 0 6px}.sf-step p{margin:0;color:#cfc4b2;font-size:.95rem}
@media(max-width:820px){.sf-steps{grid-template-columns:1fr}}
.sf-wide{width:100%;border-radius:var(--r);border:2px solid var(--brass);display:block}
/* perspectives */
.sf-persp{display:flex;flex-direction:column;gap:14px;height:100%}
.sf-persp img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 22%;border-radius:12px;border:2px solid var(--ink)}
.sf-persp q{quotes:none;font-weight:700;font-size:1.04rem;line-height:1.45}
.sf-persp span{font:800 .72rem Roboto;letter-spacing:.14em;text-transform:uppercase;color:var(--red2)}
.sf-board{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.sf-board div{background:var(--ink);color:var(--pap);border-radius:16px;padding:18px 10px;text-align:center}
.sf-board strong{display:block;font:900 2.3rem/1 Roboto;color:var(--red)}.sf-board span{font-size:.85rem;font-weight:700;color:#d7ccb9}
@media(max-width:700px){.sf-board{grid-template-columns:repeat(2,1fr)}}
/* guarantee */
.sf-guar{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:center;background:var(--card);border:3px solid var(--ink);border-radius:26px;padding:34px;box-shadow:10px 10px 0 var(--brass)}
.sf-guar img{width:100%;max-width:240px;margin:auto;display:block}
@media(max-width:760px){.sf-guar{grid-template-columns:1fr;text-align:center;padding:26px 20px}}
/* faq */
.sf-faq{max-width:860px;margin:0 auto}
.sf-faq details{background:var(--card);border:2px solid var(--ink);border-radius:14px;margin-bottom:12px;overflow:hidden}
.sf-faq summary{cursor:pointer;list-style:none;padding:17px 54px 17px 20px;font:800 1.02rem Roboto;position:relative}
.sf-faq summary::-webkit-details-marker{display:none}
.sf-faq summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:8px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:1.3rem;line-height:1}
.sf-faq details[open] summary::after{content:"–"}
.sf-faq details>div{padding:0 20px 18px;color:var(--mut)}
/* refs */
.sf-refs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sf-ref{display:block;background:var(--card);border:2px solid var(--ink);border-radius:14px;padding:16px 18px;text-decoration:none;color:var(--ink);transition:.2s}
.sf-ref:hover{background:var(--ink);color:var(--pap);transform:translateY(-4px)}
.sf-ref b{display:block;font-family:Roboto;font-weight:900}.sf-ref span{font-size:.88rem;opacity:.8}
@media(max-width:820px){.sf-refs{grid-template-columns:1fr}}
/* band */
.sf-band{background:var(--red);color:#fff;padding:58px 0;overflow:hidden;position:relative}
.sf-band::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 26px,rgba(0,0,0,.06) 26px 52px)}
.sf-bandin{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
.sf-band h2{color:#fff}.sf-band p{max-width:34em;font-size:1.06rem}
.sf-band .sf-btn{background:var(--ink);border-color:#fff;box-shadow:5px 5px 0 rgba(0,0,0,.35)}.sf-band .sf-btn-ghost{background:transparent}
.sf-bandimg{width:100%;max-width:460px;margin:auto;filter:drop-shadow(0 20px 22px rgba(0,0,0,.45));animation:sffloat 5s ease-in-out infinite}
@media(max-width:820px){.sf-bandin{grid-template-columns:1fr;text-align:center}.sf-band .sf-btnrow{justify-content:center}.sf-bandimg{max-width:300px;order:-1}.sf-band p{margin-inline:auto}}
/* footer */
.sf-foot{background:#0d0a08;color:#cfc4b2;padding:54px 0 96px;text-align:center;font-size:.92rem}
.sf-foot p{max-width:980px;margin:0 auto 14px}.sf-foot a{color:#f0d7a8}
.sf-frow{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-bottom:12px}
.sf-frow a{color:#fff;text-decoration:none;font-weight:700}.sf-frow a:hover{color:var(--red)}
.sf-frow2 a{color:#d7ccb9;font-weight:600}
.sf-fo{color:var(--red)!important}
.sf-copy{margin-top:22px!important;border-top:1px solid #2c241d;padding-top:18px}
/* sticky */
.sf-sticky{position:fixed;left:0;right:0;bottom:0;z-index:1000;background:var(--ink);border-top:3px solid var(--red);padding:10px 14px;display:none;align-items:center;justify-content:space-between;gap:10px;transform:translateY(110%);transition:.3s}
.sf-sticky div{display:flex;flex-direction:column;color:#fff;line-height:1.2;min-width:0}.sf-sticky b{font:900 .95rem Roboto}.sf-sticky span{font-size:.72rem;color:#cfc4b2}
.sf-sticky .sf-btn{flex:none;padding:10px 18px}
.sf-sticky.show{transform:none}
@media(max-width:760px){.sf-sticky{display:flex}}
/* inner pages */
.sf-ph{background:var(--ink);color:#fff;padding:54px 0 48px;position:relative;overflow:hidden}
.sf-ph::after{content:"";position:absolute;right:-60px;top:-60px;width:280px;height:280px;border-radius:50%;border:36px solid rgba(217,43,31,.35)}
.sf-ph h1{color:#fff;font-size:clamp(1.9rem,5vw,3.1rem);max-width:17em;position:relative;z-index:1}
.sf-ph p{color:#d7ccb9;max-width:42em;font-size:1.08rem;position:relative;z-index:1}
.sf-crumb{font-size:.85rem;margin-bottom:14px;color:#d7ccb9;position:relative;z-index:1}.sf-crumb a{color:#f0d7a8}
.sf-art{max-width:820px;margin:0 auto}
.sf-art h2{font-size:clamp(1.4rem,3.4vw,2rem);margin:44px 0 14px}
.sf-art h3{margin:26px 0 8px}
.sf-art p,.sf-art li{color:#2f2822}
.sf-art ul{padding-left:1.2em}.sf-art li{margin-bottom:6px}
.sf-art img.in{width:100%;border-radius:var(--r);border:2px solid var(--ink);margin:18px 0}
.sf-cbox{background:var(--card);border:2px solid var(--ink);border-left:10px solid var(--red);border-radius:14px;padding:18px 22px;margin:24px 0}
.sf-cbox p{margin:0}
.sf-table{width:100%;border-collapse:collapse;margin:20px 0;background:var(--card);border:2px solid var(--ink);border-radius:12px;overflow:hidden;font-size:.95rem}
.sf-table th{background:var(--ink);color:#fff;text-align:left;padding:11px 12px;font-family:Roboto}.sf-table td{padding:11px 12px;border-top:1px solid var(--line)}
.sf-tw{overflow-x:auto}
.sf-meta{font-size:.88rem;color:#d7ccb9;margin-top:8px;position:relative;z-index:1}
.sf-bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:980px){.sf-bgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.sf-bgrid{grid-template-columns:1fr}}
.sf-bc{background:var(--card);border:2px solid var(--ink);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;box-shadow:5px 5px 0 var(--ink);transition:.2s}
.sf-bc:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--red)}
.sf-bc span{font:800 .72rem Roboto;letter-spacing:.14em;text-transform:uppercase;color:var(--red2)}
.sf-bc h3{margin:8px 0;font-size:1.1rem}.sf-bc h3 a{color:var(--ink);text-decoration:none}.sf-bc p{font-size:.92rem;color:var(--mut);margin:0 0 12px}
.sf-bc a.more{margin-top:auto;font-weight:800;text-decoration:none}
.sf-rel{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
@media(max-width:700px){.sf-rel{grid-template-columns:1fr}}
.sf-rel a{display:block;padding:14px;border:2px solid var(--ink);border-radius:12px;background:var(--card);text-decoration:none;color:var(--ink);font-weight:800;font-family:Roboto;font-size:.95rem}
.sf-rel a:hover{background:var(--ink);color:#fff}
/* reveal */
.sf-rv{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}.sf-rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.sf-rv{opacity:1;transform:none}html{scroll-behavior:auto}}