/* QuickPDF Studio base layout, overridden by the metallic emerald color system below. */
:root {
  color-scheme: light;
  --bg: #faf9f6;
  --bg2: #f3f2ef;
  --panel: #ffffff;
  --panel2: #f3f4fa;
  --border: #e9e9e5;
  --text: #1b2135;
  --muted: #646b7a;
  --quiet: #868c97;
  --accent: #5b50eb;
  --accent2: #d8f379;
  --radius: 20px;
  --shadow: 0 24px 70px rgba(44, 44, 75, .1);
}
body {background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:-.01em}
::selection {background:#d6d1ff;color:#151434}
.wrap {width:min(1200px,calc(100% - 80px))}
.ambient {display:none}
.glass {background:#fff;border:1px solid #e9e9ef;box-shadow:0 16px 44px #292b4b0b;backdrop-filter:none}
.site-header {background:rgba(250,249,246,.93);border-bottom:1px solid #eceaf0;box-shadow:none}
.nav-shell {width:min(1360px,calc(100% - 80px));height:84px}
.logo {font-size:20px;color:#1a2137;letter-spacing:-.8px;gap:10px}
.logo-icon {width:41px;height:41px;border-radius:13px;background:#5b50eb;color:white;box-shadow:none;transform:rotate(-7deg);font-size:24px}
.logo-icon span {color:#d9f47b}
.logo-accent {color:#5b50eb}
.primary-nav {color:#545b6c;font-size:13px;font-weight:680;gap:29px}
.primary-nav>a:hover,.primary-nav>a.current,.menu-dropdown>summary:hover {color:#5148d6}
.menu-dropdown>summary {gap:9px}
.dropdown-panel {top:calc(100% + 24px);background:#fff;border:1px solid #e8e8f0;box-shadow:0 22px 55px #17163120;color:#283044}
.dropdown-panel>a:hover {background:#f3f1ff;color:#5148d6}
.dropdown-panel a span {color:inherit}
.nav-cta {background:#1c2540;color:#fff;border:1px solid #1c2540;box-shadow:0 10px 22px #1c254018;border-radius:12px;padding:12px 17px;font-size:12px}
.nav-cta:hover {background:#5148dc;border-color:#5148dc}
.nav-cta span {margin-left:14px}
.mobile-menu {color:#252c45;background:#fff;border:1px solid #dedfe8}
.mobile-nav {background:#fff}
.mobile-nav>a {color:#373b53}
.eyebrow,.section-label,.tool-eyebrow {color:#5a50dc;font-weight:800;letter-spacing:2.1px;font-size:11px}
.status-dot {width:9px;height:9px;background:#5b50eb;box-shadow:0 0 0 5px #5b50eb18}
.btn {border-radius:13px;font-size:13px;font-weight:760;min-height:52px;transition:transform .18s,background .18s,box-shadow .18s}
.btn-primary {background:#5b50eb;color:#fff;box-shadow:0 13px 24px #5b50eb30}
.btn-primary:hover {background:#493cdf;box-shadow:0 16px 26px #5b50eb40}
.btn-outline {background:#fff;color:#222842;border-color:#e5e5eb;box-shadow:0 4px 15px #23234407}
.btn-outline:hover {background:#f5f3ff;border-color:#c3bfff}
.text-link,.feature-link {font-weight:750;color:#5549dc}
.section {padding-top:105px}
.section-heading h2,.feature-copy h2 {color:#1c2337}
.section-heading h2 span,.feature-copy h2 span {color:#777f90}
.section-heading p,.feature-copy p {color:#707786}
.section-count {color:#7e8492}
/* Distinctive homepage hero */
.home-hero-backdrop {position:relative;overflow:hidden;background:radial-gradient(ellipse 47% 57% at 88% 49%,#e8e5ff77 0,transparent 83%),radial-gradient(ellipse 25% 48% at 6% 94%,#e6f0df8a 0,transparent 84%),#faf9f6}
.home-hero-backdrop::before {content:"";position:absolute;right:-80px;top:70px;width:470px;height:470px;opacity:.35;background-image:radial-gradient(#8e90ac 1px,transparent 1px);background-size:16px 16px;mask-image:linear-gradient(90deg,transparent,#000 48%);pointer-events:none}
.homepage .hero {min-height:690px;display:grid;grid-template-columns:1.04fr .96fr;gap:55px;align-items:center;padding-top:84px;padding-bottom:94px}
.homepage .hero-copy {position:relative;z-index:1}
.homepage .eyebrow {font-size:10px;letter-spacing:1.9px;white-space:nowrap;gap:13px}
.eyebrow-rule {height:1px;width:44px;background:#c3bee8;margin-left:4px}
.homepage .hero h1 {font-size:clamp(58px,6vw,87px);line-height:1.075;letter-spacing:-5.8px;font-weight:810;margin:31px 0 24px;max-width:750px}
.headline-accent {position:relative;color:#594deb;white-space:nowrap}
.headline-accent::after {content:"";position:absolute;left:0;right:9%;bottom:-9px;height:8px;border-radius:100%;background:#d6ef85;transform:rotate(-2deg);z-index:-1}
.accent-spark {display:inline-block;color:#bddf54;font-size:30px;vertical-align:top;margin:-12px 0 0 8px;transform:rotate(-18deg)}
.homepage .hero-lead {font-size:17px;line-height:1.75;color:#62697a;max-width:530px;letter-spacing:-.13px}
.homepage .hero-actions {gap:12px;margin-top:33px}
.homepage .hero-actions .btn-primary {padding:13px 15px 13px 24px;gap:22px}
.btn-circle {display:inline-grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#ffffff36;font-size:17px}
.homepage .hero-bullets {gap:25px;margin-top:32px;font-size:12px;font-weight:620;color:#72798a}
.homepage .hero-bullets i {display:inline-grid;place-items:center;width:18px;height:18px;margin-right:4px;border-radius:50%;background:#e4eed8;color:#47735c;font-style:normal;font-size:11px}
.hero-art {height:515px;position:relative;isolation:isolate;display:grid;place-items:center;min-width:0}
.art-shape {position:absolute;z-index:-1;pointer-events:none}
.art-shape-blue {width:92%;height:79%;top:9%;right:-2%;background:#dad7ff;border-radius:38% 48% 39% 51%;transform:rotate(-12deg)}
.art-shape-lime {width:120px;height:120px;right:-15px;bottom:2px;border-radius:50%;background:#ddf398}
.workstation {position:relative;background:#f9faff;width:100%;max-width:566px;height:377px;display:flex;flex-direction:column;box-shadow:0 35px 85px #36366b2c,0 4px 12px #37315914;border:7px solid #1e2340;border-radius:19px;transform:rotate(-3deg);overflow:hidden}
.workstation-toolbar {height:44px;background:#1e2340;color:#e6e7ff;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:0 15px;font-size:10px}
.browser-dots {display:flex;gap:5px}.browser-dots i {display:block;width:7px;height:7px;border-radius:50%;background:#65718f}.browser-dots i:first-child {background:#f39b92}.browser-dots i:nth-child(2){background:#f5c66d}.browser-dots i:nth-child(3){background:#91d5aa}
.workstation-file {display:flex;align-items:center;gap:7px;font-weight:600}.file-mini {background:#ee7384;color:#fff;padding:2px 4px;font-size:7px;font-weight:900;border-radius:3px}.ws-dots {font-size:16px;letter-spacing:2px;color:#aeb6cd}
.workstation-body {display:grid;grid-template-columns:45px 1fr 138px;flex:1;min-height:0}
.workstation-rail {display:flex;align-items:center;flex-direction:column;gap:23px;padding:20px 0;background:#fff;border-right:1px solid #e6e7ee;color:#9ca4b7;font-size:16px}
.workstation-rail>span {width:29px;height:29px;display:grid;place-items:center}.workstation-rail .rail-active {background:#eeeaff;border-radius:8px;color:#5b50eb}.workstation-rail .rail-bottom {margin-top:auto;font-size:13px}
.document-area {background:#e9edf6;display:grid;place-items:center;padding:17px}
.document-sheet {position:relative;width:225px;height:284px;background:#fff;box-shadow:0 6px 30px #39476f1b;padding:21px 23px;color:#1f2740}
.doc-label {color:#959bad;font-size:6px;letter-spacing:1.2px;font-weight:800}
.doc-heading {margin-top:13px;font-size:23px;line-height:1.07;letter-spacing:-1.1px;font-weight:850}.doc-heading span {color:#6e63eb}
.doc-divider {margin:14px 0;border-top:1px solid #e3e5ee}
.doc-lines i {display:block;height:5px;background:#dce0e9;border-radius:4px;margin:6px 0}.doc-lines .line-mid {width:72%}.doc-lines .line-short {width:55%}
.edit-selection {margin:16px -8px 8px;padding:9px 6px 9px 8px;border:1.5px solid #6557f8;background:#eeeaff;position:relative;color:#4438b3;font-size:7px;font-weight:800;white-space:nowrap}
.select-handle {position:absolute;width:6px;height:6px;right:-4px;bottom:-4px;background:#6557f8;border:1px solid white}
.doc-footer {position:absolute;bottom:15px;color:#b1b7c3;font-size:7px;right:20px}
.inspector {background:#fff;border-left:1px solid #e6e7ef;display:flex;flex-direction:column;padding:17px 12px;gap:7px;min-width:0}
.inspector-kicker {font-size:8px;font-weight:800;letter-spacing:.6px;color:#252c43;margin-bottom:10px}
.inspector-label {font-size:8px;color:#8991a1;margin-top:4px}
.inspector-field {padding:7px;border:1px solid #eceef3;border-radius:5px;display:flex;justify-content:space-between;color:#343a4e;font-size:8px}.inspector-field b {color:#989eae}
.inspector-colors {display:flex;gap:6px;margin:3px 0}.inspector-colors i {width:15px;height:15px;border-radius:50%;background:#28283d}.inspector-colors i:nth-child(2){background:#6653ef}.inspector-colors i:nth-child(3){background:#bfc1d2}.inspector-colors i:nth-child(4){background:#f4aa67}
.inspector-divider {border-top:1px solid #eff0f3;margin:8px 0}.inspector-mock-text {padding:7px;border:1px solid #e5e5ed;border-radius:5px;color:#52596a;font-size:8px;line-height:1.5}
.floating-tag {position:absolute;z-index:2;display:flex;align-items:center;gap:10px;border-radius:15px;background:#fff;box-shadow:0 15px 45px #33357029;border:1px solid #eeeef7;padding:12px 16px;min-width:165px}
.floating-tag b,.floating-tag small {display:block}.floating-tag b{font-size:12px;color:#262b40}.floating-tag small {font-size:10px;color:#8b91a1;margin-top:2px}
.floating-icon,.floating-ok {width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#eae7ff;color:#5b50eb;font-size:18px;font-weight:700}
.floating-ok {background:#daf4d8;color:#39985b}
.floating-top {right:-15px;top:36px;transform:rotate(5deg)}.floating-bottom {left:-28px;bottom:33px;transform:rotate(3deg)}
.art-caption {position:absolute;bottom:-5px;right:32px;color:#7b7c99;font-size:9px;font-weight:850;letter-spacing:1.5px}.art-caption span{font-size:22px;color:#6051e4;margin-left:8px}
.proof-strip {background:#232943;border:0}.proof-row {min-height:87px;gap:18px}
.proof-row span:first-child {font-size:10px;letter-spacing:1.7px;font-weight:800;color:#b8bfd3;white-space:nowrap}
.proof-row strong {display:flex;align-items:center;gap:10px;color:#fff;font-weight:600;font-size:12px;white-space:nowrap}
.proof-row strong i {font-size:13px;color:#d9f379;font-style:normal}
/* Tool grid and category controls */
.tools-section {padding-bottom:70px}
.section-index {color:#aaafe0;font-weight:780}
.tools-section .section-heading {margin:17px 0 26px}
.tools-section .section-heading h2,.how-head h2,.faq-preview h2 {font-size:clamp(36px,3.8vw,52px);line-height:1.16;letter-spacing:-2.5px}
.tools-section .section-heading h2 span,.how-head h2 span,.faq-preview h2 span {color:#7b8090}
.section-count {display:flex;align-items:center;gap:14px;color:#777e8f;letter-spacing:1.2px;font-size:9px;line-height:1.6;font-weight:800}
.count-large {font-size:53px;line-height:1;color:#5b50eb;letter-spacing:-3px;font-weight:800}
.tool-filters {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:21px}
.filter-btn {padding:11px 17px;border:1px solid #e4e5ea;border-radius:30px;background:#fff;color:#707788;font-size:12px;font-weight:700;transition:all .15s}
.filter-btn:hover {border-color:#bbb6fb;color:#5046cf}.filter-btn.active {background:#252c45;color:#fff;border-color:#252c45}
.filter-btn span{margin-left:7px;background:#ffffff2a;padding:2px 6px;border-radius:6px;font-size:10px}
.tools-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tool-card {background:#fff;min-height:220px;border:1px solid #e8e9ee;border-radius:22px;padding:23px 24px 21px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}
.tool-card:hover {background:#fff;transform:translateY(-5px);box-shadow:0 22px 42px #3c3c791b;border-color:#c5c2f6}
.tool-card[hidden] {display:none!important}
.tool-card-top {display:flex;align-items:flex-start;justify-content:space-between;width:100%}
.tool-ico {width:52px;height:52px;border:0;border-radius:15px;display:grid;place-items:center;background:#eeeaff;color:#5b50eb}
.tool-ico svg {width:26px;height:26px}
.tool-card:nth-child(3n+2) .tool-ico {background:#e7f4ec;color:#387c59}
.tool-card:nth-child(3n) .tool-ico {background:#fff1e5;color:#bd6d3b}
.tool-card-arrow {position:static;width:32px;height:32px;border:1px solid #eeeef3;border-radius:50%;display:grid;place-items:center;color:#777d91;font-size:17px;transition:background .2s,color .2s}
.tool-card:hover .tool-card-arrow {background:#5b50eb;color:#fff;border-color:#5b50eb}
.tool-card-bottom {display:block;margin-top:19px}
.tool-category {display:block;text-transform:uppercase;font-size:9px;color:#949cab;letter-spacing:1.4px;font-weight:800}
.tool-card h3 {margin:6px 0 6px;font-size:19px;font-weight:800;letter-spacing:-.65px;color:#242a40}
.tool-card p {margin:0;color:#7c8390;font-size:12px;line-height:1.65;max-width:320px}
.tool-card.featured {background:#5b50eb;border-color:#5b50eb}
.tool-card.featured:hover {background:#4f44d6;box-shadow:0 22px 50px #5b50eb45}
.tool-card.featured .tool-ico {background:#ffffff24;color:white}
.tool-card.featured .tool-card-arrow {color:#fff;border-color:#ffffff55}
.tool-card.featured .tool-card-arrow:hover {background:#fff;color:#5b50eb}
.tool-card.featured .tool-category {color:#e3dcff}
.tool-card.featured h3 {color:#fff}
.tool-card.featured p {color:#efedff}
.featured-note {position:absolute;top:37px;left:98px;font-size:9px;font-weight:800;letter-spacing:1px;color:#e9e3ff}
.featured-note span {color:#d8f379;margin-left:3px;font-size:13px}
.filter-empty {font-size:13px;color:#7b8290}
/* Clear three-step workflow */
.how-section {background:#eef0f9;padding:95px 0 108px;margin-top:48px}
.how-head {display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:20px 0 40px}
.how-head h2 {margin:0}.how-head p {color:#707888;font-size:14px;line-height:1.8;max-width:350px;margin:0 0 4px}
.steps-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.step-item {background:#fff;border:1px solid #e1e3ed;border-radius:22px;padding:22px 24px 25px;min-width:0}
.step-num {font-size:11px;color:#9d9eb0;letter-spacing:2px;font-weight:800}
.step-visual {height:174px;position:relative;display:grid;place-items:center;margin:10px 0 18px;border-radius:15px;overflow:hidden}
.step-visual-one {background:#eae8ff}.step-visual-two {background:#fff0db}.step-visual-three {background:#e5f2e7}
.step-page {position:absolute;width:97px;height:123px;background:white;border-radius:6px;box-shadow:0 10px 25px #39326b24;transform:rotate(-10deg)}
.step-page.back {left:calc(50% - 23px);top:33px;transform:rotate(11deg);background:#b5adfd}
.step-page.front {left:calc(50% - 66px);top:22px;padding:30px 14px}
.step-page.front i {display:block;height:7px;margin:8px 0;background:#d6d9e9;border-radius:2px}.step-page.front i:first-child {background:#7366ea;width:75%}
.step-cursor {position:absolute;left:61%;top:54%;padding:5px 10px;border-radius:8px;background:#5b50eb;color:#fff;font-size:23px;box-shadow:0 8px 15px #5b50eb40}
.step-tool {display:grid;place-items:center;background:#fff;border:2px solid #e6d4bd;width:100px;height:86px;border-radius:17px;box-shadow:0 14px 28px #bc8d5627;font-size:33px;font-weight:800;letter-spacing:-3px;color:#c27744;transform:rotate(-9deg)}
.step-pencil {position:absolute;left:60%;top:56%;font-size:30px;color:#f39c54}.step-stroke {position:absolute;height:5px;width:90px;background:#f19e54;top:72%;transform:rotate(-14deg);border-radius:50%}
.step-download {width:95px;height:95px;border-radius:27px;display:grid;place-items:center;background:#bde4b9;color:#327542;font-size:64px;line-height:1;font-weight:500;box-shadow:0 14px 24px #44843b20}
.step-download-tag {position:absolute;bottom:14px;right:20px;background:#fff;color:#377a49;padding:8px 11px;border-radius:7px;box-shadow:0 7px 22px #3164451f;font-size:8px;font-weight:850;letter-spacing:.7px}
.step-item h3 {font-size:19px;letter-spacing:-.6px;margin:7px 0 8px;color:#242a3c}
.step-item p {font-size:12px;color:#818797;line-height:1.75;margin:0;max-width:290px}
/* Feature and FAQ */
.split-section {padding-block:135px;gap:85px;grid-template-columns:1fr 1.03fr}
.feature-copy h2 {font-size:clamp(37px,4.2vw,56px);letter-spacing:-2.6px;line-height:1.12;margin-top:25px}
.feature-copy h2 span {color:#5b50eb}
.feature-copy p {font-size:14px;color:#737a8c;line-height:1.9}
.feature-link {margin-top:18px;display:inline-flex;align-items:center;gap:13px;border-bottom:1.5px solid #5b50eb;padding-bottom:8px;font-size:13px;text-decoration:none}
.feature-disclaimer {margin-top:22px!important;font-size:11px!important;color:#a1a5b1!important}
.feature-panel {border:0;border-radius:24px;padding:0;background:#202742;color:#fff;overflow:hidden;box-shadow:0 25px 50px #1f274029}
.feature-panel-top {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:25px 30px 21px;font-size:10px;letter-spacing:1.6px;font-weight:850;color:#c6cee2;border-bottom:1px solid #ffffff1a}
.live-dot {color:#d8f379;font-size:8px;letter-spacing:1px;white-space:nowrap}
.feature-panel-content {padding:8px 28px 12px}
.feature-panel-row {padding:23px 0;border-color:#ffffff20;gap:15px}
.feature-panel-row b {font-size:14px;color:#fff}
.feature-panel-row small {font-size:11px;color:#a9b2ce}
.panel-icon {width:47px;height:47px;border-radius:13px;background:#ffffff13;color:#d8f379;font-size:19px}
.checkmark {color:#d8f379;font-size:19px}
.feature-panel-footer {background:#d8f379;color:#222842;display:flex;align-items:center;justify-content:space-between;padding:15px 30px;font-size:9px;font-weight:900;letter-spacing:1.8px}
.feature-panel-footer span:last-child {font-size:23px;line-height:1}
.faq-preview {padding-top:12px;padding-bottom:40px}
.faq-preview .section-heading {margin:22px 0 36px}
.faq-preview .section-heading .feature-link {margin:0 0 7px}
.faq-list {border-color:#e0e3e9}
.faq-item {border-color:#e0e3e9;padding:2px 0}
.faq-item summary {font-size:15px;color:#2d3349;padding:22px 7px}
.faq-item summary span {width:28px;height:28px;border-radius:8px;background:#efeff9;color:#5b50eb;display:grid;place-items:center;font-size:22px}
.faq-item p {color:#747b8c;font-size:13px;margin:0 45px 25px 7px}
.end-cta {position:relative;overflow:hidden;background:#5b50eb;color:#fff;border:0;box-shadow:0 20px 40px #5b50eb22;margin-top:90px;margin-bottom:110px;padding:51px 56px;border-radius:27px;min-height:253px}
.end-cta .section-label {color:#d8f379}
.end-cta h2 {color:#fff;font-size:clamp(27px,3vw,38px);line-height:1.2;letter-spacing:-1.6px;margin:18px 0 8px}
.end-cta p {color:#e2dfff;font-size:13px}
.cta-orbit {position:absolute;width:400px;height:400px;border:1px solid #ffffff38;border-radius:50%;right:65px;top:-120px;pointer-events:none}
.cta-orbit::before,.cta-orbit::after {content:"";position:absolute;inset:43px;border:1px solid #ffffff2b;border-radius:50%}.cta-orbit::after {inset:90px;background:#ffffff09}
.btn-cta {position:relative;z-index:1;background:#d8f379;color:#242947;box-shadow:0 14px 30px #272a6b34;white-space:nowrap}
.btn-cta:hover {background:#e4fc93}
/* Shared pages inherit the same visual language */
.site-footer {background:#1d243c;border:0;padding-top:80px;color:#fff}
.site-footer .logo {color:#fff}.site-footer .logo-icon {background:#d8f379;color:#242a46}.site-footer .logo-icon span {color:#5b50eb}
.site-footer .footer-grid p {color:#aab2c8;font-size:12px}
.site-footer .footer-by {color:#d8f379!important}
.footer-grid h4 {color:#fff;font-size:13px}
.footer-grid>div:not(:first-child)>a {color:#b7c0d4;font-size:12px}
.footer-grid a:hover {color:#d8f379}
.footer-bottom {border-color:#ffffff23;color:#9da8c1}
.tool-hero {padding-top:70px}
.breadcrumb {color:#898f9f}.breadcrumb a:hover {color:#5b50eb}
.tool-hero h1 {color:#232a41;letter-spacing:-2.5px}
.tool-lead {color:#707789}
.tool-upload {background:#fff;border:1px solid #e7e8ed;box-shadow:0 16px 40px #252c490e}
.upload-top {color:#9b9ca9}.upload-round {background:#efedff;border-color:#e1dcff;color:#5b50eb}
.dropzone {background:#f7f7fd;border:1.6px dashed #aaa7e8}
.dropzone.dragover,.dropzone:hover {background:#eeebff;border-color:#5b50eb}
.upload-art {background:#e7e3ff;color:#5b50eb}
.dropzone strong {color:#292d46}
.dropzone span:not(.upload-art) {color:#6259c7}
.dropzone small {color:#858c99}
.file-summary {color:#777e8b}
.tool-fields label,.contact-card label {color:#42495c}
.tool-fields label span {color:#828b98}
.tool-fields input,.tool-fields select,.contact-card input,.contact-card select,.contact-card textarea {background:#fff;color:#283044;border:1px solid #dde0e9}
.tool-fields input:focus,.tool-fields select:focus,.contact-card input:focus,.contact-card select:focus,.contact-card textarea:focus {border-color:#5b50eb;box-shadow:0 0 0 3px #5b50eb14}
.form-hint,.safe-copy {color:#8b91a0}
.tool-message {color:#2e8a60}.tool-message.is-error{color:#bd3550}
.how-panel h2,.how-panel h3,.tool-article h2 {color:#252b42}
.tips li {color:#71798b}.tips li span {color:#5b50eb}
.how-divider {background:#e1e2eb}
.quick-links a {background:#eeedfa;color:#5b50eb;border-color:#e5e2f3}
.quick-links a:hover {color:#fff;background:#5b50eb;border-color:#5b50eb}
.tool-article>p {color:#757d8e}
.simple-hero h1 {color:#232a42}
.simple-hero h1 em {background:none;color:#5b50eb;-webkit-text-fill-color:#5b50eb}
.simple-hero p {color:#73798b}
.support-cta {background:#f0edff;border-color:#e3def7}
.support-cta h2 {color:#262a44}.support-cta p {color:#71778a}
.contact-card {background:#fff}
.contact-card h2 {color:#282d43}.contact-card>p {color:#747d8d}
.email-link {color:#5b50eb}
.contact-facts {color:#878e9e;border-color:#e7e8ee}
.article-text {color:#737a89}.article-text h2 {color:#252c43}.article-text a {color:#5b50eb}
.editor-intro h1 {color:#20273e}.editor-intro p,.editor-note{color:#757c8d}
.editor-page>.app {border-color:#dce0ea;box-shadow:0 24px 58px #21274720}
.three-steps>div {background:#fff;border-color:#e5e6ed}
.three-steps b {color:#5b50eb}.three-steps h3 {color:#242a41}.three-steps p,.fineprint {color:#808696}
/* Accessibility and responsive polish */
:focus-visible {outline:3px solid #8077f5;outline-offset:3px}
@media (max-width:1170px) {
  .homepage .hero{gap:27px}.homepage .hero h1{font-size:clamp(53px,6.2vw,74px);letter-spacing:-4.5px}
  .hero-art {transform:scale(.93);transform-origin:center right}
  .proof-row {gap:17px}.proof-row strong {font-size:11px}
  .split-section {gap:40px}
}
@media (max-width:950px) {
  .wrap {width:min(100% - 46px,780px)}.nav-shell{width:calc(100% - 46px)}
  .homepage .hero {grid-template-columns:1fr;padding:66px 0 77px;gap:27px}
  .homepage .hero h1 {font-size:clamp(52px,8vw,80px)}
  .hero-art {height:490px;width:min(100%,595px);margin:0 auto;transform:none}
  .proof-row {min-height:100px;flex-wrap:wrap;justify-content:center;padding:19px 0;gap:10px 25px}
  .proof-row span:first-child {width:100%;text-align:center}
  .tools-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .how-head {align-items:start;flex-direction:column;gap:16px}.steps-grid{gap:11px}.step-item{padding:17px}
  .split-section{grid-template-columns:1fr;padding-block:100px}.feature-panel{max-width:660px;width:100%}
}
@media (max-width:790px) {
  .site-header{position:sticky}.nav-shell{height:68px}.mobile-menu{display:block;background:#fff;color:#232a42;border-color:#dfdfeb}
  .mobile-nav.open {background:#fff}.mobile-nav>a{color:#333c53}
  .homepage .eyebrow {font-size:9px;letter-spacing:1.2px;white-space:normal}
  .homepage .hero {padding-top:48px;padding-bottom:55px}
  .homepage .hero h1 {margin-top:25px}
  .section {padding-top:85px}.how-section{margin-top:50px;padding:75px 0}
  .step-visual{height:155px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .end-cta{margin-top:65px;margin-bottom:80px}
}
@media (max-width:600px) {
  .wrap{width:calc(100% - 36px)}.nav-shell{width:calc(100% - 36px)}
  .homepage .hero h1 {font-size:clamp(42px,10.25vw,60px);letter-spacing:-2.9px;line-height:1.13}
  .accent-spark {font-size:18px;margin-top:-4px;margin-left:2px}.headline-accent::after {height:5px;bottom:-5px}
  .homepage .hero-lead {font-size:15px;line-height:1.7}.homepage .hero-bullets {gap:10px 15px;font-size:11px}
  .hero-art {height:357px;width:100%;margin:8px auto 0}
  .workstation {height:280px;border-width:5px;border-radius:15px;transform:rotate(-2deg)}
  .workstation-toolbar {height:33px;padding:0 8px;font-size:8px}
  .workstation-body {grid-template-columns:31px 1fr 82px}
  .workstation-rail {gap:14px;padding-top:12px;font-size:13px}.workstation-rail>span{width:24px;height:24px}
  .document-area {padding:7px}.document-sheet {width:163px;height:224px;padding:14px}
  .doc-heading {font-size:17px}.doc-label {font-size:5px}.doc-divider {margin:12px 0}
  .doc-lines i {height:4px;margin:5px 0}.edit-selection {font-size:5px;margin-top:12px;padding:6px 4px}
  .inspector {padding:9px 6px;gap:3px}.inspector-kicker {font-size:6px;margin-bottom:5px}.inspector-label,.inspector-field,.inspector-mock-text {font-size:6px}
  .inspector-field{padding:5px 3px}.inspector-colors{gap:3px}.inspector-colors i{width:10px;height:10px}
  .floating-tag {min-width:130px;border-radius:10px;padding:8px 10px;gap:6px}
  .floating-tag b {font-size:10px}.floating-tag small{font-size:8px}.floating-icon,.floating-ok{width:26px;height:26px;border-radius:7px;font-size:14px}
  .floating-top {right:-5px;top:4px}.floating-bottom {left:-7px;bottom:5px}
  .art-shape-lime {width:75px;height:75px;right:0;bottom:0}.art-caption{display:none}
  .proof-row strong {font-size:10px;gap:5px}.proof-row {justify-content:space-evenly;gap:12px}
  .tools-section .section-heading h2,.how-head h2,.faq-preview h2 {font-size:37px;letter-spacing:-1.8px}
  .tools-section .section-heading {align-items:start}.section-count{display:none}
  .tools-grid {grid-template-columns:1fr}.tool-card {min-height:195px;padding:21px}
  .tool-card p{max-width:none}.tool-filters{gap:7px}.filter-btn{padding:9px 12px;font-size:11px}
  .steps-grid{grid-template-columns:1fr;gap:12px}.step-item{padding:18px 23px}
  .step-visual{height:142px}.step-item p{max-width:none}
  .feature-copy h2 {font-size:43px}.feature-panel-top {padding:20px}.feature-panel-content{padding:5px 20px}.feature-panel-footer{padding:12px 20px}
  .faq-preview .section-heading{align-items:start}.faq-preview .section-heading .feature-link{margin-top:8px}
  .end-cta {padding:30px 26px;flex-direction:column;align-items:start;gap:25px}.end-cta h2{font-size:28px}.cta-orbit{right:-230px}
  .footer-grid{gap:25px}.footer-grid>div:first-child{grid-column:1/-1}
  .simple-hero h1{font-size:42px;letter-spacing:-2px}
  .tool-hero h1{font-size:38px;letter-spacing:-1.8px}
}
@media (max-width:385px) {
  .homepage .hero h1{font-size:39px;letter-spacing:-2.8px}
  .hero-art{height:310px}.workstation{height:251px}.document-sheet{width:145px;height:204px}.document-area{padding:4px}
  .workstation-body{grid-template-columns:28px 1fr 70px}.inspector {padding:7px 3px}
  .homepage .hero-actions .btn {padding:11px 12px;font-size:11px;gap:10px}
  .footer-grid {grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce) {*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Keep the logo dot inline rather than a second grid row. */
.logo-icon {display:inline-flex;align-items:center;justify-content:center}
.logo-icon span {font-size:18px;line-height:1;margin-left:-1px;transform:translateY(7px)}

/* QuickPDF Studio // Dark metallic + emerald visual system */
:root{
 color-scheme:dark;
 --bg:#090e0c;--bg2:#0e1511;--panel:#151e18;--panel2:#18251c;
 --border:#26372b;--text:#f1f7f1;--muted:#adbbaf;--quiet:#849688;
 --accent:#b5ef77;--accent2:#5c9b68;--doom-red:#8f2f37;
 --radius:20px;--shadow:0 28px 82px rgba(0,0,0,.38)
}
body{background:#090e0c;color:#ecf2ed;font-family:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif}
::selection{background:#a7ed73;color:#0b180d}
.glass{background:linear-gradient(145deg,rgba(30,43,34,.86),rgba(14,22,17,.98));border:1px solid #354339;box-shadow:0 16px 55px #0005;backdrop-filter:blur(18px)}
.site-header{background:rgba(8,13,10,.93);border-bottom:1px solid #3442398c;box-shadow:0 5px 30px #0003;backdrop-filter:blur(20px)}
.nav-shell{height:80px}
.logo{color:#f3f7f0;font-size:19px;font-weight:860;letter-spacing:-1px;gap:11px}
.logo-icon{background:linear-gradient(148deg,#c4fd83 0%,#70af67 65%,#304e37 100%);color:#111b14;border:1px solid #ddffa566;border-radius:10px;transform:none;font-size:24px;box-shadow:0 0 23px #93f26d22}
.logo-icon span{color:#1e5430}
.logo-accent{color:#baf18a;letter-spacing:.1px;margin-left:2px}
.primary-nav{color:#bcc7bd;font-size:12px;gap:29px}
.primary-nav>a:hover,.primary-nav>a.current,.menu-dropdown>summary:hover{color:#bbf48a}
.dropdown-panel{background:#111b15;border:1px solid #36473b;box-shadow:0 28px 60px #0009;color:#edf9ed}
.dropdown-panel>a:hover{background:#203729;color:#baff87}
.nav-cta{background:#aeea76;border-color:#bdf894;color:#142218;font-weight:850;border-radius:9px;box-shadow:0 5px 24px #88e36b24}
.nav-cta:hover{background:#ccff9a;border-color:#ccff9a;color:#132015}
.mobile-menu{background:#19241c;border-color:#3b4d3c;color:#eaf5e7}
.mobile-nav{background:#101812;border:1px solid #314138}.mobile-nav>a{color:#e2eddf}
.eyebrow,.section-label,.tool-eyebrow{color:#b0e789;letter-spacing:2.4px;font-size:10px;font-weight:860}
.status-dot{background:#b7f685;box-shadow:0 0 0 5px #b7f68518,0 0 24px #b7f68580}
.btn{border-radius:10px;font-weight:800;letter-spacing:.01em}
.btn-primary{background:#b8f180;color:#112017;box-shadow:0 12px 30px #a4ee6130}
.btn-primary:hover{background:#d0ffa3;color:#13231b;box-shadow:0 18px 34px #9eea7247}
.btn-outline{background:#18231b;color:#e7efe5;border:1px solid #4b5d4d;box-shadow:none}
.btn-outline:hover{background:#293d2d;border-color:#b4f18c;color:#f5fff4}
.text-link,.feature-link{color:#c1fb8d}
.section-heading h2,.feature-copy h2{color:#eef3ea}
.section-heading h2 span,.feature-copy h2 span{color:#87988b}
.section-heading p,.feature-copy p{color:#a7b6a9}
.section-count{color:#8ea092}
/* Industrial gradient backdrop with self-contained editorial graphics */
.home-hero-backdrop{background:radial-gradient(ellipse 44% 60% at 81% 33%,#315b3658,transparent 72%),radial-gradient(ellipse 35% 74% at 6% 90%,#24482d2d,transparent 80%),linear-gradient(122deg,#070b09 0%,#101c13 53%,#0a100e 100%);border-bottom:1px solid #304835;isolation:isolate}
.home-hero-backdrop::before{right:-45px;top:5px;width:65%;height:98%;opacity:.35;background-image:linear-gradient(115deg,transparent 47%,#9eba9350 48%,transparent 49%),repeating-linear-gradient(0deg,transparent 0 42px,#67876b1c 43px 44px);background-size:260px 260px,100% 52px;mask-image:linear-gradient(90deg,transparent,#000 51%)}
.home-hero-backdrop::after{position:absolute;content:"";width:380px;height:380px;right:20%;top:50%;border:1px solid #9dba9940;transform:translateY(-50%) rotate(45deg);box-shadow:0 0 0 75px #273f2e12,0 0 0 76px #708b7228;pointer-events:none;z-index:-1}
.homepage .hero{min-height:725px;grid-template-columns:1.09fr .91fr;gap:42px;padding-top:90px;padding-bottom:99px}
.homepage .eyebrow{color:#bce891;letter-spacing:2.2px}
.eyebrow-rule{background:linear-gradient(90deg,#527957,transparent);width:70px}
.homepage .hero h1{font-size:clamp(58px,5.6vw,82px);line-height:1.045;letter-spacing:-5px;font-weight:880;margin:31px 0 29px;color:#f7faf5}
.headline-accent{color:#bff18b;background:linear-gradient(150deg,#e4ffd3 0%,#a9ec72 54%,#65a66b 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.headline-accent::after{height:3px;bottom:-10px;right:5%;background:linear-gradient(90deg,#b6f78f,#335f3b,transparent);border-radius:2px;transform:rotate(-1deg)}
.accent-spark{color:#a2dd78;-webkit-text-fill-color:#a2dd78;font-size:24px}
.homepage .hero-lead{color:#b1c0b1;font-size:17px;max-width:515px}
.homepage .hero-actions .btn-primary{padding:13px 15px 13px 22px}
.btn-circle{background:#0c1a1030;color:#152418;border:1px solid #14341a40}
.homepage .hero-bullets{color:#a0b2a1;margin-top:33px}
.homepage .hero-bullets i{color:#c1ffa1;background:#335b37;border:1px solid #4b8053}
/* 3D document-workspace stage */
.hero-art{height:550px}
.art-shape-blue{width:93%;height:83%;top:7%;right:-6%;border-radius:31% 37% 27% 34%;transform:rotate(-15deg);background:linear-gradient(140deg,#31593e,#101d15 56%,#193a24);border:1px solid #63976a4f;box-shadow:inset 0 0 80px #a5f38a16,0 0 92px #2d8b332a}
.art-shape-lime{background:radial-gradient(circle at 35% 36%,#b3f47a,#4b8c56 70%,#2b5636);box-shadow:0 0 95px #58ad4b88;width:120px;height:120px;right:2%;bottom:4%}
.workstation{max-width:580px;height:385px;border:7px solid #26382e;background:#101913;border-radius:15px;box-shadow:0 45px 100px #000c,0 0 0 1px #72927379,inset 0 1px 0 #fff1;transform:rotate(-2.7deg)}
.workstation-toolbar{background:linear-gradient(90deg,#19291e,#111d16);border-bottom:1px solid #5061517c;color:#d9e7d9}
.browser-dots i{background:#53695a}.browser-dots i:first-child{background:#974047}.browser-dots i:nth-child(2){background:#809079}.browser-dots i:nth-child(3){background:#b4f28c}
.file-mini{background:#6c9c65;color:#101b11}
.workstation-rail{background:#18261d;border-right:1px solid #344538;color:#87978a}
.workstation-rail .rail-active{background:#365b3e;color:#c7ffab}
.document-area{background:linear-gradient(145deg,#354b3b,#18251b);padding:17px}
.document-sheet{background:#f3f5ef;color:#1c2c20;box-shadow:0 12px 30px #06100ba0}
.doc-heading{color:#142217}.doc-heading span{color:#528a51}
.doc-label{color:#718772}.doc-lines i{background:#bbc9bd}.doc-divider{border-color:#cad4c8}
.edit-selection{background:#dcf6d3;border:1.5px solid #63a454;color:#305b35}.select-handle{background:#62a94b}
.inspector{background:#e7ece6;border-left:1px solid #bac7ba}.inspector-kicker{color:#253a28}.inspector-label{color:#6c8070}
.inspector-field{background:#f5f7f2;border-color:#b9c9b9;color:#263e2e}.inspector-field b{color:#739375}
.inspector-colors i{background:#203d26}.inspector-colors i:nth-child(2){background:#85bd5b}.inspector-colors i:nth-child(3){background:#a2aea2}.inspector-colors i:nth-child(4){background:#8a313a}
.inspector-divider{border-color:#b9c7b9}.inspector-mock-text{color:#445845;border-color:#bfcabd;background:#f5f7f2}
.floating-tag{background:linear-gradient(145deg,#1e3023,#111d15);border:1px solid #608369a0;border-radius:12px;box-shadow:0 14px 44px #000b}
.floating-tag b{color:#efffed}.floating-tag small{color:#9eba9d}
.floating-icon,.floating-ok{background:#3c603d;color:#d0ffab}.floating-ok{background:#183e25;color:#a2f782}
.art-caption{color:#9fba9c}.art-caption span{color:#baf492}
/* Page-section treatment */
.proof-strip{background:#101a13;border-bottom:1px solid #334b35;border-top:1px solid #34563c}
.proof-row span:first-child{color:#91ab96}.proof-row strong{color:#d3dfd1}.proof-row strong i{color:#b6f18e}
.section-index{color:#597d61}
.tools-section{padding-top:115px;padding-bottom:115px}
.tools-section .section-heading h2 span,.how-head h2 span,.faq-preview h2 span{color:#768c7b}
.count-large{color:#b9ed8e}
.filter-btn{background:#111a14;border:1px solid #354737;color:#afbbac}
.filter-btn:hover{border-color:#9de573;color:#d6ffc2;background:#1c3120}
.filter-btn.active{background:#acdF79;border-color:#acdF79;color:#122116}
.filter-btn.active span{background:#2e542f40}
.tool-card{background:linear-gradient(143deg,#19261d,#111a14 64%,#101712);border:1px solid #344538;box-shadow:inset 0 1px 0 #ffffff08;min-height:238px;border-radius:16px}
.tool-card:hover{background:linear-gradient(135deg,#233828,#18241b);border-color:#7fb879;box-shadow:0 25px 48px #0009,0 0 0 1px #a1e78812;transform:translateY(-6px)}
.tool-ico{background:#2b4732;color:#c3f6a1;border:1px solid #537559;border-radius:13px}
.tool-card:nth-child(3n+2) .tool-ico{background:#28382e;color:#a6d7b0}
.tool-card:nth-child(3n) .tool-ico{background:#352c2a;color:#d3a69f}
.tool-card-arrow{border-color:#4c6550;color:#bad4ba}
.tool-card:hover .tool-card-arrow{background:#a3e878;color:#102113;border-color:#a3e878}
.tool-category{color:#89a68c}
.tool-card h3{color:#f3faf0}
.tool-card p{color:#a8bbaa}
.tool-card.featured{background:linear-gradient(145deg,#294b30 0%,#1c3e25 64%,#102317 100%);border-color:#7ab276;box-shadow:inset 0 1px 0 #ffffff1e,0 10px 44px #69a34b14}
.tool-card.featured:hover{background:linear-gradient(145deg,#35663d,#244c2a);box-shadow:0 26px 58px #44863d3c}
.tool-card.featured .tool-ico{background:#b5ee842e;color:#d4ffc0;border-color:#b9f3a13b}
.tool-card.featured .tool-card-arrow{color:#d1f7cf;border-color:#8bc99880}
.tool-card.featured .tool-category{color:#a7d4ac}.tool-card.featured h3{color:#fff}.tool-card.featured p{color:#c5ddc6}
.featured-note{color:#bfe9b3}.featured-note span{color:#c5f68e}
.filter-empty{color:#99b59c}
.how-section{background:linear-gradient(120deg,#121d15,#18241b 55%,#111a13);border-top:1px solid #2c422e;border-bottom:1px solid #2d422f}
.how-head p{color:#a4b6a6}
.step-item{background:#121c16;border:1px solid #324735;border-radius:18px;box-shadow:0 10px 35px #0002}
.step-num{color:#93bd8b}
.step-visual-one{background:linear-gradient(135deg,#25442e,#15271b)}
.step-visual-two{background:linear-gradient(135deg,#3b302b,#201c19)}
.step-visual-three{background:linear-gradient(135deg,#263d28,#162b1c)}
.step-page{background:#eaf0e8;box-shadow:0 10px 25px #0005}
.step-page.back{background:#598963}.step-page.front i{background:#b9cbbb}.step-page.front i:first-child{background:#6da361}
.step-cursor{background:#b3ed83;color:#163017;box-shadow:0 8px 15px #b5e87955}
.step-tool{background:#d6ded2;border-color:#637c65;color:#294a2d;box-shadow:0 14px 28px #0005}
.step-pencil{color:#dc857f}.step-stroke{background:#ac5c57}
.step-download{background:#3c7042;color:#c9ffa6;box-shadow:0 14px 24px #162a1c}
.step-download-tag{background:#dbf4d8;color:#23512c}
.step-item h3{color:#f2f8f0}.step-item p{color:#9fb6a1}
.split-section{padding-block:135px}
.feature-copy h2 span{color:#baef8f}.feature-copy p{color:#a6b8aa}
.feature-link{border-color:#8bd26d;color:#bcf39b}
.feature-disclaimer{color:#819485!important}
.feature-panel{background:linear-gradient(140deg,#192a20,#101b15);border:1px solid #3d6245;box-shadow:0 28px 68px #0007}
.feature-panel-top{color:#b6d3b8;border-color:#35533d}.live-dot{color:#b7f28c}
.feature-panel-row{border-color:#35513e}.feature-panel-row b{color:#f5fbf4}.feature-panel-row small{color:#9ebaa5}
.panel-icon{background:#2f4834;color:#c4ff9a}.checkmark{color:#beee9b}
.feature-panel-footer{background:linear-gradient(92deg,#a6df74,#d5f8aa);color:#17301d}
.faq-list{border-color:#314235}.faq-item{border-color:#314235}
.faq-item summary{color:#e5efe2}.faq-item summary span{background:#203327;color:#b2ef90}
.faq-item p{color:#a3b9a6}
.end-cta{background:radial-gradient(circle at 82% 20%,#5d9d5d58,transparent 42%),linear-gradient(108deg,#1f4227,#102217);border:1px solid #659367;box-shadow:0 22px 65px #0009}
.end-cta .section-label{color:#c5f58e}.end-cta h2{color:#f5fff2}.end-cta p{color:#b7d8b7}
.cta-orbit{border-color:#b9f6a633}.cta-orbit::before,.cta-orbit::after{border-color:#b3e69524;background:transparent}
.btn-cta{background:#c5f692;color:#112c16}.btn-cta:hover{background:#e1ffbc}
.site-footer{background:#080c09;border-top:1px solid #304133;color:#e6f2e3}
.site-footer .logo-icon{background:linear-gradient(140deg,#c6fb8d,#5fa36d);color:#132117}
.site-footer .logo-icon span{color:#22442b}.site-footer .logo{color:#edf7ea}.site-footer .footer-by{color:#99b69c!important;font-size:10px}
.site-footer .footer-grid p{color:#94a995}.footer-grid h4{color:#ecf5e9}
.footer-grid>div:not(:first-child)>a{color:#9fb5a1}.footer-grid a:hover{color:#bcf191}
.footer-bottom{border-color:#304233;color:#7e9581}
/* Dedicated SEO pages, conversion forms, help and contact */
.breadcrumb{color:#9bad9b}.breadcrumb a:hover{color:#c8ff9d}
.tool-hero h1,.simple-hero h1,.editor-intro h1{color:#f2f9ef}
.tool-lead,.simple-hero p,.editor-intro p,.editor-note{color:#a7bcab}
.tool-upload,.contact-card{background:linear-gradient(145deg,#17251b,#111912);border:1px solid #3b503d;box-shadow:0 18px 62px #0006}
.upload-top{color:#97b79a}.upload-round{background:#294331;border-color:#53795b;color:#b7ee9b}
.dropzone{background:#142318;border:1.6px dashed #58795a}
.dropzone.dragover,.dropzone:hover{background:#1f3725;border-color:#b5ef86}
.upload-art{background:#294a32;color:#c4f79e}
.dropzone strong{color:#ecf6e9}.dropzone span:not(.upload-art){color:#b7ed92}.dropzone small{color:#93ab96}
.file-summary,.safe-copy,.form-hint{color:#95aa98}
.tool-fields label,.contact-card label{color:#c3d6c4}.tool-fields label span{color:#91a896}
.tool-fields input,.tool-fields select,.contact-card input,.contact-card select,.contact-card textarea{background:#0f1a12;color:#f0f6ed;border:1px solid #48604d}
.tool-fields input:focus,.tool-fields select:focus,.contact-card input:focus,.contact-card select:focus,.contact-card textarea:focus{border-color:#b6eb85;box-shadow:0 0 0 3px #adf78821}
.tool-message{color:#b6f38d}.tool-message.is-error{color:#e59796}
.how-panel h2,.how-panel h3,.tool-article h2{color:#eaf4e8}
.tips li{color:#acbfae}.tips li span{color:#b3f187}.how-divider{background:#324b37}
.quick-links a{background:#1c3122;color:#c5f3ae;border-color:#3c5c43}.quick-links a:hover{background:#a9e57b;color:#142b19;border-color:#a9e57b}
.tool-article>p{color:#9cb3a0}
.simple-hero h1{color:#eaf4e7}.simple-hero h1 em{color:#bdf28c;-webkit-text-fill-color:#bdf28c}
.simple-hero p{color:#a7b7aa}
.support-cta{background:#192a1d;border-color:#426347}.support-cta h2{color:#f2f7f1}.support-cta p{color:#aabbaa}
.contact-card h2{color:#ecf6e9}.contact-card>p{color:#b5c7b4}
.email-link{color:#c1f395}.contact-facts{color:#91a991;border-color:#38513b}
.article-text{color:#a9bba8}.article-text h2{color:#edf9e9}.article-text a{color:#bbf28d}
.editor-intro h1{color:#f0f8ec}.editor-intro p,.editor-note{color:#a3b4a3}
.editor-page>.app{border-color:#50664f;box-shadow:0 24px 72px #000b}
.three-steps>div{background:#17231a;border-color:#3b4c3b}.three-steps b{color:#b5ec85}.three-steps h3{color:#eff6ed}.three-steps p,.fineprint{color:#99af9c}
:focus-visible{outline:3px solid #c1f498;outline-offset:3px}
@media(max-width:950px){
 .homepage .hero{grid-template-columns:1fr;gap:27px;padding-top:64px;padding-bottom:78px}
 .hero-art{height:490px}.home-hero-backdrop::after{right:10%;top:60%;opacity:.55}
}
@media(max-width:680px){
 .wrap{width:calc(100% - 36px)}.nav-shell{width:calc(100% - 36px)}
 .homepage .hero h1{font-size:clamp(43px,10vw,60px);letter-spacing:-3.5px}
 .homepage .hero-lead{font-size:15px}.homepage .hero-bullets{gap:12px}
 .hero-art{height:344px}.workstation{border-width:4px}.floating-tag{padding:8px 10px;min-width:120px}
 .floating-tag b{font-size:10px}.floating-tag small{font-size:8px}
 .tool-card{min-height:202px}.tools-section{padding-top:70px;padding-bottom:60px}
 .how-section{padding-block:75px}.split-section{padding-block:85px}
 .end-cta{margin-top:58px;margin-bottom:70px}
}
@media (prefers-reduced-motion:reduce){.tool-card,.btn,.filter-btn{transition:none}}
/* Phase 1 controls — retained Doom-inspired dark steel and emerald palette */
.utility-page .tool-upload{overflow:visible}
.field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.field-pair>div{min-width:0}
.tool-fields label.check-option,.tool-fields label.reveal-password{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#b5c9b7;margin:9px 0}
.tool-fields label.check-option input,.tool-fields label.reveal-password input{width:17px;height:17px;accent-color:#b5ef77;flex:none;box-shadow:none;margin:0}
.organize-status{padding:12px 14px;border:1px solid #3b6144;background:#172c1d;border-radius:11px;margin-top:15px;color:#c7efb6;font-size:13px}
.organizer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;max-height:560px;overflow-y:auto;margin-top:15px;padding:1px}
.organizer-card{background:#111c15;border:1px solid #405344;border-radius:12px;padding:8px;min-width:0;cursor:grab;user-select:none}
.organizer-card:active{cursor:grabbing}.organizer-card.drag-target{border-color:#b5ef77;box-shadow:0 0 0 2px #b5ef7755}.organizer-card.being-dragged{opacity:.5}
.organizer-preview{display:grid;place-items:center;background:#354638;border-radius:8px;height:158px;position:relative;overflow:hidden}
.organizer-preview img{max-width:100%;max-height:150px;object-fit:contain;box-shadow:0 3px 10px #0008}
.page-badge{position:absolute;left:7px;top:6px;padding:3px 7px;background:#14241bd9;color:#c5f7ac;font-size:10px;border-radius:5px}
.organizer-caption{font-size:11px;text-align:center;color:#b6cbb8;margin:9px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.organizer-actions{display:flex;gap:3px;justify-content:space-between}
.organizer-actions button,.mini-action,.mini-upload{cursor:pointer;display:inline-grid;place-items:center;border:1px solid #4b6950;background:#24372a;color:#d2f5c3;border-radius:7px;padding:5px 8px;font-size:14px;min-width:22px;min-height:28px}
.organizer-actions button:hover:not(:disabled),.mini-action:hover,.mini-upload:hover{border-color:#b5ef77;background:#416348;color:white}
.organizer-actions button:disabled{opacity:.28;cursor:not-allowed}
.organizer-grid:empty{display:none}
#signatureCanvas{width:100%;height:auto;max-height:220px;display:block;background:#f4f6f1;border:1px solid #76977e;border-radius:10px;touch-action:none;cursor:crosshair}
.sign-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}
.mini-action,.mini-upload{font-size:12px;font-weight:600;padding:8px 12px}
#signatureTyped[hidden],#signatureDraw[hidden]{display:none!important}
.tool-fields input:invalid:not(:placeholder-shown){border-color:#a35b5b}
@media(max-width:570px){.organizer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.organizer-preview{height:135px}.field-pair{grid-template-columns:1fr}.sign-actions{flex-direction:column;align-items:stretch}}


/* QuickPDF Studio brand assets */
.logo.logo-image{gap:0;line-height:0}.logo-mark{display:block;height:54px;width:auto;max-width:min(300px,42vw);object-fit:contain}.footer-logo-mark{height:60px;max-width:min(320px,62vw)}.site-footer .logo.logo-image{display:inline-flex}@media (max-width: 900px){.logo-mark{height:46px;max-width:240px}.footer-logo-mark{height:52px}}