:root{--paper:#f5f3ec;--ink:#172d2b;--muted:#5b6964;--line:#d7ddd4;--accent:#c4502f;--mint:#dbe8de;--white:#fffef9;color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.wrap{max-width:1180px;margin:auto;padding:0 32px}nav{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:750;font-size:18px}.brand i{width:32px;height:32px;display:grid;place-items:center;border:2px solid;border-radius:50%;font-style:normal}nav .links{display:flex;gap:25px;font-size:14px}nav a{text-decoration:none}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--muted)}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:68px;align-items:center;padding:88px 0 82px}h1{font-size:clamp(44px,5.8vw,76px);line-height:1.04;letter-spacing:-3px;margin:24px 0}h1 em{font-family:Georgia,serif;color:var(--accent);font-weight:400}p{line-height:1.7}.lead{font-size:18px;max-width:470px;color:var(--muted)}.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:28px 0 18px}.button,button.primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 21px;color:var(--white);background:var(--ink);border:1px solid var(--ink);border-radius:8px;text-decoration:none;font-weight:600}.button.secondary{background:transparent;color:var(--ink)}.fine{font-size:12px;color:var(--muted)}.converter{background:var(--white);border:1px solid var(--line);box-shadow:0 20px 65px #203e2912;border-radius:16px;overflow:hidden;transform:rotate(1deg)}.windowbar{padding:16px 20px;background:#e9ede5;display:flex;gap:6px;align-items:center}.dot{width:8px;height:8px;background:#aebdb1;border-radius:50%}.windowbar span:last-child{margin-left:auto;font-size:11px;color:var(--muted)}.console{padding:22px}.console label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.input-row{display:flex;gap:8px}input,select,textarea{background:var(--white);border:1px solid #97a79b;padding:11px;border-radius:6px;color:var(--ink);min-width:0}input,textarea{width:100%}.input-row input{font:13px ui-monospace,monospace}button.small{border:1px solid var(--line);background:var(--mint);border-radius:6px;padding:10px}.unit{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:12px}.unit label{margin:0}.unit select{padding:5px;font-size:12px}.time-row{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.time-row:first-child{background:var(--mint);margin:16px -10px 0;padding:17px 10px;border-radius:7px;border:none}.time-row strong{font:12px ui-monospace,SFMono-Regular,monospace;text-align:right}.error{color:#a52b1b;font-size:13px;margin:0}.strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding:25px 0;gap:25px}.strip span{font-size:14px}.strip b{color:var(--accent);margin-right:10px}.section{padding:76px 0}.section h2{font-size:38px;line-height:1.15;letter-spacing:-1px;font-weight:600;max-width:600px;margin:20px 0 32px}.stories{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.stories article{border-top:1px solid var(--ink);padding-top:20px}.stories h3{font-size:20px}.stories p{font-size:15px;color:var(--muted)}.num{font:12px ui-monospace,monospace;color:var(--accent)}.band{background:var(--ink);color:var(--paper);border-radius:16px;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.band h2{margin:8px 0 15px;font-size:34px}.band .eyebrow{color:#adcebe}.band p{color:#d1ded6}.examples{display:grid;gap:10px}.examples button{font:13px ui-monospace,monospace;text-align:left;padding:16px;color:var(--paper);border:1px solid #536c62;border-radius:6px;background:#26443b;overflow-wrap:anywhere}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:65px}details{border-bottom:1px solid var(--line);padding:21px 0}summary{cursor:pointer;font-weight:600}details p{color:var(--muted);font-size:15px}.end{border-top:1px solid var(--line);padding:44px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.end h2{font-size:28px;letter-spacing:-1px}footer{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;gap:25px;justify-content:space-between;font-size:12px;color:var(--muted)}footer div{display:flex;gap:20px}.document{max-width:750px;padding:60px 0 80px}.document h1{font-size:52px;letter-spacing:-2px}.document h2{font-size:24px;margin-top:36px}.document form{display:grid;gap:18px;margin:30px 0}.document label{display:grid;gap:8px;font-size:14px;font-weight:600}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}textarea{resize:vertical;line-height:1.5}.notice{border-left:3px solid var(--accent);padding:12px 18px;background:#ebece2;font-size:14px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:var(--white);padding:10px;z-index:5}@media(max-width:820px){.hero{grid-template-columns:1fr;gap:35px;padding:50px 0}.hero .lead{max-width:600px}.converter{transform:none}.stories{grid-template-columns:1fr;gap:18px}.band,.faq{grid-template-columns:1fr;gap:20px}.strip{gap:15px;font-size:12px}.section{padding:48px 0}.section h2{font-size:32px}.end{align-items:flex-start;flex-direction:column}.wrap{padding:0 22px}}@media(max-width:480px){nav{align-items:flex-start;gap:18px;flex-direction:column;padding:20px 0}nav .links{gap:20px}h1{letter-spacing:-2px}.strip{grid-template-columns:1fr;padding:22px 0}.band{padding:25px}.console{padding:16px}.time-row{align-items:flex-start;flex-direction:column;gap:6px}.time-row strong{text-align:left;font-size:12px}.form-grid{grid-template-columns:1fr}footer{flex-direction:column;gap:18px}.document h1{font-size:40px}.button{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{nav,.actions,button,footer{display:none}.hero{display:block}.converter{box-shadow:none;transform:none}.wrap{max-width:100%}.section{padding:25px 0}.band{background:white;color:black}.band p{color:black}}