:root{color-scheme:light;--blue:#174d88;--ink:#14283e;--yellow:#ffd348;--paper:#f5f2e8}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.65 system-ui,sans-serif}a{color:var(--blue)}header,main,footer{max-width:1060px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d5d9db}header a{text-decoration:none;font-weight:750}.lang{background:white;color:var(--blue);border:1px solid #b9c4d2;min-height:44px;padding:6px 16px}.hero{display:grid;grid-template-columns:1fr 250px;gap:48px;align-items:center;padding:48px 0}.hero img{width:100%;border-radius:26%;box-shadow:0 20px 45px #14283e22}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.13em;color:var(--blue);text-transform:uppercase}h1{font-size:clamp(36px,7vw,64px);line-height:1.08;letter-spacing:-.04em;margin:14px 0 24px}h2{font-size:27px;line-height:1.25}p{max-width:70ch}.lead{font-size:21px}.price{font-size:32px;font-weight:800}.muted{font-size:14px;color:#4b6277}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.panel{padding:28px;background:white;border:1px solid #dce2e6;border-radius:20px;margin:24px 0}.grid .panel{margin:0;padding:22px}button,.button{font:inherit;font-weight:700;cursor:pointer;border:0;border-radius:10px;padding:12px 20px;background:var(--yellow);color:var(--ink);display:inline-block;text-decoration:none;min-height:48px}button:disabled{opacity:.55;cursor:wait}button.secondary,.button.secondary{background:#eaf0f6;color:var(--blue)}input{display:block;width:100%;border:1px solid #9eafbf;border-radius:9px;font:inherit;padding:12px;margin:6px 0 18px;background:white;color:var(--ink)}label{font-weight:650}.form-row{max-width:620px}.status{min-height:1.5em;white-space:pre-wrap;font-size:15px}.devices{padding:0;list-style:none}.devices li{padding:16px 0;border-top:1px solid #dae2e9;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}code{font-size:12px;overflow-wrap:anywhere}.links{display:flex;gap:16px;flex-wrap:wrap}footer{font-size:14px;border-top:1px solid #d5d9db;margin-top:40px}summary{font-weight:750;cursor:pointer;padding:12px 0}details{border-bottom:1px solid #d5d9db}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}[hidden]{display:none!important}@media(max-width:650px){header,main,footer{padding:18px}.hero{grid-template-columns:1fr;gap:24px;padding:28px 0}.hero img{width:110px;grid-row:1}.grid{grid-template-columns:1fr}.panel{padding:20px}h1{font-size:42px}.lead{font-size:19px}}

.screenshots{padding:56px 0 24px;scroll-margin-top:24px}.screenshots>h2{font-size:clamp(30px,5vw,42px);letter-spacing:-.035em;margin:12px 0}.screenshots>p{margin-bottom:28px;color:#4b6277}.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.screenshot-card{margin:0;overflow:hidden;background:white;border:1px solid #dce2e6;border-radius:16px}.screenshot-image{display:block;padding:10px;background:#e8edf1;cursor:zoom-in}.screenshot-image img{display:block;width:100%;height:auto;border-radius:7px}.screenshot-card figcaption{padding:18px 22px}.screenshot-card h3{font-size:20px;line-height:1.3;margin:0}.screenshot-image:focus-visible{outline-offset:-4px}@media(max-width:650px){.screenshots{padding-top:38px}.screenshot-grid{grid-template-columns:1fr;gap:20px}.screenshot-image{padding:7px}.screenshot-card figcaption{padding:16px 18px}}