:root{--bg:#f4f3ee;--ink:#20251d;--muted:#676d61;--line:#d3d6ca;--green:#263c27;--lime:#dfff00}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}header,main,footer{max-width:1320px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:30px 36px;border-bottom:1px solid var(--line)}header>a:last-child{font-size:13px}.wordmark{font-size:19px;font-weight:850;letter-spacing:-.7px;text-decoration:none}.wordmark span{display:block;font:9px/1.4 monospace;letter-spacing:1.9px;margin-top:3px}.intro{padding:65px 36px 42px}.eyebrow{font:11px/1.5 monospace;letter-spacing:1.7px}h1{font-size:clamp(42px,5.5vw,76px);font-weight:650;line-height:1.04;letter-spacing:-3.5px;margin:21px 0}h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-3px}.intro p{color:var(--muted);font-size:17px;line-height:1.6}.desk{display:grid;grid-template-columns:340px minmax(0,1fr);margin:0 36px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}form{padding:28px;background:#fbfbf7;border-right:1px solid var(--line)}fieldset{padding:0;margin:0 0 28px;border:0;min-width:0}fieldset:last-child{margin-bottom:0}legend{padding:0;margin-bottom:16px;font:11px/1.5 monospace;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}label{display:block;font-size:12px;font-weight:650;margin:12px 0 5px}label span{font-size:10px;color:var(--muted);font-weight:400;margin-left:5px}input:not([type=color]),textarea,select{width:100%;background:#fff;border:1px solid var(--line);border-radius:5px;padding:10px;color:var(--ink);font:14px/1.4 inherit}input,textarea,select,button{font-family:inherit}textarea{resize:vertical;font-size:14px}button,a.inquiry{cursor:pointer;border:1px solid var(--line);border-radius:5px;font-size:13px;font-weight:600}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #5977c1;outline-offset:3px}.choices{display:flex;gap:6px}.choices button{flex:1;padding:10px 2px;background:white}.choices .selected{color:white;background:var(--green);border-color:var(--green)}.finish{display:flex;gap:16px;align-items:end}.finish>label:first-child{width:46px}.finish>label:last-child{flex:1}input[type=color]{width:46px;height:40px;border:1px solid var(--line);padding:3px;background:white;border-radius:5px}.download,.secondary{display:block;width:100%;padding:13px;text-align:left;margin-top:14px}.download{background:var(--green);color:white;border-color:var(--green)}.download span{float:right}.secondary{background:transparent;text-align:center;margin-top:8px}#status{font-size:11px;line-height:1.6;color:var(--muted);min-height:36px;margin-bottom:0}.preview-pane{background:#e8e9df;padding:34px;display:flex;flex-direction:column;justify-content:center;min-width:0}.preview-label,.preview-note{display:flex;justify-content:space-between;gap:10px;font:9px/1.5 monospace;letter-spacing:1px;color:#63695b;margin:15px 0}canvas{display:block;width:100%;height:auto;box-shadow:0 18px 45px #28331a20;border-radius:3px}.privacy{font-size:11px;color:#6c7165;max-width:480px;line-height:1.7;margin-top:30px}.custom{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin:80px 36px;padding:48px 0;border-top:1px solid var(--line)}h2{font-size:45px;line-height:1.1;letter-spacing:-2px;font-weight:550;margin:20px 0}.custom p{margin:0 0 20px;color:#51574b}.custom strong{color:var(--ink)}a.inquiry{display:inline-block;background:var(--lime);border:0;padding:13px 22px;text-decoration:none}.custom .fine{font-size:11px;margin:15px 0;color:var(--muted)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:25px 36px 35px;font-size:11px;color:var(--muted)}@media(max-width:800px){header{padding:22px}.intro{padding:40px 22px 28px}h1{letter-spacing:-2px}.desk{display:flex;flex-direction:column-reverse;margin:0 18px}.preview-pane{padding:20px}form{border-right:0;border-top:1px solid var(--line);padding:24px}.privacy{margin:12px 0 0}.custom{grid-template-columns:1fr;gap:15px;margin:45px 22px;padding:32px 0}h2{font-size:38px}footer{padding:24px 22px;flex-direction:column;gap:10px}.intro p{font-size:15px}.preview-note{font-size:8px}}
