*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#172d4b;background:#fff;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.045em;line-height:1.07}h2{font-size:clamp(32px,4.2vw,56px);margin-bottom:24px}h3{line-height:1.3;font-size:25px}p{color:#52677f}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 5.5%;background:#163769;color:#fff}header .brand{width:250px;flex-shrink:0}.brand img,footer img{width:100%;height:auto;display:block;filter:invert(1);mix-blend-mode:screen}nav{display:flex;gap:30px;align-items:center;font-size:15px}nav .nav-cta{border:1px solid #77cddd;padding:10px 18px;border-radius:4px}.hero{background:linear-gradient(115deg,#183267 0%,#0b729c 60%,#00bedb 100%);color:#fff;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}.hero-inner{padding:72px 0 70px 11%;position:relative;z-index:1}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.15em;color:#b8eaf6;margin-bottom:26px}.blue{color:#087696}.hero h1{font-size:clamp(46px,5.7vw,82px);font-weight:600;margin-bottom:27px}.hero h1 span{color:#8dedff}.hero-copy{max-width:475px;color:#e0edf7;font-size:18px;margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;border-radius:4px;border:0;font-weight:700;font-size:16px;cursor:pointer;min-height:52px}.button:hover{text-decoration:none;transform:translateY(-1px)}.light{background:#fff;color:#174573}.dark{background:#173d6b;color:white}.text-link{display:block;margin-top:20px;font-size:15px;color:#d7f4ff}.brand-art{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;position:relative}.brand-art img{width:100%;height:auto;box-shadow:0 24px 60px #07365b55;border:1px solid #9cdaef30}.art-caption{display:flex;justify-content:space-between;align-items:start;width:100%;margin-top:24px;border-top:1px solid #bfeaff55;padding-top:20px}.art-caption span{font-size:13px;letter-spacing:.2em}.art-caption p{color:white;line-height:1.4;font-size:16px}.hero-bottom{grid-column:1/-1;padding:18px 5.5%;display:flex;gap:46px;border-top:1px solid #b0ecff35;font-size:14px;letter-spacing:.03em}.section{padding:90px 6%;max-width:1600px;margin:auto}.section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:0 80px}.section-heading .eyebrow{grid-column:1/-1}.section-heading>p:last-child{max-width:480px;align-self:center;font-size:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:30px}.cards article{padding:30px 0;border-top:2px solid #139fc0}.number{display:block;color:#147da7;font-size:15px;font-weight:700;margin-bottom:26px}.cards p{font-size:16px;min-height:104px}.cards a{color:#0c779a;font-size:15px;font-weight:700;border-bottom:1px solid #b4d9e4;padding-bottom:5px}.process{max-width:none;background:#153768;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:100px}.process>div{max-width:520px}.process p{color:#c3d7ed}.process .button{margin-top:14px}.process ol{list-style:none;margin:0;padding:0;max-width:620px}.process li{display:flex;gap:25px;padding:23px 0;border-top:1px solid #45668b}.process li span{font-size:16px;color:#67d9ee}.process li h3{font-size:23px;margin-bottom:10px}.process li p{font-size:16px;margin-bottom:0}.about{display:grid;grid-template-columns:1fr 2fr;gap:50px}.about .eyebrow{padding-top:10px}.about p{max-width:670px}.contact{max-width:none;background:#edf6fa;display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.contact>div{max-width:440px}.note{font-size:14px;margin-top:28px}form{max-width:650px}label{display:block;margin-bottom:8px;font-size:15px;font-weight:600}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}input,select,textarea{width:100%;border:1px solid #b5cbd8;border-radius:4px;padding:12px;background:white;color:#17334f;min-width:0}textarea{resize:vertical}form>.button{margin-top:22px}#result{margin-top:28px;padding-top:24px;border-top:1px solid #bfd6e0}.copy{background:white;border:1px solid #aac6d6;border-radius:4px;padding:10px 18px;margin-top:12px;cursor:pointer;color:#173768}#feedback{font-size:15px;margin-top:12px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:60px}.faq h2{font-size:38px}details{border-top:1px solid #d5e1e8;padding:21px 0}summary{cursor:pointer;font-weight:600;font-size:18px}details p{font-size:16px;margin:18px 0 0}footer{background:#102a50;color:white;padding:45px 6%;display:flex;align-items:center;gap:45px}footer img{width:220px}footer p{color:#c5d8ed;font-size:14px;margin:0;flex:1}footer a{font-size:14px}.skip{position:absolute;left:10px;top:-100px;background:#fff;padding:10px;z-index:10}.skip:focus{top:10px}@media(max-width:1000px){header{flex-wrap:wrap}.hero{grid-template-columns:1fr}.hero-inner{padding:55px 6% 20px}.hero h1{font-size:65px}.brand-art{padding:30px 6% 40px}.brand-art img{max-width:650px}.art-caption{max-width:650px}.section{padding:65px 6%}.process,.contact{gap:40px}.cards{gap:24px}.cards p{min-height:0}}@media(max-width:680px){header .brand{width:200px}nav{gap:17px;flex-wrap:wrap;font-size:14px}nav .nav-cta{padding:7px 12px}.hero h1{font-size:52px}.hero-copy{font-size:17px}.hero-bottom{gap:20px;flex-wrap:wrap;font-size:13px}.section-heading,.cards,.process,.about,.contact,.faq{grid-template-columns:1fr;gap:22px}.section-heading>p:last-child{font-size:17px}.cards{gap:0}.cards article{padding:28px 0}.cards p{margin-bottom:22px}.about .eyebrow{margin-bottom:0}.field-row{grid-template-columns:1fr;gap:18px}.faq h2{font-size:34px}footer{align-items:start;flex-direction:column;gap:22px}h2{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}
/* Corporate refinement: a quieter layout and a consistent brand hierarchy. */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#fbfcfe;color:#152b48;line-height:1.65}
header{padding:25px 6%;background:#102b54;border-bottom:1px solid #ffffff12}
header .brand{width:230px}nav{gap:34px;font-weight:500}.nav-cta{background:#ffffff0b}
.hero{background:linear-gradient(112deg,#122e5c 0%,#145b85 56%,#03a8cb 100%);grid-template-columns:1.1fr 1fr}
.hero-inner{padding:88px 4% 85px 11%}.hero .eyebrow{font-size:12px;letter-spacing:.18em;font-weight:600;margin-bottom:25px}
.hero h1{font-size:clamp(40px,4.45vw,65px);font-weight:650;line-height:1.12;letter-spacing:-.04em}.hero h1 span{color:#81e6f7}
.hero-copy{font-size:17px;max-width:500px;line-height:1.75;color:#d4e6f2}.button{border-radius:5px;font-weight:650;padding:15px 23px;box-shadow:0 4px 12px #06224d0a;transition:background .2s,transform .2s}
.brand-art{padding:80px 12% 80px 4%}.brand-art img{border:1px solid #ffffff30;box-shadow:0 35px 65px #09264436;border-radius:7px}.art-caption{padding-top:22px;margin-top:30px}.art-caption p{font-size:16px;font-weight:500}.hero-bottom{background:#08274a26;border-top:1px solid #c9efff22;padding:20px 6%;gap:55px;letter-spacing:.04em;color:#e5f4fc}
.section{padding:104px 6%}h2{font-size:clamp(34px,3.6vw,51px);line-height:1.14;font-weight:650;letter-spacing:-.04em}.eyebrow{font-size:12px}.section-heading{gap:0 100px}.section-heading>p:last-child{font-size:17px;line-height:1.75}.cards{gap:24px;margin-top:38px}.cards article{background:#f0f6fa;border:1px solid #dfeaf0;border-top:3px solid #129bbb;border-radius:7px;padding:32px}.cards article:nth-child(2){background:#eaf4f8}.cards article:nth-child(3){background:#e5f2f8}.number{margin-bottom:34px;font-weight:600;letter-spacing:.12em;font-size:13px}.cards h3{font-size:23px;font-weight:650;letter-spacing:-.025em}.cards p{line-height:1.75;min-height:140px}.cards a{font-size:14px}
.process{padding:100px 6%;background:linear-gradient(120deg,#112d57,#174972);gap:110px}.process li{padding:27px 0;border-color:#ffffff26}.process li span{font-size:14px}.process li h3{font-size:22px;font-weight:600}.process>div p{max-width:450px;line-height:1.8}.about{background:#fbfcfe;gap:90px}.about>div{max-width:800px}.about p{font-size:18px;line-height:1.8}.contact{background:#edf5f9;border-top:1px solid #e2ecf2;gap:100px}form{background:white;border:1px solid #dae6ee;border-radius:9px;padding:34px;box-shadow:0 14px 38px #12375407}label{font-size:14px}input,select,textarea{background:#fbfdff;border-color:#cbdbe6}input:focus,select:focus,textarea:focus{outline:2px solid #168aa9}.note{line-height:1.75;max-width:370px}.faq{gap:90px;background:#fbfcfe}.faq h2{font-size:35px}summary{font-size:17px}details{padding:24px 0}footer{background:#102b54;padding:46px 6%}footer img{width:220px}
@media(min-width:1600px){header{padding-left:calc((100vw - 1408px)/2);padding-right:calc((100vw - 1408px)/2)}.hero-inner{padding-left:calc((100vw - 1408px)/2)}.section{padding-left:max(6%,calc((100vw - 1408px)/2));padding-right:max(6%,calc((100vw - 1408px)/2))}}
@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr}.hero-inner{padding:65px 5% 65px 12%}.hero h1{font-size:43px}.brand-art{padding:45px 12% 45px 2%}.cards article{padding:25px}.cards p{min-height:180px}.section,.process{padding:75px 6%}.process,.contact{gap:45px}.about,.faq{gap:40px}form{padding:26px}}
@media(max-width:760px){header{padding:22px 6%}nav{gap:18px}.hero{grid-template-columns:1fr}.hero-inner{padding:58px 6% 15px}.hero h1{font-size:clamp(36px,7.7vw,52px)}.hero-copy{max-width:560px}.brand-art{padding:28px 6% 38px}.brand-art img{max-width:580px}.art-caption{max-width:580px;margin-top:20px}.hero-bottom{gap:22px;font-size:13px}.section-heading,.cards,.process,.about,.contact,.faq{grid-template-columns:1fr;gap:25px}.section{padding:64px 6%}.section-heading{gap:0}.cards article{padding:29px}.cards p{min-height:0}.cards{gap:18px}.number{margin-bottom:22px}.about p{font-size:17px}.process{gap:35px}.contact{gap:28px}form{padding:24px}.faq{gap:12px}.faq h2{font-size:32px}.field-row{grid-template-columns:1fr;gap:18px}footer{align-items:flex-start;flex-direction:column;gap:23px}}
/* Original installation photography supplied by Josten. */
.hero{grid-template-columns:1.12fr 1fr}.installation-hero{margin:42px 10% 42px 4%;position:relative;min-height:550px;border-radius:8px;overflow:hidden;background:#143658;box-shadow:0 25px 65px #08254b44}.installation-hero>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 48%}.installation-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#0c284bdd 100%)}.installation-hero figcaption{position:absolute;bottom:30px;left:30px;right:25px;z-index:1;color:#fff}.installation-hero figcaption span{display:block;font-size:12px;letter-spacing:.15em;color:#a4e6f3;margin-bottom:10px}.installation-hero figcaption strong{font-size:24px;line-height:1.35;font-weight:600;display:block}.installations{background:#edf5f9;max-width:none;border-top:1px solid #dce9f0}.installation-gallery{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:26px;margin-top:35px}.installation-gallery figure{margin:0;background:#fff;border:1px solid #dce6ed;border-radius:7px;overflow:hidden}.installation-gallery img{display:block;width:100%;height:350px;object-fit:cover}.installation-gallery figure:first-child img{object-position:center 50%}.installation-gallery figcaption{padding:25px}.installation-gallery figcaption span{color:#137b9b;font-size:12px;letter-spacing:.1em;font-weight:650}.installation-gallery h3{font-size:22px;margin:10px 0 12px}.installation-gallery p{font-size:15px;margin-bottom:0;line-height:1.7}
@media(max-width:1050px){.installation-hero{min-height:500px;margin:35px 10% 35px 3%}.installation-gallery{grid-template-columns:repeat(3,1fr);gap:18px}.installation-gallery img{height:300px}.installation-gallery figcaption{padding:20px}.installation-gallery h3{font-size:20px}}
@media(max-width:760px){.hero{grid-template-columns:1fr}.installation-hero{min-height:0;height:440px;margin:26px 6% 38px}.installation-hero>img{object-position:50% 47%}.installation-hero figcaption{bottom:25px;left:25px}.installation-gallery{grid-template-columns:1fr;gap:25px}.installation-gallery img{height:370px}.installation-gallery figure:last-child img{height:auto;aspect-ratio:4/3}.installation-gallery figcaption{padding:25px}}
.future-hero{display:block;background:#112e59 url('assets/condominium-hero-hikvision673-josten.png') center center/cover no-repeat;min-height:680px;position:relative}.future-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#102b54b8 0%,#102b5460 40%,transparent 75%)}.future-hero .hero-inner{padding:90px 6% 95px;max-width:780px}.future-hero h1{font-size:clamp(40px,4.1vw,62px);text-shadow:0 2px 20px #09223d50}.future-hero .hero-copy{color:#f0f6fc;max-width:455px}.future-hero .hero-bottom{position:relative;background:#0b274cc9;backdrop-filter:blur(7px);padding-right:250px}.concept-label{position:absolute;right:25px;bottom:16px;font-size:12px;color:#e2edf7;z-index:2;margin:0}.technology{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.technology figure{margin:0}.technology img{width:100%;height:auto;display:block;border-radius:7px}.technology figcaption{font-size:12px;color:#677d91;margin-top:9px}.technology p{max-width:500px}.technology .button{margin-top:15px}.installation-gallery figure:last-child img{object-fit:contain;background:#e2edf3;height:350px}
@media(max-width:760px){.future-hero{min-height:0;background-position:67% center}.future-hero:before{background:#102b54b5}.future-hero .hero-inner{padding:65px 6% 75px}.future-hero .hero-bottom{padding:20px 6% 42px}.concept-label{left:6%;right:auto;bottom:9px;font-size:12px}.technology{grid-template-columns:1fr;gap:30px}.installation-gallery figure:last-child img{height:430px;aspect-ratio:auto}.future-hero h1{font-size:clamp(35px,8vw,50px)}}

/* Página de instalações */
.installations-page{padding-top:40px;min-height:70vh}.gallery-back{max-width:1240px;margin:0 auto;padding:24px 6% 0}.gallery-back .text-link{color:#183267}.installations-page .installations{padding-top:40px}.installation-intro{background:#f2f7fb}.installation-intro p{max-width:600px}.installation-intro .button{margin-top:20px}nav a[aria-current="page"]{color:#00bfdc}

.contact .button{display:inline-flex;align-items:center;gap:12px}.whatsapp-number{font-weight:600;color:#183267}

.content-page{min-height:70vh;padding-top:36px}.content-page .section{padding-top:70px}

.contact-email{overflow-wrap:anywhere;color:#183267;font-weight:600}

.privacy-document{max-width:960px;margin:auto}.privacy-document h1{font-size:clamp(2rem,4vw,3.5rem);color:#183267}.privacy-document h2{font-size:1.35rem;margin-top:42px;color:#183267}.privacy-document p{line-height:1.8;overflow-wrap:anywhere}.privacy-document a{color:#126c98}footer a{margin:8px 16px}

.app-download{max-width:1100px;margin:auto}.app-download h1{font-size:clamp(2.2rem,5vw,4rem);color:#183267;line-height:1.12}.app-store-buttons{display:flex;flex-wrap:wrap;gap:16px;margin:32px 0 60px}.app-steps{padding-left:28px;max-width:750px}.app-steps li{padding:10px 0 18px 12px}.app-steps li::marker{color:#067b9c;font-weight:700}.app-steps h3{margin-bottom:8px}.app-help{margin-top:40px;padding:32px;background:#f2f7fb;border-radius:16px}.app-help .text-link{color:#183267;display:inline-block;margin:20px}nav{flex-wrap:wrap}

.app-brand-icon{display:block;width:160px;height:160px;object-fit:contain;border-radius:28px;border:1px solid #e1e8f0;margin-bottom:28px;background:#fff;box-shadow:0 12px 32px #18326712}

.monitor-hero{min-height:580px;background:linear-gradient(90deg,#102a50ee,#102a5030),url('assets/monitoramento-central.png') center/cover;display:flex;align-items:center;padding:80px 6%;color:white}.monitor-hero>div{max-width:620px}.monitor-hero h1{font-size:clamp(44px,5.5vw,76px)}.monitor-hero p:not(.eyebrow){color:#e0edf7;font-size:21px}.concept-caption{font-size:12px;margin:10px 6%;color:#52677f}.monitor-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.monitor-detail figure{margin:0}.monitor-detail img{width:100%;border-radius:12px;display:block}.monitor-detail figcaption{font-size:12px;margin-top:10px;color:#52677f}@media(max-width:800px){.monitor-detail{grid-template-columns:1fr;gap:28px}.monitor-hero{min-height:500px}}

/* Responsive layout for phones, tablets and desktop screens. */
img{max-width:100%}main,section,article,figure,form,nav,.section>div,.process li>div{min-width:0}h1,h2,h3,p,a,summary{overflow-wrap:break-word}.button{max-width:100%;text-align:center;white-space:normal}header{flex-wrap:wrap}header nav{min-width:0;gap:12px 24px}header nav a{min-height:44px;display:inline-flex;align-items:center}.menu-toggle{display:none;background:transparent;border:1px solid #77cddd;border-radius:5px;color:#fff;padding:10px 16px;min-height:44px;cursor:pointer}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.about h1{font-size:clamp(32px,4vw,56px);line-height:1.15}.process ol{min-width:0}.contact-email{overflow-wrap:anywhere}
@media(max-width:1100px){header .brand{width:min(230px,65%)}.navigation-ready .menu-toggle{display:inline-flex;align-items:center}.navigation-ready header nav{display:none;width:100%;flex-basis:100%}.navigation-ready header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:4px}header nav a{padding:10px 12px}.technology{gap:32px}.section-heading{gap:0 36px}.monitor-detail{gap:32px}}
@media(max-width:900px){.section-heading,.process,.about,.contact,.faq,.technology{grid-template-columns:minmax(0,1fr)}.section-heading{gap:16px}.process,.about,.contact,.faq{gap:30px}.installation-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-detail{grid-template-columns:minmax(0,1fr)}.contact>div{max-width:none}form{max-width:none;width:100%}.field-row{grid-template-columns:minmax(0,1fr)}footer{flex-wrap:wrap}.hero-bottom{flex-wrap:wrap}}
@media(max-width:600px){body{font-size:16px}.section,.process{padding:48px 6%}.content-page{padding-top:0}.content-page .section{padding-top:48px}.cards{grid-template-columns:minmax(0,1fr)}.cards article{padding:24px}.installation-gallery{grid-template-columns:minmax(0,1fr)}.installation-gallery img,.installation-gallery figure:last-child img{height:auto;max-height:480px;object-fit:contain;background:#e2edf3}.future-hero .hero-inner{padding:52px 6% 60px}.future-hero h1{font-size:clamp(30px,8vw,44px)}h2,.faq h2{font-size:clamp(28px,7.5vw,38px)}.monitor-hero{min-height:460px;padding:52px 6%;background-position:65% center}.monitor-hero h1{font-size:clamp(32px,9vw,48px)}.monitor-hero p:not(.eyebrow){font-size:18px}.app-store-buttons{flex-direction:column;margin-bottom:40px}.app-store-buttons .button{width:100%}.app-help{padding:24px}.app-download h1{font-size:clamp(30px,8vw,44px)}.process li{gap:16px}form{padding:20px}footer{padding:36px 6%}.concept-label{font-size:11px}.app-brand-icon{width:128px;height:128px}}

.coverage h1{font-size:clamp(32px,4.5vw,60px);line-height:1.12}.coverage-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:36px;margin-top:40px}.coverage-map iframe{width:100%;height:520px;border:1px solid #dce6ed;border-radius:12px;background:#edf5f9}.coverage-map h2{font-size:28px}.coverage-map p{font-size:14px}.coverage-list{display:grid;gap:18px}.coverage-item{padding:24px;background:#edf5f9;border:1px solid #dce6ed;border-radius:10px}.coverage-item h3{margin:8px 0;font-size:22px}.coverage-item p{font-size:15px}.coverage-kind{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#087696;font-weight:700}.coverage-external{display:block;margin-top:12px;font-size:14px;color:#183267;text-decoration:underline}.coverage-select[aria-pressed="true"]{background:#087696}@media(max-width:900px){.coverage-layout{grid-template-columns:minmax(0,1fr)}.coverage-map iframe{height:380px}}@media(max-width:450px){.coverage-map iframe{height:320px}.coverage-item{padding:20px}}

.coverage-illustration{max-width:850px;margin:40px auto}.coverage-illustration svg{display:block;width:100%;height:auto}.coverage-illustration h2{font-size:28px}.map-point{cursor:pointer}.map-point:hover circle:first-child,.map-point:focus circle:first-child{stroke:#00bfdc;stroke-width:5}.map-point:focus{outline:none}.map-legend{display:flex;flex-wrap:wrap;gap:24px;font-size:14px}.map-legend span:first-child{color:#183267}.map-legend span:last-child{color:#087696}

/* Geographic map and compact location directory. */
.coverage-layout{grid-template-columns:minmax(0,1.6fr) minmax(290px,.9fr);gap:24px;align-items:start}.coverage-map{background:white;border:1px solid #dce6ed;border-radius:16px;overflow:hidden;box-shadow:0 16px 42px #1832670a}.map-toolbar{padding:26px 28px 18px}.map-toolbar h2{margin:8px 0;font-size:30px}.map-toolbar p{margin:0}.coverage-map iframe{display:block;height:560px;border:0;border-radius:0}.coverage-map>p{padding:18px 28px;margin:0;background:#f7fafc;line-height:1.6}.coverage-list{gap:12px;max-height:780px;overflow-y:auto;padding:2px 6px 2px 0}.coverage-list-heading{font-size:13px;letter-spacing:.04em;margin:0 0 4px;color:#52677f}.coverage-item{background:white;border:1px solid #dce6ed;border-radius:12px;padding:20px;transition:border-color .2s,box-shadow .2s}.coverage-item:has([aria-pressed="true"]){border-color:#087696;box-shadow:0 0 0 1px #087696}.coverage-item h3{font-size:20px;line-height:1.3}.coverage-item p{font-size:14px;margin-bottom:14px}.coverage-item .button{font-size:14px;min-height:44px;padding:10px 16px}.coverage-kind{display:inline-block;background:#edf7fb;padding:4px 8px;border-radius:5px;font-size:10px}.coverage-external{font-size:12px;margin-top:10px}@media(min-width:901px){.coverage-map{position:sticky;top:24px}}@media(max-width:900px){.coverage-layout{grid-template-columns:minmax(0,1fr)}.coverage-map iframe{height:420px}.coverage-list{max-height:none;overflow:visible;padding:0;grid-template-columns:repeat(2,minmax(0,1fr))}.coverage-list-heading{grid-column:1/-1}}@media(max-width:550px){.coverage-map iframe{height:350px}.map-toolbar{padding:22px}.map-toolbar h2{font-size:25px}.coverage-list{grid-template-columns:minmax(0,1fr)}.coverage-map>p{padding:16px 22px}}

/* Guided tour of the Josten PW app. */
.app-tour{margin:0 0 70px;padding-top:8px}.app-tour>p{max-width:780px}.app-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.app-tabs button{border:1px solid #cbdce9;background:white;color:#183267;border-radius:28px;padding:12px 20px;min-height:46px;font:inherit;font-weight:600;cursor:pointer}.app-tabs button[aria-selected="true"]{background:#183267;color:white;border-color:#183267}.app-tabs button:focus-visible,.screen-preview:focus-visible{outline:3px solid #00bfdc;outline-offset:4px}.app-panel[hidden]{display:none}.app-category{font-size:24px;margin-bottom:24px}.app-screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.app-screen-card{border:1px solid #dce6ed;border-radius:20px;background:#f4f8fb;overflow:hidden;padding:22px}.screen-preview{display:block;max-width:235px;margin:0 auto 24px;border:7px solid #172c47;border-radius:30px;overflow:hidden;background:white;box-shadow:0 12px 24px #18326718}.screen-preview img{width:100%;height:auto;display:block}.app-screen-card h4{color:#183267;font-size:20px;line-height:1.3;margin:0 0 12px}.app-screen-card p{font-size:15px;line-height:1.65;margin:0 0 16px}.screen-hint{color:#087696;font-size:12px}.app-tour+.app-steps{margin-top:20px}@media(max-width:900px){.app-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.app-screen-grid{grid-template-columns:minmax(0,1fr)}.app-screen-card{padding:24px}.screen-preview{max-width:260px}.app-tabs{gap:8px}.app-tabs button{padding:10px 14px;font-size:14px}.app-tour{margin-bottom:48px}}

/* App features and audiences, illustrated with Josten's own screens. */
.solutions-title{font-size:clamp(34px,4.2vw,58px);line-height:1.12;color:#183267;margin:0 0 24px}.connected-solutions{background:#edf5f9;border-radius:20px}.connected-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:65px}.connected-intro>div{max-width:630px}.connected-intro .button{margin-top:16px}.solution-phone{margin:0 auto;width:min(100%,265px)}.solution-phone img{width:100%;height:auto;display:block;border:8px solid #142d4d;border-radius:32px;box-shadow:0 25px 55px #18326725}.solution-phone figcaption{text-align:center;font-size:12px;margin-top:14px;color:#52677f}.solution-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:52px 0 24px}.solution-feature-grid article{padding:28px;background:#fff;border:1px solid #dce6ed;border-radius:12px}.solution-feature-grid article>span{font-size:11px;color:#087696;letter-spacing:.1em;font-weight:700;display:block;margin-bottom:18px}.solution-feature-grid h3{font-size:22px;margin-bottom:12px}.solution-feature-grid p{font-size:16px;margin:0}.solution-availability{font-size:13px;max-width:850px;margin:26px 0 0}.solution-audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:36px}.solution-audience-grid article{padding:36px;background:#edf5f9;border-radius:16px;border:1px solid #dce6ed}.solution-audience-grid ul{padding-left:22px;color:#52677f;margin:24px 0 32px}.solution-audience-grid li{padding:5px 0}.solution-next{max-width:none;background:#183267;color:white;display:flex;align-items:center;justify-content:space-between;gap:36px}.solution-next p{color:#d7e8f5;max-width:700px}.solution-next .button{flex-shrink:0}.visitor-journey .solution-feature-grid article{background:#edf5f9}.visitor-journey>.button{margin-top:16px}@media(max-width:900px){.connected-intro{gap:30px}.solution-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-next{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.connected-solutions{border-radius:0}.connected-intro,.solution-audience-grid,.solution-feature-grid{grid-template-columns:minmax(0,1fr)}.solution-phone{width:230px;margin-top:15px}.solution-audience-grid article{padding:26px}.solution-feature-grid{gap:16px;margin-top:32px}.solutions-title{font-size:32px}.solution-next h2{font-size:32px}}

/* Manufacturer credentials and integration brands. */
.intelbras-credential{display:inline-block;margin:0 0 28px;padding:13px 18px;border:1px solid #92e3b866;border-radius:9px;background:#102b54dc;color:#fff;font-size:15px;line-height:1.5;box-shadow:0 6px 24px #071e3f20}.intelbras-credential span{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:#00a335;color:white;margin-right:8px;font-weight:bold}.intelbras-credential strong{font-weight:500;margin-left:35px}.future-hero .hero-inner>.button{display:flex;width:fit-content}.integrated-brands{padding-top:64px;padding-bottom:64px;background:#fff}.integrated-brands>p:not(.eyebrow){max-width:790px}.integrated-brands h2{font-size:clamp(30px,3.3vw,46px)}.brand-logo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:34px}.brand-logo-card{display:flex;align-items:center;justify-content:center;height:118px;padding:24px;border:1px solid #dce6ed;border-radius:12px;background:#fff;transition:box-shadow .2s,border-color .2s}.brand-logo-card:hover{border-color:#00a8c6;box-shadow:0 8px 24px #18326712}.brand-logo-card img{display:block;width:100%;height:56px;object-fit:contain}.brand-nice img{height:76px}.brand-mobgate{background:#102b54;border-color:#102b54}.integrated-brands .brand-project-note{font-size:13px;margin:22px 0 0;color:#52677f}@media(max-width:1050px){.brand-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:550px){.brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-logo-card{height:104px;padding:18px}.brand-logo-card img{height:48px}.brand-nice img{height:66px}.intelbras-credential{font-size:14px;padding:12px}.integrated-brands{padding-top:44px;padding-bottom:44px}}

/* Contrast for the official white Control iD logo. */
.brand-controlid{background:#102b54;border-color:#102b54}.brand-controlid:hover{border-color:#00bfdc}.brand-hikvision img{height:56px}



/* Three balanced rows for the nine integration brands. */
.brand-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-garen{background:#102b54;border-color:#102b54}.brand-utech img{width:auto;max-width:100%;height:60px}.brand-avicam img{max-width:230px}.brand-garen img{max-width:230px}@media(max-width:550px){.brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-utech img{height:48px}}

/* Internal manufacturer equipment pages. */
.equipment-back{display:inline-flex;align-items:center;min-height:44px;color:#087696;font-weight:600;margin-bottom:32px}.equipment-heading{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:50px}.equipment-heading h1{font-size:clamp(34px,4.3vw,58px);color:#183267;line-height:1.12}.equipment-heading p{max-width:750px}.equipment-heading .brand-logo-card{height:150px}.equipment-heading .brand-logo-card img{max-width:230px}.equipment-cards h2{font-size:25px;letter-spacing:-.02em;line-height:1.25}.equipment-cards p{min-height:0}.equipment-evaluation{margin-top:45px;background:#edf5f9;border-radius:16px;padding:36px}.equipment-evaluation h2{font-size:30px}.equipment-evaluation p{max-width:850px}.equipment-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:25px}.equipment-manufacturer{color:#087696;font-weight:600;min-height:44px;display:inline-flex;align-items:center}.equipment-credential{background:#e9f6ee;color:#08783b;border-radius:8px;padding:16px 20px;margin:26px 0}.brand-logo-card:focus-visible{outline:3px solid #00bfdc;outline-offset:4px}@media(max-width:700px){.equipment-heading{grid-template-columns:minmax(0,1fr);gap:16px}.equipment-heading .brand-logo-card{max-width:280px;width:100%;height:118px}.equipment-evaluation{padding:25px}.equipment-evaluation h2{font-size:26px}}

/* Real equipment photographs alongside model descriptions. */
.equipment-product-list{display:grid;gap:26px;margin:42px 0}.equipment-product{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center;background:white;border:1px solid #dce6ed;border-radius:16px;padding:32px}.equipment-product figure{margin:0;background:white;text-align:center}.equipment-product img{width:100%;height:280px;object-fit:contain;display:block}.equipment-product figcaption{font-size:11px;margin-top:15px;color:#52677f}.equipment-product h2{font-size:30px}.equipment-product .eyebrow{margin-bottom:12px}.product-variants{font-size:13px;background:#edf5f9;border-radius:8px;padding:15px;line-height:1.7}@media(max-width:700px){.equipment-product{grid-template-columns:minmax(0,1fr);gap:25px;padding:24px}.equipment-product img{height:240px}.equipment-product h2{font-size:26px}}

.equipment-awaiting-photo{display:flex;align-items:center;justify-content:center;min-height:240px;background:#f4f7fb;color:#586a85;border-radius:18px;text-align:center;padding:24px;}

/* Foto e material explicativo dos leitores uTech */
.equipment-photo-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:center}.equipment-photo-pair img{height:250px}.equipment-product:has(.equipment-photo-pair){grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}@media(max-width:700px){.equipment-product:has(.equipment-photo-pair){grid-template-columns:minmax(0,1fr)}.equipment-photo-pair img{height:210px}}

/* A short fade and slide between menu pages. */
.page-arriving main{animation:josten-page-enter .38s cubic-bezier(.22,.61,.36,1) both}
main{transition:opacity .17s ease,transform .17s ease}
.page-leaving main{opacity:0;transform:translateY(-8px);pointer-events:none}
@keyframes josten-page-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
body:before{content:"";position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#00bfdc,#91edff);transform:scaleX(0);transform-origin:left;opacity:0;z-index:1000;pointer-events:none}
.page-leaving body:before{opacity:1;transform:scaleX(1);transition:transform .17s ease-out,opacity .1s ease}
header nav a{position:relative;transition:color .18s ease,background-color .18s ease,border-color .18s ease}
header nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:#00bfdc;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
header nav a:not(.nav-cta):hover,header nav a:not(.nav-cta):focus-visible{text-decoration:none;color:#91edff}
header nav a:not(.nav-cta):is(:hover,:focus-visible,[aria-current="page"],[data-navigation-pending]):after{transform:scaleX(1)}
header nav a[data-navigation-pending]{color:#91edff}
@media(prefers-reduced-motion:reduce){.page-arriving main{animation:none}main,header nav a,header nav a:after{transition:none}.page-leaving main{opacity:1;transform:none}.page-leaving body:before{display:none}}

/* Futuristic grid shared by the header and footer. */
header,footer{position:relative;isolation:isolate;background:radial-gradient(ellipse at 91% 15%,#087ba650 0%,transparent 44%),radial-gradient(ellipse at 45% 120%,#244a8f55 0%,transparent 55%),linear-gradient(115deg,#08172e 0%,#102c50 55%,#07273b 100%);border-color:#39d5ed38}
header{border-bottom:1px solid #39d5ed38;box-shadow:0 5px 24px #03152522}
header:before,footer:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#6bdcf812 1px,transparent 1px),linear-gradient(90deg,#6bdcf812 1px,transparent 1px),linear-gradient(135deg,transparent 48.8%,#4ce4ff16 49.5%,#4ce4ff16 50.5%,transparent 51.2%);background-size:42px 42px,42px 42px,168px 168px;mask-image:linear-gradient(90deg,transparent 12%,#0008 55%,#000 100%)}
header:after,footer:after{content:"";position:absolute;left:0;right:0;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent 3%,#24bad555 35%,#8defff 76%,transparent 98%);box-shadow:0 0 12px #00c8e97a}
header:after{bottom:0}footer:after{top:0}
/* Blend the original monochrome logo directly with its section background.
   A stacking context around .brand would trap its inverted black background. */
header .brand{position:static;z-index:auto;isolation:auto}
header .brand img,footer img{filter:invert(1);mix-blend-mode:screen;background:transparent;isolation:auto}
footer p{color:#e5f4fa}
.menu-toggle{background:linear-gradient(135deg,#0bbbd918,#152d534d);border:1px solid #78dff0a6;border-radius:10px;box-shadow:inset 0 0 14px #57dff70a,0 0 18px #00bedb0d;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}
.menu-toggle:hover,.menu-toggle[aria-expanded="true"]{background:#15aecd26;border-color:#a6f1ff;box-shadow:0 0 22px #00bfdc30,inset 0 0 16px #77e6fa0e}
header nav .nav-cta{background:#29cce811;border-color:#78dff09e;border-radius:9px;box-shadow:inset 0 0 16px #44c9ed08}
header nav .nav-cta:hover{background:#29cce826;border-color:#a6f1ff;text-decoration:none}
@media(max-width:1100px){.navigation-ready header nav.is-open{background:#061a2cb3;border:1px solid #6eddf029;border-radius:12px;padding:12px;margin-top:12px;box-shadow:inset 0 1px 0 #a6f1ff0a}header nav a:not(.nav-cta):after{bottom:4px;left:12px;right:12px}header nav .nav-cta{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.menu-toggle{transition:none}}

/* Electrical services: one page, direct WhatsApp quote request. */
.electrical-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;background:#f7fbfd}.electrical-intro h1{font-size:clamp(38px,4.5vw,65px)}.electrical-lead{max-width:640px;font-size:20px}.electrical-credential{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#14647b;margin:24px 0}.electrical-credential span{display:grid;place-items:center;background:#d9f1f4;width:27px;height:27px;border-radius:50%}.electrical-page .button{gap:12px}.electrical-help{font-size:14px;margin-top:16px;max-width:430px}.electrical-summary{background:radial-gradient(ellipse at top right,#087ba640,transparent 60%),linear-gradient(130deg,#0d2547,#0b3d55);color:white;border:1px solid #4fdcf04d;border-radius:20px;padding:40px;box-shadow:0 20px 55px #18326712}.electrical-summary svg{width:70px;height:70px;color:#83eafa;margin-bottom:24px}.electrical-summary h2{font-size:clamp(28px,3vw,40px)}.electrical-summary p:not(.eyebrow){color:#d4e6ef}.electrical-summary a{color:#a2effa;font-weight:600}.electrical-services .cards article{padding-top:28px}.electrical-work{background:#f3f8fb}.electrical-gallery{margin-top:30px}.electrical-gallery-pending{border:1px dashed #b6ccd9;border-radius:16px;min-height:150px;padding:32px;display:flex;align-items:center;justify-content:center;background:#fff9;text-align:center}.electrical-gallery-pending p{margin:0;font-size:17px}.electrical-contact{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.electrical-contact p{max-width:530px}.electrical-contact .button{width:100%}@media(max-width:850px){.electrical-intro,.electrical-contact{grid-template-columns:1fr;gap:32px}.electrical-summary{padding:30px}.electrical-lead{font-size:18px}}

/* Fotos reais dos serviços elétricos no Edifício Sagres. */
.electrical-project-address{font-size:18px;margin:18px 0 8px}.electrical-project-map{color:#0c7894;font-weight:600;font-size:15px}.electrical-project-description{max-width:820px;margin-top:26px}.electrical-gallery-hint{font-size:14px}.electrical-project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.electrical-photo{margin:0;background:#fff;border:1px solid #d9e6ee;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #18326708}.electrical-photo a{display:block;background:#e8f0f5}.electrical-photo img{display:block;width:100%;height:auto;transition:filter .2s}.electrical-photo a:hover img{filter:brightness(1.06)}.electrical-photo a:focus-visible{outline:3px solid #0d91ac;outline-offset:-3px}.electrical-photo figcaption{padding:16px 18px;font-size:14px;line-height:1.55;color:#516981}@media(max-width:950px){.electrical-project-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.electrical-project-gallery{grid-template-columns:1fr;gap:20px}.electrical-project-address{font-size:16px}}

/* Página de controle de acesso. */
.access-intro,.access-vehicle{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.access-intro{background:#f7fbfd}.access-intro h1{font-size:clamp(38px,4.5vw,65px)}.access-lead{font-size:20px;max-width:620px}.access-page figure{margin:0}.access-page figure img{display:block;width:100%;height:auto;border-radius:18px}.access-page figcaption{font-size:13px;margin-top:12px;color:#52677f}.access-equipment{background:#f3f8fb}.access-equipment>p:not(.eyebrow){max-width:720px}.access-brand-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}.access-brand-links a{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;background:white;border:1px solid #d9e6ee;border-radius:12px;font-weight:600;color:#183267;transition:border-color .2s,background .2s}.access-brand-links a:hover{background:#e8f5fa;border-color:#139fc0;text-decoration:none}.access-brand-links span{color:#087696}.access-contact{display:flex;justify-content:space-between;align-items:center;gap:40px}.access-contact p{max-width:650px}@media(max-width:850px){.access-intro,.access-vehicle{grid-template-columns:1fr;gap:32px}.access-contact{flex-direction:column;align-items:flex-start}.access-brand-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.access-brand-links{grid-template-columns:1fr}.access-lead{font-size:18px}}

/* Identificação da empresa e direitos autorais. */
footer{flex-wrap:wrap}.footer-legal{flex:0 0 100%;width:100%;border-top:1px solid #9adbe633;margin-top:8px;padding-top:20px}.footer-legal p{font-size:12px;line-height:1.7;color:#c3d5e5;margin:0 0 4px;max-width:none}

/* Catálogo de vendas por categoria e marca. */
.sales-intro{background:#f3f8fb;padding-bottom:60px}.sales-intro h1{font-size:clamp(38px,4.5vw,65px)}.sales-intro>p:last-child{max-width:780px;font-size:20px}.sales-catalogue{padding-top:40px}.sales-filters{padding:24px;background:#f3f8fb;border:1px solid #d9e6ee;border-radius:16px}.sales-category-menu{display:flex;flex-wrap:wrap;gap:10px}.sales-category-menu button{border:1px solid #c5dae5;background:#fff;color:#183267;border-radius:24px;padding:10px 16px;cursor:pointer;font-size:14px;min-height:44px}.sales-category-menu button[aria-pressed=true]{background:#173d6b;border-color:#173d6b;color:#fff}.sales-category-menu button:hover{border-color:#139fc0}.sales-search-row{display:grid;grid-template-columns:1fr 2fr;gap:20px;margin-top:22px}.sales-search-row label{display:grid;gap:8px;color:#183267;font-size:14px;font-weight:600}.sales-search-row input,.sales-search-row select{width:100%;padding:12px 14px;border:1px solid #c5dae5;border-radius:8px;background:#fff;color:#172d4b;font-size:16px;min-height:48px}#sales-result-count{margin:22px 0;font-size:14px}.sales-category{margin:50px 0 70px}.sales-category h2{font-size:clamp(28px,3vw,40px)}.sales-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sales-product{display:flex;flex-direction:column;border:1px solid #d9e6ee;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 8px 24px #18326708}.sales-product figure{margin:0;padding:22px 20px 12px;background:#f8fbfd}.sales-product img{display:block;width:100%;height:210px;object-fit:contain}.sales-product figcaption{font-size:11px;line-height:1.5;color:#52677f;margin-top:12px;min-height:33px}.sales-product-body{padding:22px;display:flex;flex-direction:column;flex:1}.sales-product .eyebrow{font-size:11px;margin-bottom:12px}.sales-product h3{font-size:23px;margin-bottom:16px}.sales-description{font-size:15px}.sales-details{font-size:13px;color:#087696;margin-top:auto;margin-bottom:20px}.sales-quote{width:100%;gap:10px;font-size:14px;padding:13px 15px}.sales-quote svg{width:23px;height:23px;flex-shrink:0}.sales-photo-pending{height:210px;display:grid;place-items:center;color:#52677f;font-size:14px}.sales-project-note{border-top:1px solid #d9e6ee;padding-top:24px;font-size:14px;max-width:900px}.sales-page [hidden]{display:none!important}@media(max-width:1000px){.sales-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.sales-grid,.sales-search-row{grid-template-columns:1fr}.sales-filters{padding:18px}.sales-intro>p:last-child{font-size:18px}.sales-category-menu button{font-size:13px}.sales-product img{height:240px}}

/* Organização do menu e visão geral dos serviços. */
header{z-index:20}header .nav-group{position:relative;margin:0;padding:0;border:0;background:transparent}header .nav-group>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:0;cursor:pointer;list-style:none;font-size:15px;font-weight:inherit;color:inherit}header .nav-group>summary::-webkit-details-marker{display:none}header .nav-group>summary:after{content:'⌄';font-size:16px;line-height:1}header .nav-group[open]>summary:after{transform:rotate(180deg)}header .nav-group-current>summary,header .nav-group[open]>summary{color:#65def0}header .nav-submenu{position:absolute;top:calc(100% + 8px);left:-16px;min-width:245px;display:flex;flex-direction:column;gap:4px;padding:12px;background:#0c2541;border:1px solid #78dff04d;border-radius:12px;box-shadow:0 16px 35px #03152555;z-index:25}header .nav-submenu a{padding:10px 12px;white-space:nowrap;font-size:14px;border-radius:6px}header .nav-submenu a:hover,header .nav-submenu a[aria-current=page]{background:#1699b52b;text-decoration:none}header .nav-submenu a:after{display:none}.solution-overview-links{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#f3f8fb}.solution-overview-links h2{font-size:clamp(30px,3.5vw,46px)}.solution-overview-links p{max-width:570px}.app-integrated-functions{margin:60px 0}.home-services .cards article a{color:#087696;font-weight:600}.integrated-brands>.button{margin-top:14px}@media(max-width:1100px){header .nav-group>summary{padding:10px 12px;width:100%;justify-content:space-between}header .nav-submenu{position:static;min-width:0;margin:0 8px 8px;box-shadow:none;background:#03142399;border-radius:8px}header .nav-submenu a{white-space:normal}.solution-overview-links{gap:36px}}@media(max-width:700px){.solution-overview-links{grid-template-columns:1fr;gap:48px}}

/* Movimento suave das imagens durante a rolagem nos dois sentidos. */
main img.scroll-image-motion{opacity:.2;transform:translateY(var(--image-entry-offset,22px)) scale(.985);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.65,.3,1)}main img.scroll-image-visible{opacity:1;transform:translateY(0) scale(1)}@media(prefers-reduced-motion:reduce){main img.scroll-image-motion{opacity:1;transform:none;transition:none}}

/* Molduras de dispositivos para as telas reais do Josten PW. */
.screen-preview.iphone-pro-preview{position:relative;overflow:visible;border:2px solid #bbc1c8;border-radius:38px;padding:5px;background:#101215;box-shadow:inset 0 0 0 1px #e5e9ed,0 18px 32px #18326720;max-width:235px}.iphone-display{display:block;border-radius:31px;overflow:hidden;background:#000}.iphone-display img{border-radius:0;width:100%;height:auto;display:block}.iphone-island{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:28%;height:18px;border-radius:20px;background:#08090c;box-shadow:inset 0 0 0 1px #ffffff08;pointer-events:none}.iphone-island:after{content:'';position:absolute;right:7px;top:5px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#264361,#0a1221 65%);border:1px solid #1d2630}.iphone-buttons{position:absolute;left:-4px;top:22%;width:3px;height:26px;border-radius:2px;background:#a7adb6;box-shadow:0 37px 0 #a7adb6;pointer-events:none}.iphone-buttons:after{content:'';position:absolute;left:0;top:-30px;width:3px;height:15px;border-radius:2px;background:#a7adb6}.iphone-pro-preview:after{content:'';position:absolute;right:-4px;top:29%;width:3px;height:45px;border-radius:2px;background:#a7adb6;pointer-events:none}.imac-preview{width:100%;max-width:1050px;margin:30px auto 65px;filter:drop-shadow(0 18px 20px #18326715)}.imac-display-link{display:block;position:relative;overflow:hidden;border:2px solid #c5cbd2;border-radius:16px 16px 12px 12px;background:#cbd2d8;text-decoration:none}.imac-screen{display:block;position:relative;padding:18px 12px 12px;background:#16191e;border:5px solid #e4e9ec;border-bottom:0;border-radius:13px 13px 0 0;overflow:hidden}.imac-screen:before{content:'';position:absolute;top:7px;left:50%;width:5px;height:5px;border-radius:50%;background:#283b4e;box-shadow:0 0 0 2px #090c10;z-index:2}.imac-screen img{display:block;width:100%;height:auto;border-radius:0;border:0;margin:0}.imac-chin{display:block;height:clamp(25px,5vw,62px);background:linear-gradient(110deg,#c9d0d7,#eef0f3 45%,#c5ccd3);border-top:1px solid #a6b0bb}.imac-stand{width:16%;height:clamp(28px,7vw,78px);margin:auto;background:linear-gradient(90deg,#b6bec7,#e5e9ed 45%,#b6bec7);clip-path:polygon(26% 0,74% 0,91% 100%,9% 100%)}.imac-base{width:27%;height:12px;margin:auto;background:linear-gradient(#e7ebef,#bbc3cb);border-radius:50% 50% 4px 4px;box-shadow:0 5px 8px #18326712}@media(max-width:550px){.screen-preview.iphone-pro-preview{max-width:260px;border-radius:40px}.iphone-display{border-radius:33px}.iphone-island{height:20px;top:13px}.iphone-island:after{top:6px}.imac-screen{padding:14px 6px 6px;border-width:3px;border-bottom:0}.imac-screen:before{top:5px;width:4px;height:4px}.imac-display-link{border-radius:10px}.imac-base{height:8px}}

/* Painel de gestão em uma moldura de MacBook Air. */
.macbook-air-preview{width:100%;max-width:1100px;margin:32px auto 70px;filter:drop-shadow(0 20px 22px #18326720)}.macbook-air-display-link{display:block;position:relative;width:91%;margin:auto;padding:5px 5px 0;border:2px solid #aeb9c6;border-bottom:0;border-radius:18px 18px 4px 4px;background:#15191e;overflow:hidden}.macbook-air-screen{position:relative;display:block;padding:15px 9px 7px;background:#101317;border-radius:11px 11px 0 0;overflow:hidden}.macbook-air-screen:before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:13%;height:17px;background:#101317;border-radius:0 0 6px 6px;z-index:2}.macbook-air-screen:after{content:'';position:absolute;top:5px;left:50%;width:4px;height:4px;border-radius:50%;background:#203751;z-index:3}.macbook-air-screen img{display:block;width:100%;height:auto;border-radius:0;border:0;margin:0}.macbook-air-bezel{display:block;height:9px;background:#12171e}.macbook-air-deck{position:relative;height:clamp(38px,7vw,82px);background:linear-gradient(120deg,#b8c4d1,#e3e9ef 45%,#aab8c9);clip-path:polygon(4.5% 0,95.5% 0,100% 100%,0 100%);border-top:2px solid #8290a0}.macbook-air-keyboard{position:absolute;left:20%;top:10%;width:60%;height:40%;border-radius:3px;background:repeating-linear-gradient(0deg,transparent 0 7px,#bac4cf 7px 9px),repeating-linear-gradient(90deg,#25303d 0 15px,#bac4cf 15px 18px);transform:perspective(200px) rotateX(20deg);opacity:.9}.macbook-air-trackpad{position:absolute;left:38%;bottom:6%;width:24%;height:34%;border:1px solid #899bad;border-radius:3px;background:#d4dce6aa}.macbook-air-edge{position:relative;height:9px;border-radius:0 0 60% 60%/0 0 100% 100%;background:linear-gradient(#c9d3df,#899aaa);box-shadow:0 5px 8px #172d4b12}.macbook-air-edge:before{content:'';position:absolute;left:44%;top:0;width:12%;height:4px;border-radius:0 0 7px 7px;background:#76899d}@media(max-width:550px){.macbook-air-display-link{padding:3px 3px 0;border-radius:10px 10px 2px 2px}.macbook-air-screen{padding:11px 5px 5px;border-radius:6px 6px 0 0}.macbook-air-screen:before{height:11px}.macbook-air-screen:after{top:3px;width:3px;height:3px}.macbook-air-keyboard{background:repeating-linear-gradient(0deg,transparent 0 4px,#bac4cf 4px 5px),repeating-linear-gradient(90deg,#25303d 0 7px,#bac4cf 7px 9px)}.macbook-air-edge{height:6px}}

/* MacBook Air visto de frente: proporções da tela e base fina. */
.macbook-air-preview{max-width:1000px;padding:0 8px;filter:drop-shadow(0 16px 18px #172d4b18)}.macbook-air-display-link{width:94%;padding:5px 5px 0;border:1px solid #b1b8c0;border-bottom:0;border-radius:15px 15px 2px 2px;background:linear-gradient(135deg,#e3e6e9,#a9b1ba 50%,#d1d7dd);box-shadow:inset 0 0 0 1px #f8f9fb}.macbook-air-screen{padding:10px 8px 7px;aspect-ratio:16/10;background:#101114;border-radius:10px 10px 0 0;display:flex;align-items:center}.macbook-air-screen img{width:100%;height:100%;object-fit:contain;background:#101114}.macbook-air-screen:before{top:9px;width:15%;height:clamp(9px,1.8vw,19px);border-radius:0 0 5px 5px;background:#101114}.macbook-air-screen:after{top:12px;width:3px;height:3px;background:#162233;box-shadow:0 0 0 1px #050608}.macbook-air-bezel{height:8px;background:#101114;border-radius:0 0 2px 2px}.macbook-air-hinge{height:3px;width:85%;margin:0 auto;background:#4d535a;border-radius:0 0 2px 2px}.macbook-air-edge{height:clamp(9px,1.5vw,16px);border-radius:2px 2px 30px 30px;background:linear-gradient(180deg,#e8ecef 0%,#c4cbd2 38%,#99a3ae 100%);border:1px solid #a9b1ba;box-shadow:0 5px 12px #172d4b16}.macbook-air-edge:before{left:43%;width:14%;height:4px;border-radius:0 0 9px 9px;background:linear-gradient(#8f99a4,#bdc6cf)}@media(max-width:550px){.macbook-air-preview{padding:0}.macbook-air-display-link{padding:3px 3px 0;border-radius:9px 9px 2px 2px}.macbook-air-screen{padding:6px 4px 4px;border-radius:5px 5px 0 0}.macbook-air-screen:before{top:5px}.macbook-air-screen:after{top:7px;width:2px;height:2px}.macbook-air-bezel{height:5px}.macbook-air-hinge{height:2px}}

/* Composição ilustrativa do sistema Josten em notebook e celular. */
.app-device-illustration{margin:32px 0 40px}.app-device-illustration img{display:block;width:100%;height:auto;border:1px solid #e0eaf0;border-radius:18px;background:#f7faff}.app-device-illustration figcaption{font-size:12px;color:#52677f;margin-top:12px}

.computer-access-guide{padding:30px;background:#edf5f9;border:1px solid #dce6ed;border-radius:16px;margin:28px 0 50px}.computer-access-guide>h3{font-size:26px}.computer-access-guide .app-steps{margin:26px 0}.computer-access-guide h4{font-size:20px;margin:0 0 8px;color:#183267}.computer-access-guide p a{color:#087696;text-decoration:underline}.computer-access-guide .button{margin-top:8px}@media(max-width:550px){.computer-access-guide{padding:22px}}

.app-mobile-access{margin:0 0 80px;padding-top:10px}.app-mobile-access>p{max-width:800px}.app-mobile-access .app-screen-grid{margin-top:30px}.app-mobile-access .app-screen-card h3{color:#183267;font-size:20px;line-height:1.3;margin:0 0 12px}

/* Demonstração local e interativa do aplicativo. */
.app-demo{display:grid;grid-template-columns:1fr 390px;gap:55px;align-items:center;margin:50px 0 80px;padding:42px;background:#edf5f9;border:1px solid #dce6ed;border-radius:22px}.app-demo-intro h2{font-size:clamp(32px,3.8vw,48px)}.demo-disclaimer{font-size:14px;border-left:3px solid #139fc0;padding-left:16px}.demo-phone{max-width:390px;width:100%;position:relative;border:2px solid #bbc1c8;padding:6px;border-radius:42px;background:#101215;box-shadow:0 22px 40px #18326722}.demo-app{background:#fff;border-radius:34px;overflow:hidden}.demo-island{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:90px;height:22px;background:#08090c;border-radius:20px;z-index:2;pointer-events:none}.demo-status{display:flex;justify-content:space-between;padding:14px 24px 8px;background:#2399b6;color:white;font-size:12px}.demo-header{display:flex;flex-direction:column;padding:18px 22px;background:linear-gradient(125deg,#2399b6,#126488);color:white}.demo-header strong{font-size:28px;letter-spacing:.03em}.demo-header span{font-size:14px}.demo-header small{font-size:11px;color:#d7f2f8}.demo-screen{padding:16px;min-height:485px}.demo-tabs{display:flex;gap:5px;flex-wrap:nowrap;font-size:12px;margin-bottom:20px}.demo-tabs button{flex:1;border:1px solid #cbdce9;border-radius:7px;padding:8px 5px;background:#fff;color:#183267;cursor:pointer;min-height:40px;font-size:12px}.demo-tabs button[aria-pressed=true]{background:#173d6b;color:white;border-color:#173d6b}.demo-panel h3{font-size:20px;margin:0 0 14px}.demo-panel p,.demo-panel label{font-size:13px}.demo-panel label{display:block;color:#52677f;margin:12px 0 6px}.demo-panel input,.demo-panel select{width:100%;padding:10px;border:1px solid #cbdce9;border-radius:8px;font-size:14px;background:#fff;color:#172d4b;min-width:0}.demo-camera{position:relative;margin:16px 0;border-radius:10px;overflow:hidden}.demo-camera img{width:100%;height:145px;object-fit:cover;display:block}.demo-camera span{position:absolute;bottom:7px;left:8px;padding:3px 7px;background:#0c2541cc;color:#fff;font-size:10px;border-radius:4px}.demo-action,.demo-secondary{display:block;width:100%;border:0;border-radius:8px;min-height:44px;padding:10px 12px;font-size:14px;cursor:pointer;margin-top:12px}.demo-action{background:#2399b6;color:#fff;font-weight:600}.demo-secondary{background:#edf5f9;color:#183267}.demo-action:disabled{background:#17844e;cursor:default}.demo-feedback{font-size:12px;line-height:1.5;padding:12px;background:#f3f8fb;color:#255268;border-radius:8px;margin:16px 0 0}.demo-result{font-size:13px;background:#edf8f2;border:1px solid #bce4ce;border-radius:10px;padding:12px;margin-top:16px;overflow-wrap:anywhere}.demo-emergency-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-emergency-grid button{min-height:100px;background:#ea3d64;color:#fff;border:0;border-radius:14px;padding:14px 8px;font-size:12px;cursor:pointer}.demo-emergency-grid strong{display:block;font-size:15px;margin-top:8px}.demo-emergency-grid button:last-child{background:#5545df}.demo-home-bar{width:110px;height:4px;background:#172d4b;border-radius:4px;margin:10px auto 12px}.app-demo [hidden]{display:none!important}.app-demo form{background:none;border:0;border-radius:0;box-shadow:none;padding:0;display:block}.app-demo button:focus-visible,.app-demo input:focus-visible,.app-demo select:focus-visible{outline:3px solid #00bfdc;outline-offset:3px}@media(max-width:850px){.app-demo{grid-template-columns:1fr;gap:30px;padding:28px}.demo-phone{margin:auto}}@media(max-width:480px){.app-demo{padding:22px 12px}.app-demo-intro{padding:0 8px}.demo-screen{padding:14px}.demo-status{padding-left:20px;padding-right:20px}}

/* Navegação demonstrativa baseada nas telas do aplicativo. */
.demo-phone{max-width:390px}.demo-header{flex-direction:row;align-items:center;gap:12px;border-radius:0 0 30px 0;min-height:96px;padding:14px 16px}.demo-header>div{flex:1;min-width:0}.demo-header strong{font-size:17px;display:block;line-height:1.3;margin:8px 0 3px}.demo-header small{font-size:10px}.demo-menu-toggle{background:transparent;border:0;color:white;font-size:23px;min-width:30px;min-height:44px;padding:0;cursor:pointer}.demo-brand-logo{width:78px;height:auto;display:block;filter:invert(1);mix-blend-mode:screen}.demo-avatar{width:44px;height:44px;flex-shrink:0;background:#d9f2f6;color:#147694;border:2px solid white;border-radius:50%;display:grid;place-items:center;font-size:21px;font-weight:600}.demo-screen{height:550px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:15px 12px}.demo-context{display:flex;align-items:center;gap:8px;margin:0 0 16px}.demo-context h3{font-size:17px;margin:0;flex:1;line-height:1.35}.demo-context>span{font-size:9px;color:#16849e;background:#e3f5fa;border-radius:4px;padding:3px 5px}.demo-context button{border:0;background:transparent;color:#172d4b;font-size:22px;min-height:40px;min-width:32px;cursor:pointer}.demo-home-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0 30px}.demo-home-shortcuts button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;justify-content:center;background:white;border:1px solid currentColor;border-radius:9px;padding:12px 7px;color:#d51452;min-height:84px;cursor:pointer;font-size:12px}.demo-home-shortcuts button:nth-child(2){color:#65a970}.demo-home-shortcuts button:nth-child(3){color:#df7246}.demo-home-shortcuts button span{font-size:18px}.demo-condo-name{font-size:16px!important;color:#172d4b;margin:0 0 8px}.demo-zone-label{font-size:12px!important}.demo-camera img{height:185px}.demo-camera-dots{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);font-size:11px;color:white;letter-spacing:4px}.demo-camera>span{bottom:auto;top:7px;font-size:9px}.demo-all-access{display:block;width:100%;margin:20px 0;background:none;border:0;color:#2399b6;font-size:15px;cursor:pointer;min-height:44px}#demo-access-state{font-size:11px;text-align:center;margin:9px 0;color:#52677f}.demo-group-label{font-size:11px!important;color:#7d8a9b;margin:20px 0 10px}.demo-menu-list{background:white;border:1px solid #e1e7ed;border-radius:10px;overflow:hidden}.demo-menu-list button{display:flex;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid #e1e7ed;padding:13px 10px;min-height:50px;background:white;text-align:left;color:#172d4b;font-size:13px;cursor:pointer}.demo-menu-list button:last-child{border-bottom:0}.demo-menu-list button>span{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:#1999bc;color:white;font-size:18px}.demo-menu-list b{margin-left:auto;color:#9ba7b4;font-size:20px}.demo-local-tabs{display:flex;margin:0 0 20px;gap:6px}.demo-local-tabs button{flex:1;border:0;border-bottom:2px solid #dbe5ef;background:white;font-size:13px;color:#52677f;min-height:40px;cursor:pointer}.demo-local-tabs button[aria-pressed=true]{color:#5244d7;border-bottom-color:#5244d7;background:#f1efff}.demo-small-note{font-size:12px!important}.demo-empty{padding:28px 12px;border:1px dashed #d6e1e9;text-align:center;border-radius:9px;font-size:13px!important}.demo-record{border:1px solid #dce6ed;border-radius:12px;padding:14px;margin-bottom:14px;background:white}.demo-record>strong{display:block;color:#4940be;font-size:15px;overflow-wrap:anywhere}.demo-record p{font-size:12px;margin:12px 0 0}.demo-badge{display:inline-block;background:#def6e9;color:#197249;font-size:10px;padding:3px 7px;border-radius:12px;margin-top:8px}.demo-step-title{font-weight:600;color:#172d4b;font-size:14px!important}.demo-progress{height:5px;background:#e1e5ff;border-radius:4px;margin:12px 0 20px;overflow:hidden}.demo-progress span{display:block;height:100%;background:#675be2;transition:width .2s}.demo-panel h4{font-size:16px;margin:18px 0 12px}.demo-panel textarea{width:100%;border:1px solid #cbdce9;border-radius:8px;padding:10px;font-size:14px;resize:vertical}.demo-settings-list label{display:flex;align-items:center;gap:12px;border:1px solid #dce6ed;border-radius:12px;padding:14px 12px;margin:12px 0}.demo-settings-list label>span{flex:1;font-size:13px;font-weight:600;color:#172d4b}.demo-settings-list small{display:block;font-size:11px;font-weight:400;color:#52677f;margin-top:5px}.demo-settings-list input{appearance:none;-webkit-appearance:none;flex:0 0 40px;width:40px;height:24px;min-width:40px;padding:0;border:0;border-radius:20px;background:#dce3eb;cursor:pointer;position:relative;transition:background .2s}.demo-settings-list input:before{content:'';position:absolute;width:18px;height:18px;top:3px;left:3px;border-radius:50%;background:white;box-shadow:0 1px 3px #172d4b33;transition:transform .2s}.demo-settings-list input:checked{background:#5545df}.demo-settings-list input:checked:before{transform:translateX(16px)}.demo-home-bar{margin:8px auto 10px}.demo-screen .demo-feedback{margin-bottom:4px}.demo-panel button:hover{filter:brightness(.97)}@media(max-width:480px){.demo-screen{height:520px}.demo-header{gap:8px;padding:12px}.demo-header strong{font-size:16px}.demo-avatar{width:36px;height:36px}.demo-home-shortcuts button{font-size:11px;padding:10px 6px}}

/* Teste do aplicativo real via Appetize */
.app-real-trial{margin:3rem 0;padding:clamp(1.5rem,4vw,3rem);border:1px solid #d6e5ef;border-top:4px solid #109eba;border-radius:24px;background:linear-gradient(135deg,#f0f7fb,#e4f3f8)}
.app-real-trial h2{margin-top:.5rem}.app-real-trial .button{margin:.6rem 0}.app-real-trial .demo-disclaimer{max-width:65ch}

.app-real-embed{display:flex;justify-content:center;margin:2rem auto;max-width:420px;width:100%}.app-real-embed iframe{display:block;border:0;width:100%;height:820px;background:#fff;border-radius:20px}@media(max-width:480px){.app-real-embed iframe{height:720px}.app-real-trial{padding:1rem}}

/* Experiência fiel às telas reais do Josten PW, sem emulador externo. */
.app-experience{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,410px);gap:clamp(2rem,5vw,5rem);align-items:center;margin:4rem 0;padding:clamp(1.3rem,4vw,3.5rem);border:1px solid #d6e5ef;border-radius:28px;background:radial-gradient(ellipse at 90% 40%,#d7f0f6,transparent 55%),#f2f8fb}
.experience-intro h2{font-size:clamp(2rem,3.8vw,3.5rem);line-height:1.1}.experience-note{font-size:.95rem!important;line-height:1.65!important}.experience-tools{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0}.experience-tools button{border:1px solid #bdd4df;color:#173267;background:#fff;border-radius:12px;padding:.65rem .9rem;font:inherit;font-size:.9rem;cursor:pointer}.experience-tools button:hover,.experience-tools button[aria-pressed=true]{background:#173267;color:white}.experience-current{font-size:1rem!important;font-weight:700;margin-bottom:.5rem!important}.experience-status{min-height:3.5em;font-size:.9rem!important;color:#117b96!important;line-height:1.5!important}
.experience-phone{position:relative;width:100%;max-width:410px;justify-self:center;padding:9px;border:2px solid #c6c8cd;border-radius:48px;background:linear-gradient(120deg,#c8cacf,#f9fafb 30%,#787c81 75%,#dedfe2);box-shadow:0 22px 50px #18326720}.experience-island{position:absolute;z-index:4;top:21px;left:50%;transform:translateX(-50%);width:27%;height:19px;border-radius:20px;background:#07090b;pointer-events:none}.experience-viewport{position:relative;height:min(78vh,800px);min-height:500px;overflow:auto;overscroll-behavior:contain;background:#fff;border:6px solid #0b0c0e;border-bottom:0;border-radius:38px 38px 0 0;scrollbar-width:none}.experience-viewport::-webkit-scrollbar{display:none}.experience-stage{position:relative;aspect-ratio:736/1600;width:100%;background:#fff}.experience-stage>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;border-radius:0!important;box-shadow:none!important;object-fit:fill!important;opacity:1!important;transform:none!important;animation:none!important;transition:none!important}.experience-hotspot{position:absolute;z-index:2;margin:0;padding:0;border:0;border-radius:7px;background:transparent;color:transparent;cursor:pointer;touch-action:manipulation}.experience-hotspot:hover{background:#00b5d510;outline:1px solid #00abc166}.experience-hotspot:focus-visible{outline:3px solid #04b8d5;outline-offset:-2px;background:#00b5d51a}.experience-show-hints .experience-hotspot{box-shadow:inset 0 0 0 2px #04b8d580;background:#04b8d515}.experience-cover{position:absolute;display:flex;align-items:center;z-index:1;padding:0 1%;background:#fff;color:#36414d;font-size:clamp(11px,1.15vw,16px);line-height:1.2;overflow:hidden;pointer-events:none}.experience-field{background:#fff;border-radius:3px;padding-left:3%}.experience-unlock{background:#2498b7;color:white;border-radius:10px;justify-content:center;font-weight:600}.experience-switch{background:#e0e5ed;border-radius:30px;box-shadow:none!important}.experience-switch::after{content:'';position:absolute;left:5%;top:8%;width:47%;height:84%;border-radius:50%;background:#fff;box-shadow:0 1px 3px #152c4330;transition:transform .18s}.experience-switch[aria-checked=true]{background:#5144e8}.experience-switch[aria-checked=true]::after{transform:translateX(90%)}.experience-check{background:#fff;border:1px solid #92969c;border-radius:5px}.experience-check[aria-checked=true]{background:#078cff;border-color:#078cff}.experience-check[aria-checked=true]::after{content:'✓';position:absolute;inset:0;color:#fff;display:grid;place-items:center;font-size:14px}.experience-holding{background:#fff3!important;box-shadow:inset 0 0 0 4px #fff9!important;animation:experience-hold 1s linear forwards}.experience-phone-nav{display:flex;align-items:center;justify-content:center;gap:1rem;background:#0b0c0e;border-radius:0 0 35px 35px;color:#fff;padding:8px 12px;font-size:11px}.experience-phone-nav button{border:0;background:transparent;color:white;font-size:30px;line-height:1;cursor:pointer;padding:0 18px}.experience-menu-extra{background:#f0f1f6;padding:0 10px 25px}.experience-menu-extra button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #d9dde4;background:#fff;color:#151515;padding:19px 13px;font:inherit;font-size:14px;cursor:pointer}.experience-more{display:block;width:100%;background:#efeeff;color:#5144e8;border:0;padding:17px;font:inherit;font-size:14px;cursor:pointer}
.experience-dialog{position:absolute;z-index:8;inset:55px 22px 55px;background:#fffffffa;border-radius:24px;box-shadow:0 0 0 16px #06111f55;overflow:auto;padding:35px 20px 25px}.experience-dialog[hidden]{display:none}.experience-dialog-close{position:absolute;top:6px;right:12px;border:0;background:transparent;font-size:27px;cursor:pointer;color:#35455b}.experience-dialog h3{font-size:1.45rem!important;line-height:1.25!important;margin:0 0 1rem!important}.experience-dialog p{font-size:.9rem!important;line-height:1.5!important;color:#566779!important;margin:0 0 1rem!important}.experience-dialog label{display:block;font-size:.85rem;color:#26344b;margin:.9rem 0}.experience-dialog input,.experience-dialog select,.experience-dialog textarea{display:block;box-sizing:border-box;width:100%;padding:12px 10px;margin-top:6px;border:1px solid #cbd3dd;border-radius:9px;background:#fff;color:#28354c;font:inherit;font-size:16px}.experience-primary,.experience-secondary{display:block;width:100%;border:0;border-radius:9px;padding:13px 10px;font:inherit;font-size:.9rem;margin-top:12px;cursor:pointer}.experience-primary{background:#5144e8;color:white}.experience-secondary{background:#eef1f6;color:#34425a}
@keyframes experience-hold{from{opacity:.6}to{opacity:1}}
@media(max-width:850px){.app-experience{grid-template-columns:1fr}.experience-intro{text-align:center}.experience-tools{justify-content:center}.experience-phone{max-width:380px}.experience-cover{font-size:14px}.experience-viewport{height:740px;min-height:0}}
@media(max-width:450px){.app-experience{padding:1rem .65rem}.experience-phone{padding:6px;border-radius:42px}.experience-viewport{height:650px;border-width:4px;border-radius:32px 32px 0 0}.experience-cover{font-size:12px}.experience-island{top:18px;height:16px}.experience-dialog{inset:45px 15px 45px}}
@media(prefers-reduced-motion:reduce){.experience-holding{animation:none}.experience-switch::after{transition:none}}

.experience-custom-view{position:absolute;z-index:3;top:17%;left:0;width:100%;min-height:83%;background:#fff;padding:12px 10px;color:#26344a;box-sizing:border-box}.experience-custom-back{border:0;background:transparent;color:#26344a;font-size:15px;font-weight:700;text-align:left;padding:5px 0;cursor:pointer}.experience-custom-view p{font-size:11px!important;line-height:1.45!important;margin:.4rem 0!important;color:#697889}.experience-personal-tabs{display:flex;border-bottom:1px solid #dae0e7;margin:12px -10px}.experience-personal-tabs button{flex:1;border:0;background:white;color:#697889;padding:12px 3px;font-size:11px;cursor:pointer}.experience-personal-tabs button[aria-pressed=true]{background:#f1efff;color:#5144e8;border-bottom:2px solid #5144e8}.experience-custom-card{border:1px solid #e1e5eb;border-radius:12px;padding:12px;margin-top:15px}.experience-custom-card h3{font-size:16px!important;margin:0 0 12px!important}.experience-custom-card label{display:block;font-size:12px;margin:14px 0}.experience-custom-card input{box-sizing:border-box;width:100%;padding:9px 7px;margin-top:5px;border:1px solid #dee3ea;border-radius:6px;font-size:14px;color:#26344a;background:white}.experience-call-label{color:#e06c38;justify-content:center;font-size:clamp(12px,1.4vw,17px)}
.experience-user-row{padding:14px 0;border-top:1px solid #e4e7ee;margin-top:12px;font-size:13px}.experience-user-row strong{display:block;overflow-wrap:anywhere}.experience-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:15px 0}.experience-action-grid button{margin:0;min-height:80px;text-align:left;background:#f7f7fc;color:#3d3a72}.experience-avatar-placeholder{display:grid;place-items:center;min-height:200px;background:#f2f4f8;border-radius:14px;font-size:80px}.experience-access-slider{accent-color:#5144e8;min-height:40px;cursor:ew-resize;touch-action:pan-y}.experience-stage>.experience-camera-preview{position:absolute!important;left:.55%;top:45.875%;width:98.9%!important;height:30%!important;object-fit:cover!important;z-index:1}
.experience-demo-name,.experience-demo-email{background:#40acc3;color:#fff}.experience-demo-name{font-weight:700;font-size:clamp(14px,1.6vw,19px)}.experience-demo-email{font-size:clamp(9px,1vw,12px)}.experience-demo-avatar{border-radius:50%;justify-content:center;background:#e8f8fa;border:2px solid white;color:#158aa6;font-size:36px}

.experience-empty-card{background:#f3f2ff;text-align:center;padding:30px 12px}.experience-empty-card p{margin-bottom:18px!important}.experience-menu-label{color:#151515;font-size:clamp(12px,1.4vw,17px)}

.experience-reservation-cancel{background:#dc2626!important;color:#fff!important;border:0;border-radius:10px;padding:12px 16px;cursor:pointer}.experience-reservation-cancel:disabled{background:#d1d5db!important;color:#64748b!important;cursor:default}

.experience-iot-chart{margin-top:20px;padding:14px;border:1px solid #dce6ef;border-radius:14px}.experience-iot-reading{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:12px}.experience-iot-reading meter{flex:1;min-width:50px;height:18px}

/* Capturas reais: preserva a proporção e remove a moldura do espelhamento apenas na apresentação. */
.app-real-devices{position:relative;background:#f7faff;border-radius:18px;overflow:hidden;padding:2% 10% 2% 0}.app-real-devices .app-real-mac{width:100%;border:0}.app-real-phone{position:absolute;right:4%;top:10%;width:23%;aspect-ratio:660/1433;border:5px solid #181a1f;border-radius:32px;overflow:hidden;transform:rotate(9deg);box-shadow:5px 9px 15px #18326733;background:white}.app-real-phone img{position:absolute;width:104.85%;max-width:none;height:auto;left:-2.42%;top:-5.37%;border:0;border-radius:0}.real-screen-preview{border:0;border-radius:24px;background:transparent;box-shadow:none;overflow:hidden}.real-screen-preview img{width:100%;height:auto;object-fit:contain}.experience-stage{aspect-ratio:660/1433;overflow:hidden}.experience-stage>img.experience-real-screen{position:absolute!important;width:104.85%!important;height:auto!important;left:-2.42%;top:-5.37%;object-fit:contain!important}.experience-viewport{height:auto;aspect-ratio:660/1433;min-height:0}.experience-island{display:none}@media(max-width:550px){.app-real-phone{border-width:3px;border-radius:18px}.experience-viewport{height:auto;min-height:0;aspect-ratio:660/1433}}

.real-screen-preview{position:relative;aspect-ratio:660/1433;background:white}.real-screen-preview img{position:absolute;width:104.85%;max-width:none;height:auto;left:-2.42%;top:-5.37%}

/* Moldura única e conteúdo interno rolável, no formato da captura do iPhone. */
.hero-original-composition{position:relative}.hero-original-composition>img{width:100%;height:auto}.hero-original-screen{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
.experience-phone{container-type:inline-size;padding:6px;border:2px solid #b8bec7;border-radius:clamp(30px,9cqw,44px);background:linear-gradient(115deg,#d6d9dd,#f1f2f3 40%,#9ea4ac);overflow:hidden}
.experience-viewport{border:4px solid #101215;border-radius:36px;aspect-ratio:660/1433;height:auto;min-height:0;overflow:hidden;background:white;position:relative;isolation:isolate}
.experience-stage{height:100%;aspect-ratio:660/1433;overflow:hidden}.experience-phone-nav,.experience-island{display:none}
.experience-fixed-header{position:absolute;inset:0 0 auto;height:16.89%;overflow:hidden;border-radius:28px 28px 0 0;background:#249abb;z-index:4}
.experience-fixed-header>img{position:absolute;width:104.85%;max-width:none;height:auto;left:-2.42%;top:-11.667cqw;border-radius:0}
.experience-header-back{position:absolute;left:1%;top:59%;width:12%;height:25%;background:transparent;border:0;cursor:pointer}
.experience-menu-body{position:absolute;top:16.89%;bottom:0;left:0;right:0;background:#f1f2f7;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;padding:0 2.12cqw 5cqw;touch-action:pan-y}
.experience-menu-body::-webkit-scrollbar,.experience-custom-view::-webkit-scrollbar{display:none}
.experience-menu-section-label{font-family:Arial,sans-serif!important;font-size:3.33cqw!important;font-weight:400!important;color:#909195!important;margin:3.7cqw 2.42cqw 1.97cqw!important;line-height:1.3!important}
.experience-native-menu-group{border-radius:2.73cqw;background:white;overflow:hidden;box-shadow:0 .4cqw 1cqw #24335b04}
.experience-native-menu-row{display:flex;align-items:center;width:100%;height:12.95cqw;padding:0 3.49cqw;gap:3.64cqw;margin:0;border:0;border-bottom:1px solid #dedee2;background:white;color:#111;font-family:Arial,sans-serif;font-size:4.24cqw;text-align:left;cursor:pointer}
.experience-native-menu-row:last-child{border-bottom:0}.experience-menu-row-label{flex:1}.experience-menu-chevron{color:#c5c5ca;font-size:6cqw;font-weight:300}
.experience-menu-icon{position:relative;width:7.27cqw;height:7.27cqw;border-radius:1.5cqw;flex:0 0 7.27cqw;overflow:hidden;color:white}.experience-menu-icon>img{position:absolute;width:104.85cqw;max-width:none;height:auto;border-radius:0;margin:0;box-shadow:none}
.experience-menu-icon.green{background:#28c75b}.experience-menu-icon.blue{background:#087cff}.experience-menu-icon.purple{background:#6554e8}.experience-menu-icon.gray{background:#939398}.experience-menu-icon.red{background:#e23b50}.experience-menu-icon.cyan{background:#63c2e4}.experience-menu-icon.orange{background:#ff9800}.experience-menu-vector{display:block;padding:1.2cqw}.experience-menu-vector svg{display:block;width:100%;height:auto}
.experience-custom-view{top:16.89%;bottom:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;padding:3cqw 2.73cqw 6cqw;font-family:Arial,sans-serif;color:#282f40;touch-action:pan-y}
.experience-custom-back{font-size:4.24cqw;line-height:1.3;padding:1cqw 0}.experience-custom-view p{font-size:3.33cqw!important;line-height:1.45!important}.experience-custom-card{padding:3.64cqw;border-radius:2.73cqw;margin-top:5cqw;box-shadow:0 .3cqw .8cqw #24335b09}.experience-custom-card h3{font-size:4.24cqw!important}.experience-personal-tabs{margin:3cqw -2.73cqw 0}.experience-personal-tabs button{font-size:3.5cqw;padding:4cqw 1cqw}
.experience-native-iot{padding-top:3cqw}.experience-native-iot .experience-personal-tabs button[aria-pressed=true]{color:#119873;background:#ecfbf5;border-color:#21b28c}.experience-native-iot label{font-size:3.8cqw;margin:0 0 3.64cqw}.experience-native-iot input,.experience-native-iot select{display:block;width:100%;box-sizing:border-box;border:0;border-radius:2.73cqw;background:#eaeaee;color:#394252;padding:2.73cqw;font:inherit;margin-top:1.2cqw;min-height:8.18cqw}.experience-native-iot input{text-align:center}.experience-native-apply{width:100%;border:0;border-radius:2.73cqw;background:#07996e;color:white;padding:3cqw;font-size:4.2cqw;font-weight:600;cursor:pointer}.experience-iot-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw;text-align:center}.experience-iot-summary span{display:block;font-size:3cqw;color:#697889}.experience-iot-summary strong{display:block;font-size:5.2cqw;padding:2cqw}.experience-native-chart{margin-top:5cqw}.experience-chart-empty{height:28cqw;border-left:1px solid #dfe5ec;border-bottom:1px solid #dfe5ec;background:repeating-linear-gradient(to bottom,transparent,transparent 6.8cqw,#eff1f4 6.8cqw,#eff1f4 7cqw)}
@media(max-width:550px){.experience-phone{max-width:360px;border-radius:34px}.experience-viewport{border-width:3px;border-radius:28px}.experience-fixed-header{border-radius:24px 24px 0 0}}

.experience-native-filter label{font-size:3.8cqw;margin:3.4cqw 0;display:block}.experience-native-filter input,.experience-native-filter select{box-sizing:border-box;display:block;width:100%;font:inherit;color:#394252;border:0;background:#eaeaee;border-radius:2.73cqw;padding:2.7cqw;margin-top:1.5cqw;min-height:8.2cqw}.experience-native-filter input[type=date]{text-align:center}.experience-native-filter input[type=text]{border:1px solid #dfe1e8;background:white}.experience-filter-apply,.experience-filter-clear{width:100%;padding:2.4cqw;border-radius:2.5cqw;font-size:3.9cqw;font-weight:600;cursor:pointer}.experience-filter-apply{background:#5440e8;color:white;border:0;margin-top:2cqw}.experience-filter-clear{background:white;color:#535e70;border:1px solid #dfe1e8}.experience-native-empty{padding:6cqw 3cqw;margin-top:3cqw;border:1px dashed #e1e5eb;border-radius:3cqw;text-align:center;font-size:3.5cqw;color:#697889}

/* Base única: gravação original 1320 × 2868 (660 × 1434). */
.experience-viewport,.experience-stage,.video-screen-preview{aspect-ratio:1320/2868}.experience-stage>img.experience-video-screen{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;z-index:0;transform:none!important;animation:none!important;transition:none!important}.experience-video-header{height:16.946%}.experience-video-header>img{width:100%!important;max-width:none!important;height:auto!important;left:0!important;top:0!important;transform:none!important;animation:none!important}.experience-recorded-menu{top:16.946%;padding:0;background:#eff0f5;scroll-behavior:smooth}.experience-menu-picture-part{position:relative;width:100%;overflow:hidden;container-type:inline-size}.experience-menu-picture-part>img{position:absolute;width:100%!important;height:auto!important;max-width:none!important;left:0;border:0;border-radius:0;margin:0;box-shadow:none;opacity:1!important;transform:none!important;animation:none!important;transition:none!important}.experience-recorded-menu-hotspot{position:absolute;z-index:1;background:transparent;border:0;border-radius:0;cursor:pointer;touch-action:pan-y}.experience-recorded-menu-hotspot:hover{background:#00b9d508}.experience-recorded-menu-hotspot:focus-visible{outline:2px solid #05b6cf;outline-offset:-2px}.experience-show-hints .experience-recorded-menu-hotspot{box-shadow:inset 0 0 0 2px #05b6cf80}.video-screen-preview{position:relative;border:2px solid #15191e;border-radius:28px;background:white;padding:0;overflow:hidden;box-shadow:0 10px 24px #18326718}.video-screen-preview img{display:block;width:100%;height:auto;object-fit:contain;transform:none!important;animation:none!important}.experience-custom-view{scroll-behavior:smooth}.experience-phone{transition:none}.experience-dialog{border-radius:24px}.experience-stage>.experience-custom-view{z-index:3}.experience-header-back{z-index:5}
@media(max-width:550px){.experience-viewport{aspect-ratio:1320/2868}}

@media(prefers-reduced-motion:reduce){.experience-custom-view,.experience-recorded-menu{scroll-behavior:auto}}

/* Native device composition keeps the recorded phone screen proportional. */
.app-hero-devices{display:block;width:100%;height:auto;overflow:visible;border:1px solid #e0eaf0;border-radius:18px;background:#f7faff}

/* Fluid interaction within the unchanged recorded display ratio. */
.experience-menu-body,.experience-custom-view{scroll-behavior:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}
.experience-recorded-menu-hotspot:active,.experience-hotspot:active{background:#079abb1a}
.experience-personal-tabs{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
.experience-personal-tabs button{flex:1 0 auto;white-space:nowrap;touch-action:manipulation}
.experience-dialog:not([hidden]){animation:experience-sheet-in .2s cubic-bezier(.2,.7,.2,1)}
@keyframes experience-sheet-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.experience-stage>.experience-more{position:absolute;bottom:0;left:0;right:0;z-index:6;margin:0;padding:2.5cqw;font-size:3.5cqw;box-shadow:0 -4px 12px #17324e0a}
.experience-camera-expanded{position:relative;width:100%;aspect-ratio:728/480;overflow:hidden;background:#111;border-radius:12px;margin-top:12px}
.experience-camera-expanded>img{position:absolute!important;left:-.55%!important;top:-153%!important;width:101.1%!important;height:auto!important;max-width:none!important;border:0!important;border-radius:0!important;transform:none!important}
.experience-camera-expanded-photo>img{position:static!important;width:100%!important;height:100%!important;object-fit:cover}
@media(prefers-reduced-motion:reduce){.experience-dialog:not([hidden]){animation:none}}

/* Cover only the recording indicator inside the recorded Dynamic Island. */
.experience-stage::after{content:"";position:absolute;z-index:7;pointer-events:none;left:32.2%;top:2.48%;width:4%;aspect-ratio:1;background:#000;border-radius:50%}

/* Camera selector matched to the captured native app popup. */
.experience-camera-picker-layer{position:absolute;inset:0;z-index:8}
.experience-camera-picker-dismiss{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;color:transparent;cursor:default}
.experience-camera-picker{position:absolute;left:43.6%;right:0;top:39.7%;background:white;padding:1.6cqw 0;box-shadow:0 0 4cqw #0002;border-radius:.4cqw;overflow:hidden;animation:experience-camera-menu-in .12s ease-out}
.experience-camera-option{display:block;width:100%;min-height:10.9cqw;text-align:left;padding:2.8cqw 3.4cqw;border:0;margin:0;background:#fff;color:#252525;font-family:Arial,sans-serif;font-size:3.3cqw;font-weight:400;line-height:1.5;cursor:pointer}
.experience-camera-option[aria-checked=true]{background:#dfdfdf}.experience-camera-option:focus-visible{outline:2px solid #219abc;outline-offset:-2px}
@keyframes experience-camera-menu-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.experience-camera-picker{animation:none}}

/* Layout measured against the app recording: reports, occurrences and IoT. */
.experience-faithful-page{padding:0 0 7cqw!important;top:16.946%;background:#fff;color:#262e39}
.experience-faithful-heading{display:flex;align-items:center;gap:3.4cqw;padding:3.6cqw 4.4cqw 3cqw;min-height:14.7cqw;box-sizing:border-box}
.experience-faithful-heading>div{flex:1;min-width:0}.experience-faithful-heading h3{display:flex;align-items:center;gap:2cqw;font:700 3.8cqw/1.3 Arial,sans-serif!important;margin:0!important;color:#222a36}
.experience-faithful-heading .experience-menu-vector{padding:0;width:4.4cqw;height:4.4cqw;color:#5144e8;flex-shrink:0}
.experience-faithful-heading p{font-size:2.9cqw!important;margin:1cqw 0 0!important;line-height:1.4!important}
.experience-faithful-back{width:4cqw;flex:0 0 4cqw;padding:0;border:0;background:none;font:400 7cqw/1 Arial,sans-serif;color:#26313f}
.experience-faithful-page>.experience-personal-tabs{margin:0;border-top:1px solid #e0e2e7}
.experience-faithful-page>.experience-personal-tabs button{margin:0;border-radius:0;font-size:3.1cqw;font-weight:400;padding:2.7cqw 1cqw;background:white;min-height:9cqw;flex:1}
.experience-faithful-page>.experience-personal-tabs button[aria-pressed=true]{background:#efedff;border-bottom:2px solid #634ef0}
.experience-faithful-page>.experience-custom-card{margin:3cqw 2.8cqw 0;padding:3.6cqw;border:1px solid #dfe2e7;border-radius:3cqw;box-shadow:0 .2cqw .5cqw #1f2e4612}
.experience-faithful-page p{font-size:3.15cqw!important;line-height:1.55!important}
.experience-faithful-page .experience-custom-card h3{font-size:3.8cqw!important;margin:0 0 .6cqw!important}
.experience-faithful-access .experience-faithful-heading{padding-top:10cqw}
.experience-access-summary{padding-left:15.5cqw!important;position:relative}.experience-access-summary::before{content:'▱';position:absolute;left:3.6cqw;top:3.6cqw;width:9cqw;height:10.5cqw;display:grid;place-items:center;border-radius:50%;background:#efedff;color:#5144e8;font-size:6cqw}
.experience-access-summary p:last-child{font-size:2.8cqw!important;color:#939dac}
.experience-access-record-top,.experience-occurrence-record-top{display:flex;align-items:center;justify-content:space-between;gap:1cqw;font-size:3.2cqw}
.experience-name-badge{padding:.8cqw 2.5cqw;background:#eef1f5;border-radius:4cqw;font-size:2.9cqw;font-weight:700;white-space:nowrap}
.experience-access-location{margin-top:3.6cqw!important}.experience-method-badge{display:inline-block;padding:.5cqw 2cqw;border-radius:4cqw;background:#efedff;color:#5144e8;font-size:3.2cqw;font-weight:700}
.experience-access-record-footer{display:flex;justify-content:space-between;align-items:center;margin-top:5cqw;color:#98a0ad;font-size:2.6cqw;gap:2cqw}
.experience-outline-button{width:auto;margin:0;border:1px solid #dce0e7;border-radius:2cqw;padding:1.3cqw 2.5cqw;background:#fff;color:#424e5c;font-size:3cqw;font-weight:700;cursor:pointer}
.experience-faithful-iot .experience-faithful-heading .experience-menu-vector{color:#0ba26a}
.experience-faithful-iot>.experience-personal-tabs button[aria-pressed=true]{background:#eafff5;color:#109d70;border-bottom:2px solid #20bd8a}
.experience-faithful-iot>.experience-custom-card{margin-top:6.4cqw}
.experience-faithful-iot label{font-size:3.3cqw;margin:0 0 3cqw}.experience-faithful-iot input,.experience-faithful-iot select{font-size:3.3cqw;min-height:8.2cqw;padding:2cqw 3cqw;margin-top:1.2cqw;background:#e7e7ea}
.experience-faithful-iot input{min-height:9.7cqw}.experience-faithful-iot .experience-native-apply{font-size:3.3cqw;padding:3cqw;background:#0aa06d;font-weight:700}
.experience-faithful-occurrences .experience-faithful-heading .experience-menu-vector{color:#d40b2e}.experience-faithful-occurrences>.experience-custom-card{margin-top:3.6cqw}
.experience-occurrence-controls>strong{display:block;color:#949eae;font-size:2.9cqw;margin-left:12cqw}.experience-occurrence-controls>p{margin-left:12cqw!important;color:#303945!important}
.experience-occurrence-actions{display:flex;gap:1.8cqw;margin-top:4cqw;align-items:stretch}.experience-occurrence-actions>button{width:auto;margin:0;white-space:nowrap;font:700 3cqw/1.3 Arial,sans-serif;padding:1.9cqw 2.7cqw;border-radius:2cqw;cursor:pointer}
.experience-occurrence-new{background:#d00b2b;color:white;border:0}.experience-occurrence-messages{background:#2854e8;color:white;border:0}.experience-occurrence-reply{background:#4930dc;color:white;border:0}
.experience-occurrence-record-top{padding-left:12cqw}.experience-state-active,.experience-state-closed{font-size:2.9cqw;font-weight:400;padding:.5cqw 2.2cqw;border-radius:4cqw;background:#daffe6;color:#238548}.experience-state-closed{background:#ffe3e5;color:#b42c43}
.experience-occurrence-record .experience-record-time,.experience-occurrence-description{margin-left:12cqw!important}.experience-occurrence-description{margin-top:2cqw!important;color:#37404d!important}.experience-occurrence-record{position:relative}.experience-occurrence-record::before{content:'⚠';position:absolute;left:3.6cqw;top:3.6cqw;display:grid;place-items:center;width:9cqw;height:9cqw;color:#d00b2b;background:#fff0f2;border-radius:50%;font-size:5cqw}

/* One inner display ratio, independent of the surrounding handset border. */
.experience-viewport{box-sizing:content-box;width:calc(100% - 8px);height:auto!important;min-height:0!important;aspect-ratio:1320/2868!important;padding:0!important;line-height:0;background:#2799b4}
.experience-stage{position:relative;width:100%;height:auto!important;aspect-ratio:1320/2868!important;margin:0;padding:0;line-height:1.4;display:block}
.experience-stage>img{position:absolute!important;inset:0!important;border:0!important;padding:0!important}
.experience-video-header{border:0!important;padding:0!important;top:0!important;left:0;right:0;line-height:0;border-radius:0}
.experience-video-header>img{display:block!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
.experience-stage::after{left:29.7%;top:1.45%;width:39.2%;height:3.94%;aspect-ratio:auto;border-radius:999px;background:#000;z-index:7}
@media(max-width:550px){.experience-viewport{width:calc(100% - 6px)}}

.experience-call-camera{position:absolute;z-index:1;left:.55%;top:27.05%;width:98.9%;height:30.05%;overflow:hidden;background:#131b23;pointer-events:none}
.experience-call-camera>img{position:absolute!important;left:-.55%;top:-152.7%;width:101.1%!important;height:auto!important;max-width:none!important;display:block;border:0;margin:0;padding:0;transform:none!important;animation:none!important}
.experience-call-status{color:#111;font-size:3.6cqw;font-weight:700;justify-content:center;white-space:nowrap}
.experience-call-progress{position:absolute;left:0;right:0;top:69.55%;height:.45%;z-index:2;overflow:hidden;background:white}
.experience-call-progress::before{content:"";position:absolute;inset:0 auto 0 0;width:28%;background:#2399b6;animation:experience-connect 1.25s ease-in-out infinite}
@keyframes experience-connect{from{transform:translateX(-100%)}to{transform:translateX(460%)}}
@media(prefers-reduced-motion:reduce){.experience-call-progress::before{animation:none;left:36%}}

/* The use gallery shares the handset used by the sign-in instructions. */
.recorded-phone-gallery .iphone-display{position:relative;aspect-ratio:1320/2868;line-height:0}
.recorded-phone-gallery .iphone-display img{width:100%;height:auto;aspect-ratio:1320/2868;object-fit:contain;transform:none!important;animation:none!important}
.recorded-phone-gallery .iphone-display::after{content:"";position:absolute;pointer-events:none;left:29.7%;top:1.45%;width:39.2%;height:3.94%;border-radius:999px;background:#000}
.recorded-phone-gallery .iphone-island{z-index:1}