.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 5%;display:flex;align-items:center;justify-content:space-between;background:rgba(8,8,10,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.nav-logo{display:flex;align-items:center;gap:10px}
.logo-sq{width:32px;height:32px;background:var(--accent);border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;font-weight:500;color:#fff;flex-shrink:0}
.logo-name{font-size:1rem;font-weight:700;letter-spacing:-.02em}
.nav-right{display:flex;align-items:center;gap:16px}
.nav-link{font-size:.875rem;color:var(--text2);transition:color var(--transition)}
.nav-link:hover{color:var(--text)}
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 5% 80px;position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,85,0,.13) 0%,transparent 70%);pointer-events:none}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}
.hero-content{position:relative;max-width:860px;animation:fadeUp .8s ease both}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--accent-light);border:1px solid var(--accent-mid);border-radius:20px;font-family:var(--mono);font-size:.7rem;color:var(--accent);margin-bottom:1.75rem;letter-spacing:.05em}
.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite}
.hero h1{margin-bottom:1.5rem}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero-sub{font-size:clamp(1rem,2vw,1.2rem);color:var(--text2);max-width:600px;margin:0 auto 2.5rem}
.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:3.5rem}
.hero-stats{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;padding-top:2rem;border-top:1px solid var(--border)}
.hero-stat-num{font-size:1.75rem;font-weight:800;letter-spacing:-.05em;display:block}
.hero-stat-label{font-family:var(--mono);font-size:.68rem;color:var(--text3);letter-spacing:.05em}
.trust-bar{padding:1.1rem 5%;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg2);display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:.68rem;color:var(--text2);letter-spacing:.03em;white-space:nowrap}
.trust-icon{color:var(--success)}
section{padding:var(--section-v) 5%}
.section-alt{background:var(--bg2)}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:3rem}
.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:3rem}
.footer{padding:2rem 5%;border-top:1px solid var(--border);background:var(--bg2);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer-left{font-family:var(--mono);font-size:.72rem;color:var(--text3)}
.footer-links{display:flex;gap:20px}
.footer-links a{font-family:var(--mono);font-size:.72rem;color:var(--text3);transition:color var(--transition)}
.footer-links a:hover{color:var(--text2)}
@media(max-width:768px){:root{--section-v:60px}.hero{padding-top:100px}.hero-stats{gap:24px}.trust-bar{gap:14px}.nav-link{display:none}}
