:root{color-scheme:light;--ink:#271a3a;--muted:#6b6176;--purple:#6b31bd}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf8ff;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #9b67e8;outline-offset:6px}header,main,footer{width:min(1120px,calc(100% - 48px));margin-inline:auto}header{display:flex;align-items:center;justify-content:space-between;padding-block:30px}.brand{font-size:30px;font-weight:800;letter-spacing:-1.6px;text-decoration:none}.brand span,h1 span{color:var(--purple)}.header-link{font-size:14px;text-decoration:none}.header-link span{margin-inline-start:12px}.intro{padding:64px 0 55px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 18px}h1{font-size:clamp(52px,7.4vw,90px);line-height:1.03;letter-spacing:-.065em;margin:0 0 26px;font-weight:750}.lede{font-size:20px;color:var(--muted);line-height:1.7;margin:0}.apps{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.apps article{padding:36px;border-radius:28px;border:1px solid #e7deef}.shopping{background:#fff;box-shadow:0 10px 45px #45276408}.studio{background:#eee9f6;grid-column:1/-1}.ella{background:#eef3ee;border-color:#dce6dc!important}.ella .primary{background:#283e33}.ella .primary:hover{background:#1d2f26}.app-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:36px}.app-top img{border-radius:15px}.status{font-size:11px;line-height:1.4;letter-spacing:.02em;border:1px solid #ded6e7;border-radius:40px;padding:7px 11px;color:#625571;background:#ffffff80}.studio-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:15px;background:#e0d5ef;color:#63369c;font-size:46px;line-height:1}.apps .eyebrow{font-size:10px;margin-bottom:10px}h2{font-size:30px;letter-spacing:-.04em;line-height:1.15;margin:0 0 19px}.apps p:not(.eyebrow){font-size:16px;line-height:1.8;color:#60566d;max-width:45ch}.apps .detail{font-size:13px!important;color:#766980!important;margin:20px 0 28px}.primary,.secondary{display:flex;align-items:center;justify-content:space-between;gap:24px;text-decoration:none;font-size:14px;font-weight:650;padding:15px 20px;border-radius:12px}.primary{background:var(--purple);color:#fff}.primary:hover{background:#55239e}.secondary{background:#ffffffa6;margin-top:38px}.resources{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:21px;font-size:14px;font-weight:550;color:#3f3350}a.status{text-decoration:none}a.status:hover{border-color:#b9a6d3;color:#3f3350}.proof{display:grid;gap:4px;margin:22px 0 0;padding:16px 18px;border:1px solid #ece4f4;border-radius:16px;background:#fbf9fe;text-decoration:none;font-size:13px;color:#60566d}.proof:hover{border-color:#cdb9e6}.proof-head{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#766980}.proof>strong{font-size:15px;color:var(--ink)}.proof-rows{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:15px}.proof-rows s{color:#8a7f96}.proof-best b{color:var(--purple);font-size:18px}.proof small{font-size:12px}.recovery{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px 4px 42px;font-size:13px;color:var(--muted)}.recovery p{margin:0}.installed{margin-top:24px;padding:28px;background:#fff;border:1px solid #ddd0ef;border-radius:20px}.installed[hidden]{display:none}footer{display:flex;justify-content:space-between;gap:28px;border-top:1px solid #e5ddec;padding-block:27px 35px}footer .brand{font-size:22px}footer nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px 22px;font-size:11px;color:var(--muted)}.skip-link{position:absolute;inset-inline-start:24px;top:-100px;padding:10px;background:white}.skip-link:focus{top:12px}
@media(max-width:740px){header,main,footer{width:calc(100% - 36px)}header{padding-block:22px}.intro{padding:42px 0}.lede{font-size:17px}.desktop-break{display:none}.apps{grid-template-columns:1fr;gap:18px}.apps article{padding:27px}.app-top{margin-bottom:30px}.recovery{display:block;padding:28px 3px}.recovery p{margin-bottom:6px}footer{display:block}footer nav{justify-content:flex-start;margin-top:17px}.header-link{font-size:12px}}
.desk-only{display:none!important}
@media(hover:hover) and (pointer:fine){.desk-only{display:revert!important}.primary.desk-only{display:flex!important}.touch-only{display:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.cookie-banner{position:fixed;z-index:80;right:18px;bottom:18px;max-width:520px;margin-left:18px;padding:20px;background:#fff;border:1px solid #ddd0ef;border-radius:18px;box-shadow:0 16px 60px #271a3a22;font-size:13px}.cookie-text{margin:0 0 16px}.cookie-actions{display:flex;gap:10px;justify-content:flex-end}.cookie-btn{font:inherit;cursor:pointer;padding:9px 18px;border:1px solid #ddd0ef;border-radius:9px;background:#fff;color:#271a3a}.cookie-accept{background:#6b31bd;color:white;border-color:#6b31bd}

header{gap:18px;flex-wrap:wrap}header .brand{margin-inline-end:auto}.language-picker{position:relative;font-size:14px}.language-picker summary{cursor:pointer}.language-picker nav{position:absolute;z-index:30;inset-inline-end:0;top:100%;display:grid;gap:10px;background:#fff;padding:20px;border:1px solid #ddd0ef;border-radius:12px;min-width:210px;max-height:65vh;overflow:auto}.language-picker a{white-space:nowrap}.language-picker [aria-current]{font-weight:700}#language-suggest{position:fixed;z-index:70;bottom:20px;inset-inline-end:20px;display:flex;align-items:center;gap:20px;padding:14px 20px;background:#fff;border:1px solid #ddd0ef;border-radius:14px;box-shadow:0 8px 30px #271a3a22}#language-suggest[hidden],#language-suggest [hidden]{display:none}#language-suggest button{font:inherit;border:0;background:transparent;cursor:pointer;font-size:24px}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] .eyebrow{letter-spacing:normal}[dir=rtl] .brand{direction:ltr}.apps small[lang=en]{font-size:11px}.proof small[lang=en]{display:inline}
@media(max-width:480px){.header-link{width:100%}h1{font-size:clamp(40px,11vw,52px)}.app-top{flex-wrap:wrap}.primary,.secondary{gap:10px;flex-wrap:wrap}}
