:root{--red:#b5262c;--red-dark:#7e1820;--green:#174d3a;--cream:#fbf7ee;--ink:#18211f;--muted:#68716e;--line:#dedbd2;--gold:#c49a46;--shadow:0 24px 60px rgba(38,25,20,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f6f1;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}button,input,textarea{font:inherit}button{cursor:pointer}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;color:#111;padding:.8rem 1rem}.skip-link:focus{top:1rem}.site-header{height:74px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{color:#151a18;text-decoration:none;font-family:Georgia,serif;font-size:1.65rem;font-weight:800;letter-spacing:-.04em}.brand span{color:var(--red)}.article-link{color:var(--green);font-weight:700;text-underline-offset:4px}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:clamp(3rem,7vw,7rem);align-items:center;min-height:650px;padding:80px max(28px,calc((100vw - 1184px)/2));background:radial-gradient(circle at 82% 18%,rgba(196,154,70,.18),transparent 30%),linear-gradient(125deg,#fdfbf6 0%,#f3eadb 100%)}.hero::before{content:"";position:absolute;left:-6%;bottom:-160px;width:430px;height:430px;border:1px solid rgba(181,38,44,.13);border-radius:50%;box-shadow:0 0 0 42px rgba(181,38,44,.03),0 0 0 84px rgba(181,38,44,.025)}.eyebrow{margin:0 0 .8rem;color:var(--red);font-size:.78rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.hero h1,.section-heading h2,.content-section h2,.faq-section h2{font-family:Georgia,"Times New Roman",serif;line-height:1.08;letter-spacing:-.035em}.hero h1{max-width:720px;margin:0;font-size:clamp(3rem,5.6vw,5.5rem)}.hero-lead{max-width:690px;margin:1.5rem 0;font-size:1.08rem;color:#4d5652}.hero-points{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;margin:1.5rem 0 2rem;color:#365046;font-weight:700;font-size:.9rem}.primary-link{display:inline-flex;padding:1rem 1.4rem;border-radius:8px;background:var(--red);color:#fff;text-decoration:none;font-weight:900;box-shadow:0 12px 24px rgba(181,38,44,.22)}.hero-stack{position:relative;min-height:500px;perspective:1000px}.paper{position:absolute;left:50%;top:50%;width:330px;aspect-ratio:210/297;background:#fff;box-shadow:var(--shadow);transform-origin:center;border-radius:2px}.paper-back{transform:translate(-42%,-50%) rotate(9deg);background:#174d3a}.paper-middle{transform:translate(-55%,-50%) rotate(-8deg);background:#122e45}.paper-front{overflow:hidden;transform:translate(-50%,-50%) rotate(2deg);padding:44px 26px;border:8px solid transparent;background:linear-gradient(#fff,#fff) padding-box,repeating-linear-gradient(135deg,var(--red) 0 18px,#fff 18px 34px) border-box;color:#232323;text-align:center}.mini-kicker{font-size:.58rem;letter-spacing:.2em}.paper-front strong{display:block;margin:38px -8px 24px;padding:12px 6px;background:var(--red);color:#fff;font:800 1.9rem/1.05 Georgia,serif}.mini-name{font:700 .8rem Georgia,serif}.mini-lines{display:block;height:120px;margin:25px 15px;background:repeating-linear-gradient(transparent 0 25px,#bbb 26px 27px)}.mini-stamp{position:absolute;right:22px;bottom:35px;display:grid;place-items:center;width:74px;height:74px;border:5px double var(--red);border-radius:50%;color:var(--red);font-weight:900;transform:rotate(-12deg)}
.generator-section{padding:90px max(20px,calc((100vw - 1184px)/2))}.section-heading{max-width:780px;margin-bottom:38px}.section-heading h2{margin:.2rem 0 .8rem;font-size:clamp(2.3rem,4vw,3.7rem)}.section-heading>p:last-child{color:var(--muted)}.creator-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.86fr);gap:34px;align-items:start}.editor-card,.preview-column{border:1px solid #e3dfd6;border-radius:18px;background:#fff;box-shadow:0 16px 40px rgba(31,24,18,.06)}.editor-card{padding:30px}.step-label{display:flex;align-items:center;gap:.7rem;margin:0 0 1.2rem;font-weight:900}.step-label>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;font-size:.8rem}.field{display:grid;gap:.45rem;margin-bottom:1.1rem}.field>span:first-child{font-size:.88rem;font-weight:800}.field b{color:var(--red)}.field small{display:block;color:var(--muted);font-weight:500}.field input,.field textarea{width:100%;border:1.5px solid #d7d5cf;border-radius:8px;background:#fffdf9;padding:.78rem .85rem;color:var(--ink);outline:0;transition:.2s}.field textarea{resize:vertical;line-height:1.45}.field input:focus,.field textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(181,38,44,.1)}.field-grid{display:grid;gap:15px}.two-columns{grid-template-columns:1fr 1fr}.number-row{display:flex}.number-row input{border-radius:8px 0 0 8px}.number-row button{width:48px;border:0;border-radius:0 8px 8px 0;background:#eee9df;color:var(--red);font-weight:900}.quick-add{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:-.35rem 0 1.3rem;font-size:.73rem;color:var(--muted)}.quick-add button{border:1px solid #d9d5cd;border-radius:999px;background:#fff;padding:.35rem .65rem;color:#46504c}.quick-add button:hover{border-color:var(--red);color:var(--red)}.templates{margin:18px 0 0;padding:22px 0 0;border:0;border-top:1px solid #ebe7df}.templates legend{padding:0}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.template-card{position:relative;overflow:hidden;display:block;border:2px solid #e3e0d8;border-radius:10px;background:#faf8f3;cursor:pointer;transition:.2s}.template-card:hover{transform:translateY(-2px)}.template-card.selected{border-color:var(--red);box-shadow:0 0 0 3px rgba(181,38,44,.1)}.template-card input{position:absolute;opacity:0}.template-card canvas{display:block;width:100%;height:130px;object-fit:cover;object-position:top;background:#eee}.template-card>span{display:block;padding:.65rem}.template-card strong,.template-card small{display:block}.template-card strong{font-size:.76rem}.template-card small{color:var(--muted);font-size:.64rem}.privacy-note{display:flex;gap:.7rem;margin-top:22px;padding:14px;border-radius:10px;background:#eff6f1;color:#315044;font-size:.76rem}.privacy-note p{margin:0}.preview-column{position:sticky;top:18px;padding:18px;background:#272d2b}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:#fff}.preview-toolbar span,.preview-toolbar strong{display:block}.preview-toolbar span{color:#aeb7b3;font-size:.68rem;text-transform:uppercase;letter-spacing:.13em}.preview-toolbar strong{font-family:Georgia,serif}.preview-toolbar button{border:1px solid #69716e;border-radius:7px;background:transparent;color:#fff;width:38px;height:38px;font-size:1.25rem}.preview-frame{display:grid;place-items:center;overflow:hidden;max-height:670px;border-radius:4px;background:#aaa;padding:10px}.preview-frame canvas{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.3)}.download-button{display:grid;width:100%;margin-top:14px;border:0;border-radius:9px;background:var(--red);color:#fff;padding:.9rem 1rem;font-weight:900}.download-button:hover{background:#c62d34}.download-button:disabled{opacity:.65;cursor:wait}.download-button small{font-size:.68rem;font-weight:500;opacity:.8}.download-status{min-height:1.3rem;margin:.6rem 0 0;color:#d8e0dc;text-align:center;font-size:.72rem}.content-section{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:70px;padding:95px max(28px,calc((100vw - 1080px)/2));background:#fff}.content-main h2{margin:.2rem 0 1.3rem;font-size:clamp(2.2rem,4vw,3.3rem)}.content-main h3{margin:2.4rem 0 1rem;font:700 1.7rem Georgia,serif}.content-main p{color:#4b5651}.steps-list{list-style:none;padding:0}.steps-list li{display:flex;gap:1rem;margin:1.2rem 0}.steps-list li>span{flex:0 0 36px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--green);color:#fff;font-weight:900}.steps-list p{margin:.1rem 0}.gentle-note{margin-top:2rem;padding:1.2rem 1.3rem;border-left:4px solid var(--gold);background:#faf5e9}.content-aside{align-self:start;padding:28px;border-radius:14px;background:var(--green);color:#fff}.content-aside h2{font-size:1.65rem}.content-aside ul{padding-left:1.2rem}.content-aside a{color:#fff;font-weight:800}.faq-section{padding:95px max(28px,calc((100vw - 900px)/2))}.faq-section>h2{margin:.2rem 0 2rem;font-size:clamp(2.2rem,4vw,3.3rem)}details{border-top:1px solid #dcd8d0;padding:1.1rem 0}details:last-child{border-bottom:1px solid #dcd8d0}summary{cursor:pointer;font-weight:850;font-size:1.04rem}details p{color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;padding:35px max(28px,calc((100vw - 1184px)/2));background:#151a18;color:#aab3af}footer .brand{color:#fff}.preview-modal{position:fixed;z-index:99;inset:0;overflow:auto;display:grid;place-items:start center;padding:35px;background:rgba(10,13,12,.92)}.preview-modal[hidden]{display:none}.preview-modal canvas{width:min(90vw,760px);height:auto;box-shadow:0 20px 70px #000}.preview-modal button{position:fixed;right:20px;top:18px;border:0;background:#fff;color:#111;border-radius:50%;width:44px;height:44px;font-size:2rem;line-height:1}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{text-align:center}.hero-lead{margin-left:auto;margin-right:auto}.hero-points{justify-content:center}.hero-stack{min-height:430px}.creator-layout{grid-template-columns:1fr}.preview-column{position:relative;top:auto}.content-section{grid-template-columns:1fr}.content-aside{max-width:560px}}
@media(max-width:620px){.site-header{height:64px;padding:0 18px}.article-link{font-size:.73rem}.hero{padding:52px 20px}.hero h1{font-size:2.7rem}.hero-stack{min-height:380px}.paper{width:270px}.generator-section{padding:65px 14px}.editor-card{padding:20px 16px}.two-columns{grid-template-columns:1fr}.template-grid{grid-template-columns:1fr 1fr}.template-card:last-child{grid-column:1/-1}.template-card canvas{height:115px}.preview-column{padding:12px}.content-section,.faq-section{padding:68px 20px}.content-section{gap:35px}footer{display:block;text-align:center}.preview-frame{max-height:none}.preview-frame canvas{max-height:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}