/* DHHD Homepage Style Pro v1.1.0 — Mobile Premium */
body.dhhd-home-style-pro{
 font-family:var(--dhhd-font)!important;color:var(--dhhd-dark);font-size:var(--dhhd-body);
 -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility
}
.dhhd-home-style-pro h1,.dhhd-home-style-pro h2,.dhhd-home-style-pro h3,.dhhd-home-style-pro h4,
.dhhd-home-style-pro p,.dhhd-home-style-pro a,.dhhd-home-style-pro button,.dhhd-home-style-pro input{
 font-family:var(--dhhd-font)!important
}
.dhhd-home-style-pro .section{padding-top:68px;padding-bottom:68px}
.dhhd-home-style-pro .row{max-width:1200px}

/* HERO */
.dhhd-home-style-pro .dhhd-hsp-hero{position:relative;overflow:hidden}
.dhhd-home-style-pro .dhhd-hsp-hero .section-content{position:relative;z-index:3}
.dhhd-home-style-pro.dhhd-hsp-hero-premium .dhhd-hsp-hero .section-bg-overlay{background:transparent!important}
.dhhd-home-style-pro.dhhd-hsp-hero-premium .dhhd-hsp-hero:before{
 content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
 background:linear-gradient(90deg,rgba(3,23,60,.72) 0%,rgba(3,23,60,.58) 48%,rgba(3,23,60,.26) 100%)
}
.dhhd-home-style-pro .dhh-banner-title{
 font-size:var(--dhhd-h1)!important;line-height:1.06!important;letter-spacing:-.045em!important;
 font-weight:800!important;color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.16)
}
.dhhd-home-style-pro .dhh-banner-desc{
 font-size:16px!important;line-height:1.72!important;color:rgba(255,255,255,.94)!important;max-width:680px
}
.dhhd-home-style-pro .dhh-highlight{position:relative;color:#fff!important}
.dhhd-home-style-pro .dhh-highlight:after{
 content:"";position:absolute;left:0;right:0;bottom:-5px;height:4px;border-radius:99px;background:var(--dhhd-red)
}
.dhhd-home-style-pro .dhh-banner-checks,.dhhd-home-style-pro .dhh-banner-checks *{color:#fff!important}

/* TYPE */
.dhhd-home-style-pro .dhh-section-title,.dhhd-home-style-pro .dhh-about-title,.dhhd-home-style-pro .faq-main-title{
 font-size:var(--dhhd-h2)!important;line-height:1.16!important;letter-spacing:-.035em!important;
 color:var(--dhhd-blue)!important;font-weight:800!important
}
.dhhd-home-style-pro .dhh-section-desc,.dhhd-home-style-pro .dhh-about-desc,.dhhd-home-style-pro .faq-main-desc{
 font-size:15px!important;line-height:1.75!important;color:var(--dhhd-muted)!important
}
.dhhd-home-style-pro .dhh-badge-top,.dhhd-home-style-pro .dhh-badge-about,.dhhd-home-style-pro .dhh-badge-center,.dhhd-home-style-pro .faq-badge{
 border-radius:999px!important;padding:7px 11px!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important
}
.dhhd-home-style-pro .dhh-badge-about,.dhhd-home-style-pro .dhh-badge-center,.dhhd-home-style-pro .faq-badge{
 background:#EEF5FD!important;color:var(--dhhd-blue)!important
}

/* BUTTONS */
.dhhd-home-style-pro .dhh-btn-red,.dhhd-home-style-pro .dhh-btn-white,.dhhd-home-style-pro .dhh-btn-blue-pill,
.dhhd-home-style-pro .dhh-btn-call,.dhhd-home-style-pro .dhh-btn-zalo{
 min-height:48px!important;padding:0 18px!important;border-radius:12px!important;display:inline-flex!important;
 align-items:center!important;justify-content:center!important;gap:8px!important;font-size:13px!important;font-weight:800!important;
 transition:.22s ease!important;text-decoration:none!important
}
.dhhd-home-style-pro .dhh-btn-red,.dhhd-home-style-pro .dhh-btn-zalo{background:var(--dhhd-red)!important;color:#fff!important}
.dhhd-home-style-pro .dhh-btn-blue-pill,.dhhd-home-style-pro .dhh-btn-call{background:var(--dhhd-blue)!important;color:#fff!important}
.dhhd-home-style-pro .dhh-btn-white{background:#fff!important;color:var(--dhhd-blue)!important;border:1px solid rgba(255,255,255,.72)!important}

/* CARDS */
.dhhd-home-style-pro .dhh-feature-box,.dhhd-home-style-pro .dhh-market-card,.dhhd-home-style-pro .dhh-vision-card,.dhhd-home-style-pro .dhh-step-card{
 border:1px solid #DDE6EF!important;border-radius:var(--dhhd-radius)!important;background:#fff!important;
 box-shadow:0 9px 26px rgba(8,46,141,var(--dhhd-shadow))!important;
 transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease!important
}
.dhhd-home-style-pro .dhh-feature-box{padding:19px!important;min-height:116px}
.dhhd-home-style-pro .dhh-f-icon{width:48px!important;height:48px!important;border-radius:14px!important;display:grid!important;place-items:center!important}
.dhhd-home-style-pro .dhh-f-text h4{font-size:16px!important;font-weight:800!important;color:var(--dhhd-blue)!important}
.dhhd-home-style-pro .dhh-f-text p{font-size:13px!important;line-height:1.55!important;color:var(--dhhd-muted)!important}

/* Restrained palette: no teal/pink/orange overload */
.dhhd-home-style-pro .icon-blue{background:#EDF4FF!important;color:var(--dhhd-blue)!important}
.dhhd-home-style-pro .icon-pink,.dhhd-home-style-pro .icon-red{background:#FFF0F1!important;color:var(--dhhd-red)!important}
.dhhd-home-style-pro .icon-orange{background:#FFF4EA!important;color:var(--dhhd-orange)!important}
.dhhd-home-style-pro .icon-teal{background:#EDF4FF!important;color:var(--dhhd-blue)!important}

.dhhd-home-style-pro .dhh-market-card{overflow:hidden!important}
.dhhd-home-style-pro .dhh-card-thumb{overflow:hidden!important}
.dhhd-home-style-pro .dhh-card-thumb img{transition:transform .5s cubic-bezier(.2,.8,.2,1)!important}
.dhhd-home-style-pro .dhh-card-body{padding:22px 24px!important}
.dhhd-home-style-pro .dhh-card-info h3{font-size:22px!important;font-weight:800!important;color:var(--dhhd-blue)!important}
.dhhd-home-style-pro .dhh-card-info p{font-size:13.5px!important;line-height:1.68!important;color:var(--dhhd-muted)!important}
.dhhd-home-style-pro .dhh-card-btn{width:44px!important;height:44px!important;border-radius:14px!important;display:grid!important;place-items:center!important}

.dhhd-home-style-pro .video-box,.dhhd-home-style-pro .video-box iframe{
 border-radius:var(--dhhd-radius)!important;overflow:hidden!important;box-shadow:0 16px 40px rgba(15,54,100,.11)!important
}
.dhhd-home-style-pro .dhh-check-item{padding:11px 13px!important;border:1px solid #E2EAF2!important;border-radius:12px!important;background:#fff!important}
.dhhd-home-style-pro .dhh-check-item i{color:#21835D!important}

/* VISION */
.dhhd-home-style-pro .dhh-vision-card{height:100%;padding:24px!important;position:relative!important;overflow:hidden!important}
.dhhd-home-style-pro .dhh-vision-card:before{
 content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--dhhd-blue),var(--dhhd-red))
}
.dhhd-home-style-pro .dhh-vision-num{font-size:10px!important;color:var(--dhhd-red)!important;font-weight:900!important}
.dhhd-home-style-pro .dhh-vision-title{font-size:20px!important;color:var(--dhhd-blue)!important}
.dhhd-home-style-pro .dhh-vision-desc{font-size:13.5px!important;line-height:1.7!important;color:var(--dhhd-muted)!important}

/* WHY — dark section readable */
.dhhd-home-style-pro .dhhd-hsp-why-section{background:linear-gradient(135deg,#082E8D,#061E61)!important}
.dhhd-home-style-pro .dhhd-hsp-why-section .section-bg-overlay{background:transparent!important}
.dhhd-home-style-pro .dhh-why-title{color:#fff!important;font-size:var(--dhhd-h2)!important;font-weight:800!important}
.dhhd-home-style-pro .dhh-why-desc{color:rgba(255,255,255,.84)!important;font-size:15px!important;line-height:1.7!important}
.dhhd-home-style-pro .dhh-why-card{
 height:100%;padding:22px!important;border:1px solid rgba(255,255,255,.23)!important;border-radius:var(--dhhd-radius)!important;
 background:rgba(255,255,255,.10)!important;backdrop-filter:blur(7px)!important
}
.dhhd-home-style-pro .dhh-why-icon{width:46px!important;height:46px!important;border-radius:14px!important;background:#fff!important;color:var(--dhhd-blue)!important;display:grid!important;place-items:center!important}
.dhhd-home-style-pro .dhh-why-card-title{font-size:16px!important;color:#fff!important}
.dhhd-home-style-pro .dhh-why-card-desc{font-size:13px!important;line-height:1.65!important;color:rgba(255,255,255,.84)!important}

/* PROCESS */
.dhhd-home-style-pro .dhh-scroll-container{position:relative!important;gap:12px!important}
.dhhd-home-style-pro .dhh-scroll-container:before{content:"";position:absolute;left:6%;right:6%;top:27px;height:2px;background:linear-gradient(90deg,#DCE6F0,var(--dhhd-blue),#DCE6F0)}
.dhhd-home-style-pro .dhh-step-card{position:relative!important;z-index:1!important;padding:20px!important;min-height:160px}
.dhhd-home-style-pro .dhh-step-num{width:38px!important;height:38px!important;border-radius:12px!important;background:var(--dhhd-blue)!important;color:#fff!important;display:grid!important;place-items:center!important;font-weight:800!important}
.dhhd-home-style-pro .dhh-step-title{font-size:16px!important;color:var(--dhhd-blue)!important}
.dhhd-home-style-pro .dhh-step-desc{font-size:13px!important;line-height:1.65!important;color:var(--dhhd-muted)!important}

/* BLOG/TABS */
.dhhd-home-style-pro .tabdhhd-custom-tabs .nav{gap:6px!important}
.dhhd-home-style-pro .tabdhhd-custom-tabs .nav>li>a{
 min-height:40px!important;padding:0 14px!important;border-radius:999px!important;border:1px solid #DCE5ED!important;
 background:#fff!important;color:#526B83!important;font-size:11px!important;font-weight:800!important;display:flex!important;align-items:center!important
}
.dhhd-home-style-pro .tabdhhd-custom-tabs .nav>li.active>a{background:var(--dhhd-blue)!important;color:#fff!important;border-color:var(--dhhd-blue)!important}
.dhhd-home-style-pro .box-blog-post{
 border:1px solid #E0E8F0!important;border-radius:var(--dhhd-radius)!important;overflow:hidden!important;background:#fff!important;
 box-shadow:0 9px 25px rgba(8,46,141,.065)!important
}

/* FAQ */
.dhhd-home-style-pro .faq-card{border:1px solid #DCE6EF!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important;margin-bottom:9px!important;box-shadow:0 6px 18px rgba(8,46,141,.04)!important}
.dhhd-home-style-pro .faq-head{min-height:58px!important;padding:15px 50px 15px 17px!important;display:flex!important;align-items:center!important;position:relative!important;cursor:pointer!important}
.dhhd-home-style-pro .faq-head:after{content:"+";position:absolute;right:17px;top:50%;transform:translateY(-50%);width:29px;height:29px;border-radius:9px;background:#EEF5FB;color:var(--dhhd-blue);display:grid;place-items:center;font-size:18px}
.dhhd-home-style-pro .faq-card.active .faq-head:after{content:"−";background:var(--dhhd-blue);color:#fff}
.dhhd-home-style-pro .faq-question{font-size:14px!important;font-weight:750!important;color:var(--dhhd-dark)!important}
.dhhd-home-style-pro .faq-body{display:block!important;max-height:0;opacity:0;overflow:hidden;padding:0 17px!important;transition:max-height .38s ease,opacity .25s ease,padding .3s ease!important}
.dhhd-home-style-pro .faq-card.active .faq-body{opacity:1;padding:0 17px 16px!important}
.dhhd-home-style-pro .faq-body p{margin:0!important;font-size:13px!important;line-height:1.7!important;color:var(--dhhd-muted)!important}

/* CTA */
.dhhd-home-style-pro .dhh-cta-banner{
 border-radius:calc(var(--dhhd-radius) + 2px)!important;padding:30px!important;
 background:radial-gradient(circle at 90% 10%,rgba(231,11,26,.22),transparent 24%),linear-gradient(120deg,#082E8D,#061E61)!important;
 box-shadow:0 18px 46px rgba(8,53,109,.19)!important
}
.dhhd-home-style-pro .dhh-cta-title{font-size:28px!important;color:#fff!important}
.dhhd-home-style-pro .dhh-cta-desc{font-size:13.5px!important;color:rgba(255,255,255,.86)!important}

/* MOTION */
.dhhd-home-style-pro .dhhd-reveal{opacity:0;transform:translateY(16px);transition:opacity var(--dhhd-speed) cubic-bezier(.2,.8,.2,1),transform var(--dhhd-speed) cubic-bezier(.2,.8,.2,1)}
.dhhd-home-style-pro .dhhd-reveal.in{opacity:1;transform:none}
.dhhd-home-style-pro .dhhd-reveal[data-delay="1"]{transition-delay:45ms}
.dhhd-home-style-pro .dhhd-reveal[data-delay="2"]{transition-delay:90ms}
.dhhd-home-style-pro .dhhd-reveal[data-delay="3"]{transition-delay:135ms}
.dhhd-home-style-pro .dhhd-reveal[data-delay="4"]{transition-delay:180ms}

/* Hover only if enabled */
@media(hover:hover){
 body.dhhd-home-style-pro:not(.dhhd-hsp-no-hover) .dhh-feature-box:hover,
 body.dhhd-home-style-pro:not(.dhhd-hsp-no-hover) .dhh-market-card:hover,
 body.dhhd-home-style-pro:not(.dhhd-hsp-no-hover) .dhh-vision-card:hover,
 body.dhhd-home-style-pro:not(.dhhd-hsp-no-hover) .dhh-step-card:hover{
  transform:translateY(-5px)!important;box-shadow:0 17px 38px rgba(8,46,141,.12)!important
 }
 body.dhhd-home-style-pro:not(.dhhd-hsp-no-hover) .dhh-market-card:hover .dhh-card-thumb img{transform:scale(1.04)!important}
}

/* =========================================================
   MOBILE PREMIUM
   ========================================================= */
@media(max-width:849px){
 body.dhhd-home-style-pro{font-size:var(--dhhd-mobile-body)!important}
 .dhhd-home-style-pro .section{padding-top:44px!important;padding-bottom:44px!important}
 .dhhd-home-style-pro .row{padding-left:3px;padding-right:3px}

 /* Hero: pure navy gradient, no gray film */
 .dhhd-home-style-pro.dhhd-hsp-mobile-premium .dhhd-hsp-hero{
  min-height:calc(100svh - 130px);display:flex;align-items:center
 }
 .dhhd-home-style-pro.dhhd-hsp-hero-premium .dhhd-hsp-hero:before{
  background:linear-gradient(180deg,rgba(3,24,63,.34) 0%,rgba(3,24,63,.49) 42%,rgba(3,24,63,.72) 100%)!important
 }
 .dhhd-home-style-pro .dhhd-hsp-hero .section-content{width:100%}
 .dhhd-home-style-pro .dhh-banner-title{
  font-size:var(--dhhd-mobile-h1)!important;line-height:1.13!important;letter-spacing:-.038em!important;text-align:center!important
 }
 .dhhd-home-style-pro .dhh-banner-desc{
  max-width:620px;margin-left:auto!important;margin-right:auto!important;
  font-size:var(--dhhd-mobile-body)!important;line-height:1.7!important;text-align:center!important;color:rgba(255,255,255,.92)!important
 }
 .dhhd-home-style-pro .dhh-badge-top{font-size:10px!important}
 .dhhd-home-style-pro .dhh-banner-checks{justify-content:center!important;text-align:center!important}
 .dhhd-home-style-pro .dhh-banner-checks *{font-size:12.5px!important}
 .dhhd-home-style-pro .dhh-btn-red,.dhhd-home-style-pro .dhh-btn-white{
  min-height:52px!important;font-size:13.5px!important;border-radius:14px!important
 }

 .dhhd-home-style-pro .dhh-section-title,.dhhd-home-style-pro .dhh-about-title,.dhhd-home-style-pro .faq-main-title,.dhhd-home-style-pro .dhh-why-title{
  font-size:var(--dhhd-mobile-h2)!important;line-height:1.2!important
 }
 .dhhd-home-style-pro .dhh-section-desc,.dhhd-home-style-pro .dhh-about-desc,.dhhd-home-style-pro .faq-main-desc,.dhhd-home-style-pro .dhh-why-desc{
  font-size:14px!important;line-height:1.7!important
 }

 /* 4 quick feature cards */
 .dhhd-home-style-pro .dhh-feature-box{
  min-height:124px!important;padding:15px!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(8,46,141,.08)!important
 }
 .dhhd-home-style-pro .dhh-f-icon{width:46px!important;height:46px!important;border-radius:14px!important}
 .dhhd-home-style-pro .dhh-f-text h4{font-size:14.5px!important;line-height:1.32!important;color:var(--dhhd-blue)!important}
 .dhhd-home-style-pro .dhh-f-text p{font-size:12.5px!important;line-height:1.5!important;color:#526B83!important}

 /* Cards */
 .dhhd-home-style-pro .dhh-market-card,.dhhd-home-style-pro .dhh-vision-card,.dhhd-home-style-pro .dhh-step-card{border-radius:18px!important}
 .dhhd-home-style-pro .dhh-card-body{padding:18px!important}
 .dhhd-home-style-pro .dhh-card-info h3{font-size:20px!important}
 .dhhd-home-style-pro .dhh-card-info p{font-size:13px!important}
 .dhhd-home-style-pro .dhh-vision-card{padding:19px!important}
 .dhhd-home-style-pro .dhh-vision-title{font-size:18px!important}
 .dhhd-home-style-pro .dhh-vision-desc{font-size:13px!important}

 /* Why section */
 .dhhd-home-style-pro .dhh-why-card{padding:18px!important;background:rgba(255,255,255,.11)!important}
 .dhhd-home-style-pro .dhh-why-card-title{font-size:15px!important}
 .dhhd-home-style-pro .dhh-why-card-desc{font-size:13px!important;color:rgba(255,255,255,.86)!important}

 /* Process robust horizontal scroller */
 .dhhd-home-style-pro .dhh-scroll-container{
  display:flex!important;overflow-x:auto!important;overscroll-behavior-x:contain;scroll-snap-type:x mandatory!important;
  gap:10px!important;padding:4px 2px 12px!important;scrollbar-width:none
 }
 .dhhd-home-style-pro .dhh-scroll-container::-webkit-scrollbar{display:none}
 .dhhd-home-style-pro .dhh-scroll-container:before{display:none!important}
 .dhhd-home-style-pro .dhh-step-card{
  flex:0 0 min(78vw,285px)!important;min-width:0!important;min-height:170px!important;scroll-snap-align:start!important;padding:18px!important
 }
 .dhhd-home-style-pro .dhh-step-title{font-size:15px!important}
 .dhhd-home-style-pro .dhh-step-desc{font-size:13px!important}

 /* Tabs scroll, do not squeeze text */
 .dhhd-home-style-pro .tabdhhd-custom-tabs .nav{
  display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;padding-bottom:5px!important;scrollbar-width:none
 }
 .dhhd-home-style-pro .tabdhhd-custom-tabs .nav::-webkit-scrollbar{display:none}
 .dhhd-home-style-pro .tabdhhd-custom-tabs .nav>li{flex:0 0 auto!important}
 .dhhd-home-style-pro .tabdhhd-custom-tabs .nav>li>a{font-size:11px!important}

 .dhhd-home-style-pro .faq-question{font-size:14px!important}
 .dhhd-home-style-pro .faq-body p{font-size:13.5px!important}
 .dhhd-home-style-pro .dhh-cta-banner{padding:22px!important;border-radius:19px!important}
 .dhhd-home-style-pro .dhh-cta-title{font-size:22px!important}
 .dhhd-home-style-pro .dhh-cta-desc{font-size:13px!important}
}

@media(max-width:390px){
 .dhhd-home-style-pro .dhh-banner-title{font-size:32px!important}
 .dhhd-home-style-pro .dhh-feature-box{min-height:116px!important;padding:13px!important}
 .dhhd-home-style-pro .dhh-f-text h4{font-size:13.5px!important}
 .dhhd-home-style-pro .dhh-f-text p{font-size:12px!important}
}

@media(prefers-reduced-motion:reduce){
 .dhhd-home-style-pro .dhhd-reveal{opacity:1!important;transform:none!important;transition:none!important}
 .dhhd-home-style-pro *{animation:none!important;transition-duration:.01ms!important}
}