@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";html{margin:0;overscroll-behavior:none;background:#05080f}body,#root{min-height:100%}*{box-sizing:border-box}html,body,#root{height:100%;background:radial-gradient(1200px 600px at 10% 10%,#0e1230,#0b0f1a 35%),radial-gradient(900px 500px at 90% 20%,#0b1627,#0f1424 45%);color:#e7eaf3;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}body{margin:0;display:flex;flex-direction:column}.gradient-background{position:fixed;inset:-20vh -20vw;z-index:-2;background:linear-gradient(300deg,#0ea5e9,#6d28d9,#0ea5e9,#22d3ee);background-size:180% 180%;animation:gradient-animation 18s ease infinite;filter:blur(40px) saturate(120%);opacity:.6}.gradient-overlay{position:fixed;inset:0;z-index:-1;background:radial-gradient(1200px 600px at 20% -10%,rgba(34,211,238,.12),transparent 60%),radial-gradient(900px 500px at 100% 0%,rgba(109,94,252,.12),transparent 55%);pointer-events:none}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.container{--gutter: 1rem;max-width:1120px;margin-inline:auto;padding-inline:var(--gutter)}.nav{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(to bottom,#0a0c16d9,#0a0c1666);border-bottom:1px solid rgba(255,255,255,.06)}.nav-inner{height:64px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px;text-decoration:none;color:inherit}.logo-dot{width:14px;height:14px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#22d3ee,#6d5efc);box-shadow:0 0 18px #22d3eea6}.brand-text{background:linear-gradient(90deg,#22d3ee,#6d5efc);-webkit-background-clip:text;background-clip:text;color:transparent}.links{display:none;justify-self:end;align-items:center;gap:18px}.links a{color:#b5bdd3;text-decoration:none;font-weight:600}.links .cta{padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(90deg,#22d3ee26,#6d5efc26)}.mobile-menu{justify-self:end;background:transparent;color:#e7eaf3;border:none;font-size:20px}@media (min-width: 840px){.links{display:inline-flex}.mobile-menu{display:none}}main{flex:1}.hero{position:relative;padding:96px 0 48px;overflow:clip}.hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.badge{display:inline-block;padding:8px 12px;font-weight:600;color:#9fe8ff;background:#00adb51f;border:1px solid rgba(0,173,181,.3);border-radius:999px}.title{margin:14px 0 10px;font-size:clamp(28px,6vw,56px);line-height:1.1}.subtitle{color:#b5bdd3;max-width:760px;margin:0 auto 18px}.cta-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn{padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:700;transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(255,255,255,.14);will-change:transform}.btn:hover{transform:translateY(-2px)}.btn.primary{color:#081217;background:linear-gradient(90deg,#22d3ee,#6d5efc);box-shadow:0 10px 24px #6d5efc59}.btn.ghost{color:#e7eaf3;background:#ffffff0a}.floating-blob{position:absolute;width:min(60vw,600px);height:min(60vw,600px);left:50%;top:-140px;transform:translate(-50%);background:radial-gradient(circle at 30% 30%,rgba(34,211,238,.25),rgba(109,94,252,.15) 50%,transparent 70%);filter:blur(20px);border-radius:50%;pointer-events:none}.glass{background:transparent;border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 30px #00000059;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-radius:18px}.hero-card{margin-top:26px;padding:18px;width:100%}.hero-card-grid{display:grid;grid-template-columns:1fr;gap:14px}.hero-card h3{margin:0 0 6px}.hero-card p{margin:0;color:#b5bdd3}@media (min-width: 840px){.hero-card-grid{grid-template-columns:repeat(3,1fr)}}.section{padding:64px 0}.section-title{text-align:center;font-size:clamp(22px,3.8vw,34px);margin:0 0 24px}.key-features{position:relative;background:radial-gradient(800px 400px at 30% 0%,rgba(34,211,238,.12),transparent 60%),radial-gradient(700px 380px at 80% 10%,rgba(109,94,252,.12),transparent 55%);background-repeat:no-repeat;background-position:center;background-size:cover}.card-grid{display:grid;gap:16px;grid-template-columns:1fr}.card-grid.two{grid-template-columns:1fr}.card{padding:18px}.key-features .card{position:relative;border-radius:18px;overflow:hidden;background:inherit;background-clip:padding-box;border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 30px #00000059}.key-features .card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:#ffffff14;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);pointer-events:none}.card h3{margin:0 0 6px}.card p{margin:0;color:#b5bdd3}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.tag{font-size:12px;padding:6px 10px;border-radius:999px;color:#9fe8ff;background:#00adb51f;border:1px solid rgba(0,173,181,.3)}@media (min-width: 900px){.card-grid{grid-template-columns:repeat(3,1fr)}.card-grid.two{grid-template-columns:repeat(2,1fr)}}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin-top:12px}.flow-item{padding:16px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12)}.flow-badge{display:inline-block;padding:6px 10px;margin-bottom:6px;border-radius:999px;font-weight:700;color:#b9a7ff;background:#6d5efc2e;border:1px solid rgba(109,94,252,.35)}.flow-arrow{opacity:.7;font-size:22px}.cta-section{padding-bottom:90px}.cta-glass{padding:24px;display:grid;gap:12px;text-align:center}.cta-glass p{color:#b5bdd3}.footer{position:relative;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(to top,#0a0c16d9,#0a0c1666)}.footer-inner{min-height:64px;display:grid;grid-template-columns:1fr;align-items:center;gap:8px;padding-block:14px}.footer-left{justify-self:center}.footer-right{justify-self:center;display:inline-flex;align-items:center;gap:8px;color:#b5bdd3}.footer .dot{opacity:.8}@media (min-width: 840px){.footer-inner{grid-template-columns:1fr auto}.footer-left{justify-self:start}.footer-right{justify-self:end}}html,body{background-color:#05080f}
