.phone-add,.phone-qr-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border:1px solid #b99125;border-radius:12px;background:#f2ce62;color:#25384a;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;text-decoration:none;gap:8px}
.phone-add{font-family:inherit;font-size:14px;font-weight:600}.phone-add::before{content:"";width:12px;height:19px;border:2px solid currentColor;border-radius:3px;display:inline-block;flex:none}
.hero-copy>.phone-add{margin-inline-start:12px;margin-top:12px;vertical-align:middle}.phone-add:hover{background:#e9c251}.phone-add:focus-visible,.phone-qr-button:focus-visible,.phone-platforms button:focus-visible,.phone-guide-close:focus-visible{outline:3px solid #38678f;outline-offset:3px}
.phone-section{max-width:1200px;margin:0 auto 60px;padding:28px 32px;background:#e7f1f8;border:1px solid #d0e0eb;border-radius:20px;display:flex;align-items:center;gap:24px}.phone-section>img{border-radius:18px;flex:none}.phone-section-copy{flex:1}.phone-section h2{font-size:24px;font-weight:650;line-height:1.3;letter-spacing:-.5px;margin:0 0 8px}.phone-section p{margin:0;color:#526775;line-height:1.6}.phone-section-actions{display:flex;flex-wrap:wrap;gap:10px}.phone-qr-button{font-family:inherit;font-size:14px;font-weight:600;background:transparent;border-color:#b9cbd7}
.phone-guide{width:min(540px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:24px;border:0;border-radius:20px;background:#fffdfa;color:#25384a;box-shadow:0 24px 80px #10293b44;font-family:inherit;overflow:auto}.phone-guide::backdrop{background:#182d42a6}.phone-guide-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.phone-guide h2{font-family:inherit;font-size:23px;font-weight:650;line-height:1.3;letter-spacing:-.4px;margin:0}.phone-guide-close{width:44px;height:44px;flex:none;border:1px solid #d3dde3;background:#eef3f6;color:#25384a;border-radius:50%;font-size:28px;cursor:pointer}.phone-guide-intro{color:#526775;line-height:1.6}.phone-platforms{display:flex;gap:8px;margin:22px 0 14px}.phone-platforms button{flex:1;min-height:44px;padding:10px 5px;border:1px solid #c9d8e1;border-radius:10px;background:#fffdfa;color:#25384a;font-family:inherit;font-size:14px;cursor:pointer}.phone-platforms button[aria-pressed="true"]{background:#e7f1f8;border-color:#38678f;font-weight:700}.phone-guide ol{padding-inline-start:25px;margin:0;line-height:1.7}.phone-guide li{padding-inline-start:5px;margin-bottom:10px}.phone-guide p{line-height:1.6}.phone-browser-note,.phone-guide-footnote{font-size:13px;color:#526775}.phone-qr{margin-top:22px;border-top:1px solid #d9e2e8;padding-top:18px;display:flex;flex-direction:column;align-items:center;gap:8px}.phone-qr img{width:min(240px,100%);height:auto}.phone-qr a{color:#25384a;font-size:16px;font-weight:650}.phone-qr .phone-qr-download{font-size:14px;font-weight:500;padding:10px}.phone-guide [hidden],.phone-add[hidden]{display:none!important}body.phone-guide-open{overflow:hidden}
@media(max-width:760px){.hero-copy>.phone-add{margin-inline-start:0;display:flex;width:fit-content}.phone-section{margin:0 20px 36px;padding:22px;flex-wrap:wrap;gap:16px}.phone-section-copy{min-width:150px}.phone-section h2{font-size:21px}.phone-section-actions{width:100%}.phone-section-actions button{flex:1}.phone-guide{padding:20px}.phone-guide h2{font-size:21px}}
/* A compact, illustrated iPhone guide. */
.iphone-help-intro{margin:14px 0;font-weight:600;color:#25384a}.phone-guide .iphone-steps{padding:0;margin:0;list-style:none;display:grid;gap:12px}.phone-guide .iphone-steps li{display:flex;align-items:center;gap:16px;margin:0;padding:16px;border:1px solid #d4e2eb;border-radius:14px;background:#edf5fa}.iphone-step-icon{width:56px;height:56px;display:grid;place-items:center;flex:none;border-radius:12px;background:#fffdfa;color:#38678f}.iphone-step-icon svg{width:34px;height:34px}.iphone-step-done{background:#f5df98;color:#25384a}.iphone-steps li>div{position:relative;padding-inline-start:22px}.iphone-step-number{position:absolute;inset-inline-start:0;top:2px;color:#597186;font-size:13px;font-weight:700}.phone-guide .iphone-steps h3{margin:0;font-family:inherit;font-size:17px;line-height:1.4;font-weight:700}.phone-guide .iphone-steps p{margin:5px 0 0;font-size:13px;color:#526775;line-height:1.5}.iphone-help-tip{font-size:12px;color:#526775;margin:14px 0}.phone-guide[data-platform="ios"][data-mode="install"] .phone-guide-intro,.phone-guide[data-platform="ios"][data-mode="install"] .phone-qr,.phone-guide[data-platform="ios"][data-mode="install"] .phone-guide-footnote{display:none}
@media(max-width:380px){.phone-guide .iphone-steps li{padding:12px;gap:10px}.iphone-step-icon{width:46px;height:46px}.phone-guide .iphone-steps h3{font-size:16px}}