.phone-page{min-height:100svh;background:#0b1519}.phone-header{max-width:1440px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;direction:ltr}.arrival-layout{direction:ltr;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);max-width:1440px;margin:auto;padding:12px 5% 40px;gap:clamp(30px,5vw,80px);align-items:center}.arrival-world{position:relative;min-height:650px;height:min(760px,78svh);border-radius:30px;overflow:hidden;background:#1c3439;isolation:isolate}.arrival-world-image,.arrival-world-shade{position:absolute;inset:0;z-index:-1}.arrival-world-image{background:url('assets/rooftop.webp') center/cover}.arrival-world-shade{background:linear-gradient(180deg,#0b1929b3,transparent 42%,#0b1d26cc)}.arrival-world-copy{padding:36px;direction:rtl;text-align:start}.arrival-world-copy h1{font-size:clamp(30px,3.6vw,48px);font-weight:500;line-height:1.25;margin:15px 0}.arrival-world-copy p{font-size:16px;color:#daeee5}.arrival-avatar{position:absolute;inset:29% 15% 14%;background:url('assets/avatars.webp') left center/200% 100% no-repeat}.arrival-avatar canvas{width:100%;height:100%}.arrival-avatar.ready{background:none}.arrival-avatar-name{position:absolute;bottom:19%;left:50%;transform:translateX(-50%);padding:7px 17px;border:1px solid #c1f4d544;background:#0d2422ba;backdrop-filter:blur(12px);border-radius:25px;font-size:14px;white-space:nowrap}.style-picks{position:absolute;bottom:8%;width:100%;display:flex;justify-content:center;gap:8px;padding:0 12px}.style-picks button{display:flex;align-items:center;gap:8px;background:#0d1f26bb;border:1px solid #ffffff29;border-radius:24px;padding:10px 14px;font-size:14px}.style-picks button[aria-pressed=true]{border-color:var(--mint);background:#25413a}.style-picks button span{width:13px;height:13px;box-shadow:0 0 0 2px #ffffff33;border-radius:50%}.world-corner{position:absolute;bottom:22px;width:100%;text-align:center;font-family:Manrope,Arial,sans-serif;font-size:10px;letter-spacing:2px;color:#cfe9df88}.arrival-card{direction:rtl;padding-block:25px}.onboarding-steps{display:flex;gap:20px;margin-bottom:52px;color:#69817e;font:12px Manrope,Arial,sans-serif}.onboarding-steps span{display:flex;gap:7px;align-items:center}.onboarding-steps b{font-family:var(--font);font-size:13px;font-weight:500}.onboarding-steps [aria-current=step]{color:var(--mint)}.arrival-card h2{font-size:clamp(32px,3.2vw,45px);line-height:1.25;font-weight:500;letter-spacing:-.5px;margin:14px 0}.arrival-intro{color:#a6bab5;line-height:1.8;font-size:16px;margin:0 0 26px}.arrival-card form{display:flex;flex-direction:column;gap:10px}.arrival-card label{font-size:14px;color:#c2d7ce;margin-top:7px}.arrival-card select,.arrival-card input:not([type=checkbox]){width:100%;min-width:0;border:1px solid #3b534f;background:#13252a;border-radius:12px;padding:14px 16px;color:#eef8f2;font:inherit;font-size:17px;min-height:54px}.arrival-card select{font-size:15px}.arrival-card .primary-button{width:100%;min-height:55px;margin-top:15px;font-size:16px}.sms-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.7!important;font-size:12px!important;color:#9bb1aa!important;margin-top:12px!important}.sms-consent input{accent-color:var(--mint);width:18px;height:18px;flex-shrink:0;margin-top:3px}.availability{font-size:13px;line-height:1.8;color:#a6bab5;margin-top:15px}.phone-error{color:#ffc2ac;font-size:14px;line-height:1.8;margin:16px 0;min-height:24px}.onboarding-footer{border-top:1px solid #263b36;display:flex;justify-content:space-between;gap:15px;margin-top:28px;padding-top:20px;font-size:13px;color:#9bb7a9}.code-actions{display:flex;justify-content:space-between;gap:14px;margin-top:20px;color:var(--mint);font-size:14px}.code-actions button{padding:5px 0}.code-input{letter-spacing:12px!important;text-align:center;font-size:30px!important;font-family:Manrope,Arial,sans-serif!important}.profile-confirmed{color:var(--mint);font-size:14px;line-height:1.8;margin-top:10px}.quiet-link{margin-top:18px;font-size:14px;color:#acc9ba;text-decoration:underline;text-underline-offset:5px}html[dir=ltr] .arrival-card,html[dir=ltr] .arrival-world-copy{direction:ltr}html[lang=ar] .arrival-card h2{letter-spacing:0;line-height:1.5}
@media(max-width:850px){.arrival-layout{grid-template-columns:1fr;max-width:610px;gap:25px;padding:0 20px 24px}.phone-header{padding:22px}.phone-header .brand{font-size:20px}.arrival-world{min-height:0;height:270px;border-radius:22px}.arrival-world-copy{padding:24px;max-width:63%}.arrival-world-copy h1{font-size:28px}.arrival-world-copy .eyebrow{font-size:9px;letter-spacing:1.7px}.arrival-world-copy p{font-size:14px}.arrival-avatar{inset:7% -5% 3% 46%}.arrival-avatar-name{left:76%;bottom:12%;font-size:12px;max-width:45%;overflow:hidden;text-overflow:ellipsis}.style-picks{bottom:15px;width:66%;gap:5px;justify-content:flex-start;padding:0 20px}.style-picks button{padding:7px 9px;font-size:12px}.style-picks button span{width:9px;height:9px}.world-corner{display:none}.arrival-card{padding-block:0}.onboarding-steps{margin-bottom:28px;justify-content:space-between;gap:10px}.arrival-card h2{font-size:32px}.arrival-card .eyebrow{font-size:10px}.arrival-intro{font-size:15px;margin-bottom:17px}.arrival-card select,.arrival-card input:not([type=checkbox]){min-height:50px;padding:12px 15px}.onboarding-footer{margin-top:14px}.phone-error:empty{display:none}html[dir=rtl] .arrival-world-copy{text-align:right}html[dir=rtl] .arrival-world-copy{margin-inline-start:0}}
@media(max-width:360px){.arrival-world-copy{padding:20px}.arrival-world-copy h1{font-size:24px}.style-picks{padding:0 12px}.arrival-avatar-name{font-size:11px}.arrival-layout{padding-inline:16px}}

#arrival-presentation{display:block;width:100%;padding:12px;border-radius:10px;background:#1c2b26;color:#f0f2eb;border:1px solid #53645b;margin:8px 0 12px;font:inherit}
