/* Phase 10 prototype: palette affects Home only; header rules affect navigation only. */
.home-prototype { --page-background:#F5F7FA; --ink:#25282B; --muted:#647081; --line:#DCE3EB; background:#F5F7FA; color:#25282B; }
.p10-home { --p10-blue:#203D58; --p10-slate:#647081; --p10-line:#DCE3EB; }
.p10-home h1,.p10-home h2,.p10-home h3 { color:var(--p10-blue); }
.p10-home p { color:var(--p10-slate); }
.p10-home [hidden],.p10-dropdown[hidden] { display:none!important; }
.p10-icon {display:inline-flex;flex:0 0 auto;width:48px;height:48px;align-items:center;justify-content:center;border-radius:14px}
.p10-icon svg {width:26px;height:26px}







.p10-kicker { font-size:.75rem; letter-spacing:.12em; font-weight:600; display:block; margin-bottom:16px; }
.p10-home .p10-link { color:var(--p10-blue); display:inline-flex; align-items:center; gap:18px; font-size:.875rem; font-weight:600; padding:10px 0; text-decoration:underline; text-underline-offset:5px; white-space:normal; }
.p10-link>span { margin-left:auto; }
.p10-button { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; background:#203D58; color:#fff; border:1px solid #203D58; padding:13px 23px; border-radius:9px; font-size:.875rem; min-height:48px; }
.p10-button:hover { background:#294E70; }
.p10-button.secondary { background:#fff; color:#203D58; border-color:#C6D2DE; }
.p10-home a:focus-visible,.p10-home button:focus-visible,.p10-home summary:focus-visible,.p10-home [tabindex]:focus-visible { outline:3px solid #203D58; outline-offset:5px; }
.p10-actions { display:flex; flex-wrap:wrap; gap:14px 24px; align-items:center; margin-block:26px; }
.p10-hero { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:64px; padding-block:56px 72px; align-items:center; }
.p10-identity-tags { display:flex; gap:24px; flex-wrap:wrap; }
.p10-identity-tags>span { display:flex; align-items:center; gap:10px; font-size:.75rem; letter-spacing:.07em; font-weight:600; }
.p10-identity-tags .p10-icon {width:34px;height:34px;border-radius:9px}
.p10-identity-tags svg { width:20px; height:20px; }
.p10-hero h1 { font-size:clamp(2.75rem,5vw,4.8rem); line-height:1.06; margin-block:26px; }
.p10-hero h1>span { color:#336BA3; }
.p10-hero .p10-lead { font-size:1.125rem; line-height:1.75; max-width:570px; }
.p10-contribution { font-size:.9375rem; }
.p10-portrait { margin:0; }
.p10-portrait img { width:100%; aspect-ratio:.91; object-fit:cover; object-position:50% 0; border-radius:18px; }
.p10-portrait figcaption { display:flex; justify-content:space-between; gap:18px; padding-top:18px; font-size:.75rem; color:#647081; }
.p10-portrait strong { color:#25282B; letter-spacing:.08em; }
.p10-portrait figcaption>span { text-align:right; }
.p10-credibility { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; border-top:1px solid var(--p10-line); padding-top:24px; margin-top:30px; }
.p10-credibility strong { color:#203D58; display:block; font-size:1.65rem; font-weight:500; line-height:1.4; }
.p10-credibility span { font-size:.75rem; color:#647081; }
.p10-home .p10-fine { font-size:.75rem; line-height:1.7; margin-top:16px; }
.p10-section { padding-block:76px; }
.p10-section-head { display:flex; gap:20px; align-items:start; margin-bottom:32px; }
.p10-section-head h2 { font-size:clamp(2rem,3vw,2.8rem); line-height:1.15; }
.p10-section-head>p,.p10-section-head>.p10-link { margin-left:auto; max-width:310px; padding-top:12px; font-size:.875rem; }
.p10-process { padding-block:26px 44px; scroll-margin-top:calc(var(--header-height) + 20px); }
.p10-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.p10-steps button { display:flex; gap:16px; align-items:start; padding:24px; background:#fff; border:2px solid #DCE3EB; border-radius:14px; text-align:left; min-width:0; }
.p10-steps button:hover { border-color:#203D58; }
.p10-steps button[aria-selected="true"] { border-color:#203D58; box-shadow:0 5px 18px #203D5812; }
.p10-step-number { display:block; font-size:.8125rem; font-weight:600; color:#203D58; letter-spacing:.05em; margin-bottom:9px; }
.p10-step-text strong { display:block; font-size:.9375rem; font-weight:400; line-height:1.65; color:#25282B; }
.p10-step-indicator { font-size:1.25rem; color:#647081; margin-left:auto; }
.p10-steps button[aria-selected="true"] .p10-step-indicator { color:#203D58; font-weight:600; }
.p10-example { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:44px; margin-top:24px; border-radius:16px; border:1px solid #DCE3EB; overflow:hidden; background:#fff; }
.p10-panel-copy { padding:36px 0 36px 36px; }
.p10-panel-copy h3 { font-size:2rem; margin-block:12px 22px; line-height:1.2; }
.p10-panel-copy>p { font-size:.9375rem; }
.p10-panel-copy .p10-role { color:#25282B; }
.p10-panel-copy .p10-link { display:flex; width:fit-content; }
.p10-panel-record { background:#203D58; padding:36px; color:#fff; }
.p10-panel-record .p10-kicker { color:#DCE8F5; }
.p10-panel-record ol { list-style:none; padding:0; margin:0 0 24px; }
.p10-panel-record li { display:flex; gap:16px; font-size:.9375rem; margin-bottom:18px; }
.p10-panel-record li>span { color:#BFCFE0; font-size:.75rem; padding-top:3px; }
.p10-panel-record>p,.p10-panel-record .p10-source p { color:#E4ECF5; font-size:.8125rem; }
.p10-source { border-top:1px solid #6A8299; padding-top:10px; }
.p10-source>summary { font-size:.875rem; padding-block:10px; }
.p10-panel-record .p10-link { color:#fff; font-size:.8125rem; }
.p10-panel-record a:focus-visible,.p10-panel-record summary:focus-visible { outline-color:#fff; }
.p10-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.p10-feature { background:#fff; border:1px solid #DCE3EB; padding:28px; border-radius:14px; display:flex; flex-direction:column; min-width:0; }
.p10-feature h3 { font-size:1.5rem; margin-block:22px 16px; line-height:1.2; }
.p10-feature>p { font-size:.9375rem; }
.p10-feature-links { display:flex; flex-direction:column; align-items:start; margin-top:auto; }
.p10-home .p10-scope { font-size:.75rem; border-top:1px solid #DCE3EB; padding-top:16px; margin:16px 0 0; line-height:1.7; }
.p10-results { background:#EAF0F6; border-block:1px solid #DCE3EB; }
.p10-result-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.p10-result-grid article { background:#fff; border-top:3px solid #16816F; padding:28px; border-radius:0 0 12px 12px; display:flex; flex-direction:column; }
.p10-result-grid .p10-kicker { color:#647081; font-size:.6875rem; }
.p10-result-grid h3 { font-size:1.6rem; margin-bottom:20px; }
.p10-result-grid p { font-size:.9375rem; }
.p10-result-grid .p10-link { margin-top:auto; }
.p10-private { padding-block:72px; background:#ECEFF2; border-bottom:1px solid #D5DBE1; scroll-margin-top:calc(var(--header-height) + 20px); }
.p10-private h2,.p10-private h3 { color:#3F4B58; }
.p10-section-intro { max-width:740px; }
.p10-private-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin-top:30px; }
.p10-private-grid article { border:1px solid #CAD2DC; border-radius:12px; padding:24px; background:#F5F7FA; }
.p10-private-grid .p10-icon {width:36px;height:36px}
.p10-tool-status { display:block; font-size:.75rem; color:#4F5B6B; margin-block:16px; font-weight:600; }
.p10-private-grid h3 { font-size:1.25rem; line-height:1.3; margin-bottom:16px; }
.p10-private-grid p,.p10-private-note { font-size:.8125rem; margin-bottom:0; }
.p10-private-note { max-width:900px; margin-top:28px; }
.p10-about { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:70px; align-items:center; }
.p10-about .p10-kicker { margin-top:20px; }
.p10-about h2 { margin-bottom:24px; }
.p10-awards { display:grid; grid-template-columns:1fr 1fr; gap:20px; text-align:center; }
.p10-awards figure { margin:0; background:#fff; border:1px solid #DCE3EB; border-radius:12px; padding:24px; }
.p10-awards img { height:130px; max-width:100%; width:auto; object-fit:contain; margin:auto; }
.p10-awards figcaption { font-size:.75rem; color:#647081; margin-top:18px; }
.p10-awards .p10-fine { grid-column:1/-1; margin:0; }
.p10-closing { background:#203D58; padding-block:64px; }
.p10-closing h2 { color:#fff; margin-block:18px 24px; }
.p10-closing .p10-kicker,.p10-closing p { color:#E4ECF5; }
.p10-closing .p10-button { background:#fff; color:#203D58; border-color:#fff; }
.p10-closing .p10-button:focus-visible { outline-color:#fff; }
/* Navigation is the only shared component adopting the prototype treatment. Identity stays unchanged. */
.site-header.prototype-nav { background:#fff; border-bottom:1px solid #DCE3EB; }
.site-header.prototype-nav::before { background:#fff; }
.prototype-nav #navigation { gap:clamp(12px,1.8vw,26px); align-items:center; }
.prototype-nav #navigation>a,.prototype-nav .p10-work-trigger>a { color:#203D58; font-size:.875rem; }
.prototype-nav #navigation a[aria-current]:after { background:#203D58; }
.prototype-nav #navigation>a:last-child { background:#203D58; color:#fff; border-color:#203D58; }
.prototype-nav #navigation a:focus-visible,.prototype-nav button:focus-visible { outline:3px solid #203D58; outline-offset:4px; }
.p10-work-group { position:relative; }
.p10-about-group.is-current>.p10-work-trigger>a { color:#0B5E61;box-shadow:inset 0 -3px #168071; }
.p10-market-group { position:relative; }
.p10-market-trigger { display:flex;align-items:center;gap:7px;min-height:44px;padding:0 5px;border:0;border-radius:7px;background:transparent;color:#203D58;font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap; }
.p10-market-trigger:hover,.p10-market-trigger[aria-expanded="true"] { background:#E6F1FB; }
.p10-market-trigger[aria-expanded="true"]>span { transform:rotate(180deg); }
.p10-market-group.is-current>.p10-market-trigger { color:#0B5E61;box-shadow:inset 0 -3px #168071; }
.p10-work-trigger { display:flex; align-items:center; }
.prototype-nav .p10-work-trigger>a { border:0; padding:14px 0; }
#work-dropdown-toggle,#about-dropdown-toggle { display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; margin-left:3px; border:0; border-radius:8px; background:transparent; color:#203D58; font-size:1.25rem; }
#work-dropdown-toggle:hover,#work-dropdown-toggle[aria-expanded="true"],#about-dropdown-toggle:hover,#about-dropdown-toggle[aria-expanded="true"] { background:#E6F1FB; }
#work-dropdown-toggle[aria-expanded="true"]>span,#about-dropdown-toggle[aria-expanded="true"]>span { transform:rotate(180deg); }
.p10-dropdown { position:absolute; top:calc(100% + 8px); right:-50px; width:300px; padding:10px; background:#fff; border:1px solid #DCE3EB; box-shadow:0 12px 35px #203D5820; border-radius:12px; z-index:25; }
.prototype-nav .p10-dropdown a { display:flex; align-items:center; gap:12px; white-space:normal; color:#203D58; font-size:.875rem; padding:10px; border:0; border-radius:8px; }
.prototype-nav .p10-dropdown a { min-height:44px; }
.prototype-nav .p10-dropdown a:last-child { border:0; padding:10px; }
.prototype-nav .p10-dropdown a:hover { background:#F5F7FA; }
.prototype-nav .p10-dropdown a:after { display:none; }
.p10-dropdown .p10-icon {width:34px;height:34px;border-radius:9px}
.p10-dropdown svg { width:21px; height:21px; }
@media(max-width:1050px) {
 .p10-hero { gap:34px; }
 .p10-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .p10-steps button { flex-wrap:wrap; padding:20px; }
 .p10-step-text { flex:1; min-width:130px; }
 .p10-private-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:800px) {
 .prototype-nav #navigation { align-items:stretch; gap:4px; background:#fff; max-height:calc(100dvh - var(--header-height)); overflow-y:auto; }
 .prototype-nav #navigation>a,.prototype-nav .p10-work-trigger>a { font-size:1rem; }
 .p10-work-group,.p10-market-group { width:100%; }
 .p10-work-trigger { justify-content:space-between; }
 .p10-market-trigger { width:100%;min-height:48px;padding:12px 0;justify-content:space-between;font-size:1rem;text-align:left; }
 .p10-dropdown { position:static; width:100%; box-shadow:none; margin-top:2px; }
 .prototype-nav .p10-dropdown a { min-height:48px; }
 .p10-hero { padding-block:34px 50px; grid-template-columns:minmax(0,1fr) minmax(0,.85fr); }
 .p10-hero h1 { font-size:clamp(2.5rem,5.4vw,3.6rem); }
 .p10-hero .p10-lead { font-size:1rem; }
 .p10-credibility { gap:12px; grid-template-columns:repeat(2,minmax(0,1fr)); } /* Audit F-35 (2026-10-30): at tablet widths the three figures wrap 2+1 (as on phone) instead of breaking "$18.8M+" and "TX + CA" mid-token in 3 narrow tiles. */
 .p10-credibility>div:last-child { grid-column:1 / -1; }
 .p10-credibility strong { font-size:1.35rem; white-space:nowrap; }
 .p10-steps { gap:12px; }
 .p10-steps button { display:block; }
 .p10-step-text { display:block; margin-top:14px; }
 .p10-step-indicator { display:block; margin-top:12px; }
 .p10-section-head { flex-wrap:wrap; }
 .p10-section-head>p,.p10-section-head>.p10-link { margin-left:0; max-width:none; }
 .p10-example { gap:24px; }
 .p10-panel-copy { padding:26px 0 26px 26px; }
 .p10-panel-record { padding:26px; }
 .p10-panel-copy h3 { font-size:1.6rem; }
 .p10-result-grid { grid-template-columns:1fr; }
 .p10-about { gap:32px; }
 .p10-awards { grid-template-columns:1fr; }
 .p10-awards .p10-fine { grid-column:auto; }
}
@media(max-width:560px) {
 .p10-hero { display:flex; flex-direction:column; gap:26px; align-items:stretch; padding-top:28px; }
 .p10-hero-copy { display:contents; }
 .p10-identity-tags { order:0; gap:18px; }
 .p10-hero h1 { order:1; font-size:2.75rem; margin:0; }
 .p10-portrait { order:2; }
 .p10-portrait img { aspect-ratio:1.15; }
 .p10-portrait figcaption { font-size:.6875rem; padding-top:12px; }
 .p10-lead { order:3; margin-bottom:0; }
 .p10-contribution { order:4; margin:0; }
 .p10-hero .p10-actions { order:5; margin:0; }
 .p10-credibility { order:6; margin:0; }
 .p10-hero .p10-fine { order:7; margin:0; }
 .p10-section { padding-block:52px; }
 .p10-section-head { gap:14px; }
 .p10-section-head h2 { font-size:2rem; }
 .p10-steps { grid-template-columns:1fr; }
 .p10-steps button { display:flex; flex-wrap:nowrap; align-items:center; padding:18px; }
 .p10-step-text { margin:0; min-width:0; }
 .p10-step-number { margin-bottom:5px; }
 .p10-step-text strong { font-size:.875rem; }
 .p10-step-indicator { margin:0 0 0 auto; }
 .p10-example { grid-template-columns:1fr; gap:0; }
 .p10-panel-copy { padding:24px; }
 .p10-panel-record { padding:24px; }
 .p10-feature-grid,.p10-private-grid,.p10-about { grid-template-columns:1fr; }
 .p10-feature { padding:25px; }
 .p10-private { padding-block:52px; }
 .p10-awards { grid-template-columns:1fr 1fr; gap:12px; }
 .p10-awards figure { padding:16px; }
 .p10-awards img { height:95px; }
 .p10-awards .p10-fine { grid-column:1/-1; }
 .p10-identity-tags>span { font-size:.6875rem; }
 .p10-home .p10-button { gap:18px; }
}
@media(prefers-reduced-motion:reduce) { .p10-home *,.prototype-nav * { scroll-behavior:auto; transition:none; } }

/* Approved professional positioning: fit the longer headline and retain its supporting tagline. */
.phase12 .p10-hero h1.p10-positioning { font-size:clamp(2rem,3.8vw,3.5rem); line-height:1.1; }
.phase12 .p10-hero .p10-brand-tagline { font-size:1.125rem; font-weight:600; margin:0; }
@media(max-width:767px) {
 .phase12 .p10-hero h1.p10-positioning { font-size:clamp(1.75rem,7.2vw,2.6rem); }
 .p10-brand-tagline { order:2; }
 .p10-positioning>span[aria-hidden] { display:none; }
}
