:root{--bg:#ffffff;--fg:#0f172a;--muted:#475569;--primary:#6366f1;--surface:#f8fafc;--card:#ffffff;--border:#e5e7eb;--shadow-sm:0 4px 10px rgba(99,102,241,.18);--shadow-md:0 10px 24px rgba(99,102,241,.22)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:linear-gradient(180deg,#f8faff,#fff,#f8faff);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial}html{scroll-behavior:smooth;background:linear-gradient(180deg,#f8faff,#fff,#f8faff)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}.container{max-width:1100px;margin:0 auto;padding:0 16px}.header{position:sticky;top:0;z-index:50;background:#ffffffb3;-webkit-backdrop-filter:saturate(120%) blur(8px);backdrop-filter:saturate(120%) blur(8px);border-bottom:1px solid var(--border)}.header .brand{font-weight:700;letter-spacing:.2px}.header .nav{display:none;gap:18px}.header .nav a{position:relative;display:inline-block;padding:6px 2px;transition:color .2s ease}.header .nav a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.header .nav a:hover:after{transform:scaleX(1)}.header .btn{margin-left:12px}@media (min-width:900px){.header .nav{display:flex}}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:transparent;color:var(--fg);padding:8px 14px;border-radius:10px;font-weight:600;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}.btn:hover,.btn:focus-visible{text-decoration:none}.btn-ghost{background:transparent;color:var(--fg)}.btn-ghost:hover{background:#f8fafc80;text-decoration:none}.btn-primary{background:var(--primary);border-color:transparent;color:#fff;box-shadow:var(--shadow-sm);margin-right:12px}.btn-primary:hover,.btn-primary:focus-visible{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-lg{padding:12px 18px;border-radius:12px;font-size:18px}.lead{color:var(--muted);max-width:46ch}.muted{color:var(--muted)}.section{padding:72px 0;border-top:1px solid var(--border)}.section.alt{background:transparent}.hero{position:relative;overflow:hidden;padding-top:96px;border-top:none}.decor{position:fixed;border-radius:9999px;filter:blur(40px);opacity:.25;pointer-events:none;z-index:-1}.decor.blob1{width:500px;height:500px;right:-150px;top:10%;background:radial-gradient(75% 75% at 50% 50%,#6366f166,#6366f100)}.decor.blob2{width:450px;height:450px;left:-150px;top:60%;background:radial-gradient(75% 75% at 50% 50%,#6366f159,#6366f100)}.grid-2{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width:900px){.grid-2{grid-template-columns:1.1fr .9fr;gap:36px}}.grid-3{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:900px){.grid-3{grid-template-columns:repeat(3,1fr);gap:20px}}.card{background:linear-gradient(180deg,#fff,#fbfdfb);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 1px 2px #0206170d;transition:transform .2s ease,box-shadow .25s ease}.card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #02061714,0 6px 14px #6366f11f}.hero .mockup{height:550px;border-radius:16px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);display:flex;align-items:center;justify-content:center;color:#334;border:1px solid var(--border);box-shadow:0 6px 18px #0206170f;transition:transform .35s ease,box-shadow .35s ease}.badges{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 0;padding:0;list-style:none}.badges li{background:#6366f114;border:1px solid var(--border);border-radius:999px;padding:6px 10px;color:#4338ca;transition:transform .15s ease}.badges li:hover{transform:translateY(-2px)}.timeline{display:grid;gap:18px}.timeline-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start}.timeline .dot{width:10px;height:10px;border-radius:999px;background:var(--primary);margin-top:7px}.testimonial{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;color:var(--fg)}.accordion .item{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px}.accordion summary{cursor:pointer;font-weight:600}.price{display:flex;flex-direction:column;align-items:flex-start}.price .price-tag{font-size:28px;font-weight:800;color:var(--primary);margin-bottom:8px}.cta{background:transparent;border:0;display:flex;gap:10px;padding:0;border-radius:0;margin-bottom:24px}.cta-simple{text-align:center;max-width:480px;margin:0 auto}.cta-simple h3{margin:0 0 8px;font-size:24px;font-weight:700}.cta-simple p{margin:0 0 20px;color:var(--muted)}.cta-simple .btn{margin-top:4px}.footer{padding:48px 0 24px;border-top:1px solid var(--border);background:var(--surface);margin-top:48px}.footer-content{display:grid;grid-template-columns:1fr;gap:32px;margin-bottom:32px}@media (min-width:768px){.footer-content{grid-template-columns:1.5fr 1fr;gap:48px}}.footer-brand h4{margin:0 0 12px;font-size:20px;font-weight:700;color:var(--primary)}.footer-brand p{margin:0 0 8px;color:var(--muted);font-size:15px;line-height:1.5}.footer-copyright{font-size:14px;opacity:.8}.footer-links{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width:480px){.footer-links{grid-template-columns:1fr 1fr;gap:32px}}.footer-section h5{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--fg)}.footer-section ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.footer-section li a{color:var(--muted);font-size:14px;transition:color .2s ease}.footer-section li a:hover{color:var(--primary);text-decoration:none}.footer-bottom{padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:center}.back-to-top{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#6366f10f;border:1px solid rgba(99,102,241,.2);border-radius:20px;color:var(--primary);font-size:14px;font-weight:600;transition:all .2s ease;text-decoration:none}.back-to-top:hover{background:#6366f11a;transform:translateY(-1px);text-decoration:none}.back-to-top svg{transition:transform .2s ease}.back-to-top:hover svg{transform:translateY(-2px)}.pricing{max-width:500px;margin:0 auto}@media (min-width:900px){.pricing{max-width:1000px;margin:0 auto;padding:0 80px}}.price{position:relative;padding:32px 28px;background:#fff;border:2px solid var(--primary);box-shadow:0 8px 32px #10b98126}@media (min-width:900px){.price{padding:48px 60px;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:start}}.price:after{display:none}.free-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;padding:8px 20px;border-radius:25px;font-size:13px;font-weight:700;letter-spacing:.8px;box-shadow:0 4px 16px #10b9814d;z-index:1}.price-header{text-align:center;margin-bottom:24px}@media (min-width:900px){.price-header{text-align:left;margin-bottom:0}}.price-header .price-tag{font-size:48px;font-weight:900;color:var(--primary);letter-spacing:-1px;margin:0}.price-sub{color:var(--muted);font-weight:600;font-size:16px;margin-top:4px}.price .features{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:12px}@media (min-width:900px){.price .features{margin:0}}.price .features li{position:relative;padding-left:32px;font-size:15px;line-height:1.5}.price .features li:before{content:"✓";width:20px;height:20px;border-radius:999px;background:var(--primary);color:#fff;font-weight:700;font-size:12px;line-height:1;display:inline-flex;align-items:center;justify-content:center;position:absolute;left:0;top:2px;box-shadow:0 2px 8px #10b98140}.price-cta{margin-top:auto;display:flex;flex-direction:column;gap:8px;width:100%;text-align:center}@media (min-width:900px){.price-cta{margin-top:24px}}.price-cta .btn{width:100%;font-size:16px;padding:14px 24px;font-weight:700}.price-cta p{margin:8px 0 0;font-size:13px;color:var(--primary);font-weight:600}.small{font-size:12px}@keyframes anchor-highlight{0%{box-shadow:0 0 #10b98100;background:linear-gradient(0deg,#10b98124,#10b9810f)}40%{box-shadow:0 0 0 12px #10b9812e}to{box-shadow:0 0 #10b98100;background:transparent}}.section:target{animation:anchor-highlight .9s ease-out 1;border-color:var(--border)}.reveal{opacity:0;transform:translateY(24px);filter:saturate(.85);transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94),filter .6s ease}.reveal.is-visible{opacity:1;transform:none;filter:none}@media (max-width:899px){.reveal{opacity:0;transform:translateY(16px);transition:opacity .45s cubic-bezier(.4,0,.2,1),transform .45s cubic-bezier(.4,0,.2,1),filter .45s ease}.reveal.is-visible{opacity:1;transform:translateY(0);filter:none}}:target{scroll-margin-top:80px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.section:target{animation:none}}.features-header{text-align:center;margin-bottom:18px}.features-header h2{margin:0 0 8px}.lead-2{font-size:18px;max-width:60ch;margin:8px auto 0;color:var(--muted)}.grid-features{display:grid;grid-template-columns:1fr;gap:16px;margin-top:14px}@media (min-width:900px){.grid-features{grid-template-columns:repeat(3,1fr);gap:20px}}.section-divider{height:1px;background:var(--border);margin:24px 0}.feature-card{padding:16px}.feature-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.feature-icon{width:44px;height:44px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.feature-icon span{font-size:22px}.feature-icon svg{width:22px;height:22px;color:var(--primary)}.feature-benefits{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}.feature-benefits li{position:relative;padding-left:18px;color:#475569;font-size:14px}.feature-benefits li:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--primary);position:absolute;left:4px;top:8px}.features-uses{text-align:center;margin-top:24px}.features-uses>p{max-width:70ch;margin:6px auto 0}.usecases{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}@media (min-width:900px){.usecases{grid-template-columns:repeat(5,1fr);gap:16px}}.usecase-card{padding:14px;display:flex;flex-direction:column;align-items:center;text-align:center}.usecase-icon{width:52px;height:52px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:1px solid var(--border)}.usecase-icon span{font-size:22px}.usecase-icon svg{width:22px;height:22px;color:var(--primary)}.subtle-cta{margin-top:22px;padding:16px;border-radius:14px;border:1px solid var(--border);background:var(--surface);text-align:center}.subtle-cta .cta-actions{display:flex;justify-content:center;margin:12px 0 6px}.subtle-cta .sc-items{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:6px;color:#475569;font-size:14px}.card.feature-card,.card.usecase-card{background:#fff;box-shadow:0 1px 2px #0206170a;border:1px solid var(--border)}.card.feature-card:hover,.card.usecase-card:hover{box-shadow:0 4px 12px #0206170f;transform:none}