@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("/assets/fonts/manrope.woff2") format("woff2")}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;src:url("/assets/fonts/space-grotesk.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/ibm-plex-mono.woff2") format("woff2")}
:root{--bg:#f3f3ee;--ink:#181b1c;--muted:#626966;--line:#d7dad1;--lime:#d6fa78;--dark:#171b1b;--heading:"Space Grotesk",Arial,sans-serif;--body:"Manrope",Arial,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #5c772c;outline-offset:4px}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:auto;padding:0 40px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:19px;letter-spacing:-.8px;font-weight:700}.brand svg{width:34px;height:34px}nav{display:flex;gap:26px;font-size:13px;font-weight:600}nav a{text-decoration:none}nav a:hover{color:#526323}.nav-tag{font:10px var(--mono);letter-spacing:1px;border:1px solid #bec6b7;padding:8px 10px;border-radius:4px}.wrap{max-width:1200px;margin:auto;padding:0 40px}.hero{display:grid;grid-template-columns:1fr 370px;gap:60px;padding:66px 0 42px;align-items:end}.eyebrow{font:11px var(--mono);letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;border-radius:50%;background:#779a35;box-shadow:0 0 0 4px #789b3510}h1{font-size:clamp(40px,5.5vw,66px);line-height:1.02;letter-spacing:-3px;margin:24px 0 22px;font-weight:600}.h1-small{display:block;font-size:.47em;line-height:1.3;letter-spacing:-1px;color:#687062;margin-top:10px}.lead{max-width:570px;color:var(--muted);font-size:16px;margin:0}.hero-art{position:relative;height:150px;display:flex;align-items:center;justify-content:center;gap:34px}.format-card{position:relative;border:1px solid #c9cdc1;background:#ebede5;width:102px;height:122px;padding:17px 14px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:8px 8px 0 #e4e7dd;transform:rotate(-8deg)}.format-card.out{background:var(--dark);color:var(--lime);transform:rotate(7deg);box-shadow:8px 8px 0 #dce2cd}.format-card b{font:26px var(--mono);letter-spacing:-2px}.format-card small{font:9px var(--mono);letter-spacing:1px}.arrow{font-size:27px;color:#818776}.workspace{border-radius:14px;background:var(--dark);padding:8px;color:#f1f3ee;box-shadow:0 20px 40px #17201712}.workspace-bar{padding:14px 19px;display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);letter-spacing:1.2px;color:#abb3aa}.lights{display:flex;gap:5px}.lights i{width:6px;height:6px;background:#59615a;border-radius:50%}.lights i:first-child{background:var(--lime)}.workspace-body{display:grid;grid-template-columns:1fr 280px;gap:0;background:#222726;border:1px solid #3a413c;border-radius:9px;overflow:hidden}.dropzone{min-height:298px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px 20px;border:1px dashed #555e53;margin:22px;border-radius:7px;background:linear-gradient(135deg,#ffffff03,transparent)}.dragover{background:#d6fa7815;border-color:var(--lime)}.upload-icon{width:48px;height:48px;color:var(--lime);margin-bottom:12px}.dropzone h2{font-size:21px;font-weight:500;letter-spacing:-.5px;margin:3px 0 5px}.dropzone p{font-size:12px;color:#a8b0a6;margin:0 0 20px}.primary{border:0;background:var(--lime);color:#20251c;border-radius:5px;padding:12px 24px;font-size:13px;font-weight:700}.primary:hover{background:#e3ff9e}.demo{border:0;background:none;color:#bec6b9;font-size:12px;margin-top:12px;text-decoration:underline;text-underline-offset:3px}.settings{padding:28px 24px;border-left:1px solid #3b423b;display:flex;flex-direction:column;gap:20px}.label{font:10px var(--mono);text-transform:uppercase;letter-spacing:1.3px;color:#aeb7a9}.setting-row{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.output{font-size:22px;letter-spacing:-.8px}.pill{font:9px var(--mono);border:1px solid #536441;color:var(--lime);padding:3px 6px;border-radius:3px}.format-tabs{display:flex;gap:6px}.format-tabs a{flex:1;text-align:center;text-decoration:none;font:11px var(--mono);padding:8px 0;border:1px solid #454d43;border-radius:4px;color:#c3cbbd}.format-tabs a.active{background:var(--lime);color:#27321c;border-color:var(--lime)}.setting-note{color:#aab3a5;font-size:12px;margin:8px 0 0}.quality{width:100%;accent-color:var(--lime)}.color-field{display:flex;align-items:center;gap:10px;margin-top:7px;font-size:12px;color:#bdc5b7}input[type=color]{width:34px;height:28px;padding:2px;background:#333;border:1px solid #5d6357;border-radius:4px}.settings .primary{width:100%;margin-top:auto}.workspace-foot{display:flex;justify-content:space-between;padding:14px 19px 8px;font:10px var(--mono);letter-spacing:.3px;color:#adb6a7;gap:20px}.privacy-dot{color:var(--lime)}#status{font-size:12px;color:#bdc5b8;padding:8px 20px;min-height:36px}#queue{padding:0 22px 14px}.queue-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;margin:12px 0}.ghost,.small-button{border:1px solid #5c6758;background:transparent;color:#d5decf;border-radius:4px;padding:7px 12px;font-size:11px;text-decoration:none}.file-row{display:flex;gap:12px;align-items:center;padding:13px 0;border-top:1px solid #3b4539}.file-icon{flex-shrink:0;width:33px;height:38px;background:#3c4535;color:var(--lime);display:grid;place-items:center;font:11px var(--mono);border-radius:3px}.file-detail{flex:1;min-width:0}.file-detail b{display:block;font-size:12px;overflow-wrap:anywhere;font-weight:500}.file-detail span{display:block;font:10px var(--mono);color:#a9b4a1;margin-top:3px}.file-detail .error{color:#ffb7a3}.remove{background:none;border:0;color:#c5cebc;font-size:21px;min-width:30px}.proof{display:grid;grid-template-columns:repeat(3,1fr);margin:32px 0 65px;border-bottom:1px solid var(--line);padding-bottom:32px;gap:32px}.proof b{display:block;font-size:13px;font-weight:600}.proof span{font-size:12px;color:var(--muted)}.proof-num{font:11px var(--mono);color:#808875;margin-bottom:10px}.content-section{margin:65px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;gap:20px}.section-head h2{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:8px 0 0;font-weight:500}.section-head p{font-size:13px;color:var(--muted);margin:0;max-width:350px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.step{border-top:1px solid #a9b39c;padding-top:18px}.step .number{font:12px var(--mono);color:#6b775b}.step h3{font-size:17px;margin:22px 0 10px;font-weight:500}.step p{font-size:13px;color:var(--muted);margin:0}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:38px;background:#e8ece0;border-radius:8px}.editorial h2{font-size:29px;letter-spacing:-1px;line-height:1.2;margin:10px 0 18px;font-weight:500}.editorial p{color:#535e4c;font-size:14px}.editorial ul{padding-left:18px;font-size:13px;color:#535e4c}.editorial li{margin:10px 0}.guides-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-card{border:1px solid var(--line);padding:25px;text-decoration:none;border-radius:6px;transition:border-color .15s,transform .15s}.guide-card:hover{border-color:#6b7d4d;transform:translateY(-3px)}.guide-card span{font:10px var(--mono);color:#727d66;letter-spacing:1px}.guide-card h3{font-size:19px;line-height:1.3;letter-spacing:-.4px;font-weight:500;margin:28px 0 14px}.guide-card p{font-size:12px;color:var(--muted);margin:0}.guide-card .go{display:block;margin-top:25px;font-size:19px}.faq{max-width:800px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq summary{font-size:15px;font-weight:500;cursor:pointer;list-style-position:outside;margin-left:18px}.faq p{font-size:14px;color:var(--muted);padding-left:18px;max-width:690px}footer{border-top:1px solid var(--line);padding:30px 0;margin-top:75px;font-size:12px;color:var(--muted)}.footer-top{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.footer-links a{text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;margin-top:24px;font:10px var(--mono);gap:15px}.article{max-width:770px;margin:60px auto}.article h1{font-size:48px;line-height:1.1}.article h2{font-size:25px;letter-spacing:-.6px;margin-top:42px;font-weight:500}.article h3{font-size:18px;margin-top:28px}.article p,.article li{color:#536057;font-size:16px}.article .intro{font-size:19px;color:#626c5d}.article table{width:100%;border-collapse:collapse;font-size:13px}.article td,.article th{border-bottom:1px solid var(--line);padding:13px;text-align:left}.article .callout{background:var(--dark);color:#e7eee1;border-radius:8px;padding:27px;margin:35px 0}.callout p{color:#b8c5ae;font-size:14px}.callout a{display:inline-block;background:var(--lime);color:#27321c;padding:10px 18px;border-radius:4px;font-size:13px;text-decoration:none;font-weight:600}.breadcrumb{font:11px var(--mono);color:#79816f}.skip{position:absolute;top:-100px;left:20px;background:var(--lime);padding:10px;z-index:10}.skip:focus{top:10px}[hidden]{display:none!important}html{scroll-behavior:smooth}@media(max-width:850px){header{padding:0 24px;height:76px}.wrap{padding:0 24px}.hero{grid-template-columns:1fr 240px;gap:25px;padding-top:45px}.hero-art{gap:22px}.format-card{width:78px;height:105px}.format-card b{font-size:21px}.workspace-body{grid-template-columns:1fr 240px}.settings{padding:25px 18px}.dropzone{margin:16px}.editorial{gap:30px;padding:28px}.guides-grid{gap:12px}.guide-card{padding:20px}h1{letter-spacing:-2px}nav{gap:18px}.nav-tag{display:none}}@media(max-width:620px){header{height:auto;min-height:77px;flex-wrap:wrap;padding:16px 20px;gap:14px}.brand{font-size:17px}nav{gap:16px;font-size:12px}.wrap{padding:0 20px}.hero{display:block;padding:35px 0 27px}.hero-art{display:none}h1{font-size:44px;letter-spacing:-2px;margin-top:20px}.lead{font-size:14px;line-height:1.65}.workspace-body{display:block}.dropzone{min-height:245px;margin:14px;padding:28px 14px}.dropzone h2{font-size:19px}.settings{border-left:0;border-top:1px solid #3b423b;padding:20px;gap:15px}.settings .primary{margin-top:7px}.workspace-foot{flex-direction:column;gap:6px;padding:12px}.workspace-bar{padding:12px 10px;font-size:9px}.proof{gap:18px;margin:27px 0 45px;padding-bottom:25px}.proof b{font-size:12px}.proof span{font-size:11px;line-height:1.5;display:block}.proof-num{margin-bottom:7px}.section-head{display:block}.section-head h2{font-size:26px}.section-head p{margin-top:14px}.content-section{margin:45px 0}.steps{display:block}.step{margin-top:25px}.step h3{margin:13px 0 7px}.editorial{display:block;padding:25px}.editorial>div+div{margin-top:30px}.editorial h2{font-size:26px}.guides-grid{display:block}.guide-card{display:block;margin-top:13px;padding:23px}.guide-card h3{margin:16px 0 10px}.guide-card .go{margin-top:15px}.footer-top,.footer-bottom{display:block}.footer-links{margin-top:20px;gap:16px}.footer-bottom span{display:block;margin:8px 0}.article{margin-top:35px}.article h1{font-size:36px;letter-spacing:-1.5px}.article p,.article li{font-size:15px}.article .intro{font-size:17px}#queue{padding:0 12px 14px}.small-button{padding:8px}.file-row{gap:8px}.file-icon{display:none}.queue-heading{flex-wrap:wrap}.article-table{overflow-x:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Editorial type hierarchy */
h1,h2,h3,.brand,.output{font-family:var(--heading)}h1{font-weight:500;letter-spacing:-.065em}.h1-small{font-weight:400;letter-spacing:-.035em}.section-head h2,.editorial h2,.article h2{font-weight:500;letter-spacing:-.04em}.brand{letter-spacing:-.045em}.lead{letter-spacing:-.015em}.primary{font-weight:650;letter-spacing:-.01em}.article p,.article li{line-height:1.8}.dropzone h2{letter-spacing:-.03em}

.seo-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;padding-top:24px;font:11px var(--mono);color:#6b775b}.seo-breadcrumb a{text-decoration:none}.seo-breadcrumb span[aria-current]{color:#333d2e}.article-meta{font:11px var(--mono)!important;color:#78826c!important;margin:18px 0 28px}.seo-details{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:start}.seo-details h2{font-size:27px;font-weight:500;letter-spacing:-.04em;line-height:1.25;margin-top:0}.seo-details h3{font-size:19px;font-weight:500}.seo-details p{font-size:14px;color:var(--muted)}.conversion-example{margin:0;padding:20px;background:#e8ece0;border:1px solid #d2d9c6;border-radius:8px}.conversion-example img{display:block;max-width:100%;height:auto;margin:auto;border-radius:5px;background-color:#f8f9f4;background-image:linear-gradient(45deg,#dce2d3 25%,transparent 25%),linear-gradient(-45deg,#dce2d3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dce2d3 75%),linear-gradient(-45deg,transparent 75%,#dce2d3 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.conversion-example figcaption{font-size:11px;color:#59664d;margin-top:17px}.conversion-example b,.conversion-example span{display:block;margin-bottom:7px}.conversion-example b{font-size:13px;color:#293222}.footer-tools{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line);font-size:11px}.footer-tools a{text-decoration:none}.article-related{border-top:1px solid var(--line);margin-top:40px}.article-related li{font-size:14px}@media(max-width:700px){.seo-details{display:block}.conversion-example{margin-top:25px}.seo-breadcrumb{font-size:10px;gap:8px}.seo-details h2{font-size:24px}}

.article-toc{display:flex;flex-direction:column;gap:9px;background:#e8ece0;border:1px solid #d5dccb;border-radius:6px;padding:22px;margin:28px 0;font-size:13px}.article-toc b{font:10px var(--mono);letter-spacing:1px;text-transform:uppercase;color:#647354;margin-bottom:4px}.article-toc a{text-decoration:none;font-weight:400}.article-toc a:hover{text-decoration:underline}.article h2[id]{scroll-margin-top:25px}.sample-study{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0 20px;margin:35px 0}.sample-study figure{margin:24px 0}.sample-study img{max-width:100%;height:auto;display:block;border-radius:8px;background:#e8ece0}.sample-study figcaption{font-size:11px;color:#65725b;margin-top:9px}.sample-study th[scope=row]{font-weight:500}