@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-600.woff2)format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-500.woff2)format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/dm-sans-600.woff2)format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dm-sans-700.woff2)format("woff2")}:root{--bg:#f8fafc;--fg:#0f172a;--muted:#64748b;--border:#e2e8f0;--primary:#3b82f6;--primary-fg:#fff;--primary-light:#eff6ff;--card:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif}.font-heading{font-family:DM Sans,system-ui,sans-serif}.header{z-index:50;-webkit-backdrop-filter:blur(16px);background:#f8fafccc;border-bottom:1px solid #e2e8f080;width:100%;position:fixed;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:72rem;height:3.5rem;margin:0 auto;padding:0 1.5rem;display:flex}.logo{color:var(--fg);align-items:center;gap:.5rem;text-decoration:none;display:flex}.logo-icon{background:var(--primary);width:1.75rem;height:1.75rem;color:var(--primary-fg);border-radius:.5rem;justify-content:center;align-items:center;display:flex}.logo-icon svg{width:1rem;height:1rem}.logo-text{font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700}.nav{align-items:center;gap:.5rem;display:flex}.btn{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-ghost{color:var(--muted);background:0 0}.btn-ghost:hover{color:var(--fg)}.btn-primary{background:var(--primary);color:var(--primary-fg)}.btn-primary:hover{opacity:.9}.btn-outline{background:var(--card);color:var(--fg);border:1px solid var(--border)}.btn-outline:hover{background:var(--bg)}.btn-lg{border-radius:.75rem;height:3rem;padding:0 2rem;font-size:1rem;font-weight:600;box-shadow:0 4px 14px #3b82f640}.hero{text-align:center;padding:8rem 1.5rem 4rem;position:relative;overflow:hidden}.hero-glow{filter:blur(80px);pointer-events:none;background:#3b82f60f;border-radius:50%;width:40rem;height:40rem;position:absolute;top:-10rem;left:50%;transform:translate(-50%)}.hero-content{max-width:48rem;margin:0 auto;position:relative}.hero-badge{color:var(--primary);background:#3b82f60d;border:1px solid #3b82f633;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.375rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.hero h1{letter-spacing:-.025em;font-family:DM Sans,sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.1}.hero h1 span{background:linear-gradient(135deg, var(--primary), #3b82f699);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--muted);max-width:36rem;margin-top:1.5rem;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.7}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.hero-trust{color:var(--muted);justify-content:center;gap:1.5rem;margin-top:1.5rem;font-size:.875rem;display:flex}.hero-trust svg{color:#22c55e;flex-shrink:0;width:1rem;height:1rem}.hero-trust span{align-items:center;gap:.375rem;display:flex}.mockup-section{padding:0 1.5rem 4rem;position:relative}.mockup-wrapper{max-width:60rem;margin:0 auto;position:relative}.mockup{background:var(--card);border:1px solid #e2e8f099;border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px #00000014}.mockup-bar{border-bottom:1px solid var(--border);background:#f8fafc80;align-items:center;gap:.5rem;padding:.625rem 1rem;display:flex}.mockup-dot{border-radius:50%;width:.75rem;height:.75rem}.mockup-url{background:var(--bg);color:var(--muted);border-radius:.375rem;flex:1;margin-left:.75rem;padding:.25rem .75rem;font-size:.75rem}.mockup-body{grid-template-columns:1fr 3fr;display:grid}.mockup-sidebar{border-right:1px solid var(--border);background:#f8fafc4d;padding:.75rem}.mockup-nav-item{color:var(--muted);border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .5rem;font-size:.625rem;display:flex}.mockup-nav-item.active{color:var(--primary);background:#3b82f61a;font-weight:500}.mockup-main{padding:1rem}.mockup-stats{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.mockup-stat{border:1px solid var(--border);border-radius:.5rem;padding:.5rem}.mockup-stat small{color:var(--muted);font-size:.5625rem}.mockup-stat strong{margin-top:.125rem;font-size:1.125rem;display:block}.mockup-tasks{margin-top:.75rem}.mockup-task{border:1px solid var(--border);border-radius:.375rem;justify-content:space-between;align-items:center;margin-top:.375rem;padding:.375rem .5rem;font-size:.625rem;display:flex}.mockup-badge{border-radius:.25rem;padding:.125rem .375rem;font-size:.5rem;font-weight:500}.section{padding:5rem 1.5rem}.section-alt{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#f8fafc80}.section-inner{max-width:72rem;margin:0 auto}.section-header{text-align:center;max-width:36rem;margin:0 auto 3rem}.section-header h2{letter-spacing:-.025em;font-family:DM Sans,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700}.section-header p{color:var(--muted);margin-top:1rem;font-size:1.125rem;line-height:1.7}.features{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;display:grid}.feature{border:1px solid var(--border);background:var(--card);border-radius:.75rem;padding:1.5rem;transition:all .2s}.feature:hover{border-color:#3b82f64d;box-shadow:0 4px 16px #3b82f60f}.feature-icon{background:var(--primary-light);width:2.5rem;height:2.5rem;color:var(--primary);border-radius:.5rem;justify-content:center;align-items:center;margin-bottom:.75rem;display:flex}.feature h3{font-family:DM Sans,sans-serif;font-size:.9375rem;font-weight:600}.feature p{color:var(--muted);margin-top:.5rem;font-size:.875rem;line-height:1.6}.steps{max-width:40rem;margin:0 auto}.step{border-left:2px solid var(--border);gap:1.5rem;padding:1.5rem 0 1.5rem 2rem;transition:border-color .2s;display:flex}.step:hover{border-color:var(--primary)}.step-num{background:var(--bg);width:3rem;height:3rem;color:var(--muted);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;font-size:1.125rem;font-weight:700;transition:all .2s;display:flex}.step:hover .step-num{background:var(--primary);color:var(--primary-fg)}.step h3{font-family:DM Sans,sans-serif;font-size:1.125rem;font-weight:600}.step p{color:var(--muted);margin-top:.25rem;line-height:1.6}.showcase{border-top:1px solid var(--border)}.showcase-inner{max-width:72rem;margin:0 auto;padding:0 1.5rem}.showcase-grid{display:block}.showcase-text{padding:3rem 0}.showcase-visuals{flex-direction:column;gap:1.5rem;padding:0 0 3rem;display:flex}.showcase-badge{background:var(--primary-light);color:var(--primary);border-radius:9999px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.showcase-text h2{letter-spacing:-.025em;font-family:DM Sans,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700}.showcase-text p{color:var(--muted);max-width:28rem;margin-top:1rem;font-size:1.0625rem;line-height:1.7}.showcase-card{border:1px solid var(--border);background:var(--card);border-radius:.75rem;padding:1.25rem;box-shadow:0 2px 8px #0000000a}.showcase-card h4{font-size:.9375rem;font-weight:600}.showcase-card small,.showcase-card .meta{color:var(--muted);font-size:.8125rem}.showcase-card .bar{background:var(--bg);border-radius:.25rem;height:.5rem;margin-top:.75rem}.showcase-card .bar-fill{background:var(--primary);border-radius:.25rem;height:100%}.task-row{border:1px solid var(--border);border-radius:.5rem;align-items:center;gap:.75rem;padding:.625rem .75rem;font-size:.8125rem;display:flex}.task-row+.task-row{margin-top:.5rem}.task-dot{border:2px solid var(--muted);border-radius:50%;flex-shrink:0;width:1rem;height:1rem}.task-dot.active{border-color:var(--primary);background:#3b82f626}.task-dot.overdue{border-color:#ef4444}.task-name{flex:1}.task-meta{color:var(--muted);font-size:.6875rem}.showcase-alt{background:#f8fafc80}@media (width>=768px){.showcase-grid{grid-template-columns:1fr 1fr;gap:4rem;display:grid}.showcase-text{align-items:center;height:calc(100vh - 3.5rem);padding:0;display:flex;position:sticky;top:3.5rem}.showcase-visuals{padding:12rem 0 8rem}.showcase-reverse .showcase-text{order:2}.showcase-reverse .showcase-visuals{order:1}}.phone{background:var(--card);z-index:2;border:3px solid #0f172a1a;border-radius:1.5rem;width:10rem;position:absolute;bottom:-2rem;right:-1rem;overflow:hidden;box-shadow:0 12px 40px #0000001a}.phone-notch{background:#0f172a08;justify-content:center;padding:.375rem;display:flex}.phone-notch div{background:#0f172a1f;border-radius:9999px;width:2.5rem;height:.25rem}.phone-body{padding:.75rem;font-size:.5rem}.phone-body h4{margin-bottom:.375rem;font-size:.5625rem;font-weight:700}.phone-task{border:1px solid var(--border);border-radius:.375rem;align-items:center;gap:.25rem;margin-bottom:.25rem;padding:.375rem;display:flex}.phone-task .pd{border:1.5px solid;border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.phone-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:.375rem 0 .25rem;font-size:.4375rem;font-weight:600}.pricing-card{border:2px solid var(--border);background:var(--card);text-align:center;border-radius:1rem;max-width:28rem;margin:0 auto;padding:2.5rem;position:relative}.pricing-card.featured{border-color:var(--primary)}.pricing-popular{background:var(--primary);color:var(--primary-fg);border-radius:9999px;padding:.25rem 1rem;font-size:.75rem;font-weight:600;position:absolute;top:-.75rem;left:50%;transform:translate(-50%)}.pricing-price{margin:1rem 0 .25rem;font-family:DM Sans,sans-serif;font-size:3rem;font-weight:700}.pricing-price small{color:var(--muted);font-size:1rem;font-weight:400}.pricing-desc{color:var(--muted);margin-bottom:1.5rem;font-size:.875rem}.pricing-features{text-align:left;margin:0 0 2rem;padding:0;list-style:none}.pricing-features li{align-items:start;gap:.75rem;padding:.5rem 0;font-size:.9375rem;display:flex}.pricing-features li:before{content:"✓";color:var(--primary);flex-shrink:0;font-weight:700}.cta{text-align:center;padding:6rem 1.5rem;position:relative;overflow:hidden}.cta-glow{pointer-events:none;background:radial-gradient(#3b82f60f,#0000);position:absolute;inset:0}.footer{border-top:1px solid var(--border);padding:2rem 1.5rem}.footer-inner{max-width:72rem;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;font-size:.875rem;display:flex}.footer a{color:var(--muted);text-decoration:none;transition:color .15s}.footer a:hover{color:var(--fg)}.footer-links{flex-wrap:wrap;gap:1.5rem;display:flex}.footer-logo{align-items:center;gap:.5rem;display:flex}.fade-in{opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(2.5rem)}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-slow{opacity:0;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);transform:translateY(3rem)scale(.98)}.fade-in-slow.visible{opacity:1;transform:translateY(0)scale(1)}.stagger>:first-child{transition-delay:0s}.stagger>:nth-child(2){transition-delay:80ms}.stagger>:nth-child(3){transition-delay:.16s}.stagger>:nth-child(4){transition-delay:.24s}.stagger>:nth-child(5){transition-delay:.32s}.stagger>:nth-child(6){transition-delay:.4s}.stagger>:nth-child(7){transition-delay:.48s}.stagger>:nth-child(8){transition-delay:.56s}@media (width<=640px){.mockup-body{grid-template-columns:1fr}.mockup-sidebar{display:none}.mockup-stats{grid-template-columns:repeat(2,1fr)}.hero-trust{flex-direction:column;align-items:center;gap:.5rem}.footer-inner{text-align:center;flex-direction:column}.footer-links{justify-content:center}.phone{display:none}}