/* SeeJay v7 targeted readability, spacing and brand-colour fix.
   Built as a final override so the original v7 layout, motion and content remain intact. */
:root{
  --sj-blue:#4069aa;
  --sj-blue-light:#8fb7e0;
  --sj-blue-pale:#eef5fc;
  --sj-navy:#102a42;
  --sj-navy-2:#173a5b;
  --vz-orange:#ff5215;
  --vz-orange-light:#ff8a4c;
  --vz-amber:#ffa400;
  --ink:#122538;
  --muted:#607286;
  --paper:#fbfaf7;
  --paper-2:#f3f6fa;
}

html{scroll-padding-top:118px!important}
body.motion-v7{background:#f4f1eb!important;color:var(--ink)!important}
body.motion-v7 .section{scroll-margin-top:118px!important;padding:88px 0!important}
body.motion-v7 .section-intro{margin-bottom:38px!important;gap:46px!important;align-items:start!important}
body.motion-v7 .section:before{font-size:clamp(64px,8vw,118px)!important;top:24px!important;opacity:.65!important;color:rgba(64,105,170,.055)!important}
body.motion-v7 .section.alt:before,
body.motion-v7 .section.dark:before,
body.motion-v7 #search:before,
body.motion-v7 #investment:before{color:rgba(255,255,255,.045)!important}

/* Header: keep both brand logos visible and readable */
body.motion-v7 .site-header{top:14px!important}
body.motion-v7 .nav-shell{
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(27,55,84,.10)!important;
  box-shadow:0 18px 48px rgba(16,42,66,.11)!important;
}
body.motion-v7 .brand-lockup{gap:12px!important;min-width:max-content!important}
body.motion-v7 .seejay-logo{width:54px!important;height:54px!important;padding:7px!important;background:#fff!important;box-shadow:0 8px 22px rgba(64,105,170,.10)!important}
body.motion-v7 .vynzo-logo{display:block!important;width:100px!important;height:27px!important;object-fit:contain!important}
body.motion-v7 .brand-divider{display:block!important;width:1px!important;height:28px!important;background:linear-gradient(180deg,rgba(64,105,170,.24),rgba(255,82,21,.28))!important}
body.motion-v7 .brand-lockup::after{content:"Growth Proposal"!important;font:800 12px/1.1 Manrope,sans-serif!important;color:#52677b!important;letter-spacing:.04em!important;white-space:nowrap!important}
body.motion-v7 .desktop-nav a{color:#334b61!important}
body.motion-v7 .desktop-nav a:hover,
body.motion-v7 .desktop-nav a.active{color:#102a42!important;border-color:rgba(64,105,170,.12)!important}
body.motion-v7 .desktop-nav .tech-link{background:linear-gradient(135deg,var(--sj-blue),var(--sj-navy-2))!important;color:#fff!important;border-color:transparent!important}
body.motion-v7 .scroll-meter{background:linear-gradient(90deg,var(--sj-blue),var(--vz-orange))!important}
body.motion-v7 .motion-progress-rail a.active{background:var(--vz-orange)!important;border-color:var(--vz-orange)!important;box-shadow:0 0 0 5px rgba(255,82,21,.14)!important}
body.motion-v7 .motion-progress-rail a::after{background:#fff!important;color:#17324a!important;box-shadow:0 10px 24px rgba(16,42,66,.12)!important}

/* Replace the green accent language with SeeJay blue + Vynzo orange */
body.motion-v7 .proposal-label{color:#d8eaff!important}
body.motion-v7 .proposal-label span{background:var(--vz-orange)!important}
body.motion-v7 h1 em{color:#ffd0bd!important;text-shadow:0 0 30px rgba(255,82,21,.18)!important}
body.motion-v7 .primary-btn{background:linear-gradient(135deg,var(--vz-orange),var(--vz-orange-light))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 28px rgba(255,82,21,.20)!important}
body.motion-v7 .section-kicker{color:var(--sj-blue)!important}
body.motion-v7 .section-kicker:before{background:currentColor!important}
body.motion-v7 .section.alt .section-kicker,
body.motion-v7 .section.dark .section-kicker,
body.motion-v7 #search .section-kicker,
body.motion-v7 #investment .section-kicker,
body.motion-v7 #technology .section-kicker{color:var(--sj-blue-light)!important}
body.motion-v7 .pulse{background:var(--vz-orange)!important;box-shadow:0 0 0 0 rgba(255,82,21,.35)!important}
body.motion-v7 .engine .num{background:rgba(64,105,170,.16)!important;color:#d9eaff!important}
body.motion-v7 .included-tag{background:rgba(255,82,21,.12)!important;border-color:rgba(255,82,21,.28)!important;color:#ffe0d2!important}
body.motion-v7 .ring{border-color:rgba(64,105,170,.20)!important;background:conic-gradient(var(--sj-blue-light) 0 290deg,rgba(255,255,255,.11) 290deg 360deg)!important}
body.motion-v7 .tab-btn.active{background:var(--sj-navy)!important;color:#fff!important}
body.motion-v7 .m6{color:var(--vz-orange)!important}
body.motion-v7 .ribbon{background:linear-gradient(135deg,var(--vz-orange),var(--vz-orange-light))!important;color:#fff!important}

/* Section background system: light sections stay light, dark sections stay properly dark */
body.motion-v7 .section:not(.alt):not(.dark) .shell::before{background:linear-gradient(180deg,#ffffff,#fbfcfd)!important;box-shadow:0 22px 58px rgba(16,42,66,.07)!important}
body.motion-v7 .section.alt .shell::before,
body.motion-v7 .section.dark .shell::before,
body.motion-v7 #search .shell::before,
body.motion-v7 #investment .shell::before,
body.motion-v7 #technology .shell::before{background:linear-gradient(180deg,#102a42,#173a5b)!important;box-shadow:0 26px 64px rgba(16,42,66,.18)!important}

/* Intro readability */
body.motion-v7 .section-intro h2{color:var(--ink)!important}
body.motion-v7 .section-intro p{color:var(--muted)!important}
body.motion-v7 .section.alt .section-intro h2,
body.motion-v7 .section.dark .section-intro h2,
body.motion-v7 #search .section-intro h2,
body.motion-v7 #investment .section-intro h2,
body.motion-v7 #technology .section-intro h2{color:#fff!important}
body.motion-v7 .section.alt .section-intro p,
body.motion-v7 .section.dark .section-intro p,
body.motion-v7 #search .section-intro p,
body.motion-v7 #investment .section-intro p,
body.motion-v7 #technology .section-intro p{color:rgba(235,243,250,.82)!important}

/* Light cards: force dark copy so white overview states stay readable */
body.motion-v7 .section:not(.alt):not(.dark) .metric-card:not(.active),
body.motion-v7 .section:not(.alt):not(.dark) .scope-card,
body.motion-v7 .section:not(.alt):not(.dark) .audience-cards article,
body.motion-v7 .section:not(.alt):not(.dark) .trade-card,
body.motion-v7 .section:not(.alt):not(.dark) .team-grid article,
body.motion-v7 .section:not(.alt):not(.dark) .calendar-card,
body.motion-v7 .section:not(.alt):not(.dark) .price-card,
body.motion-v7 .section:not(.alt):not(.dark) .cycle-step{
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  border-color:rgba(26,57,87,.09)!important;
  color:var(--ink)!important;
}
body.motion-v7 .section:not(.alt):not(.dark) .metric-card b,
body.motion-v7 .section:not(.alt):not(.dark) .scope-card h3,
body.motion-v7 .section:not(.alt):not(.dark) .audience-cards h3,
body.motion-v7 .section:not(.alt):not(.dark) .trade-card h3,
body.motion-v7 .section:not(.alt):not(.dark) .team-grid article h3,
body.motion-v7 .section:not(.alt):not(.dark) .calendar-card h3,
body.motion-v7 .section:not(.alt):not(.dark) .price-card h3,
body.motion-v7 .section:not(.alt):not(.dark) .cycle-step b{color:var(--ink)!important}
body.motion-v7 .section:not(.alt):not(.dark) .metric-card span,
body.motion-v7 .section:not(.alt):not(.dark) .scope-card p,
body.motion-v7 .section:not(.alt):not(.dark) .scope-card li,
body.motion-v7 .section:not(.alt):not(.dark) .audience-cards p,
body.motion-v7 .section:not(.alt):not(.dark) .trade-card p,
body.motion-v7 .section:not(.alt):not(.dark) .team-grid article p,
body.motion-v7 .section:not(.alt):not(.dark) .calendar-card p,
body.motion-v7 .section:not(.alt):not(.dark) .price-card p,
body.motion-v7 .section:not(.alt):not(.dark) .price-card li,
body.motion-v7 .section:not(.alt):not(.dark) .cycle-step span{color:#607286!important}

/* Dark cards: force bright copy and remove muddy low-contrast states */
body.motion-v7 .section.alt .engine,
body.motion-v7 .section.alt .content-type,
body.motion-v7 .section.alt .media-card,
body.motion-v7 .section.alt .finance-card,
body.motion-v7 .section.alt .risk-card,
body.motion-v7 .section.alt .team-grid article,
body.motion-v7 .section.dark .privacy-card,
body.motion-v7 .section.dark .risk-card,
body.motion-v7 #search .search-ladder article{
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#fff!important;
}
body.motion-v7 .section.alt .engine h3,
body.motion-v7 .section.alt .content-type strong,
body.motion-v7 .section.alt .media-card h3,
body.motion-v7 .section.alt .finance-card h3,
body.motion-v7 .section.alt .risk-card b,
body.motion-v7 .section.alt .team-grid article h3,
body.motion-v7 .section.dark .privacy-card b,
body.motion-v7 .section.dark .risk-card b,
body.motion-v7 #search .search-ladder article b{color:#fff!important}
body.motion-v7 .section.alt .engine p,
body.motion-v7 .section.alt .content-type span,
body.motion-v7 .section.alt .media-card p,
body.motion-v7 .section.alt .finance-card p,
body.motion-v7 .section.alt .risk-card p,
body.motion-v7 .section.alt .team-grid article p,
body.motion-v7 .section.dark .privacy-card p,
body.motion-v7 .section.dark .risk-card p,
body.motion-v7 #search .search-ladder article span{color:rgba(235,243,250,.82)!important}

/* Outcome / tables */
body.motion-v7 .data-table th,
body.motion-v7 .library-table th{color:#657b90!important}
body.motion-v7 .data-table td,
body.motion-v7 .library-table td{color:#193047!important;background:#fff!important}
body.motion-v7 .outcome-table{background:linear-gradient(180deg,#102a42,#173a5b)!important}
body.motion-v7 .outcome-table .data-table td{background:#fff!important;color:#193047!important}
body.motion-v7 .outcome-table .data-table th{color:#bdd2e6!important}

/* Pricing was especially vulnerable to colour collisions */
body.motion-v7 #investment .price-card{background:#fff!important;color:var(--ink)!important;border-color:rgba(255,255,255,.18)!important}
body.motion-v7 #investment .price-card h3,
body.motion-v7 #investment .price-card .price{color:var(--ink)!important}
body.motion-v7 #investment .price-card p,
body.motion-v7 #investment .price-card ul,
body.motion-v7 #investment .price-card small{color:#5d7184!important}
body.motion-v7 #investment .price-card.recommended{background:linear-gradient(180deg,#fff4ee,#fff9f5)!important;border:1px solid rgba(255,82,21,.22)!important}
body.motion-v7 #investment .breakdown{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.12)!important}
body.motion-v7 #investment .breakdown h3,
body.motion-v7 #investment .breakdown-grid article b{color:#fff!important}
body.motion-v7 #investment .breakdown-grid article small,
body.motion-v7 #investment .breakdown-grid article span{color:rgba(235,243,250,.76)!important}

/* Technology block on main proposal */
body.motion-v7 .tech-bridge{background:linear-gradient(145deg,#102a42,#173a5b)!important}
body.motion-v7 .tech-bridge h2,
body.motion-v7 .tech-cards span{color:#fff!important}
body.motion-v7 .tech-bridge p{color:rgba(235,243,250,.80)!important}

/* TECHNICAL SUPPORT PAGE: most of the unreadable areas came from dark text on dark cards
   and white text inherited onto white sections. These rules define every section explicitly. */
body.tech-page.motion-v7{background:#f4f1eb!important;color:var(--ink)!important}
body.tech-page.motion-v7 .section{padding:76px 0!important;scroll-margin-top:118px!important}
body.tech-page.motion-v7 .section-intro{margin-bottom:34px!important;gap:42px!important;align-items:start!important}
body.tech-page.motion-v7 .section .shell::before{background:linear-gradient(180deg,#fff,#fbfcfd)!important;box-shadow:0 22px 56px rgba(16,42,66,.07)!important}
body.tech-page.motion-v7 .section-intro h2{color:var(--ink)!important}
body.tech-page.motion-v7 .section-intro p,
body.tech-page.motion-v7 .section-intro p[style]{color:#607286!important}
body.tech-page.motion-v7 .section .section-kicker,
body.tech-page.motion-v7 .section .section-kicker[style]{color:var(--sj-blue)!important}

/* Included / separately scoped */
body.tech-page.motion-v7 .included-band{background:transparent!important;border:0!important;padding:0 44px 44px!important;gap:18px!important;color:inherit!important}
body.tech-page.motion-v7 .included-panel{padding:30px!important;border-radius:28px!important;box-shadow:none!important}
body.tech-page.motion-v7 .included-panel.in{background:linear-gradient(180deg,#102a42,#173a5b)!important;color:#fff!important;border:1px solid rgba(64,105,170,.22)!important}
body.tech-page.motion-v7 .included-panel.out{background:linear-gradient(180deg,#4069aa,#315b97)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important}
body.tech-page.motion-v7 .included-panel h3{font-size:clamp(32px,3.3vw,48px)!important;line-height:1.08!important;color:#fff!important;margin:12px 0 16px!important;max-width:12ch!important}
body.tech-page.motion-v7 .included-panel li{color:rgba(245,249,253,.90)!important;line-height:1.72!important}
body.tech-page.motion-v7 .included-panel .section-kicker,
body.tech-page.motion-v7 .included-panel .section-kicker[style]{color:#c9e0f7!important}

/* Capability + travel tech cards: always dark copy on light cards */
body.tech-page.motion-v7 .tech-service-grid article,
body.tech-page.motion-v7 .travel-tech article{
  background:linear-gradient(180deg,#fff,#f7fafd)!important;
  border:1px solid rgba(30,61,91,.09)!important;
  box-shadow:0 14px 34px rgba(16,42,66,.05)!important;
  color:var(--ink)!important;
  padding:24px!important;
}
body.tech-page.motion-v7 .tech-service-grid article h3,
body.tech-page.motion-v7 .travel-tech article h3{color:var(--ink)!important;font-size:21px!important;line-height:1.18!important;margin:0 0 10px!important}
body.tech-page.motion-v7 .tech-service-grid article p,
body.tech-page.motion-v7 .travel-tech article p{color:#607286!important;font-size:14px!important;line-height:1.75!important;margin:0!important}
body.tech-page.motion-v7 .tech-service-grid article small{color:var(--vz-orange)!important;font-weight:800!important;letter-spacing:.12em!important}

/* Governance workflow: light container, dark readable cards */
body.tech-page.motion-v7 #governance .workflow article{
  background:linear-gradient(180deg,#f8fbff,#eef4fa)!important;
  border:1px solid rgba(30,61,91,.09)!important;
  color:var(--ink)!important;
  padding:22px!important;
}
body.tech-page.motion-v7 #governance .workflow article b{color:var(--ink)!important}
body.tech-page.motion-v7 #governance .workflow article span{color:#607286!important}

/* Leznit company block: remove empty-looking white void and restore readable facts */
body.tech-page.motion-v7 .company-band{padding:76px 0!important}
body.tech-page.motion-v7 .company-grid{
  background:linear-gradient(180deg,#fff,#fbfcfd)!important;
  color:var(--ink)!important;
  border:1px solid rgba(30,61,91,.09)!important;
  box-shadow:0 22px 56px rgba(16,42,66,.07)!important;
  padding:38px!important;
  gap:26px!important;
  border-radius:30px!important;
}
body.tech-page.motion-v7 .company-grid h2{color:var(--ink)!important;font-size:clamp(38px,4.5vw,60px)!important;line-height:1.02!important}
body.tech-page.motion-v7 .company-grid p,
body.tech-page.motion-v7 .company-grid p[style]{color:#607286!important;font-size:15px!important;line-height:1.8!important}
body.tech-page.motion-v7 .company-facts{gap:14px!important;padding:0!important}
body.tech-page.motion-v7 .company-facts article{background:#f4f8fc!important;border:1px solid rgba(30,61,91,.08)!important;color:var(--ink)!important;padding:20px!important}
body.tech-page.motion-v7 .company-facts small{color:#71869a!important}
body.tech-page.motion-v7 .company-facts b{color:var(--ink)!important}

/* Tech hero and close area use both brand colours lightly */
body.tech-page.motion-v7 .tech-hero::before{
  background:linear-gradient(90deg,rgba(8,24,38,.84),rgba(15,45,71,.56) 48%,rgba(64,105,170,.20)),url('img/hero-japan.jpg') center/cover no-repeat!important;
}
body.tech-page.motion-v7 .tech-hero h1 em{color:#ffd2c0!important}
body.tech-page.motion-v7 .tech-hero .proposal-label,
body.tech-page.motion-v7 .tech-hero .proposal-label[style]{color:#c9e0f7!important}
body.tech-page.motion-v7 .support-card{background:rgba(16,42,66,.72)!important;border-color:rgba(143,183,224,.22)!important;color:#fff!important}
body.tech-page.motion-v7 .support-card h3{color:#fff!important}
body.tech-page.motion-v7 .support-card p{color:rgba(235,243,250,.82)!important}
body.tech-page.motion-v7 .support-list span{color:#f0f6fb!important;background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.10)!important}
body.tech-page.motion-v7 .close-card{background:linear-gradient(145deg,#102a42,#173a5b)!important}
body.tech-page.motion-v7 .close-card p{color:rgba(235,243,250,.82)!important}
body.tech-page.motion-v7 .close-card .section-kicker,
body.tech-page.motion-v7 .close-card .section-kicker[style]{color:#c9e0f7!important}

/* Footer keeps both logos */
body.motion-v7 .footer-lockup .divider{display:block!important;width:1px!important;height:24px!important;background:linear-gradient(180deg,rgba(64,105,170,.24),rgba(255,82,21,.28))!important}
body.motion-v7 .footer-lockup .vynzo{display:block!important;width:94px!important;height:auto!important;object-fit:contain!important}
body.motion-v7 .footer-lockup::after{content:"SeeJay × Vynzo Proposal"!important}

/* Anchors no longer hide under the fixed header */
body.motion-v7 [id]{scroll-margin-top:118px!important}

@media(max-width:1100px){
  body.motion-v7 .section{padding:74px 0!important}
  body.motion-v7 .section-intro{gap:24px!important;margin-bottom:30px!important}
  body.motion-v7 .brand-lockup::after{display:none!important}
}
@media(max-width:720px){
  html{scroll-padding-top:88px!important}
  body.motion-v7 .section{padding:58px 0!important;scroll-margin-top:88px!important}
  body.motion-v7 .section-intro{margin-bottom:24px!important}
  body.motion-v7 .vynzo-logo{width:82px!important}
  body.motion-v7 .brand-divider{height:24px!important}
  body.tech-page.motion-v7 .included-band{padding:0 20px 20px!important}
  body.tech-page.motion-v7 .company-grid{padding:24px!important}
  body.motion-v7 [id]{scroll-margin-top:88px!important}
}

/* v7.1 targeted fix: Audit commercial story snapshot */
body.motion-v7 #audit .executive-snapshot{
  display:grid!important;
  grid-template-columns:minmax(260px,1.08fr) repeat(3,minmax(0,.86fr))!important;
  gap:16px!important;
  margin-top:30px!important;
  padding:20px!important;
  border:1px solid rgba(64,105,170,.16)!important;
  border-radius:32px!important;
  overflow:visible!important;
  background:linear-gradient(135deg,#102a42 0%,#173a5b 100%)!important;
  box-shadow:0 24px 58px rgba(16,42,66,.16)!important;
  align-items:stretch!important;
}
body.motion-v7 #audit .executive-snapshot .snapshot-title{
  padding:26px 26px 24px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
}
body.motion-v7 #audit .executive-snapshot .snapshot-title .section-kicker{
  color:#9fc4eb!important;
  margin-bottom:12px!important;
}
body.motion-v7 #audit .executive-snapshot .snapshot-title h3{
  font-family:var(--serif)!important;
  font-size:clamp(31px,2.7vw,43px)!important;
  line-height:1.03!important;
  letter-spacing:-.025em!important;
  color:#fff!important;
  margin:0 0 14px!important;
  max-width:10.5ch!important;
}
body.motion-v7 #audit .executive-snapshot .snapshot-title p{
  margin:0!important;
  max-width:38ch!important;
  font-size:13px!important;
  line-height:1.72!important;
  color:rgba(235,243,250,.82)!important;
}
body.motion-v7 #audit .executive-snapshot article{
  padding:26px 24px!important;
  min-height:220px!important;
  border:1px solid rgba(31,73,111,.10)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f3f8fd 100%)!important;
  box-shadow:0 16px 34px rgba(4,20,36,.10)!important;
  color:#122538!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  overflow:hidden!important;
  position:relative!important;
}
body.motion-v7 #audit .executive-snapshot article::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:4px!important;
  background:linear-gradient(180deg,#4069aa,#ff6a32)!important;
}
body.motion-v7 #audit .executive-snapshot article small{
  display:block!important;
  margin:0 0 13px!important;
  font-size:10px!important;
  line-height:1.35!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  font-weight:800!important;
  color:#5e7890!important;
}
body.motion-v7 #audit .executive-snapshot article b{
  display:block!important;
  margin:0 0 14px!important;
  font-family:var(--serif)!important;
  font-size:clamp(31px,2.6vw,43px)!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
  color:#102a42!important;
}
body.motion-v7 #audit .executive-snapshot article span{
  display:block!important;
  margin:0!important;
  font-size:13px!important;
  line-height:1.7!important;
  color:#617589!important;
}
body.motion-v7 #audit .executive-snapshot article:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(64,105,170,.22)!important;
  box-shadow:0 20px 40px rgba(4,20,36,.13)!important;
}
@media(max-width:1180px){
  body.motion-v7 #audit .executive-snapshot{
    grid-template-columns:1fr 1fr!important;
  }
  body.motion-v7 #audit .executive-snapshot .snapshot-title{
    grid-column:1/-1!important;
  }
  body.motion-v7 #audit .executive-snapshot article{
    min-height:190px!important;
  }
}
@media(max-width:720px){
  body.motion-v7 #audit .executive-snapshot{
    grid-template-columns:1fr!important;
    padding:14px!important;
    gap:12px!important;
    border-radius:24px!important;
  }
  body.motion-v7 #audit .executive-snapshot .snapshot-title{
    grid-column:auto!important;
    padding:22px!important;
  }
  body.motion-v7 #audit .executive-snapshot .snapshot-title h3{
    font-size:32px!important;
    max-width:none!important;
  }
  body.motion-v7 #audit .executive-snapshot article{
    min-height:0!important;
    padding:22px!important;
  }
}