/* Approved reference V24. Homepage navbar and hero only. */
@layer seylacApprovedNavHeroV24 {
 #s24-header, #home.s24-hero, #s24-header *, #home.s24-hero * { box-sizing:border-box!important; font-family:SeylacPublic,Inter,Arial,sans-serif!important; }
 #s24-header { position:sticky!important; top:0!important; z-index:100!important; background:#fff!important; color:#071f46!important; width:100%!important; padding:0!important; margin:0!important; border:0!important; border-radius:0!important; box-shadow:none!important; height:auto!important; overflow:visible!important; }
 #s24-header .sy26-nav { display:flex!important; align-items:center!important; justify-content:space-between!important; width:calc(100% - 11.6%)!important; max-width:1800px!important; min-height:clamp(64px,4.1vw,80px)!important; gap:24px!important; margin:auto!important; padding:0!important; }
 #s24-header .sy26-brand { display:block!important; flex:none!important; padding:0!important; margin:0!important; background:transparent!important; border:0!important; }
 #s24-header img.sy26-logo { display:block!important; width:clamp(136px,9.1vw,174px)!important; max-width:none!important; height:auto!important; max-height:none!important; object-fit:contain!important; padding:0!important; margin:0!important; filter:none!important; }
 #s24-header :is(a,button,summary) { color:#071f46!important; font-size:clamp(14px,1.07vw,20px)!important; font-weight:550!important; line-height:1.4!important; letter-spacing:-.02em!important; text-decoration:none!important; }
 #s24-header .sy26-links { display:flex!important; align-items:center!important; gap:clamp(17px,1.55vw,27px)!important; margin:0 auto!important; padding:0!important; }
 #s24-header .sy26-links>a { position:relative!important; min-height:44px!important; display:flex!important; align-items:center!important; }
 #s24-header .sy26-links>a[aria-current="page"] { color:#008fda!important; }
 #s24-header .sy26-links>a[aria-current="page"]::after { content:""!important; position:absolute!important; left:0!important; right:0!important; bottom:0!important; height:2px!important; background:#008fda!important; }
 #s24-header :is(.sy26-actions,.sy26-account) { display:flex!important; align-items:center!important; gap:clamp(14px,1.35vw,26px)!important; }
 #s24-header .sy26-language>summary { display:flex!important; align-items:center!important; justify-content:center!important; width:44px!important; height:44px!important; padding:0!important; list-style:none!important; cursor:pointer!important; }
 #s24-header summary::-webkit-details-marker { display:none!important; }
 #s24-header svg { width:24px!important; height:24px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.8!important; stroke-linecap:round!important; stroke-linejoin:round!important; }
 #s24-header .sy26-cta { display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:12px!important; padding:12px 20px!important; min-height:44px!important; border-radius:9px!important; border:0!important; background:#098ed2!important; color:#fff!important; -webkit-text-fill-color:#fff!important; white-space:nowrap!important; }
 #s24-header .sy26-cta:hover { background:#087bb6!important; }
 #s24-header :is(.sy26-toggle,.s24-mobile-cta) { display:none!important; }
 #s24-header .sy26-mobile[hidden] { display:none!important; }
 #s24-header :focus-visible { outline:3px solid #098ed2!important; outline-offset:4px!important; }
 #home.s24-hero { display:block!important; position:relative!important; isolation:isolate!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; overflow:clip!important; color:#fff!important; background:radial-gradient(ellipse at 46% 0%,#0072cc 0%,#2b8fcc00 60%),radial-gradient(ellipse at 28% 100%,#064078 0%,#165e9d00 65%),linear-gradient(105deg,#012248,#05366b 55%,#012347)!important; }
 #home.s24-hero::before, #home.s24-hero::after { content:none!important; display:none!important; }
 #home .s24-shell { position:relative!important; display:flex!important; align-items:center!important; width:100%!important; max-width:none!important; min-height:clamp(520px,41.7387vw,850px)!important; padding:0!important; margin:0!important; }
 #home .s24-copy { position:relative!important; z-index:2!important; width:51%!important; min-width:0!important; margin-left:5.8%!important; padding:clamp(44px,4vw,76px) 0!important; color:#fff!important; }
 #home .s24-kicker { display:inline-flex!important; align-items:center!important; gap:8px!important; width:fit-content!important; max-width:100%!important; margin:0 0 clamp(22px,1.8vw,34px)!important; padding:9px 12px!important; border-radius:999px!important; background:#ffffff16!important; color:#fff!important; -webkit-text-fill-color:#fff!important; font-size:clamp(10px,.87vw,16px)!important; font-weight:500!important; line-height:1.5!important; letter-spacing:.045em!important; text-transform:uppercase!important; }
 #home .s24-kicker>span { display:block!important; width:9px!important; height:9px!important; flex:none!important; border-radius:50%!important; background:#fff!important; }
 #home h1#s24-title { display:block!important; width:100%!important; max-width:none!important; font-size:clamp(43px,4.75vw,90px)!important; font-weight:625!important; line-height:1.04!important; letter-spacing:-.04em!important; color:#fff!important; -webkit-text-fill-color:#fff!important; margin:0!important; padding:0!important; text-wrap:initial!important; }
 #home #s24-title>span { display:block!important; font:inherit!important; color:inherit!important; -webkit-text-fill-color:inherit!important; margin:0!important; white-space:nowrap!important; }
 #home #s24-title>span+span { margin-top:6px!important; }
 #home .s24-description { display:block!important; font-size:clamp(15px,1.32vw,25px)!important; line-height:1.55!important; font-weight:400!important; letter-spacing:-.023em!important; color:#f4f7fc!important; -webkit-text-fill-color:#f4f7fc!important; margin:clamp(22px,1.5vw,29px) 0 0!important; width:100%!important; max-width:none!important; }
 #home .s24-description-line { display:block!important; color:inherit!important; -webkit-text-fill-color:inherit!important; white-space:nowrap!important; }
 #home .s24-actions { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; width:min(100%,clamp(410px,35vw,520px))!important; gap:14px!important; margin:clamp(26px,1.85vw,35px) 0 0!important; padding:0!important; }
 #home .s24-button { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; width:100%!important; min-width:0!important; min-height:clamp(52px,4.1vw,78px)!important; padding:14px 18px!important; border:1.5px solid #fff!important; border-radius:9px!important; font-size:clamp(15px,1.27vw,24px)!important; font-weight:600!important; line-height:1.4!important; letter-spacing:-.02em!important; text-decoration:none!important; box-shadow:none!important; }
 #home .s24-button svg { width:22px!important; height:22px!important; flex:none!important; fill:none!important; stroke:currentColor!important; stroke-width:1.8!important; stroke-linecap:round!important; stroke-linejoin:round!important; }
 #home .s24-button-primary { color:#082c5e!important; -webkit-text-fill-color:#082c5e!important; background:#fff!important; }
 #home .s24-button-secondary { color:#fff!important; -webkit-text-fill-color:#fff!important; background:transparent!important; }
 #home .s24-button:hover { box-shadow:0 0 0 2px #ffffff50!important; }
 #home .s24-button:focus-visible { outline:3px solid #ffd02b!important; outline-offset:5px!important; }
 #home .s24-trust { display:flex!important; flex-wrap:nowrap!important; align-items:center!important; gap:0!important; list-style:none!important; margin:clamp(28px,2.2vw,42px) 0 0!important; padding:0!important; color:#fff!important; font-size:clamp(11px,.88vw,16px)!important; font-weight:400!important; line-height:1.3!important; }
 #home .s24-trust li { display:flex!important; align-items:center!important; gap:8px!important; padding:0 clamp(12px,1.2vw,20px)!important; min-height:36px!important; margin:0!important; border:0!important; color:#fff!important; -webkit-text-fill-color:#fff!important; font:inherit!important; white-space:nowrap!important; }
 #home .s24-trust li:first-child { padding-left:0!important; }
 #home .s24-trust li+li { border-left:1px solid #ffffff35!important; }
 #home .s24-trust svg { display:block!important; width:clamp(28px,2.2vw,36px)!important; height:clamp(28px,2.2vw,36px)!important; padding:6px!important; border-radius:50%!important; background:#0752af!important; flex:none!important; fill:none!important; stroke:#fff!important; stroke-width:1.7!important; stroke-linecap:round!important; stroke-linejoin:round!important; }
 #home .s24-trust svg :is(rect,path:last-child) { stroke:#ffcf22!important; }
 /* Native CSS crop of the approved image, preserving the exact original pixels.
    Source 1852×849; navbar crop y=76; portrait crop x=980..1852. */
 #home .s24-portrait { display:block!important; position:absolute!important; z-index:1!important; right:0!important; top:0!important; width:auto!important; height:100%!important; aspect-ratio:872/773!important; padding:0!important; margin:0!important; border:0!important; border-radius:0!important; background:transparent!important; overflow:hidden!important; mask-image:linear-gradient(to right,transparent,#000 7%,#000)!important; }
 #home img.s24-reference { display:block!important; position:absolute!important; top:-9.832%!important; left:-112.386%!important; width:212.386%!important; max-width:none!important; height:auto!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; object-fit:fill!important; filter:none!important; transform:none!important; clip-path:none!important; mask-image:none!important; }
 @media(max-width:1300px) and (min-width:1051px) {
  #s24-header .sy26-nav { width:calc(100% - 64px)!important; gap:20px!important; }
  #s24-header .sy26-links { gap:18px!important; }
  #s24-header :is(.sy26-actions,.sy26-account) { gap:12px!important; }
  #home .s24-copy { width:53%!important; margin-left:4%!important; }
  #home h1#s24-title { font-size:4.8vw!important; }
 }
 @media(max-width:1050px) {
  #s24-header .sy26-nav { width:calc(100% - 32px)!important; min-height:64px!important; gap:12px!important; }
  #s24-header img.sy26-logo { width:125px!important; }
  #s24-header :is(.sy26-links,.sy26-account) { display:none!important; }
  #s24-header .sy26-actions { margin-left:auto!important; gap:8px!important; }
  #s24-header .sy26-toggle { display:flex!important; align-items:center!important; justify-content:center!important; width:44px!important; height:44px!important; padding:0!important; background:transparent!important; border:0!important; border-radius:6px!important; cursor:pointer!important; }
  #s24-header .s24-mobile-cta { display:flex!important; min-height:40px!important; padding:9px 12px!important; font-size:12px!important; border-radius:8px!important; }
  #s24-header .sy26-mobile:not([hidden]) { display:block!important; max-height:calc(100dvh - 64px)!important; padding:12px 24px 20px!important; overflow:auto!important; background:#fff!important; border-top:1px solid #e8eef4!important; }
  #s24-header .sy26-mobile>a { min-height:44px!important; display:flex!important; padding:10px 0!important; }
  #s24-header .sy26-mobile>.sy26-cta { padding:12px!important; }
 }
 @media(max-width:900px) {
  #home .s24-shell { display:flex!important; flex-direction:column!important; min-height:0!important; }
  #home .s24-copy { width:calc(100% - 40px)!important; max-width:680px!important; margin:0 auto!important; padding:38px 0 24px!important; }
  #home h1#s24-title { font-size:clamp(28px,10.7vw,64px)!important; line-height:1.08!important; }
  #home #s24-title>span+span { margin-top:4px!important; }
  #home .s24-kicker { font-size:clamp(9px,1.7vw,11px)!important; margin-bottom:22px!important; padding:8px 10px!important; }
  #home .s24-description { font-size:16px!important; line-height:1.6!important; margin-top:20px!important; max-width:570px!important; }
  #home .s24-description-line { white-space:normal!important; }
  #home .s24-description-line+.s24-description-line { margin-top:4px!important; }
  #home .s24-actions { width:min(100%,460px)!important; gap:12px!important; margin-top:24px!important; }
  #home .s24-button { min-height:52px!important; font-size:15px!important; padding:12px 10px!important; gap:10px!important; }
  #home .s24-trust { width:100%!important; justify-content:flex-start!important; font-size:clamp(10px,2.6vw,15px)!important; margin-top:24px!important; }
  #home .s24-trust li { padding:0 clamp(8px,1.8vw,18px)!important; gap:6px!important; }
  #home .s24-trust li:first-child { padding-left:0!important; }
  #home .s24-trust svg { width:30px!important; height:30px!important; padding:5px!important; }
  #home .s24-portrait { position:relative!important; inset:auto!important; width:min(100%,600px)!important; height:auto!important; aspect-ratio:872/773!important; margin:0 auto!important; mask-image:linear-gradient(to bottom,transparent,#000 18%),radial-gradient(ellipse 18% 25% at 46% 20%,#000 80%,transparent 100%)!important; mask-composite:add!important; }
 }
 @media(max-width:480px) {
  #s24-header .sy26-nav { width:calc(100% - 24px)!important; gap:6px!important; }
  #s24-header img.sy26-logo { width:106px!important; }
  #s24-header .sy26-actions { gap:0!important; }
  #s24-header .sy26-language>summary { width:36px!important; }
  #home .s24-copy { width:calc(100% - 32px)!important; padding-top:30px!important; }
  #home .s24-description { font-size:14px!important; }
  #home .s24-button { font-size:13px!important; gap:8px!important; }
  #home .s24-button svg { width:18px!important; height:18px!important; }
  #home .s24-trust { display:grid!important; grid-template-columns:1.15fr .9fr 1fr!important; font-size:10px!important; }
  #home .s24-trust li { gap:4px!important; padding:0 6px!important; white-space:normal!important; }
  #home .s24-trust svg { width:26px!important; height:26px!important; padding:4px!important; }
 }
 @media(max-width:360px) {
  #home .s24-button { font-size:12px!important; padding:10px 8px!important; gap:6px!important; }
  #home .s24-button span { white-space:nowrap!important; }
 }
 @media(min-width:901px) and (max-width:1050px) {
  #home .s24-copy { width:55%!important; margin-left:3%!important; }
  #home h1#s24-title { font-size:4.65vw!important; }
  #home .s24-description { font-size:1.4vw!important; }
  #home .s24-actions { width:100%!important; max-width:420px!important; gap:12px!important; }
  #home .s24-button { font-size:14px!important; }
  #home .s24-trust { font-size:11px!important; }
  #home .s24-trust li { padding:0 10px!important; gap:6px!important; }
 }
}

