.product-landing{--bg-deep:#f8fafc;--bg-mid:#f1f5f9;--bg-card:#fff;--card-bg:#fff;--card-border:#00000014;--border:#00000014;--text-heading:#0f172a;--text-body:#475569;--text-muted:#64748b;--accent:#6366f1;--accent-light:#818cf8;--section-alt-bg:#f1f5f9;--gradient-hero:linear-gradient(180deg, #eff6ff, #f8fafc 60%, #f1f5f9);--gradient-cta:linear-gradient(180deg, #c5c6ff, #ffffff3d);--form-card-bg:#fff;--form-card-border:#0000000f;--form-card-shadow:0 4px 24px #0000000f;--glow-1:#6366f114;--glow-2:#8b5cf60d;--glow-3:#3b82f60a;color:var(--text-body);background:var(--bg-deep);font-family:Inter,system-ui,sans-serif}.hero{background:var(--gradient-hero);padding:2rem 1rem 3rem;position:relative;overflow:hidden}.hero-glow{pointer-events:none;filter:blur(80px);border-radius:50%;position:absolute}.hero-glow-1{background:var(--glow-1);width:500px;height:500px;top:-150px;right:-100px}.hero-glow-2{background:var(--glow-2);width:400px;height:400px;bottom:-100px;left:-80px}.hero-glow-3{background:var(--glow-3);width:300px;height:300px;top:40%;left:50%}.hero-decor-top{z-index:0;pointer-events:none;height:100%;position:absolute;top:0;right:0}.hero-container{z-index:1;position:relative}.hero-container,.hero-top-row{flex-direction:column;gap:2rem;display:flex}.hero-top-row{width:100%;max-width:1200px;margin:0 auto}@media (width>=1024px){.hero{padding:3rem 2rem 4rem}.hero-top-row{flex-direction:row;align-items:flex-start;gap:3rem}}.hero-text{flex-direction:column;flex:1;align-items:flex-start;gap:1rem;display:flex}.hero-title{color:var(--text-heading);font-size:1.5rem;font-weight:800;line-height:1.5}@media (width>=1024px){.hero-title{font-size:2rem}}.hero-title-hl{background:linear-gradient(135deg,#818cf8,#a78bfa 50%,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc{color:var(--text-body);font-size:1.15rem;line-height:1.5}.tier-anim{animation:.5s ease-out tierSlideIn;display:inline-block}.tier-money{color:#fbbf24;text-shadow:0 0 20px #fbbf2466;margin-left:.25em;font-size:1.3em;font-weight:800}@keyframes tierSlideIn{0%{opacity:0;filter:blur(4px);transform:translateY(.4em)scale(.92)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.tier-calc-link{color:#a5b4fc;opacity:.75;align-items:center;gap:.35rem;font-size:.8rem;transition:opacity .2s,color .2s;display:inline-flex}.tier-calc-link:hover{opacity:1;color:#c7d2fe}.tier-calc-icon{font-size:1em}.hero-preview{width:100%;margin-top:.5rem;overflow:hidden;box-shadow:0 0 60px #6366f114}.section-preview{background:var(--bg-deep)}.preview-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;max-width:1200px;margin:0 auto;display:grid}@media (width>=640px){.preview-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}.preview-item{flex-direction:column;gap:.5rem;transition:transform .2s;display:flex}.preview-item:hover{transform:translateY(-2px)}.preview-img-wrap{border:1px solid var(--card-border);aspect-ratio:16/9;cursor:zoom-in;background:#0000004d;border-radius:.625rem;display:block;overflow:hidden}.preview-img-wrap img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;height:100%;transition:transform .3s;display:block}.preview-img-wrap:hover img{transform:scale(1.03)}.preview-label{color:var(--text-muted);text-align:center;font-size:.8rem}.hero-compare-tag-wrapper{justify-content:center;margin-bottom:.5rem;display:flex}.hero-content-left-news{white-space:normal;word-break:break-word;background:#ffffff80;border:1px solid #fff;border-radius:40px;align-items:center;max-width:100%;padding:6px 16px;font-size:13px;line-height:20px;display:inline-flex}.hero-compare{flex-direction:column;flex:1;gap:1rem;display:flex}.hero-compare-title{color:var(--text-body);font-size:.85rem;font-weight:500}.hero-compare-grid{grid-template-columns:repeat(3,1fr);gap:.3rem;display:grid}.compare-card{background:var(--form-card-bg);border:1px solid #c3c9ff7f;border-radius:.3rem;flex-direction:column;gap:.5rem;padding:1rem;transition:border-color .2s,transform .2s;display:flex}.compare-card:hover{border-color:#818cf859;transform:scale(1.03)}.compare-card-tag{border-radius:.25rem;width:fit-content;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.compare-card-tag.saas{color:#34d399;background:#34d3991f}.compare-card-tag.private{color:#60a5fa;background:#60a5fa1f}.compare-card-tag.source{color:#c084fc;background:#c084fc1f}.compare-card-audience{color:var(--text-body);opacity:.8;align-items:center;gap:.375rem;font-size:.8rem;display:flex}.compare-card-desc{color:var(--text-body);margin:0;font-size:.85rem;line-height:1.5}.stats-bar{background:var(--section-alt-bg);border-top:1px solid #6366f11f;border-bottom:1px solid #6366f11f}.stats-inner{max-width:1200px;margin:0 auto;padding:1.25rem 0}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width>=640px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-item{flex-direction:column;gap:.15rem;display:flex}.stat-num{background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.stat-label{color:var(--text-body);font-size:.8rem}.section{padding:3rem 1rem}@media (width>=1024px){.section{padding:4rem 2rem}}.section-head{text-align:center;max-width:600px;margin:0 auto 2.5rem}.section-head h2{color:var(--text-heading);margin-bottom:.5rem;font-size:1.75rem;font-weight:800}@media (width>=1024px){.section-head h2{font-size:2.125rem}}.section-head p{color:var(--text-body);text-align:center;font-size:.95rem}.section-pain{background:var(--section-alt-bg)}.pain-grid{grid-template-columns:1fr;gap:1rem;max-width:1200px;margin:0 auto;display:grid}@media (width>=640px){.pain-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.pain-grid{grid-template-columns:repeat(4,1fr)}}.pain-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;padding:1.25rem;transition:border-color .2s,transform .2s}.pain-card:hover{border-color:#ef44444d;transform:translateY(-2px)}.pain-icon{color:#f87171;background:#ef44441a;border-radius:.625rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-bottom:.75rem;font-size:1.25rem;display:flex}.pain-card h3{color:var(--text-heading);margin-bottom:.3rem;font-size:1rem;font-weight:700}.pain-card p{color:var(--text-body);font-size:.825rem;line-height:1.6}.section-solution{background:var(--bg-deep)}.feature-grid{grid-template-columns:1fr;gap:1rem;max-width:1200px;margin:0 auto;display:grid}@media (width>=640px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;padding:1.25rem;transition:border-color .2s,background .2s}.feature-card:hover{background:#6366f10f;border-color:#818cf866}.feature-icon{width:2.5rem;height:2.5rem;color:var(--accent-light);background:#6366f11f;border-radius:.625rem;justify-content:center;align-items:center;margin-bottom:.75rem;font-size:1.25rem;display:flex}.feature-card h3{color:var(--text-heading);margin-bottom:.3rem;font-size:1rem;font-weight:700}.feature-card p{color:var(--text-body);font-size:.825rem;line-height:1.6}.section-cases{background:var(--section-alt-bg)}.cases-scroll{max-width:1200px;margin:0 auto}.cases-grid{grid-template-columns:1fr;gap:1.25rem;margin:0 auto;display:grid}@media (width<=639px){.cases-grid{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:1rem;margin:0 -1rem;padding:0 1rem .5rem;display:flex;overflow-x:auto}.cases-grid::-webkit-scrollbar{display:none}}@media (width>=640px){.cases-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.cases-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=639px){.case-card{scroll-snap-align:start;flex:0 0 80vw;max-width:340px;transform:none!important}.case-card:hover{box-shadow:none;transform:none!important}}.case-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.875rem;transition:border-color .2s,transform .2s,box-shadow .2s;overflow:hidden}@media (width>=640px){.case-card:hover{border-color:#818cf866;transform:translateY(-3px);box-shadow:0 8px 30px #0000004d}}.case-card-link{color:inherit;text-decoration:none;display:block}.case-card-img-wrap{width:100%;height:200px;position:relative;overflow:hidden}.case-card-img{background-position:50%;background-size:cover;width:100%;height:100%;transition:transform .4s}@media (width>=640px){.case-card:hover .case-card-img{transform:scale(1.05)}}.case-card-badge{position:absolute;top:.75rem;left:.75rem}.case-card-body{padding:1.25rem}.case-card-title{color:var(--text-heading);margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.case-card-summary{color:var(--text-body);-webkit-line-clamp:2;line-clamp:2;margin-bottom:.75rem;font-size:.825rem;line-height:1.6}.case-card-quote,.case-card-summary{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.case-card-quote{color:var(--accent-light);-webkit-line-clamp:4;line-clamp:4;font-size:.8rem;font-style:italic;line-height:1.5}.cases-scroll-hint{text-align:center;margin-top:.75rem;display:none}.cases-scroll-hint span{color:var(--text-body);opacity:.5;font-size:.75rem;animation:2s ease-in-out infinite hintPulse}@media (width<=639px){.cases-scroll-hint{display:block}}@keyframes hintPulse{0%,to{opacity:.3}50%{opacity:.7}}.cases-more{text-align:center;margin-top:2.5rem}.section-steps{background:var(--section-alt-bg)}.steps-grid{grid-template-columns:1fr;gap:1rem;max-width:1200px;margin:0 auto;display:grid}@media (width>=640px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.steps-grid{grid-template-columns:repeat(4,1fr)}}.step-card,.step-item{position:relative}.step-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;padding:1.25rem}.step-icon-wrap{background:#6366f11f;border-radius:.625rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-bottom:.75rem;display:flex}.step-icon{font-size:1.25rem}.step-icon,.step-num{color:var(--accent-light)}.step-num{opacity:.5;font-size:.75rem;font-weight:700;position:absolute;top:1rem;right:1rem}.step-card h3{color:var(--text-heading);margin-bottom:.3rem;font-size:1rem;font-weight:700}.step-card p{color:var(--text-body);font-size:.825rem;line-height:1.6}.step-arrow{display:none}@media (width>=1024px){.step-arrow{z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:-1.25rem;transform:translateY(-50%)}.step-arrow-icon{color:#818cf84d;font-size:1.25rem}}.section-faq{background:var(--bg-deep)}.faq-list{flex-direction:column;max-width:720px;margin:0 auto}.faq-item,.faq-list{gap:.875rem;display:flex}.faq-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;align-items:flex-start;padding:1rem 1.25rem}.faq-marker{width:1.5rem;height:1.5rem;color:var(--accent-light);background:#6366f126;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex}.faq-body h3{color:var(--text-heading);margin-bottom:.25rem;font-size:.95rem;font-weight:700}.faq-body p{color:var(--text-body);font-size:.825rem;line-height:1.6}.contact-trigger{color:#1e1b4b;cursor:pointer;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.5rem;font-size:.875rem;font-weight:700;transition:opacity .2s,transform .15s;display:inline-flex}.contact-trigger:hover{opacity:.9}.contact-trigger:active{opacity:.75;transform:scale(.97)}.cta-contact-trigger{margin:0 auto}.contact-modal{text-align:center;background:var(--bg-deep);color:var(--text-body);padding:1.5rem}.contact-modal-header h3{color:var(--text-heading);margin-bottom:.25rem;font-size:1.15rem;font-weight:700}.contact-modal-header p{color:var(--text-muted);margin-bottom:1rem;font-size:.85rem}.contact-modal-body{flex-direction:column;align-items:center;gap:.75rem;display:flex}.contact-modal-qr{-o-object-fit:contain;object-fit:contain;background:#fff;border:2px solid #818cf840;border-radius:.75rem;width:160px;height:160px;padding:6px}.contact-modal-copy{color:#1e1b4b;cursor:pointer;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.4rem;width:300px;padding:.6rem 1.5rem;font-size:.875rem;font-weight:700;transition:opacity .2s;display:inline-flex}.contact-modal-copy:hover{opacity:.9}.contact-modal-phone{color:#fff;cursor:pointer;background:#1e40af;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.4rem;width:300px;padding:.6rem 1.5rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-flex}.contact-modal-phone:hover{opacity:.9;color:#fff}.cta{background:var(--gradient-cta);text-align:center;padding:3rem 1rem;position:relative;overflow:hidden}@media (width>=1024px){.cta{padding:4rem 2rem}}.cta-bg-pattern{pointer-events:none;background:radial-gradient(circle at 20%,#ffffff0f,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff0a,#0000 50%);position:absolute;inset:0}.cta h2{margin-bottom:.75rem;font-size:1.75rem;font-weight:800}.cta h2,.cta p{position:relative}.cta p{color:#ffffffb3;max-width:500px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;font-size:.95rem}.cta-btn{color:#4338ca;background:#fff;border-radius:.625rem;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:background .2s,transform .1s;display:inline-flex;position:relative;box-shadow:0 4px 24px #00000040}.cta-btn:hover{background:#eef2ff;transform:translateY(-1px)}.cta-qr-single{flex-direction:column;align-items:center;gap:.75rem;display:flex;position:relative}.cta-qr-label{color:#fffc}.cta-phone{justify-content:center;align-items:center;gap:.5rem;margin-top:1.25rem;display:flex;position:relative}.cta-phone a{color:#fff;letter-spacing:.05em;font-size:1.1rem;font-weight:700;text-decoration:none;transition:opacity .2s}.cta-phone a:hover{opacity:.85}@media (width>=1024px){.cta h2{font-size:2.125rem}}.visit-site{text-align:center;padding:1.5rem 1rem 2rem}.visit-site-link{color:var(--accent);border:1px solid var(--accent);border-radius:.5rem;padding:.625rem 1.75rem;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-block}.product-landing .case-card-badge,.visit-site-link:hover{background:var(--accent);color:#fff}.product-landing .case-card-badge{border-radius:9999px;align-items:center;padding:.15rem .6rem;font-size:.75rem;font-weight:600;line-height:1.5;display:inline-flex;box-shadow:0 2px 8px #0f172a47}.product-landing .feature-icon svg,.product-landing .pain-icon svg,.product-landing .step-icon{width:1.25rem;height:1.25rem}@media (width>=640px){.product-landing .cases-grid,.product-landing .feature-grid,.product-landing .pain-grid,.product-landing .steps-grid{grid-auto-rows:1fr}}.product-landing .step-card{height:100%}.product-landing .hero-compare-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.product-landing .preview-img-wrap{border:1px solid var(--card-border);background:var(--section-alt-bg);font:inherit;padding:0}.product-landing .preview-img-wrap img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.product-landing .preview-img-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.product-landing .cases-contact{justify-content:center;margin-top:1.5rem;display:flex}.product-landing .contact-modal{border:1px solid var(--card-border);border-radius:1rem;width:100%;max-width:22rem;box-shadow:0 24px 60px #0f172a40}