@font-face{font-family:Readex Pro;src:url(/assets/ReadexPro-wght-BIj9DRII.woff2)format("woff2");font-style:normal;font-weight:300 700;font-display:swap}:root{--bg:#f2f4f8;--surface:#fff;--text:#1b2140;--text-2:#5d6482;--line:#e6e9f0;--accent-text:#0e7a50;--accent-tint:#e4f6ee;--btn-primary-bg:#1b2140;--btn-primary-text:#fff;--btn-primary-hover-bg:#151a33;--focus:#0e7a50;--warn-text:#9a5518;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-family:Readex Pro,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0f1329;--surface:#1b2140;--text:#f2f4f8;--text-2:#a3a9c7;--line:#2c3460;--accent-text:#2bc98a;--accent-tint:#17383a;--btn-primary-bg:#1fb57a;--btn-primary-text:#0f1329;--btn-primary-hover-bg:#199a68;--focus:#2bc98a;--warn-text:#f6b27a}}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a{color:inherit;font:inherit}a{text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.page-header{justify-content:space-between;align-items:center;width:min(100% - 32px,960px);margin-inline:auto;padding-block:24px;display:flex}.wordmark{direction:ltr;width:64px;min-width:64px;display:block}.wordmark picture,.wordmark img{width:100%;height:auto;display:block}.language-toggle{border:1px solid var(--line);background:var(--bg);min-height:42px;color:var(--text);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:.875rem;font-weight:650}.page{flex:1;place-items:center;width:min(100% - 32px,960px);margin-inline:auto;padding-block:24px 72px;display:grid}.home-content,.handoff-content{text-align:center;width:100%;max-width:620px}h1{color:var(--text);letter-spacing:-.055em;margin:0;font-size:clamp(2.5rem,11vw,4rem);font-weight:700;line-height:1.08}.home-description{max-width:580px;color:var(--text-2);margin:22px auto 30px;font-size:clamp(1rem,3vw,1.2rem)}.store-badges{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.store-badge{border:1px solid var(--line);background:var(--surface);width:172px;min-height:56px;color:var(--text);text-align:start;border-radius:9px;flex-direction:column;justify-content:center;align-items:flex-start;padding:8px 14px;transition:background-color .14s;display:flex}.store-badge:hover{background:var(--accent-tint)}.store-badge__eyebrow{font-size:.625rem;line-height:1.2}.store-badge__name{font-size:1rem;font-weight:650;line-height:1.3}.handoff-content h1{letter-spacing:-.045em;font-size:clamp(2rem,8vw,3rem)}.handoff-code{color:var(--accent-text);letter-spacing:.08em;-webkit-user-select:all;user-select:all;margin:34px 0 24px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(2.5rem,12vw,4.5rem);font-weight:700;line-height:1.1}.handoff-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.page--guide .handoff-code{font-size:clamp(1.75rem,8vw,3.75rem)}.button{border:1px solid var(--btn-primary-bg);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-width:132px;min-height:48px;padding:12px 20px;font-weight:650;transition:background-color .14s,border-color .14s;display:inline-flex}.button--primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.button--primary:hover{border-color:var(--btn-primary-hover-bg);background:var(--btn-primary-hover-bg)}.button--secondary{border-color:var(--line);background:var(--surface);color:var(--text)}.button--secondary:hover{background:var(--accent-tint)}.copy-confirmation{min-height:1.5em;margin:10px 0 0;font-size:.9rem;font-weight:650}.copy-confirmation--copied{color:var(--accent-text)}.copy-confirmation--failed{color:var(--warn-text)}.handoff-message{color:var(--text-2);margin:18px auto 0;font-size:1rem}:lang(en) .home-description,:lang(en) .handoff-message{line-height:1.7}body:lang(ar){line-height:1.75}:lang(ar) h1{letter-spacing:0}.handoff-message+.store-badges{margin-top:24px}@media (width>=640px){.page-header{padding-block:30px}.page{padding-block:32px 88px}}