:root{--paper:#f7f4eb;--ink:#313b32;--muted:#666c60;--rust:#a64f36;--line:#dddcd0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #a64f36;outline-offset:4px}.skip{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:9}.skip:focus{top:10px}header,main,footer{max-width:1240px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 36px;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:27px;text-decoration:none;white-space:nowrap}.brand span{display:block;font:9px/2 system-ui;letter-spacing:2px;padding-left:30px}header nav{display:flex;gap:22px;font-size:13px}header nav a{text-decoration:none}.nav-cta{font-size:13px;white-space:nowrap}.hero{padding:72px 36px 50px;display:grid;grid-template-columns:1.1fr 1fr;gap:62px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px;color:var(--rust);margin:0 0 22px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.1;margin:0}h1{font-size:clamp(44px,5.4vw,72px);letter-spacing:-2.8px}.lead{font-size:20px;line-height:1.5;max-width:430px;margin:25px 0 12px}.clarity{font-size:14px;color:var(--muted);max-width:430px}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--rust);color:white;border-radius:7px;padding:15px 23px;text-decoration:none;cursor:pointer;font-size:14px;font-weight:600}.hero .button{margin-top:15px}.button:hover{background:#873e2b}.micro{font-size:12px;color:var(--muted);line-height:1.6}.hero figure{margin:0;transform:rotate(2deg)}.hero img{width:100%;height:auto;display:block;border-radius:30px}.hero figcaption{font-family:Georgia,serif;font-style:italic;text-align:center;font-size:15px;margin-top:15px;color:var(--muted)}.ribbon{display:flex;justify-content:space-around;gap:20px;border-block:1px solid var(--line);padding:19px 30px;font-size:12px}.tool{padding:65px 36px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.section-head h2{font-size:36px;max-width:540px}.section-head p{font-size:13px;color:var(--muted);margin:0}.section-head .eyebrow{margin-bottom:14px;color:var(--rust);font-size:10px}.tool-grid{display:grid;grid-template-columns:1fr 1.1fr;background:#fffdf7;border:1px solid var(--line);border-radius:18px;overflow:hidden}.controls{padding:32px}fieldset{border:0;padding:0;margin:0 0 27px}legend,.field-label{font-size:14px;font-weight:600;margin-bottom:13px;display:block}.step{color:var(--rust);font-size:11px;margin-right:10px}.choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.choices label{position:relative;cursor:pointer}.choices input{position:absolute;opacity:0}.choices span{display:block;border:1px solid var(--line);border-radius:6px;padding:10px 3px;text-align:center;font-size:13px}.choices input:checked+span{background:#eef0e7;border-color:#718168;color:#3c5138}.choices input:focus-visible+span{outline:3px solid var(--rust);outline-offset:3px}select{width:100%;padding:12px;background:white;color:var(--ink);border:1px solid var(--line);border-radius:6px;margin-bottom:27px}.field-label small{font-weight:400;color:var(--muted);margin-left:7px}.upload{border:1px dashed #b9bcae;background:#f8f8f1;border-radius:9px;padding:20px;text-align:center}.upload>span{display:block;font-size:24px;color:var(--rust)}.upload strong{font-size:13px}.upload p{font-size:11px;color:var(--muted);margin:6px 0 12px}.upload input{max-width:100%;font-size:12px}.upload img{display:block;max-width:100%;max-height:220px;object-fit:contain;margin:16px auto 0}.upload img[hidden],button[hidden]{display:none}.text-button{background:none;border:0;text-decoration:underline;cursor:pointer;color:var(--rust);font-size:13px;margin-top:10px}.prompt-panel{background:#ecede4;padding:32px;display:flex;flex-direction:column}.output-heading{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1px;margin-bottom:17px}.output-heading span{letter-spacing:0;color:var(--muted)}textarea{width:100%;min-height:280px;flex:1;resize:vertical;line-height:1.8;background:#f9faf4;border:1px solid #d5d9c9;border-radius:8px;padding:19px;color:#3d493b;font-size:14px}.prompt-panel .button{width:100%;margin-top:6px}.honest{border-top:1px solid #d3d7c9;margin-top:10px;padding-top:18px;font-size:12px}.honest p{margin:5px 0 0;color:var(--muted)}.editorial{padding:35px 36px 60px;max-width:850px}.editorial article+article{margin-top:35px}.editorial h2{font-size:31px}.editorial p{color:var(--muted);line-height:1.9}.examples{padding:55px 36px;background:#eeebe1;border-radius:20px}.section-head>a{font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{padding:28px;background:#f9f7ef;border:1px solid #dfddd2;border-radius:10px}.cards span{color:var(--rust);font-size:10px;letter-spacing:1.4px}.cards h3{font-size:27px;margin:16px 0}.cards p{font-size:14px;color:var(--muted);margin:0}.faq{max-width:850px;margin:auto;padding:80px 36px}.faq h2{font-size:38px;margin-bottom:30px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{font-weight:500;cursor:pointer;font-size:15px}details p{font-size:14px;color:var(--muted)}.closing{text-align:center;background:#e4e8dc;padding:48px 24px;border-radius:18px;margin:0 36px 64px}.closing h2{font-size:36px;margin-bottom:25px}footer{padding:35px 36px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:22px}footer p,footer small{font-size:12px;color:var(--muted);margin:0}footer nav{display:flex;gap:16px;flex-wrap:wrap;font-size:12px}footer small{text-align:right} @media(max-width:1000px){header nav{gap:12px;font-size:11px}.nav-cta{display:none}.hero{gap:28px}.output-heading span{display:none}}@media(max-width:700px){header{padding:18px 20px;flex-wrap:wrap;gap:14px}.brand{font-size:25px}header nav{width:100%;gap:17px;overflow:auto;padding-bottom:6px;white-space:nowrap}.hero{grid-template-columns:1fr;padding:38px 22px 28px;gap:30px}h1{font-size:49px;letter-spacing:-2px}.lead{font-size:18px}.hero figure{max-width:430px;justify-self:center;transform:none}.hero img{max-height:310px;object-fit:contain;background:#e9e6d8}.ribbon{padding:16px 20px;flex-wrap:wrap;gap:8px 20px;font-size:10px}.tool{padding:40px 20px}.section-head{display:block}.section-head h2{font-size:32px}.section-head>p{margin-top:16px}.tool-grid{grid-template-columns:1fr}.controls,.prompt-panel{padding:22px}.choices{gap:6px}.choices span{font-size:12px}.section-head>a{display:inline-block;margin-top:16px}.editorial{padding:25px 22px 40px}.editorial h2{font-size:29px}.examples{margin:0 12px;padding:32px 20px}.cards{grid-template-columns:1fr}.faq{padding:50px 22px}.faq h2{font-size:33px}.closing{margin:0 20px 40px}.closing h2{font-size:30px}footer{padding:28px 22px;grid-template-columns:1fr}footer small{text-align:left}.output-heading{font-size:10px}textarea{min-height:340px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
