*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.6}img{max-width:100%}a:focus-visible{outline:3px solid currentColor;outline-offset:3px}.demo-note{margin:0;padding:10px;text-align:center;font-size:.75rem;opacity:.85}
body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background:#e2cfae;color:#1f1b16}a{color:inherit}h1,h2,.h b,.k{font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,'Courier New',monospace;margin:0}
.h{display:flex;justify-content:space-between;align-items:center;padding:16px 5vw;background:#1f1b16;color:#e2cfae}.h a{font-weight:700}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:4vw;padding:60px 5vw;background:radial-gradient(circle,#8a6a43 2.5px,transparent 3px) 0 0/28px 28px,#e2cfae;align-items:center}
.note{background:#fffaf0;padding:36px;border:2px solid #1f1b16;box-shadow:8px 8px 0 #1f1b16}.k{font-size:.85rem;color:#1d47a8}h1{font-size:clamp(2.4rem,6vw,4rem);line-height:1.05}.note>p{font-size:1.06rem}.rt b{font-size:1.4rem}.stars{color:#1d47a8}
.btn{display:inline-block;background:#1d47a8;color:#fff;text-decoration:none;font-weight:700;padding:14px 26px;border-radius:4px}
.tools{position:relative;height:320px}.tools i{position:absolute;background:#1f1b16;border-radius:3px}
.ham{left:10%;top:10%;width:20px;height:200px}.ham:before{content:"";position:absolute;left:-30px;top:-10px;width:80px;height:34px;background:#1f1b16;border-radius:4px}
.wr{left:38%;top:6%;width:18px;height:220px;border-radius:9px}.wr:before,.wr:after{content:"";position:absolute;left:-14px;width:46px;height:46px;border-radius:50%;border:12px solid #1f1b16;background:transparent}.wr:before{top:-30px}.wr:after{bottom:-30px}
.sd{left:64%;top:4%;width:30px;height:110px;background:#1d47a8!important;border-radius:10px}.sd:after{content:"";position:absolute;left:12px;top:110px;width:6px;height:120px;background:#1f1b16}
.lv{left:8%;bottom:4%;width:82%;height:34px;background:#1f1b16}.lv:after{content:"";position:absolute;left:44%;top:8px;width:46px;height:18px;border-radius:9px;background:#e2cfae}
.list{padding:50px 5vw;background:#1f1b16;color:#e2cfae}.list ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 0}.list li{border:2px dashed #e2cfae;padding:10px 16px;font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,'Courier New',monospace}
.rv{padding:60px 5vw;background:radial-gradient(circle,#8a6a43 2.5px,transparent 3px) 0 0/28px 28px,#e2cfae}.tags{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:26px;margin-top:26px}
.tag{position:relative;background:#fffaf0;border:2px solid #1f1b16;padding:40px 22px 22px;border-radius:6px 6px 24px 24px}.hole{position:absolute;top:12px;left:50%;margin-left:-9px;width:18px;height:18px;border-radius:50%;background:#e2cfae;border:2px solid #1f1b16}
.tag blockquote{margin:0}.tag p{margin:12px 0 0;font-weight:700}
.cta{text-align:center;padding:60px 5vw;background:#fffaf0}.cta h2{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:2rem;margin-bottom:18px}footer{text-align:center;padding:20px;font-size:.85rem}.fab{display:none}
@media(max-width:760px){.hero{grid-template-columns:1fr}.tools{height:240px;transform:scale(.8)}.fab{display:block;position:fixed;right:14px;bottom:14px;background:#1d47a8;color:#fff;padding:14px 22px;border-radius:4px;font-weight:700;text-decoration:none;border:2px solid #1f1b16}}