:root{color-scheme:light;--paper:#f5f2eb;--ink:#193b35;--muted:#60736b;--line:#d7ded5;--accent:#b66d47}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Yu Gothic",Meiryo,sans-serif;line-height:1.8}a{color:inherit}button,input,select{font:inherit}button,a.cta{cursor:pointer}button:disabled{opacity:.55;cursor:wait}header,main{max-width:1320px;margin:auto;padding:24px 40px}header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:14px}header a{font-weight:bold;text-decoration:none}header span{font-size:12px}.hero{padding:64px 0 46px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:bold;color:var(--muted)}h1{font-size:clamp(38px,5vw,64px);letter-spacing:-.05em;line-height:1.35;margin:24px 0}h1 em{font-style:normal;color:var(--accent)}h2{font-size:20px;line-height:1.65;margin:0 0 18px}.lead{font-size:18px}.meta,.note{font-size:12px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden}form{padding:30px;border-right:1px solid var(--line)}.form-top{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-top h2{grid-column:1/-1}label{display:block;font-size:12px;font-weight:bold;min-width:0}input,select{display:block;width:100%;min-width:0;border:1px solid #cbd4cb;border-radius:7px;padding:10px 12px;background:#fbfcfa;color:var(--ink)}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #b66d4790;outline-offset:2px}.item{padding:18px 0;border-bottom:1px solid #e6eae3;display:grid;grid-template-columns:1fr 1fr;gap:10px}.item .url{grid-column:1/-1}.item-number{grid-column:1/-1;font-size:11px;color:var(--accent);letter-spacing:.1em}button,.cta{border:1px solid #cbd4cb;border-radius:7px;background:#fff;color:var(--ink);padding:12px 16px;font-size:13px;font-weight:bold;text-decoration:none;display:inline-block}.primary{background:var(--ink);color:#fff;border-color:var(--ink)}form>.primary{width:100%;margin-top:18px}.secondary{background:#eef1eb;font-size:12px}.preview{padding:30px;background:#edf1ea;min-width:0;align-self:stretch}.preview-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.preview-top span{font-size:11px}.phone{border:1px solid #d4dbd1;max-width:460px;background:#dce7df;border-radius:20px;overflow:hidden;margin:28px auto}.phone-heading{background:#fff;padding:14px;text-align:center;font-size:12px}.bubble{font-size:12px;max-width:80%;background:#fff;border-radius:12px;padding:14px;margin:26px 18px 90px}.phone img{display:block;width:100%;height:auto;border-top:1px solid #bdcbbf}.actions{display:grid;gap:9px;max-width:460px;margin:auto}.import{max-width:460px;margin:20px auto}.import input{font-size:11px}details{margin-top:28px;font-size:12px}details p{font-size:12px}output{display:block;padding:12px 0}.steps{padding:65px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.steps ol{margin:0;padding-left:24px}.steps li{padding-bottom:16px}.steps .note{grid-column:1/-1}.offer{padding:40px;border:1px solid var(--line);border-radius:18px;background:#e8ece3}.offer .cta{background:var(--ink);color:#fff;margin-top:10px}.offer strong{font-size:20px}footer{padding:45px 0 25px;color:var(--muted);font-size:11px}#status{font-size:12px;min-height:2em}.order{max-width:850px}.order section{background:#fff;border:1px solid var(--line);padding:28px;border-radius:14px;margin:25px 0}.order textarea{width:100%;min-height:240px;font:inherit;font-size:13px;padding:16px;border:1px solid var(--line);border-radius:8px;resize:vertical}.order li{margin:10px 0}@media(max-width:800px){header,main{padding:20px}.hero{padding-top:38px}.workspace{grid-template-columns:1fr}form{border-right:0;border-bottom:1px solid var(--line)}form,.preview{padding:22px}.steps{grid-template-columns:1fr;padding:40px 0}.offer{padding:25px}.form-top{gap:10px}.preview-top{flex-wrap:wrap}h2{font-size:18px}.bubble{margin-bottom:50px}}