:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: "Plus Jakarta Sans", system-ui, "Segoe UI", Roboto, sans-serif;--heading: "Plus Jakarta Sans", system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1024px){:root{font-size:16px}}@media (prefers-color-scheme: dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}html{scroll-behavior:smooth}body{margin:0}#root{width:100%;margin:0 auto;min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h);margin:0}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}.page{display:flex;flex-direction:column;min-height:100%;overflow-x:hidden}.nav{position:sticky;top:0;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:10}.nav-inner{max-width:1100px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--text-h);display:flex;align-items:center;gap:10px}.logo-img{height:30px;width:auto;filter:drop-shadow(0 4px 14px rgba(139,92,246,.45))}.logo:hover .logo-img{animation:wiggle .5s ease-in-out}@keyframes wiggle{0%,to{transform:translate(0) rotate(0)}30%{transform:translate(-2px) rotate(-4deg)}65%{transform:translate(2px) rotate(3deg)}}.nav-links{display:flex;gap:28px}.nav-links a{text-decoration:none;color:var(--text-h);font-size:15px;font-weight:500;opacity:.85;transition:opacity .2s,color .2s}.nav-links a:hover{opacity:1;color:var(--accent)}.nav-toggle{display:none}.hero{position:relative;overflow:hidden;padding:90px 24px 100px}.hero:before,.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,var(--accent) 0%,transparent 65%);opacity:.2;filter:blur(70px);pointer-events:none;animation:drift 18s ease-in-out infinite alternate}.hero:before{top:-200px;left:-140px}.hero:after{bottom:-240px;right:-120px;animation-delay:-9s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(70px,50px) scale(1.18)}}.hero-inner{position:relative;max-width:1060px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero-copy{text-align:left}.hero h1{font-size:48px;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0 0 20px}.hero p{font-size:18px;opacity:.8;margin:0 0 32px;max-width:460px}.fade-up{opacity:0;animation:fade-up .9s cubic-bezier(.16,1,.3,1) forwards}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.cta-row{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-block;padding:13px 28px;border-radius:10px;text-decoration:none;font-weight:700;font-size:15px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 65%,#4c1d95));color:#fff;box-shadow:0 10px 28px -10px var(--accent)}.btn-primary:hover{box-shadow:0 16px 36px -10px var(--accent)}.btn-secondary{background:var(--accent-bg);color:var(--accent);border:1px solid transparent}.btn-secondary:hover{border-color:var(--accent-border)}.btn-store{background:#1f2329;color:#fff;border:1px solid var(--border)}.btn-store:hover{border-color:var(--accent-border);box-shadow:0 12px 28px -14px var(--accent)}.btn-soon{display:inline-flex;align-items:center;gap:10px;cursor:default;opacity:.65}.btn-soon:hover{transform:none;border-color:var(--border);box-shadow:none}.soon-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:var(--accent-bg);border-radius:999px;padding:3px 9px}.phone-wrap{position:relative;display:flex;justify-content:center}.phone-wrap:before{content:"";position:absolute;top:10%;right:15%;bottom:10%;left:15%;border-radius:50%;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);opacity:.3;filter:blur(50px);pointer-events:none}.phone{position:relative;width:290px;padding:12px;border-radius:42px;background:#0b0d12;border:1px solid rgba(255,255,255,.12);box-shadow:0 50px 100px -30px #000000a6,0 0 80px -30px var(--accent);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.phone:before{content:"";position:absolute;top:24px;left:50%;transform:translate(-50%);width:88px;height:22px;background:#0b0d12;border-radius:12px;z-index:3}.phone-screen{position:relative;border-radius:31px;background:#eef1f6;overflow:hidden;display:flex;flex-direction:column}.notification{position:absolute;top:14px;left:10px;right:10px;z-index:4;display:flex;align-items:center;gap:10px;background:#fffffff0;border:1px solid rgba(16,24,40,.08);border-radius:14px;padding:10px 12px;box-shadow:0 14px 32px #10182838;animation:nudge 7s ease-in-out 1.4s infinite both}@keyframes nudge{0%{transform:translateY(-150%);opacity:0}6%{transform:translateY(0);opacity:1}8.5%{transform:translateY(-5px)}11%{transform:translateY(0)}62%{transform:translateY(0);opacity:1}70%,to{transform:translateY(-150%);opacity:0}}.notif-icon{flex-shrink:0;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center}.notif-icon svg{width:15px;height:15px}.notif-body{display:flex;flex-direction:column;min-width:0}.notif-body strong{font-size:12px;color:#1a2233}.notif-body>span{font-size:11.5px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header{display:flex;flex-direction:column;background:#0d1626;padding:58px 16px 16px}.app-greet{font-size:11px;color:#98a2b8}.app-reg{font-size:10px;font-weight:800;letter-spacing:3px;color:#f5b62e;margin-top:10px}.app-vehicle{font-size:20px;font-weight:800;color:#fff;margin:2px 0 12px}.app-pills{display:flex;gap:8px}.app-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff17;border-radius:999px;padding:4px 11px;font-size:10px;font-weight:600;color:#d5dae6}.app-body{flex:1;padding:12px 12px 4px}.app-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(16,24,40,.05);border-radius:14px;padding:11px 12px;margin-bottom:9px;box-shadow:0 1px 2px #1018280d;opacity:0;animation:card-in .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes card-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.app-card.due{animation:card-in .6s cubic-bezier(.16,1,.3,1) forwards,due-pulse 7s ease-in-out 1.4s infinite}@keyframes due-pulse{0%,7%{box-shadow:0 1px 2px #1018280d;border-color:#1018280d}14%{box-shadow:0 0 22px -4px #ef444473;border-color:#ef444480}60%{box-shadow:0 0 18px -6px #ef44444d;border-color:#ef444459}72%,to{box-shadow:0 1px 2px #1018280d;border-color:#1018280d}}.due-dot{flex-shrink:0;width:7px;height:7px;border-radius:50%}.due-dot.red{background:#ef4444}.due-dot.green{background:#22c55e}.app-emoji{flex-shrink:0;font-size:17px;line-height:1}.app-card-text{display:flex;flex-direction:column;flex:1;min-width:0}.app-card-text strong{font-size:12.5px;font-weight:700;color:#1a2233}.app-card-text>span{font-size:11px;color:#8a94a6}.app-badge{font-size:9.5px;font-weight:700;border-radius:999px;padding:3px 9px}.app-badge.green{color:#15803d;background:#dcfce7}.app-badge.red{color:#dc2626;background:#fee2e2}.app-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid rgba(16,24,40,.05);border-radius:14px;padding:11px 12px;margin-bottom:9px;box-shadow:0 1px 2px #1018280d;opacity:0;animation:card-in .6s cubic-bezier(.16,1,.3,1) forwards}.app-row>span{font-size:11px;color:#8a94a6}.app-row>strong{font-size:12px;font-weight:700;color:#1a2233}.app-report{text-align:center;font-size:11.5px;font-weight:700;color:#2563eb;background:#eaf2ff;border:1.5px solid #bcd7ff;border-radius:14px;padding:10px;opacity:0;animation:card-in .6s cubic-bezier(.16,1,.3,1) forwards}.app-tabbar{display:flex;background:#fff;border-top:1px solid #e6e9f0;padding:8px 0 14px;margin-top:10px}.app-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:15px;line-height:1.2}.app-tab i{font-style:normal;font-size:9px;font-weight:600;color:#98a2b8}.app-tab.active i{color:#2563eb}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease var(--d, 0s),transform .7s cubic-bezier(.16,1,.3,1) var(--d, 0s)}.reveal.in{opacity:1;transform:translateY(0)}.features{padding:90px 24px;border-top:1px solid var(--border);text-align:center}.features h2,.how h2,.download h2{font-size:34px;font-weight:800;letter-spacing:-.02em;margin:0 0 48px}.feature-grid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{height:100%;box-sizing:border-box;background:var(--accent-bg);border:1px solid transparent;border-radius:16px;padding:28px 22px;text-align:left;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s}.feature-card:hover{transform:translateY(-6px);border-color:var(--accent-border);box-shadow:0 24px 48px -24px var(--accent)}.feature-icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#4c1d95));color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 8px 20px -8px var(--accent)}.feature-icon svg{width:22px;height:22px}.feature-card h3{font-size:17px;font-weight:700;margin:0 0 8px;color:var(--text-h)}.feature-card p{font-size:14px;opacity:.75;margin:0;line-height:1.55}.how{padding:90px 24px;border-top:1px solid var(--border);text-align:center}.steps{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.step-n{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#4c1d95));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;margin:0 auto 16px;box-shadow:0 10px 24px -10px var(--accent)}.step h3{font-size:17px;font-weight:700;margin:0 0 8px;color:var(--text-h)}.step p{font-size:14px;opacity:.75;margin:0;line-height:1.55}.download{position:relative;overflow:hidden;padding:100px 24px;border-top:1px solid var(--border);text-align:center}.download:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:600px;height:400px;border-radius:50%;background:radial-gradient(circle,var(--accent) 0%,transparent 65%);opacity:.14;filter:blur(60px);pointer-events:none}.download>.reveal{position:relative}.download h2{margin-bottom:16px}.download p{opacity:.8;margin:0 0 32px;font-size:16px}.download .cta-row{justify-content:center}.footer{margin-top:auto;padding:24px;text-align:center;border-top:1px solid var(--border);font-size:13px}.footer p{opacity:.6}.footer-links{margin-top:8px;display:flex;gap:20px;justify-content:center}.footer-links a{color:var(--accent);text-decoration:none;opacity:1}.footer-links a:hover{text-decoration:underline}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.hamburger span{display:block;width:22px;height:2px;background:var(--text-h);border-radius:2px}@media (max-width: 900px){.hero-inner{grid-template-columns:1fr;gap:56px;text-align:center}.hero-copy{text-align:center}.hero p{margin-inline:auto}.cta-row{justify-content:center}}@media (max-width: 600px){.hamburger{display:flex}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--bg);border-bottom:1px solid var(--border);padding:16px 24px;gap:20px}.nav-toggle:checked~.nav-inner .nav-links{display:flex}.nav-inner{position:relative}.hero{padding:56px 20px 64px}.hero h1{font-size:31px}.cta-row{flex-direction:column;align-items:stretch}.btn{text-align:center}.phone{width:260px}.feature-grid,.steps{grid-template-columns:1fr}.features,.how,.download{padding:64px 20px}.features h2,.how h2,.download h2{font-size:25px;margin-bottom:32px}}@media (min-width: 601px) and (max-width: 900px){.feature-grid{grid-template-columns:repeat(3,1fr);max-width:720px}.steps{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}.reveal{opacity:1;transform:none}.notification{transform:translateY(0);opacity:1}}