@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;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 (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (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:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--yellow:#f0e822;--black:#0a0a0a;--white:#fafafa;--gray:#1a1a1a;--gray-mid:#2a2a2a;--gray-light:#888;--accent:#f0e822;--radius:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{background:var(--white);width:100%;color:var(--black);margin:0;padding:0;font-family:DM Sans,sans-serif;overflow-x:hidden}nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0af2;border-bottom:1px solid #1f1f1f;justify-content:space-between;align-items:center;width:100%;padding:18px 48px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{color:var(--yellow);letter-spacing:-.5px;font-family:Syne,sans-serif;font-size:1.3rem;font-weight:800}.nav-links{gap:36px;list-style:none;display:flex}.nav-links a{color:#aaa;letter-spacing:.5px;text-transform:uppercase;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--yellow)}.nav-cta{background:var(--yellow);color:var(--black);cursor:pointer;border:none;border-radius:50px;padding:10px 22px;font-family:Syne,sans-serif;font-size:.85rem;font-weight:700;transition:transform .15s,opacity .15s}.nav-cta:hover{opacity:.9;transform:scale(1.04)}.hero{text-align:center;background:linear-gradient(160deg,#f7f500 0%,#f0e822 30%,#fff9a0 60%,#fff 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(at 70% 20%,#fff9 0%,#0000 60%),radial-gradient(at 20% 80%,#f0e82266 0%,#0000 50%);position:absolute;inset:0}.hero-badge{background:var(--black);color:var(--yellow);letter-spacing:1px;text-transform:uppercase;border-radius:50px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 18px;font-size:.78rem;font-weight:600;animation:.6s both fadeUp;display:inline-flex}.hero-badge span{background:var(--yellow);border-radius:50%;width:6px;height:6px;display:inline-block}.hero h1{letter-spacing:-2px;color:var(--black);max-width:900px;font-family:Syne,sans-serif;font-size:clamp(2.8rem,7vw,6.5rem);font-weight:800;line-height:1;animation:.7s .1s both fadeUp}.hero h1 em{color:#333;font-style:normal}.hero-sub{color:#333;max-width:560px;margin-top:28px;font-size:clamp(1rem,2vw,1.2rem);font-weight:400;line-height:1.65;animation:.7s .2s both fadeUp}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:40px;animation:.7s .3s both fadeUp;display:flex}.btn-primary{background:var(--black);color:var(--yellow);cursor:pointer;border:none;border-radius:50px;padding:16px 32px;font-family:Syne,sans-serif;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #00000040}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.btn-outline{color:var(--black);border:2px solid var(--black);cursor:pointer;background:0 0;border-radius:50px;padding:16px 32px;font-family:Syne,sans-serif;font-size:1rem;font-weight:700;transition:transform .15s,background .15s,color .15s}.btn-outline:hover{background:var(--black);color:var(--yellow);transform:translateY(-2px)}.hero-trust{color:#555;margin-top:28px;font-size:.83rem;animation:.7s .4s both fadeUp}.hero-trust span{margin:0 10px}.hero-mockup{margin-top:60px;animation:.8s .4s both fadeUp;position:relative}.mockup-card{background:var(--black);text-align:left;border-radius:24px;width:340px;padding:28px 32px;position:relative;box-shadow:0 30px 80px #0000004d}.mockup-header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.mockup-dot{border-radius:50%;width:10px;height:10px}.mockup-dot.red{background:#ff5f57}.mockup-dot.yellow{background:#febc2e}.mockup-dot.green{background:#28c840}.mockup-stat{background:var(--gray-mid);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 16px;display:flex}.mockup-stat-label{color:#777;font-size:.78rem;font-weight:500}.mockup-stat-value{color:var(--yellow);font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700}.mockup-pill{color:var(--yellow);background:#f0e82222;border:1px solid #f0e82244;border-radius:50px;margin-top:6px;padding:4px 10px;font-size:.7rem;display:inline-block}section{width:100%;padding:100px 0}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px}.section-label{letter-spacing:2px;text-transform:uppercase;color:var(--yellow);background:var(--black);border-radius:50px;margin-bottom:20px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-block}.section-label.light{color:var(--yellow);background:#f0e82222;border:1px solid #f0e82244}h2{letter-spacing:-1px;font-family:Syne,sans-serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.1}.problem{background:var(--black);color:var(--white)}.problem h2{color:var(--white)}.problem-grid{grid-template-columns:1fr 1fr;align-items:start;gap:60px;margin-top:56px;display:grid}.problem-left p{color:#aaa;margin-bottom:28px;font-size:1.05rem;line-height:1.7}.problem-list{list-style:none}.problem-list li{color:#ccc;align-items:flex-start;gap:12px;margin-bottom:16px;font-size:.95rem;display:flex}.problem-list li:before{content:"→";color:var(--yellow);flex-shrink:0;margin-top:2px;font-size:1rem;font-weight:700}.problem-result{background:var(--yellow);color:var(--black);border-radius:var(--radius);margin-top:32px;padding:20px 24px;font-family:Syne,sans-serif;font-size:1rem;font-weight:700}.problem-right{flex-direction:column;gap:14px;display:flex}.stat-card{background:var(--gray-mid);border:1px solid #333;border-radius:14px;padding:22px 24px;transition:border-color .2s,transform .2s}.stat-card:hover{border-color:var(--yellow);transform:translate(6px)}.stat-card-num{color:var(--yellow);font-family:Syne,sans-serif;font-size:2rem;font-weight:800}.stat-card-desc{color:#888;margin-top:4px;font-size:.85rem}.features{background:var(--white)}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px;display:grid}.feature-card{background:var(--black);border-radius:var(--radius);border:1px solid #1a1a1a;padding:32px 28px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--yellow);transform-origin:0;height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{border-color:#333;transform:translateY(-4px)}.feature-num{background:var(--gray-mid);color:#555;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:20px;font-family:Syne,sans-serif;font-size:.85rem;font-weight:700;display:flex}.feature-card h3{color:var(--white);margin-bottom:10px;font-family:Syne,sans-serif;font-size:1.15rem;font-weight:700}.feature-card p{color:#777;font-size:.88rem;line-height:1.6}.howitworks{background:var(--black);color:var(--white)}.howitworks h2{color:var(--white)}.steps{grid-template-columns:repeat(4,1fr);gap:0;margin-top:60px;display:grid;position:relative}.steps:before{content:"";background:linear-gradient(90deg, transparent, var(--yellow), transparent);z-index:0;height:1px;position:absolute;top:28px;left:12.5%;right:12.5%}.step{text-align:center;z-index:1;padding:0 16px;position:relative}.step-num{background:var(--yellow);width:56px;height:56px;color:var(--black);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-family:Syne,sans-serif;font-size:1.2rem;font-weight:800;display:flex;box-shadow:0 0 0 8px #1a1a1a,0 0 0 9px #333}.step h3{color:var(--white);margin-bottom:8px;font-family:Syne,sans-serif;font-size:.95rem;font-weight:700}.step p{color:#666;font-size:.82rem;line-height:1.5}.pricing{background:var(--white)}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px;display:grid}.plan-card{border:2px solid #000;border-radius:20px;padding:36px 28px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative}.plan-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #00000014}.plan-card.featured{background:var(--black);color:var(--white);border-color:var(--yellow);box-shadow:0 20px 60px #00000026}.plan-badge{background:var(--yellow);color:var(--black);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;border-radius:50px;padding:5px 16px;font-family:Syne,sans-serif;font-size:.7rem;font-weight:800;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.plan-name{letter-spacing:2px;text-transform:uppercase;color:#aaa;margin-bottom:12px;font-family:Syne,sans-serif;font-size:.8rem;font-weight:700}.plan-card.featured .plan-name{color:#777}.plan-price{margin-bottom:4px;font-family:Syne,sans-serif;font-size:3rem;font-weight:800;line-height:1}.plan-card.featured .plan-price{color:var(--yellow)}.plan-period{color:#888;margin-bottom:8px;font-size:.85rem}.plan-tagline{color:#666;border-bottom:1px solid #eee;margin-bottom:24px;padding-bottom:24px;font-size:.82rem}.plan-card.featured .plan-tagline{color:#888;border-bottom-color:#222}.plan-features{margin-bottom:28px;list-style:none}.plan-features li{color:#555;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:.88rem;line-height:1.4;display:flex}.plan-card.featured .plan-features li{color:#bbb}.plan-features li:before{content:"✓";color:var(--yellow);flex-shrink:0;font-weight:700}.plan-btn{border:2px solid var(--black);width:100%;color:var(--black);cursor:pointer;background:0 0;border-radius:50px;padding:14px;font-family:Syne,sans-serif;font-size:.9rem;font-weight:700;transition:all .2s}.plan-btn:hover{background:var(--black);color:var(--white)}.plan-card.featured .plan-btn{background:var(--yellow);color:var(--black);border-color:var(--yellow)}.plan-card.featured .plan-btn:hover{opacity:.85}.pricing-note{text-align:center;color:#888;margin-top:28px;font-size:.85rem}.usecases{background:var(--black)}.usecases h2{color:var(--white)}.usecases-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px;display:grid}.usecase-card{background:var(--gray-mid);border-radius:var(--radius);border:1px solid #333;padding:28px 24px;transition:border-color .2s,transform .2s}.usecase-card:hover{border-color:var(--yellow);transform:translateY(-4px)}.usecase-icon{background:#f0e82215;border:1px solid #f0e82233;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:1.3rem;display:flex}.usecase-card h3{color:var(--white);margin-bottom:6px;font-family:Syne,sans-serif;font-size:1rem;font-weight:700}.usecase-card p{color:#666;font-size:.82rem}.trust{background:var(--white)}.trust-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px;display:grid}.trust-card{background:var(--black);border-radius:var(--radius);text-align:center;border:1px solid #1a1a1a;padding:28px 24px}.trust-card-icon{margin-bottom:12px;font-size:1.8rem;display:block}.trust-card h3{color:var(--white);margin-bottom:6px;font-family:Syne,sans-serif;font-size:.9rem;font-weight:700}.trust-card p{color:#666;font-size:.78rem;line-height:1.5}.finalcta{background:var(--yellow);text-align:center;padding:120px 24px}.finalcta h2{letter-spacing:-2px;font-size:clamp(2.5rem,5vw,5rem)}.finalcta p{color:#333;max-width:480px;margin:20px auto 0;font-size:1.1rem;line-height:1.6}.finalcta-ctas{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:40px;display:flex}.finalcta .btn-primary{background:var(--black);color:var(--yellow)}.finalcta .btn-outline{border-color:var(--black);color:var(--black)}.finalcta .btn-outline:hover{background:var(--black);color:var(--yellow)}footer{background:var(--black);color:#555;text-align:center;padding:32px 24px;font-size:.82rem}footer span{color:var(--yellow)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){nav{padding:16px 24px}.nav-links{display:none}.problem-grid,.features-grid,.pricing-grid,.usecases-grid,.trust-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr;gap:40px}.steps:before{display:none}}