:root{--ink:#183d33;--green:#19664d;--lime:#d9edab;--paper:#f8faf7;--muted:#66776e;--line:#dce4dc;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c88731;outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(1180px,calc(100% - 56px));margin-inline:auto}.narrow{max-width:780px}header{border-bottom:1px solid var(--line);background:#fff}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:25px;letter-spacing:-1px;text-decoration:none;font-weight:800;display:flex;align-items:center}.brand>span:not(.brand-icon){color:var(--green)}.brand-icon{background:var(--green);color:var(--lime);display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;margin-right:9px;font-size:29px}.brand small{font-size:9px;line-height:1.3;letter-spacing:1.5px;font-weight:500;width:48px;margin-left:12px;color:var(--muted)}nav{display:flex;gap:32px}nav a{text-decoration:none;font-size:14px}nav a:hover,.quiet-link:hover{color:var(--green);text-decoration:underline}.nav-cta{border:1px solid var(--line);padding:9px 17px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:700}.nav-cta span{margin-left:15px}.hero{position:relative;padding:74px 0 62px;min-height:535px}.pill,.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700}.pill{display:inline-flex;gap:9px;padding:7px 12px;border:1px solid #d7e1d3;border-radius:30px;background:#edf3e6}.pill span{color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:70px;font-weight:600;letter-spacing:-3.9px;line-height:1.08;margin:23px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.hero>p{font-size:17px;line-height:1.8;color:var(--muted)}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:22px;text-decoration:none;border-radius:8px;min-height:46px;padding:11px 20px;font-weight:700;font-size:14px;border:1px solid var(--green)}.primary{color:white;background:var(--green)}.primary:hover{background:#124e3b}.secondary{background:white;color:var(--green)}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:27px}.quiet-link{font-size:13px;font-weight:700;text-decoration:none}.trust-row{display:flex;gap:24px;margin-top:22px;font-size:11px;color:var(--muted)}.hero-art{position:absolute;right:24px;top:88px;width:470px;height:365px}.art-back,.art-front{position:absolute;padding:15px;background:white;border:1px solid #d5dfd3;border-radius:13px;box-shadow:0 20px 50px #29443114}.art-back{left:3px;top:0;width:287px;transform:rotate(-9deg);color:var(--muted)}.art-back>span,.art-front>span{display:block;font-size:9px;font-weight:700;letter-spacing:1px;margin-bottom:10px}.art-back>b{font-size:10px;font-weight:400}.landscape{height:160px;position:relative;overflow:hidden;background:#c9ded0;border-radius:5px}.landscape:before,.landscape:after{content:'';position:absolute;bottom:-65px;width:240px;height:190px;background:#4b7966;transform:rotate(42deg);left:-15px;border-radius:7px}.landscape:after{left:155px;bottom:-50px;background:#92ad80}.landscape i{position:absolute;width:46px;height:46px;border-radius:50%;background:#f8dea1;right:35px;top:20px}.art-front{right:0;top:76px;transform:rotate(7deg);width:249px;background:#f4f8e9;z-index:2}.art-front>span{display:flex;justify-content:space-between}.art-front .landscape{height:208px}.art-front>div:last-child{font-size:9px;margin-top:12px;display:flex;justify-content:space-between}.art-front strong{color:var(--green)}.art-label{position:absolute;bottom:-8px;left:65px;font-family:Georgia,serif;font-style:italic;color:#74836d;transform:rotate(-7deg);font-size:17px;line-height:1.4}.editor{background:white;border:1px solid var(--line);border-radius:17px;box-shadow:0 10px 40px #173d3305;overflow:hidden;scroll-margin-top:24px}.editor-title{display:flex;align-items:center;justify-content:space-between;padding:27px 30px;border-bottom:1px solid var(--line)}.eyebrow{display:block;color:var(--green);margin-bottom:8px}.editor-title h2{font-size:23px;letter-spacing:-.6px;line-height:1.3;margin:0}.local-badge{font-size:11px;border:1px solid #e1ead7;background:#f3f7eb;border-radius:30px;padding:7px 12px;color:#456339}.editor-grid{display:grid;grid-template-columns:1fr 338px}.canvas-panel{padding:30px;min-width:0}.dropzone{border:1.5px dashed #b8cdbc;border-radius:10px;text-align:center;padding:34px 18px 22px;background:linear-gradient(135deg,#fafcf8,#f3f7ee)}.dropzone.dragging{background:#deefc5;border-color:var(--green)}.upload-icon{font-size:30px;display:grid;place-items:center;width:56px;height:56px;border-radius:15px;border:1px solid #d7e5cc;margin:0 auto 14px;background:#edf4e3;color:var(--green)}.dropzone h3{font-size:22px;letter-spacing:-.5px;margin:0 0 3px}.dropzone p{color:var(--muted);margin-bottom:18px;font-size:13px}.dropzone .file-hint{font-size:10px;margin:15px 0 9px}.text-button{border:0;background:transparent;padding:5px 0;color:var(--green);font-size:12px;text-decoration:underline;text-underline-offset:4px}.empty-preview{display:flex;justify-content:space-between;margin-top:26px;color:#7f8e82;font-size:11px;border-top:1px solid var(--line);padding-top:22px}.settings{background:#fcfdfb;border-left:1px solid var(--line);padding:27px 26px}.settings-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.settings-heading h3{font-size:17px;margin:0}.settings-heading span{font-size:8px;letter-spacing:1px;color:var(--muted)}label{display:block;font-size:12px;font-weight:600;margin:14px 0 6px}label>span{font-size:10px;color:var(--muted);font-weight:400;float:right}input[type=number],select{width:100%;background:white;border:1px solid #d5dfd6;min-height:41px;border-radius:6px;padding:9px 10px;color:var(--ink);font-size:12px}select{padding-right:18px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two-col input,.two-col select{display:block;margin-top:6px}.check{font-size:11px;display:flex;align-items:center;gap:7px;color:#4b6256;font-weight:400;margin:10px 0}.check input{accent-color:var(--green);width:15px;height:15px}.focus{padding:0 9px 9px;background:#f1f5ec;border-radius:6px}.focus label{font-size:10px;padding-top:8px;margin-top:10px}.focus small{font-size:9px;color:var(--muted)}input[type=range]{display:block;accent-color:var(--green);width:100%;margin:10px 0;cursor:pointer}input[type=color]{width:100%;height:41px;border:1px solid var(--line);border-radius:6px;background:white;padding:5px}.range-label{display:flex;justify-content:space-between}.range-ends{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:-5px}.settings small{display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:7px}.process{width:100%;margin-top:24px}.settings-note{text-align:center;font-size:9px;color:var(--muted);margin:12px 0 0}.file-list{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.file-chip{border:1px solid var(--line);border-radius:5px;font-size:11px;padding:5px 9px;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fff}.file-chip.selected{border-color:var(--green);background:#edf4e5}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}figure{margin:0;min-width:0}figcaption{font-size:10px;letter-spacing:1px;line-height:1.5;margin-bottom:7px;font-weight:700}figcaption span{display:block;font-size:10px;font-weight:400;letter-spacing:0;color:var(--muted)}.image-frame{height:240px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#eef2ed 0% 25%,white 0% 50%) 50%/18px 18px;border-radius:7px;overflow:hidden}.image-frame img{max-width:100%;max-height:100%;object-fit:contain}.image-frame p{font-size:11px;padding:15px;background:#ffffffdc}.result-actions{display:flex;gap:8px;flex-wrap:wrap}.saving{font-weight:700;font-size:12px;color:var(--green);margin:14px 0}.muted{color:var(--muted);font-size:12px}#status{font-size:11px;color:var(--muted);margin:20px 0 3px;overflow-wrap:anywhere}.ad-slot{border:1px solid #e1e6df;background:#f2f4ef;min-height:100px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#74806f;border-radius:6px;margin:28px 0}.ad-slot>span{font-size:9px;letter-spacing:2px}.ad-slot>small{font-size:9px}.section{padding-block:48px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.section-title h2{margin:0}h2{font-size:31px;font-weight:500;letter-spacing:-1px;line-height:1.2;margin-bottom:24px}.section-title>a{font-size:12px;font-weight:600}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tool-card{text-decoration:none;border:1px solid var(--line);border-radius:10px;background:white;padding:22px;transition:transform .15s,border-color .15s}.tool-card:hover{border-color:var(--green);transform:translateY(-3px)}.tool-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid #e0e8d9;border-radius:10px;background:#f4f7ec;font-size:22px}.tool-card h3{font-size:15px;font-weight:600;margin:17px 0 5px}.tool-card p{font-size:11px;color:var(--muted);margin:0;display:flex;justify-content:space-between}.tool-card p span{color:var(--green);font-size:16px}.benefits{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:55px;padding-block:42px;margin-top:18px}.feature-number{font-size:9px;letter-spacing:1px;color:var(--green)}.benefits h2{font-size:25px;margin-top:18px;margin-bottom:15px}.benefits p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.faq-section{display:grid;grid-template-columns:.85fr 1.3fr;gap:80px;padding-block:65px}.faq-section>div>p{font-size:13px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:17px 0}summary{font-size:13px;font-weight:600;cursor:pointer}details p{font-size:13px;color:var(--muted);margin:16px 0 5px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{text-decoration:none}.article-card small{display:block;font-size:9px;letter-spacing:1px;margin:18px 0 9px;color:var(--muted)}.article-card h3,.article-card h2{font-size:20px;line-height:1.3;letter-spacing:-.5px;margin-bottom:10px}.article-card p{font-size:12px;color:var(--muted)}.article-card b{font-size:11px;font-weight:600}.article-visual{display:flex;align-items:center;justify-content:center;height:160px;background:#e2e9d7;border-radius:9px;font-family:Georgia,serif;font-size:36px;font-style:italic;color:#50764b;letter-spacing:-2px}.visual-1{background:#e7ebd6;color:#617436}.visual-2{background:#dce9e5;color:#386a61}footer{background:#edf2e9;border-top:1px solid #dbe3d5;margin-top:60px;padding-top:45px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px}.footer-top strong{display:block;font-size:11px;margin-bottom:15px}.footer-top a:not(.brand){display:block;font-size:11px;color:#687864;margin:8px 0;text-decoration:none}.footer-top p{font-size:12px;color:var(--muted);margin-top:14px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #d6e0ce;padding-block:21px;font-size:10px;color:#78836f}.page-hero{padding-block:60px 38px}.page-hero h1{font-size:49px;letter-spacing:-2px;max-width:880px}.page-hero>p{font-size:17px;color:var(--muted);max-width:760px}.breadcrumb{display:block;font-size:11px;color:var(--muted);margin-bottom:28px}.editorial-grid{display:grid;grid-template-columns:1fr 270px;gap:65px}.prose{font-size:16px;line-height:1.9;color:#3c5749}.prose h2{margin-top:40px;color:var(--ink);font-size:28px}.prose h3{font-size:20px;color:var(--ink);margin-top:30px}.prose p{margin-bottom:24px}.prose li{margin-bottom:10px}.prose a{color:var(--green)}.prose .primary{color:white}.note{border-left:3px solid #a8c787;background:#edf3e6;padding:20px;font-size:13px}.tip-card{background:#edf3e6;border:1px solid #dfe8d5;border-radius:10px;padding:25px;margin:25px 0}.tip-card h2{margin-top:0}.tip-card h3{font-size:21px}.tip-card p{font-size:13px}.tip-card a{font-size:12px}.desktop-ad{min-height:260px}.legal{padding-bottom:25px}dialog{max-width:520px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:14px;padding:30px;color:var(--ink);box-shadow:0 20px 80px #0003}dialog::backdrop{background:#163d3370}dialog h2{font-size:26px}dialog p{font-size:13px}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.skip{position:absolute;left:12px;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}
@media(min-width:1500px){.hero-art{right:50px}}
@media(max-width:1050px){.hero-art{right:0;transform:scale(.82);transform-origin:right center}.hero h1{font-size:60px}.hero>p{font-size:15px}.hero-actions{gap:15px}.editor-grid{grid-template-columns:1fr 300px}.canvas-panel{padding:22px}.settings{padding:23px 19px}.hero{min-height:505px}.hero-art{width:420px}.hero-actions .quiet-link{display:none}.brand small{display:none}.editorial-grid{gap:30px}.benefits{gap:30px}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.nav{min-height:73px;gap:10px}.brand{font-size:21px}.brand-icon{width:29px;height:29px;font-size:23px}nav{gap:17px}nav a{font-size:11px}nav a:last-child{display:none}.nav-cta{display:none}.hero{padding:39px 0 35px;min-height:0}.hero h1{font-size:55px;letter-spacing:-3px}.hero-art{display:none}.hero>p{font-size:15px}.hero-actions{gap:18px}.hero-actions .quiet-link{display:block;font-size:11px}.hero .primary{font-size:12px;padding-inline:14px;gap:10px}.trust-row{font-size:10px;gap:17px}.editor-title{padding:22px 18px;gap:12px;align-items:start}.editor-title h2{font-size:20px}.local-badge{font-size:8px;white-space:nowrap;padding:6px;letter-spacing:-.2px}.eyebrow{font-size:8px}.editor-grid{grid-template-columns:1fr}.canvas-panel{padding:18px}.settings{border-left:0;border-top:1px solid var(--line);padding:22px}.dropzone{padding:26px 12px 18px}.dropzone h3{font-size:21px}.dropzone .file-hint{font-size:9px}.empty-preview{font-size:9px;gap:6px}.tool-grid{grid-template-columns:repeat(2,1fr);gap:10px}.tool-card{padding:17px}.tool-card h3{font-size:13px}.tool-card p{font-size:10px}.section{padding-block:32px}.section-title{gap:20px}.section-title h2{font-size:26px}.section-title>a{font-size:10px;white-space:nowrap}.benefits{grid-template-columns:1fr;gap:30px;padding-block:30px}.benefits h2 br{display:initial}.benefits h2{font-size:24px;margin-block:10px}.faq-section{grid-template-columns:1fr;gap:5px;padding-block:40px}.faq-section h2{font-size:27px;margin-bottom:10px}.article-grid{grid-template-columns:1fr;gap:30px}.article-visual{height:145px}.footer-top{grid-template-columns:1fr 1fr;gap:25px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{gap:20px;font-size:9px}.footer-bottom>span:last-child{max-width:180px;text-align:right}.page-hero{padding-block:35px 25px}.page-hero h1{font-size:37px;letter-spacing:-1.6px}.page-hero>p{font-size:15px}.editorial-grid{grid-template-columns:1fr;gap:0}.desktop-ad{display:none}.prose{font-size:15px}.prose h2{font-size:25px}.image-frame{height:165px}.preview-grid{gap:9px}figcaption span{font-size:9px}.result-actions .primary,.result-actions .secondary{font-size:12px;padding:10px}.ad-slot{min-height:90px}.focus label{font-size:11px}input[type=range]{min-height:25px}.settings label{font-size:13px}.settings input[type=number],.settings select{font-size:16px}.check{min-height:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Shared categories extend the existing light card system. */
.category-nav{display:flex;flex-wrap:wrap;gap:12px;margin:24px auto;max-width:1180px;padding:0 20px}.category-nav a{border:1px solid #d6e3d6;border-radius:999px;padding:12px 18px;color:#1d5d4a;background:#f0f5e9;font-weight:600}.signature-options{border:1px solid #d6e3d6;border-radius:12px;padding:14px;margin:16px 0}.signature-options legend{font-weight:600}.privacy-line{font-weight:600;color:#24684f}
