@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--brand:#1dc5ac;--deep:#153c36;--accent:#1dc5ac;--paper:#f8faf9;--ink:#555555;--muted:#666e6c;--line:#dce5e2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #087f70;outline-offset:5px}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}header{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;position:relative;z-index:5;background:var(--paper)}.wrap{max-width:1280px;width:calc(100% - 96px);margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{display:inline-flex;align-items:center;flex-shrink:0}.logo img{display:block;width:154px;height:auto}.footer-row .logo img{width:140px}.nav-links{display:flex;gap:28px;align-items:center;font-size:13px}.nav-links a{padding:10px 0}.nav-links a.active{font-weight:700;border-bottom:2px solid var(--brand)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:17px 24px;border-radius:6px;font-size:13px;font-weight:700;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.dark{background:var(--brand);color:var(--deep)}.button.accent{background:var(--accent);color:var(--deep)}.button.outline{border-color:#b4c5bf;background:transparent}.arrow{font-size:20px;font-weight:400}.menu-toggle{display:none;border:0;background:none;padding:10px;font-size:24px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:7px;height:7px;background:#1dc5ac;border-radius:50%}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:600px;padding-top:57px;padding-bottom:60px;gap:54px;align-items:center}.hero h1{font-size:clamp(44px,4.7vw,68px);letter-spacing:-3.2px;line-height:1.1;font-weight:500;margin:24px 0}.hero h1 em{font-style:normal;color:#087f70}.hero p{color:var(--muted);font-size:15px;line-height:1.9;max-width:430px}.hero-actions{display:flex;gap:14px;align-items:center;margin-top:29px}.text-link{font-size:13px;font-weight:600;padding:12px 0;display:inline-flex;align-items:center;gap:15px}.hero-foot{display:flex;align-items:center;gap:12px;margin-top:41px;font-size:11px;color:var(--muted)}.hero-foot span:first-child{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--brand)}.showcase{height:486px;border-radius:12px;background:#e2f3ef;position:relative;overflow:hidden;padding:26px;isolation:isolate}.showcase:before{content:'';position:absolute;width:430px;height:430px;border:1px solid #bfddd5;border-radius:50%;left:23%;top:11%;z-index:-1}.showcase:after{content:'';position:absolute;width:320px;height:320px;border:1px solid #bfddd5;border-radius:50%;left:33%;top:23%;z-index:-1}.showcase-label{display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:1.5px}.showcase-bottom{position:absolute;bottom:25px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.showcase-bottom strong{font-weight:500}.showcase-bottom span{padding:8px 10px;border:1px solid #b5d5cd;border-radius:30px}.scene{position:absolute;inset:45px 0 45px;filter:drop-shadow(12px 24px 16px #5555552a)}.locker{position:absolute;width:145px;height:238px;background:#555555;left:49%;top:10%;transform:skewY(-6deg);border:7px solid #484e4c;box-shadow:16px 6px 0 #363c3a;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px}.locker-door{border:1px solid #92aca6;background:linear-gradient(120deg,#738c86,#526d66);position:relative}.locker-door:after{content:'';position:absolute;right:6px;top:45%;height:9px;width:2px;background:#d4e6e1}.locker-door.screen{background:#354340}.locker-door.screen:before{content:'';position:absolute;inset:12px 12px 18px;background:#1dc5ac;box-shadow:inset 0 0 0 3px #263c37}.spool{position:absolute;width:174px;height:174px;left:9%;top:39%;border-radius:50%;background:repeating-radial-gradient(ellipse at center,#1dc5ac 0 2px,#119a86 3px 4px);border:12px solid #444b49;box-shadow:18px 4px 0 #333a38,24px 7px 0 #555555;transform:rotate(-21deg) scaleX(.84)}.spool:before{content:'';position:absolute;inset:42px;border-radius:50%;background:#e0e9e6;border:12px solid #444b49;box-shadow:inset 4px 2px 0 #27312e}.spool:after{content:'BCOM';position:absolute;top:13px;left:38px;color:#edf5f2;font-size:10px;letter-spacing:2px}.tray{position:absolute;left:45%;top:73%;width:200px;height:80px;border-radius:19px;background:repeating-linear-gradient(90deg,#abb3b0 0 3px,#e0e5e3 4px 7px);transform:rotate(-13deg) skewX(15deg);border:5px solid #e8eeeb;box-shadow:0 10px 0 #99a6a1,6px 16px 0 #788780}.tray:after{content:'';position:absolute;inset:5px;border:2px solid #b0bcb6;border-radius:11px;background:linear-gradient(140deg,#eef4f1,#bcc9c2)}.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ribbon .wrap{display:flex;justify-content:space-between;gap:20px;padding:21px 0;font-size:11px;color:#666e6c}.ribbon strong{color:var(--ink);font-weight:500}.ribbon span:before{content:'✳';margin-right:12px;color:#087f70}.section{padding:77px 0}.section-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:33px}.section h2{font-size:37px;letter-spacing:-1.5px;font-weight:500;line-height:1.2;margin-top:15px}.section-heading p{font-size:13px;line-height:1.8;max-width:300px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#ffffff;transition:transform .2s}.card:hover{transform:translateY(-5px)}.card-art{height:220px;background:#e3f5f0;position:relative;overflow:hidden}.card:nth-child(2) .card-art{background:#e7edeb}.card:nth-child(3) .card-art{background:#edf1ef}.card-number{position:absolute;left:19px;top:18px;font-size:10px;letter-spacing:1px;z-index:1}.card-art .scene{inset:0;transform:scale(.8)}.card-art .spool{left:24%;top:9%}.card-art .locker{left:32%;top:0;transform:skewY(-6deg) scale(.8);transform-origin:top}.card-art .tray{left:19%;top:29%;transform:rotate(-13deg) skewX(15deg) scale(1.15)}.card-body{padding:23px}.tag{font-size:9px;letter-spacing:1.7px;text-transform:uppercase;color:#62756f}.card h3{font-size:21px;letter-spacing:-.6px;margin:11px 0}.card p{font-size:13px;color:var(--muted);line-height:1.8;min-height:68px}.card-link{border-top:1px solid var(--line);margin-top:22px;padding-top:16px;display:flex;justify-content:space-between;font-size:12px;font-weight:700}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line)}.about p{line-height:1.9;font-size:15px;color:var(--muted);margin-top:20px}.about-list{display:grid;gap:0}.about-item{border-bottom:1px solid var(--line);padding:21px 0;display:flex;gap:20px}.about-item>span{font-size:12px;color:#087f70}.about-item h3{font-size:17px;font-weight:500}.about-item p{margin-top:7px;font-size:13px}.cta{background:var(--ink);color:var(--paper);border-radius:10px;padding:43px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:65px}.cta h2{font-size:32px;font-weight:500;letter-spacing:-1px}.cta p{font-size:13px;color:#e2eeea;margin-top:12px}footer{border-top:1px solid var(--line);padding:32px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-row p{font-size:11px;color:var(--muted)}.footer-links{display:flex;gap:25px;font-size:12px}.floating{position:fixed;bottom:22px;right:24px;z-index:9;background:var(--brand);color:var(--deep);padding:13px 18px;border-radius:50px;box-shadow:0 5px 20px #153c3626;font-size:12px;display:flex;align-items:center;gap:9px;border:1px solid #179e8b}.floating svg{width:20px;height:20px}.breadcrumb{padding-top:28px;color:var(--muted);font-size:11px}.product-hero{padding-top:32px}.product-hero .showcase .scene{transform:scale(1.25)}.product-hero .showcase .spool{left:29%;top:30%}.product-hero .showcase .locker{left:35%;top:14%}.product-hero .showcase .tray{left:29%;top:49%}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.feature{padding-top:23px;border-top:1px solid var(--line)}.feature h3{font-size:19px;margin:14px 0}.feature p{font-size:14px;color:var(--muted);line-height:1.9}.faq{max-width:850px;margin:auto}.faq h2{margin-bottom:30px}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{font-size:15px;cursor:pointer}.faq details p{color:var(--muted);font-size:14px;line-height:1.9;margin-top:14px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding:70px 0}.contact-layout h1{font-size:54px;line-height:1.13;letter-spacing:-2px;margin:24px 0}.contact-layout p{font-size:15px;line-height:1.9;color:var(--muted)}.contact-note{border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.contact-note h3{margin-bottom:10px;font-size:18px}.form{background:white;border:1px solid var(--line);border-radius:10px;padding:30px}.form h2{font-size:23px;margin-bottom:8px}.form>p{font-size:12px;margin-bottom:25px}.field{display:grid;gap:8px;margin-bottom:19px}.field label{font-size:12px;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid #d5dfdb;border-radius:5px;background:#fcfefd;color:var(--ink);padding:13px;font-size:13px}.field textarea{resize:vertical;min-height:110px}.form .button{width:100%}.form small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:13px}.status{padding:15px;background:#e3f5f0;border-radius:5px;margin-top:16px;font-size:13px;line-height:1.7}.status[hidden]{display:none}@media(min-width:1500px){.hero{min-height:670px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.nav-links{gap:15px;font-size:11px}.nav>.button{display:none}.hero{gap:25px}.hero h1{font-size:49px}.showcase{height:435px}.scene{transform:scale(.85);transform-origin:center}.about{gap:35px}.contact-layout{gap:35px}.hero-actions{flex-wrap:wrap}}@media(max-width:700px){header{height:75px}.wrap{width:calc(100% - 40px)}.logo img{width:136px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:74px;left:0;right:0;background:var(--paper);padding:20px;box-shadow:0 15px 15px #55555510;flex-direction:column;align-items:stretch;font-size:14px}.nav-links.open{display:flex}.hero{grid-template-columns:1fr;padding:40px 0;gap:35px;min-height:0}.hero h1{font-size:48px;letter-spacing:-2.5px}.hero p{font-size:14px}.hero-foot{margin-top:25px}.showcase{height:390px}.scene{transform:scale(.9)}.ribbon .wrap{flex-wrap:wrap;gap:16px}.ribbon .wrap>strong{width:100%}.ribbon span{font-size:10px}.section{padding:50px 0}.section-heading{display:block}.section-heading p{margin-top:20px}.section h2{font-size:31px}.cards{grid-template-columns:1fr}.card-art{height:245px}.card-art .scene{transform:scale(.95)}.card p{min-height:0}.about{grid-template-columns:1fr;gap:20px}.cta{padding:30px;display:block;margin-bottom:40px}.cta h2{font-size:28px}.cta .button{margin-top:25px}.footer-row{flex-wrap:wrap;padding-bottom:60px}.footer-row p{width:100%;order:3}.footer-links{gap:15px}.feature-grid{grid-template-columns:1fr;gap:25px}.contact-layout{grid-template-columns:1fr;gap:30px;padding:40px 0}.contact-layout h1{font-size:45px}.form{padding:23px}.floating{bottom:16px;right:16px}.product-hero .showcase .scene{transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Fotografias da linha de fechaduras digitais nas apresentações compartilhadas. */
.smart-lock-card-photo{width:100%;height:100%;object-fit:contain;background:#fff;padding:16px}.smart-lock-scene-photo{position:absolute;width:145px;height:255px;object-fit:contain;left:49%;top:6%;border-radius:10px;background:#fff;padding:8px}
.footer-links{flex-wrap:wrap}.footer-links a[href^="mailto:"]{overflow-wrap:anywhere}
.has-whatsapp-logo>.whatsapp-logo{display:inline-block;width:22px;height:22px;min-width:22px;object-fit:contain;padding:0;border:0;border-radius:0;vertical-align:middle;margin:0 8px 0 0;flex-shrink:0}
.button.has-whatsapp-logo,.floating.has-whatsapp-logo,.text-link.has-whatsapp-logo{gap:10px}
.button.has-whatsapp-logo>.whatsapp-logo,.floating.has-whatsapp-logo>.whatsapp-logo,.text-link.has-whatsapp-logo>.whatsapp-logo{margin:0}