/* V25 responsive polish: reuse all V24 assets, keep desktop navbar intact. */
/* Reuse the site's Inter bytes; block only hero text during initial font load
   so its labels do not visibly jump from fallback metrics. */
@font-face { font-family:SeylacHeroV25; src:url('/assets/seylac-ui-20261008-v4/inter.woff2') format('woff2'); font-weight:100 900; font-style:normal; font-display:block; }
@layer seylacApprovedNavHeroV24 {
 #home.s24-hero, #home.s24-hero * { font-family:SeylacHeroV25,SeylacPublic,Inter,Arial,sans-serif!important; }
 #home.s24-hero { background:#073767!important; }
 #home h1#s24-title { font-weight:600!important; }
 #home .s24-button span { flex:1 1 auto!important; min-width:0!important; text-align:left!important; white-space:nowrap!important; }
 @media(min-width:901px) {
  #home .s24-trust li span { width:auto!important; }
 }
 #home .s25-clip-definition { position:absolute!important; width:0!important; height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; pointer-events:none!important; }
 #home .s24-portrait { mask-image:none!important; }
 #home img.s24-reference { clip-path:url(#s25-portrait-outline)!important; }
 @media(max-width:1050px) {
  #s24-header .s24-mobile-cta { display:none!important; }
  #s24-header .sy26-actions { gap:6px!important; }
  #s24-header .sy26-language>summary, #s24-header .sy26-toggle { width:44px!important; height:44px!important; }
  #s24-header .sy26-actions svg { width:24px!important; height:24px!important; }
 }
 @media(max-width:900px) {
  #home.s24-hero { background:#06294f!important; }
  #home .s24-shell { gap:0!important; }
  #home .s24-portrait { order:-1!important; width:min(100%,360px)!important; flex:none!important; margin:0 auto!important; mask-image:linear-gradient(to bottom,#000 95%,transparent)!important; }
  #home img.s24-reference { left:-106.586%!important; }
  #home .s24-copy { width:calc(100% - 32px)!important; margin:0 auto!important; padding:12px 0 24px!important; background:transparent!important; }
  #home .s24-kicker { padding:6px 10px!important; margin-bottom:16px!important; }
  #home h1#s24-title { line-height:1.06!important; }
  #home .s24-description { display:block!important; width:100%!important; max-width:none!important; font-size:clamp(14px,4.1vw,18px)!important; line-height:1.5!important; min-height:4.5em!important; letter-spacing:-.018em!important; margin:14px 0 0!important; text-wrap:balance!important; }
  #home .s24-description-line { display:inline!important; margin:0!important; padding:0!important; white-space:normal!important; }
  #home .s24-actions { width:100%!important; max-width:460px!important; gap:12px!important; margin-top:18px!important; }
  #home .s24-button { min-height:48px!important; padding:10px 8px!important; }
  #home .s24-trust { margin-top:18px!important; }
  #home .s24-trust svg { width:26px!important; height:26px!important; padding:4px!important; }
 }
 @media(max-width:480px) {
  #home .s24-trust span { display:block!important; min-height:2.6em!important; height:auto!important; align-content:center!important; }
 }
}

