@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#145c4b;--mint:#e6eee5;--bg:#fbfaf6;--ink:#203d36;--muted:#75817b;--line:#dce2d8;--accent:#dfef9c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:var(--green);color:white;border-radius:6px;padding:13px 22px;font-weight:600}button:hover{filter:brightness(.92)}a{color:inherit;text-decoration:none}header{height:94px;display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1340px;margin:auto;padding:0 42px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:24px;font-weight:800;letter-spacing:-1px}.brand-dot{color:var(--green)}.logo{background:var(--green);color:white;border-radius:10px;font-size:26px;width:35px;height:36px;display:inline-flex;align-items:center;justify-content:center;margin-right:9px}.logo span{font-size:16px}nav,.nav-end{display:flex;align-items:center;gap:28px}nav{font-size:13px}.nav-end{gap:10px}.quiet{background:transparent;color:var(--ink);padding:12px}.hero{max-width:1256px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;min-height:685px;align-items:center;padding:45px 28px 55px;gap:40px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--green);display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;background:var(--green);border-radius:50%}h1{font-family:Manrope,sans-serif;font-size:68px;line-height:1.12;letter-spacing:-3.3px;font-weight:600;margin:25px 0}em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.hero-copy>p{line-height:1.9;color:#6c7870;font-size:15px}.hero-actions{display:flex;align-items:center;gap:24px;margin:27px 0 18px}.hero-actions a{font-size:12px;border-bottom:1px solid #a6b8a6;padding:6px 0}.large{padding:18px 25px}.hero-actions button span{margin-left:28px}.checks{font-size:10px;color:#788576}.checks span{margin-left:18px}.hero-note{border-top:1px solid var(--line);margin-top:38px;padding-top:24px;display:flex;gap:13px;font-size:11px;align-items:center}.hero-note small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.note-icon{font-size:24px;color:#718c4a}.hero-art{height:560px;position:relative;display:flex;align-items:center;justify-content:center}.orb{position:absolute;width:480px;height:480px;border-radius:50%;background:#e5ecd9}.paper{background:white;color:#2b413a;box-shadow:0 20px 60px #1f49361c;padding:34px;font-family:Arial,sans-serif}.hero-paper{width:345px;min-height:475px;transform:rotate(5deg);position:relative;font-size:8px;line-height:1.7}.resume-top{display:flex;gap:13px;align-items:center}.avatar{width:40px;height:40px;border-radius:50%;background:#e5eee8;display:grid;place-items:center;font-size:16px;font-weight:bold}.resume-top h2{font-size:18px;letter-spacing:1px;margin:0}.resume-top p{font-size:7px;letter-spacing:2px;margin:0}.resume-contact{font-size:7px;border-bottom:1px solid #cdd7d1;padding:12px 0}.paper h3{font-size:8px;letter-spacing:1.6px;color:var(--green);margin:19px 0 6px}.paper p{margin:4px 0}.paper ul{padding-left:13px}.muted{color:#8a948d}.skill-chips{display:flex;gap:5px}.skill-chips span{background:#eff3ee;padding:3px 6px;font-size:7px}.floating{position:absolute;background:white;box-shadow:0 10px 35px #244d3012;border:1px solid #edf0e8;border-radius:8px;z-index:2}.tag-top{right:0;top:32px;padding:13px 17px;font-size:10px;transform:rotate(3deg)}.tag-bottom{bottom:26px;left:0;display:flex;align-items:center;gap:12px;padding:15px 20px;font-size:11px;transform:rotate(-3deg)}.tag-bottom small{display:block;color:#8a948d;font-size:9px;margin-top:4px}.tick{background:#e6efdc;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:var(--green)}.star{position:absolute;right:5px;bottom:55px;color:#7d9a48;font-size:66px}.value-strip{display:flex;justify-content:center;gap:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px;font-size:11px}.value-strip>span{color:var(--muted)}.value-strip b{font-weight:500}.section{max-width:1200px;margin:auto;padding:85px 30px}.section-heading{text-align:center}.section-heading .eyebrow{justify-content:center}h2{font-family:Manrope,sans-serif;font-size:35px;line-height:1.3;letter-spacing:-1.5px;font-weight:600;margin:15px 0}p{line-height:1.7}.section-heading>p{color:var(--muted);font-size:13px}.filters{display:flex;gap:10px;justify-content:center;margin:28px 0}.filters button{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:9px 20px;font-size:11px}.filters .active{background:var(--green);color:white;border-color:var(--green)}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.template-card{cursor:pointer;background:transparent;color:var(--ink);padding:0;text-align:left}.template-preview{height:295px;background:#e9eddf;padding:25px 28px 0;border-radius:8px;overflow:hidden;transition:transform .2s}.template-card:nth-child(2) .template-preview{background:#e8ebe9}.template-card:nth-child(3) .template-preview{background:#eee7dc}.template-card:nth-child(4) .template-preview{background:#e4e8ec}.mini{height:290px;background:white;padding:25px 18px;box-shadow:0 5px 15px #0001;color:#294b42;font-size:7px}.mini strong{font-size:13px;display:block}.mini small{font-size:6px}.mini h4{font-size:6px;letter-spacing:1px;margin-top:18px}.mini i{height:3px;display:block;margin:6px 0;background:#dde3df;width:100%}.mini i:nth-child(even){width:78%}.mini.modern{border-left:40px solid #285748}.mini.classic{text-align:center;color:#6a5141}.mini.minimal strong{border-bottom:2px solid;padding-bottom:8px}.template-label{display:flex;justify-content:space-between;padding-top:16px;font-size:12px}.template-label small{font-size:9px;color:var(--muted)}.steps{display:grid;grid-template-columns:1fr 1.25fr;gap:100px;background:#edf1e7;max-width:none;padding-left:max(30px,calc((100vw - 1140px)/2));padding-right:max(30px,calc((100vw - 1140px)/2))}.steps p{color:var(--muted);font-size:13px}.steps button{margin-top:18px}.step-list article{display:flex;gap:25px;padding:20px 0;border-bottom:1px solid #d4ddcd}.step-list article>span{font-family:Georgia;font-size:25px;color:#77946d;padding-top:9px}.step-list h3{font-size:17px;margin:7px 0}.step-list p{margin:0}.section input[type=search]{width:min(480px,100%);padding:15px 20px;background:transparent;border:1px solid var(--line);border-radius:6px;margin:20px 0 30px}.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sample-grid button{background:transparent;border:1px solid var(--line);color:var(--ink);text-align:left;padding:22px;display:flex;justify-content:space-between}.cover-banner{max-width:1140px;margin:20px auto;background:#185b4c;color:#fff;border-radius:12px;padding:55px 75px;display:flex;justify-content:space-between;overflow:hidden}.cover-banner .eyebrow{color:#d5e8af}.cover-banner h2{font-size:38px}.cover-banner p{font-size:13px;color:#c1d7cc}.cover-banner button,.final-cta button{background:#e2eeae;color:#244b38}.letter-art{background:#f9f8ef;color:#315448;width:270px;padding:30px;transform:rotate(7deg);margin-bottom:-90px}.letter-art>span{font-size:8px;letter-spacing:2px}.letter-art h3{font-size:34px;line-height:1.2;font-weight:500}.letter-art p{color:#748b7a;font-size:10px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.guide-grid article{border-top:1px solid var(--line);padding-top:22px}.guide-grid article>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.guide-grid h3{font-size:20px;font-weight:500;line-height:1.4}.guide-grid p{font-size:12px;color:var(--muted)}.text-btn{background:transparent;color:var(--green);padding:8px 0;font-size:12px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:14px}.faq details p{font-size:12px;color:var(--muted)}.final-cta{text-align:center;background:#e8eedf;padding:65px 20px}.final-cta>span{font-size:9px;letter-spacing:2px}footer{max-width:1200px;padding:40px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin:auto}footer p,footer small{font-size:10px;color:var(--muted)}footer div{display:flex;gap:18px}dialog{border:0;border-radius:12px;padding:40px;max-width:650px;width:90%;color:var(--ink);background:var(--bg)}dialog::backdrop{background:#18352b88}.close{position:absolute;right:12px;top:8px;background:transparent;color:var(--ink);font-size:24px;padding:5px 10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:13px 25px;border-radius:7px;display:none;z-index:10}#workspace{max-width:1280px;margin:auto;padding:35px 30px;min-height:75vh}.workspace-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:25px}.workspace-top h1{font-size:32px;margin:0;letter-spacing:-1px}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.toolbar button{padding:10px 14px;font-size:12px}.editor{display:grid;grid-template-columns:1fr 1.1fr;gap:45px}.form-card{background:white;border:1px solid var(--line);border-radius:10px;padding:25px;margin-bottom:18px}.form-card h3{margin-top:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:12px;color:var(--ink)}label input,label textarea,label select{display:block;width:100%;padding:12px;border:1px solid #d8dfd8;background:#fff;border-radius:5px;margin-top:6px;color:#293d34}textarea{min-height:95px;resize:vertical}.full{grid-column:1/-1}.preview-wrap{background:#e7ebdf;padding:26px;border-radius:10px;position:sticky;top:20px;align-self:start}.live-paper{min-height:690px;padding:40px;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.live-paper h2{font-family:Arial;font-size:27px;letter-spacing:0;margin:0}.live-paper h3{font-size:11px;border-bottom:1px solid #ccd6cd;padding-bottom:6px;margin-top:22px}.live-paper.modern{border-left:24px solid var(--doc-color)}.live-paper.classic h2,.live-paper.classic h3{font-family:Georgia}.live-paper.minimal h2{border-bottom:3px solid var(--doc-color);padding-bottom:15px}.live-paper h2,.live-paper h3{color:var(--doc-color)}.entry{border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.entry .fields{margin-bottom:8px}.remove{background:#f4e7e3;color:#7b4435;padding:7px 12px;font-size:11px}.add{margin-top:15px;font-size:12px}.draft-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.draft-grid article{padding:25px;background:white;border:1px solid var(--line);border-radius:8px}.draft-grid button{margin:5px;font-size:12px}.helper{font-size:11px;color:var(--muted)}body.night{--bg:#182d27;--ink:#e5eadd;--green:#88bda2;--muted:#b0c1b3;--line:#3b5145}body.night .steps,body.night .final-cta{background:#284036}body.night button:not(.quiet):not(.text-btn){color:#112f24}body.night .form-card,body.night .draft-grid article{background:#233c31}body.night .hero-copy>p{color:#b0c1b3}@media(max-width:950px){nav{display:none}h1{font-size:52px}.hero{gap:10px}.hero-art{transform:scale(.85);margin:-35px}.value-strip{gap:25px}.template-grid{grid-template-columns:repeat(2,1fr)}.steps{gap:35px}.cover-banner{margin:20px;padding:40px}.editor{gap:20px}footer{flex-wrap:wrap}}@media(max-width:650px){header{height:75px;padding:0 18px}.brand{font-size:20px}.nav-end .quiet[data-view]{display:none}.nav-end>button:last-child{font-size:11px;padding:11px}.hero{grid-template-columns:1fr;padding:40px 25px 15px}.hero-copy h1{font-size:54px}.hero-art{height:490px;margin:-10px 0;transform:scale(.9)}.hero-actions{gap:16px}.hero-actions a{font-size:10px}.large{padding:16px}.hero-actions button span{margin-left:10px}.value-strip{flex-wrap:wrap;gap:15px 25px}.value-strip>span{width:100%;text-align:center}.section{padding:55px 22px}h2{font-size:29px}.template-grid{gap:13px}.template-preview{height:220px;padding:17px 13px 0}.mini{padding:18px 10px}.mini.modern{border-left-width:20px}.filters{gap:5px}.filters button{padding:8px 11px;font-size:10px}.steps,.faq{grid-template-columns:1fr;gap:20px}.sample-grid{grid-template-columns:1fr 1fr}.sample-grid button{padding:18px 12px;font-size:11px}.guide-grid{grid-template-columns:1fr}.cover-banner{padding:30px}.cover-banner h2{font-size:30px}.letter-art{display:none}.editor{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.full{grid-column:auto}#workspace{padding:25px 15px}.preview-wrap{position:static;padding:12px}.live-paper{padding:25px;min-height:580px}.draft-grid{grid-template-columns:1fr}footer{padding:30px 22px}.hero-note{margin-top:25px}}@media print{body{background:white}header,footer,main,.workspace-top,.editor>div:first-child,.helper,#toast{display:none!important}#workspace{padding:0;margin:0;max-width:none}.editor{display:block}.preview-wrap{padding:0;background:white;position:static}.live-paper{box-shadow:none;min-height:0;padding:12mm}.paper{box-shadow:none}#workspace[hidden]{display:none!important}@page{size:A4;margin:10mm}}
@media(max-width:650px){body{overflow-x:hidden}.hero{min-width:0}.hero-copy{min-width:0}.hero-copy h1{font-size:clamp(39px,11.5vw,54px);letter-spacing:-2px}.hero-copy>p br{display:none}.hero-art{width:100%;overflow:hidden}.orb{width:360px;height:360px}.hero-paper{width:290px;flex-shrink:0}.tag-top{right:0}.tag-bottom{left:0;padding:12px;font-size:10px}.hero-actions{flex-wrap:wrap}.hero-note{max-width:100%}.checks{line-height:1.8}.letter-art{max-width:100%}}