/*
 * DTA Premium V28 refinement layer
 * Mục tiêu: hero sáng rõ, không bị box che logo, headline thoáng hơn,
 * menu ổn định hơn trên desktop/mobile, giao diện đồng bộ hiện đại.
 */
body.dta-premium-v26 .top-strip-inner{min-height:40px}
body.dta-premium-v26 .nav-wrap{
  gap:18px;
  min-height:78px;
  padding:12px 16px 12px 22px;
  border:1px solid rgba(255,255,255,.86);
  box-shadow:0 20px 56px rgba(15,73,143,.10);
}
body.dta-premium-v26 .brand img{width:160px;max-height:60px}
body.dta-premium-v26 .main-nav{
  gap:clamp(1px,.45vw,7px);
  min-width:0;
}
body.dta-premium-v26 .main-nav > a,
body.dta-premium-v26 .nav-service-trigger{
  padding:11px 13px;
  border-radius:14px;
  font-size:12.5px;
  letter-spacing:.01em;
}
body.dta-premium-v26 .nav-submenu{
  min-width:300px;
  padding:14px;
}
body.dta-premium-v26 .nav-submenu a{padding:11px 12px;border-radius:12px}

body.dta-premium-v26 .dta-premium-hero{
  min-height:840px;
  padding:106px 0 64px;
  background:
    radial-gradient(circle at 74% 38%,rgba(109,202,255,.30),transparent 32%),
    radial-gradient(circle at 16% 16%,rgba(8,103,229,.12),transparent 27%),
    linear-gradient(135deg,#fbfdff 0%,#eef7ff 52%,#f7fbff 100%);
}
body.dta-premium-v26 .hero-grid-real{
  grid-template-columns:minmax(0,.98fr) minmax(470px,1.02fr);
  column-gap:44px;
  row-gap:36px;
  align-items:start;
}
body.dta-premium-v26 .hero-copy{
  max-width:720px;
  padding-top:18px;
}
body.dta-premium-v26 .dta-premium-eyebrow{
  margin-bottom:28px;
  padding:12px 18px;
  font-size:13px;
  gap:10px;
}
body.dta-premium-v26 .hero-copy h1{
  margin:0 0 28px;
  font-size:clamp(52px,5.55vw,84px);
  line-height:1.08;
  letter-spacing:-.055em;
  text-wrap:balance;
}
body.dta-premium-v26 .hero-line{margin:0 0 .03em}
body.dta-premium-v26 .hero-copy .lead{
  max-width:700px;
  margin:0 0 34px;
  font-size:18px;
  line-height:1.82;
  color:#627a99;
}
body.dta-premium-v26 .hero-actions{gap:16px}
body.dta-premium-v26 .btn{
  min-height:64px;
  padding:18px 26px;
  border-radius:22px;
  font-size:18px;
}
body.dta-premium-v26 .btn-icon,
body.dta-premium-v26 .btn-play{width:28px;height:28px}

body.dta-premium-v26 .dta-3d-stage{
  width:min(100%,640px);
  aspect-ratio:1.02;
  margin-inline:auto 0;
}
body.dta-premium-v26 .dta-stage-halo{inset:10%}
body.dta-premium-v26 .dta-stage-grid{
  position:absolute;
  inset:2%;
  border-radius:36px;
  border:1px solid rgba(82,153,233,.10);
  background:linear-gradient(rgba(19,122,222,.04) 1px, transparent 1px),linear-gradient(90deg, rgba(19,122,222,.04) 1px, transparent 1px);
  background-size:32px 32px;
  mask-image:radial-gradient(circle at 50% 50%, #000 58%, transparent 100%);
}
body.dta-premium-v26 .dta-logo-showcase{position:absolute;inset:0;z-index:5}
body.dta-premium-v26 .dta-logo-backplate{
  position:absolute;
  inset:auto;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.72);
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(227,242,255,.42));
  box-shadow:0 24px 50px rgba(17,73,143,.10);
  backdrop-filter:blur(14px);
}
body.dta-premium-v26 .dta-logo-backplate-one{left:14%;top:12%;width:68%;height:68%}
body.dta-premium-v26 .dta-logo-backplate-two{right:7%;bottom:14%;width:34%;height:34%;transform:rotate(6deg)}
body.dta-premium-v26 .dta-logo-backplate-three{left:10%;bottom:10%;width:28%;height:24%;transform:rotate(-7deg)}
body.dta-premium-v26 .dta-glass-core{
  top:46%;
  width:194px;
  height:194px;
  transform:translate(-50%,-50%) translateZ(125px);
}
body.dta-premium-v26 .dta-glass-core img{width:112px}
body.dta-premium-v26 .dta-platform{bottom:8%;width:74%;height:27%}
body.dta-premium-v26 .dta-platform-ring{border-width:16px}
body.dta-premium-v26 .dta-platform-ring.ring-two{border-width:10px}
body.dta-premium-v26 .dta-platform-ring.ring-three{border-width:6px}

