@keyframes float{0%,to{transform:translateY(0) translateX(0)}33%{transform:translateY(-10px) translateX(5px)}66%{transform:translateY(5px) translateX(-5px)}}@keyframes glow-pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes swFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes swFloat2{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}:root{--brand-red:#B30000;--brand-red-hover:#c41212;--brand-red-dim:rgba(227,28,28,0.06);--brand-red-glow:rgba(227,28,28,0.15);--surface-dark:#18181b;--surface-card:#1e1e22;--surface-elevated:#25252a}body{font-family:"Inter",sans-serif;color:#d1d5db;background-color:#18181b;background-image:radial-gradient(ellipse at 50%0,rgba(227,28,28,.03)0,transparent 60%),radial-gradient(ellipse at 80% 50%,rgba(227,28,28,.015)0,transparent 50%),radial-gradient(ellipse at 20% 100%,rgba(227,28,28,.01)0,transparent 40%);background-attachment:fixed}header img[alt="DKflash TECH"]{filter:brightness(1.1)}.font-display{font-family:"Inter",serif}.dropdown-glass{background:rgba(30,30,34,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hero-pattern{background-image:radial-gradient(circle at 25px 25px,rgba(255,255,255,.1) 1px,transparent 0);background-size:50px 50px}.modal-soft-bg{background:rgba(0,0,0,.8);backdrop-filter:blur(12px)}.modal-soft-container{opacity:1;transform:none}.map-iframe{border:0;width:100%;height:400px}.dropdown-menu,.dropdown-premium{opacity:0;visibility:hidden;transform:translateY(12px);transition: color .25s cubic-bezier(.23,1,.32,1), background-color .25s cubic-bezier(.23,1,.32,1), border-color .25s cubic-bezier(.23,1,.32,1), box-shadow .25s cubic-bezier(.23,1,.32,1), transform .25s cubic-bezier(.23,1,.32,1), opacity .25s cubic-bezier(.23,1,.32,1)}.dropdown-container:hover .dropdown-menu,.dropdown-container:hover .dropdown-premium{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu{transform:translateX(100%);transition:transform .3s ease-in-out}.animate-on-scroll[data-slide=left].visible,.animate-on-scroll[data-slide=right].visible,.mobile-menu.open{transform:translateX(0)}.mobile-overlay{opacity:0;visibility:hidden;transition: color .3s cubic-bezier(.23,1,.32,1), background-color .3s cubic-bezier(.23,1,.32,1), border-color .3s cubic-bezier(.23,1,.32,1), box-shadow .3s cubic-bezier(.23,1,.32,1), transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1)}.mobile-overlay.open{opacity:1;visibility:visible}.animate-on-scroll{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.animate-on-scroll[data-delay="1"]{transition-delay:.1s}.animate-on-scroll[data-delay="2"]{transition-delay:.2s}.animate-on-scroll[data-delay="3"]{transition-delay:.3s}.animate-on-scroll[data-delay="4"]{transition-delay:.4s}.animate-on-scroll[data-delay="5"]{transition-delay:.5s}.animate-on-scroll[data-delay="6"]{transition-delay:.6s}.animate-on-scroll[data-slide=left]{transform:translateX(-40px)}.animate-on-scroll[data-slide=right]{transform:translateX(40px)}.animate-on-scroll[data-scale=true]{transform:scale(.92)}.animate-on-scroll[data-scale=true].visible{transform:scale(1)}.back-to-top{opacity:0;visibility:hidden;transform:translateY(20px);transition: color .3s cubic-bezier(.23,1,.32,1), background-color .3s cubic-bezier(.23,1,.32,1), border-color .3s cubic-bezier(.23,1,.32,1), box-shadow .3s cubic-bezier(.23,1,.32,1), transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1)}.back-to-top.visible{opacity:1;visibility:visible}.cookie-banner{transform:translateY(100%);transition:transform .4s ease-in-out}.back-to-top.visible,.cookie-banner.show{transform:translateY(0)}html{scroll-behavior:smooth}.animate-float{animation:float 6s ease-in-out infinite}.animate-glow{animation:glow-pulse 3s ease-in-out infinite}.product-card{position:relative;background:linear-gradient(145deg,#222225 0,#1a1a1e 100%);border:1px solid rgba(255,255,255,.04);box-shadow:0 4px 24px rgba(0,0,0,.3);transition: color .5s cubic-bezier(.23,1,.32,1), background-color .5s cubic-bezier(.23,1,.32,1), border-color .5s cubic-bezier(.23,1,.32,1), box-shadow .5s cubic-bezier(.23,1,.32,1), transform .5s cubic-bezier(.23,1,.32,1), opacity .5s cubic-bezier(.23,1,.32,1)}.product-card::after,.product-card::before{content:"";position:absolute;opacity:0;transition:opacity .5s ease;pointer-events:none}.product-card::before{inset:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(227,28,28,0),rgba(227,28,28,.12),rgba(227,28,28,0));z-index:0}.product-card:hover::after,.product-card:hover::before{opacity:1}.product-card::after{top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(227,28,28,.3),transparent);z-index:1}.product-card:hover{transform:translateY(-8px);box-shadow:0 16px 56px rgba(227,28,28,.15),0 4px 16px rgba(0,0,0,.4);border-color:rgba(227,28,28,.25)}.product-card-img-wrap{position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#2a2a30 0,#1e1e22 100%)}.product-card-img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.4) 100%);pointer-events:none}.product-card-img-wrap img{transition:transform .6s cubic-bezier(.25,.46,.45,.94),filter .4s ease;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5))}.product-card:hover .product-card-img-wrap img{transform:scale(1.08);filter:drop-shadow(0 12px 32px rgba(0,0,0,.6))}.product-card-body{position:relative;z-index:1;background:linear-gradient(0deg,#1e1e22 0,transparent 100%)}.product-card-arrow{transition:transform .3s ease}.product-card:hover .product-card-arrow{transform:translateX(4px)}.modal-overlay{background:rgba(0,0,0,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;transition:opacity .3s ease}.cta-premium:hover::before,.modal-overlay.open,section+section::after,section+section::before{opacity:1}.modal-container{opacity:0;transform:scale(.92) translateY(20px);transition: color .4s cubic-bezier(.23,1,.32,1), background-color .4s cubic-bezier(.23,1,.32,1), border-color .4s cubic-bezier(.23,1,.32,1), box-shadow .4s cubic-bezier(.23,1,.32,1), transform .4s cubic-bezier(.23,1,.32,1), opacity .4s cubic-bezier(.23,1,.32,1)}.modal-overlay.open .modal-container{opacity:1;transform:scale(1) translateY(0)}.modal-content{background:linear-gradient(145deg,#222225 0,#1e1e22 100%);border:1px solid rgba(255,255,255,.04);box-shadow:0 24px 80px rgba(0,0,0,.6),0 0 0 1px rgba(227,28,28,.05)}.modal-glow{position:absolute;top:-80px;right:-80px;width:240px;height:240px;background:radial-gradient(circle,rgba(227,28,28,.06)0,transparent 70%);pointer-events:none;border-radius:50%}.feature-item,.modal-image-wrap{border:1px solid rgba(255,255,255,.04)}.modal-image-wrap{background:radial-gradient(ellipse at center,#2a2a30 0,#1e1e22 100%);position:relative;overflow:hidden}.modal-image-wrap img{filter:drop-shadow(0 16px 48px rgba(0,0,0,.6));transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.modal-image-wrap:hover img{transform:scale(1.03)}.feature-item{background:rgba(255,255,255,.02);transition: color .3s cubic-bezier(.23,1,.32,1), background-color .3s cubic-bezier(.23,1,.32,1), border-color .3s cubic-bezier(.23,1,.32,1), box-shadow .3s cubic-bezier(.23,1,.32,1), transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1)}.feature-item:hover{background:rgba(255,255,255,.04);border-color:rgba(227,28,28,.15);transform:translateY(-2px)}.feature-icon{width:36px;height:36px;border-radius:10px;background:rgba(227,28,28,.08);border:1px solid rgba(227,28,28,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon i{color:var(--brand-red);font-size:14px}.cta-premium{position:relative;background:linear-gradient(135deg,var(--brand-red) 0%,#8B0000 100%);box-shadow:0 4px 24px rgba(227,28,28,.2);overflow:hidden;transition: color .4s cubic-bezier(.23,1,.32,1), background-color .4s cubic-bezier(.23,1,.32,1), border-color .4s cubic-bezier(.23,1,.32,1), box-shadow .4s cubic-bezier(.23,1,.32,1), transform .4s cubic-bezier(.23,1,.32,1), opacity .4s cubic-bezier(.23,1,.32,1)}.cta-premium::before,.section-glow{position:absolute;pointer-events:none}.cta-premium::before{content:"";inset:-2px;border-radius:inherit;background:linear-gradient(135deg,rgba(227,28,28,0),rgba(227,28,28,.2),rgba(227,28,28,0));opacity:0;transition:opacity .4s ease}.cta-premium::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);transform:translateX(-100%);transition:transform .6s cubic-bezier(.22,1,.36,1)}.cta-premium:hover::after{transform:translateX(100%)}.cta-premium:hover{transform:translateY(-3px);box-shadow:0 12px 48px rgba(227,28,28,.4),0 0 0 1px rgba(227,28,28,.15)}.cta-premium:active{transform:translateY(-1px);box-shadow:0 6px 24px rgba(227,28,28,.3)}.section-glow{top:-60px;left:50%;transform:translateX(-50%);width:40%;height:120px;background:radial-gradient(ellipse at center,rgba(227,28,28,.04)0,transparent 70%);z-index:0}.filter-btn{padding:.5rem 1.2rem;border-radius:.75rem;font-size:.7rem;font-weight:700;letter-spacing:.05em;transition: color .3s cubic-bezier(.23,1,.32,1), background-color .3s cubic-bezier(.23,1,.32,1), border-color .3s cubic-bezier(.23,1,.32,1), box-shadow .3s cubic-bezier(.23,1,.32,1), transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1);border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);color:#9ca3af;cursor:pointer;text-transform:uppercase}.filter-btn:hover{border-color:rgba(227,28,28,.3);color:#fff;background:rgba(227,28,28,.06)}.filter-btn.active{background:rgba(227,28,28,.12);border-color:rgba(227,28,28,.4);color:#B30000}body::before,section::before{content:"";pointer-events:none}body::before{position:fixed;inset:0;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}body,section{position:relative}section::before{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(227,28,28,.08),rgba(255,255,255,.03),rgba(227,28,28,.08),transparent);opacity:0;z-index:2}.section-accent,section::after{position:absolute;left:50%;transform:translateX(-50%);pointer-events:none}section::after{content:"";top:-1px;width:120px;height:2px;background:linear-gradient(to right,transparent,rgba(227,28,28,.15),transparent);opacity:0;z-index:3;transition:opacity .6s ease}.section-accent{top:-20px;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(227,28,28,.04)0,transparent 70%);z-index:1}.lead-modal{opacity:0;visibility:hidden;transition: color .3s cubic-bezier(.23,1,.32,1), background-color .3s cubic-bezier(.23,1,.32,1), border-color .3s cubic-bezier(.23,1,.32,1), box-shadow .3s cubic-bezier(.23,1,.32,1), transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1);z-index:200}.lead-modal.open{opacity:1;visibility:visible}.lead-modal-inner{transform:scale(.92) translateY(30px);transition:transform .3s ease-in-out}.lead-modal.open .lead-modal-inner{transform:scale(1) translateY(0)}.lead-form-input{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 16px;color:#fff;font-size:.875rem;outline:0;transition:border-color .2s,box-shadow .2s}.lead-form-input:focus{border-color:var(--brand-red);box-shadow:0 0 0 3px rgba(227,28,28,.15);outline:2px solid var(--brand-red);outline-offset:2px}.lead-form-input:focus:not(:focus-visible){outline:0}.lead-form-input::placeholder{color:rgba(255,255,255,.3)}.lead-form-select{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 16px;color:rgba(255,255,255,.5);font-size:.875rem;outline:0;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:border-color .2s,box-shadow .2s}.lead-form-select:focus{border-color:var(--brand-red);box-shadow:0 0 0 3px rgba(227,28,28,.15);color:#fff}.lead-form-select option{background:#2a2a30;color:#fff}.lead-form-label,.submit-btn{text-transform:uppercase;letter-spacing:.08em}.lead-form-label{display:block;font-size:.75rem;font-weight:700;color:rgba(255,255,255,.5);margin-bottom:6px}.submit-btn{width:100%;background:var(--brand-red);color:#fff;font-weight:800;font-size:.8125rem;padding:14px 24px;border-radius:12px;border:0;cursor:pointer;transition:background .2s,transform .15s}.submit-btn:hover{background:#8B0000;transform:translateY(-1px)}.submit-btn:active{transform:scale(.98)}.budget-float-btn{display:none}@media (min-width:1024px){.budget-float-btn{display:flex}}.budget-float-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(227,28,28,.35)}.whatsapp-badge{position:absolute;top:-4px;right:-4px;background:var(--brand-red);color:#fff;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:8px;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.3)}.carousel-wrapper{position:relative}.carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:1rem;padding:.5rem .25rem;scroll-behavior:smooth;cursor:grab}.carousel-track::-webkit-scrollbar{display:none}.carousel-track.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.carousel-track .product-card{flex:0 0 calc(50% - .5rem);scroll-snap-align:start;min-width:0}.carousel-track .product-card[style*="display: none"]{display:none!important}@media (min-width:640px){.carousel-track .product-card{flex:0 0 calc(33.333% - .667rem)}}@media (min-width:1024px){.carousel-track .product-card{flex:0 0 calc(25% - .75rem)}}@media (min-width:1280px){.carousel-track .product-card{flex:0 0 calc(20% - .8rem)}}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:42px;height:42px;border-radius:50%;background:rgba(30,30,34,.92);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px rgba(0,0,0,.3);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition: color .25s cubic-bezier(.23,1,.32,1), background-color .25s cubic-bezier(.23,1,.32,1), border-color .25s cubic-bezier(.23,1,.32,1), box-shadow .25s cubic-bezier(.23,1,.32,1), transform .25s cubic-bezier(.23,1,.32,1), opacity .25s cubic-bezier(.23,1,.32,1);opacity:0;pointer-events:none}.carousel-wrapper:hover .carousel-arrow{opacity:1;pointer-events:auto}.carousel-arrow:hover{background:var(--brand-red);border-color:var(--brand-red);box-shadow:0 4px 20px rgba(227,28,28,.35);transform:translateY(-50%) scale(1.08)}.carousel-arrow:active{transform:translateY(-50%) scale(.95)}.carousel-arrow-left{left:-8px}.carousel-arrow-right{right:-8px}.carousel-arrow.hidden{display:none}@media (max-width:768px){.product-card-img-wrap img{filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.modal-image-wrap img{filter:drop-shadow(0 8px 24px rgba(0,0,0,.4))}.feature-icon{width:30px;height:30px}.feature-icon i{font-size:12px}section[id] .animate-on-scroll,section[id] .grid>div:not(.lg\\:col-span-5):not(.lg\\:col-span-7),section[id]>div>div{text-align:center!important}footer .flex.items-center.gap-3,section[id] .flex-wrap,section[id] .flex.justify-start{justify-content:center!important}section[id] .mx-auto.lg\\:mx-0{margin-left:auto!important;margin-right:auto!important}footer .grid>div,footer li,section[id] .grid>div{text-align:center!important}section:not(.keep-padding){padding-top:2rem!important;padding-bottom:2rem!important}.hero-section{padding-top:1.5rem!important;padding-bottom:1rem!important;min-height:auto!important}.hero-section .space-y-5{margin-top:0!important}.section-title{font-size:1.25rem!important}.mobile-stack,footer ul{flex-direction:column!important}.mobile-grid-2{grid-template-columns:1fr 1fr!important}.footer-grid{grid-template-columns:1fr!important;gap:1.5rem!important}header,header>div{height:4rem!important}header img[alt="DKflash TECH"]{height:2.75rem!important}.gap-8,section#como-funciona .grid-cols-2{gap:.75rem!important}.gap-12{gap:1rem!important}.mb-12,.mb-16{margin-bottom:1.5rem!important}.mb-20{margin-bottom:2rem!important}.p-10,.p-8{padding:1rem!important}.px-8{padding-left:1rem!important;padding-right:1rem!important}.text-3xl{font-size:1.5rem!important}.mobile-compact{padding-top:1rem!important;padding-bottom:1rem!important}.grid.gap-8{gap:.5rem!important}footer .space-y-4 a.block{display:flex!important;justify-content:center!important}footer ul{display:flex!important;align-items:center!important}.client-logo-card{padding:16px 10px!important;min-height:60px!important}.client-logo-text{font-size:.8rem!important}}@media (max-width:480px){.client-logo-card{padding:12px 8px!important;min-height:50px!important}.client-logo-text{font-size:.65rem!important;letter-spacing:.02em!important}.grid-cols-2{gap:.4rem!important}footer .grid{gap:1.5rem!important}footer{padding-top:1.5rem!important;padding-bottom:1.5rem!important}}@media (min-width:769px) and (max-width:1024px){.client-logo-text{font-size:.85rem!important}}@media (max-width:768px){a[aria-label="Contato pelo WhatsApp"]{bottom:calc(1.5rem + env(safe-area-inset-bottom,0))!important;right:calc(1.5rem + env(safe-area-inset-right,0))!important}.budget-float-btn{bottom:calc(200px + env(safe-area-inset-bottom,0))!important}#backToTop{bottom:calc(6rem + env(safe-area-inset-bottom,0))!important;right:calc(1rem + env(safe-area-inset-right,0))!important}.carousel-arrow{width:34px;height:34px;font-size:16px;opacity:1;pointer-events:auto}.carousel-arrow-left{left:4px}.carousel-arrow-right{right:4px}.carousel-track .product-card{flex:0 0 calc(70% - .5rem)}}@media (max-width:480px){.carousel-track{gap:.75rem}.carousel-track .product-card{flex:0 0 calc(80% - .5rem)}}@media (max-width:1023px){body{padding-bottom:72px}#mobileStickyCta{padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0))}}.nav-circle{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:38px;height:38px;border-radius:50%;background:rgba(24,24,27,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.12);box-shadow:0 2px 12px rgba(0,0,0,.15);color:rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;transition: color .35s cubic-bezier(.23,1,.32,1), background-color .35s cubic-bezier(.23,1,.32,1), border-color .35s cubic-bezier(.23,1,.32,1), box-shadow .35s cubic-bezier(.23,1,.32,1), transform .35s cubic-bezier(.23,1,.32,1), opacity .35s cubic-bezier(.23,1,.32,1);opacity:0;pointer-events:none}.carousel-wrapper:hover .nav-circle,.nav-circle.visible{opacity:1;pointer-events:auto}.nav-circle:hover{border-color:rgba(255,255,255,.3);color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.25),0 0 24px rgba(227,28,28,.06);transform:translateY(-50%) scale(1.06);background:rgba(30,30,34,.7)}.nav-circle:active{transform:translateY(-50%) scale(.94)}.nav-circle i{transition:transform .3s ease}.nav-circle:hover i.fa-chevron-right{transform:translateX(2px)}.nav-circle:hover i.fa-chevron-left{transform:translateX(-2px)}.nav-circle-left{left:-16px}.nav-circle-right{right:-16px}@media (max-width:768px){.nav-circle{width:32px;height:32px;font-size:11px;opacity:1;pointer-events:auto;background:rgba(24,24,27,.65);border-color:rgba(255,255,255,.08)}.nav-circle-left{left:2px}.nav-circle-right{right:2px}}.scroll-hint{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:1rem;opacity:0;transition:opacity .4s ease}.banner-carousel:hover .banner-arrow,.client-logo-card:hover i,.scroll-hint.visible{opacity:1}.scroll-hint-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.1);transition: color .3s cubic-bezier(.23,1,.32,1), background-color .3s cubic-bezier(.23,1,.32,1), border-color .3s cubic-bezier(.23,1,.32,1), box-shadow .3s cubic-bezier(.23,1,.32,1), transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1)}.scroll-hint-dot.active{background:var(--brand-red);width:18px;border-radius:3px}.section-compact{padding-top:2.5rem!important;padding-bottom:2.5rem!important}@media (max-width:768px){.section-compact{padding-top:1.5rem!important;padding-bottom:1.5rem!important}}.section-compact-lg{padding-top:3rem!important;padding-bottom:3rem!important}@media (max-width:768px){.section-compact-lg{padding-top:1.5rem!important;padding-bottom:1.5rem!important}}.mb-section{margin-bottom:2rem!important}@media (max-width:768px){.mb-section{margin-bottom:1.5rem!important}}.banner-wrapper{width:100%;background:#111}.banner-carousel{position:relative;width:100%;height:520px;max-height:600px;overflow:hidden}.banner-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .7s ease-in-out;pointer-events:none;z-index:1;background:#111}.banner-slide img{width:100%;height:100%;object-fit:cover;display:block}.banner-slide.active{opacity:1;pointer-events:auto;position:relative;z-index:2}.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:44px;height:44px;border-radius:50%;background:rgba(24,24,27,.7);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition: color .25s cubic-bezier(.23,1,.32,1), background-color .25s cubic-bezier(.23,1,.32,1), border-color .25s cubic-bezier(.23,1,.32,1), box-shadow .25s cubic-bezier(.23,1,.32,1), transform .25s cubic-bezier(.23,1,.32,1), opacity .25s cubic-bezier(.23,1,.32,1);opacity:0}.banner-arrow:hover{background:var(--brand-red);border-color:var(--brand-red);transform:translateY(-50%) scale(1.08)}.banner-arrow-left{left:16px}.banner-arrow-right{right:16px}.banner-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:8px}.banner-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;transition: color .3s cubic-bezier(.23,1,.32,1), background-color .3s cubic-bezier(.23,1,.32,1), border-color .3s cubic-bezier(.23,1,.32,1), box-shadow .3s cubic-bezier(.23,1,.32,1), transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1);border:0;padding:0}.banner-dot.active{background:var(--brand-red);width:24px;border-radius:4px}@media (max-width:768px){.banner-carousel{height:280px}.banner-arrow{width:34px;height:34px;font-size:13px;opacity:1}.banner-arrow-left{left:8px}.banner-arrow-right{right:8px}.banner-dots{bottom:12px}}.cat-card,.cat-icon{display:flex;align-items:center;transition: color .3s cubic-bezier(.23,1,.32,1), background-color .3s cubic-bezier(.23,1,.32,1), border-color .3s cubic-bezier(.23,1,.32,1), box-shadow .3s cubic-bezier(.23,1,.32,1), transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1)}.cat-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:1.25rem .75rem;text-align:center;cursor:pointer;flex-direction:column;gap:8px}.cat-card:hover{background:rgba(227,28,28,.06);border-color:rgba(227,28,28,.2);transform:translateY(-3px);box-shadow:0 8px 24px rgba(227,28,28,.08)}.cat-icon{width:52px;height:52px;border-radius:14px;background:rgba(227,28,28,.08);border:1px solid rgba(227,28,28,.12);justify-content:center}.cat-card:hover .cat-icon{background:rgba(227,28,28,.15);border-color:rgba(227,28,28,.3)}.cat-icon i{color:var(--brand-red);font-size:20px}.cat-label{font-size:.7rem;font-weight:700;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.05em;transition:color .3s ease}.cat-card:hover .cat-label{color:#fff}@media (max-width:768px){.cat-icon{width:42px;height:42px}.cat-icon i{font-size:16px}.cat-card{padding:.75rem .5rem;border-radius:12px}}.testimonial-card{background:linear-gradient(145deg,#1e1e22,#25252a);border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:24px;transition: color .3s cubic-bezier(.23,1,.32,1), background-color .3s cubic-bezier(.23,1,.32,1), border-color .3s cubic-bezier(.23,1,.32,1), box-shadow .3s cubic-bezier(.23,1,.32,1), transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1);position:relative}.testimonial-card:hover{border-color:rgba(227,28,28,.2);transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.4)}.testimonial-card .google-badge{background:rgba(66,133,244,.1);border:1px solid rgba(66,133,244,.15);color:#8ab4f8;font-size:9px;padding:3px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.testimonial-card .stars{color:#fbbc04;font-size:14px;letter-spacing:2px}.testimonial-card .review-text{font-size:.85rem;line-height:1.7;color:#c8c8d0}.testimonial-card .review-text::before{content:"“";font-size:2.5rem;color:var(--brand-red);opacity:.3;position:absolute;top:8px;left:16px;font-family:serif;line-height:1}.client-logo-card,.testimonial-avatar{display:flex;align-items:center;justify-content:center}.testimonial-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--brand-red),#ff4d4d);font-weight:800;font-size:16px;color:#fff;flex-shrink:0}.client-logo-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:16px 20px;transition: color .3s cubic-bezier(.23,1,.32,1), background-color .3s cubic-bezier(.23,1,.32,1), border-color .3s cubic-bezier(.23,1,.32,1), box-shadow .3s cubic-bezier(.23,1,.32,1), transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1);gap:10px;color:rgba(255,255,255,.5);font-weight:600;font-size:.8rem;text-align:center}.client-logo-card:hover{border-color:rgba(227,28,28,.15);background:rgba(227,28,28,.03);color:#fff;transform:translateY(-2px)}.client-logo-card i{font-size:22px;color:var(--brand-red);opacity:.6}.client-logo-text{font-size:1rem;font-weight:700;color:rgba(255,255,255,.2);letter-spacing:.05em;word-break:break-word;overflow-wrap:break-word;hyphens:auto}.review-link{font-size:10px;color:#8ab4f8;text-decoration:none;display:inline-flex;align-items:center;gap:4px;font-weight:600;transition:color .2s}.review-link:hover{color:#aecbff;text-decoration:underline}.testimonial-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:12px;scrollbar-width:none}.testimonial-track::-webkit-scrollbar{display:none}.testimonial-track>*{flex:0 0 calc(33.333% - 14px);min-width:300px;scroll-snap-align:start}@media (max-width:768px){.testimonial-track>*{flex:0 0 85%;min-width:260px}}.stat-card,.value-card{border:1px solid rgba(255,255,255,.04);border-radius:16px;transition: color .3s cubic-bezier(.23,1,.32,1), background-color .3s cubic-bezier(.23,1,.32,1), border-color .3s cubic-bezier(.23,1,.32,1), box-shadow .3s cubic-bezier(.23,1,.32,1), transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1);text-align:center}.stat-card{background:linear-gradient(145deg,#1e1e22,#25252a);padding:28px 20px}.stat-card:hover{border-color:rgba(227,28,28,.15);transform:translateY(-4px);box-shadow:0 16px 32px rgba(0,0,0,.3)}.stat-card .stat-number{font-size:2.5rem;font-weight:900;color:#fff;line-height:1.1}.stat-card .stat-number span,.value-icon i{color:var(--brand-red)}.value-card{background:rgba(255,255,255,.02);padding:1.5rem}.value-card:hover{background:rgba(227,28,28,.06);border-color:rgba(227,28,28,.2);transform:translateY(-4px);box-shadow:0 12px 32px rgba(227,28,28,.06)}.value-icon{width:52px;height:52px;border-radius:14px;background:rgba(227,28,28,.08);border:1px solid rgba(227,28,28,.12);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;transition: color .3s cubic-bezier(.23,1,.32,1), background-color .3s cubic-bezier(.23,1,.32,1), border-color .3s cubic-bezier(.23,1,.32,1), box-shadow .3s cubic-bezier(.23,1,.32,1), transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1)}.value-card:hover .value-icon{background:rgba(227,28,28,.15);border-color:rgba(227,28,28,.3)}.value-icon i{font-size:20px}.timeline-dot{width:16px;height:16px;background:var(--brand-red);border-radius:50%;border:3px solid #25252a;box-shadow:0 0 0 3px rgba(227,28,28,.2);flex-shrink:0}.timeline-line{position:absolute;top:24px;left:7px;bottom:0;width:2px;background:linear-gradient(to bottom,rgba(227,28,28,.3),transparent)}@media (min-width:1024px){.budget-float-btn{bottom:180px}}@media (max-width:768px){a[aria-label="Contato pelo WhatsApp"]{bottom:calc(1.5rem + env(safe-area-inset-bottom,0))!important;right:calc(1.5rem + env(safe-area-inset-right,0))!important}#backToTop{bottom:calc(6rem + env(safe-area-inset-bottom,0))!important;right:calc(1rem + env(safe-area-inset-right,0))!important}}@media (max-width:1023px){body{padding-bottom:72px}#mobileStickyCta{padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0))}}.sw-benefit-card{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:1rem;padding:1.5rem;transition: color .3s cubic-bezier(.23,1,.32,1), background-color .3s cubic-bezier(.23,1,.32,1), border-color .3s cubic-bezier(.23,1,.32,1), box-shadow .3s cubic-bezier(.23,1,.32,1), transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1)}.sw-benefit-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(227,28,28,.08);border-color:rgba(227,28,28,.15)}.sw-benefit-icon{width:44px;height:44px;border-radius:12px;background:rgba(227,28,28,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sw-benefit-icon i{color:#B30000;font-size:18px}.sw-phone-frame{position:relative;width:240px;height:490px;border-radius:2.5rem;border:4px solid #1f2937;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.15);overflow:hidden;margin:0 auto}.sw-phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:90px;height:22px;background:#1f2937;border-radius:0 0 16px 16px;z-index:10}.sw-phone-screen{height:100%;padding-top:28px;background:linear-gradient(180deg,#fef2f2 0,#fff 40%)}.sw-feature-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#fff;border:1px solid rgba(227,28,28,.12);border-radius:999px;font-size:.8rem;font-weight:600;color:#B30000;transition: color .3s cubic-bezier(.23,1,.32,1), background-color .3s cubic-bezier(.23,1,.32,1), border-color .3s cubic-bezier(.23,1,.32,1), box-shadow .3s cubic-bezier(.23,1,.32,1), transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1);box-shadow:0 2px 8px rgba(227,28,28,.04)}.sw-feature-pill:hover{background:rgba(227,28,28,.04);transform:translateY(-1px);box-shadow:0 4px 16px rgba(227,28,28,.1)}.sw-compare-col{border:1px solid rgba(0,0,0,.06);border-radius:1rem;padding:1.5rem;transition: color .3s cubic-bezier(.23,1,.32,1), background-color .3s cubic-bezier(.23,1,.32,1), border-color .3s cubic-bezier(.23,1,.32,1), box-shadow .3s cubic-bezier(.23,1,.32,1), transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1)}.sw-compare-col:hover{border-color:rgba(227,28,28,.15);box-shadow:0 8px 30px rgba(227,28,28,.06)}.sw-compare-col.featured{border-color:rgba(227,28,28,.2);background:linear-gradient(135deg,#fef2f2 0,#fff 100%)}.sw-feature-row{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(0,0,0,.04)}.sw-feature-row:last-child{border-bottom:none}.sw-section-title{font-size:1.5rem;font-weight:800;color:#111;letter-spacing:-.02em}.sw-section-sub{font-size:.9rem;color:#6b7280;max-width:600px}.sw-hero-bg{background:linear-gradient(135deg,#fafafa 0,#fff 50%,#fef2f2 100%)}.sw-cta-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:.75rem;font-size:.85rem;font-weight:700;transition: color .3s cubic-bezier(.23,1,.32,1), background-color .3s cubic-bezier(.23,1,.32,1), border-color .3s cubic-bezier(.23,1,.32,1), box-shadow .3s cubic-bezier(.23,1,.32,1), transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1);text-transform:uppercase;letter-spacing:.03em}.sw-cta-btn:hover{transform:translateY(-2px)}.sw-float-card{position:absolute;background:#fff;border-radius:12px;padding:10px 14px;box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.04);display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;color:#111;animation:swFloat 4s ease-in-out infinite}.sw-float-card:nth-child(2){animation-name:swFloat2;animation-duration:5s}.sw-ecard{position:relative;border-radius:1.25rem;overflow:hidden;transition: color .4s cubic-bezier(.23,1,.32,1), background-color .4s cubic-bezier(.23,1,.32,1), border-color .4s cubic-bezier(.23,1,.32,1), box-shadow .4s cubic-bezier(.23,1,.32,1), transform .4s cubic-bezier(.23,1,.32,1), opacity .4s cubic-bezier(.23,1,.32,1)}.sw-ecard:hover{transform:translateY(-6px)}.sw-ecard-glow{position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(227,28,28,0),rgba(227,28,28,.1),rgba(227,28,28,0));opacity:0;transition:opacity .5s ease;pointer-events:none}.sw-ecard:hover .sw-ecard-glow{opacity:1}.sw-ecard-inner{position:relative;background:linear-gradient(160deg,#222225 0,#1a1a1e 100%);border:1px solid rgba(255,255,255,.04)}
/* ─────────────────────────────────────────────────────────────
   Contraste dos textos pequenos — area TECH (fundos #18181b/#1e1e22/#25252a)
   Os tons originais do Tailwind (gray-500/600) ficam em ~2-3:1 sobre esses
   fundos, abaixo do minimo legivel. Clareamos so os tons usados em texto
   secundario; cor de marca, tamanhos e layout continuam iguais.
   O modal de software tem fundo BRANCO, entao ali os tons escuros voltam.
   ───────────────────────────────────────────────────────────── */
.text-gray-600 { color: #9aa2ae; }
.text-gray-500 { color: #a8b0bb; }
.text-gray-400 { color: #bcc3cd; }
.text-zinc-400 { color: #bcc3cd; }
.text-white\/40 { color: rgba(255, 255, 255, .62); }
.text-white\/60 { color: rgba(255, 255, 255, .76); }
.text-white\/70 { color: rgba(255, 255, 255, .84); }

/* Modal de software (fundo claro): mantem os tons originais */
#softwareModal .text-gray-600 { color: #4b5563; }
#softwareModal .text-gray-500 { color: #6b7280; }
#softwareModal .text-gray-400 { color: #9ca3af; }

/* ═══════════════════════════════════════════════════════════════
   VITRINE TECH — mesmo padrao visual da loja principal
   Secoes de produto em fundo claro, card branco, como o site DK Flash.
   Acento amarelo #FFC600 (Secullum). Escopado nas 3 secoes de produto:
   o resto da pagina TECH continua escuro como esta.
   ═══════════════════════════════════════════════════════════════ */
:root { --tech-amarelo: #FFC600; --tech-borda: #E5E5E5; }

#relogios-ponto, #controle-acesso, #softwares { background: #FFFFFF; }
#controle-acesso { background: #F5F5F5; }

/* Titulos e textos das secoes claras */
#relogios-ponto h2, #controle-acesso h2, #softwares h2 { color: #111111; }
#relogios-ponto > div > div > p,
#controle-acesso > div > div > p,
#softwares > div > div > p { color: #666666; }

/* Selo da secao: amarelo Secullum */
#relogios-ponto > div > div > span,
#controle-acesso > div > div > span,
#softwares > div > div > span {
    background: rgba(255, 198, 0, .16);
    border-color: rgba(255, 198, 0, .45);
    color: #8a6a00;
}

/* Filtros no fundo claro */
#relogios-ponto .filter-btn, #controle-acesso .filter-btn {
    background: #fff; border-color: var(--tech-borda); color: #666;
}
#relogios-ponto .filter-btn:hover, #controle-acesso .filter-btn:hover {
    border-color: #111; color: #111; background: #fff;
}
#relogios-ponto .filter-btn.active, #controle-acesso .filter-btn.active {
    background: var(--tech-amarelo); border-color: var(--tech-amarelo); color: #111;
}

/* ── Card de produto: igual ao da loja ── */
#productGrid .product-card, #acessoGrid .product-card, #softwareGrid .product-card {
    background: #FFFFFF;
    border: 1px solid var(--tech-borda);
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, .06);
}
#productGrid .product-card:hover, #acessoGrid .product-card:hover, #softwareGrid .product-card:hover {
    box-shadow: 0 8px 40px rgba(0, 0, 0, .1);
    border-color: var(--tech-borda);
    transform: translateY(-4px);
}
#productGrid .product-card::before, #acessoGrid .product-card::before,
#productGrid .product-card::after,  #acessoGrid .product-card::after { display: none; }

