:root{font-family:"Avenir Next",Avenir,"Trebuchet MS",sans-serif;color:#213b30;background:#f2f3e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.wrap{max-width:1320px;margin:auto;padding:0 clamp(24px,5vw,80px)}header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ced4c5}.wordmark{display:inline-flex;align-items:center;gap:12px;font-weight:750;font-size:27px;color:inherit;text-decoration:none;letter-spacing:-1.2px}.byline{font-size:12px;color:#516454}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:64px;padding:88px 0 100px;align-items:center}.eyebrow,.art-label,.number{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;font-weight:650}.eyebrow{margin:0 0 28px}h1{font-size:clamp(48px,5.5vw,80px);line-height:1.04;letter-spacing:-4px;font-weight:650;margin:0 0 28px}h1 em{font-family:Georgia,serif;font-weight:400;color:#487452}.intro{font-size:20px;line-height:1.5;max-width:410px;margin:0 0 18px}.detail{font-size:14px;line-height:1.75;color:#536354;max-width:410px}.cta{display:flex;align-items:center;gap:22px;margin-top:32px}.cta span{font-size:12px;line-height:1.5}.cta strong{font-size:18px}button{background:#264e37;color:#f2f5e8;border:none;border-radius:6px;padding:17px 24px;font:600 14px "Avenir Next",sans-serif;cursor:pointer}button:disabled{background:#647961;cursor:default}button:not(:disabled):hover{background:#163922}button:focus-visible,a:focus-visible{outline:3px solid #65935e;outline-offset:5px}.caption{font-size:11px;color:#526350;max-width:380px;line-height:1.5}.key-art{background:#e0e7d4;padding:32px 28px 24px;border-radius:4px;transform:rotate(-3deg)}.art-label{margin:0 0 40px;font-size:10px}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:340px;margin:0 auto 54px;transform:rotate(3deg)}kbd{display:flex;flex-direction:column;justify-content:space-between;align-items:center;font:500 56px "Avenir Next",sans-serif;background:#fafbf3;border:1px solid #c9d1bc;border-bottom:9px solid #bac6ac;border-radius:13px;padding:10px 10px 11px;aspect-ratio:1;box-shadow:0 4px 0 #a7b59a,0 14px 12px #39513114}kbd span{font-size:8px;letter-spacing:1px;font-weight:600}kbd.w{grid-column:2;grid-row:1;background:#c7dc8d;border-color:#94aa68}kbd:not(.w){grid-row:2}.art-bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px;border-top:1px solid #b5c3a8;padding-top:20px}.art-bottom span:nth-child(2){font-size:25px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:40px 0 65px;border-top:1px solid #bfcbb7}.number{color:#65805b}.features h2{font-size:20px;letter-spacing:-.5px;margin:23px 0 12px}.features p,.notes p{font-size:14px;line-height:1.8;color:#526350}.notes{display:grid;grid-template-columns:1fr 1.7fr;gap:80px;padding:55px 0 70px;border-top:1px solid #bfcbb7}.notes h2{font-size:28px;letter-spacing:-1px;margin:0;max-width:260px}.notes p:first-child{margin-top:0}footer{display:flex;justify-content:space-between;font-size:11px;padding:26px 0;border-top:1px solid #bfcbb7;color:#5e7358}footer a{color:inherit}.document{max-width:740px;margin:70px auto;min-height:55vh}.document h1{font-size:48px;letter-spacing:-2px}.document p{line-height:1.8}.document code{overflow-wrap:anywhere;background:#e0e7d4;padding:10px;display:block}.tester{display:grid;gap:12px}.tester pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;background:#e0e7d4;padding:20px}@media(max-width:850px){header{height:84px}.byline{display:none}.hero{grid-template-columns:1fr;padding:55px 0;gap:50px}h1{letter-spacing:-2.5px}.key-art{max-width:480px;width:100%;margin:auto}.features{grid-template-columns:1fr;gap:30px}.features h2{margin:10px 0}.notes{grid-template-columns:1fr;gap:20px;padding:40px 0}.notes h2{max-width:none}.document h1{font-size:36px}}

.wordmark img{display:block;flex-shrink:0;width:40px;height:40px;border-radius:10px}