body.dta-premium-v26 .dta-mini-pill{
  position:absolute;
  z-index:9;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:112px;
  padding:10px 18px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.9);
  background:rgba(255,255,255,.78);
  box-shadow:0 16px 36px rgba(18,69,132,.09);
  backdrop-filter:blur(16px);
  color:#3a63c5;
  font-size:13px;
  font-weight:800;
}
body.dta-premium-v26 .pill-1{left:5%;top:16%}
body.dta-premium-v26 .pill-2{right:1%;top:42%}
body.dta-premium-v26 .pill-3{left:2%;bottom:15%}

body.dta-premium-v26 .floating-card{
  gap:12px;
  min-width:235px;
  max-width:280px;
  padding:18px 20px;
  border-radius:22px;
  box-shadow:0 20px 46px rgba(17,73,143,.12);
  background:rgba(255,255,255,.86);
}
body.dta-premium-v26 .floating-card > div{display:flex;flex-direction:column;gap:4px}
body.dta-premium-v26 .floating-card strong{
  display:block;
  font-size:18px;
  line-height:1.12;
  color:#16396f;
}
body.dta-premium-v26 .floating-card span:last-child{
  display:block;
  font-size:15px;
  line-height:1.4;
  color:#6d819d;
}
body.dta-premium-v26 .floating-card-icon{width:34px;height:34px;border-radius:11px;font-size:14px}
body.dta-premium-v26 .floating-card.card-1{right:-3%;bottom:26%}
body.dta-premium-v26 .floating-card.card-2{left:-1%;top:58%}
body.dta-premium-v26 .floating-card.card-3{right:7%;top:12%}
body.dta-premium-v26 .dta-data-panel{left:8%;bottom:6%;width:142px;height:94px;border-radius:22px}
body.dta-premium-v26 .hero-insight-panel{
  gap:24px;
  padding:22px 24px;
  border-radius:28px;
  box-shadow:0 26px 66px rgba(16,73,144,.11);
}
body.dta-premium-v26 .hero-awards strong{font-size:15px}
body.dta-premium-v26 .hero-awards ul{font-size:12.5px}
body.dta-premium-v26 .hero-stats strong{font-size:25px}
body.dta-premium-v26 .hero-stats > div{padding:10px 12px}

body.dta-premium-v26 .partner-band{padding:22px 0 12px;background:transparent}
body.dta-premium-v26 .partner-panel{padding:16px;gap:16px;border-radius:28px;background:rgba(255,255,255,.76);backdrop-filter:blur(16px)}
body.dta-premium-v26 .partner-logo{min-height:98px;border-radius:19px}

