:root{--bg-black:#030303;--bg-surface:#0a0a0c;--bg-card:#121216a6;--border-subtle:#ffffff12;--border-glow:#6366f166;--accent-primary:#6366f1;--accent-violet:#a855f7;--accent-cyan:#06b6d4;--text-bright:#fff;--text-medium:#94a3b8;--text-dark:#64748b;--font-sans:"Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", monospace}body{line-height:1.5;overflow-x:hidden;background-color:var(--bg-black)!important;color:var(--text-bright)!important}.bg-glow-container{z-index:-1;pointer-events:none;width:100vw;height:1000px;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.glow-orb-1{filter:blur(90px);background:radial-gradient(circle,#6366f140 0%,#a855f71a 40%,#0000 70%);width:700px;height:450px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.glow-grid{background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;mask-image:radial-gradient(60% 50% at 50% 0,#000 70%,#0000 100%)}.btn-shimmer{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:999px;justify-content:center;align-items:center;padding:8px 18px;font-size:13.5px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 20px #6366f159}.btn-shimmer:hover{transform:translateY(-1px);box-shadow:0 0 28px #6366f180}.hero{text-align:center;max-width:1100px;margin:0 auto;padding:100px 20px 80px}.pill-announcement{border:1px solid var(--border-subtle);color:var(--text-medium);backdrop-filter:blur(10px);background:#ffffff08;border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 14px;font-size:12.5px;display:inline-flex}.pill-badge-spark{background:linear-gradient(135deg, var(--accent-primary), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700}.hero-heading{letter-spacing:-2px;background:linear-gradient(#fff 40%,#ffffff80 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:clamp(2.8rem,5.5vw,4.8rem);font-weight:800;line-height:1.05}.hero-subtext{color:var(--text-medium);max-width:640px;margin:0 auto 36px;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:400}.hero-actions{justify-content:center;gap:14px;margin-bottom:60px;display:flex}.btn-secondary-glow{border:1px solid var(--border-subtle);color:var(--text-bright);background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary-glow:hover{background:#ffffff14;border-color:#fff3}.app-preview-card{background:linear-gradient(#ffffff26 0%,#ffffff05 100%);border-radius:20px;max-width:1000px;margin:0 auto;padding:1px;position:relative;box-shadow:0 40px 100px -20px #000000e6,0 0 80px #6366f126}.app-preview-inner{background:var(--bg-surface);border:1px solid #000c;border-radius:19px;overflow:hidden}.preview-header{border-bottom:1px solid var(--border-subtle);background:#ffffff05;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.window-dots{gap:7px;display:flex}.w-dot{background:#ffffff26;border-radius:50%;width:10px;height:10px}.preview-body{text-align:left;grid-template-columns:240px 1fr;gap:20px;min-height:380px;padding:30px;display:grid}.preview-sidebar{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.sidebar-item{color:var(--text-medium);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.sidebar-item.active{color:var(--text-bright);background:#6366f126;border:1px solid #6366f14d}.preview-main-content{border:1px solid var(--border-subtle);background:#0006;border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.code-editor{font-family:var(--font-mono);color:var(--accent-cyan);font-size:13px;line-height:1.6}.section-bento{max-width:1100px;margin:120px auto;padding:0 20px}.section-header{text-align:center;margin-bottom:60px}.section-title{letter-spacing:-1px;margin-bottom:12px;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:700}.bento-container{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.bento-card{background:var(--bg-card);border:1px solid var(--border-subtle);backdrop-filter:blur(12px);border-radius:16px;padding:32px;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}.bento-card:hover{border-color:#6366f166;transform:translateY(-2px)}.bento-card.col-span-2{grid-column:span 2}.card-badge-icon{width:40px;height:40px;color:var(--accent-primary);background:#6366f11a;border:1px solid #6366f133;border-radius:10px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.card-heading{letter-spacing:-.3px;margin-bottom:8px;font-size:18px;font-weight:600}.card-desc{color:var(--text-medium);font-size:14px;line-height:1.6}.metric-number{letter-spacing:-1px;background:linear-gradient(135deg, #fff 0%, var(--text-medium) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:16px;font-size:42px;font-weight:800}@media (width<=850px){.bento-container{grid-template-columns:1fr}.bento-card.col-span-2{grid-column:span 1}.preview-body{grid-template-columns:1fr}.preview-sidebar{display:none}}