/* iPhone 6/7/8, Plus, X/XS and XR: fluid layout, safe areas and long translations. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;overflow-x:clip}
.main-shell{position:relative;width:100%;max-width:430px;margin-inline:auto}
.review-language{right:12px;top:calc(10px + env(safe-area-inset-top,0px));max-width:46%;z-index:10}
.review-language select{min-height:34px;font-size:12px}
button,a,input,select{touch-action:manipulation}
.hero-title{max-width:none!important;line-height:1.22!important;letter-spacing:-.02em}
.hero-sub{max-width:none!important;line-height:1.5!important}
.hero-mini{line-height:1.5}
#gatePage .hero,#safariPage .hero{isolation:isolate}
body:not([data-design="4"]):not([data-design="5"]):not([data-design="7"]) #gatePage .hero,
#safariPage .hero{height:auto!important;min-height:380px;min-height:clamp(365px,62vh,500px);aspect-ratio:auto;display:flex;align-items:flex-end;padding-top:205px;padding-bottom:0}
body:not([data-design="4"]):not([data-design="5"]):not([data-design="7"]) #gatePage .hero>img,
#safariPage .hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0;border-radius:inherit;z-index:-2}
body:not([data-design="4"]):not([data-design="5"]):not([data-design="7"]) #gatePage .hero-grad,
#safariPage .hero-grad{z-index:-1;height:78%}
body:not([data-design="4"]):not([data-design="5"]):not([data-design="7"]) #gatePage .hero-info,
#safariPage .hero-info{position:relative;inset:auto!important;width:100%;padding:20px 17px 22px;text-align:start}
[data-design="6"] #gatePage .hero-info{padding-bottom:74px!important}
[data-design="4"] #gatePage .hero{min-height:0!important;padding-bottom:16px}
[data-design="4"] #gatePage .hero>img{height:clamp(270px,45vh,330px);margin-right:auto}
[data-design="4"] #gatePage .hero-info{position:relative;inset:auto;padding:20px 18px 0}
[data-design="5"] #gatePage .hero{height:auto;display:flex;flex-direction:column;margin-top:58px}
[data-design="5"] #gatePage .hero>img{height:clamp(245px,42vh,330px);width:100%;object-fit:cover}
[data-design="5"] #gatePage .hero-info{position:static;padding:14px 10px;width:100%}
[data-design="5"] #gatePage .hero-badge{position:static;margin-bottom:8px}
[data-design="5"] #gatePage .hero-grad{display:none}
[data-design="7"] #gatePage .hero{height:auto;display:flex;flex-direction:column;padding-top:0}
[data-design="7"] #gatePage .hero-info{position:static;order:-1;padding:4px 22px 20px}
[data-design="7"] #gatePage .hero>img{height:clamp(255px,43vh,340px);width:calc(100% - 48px)}
[data-design="7"] #gatePage>.thumb-strip-wrap{margin-top:24px}
.thumb-card{min-width:0}
.thumb-card img{height:72px;object-fit:cover}
[data-design="4"] #gatePage .thumb-card img{height:100%}
.story-card{padding:16px}
.story-title{line-height:1.35}
.story-text{line-height:1.65}
.mini-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.stat-num{font-size:clamp(16px,4.5vw,21px);overflow-wrap:anywhere;line-height:1.3}
.stat-lbl{line-height:1.5}
.trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.trust-pill{min-width:0;padding:10px 6px}
.trust-pill strong{line-height:1.4}
.cta-btn,.secondary,.local-preview{min-height:48px;white-space:normal;line-height:1.4;padding:12px 14px}
.profile-actions button{min-width:0}
.registration-preview{max-width:430px;width:100%;padding:12px 15px calc(12px + env(safe-area-inset-bottom,0px))}
.reg-progress>div{min-width:0}
.reg-progress strong{display:block;line-height:1.4;font-size:13px}
.reg-progress small{font-size:11px;line-height:1.45}
.reg-progress b{font-size:21px;flex-shrink:0}
#safariPage{padding-bottom:calc(var(--registration-height,110px) + 16px)}
#registrationDemo input{font-size:16px;min-height:48px}
.registration-preview.ready{max-width:none;width:auto;scroll-margin-top:12px}
.dialog-wrap{padding:10px;padding-top:max(10px,env(safe-area-inset-top,0px));padding-bottom:max(10px,env(safe-area-inset-bottom,0px))}
.dialog-card{max-width:400px;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);padding:18px 15px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.dialog-card h2{font-size:19px;line-height:1.3;margin:6px 35px 12px 0}
.close{width:40px;height:40px;top:5px;right:5px;z-index:3}
.guide-caption{min-height:0;padding:10px 1px 5px}
.guide-controls button{min-height:36px}
.manual{font-size:16px}
[dir="rtl"] .dialog-card h2{margin:6px 0 12px 35px}
[dir="rtl"] .close{left:5px;right:auto}
footer{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
@media(max-height:740px){
.guide-phone{height:180px;width:178px}
.guide-screen{height:137px}
.guide-bar{height:32px}
.animated-guide[data-step="0"] .guide-screen{height:calc(100% - 32px)}
.guide-sheet>div{padding:5px 7px}
.guide-sheet b{padding:5px}
[data-step="1"] .guide-tap{top:124px}
.guide-address{padding:6px;font-size:10px}
.guide-success{font-size:24px;padding-top:8px}
.dialog-card p{font-size:11px;line-height:1.5;margin:7px 0}
.dialog-card .cta-btn{margin:3px 0}
.local-preview{font-size:11px;padding:9px;min-height:44px}
}
@media(max-width:375px){
.hero-title{font-size:23px!important}
.hero-sub{font-size:12px!important}
.story-title{font-size:18px}
.content-stack{padding-inline:11px}
.thumb-card img{height:66px}
.review-language{max-width:45%}
}
@media(orientation:landscape) and (max-height:500px){
.dialog-card{max-width:550px}
.guide-phone{height:160px}
}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}
/* Explicit edges and spacing for older iPhone Safari releases. */
.dialog-wrap{top:0;right:0;bottom:0;left:0}
.guide-photo{top:0;right:0;bottom:0;left:0}
.hero-grad{right:0;bottom:0;left:0}
body:not([data-design="4"]):not([data-design="5"]):not([data-design="7"]) #gatePage .hero>img,#safariPage .hero>img{top:0;right:0;bottom:0;left:0}
body:not([data-design="4"]):not([data-design="5"]):not([data-design="7"]) #gatePage .hero-info,#safariPage .hero-info{top:auto!important;right:auto!important;bottom:auto!important;left:auto!important}
[data-design="4"] #gatePage .hero-info{top:auto;left:auto;right:auto;bottom:auto}
.thumb-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:6px}
[data-design="4"] #gatePage .thumb-track{grid-template-columns:1fr}
@supports not (height:clamp(1px,2vh,3px)){
[data-design="4"] #gatePage .hero>img,[data-design="7"] #gatePage .hero>img{height:290px}
[data-design="5"] #gatePage .hero>img{height:270px}
.stat-num{font-size:18px}
}
@supports not (aspect-ratio:1){
.guide-controls button{margin-left:8px}
.profile-actions>button+button{margin-left:10px}
.interests>span{margin:3px}
.reg-progress b{margin-left:10px}
[dir="rtl"] .reg-progress b{margin-right:10px}
}