@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400;1,9..40,700&family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--bg:#eeeaf8;--surface:#f5f2fc;--ink:#000;--text-soft:#333;--border:#d4cce8;--accent:#6b35c2;--accent-soft:#d8a86d;--beta-bg:#f1e4bf;--beta-text:#9a6a1d;--warm:#e6e0f5;--rust:#b85c38;--sage:#5a7a5a}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;font-weight:300;min-height:100vh}.header{border-bottom:2px solid var(--ink);padding:0 2rem;justify-content:space-between;height:64px;background:var(--surface);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header,.logo{display:flex;align-items:center}.logo{gap:.6rem}.logo-icon{width:32px;height:32px;object-fit:contain;border-radius:6px}.logo-text{font-family:DM Sans,sans-serif;font-weight:700;font-size:1.6rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.logo-badge{font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--beta-text);background:var(--beta-bg);border:1px solid var(--accent-soft);padding:2px 7px;border-radius:2px}.header-tagline,.logo-badge{font-family:Inter,sans-serif}.header-tagline{font-size:.78rem;color:var(--ink);letter-spacing:.02em;font-weight:500}.hero{max-width:960px;margin:0 auto;padding:4rem 2rem 3rem}.hero-inner{display:grid;grid-template-columns:1fr 420px;grid-gap:2rem;gap:2rem;align-items:center}@media (max-width:720px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero-mascot{order:-1}.hero-sub{margin-left:auto;margin-right:auto}}.hero-copy{display:flex;flex-direction:column;gap:0}.hero-mascot{display:flex;justify-content:center;align-items:center}.mascot-img{width:100%;max-width:600px;height:auto;display:block}.hero-eyebrow{font-family:Inter,sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:1.5rem}.hero h1{font-family:DM Sans,sans-serif;font-weight:700;font-size:clamp(2.8rem,6vw,4.5rem);line-height:.95;letter-spacing:-.04em;color:var(--ink);margin-bottom:1.75rem}.hero h1 em{font-style:italic;color:var(--accent)}.hero-sub{font-family:Inter,sans-serif;font-size:1.05rem;color:var(--text-soft);max-width:520px;margin:0 auto 3rem;line-height:1.7;font-weight:300}.app-container{max-width:860px;margin:0 auto;padding:0 2rem 6rem}.steps{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}@media (max-width:640px){.steps{grid-template-columns:1fr}}.step-card{background:var(--surface);border:1.5px solid var(--border);border-radius:4px;padding:1.75rem;transition:border-color .2s}.step-card.active{border-color:var(--ink)}.step-card.complete{border-color:var(--sage);background:#f5f8f5}.step-number{font-family:Inter,sans-serif;font-size:.62rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-soft);margin-bottom:.75rem}.step-card.active .step-number{color:var(--accent)}.step-card.complete .step-number{color:var(--sage)}.step-title{font-family:DM Sans,sans-serif;font-size:1.2rem;font-weight:700;color:var(--ink);margin-bottom:.5rem;letter-spacing:-.02em}.step-desc{font-family:Inter,sans-serif;font-size:.82rem;color:var(--text-soft);line-height:1.65;margin-bottom:1.25rem;font-weight:300}.upload-zone{border:2px dashed var(--border);border-radius:4px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s;background:var(--bg)}.upload-zone.dragover,.upload-zone:hover{border-color:var(--accent);background:var(--warm)}.upload-zone.has-file{border-color:var(--sage);border-style:solid;background:#f5f8f5}.upload-icon{font-size:1.5rem;margin-bottom:.5rem}.upload-mascot{width:64px;height:64px;object-fit:contain;margin-bottom:.5rem;display:block;margin-left:auto;margin-right:auto}.upload-label{font-family:Inter,sans-serif;font-size:.78rem;color:var(--text-soft)}.upload-filename{font-family:Inter,sans-serif;font-size:.82rem;font-weight:500;color:var(--sage)}.file-input{display:none}.job-textarea{width:100%;min-height:140px;border:1.5px solid var(--border);border-radius:4px;padding:1rem;font-family:Inter,sans-serif;font-size:.82rem;color:var(--ink);background:var(--bg);resize:vertical;transition:border-color .2s;line-height:1.65;font-weight:300}.job-textarea:focus{outline:none;border-color:var(--ink);background:var(--surface)}.job-textarea::placeholder{color:var(--text-soft)}.generate-btn{width:100%;padding:1.1rem 2rem;background:var(--ink);color:var(--bg);border:none;border-radius:4px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:all .2s;margin-top:1.5rem}.generate-btn:hover:not(:disabled){background:#2a2826;transform:translateY(-1px)}.generate-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.generate-btn.loading{background:var(--accent);color:var(--surface)}.loading-state{text-align:center;padding:3rem 2rem;background:var(--surface);border:1.5px solid var(--border);border-radius:4px;margin-top:1.5rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{font-size:1.2rem;font-weight:600;color:var(--ink);margin-bottom:.5rem}.loading-sub,.loading-text{font-family:Inter,sans-serif}.loading-sub{font-size:.78rem;color:var(--text-soft)}.results{margin-top:2rem;background:var(--surface);border:1.5px solid var(--ink);border-radius:4px;overflow:hidden}.results-header{padding:1.5rem 1.75rem;border-bottom:1.5px solid var(--border);display:flex;align-items:center;justify-content:space-between}.results-title{font-family:DM Sans,sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:-.02em}.results-badge{font-family:Inter,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);background:#e8f0e8;padding:4px 10px;border-radius:2px}.result-section{padding:1.75rem;border-bottom:1px solid var(--border)}.result-section:last-child{border-bottom:none}.result-section-title{font-family:Inter,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-soft);margin-bottom:1rem}.result-content{font-family:Inter,sans-serif;font-size:.83rem;line-height:1.8;color:var(--ink);font-weight:300}.result-content p{margin:0 0 .75rem}.result-content p:last-child{margin-bottom:0}.download-section{border-top:1.5px solid var(--border);background:var(--warm)}.download-section-header{padding:1.5rem 1.75rem 0;display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.download-section-title{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:700;color:var(--ink);letter-spacing:-.01em}.download-section-sub{font-family:Inter,sans-serif;font-size:.76rem;color:var(--text-soft);font-weight:300}.format-cards{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1rem;gap:1rem;padding:1.25rem 1.75rem 1.75rem}@media (max-width:680px){.format-cards{grid-template-columns:1fr}}.format-card{background:var(--surface);border:1.5px solid var(--border);border-radius:4px;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.format-card-featured{border-color:var(--ink)}.format-badge{display:inline-block;font-family:Inter,sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.15em;padding:2px 7px;border-radius:2px;width:-moz-fit-content;width:fit-content;margin-bottom:.25rem}.txt-badge{background:#eef0f0;color:#555}.docx-badge{background:#e8f0ff;color:#2050b0}.pdf-badge{background:var(--beta-bg);color:var(--beta-text)}.format-purpose{font-family:Inter,sans-serif;font-size:1rem;font-weight:700;color:var(--ink);line-height:1.2;letter-spacing:-.01em}.format-desc{font-family:Inter,sans-serif;font-size:.73rem;color:var(--text-soft);line-height:1.55;flex:1 1;font-weight:300}.format-btns{display:flex;gap:.4rem;margin-top:.5rem}.format-btn{flex:1 1;padding:.6rem .5rem;background:transparent;color:var(--ink);border:1.5px solid var(--border);border-radius:3px;font-family:Inter,sans-serif;font-size:.73rem;font-weight:500;cursor:pointer;transition:all .15s;text-align:center}.format-btn:hover:not(:disabled){border-color:var(--ink);background:var(--ink);color:var(--surface)}.format-btn:disabled{opacity:.5;cursor:not-allowed}.format-btn-featured{background:var(--ink);color:var(--surface);border-color:var(--ink)}.format-btn-featured:hover:not(:disabled){background:#2a2826;border-color:#2a2826;color:var(--surface)}.reset-btn{width:100%;padding:.75rem;background:transparent;color:var(--text-soft);border:1px solid var(--border);border-radius:4px;font-family:Inter,sans-serif;font-size:.78rem;cursor:pointer;margin-top:1rem;transition:all .2s}.reset-btn:hover{border-color:var(--ink);color:var(--ink)}.error-msg{background:#fef2f0;border:1px solid var(--rust);color:var(--rust);padding:1rem 1.25rem;border-radius:4px;font-family:Inter,sans-serif;font-size:.82rem;margin-top:1rem}.how-section{max-width:860px;margin:0 auto;padding:3rem 2rem;border-top:1px solid var(--border)}.how-title{font-family:Inter,sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);text-align:center;margin-bottom:2rem}.how-items{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.how-item{text-align:center;max-width:180px}.how-num{font-size:2.2rem;font-weight:700;color:var(--accent-soft);line-height:1;margin-bottom:.5rem}.how-label,.how-num{font-family:Inter,sans-serif}.how-label{font-size:.78rem;color:var(--ink);line-height:1.55;font-weight:400}.footer{border-top:1px solid var(--border);padding:2rem;text-align:center;font-family:Inter,sans-serif;font-size:.72rem;color:var(--text-soft);letter-spacing:.04em}.header-right{display:flex;align-items:center;gap:1.5rem}.counter{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.counter-num{font-size:1.2rem;color:var(--accent);letter-spacing:-.02em}.counter-label,.counter-num{font-family:Inter,sans-serif;font-weight:700}.counter-label{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}@media (max-width:768px){.counter,.header-tagline{display:none}.header{padding:0 1rem;height:56px;flex-wrap:nowrap;overflow:hidden}.logo-text{font-size:1.1rem}.header-member-signin,.header-nav-link,.header-nav-links,.header-right,.header-tagline-inline{display:none!important}.mobile-signin-bar{display:flex!important;align-items:center;justify-content:space-between;padding:.6rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border);font-family:Inter,sans-serif}}.feedback-section{margin:2rem auto 0;max-width:640px;padding:1.5rem 2rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;text-align:center}.feedback-question{font-size:1rem;font-weight:600;color:var(--ink);margin-bottom:1rem}.feedback-options{display:flex;gap:12px;justify-content:center;margin-bottom:1rem}.feedback-btn{padding:8px 20px;border-radius:20px;border:1.5px solid var(--border);background:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.feedback-btn:hover{border-color:var(--accent);color:var(--accent)}.feedback-btn.selected{background:var(--accent);border-color:var(--accent);color:#fff}.feedback-text{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:10px;font-family:inherit;font-size:.9rem;resize:none;margin-bottom:.75rem;background:#fff}.feedback-text:focus{outline:none;border-color:var(--accent)}.feedback-submit{background:var(--accent);color:#fff;border:none;padding:10px 24px;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer}.feedback-thanks{font-size:1rem;font-weight:600;color:var(--accent)}@keyframes mascot-spin{0%{transform:rotate(0deg) scale(1)}25%{transform:rotate(-8deg) scale(1.05)}75%{transform:rotate(8deg) scale(1.05)}to{transform:rotate(0deg) scale(1)}}.mascot-spin{animation:mascot-spin .9s ease-in-out}