/* Quadrado da foto: branco, como na loja */
#productGrid .product-card-img-wrap, #acessoGrid .product-card-img-wrap { background: #FFFFFF; }
#productGrid .product-card-img-wrap::after, #acessoGrid .product-card-img-wrap::after { display: none; }
#productGrid .product-card-img-wrap img, #acessoGrid .product-card-img-wrap img { filter: none; }
#productGrid .product-card-body, #acessoGrid .product-card-body { background: #FFFFFF; }

/* Textos do card em fundo claro (anula o clareamento das secoes escuras) */
#productGrid .product-card h3, #acessoGrid .product-card h3,
#softwareGrid .product-card p:first-of-type { color: #111111; }
#productGrid .product-card .text-gray-500, #acessoGrid .product-card .text-gray-500,
#productGrid .product-card .text-gray-400, #acessoGrid .product-card .text-gray-400,
#softwareGrid .product-card .text-gray-500, #softwareGrid .product-card .text-gray-400 { color: #666666; }
#productGrid .product-card .text-white\/90, #acessoGrid .product-card .text-white\/90,
#productGrid .product-card .text-white\/40, #acessoGrid .product-card .text-white\/40 { color: #111111; }
#productGrid .product-card .text-brand-red, #acessoGrid .product-card .text-brand-red { color: #B30000; }

