/* X Corporate v8.2 | Product legibility, cinematic editorial, intentional reading paths */
:root{--v82-deep:#09111d;--v82-blue:#a6c4ff;--v82-purple:#c6b3ff;--v82-gold:#ffd99e}
html{scroll-padding-top:76px} .site-header .navlinks{gap:clamp(9px,1vw,17px)}
.site-header .navlinks>a{font-size:clamp(10px,.88vw,12px)}
.site-header .navlinks .nav-action{font-size:12px}
/* The brand proposition must be legible at first glance, while allowing the film to breathe. */
.v82-hero-principle{font-size:clamp(14px,1.45vw,19px)!important;line-height:1.5!important;color:#f2f3f7!important;max-width:590px!important;margin:18px 0 0!important;font-weight:600;letter-spacing:-.015em;text-shadow:0 1px 14px rgba(0,0,0,.4)}
/* Replace text-only reasoning with a visual editorial paragraph. */
.reason-block .chapter-head{align-items:center}
.reason-block .chapter-side{position:relative;padding:22px 22px 24px 26px;border-left:3px solid #7665db;background:linear-gradient(110deg,#fafbff,#f3f5fa);border-radius:0 14px 14px 0}
/* Six product disciplines, one foundation, one outcome. */
.v82-platform{background:radial-gradient(ellipse at 75% -10%,rgba(56,88,157,.27),transparent 52%),#0b121d;color:#fff;padding:100px 0 95px}
.v82-platform .eyebrow{color:#afc5e4}
.v82-platform .chapter-head{grid-template-columns:1.1fr .9fr;margin-bottom:39px;align-items:end}
.v82-platform h2{font-size:clamp(43px,4.4vw,67px)!important;line-height:1.04;letter-spacing:-.057em}
.v82-accent{color:#acc7ff}
.v82-platform .chapter-side>p{font-size:16px;color:#c4d0df;line-height:1.55;margin:0 0 13px}
.v82-platform .chapter-side strong{color:#fff;font-size:inherit;font-weight:780;display:inline;margin:0}
.v82-platform-cta{display:inline-flex;gap:12px;align-items:center;margin-top:9px;color:#d6e5ff!important;border-bottom:1px solid #7ca5eb;font-size:14px;font-weight:800;padding-bottom:5px}
.v82-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:stretch}
.v82-module{position:relative;min-width:0;border:1px solid rgba(175,199,242,.22);border-radius:17px;overflow:hidden;background:#131e2c;display:flex;flex-direction:column;transition:transform .22s,border-color .22s,box-shadow .22s}
.v82-module:hover{transform:translateY(-4px);border-color:rgba(178,201,255,.7);box-shadow:0 16px 35px rgba(0,0,0,.26)}
.v82-module-image{height:137px;overflow:hidden;background:#222d3c;position:relative}
.v82-module-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,20,32,.6),transparent 65%)}
.v82-module-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s;display:block}
.v82-module:hover .v82-module-image img{transform:scale(1.06)}
.v82-module-context .v82-module-image img{object-position:center 41%}
.v82-module-activate .v82-module-image img{object-position:center 30%}
.v82-module-body{position:relative;min-height:167px;padding:17px 20px 20px}
.v82-module-number{display:inline-block;font-size:11px;letter-spacing:.12em;font-weight:850;color:#88b5ff}
.v82-module h3{font-size:23px;letter-spacing:-.032em;color:#fff;margin:5px 0 8px;font-weight:800;line-height:1.05}
.v82-module p{font-size:13.5px;color:#bdc9da;line-height:1.55;margin:0}
.v82-module-enrich .v82-module-number,.v82-module-enrich h3{color:#ffcb85}
.v82-module-trust .v82-module-number,.v82-module-trust h3{color:#9fe5ce}
.v82-module-flow .v82-module-number,.v82-module-flow h3{color:#c9b3ff}
.v82-module-activate .v82-module-number,.v82-module-activate h3{color:#a6ceff}
.v82-platform-base{display:grid;grid-template-columns:1.65fr 1fr;gap:13px;margin-top:14px}
.v82-connect,.v82-decide{display:flex;align-items:center;gap:18px;border-radius:15px;border:1px solid rgba(165,195,241,.35);padding:18px 21px;background:#101d2c}
.v82-infinity{display:grid;place-items:center;border:1px solid #668cff;color:#a1c2ff;border-radius:50%;min-width:58px;width:58px;height:58px;font-size:45px;line-height:1}
.v82-connect strong{font-size:16px;letter-spacing:.1em;color:#fff}.v82-connect strong span{font-size:12px;letter-spacing:0;font-weight:600;color:#a2b4cc}
.v82-connect p{color:#becce0;margin:6px 0 0;font-size:13px;line-height:1.5}
.v82-decide{display:block;border-color:rgba(236,176,87,.35);background:linear-gradient(110deg,#29251b,#182132)}
.v82-decide>span{display:block;color:#f0d29b;font-size:10px;letter-spacing:.15em;font-weight:800}
.v82-decide strong{display:block;margin-top:5px;font-size:27px;color:#ffe0a5;letter-spacing:-.035em}
.v82-decide strong i{font-style:normal;font-weight:400;float:right}
.v82-decide p{font-size:12.5px;color:#d6d1c7;line-height:1.5;margin:4px 0 0}
.v82-platform-note{display:flex;gap:10px;align-items:baseline;margin:21px 0 0;font-size:13px;line-height:1.6;color:#9faec2}
.v82-platform-note strong{color:#fff;white-space:nowrap;font-size:13px}
/* A statement of human agency: stronger than a wall of governance text. */
.v82-mission{background:#e9edf3;padding:0;overflow:hidden}
.v82-mission-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;min-height:470px}
.v82-mission-copy{display:flex;flex-direction:column;justify-content:center;padding:72px 50px 72px 0}
.v82-mission .eyebrow{color:#5e6b85}
.v82-mission h2{font-size:clamp(35px,3.6vw,56px);letter-spacing:-.05em;line-height:1.09;margin:19px 0;color:#101928}
.v82-mission h2 em{font-style:normal;color:#4d5990}
.v82-mission p{font-size:17px;line-height:1.64;color:#536076;max-width:560px;margin:0 0 21px}
.v82-mission a{font-size:14px;color:#1e3971!important;font-weight:800;text-decoration:underline;text-underline-offset:6px}
.v82-mission-photo{height:auto;min-height:450px;position:relative;overflow:hidden;margin-right:calc((min(100vw,1300px) - 100vw)/2)}
.v82-mission-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% center}
.v82-mission-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e9edf3 0%,rgba(233,237,243,.02) 32%)}
/* Product detail should visibly depict product architecture, not a 5-card substitute. */
.v82-trail{background:#f4f6fa;border-bottom:1px solid #e3e7f1}
.v82-trail>.container{display:flex;gap:10px;align-items:center;padding-top:13px;padding-bottom:13px;flex-wrap:wrap;font-size:12px;color:#637088}
.v82-trail a{font-weight:750;color:#43546e}
.v82-trail [aria-current=page]{font-weight:800;color:#172133}
.v82-product-platform{background:linear-gradient(125deg,#0d1725,#161f35);color:white;padding:84px 0}
.v82-product-platform .sectionHead h2{color:white;font-size:clamp(40px,4.2vw,63px);letter-spacing:-.06em;line-height:1.01}
.v82-product-platform .sectionHead p{color:#c9d5e4;font-size:17px;line-height:1.56}
.v82-product-platform .eyebrow{color:#adc8fc}
.v82-product-reality{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.v82-product-reality>div{padding:22px 24px;border-radius:17px;background:rgba(235,242,255,.07);border:1px solid rgba(200,218,248,.18)}
.v82-status{display:block;font-size:11px;letter-spacing:.14em;font-weight:800;color:#b3cbef}
.v82-product-reality p{margin:9px 0 0;color:#c5d1df;line-height:1.6;font-size:14px}
.v82-evidence-banner{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;border:1px solid #dae0ec;border-radius:19px;padding:28px;margin-top:26px;background:#f5f7fc}
.v82-evidence-banner span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#67728e;display:block;margin-bottom:10px}
.v82-evidence-banner strong{font-size:18px;line-height:1.5;display:block;color:#182335;font-weight:720}
.v82-evidence-banner a{font-size:13px;font-weight:800;white-space:nowrap;color:#23467d}
/* Navigational continuations are phrased as reasons to read, not as a sitemap. */
.v82-route-section{background:#101825!important;color:#fff!important;padding:76px 0 88px!important}
.v82-route-section .eyebrow{color:#a9c4ec}
.v82-route-section h2{font-size:clamp(34px,3.6vw,54px);line-height:1.06;letter-spacing:-.055em;color:#fff;margin:13px 0 30px}
.v82-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.v82-route-card{display:block;min-height:192px;padding:23px 24px;border:1px solid #3c4658;border-radius:16px;background:#1a2638;color:#fff!important;transition:transform .2s,background .2s}
.v82-route-card:hover{background:#24344c;transform:translateY(-3px)}
.v82-route-card h3{color:#fff;font-size:clamp(20px,1.8vw,25px);line-height:1.12;letter-spacing:-.04em;margin:0 0 15px}
.v82-route-card h3 span{color:#9fbef5;margin-left:4px}
.v82-route-card p{color:#b7c5d8;font-size:14px;line-height:1.58;margin:0}
.v82-route-contact{background:#e3ebfc!important;border-color:#e3ebfc}
.v82-route-contact h3,.v82-route-contact p{color:#11223b!important}
.v82-section-link{margin-top:27px;border-top:1px solid #dfe4ee;padding-top:17px}
.v82-section-link a{color:#263b80;font-weight:800;font-size:14px}
.v82-impact-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-top:30px}
.v82-impact-flow>div{position:relative;background:#f4f6fa;border:1px solid #dfe5ef;border-radius:15px;padding:22px 17px}
.v82-impact-flow>div>span{color:#4e6bd0;font-size:11px;font-weight:800;letter-spacing:.12em}
.v82-impact-flow strong{display:block;font-size:18px;line-height:1.15;letter-spacing:-.035em;margin:11px 0 8px;color:#172335}
.v82-impact-flow small{display:block;font-size:12px;line-height:1.4;color:#67758a}
.v82-impact-flow>div:not(:last-child):after{content:'→';position:absolute;top:22px;right:-11px;color:#3f65b8;z-index:1;background:#fff;border-radius:50%;font-size:14px;width:18px;height:18px;display:grid;place-items:center}
.v82-impact-caption{font-size:11px;color:#7b8695;margin:13px 0 0}
.v82-graph-qualifier{font-size:12px!important;line-height:1.5!important;color:#7d8899!important;margin-top:18px!important}
/* Keep plain vertical two-finger scrolling; only CSS proximity snap; never hijack wheel events. */
.home-story main>section{scroll-snap-align:start;scroll-margin-top:76px}
@media(max-width:1200px){.site-header .navlinks{gap:9px}.brand-family{font-size:8px}.v82-module p{font-size:13px}}
@media(max-width:1080px){.site-header .navlinks{display:none}.menu-toggle{display:flex}}
@media(max-width:900px){
 .site-header .navlinks{display:none}.site-header .navlinks.is-open{display:flex}
 .v82-platform{padding:75px 0}.v82-platform .chapter-head{grid-template-columns:1fr;gap:18px}
 .v82-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v82-platform-base{grid-template-columns:1fr}
 .v82-mission-grid{grid-template-columns:1fr}.v82-mission-copy{padding:65px 0 30px}.v82-mission-photo{min-height:340px;margin:0 -6vw}
 .v82-mission-photo:after{background:linear-gradient(180deg,#e9edf3 0%,transparent 44%)}
 .v82-route-grid{grid-template-columns:1fr 1fr}.v82-route-contact{grid-column:1/-1;min-height:0}
 .v82-impact-flow{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:600px){
 html{scroll-padding-top:68px}.home-story main>section{scroll-margin-top:68px}
 .v82-hero-principle{font-size:13px!important;margin-top:12px!important}
 .v82-platform h2,.v82-product-platform .sectionHead h2{font-size:clamp(38px,9.3vw,52px)!important}
 .v82-platform .chapter-side>p{font-size:15px}.v82-module-grid{grid-template-columns:1fr 1fr;gap:8px}
 .v82-module-image{height:95px}.v82-module-body{padding:14px 12px 15px;min-height:200px}
 .v82-module h3{font-size:17px;letter-spacing:-.02em}.v82-module p{font-size:11.5px;line-height:1.48}.v82-module-number{font-size:9px}
 .v82-connect{gap:11px;padding:15px}.v82-infinity{min-width:39px;width:39px;height:39px;font-size:29px}
 .v82-connect strong{font-size:12px}.v82-connect strong span{font-size:10px}.v82-connect p{font-size:12px}
 .v82-decide{padding:17px}.v82-decide strong{font-size:23px}
 .v82-platform-note{display:block;font-size:12px}.v82-platform-note strong{display:block}
 .v82-mission h2{font-size:clamp(36px,8.5vw,49px)}.v82-mission p{font-size:15px}
 .v82-mission-photo{min-height:270px}.v82-product-reality{grid-template-columns:1fr}
 .v82-evidence-banner{grid-template-columns:1fr;padding:22px;gap:13px}.v82-evidence-banner strong{font-size:16px}
 .v82-route-grid{grid-template-columns:1fr}.v82-route-contact{grid-column:auto}.v82-route-card{min-height:140px}
 .v82-impact-flow{grid-template-columns:1fr}.v82-impact-flow>div:not(:last-child):after{top:auto;bottom:-13px;right:50%;transform:rotate(90deg)}
 .v82-trail>.container{font-size:10px;gap:6px}
}
/* Medium screens need the same actual drop-down behavior as mobile, not merely a visible menu icon. */
@media(min-width:901px) and (max-width:1080px){
 .site-header .navlinks{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;background:rgba(255,255,255,.99);border-bottom:1px solid #e1e5ed;box-shadow:0 18px 34px rgba(0,0,0,.08);padding:15px 28px 24px;gap:0;max-height:calc(100svh - 76px);overflow-y:auto}
 .site-header .navlinks.is-open{display:flex}
 .site-header .navlinks a{font-size:15px;padding:12px 6px}
 .site-header .navlinks .nav-action{margin-top:10px;text-align:center;color:#fff}
}
.v82-inline-next{display:inline-block;margin-top:19px;font-size:13px;font-weight:800;color:#32519e!important;text-decoration:underline;text-underline-offset:4px}
