@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#17231e;background:#f6f4ee;font-synthesis:none;--ink: #17231e;--green: #1c4838;--lime: #cddd6a;--cream: #f6f4ee;--paper: #fffefa;--line: #d9d7cf;--muted: #66706b;--navy: #1f4e79}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--cream)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.product-switcher{min-height:50px;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:6px clamp(18px,4vw,58px);background:#123127;color:#ffffffb8}.product-switcher-label{margin-right:6px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.product-tab{min-height:38px;display:inline-flex;align-items:center;gap:8px;border-radius:6px;padding:0 16px 0 9px;color:#ffffffb8;font-size:13px;font-weight:700;text-decoration:none}.product-tab>span{width:22px;height:22px;display:grid;place-items:center;border-radius:4px;background:#ffffff1f;font-family:Georgia,serif;font-style:italic}.product-tab:hover{color:#fff;background:#ffffff14}.product-tab[aria-current=page]{color:#123127;background:#f6f4ee}.product-tab[aria-current=page]>span{color:#1c4838;background:var(--lime)}.topbar,footer{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,92px);border-bottom:1px solid rgba(23,35,30,.12)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;letter-spacing:-.02em}.draftwell-mark{width:30px;height:30px;border-radius:50%}.product-nav{display:flex;align-items:center;gap:24px}.product-nav>a{color:var(--muted);font-size:12px;font-weight:700;text-decoration:none}.product-nav>a:hover{color:var(--green)}.privacy-pill{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.privacy-pill span,.save-state span,.status-dot{width:7px;height:7px;border-radius:50%;background:#5d8d68;box-shadow:0 0 0 3px #5d8d6821}.hero{max-width:920px;margin:0 auto;padding:90px 24px 70px;text-align:center}.eyebrow{color:var(--green);font-size:11px;font-weight:700;letter-spacing:.18em}.hero h1{margin:18px 0 22px;font-size:clamp(44px,6.2vw,78px);line-height:.98;letter-spacing:-.06em}.hero h1 em{color:var(--green);font-family:Playfair Display,Georgia,serif;font-weight:600}.hero-copy{max-width:620px;margin:auto;color:var(--muted);font-size:18px;line-height:1.7}.trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 32px;margin-top:28px;font-size:13px;font-weight:700}.trust-row span:first-letter{color:var(--green)}.tool-switcher{position:sticky;top:0;z-index:8;width:min(1180px,calc(100% - 48px));margin:0 auto 22px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #cbc9c0;border-radius:10px;overflow:hidden;background:#f6f4eef0;box-shadow:0 10px 30px #1e2e2714;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tool-switcher button{min-height:58px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-right:1px solid #d9d7cf;color:#66706b;background:transparent;font-size:12px;font-weight:700}.tool-switcher button:last-child{border-right:0}.tool-switcher button:hover{color:var(--green);background:#ffffffb3}.tool-switcher button[aria-pressed=true]{color:#fff;background:var(--green)}.tool-switcher button span{color:#8b938e;font-size:9px;letter-spacing:.08em}.tool-switcher button[aria-pressed=true] span{color:var(--lime)}.tool-panel{scroll-margin-top:84px}.builder-shell{width:min(1440px,calc(100% - 48px));min-height:760px;margin:0 auto 120px;display:grid;grid-template-columns:210px minmax(440px,.88fr) minmax(440px,1.12fr);border:1px solid #cbc9c0;border-radius:16px;overflow:hidden;background:#ebe9e2;box-shadow:0 26px 70px #1e2e271f}.steps{padding:42px 22px;border-right:1px solid var(--line);background:#eeece6}.steps>p{margin:0 12px 24px;color:#7b817d;font-size:10px;font-weight:700;letter-spacing:.16em}.step{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border:0;border-radius:10px;color:#7b817d;background:transparent;text-align:left}.step+.step{margin-top:5px}.step:hover{background:#ffffff8c}.step.active{color:var(--ink);background:var(--paper);box-shadow:0 5px 18px #1e28230f}.step.complete .step-number{color:#fff;border-color:var(--green);background:var(--green)}.step-number{flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;border:1px solid #c1c4bf;border-radius:50%;font-size:11px;font-weight:700}.step.active .step-number{border-color:var(--lime);background:var(--lime)}.step b,.step small{display:block}.step b{font-size:13px}.step small{margin-top:2px;font-size:10px;font-weight:500}.form-panel{position:relative;display:flex;flex-direction:column;min-width:0;padding:40px clamp(28px,3.2vw,54px) 26px;background:var(--paper)}.save-state{position:absolute;top:24px;right:28px;display:flex;align-items:center;gap:8px;color:#7c837f;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.save-state span{width:6px;height:6px}#resume-form{flex:1;padding-top:20px}.form-heading{margin-bottom:30px}.form-heading p,.export-card p{margin:0 0 10px;color:#758078;font-size:10px;font-weight:700;letter-spacing:.16em}.form-heading h2{margin:0 0 9px;font-size:clamp(25px,2.2vw,34px);letter-spacing:-.045em}.form-heading>span{color:var(--muted);font-size:13px;line-height:1.5}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.field.wide{grid-column:1 / -1}.field>span,.field small{display:block}.field>span{margin-bottom:7px;font-size:11px;font-weight:700;letter-spacing:.025em}.field small{float:right;max-width:68%;color:#8a908d;font-size:9px;font-weight:500;text-align:right}.field input,.field textarea,.field select{width:100%;border:1px solid #d6d5cf;border-radius:7px;outline:none;color:var(--ink);background:#fbfaf6;transition:.2s ease}.field input,.field select{height:44px;padding:0 13px}.field textarea{padding:12px 13px;line-height:1.5;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#6d897c;box-shadow:0 0 0 3px #1c483814;background:#fff}.field input::placeholder,.field textarea::placeholder{color:#a4a8a4}.entry-list{display:grid;gap:16px}.entry-card{padding:18px;border:1px solid #deddd6;border-radius:10px;background:#faf9f5}.entry-head{display:flex;justify-content:space-between;margin-bottom:16px;font-size:12px}.text-button{border:0;padding:0;background:none;font-size:10px;font-weight:700;text-transform:uppercase}.text-button.danger{color:#9b4b42}.add-button{width:100%;margin-top:14px;padding:12px;border:1px dashed #a8ada8;border-radius:8px;color:var(--green);background:transparent;font-size:11px;font-weight:700}.finish-fields{margin-top:24px}.export-card{margin-top:24px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:10px;color:#fff;background:var(--green)}.export-card h3{margin:0 0 5px;font-size:19px}.export-card>div>span{color:#cbd8d1;font-size:11px}.export-card>div:last-child{display:grid;gap:8px}.export-card .button.primary{color:var(--green);background:var(--lime)}.export-card .button.secondary{color:#fff;border-color:#ffffff4d;background:transparent}.form-actions{display:flex;justify-content:space-between;gap:12px;padding-top:22px;border-top:1px solid #e2e0d9;margin-top:28px}.form-actions .primary{margin-left:auto}.button{min-height:43px;padding:0 19px;border:1px solid transparent;border-radius:7px;font-size:11px;font-weight:700;letter-spacing:.02em}.button.primary{color:#fff;background:var(--green)}.button.primary:hover{background:#13372b}.button.secondary{border-color:#cecec8;color:var(--ink);background:#fff}.button span{margin-left:12px}.preview-panel{min-width:0;display:flex;flex-direction:column;padding:26px clamp(22px,3vw,44px) 44px;background:#dfe0dc;transition:.25s ease}.preview-panel.expanded{position:fixed;inset:20px;z-index:10;border-radius:16px;box-shadow:0 30px 90px #00000040}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;color:#66706b;font-size:10px;letter-spacing:.07em;text-transform:uppercase}.preview-toolbar>div{display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;background:#799066}.icon-button{width:30px;height:30px;border:1px solid #c3c5c1;border-radius:6px;color:#59625e;background:#ffffff59}.paper-wrap{flex:1;min-height:0;overflow:auto}.resume-paper{width:min(100%,640px);min-height:820px;margin:0 auto;padding:7.2% 7.5%;color:#191919;background:#fff;box-shadow:0 14px 35px #282f2b24;font-family:Aptos,Arial,sans-serif;font-size:9px;line-height:1.32}.resume-paper header{padding-bottom:11px;border-bottom:1px solid #d9d7cf;text-align:center}.resume-paper header h1{margin:0 0 3px;color:var(--navy);font-size:20px;line-height:1.05;letter-spacing:-.025em}.resume-paper header h3{margin:0 0 6px;color:#555;font-size:10px}.resume-paper header p{margin:0;color:#555;font-size:8px}.resume-paper a{color:var(--navy);text-decoration:underline}.resume-paper section{margin-top:12px}.resume-paper section h2{margin:0 0 5px;color:var(--navy);font-size:9.5px;letter-spacing:.055em;text-transform:uppercase}.resume-paper p{margin:0 0 3px}.resume-paper ul{margin:3px 0 6px;padding-left:15px}.resume-paper li{margin-bottom:2px}.resume-entry-heading{display:flex;justify-content:space-between;gap:12px;margin-top:7px}.resume-entry-heading b:last-child{white-space:nowrap}.resume-subtitle{color:var(--navy);font-style:italic}.resume-paper .placeholder-copy{color:#999;font-style:italic}.project-link{font-size:8px}.utility-panel{width:min(1180px,calc(100% - 48px));margin:0 auto 120px}.utility-heading{max-width:760px;padding:52px 0 34px}.utility-heading h2{margin:10px 0 12px;font-size:clamp(34px,4vw,52px);letter-spacing:-.05em}.utility-heading>p:last-child{max-width:680px;color:var(--muted);font-size:15px;line-height:1.7}.utility-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;align-items:stretch}.utility-card,.letter-preview-wrap{min-width:0;padding:clamp(24px,3.4vw,44px);border:1px solid #d5d3cb;border-radius:14px;background:var(--paper);box-shadow:0 18px 50px #1e2e2714}.utility-card{display:flex;flex-direction:column;gap:22px}.utility-card .field small{float:none;max-width:none;margin:-2px 0 8px;text-align:left}.utility-card .button{align-self:flex-start}.text-action{align-self:flex-start;margin-top:-13px;border:0;padding:0;color:var(--green);background:transparent;font-size:11px;font-weight:700}.result-card{background:#eeece6}.empty-result{min-height:420px;display:grid;place-content:center;justify-items:center;text-align:center}.empty-result>span{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;color:var(--green);background:var(--lime);font-family:Georgia,serif;font-size:18px;font-style:italic}.empty-result h3{margin:20px 0 7px;font-size:22px}.empty-result p{max-width:360px;margin:0;color:var(--muted);font-size:13px;line-height:1.6}.score-row{display:grid;grid-template-columns:108px 1fr;gap:24px;align-items:center;padding-bottom:26px;border-bottom:1px solid #d3d2cb}.score-ring{width:108px;height:108px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--green) var(--score),#d6d5cf 0)}.score-ring:before{content:"";width:82px;height:82px;grid-area:1 / 1;border-radius:50%;background:#eeece6}.score-ring span{z-index:1;grid-area:1 / 1;font-size:24px;font-weight:700}.score-row h3,.result-heading h3{margin:6px 0;font-size:23px;letter-spacing:-.035em}.score-row p:last-child,.result-heading>p:last-child{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.result-card section h4{margin:0 0 12px;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.keyword-list{display:flex;flex-wrap:wrap;gap:8px}.keyword{padding:7px 10px;border:1px solid;border-radius:5px;font-size:11px;font-weight:700}.keyword.supported{border-color:#9db5a4;color:#285b42;background:#e5eee7}.keyword.missing{border-color:#d5c8a9;color:#745f2d;background:#f5efdf}.result-note,.result-footnote{color:var(--muted);font-size:11px;line-height:1.6}.result-footnote{margin:auto 0 0;padding-top:20px;border-top:1px solid #d3d2cb}.bullet-options{display:grid;gap:12px}.bullet-options article{display:grid;grid-template-columns:26px 1fr auto;gap:12px;align-items:start;padding:16px;border:1px solid #d4d2cb;border-radius:9px;background:var(--paper)}.bullet-options article>span{color:#8d948f;font-size:9px;font-weight:700}.bullet-options p{margin:0;font-size:13px;line-height:1.6}.bullet-options button{border:0;padding:0;color:var(--green);background:transparent;font-size:10px;font-weight:700;text-transform:uppercase}.utility-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}.letter-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.letter-preview-wrap{display:grid;place-items:start center;background:#dfe0dc}.letter-paper{width:min(100%,620px);min-height:720px;padding:clamp(34px,7%,60px);color:#252525;background:#fff;box-shadow:0 14px 35px #282f2b24;font-family:Aptos,Arial,sans-serif;font-size:12px;line-height:1.62}.letter-paper header{display:flex;flex-direction:column;gap:2px;padding-bottom:13px;border-bottom:1px solid #d9d7cf}.letter-paper header b{color:var(--navy);font-size:22px}.letter-paper header span,.letter-date{color:#666;font-size:10px}.letter-date{margin:28px 0}.letter-paper p{margin:0 0 18px}.how-it-works{padding:100px max(24px,calc((100vw - 1180px)/2)) 120px;color:#f8f8ef;background:var(--green)}.how-it-works .eyebrow{color:var(--lime)}.how-it-works h2{max-width:620px;margin:12px 0 54px;font-size:clamp(34px,4vw,52px);letter-spacing:-.05em}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.how-grid article{position:relative;padding-top:26px;border-top:1px solid rgba(255,255,255,.24)}.how-grid article>span{position:absolute;top:-9px;right:0;padding-left:8px;color:var(--lime);background:var(--green);font-size:11px;font-weight:700}.how-grid h3{font-size:17px}.how-grid p{color:#b8c9c1;font-size:13px;line-height:1.7}.api-note{margin-top:54px;padding:20px 22px;border:1px solid rgba(205,221,106,.32);border-radius:10px;color:#cddbd4;background:#ffffff0a;font-size:13px;line-height:1.6}.api-note b{color:var(--lime)}footer{height:110px;border:0;color:#b6c6bf;background:#123127}footer .brand{color:#fff}footer>div>p{margin:8px 0 0;color:#9eb3aa;font-size:10px}footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 18px;font-size:10px}footer nav a{color:#b6c6bf;text-decoration:none}footer nav a:hover{color:#fff}.toast{position:fixed;left:50%;bottom:26px;z-index:30;transform:translate(-50%,20px);padding:12px 18px;border-radius:7px;opacity:0;pointer-events:none;color:#fff;background:var(--green);box-shadow:0 10px 30px #0003;font-size:12px;transition:.25s ease}.toast.show{transform:translate(-50%);opacity:1}.toast.error{background:#8a4038}@media(max-width:1100px){.builder-shell{grid-template-columns:170px minmax(0,1fr)}.preview-panel{grid-column:1 / -1;min-height:720px}.utility-grid,.letter-grid{grid-template-columns:1fr}}@media(max-width:720px){.product-switcher{justify-content:flex-start;overflow-x:auto;padding-inline:12px}.product-switcher-label{display:none}.topbar{height:64px;padding:0 20px}.privacy-pill{font-size:9px}.hero{padding:64px 20px 50px}.hero-copy{font-size:15px}.tool-switcher{width:calc(100% - 24px);grid-template-columns:1fr 1fr}.tool-switcher button:nth-child(2){border-right:0}.tool-switcher button:nth-child(-n+2){border-bottom:1px solid #d9d7cf}.utility-panel{width:calc(100% - 24px)}.utility-heading{padding-top:34px}.utility-card,.letter-preview-wrap{padding:20px}.score-row{grid-template-columns:82px 1fr;gap:16px}.score-ring{width:82px;height:82px}.score-ring:before{width:62px;height:62px}.score-ring span{font-size:18px}.bullet-options article{grid-template-columns:22px 1fr}.bullet-options button{grid-column:2;justify-self:start}.builder-shell{width:calc(100% - 24px);grid-template-columns:1fr}.steps{display:flex;overflow-x:auto;padding:14px;border:0;border-bottom:1px solid var(--line)}.steps>p,.step small{display:none}.step{flex:0 0 auto;width:auto}.form-panel{padding:38px 20px 24px}.field-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.export-card{align-items:stretch;flex-direction:column}.how-grid{grid-template-columns:1fr}footer{height:auto;min-height:150px;padding:28px 24px;align-items:flex-start;flex-direction:column}footer nav{justify-content:flex-start}.product-nav>a{display:none}}@media print{@page{size:letter portrait;margin:.55in .75in}body{background:#fff}body:not(.print-cover-letter)>#app>:not(main),body:not(.print-cover-letter) main>:not([data-tool-panel=resume]),body:not(.print-cover-letter) .steps,body:not(.print-cover-letter) .form-panel,body:not(.print-cover-letter) .preview-toolbar{display:none!important}body:not(.print-cover-letter) .builder-shell,body:not(.print-cover-letter) .preview-panel,body:not(.print-cover-letter) .paper-wrap,body:not(.print-cover-letter) .resume-paper{display:block;width:auto;min-height:0;margin:0;padding:0;overflow:visible;border:0;border-radius:0;background:#fff;box-shadow:none}.resume-paper{font-size:10pt;line-height:1.28}.resume-paper header h1{font-size:20pt}.resume-paper header h3{font-size:10.5pt}.resume-paper header p{font-size:9.5pt}.resume-paper section h2{font-size:10.5pt}.resume-paper section,.resume-entry-heading,.resume-subtitle{break-inside:avoid}body.print-cover-letter>#app>:not(main),body.print-cover-letter main>:not([data-tool-panel=letter]),body.print-cover-letter .utility-heading,body.print-cover-letter #letter-form{display:none!important}body.print-cover-letter .utility-panel,body.print-cover-letter .utility-grid,body.print-cover-letter .letter-preview-wrap,body.print-cover-letter .letter-paper{display:block;width:auto;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:#fff;box-shadow:none}body.print-cover-letter .letter-paper{font-size:11pt;line-height:1.55}body.print-cover-letter .letter-paper header b{font-size:16pt}}
