/* First-time welcome, matched to the supplied Royal Watch reference. */
.screen[data-screen="welcome"]{overflow:auto;background:#f8f6f2;scrollbar-width:none}
.first-welcome{container-type:inline-size;flex:none;width:100%;max-width:500px;margin:0 auto;background:linear-gradient(120deg,#fcfaf7,#f3efe8);color:#090e19}
.first-welcome button{color:inherit;font-family:var(--sans)}
.fw-header{display:flex;align-items:center;padding:3.5cqw 4.8cqw 2cqw;gap:3cqw;height:13.5cqw}
.fw-header button{padding:0;border:0;background:none;display:grid;place-items:center;flex:none}
.fw-menu{width:5cqw;gap:1cqw}.fw-menu span{display:block;width:4cqw;height:.35cqw;background:#10151d;border-radius:1px}
.fw-brand{display:flex;align-items:center;gap:2cqw;margin:auto}.fw-brand .rw-crown{width:7cqw;height:6cqw;color:#8c570f}.fw-brand strong{font-size:3.2cqw;letter-spacing:.5cqw;font-weight:600;display:block;white-space:nowrap}.fw-brand small{display:block;font-size:1.4cqw;letter-spacing:.8cqw;color:#8c8985;margin-top:.2cqw;text-align:center}
.fw-bell{position:relative}.fw-bell svg{width:4.6cqw;height:4.6cqw}.fw-bell i{position:absolute;background:#a88049;width:1.7cqw;height:1.7cqw;border-radius:50%;right:-.3cqw;top:-.6cqw}
.fw-header .fw-avatar{border-radius:50%;background:#dedbd6;color:#878782;width:8cqw;height:8cqw;overflow:hidden}.fw-avatar svg{width:6.3cqw;height:6.3cqw;fill:#878782;transform:translateY(1.4cqw)}
.fw-hero{height:82cqw;position:relative;isolation:isolate;overflow:hidden}
.fw-hero-art{position:absolute;inset:0 0 0 45%;z-index:-1;background-image:url('assets/first-welcome-reference.png');background-size:118cqw auto;background-position:right -9.1cqw top -26.8cqw;background-repeat:no-repeat;mask-image:linear-gradient(to right,transparent,#000 13%)}
.fw-copy{padding:6cqw 5.7cqw 0}.fw-copy h1{font-family:var(--serif);font-size:9.7cqw;line-height:.98;letter-spacing:-.45cqw;font-weight:400;margin:0}.fw-copy h1 em{display:block;color:#a57a42;font-size:9.4cqw;line-height:1.04;letter-spacing:-.25cqw;margin-top:2.2cqw;font-weight:400}.fw-copy p{font-size:3.45cqw;line-height:1.34;color:#626262;margin-top:4.5cqw;letter-spacing:-.08cqw}
.fw-story{display:flex;align-items:center;gap:3.2cqw;border:1px solid #e6d7c3;background:#fbf8f28c;border-radius:20cqw;padding:1.9cqw 3.2cqw;font-size:3.1cqw;margin-top:4.6cqw}.fw-story>span{width:6cqw;height:6cqw;background:linear-gradient(120deg,#c4a373,#977244);border-radius:50%;display:grid;place-items:center;color:white}.fw-story svg{width:2.8cqw;height:2.8cqw}
.fw-chapter{display:flex;align-items:center;gap:2.3cqw;padding:2.9cqw 5cqw 3.6cqw;font-size:2.13cqw;text-transform:uppercase;letter-spacing:.3cqw;white-space:nowrap}.fw-chapter i{height:1px;background:#d0c8bd;flex:1}.fw-chapter span:last-child{color:#938c83;font-size:1.96cqw;letter-spacing:.25cqw}
.fw-steps{display:grid;gap:2.6cqw;padding:0 4.6cqw}.fw-step{display:flex;align-items:center;gap:4.6cqw;text-align:left;width:100%;padding:1.7cqw 2.8cqw;border:1px solid #fff;border-radius:3.4cqw;background:linear-gradient(125deg,#ffffff60,#f5f1e963);min-height:19cqw}.fw-step-icon{width:12.8cqw;height:12.8cqw;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#eae1d2,#f0e7d8);flex:none}.fw-step-icon svg{width:5.3cqw;height:5.3cqw}.fw-step-copy{flex:1;min-width:0;position:relative;z-index:1}.fw-step-copy small{display:block;font-size:2.6cqw;color:#9e7039;line-height:1.3}.fw-step-copy strong{font-family:var(--serif);font-weight:400;font-size:3.75cqw;letter-spacing:-.08cqw;white-space:nowrap;display:block;line-height:1.3}.fw-step-copy>span{display:block;font-size:2.55cqw;line-height:1.24;color:#72716e;margin-top:.6cqw;width:42cqw}.fw-step>svg{width:2.5cqw;height:4cqw;color:#986c32;flex:none;margin-left:-1.2cqw}
.fw-photo{display:block;width:20.7cqw;height:16.5cqw;border-radius:3cqw;flex:none;background-image:url('assets/first-welcome-reference.png');background-size:118cqw auto;background-repeat:no-repeat}.fw-photo-camera{width:17cqw;height:15cqw;background-position:left -77.9cqw top -121.6cqw;margin-left:3.7cqw}.fw-photo-passport{background-position:left -74.3cqw top -143.6cqw}.fw-photo-memory{background-position:left -74.3cqw top -166.6cqw}
.fw-add{display:flex;align-items:center;justify-content:center;gap:3cqw;width:90%;margin:3cqw auto 2.5cqw;min-height:11.8cqw;border:1px solid #d4b381;border-radius:20cqw;background:linear-gradient(115deg,#bc9463,#82623c);color:#fff!important;font-size:4cqw;letter-spacing:-.12cqw}.fw-add svg{width:5cqw;height:5cqw}.fw-add svg path{d:path('M3 12h18m-7-7 7 7-7 7')}
.fw-nav{display:flex;justify-content:space-around;padding:3cqw 2cqw 1cqw;border-radius:5cqw 5cqw 0 0;background:#fffdfaab}.fw-nav button{display:flex;align-items:center;flex-direction:column;gap:1.1cqw;border:0;background:transparent;color:#888783;padding:0 1cqw;position:relative;font-size:2.6cqw}.fw-nav svg{width:5.4cqw;height:5.4cqw}.fw-nav button.active{color:#83591f}.fw-nav button.active:after{content:'';width:5.6cqw;height:.55cqw;border-radius:10px;background:#83591f;margin-top:1cqw}.fw-home-indicator{width:30cqw;height:.9cqw;border-radius:20px;background:#92928f;margin:1.3cqw auto 2cqw}
.first-welcome button:hover{filter:brightness(.96)}
.first-welcome button:focus-visible{outline:2px solid #8c570f;outline-offset:2px}

.review-flow{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:0 0 22px}.review-flow button{border:1px solid #ded5c6;background:#fffdfa;border-radius:8px;padding:9px 10px;font-size:11px}.review-flow span{font-size:11px;color:#8b7b64;white-space:nowrap}