/* SEYLAC SAFE UNITY V1 — MOBILE NAV + HOLVI-INSPIRED COPY PANEL
   Only #s24-header and #home at <=900px. The approved portrait and
   all desktop geometry stay untouched. Maintain approved brand assets. */
@layer seylacApprovedNavHeroV24 {
  @media (max-width: 900px) {
    #home.s24-hero { background:#06294f!important; }
    #home .s24-shell {
      display:flex!important;
      flex-direction:column!important;
      align-items:stretch!important;
      gap:0!important;
      min-height:0!important;
      background:#06294f!important;
    }
    #home .s24-portrait {
      align-self:center!important;
      margin:0 auto!important;
      background:transparent!important;
    }
    #home .s24-copy {
      flex:none!important;
      width:100%!important;
      max-width:none!important;
      margin:0!important;
      padding:clamp(29px,6.5vw,44px) clamp(24px,5.3vw,40px) clamp(35px,7vw,50px)!important;
      background:#252a2d!important;
      border:0!important;
      color:#fff!important;
    }
    #home .s24-kicker {
      background:#ffffff18!important;
      padding:8px 11px!important;
      margin-bottom:clamp(20px,4.4vw,27px)!important;
      font-size:clamp(10px,2.6vw,13px)!important;
      line-height:1.4!important;
    }
    #home h1#s24-title {
      font-size:clamp(28px,8.2vw,51px)!important;
      font-weight:610!important;
      line-height:1.12!important;
      letter-spacing:-.04em!important;
      color:#fff!important;
      -webkit-text-fill-color:#fff!important;
    }
    #home #s24-title>span+span { margin-top:5px!important; }
    #home .s24-description {
      display:block!important;
      width:100%!important;
      max-width:640px!important;
      margin:clamp(21px,5vw,28px) 0 0!important;
      min-height:0!important;
      font-size:clamp(15px,3.8vw,19px)!important;
      line-height:1.6!important;
      letter-spacing:-.013em!important;
      text-wrap:pretty!important;
      color:#edf1f3!important;
      -webkit-text-fill-color:#edf1f3!important;
    }
    #home .s24-actions {
      width:100%!important;
      max-width:640px!important;
      margin-top:clamp(23px,6vw,32px)!important;
      gap:12px!important;
    }
    #home .s24-button {
      min-height:54px!important;
      border-radius:9px!important;
      font-size:clamp(14px,3.4vw,17px)!important;
      font-weight:600!important;
    }
    #home .s24-button span { width:auto!important; flex:initial!important; }
    #home .s24-button-secondary { border-color:#f7f8fa!important; }
    #home .s24-trust { margin-top:24px!important; }
  }
  @media (max-width: 480px) {
    #s24-header img.sy26-logo {
      width:132px!important;
      height:auto!important;
      max-width:44vw!important;
    }
    #home .s24-copy { padding-left:24px!important; padding-right:24px!important; }
    #home .s24-actions { grid-template-columns:minmax(0,1fr)!important; }
    #home .s24-button {
      min-height:52px!important;
      padding:12px 16px!important;
      justify-content:space-between!important;
    }
    #home .s24-button svg { width:20px!important; height:20px!important; }
    #home .s24-trust { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
  }
  @media (max-width: 360px) {
    #s24-header img.sy26-logo { width:124px!important; }
    #home .s24-copy { padding-left:20px!important; padding-right:20px!important; }
    #home h1#s24-title { font-size:clamp(27px,8.35vw,30px)!important; }
  }
}