/* "Solicitar" — amarelo Secullum */
#productGrid .product-card .bg-brand-red\/15, #acessoGrid .product-card .bg-brand-red\/15,
#softwareGrid .product-card .bg-brand-red\/15 {
    background: var(--tech-amarelo);
    border-color: var(--tech-amarelo);
    color: #111111;
}
#productGrid .product-card:hover .bg-brand-red\/15,
#acessoGrid .product-card:hover .bg-brand-red\/15,
#softwareGrid .product-card:hover .bg-brand-red\/15 { background: #e8b400; }

/* Icone dos cards de software */
#softwareGrid .product-card .bg-brand-red\/10 {
    background: rgba(255, 198, 0, .18); border-color: rgba(255, 198, 0, .45);
}
#softwareGrid .product-card .text-brand-red { color: #8a6a00; }

/* ── Legibilidade dos cards TECH ──────────────────────────────
   O contraste ja estava certo; o problema era o TAMANHO: marca 8px,
   nome 12px, descricao 9px, botao 9px. A loja principal usa 13-17px.
   Aqui igualamos a escala e soltamos o nome em 2 linhas em vez de cortar.
   ───────────────────────────────────────────────────────────── */
#productGrid .product-card-body, #acessoGrid .product-card-body { padding: 12px 14px 14px; }

