.ux-showcase{padding:72px 24px 60px;background:#f4f6fa;color:#15233b;overflow:hidden;scroll-margin-top:82px}.ux-intro{max-width:800px;margin:auto;text-align:center}.ux-intro h2{font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-2px;margin:14px 0 20px}.ux-intro h2 em{color:#0b58ca;font-style:normal}.ux-intro>p:last-child{font-size:19px;line-height:1.6;color:#45516a}.ux-switch{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;width:max-content;max-width:100%;padding:5px;margin:28px auto;background:#e6ebf2;border-radius:16px}.ux-switch button{font:600 14px system-ui;color:#45516a;min-height:44px;border:0;background:transparent;border-radius:12px;padding:10px 18px;cursor:pointer}.ux-switch button[aria-pressed=true]{background:white;color:#0b4dba;box-shadow:0 2px 6px #14233a14}.ux-switch button:focus-visible,.ux-showcase button:focus-visible{outline:3px solid #d79a36;outline-offset:3px}.ux-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:920px;margin:36px auto;align-items:center}.ux-description{max-width:390px}.ux-step{font:700 12px system-ui;letter-spacing:.12em;color:#5c6e8a}.ux-description h3{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:15px 0}.ux-description>p{font-size:18px;line-height:1.65;color:#46516a}.ux-description .ux-facts{font-size:13px;color:#667085;margin-top:28px}.ux-phone{margin:0;text-align:center}.ux-enclosure{width:min(286px,100%);margin:auto;padding:5px;border:1px solid #8f96a1;border-radius:42px;background:#171b23;box-shadow:0 25px 50px #17274920}.ux-enclosure img{display:block;width:100%;height:auto;aspect-ratio:390/791;border-radius:36px}.ux-phone figcaption{font-size:11px;color:#687487;line-height:1.6;margin:18px auto 0;max-width:320px}.ux-note{font-size:12px;line-height:1.7;max-width:760px;margin:30px auto 0;text-align:center;color:#657086}#ux-dialog{width:min(680px,calc(100% - 24px));max-height:94dvh;border:1px solid #d9dfe8;border-radius:22px;padding:18px;background:white;color:#15233b}#ux-dialog::backdrop{background:#14223c99}#ux-dialog header{display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;top:-18px;background:white;padding:10px 0;z-index:1}#ux-dialog h3{font:650 18px system-ui;margin:0}#ux-dialog button{width:44px;height:44px;border:1px solid #d8dfe7;border-radius:50%;font:28px system-ui;background:white;flex-shrink:0;cursor:pointer}#ux-dialog img{display:block;width:min(390px,100%);height:auto;margin:16px auto;border-radius:32px}#ux-dialog p{font:13px/1.6 system-ui;color:#627087}.home-showcase .hero .screen img,.home-showcase .quartier .screen img{aspect-ratio:390/791}.duo-stage img,.duo-dialog img{clip-path:inset(.7% .7% .9% .7% round 8% / 11%)}
@media(max-width:650px){.ux-showcase{padding:44px 18px}.ux-intro h2{letter-spacing:-1.2px}.ux-intro>p:last-child{font-size:16px}.ux-switch{width:100%;gap:0}.ux-switch button{font-size:12px;padding:9px 8px;flex:1}.ux-layout{grid-template-columns:1fr;gap:26px;margin-top:28px}.ux-description{max-width:430px;text-align:center;margin:auto}.ux-description h3{font-size:27px}.ux-description>p{font-size:16px}.ux-description .ux-facts{margin-top:16px;font-size:12px}.ux-enclosure{width:260px}.ux-note{font-size:11px}.ux-phone figcaption{max-width:280px}}
.duo-stage.wide-web{width:min(683px,100%);height:auto;aspect-ratio:683/715;border:1px solid #d9dfe8;border-radius:16px;background:#212121;padding:0;transform:none;box-shadow:0 20px 50px #14233a20}.duo-stage.wide-web img,.duo-dialog img{display:block;width:100%;height:auto;object-fit:contain;clip-path:none;border-radius:14px}.home-showcase .hero .screen,.home-showcase .quartier .screen{aspect-ratio:390/791!important}.ux-enclosure img{aspect-ratio:390/791}

.duo-stage.wide-web{width:min(972px,100%);aspect-ratio:auto;background:transparent}
.wide-capture{position:relative;width:100%;aspect-ratio:972/715;overflow:hidden;border-radius:14px}
.duo-stage .wide-capture img,.duo-dialog .wide-capture img{position:absolute;max-width:none;width:105.34979424%;height:auto;left:-5.34979424%;top:-7.41258741%;margin:0;border-radius:0;clip-path:none}
.duo-dialog .wide-capture{margin-top:15px}


.scene-copy .scene-request{font-size:14px;line-height:1.65;border-left:2px solid currentColor;padding-left:14px;margin:20px 0 24px;max-width:440px}
.scene-request>span{display:block;font:650 10px/1.5 system-ui;letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px}
.capture-switch[hidden]{display:none!important}