.docs-page{min-height:100vh}

/* Public brand pages */
.brand-main{overflow:hidden}
.brand-hero{padding:62px 0 58px}
.brand-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:64px;align-items:center}
.brand-hero-copy h1{max-width:650px;margin:14px 0 18px;font-size:clamp(42px,5vw,56px);font-weight:500;letter-spacing:-1.7px;line-height:1.06}
.brand-deck{max-width:610px;color:var(--muted);font-size:18px;line-height:1.62}
.brand-deck p{margin:0}
.brand-actions{display:flex;align-items:center;gap:18px;margin-top:27px}
.brand-visual{border:1px solid var(--blue-border);background:var(--blue-soft);border-radius:16px;padding:24px}
.brand-visual-label{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.35px;text-transform:uppercase;margin-bottom:17px}
.brand-file-flow{display:grid;grid-template-columns:1fr auto 1.2fr;align-items:center;gap:11px;padding:22px 18px;border:1px solid var(--border);border-radius:12px;background:#fff}
.brand-flow-step{display:flex;min-height:66px;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;color:var(--muted);font-size:13px}
.brand-flow-step strong{color:var(--ink);font-size:14px}
.brand-flow-index{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface-alt);color:var(--blue);font-size:12px;font-weight:700}
.brand-flow-step.is-local .brand-flow-index{background:var(--blue);color:#fff}
.brand-flow-arrow{color:#9aa0a6}
.brand-visual-note{margin:15px 0 0;color:var(--muted);font-size:13px;line-height:1.5;text-align:center}
.brand-proof{display:grid;gap:10px}
.brand-proof-step{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;padding:14px 15px;border:1px solid var(--border);border-radius:11px;background:#fff}
.brand-proof-step span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-size:12px;font-weight:700}
.brand-proof-step strong{display:block;font-size:15px;margin-bottom:2px}
.brand-proof-step small{display:block;color:var(--muted);font-size:12px;line-height:1.4}
.brand-values{background:var(--surface-alt);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}
.brand-values-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.brand-value{padding:27px 30px;border-left:1px solid var(--border-soft)}
.brand-value:first-child{padding-left:0;border-left:0}
.brand-value:last-child{padding-right:0}
.brand-value-label{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.35px;margin-bottom:7px}
.brand-value strong{display:block;font-size:17px;margin-bottom:4px}
.brand-value p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.brand-story-section{padding:66px 0}
.brand-story-section.alt{background:var(--surface-alt);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}
.brand-story-grid{display:grid;grid-template-columns:210px minmax(0,760px);gap:70px;align-items:start}
.brand-story-heading{position:relative;padding-top:3px}
.brand-section-number{display:block;margin-bottom:10px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.35px}
.brand-story-heading h2,.brand-group-heading h2,.brand-closing-panel h2{margin:0;font-size:28px;font-weight:500;letter-spacing:-.4px;line-height:1.2}
.brand-story-copy p,.brand-story-copy li,.brand-trust-card p,.brand-trust-card li{font-size:16px;line-height:1.72}
.brand-story-copy p,.brand-trust-card p{margin:0 0 19px}
.brand-story-copy p:last-child,.brand-trust-card p:last-child{margin-bottom:0}
.brand-story-copy a,.brand-trust-card a,.decision-copy a{color:var(--blue);text-underline-offset:3px}
.brand-story-copy strong,.brand-trust-card strong{font-weight:650}
.brand-section--mission .brand-story-copy>p:first-child{font-size:23px;line-height:1.46;letter-spacing:-.2px;color:var(--ink)}
.brand-section--vision .brand-story-copy>p:first-child{font-size:18px;color:var(--ink-soft)}
.brand-section--vision ul{display:grid;grid-template-columns:1fr 1fr;gap:11px;list-style:none;margin:25px 0;padding:0}
.brand-section--vision li{position:relative;margin:0;padding:16px 16px 16px 43px;border:1px solid var(--border);border-radius:11px;background:#fff;font-size:14px;line-height:1.5}
.brand-section--vision li::before{content:'✓';position:absolute;left:16px;top:16px;color:var(--blue);font-weight:700}
.brand-story-copy blockquote{margin:28px 0 0;padding:19px 21px;border-left:4px solid var(--blue);background:var(--blue-soft);border-radius:0 10px 10px 0}
.brand-story-copy blockquote p{margin:0;font-size:18px;line-height:1.55;color:var(--ink-soft)}
.brand-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.brand-comparison-card{padding:19px;border:1px solid var(--border);border-radius:12px;background:#fff}
.brand-comparison-card.is-local{border-color:var(--blue-border);background:var(--blue-soft)}
.brand-comparison-card strong{display:block;font-size:15px;margin-bottom:12px}
.brand-comparison-steps{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;line-height:1.35}
.brand-comparison-steps span:not(.brand-comparison-arrow){padding:7px 8px;border:1px solid var(--border);border-radius:7px;background:#fff;text-align:center}
.brand-comparison-arrow{color:#9aa0a6}
.brand-comparison-card p{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.brand-group-heading{max-width:650px;margin-bottom:28px}
.brand-group-heading .eyebrow{margin-bottom:10px}
.brand-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.brand-trust-card{padding:26px;border:1px solid var(--border);border-radius:14px;background:#fff}
.brand-trust-card-label{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
.brand-trust-card-label span{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.35px}
.brand-trust-card h2{margin:0;font-size:23px;font-weight:500;letter-spacing:-.25px}
.brand-trust-card blockquote{margin:21px 0;padding:17px;border:1px solid var(--blue-border);border-radius:10px;background:var(--blue-soft)}
.brand-trust-card blockquote p{margin:0;color:var(--ink);font-size:18px;line-height:1.45}
.brand-closing-section{padding:66px 0}
.brand-closing-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:42px;align-items:center;padding:34px 38px;border:1px solid var(--blue-border);border-radius:16px;background:var(--blue-soft)}
.brand-closing-panel .eyebrow{margin-bottom:10px}
.brand-closing-copy{max-width:720px}
.brand-closing-copy p{margin:14px 0 0;color:var(--muted);font-size:15px;line-height:1.65}
.brand-related{display:flex;gap:18px;align-items:center;margin-top:26px}

/* Principles page */
.principles-intro{padding:24px 0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);background:var(--surface-alt)}
.principles-intro p{max-width:760px;margin:0;color:var(--ink-soft);font-size:17px;line-height:1.62}
.principles-list{padding:62px 0;background:var(--surface-alt)}
.principles-list-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}
.principles-list-head h2{margin:9px 0 0;font-size:28px;font-weight:500;letter-spacing:-.4px}
.principles-list-head p{max-width:460px;margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.principle-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.principle-card{padding:25px;border:1px solid var(--border);border-radius:14px;background:#fff}
.principle-card.is-wide{grid-column:1/-1;display:grid;grid-template-columns:54px 280px minmax(0,1fr);gap:20px;align-items:start}
.principle-number{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-size:12px;font-weight:700}
.principle-card:not(.is-wide) .principle-number{margin-bottom:17px}
.principle-card h2{margin:0 0 13px;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.15px}
.principle-card p{margin:0 0 15px;color:var(--ink-soft);font-size:14px;line-height:1.65}
.principle-card p:last-child{margin-bottom:0}
.decision-section{padding:66px 0}
.decision-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:58px;align-items:start}
.decision-heading .eyebrow{margin-bottom:10px}
.decision-heading h2{margin:0;font-size:28px;font-weight:500;letter-spacing:-.4px;line-height:1.2}
.decision-copy>p{margin:0 0 22px;color:var(--muted);font-size:15px;line-height:1.65}
.decision-copy ol{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;counter-reset:decision;margin:0;padding:0}
.decision-copy li{counter-increment:decision;position:relative;padding:15px 15px 15px 46px;border:1px solid var(--border);border-radius:10px;font-size:14px;line-height:1.5}
.decision-copy li::before{content:counter(decision);position:absolute;left:15px;top:14px;color:var(--blue);font-size:12px;font-weight:700}
.decision-copy>p:last-child{margin:22px 0 0}

/* Technical documents */
.doc-main{padding:0}
.doc-article{max-width:none;margin:0;padding:56px 0 72px;background:transparent;border:0;border-radius:0;box-shadow:none}
.doc-kicker{max-width:760px;color:var(--blue);font-size:13px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;margin:0 0 14px}
.doc-status{display:flex;align-items:flex-start;gap:14px;max-width:760px;margin:0 0 30px;padding:14px 16px;border:1px solid var(--blue-border);background:var(--blue-soft);border-radius:10px;color:var(--ink-soft)}
.doc-status strong{white-space:nowrap}.doc-status span{color:var(--muted);line-height:1.45}
.doc-content{max-width:760px}
.doc-content h1{font-size:clamp(38px,5vw,52px);font-weight:500;letter-spacing:-1.5px;line-height:1.08;margin:0 0 34px}
.doc-content h2{font-size:26px;font-weight:500;letter-spacing:-.35px;line-height:1.25;margin:48px 0 16px;padding-top:34px;border-top:1px solid #e8eaed}
.doc-content h1+h2{margin-top:38px;padding-top:0;border-top:0}.doc-content h1+p{margin-top:-12px;margin-bottom:38px;color:var(--muted);font-size:18px;line-height:1.65}
.doc-content h3{font-size:19px;line-height:1.35;margin:34px 0 11px}.doc-content h4,.doc-content h5,.doc-content h6{margin:27px 0 9px}
.doc-content p,.doc-content li{font-size:16px;line-height:1.72}.doc-content p{margin:0 0 19px}.doc-content ul,.doc-content ol{padding-left:25px;margin:0 0 24px}.doc-content li{margin:8px 0}
.doc-content a{color:var(--blue);text-underline-offset:3px}.doc-content strong{font-weight:650}
.doc-content blockquote{margin:27px 0;padding:19px 21px;border-left:4px solid var(--blue);background:var(--blue-soft);border-radius:0 10px 10px 0}.doc-content blockquote p{font-size:18px;margin:0;color:var(--ink-soft)}
.doc-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:#f1f3f4;border-radius:5px;padding:2px 5px}.doc-content pre{overflow:auto;margin:24px 0;padding:20px;background:#202124;color:#f8f9fa;border-radius:10px;line-height:1.55}.doc-content pre code{background:transparent;padding:0;color:inherit}.doc-content hr{border:0;border-top:1px solid #e8eaed;margin:40px 0}
.doc-related{display:flex;gap:10px;flex-wrap:wrap;max-width:760px;margin-top:50px;padding-top:26px;border-top:1px solid #e8eaed}.doc-related a{color:var(--blue);text-decoration:none;border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:14px;font-weight:600}.doc-related a:hover{border-color:var(--blue);background:var(--blue-soft)}

@media(max-width:820px){
  .brand-hero-grid{grid-template-columns:1fr;gap:30px}.brand-visual{max-width:620px}
  .brand-story-grid{grid-template-columns:1fr;gap:22px}.brand-story-heading{display:flex;align-items:center;gap:13px}.brand-section-number{margin:0}
  .principles-list-head{align-items:flex-start;flex-direction:column}.principle-card.is-wide{grid-template-columns:44px 220px minmax(0,1fr)}
  .decision-grid{grid-template-columns:1fr;gap:24px}
}
@media(max-width:600px){
  .docs-page .topnav .toplink:first-child{display:none}
  .brand-hero{padding:38px 0 36px}.brand-hero-copy h1{font-size:36px;letter-spacing:-1px;margin:11px 0 14px}.brand-deck{font-size:16px}.brand-actions{align-items:stretch;flex-direction:column;gap:13px;margin-top:22px}.brand-actions .button{width:100%}.brand-actions .text-link{justify-content:center}
  .brand-visual{padding:16px}.brand-file-flow{padding:16px 10px;gap:7px}.brand-flow-step{font-size:11px}.brand-flow-step strong{font-size:12px}.brand-visual-note{font-size:12px}
  .brand-values-grid{grid-template-columns:1fr}.brand-value{padding:18px 0;border-left:0;border-top:1px solid var(--border-soft)}.brand-value:first-child{border-top:0}
  .brand-story-section{padding:46px 0}.brand-story-heading h2,.brand-group-heading h2,.brand-closing-panel h2{font-size:24px}.brand-story-copy p,.brand-story-copy li,.brand-trust-card p,.brand-trust-card li{font-size:15px;line-height:1.66}.brand-section--mission .brand-story-copy>p:first-child{font-size:20px}.brand-section--vision .brand-story-copy>p:first-child{font-size:16px}.brand-section--vision ul{grid-template-columns:1fr}.brand-comparison{grid-template-columns:1fr}.brand-comparison-steps{justify-content:flex-start}.brand-trust-grid{grid-template-columns:1fr}.brand-trust-card{padding:21px}.brand-closing-section{padding:46px 0}.brand-closing-panel{grid-template-columns:1fr;gap:22px;padding:25px 22px}.brand-related{align-items:flex-start;flex-direction:column;gap:12px}
  .principles-intro{padding:20px 0}.principles-intro p{font-size:15px}.principles-list{padding:44px 0}.principle-grid{grid-template-columns:1fr}.principle-card{padding:21px}.principle-card.is-wide{grid-column:auto;display:block}.principle-card.is-wide .principle-number{margin-bottom:17px}.principles-list-head h2{font-size:24px}.decision-section{padding:46px 0}.decision-heading h2{font-size:24px}.decision-copy ol{grid-template-columns:1fr}
  .doc-article{padding:36px 0 48px}.doc-kicker{margin-bottom:11px}.doc-status{display:block;margin-bottom:25px}.doc-status strong,.doc-status span{display:block}.doc-status span{margin-top:5px}.doc-content h1{font-size:34px;letter-spacing:-1px;margin-bottom:27px}.doc-content h1+p{margin-top:-7px;margin-bottom:31px;font-size:16px}.doc-content h2{font-size:23px;margin-top:39px;padding-top:28px}.doc-content h1+h2{margin-top:32px;padding-top:0}.doc-content p,.doc-content li{font-size:15px;line-height:1.66}.doc-content blockquote{padding:16px 17px}.doc-content blockquote p{font-size:16px}.doc-related{display:grid;grid-template-columns:1fr 1fr;margin-top:40px}.doc-related a{text-align:center}
}
