*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8fafc;--white:#fff;--soft:#f1f5f9;--accent:#22c55e;--accent2:#38b2ac;--accent-light:#dcfce7;--navy:#1a3a5c;--teal:#2ec4a0;--border:#e5e7eb;--text:#111827;--muted:#6b7280;--amber:#f59e0b;--red:#ef4444;--shadow:0 1px 3px #00000012,0 4px 16px #0000000d;--shadow-hover:0 8px 32px #22c55e24,0 2px 8px #00000014;--r:12px;--r-sm:8px}body{background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#f8fafcf2;padding:0 2rem;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;display:flex}.logo-img-wrap{flex-direction:column;gap:2px;display:flex}.logo-img{object-fit:contain;width:auto;height:36px}.logo-sub{color:var(--muted);letter-spacing:.8px;text-transform:uppercase;padding-left:2px;font-size:9px;font-weight:700}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--muted);font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-ctas{gap:.75rem;display:flex}.btn{border-radius:var(--r-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:.55rem 1.25rem;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-outline{border:1.5px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.03)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#16a34a;transform:scale(1.03)}.btn-primary:active,.btn-outline:active{transform:scale(.97)}section{padding:6rem 2rem}.container{max-width:1200px;margin:0 auto}.section-label{letter-spacing:1px;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-size:12px;font-weight:700;display:inline-block}.section-title{letter-spacing:-.5px;color:var(--text);margin-bottom:1rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.15}.section-sub{color:var(--muted);max-width:560px;font-size:1.05rem;line-height:1.7}#hero{background:linear-gradient(135deg,#f0fdf4 0%,#f8fafc 50%,#f0fdfa 100%);padding:5rem 2rem 0;overflow:hidden}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid}.hero-badge{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:99px;align-items:center;gap:8px;margin-bottom:1.5rem;padding:.35rem 1rem;font-size:12px;font-weight:600;display:inline-flex}.hero-badge-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-title{letter-spacing:-.8px;margin-bottom:1.25rem;font-size:clamp(2rem,4.5vw,3.4rem);font-weight:800;line-height:1.1}.hero-title .accent{background:linear-gradient(135deg,#22c55e,#38b2ac);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--muted);max-width:480px;margin-bottom:2rem;font-size:1.05rem;line-height:1.7}.hero-ctas{flex-wrap:wrap;gap:1rem;display:flex}.btn-hero{padding:.75rem 1.75rem;font-size:15px}.hero-visual{padding-bottom:2rem}.dashboard-frame{background:var(--white);border:1px solid var(--border);border-radius:16px;animation:.9s .2s both floatIn;overflow:hidden;box-shadow:0 20px 60px #0000001f,0 4px 16px #0000000f}@keyframes floatIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.db-topbar{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:8px;padding:10px 14px;display:flex}.db-dot{border-radius:50%;width:10px;height:10px}.db-label{color:var(--muted);margin-left:6px;font-size:11px;font-weight:600}.db-layout{height:260px;display:flex}.db-sidebar{border-right:1px solid var(--border);background:#f8fafc;flex-direction:column;flex-shrink:0;gap:4px;width:110px;padding:10px 8px;display:flex}.db-nav-item{color:var(--muted);cursor:default;border-radius:7px;align-items:center;gap:7px;padding:6px 8px;font-size:10px;font-weight:600;display:flex}.db-nav-item.active{color:#fff;background:#2ec4a0}.db-nav-dot{background:currentColor;border-radius:2px;flex-shrink:0;width:8px;height:8px}.db-main{flex:1;padding:12px;overflow:hidden}.db-main-title{color:var(--text);margin-bottom:10px;font-size:13px;font-weight:800}.db-stat-row{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px;display:grid}.db-stat{color:#fff;background:#4a6fa5;border-radius:8px;padding:8px 10px}.db-stat-lbl{opacity:.8;margin-bottom:2px;font-size:9px}.db-stat-val{font-size:18px;font-weight:800}.db-chart-area{border:1px solid var(--border);background:#f8fafc;border-radius:8px;padding:8px}.db-chart-title{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:9px;font-weight:700;display:flex}.db-chart-tabs{gap:4px;display:flex}.db-chart-tab{background:var(--border);color:var(--muted);border-radius:4px;padding:2px 6px;font-size:8px}.db-chart-tab.on{color:#fff;background:#2ec4a0}.db-bars{align-items:flex-end;gap:5px;height:70px;display:flex}.db-bar-g{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.db-bar-pair{align-items:flex-end;gap:2px;display:flex}.db-bar{border-radius:3px 3px 0 0;min-width:8px}.db-bar-lbl{color:var(--muted);font-size:7px}.clickable-card{cursor:pointer;transition:all .25s;position:relative}.clickable-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.click-hint{color:var(--accent);opacity:0;font-size:10px;font-weight:600;transition:opacity .2s;position:absolute;bottom:10px;right:12px}.clickable-card:hover .click-hint{opacity:1}.what-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.what-card{background:var(--soft);border-radius:var(--r);cursor:pointer;border:2px solid #0000;padding:1.5rem;transition:all .25s;position:relative;overflow:hidden}.what-card:hover{border-color:var(--accent);box-shadow:var(--shadow-hover);background:#fff;transform:translateY(-4px)}.what-card:hover .click-hint{opacity:1}.what-icon{background:var(--accent-light);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1rem;font-size:20px;display:flex}.what-card h3{margin-bottom:.4rem;font-size:15px;font-weight:700}.what-card p{color:var(--muted);font-size:13px;line-height:1.6}.feat-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-top:3rem;display:grid}.feat-card{background:var(--white);border-radius:var(--r);border:1px solid var(--border);cursor:pointer;padding:1.75rem;transition:all .25s;position:relative;overflow:hidden}.feat-card:hover{box-shadow:var(--shadow-hover);border-color:#bbf7d0;transform:translateY(-4px)}.feat-card:hover .click-hint{opacity:1}.feat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.25rem;font-size:22px;display:flex}.feat-card h3{margin-bottom:.5rem;font-size:16px;font-weight:700}.feat-card p{color:var(--muted);font-size:13px;line-height:1.65}#industries{background:var(--white)}.ind-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:3rem;display:grid}.ind-card{background:var(--soft);border-radius:var(--r);text-align:center;cursor:pointer;border:2px solid #0000;padding:1.5rem 1.25rem;transition:all .25s;position:relative}.ind-card:hover{border-color:var(--accent2);background:#f0fdfa;transform:translateY(-4px);box-shadow:0 8px 24px #38b2ac1a}.ind-card:hover .click-hint{opacity:1}.ind-emoji{margin-bottom:.75rem;font-size:28px;display:block}.ind-card h3{margin-bottom:.25rem;font-size:14px;font-weight:700}.ind-card p{color:var(--muted);font-size:12px}#coming{background:var(--soft)}.cs-timeline{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-top:3rem;display:grid}.cs-card{background:var(--white);border-radius:var(--r);border:1px solid var(--border);cursor:pointer;padding:1.5rem;transition:all .25s;position:relative;overflow:hidden}.cs-card:before{content:"";background:linear-gradient(90deg,#22c55e,#38b2ac);height:3px;position:absolute;top:0;left:0;right:0}.cs-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.cs-card:hover .click-hint{opacity:1}.cs-tag{letter-spacing:.5px;text-transform:uppercase;color:#92400e;background:#fef3c7;border-radius:99px;margin-bottom:.75rem;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.cs-num{color:var(--accent);margin-bottom:.5rem;font-size:11px;font-weight:700}.cs-card h3{margin-bottom:.4rem;font-size:15px;font-weight:700}.cs-card p{color:var(--muted);font-size:12px;line-height:1.6}#how{background:var(--white)}.flow-steps{flex-wrap:wrap;gap:0;margin-top:3rem;display:flex}.flow-step{text-align:center;cursor:pointer;flex-direction:column;flex:1;align-items:center;min-width:110px;padding:0 .5rem;display:flex;position:relative}.flow-step:not(:last-child):after{content:"→";color:var(--border);font-size:16px;font-weight:700;position:absolute;top:20px;right:-10px}.step-circle{background:var(--accent-light);border:2px solid #bbf7d0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:.75rem;font-size:17px;transition:all .25s;display:flex}.flow-step:hover .step-circle{background:var(--accent);transform:scale(1.12)}.step-num{color:var(--accent);letter-spacing:.5px;margin-bottom:.3rem;font-size:10px;font-weight:700}.step-label{color:var(--text);font-size:12px;font-weight:600}.flow-step:hover .step-label{color:var(--accent)}.login-wrap{background:var(--white);border:1px solid var(--border);max-width:420px;box-shadow:var(--shadow);border-radius:16px;margin:3rem auto 0;padding:2.5rem}.form-group{margin-bottom:1.1rem}.form-group label{color:var(--text);margin-bottom:.4rem;font-size:12px;font-weight:600;display:block}.form-group input{border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--soft);width:100%;color:var(--text);outline:none;padding:.7rem 1rem;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #22c55e1f}.form-group input::placeholder{color:var(--muted)}.login-meta{justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:12px;display:flex}.login-meta a{color:var(--accent);font-weight:600}.btn-full{justify-content:center;width:100%;padding:.8rem;font-size:15px}.login-foot{text-align:center;color:var(--muted);margin-top:1.25rem;font-size:13px}.login-foot a{color:var(--accent);font-weight:600}#pricing{background:var(--soft)}.pricing-card{background:var(--white);border:2px solid var(--accent);border-radius:16px;max-width:480px;margin:3rem auto 0;overflow:hidden;box-shadow:0 20px 50px #22c55e1f}.pricing-top{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#f0fdf4,#f0fdfa);padding:2rem 2rem 1.5rem}.plan-name{letter-spacing:1px;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;font-size:13px;font-weight:700}.price-row{align-items:baseline;gap:.25rem;display:flex}.price-curr{color:var(--text);font-size:20px;font-weight:700}.price-val{color:var(--text);font-size:52px;font-weight:800;line-height:1}.price-per{color:var(--muted);font-size:14px}.pricing-body{padding:2rem}.feat-list{flex-direction:column;gap:.75rem;margin-bottom:2rem;list-style:none;display:flex}.feat-list li{align-items:center;gap:.75rem;font-size:14px;font-weight:500;display:flex}.feat-list li:before{content:"";background:#dcfce7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6L5 8.5L9.5 4' stroke='%2322C55E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") 50%/14px no-repeat;border:1.5px solid #bbf7d0;border-radius:50%;flex-shrink:0;width:18px;height:18px}footer{color:#9ca3af;background:#111827;padding:3rem 2rem}.footer-inner{grid-template-columns:1fr auto auto auto;align-items:start;gap:3rem;max-width:1200px;margin:0 auto;display:grid}.footer-logo{filter:brightness(10);width:auto;height:28px}.footer-col h4{text-transform:uppercase;letter-spacing:.5px;color:#d1d5db;margin-bottom:1rem;font-size:12px;font-weight:700}.footer-col a{color:#9ca3af;margin-bottom:.5rem;font-size:13px;transition:color .2s;display:block}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #374151;justify-content:space-between;align-items:center;max-width:1200px;margin:2rem auto 0;padding-top:1.5rem;font-size:12px;display:flex}.modal-overlay{z-index:200;background:#00000073;justify-content:center;align-items:flex-start;padding-top:80px;display:none;position:absolute;inset:0}.modal-overlay.open{display:flex}.modal-box{border:1px solid var(--border);background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:80vh;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0000002e}.modal-close{background:var(--soft);cursor:pointer;width:30px;height:30px;color:var(--muted);border:none;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:16px;display:flex;position:absolute;top:14px;right:16px}.modal-close:hover{background:var(--border)}.modal-icon{border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1rem;font-size:24px;display:flex}.modal-box h2{margin-bottom:.5rem;font-size:20px;font-weight:800}.modal-box .modal-sub{color:var(--muted);margin-bottom:1.25rem;font-size:13px;line-height:1.6}.modal-feature-list{flex-direction:column;gap:.6rem;list-style:none;display:flex}.modal-feature-list li{align-items:flex-start;gap:.6rem;font-size:13px;line-height:1.5;display:flex}.modal-feature-list li:before{content:"✓";color:var(--accent);flex-shrink:0;margin-top:1px;font-weight:800}.modal-cta{background:var(--accent);color:#fff;border-radius:var(--r-sm);cursor:pointer;border:none;align-items:center;gap:6px;margin-top:1.5rem;padding:.65rem 1.4rem;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.modal-cta:hover{background:#16a34a;transform:scale(1.02)}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.fade-in.visible{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.hero-text{animation:.7s both heroText}@keyframes heroText{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-inner{grid-template-columns:1fr}.flow-step:not(:last-child):after{display:none}.footer-inner{grid-template-columns:1fr 1fr}.nav-links{display:none}}