:root{--bg:#f5f1eb;--text:#0f172a;--muted:#475569;--brand:#3b82f6;--brand-2:#2563eb;--brand-3:#06b6d4;--surface:#f8fafc;--border:#e2e8f0;--radius:16px;--shadow:0 10px 30px rgba(2,6,23,.08);--max:1100px}*{box-sizing:border-box}html,body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.55;position:relative;min-height:100%}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100vh;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.25) 1px,transparent 0);background-size:16px 16px;pointer-events:none;z-index:-1;opacity:.6}body{background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.25) 1px,transparent 0);background-size:16px 16px;background-attachment:fixed}.safe-area{position:fixed;top:20%;left:20%;width:60%;height:60%;pointer-events:none;z-index:0}a{color:var(--brand-2);text-decoration:none}.container{max-width:var(--max);margin-inline:auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.1rem;border-radius:12px;font-weight:700;border:1px solid transparent;cursor:pointer}.btn.primary{background:var(--brand);color:#fff;box-shadow:var(--shadow);transition:all .2s ease}.btn.primary:hover{background:#2563eb;transform:translateY(-1px)}.btn.secondary{background:#fff;color:var(--text);border-color:var(--border)}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .7rem;border:1px solid var(--border);background:var(--surface);border-radius:999px;font-weight:600;font-size:.9rem}.site-header{position:sticky;top:0;background:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--border);z-index:10}.site-header .nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.logo{display:flex;align-items:center;cursor:pointer}.logo-image{height:60px;width:auto;object-fit:contain;filter:drop-shadow(3px 3px 8px rgba(0,0,0,.5))}.logo .heart{width:22px;height:22px;display:inline-block;background:var(--brand);border-radius:6px;transform:rotate(45deg);position:relative}.logo .heart:before,.logo .heart:after{content:"";position:absolute;width:22px;height:22px;background:var(--brand);border-radius:50%}.logo .heart:before{left:-11px;top:0}.logo .heart:after{left:0;top:-11px}.links{display:flex;gap:18px;align-items:center}.links a{color:var(--muted);font-weight:600}.hero{padding:0;position:relative;border-top:none}.hero-video-container{position:relative;width:100%;height:50vh;min-height:400px;overflow:hidden}.hero-preview-image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0006,#0003);display:flex;align-items:center;justify-content:center}.hero-content{text-align:center;color:#fff;max-width:600px;padding:2rem}.hero-content h1{font-family:Poppins,sans-serif;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5);white-space:nowrap}.hero-content h2{font-family:Quicksand,sans-serif;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5)}.hero-content p{font-family:Quicksand,sans-serif;font-weight:400;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5);font-size:1.1rem;margin-top:.5rem}.hero-cta-section{padding:3rem 0;text-align:center;background:var(--bg);background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.25) 1px,transparent 0);background-size:16px 16px;background-attachment:fixed;position:relative}.hero-cta-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f8fafc00,#f1f5f900);pointer-events:none}.cta-content{max-width:600px;margin:0 auto;position:relative;z-index:1}.cta-content h3{font-size:2rem;font-weight:700;color:var(--text);margin:0 0 1rem;font-family:Poppins,sans-serif;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 0 4px rgba(255,255,255,.8)}.cta-content p{font-size:1.2rem;color:var(--muted);margin:0 0 2rem;font-family:Quicksand,sans-serif;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 0 3px rgba(255,255,255,.6)}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.cta-buttons .btn{box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a}.cta-buttons .btn:hover{box-shadow:0 6px 16px #0003,0 3px 6px #00000026;transform:translateY(-2px)}.cta-features{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.feature{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:var(--muted);text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 0 2px rgba(255,255,255,.5)}.feature-icon{color:var(--brand);font-weight:700;font-size:1.1rem;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 0 3px rgba(255,255,255,.7)}.play-button-container{margin:2rem 0;display:flex;justify-content:center;align-items:center;position:relative}.play-button-container:before,.play-button-container:after{content:"";position:absolute;top:50%;left:50%;width:80px;height:80px;border:2px solid rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);animation:pulse-ring 2s ease-out infinite}.play-button-container:before{animation-delay:.5s}.play-button-container:after{animation-delay:1s}.play-button{width:80px;height:80px;border-radius:50%;background:#ffffffe6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 20px #00000080,0 0 30px #0000004d,inset 0 1px #ffffff4d;animation:pulse 2s ease-in-out infinite;position:relative;z-index:10}.play-button:hover{background:#fff;transform:scale(1.1);box-shadow:0 6px 25px #0009,0 0 40px #0006,inset 0 1px #fff6;animation:none}.play-icon{width:32px;height:32px;color:var(--brand);margin-left:4px}.video-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.video-modal.active{opacity:1;visibility:visible}.video-modal-content{position:relative;width:90%;max-width:1200px;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}.close-button{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:#fff3;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1001}.close-button:hover{background:#ffffff4d;transform:scale(1.1)}.close-button svg{width:20px;height:20px;color:#fff}.modal-video{width:100%;height:100%;object-fit:contain}h1{font-size:clamp(2rem,4.8vw,3.25rem);line-height:1.12;margin:0 0 10px}.subhead{font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--muted);max-width:52ch}.cta-row{display:flex;gap:12px;margin-top:16px}.badges{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}.video-card{position:relative;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow);background:#000}.video-card .video{width:100%;height:auto;display:block}.video-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#e5e7eb;font-weight:700;letter-spacing:.5px}section{padding:clamp(24px,5.5vw,72px) 0}section h2{font-size:clamp(1.5rem,3vw,2rem);margin:.2rem 0 1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.icon{font-size:22px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{border-left:4px solid var(--brand-3);padding-left:14px}.step b{display:block;font-size:1.1rem}.demos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.demo{background:#0b1220;color:#fff;border-radius:var(--radius);padding:12px;box-shadow:var(--shadow)}.demo .thumb{aspect-ratio:16/10;border-radius:12px;background:linear-gradient(135deg,#2b67f6,#12a9d7);overflow:hidden}.demo video{width:100%;height:100%;object-fit:cover}.demo h3{font-size:1rem;margin:.8rem 0 0}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.quote{display:flex;gap:12px}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#f472b6,#22d3ee)}.plan{display:flex;flex-direction:column;gap:12px}.price{font-size:2rem;font-weight:800}.unit{font-size:.6em;color:var(--muted)}.plan-ctas{display:flex;gap:10px}form{display:grid;gap:12px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{font-weight:600}input,select,textarea{padding:12px 14px;border:1px solid var(--border);border-radius:10px;font:inherit}input.ng-invalid.ng-touched{border-color:#ef4444}.help{color:#64748b;font-size:.9rem}.error{color:#ef4444;font-size:.9rem}.site-footer{padding:28px 0 60px;color:var(--muted)}.footer-row{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.faq{max-width:800px;margin:0 auto}.faq h2{text-align:center;margin-bottom:2rem;color:var(--text);background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:1.5rem 2rem;border:2px solid var(--brand);border-radius:var(--radius);box-shadow:0 4px 12px #3b82f61a;position:relative}.faq h2:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--brand),#8b5cf6);border-radius:var(--radius);z-index:-1;opacity:.1}.faq details{margin-bottom:1rem;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .3s ease;background:#fff;box-shadow:0 2px 4px #0000000d}.faq details:hover{border-color:var(--brand);box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.faq details[open]{border-color:var(--brand);box-shadow:0 6px 16px #3b82f633;transform:translateY(-1px)}.faq summary{padding:1.25rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);cursor:pointer;font-weight:600;font-size:1.1rem;color:var(--text);transition:all .2s ease;position:relative;list-style:none;border-bottom:1px solid #e2e8f0}.faq summary:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:var(--brand)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:300;color:var(--muted);transition:all .3s ease}.faq details[open] summary:after{content:"\2212";transform:translateY(-50%) rotate(180deg);color:var(--brand)}.faq details div{padding:1rem 1.5rem 1.5rem;color:var(--muted);line-height:1.6;animation:fadeIn .3s ease;background:#fff}.faq details div b{color:var(--text);font-weight:600}.faq .faq-item{margin-bottom:1rem;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .3s ease;background:#fff;box-shadow:0 2px 4px #0000000d}.faq .faq-item:hover{border-color:var(--brand);box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.faq .faq-item.open{border-color:var(--brand);box-shadow:0 6px 16px #3b82f633;transform:translateY(-1px)}.faq .faq-question{padding:1.25rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);cursor:pointer;font-weight:600;font-size:1.1rem;color:var(--text);transition:all .2s ease;position:relative;list-style:none;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.faq .faq-question:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:var(--brand)}.faq .faq-icon{font-size:1.5rem;font-weight:300;color:var(--muted);transition:all .3s ease}.faq .faq-item.open .faq-icon{content:"\2212";transform:rotate(180deg);color:var(--brand)}.faq .faq-answer{padding:1rem 1.5rem 1.5rem;color:var(--muted);line-height:1.6;animation:fadeIn .3s ease;background:#fff}.faq .faq-answer b{color:var(--text);font-weight:600}.faq .contact-section{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid var(--brand);border-radius:var(--radius);text-align:center;box-shadow:0 4px 12px #3b82f61a}.faq .contact-section h3{margin:0 0 1rem;color:var(--text);font-size:1.5rem}.faq .contact-section p{margin:0;color:var(--muted);font-size:1.1rem}.faq .contact-section a{color:var(--brand);text-decoration:none;font-weight:600;transition:all .2s ease;margin:0 .25rem}.faq .contact-section a:hover{color:var(--text);text-decoration:underline}.faq .image-answer{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.faq .text-content p{margin:0 0 .5rem}.faq .text-content p:last-child{margin:0}.faq .image-container{display:flex;align-items:center;justify-content:center;padding:.5rem}.faq .answer-image{height:120px;width:auto;max-width:150px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.grid-3,.steps,.demos,.two-col,.form-grid-2{grid-template-columns:1fr}.hero-video-container{height:45vh;min-height:300px}.hero-content{padding:1.5rem;max-width:100%}.hero-content h1{font-size:2.5rem;margin-bottom:.5rem}.hero-content h2{font-size:1.25rem;margin-bottom:1.5rem}.cta-content h3{font-size:1.5rem;margin-bottom:.75rem}.cta-content p{font-size:1rem;margin-bottom:1.5rem}.cta-buttons{flex-direction:column;align-items:center;gap:.75rem}.cta-features{flex-direction:column;gap:1rem;align-items:center}.feature{font-size:.9rem}.play-button{width:70px;height:70px}.play-icon{width:28px;height:28px}.play-button-container:before,.play-button-container:after{width:70px;height:70px}.video-modal-content{width:95%;margin:20px}.close-button{top:10px;right:10px;width:35px;height:35px}.close-button svg{width:18px;height:18px}.faq h2{padding:1rem 1.5rem;font-size:1.5rem;margin-bottom:1.5rem}.faq summary{padding:1rem 1.25rem;font-size:1rem}.faq details div{padding:1rem 1.25rem 1.25rem}.faq summary:after{right:1.25rem}.faq .faq-answer{padding:1rem 1.25rem 1.25rem}.faq .faq-question{padding:1rem 1.25rem}.faq .image-answer{grid-template-columns:1fr;gap:1rem;text-align:center}.faq .answer-image{height:100px}.site-header .nav{padding:14px 0;gap:16px;justify-content:space-between}.links{gap:12px;flex-wrap:wrap;justify-content:flex-end;margin-right:16px}.links a{font-size:.9rem;padding:.5rem .75rem}.links .btn{padding:.5rem 1rem;font-size:.9rem}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 4px 20px #00000080,0 0 30px #0000004d,inset 0 1px #ffffff4d}50%{transform:scale(1.05);box-shadow:0 6px 25px #0009,0 0 40px #0006,inset 0 1px #fff6}}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.email-sent{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid var(--brand);border-radius:var(--radius);padding:2rem;text-align:center;box-shadow:0 4px 12px #3b82f61a;margin-top:1rem}.email-sent h2{color:var(--text);margin:0 0 1rem;font-size:1.5rem}.email-sent p{color:var(--muted);margin:0 0 1rem;line-height:1.6}.email-sent strong{color:var(--brand);font-weight:600}.email-sent .btn{margin-top:1rem}