@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-dot{0%,to{box-shadow:0 0 #2563eb80}50%{box-shadow:0 0 0 8px #2563eb00}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.landing-root{--canvas:#f8fafb;--canvas-soft:#f1f4f8;--surface:#fff;--panel-muted:#f5f7fa;--border:#e1e6ed;--border-strong:#c8ced8;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--text-faint:#9ca3af;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#eff6ff;--accent-deep:#1e3a8a;--success:#059669;--success-soft:#ecfdf5;--warning:#d97706;--warning-soft:#fffbeb;--danger:#dc2626;--danger-soft:#fef2f2;--purple:#6366f1;--purple-soft:#eef2ff;--rose:#e11d48;--rose-soft:#fff1f2;--navy:#0b1120;--navy-light:#111d35;--teal:#3b82f6;--emerald:#10b981}.landing-root .tabular{font-variant-numeric:tabular-nums}.landing-root .label-cap{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:11px;font-weight:700}.landing-root .eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:12px;font-weight:600}.landing-root .reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.landing-root .reveal.visible{opacity:1;transform:translateY(0)}.landing-root .reveal-d1{transition-delay:80ms}.landing-root .reveal-d2{transition-delay:.16s}.landing-root .reveal-d3{transition-delay:.24s}.landing-root .reveal-d4{transition-delay:.32s}.landing-root .reveal-d5{transition-delay:.4s}.landing-root .hero-bg{background:linear-gradient(170deg,#0b1120 0%,#111d35 40%,#162544 70%,#1e3a5f 100%);position:relative}.landing-root .hero-bg:before{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb1a,#0000 65%);border-radius:50%;width:800px;height:600px;position:absolute;top:-200px;right:-100px}.landing-root .hero-bg:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f60f,#0000 65%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-150px;left:-100px}.landing-root .grid-bg{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,#0000 70%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,#0000 70%)}.landing-root .btn{white-space:nowrap;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.landing-root .btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);padding:12px 22px;box-shadow:0 1px 3px #0000001a,0 4px 16px #2563eb40}.landing-root .btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 2px 6px #0000001a,0 10px 24px #2563eb4d}.landing-root .btn-ghost{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff26;padding:12px 18px}.landing-root .btn-ghost:hover{color:#bfdbfe;background:#2563eb1f;border-color:#3b82f680}.landing-root .btn-ghost-light{color:var(--text-primary);border:1px solid var(--border);background:#fff;padding:12px 18px}.landing-root .btn-ghost-light:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.landing-root .btn-sm{padding:8px 16px;font-size:13px}.landing-root .btn-lg{border-radius:12px;padding:16px 28px;font-size:15px}.landing-root .card{border:1px solid var(--border);background:#fff;border-radius:16px;transition:all .3s cubic-bezier(.16,1,.3,1)}.landing-root .card:hover{border-color:#2563eb33;transform:translateY(-4px);box-shadow:0 1px 2px #0000000a,0 16px 32px #0000000f}.landing-root .icon-tile{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.landing-root .bento-card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:28px 32px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.landing-root .bento-card:before{content:"";opacity:0;background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa);height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.landing-root .bento-card:hover{border-color:#2563eb26;transform:translateY(-4px);box-shadow:0 16px 40px #0000000f}.landing-root .bento-card:hover:before{opacity:1}.landing-root .app-mock{border:1px solid var(--border);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -20px #0f172a2e,0 10px 20px -10px #0f172a1a}.landing-root .app-mock-float{animation:7s ease-in-out infinite float}.landing-root .app-chrome{border-bottom:1px solid var(--border);background:#f1f5f9;align-items:center;gap:6px;padding:10px 14px;display:flex}.landing-root .app-chrome .dot{border-radius:50%;width:10px;height:10px}.landing-root .bar-track{background:var(--canvas-soft);border:1px solid var(--border);border-radius:9999px;height:7px;overflow:hidden}.landing-root .bar-fill{background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:9999px;height:100%;position:relative}.landing-root .bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000) 0 0/200% 100%;animation:2s linear infinite shimmer;position:absolute;inset:0}.landing-root .check-row{border:1px solid var(--border);background:#fff;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.landing-root .check-row+.check-row{margin-top:8px}.landing-root .check-done{background:var(--success-soft);border-color:#a7f3d0}.landing-root .check-overdue{background:var(--warning-soft);border-color:#fcd34d}.landing-root .check-circle{border:2px solid var(--border-strong);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.landing-root .check-circle.done{background:var(--success);border-color:var(--success);color:#fff}.landing-root .step-num{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:inline-flex}.landing-root .pain-card{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:flex-start;gap:14px;padding:18px 20px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.landing-root .pain-card:hover{border-color:var(--border-strong);transform:translate(4px);box-shadow:0 8px 20px #0000000d}.landing-root .pain-card.before{border-left:3px solid var(--rose)}.landing-root .pain-card.after{border-left:3px solid var(--success)}.landing-root details{border-bottom:1px solid var(--border)}.landing-root details:first-of-type{border-top:1px solid var(--border)}.landing-root details summary{cursor:pointer;color:var(--text-primary);justify-content:space-between;align-items:center;gap:16px;padding:20px 4px;font-weight:600;list-style:none;display:flex}.landing-root details summary::-webkit-details-marker{display:none}.landing-root details[open] summary{color:var(--accent)}.landing-root details .answer{color:var(--text-secondary);max-width:680px;padding:0 4px 20px;line-height:1.65}.landing-root details summary .chev{color:var(--text-muted);transition:transform .2s}.landing-root details[open] summary .chev{color:var(--accent);transform:rotate(45deg)}.landing-root .price-card{border:1px solid var(--border);background:#fff;border-radius:18px;flex-direction:column;padding:28px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.landing-root .price-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000000f}.landing-root .price-card.featured{border:2px solid var(--accent);background:linear-gradient(160deg,#f0fdfa 0%,#fff 50%);position:relative;box-shadow:0 20px 50px -12px #2563eb33}.landing-root .price-card.featured:hover{transform:translateY(-6px);box-shadow:0 24px 60px -12px #2563eb40}.landing-root .price-card.featured .featured-tag{color:#fff;text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:9999px;padding:4px 14px;font-size:11px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #2563eb4d}.landing-root .nav-link{color:#fff9;font-size:14px;font-weight:500;transition:color .2s}.landing-root .nav-link:hover{color:#fff}.landing-root footer{color:#64748b;background:linear-gradient(#0b1120,#070c17)}.landing-root footer a:hover{color:#fff}.landing-root .gradient-text{background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa,#2563eb) 0 0/300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradient-shift}.landing-root .hero-badge-dot{background:#3b82f6;border-radius:50%;width:8px;height:8px;animation:2.5s ease-in-out infinite pulse-dot}.landing-root .bento-visual{background:var(--panel-muted);border:1px solid var(--border);border-radius:10px;margin-top:20px;padding:16px;font-size:13px}.landing-root .bento-checklist-item{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0;display:flex}.landing-root .bento-checklist-item:last-child{border-bottom:none}.landing-root .bento-check{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.landing-root .bento-check.done{background:var(--success);color:#fff}.landing-root .bento-check.pending{border:2px solid var(--border-strong)}.landing-root .reminder-step{align-items:flex-start;gap:12px;padding-bottom:16px;display:flex;position:relative}.landing-root .reminder-step:before{content:"";background:var(--border);width:1px;position:absolute;top:22px;bottom:0;left:11px}.landing-root .reminder-step:last-child:before{display:none}.landing-root .section-badge{background:var(--accent-soft);color:var(--accent);letter-spacing:.02em;border-radius:9999px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.landing-root .section-title-mock{letter-spacing:-.025em;color:var(--text-primary);margin-bottom:16px;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.15}.landing-root .section-subtitle-mock{color:var(--text-secondary);max-width:600px;font-size:18px;line-height:1.7}.landing-root section.features{background:var(--canvas-soft);padding:80px 0}.landing-root .features-header{text-align:center;margin-bottom:56px}.landing-root .features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.landing-root .feature-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:32px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.landing-root .feature-card:before{content:"";background:linear-gradient(90deg, var(--accent), #3b82f6);opacity:0;height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.landing-root .feature-card:hover{border-color:#2563eb26;transform:translateY(-4px);box-shadow:0 10px 25px -3px #0f172a14,0 4px 6px -4px #0f172a0d}.landing-root .feature-card:hover:before{opacity:1}.landing-root .feature-icon{border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;display:flex}.landing-root .feature-icon.blue{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 14px #2563eb33}.landing-root .feature-icon.green{color:#fff;background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 14px #05966933}.landing-root .feature-icon.purple{color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 4px 14px #6366f133}.landing-root .feature-icon.amber{color:#fff;background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 4px 14px #d9770633}.landing-root .feature-icon.rose{color:#fff;background:linear-gradient(135deg,#e11d48,#fb7185);box-shadow:0 4px 14px #e11d4833}.landing-root .feature-icon.cyan{color:#fff;background:linear-gradient(135deg,#0891b2,#22d3ee);box-shadow:0 4px 14px #0891b233}.landing-root .feature-card h3{color:var(--text-primary);margin-bottom:10px;font-size:17px;font-weight:700}.landing-root .feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.65}.landing-root section.how-it-works{background:#fff;padding:80px 0}.landing-root .how-header{text-align:center;margin-bottom:56px}.landing-root .steps-grid{grid-template-columns:repeat(4,1fr);gap:32px;display:grid;position:relative}.landing-root .steps-grid:before{content:"";z-index:0;background:linear-gradient(90deg,#0000,#2563eb66,#0000);height:2px;position:absolute;top:36px;left:15%;right:15%}.landing-root .hiw-step-card{text-align:center;z-index:1;position:relative}.landing-root .step-number{border:2px solid var(--accent);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;transition:all .25s;display:flex}.landing-root .hiw-step-card:hover .step-number{background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:#0000;box-shadow:0 0 24px #2563eb40}.landing-root .step-icon{width:36px;height:36px;color:var(--accent)}.landing-root .hiw-step-card:hover .step-icon{color:#fff}.landing-root .hiw-step-card h3{color:var(--text-primary);margin-bottom:10px;font-size:17px;font-weight:700}.landing-root .hiw-step-card p{color:var(--text-secondary);max-width:220px;margin:0 auto;font-size:14px;line-height:1.6}.landing-root .steps-section{z-index:1;background:#fff;padding:80px 0;position:relative}.landing-root .steps-section .steps-header{text-align:center;margin-bottom:56px}.landing-root .steps-section .section-label{border:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;background:#2563eb0f;border-radius:9999px;align-items:center;gap:8px;margin-bottom:20px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.landing-root .steps-section .section-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:16px;font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.1}.landing-root .steps-section .section-subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:17px;line-height:1.7}.landing-root .steps-section .steps-row{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.landing-root .steps-section .step-card{text-align:center;position:relative}.landing-root .steps-section .step-card .step-num{width:56px;height:56px;color:var(--accent);background:#2563eb14;border:1px solid #2563eb33;border-radius:14px;justify-content:center;align-items:center;margin:0 auto 20px;font-size:20px;font-weight:800;transition:all .25s;display:flex}.landing-root .steps-section .step-card:hover .step-num{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 24px #2563eb33}.landing-root .steps-section .step-card h3{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:700}.landing-root .steps-section .step-card p{color:var(--text-secondary);max-width:240px;margin:0 auto;font-size:14px;line-height:1.6}.landing-root .steps-section .step-connector{width:24px;color:var(--text-muted);justify-content:center;align-items:center;display:flex;position:absolute;top:28px;right:-12px}@media (max-width:1024px){.landing-root .steps-section .steps-row{grid-template-columns:repeat(2,1fr);gap:40px}.landing-root .steps-section .step-connector{display:none}}@media (max-width:768px){.landing-root .steps-section .steps-row{grid-template-columns:1fr;max-width:320px;margin:0 auto}}@media (max-width:1024px){.landing-root .features-grid{grid-template-columns:repeat(2,1fr)}.landing-root .steps-grid{grid-template-columns:repeat(2,1fr);gap:48px}.landing-root .steps-grid:before{display:none}}@media (max-width:768px){.landing-root .features-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.landing-root .steps-grid{grid-template-columns:1fr;max-width:320px;margin:0 auto}}.landing-root .kpi-tile{border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px 12px}.landing-root .kpi-tile--danger{background:var(--danger-soft);border-color:#fecaca}.landing-root .filter-chip{color:var(--text-secondary);border:1px solid var(--border);white-space:nowrap;background:#fff;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:500}.landing-root .filter-chip--active{background:var(--accent-soft);color:var(--accent);border-color:#2563eb40;font-weight:600}.landing-root .dash-row{border:1px solid var(--border);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.landing-root .dash-row+.dash-row{margin-top:6px}.landing-root .dash-row--overdue{background:var(--danger-soft);border-color:#fecaca}.landing-root .dash-row--ready{background:var(--success-soft);border-color:#a7f3d0}.landing-root .avatar-sm{color:#fff;letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:inline-flex}.landing-root .status-pill{white-space:nowrap;border-radius:9999px;padding:3px 9px;font-size:10px;font-weight:600}.landing-root .status-pill--success{color:var(--success);background:#0596691f}.landing-root .status-pill--warning{color:var(--warning);background:#d977061f}.landing-root .status-pill--danger{color:var(--danger);background:#dc26261f}.landing-root .bar-fill--success{background:linear-gradient(90deg,#10b981,#34d399)!important}.landing-root .dash-toast{border:1px solid var(--border);z-index:2;background:#fff;border-radius:14px;width:260px;padding:14px 16px;position:absolute;bottom:-28px;left:-28px;box-shadow:0 14px 32px -10px #0f172a2e}.landing-root .dash-orb-1{pointer-events:none;z-index:0;background:radial-gradient(circle,#2563eb24,#0000 60%);border-radius:50%;width:360px;height:360px;position:absolute;top:-80px;right:-80px}.landing-root .dash-orb-2{pointer-events:none;z-index:0;background:radial-gradient(circle,#60a5fa1a,#0000 60%);border-radius:50%;width:280px;height:280px;position:absolute;bottom:-60px;left:-60px}@media (max-width:1024px){.landing-root .dash-toast{width:230px;bottom:-20px;left:8px}}