/* V5.9.1 Phase A: Noble Ink tokens (assets/css/brand.css). Colours, radii, shadows and fonts come from var(--np-*). */

:root{--purple:var(--np-brand);--purple2:var(--np-brand);--ink:var(--np-ink);--muted:var(--np-muted);--line:var(--np-border);--soft:var(--np-surface);--navy:var(--np-ink);--green:var(--np-success);--danger:var(--np-danger)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--np-font-sans);color:var(--ink);background:var(--np-white);-webkit-font-smoothing:antialiased}.site-header{height:76px;display:flex;align-items:center;padding:0 5vw;position:sticky;top:0;z-index:50;background:var(--np-white);backdrop-filter:blur(16px);border-bottom:1px solid var(--np-border);gap:36px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:19px;font-weight:800;letter-spacing:-.025em;color:var(--np-ink)}.brand-mark{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#7a59ff,#4d5cf5);color:#fff;font-weight:800;font-style:italic}.nav{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:13px}.nav a{text-decoration:none;color:var(--np-ink)}.nav a.active{font-weight:700;color:var(--np-ink)}.header-actions{margin-left:0;display:flex;gap:9px}.btn{min-height:43px;padding:0 18px;border:1px solid var(--np-border);border-radius:var(--np-radius-sm);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:var(--np-white);color:var(--np-ink)}.btn.primary{background:var(--purple);color:var(--np-white);border-color:var(--purple)}
.hero{text-align:center;padding:44px 20px 28px}.eyebrow{display:inline-flex;padding:7px 11px;border-radius:var(--np-radius-pill);background:var(--np-brand-soft);color:var(--np-brand);font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.hero h1{font-size:clamp(38px,4vw,54px);letter-spacing:-.045em;line-height:1.04;margin:14px 0 0}.hero p{max-width:720px;margin:15px auto 0;color:var(--np-muted);line-height:1.7;font-size:14px}
.tool-shell{max-width:1040px;margin:0 auto;padding:0 18px 76px}.tool-card{border:1px solid var(--np-border);border-radius:var(--np-radius-lg);overflow:hidden;background:var(--np-white);box-shadow:var(--np-shadow-2)}.dropzone{margin:22px;border:2px dashed var(--np-border-strong);border-radius:var(--np-radius-lg);min-height:260px;padding:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:var(--np-surface);transition:.18s}.dropzone:hover,.dropzone.drag{border-color:var(--np-brand);background:var(--np-brand-soft)}.upload-icon{width:58px;height:58px;border-radius:var(--np-radius-md);display:grid;place-items:center;background:var(--accent,var(--np-brand));color:var(--accent-ink,var(--np-white));font-weight:900;font-size:15px}.dropzone h2{font-size:21px;margin:15px 0 7px}.dropzone p{margin:0;color:var(--np-muted);font-size:13px}.choose-btn,.action-btn,.download-btn{border:0;border-radius:var(--np-radius-sm);background:var(--np-brand);color:var(--np-white);font-weight:800;font-family:inherit;cursor:pointer}.choose-btn{min-height:46px;padding:0 22px;margin:17px 0 8px;font-size:13.3333px}.action-btn,.download-btn{width:100%;min-height:48px;padding:0 18px}.action-btn:disabled{opacity:.45;cursor:not-allowed}.drop-hint{font-size:13px!important}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--np-border);border-bottom:1px solid var(--np-border)}.trust-item{min-height:54px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--np-ink-2);font-size:13px;padding:10px}.trust-item+.trust-item{border-left:1px solid var(--np-border)}.trust-check{color:var(--np-success);font-weight:900}
.workspace{display:none;padding:22px}.workspace.show{display:block}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:20px}.preview-card{background:var(--np-surface);border-radius:var(--np-radius-md);min-height:360px;padding:18px;display:flex;align-items:center;justify-content:center;overflow:auto}.preview-card canvas{max-width:100%;height:auto;background:var(--np-white);box-shadow:var(--np-shadow-2)}.doc-preview{width:100%;height:100%;min-height:320px;background:var(--np-white);border-radius:var(--np-radius-sm);overflow:auto;padding:12px}.sheet-preview{width:100%;background:var(--np-white);overflow:auto;border-radius:var(--np-radius-sm)}.sheet-preview table{border-collapse:collapse;min-width:100%;font-size:12px}.sheet-preview th,.sheet-preview td{border:1px solid var(--np-border);padding:5px 7px;white-space:nowrap}.sheet-preview th{background:var(--np-surface);font-weight:700}.settings{min-width:0}.file-row{display:flex;align-items:center;gap:11px;padding-bottom:16px;border-bottom:1px solid var(--np-border)}.file-icon{width:42px;height:42px;border-radius:var(--np-radius-sm);display:grid;place-items:center;background:var(--accent,var(--np-brand));color:var(--accent-ink,var(--np-white));font-size:11px;font-weight:900}.file-meta{min-width:0;flex:1}.file-name{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-detail{font-size:13px;color:var(--np-muted);margin-top:4px}.text-btn{border:0;background:transparent;color:var(--np-brand);font:700 13px var(--np-font-sans);cursor:pointer}.setting{padding:16px 0;border-bottom:1px solid var(--np-border)}.setting>label,.setting-title{display:block;font-size:13px;font-weight:800;margin-bottom:8px}.setting select{width:100%;height:42px;border:1px solid var(--np-border-strong);border-radius:var(--np-radius-sm);padding:0 10px;background:var(--np-white);font:600 13px var(--np-font-sans)}.check{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--np-muted)}.check input{margin-top:2px}.notice{margin:14px 0;padding:11px 12px;border-radius:var(--np-radius-sm);background:var(--np-brand-soft);color:var(--np-ink-2);font-size:13px;line-height:1.55}.notice.warn{background:var(--np-surface);color:var(--np-ink-2)}.progress-wrap{display:none;margin-top:14px}.progress-wrap.show{display:block}.progress-head{display:flex;justify-content:space-between;font-size:13px;color:var(--np-muted);margin-bottom:7px}.progress{height:7px;background:var(--np-border);border-radius:var(--np-radius-pill);overflow:hidden}.progress span{display:block;width:0;height:100%;background:var(--np-brand);transition:width .15s}.error{display:none;margin-top:12px;padding:10px 11px;border-radius:var(--np-radius-sm);background:var(--np-danger-soft);color:var(--np-danger);font-size:14px;line-height:1.5}.error.show{display:block}.result{display:none;margin-top:14px;padding:14px;border-radius:var(--np-radius-sm);background:var(--np-success-soft);border:1px solid var(--np-success-soft)}.result.show{display:block}.result h3{margin:0;font-size:13px}.result p{font-size:13px;color:var(--np-ink-2);line-height:1.5}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0}.stat{background:var(--np-white);border-radius:var(--np-radius-sm);padding:9px}.stat span{display:block;font-size:13px;color:var(--np-muted)}.stat strong{display:block;font-size:14px;margin-top:3px}.secondary-btn{width:100%;min-height:42px;margin-top:8px;border:1px solid var(--np-border);border-radius:var(--np-radius-sm);background:var(--np-white);font:750 13px var(--np-font-sans);cursor:pointer}
.content{max-width:960px;margin:70px auto 0}.section-intro{text-align:center;max-width:700px;margin:0 auto}.section-intro h2{font-size:29px;letter-spacing:-.025em;margin:0}.section-intro p{font-size:14px;color:var(--np-muted);line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.feature{border:1px solid var(--np-border);border-radius:var(--np-radius-md);padding:19px}.feature-icon{width:38px;height:38px;border-radius:var(--np-radius-sm);background:var(--np-brand-soft);color:var(--np-brand);display:grid;place-items:center;font-weight:900;margin-bottom:14px}.feature h3{margin:0;font-size:14px}.feature p{margin:8px 0 0;color:var(--np-muted);font-size:13px;line-height:1.65}.steps{margin-top:68px;background:var(--np-surface);border-radius:var(--np-radius-lg);padding:32px}.steps h2{margin:0 0 24px;text-align:center;font-size:26px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--purple);color:var(--np-white);font-weight:800;font-size:12px}.step h3{font-size:13px;margin:10px 0 5px}.step p{margin:0;color:var(--np-muted);font-size:13px;line-height:1.6}.faq{margin-top:68px}.faq h2{text-align:center;font-size:27px}.faq details{max-width:760px;margin:10px auto;border:1px solid var(--np-border);border-radius:var(--np-radius-sm);padding:14px 16px}.faq summary{cursor:pointer;font-weight:750;font-size:14px}.faq p{color:var(--np-muted);font-size:13px;line-height:1.65;margin:10px 0 0}.related{margin-top:68px}.related h2{text-align:center}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related a{text-decoration:none;color:var(--np-ink);border:1px solid var(--np-border);border-radius:var(--np-radius-md);padding:16px;font-size:13px;font-weight:800}.related a span{display:block;color:var(--np-muted);font-size:13px;font-weight:500;margin-top:5px;line-height:1.5}footer{border-top:1px solid var(--np-border);min-height:84px;padding:20px clamp(18px,3vw,48px);display:flex;align-items:center;gap:20px;color:var(--np-muted);font-size:13px}footer .spacer{flex:1}footer a{text-decoration:none;color:inherit}
@media(max-width:820px){.nav{display:none}.workspace-grid{grid-template-columns:1fr}.preview-card{min-height:300px}.trust-row{grid-template-columns:1fr}.trust-item+.trust-item{border-left:0;border-top:1px solid var(--np-border)}.feature-grid,.step-grid,.related-grid{grid-template-columns:1fr}.content{margin-top:54px}.hero{padding-top:34px}.workspace{padding:16px}.dropzone{margin:16px}footer{flex-wrap:wrap}footer .spacer{display:none}}@media(max-width:560px){.header-actions .btn:first-child{display:none}.site-header{padding:0 14px}.hero h1{font-size:36px}.dropzone{padding:26px 16px}.stats{grid-template-columns:1fr}.preview-card{min-height:240px}.steps{padding:24px 18px}footer{flex-wrap:wrap}}@media(pointer:coarse){button,.btn,.text-btn,select{min-height:44px}select{font-size:16px}a,button{-webkit-tap-highlight-color:transparent}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* ==========================================================
   NoblePDF V5.8.9 - shared hardening
   ========================================================== */

/* Opt-in control used by HTML to PDF for external assets. */
.switch-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer;
  font-weight:600;color:var(--np-ink);line-height:1.4;min-height:44px}
