:root{color-scheme:light;--ink:#172d23;--green:#2d6a4f;--muted:#59665d;--paper:#f7f9f5;--border:#c8d2c7;--line:#d5ded4;--button:#172d23;--button-text:#fff;--button-hover:#2d6a4f;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}.shell{max-width:1320px;margin-inline:auto;padding-inline:48px}header{min-height:114px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;color:var(--ink);text-decoration:none;font-size:25px;font-weight:800;letter-spacing:-1px;gap:10px}.brand img{border-radius:11px}.brand-dot{color:var(--green);margin-left:-9px}.language{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted)}select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23172d23' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px 16px;font:inherit;color:var(--ink);background-color:transparent;border:1px solid var(--border);border-radius:24px;padding:11px 42px 11px 14px;max-width:230px;min-height:44px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:55px 70px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--green);margin:0 0 26px}h1{font-size:clamp(2.8rem,5.4vw,5rem);line-height:1.06;letter-spacing:-.055em;margin:0;font-weight:750;overflow-wrap:break-word}.title-dot{color:var(--green)}.description{font-size:19px;line-height:1.65;color:var(--muted);max-width:470px;margin:26px 0 32px}.downloads{display:flex;flex-wrap:wrap;gap:12px}.downloads .store{flex:1}.store{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 17px;background:var(--button);color:var(--button-text);border:1px solid var(--button);border-radius:15px;text-decoration:none;min-height:72px;transition:background .2s,transform .2s}.store:hover{background:var(--button-hover);transform:translateY(-2px)}.store small{display:block;font-size:12px;line-height:1.4;max-width:165px}.store strong{display:block;font-size:20px;line-height:1.3}.platform{font-size:16px;font-weight:700}.android{font-size:23px}.visual{position:relative;min-width:0;aspect-ratio:1/1.1;border-radius:36px;overflow:hidden;background:#075c6b;box-shadow:0 24px 70px #143b2814}.visual video{width:100%;height:100%;object-fit:cover;display:block}.visual-caption{position:absolute;bottom:25px;left:28px;color:#fff;font-size:22px;font-weight:700;letter-spacing:-1px;text-shadow:0 1px 5px #000}.motion{position:absolute;bottom:20px;right:20px;border:1px solid #fff8;border-radius:50%;width:46px;height:46px;background:#123a35cc;color:white;cursor:pointer;font-size:18px}.motion[hidden]{display:none}.steps{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-block:35px 48px;gap:64px}.steps article{display:flex;gap:22px}.step{font-size:14px;color:var(--green);padding-top:3px;font-weight:700}h2{font-size:14px;letter-spacing:.06em;line-height:1.5;margin:0 0 10px}.steps p{font-size:16px;line-height:1.7;color:var(--muted);margin:0}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}footer nav{display:flex;gap:26px;flex-wrap:wrap}footer a,.fallback-languages a{color:inherit;text-underline-offset:4px}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #b662d6;outline-offset:5px}.fallback-languages{display:flex;gap:16px;flex-wrap:wrap;padding-block:20px}@media(min-width:1500px){.intro{padding-block:75px 85px}}@media(max-width:900px){.shell{padding-inline:28px}.intro{gap:30px}.downloads{flex-direction:column;align-items:stretch}.store{justify-content:center;max-width:100%}.visual{aspect-ratio:1/1.4}.steps{gap:30px}}@media(max-width:620px){.shell{padding-inline:22px}header{min-height:90px;gap:10px}.brand{font-size:22px}.brand img{width:32px;height:32px}.language label{display:none}select{max-width:150px;font-size:13px;padding-right:42px}.intro{grid-template-columns:1fr;padding-block:25px 36px;gap:30px}h1{font-size:3.35rem;max-width:530px}.eyebrow{margin-bottom:18px}.description{font-size:18px;margin:20px 0 25px}.downloads{flex-direction:row;align-items:stretch}.store{flex:1;padding:12px;gap:9px}.store>span:last-child{display:none}.store small{font-size:12px}.store strong{font-size:18px}.visual{aspect-ratio:1.35;border-radius:25px}.visual-caption{font-size:18px;bottom:20px;left:20px}.steps{grid-template-columns:1fr;gap:28px;padding-block:28px 32px}footer{align-items:flex-start;flex-direction:column;gap:16px}footer nav{gap:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:360px){h1{font-size:2.8rem}.downloads{flex-direction:column}.store{width:100%;max-width:none}}

/* Theme colors also follow the system when JavaScript is unavailable. */
:root[data-theme="dark"]{color-scheme:dark;--ink:#e8f2eb;--green:#92d5b0;--muted:#afc1b5;--paper:#111c16;--border:#4c6053;--line:#33473b;--button:#a0daba;--button-text:#112e20;--button-hover:#b9ebce}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--ink:#e8f2eb;--green:#92d5b0;--muted:#afc1b5;--paper:#111c16;--border:#4c6053;--line:#33473b;--button:#a0daba;--button-text:#112e20;--button-hover:#b9ebce}}
/* Use currentColor for the inset chevron in both themes. */
.language,.theme-control{position:relative}
.language::after,.theme-control::after{content:"";position:absolute;right:18px;top:calc(50% - 5px);width:7px;height:7px;border-right:1.6px solid var(--ink);border-bottom:1.6px solid var(--ink);transform:rotate(45deg);pointer-events:none}
select{background-image:none;background-color:var(--paper)}
.header-controls{display:flex;align-items:center;gap:22px}
.theme-control{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted)}
.theme-control[hidden]{display:none}
#theme{max-width:160px}
@media(max-width:1100px){.header-controls{gap:12px}.theme-control label{display:none}}
@media(max-width:620px){header{flex-wrap:wrap;padding-block:20px;gap:16px}.header-controls{width:100%;gap:12px}.language,.theme-control{flex:1;min-width:0}.header-controls select{width:100%;max-width:none;font-size:14px}.theme-control label{display:none}}

/* Keep keyboard focus visible, including after switching from touch/mouse. */
:root[data-input="pointer"] :is(a,button,select):focus{outline:none}
:root[data-input="keyboard"] :is(a,button,select):focus{outline:3px solid #b662d6;outline-offset:5px}

/* Keep the video composited normally: Safari Top Hit can lose its surface
   when playback starts at opacity:0. The image stays painted underneath. */
.visual .video-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:2}
.visual video{position:relative;z-index:1}
.visual.video-ready .video-fallback{z-index:0}
.visual .motion,.visual .visual-caption{z-index:3}