/* Trang chủ v7: page styles from the design <helmet>, plus hover rules. */

  :root{
    --rose:#A63A4A; --sakura:#E8A0B4; --font-sans:'Montserrat', system-ui, sans-serif;
    /* 1A — navy chọn #08204E: xanh hơn #1B2A4A, dịu hơn #01184A một bậc để nền xanh nhạt không bị chói */
    --navy-800:#05163A; --navy-700:#08204E; --navy-600:#1A3567; --navy-500:#3D5687;
    /* 1C — cách A: đỏ chỉ cho CTA, vàng cho gạch tiêu đề + đường phân cách */
    --accent-red:#E6354F; --accent-gold:#F5B14E; --accent-green:#10BA7B; --accent-blue:#4579FF;
    --rule-gold:#F5B14E;
    --grad-bridge:linear-gradient(135deg,#10BA7B 0%,#4579FF 100%);
    --grad-bridge-deep:linear-gradient(135deg,#0C9A63 0%,#2F5FE6 100%);
  }
  html{ scroll-behavior:smooth; }
  body{ margin:0; background:var(--paper); font-family:'Montserrat', system-ui, sans-serif; color:var(--navy-600); font-size:17px; line-height:1.65; }
  a{ color:var(--accent-blue); text-decoration-color:rgba(51,102,234,.35); }
  a:hover{ color:var(--navy-700); }
  h1,h2,h3{ color:var(--navy-700); line-height:1.3; letter-spacing:-.015em; margin:0; }
  p{ margin:0; text-wrap:pretty; }
  [data-dd]{ position:relative; }
  [data-dd] [data-dd-menu]{ display:none; }
  [data-dd]:hover [data-dd-menu]{ display:flex; }
  [data-parallax]{ will-change:transform; }
  @media (prefers-reduced-motion: no-preference){
    @keyframes enm-drift-a{ 0%{ transform:translate3d(0,0,0) scale(1); } 33%{ transform:translate3d(18px,-26px,0) scale(1.04); } 66%{ transform:translate3d(-14px,-12px,0) scale(.98); } 100%{ transform:translate3d(0,0,0) scale(1); } }
  @keyframes enm-drift-b{ 0%{ transform:translate3d(0,0,0) scale(1); } 40%{ transform:translate3d(-22px,20px,0) scale(1.05); } 75%{ transform:translate3d(12px,30px,0) scale(.97); } 100%{ transform:translate3d(0,0,0) scale(1); } }
  @keyframes enm-drift-c{ 0%{ transform:translate3d(0,0,0) scale(1); } 50%{ transform:translate3d(26px,16px,0) scale(1.06); } 100%{ transform:translate3d(0,0,0) scale(1); } }
  @keyframes enm-blob{ 0%{ border-radius:48% 52% 44% 56% / 52% 46% 54% 48%; } 33%{ border-radius:56% 44% 58% 42% / 44% 56% 42% 58%; } 66%{ border-radius:42% 58% 50% 50% / 58% 42% 56% 44%; } 100%{ border-radius:48% 52% 44% 56% / 52% 46% 54% 48%; } }
  @keyframes enm-marquee{ from{ transform:translate3d(0,0,0); } to{ transform:translate3d(-50%,0,0); } }
  @keyframes om-breathe{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.035); } }
    [data-anim="sphere"]{ animation:om-breathe 5s ease-in-out infinite; }
  }
  #s8 input::placeholder, #s8 textarea::placeholder{ color:rgba(255,255,255,.62); opacity:1; }
  #s8 select option{ color:var(--navy-700); background:#fff; }
  @media (max-width:1024px){
    [data-r="grid12"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="tri"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="b12"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="bspanA"], [data-r="bspanB"], [data-r="bspanC"], [data-r="bmap"]{ grid-column:auto !important; margin:0 !important; }
    [data-r="bchips"]{ margin-top:24px !important; width:100% !important; }
    [data-r="b3"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="flow"]{ grid-template-columns:minmax(0,1fr) !important; gap:34px !important; }
    [data-r="eco"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="keisen"]{ display:none !important; }
    [data-r="ecogrid"]{ grid-template-columns:minmax(0,1fr) !important; gap:36px !important; }
    [data-r="ecoarrow"]{ display:none !important; }
    [data-r="flowarrow"]{ padding:0 !important; transform:rotate(90deg); }
    [data-r="b2"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="bnow"] > div{ grid-column:auto !important; }
    [data-r="bridgelabels"] > div:last-child{ justify-self:start !important; text-align:left !important; }
    [data-r="bridgelabels"] > div:last-child p{ margin-left:0 !important; }
    [data-r="bridgelabels"] > div:last-child > div{ justify-content:flex-start !important; flex-direction:row-reverse !important; }
    [data-r="bridgemid"]{ position:static !important; transform:none !important; align-items:flex-start !important; text-align:left !important; padding:clamp(20px,3vw,40px) clamp(20px,3vw,40px) 0 !important; }
    [data-r="quote2"]{ grid-template-columns:minmax(0,1fr) !important; gap:32px !important; align-items:start !important; }
    [data-r="figure"] img{ max-width:340px !important; }
    [data-r="span"]{ grid-column:auto !important; }
    [data-r="jp"]{ display:none !important; }
    [data-r="deco"]{ display:none !important; }
    [data-r="bleed"]{ margin:0 !important; }
    [data-r="nav"]{ display:none !important; }
    [data-r="stair"]{ padding-left:0 !important; }
    [data-r="overlap"]{ margin:24px 0 0 0 !important; }
    [data-r="grid4"]{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    [data-r="grid3"]{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    [data-r="about3"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="about2"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="svcrow"]{ flex-direction:column !important; height:auto !important; gap:14px !important; }
    [data-r="svcpanel"]{ flex:none !important; height:260px !important; }
    [data-r="svcpanel"] img, [data-r="svcpanel"] > div{ opacity:1 !important; }
    [data-r="svcpanel"] > div:nth-of-type(2){ display:none !important; }
    [data-r="grid3"] > *{ grid-column:span 1 !important; margin-top:0 !important; }
    [data-r="ctaside"]{ padding-top:24px !important; }
  }
  @media (max-width:1024px){
    [data-r="svcrow"]{ flex-direction:column !important; height:auto !important; gap:14px !important; }
    [data-r="svcpanel"]{ flex:none !important; height:260px !important; }
    [data-r="svcpanel"] img, [data-r="svcpanel"] > div{ opacity:1 !important; }
    [data-r="svcpanel"] > div:nth-of-type(2){ display:none !important; }
  }
  @media (max-width:1024px){
          }
  @media (prefers-reduced-motion: reduce){ [data-qline]{ opacity:1 !important; transform:none !important; transition:none !important; } }
  [data-ntrack]::-webkit-scrollbar{ display:none; }

  [data-gbtn]{ background-image:linear-gradient(90deg,#3366EA 0%,#24B87A 34%,#FEB740 67%,#F32E49 100%) !important; background-size:0% 100% !important; background-repeat:no-repeat !important; background-position:left center !important; transition:background-size 460ms cubic-bezier(.4,0,.2,1), color 160ms cubic-bezier(.4,0,.2,1), border-color 160ms cubic-bezier(.4,0,.2,1), box-shadow 160ms cubic-bezier(.4,0,.2,1) !important; }
  [data-gbtn]:hover, [data-gbtn]:active, [data-gbtn]:focus-visible{ background-size:100% 100% !important; color:#fff !important; border-color:transparent !important; text-shadow:0 1px 2px rgba(27,42,74,.45); outline:none; }
  [data-gbtn]:hover svg, [data-gbtn]:active svg{ stroke:#fff; }
  @media (prefers-reduced-motion: reduce){ [data-gbtn]{ transition:none !important; } }
  input[name="via"]:checked + [data-fchip]{ background:var(--navy-700) !important; color:#fff !important; border-color:var(--navy-700) !important; }
  input[name="via"]:focus-visible + [data-fchip]{ box-shadow:0 0 0 3px rgba(27,42,74,.18); }
  [data-fin]:focus{ border-color:var(--navy-700) !important; box-shadow:0 0 0 3px rgba(27,42,74,.10) !important; }
  [data-fin][aria-invalid="true"]{ border-color:#C21A33 !important; }
  [data-fin]::placeholder{ color:#9AA6BC; }
  footer a, footer a:hover{ border-bottom:none !important; text-decoration:none !important; }
  footer [data-r="ftcols"] a{ align-self:flex-start; }
  @media (max-width:1024px){ [data-r="ft"]{ grid-template-columns:minmax(0,1fr) !important; } }
  @media (max-width:600px){ [data-r="ftcols"]{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; row-gap:32px !important; } }
  @keyframes fabpulse{ 0%{ transform:scale(1); opacity:.35; } 100%{ transform:scale(1.75); opacity:0; } }
  [data-fabring][data-on="1"]{ animation:fabpulse 2.2s cubic-bezier(.4,0,.2,1) infinite; }
  @media (prefers-reduced-motion: reduce){ [data-fabring]{ animation:none !important; } [data-fab], [data-fabmenu]{ transition:none !important; } }
  @media (max-width:767px){
    [data-v7panel]{ top:14px !important; transform:none !important; left:16px !important; right:16px !important; width:auto !important; }
    [data-v7cta]{ right:16px !important; bottom:14px !important; min-height:44px !important; padding:0 18px !important; font-size:14px !important; }
    [data-r="v7maphead"]{ padding-top:72px !important; padding-bottom:10px !important; }
    [data-r="v7maphead"] h3{ display:none !important; }
  }
  @media (max-height:700px) and (min-width:768px){
    [data-r="v7maphead"]{ padding-top:64px !important; padding-bottom:10px !important; flex-wrap:nowrap !important; align-items:center !important; }
    [data-r="v7maphead"] h3{ display:none !important; }
  }
  @media (prefers-reduced-motion: reduce){ [data-marquee], [data-r="cells"] img, [data-cellblob]{ animation:none !important; } }
  @media (max-width:768px){
    [data-r="cells"] img:nth-of-type(n+4){ display:none !important; }
    [data-r="bandlabel"]{ display:none !important; }
    [data-r="dock"]{ right:12px !important; bottom:12px !important; }
    [data-r="ctaform"]{ padding:26px !important; border-radius:20px !important; }
    [data-r="dock"] a:first-child span:last-child span:first-child{ display:none !important; }
    [data-r="herostage"]{ min-height:0 !important; padding-bottom:340px !important; }
    [data-r="herotext"]{ max-width:100% !important; }
    [data-r="orbit"]{ width:300px !important; height:300px !important; right:50% !important; transform:translateX(50%) !important; top:auto !important; bottom:24px !important; }
    [data-r="sect"]{ padding-top:64px !important; padding-bottom:64px !important; }
    [data-r="seam"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="seam2"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="seamline"]{ display:none !important; }
    [data-r="band"]{ height:auto !important; padding-top:20px !important; padding-bottom:20px !important; }
  }
  @media (max-width:480px){
    [data-r="grid4"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="form2"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="statrow"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="grid3"]{ grid-template-columns:minmax(0,1fr) !important; }
  }

    /* === tầng responsive chung === */
    img, svg, video{ max-width:100%; }
    [data-r="mtrigger"]{ display:none; }
    [data-r="drawer"]{ display:none; }
    #mnav{ position:absolute; opacity:0; width:0; height:0; pointer-events:none; }
    #mnav:checked ~ [data-r="drawer"]{ display:flex; }
    @media (max-width:1024px){
      [data-r="mtrigger"]{ display:flex !important; }
      [data-r="hidemob"]{ display:none !important; }
    }
    @media (max-width:767px){
    [data-v7panel]{ top:14px !important; transform:none !important; left:16px !important; right:16px !important; width:auto !important; }
    [data-v7cta]{ right:16px !important; bottom:14px !important; min-height:44px !important; padding:0 18px !important; font-size:14px !important; }
    [data-r="v7maphead"]{ padding-top:72px !important; padding-bottom:10px !important; }
    [data-r="v7maphead"] h3{ display:none !important; }
  }
  @media (max-height:700px) and (min-width:768px){
    [data-r="v7maphead"]{ padding-top:64px !important; padding-bottom:10px !important; flex-wrap:nowrap !important; align-items:center !important; }
    [data-r="v7maphead"] h3{ display:none !important; }
  }
  @media (prefers-reduced-motion: reduce){ [data-marquee], [data-r="cells"] img, [data-cellblob]{ animation:none !important; } }
  @media (max-width:768px){
    [data-r="cells"] img:nth-of-type(n+4){ display:none !important; }
    [data-r="bandlabel"]{ display:none !important; }
      [data-r="pad"]{ padding-left:18px !important; padding-right:18px !important; }
      [data-r="quote3"]{ padding-left:20px !important; padding-right:20px !important; }
      [data-r="ctaform"]{ grid-template-columns:minmax(0,1fr) !important; }
    }
    @media (max-width:480px){
      body{ font-size:16px; }
      [data-r="sect"]{ padding-top:52px !important; padding-bottom:52px !important; }
      [data-r="pad"]{ padding-left:16px !important; padding-right:16px !important; }
    }
  
  @keyframes v5-marq{ from{ transform:translate3d(0,0,0); } to{ transform:translate3d(-50%,0,0); } }
  @media (max-width:767px){
    [data-v7panel]{ top:14px !important; transform:none !important; left:16px !important; right:16px !important; width:auto !important; }
    [data-v7cta]{ right:16px !important; bottom:14px !important; min-height:44px !important; padding:0 18px !important; font-size:14px !important; }
    [data-r="v7maphead"]{ padding-top:72px !important; padding-bottom:10px !important; }
    [data-r="v7maphead"] h3{ display:none !important; }
  }
  @media (max-height:700px) and (min-width:768px){
    [data-r="v7maphead"]{ padding-top:64px !important; padding-bottom:10px !important; flex-wrap:nowrap !important; align-items:center !important; }
    [data-r="v7maphead"] h3{ display:none !important; }
  }
  @media (prefers-reduced-motion: reduce){ [data-v5marq]{ animation:none !important; } }
  @media (max-width:1024px){
    [data-r="v5hero"], [data-r="v5jour"], [data-r="v5tabp"], [data-r="v5pkg"], [data-r="v5contact"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="v5jimg"]{ position:relative !important; top:auto !important; height:clamp(240px,52vw,360px) !important; }
    [data-r="v5float"]{ position:static !important; margin-top:14px !important; width:auto !important; }
    [data-r="v5news"]{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    [data-r="v5news"] > *:last-child{ grid-column:span 2 !important; }
    [data-r="v5circ"]{ width:min(78vw,380px) !important; margin:0 auto !important; }
  }
  @media (max-width:600px){
    [data-r="v5news"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="v5news"] > *:last-child{ grid-column:auto !important; }
    [data-r="v5tabbtn"]{ min-width:max-content !important; }
  }

  @media (max-width:1024px){
    [data-r="v6about"], [data-r="v6eco"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="v6ecomid"]{ transform:none !important; }
    [data-r="v6quote"]{ position:static !important; width:auto !important; margin-top:16px !important; }
    [data-r="v6up"]{ margin:4px auto !important; max-width:none !important; }
    [data-v6cell="2"], [data-v6cell="5"]{ display:none !important; }
    [data-r="v7inner"]{ position:relative !important; right:auto !important; bottom:auto !important; width:auto !important; margin-top:28px !important; }
    [data-r="v7tall"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="v7two"]{ grid-template-columns:minmax(0,1fr) !important; }
    [data-r="v7row"]{ grid-template-columns:120px minmax(0,1fr) auto !important; }
    [data-r="v7row"] > span:first-child{ display:none !important; }
    [data-r="v7row"] > div:nth-child(2){ height:84px !important; }
    [data-r="v6helix"]{ right:-40px !important; opacity:.55 !important; }
    [data-v6cell="1"]{ width:84px !important; left:-14px !important; top:auto !important; bottom:150px !important; }
    [data-r="v6uparrow"]{ transform:rotate(90deg) !important; }
  }
  [data-r="bandlogo"] img{ transition:filter 160ms cubic-bezier(.4,0,.2,1), opacity 160ms cubic-bezier(.4,0,.2,1); }
  [data-r="bandlogo"]:hover img{ filter:none !important; opacity:1 !important; }
  [data-r="bandlogo"]:hover div{ color:var(--navy-700) !important; }
  header[data-hdr] a{ border-bottom:none; }
  header[data-hdr] [data-r="drawer"] a{ border-bottom:1px solid var(--border-hairline); }
  header[data-hdr] [data-r="drawer"] a:last-child, header[data-hdr] [data-r="drawer"] a[href^="tel:"]{ border-bottom:none; }
  @keyframes v7pulse{ 0%{ transform:scale(1); opacity:.7; } 100%{ transform:scale(3.4); opacity:0; } }
  @media (max-width:1024px){ [data-r="vgrid"]{ grid-template-columns:minmax(0,1fr) !important; } [data-r="vlist"]{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
  @media (max-width:600px){ [data-r="vlist"]{ grid-template-columns:minmax(0,1fr) !important; } }

/* hover */