:root{--paper:#FBFAF6;--desk:#EFEDE6;--surface:#FFFFFF;--ink:#17140D;--ink-soft:#5b5648;--ink-faint:#9c9586;--line:#E7E2D6;--line-2:#D7D1C2;--accent:#17140D;--accent-press:#000000;--accent-tint:#F2EFE6;--hl:#FFD84D;--hl-soft:#FFF0AE;--ok:#1F8F5F;--danger:#C0392B;--radius:14px;--radius-sm:9px;--shadow-paper:0 1px 3px rgba(23,20,13,.05),0 18px 50px rgba(23,20,13,.12);--ff-display:"Fraunces",Georgia,serif;--ff:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--ff);background:var(--paper);color:var(--ink);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}button{font-family:inherit}h1,h2,h3{font-family:var(--ff-display);font-weight:600;letter-spacing:-.01em;margin:0;color:var(--ink)}img{max-width:100%;display:block}a{color:var(--ink);text-decoration:none}.mark{background:linear-gradient(transparent 58%,var(--hl) 58%);padding:0 .12em}.mono{font-family:var(--ff);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600}.site-header{height:66px;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:9px;font-family:var(--ff-display);font-weight:600;font-size:1.32rem;letter-spacing:-.02em;color:var(--ink)}.brand-mark{width:13px;height:22px;background:var(--hl);border-radius:2px;transform:rotate(-8deg);display:inline-block;box-shadow:inset 0 -6px #0000000f}.site-nav{display:flex;align-items:center;gap:22px}.site-nav a{color:var(--ink-soft);font-weight:500;font-size:14.5px}.site-nav a:hover{color:var(--ink)}.site-nav a.btn{color:var(--paper)}.site-nav a.btn:hover{color:#fff}@media(max-width:640px){.site-nav a.hide-sm{display:none}}.container{max-width:1060px;margin:0 auto;padding:0 24px}.site-footer{border-top:1px solid var(--line);margin-top:80px;padding:38px 0;font-size:14px;color:var(--ink-soft)}.site-footer .cols{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}.site-footer a{color:var(--ink-soft);display:block;margin-bottom:7px}.site-footer a:hover{color:var(--ink)}.site-footer h4{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 11px;font-family:var(--ff);font-weight:600}.foot-legal{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-faint)}.btn{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;font-weight:600;font-size:14px;padding:11px 19px;border-radius:99px;background:var(--ink);color:var(--paper);transition:transform .12s,box-shadow .15s,background .15s}.btn:hover{background:#000;color:#fff;transform:translateY(-1px);box-shadow:0 6px 18px #17140d2e}.btn:active{transform:translateY(0)}.btn-lg{padding:14px 26px;font-size:15.5px}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line-2)}.btn-ghost:hover{background:var(--surface);color:var(--ink);box-shadow:none;transform:none;border-color:var(--ink)}.btn-sm{padding:7px 13px;font-size:13px}.btn-text{background:none;border:0;color:var(--ink-soft);font-weight:600;cursor:pointer;font-size:13px;padding:4px;text-decoration:underline}.btn-danger-text{color:var(--danger)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:62px 0 50px}@media(max-width:880px){.hero{grid-template-columns:1fr;gap:36px;padding:40px 0}}.hero .eyebrow{color:var(--ink-faint);margin-bottom:20px}.hero h1{font-size:clamp(2.5rem,5.4vw,4rem);line-height:1.03;letter-spacing:-.025em;font-weight:600;margin:0 0 20px}.hero p.lede{font-size:1.16rem;color:var(--ink-soft);max-width:480px;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.hero-note{font-size:13px;color:var(--ink-faint);margin-top:16px}.sheet-wrap{position:relative}.sheet{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-paper);border-radius:3px;padding:30px 32px;transform:rotate(1.4deg)}.sheet .s-name{font-family:var(--ff-display);font-weight:600;font-size:20px;color:#000}.sheet .s-role{font-size:11px;color:#555;margin:2px 0 12px}.sheet .s-h{font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#000;border-bottom:1px solid #000;padding-bottom:3px;margin:14px 0 8px}.sheet .ln{height:7px;background:#ececec;border-radius:3px;margin:6px 0}.sheet .ln.w70{width:70%}.sheet .ln.w90{width:90%}.sheet .ln.w50{width:50%}.sheet .ln.w85{width:85%}.sheet .ln.hl{background:var(--hl)}.sheet-tag{position:absolute;top:-14px;right:-12px;background:var(--ink);color:#fff;font-size:12px;font-weight:600;padding:8px 14px;border-radius:99px;transform:rotate(4deg);box-shadow:0 8px 20px #17140d38}.sheet-tag .strike{text-decoration:line-through;opacity:.5;margin-right:6px}.fields{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;display:flex;align-items:center;gap:14px 26px;flex-wrap:wrap;justify-content:center}.fields .lab{color:var(--ink-faint)}.fields .tag{font-size:14px;color:var(--ink-soft);font-weight:500}.section-label{margin:70px 0 8px}.section-label .eyebrow{color:var(--ink-faint)}.section-label h2{font-size:clamp(1.7rem,3.2vw,2.3rem);font-weight:600;letter-spacing:-.02em;max-width:620px}.section-label p{color:var(--ink-soft);margin:10px 0 0;max-width:560px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}@media(max-width:680px){.compare{grid-template-columns:1fr}}.compare .col{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:var(--surface)}.compare .col.them{background:transparent;border-style:dashed}.compare .col h3{font-family:var(--ff);font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;margin-bottom:16px}.compare .col.them h3{color:var(--ink-faint)}.compare .col.us h3{color:var(--ink)}.compare ul{list-style:none;margin:0;padding:0}.compare li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;margin-bottom:12px;color:var(--ink-soft)}.compare li .ic{flex-shrink:0;font-weight:700}.compare .them li .ic{color:var(--danger)}.compare .us li{color:var(--ink)}.compare .us li .ic{color:var(--ok)}.compare .us{position:relative}.compare .us:after{content:"";position:absolute;inset:-1px;border-radius:var(--radius);box-shadow:0 0 0 2px var(--hl);pointer-events:none}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:30px}@media(max-width:680px){.steps{grid-template-columns:1fr}}.step{border-top:2px solid var(--ink);padding-top:14px}.step .num{font-family:var(--ff-display);font-size:1.4rem;font-weight:600}.step h3{font-family:var(--ff);font-size:1.05rem;font-weight:700;margin:6px 0}.step p{color:var(--ink-soft);font-size:14px;margin:0}.faq-wrap{max-width:720px;margin-top:24px}.faq-wrap details{border-bottom:1px solid var(--line);padding:18px 0}.faq-wrap summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px;font-size:1.02rem}.faq-wrap summary::-webkit-details-marker{display:none}.faq-wrap summary:after{content:"+";color:var(--ink-faint);font-weight:400;font-size:1.3rem;line-height:1}.faq-wrap details[open] summary:after{content:"–"}.faq-wrap details p{color:var(--ink-soft);margin:11px 0 0}.cta-band{text-align:center;background:var(--ink);color:#fff;border-radius:20px;padding:52px 24px;margin-top:72px}.cta-band h2{color:#fff;font-size:clamp(1.7rem,3vw,2.3rem);margin-bottom:12px}.cta-band h2 .mark{background:var(--hl);color:var(--ink);padding:0 .18em;border-radius:4px}.cta-band p{color:#cfc9ba;margin:0 auto 24px;max-width:440px}.cta-band .btn{background:var(--hl);color:var(--ink)}.cta-band .btn:hover{background:#ffdf6b;color:var(--ink)}.prose{max-width:720px;margin:34px auto}.prose .eyebrow{color:var(--ink-faint);display:block;margin-bottom:10px}.prose h1{font-size:clamp(2.1rem,4vw,2.8rem);margin-bottom:16px;letter-spacing:-.02em}.prose h2{font-size:1.32rem;margin:30px 0 8px}.prose p,.prose li{color:var(--ink-soft);margin:0 0 13px}.prose strong{color:var(--ink)}.prose a{text-decoration:underline}.app-header{height:60px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 18px;position:sticky;top:0;z-index:30}.privacy-badge{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);padding:5px 11px;border-radius:99px}.privacy-badge b{color:var(--ok);font-weight:600}.header-actions{display:flex;align-items:center;gap:10px}.saved-pill{font-size:12px;color:var(--ink-faint);min-width:58px;text-align:right;transition:color .2s}.saved-pill.show{color:var(--ok)}@media(max-width:760px){.privacy-badge span.long{display:none}}.editor{display:grid;grid-template-columns:minmax(380px,470px) 1fr;height:calc(100vh - 60px)}.form-pane{overflow-y:auto;background:var(--surface);border-right:1px solid var(--line);padding:18px 20px 90px}.preview-pane{overflow-y:auto;background:var(--desk);padding:30px;display:flex;justify-content:center;align-items:flex-start}@media(max-width:860px){.editor{grid-template-columns:1fr;height:auto}.form-pane{border-right:0;border-bottom:1px solid var(--line)}.preview-pane{padding:14px}}.tpl-switch{display:flex;gap:8px;margin-bottom:18px}.tpl-opt{flex:1;border:1px solid var(--line-2);background:var(--surface);border-radius:var(--radius-sm);padding:9px;cursor:pointer;text-align:center;font-size:12.5px;font-weight:600;color:var(--ink-soft)}.tpl-opt.on{border-color:var(--ink);background:var(--ink);color:var(--paper)}.form-block{margin-bottom:16px}.form-block>h2{font-family:var(--ff);font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-faint);margin-bottom:10px;font-weight:700}.field{margin-bottom:11px}.field label{display:block;font-size:12px;font-weight:500;color:var(--ink-soft);margin-bottom:5px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}input[type=text],input[type=email],textarea{width:100%;font:inherit;font-size:14px;padding:9px 11px;border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);resize:vertical}input:focus,textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px var(--hl-soft)}textarea{min-height:64px;line-height:1.5}.hint{font-size:11.5px;color:var(--ink-faint);margin-top:4px}.sec-card{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;background:var(--surface);overflow:hidden}.sec-card.dragging{opacity:.5;border-style:dashed}.sec-card.drag-over{border-color:var(--ink);box-shadow:0 0 0 2px var(--hl)}.sec-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--paper);border-bottom:1px solid var(--line)}.drag-handle{cursor:grab;color:var(--ink-faint);font-size:15px;padding:2px 4px;user-select:none}.drag-handle:active{cursor:grabbing}.sec-title-input{flex:1;font-weight:600;font-size:13.5px;border:1px solid transparent;background:transparent;padding:5px 7px;border-radius:6px;color:var(--ink)}.sec-title-input:hover{background:var(--surface)}.sec-title-input:focus{outline:none;background:var(--surface);border-color:var(--ink)}.sec-tools{display:flex;gap:2px}.icon-btn{border:0;background:none;cursor:pointer;color:var(--ink-faint);font-size:14px;padding:4px 6px;border-radius:5px;line-height:1}.icon-btn:hover{background:var(--surface);color:var(--ink)}.icon-btn.del:hover{color:var(--danger)}.sec-body{padding:13px}.item-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px;margin-bottom:10px}.item-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.item-head span{font-size:11.5px;font-weight:600;color:var(--ink-faint)}.add-btn{width:100%;padding:9px;border:1px dashed var(--line-2);background:var(--paper);color:var(--ink);font-weight:600;font-size:13px;border-radius:var(--radius-sm);cursor:pointer}.add-btn:hover{border-color:var(--ink)}.add-section{margin-top:14px}.add-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.add-menu button{border:1px solid var(--line-2);background:var(--surface);border-radius:var(--radius-sm);padding:10px;font-size:12.5px;font-weight:600;color:var(--ink-soft);cursor:pointer;text-align:left}.add-menu button:hover{border-color:var(--ink);color:var(--ink)}.add-menu button small{display:block;font-weight:400;color:var(--ink-faint);margin-top:2px}.preview-hint{position:fixed;bottom:14px;left:calc(50% + 215px);transform:translate(-50%);font-size:12px;color:var(--ink-faint);background:var(--surface);border:1px solid var(--line);padding:6px 14px;border-radius:99px;box-shadow:0 2px 8px #0000000f}@media(max-width:860px){.preview-hint{display:none}}.resume-paper{width:100%;max-width:794px;min-height:1000px;background:#fff;color:#000;box-shadow:var(--shadow-paper);padding:46px 52px;font-size:13.5px;line-height:1.5}.rp-name{font-size:26px;font-weight:700;color:#000;margin:0;letter-spacing:-.01em}.rp-title{font-size:14px;color:#222;font-weight:600;margin:2px 0 0}.rp-contact{font-size:12px;color:#333;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:3px 10px}.rp-contact a{color:#333}.rp-contact i{font-style:normal;color:#aaa}.rp-sec{margin-top:18px}.rp-h{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#000;font-weight:700;margin:0 0 9px;padding-bottom:4px;border-bottom:1px solid #000}.rp-text{color:#1a1a1a;margin:0}.rp-entry{margin-bottom:11px}.rp-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.rp-role{font-weight:700;color:#000}.rp-org{color:#333;font-weight:500}.rp-dates{font-size:11.5px;color:#555;white-space:nowrap}.rp-bullets{margin:4px 0 0;padding-left:17px;color:#1a1a1a}.rp-bullets li{margin-bottom:2px}.rp-link{font-size:11.5px;color:#555;margin:1px 0 0}.rp-tags{color:#1a1a1a;margin:0}.rp-empty{color:#bbb;font-style:italic}.tpl-modern .rp-name{font-family:Georgia,Times New Roman,serif;font-size:28px}.tpl-modern .rp-h{border-bottom:1px solid #bbb;letter-spacing:.14em}.tpl-modern .rp-title{color:#444}.tpl-minimal .rp-h{border-bottom:0;text-transform:none;letter-spacing:0;font-size:13px;margin-bottom:5px}.tpl-minimal .rp-sec{margin-top:22px}.resume-paper.tpl-minimal{padding:48px 56px}.tpl-minimal .rp-name{font-weight:600}@media print{@page{size:A4;margin:14mm}.app-header,.form-pane,.preview-hint{display:none!important}.editor{display:block;height:auto}.preview-pane{padding:0;background:#fff;display:block;overflow:visible}.resume-paper{box-shadow:none;max-width:100%;width:100%;min-height:0;padding:0}}
