@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Roboto+Mono:wght@400;500&display=swap";
:root{--ink:#16101a;--paper:#fffdfa;--canvas:#f4f1eb;--muted:#676169;--line:#dfdbd4;--green:#2beb68;--green-dark:#1fbf5b;--soft-green:#e5fce9;--warning:#fff3df;--danger:#b84242;--line-strong:#cfc9c4;--link:#207a3c;--success-text:#176932;--muted-strong:#4c464e;--radius:3px}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Inter,system-ui,sans-serif}button,textarea,input{font:inherit}nav,.site-header{background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;padding:0 max(5vw,32px);display:flex}.brand{color:var(--ink);letter-spacing:-.7px;align-items:center;font-size:18px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark span{background:var(--green);border-radius:var(--radius);letter-spacing:-1px;place-items:center;width:30px;height:30px;margin-right:6px;font:700 12px Roboto Mono;display:inline-grid}.brand-logo-img{width:auto;height:34px;display:block}.nav-right{align-items:center;gap:18px;display:flex}.credit{color:var(--muted);font-size:12px}.credit b{background:var(--soft-green);color:var(--success-text);border-radius:var(--radius);margin-right:4px;padding:4px 6px;font:500 11px Roboto Mono}.avatar{background:var(--ink);color:#fff;border:0;border-radius:50%;width:34px;height:34px;font-size:11px}.hero{grid-template-columns:1fr;row-gap:28px;max-width:1400px;padding:72px clamp(32px,5vw,72px) 54px;display:grid}.hero-copy{min-width:0}.hero-visual{justify-content:flex-start;align-items:center;min-width:0;display:flex}@media (min-width:961px){.hero{grid-template-columns:minmax(0,820px) minmax(260px,1fr);align-items:center;gap:0 32px}.hero-visual{justify-content:center;margin-top:40px}}.eyebrow{letter-spacing:1.25px;color:#317e47;margin:0 0 13px;font:500 11px Roboto Mono}.hero h1{letter-spacing:-4px;max-width:820px;margin:0;font:800 clamp(42px,6vw,76px)/.98 Inter,sans-serif}.hero h1 em{background:linear-gradient(transparent 62%,var(--green) 0);font-style:normal}.hero h1 .typed-line{white-space:nowrap;display:inline-block}.typed--typing:after{content:"";vertical-align:-.05em;background:currentColor;width:3px;height:.85em;margin-left:2px;animation:1s step-end infinite typed-caret;display:inline-block}@keyframes typed-caret{50%{opacity:0}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.typed--typing:after{animation:none}.word-variant{transition:none}}.lede{max-width:600px;color:var(--muted-strong);margin:24px 0;font-size:17px;line-height:1.6}.trust{color:#575159;flex-wrap:wrap;gap:10px 23px;font:12px Roboto Mono;display:flex}.rewrite-card{background:var(--paper);border-radius:14px;width:100%;max-width:340px;overflow:hidden;box-shadow:0 24px 48px #16101a26}.rewrite-titlebar{background:var(--ink);align-items:center;gap:6px;padding:10px 14px;display:flex}.rewrite-titlebar .rewrite-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.rewrite-dot--red{background:#ff5f57}.rewrite-dot--yellow{background:#febc2e}.rewrite-dot--green{background:#28c840}.rewrite-titlebar-label{letter-spacing:.06em;color:#b8b2ba;margin-left:6px;font:600 10px Roboto Mono}.rewrite-body{padding:18px 16px}.rewrite-header{border-bottom:1px solid var(--line);margin-bottom:12px;padding-bottom:12px}.rewrite-name{color:var(--ink);margin:0;font:700 15px Inter,sans-serif}.rewrite-role{color:var(--muted);margin:2px 0 0;font:12px Inter,sans-serif}.rewrite-section{letter-spacing:.04em;color:var(--muted);align-items:center;gap:6px;margin-bottom:10px;font:11px Roboto Mono;display:flex}.rewrite-section-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:6px;height:6px}.rewrite-summary{color:var(--ink);margin:0;font:13px/1.6 Inter,sans-serif}.word-swap{vertical-align:baseline;display:inline-grid;position:relative}.word-variant{border:1px solid #0000;border-radius:6px;grid-area:1/1;padding:1px 6px;font-weight:600;transition:opacity .4s,transform .4s}.word-variant--before{opacity:1;color:#9a3b3b;background:#fdecec;border-color:#f6c9cc;transform:translateY(0)}.word-variant--after{opacity:0;color:var(--success-text);background:var(--soft-green);border-color:#b8efc6;transform:translateY(4px)}.word-swap--revealed .word-variant--before{opacity:0;transform:translateY(-4px)}.word-swap--revealed .word-variant--after,.rewrite-card:hover .word-variant--before{opacity:1;transform:translateY(0)}.rewrite-card:hover .word-variant--after{opacity:0;transform:translateY(4px)}@media (min-width:961px){.rewrite-card{max-width:380px}}.how-it-works{max-width:820px;padding:0 max(5vw,32px) 40px}.how-it-works h2{letter-spacing:-1.4px;color:var(--ink);margin:0 0 14px;font:800 34px/1.1 Inter,sans-serif}.how-it-works p{color:var(--muted-strong);margin:0;font-size:16px;line-height:1.65}.sample-toggle{margin-top:18px;display:inline-block}.sample-preview-wrap{max-width:1120px;padding:0 max(5vw,32px) 40px}.match-reasoning{color:var(--muted-strong);max-width:760px;margin:14px 0 0;font-size:15px;line-height:1.6}.match-reasoning b{color:var(--ink)}.sample-note{border-top:1px solid var(--line);margin-top:26px;padding-top:20px}.workspace{padding:0 max(5vw,32px) 70px}.stepper{color:#6f6a73;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 18px;font:500 11px Roboto Mono;display:flex}.stepper span{white-space:nowrap}.stepper .active{color:var(--ink)}.stepper i{background:var(--line-strong);flex:1;max-width:130px;height:1px}.intake,.results{background:var(--paper);border:1px solid var(--line);box-shadow:0 16px 50px #16101a0d}.intake{padding:clamp(22px,4vw,46px)}.source-card{border-bottom:1px solid var(--line);margin-bottom:28px;padding:0 0 30px}.source-card:last-of-type{margin-bottom:20px}.source-title{justify-content:space-between;align-items:start;gap:12px;display:flex}.source-title>div:first-child{padding-left:42px;position:relative}.number{border:1px solid #938c94;border-radius:3px;place-items:center;width:25px;height:25px;font:500 11px Roboto Mono;display:grid;position:absolute;top:1px;left:0}.source-title h2{letter-spacing:-.6px;margin:0 0 5px;font-size:20px}.source-title p{color:var(--muted);margin:0 0 20px;font-size:14px}.text-button{color:var(--link);cursor:pointer;background:0 0;border:0;font:500 11px Roboto Mono;text-decoration:underline}.text-button:hover:not(:disabled){color:var(--ink)}.source-card textarea,.draft textarea{resize:vertical;border:1px solid var(--line-strong);border-radius:var(--radius);width:100%;min-height:130px;color:var(--ink);background:#fff;padding:16px;font:14px/1.6 Inter,sans-serif}.source-card textarea:focus,.draft textarea:focus{outline:2px solid var(--green);outline-offset:2px}.submit-row{justify-content:space-between;align-items:center;gap:30px;display:flex}.submit-row p{min-width:0;color:var(--muted);flex:1;margin:0;font-size:12px;line-height:1.5}.submit-row p b{color:var(--ink)}.generate,.export{background:var(--ink);color:#fff;border-radius:var(--radius);white-space:nowrap;cursor:pointer;border:0;padding:15px 19px;font:700 13px Inter,sans-serif}.generate:hover,.export:hover{background:#2a2530}.generate:disabled{opacity:.6;cursor:wait}.error{color:var(--danger);font-size:13px}.results{margin-top:30px;padding:clamp(22px,4vw,46px)}.result-head{justify-content:space-between;align-items:start;gap:20px;display:flex}.result-head h2{letter-spacing:-1.4px;margin:0;font:800 29px/1.05 Inter,sans-serif}.mock-pill{letter-spacing:1px;background:var(--warning);color:#79501d;border-radius:3px;padding:7px 8px;font:500 10px Roboto Mono}.insights{grid-template-columns:1fr 1fr 1fr;gap:12px;margin:30px 0;display:grid}.insights article{background:#f5f3ef;border-radius:10px;min-height:150px;padding:20px;box-shadow:0 2px 8px #16101a0f}.insights h3,.changes h3{margin:0 0 14px;font-size:14px}.tags{flex-wrap:wrap;gap:7px;display:flex}.tags span{background:var(--green);border-radius:var(--radius);padding:5px 8px;font:11px Roboto Mono}.insights ul{color:#4c464e;margin:0;padding-left:17px;font-size:12px;line-height:1.6}.draft{border-top:1px solid var(--line);margin-top:30px;padding-top:30px}.draft h3{letter-spacing:-.7px;margin:0 0 15px;font-size:21px}.draft-note{max-width:640px;color:var(--muted-strong);margin:0 0 15px;font-size:14px;line-height:1.6}.draft textarea{background:#fff;min-height:310px}.export{background:var(--green-dark);margin-top:14px}.changes{margin-top:36px}.changes>article{border-top:1px solid var(--line);grid-template-columns:160px 1fr 1.4fr;gap:18px;padding:18px 0;font-size:13px;display:grid}.changes>article>span{font-weight:700}.changes p{margin:0;line-height:1.5}.changes del{color:#8a5e61;text-decoration-color:#ef777a}.changes ins{color:var(--success-text);-webkit-text-decoration-color:var(--green-dark);text-decoration-color:var(--green-dark)}.changes small{color:var(--muted);line-height:1.45}footer{border-top:1px solid var(--line);color:#706a70;text-align:center;padding:25px max(5vw,32px);font:11px Roboto Mono}footer span{color:var(--green-dark);margin:0 8px}footer a{color:inherit;text-decoration:underline}footer a:hover{color:var(--ink)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:2px}.nav-link:hover{color:var(--ink)}@media (max-width:700px){nav,.site-header{padding:0 22px}.brand-logo-img{height:28px}.credit{display:none}.hero,.workspace{padding-left:22px;padding-right:22px}.hero{padding-top:55px}.hero h1{letter-spacing:-2.8px}.submit-row{flex-direction:column;align-items:stretch}.generate{width:100%}.insights{grid-template-columns:1fr}.changes>article{grid-template-columns:1fr;gap:6px}.stepper i{max-width:30px}.stepper{font-size:10.5px}.source-title h2{font-size:18px}}@media (max-width:360px){.hero h1{font-size:38px}}.style-picker{margin:18px 0 8px}.style-card{cursor:pointer;border:2px solid var(--line);border-radius:var(--radius);outline:none;transition:border-color .15s,box-shadow .15s}.style-card:hover{border-color:var(--green)}.style-card:focus-visible{box-shadow:0 0 0 3px var(--green)}.style-card-selected{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.style-card p{color:#4c464e;margin:0 0 8px;font-size:12px;line-height:1.5}.style-example{color:var(--ink);opacity:.85;margin-top:.5em;font-style:italic}