/* Marca (Control iD, Topdata...) */
#productGrid .product-card-body > span:first-child,
#acessoGrid  .product-card-body > span:first-child { font-size: 11px; color: #B30000; }

/* Nome do produto — maior e em duas linhas */
#productGrid .product-card-body h3, #acessoGrid .product-card-body h3 {
    font-size: 15px; line-height: 1.3; margin-top: 3px; color: #111111;
    white-space: normal; overflow: visible; text-overflow: clip;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden; min-height: 2.6em;
}

/* Descricao / tipo */
#productGrid .product-card-body h3 + p, #acessoGrid .product-card-body h3 + p {
    font-size: 12px; line-height: 1.4; color: #666666; margin-top: 3px;
    white-space: normal; overflow: visible; text-overflow: clip;
}

/* "Sob consulta" e botao "Solicitar" */
#productGrid .product-card-body .italic, #acessoGrid .product-card-body .italic { font-size: 12px; }
#productGrid .product-card .bg-brand-red\/15,
#acessoGrid  .product-card .bg-brand-red\/15 { font-size: 12px; padding: 6px 12px; }

/* Filtros */
#relogios-ponto .filter-btn, #controle-acesso .filter-btn { font-size: 12.5px; padding: .55rem 1.1rem; }

/* Cards de software */
#softwareGrid .product-card p:first-of-type { font-size: 15px; color: #111111; }
#softwareGrid .product-card .text-xs { font-size: 12.5px; line-height: 1.45; color: #666666; }
#softwareGrid .product-card .bg-brand-red\/15 { font-size: 12px; padding: 6px 12px; }

