*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--accent:#8F5DF8;--accent-2:#6B3FD4;--accent-teal:#B48AF8;--accent-light:#F3EEFF;--grad:linear-gradient(135deg,#6B3FD4,#8F5DF8 55%,#B48AF8);--grad-dark:linear-gradient(160deg,#4A2B9A,#6B3FD4 30%,#8F5DF8 65%,#B48AF8);--bg:#F8F9FC;--surface:#FFFFFF;--surface-2:#F1F4FB;--ink:#0D1226;--text:#374151;--muted:#6B7280;--border:#E5E7EB;--urg:#EF4444;--pen:#F59E0B;--tar:#10B981;--rec:#8B5CF6;--radius:16px;--shadow-sm:0 1px 3px rgba(15,20,50,.06),0 1px 2px rgba(15,20,50,.04);--shadow-md:0 10px 30px -6px rgba(15,20,50,.12);--shadow-lg:0 32px 72px -20px rgba(15,20,50,.22);--glow:0 20px 56px -14px rgba(143,93,248,.5);--glow-teal:0 20px 56px -14px rgba(180,138,248,.35);--font-display:"Plus Jakarta Sans",sans-serif;--font-body:"Inter",sans-serif;--maxw:1180px}[data-theme=dark]{--bg:#080C1A;--surface:#0F1628;--surface-2:#161F38;--ink:#F0F4FF;--text:#BCC5D6;--muted:#7886A0;--border:rgba(255,255,255,.08);--shadow-sm:0 1px 2px rgba(0,0,0,.5);--shadow-md:0 14px 34px -10px rgba(0,0,0,.6);--shadow-lg:0 44px 88px -28px rgba(0,0,0,.75)}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;line-height:1.6;font-size:16px}.lucide{width:1em;height:1em;stroke-width:1.9;flex-shrink:0}.bg-wrap{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.mesh{position:absolute;border-radius:50%;filter:blur(140px);opacity:.22}.mesh-1{width:820px;height:820px;top:-380px;right:-200px;background:radial-gradient(circle,#8F5DF8 0,#A87CF6 50%,#B48AF8 100%)}.mesh-2{width:580px;height:580px;top:460px;left:-280px;background:radial-gradient(circle,#B48AF8 0,#8F5DF8 70%,transparent 100%)}.mesh-3{width:400px;height:400px;bottom:-80px;right:8%;background:radial-gradient(circle,#B48AF8 0,#8F5DF8 100%);opacity:.28}[data-theme=dark] .mesh{opacity:.35}nav{position:relative;height:64px;display:flex;justify-content:center;padding:0 32px;background:transparent}.nav-inner,nav{align-items:center}.nav-inner{max-width:var(--maxw);width:100%;display:grid;grid-template-columns:1fr auto 1fr;grid-gap:0;gap:0}.nav-links{display:flex;gap:2px;justify-self:center}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:36px;height:36px;border-radius:10px;background:var(--grad);display:grid;place-items:center;color:#fff;font-size:18px;box-shadow:0 2px 12px rgba(143,93,248,.45),0 0 0 1px rgba(180,138,248,.2)}.brand-logo{height:32px;width:auto;display:block}.brand-name{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ink);letter-spacing:-.3px}.nav-links a{color:var(--muted);font-size:14px;font-weight:500;text-decoration:none;padding:7px 14px;border-radius:8px;transition:background .15s,color .15s}.nav-links a:hover{color:var(--ink);background:var(--surface-2)}.nav-right{display:flex;align-items:center;gap:12px;justify-self:end}.nav-login{color:var(--text);font-size:14px;font-weight:600;text-decoration:none;transition:color .15s}.nav-login:hover{color:var(--ink)}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-weight:600;text-decoration:none;border-radius:10px;cursor:pointer;border:none;letter-spacing:-.1px;transition:transform .18s,box-shadow .18s,opacity .18s;white-space:nowrap}.btn .lucide{font-size:16px}.btn-primary{background:var(--grad);color:#fff;padding:11px 20px;font-size:14.5px;box-shadow:0 2px 10px rgba(143,93,248,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--glow)}.btn-primary.lg{padding:14px 28px;font-size:16px}.btn-ghost{background:var(--surface);color:var(--ink);padding:11px 20px;font-size:14.5px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-ghost:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.btn-ghost.lg{padding:14px 26px;font-size:16px}.btn-white{background:#fff;color:var(--accent);padding:11px 20px;font-size:14.5px;box-shadow:0 2px 12px rgba(0,0,0,.12)}.btn-white:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.16)}.btn-white.lg{padding:14px 28px;font-size:16px}#hero{position:relative;min-height:calc(100vh - 64px);display:flex;align-items:center;padding:60px 32px 80px}.hero-glass{backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);background:color-mix(in srgb,var(--surface) 62%,transparent);border:1px solid color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.5));border-radius:24px;padding:44px 48px 48px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 8px 32px -8px rgba(107,63,212,.18),0 32px 64px -20px rgba(143,93,248,.12)}.hero-grid{max-width:var(--maxw);margin:0 auto;width:100%;display:grid;grid-template-columns:1.05fr .95fr;grid-gap:64px;gap:64px;align-items:center}.pill{gap:8px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:500;padding:6px 8px 6px 14px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.pill,.pill .tag{display:inline-flex;align-items:center;border-radius:100px}.pill .tag{gap:5px;background:var(--accent-light);color:var(--accent);padding:3px 9px;font-size:11.5px;font-weight:700;letter-spacing:.2px}.pill .tag .lucide{font-size:12px}h1.hero-title{font-family:var(--font-display);font-size:clamp(38px,5vw,62px);font-weight:800;line-height:1.06;letter-spacing:-2px;color:var(--ink);margin-bottom:20px;text-wrap:balance}h1.hero-title em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{font-size:17.5px;color:var(--text);line-height:1.7;max-width:500px;margin-bottom:32px;text-wrap:pretty;font-weight:400}.hero-sub b{color:var(--ink);font-weight:600}.hero-actions{gap:12px;flex-wrap:wrap}.hero-actions,.hero-trust{display:flex;align-items:center}.hero-trust{gap:16px;margin-top:24px;font-size:13px;color:var(--muted);font-weight:500}.hero-trust .dot{width:3px;height:3px;border-radius:50%;background:var(--border)}.hero-trust .lucide{color:var(--accent);font-size:15px}.hero-trust span{display:inline-flex;align-items:center;gap:6px}.hero-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;margin-top:36px;padding-top:28px;border-top:1px solid color-mix(in srgb,var(--accent) 20%,var(--border))}.stat-hidden{display:none}.stat-num{font-family:var(--font-display);font-size:32px;font-weight:800;color:var(--ink);line-height:1;letter-spacing:-1.5px}.stat-label{font-size:12.5px;color:var(--muted);margin-top:5px;font-weight:500}.phone-wrap{position:relative;display:flex;justify-content:center;align-items:center;padding-top:10px}.phone-shadow{position:absolute;width:360px;height:672px;border-radius:50%;filter:blur(90px);top:54%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(143,93,248,.45) 0,rgba(180,138,248,.28) 100%)}.phone{position:relative;width:360px;background:var(--surface);border-radius:48px;border:1px solid var(--border);box-shadow:var(--shadow-lg),inset 0 1px 0 rgba(255,255,255,.7);padding:14px;animation:float 7s ease-in-out infinite}[data-theme=dark] .phone{box-shadow:var(--shadow-lg),inset 0 1px 0 rgba(255,255,255,.06)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.phone-screen{background:#EDEEF6;border-radius:35px;padding:18px 14px 6px;overflow:hidden}.phone-status{display:flex;align-items:center;justify-content:space-between;padding:2px 8px 14px;font-size:14px;font-weight:700;color:var(--ink)}.phone-status .right{display:flex;gap:6px;color:var(--muted);font-size:15px}.phone-greet{padding:0 6px 14px}.phone-greet .hi{font-size:14px;color:var(--muted);font-weight:500}.phone-greet .day{font-family:var(--font-display);font-size:24px;font-weight:800;background:linear-gradient(90deg,#8F5DF8,#B48AF8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.4px;margin-top:2px}.pcard{background:#fff;border-radius:19px;padding:16px;margin-bottom:14px;border:none;box-shadow:0 2px 8px rgba(80,96,232,.07)}.pcard-head{display:flex;align-items:center;gap:11px;margin-bottom:12px}.pcard-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:17px;color:#fff}.pcard-ic.urg{background:var(--urg)}.pcard-ic.pen{background:var(--pen)}.pcard-ic.tar{background:var(--accent-teal)}.pcard-title{font-size:16px;font-weight:700;color:var(--ink);flex:1 1}.pcard-badge{font-size:13px;font-weight:800;min-width:26px;height:26px;padding:0 7px;border-radius:50px;display:grid;place-items:center;color:#fff}.pcard-badge.urg{background:var(--urg)}.pcard-badge.pen{background:var(--pen)}.pcard-badge.tar{background:var(--accent-teal)}.prow{display:flex;gap:11px;align-items:flex-start;padding:10px;margin-bottom:6px;border-radius:12px;background:#F2F3FA}.prow-dot{width:7px;height:7px;border-radius:50%;margin-top:4px;flex-shrink:0}.prow-dot.urg{background:var(--accent)}.prow-dot.pen{background:var(--pen)}.prow-dot.tar{background:var(--tar)}.prow-body{flex:1 1;min-width:0}.prow-text{font-size:13px;color:var(--ink);line-height:1.4;font-weight:500}.prow-meta{font-size:12px;color:var(--muted);margin-top:2px;font-weight:500}.toast{position:absolute;right:-50px;top:86px;z-index:3;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:12px 17px 12px 13px;box-shadow:var(--shadow-md);animation:floatToast 7s ease-in-out infinite;animation-delay:.6s}@keyframes floatToast{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.toast-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:19px}.toast .t1{font-size:14px;font-weight:700;color:var(--ink)}.toast .t2{font-size:12.5px;color:var(--muted);margin-top:1px}.toast.b{top:auto;bottom:82px;left:-44px;right:auto;animation-delay:1.4s}.toast.b .toast-ic{background:color-mix(in srgb,var(--accent-teal) 15%,transparent);color:var(--accent-teal)}section{padding:104px 32px;position:relative}.container{max-width:var(--maxw);margin:0 auto}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.eyebrow .lucide{font-size:15px}.section-title{font-family:var(--font-display);font-size:clamp(28px,3.6vw,44px);font-weight:800;line-height:1.12;letter-spacing:-1.2px;color:var(--ink);margin-bottom:16px;text-wrap:balance}.section-title em{font-style:normal;color:var(--accent)}.grad-text{background:linear-gradient(90deg,#8F5DF8,#B48AF8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-sub{font-size:17px;color:var(--text);line-height:1.7;max-width:580px;text-wrap:pretty}.section-head.center{text-align:center}.section-head.center .section-sub{margin:0 auto}.section-head.center .eyebrow{justify-content:center}#problem{background:var(--surface);border-bottom:1px solid var(--border);padding-top:140px;padding-bottom:140px}.problem-grid{display:grid;grid-template-columns:1.3fr .85fr;grid-gap:96px;gap:96px;align-items:center}.pain-list{margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.pain-item{display:flex;flex-direction:column;gap:10px;padding:20px 18px;background:var(--bg);border-radius:14px;border:1px solid var(--border);transition:border-color .22s,transform .22s}.pain-item:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));transform:translateY(-4px)}.pain-ic{width:38px;height:38px;border-radius:10px;background:var(--accent-light);color:var(--accent);display:grid;place-items:center;font-size:18px;flex-shrink:0}.pain-title{font-size:14px;font-weight:700;color:var(--ink)}.pain-text{font-size:13px;color:var(--text);line-height:1.55}.solution-box{background:var(--grad-dark);border-radius:24px;padding:44px;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.solution-box:before{content:"";position:absolute;top:-90px;right:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(180,138,248,.35),transparent 70%)}.solution-quote{font-family:var(--font-display);font-size:25px;font-weight:700;line-height:1.3;letter-spacing:-.5px;color:#fff;margin-bottom:20px;position:relative}.solution-quote em{font-style:normal;color:#D4B8FC}.solution-desc{font-size:15px;color:rgba(255,255,255,.7);line-height:1.7;position:relative}.solution-checks{margin-top:26px;display:flex;flex-direction:column;gap:11px;position:relative}.scheck{display:flex;align-items:center;gap:11px;font-size:14px;color:rgba(255,255,255,.9);font-weight:500}.scheck .ck{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:rgba(255,255,255,.2);color:#fff;font-size:13px}#how{padding-top:152px;padding-bottom:152px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-top:54px}.step{background:var(--surface);padding:32px 28px;border-radius:var(--radius);border:1px solid var(--border);position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .22s,box-shadow .22s}.step:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.step-num{font-size:11.5px;font-weight:700;color:var(--accent);letter-spacing:.8px;margin-bottom:16px;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}.step-num:before{content:"";width:20px;height:1.5px;background:var(--accent)}.step-ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:23px;margin-bottom:18px;background:var(--accent-light);color:var(--accent)}.step-title{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:8px;letter-spacing:-.3px}.step-text{font-size:14px;color:var(--text);line-height:1.65}#categories{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-top:152px;padding-bottom:152px}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-top:48px}.cat-card{border-radius:var(--radius);padding:26px 22px;position:relative;overflow:hidden;border:1px solid var(--border);background:var(--bg);transition:transform .22s,box-shadow .22s;box-shadow:var(--shadow-sm)}.cat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.cat-card .bar{display:none}.cat-ic{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:22px;margin-bottom:16px;color:#fff;background:var(--accent)}.cat-card:nth-child(2) .cat-ic{background:var(--accent-2)}.cat-card:nth-child(3) .cat-ic{background:var(--accent);opacity:.85}.cat-card:nth-child(4) .cat-ic{background:var(--accent-teal)}.cat-name{font-size:17px;font-weight:700;color:var(--ink);margin-bottom:7px;letter-spacing:-.2px}.cat-desc{font-size:13px;color:var(--text);line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:54px}.feature-card{background:var(--surface);border-radius:var(--radius);padding:28px;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.feature-ic{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:22px;margin-bottom:18px;background:var(--accent-light);color:var(--accent)}.feature-title{font-size:16.5px;font-weight:700;color:var(--ink);margin-bottom:8px;letter-spacing:-.2px}.feature-text{font-size:13.5px;color:var(--text);line-height:1.65}.feature-card.highlight{grid-column:span 2;display:grid;grid-template-columns:auto 1fr;grid-gap:24px;gap:24px;align-items:center;background:var(--grad-dark);border-color:transparent}.feature-card.highlight .feature-ic{width:60px;height:60px;font-size:28px;background:rgba(255,255,255,.18);color:#fff;margin:0}.feature-card.highlight .feature-title{color:#fff;font-size:19px}.feature-card.highlight .feature-text{color:rgba(255,255,255,.72);font-size:14px}.feature-card.highlight .feature-badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#D4B8FC}#cta{padding-bottom:120px}.cta-box{max-width:880px;margin:0 auto;padding:68px 48px;text-align:center;background:var(--grad-dark);border-radius:28px;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.cta-box:before{content:"";position:absolute;top:-140px;left:50%;transform:translateX(-50%);width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(180,138,248,.3),transparent 70%)}.cta-eyebrow{display:inline-flex;align-items:center;gap:7px;position:relative;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#D4B8FC;margin-bottom:14px}.cta-title{font-family:var(--font-display);font-size:clamp(28px,4.2vw,46px);font-weight:800;line-height:1.1;letter-spacing:-1.4px;color:#fff;margin-bottom:16px;position:relative;text-wrap:balance}.cta-title em{font-style:normal;color:#D4B8FC}.cta-sub{font-size:16.5px;color:rgba(255,255,255,.7);line-height:1.7;margin:0 auto 32px;max-width:540px;position:relative}.cta-actions{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;position:relative}.cta-box .btn-ghost{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2)}.cta-box .btn-ghost:hover{background:rgba(255,255,255,.18)}.cta-note{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.55);margin-top:24px;position:relative}.cta-note span{display:inline-flex;align-items:center;gap:6px}.cta-note .lucide{color:#D4B8FC;font-size:14px}footer{padding:40px 32px;border-top:1px solid var(--border)}.footer-inner{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-text{font-size:13px;color:var(--muted)}.footer-text b{color:var(--text);font-weight:600}html.reveal-on .reveal:not(.visible){opacity:0;transform:translateY(24px)}html.reveal-anim .reveal{transition:opacity .65s ease,transform .65s ease}html.reveal-anim .rd1{transition-delay:.08s}html.reveal-anim .rd2{transition-delay:.16s}html.reveal-anim .rd3{transition-delay:.24s}@media (prefers-reduced-motion:reduce){html.reveal-on .reveal:not(.visible){opacity:1;transform:none}.phone,.toast{animation:none}}@media (max-width:940px){nav{padding:0 20px}.hero-secondary,.nav-links,.toast{display:none}.hero-actions{flex-direction:column}.hero-cta{width:100%;justify-content:center}#hero{padding:120px 20px 60px}.hero-grid{grid-template-columns:1fr;gap:52px}.phone-wrap{order:-1;width:100%;display:flex;justify-content:center}.phone{width:min(360px,calc(100vw - 32px))}section{padding:72px 20px}.problem-grid{grid-template-columns:1fr;gap:40px}#categories,#how,#problem{padding-top:72px;padding-bottom:72px}.cat-grid,.features-grid,.pain-list,.steps-grid{grid-template-columns:1fr}.feature-card.highlight{grid-column:span 1;grid-template-columns:1fr;gap:16px}.nav-login{display:none}}@media (max-width:560px){.cat-grid{grid-template-columns:1fr}.hero-stats{gap:20px}.stat-num{font-size:28px}.cta-box,.solution-box{padding:34px 24px}}