:root{
  --sf-bg:#050403;
  --sf-bg-2:#0a0705;
  --sf-surface:#12100e;
  --sf-surface-2:#1a1511;
  --sf-saffron:#d56d1c;
  --sf-orange:#f28a2e;
  --sf-copper:#a64e14;
  --sf-cream:#f2e4d1;
  --sf-white:#fffaf5;
  --sf-muted:#b9aa9a;
  --sf-border:rgba(255,227,198,.11);
  --sf-grad:linear-gradient(135deg,#f39a3d,#c85a14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 75% 0,rgba(213,109,28,.07),transparent 28%),
    var(--sf-bg);
  color:var(--sf-white);
  font-family:"IBM Plex Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.76;
}
a{text-decoration:none}
img{max-width:100%;height:auto}

.sf-nav{
  min-height:82px;
  background:rgba(5,4,3,.88);
  border-bottom:1px solid var(--sf-border);
  backdrop-filter:blur(18px);
  transition:.25s ease;
}
.sf-nav.scrolled{background:rgba(5,4,3,.97);box-shadow:0 18px 45px rgba(0,0,0,.32)}
.sf-brand{
  display:inline-block;
  overflow:hidden;
  border-radius:4px;
  background:#c5641c;
  border:1px solid rgba(255,255,255,.08);
}
.sf-brand img{width:178px;display:block}
.navbar .nav-link{
  position:relative;
  color:#d2c8be!important;
  font-size:.88rem;
  font-weight:700;
  letter-spacing:.03em;
}
.navbar .nav-link::before{
  content:"";
  position:absolute;
  left:.7rem;right:.7rem;bottom:.25rem;
  height:2px;
  background:var(--sf-orange);
  transform:scaleX(0);
  transform-origin:left;
  transition:.22s ease;
}
.navbar .nav-link:hover,.navbar .nav-link.active{color:#fff!important}
.navbar .nav-link:hover::before,.navbar .nav-link.active::before{transform:scaleX(1)}

.sf-btn{
  border:1px solid rgba(255,228,204,.18);
  border-radius:6px;
  padding:.85rem 1.15rem;
  background:var(--sf-grad);
  color:#fff;
  font-family:"Archivo Black",sans-serif;
  font-size:.78rem;
  letter-spacing:.03em;
  text-transform:uppercase;
  box-shadow:0 14px 32px rgba(213,109,28,.18);
  transition:.25s ease;
}
.sf-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 18px 40px rgba(213,109,28,.28)}
.sf-btn-outline{
  border:1px solid rgba(242,138,46,.42);
  border-radius:6px;
  padding:.83rem 1.15rem;
  color:var(--sf-orange);
  background:transparent;
  font-family:"Archivo Black",sans-serif;
  font-size:.78rem;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.sf-btn-outline:hover{color:#fff;background:rgba(242,138,46,.08)}

.sf-hero{
  position:relative;
  overflow:hidden;
  padding:82px 0 0;
  background:
    radial-gradient(circle at 74% 35%,rgba(213,109,28,.18),transparent 28%),
    linear-gradient(120deg,#050403,#0a0705 55%,#150b04);
}
.sf-hero-copy-wrap{
  display:flex;
  align-items:center;
  min-height:760px;
  padding:70px 7vw 70px 8vw;
  border-right:1px solid rgba(242,138,46,.12);
}
.sf-hero-copy{max-width:760px}
.sf-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
  color:var(--sf-orange);
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.sf-kicker::before{content:"";width:38px;height:2px;background:var(--sf-orange)}
.sf-hero h1,.sf-title{
  margin:0;
  font-family:"Archivo Black",sans-serif;
  line-height:.98;
  letter-spacing:-.03em;
}
.sf-hero h1{font-size:clamp(3.4rem,6.7vw,6.7rem);margin-bottom:26px}
.sf-hero h1 span,.sf-title span{color:var(--sf-orange)}
.sf-copy p{color:var(--sf-muted);margin-bottom:16px}
.sf-hero-meta{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  margin-top:34px;
  background:var(--sf-border);
  border:1px solid var(--sf-border);
}
.sf-hero-meta div{padding:16px;background:#0b0806}
.sf-hero-meta b{display:block;color:var(--sf-orange);font-family:"Archivo Black",sans-serif;font-size:.8rem}
.sf-hero-meta span{font-size:.75rem;color:#c2b5aa}

.sf-hero-visual{
  position:relative;
  min-height:760px;
  height:100%;
  overflow:hidden;
  background:#0b0704;
}
.sf-hero-visual img{width:100%;height:100%;min-height:760px;object-fit:cover}
.sf-hero-visual::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(5,4,3,.48),transparent 34%,rgba(5,4,3,.10));
}
.sf-cut{
  position:absolute;
  z-index:3;
  width:150px;height:150px;
  border-color:var(--sf-orange);
  border-style:solid;
}
.sf-cut-top{top:28px;right:28px;border-width:2px 2px 0 0}
.sf-cut-bottom{bottom:28px;left:28px;border-width:0 0 2px 2px}
.sf-floating-note{
  position:absolute;
  z-index:4;
  right:30px;bottom:34px;
  max-width:320px;
  padding:12px 15px;
  background:rgba(10,7,5,.88);
  border-left:3px solid var(--sf-orange);
  color:#fff3e7;
  font-size:.78rem;
  letter-spacing:.04em;
}

.sf-marquee{
  overflow:hidden;
  background:#c55f19;
  border-top:1px solid #ed9c60;
  border-bottom:1px solid #7e3b0e;
}
.sf-marquee-track{
  display:flex;width:max-content;gap:22px;align-items:center;
  padding:10px 0;
  color:#fff;
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.08em;
  animation:sfMarquee 30s linear infinite;
}
.sf-marquee-track i{color:#ffe4c8;font-style:normal}
@keyframes sfMarquee{to{transform:translateX(-50%)}}

.sf-section{
  position:relative;
  padding:96px 0;
  background:var(--sf-bg);
}
.sf-section::before{
  content:"";
  position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(242,138,46,.12),transparent);
}
.sf-title{font-size:clamp(2.6rem,4.8vw,4.5rem);margin-bottom:22px}
.sf-sticky-intro{position:sticky;top:110px}
.sf-image-stack{position:relative;overflow:hidden;border:1px solid rgba(242,138,46,.16);background:#0b0806}
.sf-image-stack img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover}
.sf-image-frame{
  position:absolute;inset:16px;
  border:1px solid rgba(255,255,255,.08);
  pointer-events:none;
}
.sf-editorial-copy p{
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom:1px solid var(--sf-border);
  font-size:1rem;
}

.sf-process{background:#0b0806}
.sf-timeline{position:relative;padding-left:24px}
.sf-timeline::before{
  content:"";
  position:absolute;left:20px;top:0;bottom:0;width:1px;
  background:linear-gradient(var(--sf-orange),rgba(242,138,46,.08));
}
.sf-timeline-item{
  position:relative;
  display:grid;
  grid-template-columns:70px 1fr;
  gap:22px;
  padding:0 0 30px;
}
.sf-timeline-no{
  position:relative;z-index:2;
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#0b0806;
  border:1px solid var(--sf-orange);
  color:var(--sf-orange);
  font-family:"Archivo Black",sans-serif;
  font-size:.76rem;
}
.sf-timeline-content{
  padding:0 0 28px;
  border-bottom:1px solid var(--sf-border);
}
.sf-timeline-content h3{
  color:#fff;
  font-family:"Archivo Black",sans-serif;
  font-size:1.15rem;
}
.sf-timeline-content p{color:var(--sf-muted);margin-bottom:0}
.sf-process-tail{
  padding:22px;
  border-left:3px solid var(--sf-orange);
  background:#120c08;
}

.sf-dark-grid{
  background:
    radial-gradient(circle at 85% 30%,rgba(213,109,28,.07),transparent 25%),
    #050403;
}
.sf-reasons-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:14px;
}
.sf-reason-card{
  position:relative;
  min-height:230px;
  padding:24px;
  border:1px solid var(--sf-border);
  background:#0e0b08;
  overflow:hidden;
}
.sf-reason-card:nth-child(1){grid-column:span 5}
.sf-reason-card:nth-child(2){grid-column:span 3}
.sf-reason-card:nth-child(3){grid-column:span 4}
.sf-reason-card:nth-child(4){grid-column:span 4}
.sf-reason-card:nth-child(5){grid-column:span 4}
.sf-reason-card:nth-child(6){grid-column:span 4}
.sf-reason-card:nth-child(7){grid-column:span 12}
.sf-reason-card::after{
  content:"";
  position:absolute;right:-40px;bottom:-50px;width:120px;height:120px;
  border:1px solid rgba(242,138,46,.10);
  transform:rotate(45deg);
}
.sf-reason-index{
  display:inline-block;
  margin-bottom:18px;
  color:var(--sf-orange);
  font-family:"Archivo Black",sans-serif;
  font-size:.72rem;
}
.sf-reason-card h3{
  color:#fff;
  font-family:"Archivo Black",sans-serif;
  font-size:1.12rem;
}
.sf-reason-card p{color:var(--sf-muted)}

.sf-section-head{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  align-items:end;
  margin-bottom:28px;
}
.sf-section-head > p{color:var(--sf-muted);margin:0}
.sf-sports-rail{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  background:var(--sf-border);
  border:1px solid var(--sf-border);
}
.sf-sport-panel{
  min-height:360px;
  padding:28px;
  background:#0c0907;
}
.sf-sport-panel > span{color:var(--sf-orange);font-family:"Archivo Black",sans-serif;font-size:.75rem}
.sf-sport-panel h3{margin:18px 0;color:#fff;font-family:"Archivo Black",sans-serif;font-size:1.45rem}
.sf-sport-panel p{color:var(--sf-muted)}

.sf-responsible{
  background:linear-gradient(135deg,#140a04,#070504);
}
.sf-responsible-shell{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:46px;
  align-items:start;
  padding:46px;
  border:1px solid rgba(242,138,46,.18);
  background:
    linear-gradient(90deg,rgba(213,109,28,.11),transparent 36%),
    #0d0907;
}
.sf-responsible-mark{
  color:rgba(242,138,46,.18);
  font-family:"Archivo Black",sans-serif;
  font-size:8rem;
  line-height:.85;
}

.sf-mobile{padding:0;background:#080604}
.sf-mobile-visual{height:100%;min-height:720px;overflow:hidden}
.sf-mobile-visual img{width:100%;height:100%;min-height:720px;object-fit:cover}
.sf-mobile-copy{
  min-height:720px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:70px 8vw;
  background:
    radial-gradient(circle at 20% 30%,rgba(213,109,28,.08),transparent 28%),
    #0a0705;
}

.sf-security-visual{
  overflow:hidden;
  border:1px solid rgba(242,138,46,.16);
  margin-top:26px;
}
.sf-security-visual img{width:100%;display:block;aspect-ratio:1/1;object-fit:cover}
.sf-security-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sf-security-item{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:12px;
  padding:18px;
  border:1px solid var(--sf-border);
  background:#0d0a08;
}
.sf-security-item span{
  width:34px;height:34px;display:grid;place-items:center;
  border:1px solid rgba(242,138,46,.26);
  color:var(--sf-orange);
  font-family:"Archivo Black",sans-serif;
  font-size:.7rem;
}
.sf-security-item p{margin:0;color:var(--sf-muted)}

.sf-faq{background:#0b0806}
.sf-faq .accordion{max-width:1080px;margin-left:auto;margin-right:auto}
.sf-faq-item{
  overflow:hidden;
  margin-bottom:10px;
  border:1px solid var(--sf-border)!important;
  border-radius:0!important;
  background:#0d0a08!important;
}
.sf-faq-button{
  min-height:74px;
  gap:14px;
  background:#0d0a08!important;
  color:#fff!important;
  box-shadow:none!important;
  font-weight:700;
}
.sf-faq-button span{
  width:34px;height:34px;display:grid;place-items:center;
  border:1px solid rgba(242,138,46,.26);
  color:var(--sf-orange);
  font-size:.72rem;
}
.sf-faq-button:not(.collapsed){
  color:#ffd9b7!important;
  background:linear-gradient(90deg,rgba(213,109,28,.09),transparent)!important;
}
.accordion-button::after{filter:invert(1)}
.accordion-body{color:var(--sf-muted);padding-top:0}

.sf-final{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:50px;
  padding:52px;
  border:1px solid rgba(242,138,46,.18);
  background:
    radial-gradient(circle at 85% 50%,rgba(213,109,28,.15),transparent 28%),
    #0d0907;
}

.sf-footer{
  padding:62px 0 28px;
  background:#030201;
  border-top:3px solid #b95718;
}
.sf-footer-logo{display:inline-block;background:#c5651d;border-radius:3px;overflow:hidden}
.sf-footer-logo img{width:176px;display:block}
.sf-footer h5{color:#fff;font-family:"Archivo Black",sans-serif;font-size:.95rem}
.sf-footer p,.sf-footer a{color:#92867a}
.sf-footer a:hover{color:var(--sf-orange)}
.sf-footer-social{display:flex;flex-wrap:wrap;gap:9px}
.sf-footer-social-btn{
  display:inline-flex;align-items:center;padding:10px 13px;border-radius:6px;
  color:#fff!important;font-weight:700;font-size:.78rem;
}
.sf-wa{background:linear-gradient(135deg,#25d366,#128c7e)}
.sf-tg{background:linear-gradient(135deg,#2aabee,#168acd)}
.sf-footer-bottom{
  margin-top:36px;padding-top:20px;border-top:1px solid var(--sf-border);
  color:#6e6257;font-size:.84rem;
}

.sf-sticky-social{
  position:fixed;right:16px;bottom:16px;z-index:9999;
  display:flex;flex-direction:column;gap:9px;
}
.sf-sticky-btn{
  position:relative;
  width:54px;height:54px;display:grid;place-items:center;
  border-radius:50%;color:#fff;box-shadow:0 15px 38px rgba(0,0,0,.34);
  transition:.25s ease;
}
.sf-sticky-btn:hover{transform:translateY(-3px);color:#fff}
.sf-sticky-btn svg{width:27px;height:27px}
.sf-sticky-btn span{
  position:absolute;right:calc(100% + 10px);top:50%;
  transform:translateY(-50%) translateX(7px);
  padding:7px 10px;border:1px solid var(--sf-border);border-radius:5px;
  background:#0b0806;color:#fff;font-size:.72rem;font-weight:700;white-space:nowrap;
  opacity:0;visibility:hidden;transition:.2s ease;
}
.sf-sticky-btn:hover span{opacity:1;visibility:visible;transform:translateY(-50%)}

.sf-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.sf-reveal.visible{opacity:1;transform:none}

@media(max-width:1199.98px){
  .sf-reasons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-reason-card{grid-column:auto!important}
  .sf-sports-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:991.98px){
  .sf-brand img{width:160px}
  .sf-hero-copy-wrap{min-height:auto;padding:120px 7vw 60px}
  .sf-hero-visual,.sf-hero-visual img{min-height:620px}
  .sf-section{padding:72px 0}
  .sf-sticky-intro{position:static}
  .sf-responsible-shell{grid-template-columns:1fr}
  .sf-responsible-mark{font-size:5rem}
  .sf-section-head{grid-template-columns:1fr}
  .sf-final{grid-template-columns:1fr}
}
@media(max-width:767.98px){
  .sf-nav{min-height:72px}
  .sf-brand img{width:148px}
  .sf-hero-copy-wrap{padding:100px 0px 45px}
  .sf-hero h1{font-size:clamp(3rem,15vw,4.8rem)}
  .sf-title{font-size:clamp(2.45rem,12vw,3.6rem)}
  .sf-hero-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-hero-visual,.sf-hero-visual img{min-height:500px}
  .sf-section{padding:56px 0}
  .sf-reasons-grid,.sf-sports-rail,.sf-security-list{grid-template-columns:1fr}
  .sf-responsible-shell{padding:28px 22px}
  .sf-mobile-visual,.sf-mobile-visual img,.sf-mobile-copy{min-height:auto}
  .sf-mobile-copy{padding:56px 22px}
  .sf-final{padding:30px 22px}
  .sf-sticky-social{right:10px;bottom:10px}
  .sf-sticky-btn{width:48px;height:48px}
  .sf-sticky-btn span{display:none}
}