@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('assets/ibm-plex-sans-400.ttf') format('truetype')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url('assets/ibm-plex-sans-500.ttf') format('truetype')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('assets/ibm-plex-sans-600.ttf') format('truetype')}
@font-face{font-family:'IBM Plex Serif';font-style:normal;font-weight:400;font-display:swap;src:url('assets/ibm-plex-serif-400.ttf') format('truetype')}
@font-face{font-family:'IBM Plex Serif';font-style:normal;font-weight:500;font-display:swap;src:url('assets/ibm-plex-serif-500.ttf') format('truetype')}
@font-face{font-family:'IBM Plex Serif';font-style:normal;font-weight:600;font-display:swap;src:url('assets/ibm-plex-serif-600.ttf') format('truetype')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('assets/ibm-plex-mono-400.ttf') format('truetype')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('assets/ibm-plex-mono-500.ttf') format('truetype')}

:root {
  --ink: #141f38;
  --ink-soft: #3a4358;
  --slate: #657083;
  --brass: #c9a86a;
  --brass-deep: #9b783a;
  --paper: #fbfaf7;
  --sand: #f2efe8;
  --white: #fff;
  --line: #e2ddd4;
  --green: #2f6f5b;
  --amber: #b0761f;
  --red: #a03c22;
  --signal: #ee5a3f;
  --electric: #3f62e8;
  --serif: 'IBM Plex Serif', Georgia, serif;
  --sans: 'IBM Plex Sans', Arial, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, monospace;
  --shadow: 0 20px 55px -32px rgba(20, 31, 56, .45);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--sans); line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
