:root { --primary:#075fd5; --deep:#0056c6; --cyan:#00c9f3; --ink:#191c1e; --muted:#545967; --line:#dfe3e8; --bg:#f7f9fb; --white:#fff; font-family:Inter,Arial,sans-serif; color:var(--ink); background:var(--bg); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; }
a { color:inherit; text-decoration:none; }
.brand { align-items:center; display:inline-flex; font-family:'Plus Jakarta Sans',sans-serif; font-size:20px; font-weight:700; gap:8px; }
.brand-mark { align-items:center; background:var(--primary); border-radius:9px; color:#fff; display:inline-flex; font-size:22px; height:28px; justify-content:center; line-height:1; width:28px; }
.icon { font-size:20px; font-weight:700; line-height:1; }
.desktop-nav { align-items:center; backdrop-filter:blur(12px); background:rgba(255,255,255,.88); border-bottom:1px solid #e7eaee; display:flex; height:68px; justify-content:space-between; padding:0 max(32px, calc((100vw - 1120px)/2)); position:sticky; top:0; z-index:10; }
.desktop-nav .brand { color:var(--primary); }.desktop-nav nav { display:flex; gap:30px; }.desktop-nav nav a { color:#424655; font-size:14px; font-weight:600; }.desktop-nav nav a:hover { color:var(--primary); }
.desktop-hero { background:linear-gradient(125deg,#076df6,#00c9f3); border-radius:0 0 40px 40px; color:#fff; min-height:440px; overflow:hidden; padding:88px 24px 130px; position:relative; text-align:center; }
.desktop-hero:before { background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px); background-size:40px 40px; content:''; inset:0; position:absolute; }.hero-content { margin:auto; max-width:700px; position:relative; }.eyebrow { color:#d9efff; font-size:12px; font-weight:700; letter-spacing:.14em; margin:0 0 16px; }.desktop-hero h1 { font-family:'Plus Jakarta Sans',sans-serif; font-size:50px; letter-spacing:-.045em; line-height:1.16; margin:0 0 20px; }.desktop-hero p:not(.eyebrow) { color:#e5f7ff; font-size:18px; margin:0 auto 34px; }.primary-button,.mobile-download { align-items:center; background:#fff; border-radius:12px; box-shadow:0 10px 24px rgba(0,49,130,.2); color:var(--primary); display:inline-flex; font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; gap:9px; padding:16px 28px; }
.desktop-features { display:grid; gap:16px; grid-template-columns:repeat(3,1fr); margin:-58px auto 0; max-width:1120px; padding:0 24px; position:relative; }.feature-card { background:#fff; border:1px solid #e8ebef; border-radius:14px; box-shadow:0 5px 18px rgba(19,35,55,.05); padding:25px; }.feature-icon { align-items:center; border-radius:50%; display:inline-flex; font-size:30px; height:62px; justify-content:center; width:62px; }.blue { background:#dce7ff; color:#0056c6; }.cyan { background:#c7f2ff; color:#00677f; }.green { background:#d8faea; color:#006949; }.feature-card h2 { font-family:'Plus Jakarta Sans',sans-serif; font-size:19px; margin:18px 0 8px; }.feature-card p { color:var(--muted); font-size:14px; line-height:1.6; margin:0; }
.desktop-download { margin:0 auto; max-width:1120px; padding:100px 24px; }.section-heading { text-align:center; }.section-heading .eyebrow { color:var(--primary); }.section-heading h2 { font-family:'Plus Jakarta Sans',sans-serif; font-size:34px; margin:0 0 10px; }.section-heading>p:last-child { color:var(--muted); margin:0; }.platform-grid { display:grid; gap:24px; grid-template-columns:repeat(3,1fr); margin-top:46px; }.platform-card { align-items:center; background:#fff; border:1px solid #e0e4e8; border-radius:18px; display:flex; flex-direction:column; padding:34px 28px 28px; text-align:center; }.platform-icon { align-items:center; background:#f0f3f6; border-radius:18px; color:#424655; display:flex; font-size:42px; height:78px; justify-content:center; width:78px; }.platform-card h3 { font-family:'Plus Jakarta Sans',sans-serif; font-size:21px; margin:21px 0 7px; }.platform-card p { color:var(--muted); font-size:14px; margin:0 0 27px; }.download-button { align-items:center; border-radius:9px; color:#fff; display:flex; font-size:14px; font-weight:700; gap:7px; justify-content:center; margin-top:auto; padding:13px; width:100%; }.download-button.windows,.download-button.android { background:var(--primary); }.download-button.ios { background:#27313c; }
.desktop-footer { align-items:center; background:#2d3133; color:#eff1f3; display:flex; justify-content:space-between; padding:42px max(32px, calc((100vw - 1120px)/2)); }.desktop-footer .brand-mark { background:#eff1f3; color:#2d3133; }.desktop-footer p,.desktop-footer a { font-size:12px; opacity:.7; }.desktop-footer div { display:flex; gap:20px; }
.mobile-page { background:var(--bg); margin:auto; max-width:480px; min-height:100vh; }.mobile-nav { align-items:center; display:flex; height:64px; padding:0 18px; position:absolute; top:0; width:min(100%,480px); z-index:2; }.mobile-nav .brand { font-size:17px; color:#fff; }.mobile-nav .brand-mark { background:#fff; color:var(--primary); height:25px; width:25px; }.mobile-hero { background:linear-gradient(135deg,#076df6,#00d2ff); border-radius:0 0 16px 16px; color:#fff; overflow:hidden; padding:94px 24px 33px; position:relative; text-align:center; }.mobile-hero:before,.mobile-hero:after { background:rgba(255,255,255,.12); border-radius:50%; content:''; filter:blur(18px); height:220px; position:absolute; width:220px; }.mobile-hero:before { right:-105px; top:-98px; }.mobile-hero:after { bottom:-120px; left:-100px; }.mobile-hero>* { position:relative; z-index:1; }.release { align-items:center; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.32); border-radius:50px; display:inline-flex; font-size:12px; gap:7px; padding:7px 11px; }.release i { background:#68fcbf; border-radius:50%; height:7px; width:7px; }.mobile-hero h1 { font-family:'Plus Jakarta Sans',sans-serif; font-size:32px; letter-spacing:-.04em; line-height:1.17; margin:21px 0 14px; }.mobile-hero h1 span { color:#baf2ff; }.mobile-hero p { font-size:14px; line-height:1.6; margin:0 auto 23px; max-width:270px; }.mobile-download { border-radius:9px; font-size:14px; padding:13px 46px; }.orb { align-items:center; display:flex; height:126px; justify-content:center; margin:20px auto -4px; position:relative; }.orb:before,.orb:after { border:2px solid rgba(255,255,255,.22); border-radius:50%; content:''; position:absolute; }.orb:before { height:114px; width:114px; }.orb:after { height:82px; width:82px; }.orb div { align-items:center; background:#fff; border-radius:18px; box-shadow:0 15px 28px rgba(0,54,130,.28); color:var(--primary); display:flex; font-size:31px; height:62px; justify-content:center; transform:rotate(-35deg); width:62px; }
.mobile-features { padding:30px 16px; }.mobile-features h2,.mobile-platforms h2 { font-family:'Plus Jakarta Sans',sans-serif; font-size:19px; margin:0 0 19px; }.bento { display:grid; gap:12px; grid-template-columns:1fr 1fr; }.bento article { background:rgba(255,255,255,.94); border:1px solid #e8ebef; border-radius:12px; padding:14px; }.bento .wide { align-items:flex-start; display:flex; gap:13px; grid-column:1/-1; }.bento .feature-icon { border-radius:9px; font-size:22px; height:43px; width:43px; }.bento h3 { font-family:'Plus Jakarta Sans',sans-serif; font-size:14px; margin:11px 0 4px; }.bento .wide h3 { margin:2px 0 4px; }.bento p { color:var(--muted); font-size:12px; line-height:1.45; margin:0; }.mobile-platforms { background:#fff; border-bottom:1px solid var(--line); border-top:1px solid var(--line); padding:29px 16px; }.platform-row { align-items:center; background:#fff; border:1px solid #dce1e7; border-radius:9px; display:flex; gap:13px; margin:10px 0; padding:14px; }.row-icon { color:#424655; font-size:26px; width:28px; }.platform-row b,.platform-row small { display:block; }.platform-row b { font-size:14px; }.platform-row small { color:var(--muted); font-size:12px; margin-top:3px; }.platform-row em { color:var(--primary); font-size:22px; font-style:normal; font-weight:700; margin-left:auto; }.mobile-footer { color:#747987; font-size:12px; padding:22px 16px 34px; text-align:center; }
.is-disabled { cursor:not-allowed; opacity:.45; pointer-events:none; }
@media (max-width:767px) { .desktop-nav,.desktop-hero,.desktop-features,.desktop-download,.desktop-footer { display:none; } }
@media (min-width:768px) { .mobile-page { display:none; } }
@media (max-width:900px) and (min-width:768px) { .desktop-hero h1 { font-size:42px; }.desktop-footer { gap:20px; }.platform-grid { gap:14px; } }
.download-hint { font-size:14px; margin:16px 0 10px; line-height:1.6; }
.other-platforms { display:inline-block; font-size:14px; text-decoration:underline; text-underline-offset:4px; }
.is-recommended { outline:2px solid var(--primary); outline-offset:3px; }
a[aria-disabled="true"] { opacity:.5; cursor:not-allowed; }
.channel-open-link { display:block; text-align:center; color:var(--primary); padding:20px; text-decoration:underline; }
[data-channel-notice] { text-align:center; color:var(--muted); line-height:1.6; }