@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#f5f5fa;background:#050914;font-synthesis:none;--bg: #050914;--panel: #0b1221;--panel2: #0e1729;--border: rgba(150, 165, 205, .13);--muted: #9aa6bc;--purple: #8d35ff;--purple2: #b15cff;--cyan: #2d9cff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg)}button,a{font:inherit}button{cursor:pointer}.site{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 78% 8%,rgba(117,36,255,.12),transparent 28%),radial-gradient(circle at 20% 35%,rgba(0,128,255,.05),transparent 30%)}.nav{position:sticky;top:0;z-index:20;background:#050914b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1200px;margin:auto;height:74px;padding:0 24px;display:flex;align-items:center;gap:30px}.brand,.nav-links button{border:0;background:none;color:inherit}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em}.brand-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#7026ff,#b04cff);box-shadow:0 0 28px #8c30ff59}.nav-links{margin-left:auto;display:flex;gap:26px}.nav-links button{color:#adb6c8;font-size:14px}.nav-links button:hover{color:#fff}.demo-btn,.primary{border:0;color:#fff;background:linear-gradient(135deg,#7425ef,#a440ff);box-shadow:0 10px 30px #7926f238;border-radius:8px;padding:12px 18px;display:inline-flex;align-items:center;gap:8px;font-weight:600}.demo-btn{margin-left:0}.menu-btn{display:none;background:none;border:0;color:#fff}.hero{max-width:1200px;min-height:540px;margin:auto;padding:76px 24px 48px;position:relative;display:flex}.hero-content{width:53%;position:relative;z-index:3}.eyebrow{display:inline-block;border:1px solid rgba(163,173,202,.2);border-radius:7px;padding:7px 11px;color:#d2d8e6;background:#0c1221b3;font-size:12px}.hero h1{font-size:56px;line-height:1.08;margin:25px 0 20px;letter-spacing:-.045em}.hero h1 span{color:#a743ff}.hero p{max-width:580px;color:#a2aec1;font-size:16px;line-height:1.8}.hero-actions{display:flex;gap:12px;margin-top:28px}.secondary{padding:12px 18px;border-radius:8px;border:1px solid var(--border);background:#09101e;color:#fff}.hero-art{position:absolute;right:-15px;top:30px;width:58%;height:490px;overflow:hidden}.hero-art:before{content:"";position:absolute;width:620px;height:230px;right:30px;top:170px;background:radial-gradient(ellipse,rgba(121,37,255,.45),transparent 67%);filter:blur(8px)}.orb{position:absolute;border:1px solid rgba(153,76,255,.25);border-radius:50%;transform:rotate(-18deg)}.orb-one{width:500px;height:170px;right:70px;top:140px}.orb-two{width:570px;height:220px;right:20px;top:115px;opacity:.45}.fighter{position:absolute;width:180px;height:350px;bottom:40px;right:210px;transform:skew(-4deg);filter:drop-shadow(0 0 25px rgba(156,73,255,.35))}.fighter .head{position:absolute;width:42px;height:50px;border-radius:50%;background:linear-gradient(135deg,#eee,#aaa);left:72px;top:5px}.fighter .body{position:absolute;width:70px;height:145px;border-radius:45% 45% 25% 25%;background:linear-gradient(90deg,#fff,#aaa);left:57px;top:48px;transform:rotate(8deg)}.fighter .leg{position:absolute;width:30px;height:180px;background:linear-gradient(90deg,#ddd,#8d8d8d);border-radius:25px;transform-origin:top}.fighter .leg-left{left:57px;top:170px;transform:rotate(20deg)}.fighter .leg-right{left:105px;top:165px;transform:rotate(-72deg);height:210px}.fighter .arm{position:absolute;width:24px;height:155px;border-radius:20px;background:linear-gradient(90deg,#eee,#999);transform-origin:top}.fighter .arm-left{left:55px;top:62px;transform:rotate(64deg)}.fighter .arm-right{left:110px;top:62px;transform:rotate(-70deg)}.ghost{right:65px;opacity:.32;transform:scale(.88) skew(-4deg);filter:drop-shadow(0 0 20px #8d35ff)}.skeleton{right:-55px;opacity:.18;transform:scale(.76) skew(-4deg)}.art-label{position:absolute;right:120px;bottom:20px;color:#9b75ff;letter-spacing:.3em;font-size:10px}.sector-strip{max-width:1200px;margin:0 auto;padding:0 24px 25px;display:grid;grid-template-columns:repeat(5,1fr)}.sector{display:flex;gap:12px;align-items:center;padding:18px 15px;border-right:1px solid var(--border)}.sector:last-child{border:0}.sector-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#111b33;color:#9a5cff}.sector strong,.sector small{display:block}.sector strong{font-size:13px}.sector small{font-size:12px;color:#8f9ab0;margin-top:3px}.section{max-width:1200px;margin:24px auto;padding:32px 24px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#0d1526cc,#070d19b8)}.section-heading h2,.dashboard-section h2,.contact h2{font-size:25px;margin:0 0 8px;letter-spacing:-.03em}.section-heading p,.dashboard-section p,.contact p{color:#8996aa;margin:0;line-height:1.65;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:26px}.service-card{min-height:200px;padding:17px 14px;border:1px solid var(--border);border-radius:12px;background:#121c2fa6}.service-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;color:#9a5cff;background:#7c2dff24;margin-bottom:20px}.service-card h3{font-size:13px;line-height:1.55;margin:0 0 11px}.service-card p{font-size:11px;line-height:1.7;color:#8793a8;margin:0}.why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin-top:25px}.why-item{display:flex;gap:9px}.why-item>svg{color:#a144ff;flex:none;margin-top:2px}.why-item h3{font-size:12px;margin:0 0 6px}.why-item p{font-size:10px;line-height:1.55;color:#7f8da3;margin:0}.dashboard-section{max-width:1200px;margin:24px auto;padding:50px 24px;display:grid;grid-template-columns:1fr 1.2fr;gap:45px;align-items:center}.dashboard-copy h2{font-size:38px;margin:20px 0 12px}.dashboard-copy p{max-width:470px;margin-bottom:25px}.dashboard-mock{height:300px;border:1px solid #26324a;border-radius:15px;background:#09101e;box-shadow:0 25px 70px #00000040;overflow:hidden}.mock-top{height:38px;border-bottom:1px solid #1d2940;padding:0 15px;display:flex;gap:6px;align-items:center}.mock-top span{width:7px;height:7px;border-radius:50%;background:#34425c}.mock-body{display:flex;height:262px}.mock-side{width:22%;border-right:1px solid #1d2940}.mock-main{padding:18px;flex:1}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mock-cards i{height:54px;border-radius:8px;background:linear-gradient(135deg,#111d34,#162542);display:block}.mock-chart{height:120px;margin-top:15px;border-radius:10px;background:linear-gradient(160deg,#111d34,#0c1527);position:relative}.mock-chart:after{content:"";position:absolute;left:10%;right:8%;bottom:30px;height:70px;border-bottom:2px solid #7e35ef;transform:skewY(-14deg);opacity:.65}.contact{max-width:1200px;margin:24px auto 60px;padding:42px 34px;border:1px solid var(--border);border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:radial-gradient(circle at 85% 40%,rgba(130,43,255,.14),transparent 35%),#0a1120}.contact h2{font-size:31px;margin-top:16px}.contact p{max-width:650px}footer{max-width:1200px;margin:auto;padding:25px 24px 45px;display:flex;justify-content:space-between;color:#69768d;font-size:12px;border-top:1px solid var(--border)}.footer-brand{color:#c8cede;font-weight:700;display:flex;gap:9px;align-items:center}@media(max-width:1000px){.hero h1{font-size:46px}.hero-content{width:60%}.hero-art{opacity:.72;right:-130px}.service-grid{grid-template-columns:repeat(3,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.nav-links{display:none}.nav-links.mobile-open{display:flex;position:absolute;top:74px;left:0;right:0;padding:20px;flex-direction:column;background:#070d19;border-bottom:1px solid var(--border)}.menu-btn{display:block;margin-left:auto}.nav .demo-btn{display:none}.hero{min-height:680px;padding-top:45px}.hero-content{width:100%;z-index:4}.hero h1{font-size:40px}.hero p{font-size:14px}.hero-art{width:100%;right:-115px;top:310px;opacity:.55}.sector-strip{grid-template-columns:repeat(2,1fr)}.sector{border-bottom:1px solid var(--border)}.service-grid{grid-template-columns:1fr 1fr}.dashboard-section{grid-template-columns:1fr;padding:35px 24px}.dashboard-copy h2{font-size:30px}.contact{margin-left:16px;margin-right:16px;flex-direction:column;align-items:flex-start}.contact h2{font-size:26px}footer{flex-direction:column;gap:12px}}@media(max-width:470px){.service-grid,.why-grid,.sector-strip{grid-template-columns:1fr}.hero h1{font-size:35px}.hero-actions{flex-direction:column}.hero-actions button{width:max-content}}
