/* Restore the original page's generous vertical rhythm without hiding copy. */
:root{--section:clamp(72px,9vw,128px)}
body{line-height:1.65}
.hero__grid{padding-top:48px;padding-bottom:96px;gap:40px}
.hero__copy{gap:30px}.hero__lead{line-height:1.6}.hero__actions{gap:18px}
.facts__list{padding:40px 0;gap:32px 24px}.facts__list>div{gap:10px}
.about>.wrap{gap:32px 64px}.about__body{gap:22px}.about__body>.muted{line-height:1.8}
.section-head{gap:22px}.features>.wrap{gap:clamp(40px,5vw,64px)}
.features__grid{gap:24px}.feature{padding:24px 24px 28px;gap:24px;border-radius:28px}
.feature__art{height:172px}.feature__art svg{width:104px;height:104px}
.feature__body{gap:14px;padding:0 2px}.feature h3{font-size:24px;line-height:1.3}
.feature-full{font-size:17px;line-height:1.75}.feature-select{margin-top:12px;padding-top:14px;min-height:48px}
.feature-detail{margin-top:28px;padding:28px 32px;gap:28px}.feature-detail h3{margin-bottom:12px}.feature-detail p{line-height:1.8}
.features:has(.feature-detail:not([hidden])){padding-bottom:var(--section)}
.install>.wrap{gap:48px 64px}.install__main{gap:24px}
.enhanced .quick-steps{gap:14px;margin-bottom:20px!important}.quick-steps li{padding:20px 18px;gap:12px}
.quick-steps strong{line-height:1.5}.guide-detail summary{padding:18px 0}
.guide-detail>ol>li{padding:28px 0}.steps li>div{gap:10px}
.guide-detail>ol>li>div{flex:1;min-width:0}
.guide-detail h3{font-size:21px;line-height:1.4}.guide-detail .muted{font-size:17px;line-height:1.75}
.install__card{padding:32px;gap:26px}.install__card-copy{gap:12px}.install__card-copy>.muted{line-height:1.75}
.topup>.wrap{gap:40px}.topup .section-head>.muted{line-height:1.75}.topup__list{gap:20px}.topup__list li{height:108px}
.faq>.wrap{gap:38px}.faq .faq__list{gap:16px}
.faq .faq__list>details>summary{padding:24px 26px;line-height:1.5;gap:24px}
.faq .faq__list>details>p{padding:0 26px 28px;line-height:1.8}
.chat{padding:32px 36px;gap:28px 36px}.chat__copy{gap:12px}
.cta{gap:28px}.cta>.muted{line-height:1.75}.footer{margin-top:64px;padding-top:28px;padding-bottom:40px;gap:14px 32px}
.page-intro{padding-top:56px;padding-bottom:48px;gap:24px}
body[data-page] .install,body[data-page] .faq{padding-top:64px}
@media(max-width:1000px) and (min-width:701px){.hero__grid{gap:32px;padding-top:40px;padding-bottom:80px}.features__grid{gap:24px}.feature__art{height:160px}}
@media(max-width:700px){
 :root{--section:60px}
 .hero__grid{padding:52px 0 44px;gap:30px}.hero__copy{gap:24px}.hero__lead{font-size:16px;line-height:1.75}.hero__actions{gap:16px}.hero__note{line-height:1.7}
 .facts__list{padding:30px 0;gap:26px 20px}.facts__list>div{gap:10px}.facts__list dd{line-height:1.4}
 .about>.wrap{gap:26px}.about__body{gap:20px}.about__lead{font-size:17px;line-height:1.7}.about__body>.muted{line-height:1.8}
 .section-head{gap:16px}.features>.wrap{gap:30px}.features__grid{gap:16px}
 .feature{padding:18px 16px 20px;gap:18px;border-radius:20px}.feature__art{height:88px}.feature__art svg{width:64px;height:64px}.feature__body{gap:12px;padding:0}
 .feature h3{font-size:17px;line-height:1.4}.feature-full{font-size:14px;line-height:1.75}.feature-select{margin-top:8px;padding-top:12px;font-size:12px;min-height:46px}
 .feature-detail{margin-top:24px;padding:22px;gap:16px}.feature-detail h3{font-size:19px;margin-bottom:12px}.feature-detail p{font-size:15px;line-height:1.75}
 .install>.wrap{gap:32px}.install__main{gap:20px}.enhanced .quick-steps{gap:10px;margin-bottom:18px!important}.quick-steps li{padding:16px 12px;gap:12px}.quick-steps strong{font-size:12px;line-height:1.5}
 .guide-detail>ol>li{padding:24px 0}.steps li>div{gap:10px}.guide-detail h3{font-size:18px;line-height:1.4}.guide-detail .muted{font-size:15px;line-height:1.8}
 .install__card{padding:24px;gap:22px}.install__card-copy{gap:12px}.install__card-copy>.muted{font-size:15px;line-height:1.75}
 .topup>.wrap{gap:28px}.topup__list{gap:10px}.topup__list li{height:76px;padding:12px}
 .faq>.wrap{gap:30px}.faq .faq__list{gap:14px}.faq .faq__list>details>summary{padding:20px 18px;gap:16px;font-size:16px;line-height:1.5}.faq .faq__list>details>p{padding:0 18px 24px;font-size:15px;line-height:1.8}
 .chat{padding:26px 24px;gap:22px}.chat__copy{gap:12px}.chat .muted{line-height:1.75}
 .closing>.wrap{padding-top:48px}.cta{gap:24px}.cta>.muted{font-size:15px;line-height:1.75}.footer{margin-top:40px;padding:26px 0 30px;gap:14px 24px}
 .page-intro{padding-top:36px;padding-bottom:36px;gap:20px}body[data-page] .install,body[data-page] .faq{padding-top:40px}
}
@media(max-width:350px){.feature{grid-template-columns:60px minmax(0,1fr);gap:16px}.feature__art{height:64px}.feature__art svg{width:54px;height:54px}.quick-steps li{padding:14px 10px}.quick-steps strong{font-size:11px}.topup__list{gap:8px}.topup__list li{padding:9px}}

