:root{--bg: #edf4ff;--bg-2: #dfeaff;--surface: #ffffff;--surface-2: #f3f8ff;--text: #12203f;--muted: #4d618c;--primary: #396dff;--primary-2: #6b57ff;--success: #25d366;--border: rgba(69, 103, 179, .2);--shadow: 0 20px 40px rgba(31, 55, 108, .14)}*{box-sizing:border-box}html{scroll-behavior:smooth}.skip-link{position:absolute;left:-9999px;top:0;background:#1f4ab0;color:#fff;padding:.6rem .9rem;border-radius:.5rem;z-index:999}.skip-link:focus{left:1rem;top:1rem}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);line-height:1.6;background:radial-gradient(780px 420px at 0% 0%,rgba(127,170,255,.35),transparent 62%),radial-gradient(640px 360px at 100% 0%,rgba(178,196,255,.42),transparent 60%),linear-gradient(180deg,#f6f9ff,#edf4ff 44%,#e7f0ff)}.container{width:min(1160px,92%);margin:0 auto}.hero{border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.28) 40%,transparent 100%)}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;position:relative}.brand{text-decoration:none;color:#132958;font-weight:800;letter-spacing:.2px;font-size:1.1rem;display:inline-flex;align-items:center;gap:.55rem}.brand-logo{width:148px;max-width:46vw;height:auto;display:block}.nav-links{display:flex;list-style:none;margin:0;padding:0;gap:.8rem}.menu-toggle{display:none;border:1px solid var(--border);background:#fffc;color:#132958;border-radius:.55rem;width:40px;height:38px;font-size:1.1rem}.nav-links a{color:#3d5488;text-decoration:none;font-size:.95rem;padding:.32rem .52rem;border-radius:.45rem}.nav-links a:hover{background:#5a8fff24;color:#12203f}.hero-content{padding:3.2rem 0 3rem}.eyebrow{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border:1px solid rgba(57,109,255,.32);border-radius:999px;background:#396dff14;color:#234282;font-weight:600;font-size:.88rem}.hero-content h1{margin:.95rem 0;font-size:clamp(2.2rem,4.5vw,3.6rem);line-height:1.12;max-width:960px}.lead{margin:0;max-width:760px;color:var(--muted);font-size:1.06rem}.trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:1.05rem}.trust-row span{border:1px solid var(--border);background:#ffffffbd;border-radius:.7rem;padding:.55rem .7rem;color:#2e4b82;font-size:.9rem}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.2rem}.btn{display:inline-block;text-decoration:none;border-radius:.7rem;padding:.75rem 1rem;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(95deg,var(--primary),var(--primary-2));box-shadow:0 12px 28px #5a8fff59}.btn-outline{color:var(--text);border:1px solid var(--border);background:#ffffffdb}.section{padding:4.2rem 0}.section-alt{background:#ffffffb8}.section h2{margin:0;font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.2}.section-text{margin-top:.7rem;color:var(--muted);max-width:780px}.showcase-section{overflow:hidden;border-bottom:1px solid var(--border);min-height:120vh}.showcase-wrap{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;align-items:center}.device-stage{display:flex;justify-content:center;position:relative;perspective:1200px}.device-mockup{width:min(430px,100%);border-radius:1.2rem;border:1px solid var(--border);background:linear-gradient(170deg,#f7fbff,#e6efff);box-shadow:0 24px 50px #20418738;overflow:hidden;transform-style:preserve-3d;will-change:transform;transition:transform .18s ease-out}.device-header{display:flex;gap:.35rem;padding:.7rem .8rem;border-bottom:1px solid rgba(41,78,160,.18)}.device-header span{width:10px;height:10px;border-radius:50%;background:#2d54ab73}.device-screen{min-height:280px;padding:1rem;display:grid;position:relative;overflow:hidden}.frame{display:none;align-content:center;gap:.35rem;animation:fadeIn .35s ease;position:relative;z-index:3}.frame.active{display:grid}.frame h3{margin:0;font-size:1.35rem}.frame p{margin:0;color:#4a6498}.depth-card{position:absolute;padding:.35rem .58rem;border:1px solid rgba(45,84,171,.24);border-radius:.6rem;background:#ffffffc2;color:#2950a3;font-size:.78rem;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.depth-card-1{top:18px;right:20px}.depth-card-2{top:74px;left:16px}.depth-card-3{bottom:20px;right:24px}.glow-orb{position:absolute;width:130px;height:130px;border-radius:50%;filter:blur(20px);opacity:.55;z-index:1}.orb-1{left:10%;top:10%;background:radial-gradient(circle,#5a8fff8c,#5a8fff14 70%)}.orb-2{right:6%;bottom:4%;background:radial-gradient(circle,#7a63ff7a,#7a63ff14 70%)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.95rem}.brand-strip-section{padding-top:0}.strip-title{color:var(--muted);margin-bottom:.7rem}.brand-strip{display:flex;gap:.6rem;flex-wrap:wrap}.brand-strip span{border:1px solid var(--border);background:#ffffffdb;border-radius:999px;padding:.38rem .72rem;color:#31508a;font-size:.9rem}.stat-card,.service-card,.module-card,.review-card,.google-card,.policy-card,.pricing-box,.contact-box{border:1px solid var(--border);background:linear-gradient(180deg,var(--surface-2),var(--surface));border-radius:1rem;box-shadow:var(--shadow)}.stat-card{padding:1rem;text-align:center}.stat-number{margin:0;font-size:2rem;font-weight:800}.stat-label{margin:.3rem 0 0;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.95rem;margin-top:1rem;perspective:1200px}.service-card{overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;transform-style:preserve-3d;will-change:transform}.service-card.animate-ready{opacity:0;transform:translateY(52px) scale(.9) rotateX(-14deg)}.service-card.in-view{opacity:1;transform:translateY(0) scale(1) rotateX(0);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1);transition-delay:var(--card-delay, 0ms)}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px #2c4d9238}.service-card img{width:100%;height:190px;object-fit:cover;display:block;transition:transform .45s ease;transform-origin:center}.service-card h3{margin:.9rem 1rem .2rem}.service-card p{margin:0 1rem 1rem;color:var(--muted)}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.95rem;margin-top:1rem}.module-card{padding:1rem}.module-card h3{margin-top:0}.module-card ul{margin:0;padding-left:1.1rem}.module-card li{margin-bottom:.55rem;color:var(--muted)}.pricing-box{padding:1.1rem}.pricing-points p{margin:.42rem 0;color:var(--muted)}.plan-grid{margin-top:.9rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.plan-card{border:1px solid var(--border);border-radius:.9rem;padding:.95rem;background:#ffffffdb}.plan-card h3{margin-top:0;margin-bottom:.4rem}.plan-card p{margin:0;color:var(--muted)}.plan-price{font-size:1.2rem;font-weight:800;color:#264da8!important;margin-bottom:.45rem!important}.featured-plan{background:linear-gradient(180deg,#5a8fff29,#7a63ff1a)}.reviews-head{display:flex;justify-content:space-between;align-items:center;gap:.7rem}.review-controls{display:flex;gap:.5rem}.control{background:#fffc;color:#234282;border:1px solid var(--border);border-radius:.6rem;padding:.4rem .65rem;cursor:pointer}.review-slider{margin-top:.95rem;min-height:178px}.review-card{display:none;padding:1.1rem}.review-card.active{display:block;animation:fadeIn .3s ease}.review-card p{margin-top:0;font-size:1.03rem}.review-card h4{margin-bottom:.15rem}.review-card span{color:var(--muted)}.google-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.95rem;margin-top:1rem}.google-card{padding:1rem}.google-card .rating{margin:0 0 .35rem;color:#ffd166;letter-spacing:1px}.google-card span{color:#5b78ae;font-size:.9rem}.timeline-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-top:1rem}.timeline-card{border:1px solid var(--border);border-radius:1rem;background:linear-gradient(180deg,var(--surface-2),var(--surface));padding:1rem}.timeline-card span{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;font-weight:800;background:#5a8fff33;color:#1f4ab0}.timeline-card h3{margin-bottom:.35rem}.timeline-card p{margin:0;color:var(--muted)}.faq-wrap{max-width:880px}.faq-item{border:1px solid var(--border);border-radius:.85rem;background:var(--surface);margin-bottom:.7rem;overflow:hidden}.faq-q{width:100%;text-align:left;border:0;background:transparent;color:#1a366e;font-size:1rem;font-weight:600;padding:.9rem 1rem;cursor:pointer}.faq-a{margin:0;color:var(--muted);padding:0 1rem 1rem;display:none}.faq-item.open .faq-a{display:block}.contact-box{padding:1.2rem}.whatsapp-float{position:fixed;right:18px;bottom:18px;text-decoration:none;background:var(--success);color:#04240f;font-weight:700;padding:.8rem 1rem;border-radius:999px;box-shadow:0 16px 30px #00000059;z-index:10}.back-to-top{position:fixed;right:18px;bottom:74px;width:42px;height:42px;border-radius:999px;display:grid;place-items:center;text-decoration:none;font-weight:800;color:#1d3f8f;background:#fffffff5;border:1px solid var(--border);box-shadow:0 10px 24px #12203f38;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:10}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.policy-section{border-top:1px solid var(--border);background:#ffffffe6}.policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.95rem}.policy-card{padding:1rem}.policy-card{cursor:pointer}.policy-card h3{margin:0 0 .35rem}.policy-card p{margin:0;color:var(--muted)}.footer{border-top:1px solid var(--border);padding:1rem 0 1.5rem;color:var(--muted)}.footer-wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.footer-brandline{display:inline-flex;align-items:center;gap:.45rem}.footer-logo{width:20px;height:20px}.footer-links{display:flex;flex-wrap:wrap;gap:.55rem}.footer-links a{color:#3f5d93;text-decoration:none;font-size:.9rem;border:1px solid var(--border);border-radius:.55rem;padding:.27rem .55rem}.footer-links a:hover{color:#21438f;background:#4d7cff14}.policy-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:none}.policy-modal[aria-hidden=false]{display:grid;place-items:center}.image-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;display:none}.image-modal[aria-hidden=false]{display:grid;place-items:center}.image-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0e1c3a94}.image-modal-card{position:relative;width:min(840px,94vw);max-height:86vh;padding:.8rem;border-radius:14px;background:#fff;border:1px solid var(--border);box-shadow:0 24px 60px #12203f4d}.image-modal-card img{width:100%;max-height:78vh;object-fit:contain;border-radius:10px;display:block}.image-modal-close{position:absolute;right:.7rem;top:.45rem;border:1px solid var(--border);border-radius:999px;background:#f4f8ff;color:#1e3a74;width:34px;height:34px;font-size:1.25rem;line-height:1;cursor:pointer}.policy-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#12203f73}.policy-modal-card{position:relative;width:min(680px,92vw);max-height:80vh;overflow:auto;background:#fff;border-radius:16px;border:1px solid var(--border);box-shadow:0 26px 60px #12203f40;padding:1.2rem 1.2rem 1rem}.policy-modal-card h3{margin-top:0;color:#153165}.policy-modal-card p{margin:0;color:#385584}.policy-modal-close{position:absolute;right:.8rem;top:.6rem;border:1px solid var(--border);border-radius:999px;background:#f3f8ff;color:#1e3a74;width:34px;height:34px;font-size:1.3rem;line-height:1;cursor:pointer}body.modal-open{overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.stats-grid,.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-grid,.google-review-grid,.policy-grid,.plan-grid,.timeline-grid,.trust-row,.showcase-wrap{grid-template-columns:1fr}.glow-orb{display:none}.showcase-section{min-height:auto;padding-top:2.4rem}.device-screen{min-height:230px}.device-mockup{max-width:100%}.nav{flex-wrap:wrap}}@media (max-width: 820px){.section{padding:3.1rem 0}.hero-content{padding:2.2rem 0}.hero-content h1{font-size:clamp(1.7rem,6vw,2.4rem)}.lead{font-size:1rem}.section-text{font-size:.95rem}.menu-toggle{display:inline-grid;place-items:center}.nav-links{position:absolute;top:58px;left:0;right:0;flex-direction:column;gap:.2rem;padding:.6rem;background:#fffffffa;border:1px solid var(--border);border-radius:.8rem;display:none;z-index:20}.nav-links.open{display:flex}.nav-links a{display:block;width:100%;padding:.62rem .6rem;border-radius:.55rem}.nav .btn-outline{display:none}.brand-logo{width:126px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{text-align:center}.review-controls{width:100%;justify-content:flex-end}.reviews-head{flex-wrap:wrap}.footer-wrap{flex-direction:column;align-items:flex-start}.policy-modal-card{width:min(92vw,92vw);max-height:72vh;padding:1rem .95rem .95rem}.image-modal-card{width:min(94vw,94vw);max-height:80vh;padding:.6rem}.image-modal-card img{max-height:72vh}.whatsapp-float{right:12px;bottom:12px;padding:.72rem .9rem;font-size:.9rem}.back-to-top{right:12px;bottom:64px;width:38px;height:38px}}@media (max-width: 700px){.section h2{font-size:1.55rem}.section-text{font-size:.96rem}.stats-grid,.service-grid{grid-template-columns:1fr}.service-card img{height:170px}.stat-number{font-size:1.7rem}.policy-card,.google-card,.module-card,.review-card,.contact-box,.pricing-box{padding:.95rem}.footer-links a{font-size:.84rem}.whatsapp-float{bottom:14px;right:14px}.device-screen{min-height:230px}}
