body{margin:0}*,:before,:after{box-sizing:border-box}:root{--accent:#7c3aed;--accent-light:#a78bfa;--accent-glow:#7c3aed59;--accent-bg:#7c3aed14;--text:#374151;--text-light:#6b7280;--heading:#111827;--bg:#fff;--bg-alt:#f5f3ff;--bg-dark:#0d0a1a;--bg-dark2:#130e24;--border:#e5e7eb;--radius:14px;--shadow:0 8px 32px #7c3aed1f}@media (prefers-color-scheme:dark){:root{--accent:#a78bfa;--accent-light:#c4b5fd;--accent-glow:#a78bfa4d;--accent-bg:#a78bfa1a;--text:#d1d5db;--text-light:#9ca3af;--heading:#f9fafb;--bg:#0f0b1e;--bg-alt:#1a1333;--bg-dark:#07040f;--bg-dark2:#0d0a1a;--border:#2d2060;--shadow:0 8px 32px #0006}}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}.page{flex-direction:column;min-height:100vh;display:flex}.reveal{opacity:0;transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1);transform:translateY(32px)}.reveal.in-view{opacity:1;transform:none}.navbar{z-index:100;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;position:sticky;top:0}@media (prefers-color-scheme:dark){.navbar{background:#0f0b1ed9}}.nav-inner{justify-content:space-between;align-items:center;max-width:1100px;height:64px;margin:0 auto;padding:0 24px;display:flex}.logo{align-items:center;text-decoration:none;display:flex}.logo-img{width:auto;height:36px;display:block}nav{align-items:center;gap:28px;display:flex}nav a{color:var(--text);font-size:15px;transition:color .2s}nav a:hover{color:var(--accent)}.cta-link{background:var(--accent);border-radius:8px;padding:8px 18px;font-weight:600;transition:box-shadow .25s,transform .2s;color:#fff!important}.cta-link:hover{box-shadow:0 0 0 4px var(--accent-glow);transform:translateY(-1px)}.hero-wrap{background:var(--bg-dark);background-image:radial-gradient(70% 60% at 20%,#7c3aed59,#0000),radial-gradient(50% 60% at 85% 20%,#4f24a833,#0000);width:100%;position:relative;overflow:hidden}.hero-wrap:after{content:"";pointer-events:none;background-image:radial-gradient(circle,#ffffff06 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.hero{z-index:1;grid-template-columns:1fr 1.05fr;align-items:center;gap:56px;max-width:1200px;margin:0 auto;padding:88px 32px;animation:.9s cubic-bezier(.16,1,.3,1) both heroFadeUp;display:grid;position:relative}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.hero-content{text-align:left}.hero-badge{color:#c4b5fd;letter-spacing:1.5px;text-transform:uppercase;background:#7c3aed33;border:1px solid #a78bfa59;border-radius:100px;margin-bottom:28px;padding:6px 16px;font-size:12px;font-weight:700;animation:3s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{box-shadow:0 0 #a78bfa00}50%{box-shadow:0 0 0 6px #a78bfa1f}}.hero h1{letter-spacing:-1.5px;color:#fff;margin:0 0 22px;font-size:clamp(36px,5vw,58px);font-weight:800;line-height:1.1}.accent{background:linear-gradient(135deg,#a78bfa 0%,#7c3aed 50%,#c4b5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:#fff9;margin:0 0 36px;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.hero-demo-wrap{width:100%}.demo-window{background:#0c0a18;border:1px solid #7c3aed4d;border-radius:16px;overflow:hidden;box-shadow:0 32px 80px #0009,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f}.demo-bar{background:#ffffff08;border-bottom:1px solid #ffffff0d;align-items:center;gap:7px;padding:13px 16px;display:flex}.demo-dot{border-radius:50%;width:12px;height:12px}.demo-dot:first-child{background:#ff5f57}.demo-dot:nth-child(2){background:#febc2e}.demo-dot:nth-child(3){background:#28c840}.demo-title{text-align:center;color:#ffffff40;flex:1;font-family:SF Mono,monospace;font-size:12px}.demo-body{flex-direction:column;gap:16px;padding:20px;display:flex}.demo-step{opacity:0;animation:.45s cubic-bezier(.16,1,.3,1) forwards demoStep}.demo-s1{animation-delay:.7s}.demo-s2{animation-delay:1.6s}.demo-s3{animation-delay:2.5s}.demo-s4{animation-delay:3.5s}@keyframes demoStep{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.demo-label{letter-spacing:.5px;text-transform:uppercase;border-radius:6px;margin-bottom:7px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.demo-label-user{color:#93c5fd;background:#3b82f626}.demo-label-tool{color:#c4b5fd;background:#7c3aed33}.demo-label-db{color:#6ee7b7;background:#10b98126}.demo-label-ai{color:#fcd34d;background:#f59e0b26}.demo-bubble{border-radius:10px;padding:11px 14px;font-size:14px;line-height:1.55}.demo-bubble-user{color:#ffffffd9;background:#3b82f61f;border:1px solid #3b82f633}.demo-bubble-ai{color:#ffffffd9;background:#f59e0b14;border:1px solid #f59e0b33}.demo-code{color:#c4b5fd;background:#0006;border:1px solid #7c3aed40;border-radius:8px;margin:0;padding:12px 14px;font-family:SF Mono,Fira Code,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.demo-table{border:1px solid #10b98133;border-radius:8px;overflow:hidden}.demo-row{grid-template-columns:1.4fr 1fr 1fr;gap:8px;padding:9px 12px;font-size:13px;display:grid}.demo-row-head{color:#6ee7b7;text-transform:uppercase;letter-spacing:.5px;background:#10b9811a;font-size:11px;font-weight:700}.demo-row:not(.demo-row-head){color:#fffc}.demo-mono{font-family:monospace}.demo-amount{color:#6ee7b7;font-weight:700}.demo-warn{color:#fca5a5}.demo-warn-inline{color:#fca5a5;font-weight:600}.btn{cursor:pointer;border:2px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:13px 30px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .25s,background .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 0 0 0 var(--accent-glow)}.btn-primary:hover{box-shadow:0 8px 24px var(--accent-glow), 0 0 0 4px #a78bfa26;transform:translateY(-2px)}.btn-outline{color:#ffffffd9;background:#ffffff14;border-color:#fff3}.btn-outline:hover{background:#ffffff24;border-color:#fff6;transform:translateY(-2px)}.hero-screenshot{border:1px solid #7c3aed4d;border-radius:16px;width:100%;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:block;box-shadow:0 32px 80px #0000008c,0 0 0 1px #ffffff0d}.hero-screenshot:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 40px 96px #7c3aed40,0 0 0 1px #a78bfa33}.hero-proof{z-index:1;text-align:center;max-width:680px;margin:0 auto;padding:0 32px 72px;animation:1.1s cubic-bezier(.16,1,.3,1) .3s both heroFadeUp;position:relative}.hero-proof-label{letter-spacing:1.5px;text-transform:uppercase;color:#a78bfa99;margin:0 0 16px;font-size:11px;font-weight:700}.hero-proof-img{border:1px solid #7c3aed40;border-radius:12px;width:100%;transition:box-shadow .35s,transform .35s;display:block;box-shadow:0 16px 48px #00000080,0 0 0 1px #ffffff0a}.hero-proof-img:hover{transform:translateY(-3px);box-shadow:0 24px 64px #7c3aed40,0 0 0 1px #a78bfa33}.demo-strip{background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:64px 24px}.demo-strip-inner{text-align:center;max-width:860px;margin:0 auto}.demo-strip-label{letter-spacing:1px;text-transform:uppercase;color:var(--accent);margin:0 0 28px;font-size:13px;font-weight:700}.demo-screenshot-wrap{width:100%;display:inline-block;position:relative}.demo-screenshot{border:1px solid var(--border);border-radius:14px;width:100%;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:block;box-shadow:0 24px 64px #0000001f,0 0 0 1px #7c3aed1a}.demo-screenshot:hover{transform:translateY(-4px)scale(1.005);box-shadow:0 32px 80px #7c3aed2e,0 0 0 1px #7c3aed33}.demo-screenshot-caption{color:var(--text-light);margin-top:16px;font-size:14px;line-height:1.6}.section{width:100%;max-width:1100px;margin:0 auto;padding:96px 24px}.section-alt{background:var(--bg-alt);max-width:100%;padding:96px 0}.section-alt>*{max-width:1100px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.section-dark{background:var(--bg-dark2);max-width:100%;padding:96px 0}.section-dark>*{max-width:1100px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.section-title{color:var(--heading);text-align:center;letter-spacing:-.8px;margin:0 0 14px;font-size:clamp(30px,4vw,44px);font-weight:800}.section-dark .section-title{color:#fff}.section-sub{color:var(--text-light);text-align:center;max-width:540px;margin:0 auto 56px;font-size:17px;line-height:1.6}.section-dark .section-sub{color:#ffffff80}.section-title-line{background:linear-gradient(90deg, var(--accent), var(--accent-light));border-radius:2px;width:48px;height:4px;margin:0 auto 20px;display:block}.mcp-footnote{text-align:center;color:var(--text-light);max-width:480px;margin:40px auto 0;font-size:13px;font-style:italic}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;display:grid}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);text-align:left;padding:28px;transition:box-shadow .3s,transform .3s,border-color .3s;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-light));opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:var(--shadow);border-color:#7c3aed40;transform:translateY(-4px)}.card:hover:before{opacity:1}.section-dark .card{background:#ffffff0a;border-color:#ffffff14}.section-dark .card:hover{background:#ffffff12;border-color:#a78bfa4d;box-shadow:0 8px 40px #7c3aed33}.section-dark .card h3{color:#fff}.section-dark .card p{color:#ffffff8c}.card-icon-wrap{background:var(--accent-bg);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;font-size:26px;transition:background .3s,transform .3s;display:flex}.card:hover .card-icon-wrap{background:#7c3aed26;transform:scale(1.08)}.card h3{color:var(--heading);margin:0 0 8px;font-size:17px;font-weight:700}.card p{color:var(--text-light);margin:0;font-size:15px;line-height:1.65}.steps-wrap{padding:0 24px;position:relative}.steps{grid-template-columns:repeat(4,1fr);gap:24px;display:grid;position:relative}.steps:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-light), var(--accent));z-index:0;height:2px;position:absolute;top:26px;left:13%;right:13%}.step{text-align:center;z-index:1;padding:0 12px;position:relative}.step-number{background:var(--accent);color:#fff;width:52px;height:52px;box-shadow:0 0 0 6px var(--bg-alt), 0 0 0 8px #7c3aed33;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:15px;font-weight:800;transition:transform .3s,box-shadow .3s;display:inline-flex}.step:hover .step-number{box-shadow:0 0 0 6px var(--bg-alt), 0 0 0 12px #7c3aed40;transform:scale(1.1)}.step h3{color:var(--heading);margin:0 0 8px;font-size:17px;font-weight:700}.step p{color:var(--text-light);margin:0;font-size:15px;line-height:1.6}.section-contact{text-align:center}.contact-details{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:36px;display:flex}.contact-detail-link{color:var(--accent);background:var(--accent-bg);border:1.5px solid #7c3aed40;border-radius:10px;align-items:center;padding:10px 20px;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.contact-detail-link:hover{background:#7c3aed24;border-color:#7c3aed80;transform:translateY(-2px)}.contact-form{text-align:left;flex-direction:column;gap:14px;max-width:560px;margin:0 auto;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact-form input,.contact-form textarea{border:1.5px solid var(--border);background:var(--bg);width:100%;color:var(--heading);border-radius:10px;padding:13px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);outline:none}.contact-form textarea{resize:vertical}.contact-form .btn{align-self:flex-start}.contact-form .btn-primary{background:var(--accent);color:#fff;border:none}.contact-form .btn:disabled{opacity:.6;cursor:not-allowed}.contact-error{color:#f87171;margin:0;font-size:14px}.contact-success{flex-direction:column;align-items:center;gap:14px;max-width:560px;margin:0 auto;padding:40px 24px;display:flex}.contact-success-icon{color:#34d399;background:#34d39926;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex}.contact-success p{color:var(--heading);text-align:center;margin:0;font-size:17px}.footer{border-top:1px solid var(--border);text-align:center;color:var(--text-light);margin-top:auto;padding:28px;font-size:14px}@media (width<=960px){.hero{text-align:center;grid-template-columns:1fr;padding:72px 24px}.hero-content{flex-direction:column;align-items:center;display:flex}.hero-actions{justify-content:center}}@media (width<=768px){.steps{grid-template-columns:1fr 1fr}.steps:before{display:none}.step-number{box-shadow:0 0 0 5px var(--bg-alt)}}@media (width<=640px){.form-row{grid-template-columns:1fr}nav{gap:14px}nav a:not(.cta-link){display:none}.steps{grid-template-columns:1fr}.demo-row{grid-template-columns:1fr 1fr}.demo-row>span:last-child{display:none}}