*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080e1a;--bg2:#0d1526;--surface:#ffffff0a;--border:#ffffff14;--primary:#6366f1;--pink:#ec4899;--success:#10b981;--warning:#f59e0b;--text:#f1f5f9;--textSub:#94a3b8;--textMut:#475569;--radius:14px;--radiusSm:8px;--max:1120px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;line-height:1.6}.container{max-width:var(--max);margin:0 auto;padding:0 24px}.gradient-text{background:linear-gradient(135deg, #a5b4fc 0%, var(--primary) 40%, var(--pink) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 0 30px #6366f159}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 40px #6366f180}.btn-ghost{color:var(--textSub);cursor:pointer;border:1px solid var(--border);background:0 0;border-radius:50px;align-items:center;gap:8px;padding:13px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-ghost:hover{color:var(--text);background:var(--surface);border-color:#fff3}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#080e1ad9;position:fixed;top:0;left:0;right:0}.navbar-inner{height:64px;max-width:var(--max);justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;display:flex}.nav-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo-icon{color:var(--primary);font-size:20px}.nav-logo-text{color:var(--text);letter-spacing:-.3px;font-size:18px;font-weight:800}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-links a{color:var(--textSub);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{align-items:center;gap:12px;display:flex}.nav-login{color:var(--textSub);font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.nav-login:hover{color:var(--text)}.nav-signup{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:8px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 0 20px #6366f14d}.nav-signup:hover{transform:translateY(-1px);box-shadow:0 0 30px #6366f180}.hero{text-align:center;padding:140px 24px 80px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% -10%,#6366f12e 0%,#0000 70%),radial-gradient(40% 40% at 80% 60%,#ec489914 0%,#0000 60%);position:absolute;inset:0}.hero-badge{letter-spacing:.5px;color:#a5b4fc;text-transform:uppercase;background:#6366f11f;border:1px solid #6366f14d;border-radius:50px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-2px;max-width:800px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:clamp(38px,6vw,72px);font-weight:900;line-height:1.05}.hero-sub{color:var(--textSub);max-width:560px;margin:0 auto 40px;font-size:clamp(16px,2vw,20px);line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.hero-trust{color:var(--textMut);flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:56px;font-size:12px;font-weight:500;display:flex}.hero-trust span{align-items:center;gap:6px;display:flex}.mockup-wrap{justify-content:center;margin-top:60px;display:flex;position:relative}.mockup-glow{pointer-events:none;background:radial-gradient(60% 40%,#6366f11f,#0000 70%);position:absolute;inset:-40px}.mockup{background:#0f172ae6;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:700px;overflow:hidden;box-shadow:0 40px 120px #0009,0 0 0 1px #ffffff0d}.mockup-bar{border-bottom:1px solid var(--border);background:#ffffff0a;align-items:center;gap:8px;padding:12px 16px;display:flex}.mockup-dot{border-radius:50%;width:10px;height:10px}.mockup-body{padding:20px}.mockup-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mockup-title{color:var(--text);font-size:14px;font-weight:700}.mockup-badge{color:#a5b4fc;background:#6366f133;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700}.mockup-task{border:1px solid var(--border);background:#ffffff08;border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.mockup-check{border:2px solid #334155;border-radius:5px;flex-shrink:0;width:18px;height:18px}.mockup-check.done{background:#10b98133;border-color:#10b981}.mockup-task-text{color:var(--text);flex:1;font-size:13px}.mockup-task-text.done{color:var(--textMut);text-decoration:line-through}.mockup-pri{border-radius:6px;padding:2px 7px;font-size:9px;font-weight:700}.mockup-section-title{letter-spacing:1px;color:var(--textMut);text-transform:uppercase;margin:16px 0 8px;font-size:9px;font-weight:700}.mockup-event{border:1px solid var(--border);border-left:3px solid var(--primary);background:#ffffff08;border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.mockup-event-date{color:var(--textMut);text-align:center;min-width:30px;font-size:9px}.mockup-event-day{color:var(--text);font-size:16px;font-weight:800}.mockup-event-info{flex:1}.mockup-event-title{color:var(--text);font-size:13px;font-weight:600}.mockup-event-meta{color:var(--textSub);margin-top:2px;font-size:10px}.stats-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#ffffff03;padding:32px 24px}.stats-inner{max-width:var(--max);flex-wrap:wrap;justify-content:center;align-items:center;gap:60px;margin:0 auto;display:flex}.stat-item{text-align:center}.stat-num{color:var(--text);letter-spacing:-1px;font-size:32px;font-weight:900}.stat-lbl{color:var(--textMut);margin-top:2px;font-size:12px;font-weight:500}.section{padding:96px 24px}.section-alt{background:var(--bg2)}.section-header{text-align:center;margin-bottom:60px}.section-tag{letter-spacing:1.5px;color:var(--primary);text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:700;display:inline-block}.section-title{letter-spacing:-1.5px;margin-bottom:16px;font-size:clamp(28px,4vw,44px);font-weight:900;line-height:1.1}.section-sub{color:var(--textSub);max-width:520px;margin:0 auto;font-size:17px;line-height:1.7}.features-grid{max-width:var(--max);grid-template-columns:repeat(3,1fr);gap:20px;margin:0 auto;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:default;padding:28px;transition:all .25s}.feature-card:hover{background:#6366f10f;border-color:#6366f166;transform:translateY(-3px);box-shadow:0 12px 40px #0000004d}.feature-icon{background:#ffffff0d;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;font-size:28px;display:flex}.feature-title{color:var(--text);margin-bottom:8px;font-size:17px;font-weight:700}.feature-desc{color:var(--textSub);font-size:14px;line-height:1.65}.steps{gap:40px;max-width:860px;margin:0 auto;display:flex;position:relative}.steps:before{content:"";background:linear-gradient(to right, transparent, var(--border), transparent);height:1px;position:absolute;top:28px;left:28px;right:28px}.step{text-align:center;flex:1}.step-num{background:var(--primary);color:#fff;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:20px;font-weight:900;display:flex;position:relative;box-shadow:0 0 30px #6366f166}.step-title{color:var(--text);margin-bottom:8px;font-size:16px;font-weight:700}.step-desc{color:var(--textSub);font-size:13px;line-height:1.6}.kovi-section{padding:96px 24px}.kovi-inner{max-width:var(--max);grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin:0 auto;display:grid}.kovi-badge{letter-spacing:.5px;color:var(--pink);text-transform:uppercase;background:#ec48991a;border:1px solid #ec48994d;border-radius:50px;align-items:center;gap:8px;margin-bottom:20px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-flex}.kovi-title{letter-spacing:-1.5px;margin-bottom:16px;font-size:clamp(28px,3.5vw,40px);font-weight:900;line-height:1.1}.kovi-desc{color:var(--textSub);margin-bottom:28px;font-size:16px;line-height:1.7}.kovi-features{flex-direction:column;gap:12px;list-style:none;display:flex}.kovi-features li{color:var(--textSub);align-items:flex-start;gap:12px;font-size:14px;display:flex}.kovi-features li span.icon{flex-shrink:0;margin-top:1px;font-size:16px}.kovi-providers{flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;display:flex}.provider-chip{background:var(--surface);border:1px solid var(--border);color:var(--textSub);border-radius:50px;padding:6px 14px;font-size:12px;font-weight:600}.kovi-chat{border:1px solid var(--border);background:#0f172acc;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0006}.kovi-chat-header{border-bottom:1px solid var(--border);background:#ffffff08;align-items:center;gap:10px;padding:14px 20px;display:flex}.kovi-chat-icon{color:var(--primary);font-size:18px}.kovi-chat-name{color:var(--text);font-size:14px;font-weight:700}.kovi-chat-sub{color:var(--textMut);font-size:11px}.kovi-chat-body{flex-direction:column;gap:12px;padding:20px;display:flex}.chat-bubble{border-radius:14px;max-width:88%;padding:11px 15px;font-size:13px;line-height:1.6}.chat-user{color:var(--text);background:#6366f133;border:1px solid #6366f14d;border-bottom-right-radius:4px;align-self:flex-end}.chat-kovi{border:1px solid var(--border);color:var(--text);background:#ffffff0a;border-bottom-left-radius:4px;align-self:flex-start}.video-section{text-align:center;padding:80px 24px}.video-wrap{border:1px solid var(--border);aspect-ratio:16/9;cursor:pointer;background:#0f172acc;border-radius:20px;max-width:780px;margin:40px auto 0;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080}.video-wrap:hover{border-color:#6366f166}.video-wrap iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.video-placeholder{background:linear-gradient(135deg,#6366f114,#ec48990d);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-play-btn{background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;font-size:24px;transition:transform .2s;display:flex;box-shadow:0 0 40px #6366f180}.video-wrap:hover .video-play-btn{transform:scale(1.1)}.video-placeholder-text{color:var(--textSub);font-size:15px}.video-placeholder-sub{color:var(--textMut);margin-top:6px;font-size:12px}.pricing-grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:20px;max-width:1200px;margin:0 auto;display:grid}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px;transition:all .25s;position:relative}.pricing-card.popular{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), 0 20px 60px #6366f133;background:#6366f10f;transform:scale(1.03)}.popular-badge{background:var(--primary);color:#fff;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-radius:50px;padding:4px 16px;font-size:11px;font-weight:800;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.pricing-name{color:var(--textSub);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;font-size:14px;font-weight:700}.pricing-price{color:var(--text);letter-spacing:-2px;align-items:flex-end;gap:4px;font-size:42px;font-weight:900;line-height:1;display:flex}.pricing-period{color:var(--textMut);margin-bottom:4px;font-size:14px;font-weight:500}.pricing-annual{color:var(--success);margin-top:6px;margin-bottom:24px;font-size:12px;font-weight:600}.pricing-divider{border:none;border-top:1px solid var(--border);margin:20px 0}.pricing-features{flex-direction:column;gap:10px;margin-bottom:28px;list-style:none;display:flex}.pricing-features li{color:var(--textSub);align-items:flex-start;gap:10px;font-size:14px;display:flex}.pricing-features li .check{color:var(--success);flex-shrink:0;font-size:14px}.pricing-features li .dash{color:var(--textMut);flex-shrink:0}.pricing-cta{text-align:center;cursor:pointer;border:none;border-radius:12px;width:100%;padding:13px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:block}.pricing-cta.primary{background:var(--primary);color:#fff;box-shadow:0 0 24px #6366f159}.pricing-cta.primary:hover{transform:translateY(-1px);box-shadow:0 0 36px #6366f180}.pricing-cta.ghost{color:var(--textSub);border:1px solid var(--border);background:0 0}.pricing-cta.ghost:hover{color:var(--text);border-color:#fff3}.pricing-toggle{justify-content:center;align-items:center;gap:12px;margin-bottom:48px;display:flex}.toggle-option{color:var(--textMut);cursor:pointer;font-size:14px;font-weight:600;transition:color .2s}.toggle-option.active{color:var(--text)}.toggle-pill{background:var(--primary);cursor:pointer;border-radius:13px;width:48px;height:26px;transition:all .2s;position:relative}.toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:3px}.save-badge{color:var(--success);background:#10b98126;border-radius:50px;padding:3px 10px;font-size:11px;font-weight:700}.download-section{text-align:center;padding:96px 24px}.download-apps{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:40px;display:flex}.app-badge{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;border:none;align-items:center;gap:12px;padding:14px 24px;text-decoration:none;transition:all .2s;display:flex}.app-badge:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-2px)}.app-badge.coming{opacity:.55;cursor:default}.app-badge.coming:hover{transform:none}.app-badge-icon{font-size:28px}.app-badge-text{text-align:left}.app-badge-sub{color:var(--textMut);font-size:10px;font-weight:500}.app-badge-name{font-size:15px;font-weight:800}.app-badge-tag{color:#a5b4fc;background:#6366f133;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.faq-list{flex-direction:column;gap:12px;max-width:680px;margin:0 auto;display:flex}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.faq-q{cursor:pointer;width:100%;color:var(--text);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:18px 22px;font-size:15px;font-weight:600;transition:background .2s;display:flex}.faq-q:hover{background:#ffffff08}.faq-arrow{color:var(--textMut);flex-shrink:0;font-size:18px;transition:transform .2s}.faq-arrow.open{color:var(--primary);transform:rotate(45deg)}.faq-a{color:var(--textSub);padding:0 22px 18px;font-size:14px;line-height:1.7}.footer{border-top:1px solid var(--border);padding:48px 24px 32px}.footer-inner{max-width:var(--max);grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin:0 auto;display:grid}.footer-brand p{color:var(--textMut);max-width:280px;margin-top:12px;font-size:13px;line-height:1.6}.footer-col h4{letter-spacing:.8px;color:var(--textMut);text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:700}.footer-col ul{flex-direction:column;gap:8px;list-style:none;display:flex}.footer-col a{color:var(--textSub);font-size:13px;text-decoration:none;transition:color .2s}.footer-col a:hover{color:var(--text)}.footer-bottom{max-width:var(--max);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:40px auto 0;padding-top:24px;display:flex}.footer-bottom p{color:var(--textMut);font-size:12px}@media (width<=900px){.nav-links{display:none}.features-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:400px}.pricing-card.popular{transform:none}.kovi-inner{grid-template-columns:1fr}.steps{flex-direction:column;align-items:center;gap:32px}.steps:before{display:none}.footer-inner{grid-template-columns:1fr 1fr}}@media (width<=600px){.features-grid,.footer-inner{grid-template-columns:1fr}.stats-inner{gap:32px}.hero-trust{flex-direction:column;gap:10px}}