:root{color-scheme:dark;--bg:#101621;--surface:#192333;--line:#34445d;--ink:#f4f7ff;--muted:#b4c1d7;--accent:#4160dd}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 "Segoe UI",system-ui,sans-serif}a{color:#bdd0ff;text-underline-offset:.24em}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid #a8c4ff;outline-offset:4px}.wrap{width:min(1240px,calc(100% - 72px));margin-inline:auto}.top,.bottom{display:flex;align-items:center;justify-content:space-between;gap:18px}.top{min-height:78px;border-bottom:1px solid var(--line)}.top img{display:block;object-fit:contain}.top nav{display:flex;align-items:center;gap:22px}.top nav a,.bottom a{text-decoration:none}.top button,.secondary{border:1px solid #5a6b87;background:#192333;border-radius:10px;color:var(--ink);padding:8px 13px;font:inherit;cursor:pointer}.hero{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:center;gap:clamp(28px,5vw,76px);padding-block:clamp(48px,8vw,104px)}.platform{color:#a8beff;font-size:.91rem;font-weight:650;margin:0 0 14px}h1,h2,h3,p,figure{margin:0}h1{font-size:clamp(2.65rem,5.4vw,4.75rem);line-height:1.04;letter-spacing:-.05em;max-width:12ch}.lead{color:var(--muted);font-size:1.1rem;margin:22px 0 27px;max-width:39ch}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 19px;border-radius:10px;text-decoration:none;font-weight:650}.primary{background:var(--accent);color:white}.primary:hover{background:#3651c1}.secondary:hover,.top button:hover{background:#283b56}.hero-meta{display:flex;gap:9px 17px;flex-wrap:wrap;font-size:.9rem;color:var(--muted);margin-top:14px}.hero figure img{width:100%;height:auto;display:block;border:1px solid #62738f;border-radius:14px;box-shadow:0 18px 52px #05080e7a}.hero figcaption{color:var(--muted);font-size:.82rem;margin-top:10px;text-align:right}.features,.download{border-top:1px solid var(--line);padding-block:clamp(32px,5vw,60px)}h2{font-size:clamp(1.55rem,3vw,2.35rem);letter-spacing:-.035em;line-height:1.15;margin-bottom:23px}h3{font-size:1.1rem;line-height:1.25;margin-bottom:9px}.feature-grid,.versions{display:grid;gap:14px}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.versions{grid-template-columns:repeat(2,minmax(0,1fr))}.features article,.versions article{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px}.feature-grid span{font-size:24px;display:inline-block;margin-bottom:12px}.green{color:#8ce1ad}.amber{color:#f6c269}.blue{color:#a8beff}.violet{color:#c39ffd}.feature-grid p,.versions p,.offline,.bottom{color:var(--muted)}.versions p{margin-bottom:16px}.offline{margin-top:18px}.bottom{border-top:1px solid var(--line);padding-block:21px;font-size:.9rem}
@media(max-width:900px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:730px){.wrap{width:calc(100% - 36px)}.hero{grid-template-columns:1fr}.top{min-height:68px}.top nav{gap:12px}.top nav a:first-child{display:none}.top img{width:132px}.hero figcaption{text-align:left}}
@media(max-width:475px){.feature-grid,.versions{grid-template-columns:1fr}.top nav a{display:none}.hero{padding-block:36px}.lead{font-size:1rem}.primary,.secondary{max-width:100%}}

/* Landing page */
:root{--bg:#0e1523;--accent:#4560d8;--line:#2b3b56}
html{scroll-padding-top:92px}
body{background:radial-gradient(ellipse 62% 37rem at 75% 9rem,#202f57 0%,transparent 100%),var(--bg)}
.site-header{position:sticky;top:0;z-index:10;background:#0e1523f2;border-bottom:1px solid #34445db0;backdrop-filter:blur(14px)}
.site-header .top{min-height:70px;border:0}
.top nav a:hover{color:white;text-decoration:underline}
.hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,76px);padding-block:clamp(60px,8.5vw,126px)}
.hero h1{font-size:clamp(2.85rem,5.4vw,5.2rem);max-width:12ch;line-height:1.02;text-wrap:balance}
.platform{display:inline-flex;align-items:center;gap:9px;border:1px solid #405480;padding:5px 11px;border-radius:100px}
.platform::before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#7be1ad;flex:none}
.hero .primary{box-shadow:0 9px 30px #335ef337}
.showcase{min-width:0;background:linear-gradient(145deg,#263654,#141e30 72%);border:1px solid #53698f;border-radius:23px;padding:14px;box-shadow:0 26px 90px #05081290}
.preview-bar{display:flex;gap:10px;align-items:center;padding:2px 5px 12px;font-size:.85rem;color:#c3d1ea}
.hero .showcase img{border:1px solid #465979;box-shadow:none;border-radius:12px}
.hero .showcase figcaption{text-align:left;padding-inline:5px}
.features article{border-top-color:#647caa;background:linear-gradient(155deg,#1b2940,#151e2e 70%)}
.feature-grid span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#263653}
@media(max-width:820px){.hero{grid-template-columns:1fr;gap:32px;padding-block:42px}.hero h1{max-width:15ch}.showcase{max-width:720px}}
@media(max-width:475px){html{scroll-padding-top:76px}.site-header .top{min-height:62px}.showcase{padding:8px;border-radius:15px}.hero .showcase img{border-radius:8px}}


.brand{display:inline-flex;align-items:center;gap:9px;flex:none;text-decoration:none}.brand .app-icon,.hero .preview-bar .app-icon{width:auto;flex:none;border:0;border-radius:5px;box-shadow:none}.hero .preview-bar .app-icon{height:20px}.top .brand .app-icon{height:32px}@media(max-width:475px){.top .brand .app-icon{height:26px}.top .brand .brand-wordmark{width:124px}}