.pr-phone{position:relative;flex:none;align-self:center;width:var(--pw, 280px);background:var(--connecta-ink);border-radius:46px;padding:10px;box-shadow:0 24px 40px -18px #0f1a2459,0 2px 6px #0f1a241f}.pr-phone img{display:block;width:100%;height:auto;aspect-ratio:720 / 1558;object-fit:contain;border-radius:36px;background:#fbfcf7}.pr-phone-hero{--pw: min(clamp(210px, calc((100vh - 250px)*.4621 + 20px) , 300px), 76vw)}.pr-quote{display:inline-block;margin:0;border:0;cursor:pointer;text-align:left;appearance:none;-webkit-appearance:none;font-family:Caveat,Comic Sans MS,cursive;font-weight:700;font-size:clamp(24px,2.6vw,32px);line-height:1.1;color:var(--connecta-ink);background:var(--connecta-lime);padding:8px 16px 10px;transform:rotate(-1.5deg);box-shadow:0 6px 14px -8px #0f1a2459;transition:opacity .25s var(--ease-standard)}.pr-show{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(32px,6vw,96px);align-items:center;max-width:1020px;margin:clamp(28px,5vh,52px) auto 0}.pr-stage{display:flex;justify-content:center;order:2}.pr-phone-show{--pw: clamp(220px, calc((100vh - 220px)*.4621 + 20px) , 330px)}.pr-shots{display:grid;border-radius:36px;overflow:hidden;background:#fbfcf7}.pr-shots .pr-shot{grid-area:1 / 1;border-radius:0;opacity:0;transition:opacity .35s var(--ease-standard)}.pr-shots .pr-shot.is-on{opacity:1}.pr-items{display:flex;flex-direction:column;gap:12px}.pr-item{padding:16px 22px 18px;border-left:4px solid transparent;border-radius:0 18px 18px 0;transition:background .25s,border-color .25s,box-shadow .25s}.pr-item:not(.is-on){cursor:pointer}.pr-item:not(.is-on):hover{background:#fff9}.pr-item.is-on{background:#fff;border-left-color:var(--connecta-lime);box-shadow:var(--shadow-2)}.pr-item-t{margin:14px 0 0;font-weight:800;letter-spacing:-.025em;line-height:1.15;font-size:clamp(20px,2.2vw,26px)}.pr-item-b{margin:8px 0 0;font-size:clamp(15px,1.5vw,16.5px);line-height:1.55;color:var(--fg-2);max-width:44ch}.pr-item:not(.is-on) .pr-quote{opacity:.6}.pr-item:not(.is-on):hover .pr-quote{opacity:.9}.pr-quote:focus-visible{outline:3px solid var(--connecta-ink);outline-offset:3px}@media (min-width: 900px){.pr-show{align-items:start}.pr-stage{position:sticky;top:104px}}@media (min-width: 900px) and (max-height: 540px){.pr-stage{position:static}}@media (max-width: 899px){.pr-show{grid-template-columns:1fr;gap:20px}.pr-stage{order:0}.pr-phone-show{--pw: min(330px, 86vw, calc((100svh - 204px)*.4621 + 20px) )}.pr-phone-hero{--pw: min(300px, 82vw)}.pr-items{gap:8px}.pr-item{padding:12px 16px;border-radius:0 14px 14px 0}.pr-show.is-js .pr-item:not(.is-on) .pr-item-body{display:none}.pr-item.is-on .pr-item-t{margin-top:12px}}
