:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#172f30;background:#f7f8f3;line-height:1.65;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1160px;margin:auto;padding:24px 32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8e1d9}.brand{font-size:23px;font-weight:800;letter-spacing:-1px;text-decoration:none;color:inherit}nav{display:flex;gap:24px}a{color:inherit}nav a{font-size:14px;text-decoration:none}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding:80px 0}h1{font-size:clamp(42px,6vw,72px);letter-spacing:-3px;line-height:1.08;margin:22px 0}h1 span{color:#247264}h2{font-size:28px;line-height:1.25;letter-spacing:-.8px}p{color:#4b6562;max-width:560px}.eyebrow,.tag{font-size:11px;letter-spacing:1.5px;font-weight:750}.button,button{display:inline-block;padding:14px 23px;background:#174e43;color:white;border:0;border-radius:7px;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}.small{font-size:12px}.preview{background:#e6eee3;border:1px solid #d0ddce;padding:30px;border-radius:16px;box-shadow:10px 14px 0 #eef0e9;transform:rotate(1deg)}blockquote{margin:20px 0;font-size:18px}.arrow{text-align:center;font-size:24px}dl{background:#fff;padding:20px;display:grid;grid-template-columns:1fr 1.5fr;font-size:14px;gap:12px;border-radius:8px}dd{margin:0;font-weight:650}dt{color:#5a6d68}.missing{color:#956023}section{scroll-margin-top:24px}section+section{padding:45px 0;border-top:1px solid #d8e1d9}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.steps b{color:#247264;font-size:13px}.steps h2{font-size:23px}.demo{display:grid;grid-template-columns:1fr 1fr;gap:40px}label{display:block;font-weight:650;font-size:13px;margin-bottom:8px}textarea{width:100%;resize:vertical;padding:16px;font:inherit;color:inherit;border:1px solid #c4d0c6;border-radius:8px;background:white;margin-bottom:16px}#result{background:#eaf0e7;padding:24px;border-radius:12px;overflow:auto}pre{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.prices article{border:1px solid #cad8cf;padding:24px;border-radius:10px;background:white}.prices .featured{border:2px solid #247264}.price{font-size:34px;color:#172f30;font-weight:700}.price small{font-size:14px;font-weight:400}footer{border-top:1px solid #d8e1d9;padding-bottom:40px}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid #c17123;outline-offset:4px}@media(max-width:720px){header,main,footer{padding:20px}header{align-items:flex-start;gap:20px}nav{gap:12px;flex-wrap:wrap}.hero,.demo,.steps{grid-template-columns:1fr}.hero{padding:45px 0;gap:28px}.preview{transform:none}h1{letter-spacing:-2px}.steps{gap:16px}}
.notice{max-width:none;background:#eaf0e7;padding:20px;border-left:4px solid #247264}.record{padding:24px;border:1px solid #cad8cf;border-radius:8px;margin:16px 0;overflow-wrap:anywhere}.record pre{background:#edf1e9;padding:16px}.secondary{background:#e1e8dc;color:#174e43}button:disabled{opacity:.5;cursor:not-allowed}select,input[type=file]{max-width:100%;padding:12px;margin-bottom:16px}#mapping{margin-top:16px}#input-error{color:#972e20}code{overflow-wrap:anywhere}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px;border-bottom:1px solid #cad8cf}
[hidden]{display:none!important}
.usage-steps{max-width:850px;padding-left:24px}.usage-steps li{margin:12px 0}.guide{max-width:860px}.guide h1{font-size:clamp(34px,5vw,52px);letter-spacing:-1.5px}.guide p{max-width:none}.guide h2{margin-top:36px}.guide li{margin-bottom:12px}.table-scroll{overflow-x:auto}details{padding:16px 0;border-bottom:1px solid #d8e1d9}summary{cursor:pointer;font-weight:650}.record dl{grid-template-columns:minmax(80px,1fr) minmax(0,3fr)}.record dd{overflow-wrap:anywhere}.hero h1{font-size:clamp(38px,5vw,60px)}