*,::after,::before{margin:0;padding:0;box-sizing:border-box}:root{--indigo:#6366f1;--indigo-dk:#4f46e5;--indigo-lt:#eef2ff;--navy:#1a1a2e;--bg:#f4f6fa;--white:#ffffff;--border:#e5e7eb;--txt-1:#111827;--txt-2:#6b7280;--txt-3:#9ca3af;--shadow-sm:0 1px 4px rgba(0,0,0,.06);--shadow-md:0 4px 20px rgba(0,0,0,.08);--shadow-lg:0 20px 60px -10px rgba(99,102,241,.18),0 0 0 1px rgba(0,0,0,.05);--radius:12px}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background:var(--white);color:var(--txt-1);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}nav{position:fixed;top:0;left:0;right:0;z-index:200;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:rgba(255,255,255,.88);backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid rgba(229,231,235,.8);transition:box-shadow .3s}nav.scrolled{box-shadow:0 2px 20px rgba(0,0,0,.07)}.nav-logo{display:flex;align-items:center;gap:.55rem;font-size:1.05rem;font-weight:800;color:var(--txt-1);letter-spacing:-.02em}.nav-logo-icon{width:30px;height:30px;background:var(--indigo);border-radius:8px;display:flex;align-items:center;justify-content:center}.nav-logo-icon svg{width:16px;height:16px;stroke:#fff}.nav-actions{display:flex;align-items:center;gap:.75rem}.nav-link-txt{font-size:.88rem;font-weight:500;color:var(--txt-2);padding:.45rem .9rem;border-radius:8px;transition:color .2s,background .2s}.nav-link-txt:hover{color:var(--txt-1);background:var(--bg)}.btn-nav-cta{font-size:.88rem;font-weight:600;color:#fff;background:var(--indigo);padding:.5rem 1.1rem;border-radius:8px;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 2px 8px rgba(99,102,241,.35)}.btn-nav-cta:hover{background:var(--indigo-dk);transform:translateY(-1px);box-shadow:0 4px 14px rgba(99,102,241,.45)}.hero{padding:96px 5% 70px;display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(175deg,#f8f9ff 0,var(--white) 55%);position:relative;overflow:hidden}.hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.hero-glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0}.hero-glow-1{width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.1) 0,transparent 70%);top:-100px;left:50%;transform:translateX(-50%)}.hero-glow-2{width:300px;height:300px;background:radial-gradient(circle,rgba(16,185,129,.07) 0,transparent 70%);bottom:100px;right:8%}.hero>:not(.hero-glow){position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--indigo-lt);color:var(--indigo);border:1px solid rgba(99,102,241,.2);padding:.35rem 1rem;border-radius:50px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1.75rem}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--indigo);animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.hero h1{font-size:clamp(2.2rem,5vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--txt-1);max-width:820px;margin-bottom:1.5rem}.hero h1 .accent{color:var(--indigo)}.hero-sub{font-size:clamp(.95rem,2vw,1.15rem);color:var(--txt-2);max-width:560px;margin-bottom:2.5rem;line-height:1.7}.hero-ctas{display:flex;gap:.875rem;flex-wrap:wrap;justify-content:center}.btn-lg{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:10px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s}.btn-lg svg{width:17px;height:17px}.btn-primary{background:var(--indigo);color:#fff;box-shadow:0 4px 20px rgba(99,102,241,.4)}.btn-primary:hover{background:var(--indigo-dk);transform:translateY(-2px);box-shadow:0 8px 28px rgba(99,102,241,.45)}.btn-ghost{background:var(--white);color:var(--txt-1);border:1.5px solid var(--border);box-shadow:var(--shadow-sm)}.btn-ghost:hover{background:var(--bg);transform:translateY(-2px);box-shadow:var(--shadow-md)}.hero-trust{margin-top:1.5rem;font-size:.8rem;color:var(--txt-3);display:flex;align-items:center;gap:.5rem}.hero-trust svg{width:14px;height:14px;stroke:#10b981}.mockup-wrap{margin-top:3.5rem;width:100%;max-width:940px;border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--border);position:relative;z-index:1}.mk-chrome{height:36px;background:#f1f3f4;border-bottom:1px solid #dde0e3;display:flex;align-items:center;padding:0 12px;gap:6px}.mk-dot{width:10px;height:10px;border-radius:50%}.mk-dot:nth-child(1){background:#ef4444}.mk-dot:nth-child(2){background:#f59e0b}.mk-dot:nth-child(3){background:#22c55e}.mk-url{flex:1;max-width:320px;margin:0 14px;background:#fff;border-radius:5px;height:21px;display:flex;align-items:center;padding:0 10px;border:1px solid #e5e7eb}.mk-url-txt{font-size:10px;color:var(--txt-3);font-family:'SF Mono',monospace}.mk-app{display:flex;height:360px;background:var(--bg)}.mk-sidebar{width:170px;flex-shrink:0;background:var(--navy);display:flex;flex-direction:column;padding:12px 0}.mk-brand{display:flex;align-items:center;gap:8px;padding:0 12px 12px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:10px}.mk-brand-icon{width:22px;height:22px;background:var(--indigo);border-radius:5px;flex-shrink:0}.mk-brand-bar{height:7px;width:75px;background:rgba(255,255,255,.2);border-radius:4px}.mk-nav-label{height:5px;width:45px;background:rgba(255,255,255,.12);border-radius:3px;margin:8px 12px 4px}.mk-nav-item{display:flex;align-items:center;gap:7px;padding:6px 10px;margin:1px 7px;border-radius:6px}.mk-nav-item.active{background:rgba(99,102,241,.15)}.mk-nav-item.active .mk-nav-icon{background:var(--indigo)}.mk-nav-item.active .mk-nav-bar{background:rgba(165,180,252,.5)}.mk-nav-icon{width:12px;height:12px;background:rgba(255,255,255,.18);border-radius:3px;flex-shrink:0}.mk-nav-bar{height:6px;border-radius:3px;background:rgba(255,255,255,.1);flex:1}.mk-sidebar-footer{margin-top:auto;padding:8px 10px;border-top:1px solid rgba(255,255,255,.07)}.mk-user{display:flex;align-items:center;gap:7px}.mk-avatar{width:22px;height:22px;background:var(--indigo);border-radius:50%}.mk-user-bar{height:6px;flex:1;background:rgba(255,255,255,.15);border-radius:3px}.mk-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.mk-topbar{height:42px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 14px;gap:10px;flex-shrink:0}.mk-topbar-title{height:8px;width:70px;background:#d1d5db;border-radius:4px}.mk-topbar-date{height:7px;width:110px;background:#e5e7eb;border-radius:4px;margin-left:auto}.mk-content{padding:12px;flex:1;overflow:hidden}.mk-welcome{height:7px;width:170px;background:#c7d2fe;border-radius:4px;margin-bottom:10px}.mk-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}.mk-kpi{background:#fff;border:1px solid var(--border);border-radius:8px;padding:9px}.mk-kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.mk-kpi-label{height:5px;width:58%;background:#e5e7eb;border-radius:3px}.mk-kpi-icon{width:18px;height:18px;border-radius:5px}.mk-kpi-icon.green{background:#dcfce7}.mk-kpi-icon.red{background:#fee2e2}.mk-kpi-icon.indigo{background:var(--indigo-lt)}.mk-kpi-icon.amber{background:#fef3c7}.mk-kpi-val{height:13px;width:72%;border-radius:4px;margin-bottom:5px}.mk-kpi-val.green{background:#bbf7d0}.mk-kpi-val.red{background:#fecaca}.mk-kpi-val.indigo{background:#c7d2fe}.mk-kpi-val.amber{background:#fde68a}.mk-kpi-foot{height:4px;width:82%;background:#f3f4f6;border-radius:3px}.mk-activity{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mk-col-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.mk-col-title{height:6px;width:80px;background:#d1d5db;border-radius:3px}.mk-col-link{height:6px;width:35px;background:#c7d2fe;border-radius:3px}.mk-table{background:#fff;border:1px solid var(--border);border-radius:7px;overflow:hidden}.mk-thead{background:#fafafa;border-bottom:1px solid var(--border);display:flex;gap:6px;padding:5px 9px}.mk-th{height:4px;border-radius:3px;background:#d1d5db}.mk-row{display:flex;align-items:center;gap:6px;padding:5px 9px;border-bottom:1px solid #f3f4f6}.mk-row:last-child{border-bottom:none}.mk-cell{height:6px;border-radius:3px;background:#e5e7eb}.mk-cell.mono{background:#c7d2fe;border-radius:3px}.mk-badge{height:12px;border-radius:20px}.mk-badge.green{background:#dcfce7;width:38px}.mk-badge.blue{background:#dbeafe;width:38px}.mk-badge.orange{background:#ffedd5;width:44px}.features{padding:100px 5%;background:var(--bg);position:relative}.features::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.section-label{text-align:center;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--indigo);margin-bottom:.75rem}.section-title{text-align:center;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.025em;color:var(--txt-1);margin-bottom:.75rem;max-width:600px;margin-left:auto;margin-right:auto}.section-sub{text-align:center;font-size:.95rem;color:var(--txt-2);max-width:500px;margin:0 auto 3.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;max-width:1100px;margin:0 auto}.feature-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.feature-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--indigo);transform:scaleX(0);transform-origin:left;transition:transform .3s}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:rgba(99,102,241,.2)}.feature-card:hover::after{transform:scaleX(1)}.feature-icon{width:44px;height:44px;background:var(--indigo-lt);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.feature-icon svg{width:22px;height:22px;stroke:var(--indigo)}.feature-card h3{font-size:1.05rem;font-weight:700;color:var(--txt-1);margin-bottom:.6rem}.feature-card p{font-size:.9rem;color:var(--txt-2);line-height:1.65}.feature-tag{display:inline-flex;align-items:center;margin-top:1rem;padding:.25rem .65rem;background:var(--bg);border-radius:20px;font-size:.72rem;font-weight:700;color:var(--indigo);letter-spacing:.04em}.pricing{padding:100px 5%;background:var(--white);position:relative}.pricing::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.price-card{max-width:460px;margin:0 auto;background:var(--white);border:2px solid var(--indigo);border-radius:20px;padding:2.5rem;box-shadow:0 8px 40px rgba(99,102,241,.12);text-align:center}.price-badge{display:inline-flex;align-items:center;gap:.35rem;background:var(--indigo);color:#fff;padding:.3rem .9rem;border-radius:50px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.5rem}.price-badge svg{width:12px;height:12px;stroke:#fff;fill:#fff}.price-amount{font-size:4.5rem;font-weight:800;color:var(--txt-1);letter-spacing:-.04em;line-height:1;margin-bottom:.3rem}.price-amount sup{font-size:1.75rem;font-weight:700;vertical-align:super;line-height:0}.price-once{font-size:.88rem;color:var(--txt-2);margin-bottom:.5rem}.price-no-sub{display:inline-block;font-size:.8rem;font-weight:700;color:#059669;background:#ecfdf5;padding:.25rem .75rem;border-radius:20px;margin-bottom:1.75rem}.price-features{text-align:left;list-style:none;display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.75rem;padding:1.25rem;background:#f9fafb;border-radius:12px}.price-features li{display:flex;align-items:center;gap:.55rem;font-size:.875rem;color:var(--txt-1)}.price-features li svg{width:15px;height:15px;stroke:#059669;flex-shrink:0}.btn-price{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:var(--indigo);color:#fff;border-radius:10px;font-size:1.05rem;font-weight:700;text-decoration:none;box-shadow:0 4px 20px rgba(99,102,241,.35);transition:background .15s,transform .15s,box-shadow .15s}.btn-price:hover{background:var(--indigo-dk);transform:translateY(-2px);box-shadow:0 8px 28px rgba(99,102,241,.4)}.btn-price svg{width:18px;height:18px;stroke:#fff}.price-stripe-note{margin-top:.85rem;font-size:.75rem;color:var(--txt-3);display:flex;align-items:center;justify-content:center;gap:.35rem}.price-stripe-note svg{width:13px;height:13px;stroke:currentColor}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:960px;margin:0 auto}.price-card.premium{border:2px solid var(--indigo);transform:scale(1.05);position:relative}.price-popular-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--indigo);color:#fff;padding:.2rem .8rem;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.btn-price-ghost{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:0 0;color:var(--indigo);border:2px solid var(--indigo);border-radius:10px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s,transform .15s}.btn-price-ghost:hover{background:var(--indigo-lt);transform:translateY(-2px)}.cta-band{padding:100px 5%;background:var(--navy);text-align:center;position:relative;overflow:hidden}.cta-band::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,rgba(99,102,241,.3) 0,transparent 65%)}.cta-band>*{position:relative;z-index:1}.cta-band h2{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;color:#fff;margin-bottom:.75rem}.cta-band p{font-size:1rem;color:#94a3b8;margin-bottom:2.5rem;max-width:480px;margin-left:auto;margin-right:auto}.btn-cta-lg{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:10px;background:var(--indigo);color:#fff;font-size:1rem;font-weight:600;box-shadow:0 8px 30px rgba(99,102,241,.5);transition:background .2s,transform .2s,box-shadow .2s}.btn-cta-lg:hover{background:var(--indigo-dk);transform:translateY(-2px);box-shadow:0 12px 36px rgba(99,102,241,.55)}.btn-cta-lg svg{width:18px;height:18px}.cta-note{margin-top:1.25rem;font-size:.82rem;color:#64748b}.roadmap{padding:100px 5%;background:var(--bg);position:relative}.roadmap::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.roadmap-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto;position:relative}.roadmap-steps::before{content:'';position:absolute;top:36px;left:calc(16.66% + 1rem);right:calc(16.66% + 1rem);height:2px;background:linear-gradient(90deg,#10b981,var(--indigo),#94a3b8);z-index:0}.roadmap-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-sm);position:relative;z-index:1;transition:transform .25s,box-shadow .25s}.roadmap-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.roadmap-step-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .85rem;border-radius:50px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1.25rem}.roadmap-step-badge.done{background:#dcfce7;color:#15803d}.roadmap-step-badge.soon{background:var(--indigo-lt);color:var(--indigo-dk)}.roadmap-step-badge.future{background:#f1f5f9;color:#64748b}.roadmap-step-badge svg{width:12px;height:12px;flex-shrink:0}.roadmap-card h3{font-size:1.05rem;font-weight:700;color:var(--txt-1);margin-bottom:.65rem}.roadmap-date{font-size:.78rem;font-weight:600;color:var(--txt-3);margin-bottom:1rem;display:flex;align-items:center;gap:.35rem}.roadmap-date svg{width:13px;height:13px;stroke:currentColor}.roadmap-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.roadmap-list li{display:flex;align-items:flex-start;gap:.55rem;font-size:.875rem;color:var(--txt-2);line-height:1.5}.roadmap-list li svg{width:14px;height:14px;flex-shrink:0;margin-top:.15rem}.roadmap-list li.done-item svg{stroke:#10b981}.roadmap-list li.soon-item svg{stroke:var(--indigo)}.roadmap-list li.future-item svg{stroke:#94a3b8}footer{padding:2.5rem 5%;background:var(--white);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;color:var(--txt-1)}.footer-logo-icon{width:24px;height:24px;background:var(--indigo);border-radius:6px;display:flex;align-items:center;justify-content:center}.footer-logo-icon svg{width:13px;height:13px;stroke:#fff}footer p{font-size:.82rem;color:var(--txt-3)}@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.hero-anim{animation:.65s ease-out both fadeUp}.hero-anim:nth-child(1){animation-delay:.05s}.hero-anim:nth-child(2){animation-delay:.15s}.hero-anim:nth-child(3){animation-delay:.25s}.hero-anim:nth-child(4){animation-delay:.35s}.hero-anim:nth-child(5){animation-delay:.45s}.hero-anim:nth-child(6){animation-delay:.6s}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease-out,transform .7s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.hero{padding:80px 5% 50px}.hero h1{font-size:clamp(1.85rem,8vw,2.5rem)}.hero-ctas{flex-direction:column;align-items:center}.btn-lg{width:100%;max-width:320px;justify-content:center}.nav-link-txt{display:none}.features{padding:70px 5%}.features-grid{grid-template-columns:1fr}.cta-band{padding:70px 5%}footer{justify-content:center;text-align:center}.mk-kpis{grid-template-columns:repeat(2,1fr)}.mk-activity{grid-template-columns:1fr}.mk-sidebar{width:38px}.mk-brand-bar,.mk-nav-bar,.mk-nav-label,.mk-user-bar,.roadmap-steps::before{display:none}.price-card.premium{transform:scale(1)}}@media (max-width:480px){nav{padding:0 4%}.hero{padding:74px 4% 44px}.features-grid{gap:1rem}.feature-card{padding:1.5rem}}