:root { --ink:#0a1730; --blue:#2c69f1; --paper:#f5f7fa; --muted:#62708a; --line:#dbe1ea; --green:#56d69d; }
* { box-sizing:border-box; } body { min-height:100vh; display:flex; flex-direction:column; margin:0; color:var(--ink); background:var(--paper); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; } a { color:inherit; text-decoration:none; }.site-header,main,footer { width:min(1120px,calc(100% - 40px)); margin:0 auto; }.site-header { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:20px; }.brand { display:inline-flex; align-items:center; gap:9px; font-size:18px; font-weight:800; letter-spacing:-.7px; }.brand strong { color:var(--blue); }.brand-mark { display:grid; place-items:center; width:27px; height:27px; color:#fff; background:var(--blue); border-radius:8px; font-size:15px; }.site-header nav { display:flex; align-items:center; gap:19px; color:#59667c; font-size:13px; font-weight:700; }.nav-button,.button { display:inline-flex; align-items:center; justify-content:center; gap:11px; min-height:45px; padding:0 16px; border-radius:7px; font:inherit; font-size:13px; font-weight:800; transition:transform .15s ease; }.nav-button,.button-primary { color:#fff; background:var(--blue); box-shadow:0 9px 20px rgba(44,105,241,.19); }.button:hover { transform:translateY(-2px); }.link-button { padding:0; border:0; color:#59667c; background:none; font:inherit; font-weight:700; cursor:pointer; }.account { max-width:230px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#526078; font-weight:500; }.site-header form { margin:0; }.hero { max-width:790px; padding:88px 0 53px; margin:0 auto; text-align:center; }.eyebrow { margin:0 0 16px; color:#5e6e8e; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:11px; font-weight:600; letter-spacing:.9px; text-transform:uppercase; }.eyebrow::before { content:""; display:inline-block; width:7px; height:7px; margin:0 8px 1px 0; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px rgba(86,214,157,.14); }h1,h2,p { margin-top:0; }h1,h2 { letter-spacing:-2px; line-height:1.06; }h1 { margin-bottom:21px; font-size:clamp(42px,6vw,70px); }h1 em { color:var(--blue); font-family:Georgia,serif; font-weight:400; }.lead { max-width:680px; margin:0 auto; color:#526078; font-size:17px; line-height:1.72; }.download-panel { display:grid; grid-template-columns:1.1fr .9fr; overflow:hidden; border:1px solid #ccd7e5; border-radius:17px; background:#fff; box-shadow:0 19px 47px rgba(13,31,69,.1); }.panel-copy { padding:45px; }.panel-copy h2 { margin-bottom:14px; font-size:31px; }.panel-copy p:not(.eyebrow) { max-width:500px; color:var(--muted); font-size:14px; line-height:1.75; }.actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:25px; }.button-secondary { color:#33425d; background:#fff; border:1px solid var(--line); }.installer-grid,.locked-installers { display:grid; gap:12px; align-content:center; padding:38px; background:linear-gradient(145deg,#102449,#1b3764); }.installer { display:flex; align-items:center; gap:12px; padding:17px; color:#dceaff; background:rgba(255,255,255,.09); border:1px solid rgba(167,207,253,.24); border-radius:10px; transition:background .15s ease,transform .15s ease; }.installer:hover { background:rgba(255,255,255,.17); transform:translateY(-2px); }.installer span:nth-child(2) { flex:1; }.installer strong,.installer small { display:block; }.installer strong { font-size:13px; }.installer small { margin-top:3px; color:#acc2e2; font-size:11px; }.installer b { color:#6ad7f2; }.platform-icon { display:grid; place-items:center; width:34px; height:34px; color:#0f558a; background:#cceafa; border-radius:8px; font-size:17px; }.locked-installers > div { display:grid; grid-template-columns:34px 1fr; column-gap:12px; align-items:center; padding:17px; color:#9ab0d1; border:1px solid rgba(167,207,253,.15); border-radius:10px; background:rgba(4,16,39,.22); }.locked-installers span { grid-row:span 2; display:grid; place-items:center; width:34px; height:34px; color:#7495c4; background:#263f68; border-radius:8px; font-size:17px; }.locked-installers b { font-size:13px; }.locked-installers small { margin-top:3px; font-size:11px; }.details { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; padding:86px 0; }.details article { min-height:215px; padding:25px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.67); }.details article > span { display:grid; place-items:center; width:40px; height:40px; margin-bottom:36px; color:#146ba9; background:#d8eff9; border-radius:10px; font-size:17px; }.details h2 { margin-bottom:10px; font-size:22px; }.details p { margin-bottom:0; color:var(--muted); font-size:13px; line-height:1.7; }.auth-wrap { display:grid; place-items:center; min-height:calc(100vh - 205px); padding:58px 0; }.auth-card { width:min(100%,470px); padding:40px; border:1px solid #ccd7e5; border-radius:16px; background:#fff; box-shadow:0 18px 45px rgba(13,31,69,.1); }.auth-card h1 { margin-bottom:14px; font-size:37px; }.auth-card > p:not(.eyebrow):not(.form-error):not(.form-foot) { color:var(--muted); font-size:14px; line-height:1.7; }.auth-card form { display:grid; gap:18px; margin-top:28px; }.auth-card label { color:#33425d; font-size:13px; font-weight:800; }.auth-card label small { color:#7c899b; font-size:11px; font-weight:500; }.auth-card input { display:block; width:100%; height:46px; margin-top:7px; padding:0 12px; color:var(--ink); border:1px solid #cfd9e7; border-radius:7px; background:#fff; font:inherit; }.auth-card input:focus { outline:3px solid rgba(44,105,241,.15); border-color:var(--blue); }.full { width:100%; border:0; cursor:pointer; }.form-error { padding:11px 13px; color:#a32424; background:#fff1f1; border:1px solid #f2c1c1; border-radius:7px; font-size:13px; line-height:1.5; }.form-foot { margin:23px 0 0; color:#69758a; font-size:13px; }.form-foot a { color:var(--blue); font-weight:800; }footer { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:103px; margin-top:auto; color:#7d899c; border-top:1px solid var(--line); font-size:12px; }footer a { color:#385276; font-weight:800; }@media(max-width:760px) { .site-header,main,footer { width:min(100% - 32px,1120px); }.site-header { min-height:72px; }.site-header nav { gap:12px; }.account { display:none; }.hero { padding:60px 0 42px; }.download-panel { grid-template-columns:1fr; }.panel-copy { padding:31px 25px; }.installer-grid,.locked-installers { padding:25px; }.details { grid-template-columns:1fr; padding:62px 0; }.details article { min-height:0; }.details article > span { margin-bottom:24px; }.auth-card { padding:30px 24px; }.auth-wrap { min-height:auto; padding:40px 0 70px; }footer { min-height:95px; }.nav-button { min-height:39px; } }@media(max-width:410px) { .site-header nav a:first-child { display:none; }.brand { font-size:15px; } }