/* Source-sampled COLEPATECH brand swatches; see BRAND.md. */
:root { --navy:#031229; --blue:#1271c1; --cyan:#3cb1d2; --teal:#319592; --gray:#e1e3e4; --paper:#f5f5f7; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:24px; }
body { margin:0; font-family:Arial,Helvetica,sans-serif; color:var(--navy); background:var(--paper); -webkit-font-smoothing:antialiased; }
a { color:inherit; text-underline-offset:5px; }
a:focus-visible { outline:3px solid var(--blue); outline-offset:6px; }
.container { width:min(1160px,calc(100% - 96px)); margin-inline:auto; }
p { margin:0; line-height:1.75; }
.skip-link { position:absolute; top:-80px; left:20px; padding:12px; background:var(--paper); z-index:2; }
.skip-link:focus { top:10px; }
.site-header { border-bottom:1px solid var(--gray); }
.header-inner { display:flex; align-items:center; justify-content:space-between; gap:36px; min-height:130px; }
.brand { width:330px; display:block; flex-shrink:0; }
/* Full approved upper-right panel, unchanged source, proportional viewport. */
.brand-window { display:block; width:100%; aspect-ratio:882/360; overflow:hidden; }
.brand-window img { display:block; width:201.133787%; max-width:none; height:auto; margin-left:-101.133787%; }
nav { display:flex; gap:30px; }
nav a { font-size:12px; font-weight:700; text-decoration:none; }
nav a:hover { text-decoration:underline; }
.hero { background:var(--navy); color:var(--paper); }
.hero-layout { display:grid; grid-template-columns:1.65fr 1fr; gap:100px; padding-block:80px 76px; align-items:center; }
.eyebrow { font-size:11px; font-weight:700; letter-spacing:.17em; text-transform:uppercase; line-height:1.5; }
.hero .eyebrow { color:var(--cyan); }
h1 { font-size:clamp(44px,5.5vw,76px); line-height:1.06; letter-spacing:-.045em; font-weight:500; margin:23px 0 25px; }
.hero-description { max-width:490px; font-size:20px; color:var(--gray); }
.button { display:inline-flex; gap:25px; align-items:center; margin-top:32px; background:var(--paper); color:var(--navy); padding:17px 22px; font-size:13px; font-weight:700; text-decoration:none; }
.button:hover { background:var(--gray); }
.button span { color:var(--blue); font-size:20px; }
.hero-aside { border-left:1px solid var(--teal); padding-left:34px; }
.aside-line { width:50px; height:4px; background:var(--cyan); margin-bottom:29px; }
.aside-title { font-size:26px; line-height:1.3; margin-bottom:15px; letter-spacing:-.02em; }
.hero-aside > p + p { color:var(--gray); font-size:15px; }
.aside-footer { display:flex; flex-wrap:wrap; gap:17px; color:var(--cyan); margin-top:35px; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.hero-bottom { display:flex; justify-content:space-between; padding-block:20px; border-top:1px solid var(--teal); font-size:10px; color:var(--gray); letter-spacing:.08em; }
.hero-bottom span:first-child { font-weight:700; }
.section { padding-block:74px; }
h2 { font-size:clamp(28px,3vw,39px); line-height:1.2; letter-spacing:-.035em; font-weight:500; margin:18px 0 0; }
.company { display:grid; grid-template-columns:1fr 1.3fr; gap:80px; }
.company .eyebrow,.section-top .eyebrow { color:var(--blue); }
.lead { font-size:22px; line-height:1.55; }
.company-copy > p + p { font-size:16px; margin-top:22px; }
.products { background:var(--gray); }
.section-top { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:39px; }
.section-note { font-size:12px; }
.product-feature { display:grid; grid-template-columns:1fr 1fr; background:var(--navy); color:var(--paper); }
.product-identity { padding:46px; border-top:4px solid var(--blue); }
.product-identity .eyebrow { color:var(--cyan); }
.product-identity h3 { font-size:clamp(32px,4vw,51px); margin:36px 0 10px; font-weight:500; letter-spacing:-.04em; overflow-wrap:anywhere; }
.product-identity > p:last-child { font-size:14px; color:var(--gray); }
.product-copy { padding:46px; border-top:4px solid var(--teal); display:flex; flex-direction:column; justify-content:center; gap:27px; }
.product-copy p { font-size:17px; }
.text-link { font-size:13px; font-weight:700; }
.product-copy .text-link { color:var(--cyan); }
.text-link span { margin-left:10px; }
.ownership-intro { max-width:650px; font-size:20px; }
.owners { display:grid; grid-template-columns:1fr 1fr; gap:46px; margin-top:36px; }
.owners article { border-top:2px solid var(--teal); padding-top:25px; }
.owner-label { color:var(--blue); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; }
.owners h3 { font-size:24px; line-height:1.3; font-weight:500; letter-spacing:-.025em; margin:15px 0 23px; }
.owner-note { font-size:13px; }
footer { background:var(--navy); color:var(--paper); }
.footer-inner { padding-block:29px; display:flex; align-items:center; gap:30px; }
.footer-brand { font-size:13px; font-weight:700; letter-spacing:.1em; }
.footer-inner p,.footer-inner a { font-size:12px; }
.footer-inner a { margin-left:auto; }
@media(max-width:900px) { .container { width:calc(100% - 48px); } .hero-layout { gap:40px; } .brand { width:280px; } nav { gap:20px; } .company { gap:40px; } .product-identity,.product-copy { padding:30px; } }
@media(max-width:620px) { .header-inner { flex-direction:column; gap:0; padding-bottom:22px; } .brand { width:280px; max-width:100%; } nav { gap:30px; } .hero-layout { grid-template-columns:1fr; padding-block:43px; gap:39px; } h1 { font-size:clamp(36px,9vw,54px); } .hero-description { font-size:18px; } .hero-aside { padding-left:22px; } .aside-line { margin-bottom:19px; } .aside-title { font-size:23px; } .aside-footer { margin-top:22px; } .hero-bottom { gap:20px; font-size:9px; } .section { padding-block:46px; } .company,.product-feature,.owners { grid-template-columns:1fr; } .company { gap:25px; } .lead { font-size:20px; } .section-top { flex-direction:column; align-items:start; gap:18px; margin-bottom:27px; } .product-identity,.product-copy { padding:28px; } .product-identity h3 { margin-top:24px; } .owners { gap:32px; } .footer-inner { flex-wrap:wrap; gap:13px 25px; } .footer-inner a { margin-left:0; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

.mission-statement { margin-top:27px; border-left:3px solid var(--teal); padding-left:18px; font-weight:700; }
.leadership { display:grid; grid-template-columns:1fr 1.3fr; gap:80px; border-bottom:1px solid var(--gray); }
.leadership .eyebrow { color:var(--blue); }
.leadership-copy > p + p { margin-top:22px; font-size:16px; }
@media(max-width:900px) { .leadership { gap:40px; } }
@media(max-width:620px) { .leadership { grid-template-columns:1fr; gap:25px; } }

/* Approved MY VA CLAIM.AI primary logo/tagline panel; original pixels preserved.
   Product palette from printed source swatches, separate from COLEPATECH. */
.product-feature { --myva-navy:#0d1b2a; --myva-blue:#1e3a8a; --myva-red:#b22234; --myva-gold:#d4af37; --myva-light:#f2f2f2; background:var(--myva-light); color:var(--myva-navy); }
.product-identity { border-top-color:var(--myva-gold); }
.product-copy { border-top-color:var(--myva-red); }
.product-identity .eyebrow { color:var(--myva-blue); }
.product-identity > p:last-child { color:var(--myva-navy); }
.product-copy .text-link { color:var(--myva-blue); }
.myva-brand-window { width:100%; aspect-ratio:1536/426; overflow:hidden; margin:30px 0 20px; }
.myva-brand-window img { display:block; width:100%; height:auto; }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }

/* Six complete original branch avatars, source row y=696..940.
   Each viewport shows one 256px source column without altering artwork. */
.branch-avatars { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.branch-avatar { width:100%; aspect-ratio:256/244; overflow:hidden; }
.branch-avatar img { display:block; width:600%; max-width:none; height:auto; margin-top:-271.875%; margin-left:var(--branch-offset); }
@media(max-width:380px) { .branch-avatars { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* Compact, evenly spaced branch row across the entire product feature. */
.product-feature > .branch-avatars { grid-column:1/-1; display:flex; justify-content:space-evenly; align-items:center; gap:14px; padding:20px 26px 26px; }
.product-feature > .branch-avatars .branch-avatar { flex:0 1 100px; max-width:100px; min-width:0; }
@media(max-width:620px) { .product-feature > .branch-avatars { gap:5px; padding:16px 10px 20px; } }

/* One centered strip from the original artwork: all six branch identities together. */
.branch-strip { grid-column:1/-1; width:calc(100% - 48px); max-width:720px; aspect-ratio:1536/286; overflow:hidden; margin:0 auto 26px; }
.branch-strip img { display:block; width:100%; height:auto; margin-top:-43.098958%; }
@media(max-width:620px) { .branch-strip { width:calc(100% - 24px); margin-bottom:20px; } }

/* Compact flagship block; keep original artwork and centered branch strip. */
.product-identity, .product-copy { padding:28px 36px 20px; }
.myva-brand-window { margin:18px 0 0; }
.product-copy { gap:18px; }
.branch-strip { margin-bottom:18px; }
@media(max-width:620px) { .product-identity, .product-copy { padding:22px 24px 16px; } .myva-brand-window { margin-top:14px; } }

/* Expanded product story uses the established corporate palette and responsive grid. */
.story-section { border-bottom:1px solid var(--gray); }
.product-answers h3 { font-size:20px; line-height:1.4; margin:0 0 10px; }
.product-answers p + h3 { margin-top:28px; }
.company-copy .source-note { font-size:13px; }
.leadership-copy > p + p { margin-top:20px; }


/* Preserve the product display name’s case in the story label. */
#product-story .eyebrow { text-transform:none; }

/* Each partner's original logo and story form one responsive row. */
.partner-intro { max-width:850px; }
.partner-intro .lead { margin-top:24px; }
.partner-stories { margin-top:44px; }
.partner-story { display:grid; grid-template-columns:250px minmax(0,1fr); gap:64px; align-items:center; padding:40px 0; border-top:1px solid var(--gray); }
.partner-identity { display:flex; flex-direction:column; align-items:center; gap:18px; min-width:0; }
.partner-logo { display:flex; align-items:center; justify-content:center; width:100%; }
.partner-logo img { display:block; width:auto; height:auto; max-width:100%; max-height:190px; }
.partner-copy h3 { margin:0 0 18px; font-size:26px; font-weight:500; letter-spacing:-.025em; line-height:1.25; }
.partner-copy p + p { margin-top:18px; }
.company-url { font-size:13px; font-weight:700; overflow-wrap:anywhere; text-align:center; }
@media(max-width:900px) { .partner-story { grid-template-columns:210px minmax(0,1fr); gap:36px; } }
@media(max-width:620px) { .partner-stories { margin-top:30px; } .partner-story { grid-template-columns:1fr; gap:26px; padding:30px 0; } .partner-identity { width:min(230px,100%); margin-inline:auto; } .partner-logo img { max-height:155px; } .partner-copy h3 { font-size:24px; } }

.partner-copy .partner-role { margin:0 0 18px; color:var(--blue); font-size:13px; font-weight:700; line-height:1.5; }
.partner-copy h3 { margin-bottom:8px; }
.partner-copy .partner-role + p { margin-top:0; }
.partnership-summary { border-top:1px solid var(--gray); padding-top:26px; max-width:850px; font-size:20px; line-height:1.6; }

/* Shared text alignment across company, story, product and partner sections. */
.company, .partner-story { grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:64px; }
.product-feature { grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); }
.story-image { margin:24px 0 0; max-width:360px; }
.story-image img { display:block; width:100%; height:auto; aspect-ratio:4/3; }
.story-image figcaption { font-size:11px; line-height:1.5; margin-top:7px; color:var(--navy); opacity:.7; }
/* Full-width corporate-color field separates the partnership from the story. */
.leadership-ownership { background:var(--gray); }
.partner-intro { max-width:none; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); column-gap:64px; }
.partner-intro > .eyebrow { grid-column:1; }
.partner-intro > h2 { grid-column:1; grid-row:2; margin-top:18px; }
.partner-intro > .lead { grid-column:2; grid-row:2; margin-top:18px; }
.partner-stories { margin-top:40px; }
.partner-story { border-top:1px solid var(--navy); padding-block:34px; }
.partner-identity { width:250px; max-width:100%; justify-self:start; }
.partner-logo img { max-height:180px; }
.partnership-summary { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); column-gap:64px; max-width:none; border-top:1px solid var(--navy); }
.partnership-summary > p { grid-column:2; }
@media(max-width:900px) {
 .company,.partner-story { gap:40px; }
 .partner-intro,.partnership-summary { column-gap:40px; }
 .product-identity,.product-copy { padding-inline:22px; }
 .partner-identity { width:210px; }
}
@media(max-width:620px) {
 .company,.partner-story,.product-feature,.partner-intro,.partnership-summary { grid-template-columns:1fr; }
 .company { gap:26px; }
 .partner-story { gap:26px; }
 .partner-intro > .eyebrow,.partner-intro > h2,.partner-intro > .lead,.partnership-summary > p { grid-column:1; grid-row:auto; }
 .partner-intro > .lead { margin-top:22px; }
 .partner-identity { justify-self:start; margin-inline:0; width:210px; }
 .story-image { max-width:320px; margin-top:20px; }
 .product-identity,.product-copy { padding-inline:24px; }
}

/* Let the mobile product panel reach the section edge so its text shares the page gutter. */
@media(max-width:620px) { .product-feature { margin-inline:-24px; } }

/* Align narrative copy with the heading row, below the section label. */
.company-copy > .lead,.partner-intro > .lead { font-size:16px; line-height:1.75; font-weight:400; }
@media(min-width:621px) {
 .company { grid-template-rows:auto auto 1fr; row-gap:0; }
 .company > div:first-child { display:grid; grid-template-rows:subgrid; grid-row:1 / span 3; }
 .company > div:first-child > .eyebrow { grid-row:1; }
 .company > div:first-child > h2 { grid-row:2; }
 .company > div:first-child > .story-image { grid-row:3; align-self:start; }
 .company > .company-copy { grid-column:2; grid-row:2 / span 2; padding-top:18px; }
}

/* Keep illustrative scenes secondary to the story and reduce empty section space. */
.story-section { padding-block:48px; }
.story-image { max-width:270px; margin-top:18px; }
@media(max-width:620px) {
 .story-section { padding-block:34px; }
 .story-image { max-width:240px; margin-top:16px; }
 .story-section.company { gap:20px; }
}

/* Match partner-logo scale and keep the whole page compact. */
.header-inner { min-height:110px; }
.hero-layout { padding-block:54px 48px; }
.hero-bottom { padding-block:15px; }
.section { padding-block:48px; }
.story-section { padding-block:32px; }
.story-image { width:240px; max-width:100%; margin-top:14px; }
.section-top { margin-bottom:26px; }
.company-copy > p + p { margin-top:16px; }
.partner-stories { margin-top:26px; }
.partner-story { padding-block:24px; }
.partner-copy p + p { margin-top:14px; }
.product-identity h3 { margin-top:22px; }
.footer-inner { padding-block:22px; }
@media(max-width:620px) {
 .hero-layout { padding-block:34px; gap:28px; }
 .section { padding-block:32px; }
 .story-section { padding-block:24px; }
 .story-image { width:206.66px; margin-top:12px; }
 .story-section.company { gap:18px; }
 .partner-story { padding-block:22px; gap:20px; }
 .section-top { margin-bottom:22px; }
}