/* SEYLAC FINAL NAVBAR/HERO POLISH V2.3: trust indicators, CTA alignment, phone-only sizing.
   Existing mobile charcoal panel and original portrait/copy remain unchanged. */
@layer seylacApprovedNavHeroV24 {
  #s24-header .sy26-cta > span[aria-hidden="true"] {
    display:inline-flex!important; align-items:center!important; justify-content:center!important;
    min-width:18px!important; line-height:1!important; font-size:19px!important;
  }
  #home .s24-button svg { stroke-width:1.8!important; }
  #home .s24-trust li { min-width:0!important; }
  #home .s24-trust li span { min-width:0!important; overflow-wrap:normal!important; }
  @media (min-width:901px) {
    #home .s24-actions { max-width:calc(100% - 12px)!important; }
    #home .s24-trust { max-width:100%!important; }
  }
  @media (max-width:900px) {
    #home .s24-trust li { min-width:0!important; }
    #home .s24-trust svg { stroke-width:1.7!important; }
    #home .s24-button svg { stroke-width:1.8!important; }
  }
  @media (max-width:480px) {
    /* V2.3 — Only phones: larger two-line hero title and two equal CTAs. */
    #home h1#s24-title { font-size:clamp(29px,9.2vw,43px)!important; letter-spacing:-.046em!important; }
    #home .s24-actions {
      display:grid!important;
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
      width:100%!important; max-width:none!important;
      gap:8px!important;
    }
    #home .s24-button {
      display:flex!important; align-items:center!important; justify-content:space-between!important;
      min-width:0!important; min-height:48px!important;
      padding:9px 8px!important; gap:4px!important;
      font-size:clamp(11.5px,3.25vw,14px)!important;
      line-height:1.2!important;
      border-radius:9px!important;
    }
    #home .s24-button span { flex:1 1 auto!important; min-width:0!important; white-space:nowrap!important; }
    #home .s24-button svg { width:16px!important; height:16px!important; min-width:16px!important; flex:none!important; }
    #home .s24-trust { grid-template-columns:repeat(3,minmax(0,1fr))!important; align-items:stretch!important; }
    #home .s24-trust li {
      display:flex!important; flex-direction:column!important; justify-content:flex-start!important;
      align-items:center!important; text-align:center!important;
      gap:7px!important; padding:0 5px!important; white-space:normal!important;
    }
    #home .s24-trust li span { width:100%!important; font-size:10px!important; line-height:1.35!important; overflow-wrap:break-word!important; }
    #home .s24-trust svg { width:26px!important; height:26px!important; padding:5px!important; }
  }
}