.cnf-install-showcase{margin-block:45px;display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center;background:#edf3f7;border:1px solid #dae4eb;border-radius:28px;padding:55px 60px 0;overflow:hidden;position:relative;color:#10284c}.cnf-install-copy{padding-bottom:55px;position:relative;z-index:1}.cnf-install-copy h1,.cnf-install-copy h2{font-family:Georgia,serif;font-size:clamp(38px,4.5vw,62px);line-height:1.1;margin:22px 0}.cnf-install-copy>p:not(.eyebrow){font-size:18px;line-height:1.8}.cnf-install-copy>small{display:block;font-size:12px;color:#53677c;line-height:1.6;margin-top:20px}.cnf-install-copy .pwa-install-feedback{font-size:14px!important}.cnf-install-help{background:none;border:0;border-bottom:1px solid currentColor;padding:6px 0;color:inherit;cursor:pointer;font:inherit;font-size:15px}.cnf-phone{width:275px;margin:45px auto -85px;background:white;border:8px solid #10284c;border-radius:40px;box-shadow:0 24px 55px #10284c26;transform:rotate(-5deg);overflow:hidden;padding:20px 12px 0;position:relative;color:#10284c}.cnf-phone:before{content:'';position:absolute;width:72px;height:6px;border-radius:6px;background:#10284c;top:7px;left:calc(50% - 36px)}.cnf-phone-top{display:flex;gap:9px;align-items:center;font-size:10px;font-weight:700;margin:5px 0 15px}.cnf-phone-top small{font-size:8px;letter-spacing:.15em}.cnf-phone-sea{background:linear-gradient(#10284c33,#10284c66),url('/assets/hero.jpg') center/cover;border-radius:18px;padding:28px 15px;color:white}.cnf-phone-sea p{font-family:Georgia,serif;font-size:36px;line-height:1.1;margin:0}.cnf-phone-content{padding:20px 6px}.cnf-phone-content>span{font-size:8px;letter-spacing:.12em;color:#086b43}.cnf-phone-content h3{font-family:Georgia,serif;font-size:22px;margin:10px 0}.cnf-phone-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cnf-phone-cards b{border-radius:10px;padding:15px 7px;background:#086b43;color:white;font-size:10px}.cnf-phone-cards b:nth-child(2n){background:#10284c}.cnf-phone-content>img{display:block;object-fit:contain;margin:20px auto}.cnf-install-dialog{width:min(620px,calc(100vw - 30px));max-height:calc(100dvh - 36px);border:1px solid var(--line,#dbe3ea);border-radius:25px;padding:35px;background:var(--paper,#fff);color:var(--navy,#10284c);box-sizing:border-box;overflow:auto}.cnf-install-dialog::backdrop{background:#10284caa}.cnf-dialog-close{float:right;border:0;border-radius:50%;width:38px;height:38px;background:#edf3f7;color:#10284c;font-size:25px;cursor:pointer}.cnf-install-dialog h2{font-family:Georgia,serif;font-size:32px;margin:18px 0}.cnf-install-dialog p{font-size:15px;line-height:1.75;color:var(--muted,#53677c)}.cnf-install-dialog>.eyebrow{font-size:10px;margin-top:20px}.cnf-device-choice{display:flex;background:#edf3f7;border-radius:30px;padding:5px;margin:24px 0 18px;gap:4px}.cnf-device-choice button{flex:1;border:0;border-radius:25px;padding:13px 6px;background:transparent;color:#10284c;cursor:pointer;font:inherit;font-size:14px}.cnf-device-choice button[aria-pressed=true]{background:#086b43;color:#fff}.cnf-system-choice{display:flex;gap:20px;margin-bottom:20px}.cnf-system-choice[hidden]{display:none}.cnf-system-choice button{font:inherit;font-size:14px;border:0;border-bottom:2px solid transparent;padding:9px 0;background:none;color:inherit;cursor:pointer}.cnf-system-choice button[aria-pressed=true]{border-color:#086b43}.cnf-install-steps{list-style:none;counter-reset:steps;padding:0}.cnf-install-steps li{counter-increment:steps;position:relative;padding:8px 0 14px 42px}.cnf-install-steps li:before{content:counter(steps);position:absolute;left:0;top:6px;border:1px solid #dbe3ea;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:13px}.cnf-install-steps strong{font-size:15px}.cnf-install-steps p{margin:7px 0}.cnf-install-note{border-top:1px solid var(--line,#dbe3ea);padding-top:18px}.cnf-install-dialog button:focus-visible,.cnf-install-help:focus-visible{outline:3px solid #63b58b;outline-offset:3px}html[data-theme=dark] .cnf-install-showcase{background:#122e42;color:#fff;border-color:#355267}html[data-theme=dark] .cnf-install-copy>small{color:#b9cbd7}@media(max-width:700px){.cnf-install-showcase{grid-template-columns:1fr;padding:30px 25px 0;gap:0;margin-block:25px}.cnf-install-copy{padding-bottom:0}.cnf-phone{margin-top:35px}.cnf-install-copy .pwa-native-install{font-size:15px;max-width:100%;gap:12px}.cnf-install-dialog{padding:25px}.cnf-device-choice button{font-size:12px}}@media(prefers-reduced-motion:reduce){.cnf-phone{transform:none}}