:root{font-size:62.5%;--s32f-bg:#07080b;--s32f-panel:#12141c;--s32f-panel-soft:#1a1a1a;--s32f-neon:#00ff66;--s32f-orange:#e65100;--s32f-violet:#8470ff;--s32f-text:#f6f7ff;--s32f-muted:#b8bfd8;--s32f-line:rgba(132,112,255,.28);--s32f-shadow:0 2.2rem 5rem rgba(0,0,0,.45)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--s32f-text);background:radial-gradient(circle at top left,rgba(132,112,255,.2),transparent 32rem),radial-gradient(circle at 80% 10%,rgba(0,255,102,.12),transparent 26rem),var(--s32f-bg);font-family:Inter,Arial,Helvetica,sans-serif;font-size:1.6rem;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
main{width:100%}
img{display:block;max-width:100%}
.s32f-lock{overflow:hidden}
.s32f-shell{width:min(100%,43rem);margin:0 auto;background:linear-gradient(180deg,rgba(18,20,28,.96),rgba(7,8,11,.98));min-height:100vh;box-shadow:0 0 0 .1rem rgba(255,255,255,.04),var(--s32f-shadow)}
.s32f-header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:6.8rem;padding:1rem 1.4rem;background:rgba(7,8,11,.92);border-bottom:.1rem solid var(--s32f-line);backdrop-filter:blur(1.6rem)}
.s32f-brand{display:flex;align-items:center;gap:.8rem;min-width:0}
.s32f-logo{width:4.2rem;height:4.2rem;border-radius:1.3rem;display:grid;place-items:center;color:#061008;font-weight:900;letter-spacing:-.1rem;background:linear-gradient(135deg,var(--s32f-neon),var(--s32f-violet));box-shadow:0 0 2.4rem rgba(0,255,102,.3)}
.s32f-brand-text{display:grid;gap:.1rem}
.s32f-brand-title{font-size:1.8rem;font-weight:900;text-transform:uppercase}
.s32f-brand-sub{color:var(--s32f-muted);font-size:1.1rem}
.s32f-header-actions{display:flex;align-items:center;gap:.7rem}
.s32f-btn,.s32f-ghost,.s32f-link-btn{min-height:4.4rem;border:0;border-radius:999rem;cursor:pointer;font-weight:800;transition:transform .2s ease,filter .2s ease,border-color .2s ease}
.s32f-btn{color:#051009;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--s32f-neon),#b8ff39);box-shadow:0 1rem 2.6rem rgba(0,255,102,.22)}
.s32f-ghost{color:var(--s32f-text);padding:.9rem 1.3rem;background:rgba(255,255,255,.06);border:.1rem solid rgba(255,255,255,.15)}
.s32f-menu-btn{width:4.4rem;height:4.4rem;border:.1rem solid rgba(255,255,255,.18);border-radius:1.4rem;color:var(--s32f-text);background:rgba(255,255,255,.07);cursor:pointer}
.s32f-btn:hover,.s32f-ghost:hover,.s32f-menu-btn:hover,.s32f-link-btn:hover{transform:translateY(-.2rem);filter:brightness(1.08)}
.s32f-desktop-nav{display:none;align-items:center;gap:1.4rem;color:var(--s32f-muted);font-size:1.4rem}
.s32f-desktop-nav a:hover,.s32f-current{color:var(--s32f-neon)!important}
.s32f-mobile-menu{position:fixed;inset:0;z-index:9999;display:none;padding:8rem 2rem 2rem;background:rgba(7,8,11,.96);backdrop-filter:blur(2rem)}
.s32f-menu-open{display:block}
.s32f-menu-panel{width:min(100%,40rem);margin:0 auto;padding:2rem;border:.1rem solid var(--s32f-line);border-radius:2.4rem;background:linear-gradient(180deg,#151824,#0d0e14)}
.s32f-menu-panel a,.s32f-menu-panel button{display:flex;align-items:center;gap:1rem;width:100%;min-height:4.8rem;margin:.8rem 0;padding:1rem 1.2rem;border-radius:1.4rem;color:var(--s32f-text);background:rgba(255,255,255,.05);border:.1rem solid rgba(255,255,255,.09);cursor:pointer}
.s32f-hero{padding:2.2rem 1.5rem 1.2rem}
.s32f-hero-card{position:relative;overflow:hidden;border-radius:2.8rem;padding:2.4rem;background:linear-gradient(145deg,rgba(132,112,255,.28),rgba(230,81,0,.16)),#10121b;border:.1rem solid var(--s32f-line)}
.s32f-hero-card::after{content:"";position:absolute;right:-5rem;top:-5rem;width:16rem;height:16rem;border-radius:50%;background:rgba(0,255,102,.18);filter:blur(.4rem)}
.s32f-kicker{display:inline-flex;align-items:center;gap:.7rem;padding:.6rem 1rem;border-radius:999rem;color:var(--s32f-neon);background:rgba(0,255,102,.08);border:.1rem solid rgba(0,255,102,.2);font-size:1.2rem;font-weight:800;text-transform:uppercase}
.s32f-title{margin:1.4rem 0 1rem;font-size:clamp(3rem,10vw,5.4rem);line-height:.96;letter-spacing:-.2rem}
.s32f-title span,.s32f-gradient{color:transparent;background:linear-gradient(135deg,var(--s32f-neon),var(--s32f-violet));-webkit-background-clip:text;background-clip:text}
.s32f-lead{color:var(--s32f-muted);font-size:1.6rem}
.s32f-cta-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.8rem}
.s32f-link-btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;color:#080a0d;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--s32f-orange),#ffd166)}
.s32f-section{padding:2rem 1.5rem}
.s32f-section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}
.s32f-eyebrow{color:var(--s32f-neon);margin:0 0 .4rem;font-size:1.2rem;font-weight:900;text-transform:uppercase}
.s32f-h2{margin:0;font-size:2.4rem;line-height:1.1}
.s32f-copy{color:var(--s32f-muted)}
.s32f-grid{display:grid;grid-template-columns:1fr;gap:1.2rem}
.s32f-card{position:relative;overflow:hidden;border-radius:2rem;padding:1.5rem;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:.1rem solid rgba(255,255,255,.1);transition:transform .2s ease,border-color .2s ease}
.s32f-card-hover,.s32f-card:hover{transform:translateY(-.3rem);border-color:rgba(0,255,102,.38)}
.s32f-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:1.5rem;margin-bottom:1rem;background:#0d1018}
.s32f-card h3,.s32f-card h4{margin:.4rem 0 .6rem}
.s32f-tag-row{display:flex;flex-wrap:wrap;gap:.7rem}
.s32f-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .8rem;border-radius:999rem;color:var(--s32f-muted);background:rgba(255,255,255,.06);border:.1rem solid rgba(255,255,255,.08);font-size:1.2rem}
.s32f-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.s32f-stat{padding:1.4rem;border-radius:1.8rem;background:#11131b;border:.1rem solid var(--s32f-line)}
.s32f-stat strong{display:block;color:var(--s32f-neon);font-size:2.4rem}
.s32f-list{display:grid;gap:1rem;padding:0;margin:0;list-style:none}
.s32f-list li{padding:1.2rem;border-left:.4rem solid var(--s32f-orange);border-radius:1.2rem;background:rgba(255,255,255,.05)}
.s32f-split{display:grid;gap:1.2rem}
.s32f-banner{padding:2rem;border-radius:2.4rem;background:linear-gradient(135deg,rgba(0,255,102,.16),rgba(132,112,255,.2));border:.1rem solid rgba(0,255,102,.22)}
.s32f-footer{padding:2.5rem 1.5rem 8.5rem;color:var(--s32f-muted);background:#07080b;border-top:.1rem solid var(--s32f-line)}
.s32f-footer-grid{display:grid;gap:1.4rem}
.s32f-footer-links,.s32f-partners{display:flex;flex-wrap:wrap;gap:.8rem}
.s32f-footer-links a,.s32f-partner{padding:.7rem 1rem;border-radius:999rem;background:rgba(255,255,255,.06);border:.1rem solid rgba(255,255,255,.08)}
.s32f-bottom-nav{position:fixed;left:50%;bottom:0;z-index:1000;width:min(100%,43rem);height:6.4rem;transform:translateX(-50%);display:flex;justify-content:space-around;align-items:center;padding:.4rem .6rem .6rem;background:linear-gradient(180deg,rgba(18,20,28,.94),rgba(7,8,11,.98));border-top:.1rem solid var(--s32f-line);box-shadow:0 -1.2rem 3rem rgba(0,0,0,.35)}
.s32f-bottom-nav button{min-width:6rem;min-height:6rem;border:0;border-radius:1.8rem;color:var(--s32f-muted);background:transparent;display:grid;place-items:center;gap:.1rem;cursor:pointer;transition:transform .2s ease,color .2s ease,background .2s ease}
.s32f-bottom-nav button>*:first-child{font-size:2.4rem}
.s32f-bottom-nav span{font-size:1.1rem;font-weight:800}
.s32f-bottom-nav button:hover,.s32f-bottom-nav .s32f-current{color:var(--s32f-neon)!important;background:rgba(0,255,102,.09);transform:translateY(-.3rem) scale(1.03)}
@media (max-width:768px){main{padding-bottom:8rem}}
@media (min-width:769px){.s32f-shell{width:min(100%,110rem)}.s32f-desktop-nav{display:flex}.s32f-menu-btn{display:none}.s32f-bottom-nav{display:none}.s32f-grid{grid-template-columns:repeat(3,1fr)}.s32f-split{grid-template-columns:1.15fr .85fr}.s32f-footer{padding-bottom:3rem}}