.container { width: min(1160px, calc(100% - 56px)); margin-inline: auto; }
.skip-link { position: fixed; z-index: 100; top: 10px; left: 10px; padding: 10px 14px; background: #fff; transform: translateY(-150%); }
.skip-link:focus { transform: none; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
:focus-visible { outline: 2px solid var(--brass-deep); outline-offset: 3px; border-radius: 4px; }

/* Navigation */
.site-header { position: sticky; z-index: 30; top: 0; background: rgba(251,250,247,.94); border-bottom: 1px solid var(--line); backdrop-filter: blur(14px); }
.nav-shell { width: min(1240px, calc(100% - 56px)); height: 70px; margin: auto; display: flex; align-items: center; justify-content: space-between; }
.brand { display: flex; align-items: center; gap: 9px; font: 600 24px var(--serif); letter-spacing: -.6px; }
.brand span b { color: var(--brass-deep); font-weight: 600; }
.brand-mark { width: 25px; height: 28px; }
.brand-mark path:first-child { fill: var(--ink); }
.brand-mark path:last-child { fill: none; stroke: var(--brass); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.site-nav { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; }
.site-nav > a:not(.nav-cta) { color: var(--ink-soft); padding: 9px 12px; border-radius: 6px; transition: .18s; }
.site-nav > a:not(.nav-cta):hover { color: var(--ink); background: var(--sand); }
.nav-cta { margin-left: 14px; padding: 10px 16px; color: #fff; background: var(--ink); border-radius: 6px; }
.nav-cta:hover { background: var(--signal); }
.nav-cta span, .button span, .access-form button span { margin-left: 8px; }
.menu-toggle { display: none; background: none; border: 0; padding: 8px; }
.menu-toggle span { display: block; width: 23px; height: 1px; background: var(--ink); margin: 6px; }

/* Hero */
.hero { position: relative; overflow: hidden; background: var(--sand); color: var(--ink); padding: 74px 0 0; min-height: 0; border-bottom: 1px solid var(--line); }
.hero::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(20,31,56,.025) 1px,transparent 1px), linear-gradient(90deg,rgba(20,31,56,.025) 1px,transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(to bottom,#000,transparent 82%); }
.hero-glow { display: none; }
.hero-grid { position: relative; display: grid; grid-template-columns: .96fr 1.04fr; gap: 64px; align-items: center; padding-bottom: 66px; }
.eyebrow, .section-kicker { font: 500 11px var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.eyebrow { color: var(--brass-deep); display: flex; align-items: center; gap: 10px; margin: 0 0 18px; }
.eyebrow span { width: 22px; height: 1px; background: var(--brass); }
.hero h1 { font: 600 clamp(48px,5vw,68px)/1.03 var(--serif); letter-spacing: -.035em; margin: 0 0 22px; }
.hero h1 em { font-style: normal; color: var(--brass-deep); }
.hero-lede { font-size: 17px; line-height: 1.72; color: var(--slate); max-width: 570px; margin: 0; }
.hero-actions { display: flex; gap: 22px; align-items: center; margin: 30px 0 32px; }
.button { display: inline-flex; align-items: center; padding: 12px 19px; border-radius: 6px; font-size: 14px; font-weight: 600; }
.button-primary { background: var(--ink); color: #fff; }
.button-primary:hover { background: #0c1428; }
.text-link { font-size: 14px; font-weight: 600; color: var(--ink-soft); border-bottom: 1px solid var(--line); padding: 8px 0; }
.text-link span { color: var(--brass-deep); margin-left: 6px; }
.trust-line { display: flex; align-items: center; gap: 13px; padding-top: 23px; border-top: 1px solid var(--line); max-width: 520px; }
.avatar-pair { display: flex; }
.avatar-pair span { display: grid; place-items: center; width: 34px; height: 34px; border: 2px solid var(--sand); border-radius: 50%; background: var(--ink); color: #fff; font: 500 9px var(--mono); }
.avatar-pair span + span { margin-left: -9px; background: var(--brass); color: var(--ink); }
.trust-line p { font-size: 11px; line-height: 1.55; color: var(--slate); margin: 0; }
.trust-line strong { font-size: 12px; color: var(--ink); }

/* Product preview */
.hero-visual { position: relative; min-height: 470px; display: flex; align-items: center; }
.orbit { display: none; }
.app-window { position: relative; z-index: 2; width: 100%; background: var(--white); color: var(--ink); border: 1px solid var(--line); border-radius: 11px; box-shadow: var(--shadow); overflow: hidden; transform: none; }
.app-topbar { height: 47px; background: var(--sand); display: flex; align-items: center; justify-content: space-between; padding: 0 16px; border-bottom: 1px solid var(--line); }
.mini-brand { display: flex; align-items: center; gap: 7px; font-size: 11px; }
.mini-shield { display: grid; place-items: center; width: 20px; height: 22px; background: var(--ink); color: var(--brass); clip-path: polygon(50% 0,100% 18%,94% 70%,50% 100%,6% 70%,0 18%); font: 600 9px var(--serif); }
.window-actions { display: flex; align-items: center; gap: 9px; }
.window-actions > span:not(.mini-avatar) { width: 4px; height: 4px; background: #c2beb6; border-radius: 50%; }
.mini-avatar { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--ink); color: #fff; font: 500 7px var(--mono); }
.app-body { display: flex; height: 390px; }
.app-sidebar { width: 92px; background: #faf9f5; padding: 19px 9px; border-right: 1px solid var(--line); }
.side-item { display: flex; align-items: center; gap: 7px; font-size: 7px; color: #7d8594; padding: 9px 7px; margin-bottom: 4px; border-radius: 5px; }
.side-item i { font-style: normal; font-size: 10px; }
.side-item.active { background: var(--sand); color: var(--ink); font-weight: 600; }
.dashboard { padding: 22px; width: calc(100% - 92px); }
.dash-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.dash-heading small { font: 500 6px var(--mono); letter-spacing: .11em; color: var(--slate); }
.dash-heading h2 { font: 600 18px var(--serif); margin: 2px 0 0; }
.dash-heading button { background: var(--ink); color: #fff; border: 0; border-radius: 4px; padding: 7px 10px; font-size: 7px; }
.metric-row { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 9px; }
.metric-card { min-height: 91px; background: #fff; border: 1px solid var(--line); border-radius: 7px; padding: 11px; display: flex; flex-direction: column; justify-content: flex-end; }
.metric-card.score { flex-direction: row; align-items: center; gap: 10px; justify-content: flex-start; }
.metric-card small { font: 500 6px var(--mono); color: var(--slate); letter-spacing: .07em; }
.metric-card strong { font: 600 15px var(--serif); margin: 2px 0; }
.metric-card p { font-size: 6px; color: var(--slate); margin: 0; }
.metric-card.score strong { font: 600 9px var(--sans); display: block; }
.ring { width: 54px; height: 54px; flex: none; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--brass) 72%,#ebe7df 0); position: relative; }
.ring::after { content: ''; position: absolute; inset: 5px; background: #fff; border-radius: 50%; }
.ring span { position: relative; z-index: 1; font: 600 14px var(--serif); }
.ring small { font-size: 6px; color: inherit; }
.metric-icon { width: 19px; height: 19px; border-radius: 4px; display: grid; place-items: center; font-size: 9px; margin-bottom: auto; }
.metric-icon.amber { background: #fbf2e2; color: var(--amber); }
.metric-icon.green { background: #e6f0ec; color: var(--green); }
.dash-lower { display: grid; grid-template-columns: 1.4fr 1fr; gap: 9px; margin-top: 9px; }
.progress-panel, .attention-panel { background: #fff; border: 1px solid var(--line); border-radius: 7px; padding: 12px; min-height: 158px; }
.panel-title { display: flex; justify-content: space-between; font-size: 7px; margin-bottom: 11px; }
.panel-title span { color: var(--brass-deep); font: 500 6px var(--mono); }
.progress-item { display: grid; grid-template-columns: 1fr auto; gap: 4px; margin: 7px 0; font-size: 6px; }
.progress-item b { font: 500 6px var(--mono); color: var(--slate); }
.progress-item div { grid-column: 1/-1; height: 3px; border-radius: 3px; background: var(--sand); }
.progress-item i { display: block; height: 100%; background: var(--ink); border-radius: 3px; }
.task { display: grid; grid-template-columns: auto 1fr auto; gap: 6px; align-items: center; padding: 7px 0; border-bottom: 1px solid #f0ede7; }
.task:last-child { border: 0; }
.task > i { width: 5px; height: 5px; border-radius: 50%; }
.red-dot { background: var(--red); } .amber-dot { background: var(--amber); } .green-dot { background: var(--green); }
.task b, .task small { display: block; font-size: 6px; }
.task small { color: var(--slate); }
.task > span { font: 500 6px var(--mono); color: var(--slate); }
.floating-card { position: absolute; z-index: 3; display: flex; align-items: center; gap: 8px; background: #fff; color: var(--ink); padding: 10px 13px; border: 1px solid var(--line); border-radius: 7px; box-shadow: 0 14px 28px -16px rgba(20,31,56,.4); font-size: 8px; }
.floating-card > span { width: 23px; height: 23px; border-radius: 5px; background: #e6f0ec; color: var(--green); display: grid; place-items: center; font-weight: 600; }
.floating-card b, .floating-card small { display: block; }
.floating-card small { color: var(--slate); }
.float-left { left: -22px; bottom: 38px; }
.float-right { right: -22px; top: 52px; }
.float-right > span { background: #fbf2e2; color: var(--amber); }
.hero-proof { position: relative; margin-top: 0; min-height: 86px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; }
.hero-proof p { font: 500 10px/1.6 var(--mono); letter-spacing: .04em; text-transform: uppercase; max-width: 215px; color: var(--slate); }
.proof-list { display: flex; align-items: center; gap: 24px; color: var(--ink-soft); font: 600 13px var(--serif); }
.proof-list i { width: 3px; height: 3px; background: var(--brass); border-radius: 50%; }

/* Shared section styles */
.section { padding: 96px 0; }
.section-kicker { color: var(--brass-deep); margin: 0 0 18px; }
.split-heading { display: grid; grid-template-columns: .7fr 3fr; gap: 40px; margin-bottom: 45px; }
.split-heading > div { display: grid; grid-template-columns: 1.3fr 1fr; gap: 58px; align-items: end; }
.split-heading h2, .platform-intro h2, .auditor-panel h2, .readiness-copy h2, .cta-inner h2 { font: 600 clamp(35px,3.6vw,50px)/1.1 var(--serif); letter-spacing: -.025em; margin: 0 0 20px; }
.split-heading p { color: var(--slate); font-size: 15px; line-height: 1.75; margin: 0; }
.card-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.feature-card { padding: 32px; min-height: 292px; position: relative; background: #fff; }
.feature-card + .feature-card { border-left: 1px solid var(--line); }
.card-number { position: absolute; top: 22px; right: 22px; font: 500 10px var(--mono); color: #9aa0a9; }
.line-icon { width: 43px; height: 43px; border: 1px solid var(--line); border-radius: 8px; display: grid; place-items: center; color: var(--brass-deep); font-size: 20px; margin: 17px 0 46px; }
.feature-card h3 { font: 600 22px var(--serif); letter-spacing: -.01em; margin: 0 0 12px; }
.feature-card p { font-size: 13px; color: var(--slate); line-height: 1.7; margin: 0; }

/* Platform */
.platform-section { background: var(--ink); color: #fff; position: relative; overflow: hidden; }
.platform-section::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 50px 50px; }
.section-kicker.light { color: var(--brass); }
.platform-intro { text-align: center; position: relative; }
.platform-intro > p:last-child { color: #a9b0c0; max-width: 580px; margin: 0 auto; }
.platform-grid { position: relative; display: grid; grid-template-columns: 340px 1fr; margin-top: 58px; background: #fff; border-radius: 10px; overflow: hidden; min-height: 490px; color: var(--ink); }
.platform-nav { background: var(--sand); padding: 21px 15px; border-right: 1px solid var(--line); }
.platform-tab { width: 100%; display: flex; align-items: flex-start; gap: 13px; padding: 17px 14px; border: 0; border-radius: 6px; background: transparent; text-align: left; color: var(--slate); margin: 3px 0; }
.platform-tab > span { font: 500 9px var(--mono); margin-top: 3px; }
.platform-tab strong, .platform-tab small { display: block; }
.platform-tab strong { font-size: 13px; color: var(--ink); margin-bottom: 3px; }
.platform-tab small { font-size: 10px; }
.platform-tab.active { background: var(--ink); color: var(--brass); box-shadow: none; }
.platform-tab.active strong { color: #fff; }
.platform-tab.active small { color: #a9b0c0; }
.platform-display { display: grid; grid-template-columns: .9fr 1.1fr; gap: 38px; padding: 49px 40px; align-items: center; }
.display-copy > p { font: 500 9px var(--mono); letter-spacing: .12em; color: var(--brass-deep); }
.display-copy h3 { font: 600 28px/1.2 var(--serif); letter-spacing: -.02em; margin: 12px 0; }
.display-copy > p:not(:first-child) { font: 400 13px/1.7 var(--sans); color: var(--slate); }
.display-copy ul { list-style: none; padding: 0; margin: 21px 0; }
.display-copy li { font-size: 11px; padding: 8px 0 8px 22px; position: relative; }
.display-copy li::before { content: '✓'; position: absolute; left: 0; color: var(--green); font-weight: 600; }
.workflow-card { padding: 22px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); box-shadow: var(--shadow); }
.workflow-top { display: flex; justify-content: space-between; border-bottom: 1px solid var(--line); padding-bottom: 12px; margin-bottom: 17px; }
.workflow-top small { font: 500 7px var(--mono); letter-spacing: .1em; }
.workflow-top span { font: 500 8px var(--mono); color: var(--green); }
.workflow-step { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; }
.workflow-step i { width: 27px; height: 27px; border: 1px solid var(--line); border-radius: 50%; display: grid; place-items: center; font-style: normal; font: 500 9px var(--mono); color: var(--slate); }
.workflow-step b, .workflow-step small { display: block; font-size: 9px; }
.workflow-step small { font-size: 7px; color: var(--slate); margin-top: 2px; }
.workflow-step > span { font: 500 7px var(--mono); color: var(--slate); }
.workflow-step.done i { background: var(--ink); color: #fff; border-color: var(--ink); }
.workflow-step.done > span { color: var(--green); }
.workflow-step.current i { border: 2px solid var(--brass); color: var(--ink); }
.workflow-step.current > span { background: #f6eedc; padding: 4px 6px; border-radius: 4px; color: var(--brass-deep); }
.workflow-line { height: 25px; border-left: 1px dashed #c9c4ba; margin-left: 13px; }
.workflow-line.done { border-color: var(--ink); }

/* Founder and readiness */
.auditor-section { background: var(--sand); }
.auditor-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.auditor-quote { background: var(--ink); color: #fff; padding: 54px; border-radius: 10px; min-height: 445px; display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden; }
.auditor-quote::after { content: ''; position: absolute; width: 220px; height: 220px; border: 55px solid rgba(201,168,106,.055); border-radius: 50%; right: -90px; bottom: -100px; }
.auditor-quote svg { width: 40px; fill: var(--brass); margin-bottom: 31px; }
.auditor-quote blockquote { font: 600 27px/1.35 var(--serif); letter-spacing: -.018em; margin: 0 0 24px; }
.auditor-quote p { font-size: 13px; color: #a9b0c0; max-width: 420px; }
.auditor-panel > p:not(.section-kicker) { color: var(--slate); line-height: 1.8; font-size: 14px; }
.founders { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; margin-top: 34px; padding-top: 25px; border-top: 1px solid var(--line); }
.founder { display: flex; align-items: center; gap: 10px; }
.founder > span { width: 40px; height: 40px; background: var(--ink); color: #fff; border-radius: 50%; display: grid; place-items: center; font: 500 9px var(--mono); }
.founder:nth-child(2) > span { background: var(--brass); color: var(--ink); }
.founder b, .founder small { display: block; font-size: 11px; }
.founder small { font-size: 8px; color: var(--slate); margin-top: 2px; }
.readiness-section { background: var(--paper); }
.readiness-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center; }
.readiness-copy > p:not(.section-kicker) { color: var(--slate); font-size: 15px; line-height: 1.75; }
.callout { display: flex; gap: 11px; background: var(--sand); border-left: 2px solid var(--brass); padding: 16px; margin-top: 27px; }
.callout > span { width: 19px; height: 19px; flex: none; border: 1px solid var(--brass-deep); border-radius: 50%; display: grid; place-items: center; font: 500 9px var(--mono); }
.callout p { font-size: 10px !important; line-height: 1.55 !important; margin: 0; }
.readiness-stack { position: relative; padding: 32px 23px 13px; }
.stack-card { border: 1px solid var(--line); border-radius: 9px; background: #f7f5ef; position: absolute; }
.stack-card.back { inset: 0 68px 60px 68px; transform: translateY(-9px); opacity: .5; }
.stack-card.middle { inset: 18px 43px 32px 43px; box-shadow: var(--shadow); }
.stack-card.front { position: relative; padding: 27px; background: #fff; box-shadow: var(--shadow); }
.report-head { display: flex; justify-content: space-between; align-items: start; }
.report-head small { font: 500 7px var(--mono); letter-spacing: .12em; color: var(--slate); }
.report-head h3 { font: 600 20px var(--serif); margin: 3px 0; }
.status-pill { font: 500 7px var(--mono); background: #e6f0ec; color: var(--green); border-radius: 20px; padding: 5px 8px; }
.score-line { display: grid; grid-template-columns: 1fr 110px; align-items: center; background: var(--sand); padding: 16px; margin: 17px 0; border-radius: 7px; }
.score-line div span, .score-line div small { display: block; }
.score-line div span { font: 600 31px var(--serif); }
.score-line div small { font: 500 6px var(--mono); letter-spacing: .1em; color: var(--slate); }
.score-line svg { overflow: visible; }
.score-line path { fill: none; stroke: #ddd8ce; stroke-width: 8; stroke-linecap: round; }
.score-line .score-arc { stroke: var(--brass); stroke-dasharray: 157; stroke-dashoffset: 29; }
.check-row { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; padding: 11px 0; border-bottom: 1px solid #eeebe4; }
.check-row:last-child { border: 0; }
.check-row > span { width: 23px; height: 23px; border-radius: 5px; display: grid; place-items: center; background: #e6f0ec; color: var(--green); font-size: 9px; font-weight: 600; }
.check-row b, .check-row small { display: block; font-size: 9px; }
.check-row small { font-size: 7px; color: var(--slate); }
.check-row em { font: 500 7px var(--mono); font-style: normal; color: var(--green); }
.check-row.warning > span { background: #fbf2e2; color: var(--amber); }
.check-row.warning em { color: var(--amber); }

/* CTA and footer */
.cta-section { background: var(--ink); color: #fff; padding: 90px 0; position: relative; overflow: hidden; }
.cta-pattern { position: absolute; inset: 0; background: radial-gradient(circle at 12% 50%,rgba(201,168,106,.1),transparent 26%),radial-gradient(circle at 88% 50%,rgba(201,168,106,.06),transparent 28%); }
.cta-inner { position: relative; text-align: center; }
.cta-inner > p:not(.section-kicker):not(.form-note) { color: #a9b0c0; max-width: 610px; margin: 0 auto 29px; font-size: 14px; }
.access-form { max-width: 520px; margin: auto; display: flex; padding: 4px; background: #fff; border-radius: 7px; }
.access-form input { flex: 1; border: 0; outline: 0; padding: 12px; color: var(--ink); min-width: 0; }
.access-form button { border: 0; background: var(--brass); color: var(--ink); border-radius: 5px; padding: 12px 16px; font-weight: 600; font-size: 12px; }
.form-note { font-size: 9px; color: #7f8796; margin-top: 12px; }
footer { background: #0d162b; color: #fff; padding: 60px 0 23px; }
.footer-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 55px; }
.footer-brand { margin-bottom: 16px; }
.footer-brand .brand-mark path:first-child { fill: var(--brass); }
.footer-brand .brand-mark path:last-child { stroke: var(--ink); }
.footer-grid > div > p { font-size: 12px; color: #8d95a6; }
.footer-links { display: grid; grid-template-columns: 1fr 1fr; }
.footer-links strong, .footer-links a { display: block; font-size: 11px; margin-bottom: 12px; }
.footer-links strong { color: var(--brass); font: 500 9px var(--mono); text-transform: uppercase; letter-spacing: .1em; margin-bottom: 16px; }
.footer-links a { color: #a9b0c0; }
.footer-links a:hover { color: #fff; }
.footer-bottom { display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.1); padding-top: 21px; margin-top: 40px; color: #737c8e; font-size: 9px; }

.reveal { opacity: 0; transform: translateY(14px); transition: opacity .55s ease, transform .55s ease; }
.reveal.visible { opacity: 1; transform: none; }
.delay-1 { transition-delay: .1s; }
.delay-2 { transition-delay: .2s; }

@media (max-width: 1000px) {
  .hero-grid { grid-template-columns: 1fr; }
  .hero-copy { max-width: 720px; }
  .hero-visual { min-height: 440px; }
  .float-right { right: -10px; }
  .split-heading, .split-heading > div { grid-template-columns: 1fr; }
  .split-heading { gap: 3px; }
  .platform-display { grid-template-columns: 1fr; }
  .workflow-card { display: none; }
  .auditor-grid, .readiness-grid { gap: 55px; }
  .auditor-quote { padding: 40px; }
}

@media (max-width: 760px) {
  .container, .nav-shell { width: min(100% - 32px,1160px); }
  .nav-shell { height: 64px; }
  .menu-toggle { display: block; }
  .site-nav { display: none; position: absolute; top: 64px; left: 16px; right: 16px; flex-direction: column; align-items: stretch; gap: 0; padding: 13px; background: #fff; color: var(--ink); border: 1px solid var(--line); border-radius: 8px; box-shadow: var(--shadow); }
  .site-nav.open { display: flex; }
  .site-nav > a:not(.nav-cta) { color: var(--ink); padding: 11px; }
  .nav-cta { text-align: center; margin: 7px 0 0; }
  .hero { padding-top: 52px; }
  .hero h1 { font-size: 47px; letter-spacing: -.035em; }
  .hero-lede { font-size: 15px; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 8px; }
  .hero-visual { min-height: 350px; }
  .app-body { height: 280px; }
  .app-sidebar { display: none; }
  .dashboard { width: 100%; padding: 14px; }
  .dash-lower { display: none; }
  .metric-row { grid-template-columns: 1.3fr 1fr 1fr; }
  .float-left { left: -6px; bottom: 15px; }
  .float-right { display: none; }
  .hero-proof { height: auto; padding: 24px 0; display: block; }
  .proof-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 17px; }
  .proof-list i { display: none; }
  .section { padding: 70px 0; }
  .split-heading h2, .platform-intro h2, .auditor-panel h2, .readiness-copy h2, .cta-inner h2 { font-size: 38px; }
  .card-grid { grid-template-columns: 1fr; }
  .feature-card { min-height: 0; }
  .feature-card + .feature-card { border-left: 0; border-top: 1px solid var(--line); }
  .line-icon { margin-bottom: 26px; }
  .platform-grid { grid-template-columns: 1fr; margin-top: 36px; }
  .platform-nav { display: flex; overflow-x: auto; padding: 10px; }
  .platform-tab { min-width: 190px; }
  .platform-tab small { display: none; }
  .platform-display { padding: 31px 23px; }
  .auditor-grid, .readiness-grid { grid-template-columns: 1fr; }
  .auditor-quote { min-height: 370px; }
  .founders { grid-template-columns: 1fr; }
  .readiness-stack { padding: 25px 0 0; }
  .score-line { grid-template-columns: 1fr 88px; }
  .score-line svg { width: 88px; }
  .access-form { display: block; background: transparent; }
  .access-form input, .access-form button { width: 100%; border-radius: 6px; }
  .access-form input { padding: 14px; margin-bottom: 7px; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { display: block; }
  .footer-bottom span { display: block; margin-top: 5px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal { opacity: 1; transform: none; transition: none; }
}

/* Multi-page website architecture */
.site-nav .current:not(.nav-cta) { color: var(--ink); background: var(--sand); }
.nav-group { position: static; }
.mega-toggle { border: 0; background: transparent; color: var(--ink-soft); padding: 9px 12px; border-radius: 6px; font-size: 14px; font-weight: 500; }
.mega-toggle:hover, .mega-toggle[aria-expanded="true"] { color: var(--ink); background: var(--sand); }
.mega-toggle span { color: var(--brass-deep); margin-left: 4px; }
.mega-menu { position: absolute; left: 0; right: 0; top: 70px; visibility: hidden; opacity: 0; transform: translateY(-7px); background: var(--white); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); box-shadow: 0 24px 45px -28px rgba(20,31,56,.4); transition: .18s; }
.mega-menu.open { visibility: visible; opacity: 1; transform: none; }
.mega-grid { width: min(1050px, calc(100% - 56px)); margin: auto; padding: 30px 0; display: grid; grid-template-columns: 1fr 1fr .8fr; gap: 36px; }
.mega-grid.two-col { grid-template-columns: 1fr 1fr; max-width: 760px; }
.mega-label { margin: 0 0 10px; color: var(--brass-deep); font: 500 9px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.mega-grid > div > a { display: block; padding: 9px 10px; border-radius: 6px; }
.mega-grid > div > a:hover { background: var(--sand); }
.mega-grid strong, .mega-grid small { display: block; }
.mega-grid strong { font-size: 13px; }
.mega-grid small { color: var(--slate); font-size: 10px; margin-top: 2px; }
.mega-feature { align-self: stretch; background: var(--sand); border: 1px solid var(--line); border-radius: 8px; padding: 19px; display: flex; flex-direction: column; justify-content: center; }
.mega-feature span { color: var(--brass-deep); font: 500 8px var(--mono); letter-spacing: .12em; }
.mega-feature strong { font: 600 17px/1.35 var(--serif); margin: 7px 0 13px; }
.mega-feature em { font-size: 10px; color: var(--brass-deep); font-style: normal; font-weight: 600; }

.button-ghost { background: var(--white); color: var(--ink); border: 1px solid var(--line); }
.button-light { background: var(--brass); color: var(--ink); }
.cta-section .button-light { background: var(--signal); color: #fff; }
.button-on-dark { color: #fff; border: 1px solid rgba(255,255,255,.25); }
.centered { justify-content: center; }
.form-success { padding: 14px; width: 100%; color: var(--ink); background: #e6f0ec; border-radius: 5px; font-weight: 600; }

/* New homepage */
.home-hero { background: var(--sand); border-bottom: 1px solid var(--line); padding: 78px 0 76px; overflow: hidden; position: relative; }
.home-hero::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(20,31,56,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(20,31,56,.025) 1px,transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(#000,transparent 85%); }
.home-hero-grid { position: relative; display: grid; grid-template-columns: .88fr 1.12fr; gap: 58px; align-items: center; }
.home-hero h1, .page-hero h1, .access-page h1 { font: 600 clamp(47px,5vw,67px)/1.03 var(--serif); letter-spacing: -.035em; margin: 0 0 22px; }
.home-hero h1 em, .page-hero h1 em, .access-page h1 em { color: var(--brass-deep); font-style: normal; }
.home-hero h1 em { color: var(--signal); }
.home-hero .hero-actions { margin-bottom: 25px; }
.assurance-note { display: flex; align-items: flex-start; gap: 9px; color: var(--slate); font-size: 11px; line-height: 1.55; max-width: 470px; }
.assurance-note span { color: var(--green); font-weight: 700; }
.home-product { position: relative; }
.product-browser { background: #fff; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; box-shadow: var(--shadow); }
.product-browser-top { height: 44px; display: flex; align-items: center; gap: 7px; padding: 0 13px; background: #faf9f5; border-bottom: 1px solid var(--line); font-size: 9px; }
.product-browser-top i { width: 4px; height: 4px; border-radius: 50%; background: #c8c3b9; }
.product-browser-top i:first-of-type { margin-left: auto; }
.product-browser-top em { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: var(--ink); color: #fff; font: 500 6px var(--mono); font-style: normal; margin-left: 4px; }
.product-canvas { height: 385px; display: grid; grid-template-columns: 95px 1fr; }
.product-canvas aside { border-right: 1px solid var(--line); background: #faf9f5; padding: 19px 10px; display: flex; flex-direction: column; gap: 5px; }
.product-canvas aside span, .product-canvas aside b { padding: 7px 8px; font-size: 7px; border-radius: 4px; }
.product-canvas aside b { background: var(--sand); }
.product-canvas aside span { color: var(--slate); font-weight: 400; }
.product-main { padding: 23px; }
.product-title { display: flex; justify-content: space-between; align-items: center; }
.product-title small { color: var(--slate); font: 500 6px var(--mono); letter-spacing: .1em; }
.product-title h2 { margin: 3px 0 0; font: 600 18px var(--serif); }
.product-title button { border: 0; border-radius: 4px; background: var(--electric); color: #fff; padding: 7px 9px; font-size: 7px; }
.status-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 19px 0 10px; }
.status-card { border: 1px solid var(--line); border-radius: 6px; padding: 11px; display: flex; flex-direction: column; }
.status-card small { font: 500 6px var(--mono); color: var(--slate); }
.status-card strong { font: 600 20px var(--serif); margin: 3px 0; }
.status-card span { font-size: 6px; color: var(--slate); }
.status-card.accent { border-top: 3px solid var(--signal); }
.product-list { border: 1px solid var(--line); border-radius: 6px; padding: 11px; }
.list-head { display: flex; justify-content: space-between; padding-bottom: 8px; border-bottom: 1px solid var(--line); font-size: 7px; }
.list-head span { color: var(--brass-deep); }
.product-row { display: grid; grid-template-columns: auto 1fr auto; gap: 7px; align-items: center; padding: 9px 2px; border-bottom: 1px solid #f0ede7; }
.product-row:last-child { border-bottom: 0; }
.product-row > i, .monitor-row > span { width: 6px; height: 6px; border-radius: 50%; }
.dot-red { background: var(--red); }.dot-amber { background: var(--amber); }.dot-green { background: var(--green); }
.product-row p { margin: 0; }.product-row b, .product-row small { display: block; font-size: 7px; }.product-row small { color: var(--slate); }.product-row em { font: 500 6px var(--mono); color: var(--slate); font-style: normal; }
.ai-assist { position: absolute; right: -18px; bottom: -28px; width: 330px; display: grid; grid-template-columns: auto 1fr auto; gap: 9px; align-items: center; padding: 12px; border: 1px solid var(--signal); background: #fff; border-radius: 7px; box-shadow: var(--shadow); }
.ai-assist > span { width: 28px; height: 28px; display: grid; place-items: center; background: #ffebe6; color: var(--signal); border-radius: 5px; }
.ai-assist p { margin: 0; }.ai-assist b, .ai-assist small { display: block; font-size: 8px; }.ai-assist small { color: var(--slate); font-size: 7px; }.ai-assist em { color: var(--brass-deep); font: 500 7px var(--mono); font-style: normal; }
.credibility-bar { background: var(--paper); border-bottom: 1px solid var(--line); }
.credibility-inner { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.credibility-inner p { max-width: 150px; color: var(--slate); font: 500 9px/1.6 var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.credibility-inner span { font: 600 14px var(--serif); color: var(--ink-soft); }
.editorial-head { display: grid; grid-template-columns: 1.35fr .65fr; gap: 75px; align-items: end; margin-bottom: 46px; }
.editorial-head h2, .solution-copy h2, .eu-strip h2, .page-hero h2, .capability-detail h2, .example-detail h2, .founder-intro h2, .values-section h2, .naming-section h2 { font: 600 clamp(34px,3.8vw,49px)/1.1 var(--serif); letter-spacing: -.025em; margin: 0; }
.editorial-head > p { color: var(--slate); font-size: 14px; line-height: 1.75; margin: 0; }
.pain-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); border-radius: 9px; overflow: hidden; }
.pain-card { padding: 31px; min-height: 250px; background: #fff; border-top: 3px solid transparent; transition: border-color .2s, transform .2s; }
.pain-card:hover { border-top-color: var(--signal); transform: translateY(-2px); }
.pain-card + .pain-card { border-left: 1px solid var(--line); }
.pain-card > span, .detail-grid article > span, .principle-grid article > span, .value-grid article > span { color: var(--brass-deep); font: 500 9px var(--mono); }
.pain-card h3 { margin: 55px 0 10px; font: 600 22px var(--serif); }
.pain-card p { color: var(--slate); font-size: 13px; line-height: 1.7; }
.section-link { display: inline-block; margin-top: 26px; color: var(--brass-deep); font-size: 13px; font-weight: 600; }
.section-link span { margin-left: 8px; }
.solution-preview { background: var(--ink); color: #fff; padding: 90px 0; }
.solution-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 95px; align-items: center; }
.solution-copy > p:not(.section-kicker) { color: #a9b0c0; font-size: 14px; line-height: 1.75; }
.solution-copy .button { margin-top: 13px; }
.capability-list { border-top: 1px solid rgba(255,255,255,.14); }
.capability-list a { display: grid; grid-template-columns: 34px 1fr auto; gap: 13px; align-items: center; padding: 20px 5px; border-bottom: 1px solid rgba(255,255,255,.14); }
.capability-list a > span { color: var(--signal); font: 500 9px var(--mono); }
.capability-list strong, .capability-list small { display: block; }.capability-list strong { font: 600 19px var(--serif); }.capability-list small { color: #a9b0c0; font-size: 10px; margin-top: 3px; }.capability-list em { color: var(--signal); font-style: normal; }
.example-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.example-card { border: 1px solid var(--line); border-radius: 8px; padding: 18px; background: #fff; transition: .2s; }
.example-card:hover { transform: translateY(-3px); border-color: var(--signal); box-shadow: var(--shadow); }
.example-card > small { display: block; color: var(--brass-deep); font: 500 8px var(--mono); letter-spacing: .1em; margin-top: 18px; }
.example-card h3 { font: 600 20px/1.3 var(--serif); margin: 7px 0 14px; }
.example-card > em { color: var(--brass-deep); font: 600 11px var(--sans); font-style: normal; }
.example-visual { height: 170px; background: var(--sand); border: 1px solid var(--line); border-radius: 6px; padding: 22px; }
.onboarding-mini { display: flex; align-items: center; justify-content: center; gap: 7px; }
.onboarding-mini span { width: 29px; height: 29px; border: 1px solid var(--line); border-radius: 50%; display: grid; place-items: center; background: #fff; font: 500 9px var(--mono); z-index: 1; }.onboarding-mini span.active { background: var(--electric); color: #fff; border-color: var(--electric); }.onboarding-mini i { position: absolute; width: 170px; height: 1px; background: var(--line); }
.evidence-mini { display: flex; flex-direction: column; gap: 7px; }.evidence-mini div { display: grid; grid-template-columns: 44px 1fr auto; padding: 8px; background: #fff; border: 1px solid var(--line); border-radius: 4px; font-size: 7px; }.evidence-mini em { color: var(--green); font-style: normal; }.check-mini { text-align: center; }.check-mini strong { display: block; font: 600 48px var(--serif); color: var(--signal); line-height: 1; }.check-mini > span { font-size: 9px; color: var(--slate); }.check-mini div { display: flex; gap: 5px; margin-top: 20px; }.check-mini i { height: 5px; flex: 1; background: var(--signal); }.check-mini i:nth-child(3),.check-mini i:nth-child(4) { background: #d8d4ca; }
.eu-strip { background: var(--sand); border-top: 1px solid var(--line); padding: 65px 0; }
.eu-strip-grid { display: grid; grid-template-columns: 1.1fr .8fr auto; gap: 55px; align-items: end; }.eu-strip-grid > p { color: var(--slate); font-size: 13px; }.eu-strip-grid > a { color: var(--brass-deep); font-size: 12px; font-weight: 600; white-space: nowrap; }

/* Internal pages */
.page-hero { background: var(--sand); border-bottom: 1px solid var(--line); padding: 64px 0 68px; overflow: hidden; }
.page-hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 75px; align-items: center; }
.breadcrumb { color: var(--slate); font: 400 9px var(--mono); letter-spacing: .05em; margin: 0 0 29px; }.breadcrumb span { padding: 0 8px; color: #b6afa4; }
.detail-grid, .principle-grid { display: grid; grid-template-columns: repeat(2,1fr); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.detail-grid article, .principle-grid article { padding: 30px; min-height: 220px; background: #fff; }.detail-grid article:nth-child(even),.principle-grid article+article { border-left: 1px solid var(--line); }.detail-grid article:nth-child(n+3) { border-top: 1px solid var(--line); }.detail-grid h3,.principle-grid h3 { font: 600 21px var(--serif); margin: 35px 0 9px; }.detail-grid p,.principle-grid p { color: var(--slate); font-size: 12px; }
.problem-map { height: 335px; position: relative; }.problem-map svg { position: absolute; inset: 55px 35px; width: calc(100% - 70px); }.problem-map svg path { fill: none; stroke: var(--brass); stroke-width: 1; stroke-dasharray: 4 4; }.messy-node { position: absolute; width: 135px; padding: 11px; background: #fff; border: 1px solid var(--line); border-radius: 6px; z-index: 2; }.messy-node b,.messy-node small { display: block; font-size: 9px; }.messy-node small { color: var(--slate); font-size: 7px; }.messy-node:nth-child(1){top:35px;left:10px}.messy-node:nth-child(2){top:35px;right:10px}.messy-node:nth-child(3){bottom:35px;left:10px}.messy-node:nth-child(4){bottom:35px;right:10px}.messy-centre { position: absolute; z-index: 3; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90px; height: 90px; display: grid; place-items: center; text-align: center; border-radius: 50%; background: var(--ink); color: #fff; font: 600 14px var(--serif); }
.contrast-section,.values-section,.nis2-section { background: var(--ink); color: #fff; padding: 84px 0; }.contrast-grid,.nis2-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; }.contrast-grid h2,.nis2-grid h2 { font: 600 42px/1.13 var(--serif); margin: 0; }.contrast-list p { padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.12); color: #bec4d0; font-size: 13px; }.contrast-list span { color: var(--brass); margin-right: 12px; }.bridge-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 85px; align-items: center; }.bridge-grid > div > p:not(.section-kicker) { color: var(--slate); }.clean-flow { display: flex; align-items: center; gap: 12px; }.clean-flow > div { flex: 1; min-height: 150px; border: 1px solid var(--line); border-radius: 7px; padding: 17px; background: #fff; }.clean-flow span,.clean-flow b,.clean-flow small { display: block; }.clean-flow span { color: var(--brass-deep); font: 500 8px var(--mono); }.clean-flow b { font: 600 18px var(--serif); margin: 30px 0 5px; }.clean-flow small { color: var(--slate); font-size: 8px; }.clean-flow > i { color: var(--brass-deep); font-style: normal; }
.platform-orbit { height: 390px; border: 1px solid var(--line); border-radius: 50%; position: relative; }.platform-orbit::before { content:''; position:absolute; inset:55px; border:1px dashed var(--brass); border-radius:50%; }.orbit-centre { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; }.orbit-centre span { margin: auto; width: 58px; height: 64px; display: grid; place-items: center; background: var(--ink); color: var(--brass); clip-path: polygon(50% 0,100% 18%,94% 70%,50% 100%,6% 70%,0 18%); font: 600 24px var(--serif); }.orbit-centre b { display: block; margin-top: 8px; font: 600 13px var(--serif); }.orbit-item { position: absolute; width: 120px; padding: 10px; background: #fff; border: 1px solid var(--line); border-radius: 6px; text-align: center; }.orbit-item b,.orbit-item small { display: block; font-size: 9px; }.orbit-item small { color: var(--slate); font-size: 7px; }.orbit-item.one{left:50%;top:15px;transform:translateX(-50%)}.orbit-item.two{right:-15px;top:50%;transform:translateY(-50%)}.orbit-item.three{left:50%;bottom:15px;transform:translateX(-50%)}.orbit-item.four{left:-15px;top:50%;transform:translateY(-50%)}
.capability-detail { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: center; padding: 75px 0; border-bottom: 1px solid var(--line); scroll-margin-top: 85px; }.capability-detail.reverse > div:first-child { order: 2; }.capability-detail > div:first-child > p:not(.section-kicker) { color: var(--slate); font-size: 14px; }.capability-detail ul,.example-detail ul { list-style: none; padding: 0; margin: 20px 0; }.capability-detail li,.example-detail li { padding: 8px 0 8px 22px; position: relative; font-size: 12px; }.capability-detail li::before,.example-detail li::before { content:'✓'; position:absolute; left:0; color:var(--green); }.ui-panel,.demo-frame { border: 1px solid var(--line); border-radius: 9px; background: #fff; box-shadow: var(--shadow); overflow: hidden; }.ui-head,.demo-top { height: 47px; display: flex; align-items: center; justify-content: space-between; padding: 0 17px; background: var(--sand); border-bottom: 1px solid var(--line); font: 500 8px var(--mono); }.ui-head em,.demo-top em { color: var(--slate); font-style: normal; }.question-block { padding: 28px; }.question-block small { color:var(--brass-deep);font:500 8px var(--mono);}.question-block h3 { font:600 24px/1.25 var(--serif); }.answer-box { border:1px solid var(--line);border-radius:5px;padding:13px;font-size:12px;color:var(--ink-soft);}.question-block p { display:flex;gap:9px;margin:17px 0 0;padding:12px;background:#f6eedc;color:var(--ink-soft);font-size:10px;}.question-block p span { color:var(--brass-deep);}.evidence-ui,.monitoring-ui,.checks-ui { padding-bottom: 22px; }.evidence-ui > h3 { padding:0 25px;font:600 24px var(--serif);}.evidence-chain { display:flex;align-items:center;gap:7px;padding:0 25px;}.evidence-chain div { flex:1;padding:13px;border:1px solid var(--line);border-radius:5px;}.evidence-chain small,.evidence-chain b { display:block;font-size:8px;}.evidence-chain small { color:var(--brass-deep);font:500 6px var(--mono);}.evidence-chain i { color:var(--brass-deep);font-style:normal;}.review-line { margin:18px 25px 0;padding-top:13px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:8px;color:var(--slate);}.health-score { margin:22px auto;width:120px;height:120px;border-radius:50%;border:10px solid var(--brass);display:flex;flex-direction:column;align-items:center;justify-content:center;}.health-score strong { font:600 38px var(--serif);line-height:1;}.health-score span { font-size:8px;color:var(--slate);}.monitor-row { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin:0 25px;padding:10px 0;border-top:1px solid var(--line);}.monitor-row p { margin:0;}.monitor-row b,.monitor-row small { display:block;font-size:9px;}.monitor-row small { color:var(--slate);font-size:7px;}.monitor-row em { font:500 7px var(--mono);font-style:normal;color:var(--slate);}.check-result { display:grid;grid-template-columns:auto 1fr;gap:13px;margin:25px;padding:18px;background:#fbf2e2;border-left:2px solid var(--brass);}.check-result > span { color:var(--brass-deep);}.check-result b { font-size:11px;}.check-result p { font-size:9px;color:var(--slate);}.check-actions { display:flex;gap:8px;margin:0 25px;}.check-actions button { border:1px solid var(--line);background:#fff;border-radius:4px;padding:8px 10px;font-size:8px;}.check-actions button:first-child { background:var(--ink);color:#fff;border-color:var(--ink);}
.eu-map-card { min-height:300px;background:var(--ink);color:#fff;border-radius:9px;padding:40px;display:flex;align-items:center;gap:35px;}.eu-stars { color:var(--brass);font:600 27px/1.5 var(--serif);letter-spacing:6px;text-align:center;}.eu-map-card small,.eu-map-card strong { display:block;}.eu-map-card small { color:var(--brass);font:500 8px var(--mono);}.eu-map-card strong { font:600 23px/1.3 var(--serif);margin:8px 0;}.eu-map-card p { color:#a9b0c0;font-size:10px;}.principle-grid { grid-template-columns:repeat(3,1fr);}.principle-grid article { min-height:260px;}.nis2-grid > div > p:not(.section-kicker) { color:#a9b0c0;font-size:14px;}.scope-card { background:#fff;color:var(--ink);border-radius:8px;padding:23px;}.scope-card > div { display:grid;grid-template-columns:auto 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);}.scope-card > div > span { width:28px;height:28px;border-radius:50%;background:var(--sand);display:grid;place-items:center;font:500 8px var(--mono);}.scope-card p { margin:0;}.scope-card b,.scope-card small { display:block;font-size:10px;}.scope-card small { color:var(--slate);font-size:8px;}.scope-note { margin-top:14px!important;color:var(--slate);font-size:8px!important;}.eu-standards { text-align:center;}.eu-standards > div { display:flex;justify-content:center;align-items:center;gap:16px;margin:35px 0;}.eu-standards > div span { padding:14px 18px;border:1px solid var(--line);background:#fff;border-radius:5px;font:600 13px var(--serif);}.eu-standards > div i { color:var(--brass-deep);font-style:normal;}.eu-standards > p:last-child { max-width:700px;margin:auto;color:var(--slate);font-size:12px;}
.tour-index { border:1px solid var(--line);border-radius:8px;background:#fff;}.tour-index a { display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line);}.tour-index a:last-child { border-bottom:0;}.tour-index span { color:var(--brass-deep);font:500 9px var(--mono);}.tour-index b { font:600 16px var(--serif);}.tour-index em { color:var(--brass-deep);font-style:normal;}.example-section { padding:90px 0;scroll-margin-top:70px;}.example-section.alternate { background:var(--sand);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}.example-detail { display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center;}.example-detail.reverse > div:first-child { order:2;}.example-detail > div:first-child > p:not(.section-kicker) { color:var(--slate);font-size:14px;}.demo-top { justify-content:flex-start;gap:8px;}.demo-top > span { width:22px;height:24px;display:grid;place-items:center;background:var(--ink);color:var(--brass);clip-path:polygon(50% 0,100% 18%,94% 70%,50% 100%,6% 70%,0 18%);}.demo-top em { margin-left:auto;}.stepper { display:flex;align-items:center;justify-content:center;padding:25px;}.stepper i { width:28px;height:28px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font:500 8px var(--mono);font-style:normal;}.stepper i.done { background:var(--green);color:#fff;border-color:var(--green);}.stepper i.active { border:2px solid var(--brass);}.stepper span { width:65px;height:1px;background:var(--line);}.demo-question { padding:0 30px 28px;}.demo-question > small { color:var(--brass-deep);font:500 8px var(--mono);}.demo-question h3 { font:600 23px var(--serif);}.demo-question label { display:block;font-size:8px;color:var(--slate);margin:12px 0;}.demo-question textarea,.demo-question input { display:block;width:100%;border:1px solid var(--line);border-radius:4px;padding:10px;margin-top:5px;color:var(--ink);background:#fff;font:400 10px var(--sans);resize:none;}.assist-note { display:grid;grid-template-columns:auto 1fr;gap:10px;padding:12px;background:#f6eedc;border-left:2px solid var(--brass);}.assist-note p { margin:0;font-size:8px;color:var(--slate);}.assist-note b { display:block;color:var(--ink);}.trace-view { padding:25px 100px 10px 25px;}.trace-view > div { padding:12px;border:1px solid var(--line);border-radius:5px;}.trace-view > div.selected { border-color:var(--brass);background:#fdfaf4;}.trace-view small,.trace-view b,.trace-view p { display:block;margin:0;font-size:9px;}.trace-view small { color:var(--brass-deep);font:500 7px var(--mono);}.trace-view p { color:var(--slate);font-size:7px;}.trace-view > i { display:block;margin-left:20px;color:var(--brass-deep);font-style:normal;}.trace-side { margin:0 25px 25px;padding:13px;background:var(--sand);}.trace-side small { color:var(--slate);font:500 7px var(--mono);}.trace-side span { display:inline-block;margin:6px 5px 0 0;padding:4px 7px;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:7px;}.metric-demo { display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:23px;}.metric-demo div { border:1px solid var(--line);border-radius:5px;padding:12px;}.metric-demo small,.metric-demo strong,.metric-demo span { display:block;}.metric-demo small { color:var(--slate);font:500 7px var(--mono);}.metric-demo strong { font:600 27px var(--serif);}.metric-demo span { color:var(--green);font-size:7px;}.trend-demo { margin:0 23px 23px;padding:15px;border:1px solid var(--line);border-radius:5px;}.trend-demo p { display:flex;justify-content:space-between;font-size:8px;}.trend-demo p span { color:var(--slate);}.trend-demo svg { width:100%;}.trend-demo path { fill:none;stroke:var(--brass);stroke-width:3;}.trend-demo line { stroke:var(--line);}.finding-list { padding:20px;}.finding { display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:13px;border-bottom:1px solid var(--line);}.finding > span { width:25px;height:25px;display:grid;place-items:center;border-radius:5px;background:#fbf2e2;color:var(--amber);}.finding.high > span { background:#fbe9e4;color:var(--red);}.finding.ok > span { background:#e6f0ec;color:var(--green);}.finding p { margin:0;}.finding b,.finding small { display:block;font-size:9px;}.finding small { color:var(--slate);font-size:7px;}.finding em { font:500 7px var(--mono);font-style:normal;color:var(--slate);}
.about-quote { margin:0;background:var(--ink);color:#fff;border-radius:9px;padding:48px;font:600 30px/1.4 var(--serif);}.about-quote small { display:block;color:var(--brass);font:500 8px var(--mono);letter-spacing:.1em;margin-top:25px;}.founder-intro { display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:45px;}.founder-intro > p { color:var(--slate);font-size:14px;}.people-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}.people-grid article { border:1px solid var(--line);border-radius:8px;padding:26px;background:#fff;}.people-grid article > span { width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font:500 10px var(--mono);}.people-grid article:nth-child(2)>span { background:var(--brass);color:var(--ink);}.people-grid h3 { font:600 22px var(--serif);margin:25px 0 2px;}.people-grid small { color:var(--brass-deep);font:500 7px var(--mono);}.people-grid p { color:var(--slate);font-size:12px;}.value-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px;}.value-grid article { border-top:1px solid rgba(255,255,255,.15);padding-top:20px;}.value-grid h3 { font:600 20px var(--serif);}.value-grid p { color:#a9b0c0;font-size:12px;}.naming-grid { display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center;}.naming-grid > p { color:var(--slate);font:400 21px/1.7 var(--serif);}.naming-grid strong { color:var(--ink);}
.access-page { min-height:720px;background:var(--sand);padding:70px 0;}.access-grid { display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:start;}.access-expect { margin-top:38px;border-top:1px solid var(--line);padding-top:20px;}.access-expect h3 { font:600 18px var(--serif);}.access-expect p { display:grid;grid-template-columns:30px 1fr;gap:8px;font-size:11px;color:var(--slate);}.access-expect span { color:var(--brass-deep);font:500 8px var(--mono);}.access-card { background:#fff;border:1px solid var(--line);border-radius:9px;padding:30px;box-shadow:var(--shadow);}.access-card label { display:block;font-size:10px;font-weight:600;margin:12px 0 5px;}.access-card input,.access-card select { width:100%;border:1px solid var(--line);border-radius:5px;padding:11px;background:#fff;color:var(--ink);font-size:12px;}.access-card button { width:100%;border:0;border-radius:5px;padding:12px;margin-top:20px;background:var(--ink);color:#fff;font-weight:600;}.access-card > p:last-child { color:var(--slate);font-size:8px;text-align:center;}.access-proof { padding:35px 0;background:var(--paper);border-top:1px solid var(--line);}.access-proof .container { display:flex;justify-content:space-between;align-items:center;gap:20px;}.access-proof p { max-width:130px;color:var(--slate);font:500 8px var(--mono);text-transform:uppercase;}.access-proof div div { display:flex;gap:28px;}.access-proof span { font:600 13px var(--serif);}

@media (max-width: 1000px) {
  .home-hero-grid,.page-hero-grid,.access-grid { grid-template-columns:1fr; }
  .home-product { max-width:760px; }
  .solution-grid,.bridge-grid,.capability-detail,.example-detail { gap:50px; }
  .mega-grid { width:calc(100% - 40px); }
}

@media (max-width: 760px) {
  .nav-group { display:contents; }
  .mega-toggle { width:100%;text-align:left;padding:11px; }
  .mega-menu { position:static;display:none;visibility:visible;opacity:1;transform:none;border:0;box-shadow:none;background:var(--sand);border-radius:6px; }
  .mega-menu.open { display:block; }
  .mega-grid,.mega-grid.two-col { width:100%;padding:10px;grid-template-columns:1fr;gap:10px; }
  .mega-feature { display:none; }
  .home-hero { padding:52px 0 62px; }
  .home-hero h1,.page-hero h1,.access-page h1 { font-size:45px; }
  .product-canvas { height:310px;grid-template-columns:1fr; }.product-canvas aside { display:none; }.product-main { padding:14px; }.product-list { display:none; }.status-cards { margin-top:25px; }.ai-assist { position:relative;right:auto;bottom:auto;width:calc(100% - 20px);margin:-15px auto 0; }.credibility-inner { display:grid;grid-template-columns:1fr 1fr;padding:23px 0;gap:12px; }.credibility-inner p { grid-column:1/-1;max-width:none; }.editorial-head,.solution-grid,.eu-strip-grid,.contrast-grid,.bridge-grid,.capability-detail,.example-detail,.founder-intro,.naming-grid,.access-grid { grid-template-columns:1fr;gap:35px; }.pain-grid,.example-grid,.principle-grid,.people-grid,.value-grid { grid-template-columns:1fr; }.pain-card+.pain-card,.principle-grid article+article { border-left:0;border-top:1px solid var(--line); }.solution-preview { padding:70px 0; }.eu-strip-grid { align-items:start; }.problem-map { height:300px; }.detail-grid { grid-template-columns:1fr; }.detail-grid article:nth-child(even) { border-left:0; }.detail-grid article+article { border-top:1px solid var(--line); }.clean-flow { flex-direction:column;align-items:stretch; }.clean-flow>i { transform:rotate(90deg);text-align:center; }.page-hero { padding:46px 0 55px; }.capability-detail { padding:55px 0; }.capability-detail.reverse>div:first-child,.example-detail.reverse>div:first-child { order:0; }.platform-orbit { height:330px; }.orbit-item.two { right:-7px; }.orbit-item.four { left:-7px; }.evidence-chain { flex-direction:column;align-items:stretch; }.evidence-chain>i { transform:rotate(90deg);text-align:center; }.example-section { padding:65px 0; }.trace-view { padding-right:25px; }.eu-standards>div { flex-direction:column; }.eu-standards>div i { transform:rotate(90deg); }.about-quote { padding:35px;font-size:25px; }.access-proof .container { display:block; }.access-proof div div { display:grid;grid-template-columns:1fr 1fr;gap:12px; }.access-proof p { max-width:none; }.cta-inner h2 { font-size:37px; }
}

/* Focused polish of the original design: shared navigation and page destinations. */
html { scroll-behavior: auto; }
[hidden] { display: none !important; }
.reveal { opacity: 1; transform: none; }
.mega-menu { top: 100%; max-height: calc(100dvh - 70px); overflow-y: auto; overscroll-behavior: contain; }
.mega-grid { padding-block: 24px; }
.mega-label { font-size: 11px; }
.mega-grid strong { font-size: 14px; }
.mega-grid small { font-size: 12px; line-height: 1.5; }
.mega-feature span { font-size: 11px; }
.mega-feature em { font-size: 12px; }
.mega-grid a:focus-visible, .mega-grid a[aria-current="page"] { background: var(--sand); }
.mega-toggle.current { color: var(--ink); background: var(--sand); }
.site-nav a, .mega-toggle, .button { transition: background-color .16s, color .16s; }
.preview-caption { font: 400 11px var(--mono); color: var(--slate); margin: 0 0 9px; }
.illustration-note { font-size: 12px; line-height: 1.6; color: var(--slate); margin: 26px 0 0; }
.detail-page-hero .capability-detail { padding: 0; border: 0; grid-template-columns: 1fr 1.1fr; gap: 64px; }
.detail-page-hero .example-detail { grid-template-columns: 1fr 1.1fr; gap: 64px; }
.detail-page-hero h1 { font-size: clamp(36px, 3.7vw, 52px); line-height: 1.12; }
.detail-page-hero .hero-actions { flex-wrap: wrap; gap: 14px; margin-bottom: 0; }
.detail-page-hero .breadcrumb { margin-bottom: 32px; }
.capability-detail > div:first-child > p:not(.section-kicker), .example-detail > div:first-child > p:not(.section-kicker) { font-size: 16px; line-height: 1.7; }
.capability-detail li, .example-detail li { font-size: 14px; }
.product-title .demo-action { display: inline-block; background: var(--electric); color: #fff; border-radius: 4px; padding: 8px 10px; font-size: 7px; }
.check-actions a { border: 1px solid var(--line); background: #fff; border-radius: 4px; padding: 8px 10px; font-size: 10px; }
.check-actions a:first-child { background: var(--ink); color: #fff; border-color: var(--ink); }
.ai-assist > a { font-size: 8px; color: var(--brass-deep); white-space: nowrap; }
.list-head > a { font-size: 8px; color: var(--brass-deep); }
.demo-question > textarea, .demo-question > input { display: block; width: 100%; border: 1px solid var(--line); border-radius: 4px; padding: 10px; margin: 5px 0 12px; color: var(--ink); background: #fff; font: 400 12px var(--sans); resize: none; }
.access-card label { font-size: 14px; }
.access-card input, .access-card select { font: 400 16px var(--sans); }
.access-card > #form-note { font-size: 12px; line-height: 1.55; }
.form-success { margin-top: 16px; font-size: 14px; }
.home-hero-grid > *, .page-hero-grid > *, .capability-detail > *, .example-detail > * { min-width: 0; }
@media (max-width: 1000px) and (min-width: 761px) {
  .nav-shell { width: calc(100% - 32px); }
  .brand { font-size: 22px; }
  .site-nav { gap: 0; }
  .site-nav > a:not(.nav-cta), .mega-toggle { padding-inline: 8px; font-size: 13px; }
  .nav-cta { margin-left: 6px; padding-inline: 12px; font-size: 13px; }
  .detail-page-hero .capability-detail, .detail-page-hero .example-detail { gap: 35px; }
}
@media (max-width: 760px) {
  .site-nav { max-height: calc(100dvh - 85px); overflow-y: auto; overscroll-behavior: contain; }
  .mega-menu { max-height: none; overflow: visible; }
  .mega-grid { padding: 10px; }
  .mega-toggle { min-height: 44px; }
  .mega-grid > div > a { padding-block: 12px; }
  .detail-page-hero .capability-detail, .detail-page-hero .example-detail { grid-template-columns: 1fr; gap: 35px; }
  .detail-page-hero h1 { font-size: 39px; }
  .detail-page-hero .hero-actions { align-items: stretch; }
  .check-actions { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; } }

/* Requested brand and terminology refinements, September 2026. */
.brand-logo { display: block; width: 190px; height: auto; }
.footer-brand { display: inline-flex; padding: 12px 16px; background: var(--paper); border-radius: 5px; }
.footer-brand .brand-logo { width: 205px; }
.credibility-inner { flex-wrap: wrap; justify-content: flex-start; column-gap: 34px; row-gap: 14px; padding-block: 25px; }
.credibility-inner .auditor-experience-label { flex-basis: 100%; max-width: none; margin: 0; color: var(--ink); font: 600 18px/1.45 var(--sans); letter-spacing: 0; text-transform: none; }
.credibility-inner > span { font-size: 15px; }
.eu-emblem { display: block; width: 150px; height: auto; flex-shrink: 0; }
@media (max-width: 1000px) and (min-width: 761px) { .brand-logo { width: 155px; } }
@media (max-width: 760px) {
  .brand-logo { width: 180px; }
  .credibility-inner .auditor-experience-label { grid-column: 1 / -1; font-size: 18px; }
  .eu-map-card { flex-direction: column; align-items: flex-start; gap: 25px; padding: 30px; }
}

/* Language selection stays visible in both desktop and mobile headers. */
.nav-shell { gap: 18px; }
.language-switch { display: inline-flex; flex-shrink: 0; align-items: center; gap: 2px; font: 500 13px var(--sans); }
.language-switch a { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; min-height: 44px; color: var(--slate); border-radius: 4px; }
.language-switch a[aria-current="true"] { color: var(--ink); font-weight: 700; text-decoration: underline; text-underline-offset: 5px; text-decoration-color: var(--brass-deep); }
.language-switch a:hover { background: var(--sand); color: var(--ink); }
.language-switch > span { color: var(--line); }
html[lang="sv"] h1, html[lang="sv"] h2, html[lang="sv"] h3 { overflow-wrap: break-word; hyphens: auto; }
html[lang="sv"] .product-title { gap: 10px; }
html[lang="sv"] .product-title h2 { font-size: 18px; }
html[lang="sv"] .product-title .demo-action { flex-shrink: 0; }
html[lang="sv"] .product-row { gap: 7px; }
html[lang="sv"] .ai-assist { width: min(400px, calc(100% - 20px)); }
html[lang="sv"] .ai-assist > a { flex-shrink: 0; }
@media (max-width: 1100px) and (min-width: 1001px) {
  .nav-shell { width: calc(100% - 32px); gap: 10px; }
  .brand-logo { width: 150px; }
  .site-nav { gap: 0; }
  .site-nav > a:not(.nav-cta), .mega-toggle { padding-inline: 8px; font-size: 13px; }
  .nav-cta { margin-left: 5px; padding-inline: 12px; font-size: 13px; }
}
@media (max-width: 1000px) {
  .nav-shell { height: 70px; width: calc(100% - 32px); gap: 12px; }
  .nav-shell > .brand { margin-right: auto; }
  .language-switch { order: 2; }
  .menu-toggle { display: block; order: 3; }
  .site-nav { display: none; position: absolute; top: 100%; left: 16px; right: 16px; flex-direction: column; align-items: stretch; gap: 0; padding: 13px; background: #fff; color: var(--ink); border: 1px solid var(--line); border-radius: 8px; box-shadow: var(--shadow); max-height: calc(100dvh - 85px); overflow-y: auto; }
  .site-nav.open { display: flex; }
  .site-nav > a:not(.nav-cta) { padding: 11px; }
  .nav-cta { margin: 8px 0 0; text-align: center; }
  .nav-group { display: contents; }
  .mega-toggle { width: 100%; min-height: 44px; text-align: left; padding: 11px; }
  .mega-menu { position: static; visibility: visible; opacity: 1; transform: none; border: 0; box-shadow: none; background: var(--sand); border-radius: 6px; max-height: none; overflow: visible; }
  .mega-grid, .mega-grid.two-col { width: 100%; padding: 10px; grid-template-columns: 1fr; gap: 10px; }
  .mega-feature { display: none; }
}
@media (max-width: 400px) { .nav-shell { gap: 6px; } .brand-logo { width: 145px; } .language-switch a { min-width: 30px; } }
/* Keep the Swedish compound word intact in the opening headline. */
html[lang="sv"] .home-hero h1 { font-size: clamp(40px, 4.2vw, 58px); hyphens: none; }
@media (max-width: 760px) { html[lang="sv"] .home-hero h1 { font-size: clamp(31px, 8.7vw, 45px); } }

/* Approved illustrative product screenshots. */
.product-screenshot { margin:0; min-width:0; width:100%; }
.product-screenshot a { display:block; border:1px solid var(--line); border-radius:9px; overflow:hidden; background:#fff; box-shadow:var(--shadow); }
.product-screenshot img { display:block; width:100%; height:auto; }
.product-screenshot figcaption { padding:10px 0; color:var(--slate); font-size:13px; text-align:right; }
.product-screenshot a:focus-visible { outline:3px solid var(--brass); outline-offset:4px; }
.screenshot-thumb { padding:0; overflow:hidden; display:block; }
.screenshot-thumb img { width:100%; height:100%; object-fit:contain; background:#f7f7f5; display:block; }
.detail-page-hero .container > .product-screenshot { margin-top:40px; }

/* Screen context and readable example layouts. */
.product-screenshot > a { display:block; }
.product-screenshot figcaption { text-align:left; display:flex; flex-wrap:wrap; gap:8px 20px; align-items:baseline; line-height:1.55; }
.product-screenshot figcaption span { flex:1 1 280px; }
.product-screenshot figcaption a { display:inline; border:0; border-radius:0; background:none; box-shadow:none; color:var(--brass-deep); text-decoration:underline; white-space:nowrap; }
.screenshot-section-title { margin:64px 0 24px; font:600 32px/1.2 var(--serif); }
.detail-page-hero .example-detail { grid-template-columns:1fr; gap:32px; }
.detail-page-hero .example-detail > div:first-child { max-width:800px; }
.detail-page-hero .example-detail .product-screenshot { max-width:1150px; }
.detail-page-hero .container > .screenshot-section-title + .product-screenshot { margin-top:0; }
@media (max-width:600px) { .screenshot-section-title { margin-top:40px; font-size:26px; } }
@media (min-width:781px) {
  .example-detail.reverse { grid-template-columns:1.3fr .7fr; }
  .capability-detail.reverse { grid-template-columns:1.2fr .8fr; }
}
.detail-page-hero h2.screenshot-section-title { margin:64px 0 24px; font:600 32px/1.2 var(--serif); }
@media (max-width:600px) { .detail-page-hero h2.screenshot-section-title { margin:40px 0 20px; font-size:26px; } }

/* October review: preserve palette, clarify progression and responsibility. */
.accountability-note {border-left:3px solid var(--brass);padding:12px 18px;margin:22px 0;color:var(--ink);font-size:18px;line-height:1.5;background:var(--sand);}
.orbit-centre img {width:180px;height:auto;max-width:none;}
.capability-number {display:inline-block;font-size:30px;font-weight:700;vertical-align:middle;margin-right:6px;}
.capability-nav {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0 42px;}
.capability-nav a {display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:6px;padding:16px 14px;background:#fff;color:var(--ink);text-decoration:none;}
.capability-nav span {font:600 23px var(--serif);color:var(--brass-deep);}
.capability-nav b {font-size:13px;line-height:1.4;}
.capability-nav a[aria-current="page"] {background:var(--ink);color:#fff;border-color:var(--ink);}
.capability-nav a[aria-current="page"] span {color:var(--brass);}
.capability-nav a:hover {border-color:var(--brass);}
.capability-nav a:focus-visible {outline:3px solid var(--brass);outline-offset:3px;}
.ai-configuration {background:var(--sand);}
@media(max-width:760px){.capability-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.capability-nav a{padding:12px;gap:8px;}.capability-nav b{font-size:12px;}.capability-number{font-size:26px;}}

@media(max-width:760px){.nis2-grid{grid-template-columns:1fr;gap:32px;}.nis2-grid>*{min-width:0;}.scope-card{width:100%;}}

.privacy-width{max-width:900px;}.privacy-date{color:var(--slate);margin-top:24px;font-size:14px;}.privacy-draft{padding:20px 24px;border-left:3px solid var(--brass);background:#fff;font-size:15px;line-height:1.7;}.privacy-body{padding-top:20px;padding-bottom:80px;}.privacy-section{padding:30px 0;border-bottom:1px solid var(--line);}.privacy-section h2{font:600 clamp(25px,3vw,34px)/1.25 var(--serif);letter-spacing:-.015em;}.privacy-section p{font-size:16px;line-height:1.8;color:var(--ink-soft);}.privacy-section a,.form-privacy a{color:var(--brass-deep);text-decoration:underline;text-underline-offset:3px;}.privacy-section a{overflow-wrap:anywhere;}.form-privacy{font-size:13px;margin:18px 0 8px;}.privacy-section a:focus-visible,.form-privacy a:focus-visible{outline:2px solid var(--brass);outline-offset:4px;}