*{box-sizing:border-box}html,body{background:#06080d;min-height:100%;margin:0;padding:0}body{color:#f7f9fc;font-family:Arial,Helvetica,sans-serif}button{font:inherit;cursor:pointer}::selection{background:#5a96ff4d}.sf-shell{color:#f7f9fc;background:radial-gradient(circle at 50% -10%,#16213b 0,#0a0e18 34%,#06080d 72%);min-height:100vh;position:relative;overflow:hidden}.sf-shell:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.sf-container{z-index:2;width:min(1120px,100% - 36px);margin:auto;padding:28px 0 32px;position:relative}.sf-orb{filter:blur(80px);opacity:.18;pointer-events:none;border-radius:999px;position:absolute}.sf-orb-one{background:#2d7dff;width:280px;height:280px;top:140px;left:-180px}.sf-orb-two{background:#6b5cff;width:220px;height:220px;top:560px;right:-150px}.sf-header{justify-content:space-between;align-items:center;display:flex}.sf-brand{align-items:center;gap:12px;display:flex}.sf-mark{background:linear-gradient(145deg,#5c91ff3d,#ffffff0a);border:1px solid #82aaff59;border-radius:12px;place-items:center;width:40px;height:40px;font-size:18px;font-weight:800;display:grid}.sf-logo{letter-spacing:-.5px;font-size:20px;font-weight:750}.sf-logo span{color:#78a9ff}.sf-kicker{letter-spacing:2px;color:#ffffff59;margin-top:3px;font-size:8px}.sf-profile{color:#ffffffb8;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:999px;padding:9px 15px;font-size:13px}.sf-hero{max-width:820px;padding:112px 0 88px}.sf-eyebrow,.sf-label{letter-spacing:2.8px;color:#79a9ff;font-size:10px;font-weight:700}.sf-hero h1{letter-spacing:-3.8px;margin:17px 0 24px;font-size:clamp(42px,7vw,78px);font-weight:700;line-height:1.02}.sf-hero h1 em{color:#ffffff7a;font-style:normal}.sf-hero p{color:#ffffff8a;max-width:650px;margin:0;font-size:18px;line-height:1.7}.sf-primary{color:#07090d;background:#f6f8fb;border:0;border-radius:14px;margin-top:32px;padding:15px 20px;font-weight:700;transition:all .2s;box-shadow:0 12px 35px #00000040}.sf-primary:hover{background:#fff;transform:translateY(-2px)}.sf-primary span{margin-left:12px}.sf-section{margin-top:4px}.sf-section-head{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.sf-section-head h2,.sf-progress h2{letter-spacing:-.8px;margin:8px 0 0;font-size:25px}.sf-status{color:#fff6;align-items:center;gap:7px;font-size:11px;display:flex}.sf-status i{background:#6ee7a0;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #6ee7a0}.sf-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.sf-card{text-align:left;color:#fff;background:linear-gradient(145deg,#ffffff13,#ffffff06);border:1px solid #ffffff17;border-radius:22px;min-height:245px;padding:24px;transition:all .25s}.sf-card:hover{background:linear-gradient(145deg,#6491ff1f,#ffffff06);border-color:#78a9ff52;transform:translateY(-4px)}.sf-card-top{justify-content:space-between;align-items:center;display:flex}.sf-icon{color:#9abaff;background:#6496ff1c;border:1px solid #78a9ff29;border-radius:12px;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.sf-card-label{letter-spacing:1.6px;color:#ffffff57;text-transform:uppercase;font-size:9px}.sf-card h3{margin:32px 0 9px;font-size:21px}.sf-card p{color:#ffffff6e;max-width:280px;margin:0;font-size:14px;line-height:1.6}.sf-card-action{color:#ffffffb3;margin-top:25px;font-size:12px}.sf-card-action span{margin-left:7px}.sf-progress{background:#ffffff09;border:1px solid #ffffff14;border-radius:22px;justify-content:space-between;align-items:center;gap:30px;margin-top:56px;padding:28px;display:flex}.sf-progress p{color:#fff6;margin:8px 0 0;font-size:14px}.sf-metric{text-align:center;background:#00000029;border:1px solid #ffffff14;border-radius:16px;min-width:120px;padding:17px}.sf-metric strong{font-size:31px;display:block}.sf-metric span{letter-spacing:1.7px;color:#ffffff4d;font-size:8px}.sf-nav{background:#ffffff06;border:1px solid #ffffff14;border-radius:14px;justify-content:center;gap:4px;width:max-content;margin:34px auto 0;padding:4px;display:flex}.sf-nav button{color:#ffffff61;background:0 0;border:0;border-radius:10px;padding:10px 18px;font-size:12px}.sf-nav button.active{color:#080a0e;background:#f5f7fa}.sf-footer{color:#ffffff3d;letter-spacing:.5px;border-top:1px solid #ffffff0f;justify-content:space-between;margin-top:40px;padding-top:20px;font-size:10px;display:flex}@media (max-width:720px){.sf-container{width:min(100% - 28px,1120px)}.sf-hero{padding:78px 0 62px}.sf-hero h1{letter-spacing:-2.4px}.sf-hero p{font-size:16px}.sf-grid{grid-template-columns:1fr}.sf-card{min-height:205px}.sf-section-head{flex-direction:column;align-items:start;gap:14px}.sf-progress{flex-direction:column;align-items:flex-start}.sf-metric,.sf-nav{width:100%}.sf-nav button{flex:1}.sf-footer{flex-direction:column;gap:8px}}