/* Segment presentation: crisp HTML panels with independent mobile composition. */
#segmentos{background:radial-gradient(ellipse at 50% 48%,#1b493a66,transparent 64%),#08130d;padding-bottom:100px}
#segmentos .wrap{width:min(1440px,92%)}
#segmentos h2{max-width:1100px}
#segmentos .industry-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:36px 0 22px;border:0}
#segmentos .industry-tabs button{border:1px solid #adc5b82e;background:#ffffff04;border-radius:30px;padding:12px 22px;font-size:13px;color:#cbd7cf;min-height:46px;transition:background .2s,color .2s}
#segmentos .industry-tabs button[aria-selected=true]{background:#e7f6ed;border-color:#e7f6ed;color:#173d2b;box-shadow:none}
#segmentos .industry{display:flex;flex-direction:column;align-items:stretch;gap:30px}
.showcase-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;color:#b6c9bd;font-size:12px}
.showcase-toolbar>span{display:flex;align-items:center;gap:9px}
.showcase-toolbar>span:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--segment-accent)}
#segmentos .devices{width:100%;padding:20px 23% 22px 0;perspective:none}
#segmentos .devices:before{inset:0;background:radial-gradient(ellipse,var(--segment-accent),transparent 70%);opacity:.12;filter:blur(45px)}
#segmentos .laptop{border:7px solid #252b29;border-radius:17px 17px 6px 6px;transform:none;box-shadow:0 0 0 1px #8da09566,0 22px 50px #0006}
#segmentos .laptop-screen{aspect-ratio:1.65;container-type:inline-size;background:#fff}
#segmentos .laptop-base{height:12px;transform:none;margin:0 -12px;box-shadow:0 12px 35px #0004}
#segmentos .phone{width:20%;bottom:0;right:0;aspect-ratio:9/19.5;border:5px solid #252b29;border-radius:29px;transform:none;box-shadow:0 0 0 1px #9aa69f,0 20px 40px #0006;overflow:hidden;background:#fff;container-type:inline-size}
#segmentos .phone:before{width:25%;left:37.5%;top:1.4%;height:2%;border-radius:10px}
#segmentos .industry-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:24px 8%;align-items:start;padding:24px 0 0;border-top:1px solid #ffffff26}
#segmentos .industry-copy .copy-intro{grid-column:1}
#segmentos .industry-copy .eyebrow{margin-bottom:16px;color:var(--segment-accent)}
#segmentos .industry-copy h3{font-size:clamp(28px,3vw,44px);line-height:1.12;max-width:650px}
#segmentos .industry-copy p{font-size:15px;line-height:1.7;margin:16px 0 0;color:#b7c7bd;max-width:580px}
#segmentos .industry-copy ul{margin:0 0 16px;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
#segmentos .industry-copy li{font-size:14px;color:#e6ede8;margin:0;padding:5px 0}
#segmentos .industry-copy .copy-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
#segmentos .industry-copy .preview-open{margin:0;background:none;border:1px solid #ffffff40;border-radius:24px;padding:10px 18px;font-size:12px}
#segmentos .industry-copy .note{display:block;font-size:11px;color:#9db2a4;margin-top:16px}
.segment-demo,.segment-phone{--demo-border:#dde5e9;--demo-text:#102333;font-family:'DM Sans',sans-serif;color:var(--demo-text);text-align:left;line-height:1.35}
.segment-demo *,.segment-phone *{box-sizing:border-box}
.segment-demo svg,.segment-phone svg{display:block;width:1.65cqw;height:1.65cqw;flex:none}
.segment-demo h4,.segment-demo h5,.segment-phone h4,.segment-phone h5{font-family:Outfit,sans-serif;letter-spacing:-.035em;line-height:1.1;margin:0}
.segment-demo{height:100%;display:grid;grid-template-columns:16% 84%;grid-template-rows:minmax(0,1fr);overflow:hidden;background:#fff}
.demo-sidebar{background:var(--demo-deep);color:#e5eeeb;padding:2.1cqw 1cqw 1cqw;display:flex;flex-direction:column;min-width:0;gap:.55cqw}
.demo-sidebar>strong{font:600 2.1cqw/1 Outfit,sans-serif;color:var(--demo-accent);letter-spacing:-.03em;margin:0 .6cqw .2cqw}
.demo-sidebar>small{font-size:.57cqw;letter-spacing:.18em;line-height:1.6;margin:0 .6cqw;max-width:12cqw}
.demo-side-label{font-size:.52cqw;letter-spacing:.15em;margin:.2cqw .6cqw 1.1cqw;color:#becfc8}
.demo-nav{display:flex;align-items:center;gap:.8cqw;font-size:.91cqw;padding:1cqw .6cqw;border-radius:.75cqw;line-height:1.3}
.demo-nav svg{color:var(--demo-accent);width:1.45cqw;height:1.45cqw}
.demo-nav.active{background:var(--demo-light);color:var(--demo-color);font-weight:700}
.demo-nav.active svg{color:var(--demo-color)}
.demo-nav i{width:.35cqw;height:.35cqw;border-radius:50%;background:var(--demo-accent);margin-left:auto}
.demo-other{border-top:1px solid #ffffff25;margin-top:auto;padding-top:1cqw;margin-bottom:.5cqw}
.demo-other>small{display:block;font-size:.53cqw;letter-spacing:.16em;margin-bottom:.7cqw}
.demo-other>div{display:flex;align-items:center;gap:.6cqw;border:1px solid #ffffff30;background:#ffffff05;border-radius:.8cqw;padding:1cqw .6cqw;font-size:.85cqw;font-weight:700}
.demo-other>div>svg:last-child{width:1cqw;height:1cqw}
.demo-other span small{display:block;font-size:.57cqw;font-weight:400;color:#bbcec5;margin-top:.4cqw}
.demo-owner{display:flex;gap:.65cqw;border-top:1px solid #ffffff25;padding:.9cqw .3cqw 0;margin-top:.3cqw;align-items:center;font-size:.75cqw}
.demo-owner>span{border-radius:50%;padding:.5cqw;background:#ffffff15;font-size:.7cqw}
.demo-owner small{display:block;color:#aac4b6;font-size:.6cqw;font-weight:400;margin-top:.2cqw}
.demo-main{overflow:hidden;min-width:0;background:white;position:static}
.demo-topbar{height:4.2cqw;border-bottom:1px solid var(--demo-border);display:flex;align-items:center;gap:1cqw;padding:0 1.6cqw;background:#fff;font-size:.9cqw}
.demo-topbar>b{font-size:1.1cqw}
.demo-topbar>span{font-size:.65cqw;color:#7a8c98}
.demo-topbar>svg{margin-left:auto;color:#71828a;width:1.3cqw;height:1.3cqw}
.demo-workspace{padding:1.7cqw;display:grid;grid-template-columns:minmax(0,1fr) 23%;gap:1.6cqw}
.demo-day{min-width:0}
.demo-day-title{display:flex;align-items:center;justify-content:space-between;gap:1cqw;margin-bottom:1.7cqw}
.demo-day-title h4{font-size:2.5cqw;font-weight:700;margin:0 0 .4cqw}
.demo-day-title small{font-size:.65cqw;color:#788798}
.demo-new{display:flex;align-items:center;justify-content:center;gap:.6cqw;background:var(--demo-color);color:#fff;font-size:.7cqw;font-weight:700;padding:1cqw 1.1cqw;border-radius:.75cqw;white-space:nowrap}
.demo-new svg{width:1cqw;height:1cqw}
.demo-banner{position:relative;height:15cqw;isolation:isolate;overflow:hidden;border-radius:1cqw;background:var(--demo-deep);margin:0 0 1cqw}
.demo-banner-photo{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-2}
.demo-banner:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--demo-deep) 96%,transparent),color-mix(in srgb,var(--demo-deep) 55%,transparent) 40%,transparent 78%)}
.demo-banner h5{position:absolute;left:2cqw;top:50%;transform:translateY(-50%);font-size:2.1cqw;font-weight:600;line-height:1.18;color:#fff;max-width:62%}
.demo-banner em{font-style:normal;color:var(--demo-accent)}
.demo-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8cqw;margin:0 0 2cqw}
.demo-stats>div{display:flex;align-items:center;gap:.7cqw;border:1px solid var(--demo-border);border-radius:.8cqw;padding:.9cqw .7cqw;background:white;min-width:0}
.demo-stats>div:first-child{border-color:var(--demo-color)}
.demo-stats>div>svg{background:var(--demo-light);color:var(--demo-color);width:2.6cqw;height:2.6cqw;padding:.55cqw;border-radius:.7cqw}
.demo-stats small{font-size:.6cqw;display:block;color:#5d7181;line-height:1.3}
.demo-stats b{display:block;font-size:1.65cqw;font-weight:700;margin-top:.3cqw;line-height:1}
.demo-agenda-title{display:flex;align-items:center;justify-content:space-between;gap:1cqw;margin:0 0 1cqw}
.demo-agenda-title h5{font-size:1.5cqw;font-weight:600}
.demo-agenda-title>span{display:flex;align-items:center;gap:.6cqw;font-size:.65cqw;color:#657888}
.demo-agenda-title svg{width:1.1cqw;height:1.1cqw}
.demo-agenda-title b{font-size:.6cqw;font-weight:400;color:var(--demo-color);margin-left:.5cqw}
.demo-rows{display:flex;flex-direction:column;gap:.65cqw}
.demo-row{display:flex;align-items:center;gap:.8cqw;width:100%;min-width:0;border:1px solid var(--demo-border);border-radius:.8cqw;background:white;color:var(--demo-text);padding:.8cqw;font:inherit;text-align:left;transition:background .2s,border-color .2s}
.demo-row:hover,.demo-row.chosen{border-color:var(--demo-color);background:var(--demo-light)}
.demo-row:focus-visible{outline:2px solid var(--demo-color);outline-offset:1px}
.demo-row time{font-size:.73cqw;font-weight:600;flex:none}
.demo-thumb{width:3.4cqw;height:3.2cqw;object-fit:cover;border-radius:.45cqw;flex:none}
.demo-row-copy{min-width:0;flex:1}
.demo-row-copy b{display:block;font-size:.95cqw;font-weight:600;line-height:1.3}
.demo-row-copy small{display:block;font-size:.65cqw;color:#718091;margin-top:.3cqw;line-height:1.35}
.demo-state{display:inline-block;border-radius:2cqw;background:var(--demo-light);color:var(--demo-color);padding:.4cqw .7cqw;font-size:.58cqw;font-weight:600;white-space:nowrap;line-height:1.3}
.demo-state.working{background:#fff2d8;color:#836023}
.demo-row>svg{width:1cqw;height:1cqw;color:#879aa6}
.demo-helper{display:flex;align-items:center;justify-content:space-between;gap:1cqw;margin-top:1cqw;font-size:.65cqw;color:#809285}
.demo-helper>span{display:flex;align-items:center;gap:.4cqw}
.demo-helper svg{width:1cqw;height:1cqw;color:var(--demo-color)}
.demo-helper small{font-size:.58cqw}
.demo-detail-container{min-width:0}
.demo-detail{border:1px solid var(--demo-border);border-radius:1.2cqw;padding:1.4cqw 1.1cqw;background:white}
.demo-detail-kicker{display:flex;justify-content:space-between;align-items:center;gap:.5cqw;font-size:.55cqw;text-transform:uppercase;letter-spacing:.12em;color:#6d7d8b;margin-bottom:1.1cqw}
.demo-detail-kicker>span{font-size:1.3cqw}
.demo-detail h5{font-size:1.6cqw;font-weight:600;overflow-wrap:anywhere}
.demo-detail>p{display:flex;gap:.4cqw;align-items:center;font-size:.65cqw;line-height:1.5;color:#70818c;margin:.6cqw 0 1.2cqw}
.demo-detail>p svg{width:.85cqw;height:.85cqw}
.demo-detail-photo{width:100%;height:11.5cqw;object-fit:cover;border-radius:.7cqw;margin-bottom:.8cqw}
.demo-detail-tabs{display:flex;justify-content:space-between;border-bottom:1px solid var(--demo-border);font-size:.65cqw;color:#758899;margin:1.7cqw 0 1.4cqw}
.demo-detail-tabs>*{padding:0 .3cqw .7cqw}
.demo-detail-tabs b{color:var(--demo-color);border-bottom:2px solid var(--demo-color);font-weight:600}
.demo-detail dl{margin:0 0 1.8cqw}
.demo-detail dl>div{display:grid;grid-template-columns:1.2cqw 1fr;column-gap:.65cqw;row-gap:.3cqw;margin-bottom:1.5cqw}
.demo-detail dl svg{width:1.1cqw;height:1.1cqw;color:#5a7d91;grid-row:span 2}
.demo-detail dt{font-size:.62cqw;color:#708496}
.demo-detail dd{margin:0;font-size:.75cqw;font-weight:500;line-height:1.5}
.demo-confirm{display:flex;align-items:center;justify-content:center;gap:.6cqw;background:var(--demo-color);color:white;font-size:.64cqw;font-weight:600;padding:1cqw .6cqw;border-radius:.65cqw}
.demo-confirm svg{width:1cqw;height:1cqw}
.demo-detail-note{display:block;text-align:center;font-size:.47cqw;color:#7b8d96;margin:.8cqw 0 0}
/* The phone is composed independently; it never scales a desktop screenshot. */
.segment-phone{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:#fff;padding:6% 5% 0;overflow:hidden}
.segment-phone svg{width:5cqw;height:5cqw}
.demo-phone-status{display:flex;justify-content:space-between;font-size:3.2cqw;line-height:1;margin-bottom:7%;padding:0 3%}
.demo-phone-status>span{font-size:2.6cqw}
.demo-phone-top{display:flex;align-items:center;justify-content:space-between;gap:3%;padding-bottom:6%;border-bottom:1px solid #e8edf0;margin-bottom:6%}
.demo-phone-top b{font:600 6cqw/1 Outfit,sans-serif;letter-spacing:-.03em;color:var(--demo-color)}
.demo-phone-top>span{font-size:2.7cqw;padding:2%;border-radius:50%;background:var(--demo-light);color:var(--demo-color)}
.demo-phone-body{min-height:0;flex:1}
.demo-phone-date{display:block;font-size:2.4cqw;letter-spacing:.12em;color:#72838f;margin-bottom:3%}
.segment-phone h4{font-size:8cqw;margin:0 0 5%;font-weight:700}
.segment-phone .demo-banner{height:29cqw;border-radius:3cqw;margin-bottom:4%}
.segment-phone .demo-banner h5{font-size:5.2cqw;left:5%;max-width:68%;line-height:1.18}
.segment-phone .demo-stats{gap:2%;margin-bottom:7%}
.segment-phone .demo-stats>div{display:block;padding:10% 9%;border-radius:2.2cqw}
.segment-phone .demo-stats svg{display:none}
.segment-phone .demo-stats small{font-size:2.3cqw;min-height:6.5cqw;line-height:1.3}
.segment-phone .demo-stats b{font-size:6.7cqw;margin-top:4%}
.segment-phone .demo-agenda-title{margin-bottom:4%}
.segment-phone .demo-agenda-title h5{font-size:4.8cqw;font-weight:600}
.segment-phone .demo-agenda-title>svg{width:4cqw;height:4cqw;color:var(--demo-color)}
.segment-phone .demo-rows{gap:2.6cqw}
.segment-phone .demo-row{position:relative;gap:3cqw;border-radius:2.5cqw;padding:3cqw 2.5cqw;min-height:18cqw}
.segment-phone .demo-row time{font-size:2.8cqw}
.segment-phone .demo-thumb{width:10cqw;height:11cqw;border-radius:1.5cqw}
.segment-phone .demo-row-copy b{font-size:3.6cqw;font-weight:700}
.segment-phone .demo-row-copy small{font-size:2.5cqw;line-height:1.4;margin-top:1cqw}
.segment-phone .demo-row .demo-state{display:none}
.segment-phone .demo-row>svg{width:3cqw;height:3cqw}
.segment-phone .demo-new{font-size:3.3cqw;padding:4cqw 2cqw;border-radius:2.5cqw;margin-top:5%;gap:2cqw}
.segment-phone .demo-new svg{width:4cqw;height:4cqw}
.demo-phone-bottom{display:flex;justify-content:space-around;flex:none;border-top:1px solid #e5eaed;padding:4% 0 5%;font-size:2.6cqw;color:#7d8a94;background:#fff;margin-top:4%}
.demo-phone-bottom>span{display:flex;flex-direction:column;gap:1.4cqw;align-items:center}
.demo-phone-bottom>span:first-child{color:var(--demo-color);font-weight:700}
.demo-phone-bottom svg{width:5cqw;height:5cqw}
.demo-phone-sheet{position:absolute;inset:7% 0 0;background:#fff;z-index:8;overflow:auto;padding:5%}
.demo-phone-sheet[hidden]{display:none}
.demo-phone-sheet>button{border:0;border-radius:20px;background:var(--demo-light);color:var(--demo-color);padding:3cqw;font-size:3.5cqw;margin-bottom:5%}
.demo-phone-sheet .demo-detail{border:0;border-radius:0;padding:0}
.demo-phone-sheet .demo-detail-kicker{font-size:2.5cqw;margin-bottom:5%;gap:2cqw}
.demo-phone-sheet .demo-detail-kicker span{font-size:4cqw}
.demo-phone-sheet .demo-detail h5{font-size:8cqw}
.demo-phone-sheet .demo-detail>p{font-size:3cqw;margin:3% 0 6%;gap:2cqw}
.demo-phone-sheet .demo-detail>p svg{width:4cqw;height:4cqw}
.demo-phone-sheet .demo-detail-photo{height:45cqw;border-radius:3cqw;margin-bottom:4%}
.demo-phone-sheet .demo-state{font-size:2.8cqw;padding:2cqw 3cqw;border-radius:5cqw}
.demo-phone-sheet .demo-detail-tabs{font-size:3cqw;margin:7% 0}
.demo-phone-sheet .demo-detail-tabs>*{padding-bottom:3cqw}
.demo-phone-sheet .demo-detail dl>div{grid-template-columns:5cqw 1fr;column-gap:2cqw;row-gap:1cqw;margin-bottom:7%}
.demo-phone-sheet .demo-detail dl svg{width:5cqw;height:5cqw}
.demo-phone-sheet .demo-detail dt{font-size:3cqw}
.demo-phone-sheet .demo-detail dd{font-size:3.6cqw}
.demo-phone-sheet .demo-confirm{padding:4cqw;font-size:3.5cqw;border-radius:3cqw;gap:2cqw}
.demo-phone-sheet .demo-confirm svg{width:4cqw;height:4cqw}
.demo-phone-sheet .demo-detail-note{font-size:2.5cqw;margin-top:4%}
#visual-dialog:has(.segment-demo){width:min(1440px,96vw)}
#visual-content .showcase-expanded{container-type:inline-size;aspect-ratio:1.65;overflow:hidden;border-radius:10px}
#visual-content .showcase-expanded-mobile{container-type:inline-size;aspect-ratio:9/19.5;width:min(360px,100%);margin:auto;overflow:hidden;border-radius:26px}
@media(max-width:900px){#segmentos .industry-copy{grid-template-columns:1fr;gap:22px}#segmentos .devices{padding-right:26%}#segmentos .phone{width:23%;border-width:4px;border-radius:23px}}
@media(max-width:600px){
 #segmentos{padding:65px 0}#segmentos .wrap{width:92%}#segmentos h2{font-size:38px}
 #segmentos .industry-tabs{gap:7px;margin:26px 0 18px}#segmentos .industry-tabs button{padding:10px 14px;font-size:12px;flex:1 0 auto;min-height:44px}
 .showcase-toolbar{font-size:10px;align-items:center}.showcase-toolbar>span{line-height:1.4}
 #segmentos .laptop{border-width:3px;border-radius:8px 8px 3px 3px}#segmentos .laptop-base{margin:0 -4px;height:6px}
 #segmentos .industry-copy{padding-top:20px;gap:20px}#segmentos .industry-copy h3{font-size:30px}#segmentos .industry-copy p{font-size:14px;margin-top:12px}#segmentos .industry-copy li{font-size:13px}
 #segmentos .industry-copy .copy-actions{gap:14px}#segmentos .industry-copy .link{font-size:13px}
 #segmentos .industry{gap:12px}
}
@media(prefers-reduced-motion:reduce){#segmentos .screen-enter{animation:none}.demo-row{transition:none}}

#segmentos .industry-tabs button{scroll-margin-top:110px}

/* Both previews stay visible, with a vertical arrangement on small screens. */
@media(max-width:600px){
 #segmentos .devices{display:block;padding:12px 0 24px}
 #segmentos .devices .laptop,#segmentos .devices .laptop-base{display:block}
 #segmentos .devices .phone{display:block;position:relative;right:auto;bottom:auto;width:min(300px,90%);height:auto;max-width:100%;margin:24px auto 0;border-width:5px;border-radius:30px;aspect-ratio:9/19.5}
}