/* Carrossel "squeeze": um painel aberto e o resto comprimido em tiras à direita */
.sq{container-type:inline-size;--sq-h:clamp(250px,30cqi,320px);--sq-gap:16px;--sq-slat:8px;--sq-slat-gap:8px;--sq-radius:12px;--sq-ms:1000ms;--sq-ease:cubic-bezier(.16,1,.3,1);--sq-slats:3;--sq-hero:min(calc(var(--sq-h) * 16 / 9),100cqi);--sq-room:calc(100cqi - var(--sq-hero) - var(--sq-slats) * (var(--sq-slat-gap) + var(--sq-slat)) - 3 * var(--sq-gap));display:flex;flex-direction:column;width:100%}
.sq-controls{display:flex;justify-content:flex-end;gap:8px;margin-bottom:16px}
.sq-arrow{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(88,227,232,.3);border-radius:10px;background:linear-gradient(135deg,#4ce0e4,#29b9d2);color:#03131d;cursor:pointer;transition:opacity .2s,transform .2s}
.sq-arrow:hover{opacity:.85}.sq-arrow:active{transform:scale(.95)}
.sq-arrow:focus-visible,.sq-action:focus-visible,.sq-card:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.sq-arrow svg{width:16px;height:16px;fill:currentColor}
.sq-viewport{width:100%;height:var(--sq-h);overflow:hidden}
.sq-strip{display:flex;height:100%;width:max-content;transition:transform var(--sq-ms) var(--sq-ease)}
.sq-strip.still,.sq-strip.still .sq-card{transition:none!important}
.sq-card{position:relative;isolation:isolate;flex:none;height:100%;padding:0;border:0;overflow:hidden;cursor:pointer;background:var(--panel2);transition:width var(--sq-ms) var(--sq-ease),margin-left var(--sq-ms) var(--sq-ease)}
.sq-pic{text-align:left;position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:var(--sq-hero);min-width:100%;display:grid;place-items:center;overflow:hidden}
.sq-pic::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.28),transparent 42%),radial-gradient(circle at 12% 95%,rgba(0,0,0,.35),transparent 55%)}
.sq-pic .lp-mock{position:absolute;left:50%;top:50%;width:430px;transform:translate(-50%,-50%) scale(var(--sq-s,.8));transform-origin:center;box-shadow:0 22px 50px rgba(0,0,0,.4)}
.sq-mark{position:absolute;left:14px;top:14px;padding:5px 11px;border-radius:999px;background:rgba(3,12,22,.62);backdrop-filter:blur(8px);color:#fff;font-size:11.5px;font-weight:700;pointer-events:none;opacity:0;transition:opacity var(--sq-ms) var(--sq-ease)}
.sq-card[aria-selected="true"] .sq-mark{opacity:1}
.sq-panels{display:grid;margin-top:26px}
.sq-panel{grid-area:1/1;display:flex;flex-direction:column;gap:16px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--sq-ms) var(--sq-ease),visibility var(--sq-ms)}
.sq-panel.active{opacity:1;visibility:visible;pointer-events:auto}
.sq-panel p{margin:0;max-width:46rem;font-size:16px;line-height:1.6;text-wrap:balance}
.sq-panel p b{color:var(--text);font-weight:700}.sq-panel p span{color:var(--muted2)}
.sq-action{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:10px;background:linear-gradient(135deg,#4ce0e4,#29b9d2);color:#03131d;font-size:13px;font-weight:800;transition:opacity .2s}
.sq-action:hover{opacity:.85}.sq-action svg{width:7px;height:10px;transition:transform .2s}.sq-action:hover svg{transform:translateX(2px)}
.sq-copy{min-width:0}
.sq-bullets{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:7px}
.sq-bullets li{position:relative;padding-left:22px;color:var(--muted2);font-size:13.5px;line-height:1.5}
.sq-bullets li::before{content:"✓";position:absolute;left:0;top:0;color:var(--green);font-weight:800}
@container (min-width:760px){.sq-bullets{grid-template-columns:1fr 1fr;gap:8px 28px;max-width:46rem}.sq-panel{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:40px}.sq-panel p{font-size:18px}.sq-action{flex:none}}
@media(prefers-reduced-motion:reduce){.sq{--sq-ms:0ms}}
@container (max-width:600px){.sq-mark{display:none}}