/* Mission & Vision: page-scoped presentation and accessible motion. */
.mission-vision-page { --mv-ink:#14243b; --mv-muted:#53647a; --mv-blue:#1358d4; --mv-line:#e0e7ef; --heading-font:"Roboto",system-ui,sans-serif; background:#fff; }
.mission-vision-page .header { background:rgba(255,255,255,.97); border-bottom:1px solid #e9edf3; box-shadow:none; padding:14px 0; }
.mission-vision-page .header .logo img { max-height:49px; width:auto; }
.mission-vision-page .header .btn-getstarted { background:var(--mv-blue); border-radius:7px; padding:11px 21px; font-weight:600; }
.mission-vision-page .navmenu a { font-size:14px; }
.mission-vision-page #preloader,.mission-vision-page .footer .footer-highlights { display:none; }
.mv-main { color:var(--mv-ink); overflow:clip; }
.mv-main *, .mv-main *::before,.mv-main *::after { box-sizing:border-box; }
.mv-main section { padding:0; background:transparent; color:inherit; scroll-margin-top:105px; }
.mv-main .container { max-width:1240px; padding-left:28px; padding-right:28px; }
.mv-main h1,.mv-main h2,.mv-main h3 { color:var(--mv-ink); font-weight:650; letter-spacing:-.045em; }
.mv-main h2 { font-size:clamp(32px,3.2vw,45px); line-height:1.18; margin:16px 0 23px; }
.mv-main p { font-size:15px; line-height:1.85; color:var(--mv-muted); }
.mv-main a:focus-visible,.mv-main summary:focus-visible,.mv-skip:focus-visible { outline:3px solid #2588fa; outline-offset:5px; }
.mv-skip { position:fixed; top:10px; left:15px; z-index:10000; transform:translateY(-180%); background:#fff; padding:12px 20px; border-radius:6px; }
.mv-skip:focus { transform:translateY(0); }
.mv-eyebrow { display:inline-flex; align-items:center; gap:10px; font-size:10px; font-weight:750; letter-spacing:1.7px; color:var(--mv-blue); line-height:1.8; }
.mv-dot { width:7px; height:7px; border-radius:50%; background:#238975; box-shadow:0 0 0 4px #23897513; flex-shrink:0; }
.mv-text-link { display:inline-flex; align-items:center; gap:12px; font-size:13px; font-weight:600; color:var(--mv-ink); }
.mv-text-link:hover { color:var(--mv-blue); }
.mv-button { display:inline-flex; align-items:center; justify-content:center; gap:27px; min-height:50px; border-radius:7px; border:1px solid var(--mv-blue); background:var(--mv-blue); color:#fff; padding:16px 22px; font-size:14px; font-weight:600; transition:background .2s,transform .2s,box-shadow .2s; }
.mv-button:hover { background:#1048ae; color:#fff; transform:translateY(-2px); box-shadow:0 7px 18px #1358d425; }
.mv-main .mv-hero { padding-top:30px; background:radial-gradient(ellipse at 90% 30%,#ebf3ff,transparent 55%),linear-gradient(#fbfcff,#fff); }
.mv-breadcrumb { display:flex; gap:12px; align-items:center; font-size:11px; color:#64758c; }
.mv-breadcrumb a { color:#64758c; }
.mv-breadcrumb a:hover { color:var(--mv-blue); }
.mv-breadcrumb i { font-size:8px; }
.mv-hero-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:75px; align-items:center; padding:54px 0 63px; }
.mv-main h1 { font-size:clamp(43px,4.55vw,64px); line-height:1.09; letter-spacing:-2.9px; font-weight:700; margin:25px 0; }
.mv-main h1 span { color:var(--mv-blue); }
.mv-hero-copy > p { max-width:500px; font-size:17px; }
.mv-actions { display:flex; flex-wrap:wrap; gap:23px; align-items:center; margin-top:29px; }
.mv-direction { position:relative; min-height:425px; min-width:0; }
@keyframes mv-ring-cw { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
@keyframes mv-ring-ccw { from { transform:rotate(360deg); } to { transform:rotate(0deg); } }
.mv-compass { position:absolute; width:345px; height:345px; left:50%; top:50%; transform:translate(-50%,-50%); }
.mv-compass-ring { position:absolute; inset:0; border:1px solid #bbcee8; border-radius:50%; background:radial-gradient(circle,#fff8 0,#edf4ff30 70%); }
.mv-compass-ring::before { content:""; position:absolute; inset:13px; border:1.5px dashed #a8c4ea; border-radius:50%; animation:mv-ring-cw 18s linear infinite; will-change:transform; }
.mv-compass-ring::after { content:""; position:absolute; top:7px; left:50%; width:11px; height:11px; border-radius:50%; background:var(--mv-blue); border:2px solid #fff; box-shadow:0 0 12px rgba(19,88,212,.75); transform-origin:center 165px; animation:mv-ring-cw 18s linear infinite; z-index:3; will-change:transform; }
.mv-ring-inner { inset:65px; border-color:#c3d6f0; background:transparent; }
.mv-ring-inner::before { inset:20px; border-style:dashed; border-color:#9ebbdf; animation:mv-ring-ccw 24s linear infinite; will-change:transform; }
.mv-ring-inner::after { content:""; position:absolute; top:14px; left:50%; width:10px; height:10px; border-radius:50%; background:#4f8df8; border:2px solid #fff; box-shadow:0 0 10px rgba(79,141,248,.75); transform-origin:center 93px; animation:mv-ring-ccw 24s linear infinite; z-index:3; will-change:transform; }
.mv-compass-axis { position:absolute; top:50%; left:27px; right:27px; height:1px; background:#cad9ec; }
.mv-axis-cross { transform:rotate(90deg); }
.mv-compass > span { position:absolute; color:#6b83a4; font-size:7px; font-weight:650; letter-spacing:1.8px; }
.mv-compass-n { top:24px; left:50%; transform:translateX(-50%); }
.mv-compass-s { bottom:24px; left:50%; transform:translateX(-50%); }
.mv-compass-e { top:50%; right:-40px; transform:rotate(90deg); }
.mv-compass-w { top:50%; left:-42px; transform:rotate(-90deg); }
.mv-compass-needle { position:absolute; width:40px; height:245px; left:calc(50% - 20px); top:calc(50% - 122px); background:linear-gradient(to bottom,#1358d4 50%,#d4e2f6 50%); clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); transform:rotate(35deg); animation:mv-needle-settle 1.8s ease-out both; }
.mv-compass-center { position:absolute; left:calc(50% - 28px); top:calc(50% - 28px); width:56px; height:56px; border:1px solid #d6e2f3; border-radius:50%; background:#fff; display:grid; place-items:center; color:var(--mv-blue); font-size:22px; box-shadow:0 4px 12px #325a8914; }
.mv-direction-note { position:absolute; border:1px solid #dce6f3; background:#fff; border-radius:9px; box-shadow:0 10px 30px #1d427713; padding:18px 22px; }
.mv-direction-note > span { display:flex; gap:9px; align-items:center; color:var(--mv-blue); font-size:8px; letter-spacing:1.1px; font-weight:700; }
.mv-direction-note > span i { font-size:14px; }
.mv-direction-note strong { display:block; font-size:15px; font-weight:600; margin:10px 0 5px; }
.mv-direction-note small { font-size:10px; color:#6b7e97; }
.mv-note-today { top:0; left:-12px; }
.mv-note-tomorrow { bottom:0; right:-12px; }
.mv-chapter-nav { display:grid; grid-template-columns:1.3fr repeat(4,1fr); align-items:center; gap:22px; padding:27px 0; border-top:1px solid var(--mv-line); border-bottom:1px solid var(--mv-line); }
.mv-chapter-nav > span { color:#6a7c94; font-size:8px; letter-spacing:1.5px; font-weight:650; }
.mv-chapter-nav a { display:flex; align-items:center; gap:12px; font-size:12px; font-weight:500; color:var(--mv-ink); }
.mv-chapter-nav a > span { font-size:10px; color:#7991b0; }
.mv-chapter-nav a > i { color:#6b86ac; margin-left:auto; }
.mv-chapter-nav a:hover { color:var(--mv-blue); }
.mv-main .mv-section { padding:90px 0; }
.mv-purpose-grid { display:grid; grid-template-columns:1fr 1fr; gap:95px; align-items:center; }
.mv-purpose-copy h2 span { color:var(--mv-blue); }
.mv-main .mv-lead { font-size:18px; color:#293f59; line-height:1.8; }
.mv-purpose-copy > a { margin-top:15px; }
.mv-focus-panel { padding:32px; border:1px solid #dce6f3; border-radius:12px; background:#f6f9fe; }
.mv-panel-heading { display:flex; gap:12px; align-items:center; margin-bottom:27px; }
.mv-panel-heading > i { width:42px; height:42px; display:grid; place-items:center; background:#e8f0ff; color:var(--mv-blue); border-radius:9px; font-size:22px; }
.mv-panel-heading > span { font-size:9px; font-weight:650; letter-spacing:1.3px; color:#547095; }
.mv-focus-panel article { display:flex; gap:18px; margin-top:25px; }
.mv-focus-panel article > span { font-size:10px; color:var(--mv-blue); padding-top:3px; font-weight:600; }
.mv-focus-panel h3 { font-size:17px; letter-spacing:-.3px; margin:0 0 9px; }
.mv-focus-panel p { font-size:13px; line-height:1.8; margin:0; }
.mv-panel-foot { border-top:1px solid #dce6f3; padding-top:22px; margin-top:27px; display:flex; gap:10px; align-items:center; font-size:10px; color:#5d7494; }
.mv-panel-foot i { color:var(--mv-blue); font-size:16px; }
.mv-main .mv-vision { background:#f5f8fc; }
.mv-vision-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:85px; align-items:center; }
.mv-horizon { background:#102940; border-radius:12px; padding:35px; position:relative; overflow:hidden; }
.mv-horizon .mv-eyebrow { color:#accfff; font-size:8px; letter-spacing:1.3px; }
.mv-horizon-art { height:235px; margin:20px 0 32px; position:relative; overflow:hidden; border-bottom:1px solid #6689b052; }
.mv-horizon-art > div { position:absolute; width:100%; height:110px; border:1px solid #5077a252; border-radius:50% 50% 0 0; bottom:-15px; }
.mv-horizon-art > div:nth-child(2) { width:76%; height:155px; left:12%; border-color:#789bc675; }
.mv-horizon-art > div:nth-child(3) { width:50%; height:190px; left:25%; border-color:#a2c7f399; background:linear-gradient(#689ee533,transparent); }
.mv-horizon-art > span { position:absolute; inset:0; display:grid; place-items:center; padding-bottom:24px; }
.mv-horizon-art i { font-size:66px; color:#a9ceff; }
.mv-horizon h3 { color:#fff; font-size:29px; line-height:1.25; letter-spacing:-.8px; margin:0 0 15px; }
.mv-horizon p { color:#b4c9e0; font-size:13px; margin:0; }
.mv-vision-copy > p { font-size:14px; }
.mv-vision-list { list-style:none; padding:0; margin:26px 0 0; }
.mv-vision-list li { display:flex; align-items:flex-start; gap:12px; margin-top:21px; font-size:12px; color:#63768f; line-height:1.8; }
.mv-vision-list i { color:var(--mv-blue); font-size:18px; }
.mv-vision-list strong { display:block; font-size:15px; font-weight:600; color:var(--mv-ink); margin-bottom:4px; }
.mv-values-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:90px; }
.mv-values-intro > p { max-width:365px; }
.mv-values-note { display:flex; gap:17px; align-items:center; padding-top:24px; margin-top:30px; border-top:1px solid var(--mv-line); max-width:350px; }
.mv-values-note i { color:var(--mv-blue); font-size:29px; }
.mv-values-note span { font-size:12px; line-height:1.8; color:#657c99; }
.mv-values-note strong { font-weight:500; color:var(--mv-ink); }
.mv-value-list details { border-bottom:1px solid var(--mv-line); padding:25px 0; }
.mv-value-list details:first-child { padding-top:0; }
.mv-value-list summary { display:flex; align-items:center; gap:20px; list-style:none; cursor:pointer; font-size:18px; font-weight:550; line-height:1.4; }
.mv-value-list summary::-webkit-details-marker { display:none; }
.mv-value-number { color:#7b92b1; font-size:11px; font-weight:500; }
.mv-value-list summary > i { font-size:15px; margin-left:auto; color:#6c87ab; transition:transform .2s; flex-shrink:0; }
.mv-value-list details[open] summary { color:var(--mv-blue); }
.mv-value-list details[open] summary > i { transform:rotate(45deg); }
.mv-value-content { padding-left:34px; }
.mv-value-content p { font-size:14px; margin:19px 0; }
.mv-value-content > div { background:#f5f8fd; border-left:2px solid #bad1f4; padding:15px 18px; font-size:12px; color:#5e7492; line-height:1.8; }
.mv-value-content > div > span { display:block; font-size:8px; letter-spacing:1.3px; font-weight:700; color:var(--mv-blue); margin-bottom:5px; }
.mv-main .mv-commitments { border-top:1px solid var(--mv-line); }
.mv-section-heading { display:flex; gap:50px; align-items:flex-end; justify-content:space-between; margin-bottom:40px; }
.mv-section-heading h2 { margin-bottom:0; }
.mv-section-heading > p { max-width:380px; margin-bottom:3px; }
.mv-commitment-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px; }
.mv-commitment { border-top:1px solid var(--mv-line); padding-top:27px; }
.mv-commitment > i { display:grid; place-items:center; width:44px; height:44px; background:#eef4ff; color:var(--mv-blue); border-radius:9px; font-size:22px; margin-bottom:23px; }
.mv-commitment > span { font-size:8px; color:#70839e; letter-spacing:1.1px; font-weight:650; }
.mv-commitment h3 { font-size:20px; letter-spacing:-.5px; margin:12px 0; }
.mv-commitment p { font-size:13px; }
.mv-commitment > div { font-size:10px; color:#486b9a; padding-top:6px; }
.mv-main .mv-next { padding-top:0; }
.mv-next-card { background:#eef4ff; border:1px solid #d9e5f8; border-radius:12px; padding:47px; display:flex; align-items:center; justify-content:space-between; gap:45px; }
.mv-next-card h2 { font-size:38px; }
.mv-next-card p { max-width:500px; font-size:14px; margin:0; }
.mv-next-actions { display:flex; flex-direction:column; gap:22px; align-items:center; flex-shrink:0; }
.mv-next-actions .mv-text-link { font-size:12px; }
.mv-reveal { opacity:1; transform:none; }
.mv-reveal.is-pending { opacity:0; transform:translateY(16px); }
.mv-reveal.is-visible { opacity:1; transform:none; transition:opacity .55s ease,transform .55s ease; }
@keyframes mv-needle-settle { from { transform:rotate(5deg); } to { transform:rotate(35deg); } }
@media(min-width:1200px) { .mission-vision-page .navmenu > ul > li > a { padding-left:16px; padding-right:16px; } }
@media(max-width:1199px) {
  .mv-hero-grid { gap:40px; }.mv-main h1 { font-size:54px; }.mv-compass { width:310px; height:310px; }.mv-note-today { left:0; }.mv-note-tomorrow { right:0; }
  .mv-purpose-grid,.mv-vision-grid,.mv-values-grid { gap:50px; }.mv-focus-panel { padding:27px; }.mv-chapter-nav { gap:17px; }.mv-horizon { padding:29px; }.mv-next-card { padding:35px; gap:30px; }
}
@media(max-width:991px) {
  .mv-hero-grid { grid-template-columns:1fr; padding-top:40px; gap:35px; }.mv-hero-copy { max-width:620px; }.mv-main h1 { font-size:58px; }.mv-hero-copy > p { max-width:580px; }
  .mv-direction { width:100%; max-width:480px; margin:0 auto; min-height:420px; }.mv-compass { width:340px; height:340px; }.mv-chapter-nav { grid-template-columns:repeat(4,1fr); gap:25px; }.mv-chapter-nav > span { grid-column:1/-1; }
  .mv-main .mv-section { padding:70px 0; }.mv-purpose-grid { gap:30px; }.mv-focus-panel { padding:24px; }.mv-focus-panel article { gap:12px; }.mv-panel-heading { gap:10px; }.mv-panel-heading > span { font-size:8px; }
  .mv-vision-grid { gap:35px; }.mv-horizon { padding:26px; }.mv-horizon h3 { font-size:26px; }.mv-horizon-art { height:220px; }.mv-values-grid { gap:40px; }.mv-value-list summary { font-size:16px; gap:15px; }
  .mv-value-content { padding-left:29px; }.mv-section-heading > p { max-width:310px; }.mv-commitment-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:35px; }.mv-main .mv-next { padding-top:0; }.mv-next-card h2 { font-size:32px; }
}
@media(max-width:767px) {
  .mv-main .container { padding-left:22px; padding-right:22px; }.mv-main h1 { font-size:50px; letter-spacing:-2px; }.mv-main h2 { font-size:34px; }.mv-hero-copy > p { font-size:16px; }
  .mv-chapter-nav { grid-template-columns:1fr 1fr; gap:23px 32px; }.mv-chapter-nav a { font-size:12px; }.mv-purpose-grid,.mv-vision-grid,.mv-values-grid { grid-template-columns:1fr; gap:35px; }
  .mv-purpose-copy h2 br { display:none; }.mv-vision-copy { order:-1; }.mv-horizon { padding:30px; }.mv-horizon-art { height:205px; margin-bottom:24px; }.mv-horizon-art > div { width:80%; left:10%; }
  .mv-horizon h3 { font-size:28px; }.mv-values-intro > p { max-width:100%; }.mv-values-note { display:none; }.mv-section-heading { display:block; }.mv-section-heading > p { max-width:100%; margin:20px 0 0; }
  .mv-next-card { display:block; padding:32px; }.mv-next-actions { align-items:flex-start; margin-top:27px; }.mv-value-list summary { font-size:17px; }
}
@media(max-width:479px) {
  .mission-vision-page .header .logo img { max-height:39px; }.mission-vision-page .header .btn-getstarted { padding:9px 12px; font-size:12px; }.mv-eyebrow { font-size:8px; letter-spacing:1.3px; }
  .mv-main .mv-hero { padding-top:23px; }.mv-hero-grid { padding-top:35px; padding-bottom:38px; }.mv-main h1 { font-size:44px; letter-spacing:-2px; }.mv-actions { gap:24px; flex-direction:column; align-items:flex-start; }
  .mv-button { padding:15px 20px; font-size:13px; }.mv-direction { min-height:380px; }.mv-compass { width:275px; height:275px; }.mv-compass-e { right:-34px; }.mv-compass-w { left:-34px; }.mv-compass > span { font-size:6px; letter-spacing:1.1px; }
  .mv-ring-inner { inset:48px; }.mv-compass-needle { height:195px; top:calc(50% - 97px); width:32px; left:calc(50% - 16px); }.mv-direction-note { padding:14px 17px; }.mv-direction-note strong { font-size:13px; }.mv-direction-note small { font-size:9px; }
  .mv-note-today { top:4px; left:0; }.mv-note-tomorrow { bottom:0; right:0; }.mv-main .mv-section { padding:55px 0; }.mv-main h2 { font-size:32px; }.mv-main .mv-lead { font-size:17px; }.mv-focus-panel { padding:25px; }
  .mv-panel-foot { align-items:flex-start; font-size:10px; }.mv-horizon { padding:27px; }.mv-horizon .mv-eyebrow { font-size:7px; }.mv-value-list summary { font-size:16px; gap:12px; }.mv-value-content { padding-left:25px; }.mv-value-content > div { padding:13px; }
  .mv-commitment-grid { grid-template-columns:1fr; gap:28px; }.mv-commitment { padding-left:62px; position:relative; padding-top:24px; }.mv-commitment > i { position:absolute; top:25px; left:0; }.mv-commitment h3 { font-size:20px; }.mv-main .mv-next { padding-top:0; }.mv-next-card { padding:26px; }.mv-next-card h2 { font-size:30px; }
}
@media(prefers-reduced-motion:reduce) {
  .mv-main *, .mv-main *::before,.mv-main *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  .mv-reveal.is-pending { opacity:1; transform:none; }:root { scroll-behavior:auto; }
}