/* ================================================================
   OneVis / Visual Identity Refresh · 2026
   Brand reference: Vis identity moodboard shared by the site owner.
   Four core colors: #07193E, #2563EB, #EAF2FF, #FFFFFF.
   Loaded after styles.css so existing HTML components remain intact.
   ================================================================ */
:root {
  --navy:#07193E;
  --navy-2:#07193E;
  --card:#FFFFFF;
  --ink:#0B1732;
  --muted:#53617B;
  --line:#E0E8F4;
  --brand:#2563EB;
  --brand-dark:#1749C7;
  --accent:#EAF2FF;
  --bg-soft:#F2F6FD;
  --radius:20px;
  --shadow:0 14px 50px rgba(7,25,62,.07);
  --maxw:1200px;
  --electric:#2563EB;
  --night:#07193E;
  --ice:#EAF2FF;
}
*, *::before, *::after {box-sizing:border-box}
html {scroll-padding-top:92px}
body {
  font-family:'Poppins',Arial,sans-serif;
  background:#FFFFFF; color:var(--ink); font-size:15px; line-height:1.8;
  overflow-x:hidden;
}
.container {max-width:var(--maxw);padding:0 32px}
::selection {background:#B4CBFF;color:#07193E}
a {color:#194FCB}
a:hover {color:var(--brand)}
:focus-visible {outline:3px solid #74A0FF;outline-offset:3px}
h1,h2,h3,h4 {font-family:'Poppins',sans-serif;letter-spacing:-.045em;line-height:1.13;color:var(--ink)}
h1 {font-size:clamp(3.05rem,5.9vw,5.1rem);font-weight:800}
h2 {font-size:clamp(2rem,3.3vw,3.1rem);font-weight:700;color:var(--ink)}
h3 {font-size:1.2rem;font-weight:700;letter-spacing:-.025em}
p.lead {font-size:1.05rem;line-height:1.85}
section {padding:94px 0}
section.soft {background:#F2F6FD}
.section-head {max-width:760px;margin-bottom:48px}
.section-head h2 {max-width:760px}
.section-head h2::after {width:42px;height:3px;margin:20px auto 0;background:var(--electric)}
.section-head p {font-size:1rem;line-height:1.85}
.eyebrow {background:#EAF2FF;color:#2055CB;font-size:.72rem;letter-spacing:.13em}

/* Navigation: floating dark-glass bar, centered content */
header.site-header,
header.site-header.scrolled {
  background:rgba(5,14,32,.96);
  backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:0 8px 32px rgba(0,0,0,.16);
}
.nav {height:86px;gap:20px}
.logo {flex-shrink:0;color:white}
.logo img {width:auto;height:47px;max-width:230px;object-fit:contain;filter:none}
nav.main-nav {gap:27px}
nav.main-nav a {color:#CAD6ED;font-size:.89rem;font-weight:500;letter-spacing:-.008em}
nav.main-nav a:hover,nav.main-nav a.active {color:#FFFFFF}
nav.main-nav a:not(.btn)::before {bottom:-9px;height:2px;background:#4A8EFF}
nav.main-nav a:not(.btn):hover::before,nav.main-nav a.active::before {width:100%}
nav.main-nav .btn {color:#FFFFFF;font-size:.84rem;padding:11px 19px}
.nav-toggle {color:#FFFFFF;border:1px solid rgba(255,255,255,.22);width:44px;height:44px;border-radius:12px;font-size:1.35rem;line-height:1}
.scroll-progress {height:3px;background:linear-gradient(90deg,#2563EB,#9BC7FF);z-index:1001}

/* Interaction surfaces */
.btn {font-family:inherit;border-radius:11px;padding:14px 24px;font-weight:600;font-size:.92rem;letter-spacing:-.012em;line-height:1.45;box-shadow:none;transition:transform .25s ease, box-shadow .25s ease,background .25s ease}
.btn::after {opacity:.25}
.btn-primary {background:#2563EB;color:white;box-shadow:0 12px 30px rgba(37,99,235,.24)}
.btn-primary:hover {background:#1D55D8;transform:translateY(-3px);box-shadow:0 16px 35px rgba(37,99,235,.36);color:white}
.btn-outline {background:transparent;border:1px solid #CAD6EF;color:var(--ink)}
.btn-outline:hover {background:#EAF2FF;border-color:#97B8FF;color:#07193E;box-shadow:0 12px 28px rgba(7,25,62,.06)}
.btn-light {background:white;color:#07193E;border:1px solid #FFFFFF}
.btn-light:hover {color:#07193E}
.hero .btn-outline {color:white;border-color:rgba(207,222,255,.32);background:rgba(255,255,255,.04)}
.hero .btn-outline:hover {background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.55)}

/* Dark, brand-led landing hero */
.page-index .hero {padding:94px 0 110px;position:relative;min-height:700px;color:white;text-align:left;background:radial-gradient(800px 530px at 80% 40%,rgba(18,68,178,.36),transparent 76%),linear-gradient(145deg,#050D1F 0%,#07193E 64%,#0A1C43 100%)}
.page-index .hero::before {background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 15%,black 100%);animation:none}
.page-index .hero::after {width:690px;height:690px;right:-250px;top:-110px;opacity:1;background:radial-gradient(circle,rgba(32,94,236,.32),rgba(22,81,233,0) 69%)}
.page-index .hero .container {z-index:2}
.page-index .hero-grid {display:grid;grid-template-columns:1.01fr .99fr;gap:62px;align-items:center}
.hero-copy {position:relative;z-index:2}
.hero-kicker {display:inline-flex;gap:12px;align-items:center;margin-bottom:30px;color:#A4C4FF;font-size:.69rem;font-weight:700;letter-spacing:.22em}
.kicker-dot {width:9px;height:9px;background:#4687FF;box-shadow:0 0 0 6px rgba(37,99,235,.16);border-radius:50%}
.page-index .hero h1 {color:white;max-width:680px;font-size:clamp(3.15rem,5.1vw,5.25rem);letter-spacing:-.062em;line-height:1.08;font-weight:750}
.page-index .hero h1 span {color:#77B3FF;background:none;-webkit-text-fill-color:initial;animation:none}
.page-index .hero p.lead {color:#B6C4E0;max-width:550px;margin:24px 0 32px;font-size:1rem;line-height:1.95}
.hero-cta {gap:13px;align-items:center}
.hero-cta .btn {display:inline-flex;align-items:center;gap:21px}
.hero-cta .btn span {font-size:1.15rem;line-height:1}
.hero-proof {display:flex;align-items:center;gap:28px;margin-top:54px;color:white}
.hero-proof-rail {width:3px;height:49px;border-radius:3px;background:var(--electric)}
.hero-proof > div {display:flex;flex-direction:column;gap:1px}
.hero-proof b {font-size:1.26rem;color:white;font-weight:700;line-height:1.2;letter-spacing:-.03em}
.hero-proof small {font-size:.72rem;font-weight:400;color:#9BABCE}
.hero-proof-div {width:1px;height:28px;background:rgba(255,255,255,.2)}
.hero-side-label {position:absolute;right:14px;bottom:23px;color:#7892C1;font-size:.58rem;letter-spacing:.26em;writing-mode:horizontal-tb;opacity:.7}
.page-index .hero-visual {position:relative;animation:none;will-change:transform;z-index:2}
.page-index .vision-canvas {height:480px;border:1px solid rgba(167,200,255,.19);border-radius:27px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:26px;overflow:hidden;background:#08152F url('images/electric-wave.svg') center / cover no-repeat;box-shadow:0 34px 90px rgba(0,3,18,.45),0 0 0 10px rgba(255,255,255,.018)}
.vision-canvas::before {content:'';position:absolute;inset:0;background:linear-gradient(125deg,rgba(4,12,32,.16),transparent 50%,rgba(5,15,44,.3));pointer-events:none}
.canvas-toolbar,.canvas-foot {z-index:2;position:relative;display:flex;align-items:center;justify-content:space-between}
.canvas-corner,.canvas-status,.canvas-foot {font-size:.61rem;font-weight:500;letter-spacing:.17em;color:#B9CBED}
.canvas-status {display:flex;align-items:center;gap:9px}
.canvas-status i {width:6px;height:6px;border-radius:50%;background:#6DB3FF;box-shadow:0 0 10px #70AEFF}
.vision-mark {display:flex;justify-content:center;align-items:center;gap:12px;position:relative;z-index:1;filter:drop-shadow(0 9px 24px rgba(0,0,0,.26));white-space:nowrap}
.vision-mark img {width:124px;height:auto;max-width:none!important;box-shadow:none!important;filter:none!important;border:0!important;background:transparent!important;animation:none!important}
.vision-mark span {font-size:clamp(2.5rem,3.15vw,3.85rem);letter-spacing:-.065em;font-weight:800;line-height:1.1;color:white}
.canvas-foot {justify-content:center;gap:18px;color:#DCE9FF;font-size:.67rem}
.canvas-foot span+span::before {content:'·';color:#73A5FF;margin-right:18px}
.visual-caption {display:flex;align-items:center;gap:12px;margin:19px 8px 0;color:#9AAECF;font-size:.7rem;font-weight:500;letter-spacing:.01em}
.mini-spark {color:#70A9FF;font-size:18px;line-height:1}
.page-index .hero .fx {display:none}

/* Interior page intro: dark with luminous edge art */
.page-hero {background:radial-gradient(500px 420px at 84% 30%,rgba(37,99,235,.37),transparent 72%),linear-gradient(110deg,#050D20,#07193E 70%,#0B265B);color:white;padding:102px 0 94px;position:relative;overflow:hidden;border-bottom:0}
.page-hero::before {content:'';position:absolute;inset:0;background:url('images/electric-wave.svg') right 28% / min(980px,84%) auto no-repeat;opacity:.13;pointer-events:none}
.page-hero::after {background:radial-gradient(circle,rgba(49,111,255,.2),transparent 65%)}
.page-hero .container {max-width:980px}
.page-eyebrow {color:#91BCFF;font-size:.72rem;letter-spacing:.23em;font-weight:600;margin-bottom:20px}
.page-hero h1 {color:#FFFFFF;font-size:clamp(2.8rem,5vw,4.25rem);font-weight:700;letter-spacing:-.055em;max-width:920px;margin:auto}
.page-hero p {font-size:1.02rem;color:#C0CEEA;max-width:680px;margin:20px auto 0;line-height:1.8}
.page-hero .fx {display:none}

/* Cards and grids: calm, editorial shapes */
.card {background:#FFFFFF;border:1px solid #E0E8F4;border-radius:18px;padding:30px;box-shadow:0 10px 35px rgba(7,25,62,.05)}
.card:hover {box-shadow:0 20px 55px rgba(7,25,62,.10);border-color:#B8CDF5;transform:translateY(-4px)}
.card .icon {background:#EAF2FF;color:#2563EB;border-radius:12px}
.card .icon svg {color:#2563EB}
.card p {color:#53617B;line-height:1.8}
.card h3 {font-weight:700}
.card ul li {line-height:1.72}
.tag-chip,.category-tag {background:#EAF2FF;color:#2155CC;font-size:.7rem;font-weight:700;letter-spacing:.02em;border-radius:7px;padding:6px 11px}
.work-card {padding:0}
.work-card .shot {height:194px;background:linear-gradient(130deg,#061535,#123A82)}
.work-card .shot.shot-img {background:#07193E}
.work-card .shot.shot-img::after {background:linear-gradient(160deg,rgba(7,25,62,.14),rgba(7,25,62,.85))}
.work-card .shot small {color:#C6D9FF}
.work-card .body {padding:28px}
.work-card .body h3 {font-size:1.2rem;letter-spacing:-.03em}
.work-card .shot.shot-img img {filter:drop-shadow(0 8px 20px rgba(0,0,0,.44))}
.work-card .shot img.logo-white {filter:brightness(0) invert(1)}
.two-col {gap:72px}
.section-img {border-radius:18px;box-shadow:0 20px 55px rgba(7,25,62,.12)}
.check-list li {color:#2A3852;line-height:1.8}
.check-list li::before,.card ul li::before {filter:contrast(1.15) saturate(1.6)}
.section-head.reveal.visible h2::after {background:#2563EB}

/* Client trust strip on midnight navy */
.logo-strip {background:#07132C;padding:47px 0}
.logo-strip .strip-title {color:#B6C9EB;letter-spacing:.19em;font-size:.72rem;font-weight:600;margin-bottom:28px}
.logos img {height:78px;max-width:190px}
.logo-strip .logo-fallback-text {font-size:.69rem;font-weight:600;color:#D7E5FF;letter-spacing:.02em;text-align:center;padding:13px 15px;border:1px solid rgba(177,205,255,.2);border-radius:10px;white-space:nowrap;background:rgba(255,255,255,.04);display:inline-flex;align-items:center;justify-content:center}
.marquee .marquee-track {animation-duration:100s;gap:34px}

/* Metrics, FAQs and results */
.stats-band {background:#07193E;border:none;padding:58px 0;color:white}
.stats-band b {background:none;color:white;-webkit-text-fill-color:initial;font-size:3rem;letter-spacing:-.05em;font-weight:800}
.stats-band small {color:#B5C7E8;font-size:.85rem;font-weight:500}
.hero-stats .stat b {color:#2563EB}
.story .hero-stats .stat b {color:#2563EB}
.industry-group h3 {font-size:.78rem;color:#5A6C8A;letter-spacing:.17em}
.cl-row {border-bottom:1px solid #DFE7F4;padding:27px 0}
.cl-logo {background:#07193E;border-radius:16px;box-shadow:0 8px 20px rgba(7,25,62,.08)}
.cl-result,.result-tag {background:#EAF2FF;color:#2155C9;border-radius:7px}
details.faq {border:1px solid #E1EAF5;border-radius:13px;box-shadow:none;margin-bottom:12px;padding:22px 25px}
details.faq[open] {border-color:#9ABEFF;box-shadow:0 10px 30px rgba(7,25,62,.05)}
details.faq summary {font-size:.98rem;font-weight:600;color:#07193E;line-height:1.7}
details.faq summary::after {color:#2563EB}

/* About + team */
.person .team-photo {border:2px solid #DDE8FA;box-shadow:0 14px 36px rgba(7,25,62,.08)}
.person:hover .team-photo {border-color:#2563EB}
.person .team-role {color:#2563EB!important}
.story p {color:#52627A;font-size:1.03rem;line-height:1.9}
.charity-grid img {border-color:#E1E9F4}

/* Forms */
.form-row {gap:18px}
label {color:#152442;font-size:.79rem;font-weight:600;margin-bottom:8px}
input,select,textarea {background:#FAFCFF;border:1px solid #D9E3F1;border-radius:10px;font-family:inherit;font-size:.88rem;padding:15px 16px;box-shadow:none;transition:border-color .2s ease, box-shadow .2s ease}
input:focus,select:focus,textarea:focus {outline:none;border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.13)}
input::placeholder,textarea::placeholder {color:#8899B2}
form.contact-form {gap:21px}
form.contact-form .btn-primary {border:0}
.form-sent .tick {background:#EAF2FF;color:#2563EB}

/* CTA area: cinematic, without the previous giant trapezoid edge */
.cta-band {background:linear-gradient(112deg,#07193E 0%,#0B2F76 50%,#1747B0 100%);background-size:cover;animation:none;border-radius:0;clip-path:none;padding:100px 0}
.cta-band::before {width:1200px;height:850px;top:-450px;left:-240px;background:url('images/electric-wave.svg') center/cover no-repeat;opacity:.32;animation:none;filter:none}
.cta-band::after {background:radial-gradient(circle,rgba(37,99,235,.35),transparent 70%);animation:none}
.cta-band h2 {color:white;font-size:clamp(2.2rem,4.4vw,3.9rem);font-weight:750;letter-spacing:-.05em;max-width:850px;margin:0 auto}
.cta-band p {color:#C7D5EE;font-size:1rem;margin:22px auto 29px}
.cta-band .btn-light {background:#FFFFFF;color:#07193E}
.cta-band .fx {display:none}

/* Contact, legal and footer */
.legal h2 {color:#07193E;font-size:1.3rem;letter-spacing:-.025em}
.legal p,.legal ul {color:#52617A}
footer.site-footer {background:#050D1F;border-top:1px solid rgba(255,255,255,.08);color:#A8B8D7;padding:80px 0 28px}
.footer-grid {grid-template-columns:1.65fr 1fr 1fr 1.2fr;gap:44px;margin-bottom:54px}
.footer-grid h4 {color:#FFFFFF;font-weight:600;letter-spacing:-.01em;font-size:.92rem;margin-bottom:20px}
.footer-grid p {color:#9CADCC;font-size:.85rem;line-height:1.8;max-width:315px}
.footer-grid li {margin-bottom:10px}
.footer-grid a,.footer-bottom a {color:#A8B8D7;font-size:.84rem}
.footer-grid a:hover,.footer-bottom a:hover {color:#FFFFFF}
.site-footer .logo img {background:transparent;padding:0;border-radius:0;box-sizing:border-box;width:auto;height:51px;max-width:220px}
.footer-bottom {border-top:1px solid rgba(255,255,255,.12);color:#8093B8;font-size:.75rem;padding-top:26px}
.footer-bottom a {font-size:inherit}

/* Custom brand fallback for unsupplied client logos and photos; no fake photo replacement. */
.media-fallback {font-family:'Poppins',sans-serif;background:linear-gradient(145deg,#07193E,#153875);color:#E7EEFF;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;border-radius:12px;border:1px solid rgba(200,222,255,.2);padding:12px;font-size:.76rem;font-weight:600;line-height:1.45}
.person .media-fallback {width:132px;height:132px;border-radius:50%;margin:0 auto 16px;background:#EAF2FF;color:#2454A9;border:1px solid #D7E5FE;font-size:1.5rem}
.founder-feature .media-fallback {width:196px;height:196px;font-size:2rem}
.partner-row .media-fallback {width:158px;height:158px}
.cl-logo .media-fallback {width:100%;height:100%;padding:4px;font-size:.7rem;background:none;border:0;color:white}
.logo-avatar .media-fallback {width:100%;height:100%;background:#07193E;color:white;padding:4px;font-size:.55rem}
.work-card .shot .media-fallback {width:80%;min-height:62px;padding:14px;background:rgba(0,0,0,.14);border:1px solid rgba(255,255,255,.22);font-size:.9rem}
.circle-item .media-fallback {width:124px;height:124px;border-radius:50%;margin:0 auto 12px}
.charity-grid .media-fallback,.team-group .media-fallback {width:100%;min-height:220px;background:#EAF2FF;color:#3B527A;border:1px dashed #AAC2E6}
.logo-strip .logo-fallback-text {min-height:52px}
.missing-image-label {color:inherit}

/* Offer CTA was in existing source; bring it into approved blue family. */
.hero-pill {color:#CDE0FF;background:rgba(37,99,235,.22);border:1px solid rgba(158,195,255,.37);box-shadow:none;animation:none}
.offer-band {background:linear-gradient(110deg,#07193E,#0F3E95,#2563EB);box-shadow:0 25px 60px rgba(7,25,62,.19)}
.offer-glow {background:radial-gradient(circle at 20% 30%,rgba(163,198,255,.22),transparent 35%);animation:none}
.offer-kicker {background:#EAF2FF;color:#1647A6}
.offer-points li::before {background-color:#EAF2FF}

/* Visual polish and accessible reduced-motion setting */
@media (prefers-reduced-motion:reduce) {
 .btn,.card {transition:none!important;transform:none!important}
 .hero::before,.hero::after,.page-hero::after,.cta-band::before,.cta-band::after {animation:none!important}
 .marquee .marquee-track {animation:none!important;transform:none!important}
}
@media (max-width:1100px){
 .page-index .hero-grid {gap:35px}
 .page-index .hero h1 {font-size:clamp(2.7rem,5vw,4.25rem)}
 .page-index .vision-canvas {height:415px}
 .vision-mark img {width:105px}
 .vision-mark span {font-size:2.9rem}
 .footer-grid {gap:28px}
}
@media (max-width:900px){
 .container {padding:0 24px}
 .nav {height:76px}
 .logo img {height:43px}
 nav.main-nav {position:absolute;top:76px;left:0;right:0;display:none;background:#06132E;gap:0;padding:12px 24px 22px;box-shadow:0 24px 35px rgba(0,5,18,.35);align-items:stretch;border-bottom:1px solid rgba(255,255,255,.12)}
 nav.main-nav.open {display:flex}
 nav.main-nav a {padding:13px 0;border-bottom:1px solid rgba(255,255,255,.065);font-size:1rem}
 nav.main-nav a:not(.btn)::before {display:none}
 nav.main-nav .btn {margin-top:14px;text-align:center;border:0;padding:14px 20px}
 .page-index .hero {padding:84px 0 88px;min-height:0}
 .page-index .hero-grid {grid-template-columns:1fr;gap:50px}
 .page-index .hero h1 {max-width:740px;font-size:clamp(3.5rem,7.2vw,5.3rem)}
 .page-index .hero p.lead {max-width:660px}
 .page-index .hero-visual {max-width:670px;width:100%;margin:0 auto}
 .page-index .vision-canvas {height:415px}
 .vision-mark span {font-size:3.5rem}
 .vision-mark img {width:135px}
 .two-col {gap:40px}
 .footer-grid {grid-template-columns:repeat(2,1fr);gap:35px 50px}
}
@media (max-width:600px){
 body {font-size:14px}
 .container {padding:0 20px}
 h2 {font-size:clamp(1.9rem,7.6vw,2.65rem)}
 .logo img {height:40px;max-width:190px}
 section {padding:67px 0}
 .section-head {margin-bottom:32px}
 .page-index .hero {padding:69px 0 72px}
 .hero-kicker {font-size:.61rem;letter-spacing:.18em;margin-bottom:22px}
 .page-index .hero h1 {font-size:clamp(2.9rem,10.9vw,4.35rem);letter-spacing:-.055em}
 .page-index .hero p.lead {font-size:.93rem;line-height:1.85;margin:20px 0 26px}
 .hero-cta {flex-direction:column;align-items:stretch;gap:10px}
 .hero-cta .btn {width:100%;justify-content:center;padding:15px 18px}
 .hero-proof {gap:15px;margin-top:35px;flex-wrap:wrap}
 .hero-proof b {font-size:1.08rem}
 .hero-proof small {font-size:.66rem}
 .hero-proof-div {height:22px}
 .page-index .hero-grid {gap:42px}
 .page-index .vision-canvas {height:335px;padding:18px;border-radius:19px}
 .canvas-corner,.canvas-status {font-size:.48rem;letter-spacing:.08em}
 .vision-mark {gap:4px}
 .vision-mark img {width:85px}
 .vision-mark span {font-size:clamp(2.3rem,9vw,3.6rem)}
 .canvas-foot {font-size:.58rem}
 .visual-caption {font-size:.65rem;margin-left:0}
 .hero-side-label {display:none}
 .page-hero {padding:76px 0 72px}
 .page-hero h1 {font-size:clamp(2.5rem,10vw,3.5rem)}
 .page-hero p {font-size:.9rem}
 .page-eyebrow {font-size:.65rem}
 .footer-grid {grid-template-columns:1fr 1fr;gap:33px 18px}
 .footer-grid>div:first-child {grid-column:1 / -1}
 .footer-grid>div:last-child {grid-column:1 / -1}
 .footer-grid p {max-width:none}
 footer.site-footer {padding:61px 0 26px}
 .footer-bottom {gap:12px}
 .logo-strip .logo-fallback-text {width:100%;white-space:normal}
 .page-index .hero::after {right:-390px}
 .form-row {grid-template-columns:1fr}
 .founder-feature .media-fallback {width:144px;height:144px}
 .partner-row .media-fallback {width:136px;height:136px}
 .work-card .shot {height:170px}
 .offer-band {padding:32px 25px}
}

/* Official VIS eye-and-wordmark logo, traced cleanly from the approved non-pixel reference. */
.site-header .logo img {height:48px;max-width:250px;display:block;object-fit:contain}
.site-footer .logo img {height:45px;max-width:235px;display:block;object-fit:contain}
.page-index .vision-mark {padding:0;filter:drop-shadow(0 18px 26px rgba(0,0,0,.28))}
.page-index .vision-mark img {width:min(91%, 385px);height:auto;max-height:315px;max-width:385px!important;object-fit:contain;box-shadow:none;border:0}
@media(max-width:720px){.site-header .logo img{height:39px;max-width:194px}.site-footer .logo img{height:43px}.page-index .vision-mark img {width:min(93%, 265px);max-height:225px}}

/* Official smooth VIS identity: the same horizontal eye+wordmark is used across every page. */
.site-header .logo img {height:49px;max-width:260px;width:auto}
.site-footer .logo img {height:46px;max-width:245px;width:auto}
.page-index .vision-mark {width:100%;filter:drop-shadow(0 16px 32px rgba(0,0,0,.2));}
.page-index .vision-mark img {display:block;width:min(95%,515px);max-width:515px!important;max-height:none;height:auto;object-fit:contain;margin:auto;}
@media(max-width:960px){.page-index .vision-mark img{width:min(98%,490px);}}
@media(max-width:720px){.site-header .logo img{height:40px;max-width:200px}.site-footer .logo img{height:42px;max-width:200px}.page-index .vision-mark img{width:min(97%,340px);max-width:340px!important;}}