/*
 * NOTA CAPITAL / clean fintech visual layer
 * Loaded after tokens.css and site.css. The generated markup remains the API:
 * this file only changes presentation and responsive geometry.
 */
@font-face{
  font-family:Manrope;
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url('/assets/fonts/manrope-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:Manrope;
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url('/assets/fonts/manrope-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --nc-ink:#142735;
  --nc-ink-soft:#425866;
  --nc-muted:#61727d;
  --nc-navy:#142735;
  --nc-navy-2:#244556;
  --nc-blue:#7f5700;
  --nc-blue-soft:#fff2d1;
  --nc-page:#f6f7f5;
  --nc-surface:#ffffff;
  --nc-surface-soft:#edf1f3;
  --nc-line:#d9e1e5;
  --nc-line-strong:#b9c7ce;
  --nc-danger:#a53c48;
  --nc-success:#17785f;
  --nc-shadow:0 10px 30px rgba(20,39,53,.07);
  --nc-shadow-lg:0 18px 46px rgba(20,39,53,.11);
  --nc-radius:12px;
  --nc-radius-lg:18px;
  --nc-max:1280px;
  --nc-content:70ch;

  /* Legacy aliases. Explicit old declarations inherit the new system. */
  --ink:var(--nc-ink);
  --ink-2:var(--nc-ink-soft);
  --muted:var(--nc-muted);
  --muted-2:var(--nc-muted);
  --paper:var(--nc-surface);
  --cream:var(--nc-page);
  --cream-2:var(--nc-surface-soft);
  --navy:var(--nc-navy);
  --navy-2:var(--nc-navy-2);
  --green:var(--nc-success);
  --gold:var(--nc-blue);
  --gold-2:#ffcf67;
  --red:var(--nc-danger);
  --line:var(--nc-line);
  --line-2:var(--nc-line-strong);
  --white:#fff;
  --shadow:var(--nc-shadow);
  --r:var(--nc-radius-lg);
  --r2:22px;
  --serif:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --sans:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --font-display:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --max:var(--nc-max);
  --layout-aside:300px;
  --layout-gap:72px;
  --measure-article:var(--nc-content);
  --radius-sm:8px;
  --radius-md:10px;
  --radius-lg:16px;
  --radius-xl:20px;
  --shadow-sm:var(--nc-shadow);
  --shadow-md:var(--nc-shadow);
  --shadow-lg:var(--nc-shadow-lg);
  --shadow-top-sm:0 -10px 28px rgba(20,39,53,.12);
  --focus-ring:0 0 0 4px rgba(255,191,67,.28);
  --focus-outline:#8a5b00;
  --nk-focus:#8a5b00;
  --section-y:clamp(56px,4vw,88px);
  --nc-saffron:#ffbf43;
  --nc-saffron-soft:#fff2d1;
  --nc-saffron-deep:#8a5b00;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:92px}
body{
  background:var(--nc-page);
  color:var(--nc-ink);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;

}
body::before{display:none}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
::selection{background:var(--nc-saffron);color:var(--nc-navy)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:3px solid var(--focus-outline);
  outline-offset:3px;
  border-radius:6px;
}
.wrap,.container{width:min(var(--nc-max),calc(100% - 64px));margin-inline:auto}

/* Header and navigation */
.top{
  position:sticky;
  top:0;
  z-index:60;
  min-height:72px;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--nc-line);
  box-shadow:0 4px 18px rgba(15,39,70,.035);
  backdrop-filter:blur(16px);
}
.nav{min-height:72px;display:flex;align-items:center;gap:26px;padding:0}
.brand{display:inline-flex;align-items:center;flex:0 0 auto;color:var(--nc-navy)}
.brand-logo{display:block;width:166px;height:auto;max-height:30px;object-fit:contain;object-position:left center}
.navlinks{display:flex;align-items:center;justify-content:center;gap:15px;min-width:0;flex:1;color:var(--nc-ink-soft);font-size:13px;line-height:1.3}
.navlinks>a,.nav-group>summary{transition:color .18s ease,background .18s ease}
.navlinks>a:hover,.navlinks>a:focus-visible,.nav-group>summary:hover,.nav-group>summary:focus-visible{color:var(--nc-blue)}
.nav-direct{display:flex;align-items:center;min-height:40px;padding:0 3px;white-space:nowrap;font-weight:700;color:var(--nc-ink)}
.nav-direct::after{display:none}
.nav-direct.is-active{color:var(--nc-blue)}
.nav-group{position:relative}
.nav-group summary{display:flex;align-items:center;gap:6px;min-height:40px;padding:8px 3px;cursor:pointer;list-style:none;white-space:nowrap;font-weight:600;color:var(--nc-ink-soft)}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group summary::after{content:'⌄';color:var(--nc-muted);font-size:13px;line-height:1;transform:translateY(-1px)}
.nav-group[open] summary::after{content:'⌃'}
.nav-menu{
  position:absolute;
  z-index:62;
  top:calc(100% + 11px);
  left:50%;
  transform:translateX(-50%);
  display:grid;
  min-width:290px;
  padding:8px;
  background:var(--nc-surface);
  border:1px solid var(--nc-line);
  border-radius:var(--nc-radius);
  box-shadow:var(--nc-shadow-lg);
}
.nav-menu-section{min-width:0}
.nav-menu a{display:block;padding:10px 12px;border-radius:8px;color:var(--nc-ink-soft);font-size:14px;line-height:1.35}
.nav-menu a:hover,.nav-menu a:focus-visible,.nav-menu a.is-active{background:var(--nc-blue-soft);color:var(--nc-navy)}
.nav-menu-label{color:var(--nc-blue);font-size:11px;letter-spacing:.1em}
.nav-actions{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.phone{font-size:13px;font-weight:700;white-space:nowrap;color:var(--nc-ink-soft)}
.phone:hover{color:var(--nc-blue)}
.nav-actions .nav-cta{min-height:42px;padding:11px 16px;border-radius:9px;font-size:13px}
.mobile-topbar{display:none}
.nk-mobile-panel{display:none}
.nk-burger{color:var(--nc-navy);background:#fff;border-color:var(--nc-line-strong)}
.nk-menu-backdrop{background:rgba(11,31,54,.42)}

/* Type, buttons and shared surfaces */
h1,h2,h3,h4,p{overflow-wrap:break-word}
h1,h2,h3,h4{font-family:var(--sans);color:var(--nc-ink);font-weight:800;letter-spacing:-.025em}
h1{font-size:clamp(36px,4.2vw,62px);line-height:1.04;margin:0}
h2{font-size:clamp(28px,3vw,44px);line-height:1.12;margin:0}
h3{font-size:clamp(21px,2vw,28px);line-height:1.2;margin:0 0 10px}
.section{padding:var(--section-y) 0}
.section.tight{padding-block:clamp(40px,3.5vw,64px)}
.section-head{gap:34px;margin-bottom:34px}
.section-head h2,.hero h1{letter-spacing:-.03em}
.section-head-single{max-width:920px}
.kicker,.eyebrow,.side-title,.small-label{
  color:var(--nc-blue);
  font-family:var(--sans);
  font-size:11px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.kicker{margin-bottom:10px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #f0d18a;border-radius:999px;background:var(--nc-blue-soft);color:var(--nc-blue)}
.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--nc-blue)}
.lead{max-width:760px;margin:20px 0 0;font-size:clamp(18px,1.6vw,22px);line-height:1.5;color:var(--nc-ink-soft)}
.body-lg{font-size:18px;line-height:1.6;color:var(--nc-ink-soft)}
.serif-xl,.serif-md,.opening-note,.quote{font-family:var(--sans);letter-spacing:-.015em}
.serif-xl,.serif-md{font-weight:800;color:var(--nc-ink)}
.small{font-size:13px;color:var(--nc-muted)}
.rule{height:1px;background:var(--nc-line);margin:28px 0}
.btn,.button,.button-primary,.btn-primary,.primary-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:46px;
  padding:13px 20px;
  border:1px solid transparent;
  border-radius:9px;
  font-family:var(--sans);
  font-size:14px;
  line-height:1.15;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.btn:hover,.button:hover,.button-primary:hover,.btn-primary:hover,.primary-cta:hover{transform:translateY(-1px)}
.btn.primary,.btn-primary,.button-primary,.primary-cta,.button--primary,.button--submit{
  background:var(--nc-navy);
  color:#fff;
  box-shadow:0 8px 20px rgba(11,31,54,.16);
}
.btn.primary:hover,.btn-primary:hover,.button-primary:hover,.primary-cta:hover,.button--primary:hover,.button--submit:hover{background:var(--nc-navy-2)}
.btn.gold,.button--wide{background:var(--nc-saffron);color:var(--nc-navy);box-shadow:none}
.btn.gold:hover,.button--wide:hover{background:#f3aa21}
.btn.ghost,.btn.secondary,.button-secondary,.button--secondary{
  background:#fff;
  border-color:var(--nc-line-strong);
  color:var(--nc-ink);
}
.btn.ghost:hover,.btn.secondary:hover,.button-secondary:hover,.button--secondary:hover{background:var(--nc-surface-soft);border-color:var(--nc-line-strong)}
.btn.link{padding-inline:0;background:transparent;color:var(--nc-blue);box-shadow:none}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

/* Home-compatible foundations */
.hero{padding:clamp(52px,7vw,100px) 0 clamp(48px,6vw,84px);background:var(--nc-page)}
.hero-grid{gap:clamp(30px,5vw,80px)}
.hero-grid--home{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)}
.hero-copy{max-width:780px;padding:0}
.hero-grid--home .hero-copy{max-width:780px;padding:0}
.hero-grid--home .lead{max-width:680px;font-family:var(--sans);font-size:clamp(18px,1.7vw,23px);line-height:1.5}
.hero-visual{background:var(--nc-navy);border-radius:var(--nc-radius-lg);box-shadow:var(--nc-shadow-lg);padding:30px}
.hero-visual:before{display:none}
.deal-node{border-color:rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.06)}
.deal-node b{background:rgba(255,191,67,.18);color:#ffcf67;font-family:var(--sans);font-weight:800}
.deal-node--result{background:rgba(255,191,67,.14);border-color:rgba(255,191,67,.5)}
.hero-proof-row{border-color:var(--nc-line);margin-top:34px}
.hero-proof{background:#fff;border-color:var(--nc-line);padding:18px}
.hero-proof strong{font-family:var(--sans);font-size:18px;color:var(--nc-ink)}
.hero-proof span{color:var(--nc-muted);font-size:13px}
.fit-card,.trust-card,.resource-card,.hero-side,.hero-card,.document-box,.quiz-panel{border:1px solid var(--nc-line);border-radius:var(--nc-radius-lg);background:var(--nc-surface);box-shadow:none}
.fit-card:hover,.resource-card:hover{box-shadow:var(--nc-shadow);border-color:var(--nc-line-strong)}
.fit-card-alert{background:#f9fbfd}
.wide-cta{border-radius:var(--nc-radius-lg);background:var(--nc-navy);box-shadow:var(--nc-shadow-lg)}
.wide-cta h2{font-family:var(--sans);font-size:clamp(26px,2.5vw,36px)}
.warning{border-radius:var(--nc-radius-lg);background:var(--nc-navy);box-shadow:var(--nc-shadow-lg)}

/* Internal page hero */
.page-hero,.page-hero--service,.page-hero--object,.page-hero--document_risk,.page-hero--business,.page-hero--blog,.page-hero--blog-article{
  padding:clamp(42px,5vw,72px) 0 clamp(42px,5vw,68px);
  background:var(--nc-page);
  border-bottom:1px solid var(--nc-line);
}
.page-hero-wrap{display:grid;grid-template-columns:minmax(0,1fr) var(--layout-aside);gap:var(--layout-gap);align-items:center}
.page-hero h1{max-width:980px;font-size:clamp(36px,4vw,58px);line-height:1.07}
.page-hero--document_risk h1,.page-hero--business h1,.page-hero--blog-article h1{font-size:clamp(34px,3.8vw,54px);max-width:980px}
.page-hero .lead{max-width:780px}
.breadcrumbs{margin-bottom:24px;font-size:13px;color:var(--nc-muted)}
.breadcrumbs a{color:var(--nc-blue);border-bottom:1px solid #d7b15f}
.hero-dossier{max-width:300px;padding:24px;background:#fff;border:1px solid var(--nc-line);border-radius:var(--nc-radius-lg);box-shadow:var(--nc-shadow);transform:none}
.hero-dossier:hover{transform:translateY(-2px);box-shadow:var(--nc-shadow-lg)}
.hero-dossier::before{display:none}
.hero-dossier-stamp{padding:5px 9px;border-radius:6px;background:var(--nc-blue-soft);color:var(--nc-blue);font-size:10px;letter-spacing:.12em}
.hero-dossier-title{font-family:var(--sans);font-weight:800;font-size:21px;line-height:1.2;color:var(--nc-ink);margin:14px 0}
.hero-dossier-list b{font-family:var(--sans);font-size:14px;color:var(--nc-blue);font-weight:800}
.hero-dossier-list span{font-size:13px;color:var(--nc-ink-soft)}
.hero-dossier-note{border-color:var(--nc-line);color:var(--nc-muted)}

/* Long reads, TOC and legal pages */
.layout{grid-template-columns:minmax(0,1fr) var(--layout-aside);gap:var(--layout-gap);max-width:var(--nc-max);padding:clamp(48px,5vw,76px) 0 clamp(64px,6vw,96px)}
.article{min-width:0}
.article>p,.article>ul,.article>ol,.article>.source-body>p,.article>.source-body>ul,.article>.source-body>ol{max-width:var(--nc-content)}
.article p{font-size:18px;line-height:1.75;color:var(--nc-ink-soft);margin:0 0 20px}
.article li{font-size:17px;line-height:1.65;color:var(--nc-ink-soft);margin-left:22px}
.article h2,.intent-content h2{max-width:var(--nc-content);font-size:clamp(28px,2.65vw,38px);line-height:1.16;letter-spacing:-.025em;color:var(--nc-ink);margin:56px 0 18px}
.article h3{max-width:var(--nc-content);font-size:24px;line-height:1.25;color:var(--nc-ink);margin:38px 0 12px}
.intent-content h2:first-child{margin-top:0}
.article ul,.article ol{gap:10px;margin-bottom:28px}
.article a{color:var(--nc-blue);border-bottom:1px solid #d7b15f}
.article a:hover{color:var(--nc-navy);border-color:var(--nc-navy)}
.opening-note{font-size:18px;line-height:1.7;color:var(--nc-ink-soft);max-width:var(--nc-content)}
.quote{border-left:3px solid var(--nc-blue);padding:16px 20px;background:var(--nc-blue-soft);font-size:22px;line-height:1.45;color:var(--nc-ink);margin:36px 0;max-width:var(--nc-content)}
.toc,.side-cta,.legal-note,.related{margin-bottom:20px;padding:20px;border:1px solid var(--nc-line);border-radius:var(--nc-radius);background:#fff}
.toc{position:sticky;top:96px}
.side-title{margin-bottom:12px}
.toc a{display:block;padding:10px 0;border-bottom:1px solid var(--nc-line);font-size:14px;line-height:1.4;color:var(--nc-ink-soft)}
.toc a:hover{color:var(--nc-blue)}
.side-cta p,.legal-note p{margin:0 0 16px;color:var(--nc-ink-soft);font-size:14px;line-height:1.6}
.related{padding:20px 0;border-inline:0;border-radius:0;background:transparent}
.related-list{border-color:var(--nc-line);background:#fff;border-radius:var(--nc-radius);overflow:hidden}
.related-list a{background:#fff;border-color:var(--nc-line)}
.related-list a:hover{background:var(--nc-blue-soft)}
.related-list strong{color:var(--nc-ink);font-size:16px}
.related-list span{color:var(--nc-muted)}
.blueprint-strip,.check-matrix{border-color:var(--nc-line)}
.matrix,.route-steps,.scenario-grid,.trust-grid{border-color:var(--nc-line)}
.matrix-cell,.route-steps div,.scenario-grid div,.trust-card{background:#fff;border-color:var(--nc-line)}
.matrix-cell:after{display:none}
.matrix-mark,.line-num,.materials-count,.materials-link-list a span{font-family:var(--sans);font-weight:800;color:var(--nc-blue)}
.matrix-cell b,.scenario-grid strong,.route-steps span{color:var(--nc-ink)}
.matrix-cell p,.scenario-grid span{color:var(--nc-ink-soft)}
.document-box{box-shadow:var(--nc-shadow)}
.document-box:before{display:none}
.stamp{border-color:var(--nc-line);background:var(--nc-surface-soft)}
.stamp:before,.stamp:after{display:none}
.decision-table-wrap{border-color:var(--nc-line)}
.decision-table{background:#fff}
.decision-table th,.decision-table td{border-color:var(--nc-line);font-size:15px}
.decision-table thead th{background:var(--nc-navy);font-size:13px}
.decision-table tbody th{color:var(--nc-blue)}

/* Materials and blog hubs */
.materials-route-grid{border-color:var(--nc-line);grid-template-columns:repeat(4,minmax(0,1fr))}
.materials-route{min-height:300px;padding:24px;background:#fff;border-color:var(--nc-line)}
.materials-route h2{font-family:var(--sans);font-size:24px;color:var(--nc-ink)}
.materials-route p,.materials-group p{color:var(--nc-ink-soft)}
.materials-route-links{border-color:var(--nc-line)}
.materials-route-links a{border-color:var(--nc-line);color:var(--nc-ink-soft)}
.materials-route-links a:hover{color:var(--nc-blue)}
.materials-nav{gap:12px}
.materials-nav a{min-height:94px;border-color:var(--nc-line);border-radius:var(--nc-radius);background:#fff}
.materials-nav a:hover{border-color:#e7c474;background:var(--nc-blue-soft)}
.materials-nav a span{color:var(--nc-blue)}
.materials-nav a strong{font-family:var(--sans);color:var(--nc-ink)}
.materials-grid{gap:48px}
.materials-group{border-color:var(--nc-line)}
.materials-group h2{font-size:32px;color:var(--nc-ink)}
.materials-link-list a{border-color:var(--nc-line);color:var(--nc-ink-soft)}
.materials-link-list a:hover strong{color:var(--nc-blue)}
.resource-card{color:var(--nc-ink)}
.resource-card strong{font-family:var(--sans);color:var(--nc-ink);font-size:20px}
.resource-card p{color:var(--nc-ink-soft)}
.resource-card span,.resource-card b{color:var(--nc-blue)}
.editorial-resource{background:transparent;border-color:var(--nc-line)}
.editorial-resource:hover{background:var(--nc-blue-soft);border-color:var(--nc-line)}
.editorial-resource--featured{background:#fff}
.editorial-resource--featured:hover{background:var(--nc-blue-soft)}
.faq details{border-color:var(--nc-line);padding:20px 0}
.faq summary{font-size:19px;color:var(--nc-ink);line-height:1.4}
.faq p{font-size:17px;line-height:1.7;color:var(--nc-ink-soft);max-width:var(--nc-content)}

/* Forms and controls */
.quiz-panel,.quiz-panel--compact{padding:30px;background:#fff;box-shadow:var(--nc-shadow)}
.quiz-step{border-color:var(--nc-line);border-radius:var(--nc-radius);background:#fff;color:var(--nc-ink-soft)}
.quiz-step span{background:var(--nc-blue-soft);color:var(--nc-blue);font-family:var(--sans)}
.quiz-step.is-active{background:var(--nc-navy);border-color:var(--nc-navy);color:#fff}
.quiz-step.is-active span{background:rgba(255,255,255,.16);color:#ffcf67}
.quiz-step.is-complete{border-color:#b6dfd3;color:var(--nc-success);background:#f0faf7}
.quiz-stage-head h3{font-family:var(--sans);color:var(--nc-ink)}
.quiz-stage-head p{color:var(--nc-muted)}
.field label{color:var(--nc-ink-soft);font-size:12px;letter-spacing:.07em}
.input{min-height:48px;border-color:#677b88;border-radius:9px;background:#fff;color:var(--nc-ink);padding:13px 14px}
.input::placeholder{color:#53616b;opacity:1}
.input:focus{border-color:var(--nc-blue);box-shadow:var(--focus-ring)}
.quiz-choice,.check-item{border-color:var(--nc-line);border-radius:9px;background:#fff;color:var(--nc-ink-soft)}
.quiz-choice input,.check-item input,.consent input{accent-color:var(--nc-blue)}
.consent{border-color:var(--nc-line);color:var(--nc-muted);line-height:1.5}
.form-intro span{border-color:var(--nc-line);background:var(--nc-blue-soft);color:var(--nc-ink-soft)}
.submit-note.success{color:var(--nc-success);background:#effaf7;border-color:#b6dfd3}
.submit-note.error{color:var(--nc-danger);background:#fff3f4;border-color:#efc6c9}

/* Footer */
.footer{margin-top:48px;padding:60px 0 30px;background:var(--nc-navy);color:#fff}
.footer-grid{grid-template-columns:minmax(240px,1.35fr) repeat(4,minmax(140px,1fr));gap:34px}
.footer a,.footer p{color:rgba(235,242,251,.72);font-size:14px;line-height:1.6}
.footer a:hover{color:#fff}
.footer-brand .brand-logo{width:172px;max-height:30px}
.footer .brand-logo,.brand--inverse .brand-logo,.warning .brand-logo,.wide-cta .brand-logo{filter:brightness(0) invert(1) contrast(1.12)}
.footer-heading{color:#fff;font-size:13px;letter-spacing:.02em}
.footer-note{border-color:rgba(214,228,248,.16);color:rgba(235,242,251,.7);font-size:13px}
.footer-bottom{border-color:rgba(214,228,248,.16);color:rgba(235,242,251,.58);font-size:12px}
.footer-phone{font-family:var(--sans);font-size:19px;color:#fff;border-color:#7da9f5}
.footer-phone:hover{color:#d4e3ff;border-color:#d4e3ff}
.footer-legal a{color:rgba(235,242,251,.64);font-size:12px}

/* Calculators are a deliberately standalone page with no generated shell. */
.container>h1{padding-top:clamp(48px,7vw,90px);font-size:clamp(34px,4vw,54px)}
.container>h1+p{max-width:70ch;margin:16px 0 34px;color:var(--nc-ink-soft);font-size:18px}
.container>section:not(.faq){display:grid;gap:20px;margin:18px 0;padding:26px;border:1px solid var(--nc-line);border-radius:var(--nc-radius-lg);background:#fff;box-shadow:0 8px 26px rgba(15,39,70,.045)}
.container>section:not(.faq) h2{font-size:25px}
.container form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}
.container form label{display:grid;gap:7px;color:var(--nc-ink-soft);font-size:13px;font-weight:700}
.container form input{width:100%;min-height:46px;padding:11px 12px;border:1px solid #677b88;border-radius:9px;color:var(--nc-ink);background:#fff}
.container form input:focus{border-color:var(--nc-blue);outline:0;box-shadow:var(--focus-ring)}
.container form button{min-height:46px;padding:11px 18px;border:0;border-radius:9px;background:var(--nc-navy);color:#fff;font-weight:800;cursor:pointer}
.container form button:hover{background:var(--nc-navy-2)}
.container [data-result]{grid-column:1/-1;padding:14px;border:1px solid #b6dfd3;border-radius:9px;background:#effaf7;color:var(--nc-success);font-weight:700}
.container>.faq{margin:48px 0 80px}

/* Responsive: desktop content becomes a readable single column before 900px. */
@media(max-width:1160px){
  .nav{gap:18px}
  .navlinks{gap:10px;font-size:12px}
  .phone{display:none}
  .layout{--layout-gap:44px}
}
@media(max-width:1080px){
  .nav{display:none}
  [data-nk-mobile-topbar]{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px}
  [data-nk-mobile-topbar] .brand-logo{width:174px;max-height:30px}
  [data-nk-burger]{display:inline-flex;flex:0 0 auto}
  [data-nk-mobile-panel].is-open,.nk-mobile-panel.is-open{display:block}
  [data-nk-mobile-panel]{position:fixed;z-index:1200;left:20px;right:20px;top:80px;max-height:calc(100vh - 100px);overflow-y:auto;padding:10px;background:#fff;border:1px solid var(--nc-line);border-radius:var(--nc-radius-lg);box-shadow:var(--nc-shadow-lg)}
  [data-nk-mobile-panel]>.nav-group{border-bottom:1px solid var(--nc-line)}
  [data-nk-mobile-panel]>.nav-group>summary{min-height:48px;padding:10px 12px;color:var(--nc-ink);font-size:15px}
  [data-nk-mobile-panel] .nav-menu{position:static;transform:none;display:grid;min-width:0;padding:0 5px 10px;border:0;border-radius:0;box-shadow:none;background:transparent}
  [data-nk-mobile-panel] .nav-menu a{min-height:44px;padding:10px 12px;font-size:14px}
  [data-nk-mobile-panel]>a{display:flex;align-items:center;min-height:48px;padding:10px 12px;border-radius:8px;color:var(--nc-ink);font-weight:700}
  [data-nk-mobile-panel]>a:hover{background:var(--nc-blue-soft)}
  .page-hero-wrap{grid-template-columns:1fr}
  .page-hero-aside{display:none}
  .materials-route-grid,.hub-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .wrap,.container{width:min(var(--nc-max),calc(100% - 40px))}
  .hero-grid,.hero-grid--home,.quiz-panel,.layout{grid-template-columns:1fr}
  .layout{gap:40px}
  .layout>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .layout>aside .toc{position:static}
  .materials-grid{grid-template-columns:1fr}
  .materials-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .container form{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  body{padding-bottom:calc(var(--nk-sticky-h,64px) + env(safe-area-inset-bottom))}
  .wrap,.container{width:calc(100% - 32px)}
  .top{position:relative;min-height:64px}
  [data-nk-mobile-topbar]{min-height:64px}
  [data-nk-mobile-topbar] .brand-logo{width:164px;max-height:28px}
  [data-nk-mobile-panel]{left:12px;right:12px;top:74px;max-height:calc(100vh - 90px)}
  .hero{padding:52px 0 56px}
  h1{font-size:clamp(32px,9vw,46px);line-height:1.06}
  h2{font-size:clamp(27px,7vw,36px)}
  .lead{font-size:18px}
  .hero-actions{margin-top:24px}
  .hero-actions .btn{width:100%}
  .hero-visual{padding:22px;border-radius:var(--nc-radius)}
  .hero-proof-row{grid-template-columns:1fr;margin-top:28px}
  .hero-proof{min-height:0;padding:14px}
  .section{padding:52px 0}
  .page-hero{padding:38px 0 44px}
  .page-hero h1,.page-hero--document_risk h1,.page-hero--business h1,.page-hero--blog-article h1{font-size:clamp(31px,9vw,42px);line-height:1.08;overflow-wrap:normal;word-break:normal}
  .page-hero .lead{font-size:18px}
  .breadcrumbs{margin-bottom:18px;font-size:12px}
  .layout{padding:44px 0 68px}
  .layout>aside{display:block}
  .article p{font-size:17px;line-height:1.72}
  .article li{font-size:16px;line-height:1.6}
  .article h2,.intent-content h2{font-size:27px;line-height:1.18;margin-top:46px}
  .article h3{font-size:22px}
  .opening-note{font-size:17px}
  .toc{position:static}
  .matrix,.route-steps,.scenario-grid,.trust-grid,.materials-route-grid,.materials-nav,.g2,.g3,.g4,.compare,.fit-grid,.resource-grid,.related-list,.wide-cta,.warning-list,.page-facts,.materials-grid,.hub-groups{grid-template-columns:1fr}
  .materials-route{min-height:auto;padding:20px}
  .materials-nav{gap:10px}
  .materials-nav a{min-height:82px}
  .materials-group h2{font-size:28px}
  .wide-cta,.warning{padding:24px;border-radius:var(--nc-radius)}
  .wide-cta .btn{width:100%;white-space:normal}
  .quiz-panel,.quiz-panel--compact{padding:20px;border-radius:var(--nc-radius)}
  .quiz-progress,.quiz-fields,.quiz-fields--three,.quiz-options,.checkbox-grid,.inline-fields,.inline-fields--triple{grid-template-columns:1fr}
  .quiz-controls{flex-direction:column-reverse}
  .quiz-controls .btn{width:100%}
  .footer{padding:48px 0 calc(var(--nk-sticky-h,64px) + 24px)}
  .footer-grid{grid-template-columns:1fr;gap:0}
  .footer-grid>div:first-child{padding-bottom:24px}
  .footer-group{border-top:1px solid rgba(214,228,248,.16)}
  .footer-group:last-of-type{border-bottom:1px solid rgba(214,228,248,.16)}
  .footer-heading{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:10px 0;margin:0;cursor:pointer}
  .footer-heading::after{content:'+';font-size:20px;color:#ffcf67}
  .footer-group[open] .footer-heading::after{content:'−'}
  .footer-group-links{padding-bottom:14px}
  .footer-legal{display:flex;gap:10px;margin:10px 0 0}
  .container>h1{padding-top:46px;font-size:clamp(32px,9vw,43px)}
  .container>section:not(.faq){padding:20px;margin:14px 0}
  .container form{grid-template-columns:1fr}
  .container>.faq{margin:42px 0 54px}
  .nk-sticky-cta{background:rgba(255,255,255,.96);border-color:var(--nc-line)}
  .nk-sticky-cta .primary{background:var(--nc-navy)}
  .nk-sticky-cta .phone{border-color:var(--nc-line-strong);color:var(--nc-navy)}
}
@media(max-width:390px){
  .wrap,.container{width:calc(100% - 28px)}
  .page-hero h1,.page-hero--document_risk h1,.page-hero--business h1,.page-hero--blog-article h1{font-size:31px}
  .btn{padding-inline:16px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important}
  html{scroll-behavior:auto}
}


/* Final shared system: pearl white, navy, saffron. Keep the generated HTML API intact. */
:root{
  --color-ink-900:var(--nc-ink);
  --color-ink-700:var(--nc-ink-soft);
  --color-ink-500:var(--nc-muted);
  --color-paper:#fff;
  --color-cream-200:var(--nc-page);
  --color-cream-300:var(--nc-surface-soft);
  --color-navy-900:var(--nc-navy);
  --color-navy-700:var(--nc-navy-2);
  --color-gold-700:var(--nc-saffron-deep);
  --color-gold-500:var(--nc-saffron);
  --color-gold-200:var(--nc-saffron-soft);
  --gold-tint:var(--nc-saffron-soft);
}

/* The wordmark is text in the final shell; the image API remains supported. */
.brand-wordmark{display:inline-flex;align-items:baseline;white-space:nowrap;color:var(--nc-navy);font-size:clamp(25px,2.2vw,31px);font-weight:500;letter-spacing:-.065em;line-height:1}
.brand-wordmark b{font-weight:800}
.brand-wordmark .brand-dot{margin-left:2px;color:var(--nc-saffron);font-weight:800}
.footer .brand-wordmark,.brand--inverse .brand-wordmark,.warning .brand-wordmark,.wide-cta .brand-wordmark{color:#fff}

/* Flat surfaces: the redesign uses color blocks and rules. */
body, .hero, .page-hero, .page-hero--service, .page-hero--object, .page-hero--document_risk,
.page-hero--business, .page-hero--blog, .page-hero--blog-article, .container,
.hero-graphic, .hero-dossier, .hero-side, .hero-card, .fit-card, .resource-card,
.quiz-panel, .quiz-panel--compact, .document-box, .editorial, .card, .panel,
.content-section, .form-section, .section--alert{background-image:none}
body{background-color:var(--nc-page)}
.hero-visual{background-color:var(--nc-navy);box-shadow:none}
.hero-graphic{background-color:var(--nc-surface-soft)}
.hero-dossier{background-color:#fff;box-shadow:var(--nc-shadow)}
.hero-dossier:hover{transform:none;box-shadow:var(--nc-shadow)}

/* Shared responsive frame and header. */
.wrap,.container{width:min(var(--nc-max),calc(100% - 64px));margin-inline:auto}
.top{background:#fff;border-bottom-color:var(--nc-line);box-shadow:0 1px 0 rgba(20,39,53,.04);backdrop-filter:none}
.nav{min-height:72px}
.brand-logo{width:184px;max-height:31px}
.navlinks{font-size:14px;color:var(--nc-ink-soft)}
.nav-direct,.nav-group summary{font-weight:700;color:var(--nc-ink)}
.nav-menu{box-shadow:var(--nc-shadow);border-radius:10px}
.nav-menu a{font-size:14px}
.nav-menu a:hover,.nav-menu a:focus-visible,.nav-menu a.is-active{background:var(--nc-saffron-soft);color:var(--nc-navy)}
.nav-actions .nav-cta{border-radius:7px}

/* Keep every interactive control comfortable for touch. */
.btn,.button,.button-primary,.btn-primary,.primary-cta,.button--primary,.button--submit{min-height:46px}
.input,select.input,textarea.input{min-height:48px}
button,input,select,textarea{font-size:16px}
.btn.gold,.button--wide{color:var(--nc-navy)}

/* Shared internal templates: readable editorial frame and restrained panels. */
.layout{width:min(var(--nc-max),calc(100% - 64px));margin-inline:auto}
.article p,.intent-content p,.document-box p,.source-body p{max-width:var(--nc-content);font-size:18px;line-height:1.65;color:var(--nc-ink-soft)}
.article h2,.intent-content h2{max-width:var(--nc-content);font-size:clamp(28px,2.7vw,40px);line-height:1.18;color:var(--nc-ink)}
.article .wide-cta h2{color:#fff}
.wide-cta .btn:focus-visible{outline-color:var(--nc-saffron,#ffbf43)}
.article h3{font-size:24px;line-height:1.3}
.article a,.intent-content a:not(.btn),.document-box a:not(.btn),.editorial a:not(.btn){color:var(--nc-saffron-deep);text-decoration-thickness:1px;text-underline-offset:3px}
.side-title,.kicker,.small-label,.matrix-mark,.line-num,.materials-count,.materials-link-list a span{color:var(--nc-saffron-deep)}
.blueprint-strip,.check-matrix,.document-box,.fit-card,.trust-card,.resource-card,.hero-card,.hero-side,.quiz-panel,.quiz-panel--compact{border-color:var(--nc-line);box-shadow:none}
.matrix-cell,.route-steps div,.scenario-grid div,.trust-card,.related-list a,.resource-card,.fit-card{background:#fff;border-color:var(--nc-line)}
.matrix-cell:after,.document-box:before,.stamp:before,.stamp:after{display:none}
.matrix-cell b,.scenario-grid strong,.route-steps span,.hero-dossier-title{color:var(--nc-navy)}
.matrix-cell p,.scenario-grid span,.related-list span,.hero-dossier-list span{color:var(--nc-ink-soft)}
.related-list{border-color:var(--nc-line);box-shadow:none}
.related-list a:hover,.resource-card:hover,.fit-card:hover{background:var(--nc-saffron-soft);border-color:#e7c474;box-shadow:none;transform:none}
.quote{border-left-color:var(--nc-saffron);background:var(--nc-saffron-soft)}
.wide-cta,.warning{background:var(--nc-navy);box-shadow:none}
.wide-cta p,.article .wide-cta p,.intent-content .wide-cta p,.document-box .wide-cta p,.source-body .wide-cta p{color:rgba(255,255,255,.82)}
.wide-cta .btn.gold,.warning .btn.gold{background:var(--nc-saffron);color:var(--nc-navy)}

/* Older hubs and bespoke pages inherit the same shell without hiding copy. */
.hero-card,.hero-side,.consultant-panel,.application-panel,.lead-panel,.dashboard,.review-panel,
.card,.panel,.resource-card,.example-card,.return-item,.check-card,.trust-box,.compliance-box,
.audience-card,.process-card,.asset-card,.case-card,.note,.info,.soft-note,.lead-card{border:1px solid var(--nc-line);border-radius:var(--nc-radius);background:#fff;box-shadow:none;color:var(--nc-ink)}
.hero-card p,.hero-side p,.consultant-panel p,.application-panel p,.lead-panel p,.card p,.panel p,.note p,.info p{color:var(--nc-ink-soft)}
.section--dark,.dark-strip,.band--dark,.final,.section.dark{background:var(--nc-navy);color:#fff}
.section--dark h1,.section--dark h2,.section--dark h3,.dark-strip h1,.dark-strip h2,.dark-strip h3,.final h1,.final h2,.final h3{color:#fff}

/* Flat replacements for legacy decorative declarations loaded earlier. */
.hero,.page-hero,.page-hero--service,.page-hero--object,.page-hero--document_risk,.page-hero--business,.page-hero--blog,.page-hero--blog-article{background-color:var(--nc-page)}
.hero-visual:before,.hero-graphic:before,.hero-graphic:after,.hero-dossier::before{display:none}
.nk-progress i{background:var(--nc-saffron)}
.intent-content a:not(.btn),.document-box a:not(.btn),.editorial a:not(.btn){background-image:none}

/* Mobile header, menus, articles, forms and footer. */
.nk-burger{width:44px;height:44px;border-radius:8px;background:#fff;border-color:var(--nc-line-strong)}
.nk-mobile-panel{background:#fff;border-color:var(--nc-line);box-shadow:var(--nc-shadow)}
.nk-mobile-panel a,[data-nk-mobile-panel]>a{font-size:16px;min-height:48px}
[data-nk-mobile-panel] .nav-menu a{font-size:16px}
.nk-sticky-cta{background:rgba(255,255,255,.98);border-top-color:var(--nc-line);box-shadow:var(--shadow-top-sm);backdrop-filter:none;-webkit-backdrop-filter:none}
.nk-sticky-cta .primary{background:var(--nc-navy)}
.nk-sticky-cta .phone{color:var(--nc-navy);border-color:var(--nc-line-strong)}
.footer{background:var(--nc-navy);color:#fff;box-shadow:none}
.footer a,.footer p{color:rgba(255,255,255,.76)}
.footer a:hover{color:var(--nc-saffron)}
.footer-note,.footer-bottom{border-color:rgba(255,255,255,.18)}
.footer-phone{font-family:var(--sans);color:#fff;border-color:var(--nc-saffron)}
.footer-phone:hover{color:var(--nc-saffron);border-color:var(--nc-saffron)}
.footer-heading::after{color:var(--nc-saffron)}

@media (max-width:1160px){
  .wrap,.container,.layout{width:min(var(--nc-max),calc(100% - 48px))}
  .nav{display:none}
  [data-nk-mobile-topbar]{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:16px}
  [data-nk-mobile-topbar] .brand-wordmark{font-size:28px}
  [data-nk-burger]{display:inline-flex;flex:0 0 auto}
  [data-nk-mobile-panel].is-open,.nk-mobile-panel.is-open{display:block}
  [data-nk-mobile-panel]{position:fixed;z-index:1200;left:16px;right:16px;top:80px;max-height:calc(100vh - 96px);overflow-y:auto;padding:10px;background:#fff;border:1px solid var(--nc-line);border-radius:10px;box-shadow:var(--nc-shadow)}
  [data-nk-mobile-panel]>.nav-group{border-bottom:1px solid var(--nc-line)}
  [data-nk-mobile-panel]>.nav-group>summary{min-height:50px;padding:10px 12px;font-size:16px}
  [data-nk-mobile-panel] .nav-menu{position:static;transform:none;display:grid;min-width:0;padding:0 6px 10px;border:0;box-shadow:none;background:transparent}
  [data-nk-mobile-panel] .nav-menu a{min-height:46px;padding:10px 12px}
  [data-nk-mobile-panel]>a{display:flex;align-items:center;min-height:50px;padding:10px 12px;color:var(--nc-ink);font-weight:700}
  .page-hero-wrap{grid-template-columns:1fr}
  .page-hero-aside{display:none}
  .layout{grid-template-columns:minmax(0,1fr);gap:40px}
  .layout>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .layout>aside .toc{position:static}
  .materials-route-grid,.hub-groups,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  body{padding-bottom:calc(var(--nk-sticky-h,64px) + env(safe-area-inset-bottom))}
  .top{position:sticky;min-height:64px}
  [data-nk-mobile-topbar]{min-height:64px}
  [data-nk-mobile-topbar] .brand-logo{width:164px;max-height:28px}
  [data-nk-mobile-topbar] .brand-wordmark{font-size:25px}
  [data-nk-mobile-panel]{left:12px;right:12px;top:72px;max-height:calc(100vh - 84px)}
  .wrap,.container,.layout{width:calc(100% - 32px)}
  .page-hero{padding:38px 0 44px}
  .page-hero h1,.page-hero--document_risk h1,.page-hero--business h1,.page-hero--blog-article h1{font-size:clamp(31px,9vw,42px);line-height:1.08}
  .layout{padding:44px 0 68px}
  .layout>aside{display:block}
  .article p,.intent-content p,.document-box p,.source-body p{font-size:17px;line-height:1.68}
  .article li{font-size:16px;line-height:1.6}
  .article h2,.intent-content h2{font-size:27px;line-height:1.2;margin-top:46px}
  .article h3{font-size:22px}
  .toc{position:static}
  .matrix,.route-steps,.scenario-grid,.trust-grid,.materials-route-grid,.materials-nav,.g2,.g3,.g4,.compare,.fit-grid,.resource-grid,.related-list,.wide-cta,.warning-list,.page-facts,.materials-grid,.hub-groups{grid-template-columns:1fr}
  .quiz-panel,.quiz-panel--compact{padding:20px;border-radius:10px}
  .quiz-progress,.quiz-fields,.quiz-fields--three,.quiz-options,.checkbox-grid,.inline-fields,.inline-fields--triple,.container form{grid-template-columns:1fr}
  .quiz-controls{flex-direction:column-reverse}
  .quiz-controls .btn,.hero-actions .btn{width:100%;white-space:normal}
  .footer{padding-bottom:calc(var(--nk-sticky-h,64px) + 24px)}
  .footer-grid{grid-template-columns:1fr}
  .footer-group{border-top-color:rgba(255,255,255,.18)}
  .footer-group:last-of-type{border-bottom-color:rgba(255,255,255,.18)}
  .container>section:not(.faq){padding:20px;margin:14px 0}
  .container form{grid-template-columns:1fr}
}
@media (max-width:390px){.wrap,.container,.layout{width:calc(100% - 28px)}.btn{padding-inline:16px}}

/* Preserve useful context when the compact layout stacks. */
@media (max-width:760px){
  .content-hero .hero-side{display:block}
  .hero .legal-line{display:block}
  .hero .pill-row{display:flex}
}
/* Hidden state must win over component display rules (quiz and catalogue). */
[hidden]{display:none!important}
.nc-catalog-tools{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;margin:24px 0 32px;padding:24px;background:var(--nc-page);border:1px solid var(--nc-line)}
.nc-catalog-tools .field{display:grid;gap:8px;min-width:0}
.nc-catalog-tools label{font-size:15px;font-weight:700}
.nc-catalog-status{grid-column:1/-1;margin:0;color:var(--nc-muted);font-size:15px}
@media(max-width:760px){.nc-catalog-tools{grid-template-columns:1fr;padding:18px}.nc-catalog-tools input,.nc-catalog-tools select{font-size:16px}}
.brand-wordmark b{margin-right:.2em}

/* Accessibility baseline for the audit: 16px body copy and 14px meaningful
   metadata at compact widths. Decorative overlines may remain compact labels. */
:root {
  --nc-text-size: 16px;
  --nc-meta-size: 14px;
}
body { font-size: var(--nc-text-size); }
.small,
.breadcrumbs,
.hero-proof span,
.hero-dossier-list span,
.editorial-article-meta,
.editorial-article-card-meta,
.editorial-article-card small,
.footer-note,
.footer-bottom { font-size: var(--nc-meta-size); }

/* Tables remain readable when their columns need more width than a phone.
   The interaction layer adds an accessible hint and a keyboard-focusable
   region; this rule also makes an existing wrapper safe without JavaScript. */
.editorial-table-wrap,
.table-wrap,
[data-table-scroll] {
  position: relative;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-color: var(--nc-line-strong) transparent;
}
.editorial-table-wrap:focus-visible,
.table-wrap:focus-visible,
[data-table-scroll]:focus-visible {
  outline: 3px solid var(--focus-outline);
  outline-offset: 3px;
}
.table-scroll-hint {
  margin: 7px 0 0;
  color: var(--nc-muted);
  font-size: var(--nc-meta-size);
  line-height: 1.45;
}
.table-scroll-hint[hidden] { display: none !important; }

@media (max-width: 760px) {
  body { font-size: 16px; }
  .article p,
  .intent-content p,
  .document-box p,
  .source-body p { font-size: 16px; line-height: 1.68; }
  .article li { font-size: 16px; line-height: 1.6; }
  .small,
  .breadcrumbs,
  .hero-proof span,
  .hero-dossier-list span,
  .editorial-article-meta,
  .editorial-article-card-meta,
  .editorial-article-card small,
  .footer-note,
  .footer-bottom { font-size: 14px; }
}

/* Caption floor for content-bearing labels. */
.kicker,
.eyebrow,
.side-title,
.small-label,
.nav-menu-label,
.hero-dossier-stamp,
.field label,
.footer-heading,
.footer-legal a { font-size: 14px; }