:root{--ink:#00004e;--paper:#f3f4f5;--warm:#fe645a;--blue:#525289;--line:rgba(12,17,21,.15);--pad:clamp(28px,5vw,86px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:400 16px/1.55 'DM Sans',Arial,sans-serif;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img,video{display:block;max-width:100%}.skip{position:fixed;z-index:999;left:12px;top:-60px;padding:10px 14px;background:#fff}.skip:focus{top:12px}.kicker{margin:0 0 20px;padding-left:10px;position:relative;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.kicker:before{content:'';position:absolute;left:0;top:7px;width:3px;height:3px;border-radius:50%;background:currentColor}.section{padding:clamp(85px,10vw,165px) var(--pad)}.pill{display:inline-flex;align-items:center;gap:18px;padding:14px 21px;border:0;border-radius:30px;background:var(--ink);color:#fff;font-size:13px;font-weight:700;transition:transform .3s,background .3s,color .3s}.pill:hover{transform:translateY(-4px);background:#28333b}.pill b{font-size:20px;font-weight:300}.pill-light{background:#fff;color:var(--ink)}.pill-light:hover{background:var(--warm);color:var(--ink)}
.site-header{position:fixed;z-index:100;left:0;right:0;top:0;height:92px;padding:0 var(--pad);display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.13);color:#fff;transition:background .4s,color .4s,height .4s,border-color .4s,transform .4s}.site-header.scrolled{height:72px;background:rgba(0,0,78,.9);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.08)}.site-header.hidden{transform:translateY(-105%)}.logo img{width:132px;filter:brightness(0) invert(1)}.desktop-nav{display:flex;gap:42px;margin-left:auto;margin-right:40px}.desktop-nav a{position:relative;font-size:12px}.desktop-nav a:before{content:'°';margin-right:8px}.desktop-nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--warm);transition:right .25s}.desktop-nav a:hover:after,.desktop-nav a.active:after{right:0}.header-cta{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#fff;font-size:12px;font-weight:700}.header-cta span{font-size:18px}.menu-toggle{display:none;width:42px;height:34px;border:0;background:transparent;position:relative}.menu-toggle span{position:absolute;left:5px;width:32px;height:1px;background:#fff}.menu-toggle span:first-child{top:11px}.menu-toggle span:last-child{top:22px}
.mobile-menu{position:fixed;z-index:100;inset:0;display:flex;flex-direction:column;padding:0 24px 30px;background:radial-gradient(circle at 88% 8%,rgba(255,193,141,.23),transparent 26%),var(--ink);color:#fff;opacity:0;visibility:hidden;transition:.4s}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu>div{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.14)}.mobile-menu img{width:112px;filter:brightness(0) invert(1)}.mobile-menu>div button{width:43px;height:43px;border:1px solid #59636b;border-radius:50%;background:transparent;color:#fff;font-size:27px}.mobile-menu>a{display:grid;grid-template-columns:40px 1fr auto;align-items:center;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.13);font-size:clamp(38px,12vw,58px);line-height:1;letter-spacing:-.05em}.mobile-menu>a:after{content:'↗';font-size:13px;opacity:.5}.mobile-menu>a span{font-size:8px;letter-spacing:.12em;color:#75838d}.mobile-menu>button{margin-top:auto;padding:15px 20px;border:0;border-radius:30px;background:var(--warm);color:var(--ink);font-weight:700}
.product-hero{position:relative;min-height:100vh;display:grid;grid-template-columns:44% 56%;background:var(--ink);color:#fff;overflow:hidden}.product-hero:before{content:'';position:absolute;inset:0 56% 0 0;background:radial-gradient(circle at -5% 58%,rgba(128,152,196,.21),transparent 43%)}.hero-copy{position:relative;z-index:2;align-self:center;padding:120px 8% 90px var(--pad)}.hero-copy h1{margin:0 0 34px;font-size:clamp(78px,10vw,178px);font-weight:400;line-height:.78;letter-spacing:-.085em}.hero-copy h1 span{display:block;color:transparent;-webkit-text-stroke:1px #fff}.hero-lead{max-width:530px;color:#aeb8bf;font-size:clamp(17px,1.35vw,23px)}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:40px}.hero-actions>a{font-size:12px;color:#b7c0c6}.hero-actions>a b{margin-left:8px;color:var(--warm)}.hero-visual{position:relative;display:grid;place-items:center;background:linear-gradient(135deg,#879bc2 0%,#bbb2bb 51%,#fe645a 100%);overflow:hidden}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,78,.18),transparent 22%),radial-gradient(circle at 50% 50%,transparent 0 32%,rgba(255,255,255,.1) 32.2% 32.5%,transparent 32.7%);pointer-events:none}.hero-visual>img{position:relative;z-index:2;width:min(42%,430px);max-height:68vh;object-fit:contain;filter:drop-shadow(0 50px 35px rgba(28,29,38,.3));transform:translate3d(var(--robot-x,0),var(--robot-y,0),0);transition:transform .25s linear;animation:robotDrive 6s ease-in-out infinite alternate}.hero-orbit{position:absolute;width:min(65vw,720px);aspect-ratio:1;border:1px solid rgba(12,17,21,.25);border-radius:50%;animation:spin 30s linear infinite}.hero-orbit:before,.hero-orbit:after{content:'';position:absolute;border:1px solid rgba(12,17,21,.14);border-radius:50%}.hero-orbit:before{inset:12%}.hero-orbit:after{inset:28%}.hero-orbit span{position:absolute;left:50%;top:-8px;font-size:8px;font-weight:700;letter-spacing:.22em;white-space:nowrap}.hero-stat{position:absolute;z-index:4;display:flex;flex-direction:column;padding:13px 16px;border:1px solid rgba(12,17,21,.26);background:rgba(255,255,255,.2);backdrop-filter:blur(10px)}.hero-stat strong{font-size:27px;font-weight:500;line-height:1}.hero-stat span{font-size:8px;letter-spacing:.12em;text-transform:uppercase}.stat-a{left:7%;bottom:17%}.stat-b{right:7%;top:21%}.hero-index{position:absolute;z-index:5;left:var(--pad);bottom:30px;color:#71808a;font-size:8px;letter-spacing:.2em}.product-marquee{height:170px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--ink);background:#fff}.product-marquee>div{width:max-content;white-space:nowrap;font-size:clamp(65px,7vw,118px);font-weight:800;line-height:1;letter-spacing:-.06em;animation:marquee 24s linear infinite}.product-marquee i{font:inherit;color:transparent;-webkit-text-stroke:1px var(--ink)}
.overview{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(55px,8vw,140px);align-items:center}.overview-copy h2,.section-head h2,.performance-head h2{margin:0 0 35px;font-size:clamp(45px,5vw,82px);font-weight:400;line-height:1.02;letter-spacing:-.06em}.overview-copy>p:not(.kicker){max-width:600px;color:#4f5961}.overview-copy .pill{margin-top:26px}.overview-video{position:relative;height:min(72vh,760px);background:#00003a;overflow:hidden}.overview-video video{width:100%;height:100%;object-fit:contain;filter:saturate(.88) brightness(.78);transform:scale(1.02)}.overview-video:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,58,.8),transparent 48%);pointer-events:none}.overview-video>div{position:absolute;z-index:2;left:35px;bottom:32px;display:flex;flex-direction:column;color:#fff}.overview-video span{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--warm)}.overview-video strong{font-size:clamp(24px,2.7vw,44px);font-weight:400}
.capabilities{background:var(--paper)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:70px}.section-head h2{margin:0}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.capability{padding:18px 18px 33px;background:#fff;border:1px solid rgba(12,17,21,.08);transition:transform .45s,box-shadow .45s}.capability:hover{transform:translateY(-10px);box-shadow:0 25px 60px rgba(24,31,37,.12)}.capability-image{position:relative;height:330px;margin-bottom:30px;overflow:hidden;background:linear-gradient(135deg,#8da0c5,#fe645a)}.capability-image img{width:100%;height:100%;object-fit:cover;image-rendering:auto;filter:saturate(.78);transition:transform .7s}.capability:hover img{transform:scale(1.08)}.capability-image span{position:absolute;left:15px;top:15px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-size:9px}.capability h3{margin:0 0 15px;font-size:clamp(24px,2.15vw,37px);font-weight:400;line-height:1.08;letter-spacing:-.045em}.capability>p:last-child{color:#5d676e}
.slam-section{min-height:880px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:100px var(--pad);background:var(--ink);color:#fff;overflow:hidden}.slam-radar{position:relative;width:min(70vw,650px);aspect-ratio:1;border:1px solid #34414a;border-radius:50%;display:grid;place-items:center}.slam-radar:before,.slam-radar:after,.slam-radar span{content:'';position:absolute;border:1px solid #2e3a43;border-radius:50%}.slam-radar:before{inset:15%}.slam-radar:after{inset:31%}.slam-radar span:nth-child(1){left:50%;top:-7px;width:13px;height:13px;background:var(--warm);box-shadow:0 0 25px var(--warm);animation:radarDot 7s ease-in-out infinite}.slam-radar span:nth-child(2){right:9%;bottom:18%;width:9px;height:9px;background:var(--blue);animation:radarDot 6s ease-in-out -2s infinite}.slam-radar span:nth-child(3){left:5%;top:32%;width:7px;height:7px;background:#fff;animation:radarDot 8s ease-in-out -4s infinite}.slam-radar b{font-size:clamp(90px,15vw,230px);font-weight:400;color:transparent;-webkit-text-stroke:1px #66747e}.slam-copy{padding-left:10%}.slam-copy h2{margin:0 0 30px;font-size:clamp(55px,6vw,100px);font-weight:400;line-height:.98;letter-spacing:-.07em}.slam-copy>p:not(.kicker){max-width:550px;color:#9ca8af}.slam-copy ul{list-style:none;margin:45px 0 0;padding:0;border-top:1px solid #33414a}.slam-copy li{padding:18px 0;border-bottom:1px solid #33414a;font-size:14px}.slam-copy li:before{content:'↗';margin-right:18px;color:var(--warm)}
.performance-head{display:flex;align-items:end;justify-content:space-between}.performance-head h2{max-width:850px}.performance-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.performance-grid article{min-height:350px;padding:35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;align-content:start}.performance-grid strong{font-size:clamp(100px,11vw,180px);font-weight:300;line-height:.8;letter-spacing:-.08em}.performance-grid span{font-size:25px}.performance-grid p{grid-column:1/-1;align-self:end;max-width:280px;color:#606b72}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;background:linear-gradient(135deg,#879bc2,#c2b9bf 52%,#fe645a)}.specs-visual{position:relative;height:720px;display:grid;place-items:center}.specs-visual img{position:relative;z-index:2;height:78%;object-fit:contain;filter:drop-shadow(0 45px 32px rgba(24,27,35,.26));animation:robotDrive 5.5s ease-in-out infinite alternate}.specs-halo{position:absolute;width:74%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);animation:breathe 5s ease-in-out infinite}.specs-copy h2{margin:0 0 30px;font-size:clamp(65px,7vw,115px);font-weight:400;letter-spacing:-.075em}.specs dl{margin:0 0 35px;border-top:1px solid rgba(12,17,21,.25)}.specs dl div{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;padding:15px 0;border-bottom:1px solid rgba(12,17,21,.25)}.specs dt{font-size:9px;letter-spacing:.15em;text-transform:uppercase}.specs dd{margin:0;font-weight:600}
.specs-visual img.specs-white{border-radius:50%;mix-blend-mode:multiply;filter:contrast(1.04) saturate(.9) drop-shadow(0 45px 32px rgba(24,27,35,.22))}
.final-cta{min-height:760px;display:grid;grid-template-columns:45% 55%;align-items:center;background:var(--ink);color:#fff;overflow:hidden}.final-robot{height:760px;display:grid;place-items:center;background:radial-gradient(circle,rgba(128,152,196,.19),transparent 58%)}.final-robot img{height:72%;filter:drop-shadow(0 42px 32px rgba(0,0,0,.5));animation:robotDrive 6s ease-in-out infinite alternate}.final-cta>div:last-child{padding:80px var(--pad)}.final-cta h2{margin:0 0 25px;font-size:clamp(70px,8vw,132px);font-weight:400;line-height:.84;letter-spacing:-.075em}.final-cta>div:last-child>p:not(.kicker){max-width:570px;color:#a5afb6}.final-cta .pill{margin-top:25px}
.final-consultoria{position:relative;overflow:hidden;background:#000064}.final-consultoria:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 52%,var(--ink)),linear-gradient(0deg,rgba(0,0,78,.42),transparent 50%);pointer-events:none}.final-consultoria img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.05) brightness(.72);animation:none;transform:none}
footer{min-height:260px;padding:58px var(--pad);display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px;background:#00003a;color:#fff}footer .logo img{width:145px}footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:#9da7ad;font-size:13px}footer>div:last-child{align-items:flex-end}.back-top{position:fixed;z-index:35;left:24px;right:auto;bottom:24px;width:48px;height:48px;border:0;border-radius:50%;background:var(--ink);color:#fff;font-size:22px;opacity:0;transform:translateY(15px);transition:.3s}.back-top.visible{opacity:1;transform:none}
.contact-popup{position:fixed;z-index:150;inset:0;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 80% 15%,rgba(255,193,141,.24),transparent 28%),rgba(7,10,13,.97);color:#fff;opacity:0;visibility:hidden;transition:.4s;overflow:auto}.contact-popup.open{opacity:1;visibility:visible}.contact-close{position:fixed;right:35px;top:30px;width:52px;height:52px;border:1px solid #58636b;border-radius:50%;background:transparent;color:#fff;font-size:32px}.contact-popup>div{width:min(920px,100%)}.contact-popup h2{margin:0 0 40px;font-size:clamp(58px,7vw,110px);font-weight:400;line-height:.86;letter-spacing:-.07em}.contact-popup form{display:grid;grid-template-columns:1fr 1fr;gap:23px 30px}.contact-popup label{display:flex;flex-direction:column;gap:8px;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#99a5ad}.contact-popup input,.contact-popup textarea{width:100%;border:0;border-bottom:1px solid #536069;background:transparent;color:#fff;padding:11px 0;outline:0}.contact-popup textarea{height:90px;resize:vertical}.contact-popup label:nth-of-type(4){grid-column:1/-1}.contact-popup form .pill{justify-self:start}.form-status{align-self:center;color:var(--warm);font-size:12px}
.reveal{opacity:0;transform:translateY(45px);transition:opacity .9s,transform .9s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes robotDrive{from{transform:translateX(-10px) rotate(-.25deg)}to{transform:translateX(12px) rotate(.25deg)}}@keyframes breathe{50%{transform:scale(1.06);opacity:.7}}@keyframes radarDot{50%{transform:translate(20px,12px) scale(1.6);opacity:.55}}
@media(max-width:1000px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:block;margin-left:auto}.product-hero{grid-template-columns:1fr;min-height:1250px}.hero-copy{min-height:620px;padding-top:150px}.hero-visual{min-height:630px}.hero-visual>img{width:min(42%,360px)}.overview{grid-template-columns:1fr}.overview-video{height:700px}.capability-grid{grid-template-columns:1fr 1fr}.capability:last-child{grid-column:1/-1}.slam-section{grid-template-columns:1fr;padding-top:130px}.slam-radar{margin:auto}.slam-copy{padding:90px 0 0}.performance-grid{grid-template-columns:1fr}.performance-grid article{min-height:280px}.specs{grid-template-columns:1fr}.final-cta{grid-template-columns:1fr}.final-robot{height:600px}footer{grid-template-columns:1fr 1fr}footer>div:last-child{align-items:flex-start}}
@media(max-width:680px){:root{--pad:22px}.site-header{height:78px}.logo img{width:112px}.product-hero{min-height:1080px}.hero-copy{min-height:540px;padding:125px 22px 60px}.hero-copy h1{font-size:78px}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px;margin-top:28px}.hero-visual{min-height:540px}.hero-visual>img{width:48%;max-height:400px}.hero-orbit{width:120vw}.hero-stat{padding:9px 10px}.hero-stat strong{font-size:21px}.hero-stat span{font-size:6px}.stat-a{left:20px;bottom:18%}.stat-b{right:20px;top:18%}.hero-index{display:none}.product-marquee{height:115px}.product-marquee>div{font-size:58px}.section{padding-top:80px;padding-bottom:80px}.overview-copy h2,.section-head h2,.performance-head h2{font-size:43px}.overview-video{height:540px}.section-head,.performance-head{display:block}.capability-grid{grid-template-columns:1fr}.capability:last-child{grid-column:auto}.capability-image{height:285px}.slam-section{min-height:1100px;padding:85px 22px}.slam-radar{width:95vw;margin-left:-3vw}.slam-copy{padding-top:75px}.slam-copy h2{font-size:53px}.performance-grid{margin-top:35px}.performance-grid strong{font-size:105px}.performance-grid article{min-height:270px}.specs-visual{height:520px}.specs-copy h2{font-size:67px}.specs dl div{grid-template-columns:1fr}.final-robot{height:510px}.final-robot img{height:67%}.final-cta>div:last-child{padding:75px 22px 90px}.final-cta h2{font-size:67px}footer{grid-template-columns:1fr;min-height:420px}footer>div:last-child{align-items:flex-start}.contact-popup{padding:80px 20px 25px}.contact-close{right:18px;top:17px;width:43px;height:43px}.contact-popup h2{font-size:56px}.contact-popup form{grid-template-columns:1fr}.contact-popup label:nth-of-type(4){grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-orbit,.hero-visual>img,.specs-visual img,.final-robot img,.specs-halo,.product-marquee>div,.slam-radar span{animation:none}.reveal{opacity:1;transform:none;transition:none}}

@keyframes robotDrive{from{transform:translate(calc(var(--robot-x,0px) - 10px),var(--robot-y,0px)) rotate(-.25deg)}to{transform:translate(calc(var(--robot-x,0px) + 12px),var(--robot-y,0px)) rotate(.25deg)}}

/* BellaBot-specific consultation form */
.contact-popup select{width:100%;border:0;border-bottom:1px solid #536069;background:transparent;color:#c3cbd0;padding:11px 0;outline:0}.contact-popup select option{background:#000064;color:#fff}.contact-popup label:nth-of-type(4){grid-column:auto}.contact-popup label.full{grid-column:1/-1}
@media(max-width:680px){.contact-popup label.full{grid-column:auto}.contact-popup h2{font-size:48px}}

/* Continuous product marquee using one uniform typeface */
.product-marquee>div{display:flex;gap:42px;width:max-content;font-family:'DM Sans',Arial,sans-serif!important;font-size:clamp(65px,7vw,118px);font-style:normal!important;font-weight:800!important;letter-spacing:-.06em;animation:productMarqueeUniform 23s linear infinite;will-change:transform}.product-marquee span{font:inherit;color:var(--ink);white-space:nowrap}.product-marquee span:nth-child(even){color:transparent;-webkit-text-stroke:1px var(--ink)}@keyframes productMarqueeUniform{to{transform:translateX(-50%)}}
@media(max-width:680px){.product-marquee>div{gap:26px;font-size:58px}}

/* 2026-07-15 — grelha comum das páginas de produto */
:root{--product-content:1200px;--product-media:930px}
.section,.slam-section{padding-inline:max(var(--pad),calc((100vw - var(--product-content))/2))}
.overview,.capability-grid,.performance-grid{max-width:var(--product-content);margin-left:auto;margin-right:auto}
.overview-video{max-width:var(--product-media);width:100%}
footer{padding-inline:max(var(--pad),calc((100vw - var(--product-content))/2))}
@media(max-width:680px){.section,.slam-section{padding-inline:22px}footer{padding-inline:22px}}

/* no telemovel a seta "voltar ao topo" fica em cima da pilula dos
   cookies (as duas a left:14px), por isso sai de cena */
@media(max-width:680px){.back-top{display:none!important}}