.switch-row input[type=checkbox]{width:22px;height:22px;margin-top:1px;
  flex:0 0 22px;accent-color:var(--np-brand);cursor:pointer}
.setting-hint{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--np-muted)}

/* Keyboard focus ring - drag/drop must never be the only affordance, and
   every control must be reachable and visible by Tab. */
a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible,
[role="button"]:focus-visible,.dropzone:focus-visible{
  outline:3px solid var(--np-brand);outline-offset:2px;border-radius:var(--np-radius-sm)}

@media (pointer:coarse){
  a,button,label,[role="button"]{-webkit-tap-highlight-color:transparent}
  .choose-btn,.action-btn,.download-btn,.again-btn,.replace-btn{min-height:48px}
  .thumb{min-width:44px;min-height:44px}
  /* iOS Safari focus-zooms text-like controls below 16px. Keep checkboxes,
     radios, ranges, colours and hidden file inputs at their native sizing. */
  input:not([type=file]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),
  textarea,select{font-size:16px!important}
  input:not([type=file]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),
  textarea,select{min-height:44px}
}

/* Honour the OS reduce-motion setting. */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;
    animation-iteration-count:1!important;transition-duration:.001ms!important;
    scroll-behavior:auto!important}
}

/* A narrow phone or iPad Split View must never scroll sideways. */
html{max-width:100%;overflow-x:clip}body{max-width:100%}
img,canvas,svg,table{max-width:100%}

.skip-link{position:fixed;left:12px;top:10px;z-index:1000;background:var(--np-ink);color:var(--np-white);padding:10px 13px;border-radius:var(--np-radius-sm);transform:translateY(-160%)}.skip-link:focus{transform:none}.editorial-depth p{font-size:14px;line-height:1.75;color:var(--np-muted);max-width:820px;margin:12px auto}.editorial-depth a{color:var(--np-brand)}

/* V5.9.1 Phase A: distinct hover and pressed states for primary actions */
.btn.primary:hover,.choose-btn:hover,.action-btn:hover,.download-btn:hover{background:var(--np-brand-hover)}.btn.primary:active,.choose-btn:active,.action-btn:active,.download-btn:active{background:var(--np-brand-press)}

@media(max-width:905px){footer{flex-wrap:wrap}footer .spacer{display:none}}