:root{--blue:#0088cc;--text:#333;--muted:#8c8c8c}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--text);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:none}
button{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:2px solid #0088cc;outline-offset:5px}
.header{height:52px;border-bottom:1px solid #e8e8e8}
.navigation{max-width:1170px;margin:auto;display:flex;justify-content:space-between;height:100%;padding:0 15px}
.nav-links,.nav-right{display:flex;align-items:stretch;gap:5px}
.nav-links>a{padding:13px 16px 12px;position:relative;font-size:16px}
.nav-links>a:hover{text-decoration:none;background:#f5fbff}
.nav-links>a.active:after{content:"";position:absolute;bottom:0;height:3px;background:#179cde;left:0;right:0;border-radius:2px 2px 0 0}
.nav-right{gap:20px;align-items:center}
.twitter{display:flex;align-items:center;gap:8px;font-size:16px}
.twitter svg{width:20px;height:20px;fill:#1d98dc}
.language{position:relative}
.language>button{border:0;background:none;color:var(--blue);display:flex;align-items:center;gap:7px;cursor:pointer;padding:10px 0}
.language svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5}
.chevron{width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-left:2px;margin-top:-4px}
.language-menu{position:absolute;top:43px;right:0;z-index:4;padding:5px 0;background:white;border:1px solid #eee;border-radius:5px;box-shadow:0 4px 20px #00000012;min-width:135px}
.language-menu button{border:0;background:white;padding:8px 18px;text-align:left;width:100%;cursor:pointer;color:#333}
.language-menu button:hover{background:#eef8ff}
.hero{max-width:950px;margin:40px auto 0;position:relative;text-align:center;margin-top:38px}
.brand{display:inline-flex}
.brand img{width:128px;height:128px}
h1{font-size:36px;line-height:1.2;font-weight:500;letter-spacing:-1.5px;margin:12px 0 7px}
.tagline{font-size:20px;color:#8c8c8c;line-height:1.5;margin:0}
.recent-news{position:absolute;text-align:left;border-left:3px solid #5ab8e4;padding:0 0 0 15px;top:7px;left:calc(50% + 190px);width:185px;padding-left:17px;border-left-width:3px}
.recent-news h2{font-size:17px;line-height:21px;margin:0 0 10px;font-weight:700;color:var(--blue);margin-bottom:16px}
.recent-news>a{display:block;font-size:12px;line-height:1.4;margin-top:13px}
.recent-news time{display:block;color:#999;font-size:12px;font-weight:600;margin-bottom:2px}
.recent-news span{font-size:13px}
.mobile-downloads{max-width:720px;display:grid;grid-template-columns:1fr 1fr;gap:68px;margin:39px auto 0;text-align:center;margin-top:58px}
.download-card{display:block;position:relative}
.download-card:after{content:"";position:absolute;left:0;right:0;bottom:-18px;height:3px;background:#29a6e0;border-radius:4px;transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
.download-card:hover:after,.download-card:focus-visible:after{transform:scaleX(1)}
.download-card:hover{text-decoration:none}
.device-scene{height:260px;overflow:hidden;position:relative}
.device-scene img{height:298px;width:280px;max-width:100%;transition:transform .2s}
.download-card:hover .device-scene img{transform:translateY(-3px)}
.download-label{display:flex;justify-content:center;align-items:center;gap:11px;font-size:20px;padding-top:13px;white-space:nowrap}
.download-label strong,.desktop-links strong{font-weight:500}
.download-card:hover .download-label{text-decoration:none}
.platform-icon{width:24px;height:26px;fill:currentColor;flex-shrink:0}
.platform-icon.android{stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.platform-icon.android circle{fill:white;stroke:none}
.desktop-downloads{max-width:850px;margin:52px auto 0;text-align:center;margin-top:48px}
.desktop-image{display:block;line-height:0}
.desktop-image img{width:100%;height:auto}
.desktop-links{display:flex;justify-content:center;gap:140px;margin-top:15px;font-size:20px}
.web-link{display:none;font-size:14px;margin-top:20px;color:#499ac3}
.web-link span{font-size:16px}
.content-width{max-width:950px;margin-left:auto;margin-right:auto}
.blog-section{margin-top:72px}
.blog-section>h2,.features>h2{font-size:25px;font-weight:400;text-align:center;margin:0 0 30px;margin-bottom:32px}
.blog-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.blog-card{display:block}
.blog-art{height:235px;overflow:hidden;border-radius:28px;position:relative;display:flex;align-items:center;justify-content:center;width:100%;object-fit:cover}
.blue-art{background:linear-gradient(140deg,#b2edff,#55b8ed)}
.purple-art{background:linear-gradient(140deg,#b0bbff,#9579ec)}
.key-art{font-size:155px;color:#fff;line-height:1;transform:rotate(-35deg);text-shadow:0 10px 0 #208fdc44}
.small-plane{color:white;font-size:85px;position:absolute;top:18px;right:62px;transform:rotate(-23deg);opacity:.75}
.art-spark{position:absolute;color:#fff9;font-size:30px}
.spark-one{top:35px;left:65px}
.spark-two{bottom:25px;right:50px;font-size:45px}
.live-art{height:155px;width:115px;background:#f7f7ff;border:5px solid #fff9;border-radius:23px;box-shadow:15px 15px 0 #7154c122;transform:rotate(12deg);position:relative;display:grid;place-items:center}
.live-art svg{width:80px;fill:#a18aef}
.live-badge{position:absolute;top:9px;font-size:14px;color:#fff;background:#ff5b7d;letter-spacing:1px;border-radius:5px;padding:1px 8px}
.blog-card h3{font-size:20px;line-height:1.4;font-weight:500;margin:15px 0 7px}
.blog-card p{color:#333;font-size:16px;line-height:1.5;margin:0 0 8px}
.blog-card time{font-size:14px;color:#999}
.blog-card:hover{text-decoration:none}
.blog-card:hover h3{text-decoration:none}
.features{margin-top:55px}
.features>h2{margin-bottom:47px;color:#222}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 30px;text-align:center}
.feature-illustration{width:170px;height:150px;display:block;margin:auto;object-fit:contain}
.feature h3{font-size:27px;font-weight:400;color:var(--blue);margin:10px 0 5px}
.feature p{max-width:265px;font-size:16px;line-height:1.5;margin:0 auto}
.feature p strong{font-weight:600}
.footer{border-top:1px solid #e8e8e8;margin-top:65px;padding:28px 0 44px;display:grid;grid-template-columns:2.4fr repeat(4,1fr);gap:26px;font-size:14px}
.footer h3{font-size:14px;font-weight:600;margin:0 0 8px}
.footer p{font-size:13px;line-height:1.55;margin:0;color:#777;max-width:250px}
.footer a{display:block;font-size:13px;line-height:1.9}
.footer-about h3{font-size:16px}
.dark-mode{background:#17212b;color:#e5edf4}
.dark-mode .header,.dark-mode .footer{border-color:#30404d}
.dark-mode .blog-card p,.dark-mode .feature p{color:#d3dce4}
.dark-mode .features>h2{color:#f5f8fa}
.dark-mode .theme-button{color:#ffcf62}
.theme-button{font-size:24px}
.real-device img{width:100%;height:100%;object-fit:contain}
.real-desktop{height:300px}
.real-desktop img{width:100%;height:100%;object-fit:contain}
.desktop-links .selected:after{left:-75px;right:-75px;bottom:-25px;height:4px}
.theme-button{border:0;background:none;color:#a8b2bd;cursor:pointer;line-height:1;padding:4px}
.download-card:hover .device-scene img{transform:none}
.desktop-links a{position:relative}
.desktop-links a:hover,.desktop-links a:focus-visible{text-decoration:none}
.desktop-links a:after{content:"";position:absolute;left:-40px;right:-40px;bottom:-18px;height:3px;border-radius:3px;background:#29a6e0;transform:scaleX(0);transition:transform .22s}
.desktop-links a:hover:after,.desktop-links a:focus-visible:after{transform:scaleX(1)}
.dark-mode .language-menu,.dark-mode .language-menu button{background:#22303e;color:#e5edf4}
.dark-mode .nav-links>a:hover,.dark-mode .language-menu button:hover{background:#2b4052}
@media(max-width:1100px){
 .recent-news{left:calc(50% + 190px);width:165px}
 .content-width{margin-left:30px;margin-right:30px}
}
@media(max-width:800px){
 .recent-news{display:none}
 .mobile-downloads{max-width:620px;gap:35px}
 .desktop-downloads{padding:0 20px}
 .desktop-links{gap:75px}
 .nav-right{gap:15px}
 .nav-links>a{padding-left:12px;padding-right:12px}
 .feature-grid{gap:35px 18px}
 .feature-illustration{width:145px;height:130px}
 .feature p{font-size:14px}
 .footer{grid-template-columns:repeat(4,1fr)}
 .footer-about{grid-column:1/-1}
}
@media(max-width:600px){
 .header{height:52px}.navigation{padding:0 6px}
 .nav-links{gap:0}.nav-links>a{font-size:14px;padding:15px 7px 12px}
 .nav-right{gap:9px}.twitter span{display:none}.twitter svg{width:18px;height:18px}
 .language>button{font-size:13px;gap:4px}.language svg{width:16px;height:16px}
 .theme-button{font-size:22px;padding:0}
 .hero{margin-top:30px}.brand img{width:120px;height:120px}
 h1{font-size:34px}.tagline{font-size:18px}
 .mobile-downloads{gap:8px;margin:35px 12px 0}
 .device-scene{height:auto;aspect-ratio:1/.95}.real-device img{width:100%;height:100%;object-fit:contain}
 .download-label{font-size:14px;padding-top:10px;gap:5px;white-space:normal}
 .platform-icon{width:18px;height:20px}
 .desktop-downloads{margin-top:42px;padding:0 10px}
 .real-desktop{height:auto;aspect-ratio:1120/390}
 .desktop-links{font-size:15px;gap:30px;margin-top:12px}
 .desktop-links a:after{left:0;right:0}
 .content-width{margin-left:18px;margin-right:18px}
 .blog-section{margin-top:55px}.blog-section>h2,.features>h2{font-size:24px;margin-bottom:28px}
 .blog-grid{gap:30px;grid-template-columns:1fr}.blog-art{height:auto;aspect-ratio:725/480;border-radius:18px}
 .blog-card h3{font-size:19px}.blog-card p{font-size:15px}
 .features{margin-top:45px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 8px}
 .feature-illustration{width:100%;max-width:110px;height:100px}.feature h3{font-size:19px;margin-top:6px}
 .feature p{font-size:12px;line-height:1.4;overflow-wrap:break-word}
 .footer{margin-top:45px;grid-template-columns:1fr 1fr;gap:22px}.footer-about{grid-column:1/-1}
}
@media(max-width:360px){.nav-links>a{padding-left:5px;padding-right:5px}.nav-right{gap:6px}.feature h3{font-size:17px}.download-label{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Download text never carries a native underline; the bar is a separate pseudo-element. */
.download-card:any-link,.download-card:any-link:hover,.download-card:any-link:focus,.download-card *,.desktop-links a:any-link,.desktop-links a *{text-decoration:none!important}