/* ── Planos Secullum RH + teste gratis ──────────────────────── */
#planos h2 { color: #111; }
#planos > div > div > p { color: #666; }
.planos-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: start; }
.plano-card { position: relative; background: #fff; border: 1px solid #E5E5E5; border-radius: 14px; padding: 24px 20px; display: flex; flex-direction: column; }
.plano-destaque { border-color: var(--tech-amarelo); box-shadow: 0 8px 40px rgba(0,0,0,.08); }
.plano-tag { position: absolute; top: -11px; left: 20px; background: var(--tech-amarelo); color: #111; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; padding: 4px 10px; border-radius: 6px; }
.plano-nome { font-size: 22px; font-weight: 900; color: #111; letter-spacing: -.02em; }
.plano-desc { font-size: 13px; color: #666; line-height: 1.5; margin: 6px 0 16px; }
.plano-specs { display: flex; gap: 10px; margin-bottom: 16px; }
.plano-specs div { flex: 1; background: #FAFAFA; border: 1px solid #EEE; border-radius: 10px; padding: 10px; text-align: center; }
.plano-specs strong { display: block; font-size: 17px; color: #111; }
.plano-specs span { font-size: 10.5px; color: #888; }
.plano-mais { font-size: 12px; font-weight: 700; color: #111; margin-bottom: 6px; }
.plano-lista { list-style: none; padding: 0; margin: 0 0 20px; }
.plano-lista li { font-size: 13px; color: #444; line-height: 1.5; padding: 5px 0 5px 22px; position: relative; }
.plano-lista li::before { content: "✓"; position: absolute; left: 0; color: #8a6a00; font-weight: 800; }
.plano-btn { margin-top: auto; width: 100%; padding: 12px; border: none; border-radius: 10px; background: #111; color: #fff; font: 700 13px Inter, sans-serif; cursor: pointer; transition: background .2s; }
.plano-btn:hover { background: #B30000; }
.plano-destaque .plano-btn { background: var(--tech-amarelo); color: #111; }
.plano-destaque .plano-btn:hover { background: #e8b400; }

.teste-faixa { margin-top: 28px; background: #111; border-radius: 14px; padding: 24px 28px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.teste-faixa h3 { color: #fff; font-size: 22px; font-weight: 900; margin: 0; }
.teste-faixa p { color: rgba(255,255,255,.72); font-size: 13px; margin: 4px 0 0; max-width: 520px; }
.teste-btn { background: var(--tech-amarelo); color: #111; border: none; border-radius: 10px; padding: 14px 26px; font: 800 14px Inter, sans-serif; cursor: pointer; white-space: nowrap; transition: background .2s, transform .2s; }
.teste-btn:hover { background: #e8b400; transform: translateY(-1px); }

.clientes-sec { margin-top: 28px; text-align: center; }
.clientes-titulo { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #888; margin-bottom: 14px; }
.clientes-logos { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.clientes-logos span { background: #fff; border: 1px solid #E5E5E5; border-radius: 8px; padding: 9px 16px; font-size: 13px; font-weight: 700; color: #555; }

/* Modal do teste */
.teste-modal { position: fixed; inset: 0; z-index: 300; display: flex; align-items: center; justify-content: center; padding: 16px; }
.teste-modal.hidden { display: none; }
.teste-overlay { position: absolute; inset: 0; background: rgba(0,0,0,.7); backdrop-filter: blur(3px); }
.teste-box { position: relative; background: #fff; border-radius: 16px; padding: 28px; width: 100%; max-width: 430px; max-height: 90vh; overflow-y: auto; }
.teste-box h3 { font-size: 21px; font-weight: 900; color: #111; margin: 0; }
.teste-sub { font-size: 13px; color: #666; line-height: 1.5; margin: 6px 0 18px; }
.teste-box label { display: block; font-size: 11.5px; font-weight: 700; color: #111; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 11px; }
.teste-box input { width: 100%; margin-top: 5px; padding: 11px 13px; border: 1px solid #E5E5E5; border-radius: 9px; font: 400 14px Inter, sans-serif; text-transform: none; letter-spacing: 0; box-sizing: border-box; }
.teste-box input:focus { outline: none; border-color: var(--tech-amarelo); box-shadow: 0 0 0 3px rgba(255,198,0,.25); }
.teste-enviar { width: 100%; margin-top: 6px; padding: 14px; border: none; border-radius: 10px; background: var(--tech-amarelo); color: #111; font: 800 14px Inter, sans-serif; cursor: pointer; }
.teste-enviar:hover { background: #e8b400; }
.teste-nota { font-size: 11.5px; color: #999; text-align: center; margin: 10px 0 0; }
.teste-x { position: absolute; top: 12px; right: 14px; background: none; border: none; font-size: 26px; line-height: 1; color: #999; cursor: pointer; }
.teste-x:hover { color: #111; }

@media (max-width: 900px) { .planos-grid { grid-template-columns: 1fr; } .teste-faixa { flex-direction: column; align-items: flex-start; } .teste-btn { width: 100%; } }

/* ══════════════════════════════════════════════════════════════
   CALCULADORA DE ROI B2B (DK FLASH TECH)
   ══════════════════════════════════════════════════════════════ */
.b2b-calc-card {
    background: linear-gradient(145deg, #1e1e24 0%, #16161a 100%);
    border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 20px;
    padding: 32px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    margin: 40px auto; max-width: 1100px; color: #fff;
}
.b2b-calc-header { margin-bottom: 24px; text-align: center; }
.b2b-tag {
    display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 800;
    letter-spacing: 0.15em; text-transform: uppercase; color: var(--brand-red);
    background: rgba(179, 0, 0, 0.15); padding: 5px 14px; border-radius: 20px; margin-bottom: 12px;
}
.b2b-calc-header h3 { font-size: clamp(24px, 4vw, 32px); font-weight: 900; margin: 0 0 8px; color: #fff; }
.b2b-calc-header h3 span { color: var(--brand-red); }
.b2b-calc-header p { font-size: 14px; color: #a8b0bb; max-width: 650px; margin: 0 auto; }

.b2b-calc-body { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: center; margin-top: 28px; }
@media (max-width: 768px) { .b2b-calc-body { grid-template-columns: 1fr; gap: 20px; } .b2b-calc-card { padding: 20px; } }

.b2b-calc-controls label { display: block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #a8b0bb; margin-bottom: 12px; }
.b2b-slider-wrap input[type="range"] {
    width: 100%; height: 8px; border-radius: 4px; background: #2a2a32;
    accent-color: var(--brand-red); cursor: pointer; outline: none;
}
.b2b-slider-val { font-size: 22px; font-weight: 900; color: #fff; margin-top: 14px; }
.b2b-slider-val span { color: var(--brand-red); font-size: 28px; }

.b2b-calc-results { display: flex; flex-direction: column; gap: 16px; }
.b2b-res-box {
    background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px; padding: 20px; text-align: center;
}
.b2b-res-box span { display: block; font-size: 12px; color: #a8b0bb; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }
.b2b-res-box strong { display: block; font-size: 32px; font-weight: 900; color: #10B981; margin: 6px 0; }
.b2b-res-box small { font-size: 11px; color: #6b7280; }

.b2b-rec-box {
    background: rgba(179, 0, 0, 0.08); border: 1px solid rgba(179, 0, 0, 0.25);
    border-radius: 14px; padding: 20px; text-align: center;
}
.b2b-rec-box span { font-size: 12px; color: #a8b0bb; font-weight: 600; }
.b2b-rec-box strong { display: block; font-size: 16px; font-weight: 800; color: #fff; margin: 6px 0 16px; }

.b2b-btn-wpp {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    width: 100%; padding: 14px 20px; border-radius: 12px; background: #25D366;
    color: #fff; font-size: 13px; font-weight: 800; text-transform: uppercase;
    letter-spacing: 0.04em; text-decoration: none; transition: color 0.3s cubic-bezier(.23,1,.32,1), background-color 0.3s cubic-bezier(.23,1,.32,1), border-color 0.3s cubic-bezier(.23,1,.32,1), box-shadow 0.3s cubic-bezier(.23,1,.32,1), transform 0.3s cubic-bezier(.23,1,.32,1), opacity 0.3s cubic-bezier(.23,1,.32,1);
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.25);
}
.b2b-btn-wpp:hover { background: #1EBE5B; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(37, 211, 102, 0.35); }


/* ── Toque e acessibilidade (padrao apple-design) ────────────── */
.filter-btn:active, .plano-btn:active, .teste-btn:active, .teste-enviar:active,
#productGrid .product-card:active, #acessoGrid .product-card:active, #softwareGrid .product-card:active,
.cta-premium:active { transform: scale(.97); transition: transform 100ms ease-out; }
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
@media (prefers-reduced-transparency: reduce) {
    .modal-overlay, .teste-overlay, #mobileStickyCta { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
}

/* Hover dos cards dentro do orcamento de UI (<300ms), era .5s */
.product-card, .product-card-img-wrap img, .sw-ecard, .modal-container { transition-duration: .22s; }