
:root{--gold:#d4af37;--cyan:#5fcfe6;--bg:#030508;--panel:#0b141b;--line:#24343b;--copy:#d5e1e6}
html{color-scheme:dark}body{background:var(--bg);color:#f4f7f8;font-family:Manrope,Arial,sans-serif}p,.fine,.detail ul,.review li{color:#afbec8}h1,h2,h3{color:#fff}.gold,.footer .gold{color:var(--gold)}.eyebrow{color:var(--gold)}a{color:inherit}a:hover{color:var(--cyan)}
header{background:rgba(3,5,8,.96);border-color:#23343b;backdrop-filter:blur(12px)}.brand{color:#fff}.brand small{color:#9db2bf}.links a{color:#e4edf2}.links .btn,.btn{background:var(--gold);color:#10151b;border-color:var(--gold);font-weight:750}.btn:hover,.links .btn:hover{background:#f0cf66;color:#10151b}.btn.light{background:transparent;color:#e9f5f8;border-color:#526b77}.btn.goldbtn{background:var(--gold);color:#0b141b;border-color:var(--gold)}
.preview{background:#17232c;color:#f1d989;border-bottom:1px solid #4c462f}.preview a{color:#fff}.hero em{color:var(--gold)}.hero .lead{color:#c6d4de}.hero{gap:36px}.hero-visual{position:relative;min-height:480px;background:radial-gradient(circle at 48% 45%,#102e3b 0%,#071017 55%,#030508 90%);border:1px solid #21353e;border-radius:18px;overflow:hidden;isolation:isolate}.network-canvas{position:absolute;inset:0;width:100%;height:100%}.visual-center{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;border:1px solid #ba9d48;background:#071319;display:grid;place-items:center;cursor:pointer}.visual-center img{width:70%;height:70%;object-fit:contain}.visual-orbit{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:64%;aspect-ratio:1;border:1px solid rgba(212,175,55,.15);border-radius:50%;pointer-events:none}.orbit-two{width:84%;border-color:rgba(95,207,230,.09)}.visual-caption{color:#f5f8fb}.visual-caption strong{color:#fff}.visual-caption span{color:var(--cyan)}
.trust,.step,.detail{border-color:#2a404b}.trust span{color:#a6b9c4}.card,.partners,.form{background:#0d1821;border-color:#29404a;color:#fff}.card p,.step p,.form p{color:#aebfc8}.card a,.inline-link{color:var(--cyan)}.icon{color:var(--gold)}.band{background:#0a1d27}.band p{color:#b4c8d1}.buyer{border-color:#35505c}.partner-label,.step .num{color:var(--gold)}.partners>div+div{border-color:#2a424c}.note{background:#1c211d;color:#f2e2b1;border-color:var(--gold)}.cta{background:#101f29;border:1px solid #2e4651}.footer{background:#060d13;border-top:1px solid #283943}.footer p,.footer .fine,.footbottom{color:#b2c3cc}.footbottom{border-color:#2d424d}.footer a{color:#d4e3ea}.pagehead p{color:#c0d0d8}input,select,textarea{background:#111f29;color:#fff;border-color:#3d5663}input:disabled,select:disabled,textarea:disabled{background:#182530;color:#a8bac6}th{background:#1c303a;color:#fff}td,th,details{border-color:#2a414d}.review li{color:#b5c6cf}
/* Original certification and contracting-readiness content, styled for the dark brand */
.certification-section,.readiness-section{background:#080f16;color:#fff;padding:76px max(24px,calc((100vw - 1180px)/2));border-top:1px solid #253942}.readiness-section{background:#0b171f}.certification-layout,.readiness-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:44px;max-width:1180px;margin:auto}.certification-section .container,.readiness-section .container{width:100%;max-width:none;margin:0}.certification-section h2,.readiness-section h2{font-size:clamp(1.8rem,3.2vw,2.8rem);color:#fff}.certification-section p,.readiness-section p{color:#c2d2da}.section-kicker,.code-panel-label{color:var(--gold)!important;text-transform:uppercase;font-size:12px;letter-spacing:.12em}.registration-details{display:grid;gap:10px;margin:22px 0}.registration-details div{display:flex;gap:15px;justify-content:space-between;border-bottom:1px solid #314650;padding:10px 0}.registration-details dt{color:#a9bdc7}.registration-details dd{margin:0;font-weight:750;color:#fff}.registry-links{display:flex;gap:20px;flex-wrap:wrap}.registry-links a{color:var(--cyan)}.certification-badges{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.certification-badges figure{margin:0;flex:1 1 140px;text-align:center}.certification-badges figure img{height:170px;width:auto;max-width:100%;object-fit:contain}.certification-badges figcaption{font-size:12px;color:#e6eef1}.certification-badges>p{font-size:11px}.code-panel{background:#0a1119;border:1px solid #2b414a;padding:25px}.code-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.code-grid div{display:flex;flex-direction:column;gap:5px}.code-grid strong{color:var(--gold)}.code-grid span{color:#b8cad2;font-size:12px}.classification-download{margin-top:25px}.hp-official{display:block;max-width:105px;max-height:90px;object-fit:contain;margin-top:20px}.founder-highlight{border-top:1px solid #263b45}.founder-highlight p{max-width:850px}
@media(max-width:900px){.certification-layout,.readiness-layout{grid-template-columns:1fr}.hero-visual{min-height:410px}}@media(max-width:760px){.hero-visual{min-height:360px}.certification-section,.readiness-section{padding:48px 18px}.code-grid{grid-template-columns:1fr}.certification-badges figure img{height:135px}.links{background:#071019}.links a{color:#fff}}

/* Owner review corrections 2026-10-20: restore wide original layout without compressing cards. */
body{background:#030508;color:#f4f7f8}
.wrap{width:min(1180px,calc(100% - 64px))}
header{top:0}.nav{min-height:96px}.links{gap:24px}
.hero{grid-template-columns:1.08fr 1fr;gap:55px;padding:74px 0 74px;align-items:center}
.hero-visual{height:520px;min-height:520px;border:0!important;border-radius:0!important;background:radial-gradient(circle at 50% 42%,rgba(19,42,69,.76),rgba(3,5,8,.3) 62%,transparent 78%)!important;overflow:visible!important;isolation:auto!important}
.network-canvas{width:100%;height:100%;inset:0;position:absolute}
.visual-center{top:43%;left:50%;width:82px;height:82px;border-radius:0;border:1px solid rgba(212,175,55,.7);background:rgba(2,6,11,.85);z-index:2}
.visual-center img{width:75%;height:75%}
.visual-caption{position:absolute;left:45%;right:0;top:calc(100% - 4px);bottom:auto;z-index:2;border-left:2px solid var(--gold);padding:15px 20px;background:rgba(3,5,8,.92);width:auto;max-width:330px;font-size:13px;line-height:1.8}
.visual-caption span{display:block;color:var(--cyan);text-transform:uppercase;font-size:10px;letter-spacing:.09em;font-weight:800;margin-bottom:5px}
.visual-caption strong{display:block;color:#fff;font-size:13px}
.hero+ .trust{margin-top:62px}
.certification-section,.readiness-section{width:100%;max-width:none;padding:70px 0 76px;margin:0;background:#081018;border:0;border-top:1px solid #263945}
.certification-section .container,.readiness-section .container{max-width:none;width:100%;margin:0}
.certification-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center}
.certification-copy{max-width:520px}
.certification-section h2{max-width:450px;font-size:clamp(2.15rem,3.35vw,3.2rem);line-height:1.06;letter-spacing:-.035em;margin:20px 0 27px}
.certification-copy>p{line-height:1.8;margin-bottom:18px}
.registration-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid #31434b;border-bottom:1px solid #31434b;margin:25px 0 22px;padding:15px 0}
.registration-details div{display:block;border:0;padding:0;min-width:0}
.registration-details dt{font-size:12px;margin-bottom:10px}
.registration-details dd{font-size:15px;overflow-wrap:anywhere}
.registry-links{gap:24px}.registry-help{font-size:13px}
.certification-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:25px}
.certification-badges figure{width:100%;margin:0;text-align:center}
.certification-badges figure img{height:175px;width:auto;max-width:100%;object-fit:contain}
.certification-badges figcaption{font-size:12px;line-height:1.65;margin-top:14px}
.certification-badges>p{grid-column:1/-1;text-align:center;font-size:12px;line-height:1.6;margin-top:0}
.readiness-section{background:#030508}
.readiness-layout{display:block!important;max-width:none}
.readiness-copy{max-width:820px;margin-bottom:32px}
.readiness-section h2{font-size:clamp(2rem,3.2vw,3rem);max-width:740px;line-height:1.14}
.readiness-copy>p:not(.section-kicker){max-width:800px;line-height:1.75}
.code-panel{background:#081320;border:0;border-radius:16px;padding:28px 28px 32px;width:100%;max-width:none}
.code-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.code-grid>div{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid #344653;border-radius:10px;min-height:95px}
.code-grid strong{font-size:16px}.code-grid span{font-size:14px;line-height:1.45}
.code-panel-label{margin-bottom:16px}.psc-label{margin-top:27px;border-top:1px solid #2b3d49;padding-top:22px}
.code-panel .button-secondary{display:inline-flex;text-decoration:none;border:1px solid #4a8b9c;color:#6bd9ef;padding:12px 17px;margin:10px 0;border-radius:3px}
.code-panel>p:last-child{max-width:950px;line-height:1.7}
.partners{position:relative;overflow:hidden;grid-template-columns:1fr 2fr}
.hp-official{max-width:110px;max-height:100px;display:block;object-fit:contain;position:static;margin:15px 0 0}
.founder-highlight{padding-top:85px;padding-bottom:85px}
@media(max-width:1000px){.hero{gap:20px}.certification-layout{gap:35px}.links{gap:12px}.nav{gap:10px}.links{font-size:11px}.brand{font-size:17px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.hero{grid-template-columns:1fr;gap:20px;padding:45px 0 30px}.hero-visual{height:350px;min-height:350px;margin-bottom:120px}.visual-caption{top:100%;left:15%;right:0}.hero+.trust{margin-top:20px}.certification-section,.readiness-section{padding:48px 0}.certification-layout{grid-template-columns:1fr;gap:28px}.certification-badges figure img{height:140px}.registration-details{grid-template-columns:repeat(3,minmax(0,1fr))}.registration-details dd{font-size:12px}.code-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.code-panel{padding:18px}.code-grid>div{padding:14px}.links{font-size:13px}.nav{min-height:75px}}
@media(max-width:420px){.code-grid{grid-template-columns:1fr}.registration-details{grid-template-columns:1fr}.certification-badges{gap:12px}}

/* Capability Statement: direct original-style embedded PDF viewer */
.capability-viewer{padding-top:44px;padding-bottom:48px}
.capability-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.capability-viewer-head h1{font-size:clamp(1.8rem,3vw,2.6rem);margin:8px 0 0;line-height:1.18}
.capability-viewer-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.capability-viewer-actions .btn{padding:14px 20px;white-space:nowrap}
.capability-pdf-frame{display:block;width:min(100%,930px);height:1080px;margin:0 auto;background:#fff;border:0;box-shadow:0 0 0 1px #34404a}
.capability-fallback{text-align:center;margin-top:14px}
.capability-fallback a{color:#63d7ec}
@media(max-width:760px){.capability-viewer{padding-top:28px}.capability-viewer-head{align-items:flex-start;flex-direction:column}.capability-pdf-frame{height:76vh;min-height:520px}}

/* v4: original-style PDF toolbar, full document visible, cyan fullscreen action */
.capability-viewer{padding-bottom:38px}
.capability-pdf-frame{width:min(100%,930px);height:1160px;min-height:1160px;background:#373737;border:0;box-shadow:none}
.capability-viewer-actions .capability-fullscreen{background:transparent;color:#6bdaf0;border:1px solid #477789}
.capability-viewer-actions .capability-fullscreen:hover,.capability-viewer-actions .capability-fullscreen:focus-visible{color:#fff;border-color:#6bdaf0;background:#10313c}
@media(max-width:760px){.capability-pdf-frame{height:80vh;min-height:600px}}

/* v5: use original native PDF object embedding instead of iframe. */
.capability-pdf-frame.desktop-pdf{display:block;width:min(100%,930px);height:1160px;min-height:1160px;margin:0 auto;background:#373737;border:0;box-shadow:none}
@media(max-width:760px){.capability-pdf-frame.desktop-pdf{height:80vh;min-height:600px}}

/* v6: widen native PDF viewer while preserving Chrome's toolbar and intrinsic PDF styles. */
@media(min-width:761px){
  .capability-pdf-frame.desktop-pdf{width:min(100%,1020px);height:1280px;min-height:1280px}
}
/* v6: restore footer readability and give the US flag its own visible scale. */
.footer .footgrid{font-size:15px;line-height:1.65}
.footer .footgrid strong{font-size:16px}
.footer .footgrid a{font-size:14px}
.footer .footgrid p{font-size:15px}
.footer .footgrid .fine{font-size:13px}
.footer .footbottom{font-size:13px;line-height:1.6;align-items:center}
.footer .footbottom a{font-size:13px}
.footer .veteran-flag{font-size:21px;vertical-align:-2px;display:inline-block;line-height:1;margin-left:5px}
@media(max-width:760px){
  .capability-pdf-frame.desktop-pdf{width:100%;height:82vh;min-height:600px}
  .footer .footbottom{font-size:13px}
}

/* v7: typography restored using the exact type families and base sizing
   declared in the original dist/styles.css. Keep Work content/structure. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--font-display:"Space Grotesk",sans-serif;--font-body:"Manrope",sans-serif}
html{font-size:16px}
body{font-family:var(--font-body);font-size:16px;line-height:1.65}
h1,h2,h3,.brand{font-family:var(--font-display)}
.hero h1{font:600 clamp(3.2rem,5.5vw,5.5rem)/.97 var(--font-display);letter-spacing:-.062em}
.hero .lead{font-size:clamp(1.05rem,1.6vw,1.22rem)}
h2{font-size:clamp(2rem,3.3vw,3.1rem)}
.card p,.buyer p,.step p{font-size:16px;line-height:1.65}
.card a,.inline-link{font-size:14px}
.section-head>p{font-size:16px}
.links{font-size:.9rem;font-weight:700}
.footer .footgrid{font-size:16px}
.footer .footgrid p,.footer .footgrid a{font-size:16px}
.footer .footgrid .fine{font-size:14px}
.footer .footgrid strong{font-size:16px}
.footer .footbottom,.footer .footbottom a{font-size:14px}
.footer .veteran-flag{font-size:24px}
.partner-names{font-family:var(--font-display)}
/* Keep the HP insignia beside the partner label on wide screens,
   while preserving the approved horizontal distributor arrangement. */
.partners>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) 112px;align-content:start;column-gap:16px}
.partners>div:first-child .partner-label{grid-column:1/-1}
.partners>div:first-child .partner-names,.partners>div:first-child .fine{grid-column:1}
.partners>div:first-child .hp-official{grid-column:2;grid-row:2 / span 2;align-self:center;margin:0;max-width:112px;max-height:105px}
@media(max-width:760px){
 .hero h1{font-size:clamp(2.45rem,11.2vw,3.45rem)}
 .partners{grid-template-columns:1fr}
 .partners>div:first-child{grid-template-columns:minmax(0,1fr)}
 .partners>div:first-child .hp-official{grid-column:1;grid-row:auto;justify-self:start;width:140px;height:auto;aspect-ratio:330.94 / 254.8;max-width:100%;max-height:none;margin-top:20px}
}

/* 2026-10-20 review: center government procurement content, preserve existing brand */
.certification-section,.readiness-section{padding-left:24px!important;padding-right:24px!important}
.certification-section>.container,.readiness-section>.container{width:min(1180px,100%)!important;max-width:1180px!important;margin-inline:auto!important}
.certification-section .certification-layout,.readiness-section .readiness-layout{width:100%!important;max-width:1180px!important;margin-inline:auto!important}
@media(max-width:760px){.certification-section,.readiness-section{padding-left:18px!important;padding-right:18px!important}}
/* Remove persistent mouse-focus gold outline on buyer FAQ while retaining keyboard accessibility */
details summary:focus:not(:focus-visible){outline:none!important}
/* Live input appearance within the preserved RFQ layout */
.form input:not(:disabled),.form textarea:not(:disabled),.form select:not(:disabled){opacity:1}
#request-summary-fields{display:grid;grid-template-columns:minmax(125px,1fr) 2fr;gap:8px 16px;overflow-wrap:anywhere}
#request-summary-fields dt{font-weight:700;color:#fff}
#request-summary-fields dd{margin:0;color:#c8d6df}
#send-request:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:600px){#request-summary-fields{grid-template-columns:1fr;gap:3px}#request-summary-fields dd{margin-bottom:10px}}

/* 2026-10-20: restore contained, balanced partner and distributor cards. */
.readiness-section .partner-network-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;width:100%;max-width:100%;margin:28px 0 0!important;align-items:stretch}
.readiness-section .partner-network-card{min-width:0;min-height:195px;padding:24px 26px!important;background:#0a1824;border:1px solid #2b414a;border-radius:12px;overflow:hidden}
.readiness-section .partner-network-card p{margin:0 0 12px;line-height:1.55}
.readiness-section .hp-partner-content{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
.readiness-section .hp-partner-content p{font-weight:700;color:#fff}
.readiness-section .hp-partner-insignia{display:block;width:auto;max-width:140px;height:auto;max-height:110px;object-fit:contain}
.readiness-section .partner-network-card .code-panel-label{color:var(--gold)!important;margin-bottom:20px}
@media(max-width:760px){.readiness-section .partner-network-grid{grid-template-columns:1fr!important;gap:16px!important}.readiness-section .partner-network-card{min-height:0;padding:20px!important}}


/* Approved Elevate360 Sourcing Relationships carousel — Preview 08 */
.e360-sourcing{background:transparent}
.e360-sourcing .e360-sourcing-tagline{color:#afbec8;font-size:clamp(16px,1.8vw,19px);margin:0 0 56px}
.e360-sourcing .e360-marquee{overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.e360-sourcing .e360-marquee-track{display:flex;width:max-content;animation:e360-sourcing-scroll 28s linear infinite}
@media(hover:hover) and (pointer:fine){.e360-sourcing .e360-marquee:hover .e360-marquee-track{animation-play-state:paused}}
.e360-sourcing .e360-logo-group{display:flex;align-items:center;gap:64px;padding-right:64px;flex-shrink:0}
.e360-sourcing .e360-logo-group img{display:block;flex:none;object-fit:contain;object-position:center;max-width:none;width:auto;height:auto}
.e360-sourcing .e360-logo-group .hp{width:112px}
.e360-sourcing .e360-logo-group .logo-dell{width:218px;max-height:70px}
.e360-sourcing .e360-logo-group .logo-lenovo{width:176px}
.e360-sourcing .e360-logo-group .logo-td{width:204px;max-height:60px}
.e360-sourcing .e360-logo-group .logo-dh{width:110px;max-height:58px}
.e360-sourcing .e360-logo-group .logo-ingram{width:205px;max-height:70px}
@keyframes e360-sourcing-scroll{to{transform:translateX(-50%)}}
@media(max-width:600px){
.e360-sourcing .e360-sourcing-tagline{margin-bottom:40px}
.e360-sourcing .e360-logo-group{gap:48px;padding-right:48px}
.e360-sourcing .e360-logo-group .hp{width:95px}
.e360-sourcing .e360-logo-group .logo-dell{width:182px}
.e360-sourcing .e360-logo-group .logo-lenovo{width:150px}
.e360-sourcing .e360-logo-group .logo-td{width:174px}
.e360-sourcing .e360-logo-group .logo-dh{width:91px}
.e360-sourcing .e360-logo-group .logo-ingram{width:177px}
}
@media(prefers-reduced-motion:reduce){.e360-sourcing .e360-marquee-track{animation:none}.e360-sourcing .e360-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}
