:root{--ink:#0c252e;--night:#0b2229;--mint:#8bebcf;--paper:#f3f5ef;--muted:#a3b6b8;--muted-dark:#56695f;--mint-dark:#1d6b5a;--amber:#f5b83d;--amber-hover:#ffcb5c;--font:'Archivo',sans-serif;--body:'Atkinson Hyperlegible',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--night);color:white;font-family:var(--body);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--mint);outline-offset:6px}.skip{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.skip:focus{position:fixed;left:15px;top:10px;width:auto;height:auto;margin:0;padding:15px;overflow:visible;clip:auto;clip-path:none;background:var(--mint);color:var(--ink);z-index:100}.header{height:94px;max-width:1440px;padding:0 64px;display:flex;align-items:center;justify-content:space-between;margin:auto;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:baseline;font-family:var(--font);font-size:30px;font-weight:750;letter-spacing:-1.7px;white-space:nowrap}.brand>span{font-weight:400;margin-left:4px}.brand i{height:6px;width:6px;border-radius:50%;background:var(--mint);margin-left:4px}.brand small{font-family:var(--body);font-size:11px;letter-spacing:0;font-weight:400;margin-left:12px;color:var(--muted)}.header nav{display:flex;gap:32px;color:var(--muted);font-size:14px}.header nav a:hover{color:var(--mint)}.nav-cta{font-size:14px;font-weight:600;border:1px solid var(--amber);padding:12px 18px;border-radius:30px;background:var(--amber);color:var(--ink)}.nav-cta span{margin-left:20px;color:currentColor}.hero{overflow:hidden;position:relative;max-width:1600px;margin:auto;background:radial-gradient(ellipse at 50% 56%,#18434a66,transparent 53%)}.hero-heading{text-align:center;padding-top:55px}.eyebrow{font:500 12px var(--font);letter-spacing:1.6px;color:var(--muted);display:flex;align-items:center;gap:10px}.hero-heading .eyebrow,.closing .eyebrow{justify-content:center}.eyebrow>span{width:5px;height:5px;background:var(--mint);display:inline-block;border-radius:50%}.pulse{box-shadow:0 0 0 4px #8bebcf15}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font)}h1{font-size:clamp(48px,5.25vw,78px);font-weight:500;line-height:1.04;letter-spacing:-4px;margin:23px 0 20px}em{font-style:normal;color:var(--mint)}.hero-heading p{font-size:17px;line-height:1.5;color:var(--muted);text-wrap:balance}.universe{height:415px;position:relative;max-width:1200px;margin:5px auto 0}.product-stage{position:absolute;left:50%;top:50%;width:560px;height:370px;transform:translate(-50%,-50%)}#scene{height:100%;width:100%;position:relative;cursor:grab;touch-action:pan-y;z-index:2}#scene:active{cursor:grabbing}.product-glow{position:absolute;width:280px;height:100px;left:140px;bottom:80px;background:#72e7c22a;filter:blur(50px);border-radius:50%}#loading{position:absolute;top:50%;width:100%;text-align:center;color:var(--mint);font-size:14px}.product-caption{position:absolute;bottom:0;display:flex;align-items:center;justify-content:center;width:100%;font:500 8px var(--font);letter-spacing:1.6px;color:var(--muted);gap:8px}.status-dot{width:4px;height:4px;background:var(--mint);border-radius:100%}.caption-line{width:24px;height:1px;background:#4b7379;margin:0 3px}.orbit{position:absolute;border:1px solid #8bebcf10;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-9deg);pointer-events:none}.orbit-one{width:790px;height:325px}.orbit-two{width:980px;height:400px;border-style:dashed;border-color:#8bebcf09}.orbit-dot{position:absolute;background:#8bebcf;width:4px;height:4px;border-radius:100%;opacity:.6;pointer-events:none}.dot-one{left:38%;top:16%}.dot-two{right:36%;bottom:11%}.connectors{position:absolute;width:100%;height:100%;pointer-events:none}.connectors path{stroke:url(#line);stroke-width:1;fill:none}.feature{position:absolute;z-index:3}.f1{left:9%;top:9%}.f2{left:1%;top:43%}.f3{left:9%;bottom:9%}.f4{right:7%;top:9%}.f5{right:0%;top:43%}.f6{right:7%;bottom:9%}.feature button{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#102d35db;border:1px solid #739b9d37;color:var(--paper);border-radius:12px;text-align:left;box-shadow:0 8px 30px #00000014;transition:transform .25s,border-color .25s,background .25s}.feature button:hover{transform:translateY(-3px);border-color:#8bebcf88}.feature button[aria-pressed=true]{border-color:#8bebcf80;background:#173c43}.feature-icon{font-family:var(--font);height:31px;width:31px;background:#8bebcf0d;border:1px solid #8bebcf15;border-radius:8px;display:grid;place-items:center;color:var(--mint);font-size:18px}.feature button>span:nth-child(2){font-size:13px;line-height:1.3}.feature small{display:block;color:var(--muted);font:400 7px var(--font);letter-spacing:1.5px;margin-bottom:5px}.feature b{font-weight:400;font-size:13px;color:var(--muted);margin-left:4px}.universe-bottom{display:flex;align-items:center;justify-content:space-between;max-width:850px;margin:0 auto;gap:20px}.feature-detail{display:flex;align-items:center;gap:17px}.feature-detail>span{color:var(--mint);font:400 9px var(--font);letter-spacing:1px;white-space:nowrap}.feature-detail p{font-size:12px;color:var(--muted);line-height:1.4}.rotate-control{background:none;border:1px solid #53747955;border-radius:25px;padding:8px 12px;color:var(--muted);font-size:12px;white-space:nowrap}.rotate-control[aria-pressed=true]{color:var(--mint);border-color:var(--mint)}.hero-actions{display:flex;justify-content:center;align-items:center;gap:30px;padding:30px 0 48px}.button{display:inline-flex;gap:35px;align-items:center;padding:17px 24px;border-radius:35px;font:500 14px var(--font);transition:transform .2s,background .2s}.primary{background:var(--mint);color:var(--ink);box-shadow:0 5px 30px #8bebcf08}.button:hover{transform:translateY(-2px);background:#b3f5e1}.button span{font-size:18px}.text-link{font-size:14px;display:inline-flex;gap:25px;align-items:center}.text-link:hover{color:var(--mint)}.hero-foot{margin:0 64px;border-top:1px solid #ffffff15;display:flex;justify-content:space-between;padding:22px 0 28px;font:400 8px var(--font);color:var(--muted);letter-spacing:1.5px}.hero-foot b{font-size:12px;margin-left:12px;color:var(--mint)}.possibilities{background:var(--paper);color:var(--ink);padding:95px max(6vw,24px) 45px}.section-heading{max-width:1200px;margin:auto;display:flex;align-items:end;justify-content:space-between;gap:30px}.eyebrow.dark{color:var(--muted-dark)}.eyebrow.dark>span{background:var(--mint-dark)}h2{font-size:clamp(36px,4.2vw,58px);font-weight:500;line-height:1.08;letter-spacing:-2.8px;margin-top:23px}.possibilities h2 em,.network em{color:var(--mint-dark)}.section-heading>p{font-size:16px;line-height:1.5;color:var(--muted-dark);padding-bottom:5px}.environment-tabs{display:flex;max-width:1200px;gap:12px;margin:38px auto 25px}.environment-tabs button{display:flex;gap:12px;align-items:center;background:transparent;border:1px solid #0c252e24;border-radius:30px;padding:13px 23px;font-size:16px;color:var(--muted-dark);transition:background .2s}.environment-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.environment-tabs button:hover{border-color:var(--mint-dark)}.environment-panel{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.35fr 1fr;background:white;border:1px solid #0c252e0d;border-radius:20px;overflow:hidden;min-height:420px}.environment-scene{position:relative;overflow:hidden;background:#c4d2ce;min-height:420px}.environment-scene img{height:100%;width:100%;object-fit:cover;position:absolute;filter:saturate(.55) brightness(.75);transition:opacity .2s}.photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,#122c3080,transparent 65%)}.scene-label{position:absolute;top:25px;left:25px;font:500 12px var(--font);letter-spacing:1.2px;color:var(--paper);background:#15303988;backdrop-filter:blur(10px);border:1px solid #ffffff30;border-radius:25px;padding:10px 12px;display:flex;align-items:center;gap:7px}.scene-label>span{width:4px;height:4px;background:var(--mint);border-radius:50%}.tv-wall{position:absolute;width:76%;left:12%;top:24%;filter:drop-shadow(0 15px 20px #0006);transform:perspective(1000px) rotateY(-7deg)}.tv-screen{aspect-ratio:16/9;border:8px solid #101b1e;border-bottom-width:12px;border-radius:9px;background:#254d4e;position:relative;padding:17px 21px;color:white;overflow:hidden;transition:background .4s}.tv-top{display:flex;justify-content:space-between;position:relative;z-index:1;font:500 11px var(--font);letter-spacing:1px}.tv-top b{color:var(--mint)}.tv-content{position:relative;z-index:1;padding-top:25px;max-width:85%}.tv-content>small{font:400 11px var(--font);letter-spacing:.6px;color:var(--paper)}.tv-content h3{font-size:clamp(18px,2.2vw,30px);line-height:1.1;font-weight:500;letter-spacing:-1px;margin:9px 0}.tv-content p{font-size:11px;max-width:240px;line-height:1.35;color:var(--paper)}.tv-bottom{position:absolute;z-index:1;bottom:13px;left:21px;right:21px;display:flex;justify-content:space-between;border-top:1px solid #ffffff33;padding-top:8px;font:400 11px var(--font);letter-spacing:.6px}.tv-decoration{position:absolute;width:170px;height:170px;right:-45px;top:30px;border:25px solid #c3e4be15;border-radius:50%;box-shadow:0 0 0 25px #c3e4be0b,0 0 0 50px #c3e4be06}.tv-stand{width:28%;height:7px;background:#152529;margin:0 auto;border-radius:0 0 8px 8px}.illustration-note{position:absolute;bottom:20px;left:25px;font-size:12px;color:var(--paper)}.environment-story{padding:42px 38px;display:flex;flex-direction:column;align-items:flex-start}.story-index{font:500 12px var(--font);letter-spacing:1.4px;color:var(--mint-dark)}.environment-story>h3{font-size:36px;font-weight:500;letter-spacing:-1.5px;line-height:1.1;margin:22px 0 16px}.environment-story>p{font-size:16px;line-height:1.5;color:var(--muted-dark);max-width:350px}.story-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.story-tags span{padding:6px 11px;border-radius:20px;border:1px solid #dfe8e1;color:var(--muted-dark);font-size:14px}.story-footer{border-top:1px solid #e8eee8;margin-top:auto;padding-top:23px;width:100%;display:flex;align-items:center;gap:13px;padding-top:22px}.story-footer>p{font-size:14px;color:var(--muted-dark);line-height:1.5}.story-footer>span:last-child{margin-left:auto;font-size:21px;color:var(--mint-dark)}.mini-box{display:flex;align-items:center;justify-content:center;width:38px;height:30px;transform:rotate(-8deg);border-radius:7px;background:#1d5145;color:var(--paper);box-shadow:0 4px 0 #143c34;font-size:12px;font-family:var(--font);font-weight:700}.mini-box>span{font-size:8px;margin-left:1px}.other-places{max-width:1200px;margin:35px auto 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.other-places>span{font:400 12px var(--font);letter-spacing:1px;color:var(--muted-dark)}.other-places p{font-size:15px;color:var(--ink)}.other-places i{margin:0 16px;color:var(--muted-dark)}.how{padding:95px max(6vw,24px);background:#102d35}.how .section-heading>p{color:var(--muted)}.steps{max-width:1200px;margin:48px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps article{border-top:1px solid #b1d2cf30;padding-top:15px}.step-visual{height:125px;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:var(--mint)}.line-tv{width:110px;height:69px;border:1px solid #76b7a5;border-radius:7px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.line-tv:after{content:'';position:absolute;bottom:-8px;width:30px;height:7px;border-bottom:1px solid #76b7a5;border-left:1px solid #76b7a5;transform:skew(-10deg)}.line-box{position:absolute;bottom:16px;left:calc(50% + 5px);padding:10px 15px;background:#2a5e56;border:1px solid #85c9b0;transform:skewY(-10deg);border-radius:7px;font:500 12px var(--font);box-shadow:0 4px 0 #153b37}.step-arrow{position:absolute;left:calc(50% + 72px);font-size:28px;top:33px}.line-panel{height:78px;width:130px;border:1px solid #76b7a5;border-radius:7px;padding:20px 12px 10px;display:flex;gap:6px;position:relative}.line-panel:before{content:'';position:absolute;top:5px;left:9px;width:16px;height:3px;background:radial-gradient(circle at 1.5px 1.5px,currentColor 1.4px,transparent 1.5px) 0 0/6px 3px repeat-x}.line-panel span{height:38px;width:25px;border:1px solid #517d73;background:#8bebcf08;border-radius:3px}.line-panel b{position:absolute;right:-12px;bottom:-8px;border-radius:50%;width:35px;height:35px;background:var(--mint);color:var(--ink);display:grid;place-items:center;font-weight:400;font-size:22px}.playing{background:#8bebcf08;font-size:19px}.playing small{font:400 11px var(--font);letter-spacing:.2px;line-height:1.2;text-align:center}.signal{position:absolute;right:calc(50% - 85px);top:15px;font-size:36px;transform:rotate(-40deg)}.step-number{font:400 12px var(--font);letter-spacing:1.1px;color:var(--muted)}.steps h3{font-size:21px;font-weight:500;letter-spacing:-.6px;margin:15px 0 13px}.steps p{font-size:15px;line-height:1.6;color:var(--muted);max-width:300px}.network{padding:80px max(6vw,24px);background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.network>div{max-width:570px}.network>div:last-child{padding:10px 0}.network h2{font-size:46px}.network p{font-size:17px;color:var(--muted-dark);line-height:1.6;max-width:450px;margin:24px 0}.network .text-link{color:var(--mint-dark)}.network-art{width:100%;height:310px;position:relative;background:radial-gradient(ellipse,#dceadf99,transparent 70%)}.network-art svg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0}.network-art path{fill:none;stroke:#7ea391;stroke-width:1;stroke-dasharray:4 5}.network-center{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--ink);color:var(--paper);width:125px;height:85px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;align-content:center;font:600 25px var(--font);letter-spacing:-1px;box-shadow:0 10px 30px #254d4422}.network-center>span{font-weight:400;margin-left:3px}.network-center>small{width:100%;text-align:center;font:400 12px var(--font);letter-spacing:.4px;color:var(--mint);margin-top:8px}.network-node{position:absolute;z-index:1;background:var(--paper);display:flex;flex-direction:column;align-items:center;font-size:33px;color:var(--mint-dark)}.network-node small{font:400 12px var(--font);letter-spacing:.4px;color:var(--muted-dark);margin-top:6px}.n1{left:14%;top:9%}.n2{right:14%;top:9%}.n3{left:43%;bottom:2%}.closing{padding:85px 24px;text-align:center;background:radial-gradient(ellipse at bottom,#1b4b4a,transparent 70%)}.closing h2{font-size:72px;margin:24px 0 32px;letter-spacing:-3.5px}.environment-panel.changing{animation:appear .35s ease}@keyframes appear{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.network{padding-left:calc((100vw - 1200px)/2);padding-right:calc((100vw - 1200px)/2)}}
@media(max-width:1100px){.header{padding:0 32px}.header nav{gap:20px}.brand small{display:none}.universe{max-width:950px}.feature button{padding:11px;gap:8px}.feature button>span:nth-child(2){font-size:11px}.feature b{display:none}.f1,.f3{left:4%}.f4,.f6{right:3%}.f2{left:1%}.f5{right:0}.product-stage{width:470px}.universe-bottom{max-width:760px;padding:0 20px}.environment-story{padding:30px}.environment-story>h3{font-size:29px}.tv-screen{padding:13px}.tv-content{padding-top:15px}.tv-bottom{left:13px;right:13px}.environment-story>p{font-size:15px}.story-footer{margin-top:25px}.section-heading>p{font-size:14px}.network{gap:30px}.network h2{font-size:40px}}
@media(max-width:760px){html{scroll-padding-top:25px}.header{height:76px;padding:0 22px}.brand{font-size:27px}.header nav{display:none}.nav-cta{font-size:12px;padding:9px 12px}.nav-cta span{margin-left:12px}.hero-heading{padding:42px 22px 0}.eyebrow{font-size:12px;letter-spacing:.9px}.hero-heading h1{font-size:48px;letter-spacing:-2.7px;margin-top:22px}.hero-heading p{font-size:15px}.desktop{display:none}.universe{height:505px;margin-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:300px 20px 0;align-content:start}.product-stage{top:4px;transform:translateX(-50%);width:100%;max-width:430px;height:285px}.product-caption{bottom:10px;font-size:6px}.feature{position:relative;left:auto;right:auto;top:auto;bottom:auto}.feature button{width:100%;padding:10px 9px;gap:7px;border-radius:10px;min-height:57px}.feature small{font-size:6px;letter-spacing:1px;margin-bottom:4px}.feature-icon{width:27px;height:27px;min-width:27px;font-size:16px}.feature button>span:nth-child(2){font-size:10px}.f4{grid-column:2;grid-row:1}.f5{grid-column:2;grid-row:2}.f6{grid-column:2;grid-row:3}.connectors{display:none}.orbit-one{top:150px;width:390px;height:180px}.orbit-two{top:150px;width:500px;height:240px}.dot-one{top:75px;left:18%}.dot-two{top:205px;right:14%}.universe-bottom{padding:0 22px;align-items:start;gap:10px;margin-top:10px}.feature-detail{gap:8px}.feature-detail>span{font-size:7px;margin-top:3px}.feature-detail p{font-size:11px;max-width:230px}.rotate-control{padding:7px 9px;font-size:16px;line-height:1}.rotate-control span{display:none}.hero-actions{padding:26px 0 32px;flex-direction:column;gap:20px}.button{font-size:14px;padding:15px 21px}.text-link{font-size:14px}.hero-foot{margin:0 22px;padding:20px 0;font-size:6px;letter-spacing:1px}.hero-foot>span:first-child{display:none}.possibilities{padding:58px 20px 30px}.section-heading{display:block}.section-heading>p{margin-top:22px}h2{font-size:38px;letter-spacing:-1.8px;margin-top:17px}.environment-tabs{gap:6px;margin:25px 0 18px;overflow:auto;padding:3px 0}.environment-tabs button{gap:6px;font-size:14px;padding:11px 12px;white-space:nowrap}.environment-panel{grid-template-columns:1fr;min-height:0;border-radius:14px}.environment-scene{min-height:285px}.tv-wall{width:74%;left:13%;top:24%;max-width:420px}.tv-screen{padding:15px;border-width:6px;border-bottom-width:9px}.tv-content{padding-top:15px}.tv-content h3{font-size:22px}.tv-content>small{font-size:11px}.tv-content p{font-size:11px}.tv-bottom{font-size:11px;bottom:9px;padding-top:5px}.tv-top{font-size:11px}.scene-label{top:17px;left:17px;font-size:12px;padding:7px 11px}.illustration-note{bottom:13px;left:17px;font-size:12px}.environment-story{padding:27px}.environment-story>h3{font-size:30px;margin-top:17px}.environment-story>h3 br{display:none}.environment-story>p{font-size:15px;max-width:none}.story-tags{margin-top:17px}.story-footer{margin-top:25px;padding-top:18px}.other-places{display:block;margin-top:25px}.other-places>span{font-size:12px}.other-places p{font-size:14px;margin-top:15px}.other-places i{margin:0 8px}.how{padding:57px 24px}.steps{grid-template-columns:1fr;gap:28px;margin-top:30px}.steps article{display:grid;grid-template-columns:95px 1fr;column-gap:20px;padding-top:24px}.step-visual{grid-column:1;grid-row:1/4;height:115px;margin:0;transform:scale(.8);transform-origin:center}.step-number{grid-column:2;font-size:12px}.steps h3{grid-column:2;font-size:19px;margin:11px 0}.steps p{grid-column:2;font-size:14px}.line-tv{min-width:100px}.line-box{left:38%}.step-arrow{display:none}.network{padding:45px 24px 55px;grid-template-columns:1fr;gap:25px}.network-art{height:235px;max-width:400px!important;margin:auto;order:2}.network h2{font-size:38px}.network p{font-size:15px;margin:20px 0}.network-center{width:110px;height:76px}.closing{padding:58px 20px}.closing h2{font-size:53px;letter-spacing:-2.8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:760px){.tv-content{max-width:100%;padding-top:10px}.tv-content h3{font-size:17px;letter-spacing:-.5px;margin:4px 0}.tv-content p{font-size:11px;max-width:none}.tv-bottom{bottom:7px;padding-top:4px}}
@media(max-width:760px){.tv-bottom{display:none}.tv-content p{line-height:1.25}.tv-content{padding-top:6px}}

.real-media{background:var(--paper);color:var(--ink);padding:35px max(6vw,24px) 85px}.real-media h2 em{color:var(--mint-dark)}.real-media-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:25px;max-width:1200px;margin:38px auto 0}.real-media figure{margin:0;overflow:hidden;border-radius:16px;background:#fff}.real-photo img{width:100%;height:340px;display:block;object-fit:cover;object-position:center 28%}.real-media figcaption{padding:23px 26px;display:flex;justify-content:space-between;gap:25px;align-items:start}.real-media figcaption>span{font:500 12px var(--font);letter-spacing:1.5px;color:var(--mint-dark);white-space:nowrap;padding-top:4px}.real-media figcaption p{font-size:15px;line-height:1.4;color:var(--muted-dark)}.video-frame{height:340px;background:#092028;display:flex;align-items:center;justify-content:center;padding:25px}.video-frame video{max-width:100%;max-height:100%;width:100%;object-fit:contain;border-radius:8px}video:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.real-video figcaption{border-top:1px solid #ebf0e8}@media(max-width:760px){.real-media{padding:28px 20px 55px}.real-media-grid{grid-template-columns:1fr;gap:20px;margin-top:26px}.real-photo>img{height:270px}.video-frame{height:270px;padding:20px}.real-media figcaption{padding:20px;gap:15px}.real-media figcaption p{font-size:14px}.real-media figcaption>span{font-size:12px}}
/* Segment TVs orbit around the central product. */
.universe{height:520px;margin-top:25px}.product-stage{z-index:2;pointer-events:none}.product-stage canvas{pointer-events:auto}.connectors{display:none}.orbit-one{width:850px;height:350px;transform:translate(-50%,-50%)}.orbit-two{width:1010px;height:435px;transform:translate(-50%,-50%)}.satellites{position:absolute;inset:0;pointer-events:none}.satellite{position:absolute;left:50%;top:0;width:198px;will-change:transform;pointer-events:auto}.satellite-button{background:none;color:var(--paper);border:0;padding:0;width:100%;display:flex;flex-direction:column;align-items:center;transform:scale(1);transition:transform .85s cubic-bezier(.2,.65,.2,1),filter .6s;filter:drop-shadow(0 10px 12px #0005)}.satellite.spotlight{opacity:1!important;z-index:6!important}.satellite.spotlight .satellite-button{transform:scale(1.15);filter:drop-shadow(0 0 20px #8bebcf26)}.satellite-tv{position:relative;display:block;width:100%;aspect-ratio:16/10;border:5px solid #1a2b30;border-bottom-width:9px;border-radius:9px;overflow:hidden;text-align:left;background:#224f50;box-shadow:inset 0 0 0 1px #ffffff20,0 1px 0 #ffffff20;transition:border-color .65s}.spotlight .satellite-tv{border-color:#31595b;box-shadow:0 0 0 1px #8bebcf77}.satellite-tv img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;filter:saturate(.5)}.satellite-shade{position:absolute;inset:0;background:linear-gradient(90deg,#123c3ce8,#123c3c66)}.satellite-kicker{position:absolute;left:11px;top:13px;font:500 11px var(--font);letter-spacing:0;white-space:nowrap;color:var(--paper)}.satellite-tv strong{position:absolute;left:11px;top:33px;right:8px;font:500 16px/1.1 var(--font);letter-spacing:-.55px}.satellite-stand{width:29px;height:7px;border-bottom:2px solid #668787;background:linear-gradient(90deg,transparent 40%,#314e51 40% 60%,transparent 60%);display:block}.satellite-label{margin-top:6px;font:500 14px/20px var(--font);letter-spacing:1px;color:var(--muted);display:flex;gap:15px;transition:color .6s}.spotlight .satellite-label{color:var(--mint)}.satellite-label>span{font-size:14px}.satellite[data-segment=academia] .satellite-shade{background:linear-gradient(90deg,#314228ed,#31422855)}.satellite[data-segment=condominio] .satellite-shade{background:linear-gradient(90deg,#254258ed,#25425855)}.satellite[data-segment=loja] .satellite-shade{background:linear-gradient(90deg,#563a21ed,#563a2155)}.satellite[data-segment=empresa] .satellite-shade{background:linear-gradient(90deg,#343255ed,#34325555)}.satellite[data-segment=franquia] .satellite-shade{background:linear-gradient(90deg,#1b4643ed,#1b464355)}.product-caption{bottom:36px}.universe-controls{display:flex;gap:8px}.universe-bottom{max-width:1000px}.feature-detail{max-width:620px}.feature-detail p{font-size:12px}.hero-foot{margin-top:0}
@media(max-width:1100px) and (min-width:761px){.satellite{width:175px}.satellite-tv strong{font-size:14px;top:30px}.universe{height:500px}.satellite-kicker{font-size:11px}.satellite-label{font-size:14px}.universe-bottom{padding:0 35px}.orbit-one{width:75%;height:350px}}
@media(max-width:760px){.universe{height:auto;display:block;padding:290px 25px 20px;margin-top:15px}.product-stage{top:0;height:275px}.product-caption{bottom:7px}.orbit-one{top:145px;width:390px;height:180px}.orbit-two{top:145px;width:480px;height:235px}.satellites{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:25px 20px;pointer-events:auto}.satellite{position:relative;left:auto;top:auto;width:100%;will-change:auto}.satellite.spotlight .satellite-button{transform:scale(1.045)}.satellite-tv{border-width:4px;border-bottom-width:7px;border-radius:7px}.satellite-kicker{font-size:11px;top:10px;left:9px}.satellite-tv strong{font-size:12px;left:9px;top:26px;letter-spacing:-.4px}.satellite-label{font-size:14px;line-height:20px;letter-spacing:1px;gap:8px;margin-top:4px}.satellite-stand{height:6px;width:23px}.universe-bottom{margin-top:10px;padding:0 24px;gap:8px}.feature-detail{max-width:240px}.feature-detail p{font-size:10px}.universe-controls{gap:5px}.rotate-control{font-size:13px}.hero-heading h1{font-size:46px}.hero-actions{padding-top:25px}}
@media(prefers-reduced-motion:reduce){.satellite-button{transition:none;will-change:auto}.satellite{will-change:auto}}
.satellites{z-index:3}.product-caption{display:none}
/* Fit the opening to the available desktop viewport, including short laptops. */
@media(min-width:761px){
 :root{--header-height:clamp(48px,7svh,80px)}
 .header{height:var(--header-height);padding-inline:clamp(24px,4vw,64px);flex-shrink:0}
 .hero{height:calc(100svh - var(--header-height));min-height:510px;display:flex;flex-direction:column}
 .hero-heading{padding:clamp(12px,2.6svh,30px) 24px 0;flex-shrink:0}
 .hero-heading .eyebrow{font-size:clamp(12px,1svh,13px)}
 .hero-heading h1{font-size:clamp(36px,7.3svh,72px);letter-spacing:-.052em;margin:clamp(10px,1.7svh,18px) 0 clamp(10px,1.7svh,18px)}
 .hero-heading p{font-size:clamp(14px,1.85svh,17px);line-height:1.4}
 .universe{flex:1;width:100%;height:auto;min-height:235px;margin:clamp(6px,1.2svh,14px) auto 0}
 .product-stage{width:min(50%,64svh);height:100%;max-width:560px;max-height:390px}
 .satellite{width:clamp(128px,20svh,198px)}
 .satellite-tv strong{font-size:clamp(12px,1.65svh,16px);top:29%;letter-spacing:-.04em}
 .satellite-kicker{font-size:11px;left:6%;top:11%}
 .satellite-tv strong{left:6%}
 .satellite-label{font-size:14px;line-height:20px;margin-top:4px}
 .orbit-one{width:72%;height:68%;max-width:850px}
 .orbit-two{width:86%;height:88%;max-width:1010px}
 .universe-bottom{width:100%;flex-shrink:0;padding-inline:30px;margin-top:8px;min-height:28px}
 .feature-detail p{font-size:clamp(10px,1.4svh,12px)}
 .hero-actions{padding:clamp(10px,1.8svh,20px) 0;gap:25px;flex-shrink:0}
 .hero-actions .button{padding:clamp(10px,1.5svh,16px) 22px;font-size:12px}
 .hero-foot{flex-shrink:0;margin-inline:clamp(24px,4vw,64px);padding:clamp(10px,1.5svh,18px) 0;font-size:7px}
}
@media(min-width:761px) and (max-height:680px){
 .header .brand{font-size:25px}.header nav{font-size:14px;gap:24px}.nav-cta{font-size:14px;padding:9px 14px}
 .hero-heading{padding-top:12px}.hero-heading h1{font-size:38px;margin:10px 0;line-height:1.02}.hero-heading p{font-size:14px}
 .universe-bottom .rotate-control{font-size:10px;padding:6px 10px}
 .hero-actions .text-link{font-size:11px}.hero-foot{padding-block:9px;font-size:6px}
}
/* Anchor positions are calculated from each section's visible heading. */
html{scroll-padding-top:24px}
/* Approved logo direction: Tela acesa. */
.brand{display:inline-flex;align-items:center;letter-spacing:normal;line-height:0}
.brand .brand-logo{display:block;width:180px;height:auto;max-height:calc(var(--header-height,80px) - 8px);object-fit:contain}
footer .brand .brand-logo{width:195px;max-height:none}
@media(max-width:760px){.brand .brand-logo{width:146px;max-height:58px}footer .brand .brand-logo{width:165px}}
.mini-box{background:none;box-shadow:none;transform:none;width:38px;height:38px}.mini-box img{display:block;width:38px;height:38px}.network-center>img{width:100px;height:35px;object-fit:contain}.network-center>small{margin-top:3px}
/* Animated connections follow each orbiting screen, underneath the Box and TVs: soft arcs with a slow beam of light, no dashes or blinking. */
.energy-network{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
/* Rays to the screens behind the Box recede with them; the highlighted one always reads in full. */
.energy-ray{opacity:var(--ray-depth,1)}.energy-ray.active{opacity:1}
.energy-ray path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:opacity .9s ease}
.energy-ray stop{stop-color:#8bebcf;stop-opacity:0}
.ray-fade stop:nth-child(2){stop-opacity:.5}.ray-fade stop:nth-child(3){stop-opacity:.14}
.ray-light stop:nth-child(2){stop-color:#c9fbeb;stop-opacity:1}
.ray-line{stroke-width:1;opacity:.55}
.ray-glow{stroke-width:6;opacity:.1}
.ray-beam{stroke-width:1.5;opacity:.5}
.energy-ray.active .ray-line{opacity:1}.energy-ray.active .ray-glow{opacity:.22}.energy-ray.active .ray-beam{opacity:.95}
/* Contact points: a 3.5 px mint dot where the line meets the Box and the TV, in a halo that stays within 8 px. */
.ray-contact{opacity:.85;transition:opacity .9s ease}.energy-ray.active .ray-contact{opacity:1}
.contact-core{fill:var(--mint)}
.contact-glow stop{stop-color:var(--mint);stop-opacity:.4}.contact-glow stop:last-child{stop-opacity:0}
@media(max-width:760px){.energy-network{display:none}}
/* Reduced motion: no flowing light; the lines stand still at a fixed .4 and don't brighten with the highlighted TV. */
@media(prefers-reduced-motion:reduce){.ray-glow,.ray-beam{display:none}.energy-ray,.energy-ray.active{opacity:1}.energy-ray path,.ray-contact{transition:none}.ray-line,.energy-ray.active .ray-line{opacity:.4}.ray-fade stop:nth-child(n){stop-opacity:1}.ray-contact,.energy-ray.active .ray-contact{opacity:.8}}
/* Orbits: a hairline ring with a soft light drifting slowly around it, instead of a dashed outline. */
@property --orbit-light{syntax:'<angle>';inherits:false;initial-value:0deg}
.orbit{border:0;padding:1px;background:conic-gradient(from var(--orbit-light),#8bebcf08,#8bebcf42 16%,#8bebcf12 34%,#8bebcf06 52%,#8bebcf2a 74%,#8bebcf08);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:orbit-light 60s linear infinite}
.orbit-two{opacity:.6;animation-duration:90s;animation-direction:reverse}
.orbit-dot{box-shadow:0 0 8px 1px #8bebcf55}
@keyframes orbit-light{to{--orbit-light:360deg}}
@media(prefers-reduced-motion:reduce){.orbit{animation:none}}
.hero-actions .button{padding:11px 19px;font-size:11px;gap:22px}.hero-actions .button>span{font-size:15px}
@media(max-width:760px){.hero-actions{gap:0;padding:19px 0 25px}.hero-actions .button{padding:12px 19px;font-size:11px}}
.hero-actions .cta-chevron{display:block;flex-shrink:0;transition:transform .2s}.hero-actions .button:hover .cta-chevron{transform:translateY(2px)}
@media(min-width:761px){.hero-actions{padding-bottom:clamp(18px,3svh,32px)}}
@media(prefers-reduced-motion:reduce){.hero-actions .cta-chevron{transition:none}}
@media(max-width:760px){
 .hero-heading{padding-top:28px}
 .hero-heading h1{font-size:40px;letter-spacing:-2.1px;margin-top:19px;margin-bottom:16px}
 .hero-heading p{font-size:14px}
 .universe{padding-top:210px;margin-top:8px}
 .product-stage{height:210px}
 .universe .hero-actions{padding:8px 0 28px}
}
/* Order builder */
.nav-cta{display:inline-flex;align-items:center;gap:20px}.nav-cta svg{color:currentColor;flex-shrink:0}
/* Peça sua proposta: o botão do cabeçalho e os botões que levam ao montador
   usam a mesma cor âmbar, para a ação de proposta ter uma cor só no site.
   Texto em var(--ink) sobre var(--amber) dá 8,95:1. */
.cta-proposta{background:var(--amber);color:var(--ink);font-weight:600;box-shadow:0 6px 24px #f5b83d1f}
.cta-proposta svg,.cta-proposta>span{color:currentColor}
.nav-cta:hover,.cta-proposta:hover{background:var(--amber-hover);color:var(--ink)}
.nav-cta:active,.cta-proposta:active{background:#e0a52c}
@media(prefers-reduced-motion:no-preference){
 .nav-cta{transition:background .2s,transform .2s}
 .nav-cta:hover,.cta-proposta:hover{transform:translateY(-1px)}
 .nav-cta:active,.cta-proposta:active{transform:translateY(0)}
}
/* O anel de foco não é âmbar: fica claro sobre o fundo escuro (14,99:1) e
   ganha um halo âmbar do lado de fora da borda. */
.nav-cta:focus-visible,.cta-proposta:focus-visible{outline:2px solid var(--paper);outline-offset:3px;box-shadow:0 0 0 5px #f5b83d55}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.order-section{padding:90px max(6vw,24px);background:radial-gradient(ellipse at 80% 60%,#1b4b4a44,transparent 65%),#0b2229;scroll-margin-top:24px}
.order-section .section-heading>p{color:var(--muted)}
.order-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:28px;max-width:1200px;margin:42px auto 0;align-items:start}
.order-form{background:var(--paper);color:var(--ink);border-radius:21px;padding:32px;scroll-margin-top:24px}
.order-steps{padding:0 0 27px;margin:0 0 30px;display:flex;list-style:none;border-bottom:1px solid #cfdad4;gap:26px}
.order-steps li{display:flex;align-items:center;gap:8px;font:500 14px var(--font);color:var(--muted-dark);white-space:nowrap}
.order-steps li>span:first-child{width:25px;height:25px;border:1px solid #cad9d0;border-radius:50%;display:grid;place-items:center;font-size:12px;position:relative}.order-steps li.current{color:var(--mint-dark)}.order-steps li.current>span:first-child{background:var(--mint-dark);border-color:var(--mint-dark);color:var(--paper)}/* Etapa concluída: o número some e entra um check desenhado em CSS, branco sobre o verde escuro (5,8:1), para a conclusão não ficar mais fraca que a etapa atual. */.order-steps li.completed{color:var(--mint-dark)}.order-steps li.completed>span:first-child{background:var(--mint-dark);border-color:var(--mint-dark);color:transparent}.order-steps li.completed>span:first-child::after{content:"";position:absolute;top:50%;left:50%;width:9px;height:5px;border-left:2px solid var(--paper);border-bottom:2px solid var(--paper);transform:translate(-50%,-60%) rotate(-45deg)}
.order-step[hidden]{display:none}.order-step-title>small{font:500 12px var(--font);letter-spacing:1.3px;color:var(--mint-dark)}.order-step-title h3{font-size:28px;line-height:1.15;letter-spacing:-1px;font-weight:500;margin:13px 0 11px;outline:none}.order-step-title h3:focus-visible{outline:2px solid var(--mint-dark);outline-offset:5px}.order-step-title p{font-size:14px;color:var(--muted-dark);line-height:1.5}
.order-environments{padding:0;border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:25px 0 29px}
.order-environments label{position:relative;cursor:pointer}.order-environments input{position:absolute;width:1px;height:1px;opacity:0}.order-environments label>span{display:flex;align-items:center;gap:9px;padding:15px 11px;border:1px solid #d2dfd5;border-radius:10px;font-size:14px;min-height:51px;transition:background .2s,border-color .2s}.order-environments b{font-size:18px;font-weight:400;color:var(--mint-dark)}.order-environments input:checked+span{background:#e1eee4;border-color:#438c71;color:var(--mint-dark)}.order-environments input:focus-visible+span{outline:2px solid var(--mint-dark);outline-offset:3px}
.order-quantity{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #d9e2da;padding-top:23px}.order-quantity label,.order-units>label{font-size:14px}.order-quantity p{font-size:14px;line-height:1.4;color:var(--muted-dark);margin-top:7px}.order-stepper{display:flex;align-items:center;border:1px solid #c9d9cd;border-radius:30px;background:white;height:41px;flex-shrink:0}.order-stepper button{width:36px;align-self:stretch;background:none;border:0;color:var(--mint-dark);font-size:22px}.order-stepper input{appearance:textfield;-moz-appearance:textfield;width:43px;text-align:center;font:500 15px var(--font);color:var(--ink);border:0;background:transparent;padding:0}.order-stepper input::-webkit-inner-spin-button{appearance:none}.order-units{display:flex;align-items:center;gap:12px;margin-top:20px}.order-units>input{width:55px;background:white;border:1px solid #c9d9cd;padding:7px;border-radius:7px;font:500 14px var(--font);color:var(--ink)}.order-units>span{font-size:14px;color:var(--muted-dark)}.order-next{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:32px;padding-top:23px;border-top:1px solid #d4e0d5}.order-next>span{font-size:14px;color:var(--muted-dark);max-width:220px}.order-next .button{border:0;font-size:14px;gap:20px;padding:13px 20px;background:#1b6553;color:var(--paper);white-space:nowrap}.order-next .button:hover{background:#277b63}.order-next .button>span{font-size:16px}.order-back{padding:8px 0;background:none;border:0;font-size:14px;color:var(--mint-dark)}.order-form :focus-visible{outline-color:var(--mint-dark)}.order-error{font-size:14px;margin-top:18px;color:#a03832;line-height:1.4}.order-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;margin-top:27px}.order-fields>label{font-size:14px;display:block}.order-fields small{font-size:12px;color:var(--muted-dark);margin-left:3px}.order-fields input{margin-top:9px;display:block;width:100%;border:1px solid #d1dfd4;background:#fff;border-radius:8px;padding:13px 12px;font:14px var(--body);color:var(--ink);min-width:0}.order-fields input::placeholder{color:var(--muted-dark);font-size:inherit}.order-fields input[aria-invalid=true],.order-stepper:has(input[aria-invalid=true]){border-color:#a03832}.order-data-note{display:flex;gap:9px;align-items:start;margin-top:25px;color:var(--muted-dark)}.order-data-note svg{flex-shrink:0}.order-data-note p{font-size:14px;line-height:1.6;max-width:380px}.order-review dl{margin:24px 0 0}.order-review dl>div{display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid #dce6dc;padding:12px 0;font-size:14px}.order-review dt{color:var(--muted-dark)}.order-review dd{text-align:right;margin:0;max-width:65%;overflow-wrap:anywhere}.order-preview-note{margin-top:25px;padding:15px;border:1px dashed #b2cbb9;border-radius:10px}.order-preview-note>span{font:500 12px var(--font);letter-spacing:1.2px;color:var(--mint-dark)}.order-preview-note>p{font-size:14px;line-height:1.5;color:var(--muted-dark);margin-top:8px}.order-copy-status{color:var(--mint-dark);font-size:14px;line-height:1.5;margin-top:13px}.order-copy-status textarea{width:100%;height:180px;border:1px solid #c9d9cd;padding:12px;border-radius:8px;font:14px var(--body);color:var(--ink);background:white}
.order-summary{border:1px solid #ffffff20;border-radius:21px;overflow:hidden;background:#123039}.summary-top{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border-bottom:1px solid #ffffff12;font:400 12px var(--font);letter-spacing:1.2px;color:var(--muted)}.summary-dot{width:5px;height:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 4px #8bebcf0d}.summary-product{height:180px;position:relative;overflow:hidden;padding:28px 25px;background:radial-gradient(ellipse at right,#2a625e77,transparent 80%)}.summary-product>img{width:145px;height:auto;display:block;position:relative;z-index:1}.summary-product>span{display:block;font-size:14px;line-height:1.5;color:var(--muted);margin-top:18px;position:relative;z-index:1}.summary-symbol{position:absolute;right:-18px;bottom:-30px;transform:rotate(-15deg);opacity:.28}.summary-symbol img{width:170px;height:170px}.order-summary dl{padding:0 25px;margin:0}.order-summary dl>div{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-top:1px solid #ffffff14;font-size:14px;gap:18px}.order-summary dt{color:var(--muted);font-size:14px}.order-summary dd{margin:0;color:var(--paper);text-align:right;font-size:14px}.summary-included{padding:25px}.summary-included>span{font:400 12px var(--font);letter-spacing:1px;color:var(--muted)}.summary-included p{font-size:14px;color:var(--muted);margin-top:13px;display:flex;align-items:center;gap:10px}.summary-included p:before{content:'✓';color:var(--mint);font-size:12px}.summary-bottom{padding:20px 25px;background:#0d272e;border-top:1px solid #ffffff0d}.summary-bottom>span{font:500 14px var(--font);color:var(--paper)}.summary-bottom p{font-size:14px;color:var(--muted);line-height:1.5;margin-top:8px}
@media(max-width:1000px){.order-layout{grid-template-columns:minmax(0,1.5fr) minmax(255px,1fr);gap:20px}.order-form{padding:25px}.order-steps{gap:14px}.order-environments{grid-template-columns:repeat(2,minmax(0,1fr))}.order-step-title h3{font-size:25px}.order-fields{grid-template-columns:1fr}.order-quantity{gap:10px}.order-quantity label{font-size:14px}}
/* No celular os campos de digitação do pedido ficam em 16px: abaixo disso o
   Safari do iOS dá zoom na página ao focar o campo. */
@media(max-width:760px){.nav-cta{gap:10px}.order-section{padding:55px 20px}.order-section .section-heading>p{font-size:14px}.order-layout{grid-template-columns:1fr;margin-top:30px;gap:23px}.order-form{padding:23px 19px;border-radius:16px}.order-steps{justify-content:space-between;gap:5px;padding-bottom:22px;margin-bottom:24px}.order-steps li{font-size:12px;gap:6px}.order-steps li>span:first-child{width:22px;height:22px;font-size:12px}.order-step-title h3{font-size:25px;letter-spacing:-.8px}.order-step-title p{font-size:14px}.order-environments{gap:8px;margin:22px 0}.order-environments label>span{font-size:14px;padding:13px 10px}.order-quantity{gap:10px}.order-quantity label{font-size:14px}.order-quantity p{font-size:14px}.order-stepper button{width:30px}.order-stepper input{width:34px;font-size:16px}.order-stepper{height:37px}.order-units{flex-wrap:wrap;gap:10px}.order-units>label{font-size:14px}.order-units>span{font-size:14px}.order-next{gap:13px;margin-top:24px}.order-next>span{font-size:14px;max-width:150px}.order-next .button{font-size:14px;gap:12px;padding:12px 16px}.order-fields{gap:18px;margin-top:23px}.order-fields input{padding:13px;font-size:16px}.order-summary{border-radius:16px}.summary-product{height:145px}.summary-product>img{width:130px}.summary-symbol img{width:145px;height:145px}.summary-top{padding:18px 22px}.order-review dl>div{font-size:14px}.order-review dd{max-width:65%}.order-form{scroll-margin-top:16px}}
.order-environment-icon{display:block;flex-shrink:0;color:var(--mint-dark)}.order-environments input:checked+span .order-environment-icon{color:var(--mint-dark)}
.order-quantity.order-units{border-top:0;padding-top:0;margin-top:22px;flex-wrap:nowrap;gap:20px}
@media(max-width:760px){.order-quantity.order-units{gap:10px;margin-top:21px}.order-environment-icon{width:20px;height:20px}}
.order-field-error{display:block;font-size:14px;color:#a03832;line-height:1.4;margin-top:7px}.order-field-error[hidden]{display:none}
/* Frequently asked questions */
.faq-section{background:var(--paper);color:var(--ink);padding:80px max(6vw,24px) 90px}.faq-section h2 em{color:var(--mint-dark)}.faq-list{max-width:1200px;margin:38px auto 0;border-top:1px solid #c8d7cd}.faq-list details{border-bottom:1px solid #c8d7cd}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;cursor:pointer;font:500 18px/1.4 var(--font);letter-spacing:-.4px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{width:21px;height:21px;flex-shrink:0;fill:none;stroke:var(--mint-dark);stroke-width:1.5;stroke-linecap:round;transition:transform .2s}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details[open] summary{color:var(--mint-dark)}.faq-list details>div{padding:0 45px 25px 0;max-width:840px}.faq-list p{font-size:16px;line-height:1.65;color:var(--muted-dark)}.faq-list details>div>a{display:inline-flex;align-items:center;gap:20px;margin-top:17px;font-size:14px;color:var(--mint-dark)}.faq-list summary:focus-visible{outline:2px solid var(--mint-dark);outline-offset:5px;border-radius:4px}
@media(max-width:760px){.faq-section{padding:54px 20px}.faq-list{margin-top:26px}.faq-list summary{padding:20px 0;font-size:15px;letter-spacing:-.25px;gap:20px}.faq-list summary svg{width:18px;height:18px}.faq-list details>div{padding-right:12px;padding-bottom:22px}.faq-list p{font-size:14px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.faq-list summary svg{transition:none}}
/* Readable floor inside the orbiting screens: the kicker only shows while it still fits at 11px. */
.satellite{container-type:inline-size}
@container (max-width:118px){.satellite-kicker{display:none}}
/* Compact phones: the opening call to action fills the row at a comfortable size. */
@media(max-width:760px){
 .universe .hero-actions{margin-inline:-25px}
 .hero-actions .button{width:calc(100% - 48px);min-height:48px;padding:0 24px;font-size:16px;gap:12px;justify-content:center}
}
/* <picture> wraps the photos so each one can ship AVIF/WebP; the box itself must not take part in the layout. */
.satellite-tv picture,.environment-scene picture{position:absolute;inset:0;display:block}
.real-photo picture{display:block}

/* Como funciona: sequência visual do conteúdo até a TV. */
.how-refresh{background:radial-gradient(ellipse at 50% 25%,#1b44464d,transparent 65%),#102d35;padding-top:85px;padding-bottom:75px}
.how-refresh .section-heading>p{color:var(--muted);max-width:260px}.how-flow{position:relative;max-width:1200px;margin:42px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.how-card{position:relative;min-width:0;border:1px solid #87c9b626;border-radius:20px;background:#0c252e;overflow:hidden}.how-demo{height:205px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 65%,#377c6840,transparent 75%),#14343a;border-bottom:1px solid #87c9b61c;padding-bottom:26px}.how-demo-note{position:absolute;bottom:16px;left:10px;right:10px;text-align:center;font:500 12px var(--font);letter-spacing:1.3px;color:var(--muted)}.how-card-copy{padding:25px 25px 28px}.how-step{display:flex;align-items:center;gap:10px;font:500 12px var(--font);letter-spacing:1.5px;color:var(--muted)}.how-step b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#8bebcf14;border:1px solid #8bebcf40;color:var(--mint);font:500 12px var(--font);letter-spacing:0}.how-card h3{font-size:23px;letter-spacing:-.7px;font-weight:500;line-height:1.2;margin:18px 0 12px}.how-card p{color:var(--muted);font-size:15px;line-height:1.6}.how-mini-tv{width:149px;height:91px;border:4px solid #507a75;border-bottom-width:6px;border-radius:10px;background:linear-gradient(135deg,#1a4747,#0d2930);position:absolute;left:calc(50% - 92px);top:40px;box-shadow:0 15px 22px #0002}.how-mini-tv:after{content:'';position:absolute;width:44px;height:8px;bottom:-17px;left:48px;border-bottom:3px solid #507a75;border-left:3px solid #507a75;transform:skew(-12deg)}.how-tv-dot{width:14px;height:14px;border-radius:50%;background:var(--mint);position:absolute;bottom:13px;right:15px;box-shadow:0 0 0 7px #8bebcf13,0 0 20px #8bebcf55}.how-device{position:absolute;left:calc(50% + 4px);top:112px;width:99px;height:47px;border-radius:10px;background:linear-gradient(145deg,#559e8a,#2e675d);border:1px solid #8bebcf7a;transform:rotate(-9deg);box-shadow:0 6px 0 #1c4a43,0 13px 20px #0004;display:flex;align-items:center;justify-content:center}.how-device img{width:66px;height:27px}.how-device i{width:9px;height:2px;background:#a6f7dc;position:absolute;bottom:5px;left:14px}.how-cable{position:absolute;border-bottom:1px solid #8bebcf90;border-left:1px solid #8bebcf90;width:72px;height:24px;top:127px;left:calc(50% - 47px);border-radius:0 0 0 10px}.how-dashboard{width:85%;max-width:270px;border:1px solid #8bebcf3d;border-radius:10px;background:#eef4ec;box-shadow:0 14px 30px #0003;transform:rotate(-3deg);overflow:hidden}.how-dashboard-bar{height:29px;padding:0 11px;display:flex;align-items:center;gap:4px;background:#dce9df;color:#416858}.how-dashboard-bar i{width:4px;height:4px;border-radius:50%;background:#789b89}.how-dashboard-bar span{font:500 8px var(--font);margin-left:8px}.how-dashboard-body{display:flex;align-items:center;gap:12px;padding:15px 12px}.how-thumb{height:69px;width:61px;flex-shrink:0;border-radius:5px;overflow:hidden}.how-thumb img{width:100%;height:100%;object-fit:cover}.how-thumb picture,.how-screen>picture{display:block;width:100%;height:100%}.how-file{color:#143e32;font:500 9px var(--font)}.how-file small{font:400 8px var(--body);display:block;color:#526d5f;margin:5px 0 12px}.how-file b{padding:7px 9px;background:#1c6a57;color:white;border-radius:4px;display:inline-flex;gap:9px;align-items:center;font-weight:500;font-size:8px}.how-file svg{width:11px;height:11px}.how-screen{width:78%;aspect-ratio:16/9;max-width:260px;border:5px solid #48645f;border-bottom-width:8px;border-radius:8px;position:relative;box-shadow:0 15px 30px #0003}.how-screen img{width:100%;height:100%;object-fit:cover;opacity:.32}.how-screen>div{position:absolute;inset:0;padding:13px;background:linear-gradient(90deg,#0c3029bb,transparent)}.how-screen small{font:500 5px var(--font);letter-spacing:1px;color:#c4eadc}.how-screen strong{font:500 clamp(12px,1.3vw,19px)/1.16 var(--font);letter-spacing:-.6px;display:block;margin-top:12px}.how-screen span{position:absolute;bottom:9px;font:500 5px var(--font);letter-spacing:1px}.how-screen i{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--mint)}.how-screen:after{content:'';position:absolute;left:calc(50% - 22px);bottom:-17px;width:44px;height:8px;border-bottom:3px solid #48645f;border-left:3px solid #48645f;transform:skew(-12deg)}.how-update{max-width:1200px;margin:25px auto 0;display:flex;gap:16px;align-items:center;padding:22px 25px;border:1px solid #87c9b630;border-radius:14px;background:#8bebcf06}.how-update-icon{width:36px;height:36px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#8bebcf12;color:var(--mint)}.how-update-icon svg{width:20px;height:20px}.how-update p{font-size:14px;line-height:1.55}.how-update strong{font-weight:400;color:var(--paper);display:block}.how-update p>span{display:block;color:var(--muted);font-size:14px}.how-update-label{margin-left:auto;color:var(--muted);font:400 12px var(--font);letter-spacing:1.3px;text-align:right;max-width:215px}
@media(min-width:761px){.how-card:not(:last-child):after{content:'';position:absolute;right:-1px;top:88px;width:3px;height:35px;background:var(--mint);box-shadow:0 0 15px #8bebcf88;animation:how-send 6s ease-in-out infinite}.how-card:nth-child(2):after{animation-delay:2s}@keyframes how-send{0%,15%,65%,100%{opacity:0;transform:translateY(-14px)}30%,45%{opacity:.75;transform:translateY(0)}}}
@media(max-width:1000px){.how-card-copy{padding:22px 18px}.how-card h3{font-size:20px}.how-card p{font-size:14px}.how-flow{gap:14px}.how-file{font-size:8px}.how-dashboard-body{gap:8px;padding:12px 9px}.how-thumb{width:44px}}
@media(max-width:760px){.how-refresh{padding:55px 20px}.how-refresh .section-heading>p{font-size:15px;max-width:none}.how-flow{grid-template-columns:1fr;margin-top:27px;gap:18px}.how-card{display:block;border-radius:17px}.how-demo{height:180px}.how-card-copy{padding:23px}.how-card h3{font-size:23px;margin:15px 0 10px}.how-card p{font-size:15px}.how-mini-tv{top:29px}.how-device{top:99px}.how-cable{top:114px}.how-dashboard{max-width:260px}.how-file{font-size:9px}.how-dashboard-body{gap:12px;padding:12px}.how-thumb{width:61px;height:65px}.how-screen{max-width:250px}.how-screen strong{font-size:19px}.how-update{padding:19px 17px;align-items:flex-start;gap:12px;margin-top:18px}.how-update-label{display:none}.how-update p>span{font-size:14px;margin-top:5px}.how-update p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.how-card:after{animation:none!important}}

/* Compact mobile steps: illustration beside the explanation. */
@media(max-width:760px){
 .how-refresh{padding:42px 20px}
 .how-refresh .section-heading h2{font-size:34px}
 .how-refresh .section-heading>p{margin-top:16px;font-size:14px}
 .how-flow{gap:12px;margin-top:24px}
 .how-card{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:stretch;border-radius:14px}
 .how-demo{height:auto;min-height:168px;padding:0;border-bottom:0;border-right:1px solid #87c9b61c;overflow:hidden}
 .how-demo-note{display:none}
 .how-card-copy{padding:18px 15px}
 .how-step{gap:7px;font-size:12px;letter-spacing:1px}
 .how-step b{width:24px;height:24px;font-size:12px}
 .how-card h3{font-size:18px;letter-spacing:-.5px;line-height:1.2;margin:11px 0 8px}
 .how-card p{font-size:14px;line-height:1.45}
 .how-mini-tv{width:78px;height:52px;left:10px;top:calc(50% - 36px);border-width:3px;border-bottom-width:4px;border-radius:6px}
 .how-mini-tv:after{width:27px;height:6px;left:22px;bottom:-13px;border-width:2px}
 .how-tv-dot{width:8px;height:8px;bottom:8px;right:8px;box-shadow:0 0 0 4px #8bebcf13,0 0 15px #8bebcf55}
 .how-device{width:64px;height:33px;left:32px;top:calc(50% + 6px);border-radius:6px;box-shadow:0 4px 0 #1c4a43,0 8px 15px #0003}
 .how-device img{width:49px;height:20px}.how-device i{width:6px;left:9px;bottom:3px}
 .how-cable{left:22px;top:calc(50% + 13px);width:34px;height:15px}
 .how-dashboard{width:146px;min-width:146px;transform:rotate(-5deg) scale(.62);flex-shrink:0}
 .how-dashboard-bar{padding:0 7px;height:25px;gap:3px}.how-dashboard-bar span{margin-left:4px;font-size:8px}
 .how-dashboard-body{gap:8px;padding:10px}.how-thumb{width:36px;height:64px}.how-file{font-size:8px}.how-file small{font-size:7px}
 .how-file b{font-size:7px;padding:6px;gap:4px}.how-file svg{width:9px;height:9px}
 .how-screen{width:91px;border-width:3px;border-bottom-width:5px;border-radius:5px}
 .how-screen>div{padding:6px}.how-screen small{font-size:3px;letter-spacing:.3px}
 .how-screen strong{font-size:8px;letter-spacing:-.2px;margin-top:5px}.how-screen span{font-size:3px;bottom:4px}
 .how-screen:after{width:25px;height:6px;left:calc(50% - 12px);bottom:-12px;border-width:2px}
 .how-update{margin-top:14px;padding:15px 13px;gap:9px}.how-update-icon{width:27px;height:27px}.how-update-icon svg{width:16px;height:16px}
 .how-update p{font-size:14px}.how-update p>span{font-size:14px;line-height:1.45;margin-top:4px}
}
@media(max-width:359px){.how-card{grid-template-columns:87px minmax(0,1fr)}.how-card-copy{padding:16px 12px}.how-mini-tv{left:3px}.how-device{left:20px}.how-screen{width:76px}.how-screen strong{font-size:7px}}

/* Each segment tab carries its own icon; the Box logo signs the corner of every TV. */
.environment-tabs button svg{display:block;width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.environment-tabs button[aria-selected=true] svg{color:var(--mint)}
.environment-tabs button:hover:not([aria-selected=true]){background:#0c252e0a;border-color:var(--mint-dark);color:var(--ink)}
.environment-tabs button[aria-selected=true]:hover{border-color:var(--ink)}
.environment-tabs button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.satellite-logo{position:absolute;z-index:2;right:11px;bottom:9px;width:auto;height:clamp(17px,15%,24px);aspect-ratio:40/34;background:url("assets/logo-tv.svg") center/contain no-repeat;opacity:.8;pointer-events:none}
@media(max-width:760px){
 .environment-tabs{scroll-snap-type:x mandatory;scrollbar-width:none}
 .environment-tabs::-webkit-scrollbar{display:none}
 .environment-tabs button{flex:0 0 auto;scroll-snap-align:start}
 .satellite-logo{right:9px;bottom:8px}
}

/* Estados do envio do montador e áreas de toque. */
:root{--error:#B42318}
.order-fields input[aria-invalid=true],.order-stepper:has(input[aria-invalid=true]){border-color:var(--error)}
.order-environments input[aria-invalid=true]+span{border-color:var(--error)}
.order-stepper{height:auto;min-height:44px}
.order-stepper button{width:44px;min-width:44px;min-height:44px;display:grid;place-items:center;line-height:1}
.order-privacy-note{margin-top:22px;font-size:14px;line-height:1.6;color:var(--muted-dark);max-width:420px}
.order-next-send{flex-wrap:wrap;justify-content:flex-end;gap:12px 18px}
.order-next-send>:first-child{margin-right:auto}
.order-copy-button{white-space:nowrap}
.order-result[hidden]{display:none}
.order-result .order-step-title h3{margin-top:0}
.order-result-actions{justify-content:flex-end}
.product-caption{font-size:12px;letter-spacing:.75px;line-height:1.3;flex-wrap:wrap}
@media(max-width:760px){.product-caption{font-size:12px;letter-spacing:.6px;line-height:1.3;flex-wrap:wrap}}
.satellite-label{align-items:center;white-space:normal}
.satellite-label .satellite-label-text{display:block;line-height:1.1;letter-spacing:.5px}

/* Barra fina acima do cabeçalho: atalhos para o painel e para o suporte. */
:root{--topbar-height:34px}
.topbar{background:#081c22;border-bottom:1px solid #ffffff12}
.topbar-inner{max-width:1440px;margin:auto;height:var(--topbar-height);padding:0 clamp(24px,4vw,64px);display:flex;align-items:center;justify-content:flex-end;gap:26px}
.topbar-inner a{display:inline-flex;align-items:center;gap:7px;font:400 12px var(--font);letter-spacing:.3px;color:var(--muted);white-space:nowrap}
.topbar-inner a:hover{color:var(--mint)}
.topbar-inner svg{flex-shrink:0;color:var(--mint);opacity:.85}
@media(min-width:761px){.hero{height:calc(100svh - var(--header-height) - var(--topbar-height))}}
/* O menu fica em linha no desktop e abre em painel sob o cabeçalho no celular. */
.menu-toggle{display:none}
.menu-toggle-bars{position:relative;display:block;width:18px;height:2px;border-radius:2px;background:currentColor}
.menu-toggle-bars:before,.menu-toggle-bars:after{content:'';position:absolute;left:0;display:block;width:18px;height:2px;border-radius:2px;background:currentColor}
.menu-toggle-bars:before{top:-6px}
.menu-toggle-bars:after{top:6px}
@media(max-width:760px){
 :root{--topbar-height:32px}
 .topbar-inner{justify-content:center;gap:18px;padding:0 16px}
 .topbar-inner a{min-height:24px}
 .header{position:relative;gap:8px;padding:0 16px}
 .brand .brand-logo{width:124px}
 .nav-cta{font-size:11px;padding:8px 11px;gap:8px}
 .nav-cta svg{width:13px;height:13px}
 .menu-toggle{display:grid;place-items:center;width:38px;height:38px;padding:0;flex-shrink:0;background:transparent;border:1px solid #ffffff38;border-radius:11px;color:var(--paper)}
 .menu-toggle[aria-expanded=true]{border-color:#8bebcf80;color:var(--mint)}
 body.menu-open .header nav.site-menu{display:flex;position:absolute;left:0;right:0;top:100%;z-index:60;flex-direction:column;gap:0;padding:6px 16px 14px;background:#0d262e;border-bottom:1px solid #ffffff1f;box-shadow:0 18px 40px #00000066}
 .header nav.site-menu a{padding:14px 4px;font-size:16px;color:var(--paper);border-top:1px solid #ffffff14}
 .header nav.site-menu a:first-of-type{border-top:0}
}

/* Os seis módulos da Box AI: o que cada um faz e o que vai instalado. */
.modules{background:var(--paper);color:var(--ink);padding:0 max(6vw,24px) 90px}
.modules h2 em{color:var(--mint-dark)}
.modules .section-heading{border-top:1px solid #d3dfd6;padding-top:60px}
.modules-lead,.modules-energy{max-width:1200px;margin:32px auto 0;display:flex;gap:16px;align-items:flex-start;padding:20px 24px;border:1px solid #0c252e1f;border-radius:14px;background:#fff}
.modules-lead-icon,.modules-energy-icon{width:36px;height:36px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#1d6b5a12;color:var(--mint-dark)}
.modules-lead-icon svg,.modules-energy-icon svg{width:19px;height:19px}
.modules-lead strong,.modules-energy strong{display:block;font:500 16px/1.4 var(--font);color:var(--ink)}
.modules-lead>p>span,.modules-energy>p>span{display:block;margin-top:6px;font-size:15px;line-height:1.55;color:var(--muted-dark)}
.modules-grid{max-width:1200px;margin:22px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.module-card{position:relative;min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #0c252e14;border-radius:20px;padding:26px 25px 24px}
.module-card.is-featured{border-color:#1d6b5a55;box-shadow:0 14px 34px #1d6b5a1a}
.module-flag{position:absolute;top:-13px;left:24px;display:inline-flex;padding:7px 13px;border-radius:20px;background:var(--ink);color:var(--paper);font:500 12px/1.2 var(--font);letter-spacing:.6px}
.module-head{display:flex;align-items:center;gap:12px}
.module-icon{width:40px;height:40px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;background:#1d6b5a0f;border:1px solid #1d6b5a24;color:var(--mint-dark)}
.module-icon svg{width:21px;height:21px}
.module-index{font:500 12px var(--font);letter-spacing:1.4px;color:var(--muted-dark)}
.module-card h3{font-size:21px;font-weight:500;letter-spacing:-.6px;line-height:1.2;margin:19px 0 11px}
.module-copy{font-size:15px;line-height:1.55;color:var(--muted-dark)}
.module-kit{margin-top:19px;padding-top:17px;border-top:1px solid #e3eae3}
.module-kit-title{display:block;font:500 12px var(--font);letter-spacing:1.3px;color:var(--mint-dark);margin-bottom:11px}
.module-kit ul{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}
.module-kit li{padding:5px 11px;border-radius:20px;border:1px solid #dfe8e1;background:#f7f9f5;color:var(--muted-dark);font-size:14px;line-height:1.3}
.module-aside{margin-top:15px;font-size:14px;line-height:1.5;color:var(--muted-dark)}
.module-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:20px}
.module-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;border:1px solid #cfdcd3;font:500 12px/1.3 var(--font);letter-spacing:.4px;color:var(--muted-dark)}
.module-badge.is-proven{background:#e6f3ec;border-color:#b2d9c5;color:#14543f}
.module-badge.is-pending{border-style:dashed;border-color:#b9c7bd}
.module-badge.is-price{background:var(--paper)}
.module-link{display:inline-flex;align-items:center;gap:10px;margin-top:18px;font:500 14px var(--font);color:var(--mint-dark)}
.module-link svg{flex-shrink:0;transition:transform .2s}
.module-link:hover svg{transform:translateX(4px)}
.module-link:focus-visible{outline:2px solid var(--mint-dark);outline-offset:4px;border-radius:4px}
.modules-prices{max-width:1200px;margin:20px auto 0;display:flex;gap:28px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:28px 30px;border-radius:20px;background:var(--ink);color:var(--paper);scroll-margin-top:24px}
.modules-prices-label{display:block;font:500 12px var(--font);letter-spacing:1.5px;color:var(--mint)}
.modules-prices-main{margin-top:13px;font:500 clamp(19px,2vw,24px)/1.3 var(--font);letter-spacing:-.6px;max-width:620px}
.modules-prices-totem,.modules-prices-note{margin-top:11px;font-size:15px;line-height:1.55;color:var(--muted)}.modules-prices-note{max-width:620px}
.modules-prices .button{gap:18px;flex-shrink:0}
.modules-prices .button:not(.cta-proposta):focus-visible{outline:2px solid var(--mint);outline-offset:4px}
@media(max-width:1000px){.modules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .modules{padding:0 20px 55px}
 .modules .section-heading{padding-top:42px}
 .modules .section-heading>p{font-size:15px}
 .modules-lead,.modules-energy{margin-top:24px;padding:18px 17px;gap:12px;border-radius:14px}
 .modules-lead strong,.modules-energy strong{font-size:15px}
 .modules-lead>p>span,.modules-energy>p>span{font-size:14px}
 .modules-grid{grid-template-columns:1fr;gap:20px;margin-top:18px}
 .module-card{padding:22px 20px;border-radius:17px}
 .module-flag{left:20px}
 .module-card h3{font-size:20px;margin:16px 0 10px}
 .module-copy{font-size:14px}
 .module-kit li,.module-aside{font-size:13px}
 .module-badges{padding-top:17px}
 .module-link{min-height:44px;align-items:center}
 .modules-prices{padding:22px 20px;gap:18px;border-radius:17px}
 .modules-prices-main{font-size:19px}
 .modules-prices-totem,.modules-prices-note{font-size:14px}
 .modules-prices .button{width:100%;min-height:48px;justify-content:space-between;padding:0 22px;font-size:16px}
}
@media(prefers-reduced-motion:reduce){.module-link svg{transition:none}}
/* "Produtos" e "Para quem" no menu: o submenu dos segmentos abre por clique. */
.menu-group{position:relative;display:flex;align-items:center}
.menu-group-button{display:inline-flex;align-items:center;gap:7px;padding:0;background:none;border:0;color:inherit;font:400 14px var(--body);line-height:1.2}
.menu-group-button:hover,.menu-group.open>.menu-group-button{color:var(--mint)}
.menu-group-button svg{flex-shrink:0;transition:transform .18s ease}
.menu-group.open>.menu-group-button svg{transform:rotate(180deg)}
.menu-submenu{display:none;margin:0;padding:0;list-style:none}
.menu-group.open .menu-submenu{display:block}
@media(min-width:761px){
 .header nav.site-menu{gap:clamp(18px,2.2vw,32px)}
 .menu-submenu{position:absolute;left:-14px;top:calc(100% + 16px);z-index:70;min-width:214px;padding:8px;background:#0d262e;border:1px solid #ffffff1f;border-radius:14px;box-shadow:0 18px 40px #00000066}
 .menu-submenu a{display:block;padding:10px 12px;border-radius:10px;font-size:14px;color:var(--paper)}
 .menu-submenu a:hover{background:#ffffff14;color:var(--mint)}
 .menu-submenu a[aria-current]{color:var(--mint)}
}
@media(max-width:760px){
 .menu-group{display:block}
 .header nav.site-menu .menu-group-button{width:100%;justify-content:space-between;padding:14px 4px;font-size:16px;color:var(--paper);border-top:1px solid #ffffff14}
 .menu-submenu{padding:0 0 6px 14px}
 .header nav.site-menu .menu-submenu a{display:block;padding:12px 4px;font-size:15px;color:var(--muted);border-top:1px solid #ffffff0f}
}
/* Cada aba de ambiente leva aos exemplos daquele segmento. */
.story-page-link{display:inline-flex;align-items:center;gap:10px;margin-top:4px;font:500 13px var(--font);letter-spacing:.3px;color:var(--mint-dark);border-bottom:1px solid #1d6b5a4d;padding-bottom:3px}
.story-page-link:hover{color:var(--ink);border-bottom-color:var(--ink)}

/* Rodapé de confiança: assinatura, links úteis e dados legais da Condlink. */
footer.site-footer{display:block;padding:44px 6vw 34px;border-top:1px solid #ffffff18}
.footer-top{max-width:1440px;margin:auto;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:36px}
.footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.footer-signature{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}
.footer-links{display:flex;flex-wrap:wrap;gap:clamp(30px,6vw,86px)}
.footer-links h2{margin:0 0 13px;font:500 12px var(--font);letter-spacing:1.6px;color:var(--mint)}
.footer-links ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-links a{font-size:14px;line-height:1.4;color:var(--muted)}
.footer-links a:hover{color:var(--mint)}
.footer-legal{max-width:1440px;margin:32px auto 0;padding-top:22px;border-top:1px solid #ffffff12;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px}
.footer-legal-text{display:flex;flex-direction:column;gap:5px}
.footer-legal p{margin:0;font-size:13px;line-height:1.6;color:var(--muted)}
.footer-policy{display:inline-flex;align-items:center;gap:7px;padding-bottom:3px;font-size:14px;color:var(--paper);border-bottom:1px solid #ffffff33}
.footer-policy:hover{color:var(--mint);border-bottom-color:#8bebcf80}
.footer-policy svg{flex-shrink:0;color:var(--mint)}
@media(max-width:760px){
 footer.site-footer{padding:30px 22px 26px}
 .footer-top{flex-direction:column;gap:26px}
 .footer-links{gap:26px 40px}
 .footer-links a{display:inline-flex;align-items:center;min-height:24px}
 .footer-policy{min-height:24px}
 .footer-legal{margin-top:24px;flex-direction:column;align-items:flex-start;gap:16px}
}

/* Comparativo "Box AI x vários fornecedores", entre os módulos e o preço. */
.modules-compare{max-width:1200px;margin:30px auto 0}
.modules-compare-head h3{margin:14px 0 0;font:500 clamp(25px,2.6vw,32px)/1.18 var(--font);letter-spacing:-1.2px;color:var(--ink)}
.modules-compare-head h3 em{font-style:normal;color:var(--mint-dark)}
.modules-compare-head>p{margin:11px 0 0;max-width:640px;font-size:15px;line-height:1.55;color:var(--muted-dark)}
.compare-table{width:100%;margin-top:22px;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #0c252e1f;border-radius:16px;overflow:hidden}
.compare-table th,.compare-table td{text-align:left;vertical-align:top;padding:17px 20px;font-size:15px;font-weight:400;line-height:1.5;color:var(--muted-dark)}
.compare-table thead th{padding-top:14px;padding-bottom:14px;background:#f7f9f5;font:500 12px/1.3 var(--font);letter-spacing:1.3px}
.compare-table thead th.is-boxai{background:#1d6b5a1c;color:var(--mint-dark)}
.compare-table tbody th,.compare-table tbody td{border-top:1px solid #e3eae3}
.compare-table tbody th{width:27%;font:500 16px/1.4 var(--font);letter-spacing:-.3px;color:var(--ink)}
.compare-table tbody td.is-boxai{background:#1d6b5a12;color:var(--ink)}
.compare-table tr[hidden]{display:none}
.compare-note{max-width:1200px;margin:14px auto 0;font-size:14px;line-height:1.55;color:var(--muted-dark)}
@media(max-width:760px){
 .modules-compare{margin-top:22px}
 .modules-compare-head h3{font-size:26px;letter-spacing:-1px}
 .modules-compare-head>p{font-size:14px}
 .compare-table,.compare-table thead,.compare-table tbody,.compare-table tr{display:block}
 .compare-table{margin-top:16px;border:0;border-radius:0;background:none;overflow:visible}
 .compare-table thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
 .compare-table thead th,.compare-table tbody th,.compare-table tbody td{display:block;padding:0;border:0}
 .compare-table tr{margin-top:12px;padding:16px 17px;background:#fff;border:1px solid #0c252e1f;border-radius:14px}
 .compare-table tr[hidden]{display:none}
 .compare-table tbody tr:first-child{margin-top:0}
 .compare-table tbody th{width:auto;font-size:16px}
 .compare-table tbody td{margin-top:11px;padding:11px 13px;border:1px solid #e3eae3;border-radius:11px;background:#f7f9f5;font-size:14px}
 .compare-table tbody td:before{content:attr(data-label);display:block;margin-bottom:5px;font:500 11px var(--font);letter-spacing:1.2px;color:var(--muted-dark)}
 .compare-table tbody td.is-boxai{border-color:#b2d9c5;background:#e6f3ec}
 .compare-table tbody td.is-boxai:before{color:#14543f}
 .compare-note{margin-top:14px;font-size:13px}
}

/* Um link direto para um módulo: título com foco e destaque curto no card. */
.module-card{scroll-margin-top:90px}
.module-card h3:focus-visible{outline:2px solid var(--mint-dark);outline-offset:5px}
.module-card.is-targeted{border-color:#1d6b5a80;box-shadow:0 0 0 3px #1d6b5a26,0 14px 34px #1d6b5a1f}

/* Uma TV por funcionalidade: arte na tela, rótulo e link discreto para o módulo que a prova. */
.satellite{display:flex;flex-direction:column;align-items:center}
.satellite-art{position:absolute;inset:0;display:block;width:100%;height:100%;color:var(--mint)}
.satellite-art .art-halo{fill:none;stroke:currentColor;stroke-width:9;opacity:.1}
.satellite-art .art-glyph{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
/* Ícones menores sob o texto, preservando o alinhamento inferior esquerdo da arte.
   O translate/scale final reproduz o atributo SVG, substituído pelo transform do CSS. */
.satellite-art .art-glyph{transform-box:view-box;transform-origin:0 0;transform:translate(14.9px,86.3px) scale(.68) translate(-14.9px,-86.3px) translate(11px,59px) scale(1.3)}
.satellite[data-feature=condominio] .satellite-shade{background:linear-gradient(90deg,#1d3f52ed,#1d3f5255)}
.satellite[data-feature=clinica] .satellite-shade{background:linear-gradient(90deg,#1e4a43ed,#1e4a4355)}
.satellite[data-feature=academia] .satellite-shade{background:linear-gradient(90deg,#314228ed,#31422855)}
.satellite-module{display:inline-flex;align-items:center;min-height:30px;margin-top:8px;padding:0 2px;font:500 13px var(--font);letter-spacing:.3px;color:var(--muted);border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.satellite-module:hover,.satellite-module:focus-visible{color:var(--mint);border-bottom-color:#8bebcf80}
@media(max-width:760px){
 .satellite-module{margin-top:5px;font-size:13px}
 .satellite:nth-child(5):last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 10px)}
 .satellite-art .art-glyph{transform:translate(14.9px,86.3px) scale(.6) translate(-14.9px,-86.3px) translate(11px,59px) scale(1.3)}
}
@media(prefers-reduced-motion:reduce){.satellite-module{transition:none}}

/* Conversa e suporte são coisas diferentes: duas ações discretas ao lado do convite principal. */
.hero-secondary{display:flex;align-items:stretch;justify-content:center;gap:14px}
.hero-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:5px 15px;border:1px solid #ffffff3d;border-radius:24px;background:transparent;color:var(--paper);font:500 13px var(--font);letter-spacing:.2px;line-height:1.25;text-align:center;transition:border-color .2s,color .2s}
.hero-action:hover,.hero-action:focus-visible{border-color:#8bebcf99;color:var(--mint)}
.hero-action svg{display:block;flex-shrink:0;color:var(--mint)}
@media(max-width:760px){
 .hero-secondary{width:calc(100% - 48px);margin:13px auto 0;gap:10px}
 .hero-action{flex:1 1 0;min-width:0;padding:5px 11px}
}
/* O mesmo convite no FAQ, sobre o fundo claro. */
.faq-section .section-heading>p{padding-bottom:0}
.faq-chat{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;margin-top:9px;padding:5px 15px;border:1px solid #0c252e2e;border-radius:24px;background:transparent;color:var(--mint-dark);font:500 13px var(--font);letter-spacing:.2px;line-height:1.25;vertical-align:middle;transition:border-color .2s,background .2s}
.faq-chat:hover,.faq-chat:focus-visible{border-color:#1d6b5a80;background:#e1eee4}
.faq-chat svg{display:block;flex-shrink:0;color:var(--mint-dark)}
.faq-chat:focus-visible{outline:2px solid var(--mint-dark);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.hero-action,.faq-chat{transition:none}}
/* Módulos de interesse no passo 1 do montador: checkboxes em pílula, com a
   mesma leitura dos cartões de ambiente e um sinal de marcado além da cor. */
.order-modules{border:0;margin:22px 0 0;padding:23px 0 0;border-top:1px solid #d9e2da}
.order-modules>legend{float:left;width:100%;padding:0;font-size:14px;color:var(--ink)}
.order-modules-hint{clear:both;margin-top:7px;font-size:14px;line-height:1.4;color:var(--muted-dark)}
.order-modules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}
.order-modules-grid label{position:relative;cursor:pointer}
.order-modules-grid input{position:absolute;width:1px;height:1px;opacity:0}
.order-modules-grid label>span{display:flex;align-items:center;gap:10px;min-height:51px;padding:13px 11px;border:1px solid #d2dfd5;border-radius:10px;font-size:14px;line-height:1.35;overflow-wrap:anywhere;transition:background .2s,border-color .2s}
.order-modules-grid label>span::before{content:"";flex:0 0 auto;width:18px;height:18px;border:1px solid #b9cdbf;border-radius:5px;background:#fff;transition:background .2s,border-color .2s}
.order-modules-grid input:checked+span{background:#e1eee4;border-color:#438c71;color:var(--mint-dark)}
.order-modules-grid input:checked+span::before{border-color:#1b6553;background:#1b6553 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='m5 13 4 4 10-10'/></svg>") center/12px no-repeat}
.order-modules-grid input:focus-visible+span{outline:2px solid var(--mint-dark);outline-offset:3px}
.order-modules-grid input[aria-invalid=true]+span{border-color:var(--error)}
.order-modules-grid small{font-size:12px;color:var(--muted-dark)}
.order-modules-any{grid-column:1/-1}
@media(max-width:1000px){.order-modules-grid{grid-template-columns:1fr}}
@media(max-width:760px){.order-modules{margin-top:21px;padding-top:21px}.order-modules-grid{gap:8px;margin-top:14px}.order-modules-grid label>span{padding:13px 10px}}
@media(prefers-reduced-motion:reduce){.order-modules-grid label>span,.order-modules-grid label>span::before{transition:none}}

/* Cabeçalho em telas médias (tablet e janela estreita): os links e o botão de
   proposta cabem em uma linha só, sem quebra. */
@media(min-width:761px) and (max-width:1000px){
 .header nav.site-menu{gap:14px;font-size:13px}
 .header nav.site-menu a,.header nav.site-menu .menu-group-button{white-space:nowrap}
 .header nav.site-menu .menu-group-button{font-size:13px;gap:5px}
 .nav-cta{font-size:13px;padding:10px 13px;gap:12px;white-space:nowrap}
}

/* Prova social: os pilotos onde a Box AI já está funcionando. Fica no fundo
   claro dos módulos, entre o comparativo e os preços, e usa as mesmas tarjas
   dos cartões de módulo (.module-badge) para o status. */
.pilots{max-width:1200px;margin:34px auto 0}
.pilots[hidden],.pilot-card[hidden]{display:none}
.pilots-head h3{margin:14px 0 0;font:500 clamp(25px,2.6vw,32px)/1.18 var(--font);letter-spacing:-1.2px;color:var(--ink)}
.pilots-head h3 em{font-style:normal;color:var(--mint-dark)}
.pilots-head>p{margin:11px 0 0;max-width:640px;font-size:15px;line-height:1.55;color:var(--muted-dark)}
.pilots-grid{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pilot-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #0c252e1f;border-radius:18px;background:#fff}
.pilot-media{background:#e8ece5;border-bottom:1px solid #0c252e14}
.pilot-photo{position:relative;margin:0}
/* Cada foto fica na proporção do próprio arquivo, declarada em width/height no
   HTML, para caber inteira no cartão e não mexer na altura enquanto carrega. */
.pilot-photo img,.pilot-photo-extra img{display:block;width:100%;height:auto}
.pilot-photo figcaption,.pilot-video figcaption,.pilot-photo-extra figcaption{position:absolute;left:10px;bottom:10px;padding:5px 11px;border-radius:20px;background:#0c252ed9;color:var(--paper);font-size:12px;letter-spacing:.3px}
/* Vídeo do piloto: entra no lugar da foto principal, em pé, sobre o fundo
   escuro do cartão. A altura tem teto para o cartão em pé não desalinhar a
   grade, e o vídeo aparece inteiro, com faixa escura dos lados quando sobra
   largura. Os botões de pausar e de som ficam sobre ele, do lado oposto ao
   crédito. */
.pilot-video{position:relative;margin:0}
.pilot-video video{display:block;width:100%;aspect-ratio:9/16;max-height:480px;object-fit:contain;background:var(--ink)}
.pilot-video-actions{position:absolute;right:10px;bottom:10px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.pilot-video-button{min-height:34px;padding:8px 13px;border:1px solid #ffffff3d;border-radius:20px;background:#0c252ed9;color:var(--paper);font-size:12px;letter-spacing:.3px}
.pilot-video-button:hover{border-color:#8bebcf80}
.pilot-video-button:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
/* Com os controles nativos (sem JavaScript ou com menos movimento pedido), o
   crédito sobe para não encostar na barra do navegador. */
.pilot-video video[controls]+figcaption{bottom:48px}
/* Segunda foto do mesmo piloto: menor, embaixo da principal. No cartão com
   vídeo é a foto do local que fica nesse espaço, com o crédito menor. */
.pilot-photo-extra{position:relative;width:58%;margin:12px 0 0 12px}
.pilot-photo-extra img{border-radius:9px}
.pilot-photo-extra figcaption{left:7px;bottom:7px;padding:4px 9px;font-size:11px}
.pilot-legend{margin:10px 12px 13px;font-size:12px;line-height:1.45;color:var(--muted-dark)}
.pilot-empty{display:grid;place-items:center;aspect-ratio:4/3;margin:0;padding:18px;text-align:center;font-size:13px;line-height:1.45;color:var(--muted-dark)}
.pilot-body{display:flex;flex-direction:column;flex:1;padding:20px 18px 22px}
.pilot-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between}
.pilot-top h4{margin:0;font:500 19px/1.25 var(--font);letter-spacing:-.5px;color:var(--ink)}
.pilot-meta{margin:7px 0 0;font-size:13px;letter-spacing:.3px;color:var(--muted-dark)}
.pilot-copy{margin:12px 0 0;font-size:14px;line-height:1.55;color:var(--ink)}
@media(max-width:1000px){.pilots-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .pilots{margin-top:22px}
 .pilots-head h3{font-size:26px;letter-spacing:-1px}
 .pilots-head>p{font-size:14px}
 .pilots-grid{grid-template-columns:1fr;gap:16px;margin-top:18px}
 .pilot-empty{aspect-ratio:auto;min-height:118px}
 .pilot-video video{max-height:min(70vh,520px)}
 .pilot-card{border-radius:16px}
 .pilot-body{padding:17px 16px 19px}
 .pilot-top h4{font-size:18px}
}
/* Entre 761 e 860 px o cabeçalho não tem folga para um sexto item sem apertar
   os outros: só nessa faixa o link dos pilotos sai do topo. A seção continua
   na rolagem da página, e no celular ela volta no painel do menu. */
@media(min-width:761px) and (max-width:860px){
 .header nav.site-menu [data-prova-social-link]{display:none}
}

/* "Pular para o conteúdo" leva o foco para o <main>, que é contêiner e não
   controle: a pessoa vê a página pular, e não um anel em volta de tudo. */
main:focus,main:focus-visible{outline:none}

/* Alvos de toque de 24 px (WCAG 2.2, 2.5.8). Nos links de texto a área cresce
   por um pseudo-elemento transparente, então a linha e o sublinhado ficam
   exatamente onde estavam.
   Os itens do menu do cabeçalho ficam de fora de propósito: eles já passam
   pela exceção de espaçamento do critério, e dar altura a eles empurra o
   painel do submenu "Para quem" para baixo. */
.topbar-inner a{min-height:24px}
.story-page-link,.text-link,.module-link,.faq-list details>div>a{position:relative}
.story-page-link::after,.text-link::after,.module-link::after,.faq-list details>div>a::after{
 content:"";position:absolute;left:0;right:0;top:50%;height:24px;transform:translateY(-50%)}

/* O painel por dentro: as telas do painel online, os quatro níveis de
   interação da TV e o vídeo gravado em uma loja. Fica no fundo escuro, logo
   depois de "Da unidade à rede", para alternar com o claro das perguntas. As
   capturas têm proporções diferentes, então cada uma entra inteira num quadro
   de mesma altura, sem corte. */
.panel-tour{background:#102d35;color:var(--paper);padding:88px max(6vw,24px) 92px}
.panel-tour .section-heading>p{color:var(--muted)}
.panel-tour h2 em{color:var(--mint)}
.panel-shots{max-width:1200px;margin:44px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.panel-shot{display:flex;flex-direction:column;margin:0;overflow:hidden;border:1px solid #ffffff1f;border-radius:18px;background:#0c252e}
.panel-shot-frame{aspect-ratio:16/9;padding:14px;background:#e4eae6;overflow:hidden}
.panel-shot-frame picture{display:block;width:100%;height:100%}
.panel-shot-frame img{display:block;width:100%;height:100%;object-fit:contain}
.panel-shot figcaption{padding:18px 20px 21px;border-top:1px solid #ffffff14}
.panel-shot figcaption>span{display:block;font:500 12px var(--font);letter-spacing:1.5px;color:var(--mint)}
.panel-shot figcaption>p{margin:9px 0 0;font-size:15px;line-height:1.5;color:var(--paper)}
/* A tela de vídeos é a sétima e ficaria sozinha na última fileira, com um
   vazio ao lado. Ela ocupa as duas colunas, e o quadro usa a proporção da
   própria captura, que é bem mais larga: assim a imagem preenche o quadro
   sem sobrar fundo em cima e embaixo. */
.panel-shot-larga{grid-column:1/-1}
.panel-shot-larga .panel-shot-frame{aspect-ratio:1573/727}
.panel-levels{max-width:1200px;margin:34px auto 0;display:grid;grid-template-columns:1.25fr 1fr;gap:34px;align-items:start}
.panel-levels-copy h3{margin:0;font:500 clamp(25px,2.6vw,32px)/1.18 var(--font);letter-spacing:-1.2px}
.panel-levels-copy h3 em{color:var(--mint)}
.panel-levels-copy>p{margin:13px 0 0;font-size:15px;line-height:1.55;color:var(--muted)}
.panel-levels-list{counter-reset:nivel;list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
.panel-levels-list li{counter-increment:nivel;display:grid;grid-template-columns:34px 1fr;column-gap:15px;row-gap:0;padding:16px 18px;border:1px solid #ffffff1f;border-radius:14px;background:#0c252e}
.panel-levels-list li::before{content:counter(nivel);display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#8bebcf14;border:1px solid #8bebcf2e;color:var(--mint);font:500 15px var(--font)}
.panel-levels-list strong{align-self:center;font:500 17px/1.25 var(--font);letter-spacing:-.4px}
.panel-levels-list p{grid-column:2;margin:7px 0 0;font-size:14px;line-height:1.55;color:var(--muted)}
.panel-video{margin:0;max-width:326px;justify-self:center;border:1px solid #ffffff1f;border-radius:18px;overflow:hidden;background:#0c252e}
.panel-video video{display:block;width:100%;aspect-ratio:478/850;max-height:560px;object-fit:contain;background:var(--ink)}
.panel-video figcaption{padding:16px 18px 18px}
.panel-video figcaption>span{display:block;font:500 12px var(--font);letter-spacing:1.5px;color:var(--mint)}
.panel-video figcaption>p{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--paper)}
.panel-video-descricao{margin:11px 0 0;font-size:13px;line-height:1.55;color:var(--muted)}
@media(max-width:1000px){
 .panel-levels{grid-template-columns:1fr;gap:28px}
 .panel-video{max-width:330px}
}
@media(max-width:760px){
 .panel-tour{padding:56px 20px 58px}
 .panel-shots{grid-template-columns:1fr;gap:16px;margin-top:26px}
 .panel-shot{border-radius:16px}
 .panel-shot-frame{padding:11px}
 .panel-shot figcaption{padding:16px 16px 18px}
 .panel-shot figcaption>p{font-size:14px}
 .panel-levels{margin-top:28px;gap:24px}
 .panel-levels-copy h3{font-size:26px;letter-spacing:-1px}
 .panel-levels-copy h3 br{display:none}
 .panel-levels-list li{padding:14px 15px;column-gap:12px}
 .panel-video{max-width:none}
 .panel-video video{max-height:min(70vh,520px)}
}
/* O item "Painel" é o sétimo do cabeçalho. Abaixo de 1141 px ele não cabe sem
   encostar no botão de proposta, e a 761 px chega a empurrar a página para o
   lado: nessa faixa ele sai do topo, como já acontece com o item dos pilotos.
   A seção continua na rolagem e no rodapé, e no celular volta no painel do
   menu. */
@media(min-width:761px) and (max-width:1140px){
 .header nav.site-menu a[href="#painel"]{display:none}
}

/* A TV da foto da loja alterna três ofertas. O retângulo é a tela na foto de 1152×864. */
.loja-rotator{position:relative}
.loja-rotator-fit{position:absolute;inset:0;overflow:hidden;pointer-events:none;container-type:size}
.segment-photo .loja-rotator-fit{inset:1px;border-radius:19px}
.loja-rotator-plane{position:absolute;left:0;top:0;width:100%;height:100%}
@supports (width:1cqw){
 .loja-rotator-plane{
  width:max(100cqw,calc(100cqh * 4 / 3));
  height:max(100cqh,calc(100cqw * 3 / 4));
  left:calc((100cqw - max(100cqw,100cqh * 4 / 3)) * var(--loja-pos-x,.5));
  top:calc((100cqh - max(100cqh,100cqw * 3 / 4)) * var(--loja-pos-y,.5));
 }
}
.loja-rotator-store{--loja-pos-x:.5;--loja-pos-y:.28}
.loja-rotator-fit .loja-promo{
 position:absolute;margin:0;opacity:0;
 border:0;border-radius:0;background:none;
 inset:auto;
 left:calc(100% * 352 / 1152);
 top:calc(100% * 144 / 864);
 width:calc(100% * 464 / 1152);
 height:calc(100% * 288 / 864);
}
.loja-rotator-fit .loja-promo img{
 position:absolute;inset:0;width:100%;height:100%;max-width:none;
 object-fit:fill;object-position:center;display:block;transition:none;
}
.loja-promo-cafe{animation:loja-oferta-cafe 10.8s linear infinite}
.loja-promo-leve{animation:loja-oferta-leve 10.8s linear infinite}
@keyframes loja-oferta-cafe{
 0%,27.778%{opacity:0}
 33.333%,66.667%{opacity:1}
 66.76%,100%{opacity:0}
}
@keyframes loja-oferta-leve{
 0%,61.111%{opacity:0}
 66.667%,94.444%{opacity:1}
 100%{opacity:0}
}
@media (prefers-reduced-motion:reduce){
 .loja-promo-cafe,.loja-promo-leve{animation:none}
 .loja-rotator-fit{display:none}
}

/* Pilotos: destaque para o vídeo e dois cartões horizontais, sem esticar os textos. */
.pilots-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:start;gap:20px}
.pilot-card{min-width:0}
.pilot-body{flex:initial;min-width:0}
.pilot-card:first-child{grid-row:span 2}
.pilot-card:first-child .pilot-media{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:12px;padding:12px;align-items:start;grid-template-rows:100px 1fr}
.pilot-card:first-child .pilot-video{grid-row:span 2;overflow:hidden;border-radius:10px}
.pilot-card:first-child .pilot-video video{height:350px;max-height:none;aspect-ratio:auto}
.pilot-card:first-child .pilot-photo-extra{width:100%;margin:0}
.pilot-card:first-child .pilot-photo-extra img{aspect-ratio:4/3;object-fit:cover}
.pilot-card:first-child .pilot-photo-extra figcaption{position:static;background:none;padding:6px 0 0;color:var(--muted-dark);font-size:10px}
.pilot-card:first-child .pilot-legend{margin:0;font-size:12px}
.pilot-card:not(:first-child){display:grid;grid-template-columns:43% minmax(0,1fr)}
.pilot-card:not(:first-child) .pilot-media{height:100%;min-height:230px;border-bottom:0;border-right:1px solid #0c252e14;display:flex;flex-direction:column}
.pilot-card:not(:first-child) .pilot-photo{flex:1;min-height:160px}
.pilot-card:not(:first-child) .pilot-photo picture{display:block;height:100%}
.pilot-card:not(:first-child) .pilot-photo img{width:100%;height:100%;min-height:160px;object-fit:cover}
.pilot-card:not(:first-child) .pilot-photo figcaption{left:8px;bottom:8px;right:8px;font-size:10px;line-height:1.3;padding:5px 8px}
.pilot-card:not(:first-child) .pilot-photo-extra{width:calc(100% - 20px);margin:10px}
.pilot-card:not(:first-child) .pilot-photo-extra img{height:88px;object-fit:cover}
.pilot-card:not(:first-child) .pilot-legend{display:none}
.pilot-card:not(:first-child) .pilot-body{padding:22px 20px;justify-content:center}
@media(max-width:1000px) and (min-width:761px){
 .pilots-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px}
 .pilot-card:first-child .pilot-media{grid-template-columns:minmax(0,1fr) 90px;gap:8px;padding:8px}
 .pilot-card:not(:first-child){grid-template-columns:38% minmax(0,1fr)}
 .pilot-card:not(:first-child) .pilot-body{padding:18px 15px}
}
@media(max-width:760px){
 .pilots-grid{grid-template-columns:1fr;gap:16px}
 .pilot-card:first-child{grid-row:auto}
 .pilot-card:first-child .pilot-video video{height:330px}
 .pilot-card:not(:first-child){display:flex}
 .pilot-card:not(:first-child) .pilot-media{min-height:0;border-right:0;border-bottom:1px solid #0c252e14}
 .pilot-card:not(:first-child) .pilot-photo{flex:initial}
 .pilot-card:not(:first-child) .pilot-photo img{height:auto;max-height:260px;object-fit:cover}
 .pilot-card:not(:first-child) .pilot-photo-extra{width:38%;margin:10px}
 .pilot-card:not(:first-child) .pilot-body{padding:20px}
}
/* Fluxo de conteúdo entre o painel e cada unidade. */
.network-art{isolation:isolate}
.network-art .network-link{stroke:#669d8c;stroke-width:1.2;stroke-dasharray:3 6}
.network-art .network-flow{stroke:var(--mint-dark);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:9 91;filter:drop-shadow(0 0 4px #58c8a799)}
.network-art .network-node-icon{width:34px;height:34px;position:static;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.network-center:after{content:'';position:absolute;inset:-7px;border:1px solid #1d6b5a26;border-radius:22px;pointer-events:none}
@media(prefers-reduced-motion:no-preference){
 .network-art .network-flow{animation:network-flow 3.8s linear infinite}
 .network-art .network-flow:nth-of-type(5){animation-delay:-1.25s}
 .network-art .network-flow:nth-of-type(6){animation-delay:-2.5s}
 .network-center:after{animation:network-halo 3.8s ease-out infinite}
 .network-node{animation:network-node-glow 3.8s ease-in-out infinite}
 .network-node.n2{animation-delay:1.25s}.network-node.n3{animation-delay:2.5s}
 @keyframes network-flow{to{stroke-dashoffset:-100}}
 @keyframes network-halo{0%{opacity:.8;transform:scale(.98)}75%,100%{opacity:0;transform:scale(1.16)}}
 @keyframes network-node-glow{0%,70%,100%{filter:none}25%{filter:drop-shadow(0 0 7px #1d6b5a60)}}
}
@media(prefers-reduced-motion:reduce){.network-art .network-flow{stroke-dasharray:none;opacity:.3}}

@media(max-width:1000px){
 /* Crédito acima da imagem; ações abaixo, sem disputar a largura estreita do vídeo.
    Vale também entre 761 e 1000 px, onde a coluna do vídeo fica estreita e o crédito
    encostava no botão de reproduzir. */
 .pilot-video figcaption,.pilot-video video[controls]+figcaption{top:10px;bottom:auto;left:8px;padding:4px 7px;font-size:10px;max-width:calc(100% - 16px)}
 .pilot-video-actions{left:8px;right:8px;bottom:9px;gap:5px}
 .pilot-video-button{flex:1;min-height:36px;padding:7px 6px;font-size:11px;letter-spacing:0;white-space:nowrap}
}
@media(max-width:760px){
 .pilot-card:first-child .pilot-media{grid-template-columns:90px minmax(0,1fr);grid-template-rows:auto auto}
 .pilot-card:first-child .pilot-video{grid-column:1/-1;grid-row:1}
 .pilot-card:first-child .pilot-photo-extra{grid-column:1;grid-row:2}
 .pilot-card:first-child .pilot-legend{grid-column:2;grid-row:2;align-self:center}
 .order-layout{grid-template-columns:minmax(0,1fr)}
 .order-form,.order-summary{min-width:0}
 .order-environments label>span{overflow-wrap:anywhere}
}
/* ===== Home em 3 camadas (copy final 23/10): atrativo → TV corporativa → fases do uau ===== */
/* Placeholder visível do que ainda espera confirmação. Nunca some sozinho: sai quando o texto oficial chegar. */
.confirmar{display:inline-block;font:500 12px/1.35 var(--font);letter-spacing:.3px;color:#7a4f00;background:#fff4d6;border:1px dashed #c98a12;border-radius:6px;padding:2px 7px;vertical-align:middle;white-space:nowrap}
.site-footer .confirmar{color:#f5d08a;background:#f5b83d14;border-color:#f5b83d88}
/* Cabeçalho: o CTA forte da primeira dobra é o do topo; o do cabeçalho fica em contorno. */
.nav-cta.nav-cta-contato{background:transparent;color:var(--paper);border:1px solid #ffffff4d;box-shadow:none}
.nav-cta.nav-cta-contato:hover{background:#ffffff12;color:var(--mint);border-color:#8bebcf99}
.nav-cta.nav-cta-contato:active{background:#ffffff1f}
.nav-cta.nav-cta-contato:focus-visible{outline:2px solid var(--mint);outline-offset:3px;box-shadow:none}
/* Topo: um CTA e, ao lado, o link menor de quem é associação ou franquia. */
.hero-actions{flex-wrap:wrap;column-gap:26px}
.hero-rede{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 2px;font:500 14px var(--font);letter-spacing:.1px;color:var(--muted);border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.hero-rede:hover,.hero-rede:focus-visible{color:var(--mint);border-bottom-color:#8bebcf80}
.hero-rede svg{flex-shrink:0;color:var(--mint)}
@media(max-width:760px){.hero-actions{flex-direction:column;row-gap:6px}.hero-rede{font-size:15px}}
@media(prefers-reduced-motion:reduce){.hero-rede{transition:none}}
/* TVs do topo: a linha do nicho na tela e o nome do nicho no rótulo embaixo; sem link de módulo. */
.satellite-label .satellite-label-text{text-transform:uppercase;text-align:center}
.satellite-tv strong{top:13%;right:8%;font-size:15px;line-height:1.15;letter-spacing:-.35px}
@media(min-width:761px){.satellite-tv strong{top:13%;right:6%;font-size:clamp(12px,1.55svh,15px)}}
@media(max-width:760px){.satellite-tv strong{top:12%;font-size:13px;line-height:1.15}.satellite-label .satellite-label-text{font-size:13px}}
@media(min-width:761px){.hero-actions .button{font-size:14px;padding:13px 22px;gap:16px}}
/* Como funciona: três passos de até três linhas; embaixo, o que entra no ar (chips) e o que muda (uma frase), sem cartão. */
ol.how-flow{list-style:none;padding:0}
.how-refresh .how-demo{padding-bottom:0}
.how-file-line{display:block;height:6px;width:86px;border-radius:3px;background:#143e3240}
small.how-file-line{width:58px;height:5px;margin:7px 0 12px;background:#526d5f33}
.how-screen .how-remote{position:absolute;right:12px;bottom:10px;left:auto;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#0c252ee6;border:1px solid #8bebcf55;color:var(--mint);box-shadow:0 6px 18px #0006}
.how-screen .how-remote svg{width:20px;height:20px}
.how-refresh .section-heading>p{max-width:390px;line-height:1.45}
.how-refresh .how-card h3{margin:16px 0 10px}
.how-refresh .how-card p{font-size:15px;line-height:1.45}
.how-extra{max-width:1200px;margin:36px auto 0;padding-top:30px;border-top:1px solid #87c9b626;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:26px 56px}
.how-extra h3{font:600 13px/1.3 var(--font);letter-spacing:1.2px;text-transform:uppercase;color:var(--mint)}
.how-extra h3 span{font-weight:400;letter-spacing:.2px;text-transform:none;color:var(--muted)}
.how-chips{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.how-chips li{padding:7px 14px;border:1px solid #8bebcf38;border-radius:17px;background:#8bebcf0f;font-size:15px;line-height:1.35;color:var(--paper)}
.how-muda p{max-width:470px;margin-top:14px;font-size:16px;line-height:1.45;color:var(--muted)}
.how-muda b{color:var(--paper)}
/* Até 1000px os passos ficam um embaixo do outro, com a arte ao lado; no celular, só o texto. */
@media(max-width:1000px) and (min-width:761px){
 .how-flow{grid-template-columns:1fr;gap:14px}
 .how-card{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:stretch}
 .how-demo{height:auto;min-height:176px;border-bottom:0;border-right:1px solid #87c9b61c}
 .how-card-copy{align-self:center;padding:24px 28px}
 .how-refresh .how-card h3{font-size:21px;margin:12px 0 8px}
 .how-card:not(:last-child):after{display:none}
 .how-extra{grid-template-columns:1fr}
}
@media(max-width:760px){
 .how-refresh{padding:48px 20px 52px}
 .how-refresh .section-heading>p{font-size:15px}
 .how-card{display:block}
 .how-demo{display:none}
 .how-card-copy{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px;padding:18px 18px 20px}
 .how-refresh .how-card h3{margin:0;font-size:18px}
 .how-refresh .how-card p{grid-column:1/-1;margin-top:8px;font-size:15px}
 .how-extra{grid-template-columns:1fr;gap:26px;margin-top:28px;padding-top:26px}
 .how-chips li{padding:6px 12px}
 .how-muda p{margin-top:12px;font-size:15px}
}
/* Pra quem: quatro cartões só com o nome e o parágrafo; o nome leva à página do segmento. No celular, empilhados. */
.nichos h2,.fases h2,.rede h2,.fecha h2{text-wrap:balance}
.nichos{background:var(--paper);color:var(--ink);padding:95px max(6vw,24px) 80px}
.nichos .section-heading>p{max-width:400px;line-height:1.45}
.nichos-lista{list-style:none;padding:0;margin:42px auto 0;max-width:1200px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.nicho{position:relative;padding:26px 28px 28px;background:white;border:1px solid #0c252e12;border-radius:18px;transition:border-color .2s,box-shadow .2s,transform .2s}
.nicho:hover{border-color:#1d6b5a55;box-shadow:0 12px 30px #0c252e14;transform:translateY(-2px)}
.nicho.is-targeted{border-color:var(--mint-dark);box-shadow:0 0 0 3px #1d6b5a33}
.nicho:has(a:focus-visible){outline:2px solid var(--mint-dark);outline-offset:3px}
.nicho h3{font-size:21px;font-weight:500;letter-spacing:-.5px;line-height:1.2}
.nicho h3 a{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.nicho h3 a:after{content:'';position:absolute;inset:0}
.nicho h3 a:focus-visible{outline:none}
.nicho h3 svg{flex-shrink:0;margin-top:3px;color:var(--mint-dark)}
.nicho p{max-width:520px;margin-top:10px;font-size:16px;line-height:1.45;color:var(--muted-dark)}
@media(max-width:760px){
 .nichos{padding:52px 20px 50px}
 .nichos .section-heading>p{font-size:15px}
 .nichos-lista{grid-template-columns:1fr;gap:12px;margin-top:24px}
 .nicho{padding:18px 18px 20px;border-radius:16px}
 .nicho h3{font-size:18px}
 .nicho p{margin-top:8px;font-size:15px}
}
@media(prefers-reduced-motion:reduce){.nicho{transition:none}.nicho:hover{transform:none}}
/* Sua TV corporativa: cartão próprio, escuro sobre o papel; pra quem é, os quatro itens em lista vertical e o CTA B2B à parte. */
.rede{background:var(--paper);color:var(--ink);padding:0 max(6vw,24px) 95px}
.rede-card{max-width:1200px;margin:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;padding:56px;border-radius:24px;background:radial-gradient(ellipse at 78% 50%,#1b4b4a99,transparent 60%),var(--ink);color:var(--paper);overflow:hidden}
.rede h2{margin-top:0}
.rede-sub{max-width:540px;margin-top:18px;font-size:17px;line-height:1.5;color:var(--muted)}
.rede-pra-quem{max-width:540px;margin-top:16px;font-size:16px;line-height:1.45;color:var(--muted)}
.rede-pra-quem strong{font-family:var(--font);font-weight:600;color:var(--mint)}
.rede-resolve{margin-top:28px;font:600 13px/1.3 var(--font);letter-spacing:1.2px;text-transform:uppercase;color:var(--mint)}
.rede-beneficios{list-style:none;padding:0;margin:12px 0 32px;max-width:560px;counter-reset:beneficio}
.rede-beneficios li{counter-increment:beneficio;display:flex;align-items:baseline;gap:16px;padding:14px 0;border-top:1px solid #ffffff1a;font-size:16px;line-height:1.45;color:var(--muted)}
.rede-beneficios li:last-child{border-bottom:1px solid #ffffff1a}
.rede-beneficios li:before{content:counter(beneficio,decimal-leading-zero);min-width:22px;font:500 12px var(--font);letter-spacing:1.2px;color:var(--mint)}
.rede-beneficios strong{font-family:var(--font);font-weight:600;color:var(--paper)}
.rede-cta{gap:14px;border:0;background:var(--mint);color:var(--ink);font-weight:600}
.rede-cta:hover{background:#b3f5e1}
.rede-cta:focus-visible{outline:2px solid var(--paper);outline-offset:3px}
.rede-cta svg{flex-shrink:0}
.rede-art{position:relative;height:320px}
.rede-linhas{position:absolute;inset:0;width:100%;height:100%}
.rede-linhas path{fill:none;stroke:url(#rede-fio);stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}
.rede-centro{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:150px;height:92px;border-radius:18px;background:#12343c;border:1px solid #8bebcf33;box-shadow:0 12px 40px #0006}
.rede-centro img{width:104px;height:auto}
.rede-tv{position:absolute;z-index:1;width:86px;height:54px;transform:translate(-50%,-50%);border:3px solid #507a75;border-bottom-width:5px;border-radius:8px;background:linear-gradient(135deg,#1a4747,#0d2930)}
.rede-tv:after{content:'';position:absolute;right:8px;bottom:6px;width:5px;height:5px;border-radius:50%;background:var(--mint)}
.rede-tv.t1{left:18%;top:19.4%}.rede-tv.t2{left:82%;top:19.4%}.rede-tv.t3{left:18%;top:81.9%}.rede-tv.t4{left:82%;top:81.9%}
@media(max-width:1000px){.rede-card{grid-template-columns:1fr;padding:40px 36px;gap:8px}.rede-art{order:-1;height:220px}}
@media(max-width:760px){
 .rede{padding:0 20px 52px}
 .rede-card{grid-template-columns:1fr;gap:6px;padding:30px 20px 24px;border-radius:20px}
 .rede-art{order:-1;height:150px;margin:0 -6px}
 .rede-centro{width:112px;height:70px;border-radius:14px}.rede-centro img{width:80px}
 .rede-tv{width:62px;height:40px;border-width:2px;border-bottom-width:4px}
 .rede-sub{font-size:15px;line-height:1.45;margin-top:12px}
 .rede-pra-quem{font-size:15px;margin-top:12px}
 .rede-resolve{margin-top:22px}
 .rede-beneficios{margin:8px 0 24px}
 .rede-beneficios li{font-size:15px;gap:12px;padding:12px 0}
 .rede-cta{width:100%;justify-content:center;padding:15px 18px;font-size:14px;text-align:center}
}
/* Upgrade de possibilidades: dois degraus verticais, o segundo mais recuado; nada de colunas iguais.
   Em cada degrau, "O que sobe", "Pra quem" e "Como encaixa" são linhas com rótulo, não cartões. Sem preço. */
.fases{background:var(--paper);color:var(--ink);padding:0 max(6vw,24px) 90px}
.fases .section-heading>p{max-width:380px;line-height:1.45}
.fases-degraus{position:relative;list-style:none;margin:44px auto 0;max-width:1200px;padding:0 0 0 34px;display:grid;gap:18px}
.degrau{--recuo:0px;position:relative;display:flex;align-items:flex-start;gap:20px;max-width:720px;margin-left:var(--recuo);padding:28px 30px;background:white;border:1px solid #0c252e12;border-radius:18px}
.degrau+.degrau{--recuo:clamp(0px,12vw,160px);border-color:#1d6b5a40}
.degrau:before{content:'';position:absolute;top:38px;left:calc(-34px - var(--recuo));width:13px;height:13px;border-radius:50%;background:var(--paper);border:2px solid var(--mint-dark);z-index:1}
/* Cotovelo do trilho: o traço até o cartão e, menos no último, a descida até o próximo marcador (18px de vão + 44px). */
.degrau:after{content:'';position:absolute;top:44px;bottom:-62px;left:calc(-28px - var(--recuo));width:calc(28px + var(--recuo));border-top:1px solid #1d6b5a66;border-left:1px solid #1d6b5a66}
.degrau:last-child:after{bottom:auto;height:0;border-left:0}
.degrau-icone{flex-shrink:0;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e1eee4;color:var(--mint-dark)}
.degrau-corpo{min-width:0}
.degrau h3{font-size:24px;font-weight:500;letter-spacing:-.7px;line-height:1.2;text-wrap:balance}
.degrau-plano{font-weight:400;color:var(--muted-dark)}
.degrau .confirmar{margin-top:10px}
.degrau-itens{margin:16px 0 0}
.degrau-itens>div{padding:10px 0;border-top:1px solid #0c252e14;font-size:16px;line-height:1.45;color:var(--muted-dark)}
.degrau-itens>div:last-child{padding-bottom:0}
.degrau-itens dt{display:inline;font-family:var(--font);font-weight:600;color:var(--ink)}
.degrau-itens dd{display:inline;margin:0}
.degrau-itens strong{color:var(--ink)}
/* Sob os degraus: a microcopy e os três CTAs, que levam ao formulário (#pedido) sem formulário aqui. */
.fases-fecho{max-width:1200px;margin:34px auto 0}
.fases-micro{max-width:560px;font-size:16px;line-height:1.45;color:var(--muted-dark)}
.fases-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.fases-cta{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 18px;border:1px solid #1d6b5a59;border-radius:999px;background:white;color:var(--mint-dark);font:600 14px var(--font);transition:background .2s,border-color .2s}
.fases-cta:hover{background:#e1eee4;border-color:var(--mint-dark)}
.fases-cta:focus-visible{outline:2px solid var(--mint-dark);outline-offset:3px}
.fases-cta svg{flex-shrink:0}
@media(max-width:760px){
 .fases{padding:0 20px 52px}
 .fases .section-heading>p{font-size:15px}
 .fases-degraus{margin-top:24px;padding-left:26px;gap:12px}
 .degrau,.degrau+.degrau{--recuo:0px}
 .degrau{flex-direction:column;gap:12px;padding:20px 18px}
 .degrau:before{left:-26px;top:32px;width:11px;height:11px}
 .degrau:after{left:-20px;top:37px;bottom:-49px;width:20px}
 .degrau:last-child:after{bottom:auto}
 .degrau-icone{width:36px;height:36px;border-radius:11px}
 .degrau-icone svg{width:20px;height:20px}
 .degrau h3{font-size:19px;letter-spacing:-.4px}
 .degrau-itens{margin-top:12px}
 .degrau-itens>div{font-size:15px}
 .fases-fecho{margin-top:26px}
 .fases-micro{font-size:15px}
 .fases-cta{width:100%;justify-content:space-between;min-height:48px}
}
@media(prefers-reduced-motion:reduce){.fases-cta{transition:none}}
/* O que muda no dia a dia: quatro linhas empilhadas, sem cartão, depoimento ou número. */
.prova{background:var(--paper);color:var(--ink);padding:0 max(6vw,24px) 95px}
.prova-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:start;padding-top:56px;border-top:1px solid #0c252e1a}
.prova h2{text-wrap:balance;margin-top:0;font-size:clamp(30px,3.2vw,44px);letter-spacing:-1.8px}
.prova-texto p{max-width:420px;margin-top:16px;font-size:16px;line-height:1.45;color:var(--muted-dark)}
.prova-lista{list-style:none;padding:0;margin:0}
.prova-lista li{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid #0c252e14;font-size:16px;line-height:1.45;color:var(--muted-dark)}
.prova-lista li:first-child{padding-top:4px}
.prova-lista li:before{content:'';flex-shrink:0;width:24px;height:24px;margin-top:0;border-radius:50%;background:#e1eee4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d6b5a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
.prova-lista strong{font-family:var(--font);font-weight:600;color:var(--ink)}
@media(max-width:760px){
 .prova{padding:0 20px 52px}
 .prova-inner{grid-template-columns:1fr;gap:20px;padding-top:40px}
 .prova-texto p{margin-top:12px;font-size:15px}
 .prova-lista li{font-size:15px;padding:14px 0}
}
/* Fecha: nome, WhatsApp, cidade e o que pediu; aviso de dados só com Box AI. */
.fecha{padding:90px max(6vw,24px);background:radial-gradient(ellipse at 80% 60%,#1b4b4a44,transparent 65%),var(--night);scroll-margin-top:24px}
.fecha-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.fecha h2{margin-top:0}
.fecha-texto p{max-width:420px;margin-top:18px;font-size:17px;line-height:1.55;color:var(--muted)}
.fecha-texto .fecha-micro{margin-top:22px;padding-left:14px;border-left:2px solid #8bebcf59;font-size:15px;line-height:1.45;color:var(--paper)}
.contato-form{background:var(--paper);color:var(--ink);border-radius:21px;padding:32px;scroll-margin-top:24px}
.contato-etapa[hidden],.contato-resultado[hidden]{display:none}
.contato-campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.contato-campos label{display:flex;flex-direction:column;gap:7px;font:500 14px var(--font);color:var(--ink)}
.contato-campos label:first-child{grid-column:1/-1}
.contato-campos input{width:100%;min-height:48px;padding:12px 14px;border:1px solid #c9d9cd;border-radius:10px;background:white;color:var(--ink);font:400 16px var(--body)}
.contato-campos input::placeholder{color:#7d8f87}
.contato-campos input:focus-visible{outline:2px solid var(--mint-dark);outline-offset:2px;border-color:var(--mint-dark)}
.contato-campos input[aria-invalid=true]{border-color:var(--error)}
.contato-pedido{margin:24px 0 0;padding:0;border:0;min-width:0}
.contato-pedido legend{padding:0;margin-bottom:10px;font:500 14px var(--font)}
.contato-opcoes{display:flex;flex-wrap:wrap;gap:8px}
.contato-opcoes label{position:relative;cursor:pointer}
.contato-opcoes input{position:absolute;width:1px;height:1px;opacity:0}
.contato-opcoes span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #d2dfd5;border-radius:24px;font-size:15px;transition:background .2s,border-color .2s}
.contato-opcoes input:checked+span{background:#e1eee4;border-color:#438c71;color:var(--mint-dark)}
.contato-opcoes input:checked+span:before{content:'';width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--mint-dark)}
.contato-opcoes input:focus-visible+span{outline:2px solid var(--mint-dark);outline-offset:3px}
.contato-opcoes input[aria-invalid=true]+span{border-color:var(--error)}
.contato-erro{display:block;font:400 14px/1.4 var(--body);color:#a03832}
.contato-erro[hidden]{display:none}
.contato-opcoes+.contato-erro{margin-top:8px}
.contato-lgpd{margin-top:24px;padding-top:20px;border-top:1px solid #d4e0d5;font-size:13px;line-height:1.6;color:var(--muted-dark)}
.contato-enviar{margin-top:22px;gap:14px;padding:15px 22px;border:0;background:#1b6553;color:var(--paper);font-size:15px}
.contato-enviar:hover{background:#277b63}
.contato-enviar:focus-visible{outline:2px solid var(--mint-dark);outline-offset:3px}
.contato-enviar[disabled]{opacity:.7;cursor:progress;transform:none}
.contato-resultado h3{font-size:28px;line-height:1.15;letter-spacing:-1px;font-weight:500;outline:none}
.contato-resultado h3:focus-visible{outline:2px solid var(--mint-dark);outline-offset:5px}
.contato-resultado p{margin-top:12px;font-size:15px;line-height:1.5;color:var(--muted-dark)}
.contato-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:24px}
.contato-acoes .button{border:0;background:#1b6553;color:var(--paper);font-size:14px;padding:13px 20px}
.contato-acoes .button:hover{background:#277b63}
.contato-copiar{padding:8px 0;border:0;background:none;color:var(--mint-dark);font:500 14px var(--font);text-decoration:underline;text-underline-offset:3px}
.contato-copia-status textarea{width:100%;min-height:130px;margin-top:6px;padding:10px;border:1px solid #c9d9cd;border-radius:8px;font:400 14px/1.4 var(--body)}
@media(max-width:1000px){.fecha-inner{grid-template-columns:1fr;gap:28px}}
@media(max-width:760px){
 .fecha{padding:52px 20px}
 .fecha-texto p{font-size:15px;line-height:1.45;margin-top:12px}
 .fecha-texto .fecha-micro{margin-top:16px}
 .contato-form{padding:22px 18px;border-radius:18px}
 .contato-campos{grid-template-columns:1fr;gap:14px}
 .contato-enviar{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.contato-opcoes span{transition:none}}
/* Seções 2 a 7 no celular: títulos de 24px e texto corrido de 15px (Design: 22–24px a 390, corpo 15–16px / 1,45). */
@media(max-width:1100px){.how-refresh .section-heading>p,.nichos .section-heading>p,.fases .section-heading>p{font-size:15px}}
@media(max-width:760px){
 .how-refresh .section-heading h2,.nichos h2,.rede h2,.fases h2,.prova h2,.fecha h2{font-size:24px;line-height:1.15;letter-spacing:-.6px}
 .how-refresh .section-heading>p,.nichos .section-heading>p,.fases .section-heading>p{margin-top:10px;line-height:1.45}
}
/* Rodapé: sem assinatura nem dados de outra empresa; a política fica só no rótulo até existir a URL. */
.footer-policy.footer-policy-pendente{flex-wrap:wrap;gap:8px;margin:0;border-bottom:0;color:var(--muted);font-size:14px}
/* ===== Home V2 (brief Victor + paste Copy, 23/10): benefício → como funciona → gestão/segmentos → Interativa → controle de acesso → rentabilize → preços → contato ===== */
/* Topo: campanha logo abaixo da mensagem central, texto principal e os três pilares numa linha. */
.hero-heading .hero-campanha{margin:0 auto;font:600 clamp(15px,2.1svh,19px)/1.3 var(--font);letter-spacing:-.2px;color:var(--mint)}
.hero-heading .hero-sub{max-width:640px;margin:clamp(8px,1.3svh,14px) auto 0}
.hero-pilares{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 0;margin:clamp(8px,1.4svh,16px) 0 0;font:600 12px/1 var(--font);letter-spacing:1.6px;text-transform:uppercase;color:var(--paper)}
.hero-pilares span+span:before{content:'·';margin:0 12px;color:var(--mint)}
@media(max-width:760px){.hero-heading .hero-campanha{font-size:15px}.hero-heading .hero-sub{font-size:14px;line-height:1.45}.hero-pilares{font-size:11px;letter-spacing:1.2px}.hero-pilares span+span:before{margin:0 8px}}
/* Gestão e segmentos: sete cartões; clubes e empresas ainda sem página, o cartão fica sem link. */
.nicho h3:not(:has(a)){color:var(--ink)}
.nichos-lista>.nicho:last-child:nth-child(odd){grid-column:1/-1}
.nichos-redes{max-width:1200px;margin:22px auto 0;font-size:16px;line-height:1.45;color:var(--muted-dark)}
.nichos-redes strong{font-family:var(--font);font-weight:600;color:var(--ink)}
@media(max-width:760px){.nichos-redes{margin-top:16px;font-size:15px}}
/* Interativa e controle de acesso: uma seção cada, com o mesmo cartão (degrau) da seção anterior, sem a escada. */
.solucao:has(+.solucao){padding-bottom:64px}
.solucao .fases-degraus{padding-left:0}
.solucao .degrau{max-width:820px}
.solucao .degrau:before,.solucao .degrau:after{display:none}
.selo{display:inline-flex;align-items:center;gap:8px;margin-bottom:4px;padding:6px 12px;border-radius:999px;background:#e1eee4;color:var(--mint-dark);font:600 12px/1.2 var(--font);letter-spacing:.4px}
.selo:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--mint-dark)}
.solucao h2{margin-top:14px}
.degrau-lead{max-width:640px;font-size:17px;line-height:1.5;color:var(--ink)}
.degrau .degrau-titulo{margin-top:18px;font:600 13px/1.3 var(--font);letter-spacing:1.2px;text-transform:uppercase;color:var(--mint-dark)}
.degrau-corpo>.degrau-titulo:first-child{margin-top:4px}
.degrau-lista{margin:10px 0 0;padding:0;list-style:none}
.degrau-lista li{position:relative;padding:5px 0 5px 22px;font-size:16px;line-height:1.45;color:var(--muted-dark)}
.degrau-lista li:before{content:'';position:absolute;left:2px;top:11px;width:8px;height:8px;border-radius:50%;border:2px solid var(--mint-dark)}
.degrau-privacidade dd{color:var(--muted-dark)}
.degrau .fases-ctas{margin-top:22px}
@media(max-width:760px){.solucao h2{margin-top:10px}.degrau-lead{font-size:15px}.degrau-lista li{font-size:15px}.selo{font-size:11px}}
/* Rentabilize: mesma composição de "lista com marca"; o que não é leva um traço no lugar do visto. */
.rentabilize .prova-texto .fases-ctas{margin-top:22px}
.prova-lista li.prova-nao:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d6b5a' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M7 12h10'/%3E%3C/svg%3E")}
/* Preços: a Comunicação em destaque, com a tabela por TV; Interativa e controle de acesso só "sob consulta". */
.precos{background:var(--paper);color:var(--ink);padding:0 max(6vw,24px) 95px}
.precos h2{text-wrap:balance}
.precos .section-heading>p{max-width:400px;line-height:1.45}
.precos-grade{max-width:1200px;margin:42px auto 0;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.preco{padding:28px;background:white;border:1px solid #0c252e12;border-radius:18px}
.preco h3{font-size:21px;font-weight:500;letter-spacing:-.5px;line-height:1.2}
.preco-valor{margin-top:16px;font:600 24px/1.2 var(--font);letter-spacing:-.6px;color:var(--ink)}
.preco-desc{margin-top:8px;font-size:15px;line-height:1.45;color:var(--muted-dark)}
.preco-principal{grid-row:span 1;background:radial-gradient(ellipse at 85% 0,#1b4b4a99,transparent 60%),var(--ink);border-color:transparent;color:var(--paper)}
.preco-tabela{width:100%;margin-top:18px;border-collapse:collapse}
.preco-tabela th,.preco-tabela td{padding:12px 0;border-top:1px solid #ffffff1f;text-align:left;font-size:15px;line-height:1.35;vertical-align:baseline}
.preco-tabela th{font:500 15px var(--font);color:var(--muted)}
.preco-tabela td{text-align:right;color:var(--muted)}
.preco-tabela td strong{font:600 22px var(--font);letter-spacing:-.5px;color:var(--paper)}
.preco-nota{margin-top:16px;font-size:14px;line-height:1.5;color:var(--muted)}
.preco-nota strong{color:var(--paper)}
.preco-cta{margin-top:22px;gap:16px;font-size:14px}
@media(max-width:1000px){.precos-grade{grid-template-columns:1fr 1fr}.preco-principal{grid-column:1/-1}}
@media(max-width:760px){
 .precos{padding:0 20px 52px}
 .precos h2{font-size:24px;line-height:1.15;letter-spacing:-.6px}
 .precos .section-heading>p{margin-top:10px;font-size:15px}
 .precos-grade{grid-template-columns:1fr;gap:12px;margin-top:24px}
 .preco{padding:20px 18px;border-radius:16px}
 .preco h3{font-size:18px}
 .preco-tabela th,.preco-tabela td{font-size:14px}
 .preco-tabela td strong{font-size:19px}
 .preco-cta{width:100%;justify-content:space-between}
}
/* Cabeçalho entre 761 e 900px: com Interativa, Controle de acesso e Preços no menu, os links ficam mais juntos e o logo um pouco menor, para tudo caber numa linha sem rolagem lateral.
   Nas páginas de segmento, o link "Fale com a gente" do menu sai até 1000px: o botão "Peça sua proposta", ao lado, leva ao mesmo formulário. */
@media(min-width:761px) and (max-width:900px){.header nav.site-menu{gap:10px;font-size:12px}.header nav.site-menu .menu-group-button{font-size:12px}.header .brand .brand-logo{width:140px}}
@media(min-width:761px) and (max-width:1000px){.header nav.site-menu>a[href$="#pedido"]{display:none}}