.iphone-guide{width:min(980px,96vw);max-height:94dvh;padding:0;background:#111827;color:#e4e9f3;border:1px solid #39435a;border-radius:24px;overflow:auto;box-shadow:0 30px 120px #0008}.iphone-guide::backdrop{background:#040812d9}.guide-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:25px 30px;border-bottom:1px solid #2a3345}.guide-header h2{font-size:25px;margin:10px 0}.guide-header p{font-size:12px;margin:0}.guide-close{font-size:22px}.guide-layout{display:grid;grid-template-columns:330px 1fr;gap:32px;padding:28px 32px}.guide-visual{text-align:center}.guide-visual>small{display:block;font-size:10px;color:#9aa8be;line-height:1.5;margin-top:12px}.guide-phone{height:440px;width:236px;border:7px solid #323947;border-radius:34px;background:linear-gradient(150deg,#142139,#060a13);position:relative;margin:auto;overflow:hidden;box-shadow:0 12px 40px #0006}.guide-island{position:absolute;z-index:3;top:8px;left:50%;transform:translateX(-50%);width:72px;height:18px;background:#000;border-radius:20px}.guide-phone-content{height:100%;padding:46px 13px 25px;position:relative;color:#edf3ff;text-align:left;font-size:11px}.guide-phone-content h3{font-size:23px;line-height:1.25;margin:25px 0}.guide-phone-content p{font-size:11px}.guide-home-indicator{height:4px;width:75px;position:absolute;bottom:7px;background:#fff;left:50%;transform:translateX(-50%);border-radius:9px}.guide-url{padding:11px 5px;background:#293346;border-radius:8px;text-align:center;font-size:9px;margin-bottom:22px}.guide-mini-brand{display:flex;align-items:center;gap:9px;margin:10px 0}.guide-mini-brand img,.guide-push-preview img{width:35px;height:35px;border-radius:9px}.guide-mini-brand>span{margin-left:auto}.guide-input{padding:13px 10px;border:1px solid #49536a;border-radius:7px;color:#a4b1c6;margin:12px 0}.guide-pill{padding:12px 8px;border-radius:8px;background:#b5a5ff;color:#201938;font-weight:650;text-align:center;margin:13px 0}.guide-safari{position:absolute;bottom:30px;left:10px;right:10px;display:flex;align-items:center;justify-content:space-around;border-radius:12px;background:#2b3548;padding:13px 3px;color:#89baff;font-size:23px}.guide-safari svg{width:20px;height:25px;display:block}.guide-highlight{outline:3px solid #6ee7e8;outline-offset:5px;border-radius:6px;animation:guide-pulse 1.7s ease-in-out infinite}.guide-share-arrow{position:absolute;bottom:103px;left:113px;color:#6ee7e8;font-size:17px;font-weight:650}.guide-sheet{position:absolute;left:9px;right:9px;bottom:25px;border-radius:17px;background:#263246;padding:14px 12px}.guide-sheet-row{border-top:1px solid #566074;padding:17px 0;display:flex;justify-content:space-between}.guide-scroll-hint{position:absolute;top:78px;left:65px;color:#6ee7e8;font-size:16px}.guide-add{top:50px;bottom:25px}.guide-add h3{font-size:18px;margin:22px 0}.guide-switch{background:#2fbd6b;color:white;border-radius:16px;width:36px;text-align:right;padding:2px 5px}.guide-home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 14px;margin-top:30px;text-align:center}.guide-home-grid>span{border-radius:12px;background:#3c4a69;font-size:24px;padding:6px;align-self:start}.guide-home-app img{width:49px;height:49px;border-radius:12px}.guide-home-app b{font-size:9px;display:block;margin-top:7px}.guide-on-phone{text-align:center;margin-top:44px}.guide-settings{background:#263246;border-radius:12px;padding:16px 12px;margin-top:35px}.guide-permission{position:absolute;top:140px;left:10px;right:10px;background:#e8edf5;color:#202b3d;text-align:center;border-radius:16px;padding:19px 14px 0;font-size:14px}.guide-permission p{color:#4a566b;font-size:10px;line-height:1.5}.guide-permission>div{display:flex;justify-content:space-around;gap:12px;border-top:1px solid #acb9cc;padding:15px 0;color:#1676cd;font-size:12px}.guide-push-preview{display:flex;align-items:center;gap:10px;background:#2a354b;border-radius:14px;padding:12px;margin-top:35px}.guide-push-preview p{margin:3px 0}.guide-instructions{align-self:center;min-width:0}.guide-step-title{font-size:27px;line-height:1.25;margin:17px 0}.guide-step-copy{font-size:15px;min-height:95px}.guide-navigation,.guide-playback,.guide-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}.guide-playback{border-top:1px solid #344057;padding-top:16px}.guide-position{padding:0;margin:0;max-width:180px;flex:1;min-width:80px}.guide-help{font-size:11px;line-height:1.6}.guide-actions{margin:10px 0}.guide-instructions>a{display:inline-block;font-size:11px;margin-top:12px}.guide-trigger{display:block;margin:16px auto 0;color:#b5a5ff}.guide-login-note{text-align:center;font-size:10px}.guide-visual .guide-highlight{pointer-events:none}@keyframes guide-pulse{50%{outline-color:#6ee7e855;box-shadow:0 0 20px #6ee7e844}}@media(prefers-reduced-motion:reduce){.guide-highlight{animation:none}}@media(max-width:650px){.iphone-guide{width:96vw;max-height:96dvh;border-radius:18px}.guide-header{padding:18px}.guide-header h2{font-size:20px}.guide-header .eyebrow{font-size:8px;letter-spacing:1.3px}.guide-layout{display:flex;flex-direction:column;gap:20px;padding:20px}.guide-phone{height:355px;width:200px;border-width:6px}.guide-phone-content{padding-top:37px;font-size:9px}.guide-phone-content h3{font-size:20px;margin:18px 0}.guide-mini-brand img{width:28px;height:28px}.guide-step-title{font-size:22px;margin:10px 0}.guide-step-copy{font-size:13px;min-height:0}.guide-phone-content .guide-pill{padding:9px 5px;font-size:10px}.guide-sheet-row{padding:13px 0}.guide-scroll-hint{top:49px}.guide-share-arrow{left:95px;bottom:96px}.guide-add h3{font-size:15px}.guide-permission{top:104px;font-size:12px}.guide-permission p{font-size:9px}.guide-home-grid{gap:22px 12px}.guide-visual>small{font-size:9px}.guide-playback{margin-top:12px}}
@media(max-width:650px){.guide-layout{gap:12px}.guide-instructions{display:contents}.guide-step-count{order:0}.guide-instructions>[aria-live]{order:1}.guide-visual{order:2}.guide-navigation{order:3}.guide-playback{order:4}.guide-help{order:5}.guide-actions{order:6}.guide-instructions>a{order:7}.guide-phone-content[data-step="0"] .guide-input,.guide-phone-content[data-step="0"]>.guide-pill{display:none}.guide-step-copy{margin-bottom:0}.guide-step-title{margin-top:4px}}