@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--landing-bg:#eef2ff;--landing-bg-white:#fff;--landing-bg-card:#fff;--landing-bg-card-hover:#f8faff;--landing-bg-subtle:#f1f5ff;--landing-bg-dark:#0a1628;--landing-bg-dark-card:#ffffff0f;--landing-accent:#06f;--landing-accent-hover:#0052cc;--landing-accent-light:#3b82f6;--landing-accent-bg:#0066ff0f;--landing-accent-border:#0066ff1f;--landing-accent-glow:#0066ff14;--landing-green:#10b981;--landing-green-bg:#10b98114;--landing-text:#111827;--landing-text-primary:#1f2937;--landing-text-secondary:#6b7280;--landing-text-muted:#9ca3af;--landing-text-dim:#d1d5db;--landing-text-white:#fff;--landing-border:#0000000f;--landing-border-hover:#0000001f;--landing-border-card:#00000014;--landing-nav-bg:#ffffffd9;--landing-nav-border:#0000000f;--landing-shadow:0px 2px 8px #0000000a;--landing-shadow-md:0px 4px 16px #0000000f;--landing-shadow-lg:0px 8px 32px #00000014;--landing-shadow-card:0px 1px 3px #0000000a,0px 4px 12px #00000008;--landing-max-width:1216px;--landing-section-gap:100px;--landing-section-gap-mobile:64px;--landing-red:#ef4444}.landing-page{background-color:var(--landing-bg);color:var(--landing-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;position:relative;overflow-x:hidden}.landing-container{width:100%;max-width:var(--landing-max-width);margin:0 auto;padding:0 24px}@media (max-width:768px){.landing-container{padding:0 16px}}.landing-section{padding:var(--landing-section-gap)0;position:relative}@media (max-width:768px){.landing-section{padding:var(--landing-section-gap-mobile)0}}.landing-section-badge{color:var(--landing-accent);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:20px;font-size:13px;font-weight:700;display:inline-flex}.landing-section-badge .sparkle{font-size:14px}.landing-section-title{letter-spacing:-.03em;color:var(--landing-text);margin-bottom:16px;font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.15}.landing-section-subtitle{color:var(--landing-text-secondary);max-width:640px;font-size:clamp(16px,2vw,18px);line-height:1.6}.jb-card{background:var(--landing-bg-card);border:1px solid var(--landing-border-card);box-shadow:var(--landing-shadow-card);border-radius:20px;transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.jb-card:hover{box-shadow:var(--landing-shadow-md);transform:translateY(-2px)}.jb-card-subtle{background:var(--landing-bg-subtle);border:1px solid #0000;border-radius:20px;overflow:hidden}.jb-card-blue{color:#fff;background:linear-gradient(135deg,#06f 0%,#0047b3 100%);border:none;border-radius:20px;overflow:hidden}.jb-card-dark{color:#fff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.jb-card-dark:hover{background:#ffffff12;border-color:#ffffff1f}.landing-btn{letter-spacing:.01em;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.landing-btn-primary{color:#fff;background:linear-gradient(#06f 0%,#0047cc 100%);box-shadow:0 2px 8px #0066ff40}.landing-btn-primary:hover{background:linear-gradient(#1a75ff 0%,#0052e6 100%);transform:translateY(-1px);box-shadow:0 4px 16px #0066ff59}.landing-btn-ghost{color:var(--landing-text-primary);border:1px solid var(--landing-border);background:0 0}.landing-btn-ghost:hover{border-color:var(--landing-border-hover);background:#00000008;transform:translateY(-1px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-float{animation:5s ease-in-out infinite float}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}.animate-marquee-left{width:max-content;animation:30s linear infinite marquee-left;display:flex}@media (max-width:768px){.hidden-mobile{display:none!important}}@media (min-width:769px){.hidden-desktop{display:none!important}}.iphone-frame{background:#fff;border:8px solid #1a1a1a;border-radius:40px;width:280px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000026}.iphone-frame:before{content:"";z-index:10;background:#1a1a1a;border-radius:0 0 20px 20px;width:120px;height:28px;position:absolute;top:0;left:50%;transform:translate(-50%)}.iphone-frame-small{border-width:6px;border-radius:32px;width:220px}.iphone-frame-small:before{border-radius:0 0 16px 16px;width:90px;height:22px}.monitor-frame{background:#111;border:4px solid #1a1a1a;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000004d}.monitor-stand{clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);background:linear-gradient(#2a2a2a,#1a1a1a);width:120px;height:60px;margin:0 auto}.dark-section{color:#fff;background:linear-gradient(#0a1628 0%,#0d1b2a 100%)}.dark-section .landing-section-badge{color:var(--landing-accent-light)}.dark-section .landing-section-title{color:#fff}.dark-section .landing-section-subtitle{color:#fff9}.pricing-toggle-container{justify-content:center;align-items:center;gap:16px;margin-bottom:48px;display:flex}.switch-container{cursor:pointer;align-items:center;display:inline-flex}.switch-track{background:var(--landing-accent);border-radius:100px;width:52px;height:28px;padding:3px;transition:background .3s;position:relative}.switch-thumb{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #00000026}.switch-container.active .switch-thumb{transform:translate(24px)}.pricing-discount-badge{color:#92400e;background:#fef3c7;border-radius:100px;padding:4px 10px;font-size:12px;font-weight:700}.faq-list{flex-direction:column;gap:0;display:flex}.faq-item{border-bottom:1px solid var(--landing-border);transition:border-color .25s;overflow:hidden}.faq-item:first-child{border-top:1px solid var(--landing-border)}.faq-trigger{width:100%;color:var(--landing-text);text-align:left;cursor:pointer;background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;gap:16px;padding:28px 0;font-size:18px;font-weight:600;display:flex}.faq-number{color:var(--landing-accent);min-width:36px;font-size:16px;font-weight:700}.faq-content{color:var(--landing-text-secondary);font-size:16px;line-height:1.7}.faq-content-inner{padding:0 0 24px 52px}.compliance-badge{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.compliance-badge-title{color:var(--landing-text);font-size:15px;font-weight:700}.compliance-badge-subtitle{color:var(--landing-text-secondary);font-size:12px}.laurel-container{align-items:center;gap:12px;display:flex}.bento-grid{grid-template-columns:repeat(12,1fr);gap:16px;margin-top:40px;display:grid}.bento-grid>.bento-wide{grid-column:span 5}.bento-grid>.bento-medium{grid-column:span 4}.bento-grid>.bento-narrow{grid-column:span 3}@media (max-width:992px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-grid>.bento-wide,.bento-grid>.bento-medium,.bento-grid>.bento-narrow{grid-column:span 1}}@media (max-width:600px){.bento-grid{grid-template-columns:1fr}}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:48px;display:grid}.blog-card{border:1px solid var(--landing-border-card);background:var(--landing-bg-card);height:100%;box-shadow:var(--landing-shadow-card);border-radius:20px;flex-direction:column;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--landing-shadow-md);transform:translateY(-4px)}.blog-card-content{flex-direction:column;flex-grow:1;padding:24px;display:flex}.blog-card-tag{color:var(--landing-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:12px;font-weight:600}.blog-card-title{color:var(--landing-text);margin-bottom:12px;font-size:20px;font-weight:700;line-height:1.4}.blog-card-excerpt{color:var(--landing-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:24px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-card-footer{color:var(--landing-text-muted);justify-content:space-between;align-items:center;margin-top:auto;font-size:13px;display:flex}.landing-divider{background:var(--landing-border);border:none;width:100%;height:1px;margin:0}.landing-page::-webkit-scrollbar{width:8px}.landing-page::-webkit-scrollbar-track{background:var(--landing-bg)}.landing-page::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.landing-page::-webkit-scrollbar-thumb:hover{background:#94a3b8}