body.dta-premium-v26 .about,
body.dta-premium-v26 .services,
body.dta-premium-v26 .faq-section,
body.dta-premium-v26 .news,
body.dta-premium-v26 .register{padding:116px 0}
body.dta-premium-v26 .about-grid-real{gap:56px}
body.dta-premium-v26 .about-media-real{min-height:520px}
body.dta-premium-v26 .about-media-real:before{inset:5% 14% 14% 6%}
body.dta-premium-v26 .about-media-real:after{inset:16% 6% 5% 14%}
body.dta-premium-v26 .about-copy-real h2,
body.dta-premium-v26 .services-head h2,
body.dta-premium-v26 .section-head h2,
body.dta-premium-v26 .journey-head h2,
body.dta-premium-v26 .faq-copy h2{line-height:1.08}
body.dta-premium-v26 .about-metric-row{grid-template-columns:170px 1fr;padding:18px 20px;border-radius:20px}
body.dta-premium-v26 .service-grid{gap:22px}
body.dta-premium-v26 .service-card-simple{min-height:280px;border-radius:28px}

@media (max-width:1280px){
  body.dta-premium-v26 .nav-wrap{gap:12px;padding-inline:16px}
  body.dta-premium-v26 .brand img{width:148px}
  body.dta-premium-v26 .main-nav > a,
  body.dta-premium-v26 .nav-service-trigger{padding:10px 11px;font-size:12px}
  body.dta-premium-v26 .hero-grid-real{grid-template-columns:minmax(0,1fr) minmax(430px,.96fr);column-gap:28px}
  body.dta-premium-v26 .hero-copy h1{font-size:clamp(48px,5vw,74px)}
  body.dta-premium-v26 .dta-3d-stage{width:min(100%,590px)}
  body.dta-premium-v26 .floating-card{min-width:220px;max-width:252px}
}

