*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f6f1;color:#24282c;font:16px/1.5 system-ui,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid #965b00;outline-offset:5px}.skip{position:absolute;left:16px;top:-80px;background:white;padding:12px;z-index:3}.skip:focus{top:8px}aside{position:fixed;inset:0 auto 0 0;width:256px;background:#24282c;color:#fff7df;padding:36px 24px}.brand{text-decoration:none;font-size:25px;letter-spacing:-1px}.brand strong{font-weight:650}.navlabel{font-size:11px;letter-spacing:2px;margin-top:52px;color:#c4c8ca}nav{display:grid;gap:5px}nav a{display:flex;align-items:center;gap:12px;padding:12px 6px;text-decoration:none;border-radius:6px}nav a:hover{background:#3a4147}nav a span:last-child{margin-left:auto;color:#c8cbd0}.secondary{display:grid;gap:12px;margin:40px 6px;font-size:14px;color:#d4d7d9}main{margin-left:256px;padding:32px 6vw 48px;max-width:1600px}.preview{padding:10px 14px;border:1px solid #d8c99e;background:#fff7df;font-size:13px;border-radius:6px}.eyebrow{font-size:12px;letter-spacing:3px;color:#686755;margin:40px 0 10px}h1{font-size:clamp(36px,4.4vw,64px);letter-spacing:-2px;line-height:1.1;margin:0 0 14px}.intro{color:#5d625e;font-size:20px;margin:0 0 32px}.apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.app{background:white;border:1px solid #dedfd8;border-radius:12px;padding:24px;display:flex;gap:18px;align-items:flex-start;text-decoration:none;transition:border-color .15s}.app:hover{border-color:#8b6f35}.app h2{font-size:21px;margin:0 0 4px;letter-spacing:-.4px}.app p{font-size:14px;margin:0;color:#555e60}.app small{display:block;font-size:12px;color:#666b62;margin-top:14px}.app>span{margin-left:auto}.setup{display:flex;justify-content:space-between;padding:18px 0;margin:8px 0 28px;font-weight:600}.install{padding:24px 28px;border-radius:12px;background:#eaece4}.install h2,footer h2{font-size:18px;margin:0 0 8px}.install p{max-width:700px;margin:8px 0}.muted{color:#636b60;font-size:14px}footer{display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid #dedfd8;margin-top:38px;padding-top:24px}footer p{font-size:14px;color:#68706a;max-width:340px}@media(max-width:1050px){aside{width:220px;padding:28px 18px}main{margin-left:220px;padding:24px 28px}.app{padding:18px;gap:12px}}@media(max-width:700px){aside{position:static;width:auto;padding:22px}.navlabel{margin-top:18px}nav{grid-template-columns:1fr 1fr;gap:0 12px}nav a{padding:9px 4px}.secondary{display:flex;margin:16px 4px 0;gap:22px}main{margin:0;padding:20px}.eyebrow{margin-top:28px}.apps{grid-template-columns:1fr}.app{padding:20px}footer{grid-template-columns:1fr;gap:20px}.intro{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app{transition:none}}