/* Align the desktop download card to the three quick-install steps. */
.install__card.is-aligned>.btn{margin-top:auto}

@media(min-width:1001px){
 .install{padding-bottom:64px}
 .install .steps-wrap{border-bottom:0}
 .install .guide-detail>ol>li:last-child{padding-bottom:12px}
}

@media(min-width:1001px){
 .closing .cta{gap:32px}
 .closing .cta__icon{width:128px;height:128px;border-radius:28px}
 .closing .cta__title{font-size:clamp(48px,4.8vw,68px);max-width:1100px;line-height:1.06}
}

/* The handheld cutout ends exactly at the hero/facts boundary. */
.hero__grid:has(.hero__visual--handheld){padding-bottom:0;align-items:stretch}
.hero__visual--handheld{align-items:flex-end;animation:none}
.hero__artwork{container-type:inline-size;position:relative;width:100%;max-width:620px;line-height:0}
.hero__visual--handheld img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:0;background:transparent;animation:none}
/* Replaceable brand layer, projected onto the left half of the folded screen. */
.hero__app-icon{position:absolute;left:28.3203125%;top:29.296875%;width:16.2109375%;aspect-ratio:249/242;display:flex;align-items:center;justify-content:center;isolation:isolate;pointer-events:none;border-radius:18%;border:1px solid #ffdb79;background:linear-gradient(135deg,#2b2b29,#111216 75%);box-shadow:0 0 5px #ffdb79,0 0 18px #ffb500c0,0 0 38px #f6a00090;transform:var(--brand-projection,skewY(2deg));transform-origin:0 0}
.hero__artwork .hero__app-icon img{width:105%;height:auto;aspect-ratio:auto;transform:none;filter:drop-shadow(0 1px 2px #0008)}
/* Translated loading label and progress bar share the screen's scale. */
.hero__loading{position:absolute;left:54.6875%;top:38.5742%;display:flex;flex-direction:column;gap:1cqw;width:max-content;font-family:Arial,sans-serif;font-size:1.8cqw;font-weight:400;line-height:1.2;color:#f5f4ef;white-space:nowrap;transform:skewY(-1deg);transform-origin:left center;pointer-events:none}
.hero__loading-label{display:block;align-self:flex-start;width:max-content;transform:scaleX(var(--loading-scale,1));transform-origin:left center}
.hero__loading-bar{position:relative;display:block;width:100%;height:.95cqw;border-radius:999px;background:linear-gradient(90deg,#8c681e,#694d20);box-shadow:inset 0 1px 1px #ffdf6733}
.hero__loading-bar::before{content:'';position:absolute;inset:0 auto 0 0;width:100%;border-radius:inherit;background:linear-gradient(180deg,#fff1b0,#ffdb55);box-shadow:0 0 1cqw #ffd54f99,0 0 2.2cqw #f7b50055}
.hero__artwork .hero__sparkle{position:absolute;width:var(--sparkle-size);aspect-ratio:1;pointer-events:none;user-select:none;z-index:1;transform:translate(-50%,-50%)}
.hero__sparkle--1{--sparkle-size:14%;left:22%;top:11%}
.hero__sparkle--2{--sparkle-size:10%;left:81%;top:18%}
.hero__sparkle--3{--sparkle-size:6%;left:5%;top:55%;opacity:.85}
.hero__sparkle--4{--sparkle-size:8%;left:96%;top:73%;opacity:.9}
.hero__sparkle--5{--sparkle-size:7%;left:50%;top:75%;opacity:.95}
@media(min-width:1001px){.hero__grid:has(.hero__visual--handheld)>.hero__copy{padding-top:24px;padding-bottom:72px}}
@media(min-width:1001px){.hero__artwork{transform:scale(1.26);transform-origin:center bottom}}
@media(min-width:1200px){.hero__artwork{transform:scale(1.4)}}
@media(max-width:700px){.hero__artwork{max-width:420px}}

.hero__note-brand{white-space:nowrap}
@media(min-width:1001px){.hero__grid:has(.hero__visual--handheld){padding-top:96px}}

/* Stable footer columns and text slots in both languages. */
.footer{display:grid;grid-template-columns:minmax(0,1fr) max-content}
.footer__brand{min-width:0;align-self:start}
.footer__brand>span{display:block;flex:1;min-width:0}
.footer>a{min-width:82px;justify-content:flex-end}
.footer__legal{grid-column:1/-1}
@media(max-width:700px){.footer{grid-template-columns:minmax(0,1fr)}.footer>a{justify-self:start;justify-content:flex-start}}
.nav__links .nav__live-chat{gap:6px;white-space:nowrap}
@media(min-width:701px) and (max-width:1100px){.site-header .nav{gap:12px}.nav__links{gap:0;margin-right:0}.nav__links a{font-size:13px;padding-inline:8px}}

.app-id{min-width:0;width:100%}.app-id>div{flex:1;min-width:0}
@media(max-width:700px){body{padding-bottom:0}.footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}
@media(max-width:350px){.install__card{grid-template-columns:minmax(0,1fr)}.install__card-copy{grid-column:1}.install__card .btn{width:100%}}

@media(max-width:700px){.closing .cta__icon{display:flex;width:128px;height:128px;border-radius:28px}}

/* Shared columns center the full label/icon group and align both button rows. */
@media(max-width:700px){
 .cta .btn-row{display:grid;grid-template-columns:minmax(0,1fr) max-content 20px minmax(0,1fr);align-self:center;width:100%;max-width:320px;gap:14px 12px}
 .cta .btn-row>.btn{display:grid;grid-column:1/-1;grid-template-columns:subgrid;align-items:center;column-gap:12px;width:100%;min-height:56px;font-size:16px}
 .cta .btn-row>.btn>span{grid-column:2;grid-row:1;text-align:left}
 .cta .btn-row>.btn>svg{grid-column:3;grid-row:1}
}