:root{--primary:#C8102E;--primary-dark:#9E0C24;--primary-soft:#fdecef;--accent:#F6B500;--accent-soft:#fff6e0;--cta:#C8102E;--cta-dark:#9E0C24;--ink:#1A1A1A;--ink-soft:#4A4A4A;--muted:#6c757d;--line:#e4e7ec;--bg:#f7f9fc;--surface:#ffffff;--footer-bg:#1A1A1A;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--r-sm:8px;--r-md:16px;--r-pill:999px;--shadow-1:0 1px 3px rgba(16,24,40,.06),0 1px 2px rgba(16,24,40,.04);--shadow-2:0 10px 30px rgba(16,24,40,.10),0 4px 8px rgba(16,24,40,.05);--fs-h1:clamp(2.1rem,4.2vw,3.1rem);--fs-h2:clamp(1.7rem,3vw,2.3rem);--fs-h3:1.3rem;--fs-body:1.05rem;--fs-small:0.9rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.65;margin:0;padding:0;background-color:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:var(--primary-dark)}.container{width:90%;max-width:1140px;margin:0 auto;padding:var(--s-5) 0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}header{background:radial-gradient(1100px 420px at 78% -10%,rgba(200,16,46,.10),transparent 60%),radial-gradient(900px 380px at 8% 0%,rgba(246,181,0,.10),transparent 55%),linear-gradient(180deg,#fffdfa 0%,#ffffff 70%);color:var(--ink);border-bottom:1px solid var(--line)}.site-nav{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.92);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--line)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:var(--s-3) 0}.logo a{color:var(--ink);font-size:1.6rem;font-weight:800;letter-spacing:-.5px;text-decoration:none}.logo a span{color:var(--primary)}nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center}nav li{margin-left:var(--s-5)}nav a{color:var(--ink-soft);text-decoration:none;font-size:1rem;font-weight:500;padding:6px 2px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}nav a:hover{color:var(--primary);border-bottom-color:var(--primary)}.nav-cta{display:inline-block;background:var(--cta);color:#fff !important;padding:10px 18px !important;border-radius:var(--r-pill);font-weight:700;border:none !important;box-shadow:var(--shadow-1);transition:background .2s,transform .2s}.nav-cta:hover{background:var(--cta-dark);transform:translateY(-1px)}.hero{padding:var(--s-8) 0 var(--s-7)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--s-7);align-items:center}.pill-badge{display:inline-flex;align-items:center;gap:8px;background:var(--primary-soft);color:var(--primary-dark);border:1px solid #f6c9d0;padding:6px 14px;border-radius:var(--r-pill);font-weight:700;font-size:.85rem;letter-spacing:.3px;text-transform:uppercase}.pill-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--primary)}.hero h1{margin:var(--s-4) 0 var(--s-3);font-size:var(--fs-h1);line-height:1.1;font-weight:800;letter-spacing:-.5px;color:var(--ink)}.hero h1 .hl{color:var(--primary)}.hero-sub{margin:0 0 var(--s-5);font-size:1.18rem;color:var(--ink-soft);max-width:60ch}.hero-features{list-style:none;padding:0;margin:0 0 var(--s-6);display:grid;gap:var(--s-3)}.hero-features li{background:none;padding:0 0 0 34px;margin:0;position:relative;font-size:1.02rem;color:var(--ink-soft)}.hero-features li strong{color:var(--ink)}.hero-features li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:var(--primary-soft) url('data:image/svg+xml;charset=UTF-8,') center / 14px no-repeat}.hero-actions{display:flex;align-items:center;gap:var(--s-5);flex-wrap:wrap}.btn-price{display:inline-flex;align-items:center;gap:10px;background:var(--cta);color:#fff;border:none;padding:14px 22px;border-radius:var(--r-pill);font-weight:700;font-size:1.05rem;text-decoration:none;box-shadow:var(--shadow-2);transition:background .2s,transform .2s}.btn-price:hover{background:var(--cta-dark);transform:translateY(-2px)}.btn-price .chip{background:rgba(255,255,255,.22);padding:3px 10px;border-radius:var(--r-pill);font-size:.95rem}.btn-text{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:600;text-decoration:none}.btn-text svg{width:20px;height:20px}.btn-text:hover{color:var(--primary)}.hero-trust{margin:var(--s-6) 0 0;display:flex;flex-wrap:wrap;gap:var(--s-4);font-size:.95rem;font-weight:600;color:var(--ink-soft)}.hero-trust span{display:inline-flex;align-items:center;gap:6px}.hero-trust span::before{content:"✓";color:var(--primary);font-weight:800}.hero-card-wrap{position:relative}.hero-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-5);box-shadow:var(--shadow-2);position:relative}.hero-card img{width:100%;border-radius:var(--r-sm);display:block}.stock-badge{position:absolute;top:calc(var(--s-5)+10px);left:calc(var(--s-5)+10px);display:inline-flex;align-items:center;gap:7px;background:rgba(26,26,26,.86);color:#fff;padding:6px 14px;border-radius:var(--r-pill);font-size:.82rem;font-weight:700}.stock-badge::before{content:"";width:9px;height:9px;border-radius:50%;background:#2ec27a;box-shadow:0 0 0 3px rgba(46,194,122,.3)}.value-card{position:absolute;right:-14px;bottom:-22px;max-width:230px;background:var(--ink);color:#fff;border-radius:var(--r-md);padding:var(--s-4) var(--s-5);box-shadow:var(--shadow-2);border-left:4px solid var(--accent)}.value-card strong{color:var(--accent);display:block;margin-bottom:4px}.value-card p{margin:0;font-size:.9rem;line-height:1.5}main{padding-bottom:var(--s-7)}section{padding:var(--s-8) 0;border-bottom:1px solid var(--line)}section:last-of-type{border-bottom:none}section h2{text-align:center;font-size:var(--fs-h2);font-weight:800;letter-spacing:-.4px;margin:0 0 var(--s-6);color:var(--ink)}section h3{font-size:var(--fs-h3);color:var(--ink);margin-bottom:var(--s-3)}.highlight-section{background-color:var(--surface)}.section-subtitle{text-align:center;font-size:1.15rem;color:var(--ink-soft);margin:-28px auto var(--s-6);max-width:70ch}.button,.button-secondary,.button-ebay{display:inline-block;padding:12px 24px;border-radius:var(--r-pill);text-decoration:none;font-weight:700;text-align:center;transition:all .2s;margin-top:var(--s-3);border:2px solid transparent}.button{background-color:var(--primary);color:#fff;border-color:var(--primary)}.button:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px)}.button-secondary{background-color:transparent;color:var(--primary-dark);border-color:var(--primary)}.button-secondary:hover{background-color:var(--primary);color:#fff}.button-ebay{background-color:#f4f6f9;color:var(--ink-soft);border-color:var(--line)}.button-ebay:hover{background-color:#e9edf2;border-color:#d6dbe2}.button-group{display:flex;gap:var(--s-3);flex-wrap:wrap}.button-group .button,.button-group .button-secondary,.button-group .button-ebay{flex-grow:1}.comparison-table{width:100%;margin-top:var(--s-6);border-collapse:collapse;text-align:center;font-size:1.05rem;background:var(--surface);border-radius:var(--r-sm);overflow:hidden}.comparison-table th,.comparison-table td{padding:14px;border:1px solid var(--line)}.comparison-table th{background-color:var(--ink);color:#fff;font-weight:700}.comparison-table tbody tr:nth-child(odd){background-color:#fafbfd}.comparison-table td:first-child{text-align:left;font-weight:500}.check-mark{color:#2ec27a;font-size:1.4rem;font-weight:bold}.cross-mark{color:var(--primary);font-size:1.4rem;font-weight:bold}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--s-5)}.four-columns{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.two-columns{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.three-columns{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{background-color:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-5);box-shadow:var(--shadow-1);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}.card h3{color:var(--primary-dark)}.card .price{margin-top:auto;font-weight:800;color:var(--ink);font-size:1.2rem}.product-card-image{width:100%;max-height:200px;object-fit:contain;margin-bottom:var(--s-5);border-radius:var(--r-sm)}.feature-block{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s-6);margin-top:var(--s-5)}.feature-card{text-align:center;padding:var(--s-5)}.feature-icon{display:inline-flex;background-color:var(--primary-soft);border-radius:50%;padding:16px;margin-bottom:var(--s-4);color:var(--primary)}.feature-icon svg{width:38px;height:38px;display:block}.feature-card h3{font-size:1.25rem;margin-bottom:var(--s-2)}ul{list-style-type:none;padding-left:0}ul li{background:url('data:image/svg+xml;charset=UTF-8,') no-repeat left 4px;padding-left:32px;margin-bottom:12px;font-size:var(--fs-body);line-height:1.55}.desktop-nav ul li,.mobile-nav ul li,.footer-col ul li{background:none;padding-left:0}.price-note{font-size:.82rem;line-height:1.45;color:var(--muted);margin:6px 0 0}footer{background-color:var(--footer-bg);color:#c7ccd4;padding:var(--s-8) 0 var(--s-5);border-top:4px solid var(--primary)}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:var(--s-6);padding-bottom:var(--s-6);border-bottom:1px solid rgba(255,255,255,.1)}.footer-col h4{color:#fff;font-size:1rem;text-transform:uppercase;letter-spacing:.6px;margin:0 0 var(--s-4)}.footer-col .brand{font-size:1.5rem;font-weight:800;color:#fff;text-decoration:none}.footer-col .brand span{color:var(--primary)}.footer-col p{margin:0 0 var(--s-3);font-size:.92rem;line-height:1.6}.footer-col ul{margin:0;padding:0}.footer-col ul li{margin-bottom:10px}footer a{color:#c7ccd4;text-decoration:none}footer a:hover{color:#fff;text-decoration:underline}.footer-col .accent{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--s-3);padding-top:var(--s-5);font-size:.85rem;color:#9aa1ab}.footer-bottom a{color:#9aa1ab}.footer-note{font-size:.8rem;opacity:.75}.external-icon{font-size:.8em;display:inline-block;margin-left:4px;transform:translateY(-2px)}#social-proof{text-align:center}.social-links{display:flex;justify-content:center;gap:var(--s-7);margin:var(--s-6) 0}.social-link-icon{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--ink);font-size:1.1rem;font-weight:600;transition:transform .2s,color .2s}.social-link-icon:hover{transform:translateY(-4px);color:var(--primary)}.social-link-icon svg{margin-bottom:10px}.cta-section{background:radial-gradient(800px 300px at 80% 0%,rgba(246,181,0,.18),transparent 60%),linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.cta-section h2,.cta-section h3{color:#fff;text-align:center}.cta-section .section-subtitle{color:#fff;opacity:.92}.cta-section a{color:#fff}.cta-box{background-color:var(--primary-soft);border:1px solid #f6c9d0;border-radius:var(--r-md);padding:var(--s-5);text-align:center;margin:var(--s-7) 0}.cta-box h3{margin-top:0;color:var(--primary-dark)}.faq-list{max-width:820px;margin:0 auto}.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);margin-bottom:var(--s-3);overflow:hidden}.faq-item summary{cursor:pointer;padding:var(--s-4) var(--s-5);font-weight:700;color:var(--ink);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--s-3)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";color:var(--primary);font-size:1.5rem;font-weight:400;line-height:1;transition:transform .2s}.faq-item[open] summary::after{transform:rotate(45deg)}.faq-item .faq-body{padding:0 var(--s-5) var(--s-4);color:var(--ink-soft)}.faq-item .faq-body p{margin:0}#product-details .product-main{display:flex;gap:var(--s-7);align-items:center;padding-bottom:var(--s-7);border-bottom:1px solid var(--line);margin-bottom:var(--s-7)}#product-details .product-image{flex:1;max-width:420px}#product-details .product-image img{width:100%;border-radius:var(--r-md);box-shadow:var(--shadow-2)}.product-info-col{flex:2;display:flex;flex-direction:column;gap:var(--s-5)}#product-details .product-info{flex:initial}#product-details h1{font-size:clamp(2rem,3.4vw,2.6rem);margin-bottom:var(--s-2);color:var(--ink)}#product-details .subtitle{font-size:1.18rem;color:var(--ink-soft);max-width:100%}.product-price-box{flex:1;background-color:var(--primary-soft);border:1px solid #f6c9d0;border-radius:var(--r-md);padding:var(--s-5);text-align:center}.product-price-box .price{font-size:2.4rem;font-weight:800;color:var(--primary-dark);margin:0 0 var(--s-3)}.product-tabs{margin-top:var(--s-7)}.tab-nav{display:flex;flex-wrap:wrap;border-bottom:2px solid var(--line)}.tab-btn{padding:14px 24px;cursor:pointer;border:none;background:transparent;font-size:1.05rem;font-weight:600;color:var(--ink-soft);position:relative;bottom:-2px;border-bottom:2px solid transparent}.tab-btn.active{background-color:var(--primary);color:#fff;border-bottom-color:var(--primary);border-radius:var(--r-sm) var(--r-sm) 0 0}.tab-pane{display:none;padding:var(--s-6) var(--s-3);animation:fadeIn .4s}.tab-pane.active{display:block}.feature-section{margin-bottom:var(--s-5)}.spec-table{width:100%;border-collapse:collapse;margin-top:var(--s-5)}.spec-table td{padding:12px;border:1px solid var(--line)}.spec-table tr:nth-child(odd){background-color:#fafbfd}.service-item{display:flex;gap:var(--s-6);align-items:center;padding:var(--s-6);margin-bottom:var(--s-5);border:1px solid var(--line);border-radius:var(--r-md);background-color:var(--surface);box-shadow:var(--shadow-1)}.service-content{flex:2}.service-image{flex:1;max-width:350px}.service-image img{width:100%;border-radius:var(--r-sm);box-shadow:var(--shadow-1)}.service-details{padding:var(--s-5) var(--s-6) var(--s-6);margin:-21px 0 var(--s-7);border:1px solid var(--line);border-top:none;border-radius:0 0 var(--r-md) var(--r-md);background-color:var(--surface)}.service-item h2{text-align:left;margin-top:0;border-bottom:2px solid var(--primary);padding-bottom:10px;margin-bottom:var(--s-5)}.service-details .price{text-align:right;font-weight:bold;margin-top:var(--s-5);font-size:1.1rem}.service-item.partner-network{display:block;text-align:center;background-color:transparent;border:none;box-shadow:none}.article-container{max-width:820px;background-color:var(--surface);padding:var(--s-7);margin:var(--s-5) auto;border-radius:var(--r-md);box-shadow:var(--shadow-1)}.article-container h1{font-size:clamp(1.9rem,3.4vw,2.4rem);color:var(--ink)}.article-meta{font-size:.9rem;color:var(--muted);margin-bottom:var(--s-6);border-bottom:1px solid var(--line);padding-bottom:var(--s-4)}article h2{font-size:1.7rem;margin:var(--s-7) 0 var(--s-5);color:var(--primary-dark);text-align:left}article p,article li{font-size:1.08rem;line-height:1.75}article ul{padding-left:0}article ul li{margin-bottom:14px}article a{color:var(--primary-dark);font-weight:600;text-decoration:none}article a:hover{text-decoration:underline}.mini-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s-4);margin:var(--s-6) 0}.mini-gallery img{width:100%;height:auto;border-radius:var(--r-sm);box-shadow:var(--shadow-1);cursor:pointer;transition:opacity .2s}.mini-gallery img:hover{opacity:.85}.article-card .article-excerpt{flex-grow:1;color:var(--ink-soft);margin-top:10px}.article-card .article-category{font-size:.9rem;color:var(--muted);margin-top:var(--s-5);font-weight:500}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--s-4)}.gallery-item img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-sm);box-shadow:var(--shadow-1);transition:transform .2s,box-shadow .2s}.gallery-item img:hover{transform:scale(1.04);box-shadow:var(--shadow-2)}#testimonials{background-color:var(--accent-soft)}.testimonial-card{border-left:5px solid var(--accent)}.testimonial-text{font-style:italic;color:var(--ink);flex-grow:1;margin-bottom:var(--s-5);font-size:1.08rem}.testimonial-author{font-weight:600;color:var(--primary-dark);text-align:right}.testimonial-author a{color:var(--primary-dark)}blockquote{border-left:5px solid var(--primary);margin:var(--s-6) 0;padding:10px 20px;background-color:#fafbfd;font-style:italic}.case-study-box{background-color:#fafbfd;border-left:5px solid var(--primary);padding:var(--s-5);margin:var(--s-6) 0;border-radius:0 var(--r-sm) var(--r-sm) 0}.case-study-box h3{margin-top:0}.video-container-responsive{position:relative;overflow:hidden;width:100%;padding-top:56.25%}.video-container-responsive iframe{position:absolute;inset:0;width:100%;height:100%;border-radius:var(--r-sm)}.burger-menu{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.burger-bar{width:2rem;height:.22rem;background:var(--ink);border-radius:10px;transition:all .3s linear;transform-origin:1px}.mobile-nav{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;right:-100%;height:100vh;width:100%;background:var(--ink);transition:right .3s ease-in-out;z-index:1000}.mobile-nav.active{right:0}.mobile-nav ul{list-style:none;padding:0;text-align:center}.mobile-nav li{margin:18px 0}.mobile-nav a{color:#fff;font-size:1.6rem;text-decoration:none}.mobile-nav a:hover{color:var(--accent)}.close-btn{position:absolute;top:20px;right:24px;background:none;border:none;color:#fff;font-size:3rem;cursor:pointer}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.whatsapp-float{position:fixed;width:60px;height:60px;bottom:32px;right:32px;background-color:#25d366;color:#fff;border-radius:50%;text-align:center;box-shadow:var(--shadow-2);z-index:100;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .2s}.whatsapp-float:hover{transform:scale(1.08)}.whatsapp-float svg{width:34px;height:34px;fill:#fff}.videos-section{margin:var(--s-6) 0}.videos-section h3{color:var(--primary-dark);font-size:1.4rem;margin-bottom:var(--s-5);text-align:center}.shorts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--s-6);margin-bottom:var(--s-7)}.short-video{text-align:center}.short-video iframe{width:100%;max-width:350px;height:500px;border-radius:var(--r-sm);box-shadow:var(--shadow-1);margin:0 auto 1rem;display:block}.short-video p{font-size:.9rem;color:var(--muted);margin:0;padding:0 1rem}.main-video{text-align:center;max-width:800px;margin:0 auto}.main-video iframe{width:100%;height:450px;border-radius:var(--r-sm);box-shadow:var(--shadow-1);margin-bottom:1rem}.main-video p{font-size:1rem;color:var(--muted);margin:0;padding:0 2rem}.support-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--s-6);margin:var(--s-7) 0}.support-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-6);box-shadow:var(--shadow-1);transition:transform .2s,box-shadow .2s;color:var(--ink)}.support-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}.support-card-icon{width:60px;height:60px;background:var(--primary-soft);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--s-4);font-size:2rem}.support-card h3{color:var(--primary-dark);font-size:1.3rem;margin-bottom:var(--s-4)}.support-card ul{list-style:none;padding:0}.support-card li{font-size:.95rem;line-height:1.6;margin-bottom:12px;padding-left:26px;background:url('data:image/svg+xml;charset=UTF-8,') no-repeat 0 4px;background-size:18px 18px}.support-card ol{list-style:none;counter-reset:step-counter;padding:0}.support-card ol li{position:relative;padding-left:35px;margin-bottom:var(--s-4);font-size:.95rem;line-height:1.5;background:none}.support-card ol li::before{content:counter(step-counter);counter-increment:step-counter;position:absolute;left:0;top:0;width:24px;height:24px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:bold}.support-info-box{background:#fafbfd;border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s-5);margin:var(--s-6) 0;text-align:center}.support-info-box p{margin:8px 0;font-size:.95rem}.modal{display:none;position:fixed;z-index:2000;padding-top:60px;inset:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.9)}.modal-content{margin:auto;display:block;width:80%;max-width:900px;animation:zoom .5s}.modal-caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0}.modal-close-btn{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:.2s}.modal-close-btn:hover,.modal-close-btn:focus{color:#bbb;text-decoration:none;cursor:pointer}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}@media (max-width:960px){.hero-grid{grid-template-columns:1fr;gap:var(--s-8)}.hero-card-wrap{max-width:520px;margin:0 auto}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.desktop-nav{display:none}.burger-menu{display:flex}.hero{padding:var(--s-7) 0}.hero-actions{flex-direction:column;align-items:stretch}.btn-price{justify-content:center}.btn-text{justify-content:center}.value-card{position:static;max-width:none;margin-top:var(--s-5);right:0;bottom:0}#product-details .product-main,.service-item{flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:var(--s-5)}.shorts-container{grid-template-columns:1fr;gap:var(--s-5)}.short-video iframe{height:400px;max-width:280px}.main-video iframe{height:315px}.short-video p,.main-video p{padding:0;font-size:.85rem}.support-cards{grid-template-columns:1fr;gap:var(--s-5)}}
/* fix: keep aspect ratio for content images */
.hero-card img,#product-details .product-image img,.service-image img{height:auto}
/* VBM header/menu parity patch 20260531a
Normalizes header geometry and mobile drawer behavior across static locales. */
:root {
--vbm-header-min-height: 64px;
--vbm-header-gap: clamp(10px, 1.2vw, 18px);
}
html,
body {
overflow-x: hidden;
}
.site-nav,
.site-bar,
.site-header {
position: sticky;
top: 0;
z-index: 1000;
background: rgba(255, 255, 255, 0.96);
backdrop-filter: saturate(180%) blur(10px);
-webkit-backdrop-filter: saturate(180%) blur(10px);
border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
.navbar,
.header-inner {
min-height: var(--vbm-header-min-height);
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--vbm-header-gap);
padding-top: 10px;
padding-bottom: 10px;
}
.logo,
.brand {
flex: 0 0 auto;
}
.logo a,
.brand,
.brand-logo {
display: inline-flex;
align-items: center;
min-height: 40px;
white-space: nowrap;
}
.desktop-nav {
flex: 1 1 auto;
min-width: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
.desktop-nav ul,
.primary-nav {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: nowrap;
gap: clamp(2px, 0.45vw, 8px);
list-style: none;
margin: 0;
padding: 0;
}
.desktop-nav li,
.mobile-nav li {
list-style: none;
margin: 0;
padding: 0;
background: none !important;
}
.desktop-nav a,
.primary-nav a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 8px clamp(6px, 0.58vw, 10px);
border-radius: 9px;
line-height: 1.12;
white-space: nowrap;
text-decoration: none;
font-size: clamp(0.86rem, 0.82vw, 0.96rem);
}
.nav-cta {
margin-left: 4px;
flex: 0 0 auto;
}
body.vbm-menu-open {
overflow: hidden;
}
@media (min-width: 769px) {
.burger-menu,
.burger {
display: none !important;
}
.desktop-nav {
display: flex !important;
}
.primary-nav {
position: static !important;
width: auto !important;
height: auto !important;
max-width: none !important;
max-height: none !important;
overflow: visible !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
}
@media (max-width: 768px) {
.navbar,
.header-inner {
min-height: 60px;
padding-top: 8px;
padding-bottom: 8px;
}
.desktop-nav {
display: none !important;
}
.burger-menu,
.burger {
display: flex !important;
flex: 0 0 auto;
}
.mobile-nav,
#mobile-nav,
.primary-nav {
box-sizing: border-box;
position: fixed !important;
top: 0 !important;
right: 0 !important;
left: auto !important;
width: min(100vw, 390px) !important;
max-width: 100vw !important;
height: 100vh !important;
height: 100dvh !important;
max-height: 100vh !important;
max-height: 100dvh !important;
overflow-y: auto !important;
overflow-x: hidden !important;
transform: translateX(105%) !important;
transition: transform 0.25s ease !important;
z-index: 1200 !important;
padding: 72px 20px 32px !important;
pointer-events: none;
}
.mobile-nav.active,
#mobile-nav.active,
.primary-nav.open,
.primary-nav.active {
transform: translateX(0) !important;
pointer-events: auto;
}
.mobile-nav ul,
#mobile-nav ul {
width: 100%;
max-width: 320px;
margin: 0 auto;
padding: 0;
list-style: none;
}
.mobile-nav a,
#mobile-nav a,
.primary-nav a {
width: 100%;
min-height: 44px;
justify-content: center;
white-space: normal !important;
overflow-wrap: anywhere;
text-align: center;
}
}
/* VBM header/menu padding correction 20260531b */
.site-nav,
.site-bar,
.site-header {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.site-nav .navbar,
.site-bar .navbar,
.site-header .header-inner {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
@media (max-width: 768px) {
.site-nav .navbar,
.site-bar .navbar,
.site-header .header-inner {
min-height: 60px !important;
}
}
/* VBM header/menu container padding correction 20260531d */
.site-nav,
.site-bar,
.site-header {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.site-nav .navbar,
.site-bar .navbar,
.site-header .header-inner {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.site-nav > .container,
.site-bar > .container,
.site-header > .container {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
@media (max-width: 768px) {
.site-nav .navbar,
.site-bar .navbar,
.site-header .header-inner {
min-height: 60px !important;
}
}
/* VBM YouTube lite embed 20260531e
Prevents YouTube cookies, console issues and heavy third-party JS before user interaction. */
.vbm-youtube-lite {
position: relative;
display: flex;
width: 100%;
aspect-ratio: 16 / 9;
min-height: 220px;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 12px;
padding: 24px;
border: 1px solid rgba(15, 23, 42, 0.12);
border-radius: 16px;
background:
radial-gradient(circle at 30% 20%, rgba(0, 114, 206, 0.18), transparent 36%),
linear-gradient(135deg, #0f172a, #1e3a5f);
color: #fff;
text-align: center;
cursor: pointer;
overflow: hidden;
box-shadow: 0 14px 34px rgba(15, 23, 42, 0.16);
}
.vbm-youtube-lite:focus-visible {
outline: 3px solid #0072ce;
outline-offset: 3px;
}
.vbm-youtube-lite__play {
width: 68px;
height: 48px;
border-radius: 14px;
background: #ff0033;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
}
.vbm-youtube-lite__play::before {
content: "";
display: block;
margin: 13px auto 0;
width: 0;
height: 0;
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
border-left: 18px solid #fff;
}
.vbm-youtube-lite__text {
font-weight: 700;
line-height: 1.35;
}
.vbm-youtube-lite iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
@media (max-width: 520px) {
.vbm-youtube-lite {
min-height: 190px;
border-radius: 12px;
}
}
/* VBM pricing/header alignment patch 20260531k */
body.pricing-page-wrapper {
margin: 0 !important;
padding: 0 !important;
width: auto !important;
min-height: 100vh;
}
body.pricing-page-wrapper .site-header,
body.pricing-page-wrapper .site-nav,
body.pricing-page-wrapper .site-bar,
body.pricing-page-wrapper > header {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
max-width: none !important;
}
body.pricing-page-wrapper .pricing-container {
padding-left: 20px;
padding-right: 20px;
}
/* VBM DE mobile content/menu containment 20260601de1 */
@media (max-width: 768px) {
.hero-grid,
.hero-text,
.hero-visual,
.hero-text > *,
.hero-actions,
.hero-features {
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box;
}
.hero-text {
width: 100% !important;
}
.hero-text h1,
.hero-text .hl,
.hero-sub,
.hero-features,
.hero-actions,
.hero-actions a {
overflow-wrap: anywhere;
}
.mobile-nav[aria-hidden="true"],
#mobile-nav[aria-hidden="true"],
.primary-nav[aria-hidden="true"],
#primary-nav[aria-hidden="true"] {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
.mobile-nav.open,
.mobile-nav.active,
#mobile-nav.open,
#mobile-nav.active,
.primary-nav.open,
.primary-nav.active,
#primary-nav.open,
#primary-nav.active {
display: flex !important;
visibility: visible !important;
left: 0 !important;
right: auto !important;
width: 100vw !important;
max-width: 100vw !important;
transform: none !important;
pointer-events: auto !important;
}
}
/* VBM DE mobile table containment 20260601de2 */
@media (max-width: 768px) {
.comparison-table {
display: block !important;
width: 100% !important;
max-width: 100% !important;
overflow-x: auto !important;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.comparison-table thead,
.comparison-table tbody,
.comparison-table tr {
min-width: max-content;
}
}
/* VBM DE audit fix 20260601de4 */
@media (min-width: 769px) {
.mobile-nav,
#mobile-nav {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
transform: none !important;
}
}
body.pricing-page-wrapper .site-nav,
body.pricing-page-wrapper .site-nav .navbar,
body.pricing-page-wrapper .site-nav .desktop-nav ul {
box-sizing: border-box;
}
body.pricing-page-wrapper main {
padding: 24px 0 48px;
}