/*
 * Trailhead Briefing visual system: XPLR GUIDE × Southeast Tennessee proposal.
 * Editorial black / limestone / XPLR Yellow with route-book annotations; asymmetric, high-contrast, and map-aware.
 */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800;900&family=Inter+Tight:wght@600;700;800;900&display=swap");


:root {
  --xplr-yellow: #ffd233;
  --xplr-black: #080808;
  --xplr-charcoal: #202020;
  --xplr-paper: #f2efe8;
  --xplr-mist: #dfddd7;
  --xplr-red: #dc2626;
  --xplr-green: #16a34a;
  --xplr-blue: #2563eb;
  --background: var(--xplr-paper);
  --foreground: var(--xplr-black);
  --card: #ffffff;
  --card-foreground: var(--xplr-black);
  --border: rgba(8, 8, 8, 0.14);
  --ring: var(--xplr-yellow);
  --radius: 0;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--xplr-black); }
body { margin: 0; background: var(--xplr-paper); color: var(--xplr-black); font-family: "Inter", Arial, sans-serif; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }

.proposal-shell { overflow: clip; position: relative; background: var(--xplr-paper); }
.page-grain { pointer-events: none; position: fixed; inset: 0; z-index: 100; opacity: 0.05; mix-blend-mode: multiply; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E"); }

.proposal-nav { position: fixed; z-index: 50; top: 0; left: 0; right: 0; height: 78px; display: flex; align-items: center; justify-content: space-between; padding: 0 34px; color: white; background: rgba(8,8,8,.84); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(255,255,255,.13); }
.nav-wordmark { width: 160px; display: block; }
.nav-wordmark img { width: 100%; height: auto; display: block; }
.proposal-nav nav { display: flex; gap: 28px; margin-left: auto; margin-right: 32px; }
.proposal-nav nav a { font: 500 10px/1 "IBM Plex Mono", monospace; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.72); text-decoration: none; transition: color .18s ease; }
.proposal-nav nav a:hover { color: var(--xplr-yellow); }
.scroll-meter { display: flex; align-items: center; gap: 10px; }
.scroll-meter__number { font: 500 10px/1 "IBM Plex Mono", monospace; color: var(--xplr-yellow); }
.scroll-meter__ring { width: 22px; height: 22px; border-radius: 100%; display: grid; place-items: center; }
.scroll-meter__ring span { display: block; width: 16px; height: 16px; background: #080808; border-radius: 100%; }
.route-reader { position: fixed; z-index: 45; left: 20px; top: 50%; transform: translateY(-42%); width: 126px; display: flex; flex-direction: column; gap: 0; color: white; mix-blend-mode: difference; }
.route-reader__title { margin-bottom: 12px; color: var(--xplr-yellow); font: 500 8px/1 "IBM Plex Mono", monospace; letter-spacing: .12em; }.route-reader__line { position: absolute; top: 29px; bottom: 3px; left: 4px; width: 1px; background: rgba(255,255,255,.56); }.route-reader__item { position: relative; display: grid; grid-template-columns: 15px 20px 1fr; align-items: center; min-height: 39px; padding-left: 0; text-decoration: none; }.route-reader__dot { width: 9px; height: 9px; position: relative; z-index: 1; border-radius: 50%; border: 2px solid var(--xplr-yellow); background: #080808; transition: background .18s ease, transform .18s ease; }.route-reader__item:hover .route-reader__dot { background: var(--xplr-yellow); transform: scale(1.23); }.route-reader__number, .route-reader__label, .route-reader__coordinate { font-family: "IBM Plex Mono", monospace; letter-spacing: .08em; }.route-reader__number { font-size: 8px; color: var(--xplr-yellow); }.route-reader__label { font-size: 8px; text-transform: uppercase; color: rgba(255,255,255,.85); }.route-reader__coordinate { grid-column: 3; margin-top: -4px; color: rgba(255,255,255,.55); font-size: 7px; }

.hero { min-height: 820px; position: relative; background: var(--xplr-black); color: white; padding: 160px max(7vw, 38px) 76px; isolation: isolate; display: flex; align-items: flex-end; }
.hero__canvas, .hero__image, .hero__image-shade { position: absolute; inset: 0; }
.hero__canvas { z-index: -2; overflow: hidden; }
.hero__image { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.8) contrast(1.06); }
.hero__image-shade { z-index: 1; background: linear-gradient(90deg, rgba(8,8,8,.95) 0%, rgba(8,8,8,.73) 41%, rgba(8,8,8,.15) 75%), linear-gradient(0deg, rgba(8,8,8,.88) 0%, transparent 48%); }
.hero__rail { position: absolute; top: 112px; left: max(7vw, 38px); display: flex; align-items: center; gap: 13px; font: 500 10px/1 "IBM Plex Mono", monospace; letter-spacing: .12em; color: rgba(255,255,255,.68); }
.hero__rail > span:first-child { color: var(--xplr-yellow); }
.rail-line { height: 1px; width: 80px; background: var(--xplr-yellow); }
.hero__content { width: min(760px, 71%); }
.route-label { display: inline-flex; align-items: center; gap: 10px; font: 500 10px/1 "IBM Plex Mono", monospace; letter-spacing: .14em; color: #6b675f; }
.route-label::before { content: ""; width: 28px; height: 3px; background: var(--xplr-yellow); display: block; }
.route-label--light { color: rgba(255,255,255,.66); }
.hero h1, .opportunity h2, .corridor-section h2, .system-section h2, .process-section h2, .standards-section h2, .investment-section h2 { font-family: "Inter Tight", "Inter", sans-serif; font-weight: 800; letter-spacing: -.075em; margin: 0; }
.hero h1 { font-size: clamp(58px, 7.8vw, 126px); line-height: .84; margin-top: 23px; max-width: 950px; }
.hero h1 span { display: block; color: var(--xplr-yellow); }
.hero__content > p { max-width: 505px; margin: 32px 0 0; color: rgba(255,255,255,.78); font-size: 16px; line-height: 1.62; }
.hero__direction { margin-top: 38px; display: flex; align-items: center; gap: 12px; color: var(--xplr-yellow); font: 500 10px/1 "IBM Plex Mono", monospace; letter-spacing: .14em; }
.hero__direction svg { width: 17px; animation: nudgeDown 1.8s ease-in-out infinite; }
.hero__note { position: absolute; right: max(6vw, 34px); bottom: 72px; width: 185px; padding-left: 20px; border-left: 2px solid var(--xplr-yellow); }
.hero__note-number { display: block; font-family: "Inter Tight"; font-size: 50px; font-weight: 800; line-height: .8; color: var(--xplr-yellow); letter-spacing: -.08em; }
.hero__note p { margin: 9px 0 0; color: rgba(255,255,255,.76); font-size: 12px; line-height: 1.42; }
.hero__icon { position: absolute; z-index: -1; width: 230px; height: 230px; object-fit: contain; top: 108px; right: max(7vw, 42px); opacity: .9; }

.section-pad { padding: 156px max(8vw, 38px); position: relative; }
.section-rail { position: absolute; top: 156px; left: 31px; writing-mode: vertical-rl; transform: rotate(180deg); display: flex; align-items: center; gap: 12px; color: #6b675f; font: 500 9px/1 "IBM Plex Mono", monospace; letter-spacing: .15em; }
.section-rail::before { content: ""; width: 1px; height: 42px; background: #a29e94; }
.section-rail > span:first-child { color: var(--xplr-black); font-size: 11px; }
.section-rail--right { right: 31px; left: auto; transform: none; }
.opportunity { background: var(--xplr-paper); }
.opportunity__grid { max-width: 1250px; margin: auto; display: grid; grid-template-columns: minmax(0, .98fr) minmax(390px, .8fr); gap: clamp(60px, 9vw, 150px); align-items: center; }
.opportunity__copy h2, .system-section h2, .process-section h2 { font-size: clamp(47px, 5.6vw, 87px); line-height: .9; max-width: 710px; margin-top: 20px; }
.opportunity__copy h2 em, .system-section h2 em { color: inherit; font-style: normal; border-bottom: 7px solid var(--xplr-yellow); }
.lead { font-size: 20px !important; line-height: 1.5 !important; }
.opportunity__copy p:not(.directional-quote p) { max-width: 585px; font-size: 15px; line-height: 1.72; color: #403d37; }
.opportunity__copy .lead { margin-top: 34px; }
.directional-quote { margin-top: 36px; display: flex; align-items: center; gap: 14px; border-top: 1px solid #beb9af; padding-top: 18px; max-width: 510px; }
.quote-arrow { color: var(--xplr-black); background: var(--xplr-yellow); display: grid; place-items: center; width: 40px; height: 40px; font-size: 27px; font-weight: 700; }
.directional-quote p { margin: 0; font: 700 13px/1.3 "IBM Plex Mono", monospace; letter-spacing: -.04em; }
.opportunity__image { margin: 0; position: relative; min-height: 485px; background: #d5d0c6; }
.opportunity__image::after { content: ""; position: absolute; inset: 14px -14px -14px 14px; border: 1px solid rgba(8,8,8,.25); pointer-events: none; }
.opportunity__image img { width: 100%; height: 485px; object-fit: cover; filter: grayscale(.15) contrast(1.05); display: block; }
.opportunity__image figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 15px 18px; background: rgba(8,8,8,.86); color: rgba(255,255,255,.75); display: flex; justify-content: space-between; gap: 16px; font: 500 8px/1.4 "IBM Plex Mono", monospace; letter-spacing: .1em; }

/* SETTA deliverables brief: early, repeatable outcome language for stakeholder handoff. */
.deliverables-section { padding: 82px max(8vw, 38px) 0; background: #fff; color: #080808; }
.deliverables-section__topline { max-width: 1080px; margin: auto; padding-bottom: 17px; border-bottom: 1px solid #bdb8ad; display: flex; justify-content: space-between; color: #6e6860; font: 500 9px/1 "IBM Plex Mono", monospace; letter-spacing: .12em; }.deliverables-section__topline > span:first-child { color: #080808; }
.deliverables-section__statement { max-width: 1080px; margin: 54px auto 0; display: grid; grid-template-columns: minmax(470px, .95fr) minmax(260px, .5fr); column-gap: 110px; align-items: end; }.deliverables-section__statement .route-label { grid-column: 1 / -1; }.deliverables-section__statement h2 { grid-column: 1; margin: 20px 0 0; font: 800 clamp(45px,5.3vw,82px)/.98 "Inter Tight", sans-serif; letter-spacing: -.015em; }.deliverables-section__statement h2 span { display: block; margin-top: .04em; color: var(--xplr-yellow); background: #080808; width: fit-content; padding: 0 .1em .06em; }.deliverables-section__statement > p { grid-column: 2; margin: 0; color: #514d46; font-size: 15px; line-height: 1.67; }
.deliverables-grid { max-width: 1080px; margin: 62px auto 0; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #c9c4ba; border-bottom: 1px solid #c9c4ba; }.deliverables-grid article { min-height: 204px; position: relative; padding: 26px 28px 25px; border-right: 1px solid #c9c4ba; }.deliverables-grid article:first-child { border-left: 1px solid #c9c4ba; }.deliverables-grid__number { display: block; color: #827b70; font: 500 9px/1 "IBM Plex Mono", monospace; letter-spacing: .1em; }.deliverables-grid h3 { margin: 57px 0 0; font: 800 27px/1.05 "Inter Tight", sans-serif; letter-spacing: -.02em; }.deliverables-grid h3::before { content: "→"; position: absolute; top: 68px; right: 26px; color: var(--xplr-yellow); font: 700 22px/1 "Inter", sans-serif; }.deliverables-grid p { margin: 12px 0 0; max-width: 265px; color: #5c574f; font-size: 12px; line-height: 1.55; }
.deliverables-access-note { max-width: 1080px; margin: 0 auto; padding: 20px 0 26px; color: #514d46; font: 500 10px/1.55 "IBM Plex Mono", monospace; letter-spacing: .02em; }.deliverables-access-note strong { color: #080808; letter-spacing: .1em; }

.corridor-section { position: relative; padding: 134px max(8vw, 38px) 90px; background: var(--xplr-charcoal); color: white; overflow: hidden; }
.corridor-section__header { position: relative; z-index: 2; max-width: 1250px; margin: auto; display: grid; grid-template-columns: 1fr 290px; gap: 80px; align-items: end; }
.corridor-section h2 { margin-top: 22px; max-width: 760px; font-size: clamp(45px, 5.2vw, 82px); line-height: .91; }
.corridor-section h2 span { color: var(--xplr-yellow); }
.corridor-section__header > p { margin: 0; color: rgba(255,255,255,.65); font-size: 14px; line-height: 1.65; }
.corridor-section__diagram { position: absolute; inset: 0; opacity: .55; }
.diagram-line { position: absolute; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,210,51,.6), transparent); transform-origin: left; }
.diagram-line--a { width: 80%; top: 46%; left: -10%; transform: rotate(14deg); }
.diagram-line--b { width: 65%; bottom: 20%; right: -6%; transform: rotate(-31deg); }
.diagram-node { position: absolute; width: 9px; height: 9px; border: 2px solid var(--xplr-yellow); border-radius: 50%; }
.diagram-node--a { left: 29%; top: 37%; }.diagram-node--b { left: 58%; top: 49%; }.diagram-node--c { right: 14%; bottom: 19%; }
.corridor-list { position: relative; z-index: 2; max-width: 1250px; margin: 84px auto 0; display: grid; grid-template-columns: repeat(12, 1fr); gap: 12px; }
.corridor-card { min-height: 195px; position: relative; display: flex; flex-direction: column; justify-content: flex-end; padding: 23px; border: 1px solid rgba(255,255,255,.22); background: rgba(8,8,8,.26); transition: transform .22s cubic-bezier(.23,1,.32,1), background .22s ease, border-color .22s ease; overflow: hidden; }
.corridor-card:hover { transform: translateY(-7px); background: rgba(255,255,255,.08); border-color: var(--xplr-yellow); }
.corridor-card:nth-child(1) { grid-column: span 5; }.corridor-card:nth-child(2) { grid-column: span 3; }.corridor-card:nth-child(3) { grid-column: span 4; }.corridor-card:nth-child(4) { grid-column: 2 / span 5; }.corridor-card:nth-child(5) { grid-column: span 5; }
.corridor-card svg:not(.corridor-card__arrow) { position: absolute; right: 21px; top: 22px; width: 28px; height: 28px; color: var(--xplr-yellow); }
.corridor-card__index { position: absolute; left: 22px; top: 21px; color: rgba(255,255,255,.46); font: 500 10px/1 "IBM Plex Mono", monospace; }
.corridor-card h3 { margin: 0; max-width: 270px; font: 700 22px/1.04 "Inter Tight", sans-serif; letter-spacing: -.045em; }.corridor-card p { margin: 9px 0 0; max-width: 295px; font-size: 11px; color: rgba(255,255,255,.62); line-height: 1.45; }.corridor-card__note { display: block; margin-top: 17px; color: rgba(255,255,255,.47); font: 500 7px/1.2 "IBM Plex Mono", monospace; letter-spacing: .09em; }.corridor-card__arrow { position: absolute; right: 17px; bottom: 20px; width: 17px; opacity: .45; }
.corridor-section__footer { position: relative; z-index: 2; max-width: 1250px; margin: 34px auto 0; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.17); display: flex; gap: 30px; color: rgba(255,255,255,.5); font: 500 9px/1.4 "IBM Plex Mono", monospace; letter-spacing: .1em; }.corridor-section__footer strong { color: rgba(255,255,255,.82); font-weight: 500; }.corridor-section__footer b { color: var(--xplr-yellow); }

.system-section { background: #fff; padding-bottom: 132px; }.system-section__intro { max-width: 1080px; margin: auto; display: grid; grid-template-columns: minmax(420px, .86fr) minmax(290px, .5fr); gap: 92px; align-items: end; }.system-section__intro p { margin: 0 0 4px; color: #55514a; font-size: 15px; line-height: 1.68; }.product-layers { max-width: 1080px; margin: 76px auto 0; display: grid; grid-template-columns: repeat(12, 1fr); gap: 0; border-top: 1px solid #c9c4ba; border-bottom: 1px solid #c9c4ba; }.product-layer { min-height: 262px; position: relative; padding: 28px 28px 27px; border-left: 1px solid #c9c4ba; transition: background .22s ease, transform .22s cubic-bezier(.23,1,.32,1); }.product-layer:nth-child(1), .product-layer:nth-child(4) { grid-column: span 7; }.product-layer:nth-child(2), .product-layer:nth-child(3) { grid-column: span 5; }.product-layer:nth-child(3) { border-left: 0; border-top: 1px solid #c9c4ba; }.product-layer:nth-child(4) { border-top: 1px solid #c9c4ba; border-right: 1px solid #c9c4ba; }.product-layer:nth-child(2) { border-right: 1px solid #c9c4ba; }.product-layer:hover { background: var(--xplr-paper); transform: translateY(-7px); }.product-layer__bar { position: absolute; left: 0; top: 0; width: 4px; height: 100%; }.product-layer--yellow .product-layer__bar { background: var(--xplr-yellow); }.product-layer--red .product-layer__bar { background: var(--xplr-red); }.product-layer--green .product-layer__bar { background: var(--xplr-green); }.product-layer--blue .product-layer__bar { background: var(--xplr-blue); }.product-layer svg { position: absolute; right: 27px; top: 28px; width: 25px; }.product-layer__plate { display: block; margin: 0 !important; color: #77716a; font: 500 8px/1 "IBM Plex Mono", monospace; letter-spacing: .1em; }.product-layer > span:not(.product-layer__plate) { display: block; margin-top: 53px; color: #77716a; font: 500 8px/1 "IBM Plex Mono", monospace; letter-spacing: .1em; }.product-layer h3 { margin: 10px 0 0; font: 800 36px/.9 "Inter Tight", sans-serif; letter-spacing: -.07em; }.product-layer p { margin: 17px 0 0; max-width: 400px; color: #5b5750; font-size: 12px; line-height: 1.58; }.system-section__trust { max-width: 1080px; margin: 49px auto 0; display: flex; align-items: center; gap: 35px; padding-top: 22px; border-top: 1px solid #c9c4ba; }.system-section__trust img { width: 160px; height: auto; }.system-section__trust p { margin: 0; max-width: 520px; font-size: 13px; line-height: 1.55; }
.system-section { background: #fff; padding-bottom: 132px; }.system-section__intro { max-width: 1080px; margin: auto; display: grid; grid-template-columns: minmax(0, 1fr) 265px; gap: clamp(42px, 8vw, 125px); align-items: center; }.system-section__copy .route-label { display: inline-flex; }.system-section__copy h2 { margin-top: 20px; }.system-section__copy > p { max-width: 520px; margin: 34px 0 0; color: #55514a; font-size: 15px; line-height: 1.68; }.system-section__app-preview { margin: 0; display: flex; align-items: flex-end; justify-self: end; gap: 16px; }.app-preview__frame { width: 174px; padding: 7px; background: #080808; box-shadow: 18px 18px 0 var(--xplr-yellow); transform: rotate(2.2deg); }.app-preview__frame img { display: block; width: 100%; height: 354px; object-fit: cover; object-position: top; }.system-section__app-preview figcaption { width: 68px; padding-bottom: 13px; font-family: "IBM Plex Mono", monospace; }.system-section__app-preview figcaption span { display: block; color: #77716a; font-size: 7px; line-height: 1.35; letter-spacing: .08em; }.system-section__app-preview figcaption strong { display: block; margin-top: 11px; color: #080808; font: 800 11px/1.14 "Inter Tight", sans-serif; letter-spacing: -.01em; }.product-layers { max-width: 1080px; margin: 76px auto 0; display: grid; grid-template-columns: repeat(12, 1fr); gap: 0; border-top: 1px solid #c9c4ba; border-bottom: 1px solid #c9c4ba; }.product-layer { min-height: 262px; position: relative; padding: 28px 28px 27px; border-left: 1px solid #c9c4ba; transition: background .22s ease, transform .22s cubic-bezier(.23,1,.32,1); }.product-layer:nth-child(1), .product-layer:nth-child(4) { grid-column: span 7; }.product-layer:nth-child(2), .product-layer:nth-child(3) { grid-column: span 5; }.product-layer:nth-child(3) { border-left: 0; border-top: 1px solid #c9c4ba; }.product-layer:nth-child(4) { border-top: 1px solid #c9c4ba; border-right: 1px solid #c9c4ba; }.product-layer:nth-child(2) { border-right: 1px solid #c9c4ba; }.product-layer:hover { background: var(--xplr-paper); transform: translateY(-7px); }.product-layer__bar { position: absolute; left: 0; top: 0; width: 4px; height: 100%; }.product-layer--yellow .product-layer__bar { background: var(--xplr-yellow); }.product-layer--red .product-layer__bar { background: var(--xplr-red); }.product-layer--green .product-layer__bar { background: var(--xplr-green); }.product-layer--blue .product-layer__bar { background: var(--xplr-blue); }.product-layer svg { position: absolute; right: 27px; top: 28px; width: 25px; }.product-layer__plate { display: block; margin: 0 !important; color: #77716a; font: 500 8px/1 "IBM Plex Mono", monospace; letter-spacing: .1em; }.product-layer > span:not(.product-layer__plate) { display: block; margin-top: 53px; color: #77716a; font: 500 8px/1 "IBM Plex Mono", monospace; letter-spacing: .1em; }.product-layer h3 { margin: 10px 0 0; font: 800 36px/.9 "Inter Tight", sans-serif; letter-spacing: -.07em; }.product-layer p { margin: 17px 0 0; max-width: 400px; color: #5b5750; font-size: 12px; line-height: 1.58; }.system-section__trust { max-width: 1080px; margin: 49px auto 0; display: flex; align-items: center; gap: 35px; padding-top: 22px; border-top: 1px solid #c9c4ba; }.system-section__trust img { width: 160px; height: auto; }.system-section__trust p { margin: 0; max-width: 520px; font-size: 13px; line-height: 1.55; }

.process-section { background: #080808; color: white; padding: 0 max(8vw,38px); min-height: 860px; display: grid; grid-template-columns: 43% 57%; }.process-section__media { position: relative; min-height: 860px; margin-left: calc(max(8vw, 38px) * -1); overflow: hidden; }.process-section__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(8,8,8,.72), rgba(8,8,8,.08)); }.process-section__media img { height: 100%; width: 100%; object-fit: cover; filter: saturate(.65) contrast(1.08); }.process-section__media-mark { position: absolute; z-index: 1; left: max(8vw, 38px); bottom: 48px; color: var(--xplr-yellow); font: 800 clamp(74px, 10vw, 140px)/.7 "Inter Tight", sans-serif; letter-spacing: -.1em; }.process-section__content { padding: 120px 0 100px clamp(40px, 8vw, 135px); max-width: 810px; }.process-section h2 { margin-top: 21px; font-size: clamp(49px, 5.4vw, 87px); line-height: .88; }.process-section h2 span { display: block; color: var(--xplr-yellow); }.process-section .lead { margin: 31px 0 0; color: rgba(255,255,255,.72); max-width: 585px; }.process-list { margin-top: 50px; }.process-step { display: grid; grid-template-columns: 42px 1fr; gap: 17px; padding: 17px 0; border-top: 1px solid rgba(255,255,255,.18); }.process-step__number { color: var(--xplr-yellow); font: 500 10px/1 "IBM Plex Mono", monospace; }.process-step h3 { margin: 0; font: 700 19px/1 "Inter Tight", sans-serif; letter-spacing: -.04em; }.process-step p { margin: 7px 0 0; max-width: 520px; color: rgba(255,255,255,.63); font-size: 12px; line-height: 1.5; }.process-rule { display: flex; gap: 10px; align-items: flex-start; max-width: 580px; margin: 39px 0 0; color: white; font: 500 11px/1.5 "IBM Plex Mono", monospace; }.process-rule svg { flex: 0 0 auto; width: 16px; color: var(--xplr-yellow); }

.standards-section { background: #202020; color: white; }.standards-section__title { max-width: 860px; margin: auto; text-align: center; }.standards-section__title .route-label { justify-content: center; }.standards-section h2 { margin-top: 21px; font-size: clamp(43px,5vw,78px); line-height: .91; }.standards-grid { max-width: 1080px; margin: 76px auto 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }.standard-card { min-height: 260px; padding: 29px; background: #151515; border-top: 4px solid var(--xplr-yellow); }.standard-card svg { color: var(--xplr-yellow); width: 27px; }.standard-card h3 { margin: 44px 0 0; font: 700 24px/.98 "Inter Tight", sans-serif; letter-spacing: -.05em; }.standard-card p { margin: 16px 0 0; color: rgba(255,255,255,.62); font-size: 12px; line-height: 1.58; }.heritage-note { max-width: 1080px; margin: 14px auto 0; padding: 27px 30px; border: 1px solid rgba(255,255,255,.22); display: flex; gap: 16px; align-items: flex-start; }.heritage-note svg { color: var(--xplr-yellow); flex: 0 0 auto; width: 21px; }.heritage-note p { margin: 0; color: rgba(255,255,255,.68); font-size: 12px; line-height: 1.6; }.heritage-note strong { color: white; }

.investment-section { padding: 100px max(8vw,38px) 50px; background: var(--xplr-yellow); color: #080808; }.investment-section__topline { max-width: 1200px; margin: auto; padding-bottom: 19px; border-bottom: 1px solid rgba(8,8,8,.58); display: flex; justify-content: space-between; font: 500 9px/1 "IBM Plex Mono", monospace; letter-spacing: .12em; }.investment-section__headline { max-width: 1200px; margin: 70px auto 0; display: grid; grid-template-columns: 210px 1fr 240px; gap: 20px; align-items: end; }.investment-section__headline p { margin: 0 0 15px; font: 500 10px/1.3 "IBM Plex Mono", monospace; letter-spacing: .1em; }.investment-section__headline h2 { font-size: clamp(85px, 13.5vw, 185px); line-height: .76; }.investment-section__headline > span { max-width: 205px; margin-bottom: 9px; font: 600 14px/1.45 "Inter", sans-serif; }.investment-grid { max-width: 1200px; margin: 66px auto 0; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(8,8,8,.58); border-bottom: 1px solid rgba(8,8,8,.58); }.investment-grid article { min-height: 178px; padding: 26px 28px 24px 0; margin-right: 27px; border-right: 1px solid rgba(8,8,8,.58); }.investment-grid article:nth-child(2) { padding-left: 28px; }.investment-grid article:last-child { border: 0; padding-left: 28px; margin: 0; }.investment-grid span, .investment-section__close span { display: block; font: 500 9px/1.3 "IBM Plex Mono", monospace; letter-spacing: .1em; }.investment-grid strong { display: block; margin-top: 24px; font: 800 16px/1.24 "Inter Tight", sans-serif; letter-spacing: -.04em; }.investment-grid p { margin: 8px 0 0; max-width: 220px; font-size: 11px; line-height: 1.45; }.investment-section__close { max-width: 1200px; margin: 56px auto 0; padding-top: 0; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; }.investment-section__close div:last-child { text-align: right; }.investment-section__close p { margin: 8px 0 0; font: 700 11px/1.4 "Inter", sans-serif; letter-spacing: .03em; }.investment-section__close img { width: 176px; height: auto; }.proposal-footer { padding: 22px max(8vw,38px); background: #080808; color: rgba(255,255,255,.53); display: flex; justify-content: space-between; font: 500 8px/1.3 "IBM Plex Mono", monospace; letter-spacing: .09em; }

@keyframes nudgeDown { 0%,100% { transform: translateY(0); } 50% { transform: translateY(5px); } }
/* First-round editorial readability pass: display type must read as a proposal, not a compressed poster. */
.hero h1 { line-height: .95; }
.hero h1 span { margin: .025em 0 .04em; }
.opportunity__copy h2, .system-section h2, .process-section h2 { line-height: .98; }
.corridor-section h2, .standards-section h2 { line-height: .98; }
.corridor-card h3 { line-height: 1.1; }
.process-section h2 span { margin-top: .035em; }
.process-step h3, .standard-card h3 { line-height: 1.08; }
.standard-card { min-height: 292px; }

/* Second-round typography pass: retain oversized editorial scale while giving every display letterform visible air. */
.hero h1, .opportunity h2, .corridor-section h2, .system-section h2, .process-section h2, .standards-section h2, .investment-section h2 { letter-spacing: -.015em; }
.product-layer h3, .corridor-card h3, .process-step h3, .standard-card h3 { letter-spacing: -.025em; }

/* Product-and-team chapter: XPLR GUIDE remains the lead brand; XPLR.NASH is the market-facing team. */
.team-section { background: #111; color: white; padding-top: 138px; padding-bottom: 138px; }
.team-section .section-rail { color: rgba(255,255,255,.52); }.team-section .section-rail > span:first-child { color: var(--xplr-yellow); }.team-section .section-rail::before { background: rgba(255,255,255,.45); }
.team-section__header { max-width: 1080px; margin: auto; display: grid; grid-template-columns: minmax(450px,1fr) minmax(280px,.55fr); column-gap: 110px; row-gap: 26px; align-items: end; }
.team-section__header .route-label { grid-column: 1 / -1; }
.team-section__header h2 { grid-column: 1; }
.team-section__header > p { grid-column: 2; }
.team-section__header h2 { margin: 23px 0 0; max-width: 780px; font: 800 clamp(48px,5.5vw,85px)/.98 "Inter Tight", sans-serif; letter-spacing: -.015em; }
.team-section__header h2 span { display: block; color: var(--xplr-yellow); margin-top: .035em; }.team-section__header p { margin: 0; color: rgba(255,255,255,.7); font-size: 15px; line-height: 1.7; }
.brand-relationship { max-width: 1080px; margin: 74px auto 0; display: grid; grid-template-columns: 1fr 110px 1fr; align-items: stretch; }
.brand-relationship__guide, .brand-relationship__nash { min-height: 360px; position: relative; padding: 34px; border: 1px solid rgba(255,255,255,.22); }.brand-relationship__guide { background: #080808; }.brand-relationship__nash { background: var(--xplr-yellow); color: #080808; border-color: var(--xplr-yellow); }
.brand-relationship__index { display: block; font: 500 9px/1 "IBM Plex Mono", monospace; letter-spacing: .11em; color: rgba(255,255,255,.56); }.brand-relationship__nash .brand-relationship__index { color: rgba(8,8,8,.6); }
.brand-relationship__guide img { display: block; width: 194px; height: auto; margin-top: 59px; }.nash-wordmark { margin: 57px 0 0 !important; color: #080808 !important; font: 900 clamp(40px,4vw,60px)/.82 "Inter Tight", sans-serif !important; letter-spacing: -.055em !important; }
.brand-relationship h3 { margin: 37px 0 0; max-width: 315px; font: 800 31px/1.02 "Inter Tight", sans-serif; letter-spacing: -.025em; }.brand-relationship__guide > p:last-child, .brand-relationship__nash > p:last-child { margin: 15px 0 0; max-width: 375px; color: rgba(255,255,255,.65); font-size: 13px; line-height: 1.58; }.brand-relationship__nash > p:last-child { color: rgba(8,8,8,.68); }
.nash-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 24px 0 0; padding-top: 17px; border-top: 1px solid rgba(8,8,8,.38); }.nash-proof article { padding-right: 8px; border-right: 1px solid rgba(8,8,8,.28); }.nash-proof article:last-child { border-right: 0; }.nash-proof strong { display: block; font: 800 21px/.95 "Inter Tight", sans-serif; letter-spacing: -.02em; }.nash-proof span { display: block; margin-top: 6px; color: rgba(8,8,8,.67); font: 500 7px/1.35 "IBM Plex Mono", monospace; letter-spacing: .04em; }
.brand-relationship__connector { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; background: #202020; border-top: 1px solid rgba(255,255,255,.22); border-bottom: 1px solid rgba(255,255,255,.22); }.brand-relationship__connector span { color: var(--xplr-yellow); font-size: 42px; line-height: 1; }.brand-relationship__connector small { width: 72px; color: rgba(255,255,255,.55); font: 500 7px/1.45 "IBM Plex Mono", monospace; letter-spacing: .1em; text-align: center; transform: none; white-space: normal; }
.team-section__note { max-width: 1080px; margin: 28px auto 0; padding-top: 21px; border-top: 1px solid rgba(255,255,255,.2); display: flex; gap: 10px; color: rgba(255,255,255,.78); font: 500 11px/1.55 "IBM Plex Mono", monospace; }.team-section__note svg { flex: 0 0 auto; width: 16px; color: var(--xplr-yellow); }
.growth-kpi { max-width: 1080px; margin: 28px auto 0; padding: 24px 27px; display: grid; grid-template-columns: 190px minmax(250px, .72fr) minmax(260px, .9fr); align-items: center; gap: 28px; border: 1px solid rgba(255,210,51,.7); background: rgba(255,210,51,.07); }.growth-kpi__eyebrow { color: var(--xplr-yellow); font: 500 8px/1.3 "IBM Plex Mono", monospace; letter-spacing: .11em; }.growth-kpi strong { color: white; font: 800 clamp(28px,3vw,43px)/.92 "Inter Tight", sans-serif; letter-spacing: -.02em; white-space: nowrap; }.growth-kpi strong b { color: var(--xplr-yellow); font-weight: 900; }.growth-kpi p { margin: 0; color: rgba(255,255,255,.66); font-size: 11px; line-height: 1.54; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }

@media (max-width: 1480px) { .route-reader { display: none; } }
@media (max-width: 920px) { .proposal-nav { padding: 0 20px; height: 66px; }.nav-wordmark { width: 132px; }.proposal-nav nav { display: none; }.hero { min-height: 740px; padding: 132px 24px 48px; }.hero__rail { top: 94px; left: 24px; }.hero__content { width: 100%; }.hero h1 { font-size: clamp(55px, 12vw, 94px); }.hero__note { display: none; }.hero__icon { width: 135px; height: 135px; top: 94px; right: 20px; }.section-pad { padding: 96px 24px; }.section-rail { display: none; }.opportunity__grid, .system-section__intro { grid-template-columns: 1fr; gap: 42px; }.opportunity__image { min-height: 390px; }.opportunity__image img { height: 390px; }.corridor-section { padding: 90px 24px 60px; }.corridor-section__header { grid-template-columns: 1fr; gap: 25px; }.corridor-list { margin-top: 52px; }.corridor-card:nth-child(n) { grid-column: span 6; }.product-layers { grid-template-columns: repeat(2, 1fr); }.product-layer:nth-child(1), .product-layer:nth-child(2), .product-layer:nth-child(3), .product-layer:nth-child(4) { grid-column: auto; border-top: 0; }.product-layer:nth-child(3) { border-left: 1px solid #c9c4ba; }.product-layer:nth-child(2) { border-right: 1px solid #c9c4ba; }.product-layer:nth-child(3), .product-layer:nth-child(4) { border-top: 1px solid #c9c4ba; }.process-section { display: block; padding: 0; }.process-section__media { min-height: 430px; margin: 0; }.process-section__content { padding: 80px 24px; }.standards-grid { grid-template-columns: 1fr; }.investment-section { padding: 72px 24px 42px; }.investment-section__headline { grid-template-columns: 1fr; gap: 18px; margin-top: 46px; }.investment-section__headline p { margin: 0; }.investment-section__headline > span { margin: 0; }.investment-grid { grid-template-columns: 1fr; }.investment-grid article, .investment-grid article:nth-child(2), .investment-grid article:last-child { min-height: auto; padding: 22px 0; margin: 0; border-right: 0; border-bottom: 1px solid rgba(8,8,8,.58); }.investment-grid article:last-child { border: 0; }.investment-section__close { grid-template-columns: 1fr; text-align: left; gap: 21px; }.investment-section__close div:last-child { text-align: left; }.proposal-footer { padding: 18px 24px; gap: 12px; flex-direction: column; } }
@media (max-width: 920px) { .system-section__copy > p { margin-top: 28px; }.system-section__app-preview { justify-self: start; }.app-preview__frame { width: 158px; }.app-preview__frame img { height: 322px; } }
@media (max-width: 920px) { .deliverables-section { padding: 68px 24px 0; }.deliverables-section__statement { grid-template-columns: 1fr; gap: 28px; }.deliverables-section__statement h2, .deliverables-section__statement > p { grid-column: 1; }.deliverables-grid { grid-template-columns: 1fr; }.deliverables-grid article, .deliverables-grid article:first-child { min-height: 170px; border-left: 1px solid #c9c4ba; border-bottom: 1px solid #c9c4ba; }.deliverables-grid article:last-child { border-bottom: 0; }.deliverables-grid h3 { margin-top: 34px; }.deliverables-grid h3::before { top: 60px; }.deliverables-access-note { padding-bottom: 22px; } }
@media (max-width: 920px) { .team-section { padding-top: 96px; padding-bottom: 96px; }.team-section__header { grid-template-columns: 1fr; gap: 34px; }.brand-relationship { grid-template-columns: 1fr; }.brand-relationship__guide, .brand-relationship__nash { min-height: auto; }.brand-relationship__connector { min-height: 74px; flex-direction: row; border-top: 0; border-bottom: 0; }.brand-relationship__connector small { transform: none; }.team-section__note { margin-top: 24px; } }
@media (max-width: 920px) { .growth-kpi { grid-template-columns: 1fr; gap: 15px; }.growth-kpi strong { white-space: normal; } }
@media (max-width: 560px) { .nash-proof { grid-template-columns: 1fr; gap: 12px; }.nash-proof article { padding: 0 0 12px; border-right: 0; border-bottom: 1px solid rgba(8,8,8,.28); }.nash-proof article:last-child { padding-bottom: 0; border-bottom: 0; }.nash-proof strong { font-size: 24px; } }
@media (max-width: 560px) { .hero { min-height: 680px; }.hero h1 { font-size: 55px; }.hero__content > p { font-size: 14px; max-width: 340px; }.hero__icon { opacity: .5; }.hero__rail .rail-line { width: 42px; }.opportunity__copy h2, .system-section h2, .process-section h2 { font-size: 48px; }.opportunity__image { min-height: 330px; }.opportunity__image img { height: 330px; }.opportunity__image figcaption { flex-direction: column; }.corridor-card:nth-child(n) { grid-column: span 12; min-height: 162px; }.corridor-section__footer { flex-direction: column; gap: 12px; }.product-layers { grid-template-columns: 1fr; }.product-layer, .product-layer:nth-child(3) { min-height: 230px; border-left: 1px solid #c9c4ba; border-right: 1px solid #c9c4ba; border-bottom: 0; }.product-layer:last-child { border-bottom: 1px solid #c9c4ba; }.product-layer > span:not(.product-layer__plate) { margin-top: 28px; }.product-layer h3 { font-size: 28px; }.process-section__media { min-height: 330px; }.standards-section__title { text-align: left; }.standards-section__title .route-label { justify-content: flex-start; }.heritage-note { padding: 22px; }.investment-section__topline { gap: 12px; flex-direction: column; }.investment-section__headline h2 { font-size: 94px; }.investment-section__close img { width: 150px; } }

/* KPI layout fix: the target and its qualification are intentionally separate reading zones. */
@media (min-width: 921px) {
  .growth-kpi {
    grid-template-columns: minmax(430px, .9fr) minmax(0, 1fr);
    grid-template-areas:
      "eyebrow context"
      "metric context";
    column-gap: 52px;
    row-gap: 8px;
    align-items: center;
  }
  .growth-kpi__eyebrow { grid-area: eyebrow; align-self: end; }
  .growth-kpi strong { grid-area: metric; min-width: 0; white-space: nowrap; font-size: clamp(30px, 2.65vw, 40px); }
  .growth-kpi p { grid-area: context; min-width: 0; }
}
@media (max-width: 920px) {
  .growth-kpi { grid-template-columns: 1fr; grid-template-areas: "eyebrow" "metric" "context"; gap: 15px; }
  .growth-kpi__eyebrow { grid-area: eyebrow; }
  .growth-kpi strong { grid-area: metric; white-space: normal; }
  .growth-kpi p { grid-area: context; }
}
@media (min-width: 921px) and (max-width: 1149px) {
  .growth-kpi {
    grid-template-columns: 1fr;
    grid-template-areas: "eyebrow" "metric" "context";
    row-gap: 16px;
  }
}
@media (min-width: 1150px) {
  .growth-kpi {
    grid-template-columns: minmax(470px, 1fr) minmax(0, 1fr);
    column-gap: 86px;
    padding-left: 32px;
    padding-right: 32px;
  }
  .growth-kpi p { padding-left: 3px; }
}