/* A single viewport composition: header, compact headline, app stage, footer. */
.single-home{--ink:#fcf6ff;--muted:#b1a3bd;--pink:#f64fc3;--purple:#a17aff;--line:#ffffff24;--phone-height:min(55dvh,calc(100dvh - 282px),540px);background:#150e20;color:var(--ink);position:fixed;inset:0;display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;overflow:hidden;isolation:isolate}
.single-home .ambient{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 50% 54%,#7c32db36,transparent 53%),radial-gradient(ellipse at 22% 68%,#f64fc30e,transparent 44%)}
.single-home .watermark{position:absolute;bottom:-.12em;left:50%;translate:-50% 0;font-size:26vw;font-weight:800;letter-spacing:-.07em;line-height:.9;direction:ltr;z-index:-1;pointer-events:none;color:transparent;-webkit-text-stroke:1px #c18aff0c}
.single-header{position:relative;z-index:10;flex:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(18px,3.2vw,44px) 11px;padding-top:max(14px,env(safe-area-inset-top))}
.single-brand{display:flex;align-items:center;gap:9px;direction:ltr;font-size:29px;font-weight:800;letter-spacing:-1.7px;line-height:1}
.single-brand img{width:34px;height:34px;border-radius:10px}
.single-brand>span>span{color:var(--pink)}
.single-actions{display:flex;align-items:center;gap:12px}
.single-home button{transition:background .2s,transform .2s,border-color .2s}
.single-home button:focus-visible,.single-home a:focus-visible{outline:2px solid #f64fc3;outline-offset:4px}
.single-home .about-button{border:1px solid var(--line);border-radius:30px;padding:10px 15px;font-size:12px;background:#ffffff03;color:#d7cce0;font-weight:600}
.single-home .language{padding:6px 12px;border:1px solid var(--line);border-radius:30px;gap:8px;font-size:11px}
.single-home .language button{color:#a99bb5;opacity:1;padding:4px 0;font-size:11px}
.single-home .language button[aria-pressed=true]{color:#fff}
.single-home .language>span{opacity:.3}
.get-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:0;border-radius:30px;background:#f64fc3;color:#26102d;font-size:13px;font-weight:800;padding:11px 19px;line-height:1.3}
.get-button>span:last-child{font-size:18px;line-height:1}
.single-home .get-button:hover{background:#ff78d5;transform:translateY(-1px)}
.single-main{flex:1;min-height:0;display:flex;flex-direction:column}
.single-heading{position:relative;z-index:5;text-align:center;flex:none;padding:10px 20px 0}
.single-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:30px;border:1px solid #f64fc344;background:#f64fc30b;color:#f383d0;font-size:9px;font-weight:700;letter-spacing:1.6px;line-height:1.3}
.single-eyebrow>span:first-child,.tag-dot{display:inline-block;background:#f64fc3;width:5px;height:5px;border-radius:50%;flex:none;box-shadow:0 0 10px #f64fc350}
.single-heading h1{font-size:clamp(28px,3.7vw,48px);font-weight:800;letter-spacing:-1.8px;line-height:1.15;margin:11px 0 8px}
.single-heading h1 em{color:#f64fc3;font-style:normal;white-space:nowrap}
.single-heading p{font-size:13px;color:#ad9db9;line-height:1.6;margin:0 auto;max-width:560px}
.app-stage{position:relative;flex:1;min-height:0;direction:ltr;overflow:hidden}
.stage-ring{position:absolute;left:50%;top:50%;translate:-50% -50%;border:1px solid #b779ef0b;border-radius:50%;pointer-events:none}
.ring-one{height:95%;aspect-ratio:1.4}.ring-two{height:74%;aspect-ratio:1.4}
.main-rig{position:absolute;left:50%;top:50%;translate:-50% -50%;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:4}
.preview-status{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:700;letter-spacing:1.7px;white-space:nowrap;color:#d0badf;line-height:1.3}
.main-phone{height:var(--phone-height);aspect-ratio:1125/2436;position:relative;overflow:hidden;border:3px solid #c56bdf;border-radius:calc(var(--phone-height)*.064);background:#100720;box-shadow:0 24px 65px #0009,0 0 46px #b249ef25;flex:none}
.main-phone>img{height:100%;width:100%;object-fit:cover}
.main-island{position:absolute;top:0;left:34%;width:32%;height:2.8%;border-radius:0 0 12px 12px;background:#131017}
.preview-switcher{display:flex;gap:3px;padding:4px;background:#21152e;border:1px solid var(--line);border-radius:30px;white-space:nowrap;direction:ltr}
.preview-switcher button{border:0;border-radius:24px;background:transparent;color:#c5b7ce;font-size:9px;padding:7px 11px;line-height:1.2;font-weight:600}
.preview-switcher button[aria-pressed=true]{background:#f64fc3;color:#2d1232;box-shadow:0 0 16px #f64fc322}
.preview-switcher button:hover{background:#ffffff15;color:white}
.preview-switcher button[aria-pressed=true]:hover{background:#f96ccc;color:#2d1232}
.preview-hint{font-size:9px;color:#8f7c9e;margin:0;text-align:center;letter-spacing:.7px;line-height:1.3}
.float-screen{position:absolute;width:clamp(88px,10vw,155px);z-index:2;transform:rotate(var(--tilt));top:var(--top);left:var(--left)}
.satellite-phone{position:relative;overflow:hidden;border:3px solid #372942;border-radius:22px;background:#12071f;box-shadow:0 14px 35px #0008}
.satellite-phone img{width:100%;aspect-ratio:1125/2436;object-fit:cover;opacity:.83}
.float-one{--tilt:-9deg;--top:12%;--left:calc(50% - 405px)}
.float-two{--tilt:7deg;--top:42%;--left:calc(50% - 270px);width:clamp(80px,8.5vw,130px)}
.float-three{--tilt:10deg;--top:10%;--left:calc(50% + 260px)}
.float-four{--tilt:-8deg;--top:41%;--left:calc(50% + 145px);width:clamp(80px,8.5vw,130px)}
.satellite-tag{position:absolute;bottom:-11px;left:50%;translate:-50% 0;display:flex;align-items:center;gap:6px;white-space:nowrap;border-radius:20px;padding:8px 12px;background:#30203b;border:1px solid #9365aa55;font-size:9px;font-weight:600;box-shadow:0 6px 15px #0004;color:#dfcde8}
.float-one .satellite-tag{background:#f64fc3;color:#2c102c;border-color:transparent}.float-one .tag-dot{background:#58174b}
.stage-spark{position:absolute;line-height:1;font-size:43px;color:#db78cf70;pointer-events:none}
.spark-left{left:calc(50% - 470px);top:53%;transform:rotate(15deg)}.spark-right{left:calc(50% + 192px);top:5%;font-size:31px;color:#bb8cfa}
.single-home .single-footer{position:relative;flex:none;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px clamp(18px,3.2vw,44px);padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid #ffffff0c;background:transparent;min-height:58px}
.footer-stores{display:flex;align-items:center;gap:8px}
.footer-store{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;border:1px solid var(--line);border-radius:25px;background:#ffffff03;color:#ddd2e5;padding:8px 12px;line-height:1.3}
.footer-store svg{width:12px;height:13px;fill:currentColor;flex:none}
.single-footer .footer-links{display:flex;align-items:center;gap:20px;font-size:10px;color:#a997b6;line-height:1.6;flex-wrap:nowrap}
.single-footer .footer-links a:hover{color:#f64fc3}
.single-copyright{font-size:9px;color:#6f5e7c;direction:ltr}
.single-home dialog{--ink:#24112d;--muted:#716976;color:var(--ink);background:#fffafc;max-height:calc(100dvh - 32px);overflow:auto}
.single-home dialog .eyebrow{color:#8334b9}
.single-home dialog .get-button{color:#2d1232}
.single-home .no-script{position:absolute;bottom:70px;inset-inline:10px;text-align:center;font-size:10px}
[dir=rtl] .single-heading h1{font-size:clamp(28px,3.2vw,42px);letter-spacing:0;line-height:1.5;margin:6px 0}
[dir=rtl] .single-eyebrow{letter-spacing:0;font-size:10px}
[dir=rtl] .single-heading p{font-size:12px}
[dir=rtl] .preview-switcher{direction:rtl}
[dir=rtl] .preview-status,[dir=rtl] .preview-hint,[dir=rtl] .satellite-tag{letter-spacing:0;direction:rtl}
@media(min-width:1600px){.float-one{--left:calc(50% - 510px)}.float-two{--left:calc(50% - 330px)}.float-three{--left:calc(50% + 350px)}.float-four{--left:calc(50% + 190px)}.spark-left{left:calc(50% - 590px)}}
@media(max-width:900px){.float-one{--left:6%;--top:13%}.float-two{--left:19%;--top:49%}.float-three{--left:82%;--top:13%}.float-four{--left:70%;--top:49%}.spark-left{left:2%;top:58%}.spark-right{left:76%;top:2%}.single-copyright{display:none}.single-footer .footer-links{gap:13px}.satellite-tag{font-size:8px;padding:7px 10px}.single-home{--phone-height:min(53dvh,calc(100dvh - 282px),480px)}}
@media(max-width:600px){
.single-home{--phone-height:min(49dvh,calc(100dvh - 294px),440px)}
.single-header{padding:12px 16px 8px;gap:8px}.single-brand{font-size:24px;gap:6px}.single-brand img{height:29px;width:29px;border-radius:8px}.single-actions{gap:7px}.single-home .about-button{display:none}.single-home .language{padding:5px 9px;gap:6px;font-size:10px}.single-home .language button{font-size:10px}.get-button{font-size:10px;padding:10px 12px;gap:8px}.get-button>span:last-child{font-size:15px}
.single-heading{padding:12px 16px 0}.single-eyebrow{font-size:8px;padding:5px 9px;letter-spacing:1.2px}.single-heading h1{font-size:clamp(25px,6.9vw,36px);letter-spacing:-1px;margin:11px 0 7px;line-height:1.2}.single-heading p{font-size:11px;max-width:280px;line-height:1.6}
.main-rig{gap:10px}.preview-status{font-size:7px;letter-spacing:1.2px}.main-phone{border-width:2px}.preview-switcher{padding:4px;gap:2px}.preview-switcher button{font-size:9px;padding:7px 9px}.preview-hint{font-size:8px}
.float-screen{width:76px;opacity:.65}.float-one{--left:calc(50% - 176px);--top:13%}.float-three{--left:calc(50% + 100px);--top:16%}.float-two{--left:calc(50% - 162px);--top:57%;width:68px}.float-four{--left:calc(50% + 94px);--top:61%;width:68px}.satellite-phone{border-radius:14px;border-width:2px}.satellite-tag{font-size:6px;padding:5px 7px;max-width:110px;white-space:normal;text-align:center;justify-content:center}.stage-spark{font-size:26px}.spark-left{left:3%;top:48%}.spark-right{left:auto;right:5%;top:5%}
.single-home .single-footer{flex-direction:column;justify-content:center;gap:10px;padding:10px 12px 13px;min-height:86px}.footer-store{padding:7px 13px;font-size:9px}.single-footer .footer-links{font-size:9px;gap:19px}.single-home dialog{padding:35px 25px}.single-home dialog h2{font-size:29px}
[dir=rtl] .single-heading h1{font-size:clamp(24px,6.8vw,32px);line-height:1.5;margin:6px 0}[dir=rtl] .single-heading p{font-size:10px;max-width:290px}[dir=rtl] .single-eyebrow{font-size:9px}[dir=rtl] .preview-switcher button{font-size:9px;padding-inline:10px}
}
@media(max-height:660px){.single-home{--phone-height:calc(100dvh - 259px)}.single-header{padding-top:9px;padding-bottom:6px}.single-heading{padding-top:4px}.single-eyebrow{font-size:7px;padding:4px 9px}.single-heading h1{font-size:30px;margin:7px 0 4px}.single-heading p{font-size:11px}.main-rig{gap:7px}.preview-hint{display:none}[dir=rtl] .single-heading h1{font-size:27px;line-height:1.35;margin:5px 0}[dir=rtl] .single-eyebrow{font-size:8px}.single-home .single-footer{padding-top:8px;padding-bottom:8px;min-height:50px}.single-home .single-brand{font-size:23px}.single-brand img{height:28px;width:28px}}
@media(max-width:600px) and (max-height:660px){.single-home{--phone-height:calc(100dvh - 284px)}.single-home .single-footer{min-height:76px;gap:8px}.single-heading h1{font-size:25px}.preview-status{font-size:6px}[dir=rtl] .single-heading h1{font-size:23px}}
@media(max-height:460px) and (orientation:landscape){.single-heading{position:absolute;left:4%;top:85px;width:32%;text-align:start}.single-heading h1{font-size:27px;line-height:1.2}.single-heading h1 em{display:block}.single-heading p{font-size:10px}.single-eyebrow{font-size:7px}.app-stage{margin-inline-start:30%}.single-home{--phone-height:calc(100dvh - 165px)}.float-screen{display:none}.single-home .single-footer{flex-direction:row;min-height:44px}.single-home .single-footer .footer-links{font-size:8px}.main-rig{gap:6px}.preview-status{display:none}.preview-switcher button{font-size:8px;padding:5px 8px}[dir=rtl] .single-heading{left:auto;right:4%}[dir=rtl] .single-heading h1{font-size:25px}}
@media(prefers-reduced-motion:no-preference){.main-rig{animation:single-reveal .5s ease both}.float-screen{animation:float-in .7s ease both}@keyframes single-reveal{from{opacity:0;translate:-50% calc(-50% + 12px)}to{opacity:1;translate:-50% -50%}}@keyframes float-in{from{opacity:0}to{opacity:1}}}
/* Size the product against the remaining stage so it never overlaps the footer. */
@supports(height:1cqh){.app-stage{container-type:size}.main-phone{height:min(var(--phone-height),calc(100cqh - 96px))}}
.satellite-tag{width:max-content}
.single-footer .footer-links{margin:0}
@media(max-width:360px){.single-header{padding-inline:12px}.single-brand{font-size:21px;gap:5px}.single-brand img{width:26px;height:26px}.single-home .language{padding-inline:7px;gap:5px}.get-button{padding-inline:10px;font-size:9px;gap:6px}.single-actions{gap:6px}.float-one{--left:calc(50% - 152px)}.float-three{--left:calc(50% + 76px)}.float-two{--left:calc(50% - 143px)}.float-four{--left:calc(50% + 75px)}}