:root{--navy:#0a1730;--navy-deep:#060f22;--navy-card:#102347;--navy-card-hover:#163063;--border:hsla(0,0%,100%,.08);--border-hover:hsla(0,0%,100%,.18);--accent:#7c6cf5;--accent-2:#5b8cf5;--accent-3:#41d3bd;--text:#f3f5fb;--text-muted:#a4b0cc;--text-dim:#7180a0}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--navy-deep);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.landing{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(1200px 600px at 80% -10%,rgba(124,108,245,.18),transparent 60%),radial-gradient(1000px 500px at -10% 20%,rgba(65,211,189,.12),transparent 60%),linear-gradient(180deg,#0a1730,#060f22)}.bg-grid{inset:0;background-image:linear-gradient(hsla(0,0%,100%,.04) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.04) 1px,transparent 0);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 40%,transparent 80%);mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 40%,transparent 80%)}.bg-grid,.bg-orb{position:absolute;pointer-events:none}.bg-orb{border-radius:50%;filter:blur(80px);opacity:.55}.bg-orb-1{width:480px;height:480px;background:radial-gradient(circle,#7c6cf5 0,transparent 70%);top:-120px;right:-120px}.bg-orb-2{width:520px;height:520px;background:radial-gradient(circle,#41d3bd 0,transparent 70%);bottom:-180px;left:-160px;opacity:.35}.hero-nav{position:relative;z-index:2;justify-content:space-between;padding:16px 40px;max-width:1280px;margin:0 auto}.hero-logo,.hero-nav{display:flex;align-items:center}.hero-logo{gap:12px}.hero-logo-mark{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,#8a7cf6,#5b8cf5);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;box-shadow:0 8px 20px rgba(124,108,245,.35)}.hero-logo-text{font-weight:700;font-size:18px;color:#fff;letter-spacing:-.01em}.hero-nav-tag{font-size:13px;color:var(--text-muted);padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:hsla(0,0%,100%,.03)}.hero{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:8px 40px 80px}.hero-copy{text-align:center;max-width:760px;margin:0 auto 36px}.hero-eyebrow{display:inline-block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-weight:600;padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:hsla(0,0%,100%,.03);margin-bottom:18px}.hero-title{font-size:48px;font-weight:800;letter-spacing:-.02em;line-height:1.08;margin:0 0 14px;color:#fff}.hero-title-grad{background:linear-gradient(135deg,#a394ff,#5b8cf5 50%,#41d3bd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:18px;color:var(--text-muted);margin:0;line-height:1.55}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:18px;gap:18px}.tile{position:relative;background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.015));border:1px solid var(--border);border-radius:16px;padding:22px 22px 20px;display:flex;flex-direction:column;cursor:pointer;transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s ease,background .22s ease,box-shadow .22s ease;min-height:210px;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.tile-live{background:linear-gradient(180deg,rgba(124,108,245,.18),rgba(65,211,189,.08));border-color:rgba(124,108,245,.45);box-shadow:0 0 0 1px rgba(124,108,245,.15),0 18px 40px -18px rgba(124,108,245,.55)}.tile-live:hover{border-color:rgba(124,108,245,.75);box-shadow:0 0 0 1px rgba(124,108,245,.3),0 24px 50px -20px rgba(124,108,245,.7)}.tile-live .tile-icon{background:linear-gradient(135deg,rgba(124,108,245,.55),rgba(91,140,245,.4));border-color:rgba(124,108,245,.65);color:#fff;box-shadow:0 10px 28px rgba(124,108,245,.4)}.tile-live .tile-cta{color:#fff}.tile-badge{position:absolute;top:14px;right:14px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#d8d1ff;padding:4px 9px;border-radius:999px;background:rgba(124,108,245,.25);border:1px solid rgba(124,108,245,.5);display:inline-flex;align-items:center;gap:6px}.tile-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#41d3bd;box-shadow:0 0 8px #41d3bd}.tile-info{opacity:.92}.tile-info:hover{opacity:1}.tile:before{content:"";inset:0;border-radius:18px;padding:1px;background:linear-gradient(135deg,rgba(124,108,245,.6),rgba(65,211,189,.35),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .22s ease}.tile-glow,.tile:before{position:absolute;opacity:0;pointer-events:none}.tile-glow{width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(124,108,245,.35) 0,transparent 70%);filter:blur(40px);top:-100px;right:-100px;transition:opacity .32s ease}.tile:hover{transform:translateY(-4px);border-color:var(--border-hover);background:linear-gradient(180deg,hsla(0,0%,100%,.07),hsla(0,0%,100%,.02))}.tile:hover .tile-glow,.tile:hover:before{opacity:1}.tile-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,rgba(124,108,245,.18),rgba(91,140,245,.1));border:1px solid rgba(124,108,245,.2);color:#9b8eff;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.tile-title{font-size:16px;font-weight:700;margin:0 0 8px;color:#fff;line-height:1.3;letter-spacing:-.01em}.tile-description{font-size:13px;color:var(--text-muted);line-height:1.55;margin:0 0 16px;flex:1 1}.tile-cta{font-size:14px;font-weight:600;color:#b9aeff;display:inline-flex;align-items:center;gap:8px;transition:color .16s ease}.tile:hover .tile-cta{color:#fff}.tile-cta-arrow{transition:transform .22s cubic-bezier(.2,.8,.2,1);display:inline-block}.tile:hover .tile-cta-arrow{transform:translateX(5px)}@media (max-width:720px){.hero{padding:24px 20px 60px}.hero-nav{padding:20px}.hero-title{font-size:36px}.hero-subtitle{font-size:16px}}