@media (max-width:1100px){
  body.dta-premium-v26 .menu-toggle{display:flex;position:relative;z-index:1302}
  body.dta-premium-v26 .main-nav{
    position:fixed;
    top:max(84px,calc(env(safe-area-inset-top) + 84px));
    right:16px;
    left:16px;
    max-height:calc(100vh - 110px);
    overflow:auto;
    flex-direction:column;
    align-items:stretch;
    gap:6px;
    padding:18px;
    border-radius:26px;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(16px);
    box-shadow:0 28px 70px rgba(14,72,142,.18);
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
  }
  body.dta-premium-v26 .main-nav.open{opacity:1;visibility:visible;transform:translateY(0)}
  body.dta-premium-v26 .main-nav > a,
  body.dta-premium-v26 .main-nav > .nav-dropdown > .nav-service-trigger{width:100%;justify-content:space-between;padding:14px 16px;font-size:14px}
  body.dta-premium-v26 .nav-dropdown{display:block}
  body.dta-premium-v26 .nav-submenu{position:static;transform:none;min-width:0;margin-top:8px;padding:8px;border-radius:18px;opacity:1;visibility:visible;box-shadow:none;background:#f4f9ff;display:none}
  body.dta-premium-v26 .nav-dropdown:hover .nav-submenu,
  body.dta-premium-v26 .nav-dropdown:focus-within .nav-submenu,
  body.dta-premium-v26 .nav-dropdown.submenu-open .nav-submenu{display:block}
  body.dta-premium-v26 .hero-grid-real{grid-template-columns:1fr}
  body.dta-premium-v26 .hero-copy{max-width:none;padding-top:0}
  body.dta-premium-v26 .hero-insight-panel{grid-template-columns:1fr}
  body.dta-premium-v26 .hero-awards{padding-right:0;border-right:0;border-bottom:1px solid rgba(31,105,192,.13);padding-bottom:14px}
  body.dta-premium-v26 .dta-3d-stage{margin-inline:auto;width:min(100%,640px)}
  body.dta-premium-v26 .floating-card.card-1{right:1%;bottom:23%}
  body.dta-premium-v26 .floating-card.card-2{left:1%;top:58%}
  body.dta-premium-v26 .floating-card.card-3{right:7%;top:12%}
  body.dta-premium-v26 .about-grid-real{grid-template-columns:1fr}
  body.dta-premium-v26 .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:767px){
  body.dta-premium-v26 .dta-premium-hero{min-height:auto;padding:84px 0 44px}
  body.dta-premium-v26 .dta-premium-eyebrow{margin-bottom:18px;padding:10px 14px;font-size:11px;letter-spacing:.06em}
  body.dta-premium-v26 .hero-copy h1{font-size:clamp(40px,11vw,58px);line-height:1.09;margin-bottom:20px}
  body.dta-premium-v26 .hero-copy .lead{font-size:16px;line-height:1.7;margin-bottom:24px}
  body.dta-premium-v26 .hero-actions{flex-direction:column}
  body.dta-premium-v26 .btn{width:100%;min-height:58px;padding:16px 18px;font-size:16px}
  body.dta-premium-v26 .dta-3d-stage{aspect-ratio:.92;width:100%;max-width:420px}
  body.dta-premium-v26 .dta-glass-core{width:148px;height:148px;top:46%}
  body.dta-premium-v26 .dta-glass-core img{width:88px}
  body.dta-premium-v26 .dta-logo-backplate-one{left:12%;top:16%;width:72%;height:60%}
  body.dta-premium-v26 .dta-logo-backplate-two{right:10%;bottom:16%;width:36%;height:28%}
  body.dta-premium-v26 .dta-logo-backplate-three{left:12%;bottom:10%;width:28%;height:20%}
  body.dta-premium-v26 .dta-platform{bottom:12%;width:78%;height:24%}
  body.dta-premium-v26 .floating-card{min-width:0;max-width:none;width:68%;padding:12px 14px;border-radius:18px}
  body.dta-premium-v26 .floating-card strong{font-size:14px}
  body.dta-premium-v26 .floating-card span:last-child{font-size:12px}
  body.dta-premium-v26 .floating-card.card-1{right:0;bottom:24%}
  body.dta-premium-v26 .floating-card.card-2{left:0;top:59%}
  body.dta-premium-v26 .floating-card.card-3{right:4%;top:14%}
  body.dta-premium-v26 .dta-data-panel{left:10%;bottom:6%;width:112px;height:78px}
  body.dta-premium-v26 .dta-mini-pill{min-width:94px;padding:8px 13px;font-size:11px}
  body.dta-premium-v26 .pill-1{left:2%;top:16%}
  body.dta-premium-v26 .pill-2{right:0;top:44%}
  body.dta-premium-v26 .pill-3{left:4%;bottom:14%}
  body.dta-premium-v26 .hero-insight-panel{padding:18px;border-radius:22px}
  body.dta-premium-v26 .hero-stats{grid-template-columns:1fr}
  body.dta-premium-v26 .partner-panel{grid-template-columns:repeat(2,1fr)}
  body.dta-premium-v26 .service-grid{grid-template-columns:1fr}
  body.dta-premium-v26 .about-media-real{min-height:350px}
  body.dta-premium-v26 .about-metric-row{grid-template-columns:116px 1fr;padding:14px}
}

@media (max-width:520px){
  body.dta-premium-v26 .nav-wrap{min-height:72px;padding:10px 12px 10px 16px;border-radius:22px}
  body.dta-premium-v26 .menu-toggle{padding:10px 12px;border-radius:14px}
  body.dta-premium-v26 .brand img{width:138px}
  body.dta-premium-v26 .main-nav{left:12px;right:12px;top:max(76px,calc(env(safe-area-inset-top) + 76px))}
  body.dta-premium-v26 .dta-3d-stage{max-width:360px}
  body.dta-premium-v26 .floating-card{width:74%}
  body.dta-premium-v26 .dta-mini-pill{display:none}
  body.dta-premium-v26 .partner-logo{min-height:82px}
}