:root{--bg: #020617;--bg-soft: #020617;--bg-elevated: rgba(15, 23, 42, .9);--accent: #6366f1;--accent-soft: rgba(99, 102, 241, .1);--text: #e5e7eb;--muted: #9ca3af;--border: rgba(148, 163, 184, .2);--radius-lg: 1.5rem;--radius-md: 1rem;--shadow-soft: 0 20px 40px rgba(15, 23, 42, .8);--blur: 18px;--max-width: 1040px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:radial-gradient(circle at top,#1d2548 0,#020617 40%,#000);color:var(--text);-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.navbar{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(to bottom,#020617d9,#02061799);border-bottom:1px solid var(--border)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0}.logo{display:flex;align-items:center;gap:.55rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.9rem}.logo-mark{width:28px;height:28px;border-radius:999px;background:radial-gradient(circle at 20% 20%,#a5b4fc,#4f46e5);display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;color:#0b1022;box-shadow:0 0 0 1px #818cf8cc,0 12px 30px #1e40afe6}.logo-text{color:var(--text)}.nav-links{display:flex;gap:1.25rem;align-items:center;font-size:.9rem}.nav-links a{color:var(--muted);text-decoration:none;transition:color .15s ease,background .15s ease,transform .15s ease;padding:.35rem .6rem;border-radius:999px}.nav-links a:hover{color:#e5e7eb;background:#0f172ab3;transform:translateY(-1px)}.nav-cta{border:1px solid rgba(99,102,241,.7);background:radial-gradient(circle at top left,#6366f1,#312e81);color:#e5e7eb!important;box-shadow:0 0 0 1px #818cf8cc,0 12px 30px #1e40afe6}.hero{padding:4.5rem 0 3rem}.hero-inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:2.75rem;align-items:center}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .7rem;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:radial-gradient(circle at top left,#111827,#020617);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-bottom:.9rem}.hero h1{font-size:clamp(2.3rem,4vw,3rem);line-height:1.1;margin:0 0 .8rem}.gradient-text{background:linear-gradient(120deg,#a5b4fc,#22d3ee,#f97316);-webkit-background-clip:text;color:transparent}.hero-subtitle{margin:0;margin-bottom:1.6rem;color:var(--muted);max-width:32rem;font-size:.98rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:.8rem}.hero-note{margin:0;font-size:.78rem;color:var(--muted)}.btn{border-radius:999px;padding:.5rem 1.2rem;font-size:.9rem;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}.btn-primary{background:linear-gradient(135deg,#6366f1,#22d3ee);color:#020617;border-color:#bfdbfeb3;box-shadow:0 16px 35px #0f172ae6;font-weight:500}.btn-primary:hover{transform:translateY(-1px) scale(1.01);box-shadow:0 20px 40px #0f172af2}.btn-ghost{background:#0f172acc;color:var(--text);border-color:var(--border)}.btn-ghost:hover{background:#0f172af2}.hero-card{border-radius:var(--radius-lg);border:1px solid rgba(148,163,184,.4);background:radial-gradient(circle at top,#0f172acc,#020617);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));overflow:hidden}.hero-card-header{display:flex;gap:.35rem;padding:.6rem .75rem;border-bottom:1px solid rgba(148,163,184,.2);background:radial-gradient(circle at top left,#1f2937,#020617)}.dot{width:9px;height:9px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#f97316,#b91c1c);opacity:.7}.hero-card-body{padding:1.3rem 1.3rem 1.5rem}.hero-card-label{margin:0 0 .4rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.hero-card-text{margin:0 0 .8rem;font-size:.9rem}.prompt{color:#e5e7eb}.hero-card-steps{list-style:none;padding-left:0;margin:0;font-size:.85rem;color:var(--muted)}.hero-card-steps li+li{margin-top:.25rem}.section{padding:3.2rem 0}.section h2{font-size:1.6rem;margin-bottom:.4rem}.section-subtitle{margin:0;margin-bottom:2rem;color:var(--muted);font-size:.96rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.4rem}.card{border-radius:var(--radius-md);border:1px solid var(--border);padding:1.35rem;background:radial-gradient(circle at top left,#020617,#020617);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card h3{margin:0 0 .45rem;font-size:1rem}.card p{margin:0;font-size:.9rem;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.2rem}.step-card{border-radius:var(--radius-md);border:1px solid var(--border);padding:1.2rem;background:radial-gradient(circle at top left,#020617,#020617);position:relative;overflow:hidden}.step-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(129,140,248,.12),transparent 55%)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1px solid rgba(148,163,184,.5);font-size:.75rem;color:var(--muted);margin-bottom:.65rem;background:#0f172ae6;position:relative}.step-card h3{margin:0 0 .4rem;font-size:1rem;position:relative}.step-card p{margin:0;font-size:.9rem;color:var(--muted);position:relative}.footer{border-top:1px solid var(--border);padding:1.6rem 0 1.8rem;background:radial-gradient(circle at bottom,#020617,#000)}.footer-inner{display:flex;flex-direction:column;gap:.2rem;font-size:.82rem;color:var(--muted)}@media(max-width:768px){.hero-inner{grid-template-columns:minmax(0,1fr);gap:2rem}.hero{padding-top:3.4rem}.navbar-inner{gap:1rem}.nav-links{display:none}}.logo{display:flex;align-items:center;gap:.55rem}.logo-circle{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#a5b4fc,#4f46e5 60%,#0f172a);display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #6366f1b3,0 0 25px #38bdf84d;border:1px solid rgba(255,255,255,.15)}.logo-a{font-weight:700;font-size:18px;color:#f1f5f9;letter-spacing:.5px}.logo-text{font-size:1.05rem;font-weight:600;letter-spacing:.5px;color:#e5e7eb;text-transform:none}.logo-wrap{display:flex;align-items:center;gap:10px}.logo-icon{width:36px;height:36px;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:radial-gradient(circle at 20% 0,rgba(248,250,252,.25),transparent 60%),radial-gradient(circle at 80% 120%,rgba(129,140,248,.45),transparent 55%),#020617;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #0f172ae6}.logo-icon-inner{width:20px;height:20px;border-radius:999px;background:radial-gradient(circle at 30% 10%,#f9fafb,#4f46e5);box-shadow:0 0 24px #818cf8b3}.logo-text-main{font-size:1.1rem;font-weight:650;letter-spacing:.03em;display:flex;align-items:baseline;gap:4px}.logo-text-main span:first-child{color:#e5e7eb}.logo-text-main span:last-child{color:var(--accent)}.logo-tagline{font-size:.72rem;color:var(--muted)}