/* Clear glass for signing content. Translucent fills avoid
   continuously blurring the full installation list over the video. */
.scenic-home.signing-page{color:#f0f2f4}
.scenic-home.signing-page :is(.device-banner,.section-heading,.dns-card,.apps-card,.guide-card,.faq-section,.gentle-note,.bottom-note){
  background:linear-gradient(135deg,#ffffff14,#ffffff03 60%,#ffffff09);
  border-color:#ffffff38;
  box-shadow:inset 0 1px 0 #ffffff24,0 8px 28px #00000012;
}
.scenic-home.signing-page .page-shell{text-shadow:0 1px 4px #000000a6}
.scenic-home.signing-page .primary-button{text-shadow:none}
.scenic-home.signing-page :is(h2,.dns-card h3,.dns-card h4,.apps-heading h3,.app-info h4,.guide-card h3,.faq-list summary,.mini-steps strong,.device-banner strong,.profile-file strong){color:#f0f4f7}
.signing-page #download-title{color:#f4f7fa}
.scenic-home.signing-page :is(.device-banner,.section-caption,.card-description,.profile-disclosure,.mini-steps p,.gentle-note,.apps-description,.app-info p,.guide-card p,.faq-intro>p:not(.eyebrow),.faq-list details>p,.bottom-note,.list-message){color:#c7cdd3}
.scenic-home.signing-page :is(.step-label,.section-heading .eyebrow,.faq-intro .eyebrow,.banner-icon,.file-icon,.guide-icon,.inline-button,.text-button,.card-help){color:#a8def1}
.scenic-home.signing-page :is(.soft-tag,.count-badge,.dns-symbol,.mini-steps li>span){background:#ffffff0c;border-color:#ffffff20;color:#b9e3f3}
.scenic-home.signing-page .profile-file{background:#ffffff06;border-color:#ffffff20}
.scenic-home.signing-page .profile-file div>span{color:#b5bdc5}
.scenic-home.signing-page .file-extension{color:#bdcbd3;border-color:#ffffff29}
.scenic-home.signing-page .dns-divider{background:#ffffff20}
.scenic-home.signing-page :is(.card-help,.app-row,.list-column-label,.faq-list details){border-color:#ffffff1c}
.scenic-home.signing-page .primary-button{background:#c9edfb;color:#183d50;box-shadow:0 4px 16px #0000001a}
.scenic-home.signing-page .primary-button:hover{background:#e5f7ff;box-shadow:0 6px 20px #00000026}
.scenic-home.signing-page .search-field{background:#ffffff08;border-color:#ffffff24}
.scenic-home.signing-page .search-field:focus-within{border-color:#a8ddec;box-shadow:0 0 0 3px #b5e8f214}
.scenic-home.signing-page .search-field input{color:#f2f6f8;color-scheme:dark}
.scenic-home.signing-page .search-field input::placeholder{color:#b6c1ca}
.scenic-home.signing-page .search-field svg{color:#add8e8}
.scenic-home.signing-page .search-field kbd{background:#ffffff09;color:#bac9d3;border-color:#ffffff21}
.scenic-home.signing-page .list-column-label{color:#b6c2ca}
.scenic-home.signing-page .app-row:hover{background:#ffffff06}
.scenic-home.signing-page .install-button{background:#bde8fa12;border-color:#bde8fa3d;color:#beeaff}
.scenic-home.signing-page .install-button:hover{background:#bde8fa25;border-color:#bde8fa70;box-shadow:0 5px 14px #00000016}
.scenic-home.signing-page .apps-footnote{background:#ffffff04;border-color:#ffffff1c;color:#d7e1e8}
.scenic-home.signing-page .guide-number{color:#b0c1cd}
.scenic-home.signing-page .faq-decoration{color:#ffffff20}
.scenic-home.signing-page .faq-list summary>span{color:#b6dbe8}
.scenic-home.signing-page .site-footer{background:#ffffff06;border-color:#ffffff21;color:#d7e1e8}
.scenic-home.signing-page .footer-brand{color:#edf3f7}
.scenic-home.signing-page dialog{background:#242628;color:#edf3f7;border-color:#ffffff29;box-shadow:0 25px 100px #00000050}
.scenic-home.signing-page dialog::backdrop{background:#00000080}
.scenic-home.signing-page .dialog-body h2{color:#f2f6f9}
.scenic-home.signing-page .dialog-body p:not(.eyebrow){color:#c7cfd5}
.scenic-home.signing-page :is(.dialog-close,.secondary-button,.dialog-body .manual-copy){background:#ffffff0b;border-color:#ffffff26;color:#d6e6ee}
.scenic-home.signing-page .toast{background:#313639;color:#edf8ff;border:1px solid #ffffff26}
.scenic-home.signing-page :is(a,button,input,summary):focus-visible{outline-color:#a0dcec}

/* Installation guidance is rendered on the server, including without JavaScript. */
.ios-notice{padding:23px 27px;margin:0 0 16px;border:1px solid #edcf873d;border-radius:19px;background:linear-gradient(115deg,#26343bef,#142b3bef);box-shadow:inset 0 1px #ffffff0b;color:#e8f1f5}
.ios-notice-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:13px}
.ios-notice-tag{display:inline-block;padding:5px 9px;border:1px solid #ebce8645;border-radius:7px;background:#eed28810;color:#efdab0;font-size:11px;white-space:nowrap}
.ios-notice-heading h2{font-size:18px;font-weight:600;line-height:1.5;margin:0;color:#f0f7fc}
.ios-notice-list p{font-size:13px;line-height:2;color:#cedde6;margin:9px 0 0;overflow-wrap:anywhere;word-wrap:break-word}
.ios-tutorial{margin:0 0 24px;scroll-margin-top:100px}
.ios-tutorial-card{display:flex;align-items:center;gap:17px;min-height:100px;padding:21px 26px;border:1px solid #aae5e93d;border-radius:18px;background:linear-gradient(115deg,#173e50ed,#142b3bed);color:#eafaff;text-decoration:none;transition:border-color .2s,background .2s}
a.ios-tutorial-card:hover{background:#20485bef;border-color:#aae5e980}
.ios-tutorial-play{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 48px;border-radius:14px;background:#caefea;color:#235060;font-size:19px;padding-left:3px}
.ios-tutorial-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px;overflow-wrap:anywhere;word-wrap:break-word}
.ios-tutorial-copy strong{font-size:17px;font-weight:600;line-height:1.5}
.ios-tutorial-copy>span{font-size:12px;color:#aecbd9;line-height:1.7;white-space:pre-line}
.ios-tutorial-action{font-size:12px;color:#cbedea;white-space:nowrap}.is-pending .ios-tutorial-action{color:#96b2c2}
@media(max-width:600px){.ios-notice{padding:19px 18px;border-radius:16px}.ios-notice-heading{gap:9px}.ios-notice-heading h2{font-size:16px}.ios-notice-list p{font-size:12px;line-height:1.95}.ios-tutorial-card{padding:18px;gap:13px;flex-wrap:wrap}.ios-tutorial-copy{flex-basis:calc(100% - 65px)}.ios-tutorial-action{margin-left:61px}.ios-tutorial-copy strong{font-size:16px}}