/* N04 only. Shared navigation, dialogs, consent and forms use current 13FOX styles. */
.n04-main {font-size:17px;line-height:1.65;}
.n04-shell {max-width:1320px;margin:auto;padding:0 15px;}
.n04-main h1,.n04-main h2,.n04-main h3,.n04-main h4 {color:var(--commercial-ink);margin:0;line-height:1.18;}
.n04-main h2 {font-size:clamp(29px,3.5vw,44px);letter-spacing:-.035em;}
.n04-main h3 {font-size:23px;letter-spacing:-.02em;}
.n04-main h4 {font-size:18px;}
.n04-main p {margin:16px 0 0;}
.n04-main a:not(.commercial-button):not(.commercial-breadcrumbs__link) {color:var(--commercial-primary-strong);text-underline-offset:4px;}
.n04-main .n04-kicker {font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--commercial-primary-strong);margin:0 0 16px;}
.n04-hero {margin:20px 0 36px;}
.n04-hero-grid {display:grid;grid-template-columns:1.05fr 1fr;gap:42px;align-items:center;padding:38px 0 32px;}
.n04-hero-copy {min-width:0;}
.n04-hero-copy h1 {font-size:clamp(34px,4vw,56px);letter-spacing:-.04em;font-weight:700;line-height:1.08;}
.n04-hero-copy h1 em {font-style:normal;color:var(--commercial-primary-strong);}
.n04-hero-copy .n04-lead {font-size:21px;line-height:1.45;font-weight:550;max-width:630px;margin-top:24px;}
.n04-hero-copy > p:not(.n04-kicker):not(.n04-lead):not(.n04-prepare) {color:var(--commercial-muted);}
.n04-actions {display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:25px;}
.n04-actions .commercial-button {font-size:15px;gap:16px;min-height:52px;}
.n04-text-link {display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:650;}
.n04-main .n04-prepare {font-size:14px;line-height:1.5;color:var(--commercial-muted);margin-top:12px;}
.n04-hero-proof {display:grid;grid-template-columns:1fr auto;gap:4px 20px;max-width:620px;margin-top:27px;padding:18px 0 0;border-top:1px solid var(--commercial-border);text-decoration:none;}
.n04-hero-proof > span:first-child {font-size:12px;text-transform:uppercase;letter-spacing:.05em;}
.n04-hero-proof strong {font-size:16px;line-height:1.45;font-weight:650;}
.n04-hero-proof > span:last-child {grid-column:2;grid-row:1 / 3;align-self:center;font-size:25px;}
.n04-hero-art {margin:0;min-width:0;}
.n04-hero-art picture {overflow:hidden;border-radius:var(--commercial-radius-lg);background:#e7e0fc;}
.n04-hero-art img {width:100%;}
.n04-hero-art figcaption,.n04-case-image figcaption,.n04-main .n04-caption {font-size:14px;line-height:1.5;color:var(--commercial-muted);margin:12px 0 0;}
.n04-nav {display:flex;flex-wrap:wrap;gap:6px 28px;padding:15px 0;border-block:1px solid var(--commercial-border);}
.n04-nav a {display:inline-flex;min-height:44px;align-items:center;font-size:14px;font-weight:600;text-decoration:none;}
.n04-section {padding:72px 0;scroll-margin-top:24px;}
.n04-section-head {max-width:800px;margin-bottom:30px;}
.n04-section-head p:not(.n04-kicker) {color:var(--commercial-muted);}
.n04-scenario {border:1px solid var(--commercial-border);border-radius:var(--commercial-radius-lg);padding:32px;background:linear-gradient(145deg,#f7f5ff,#fff);}
.n04-scenario-head {max-width:820px;}
.n04-tag {display:inline-block;font-size:12px;font-weight:650;line-height:1.5;color:var(--commercial-primary-strong);padding:7px 11px;border:1px solid var(--commercial-border);border-radius:var(--commercial-radius-sm);background:#fff;margin-bottom:15px;}
.n04-flow {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px;margin:32px 0;padding:0;list-style:none;}
.n04-flow li {min-width:0;border-top:2px solid var(--commercial-border-strong);padding-top:16px;}
.n04-flow li > span {display:block;font-size:12px;font-weight:700;color:var(--commercial-primary-strong);margin-bottom:12px;}
.n04-flow li p {font-size:16px;line-height:1.6;color:var(--commercial-muted);margin-top:10px;}
.n04-demo-controls {display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 15px;}
.n04-demo-controls button {font:inherit;font-size:14px;font-weight:650;min-height:44px;padding:10px 16px;border:1px solid var(--commercial-border-strong);border-radius:var(--commercial-radius-sm);color:var(--commercial-primary-strong);background:#fff;cursor:pointer;}
.n04-demo-controls button[aria-pressed="true"] {background:var(--commercial-primary-strong);color:#fff;border-color:var(--commercial-primary-strong);}
.n04-state-panel {padding:24px;border-radius:var(--commercial-radius-md);color:#fff;background:#3d367f;min-height:195px;}
.n04-state-panel h4 {color:#fff;max-width:900px;font-size:22px;margin-top:10px;}
.n04-state-panel p {font-size:16px;line-height:1.6;color:#f0ecff;max-width:1050px;}
.n04-state-label {color:#e6d9ff;font-size:12px;line-height:1.5;font-weight:650;text-transform:uppercase;letter-spacing:.06em;}
.n04-split {display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
.n04-split > div {min-width:0;}
.n04-architecture {border-top:1px solid var(--commercial-border);}
.n04-system-map {border-radius:var(--commercial-radius-lg);background:#f7f5ff;padding:30px;text-align:center;margin-top:15px;}
.n04-map-clients {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.n04-map-clients span {padding:14px 10px;font-size:16px;font-weight:650;border:1px solid var(--commercial-border);border-radius:var(--commercial-radius-sm);background:#fff;}
.n04-map-arrow {display:block;margin:15px 0;font-size:27px;color:var(--commercial-primary-strong);line-height:1;}
.n04-map-server {display:flex;flex-direction:column;gap:8px;background:#5843bd;color:#fff;padding:25px 18px;border-radius:var(--commercial-radius-md);}
.n04-map-server strong {font-size:21px;line-height:1.3;}
.n04-map-server span {font-size:14px;line-height:1.55;}
.n04-map-sources {display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.n04-map-sources div {background:#fff;padding:18px 12px;border:1px solid var(--commercial-border);border-radius:var(--commercial-radius-sm);}
.n04-map-sources strong {display:block;font-size:16px;line-height:1.4;}
.n04-map-sources span {display:block;font-size:14px;line-height:1.55;margin-top:7px;color:var(--commercial-muted);}
.n04-source-note {margin-top:35px;padding:25px 0 0;border-top:1px solid var(--commercial-border);max-width:1030px;}
.n04-proof {display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;border-block:1px solid var(--commercial-border);}
.n04-proof-copy {min-width:0;}
.n04-proof-list {padding-left:22px;margin:23px 0;display:grid;gap:12px;}
.n04-proof-list li::marker {color:var(--commercial-primary-strong);}
.n04-case-image {margin:0;min-width:0;}
.n04-case-image a {display:block;border-radius:var(--commercial-radius-md);overflow:hidden;border:1px solid var(--commercial-border);}
.n04-case-image img {width:100%;height:auto;}
.n04-scope-grid {display:grid;grid-template-columns:1.1fr .8fr;gap:65px;align-items:start;}
.n04-deliverables {margin:24px 0 0;}
.n04-deliverables > div {padding:20px 0;border-top:1px solid var(--commercial-border);}
.n04-deliverables dt {font-size:18px;font-weight:700;line-height:1.4;}
.n04-deliverables dd {font-size:17px;margin:8px 0 0;color:var(--commercial-muted);}
.n04-access {padding:30px;border-radius:var(--commercial-radius-md);background:#f7f5ff;}
.n04-access dl {margin:5px 0 0;}
.n04-access dl > div {padding:16px 0;border-top:1px solid var(--commercial-border);}
.n04-access dt {font-weight:700;font-size:18px;line-height:1.4;}
.n04-access dd {margin:7px 0 0;font-size:16px;line-height:1.55;}
.n04-access > p {font-size:14px;color:var(--commercial-muted);}
.n04-boundary {border:1px solid var(--commercial-border);border-radius:var(--commercial-radius-md);padding:25px 30px;margin-top:25px;}
.n04-estimate {border-top:1px solid var(--commercial-border);}
.n04-cost-list {display:grid;grid-template-columns:1fr 1fr;gap:26px 45px;}
.n04-cost-list article {display:flex;align-items:flex-start;gap:20px;min-width:0;border-top:1px solid var(--commercial-border);padding-top:25px;}
.n04-cost-list article > span {color:var(--commercial-primary-strong);font-size:14px;font-weight:700;}
.n04-cost-list h3 {font-size:21px;}
.n04-cost-list p {color:var(--commercial-muted);}
.n04-main .n04-estimate-note {max-width:980px;margin-top:32px;}
.n04-acceptance {padding:30px;border:1px solid var(--commercial-border);border-radius:var(--commercial-radius-md);background:#f7f5ff;}
.n04-acceptance ul {display:grid;gap:16px;padding-left:20px;font-size:16px;line-height:1.6;margin:22px 0 0;}
.n04-acceptance li::marker {color:var(--commercial-primary-strong);}
.n04-main .n04-reference {font-size:14px;color:var(--commercial-muted);}
.n04-faq-section {display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;border-top:1px solid var(--commercial-border);}
.n04-faq-section .commercial-faq {width:100%;margin:0;}
.n04-final {display:grid;grid-template-columns:1.35fr .7fr;gap:60px;padding:42px;border-radius:var(--commercial-radius-lg);background:#f1edff;margin:0 0 30px;scroll-margin-top:25px;}
.n04-final > div,.n04-final > aside {min-width:0;}
.n04-final aside {align-self:center;padding:26px;border:1px solid var(--commercial-border);border-radius:var(--commercial-radius-md);background:#fff;}
.n04-final aside > span {font-size:14px;font-weight:700;}
.n04-final ul {font-size:16px;display:grid;gap:12px;padding-left:18px;margin:20px 0 0;}
.n04-main .n04-final-contact {font-size:14px;overflow-wrap:anywhere;margin-top:22px;}
.n04-related {display:flex;gap:12px 28px;flex-wrap:wrap;padding:0 0 45px;}
.n04-related a {display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:650;}
.n04-main :is(a,button):focus-visible {outline:3px solid var(--commercial-focus);outline-offset:4px;}
@media (max-width:1100px) {
 .n04-hero-grid {gap:30px;}
 .n04-hero-copy h1 {font-size:44px;}
 .n04-flow {grid-template-columns:1fr 1fr;gap:25px;}
 .n04-split,.n04-scope-grid,.n04-proof {gap:35px;}
 .n04-faq-section {grid-template-columns:1fr;gap:28px;}
 .n04-final {gap:35px;padding:32px;}
}
@media (max-width:850px) {
 .n04-hero-grid {grid-template-columns:1fr;padding:15px 0;gap:30px;}
 .n04-hero-copy h1 {font-size:44px;max-width:740px;}
 .n04-hero-art {max-width:650px;width:100%;}
 .n04-split,.n04-proof,.n04-scope-grid,.n04-final {grid-template-columns:1fr;}
 .n04-case-image {max-width:800px;}
 .n04-section {padding:52px 0;}
 .n04-system-map {margin-top:0;}
 .n04-final aside {max-width:650px;}
}
@media (max-width:600px) {
 .n04-main {font-size:16px;line-height:1.65;}
 .n04-hero {margin:15px 0 28px;}
 .n04-hero-copy h1 {font-size:clamp(32px,8.5vw,42px);}
 .n04-hero-copy .n04-lead {font-size:19px;margin-top:20px;}
 .n04-main h2 {font-size:30px;line-height:1.15;}
 .n04-main h2 br {display:none;}
 .n04-main h3 {font-size:21px;}
 .n04-actions {gap:10px;margin-top:22px;}
 .n04-actions .commercial-button {width:100%;min-width:0;font-size:14px;gap:12px;}
 .n04-hero-proof strong {font-size:15px;}
 .n04-nav {gap:2px 22px;}
 .n04-section {padding:42px 0;}
 .n04-section-head {margin-bottom:22px;}
 .n04-scenario {padding:20px 16px;border-radius:var(--commercial-radius-md);}
 .n04-flow {grid-template-columns:1fr;gap:18px;margin:24px 0;}
 .n04-flow li {display:grid;grid-template-columns:30px 1fr;gap:0 12px;}
 .n04-flow li > span {grid-row:1 / 3;margin:3px 0 0;}
 .n04-flow li p {grid-column:2;}
 .n04-demo-controls {gap:7px;}
 .n04-demo-controls button {padding:10px 12px;font-size:14px;}
 .n04-state-panel {padding:20px 16px;min-height:0;}
 .n04-state-panel h4 {font-size:20px;}
 .n04-system-map {padding:20px 15px;border-radius:var(--commercial-radius-md);}
 .n04-map-clients {gap:7px;}
 .n04-map-clients span {font-size:14px;padding:12px 5px;}
 .n04-map-sources {grid-template-columns:1fr;}
 .n04-access,.n04-boundary,.n04-acceptance {padding:22px 18px;}
 .n04-deliverables dd {font-size:16px;}
 .n04-cost-list {grid-template-columns:1fr;gap:24px;}
 .n04-cost-list article {gap:15px;padding-top:22px;}
 .n04-final {padding:26px 20px;gap:24px;border-radius:var(--commercial-radius-md);}
 .n04-final aside {padding:22px 18px;}
 .n04-related {gap:5px;padding-bottom:30px;}
}