:root{--purple:#5b2bc8;--ink:#472177;--muted:#776489;--pale:#f6f3fc;--line:#e9e2f2}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #a487e5;outline-offset:6px}.container{width:min(1120px,calc(100% - 100px));margin-inline:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;direction:ltr}.brand img{border-radius:11px}.brand>span{font-size:32px;font-weight:750;letter-spacing:-1.8px;color:var(--purple)}.language{display:flex;gap:8px;align-items:center;border:0;background:transparent;color:var(--ink);font-size:14px;min-height:44px;padding:8px}.language svg{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.5}.hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;min-height:calc(100svh - 190px);padding-block:25px 40px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--purple);font-weight:650;margin:0 0 23px}h1{font-size:clamp(50px,5.4vw,74px);letter-spacing:-4px;line-height:1.08;font-weight:670;margin:0 0 24px}.accent{color:var(--purple)}.description{font-size:18px;line-height:1.8;color:var(--muted);margin:0 0 32px}.store-badge{display:inline-flex;align-items:center;gap:12px;background:#1e122d;color:#fff;border:1px solid #1e122d;border-radius:12px;min-height:67px;padding:10px 20px;direction:ltr;text-align:left;transition:background .15s}.store-badge:hover{background:var(--purple);border-color:var(--purple)}.apple{width:30px;height:36px;fill:currentColor}.store-small{display:block;font-size:11px;line-height:1.3;letter-spacing:.1px}.store-name{font-size:27px;line-height:1.2;letter-spacing:-.7px;font-weight:500}.launch-status{display:flex;align-items:center;gap:7px;font-size:11px;line-height:1.7;color:var(--muted);margin:13px 0 0}.status-dot{height:5px;width:5px;background:#aa92cb;border-radius:50%;flex-shrink:0}.language-note{font-size:12px;color:#9784ad;margin:26px 0 0}.visual{height:575px;border-radius:32px;position:relative;display:flex;align-items:center;justify-content:center;background:var(--pale);isolation:isolate}.line-art{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#dacdee;stroke-width:1;z-index:-1}.line-art circle{fill:var(--pale);stroke:#a080d8}.phone{width:239px;max-width:70%;padding:6px;background:var(--ink);border:1px solid #ad98c7;border-radius:39px;box-shadow:0 22px 40px -24px #47217770;direction:ltr}.screen{border-radius:32px;overflow:hidden;background:#fff}.screen img{display:block;width:100%;height:auto}.footer{border-top:1px solid var(--line);min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;color:var(--muted)}.tagline{font-size:14px;color:var(--ink)}.footer a{padding-block:14px}.footer a:hover{color:var(--purple)}dialog{border:1px solid var(--line);border-radius:22px;padding:35px;width:calc(100% - 40px);max-width:410px;color:var(--ink);box-shadow:0 25px 70px #47217730}dialog::backdrop{background:#28123f60;backdrop-filter:blur(4px)}dialog img{border-radius:13px}dialog h2{font-size:30px;font-weight:650;letter-spacing:-1px;margin:25px 0 16px}dialog p{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 25px}#closeDialog{position:absolute;inset-inline-end:14px;top:12px;border:0;background:var(--pale);color:var(--ink);width:33px;height:33px;border-radius:50%;font-size:24px}.dismiss{border:0;background:var(--purple);color:white;min-height:48px;padding:12px 25px;border-radius:9px;width:100%;font-size:14px}[dir=rtl] body{font-family:Tahoma,"Segoe UI",Arial,sans-serif}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] h1{letter-spacing:0;line-height:1.5;font-size:62px}[dir=rtl] .description{font-size:16px;line-height:2}[dir=rtl] .store-small{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}[dir=rtl] dialog h2{letter-spacing:0}[dir=rtl] .store-small.fa{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;font-size:11px}
@media(min-width:1500px){.visual{height:620px}.phone{width:257px}}
@media(max-width:1000px){.hero{gap:40px}.visual{height:530px}.phone{width:221px}h1{font-size:57px;letter-spacing:-3px}.description{font-size:16px}[dir=rtl] h1{font-size:48px}}
@media(max-width:700px){.container{width:calc(100% - 44px)}.header{height:83px}.brand{gap:10px}.brand img{width:37px;height:37px;border-radius:10px}.brand>span{font-size:28px}.language{font-size:12px}.hero{grid-template-columns:1fr;gap:34px;min-height:0;padding-block:40px 30px}.eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:20px}h1{font-size:56px;letter-spacing:-3px;line-height:1.08;margin-bottom:20px}.description{font-size:15px;line-height:1.9;margin-bottom:25px}.store-badge{min-height:64px;padding:9px 18px}.store-name{font-size:26px}.launch-status{font-size:10px}.language-note{font-size:11px;margin-top:21px}.visual{height:550px;border-radius:24px}.phone{width:226px;max-width:74%}.footer{min-height:96px;gap:15px;flex-wrap:wrap;font-size:9px;padding-block:17px}.tagline{font-size:12px}.footer a{padding-block:8px}[dir=rtl] h1{font-size:46px}[dir=rtl] .description{font-size:14px}dialog{padding:30px 25px}}
@media(max-width:360px){h1{font-size:48px}.eyebrow{font-size:8px}.description{font-size:13px}.visual{height:470px}.phone{width:196px;max-width:80%;border-radius:34px}.screen{border-radius:27px}.tagline{order:3;flex-basis:100%;text-align:center}[dir=rtl] h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Native-style illustrated screens; no real advert is created by this animation. */
.journey-wrap{display:flex;flex-direction:column;align-items:center;width:100%;padding:20px 0 14px}.journey-screen{aspect-ratio:1206/2622;position:relative;padding:17px 13px 0;color:var(--ink);font-size:10px;display:flex;flex-direction:column;text-align:start}.journey-screen[dir=rtl]{font-family:Tahoma,Arial,sans-serif}.mini-status{display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:600;margin-bottom:20px;padding-inline:5px;direction:ltr}.mini-island{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:55px;height:13px;background:var(--ink);border-radius:20px}.mini-brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.mini-brand strong{font-size:20px;color:var(--purple);letter-spacing:-1.2px;direction:ltr}.mini-brand>span{font-size:8px;color:var(--muted);background:var(--pale);padding:5px;border-radius:12px}.mini-search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;min-height:34px;padding:8px;color:var(--muted);background:var(--pale)}.mini-search svg{width:13px;height:13px}.mini-search .typing{font-size:10px;color:var(--ink)}.mini-location{font-size:8px;margin:12px 0 15px;color:var(--muted)}.mini-categories{display:flex;justify-content:space-between;text-align:center;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:14px}.mini-categories span{font-size:7px;display:grid;gap:5px;justify-items:center}.mini-categories svg{height:19px;width:19px;color:var(--purple)}.mini-heading{font-size:16px;font-weight:650;margin:2px 0 12px}.mini-small{font-size:8px;color:var(--muted);line-height:1.7}.mini-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.mini-picture{height:105px;display:grid;place-items:center;background:var(--pale)}.mini-picture svg{width:72px;height:72px;stroke-width:1.1;color:var(--purple)}.mini-card-copy{padding:11px}.mini-category{font-size:8px;color:var(--purple);margin-bottom:7px}.mini-name{font-size:15px;font-weight:650;margin-bottom:7px}.mini-address{font-size:8px;color:var(--muted)}.mini-example{font-size:7px;color:#a38eb6;margin-top:9px}.mini-nav{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:11px 0 13px;border-top:1px solid var(--line);background:#fff}.mini-nav span{display:grid;justify-items:center;gap:4px;font-size:6px;color:var(--muted)}.mini-nav svg{width:17px;height:17px}.mini-nav .chosen{color:var(--purple)}.mini-field{border:1px solid var(--line);border-radius:8px;padding:9px;margin:8px 0}.mini-field>span{display:block;font-size:7px;color:var(--muted);margin-bottom:5px}.mini-field>strong{font-size:10px;font-weight:500}.mini-photo{height:58px;border:1px dashed #cbb8e8;background:var(--pale);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:8px;color:var(--purple);margin:12px 0}.mini-photo svg{height:24px;width:24px}.mini-submit{font-size:9px;border-radius:8px;background:var(--purple);color:#fff;padding:11px;text-align:center;margin:12px 0}.mini-progress{display:flex;gap:4px;margin:2px 0 14px}.mini-progress i{height:3px;flex:1;background:#e9e0f5;border-radius:5px}.mini-progress i.on{background:var(--purple)}.mini-review{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;padding:0 4px 18px;gap:15px}.mini-review>svg{width:57px;height:57px;color:var(--purple);stroke-width:1.3}.mini-review h3{font-size:19px;line-height:1.5;margin:0;font-weight:650}.mini-review p{font-size:10px;line-height:1.9;color:var(--muted);margin:0}.mini-status-label{font-size:8px;background:var(--lavender);color:var(--purple);padding:6px 10px;border-radius:16px}.mini-live{display:flex;align-items:center;gap:5px;font-size:8px;color:#08746b;background:#e7f5f1;padding:7px 9px;border-radius:7px;margin-bottom:12px}.mini-live svg{height:13px;width:13px}.mini-homebar{position:absolute;bottom:4px;left:36%;width:28%;height:3px;background:var(--ink);border-radius:4px}.journey-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:15px}.journey-steps{display:flex;gap:6px}.journey-steps button{border:0;min-width:24px;min-height:27px;background:transparent;padding:9px 3px;display:grid;place-items:center}.journey-steps button:before{content:"";display:block;width:7px;height:7px;border-radius:8px;background:#d7c9eb;transition:width .2s}.journey-steps button[aria-pressed=true]:before{width:22px;background:var(--purple)}.playback{border:0;background:white;color:var(--purple);width:28px;height:28px;border-radius:50%;font-size:13px;display:grid;place-items:center}.journey-caption{font-size:11px;font-weight:600;line-height:1.6;color:var(--ink);margin:6px 0 0;text-align:center}.journey-note{font-size:8px;color:var(--muted);margin:3px 12px 0;text-align:center;line-height:1.5}.screen-enter{animation:screenIn .35s ease-out}.typing-caret:after{content:"";display:inline-block;height:11px;width:1px;background:var(--purple);vertical-align:middle;margin-inline-start:2px;animation:caret .8s steps(1) infinite}@keyframes screenIn{from{opacity:.35}to{opacity:1}}@keyframes caret{50%{opacity:0}}.journey-screen svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.journey-screen[dir=rtl] .mini-brand strong{letter-spacing:-1px}.mini-result-note{font-size:8px;color:var(--muted);margin-bottom:12px}.journey-wrap .phone{max-width:74%}@media(max-width:1000px){.visual{height:580px}}@media(max-width:700px){.visual{height:610px}.journey-wrap .phone{width:235px;max-width:78%}}@media(max-width:360px){.visual{height:555px}.journey-wrap .phone{width:210px;max-width:83%}.journey-screen{padding-inline:11px}.mini-status{margin-bottom:15px}.mini-picture{height:87px}.mini-brand{margin-bottom:12px}.mini-field{padding:7px}.mini-photo{margin-block:8px}}@media(prefers-reduced-motion:reduce){.screen-enter,.typing-caret:after{animation:none!important}}

:root{--lavender:#eee8fa}.journey-screen>.screen-enter{display:flex!important;flex-direction:column;flex:1;min-height:0}.visual{min-height:620px}.journey-wrap .phone{width:225px}@media(max-width:360px){.visual{min-height:560px}.journey-wrap .phone{width:205px}}

.journey-screen[data-scene="2"] .mini-status{margin-bottom:12px}.journey-screen[data-scene="2"] .mini-brand{margin-bottom:10px}.journey-screen[data-scene="2"] .mini-photo{height:40px;margin-block:8px;flex-shrink:0}.journey-screen[data-scene="2"] .mini-field{padding:7px;margin-block:5px}.mini-nav{flex-shrink:0}.journey-screen[data-scene="2"] .mini-submit{margin-block:9px}
.journey-wrap .phone{width:235px;max-width:86%}.mini-nav{padding-block:8px 7px}
