@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZg.ttf) format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZg.ttf) format('truetype')}
:root{--n:#112746;--b:#106fed;--c:#14bde7;--m:#5e7089;--l:#d9e5f2;--p:#f3f9ff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.diticoms-landing{margin:0;color:var(--n);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
body.diticoms-landing a{color:inherit}
.dt-wrap{width:min(1150px,calc(100% - 40px));margin:auto}
.dt-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid var(--l);backdrop-filter:blur(12px)}
.dt-header .dt-wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:74px}
.dt-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.dt-brand img{width:43px;height:43px;object-fit:contain}
.dt-brand strong{display:block;font-size:17px}
.dt-brand small{display:block;margin-top:2px;color:#61738d;font-size:9px;font-weight:800;letter-spacing:.08em}
.dt-nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:750}
.dt-nav a{text-decoration:none}
.dt-nav .cta{padding:11px 15px;color:#fff;background:var(--b);border-radius:9px}
.dt-hero{overflow:hidden;background:radial-gradient(circle at 90% 9%,#b8f0ff,transparent 24%),linear-gradient(120deg,#f8fcff,#eaf6ff)}
.dt-hero .dt-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;min-height:560px;padding:65px 0}
.eyebrow{margin:0 0 14px;color:#1072e7;font-size:12px;font-weight:900;letter-spacing:.12em}
.eyebrow:before{content:"";display:inline-block;width:24px;margin:0 9px 4px 0;border-top:2px solid currentColor}
.dt-hero h1{margin:0;letter-spacing:-.055em;line-height:1.04}
.dt-hero h1{font-size:clamp(40px,5vw,65px)}
em{color:var(--b);font-style:normal}
.tech{position:relative;min-height:370px}
@media(max-width:850px){.dt-hero .dt-wrap{grid-template-columns:1fr}
.dt-hero .dt-wrap{min-height:auto;padding:55px 0}
.tech{display:none}
}
@media(max-width:600px){.dt-wrap{width:calc(100% - 30px)}
.dt-nav a:not(.cta){display:none}
.dt-header .dt-wrap{min-height:65px}
.dt-brand img{width:35px;height:35px}
.dt-brand strong{font-size:14px}
.dt-brand small{font-size:7px}
.dt-nav .cta{padding:9px 10px;font-size:12px}
.dt-hero h1{font-size:43px}
}
.dt-hero{position:relative;background:radial-gradient(circle at 87% 5%,#156f9c8a,transparent 25%),radial-gradient(circle at 48% 100%,#b7ef3d1f,transparent 20%),#061a33}
.dt-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:30px 30px}
.dt-hero .dt-wrap{position:relative}
.dt-hero .eyebrow{color:#b8f5ff}
.dt-hero h1{max-width:650px;color:#fff}
.dt-hero h1 em{color:#caf33c}
@media(max-width:600px){.dt-hero h1{font-size:40px}
}
.dt-hero{position:relative;background:radial-gradient(circle at 87% 5%,#156f9c8a,transparent 25%),radial-gradient(circle at 48% 100%,#b7ef3d1f,transparent 20%),#061a33}
.dt-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:30px 30px}
.dt-hero .dt-wrap{position:relative}
.dt-hero .eyebrow{color:#b8f5ff}
.dt-hero h1{max-width:650px;color:#fff}
.dt-hero h1 em{color:#caf33c}
.tech-team{overflow:hidden;border-radius:22px;background:#061a33;box-shadow:0 25px 55px #010c195c}
.tech-team img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:600px){.dt-hero h1{font-size:40px}
}
.dt-hero{background:#061a33}
.dt-hero:before{display:none}
.tech-team{min-height:465px;margin:-48px -42px -48px -58px;overflow:visible;border-radius:0;background:transparent;box-shadow:none}
.tech-team .team-cutout{position:absolute;z-index:2;inset:auto -56px -52px auto;width:760px;height:auto;object-fit:contain;object-position:right bottom}
.dt-nav a:focus-visible{outline:3px solid #caf33c;outline-offset:4px}
.tech-team{isolation:isolate}
.hero-orbits{position:absolute;z-index:0;inset:12px -10px -12px 18px;pointer-events:none}
.hero-orbits i{position:absolute;display:block;border:1px solid #63cff04d;border-radius:50%}
.hero-orbits i:nth-child(1){inset:10% 12% 8% 8%}
.hero-orbits i:nth-child(2){inset:22% 23% 20% 20%;border-color:#caf33c36}
.hero-orbits i:nth-child(3){top:51%;left:8%;width:9px;height:9px;border:0;background:#caf33c;border-radius:50%;box-shadow:0 0 0 7px #caf33c24}
@media (prefers-reduced-motion:no-preference){.hero-orbits i:nth-child(1){animation:orbit-breathe 5.5s ease-in-out infinite}
.hero-orbits i:nth-child(2){animation:orbit-breathe 5.5s ease-in-out 1.4s infinite reverse}
.hero-orbits i:nth-child(3){animation:status-pulse 2.2s ease-out infinite}
.team-cutout{animation:team-arrive .9s cubic-bezier(.2,.7,.2,1) both}
}
@keyframes orbit-breathe{50%{transform:scale(1.045);opacity:.45}}
@keyframes status-pulse{70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}
@keyframes console-float{50%{transform:translateY(-9px) rotate(-3deg)}}
@keyframes team-arrive{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}
@keyframes bar-signal{to{filter:brightness(1.22);transform:scaleY(.88)}}
@keyframes cta-glow{50%{box-shadow:0 17px 34px #b4ee5145}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
.diticoms-hub .hub-hero{min-height:calc(100vh - 74px)}
.diticoms-hub .hub-wrap{display:grid;grid-template-columns:1.02fr .98fr;gap:22px;min-height:calc(100vh - 74px);padding:56px 0 38px}
.diticoms-hub .tech-team{min-height:442px;margin:-20px -36px 0 -35px}
.hub-carousel{z-index:5;grid-column:1/-1;align-self:end;max-width:920px;width:100%;margin:-160px auto 0;padding:15px 18px 14px;border:1px solid #71b7dc66;border-radius:20px;background:#092645e8;box-shadow:0 24px 55px #010b185e;backdrop-filter:blur(14px)}
.hub-carousel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 4px 11px;color:#b9eafa}
.hub-carousel-head>p{margin:0;font-size:10px;font-weight:900;letter-spacing:.13em}
.hub-controls{display:flex;align-items:center;gap:9px}
.hub-controls button{display:grid;width:31px;height:31px;place-items:center;color:#e9f8ff;font:inherit;font-size:16px;cursor:pointer;border:1px solid #73b9df77;border-radius:9px;background:#ffffff0d}
.hub-controls button:hover{background:#ffffff1d}
.hub-counter{min-width:36px;color:#c7e3f6;font-size:11px;font-weight:800;text-align:center}
.hub-stage{position:relative;min-height:182px}
.hub-card{position:absolute;inset:0;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;padding:21px 23px;color:#fff;border:1px solid #78c9ef59;border-radius:14px;background:linear-gradient(110deg,#104976,#1476bd);opacity:0;pointer-events:none;transform:translateX(50px) rotate(2deg) scale(.96);transition:opacity .48s ease,transform .58s cubic-bezier(.2,.72,.2,1)}
.hub-card:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.4;background:radial-gradient(circle at 100% 0,#baf36d50,transparent 28%);pointer-events:none}
.hub-card.is-active{z-index:3;opacity:1;pointer-events:auto;transform:none}
.hub-card.is-prev{z-index:1;opacity:.26;transform:translateX(-34px) scale(.93)}
.hub-card.is-next{z-index:2;opacity:.46;transform:translateX(34px) scale(.96)}
.hub-card-icon{position:relative;display:grid;width:48px;height:48px;place-items:center;color:#0b355b;border-radius:13px;background:#caf33c;font-size:24px;font-weight:900}
.hub-card>div{position:relative}
.hub-card p{margin:0 0 6px;color:#b9efff;font-size:10px;font-weight:900;letter-spacing:.1em}
.hub-card h2{margin:0;color:#fff;font-size:clamp(21px,2.5vw,29px);line-height:1.15;letter-spacing:-.035em}
.hub-card div>span{display:block;max-width:520px;margin-top:8px;color:#d9edfa;font-size:13px;line-height:1.55}
.hub-card>a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 13px;white-space:nowrap;color:#092b4d!important;text-decoration:none;border-radius:9px;background:#caf33c;font-size:12px;font-weight:900}
.hub-card>a b{margin-left:8px;font-size:16px}
.hub-dots{display:flex;justify-content:center;gap:7px;margin-top:12px}
.hub-dots button{width:7px;height:7px;padding:0;cursor:pointer;border:0;border-radius:99px;background:#7eabc77a;transition:width .2s ease,background .2s ease}
.hub-dots button[aria-selected="true"]{width:25px;background:#caf33c}
@media(max-width:850px){.diticoms-hub .hub-wrap{grid-template-columns:1fr;min-height:auto;padding:42px 0 25px}
.diticoms-hub .tech{display:block;min-height:260px}
.diticoms-hub .tech-team{min-height:260px;margin:0}
.diticoms-hub .tech-team .team-cutout{right:-12px;bottom:-28px;width:440px}
.hub-carousel{margin:0}
.hub-card{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:18px}
.hub-card>a{grid-column:2;justify-self:start;margin-top:2px}
.hub-stage{min-height:220px}
}
@media(max-width:520px){.diticoms-hub .tech{min-height:215px}
.diticoms-hub .tech-team .team-cutout{right:-35px;width:365px}
.hub-carousel{padding:13px 12px}
.hub-card{padding:16px}
.hub-card h2{font-size:22px}
.hub-card div>span{font-size:12px}
.hub-stage{min-height:238px}
}
@media(prefers-reduced-motion:reduce){.hub-card,.hub-dots button{transition:none!important}
}
@media(min-width:851px){.diticoms-hub .hub-wrap{grid-template-rows:1fr;align-items:center}
.diticoms-hub .tech-team{grid-column:2;grid-row:1}
.diticoms-hub .hub-carousel{z-index:7;grid-column:1;grid-row:1;align-self:start;max-width:none;width:calc(100% - 14px);margin:160px 0 0;padding:15px 16px 14px}
.diticoms-hub .hub-stage{min-height:245px}
.diticoms-hub .hub-card{grid-template-columns:48px minmax(0,1fr);align-content:center;gap:15px;padding:22px}
.diticoms-hub .hub-card>a{grid-column:2;justify-self:start;margin-top:4px}
}
.hub-stage{isolation:isolate;overflow:hidden;perspective:1100px}
.hub-stage:before{content:"";position:absolute;z-index:0;left:50%;top:50%;width:300px;height:300px;border:1px dashed #86cbed52;border-radius:50%;transform:translate(-50%,-49%);pointer-events:none}
.hub-stage:after{content:"";position:absolute;z-index:0;left:50%;top:50%;width:210px;height:210px;border:1px solid #caf33c28;border-radius:50%;transform:translate(-50%,-49%);pointer-events:none}
.hub-card{inset:17px 25px 34px;z-index:1;transform:translateX(245px) translateY(84px) rotate(15deg) scale(.64);transform-origin:50% 120%;transition:opacity .52s ease,transform .76s cubic-bezier(.2,.74,.12,1),filter .55s ease}
.hub-card.is-active{z-index:4;opacity:1;filter:none;transform:translateY(-8px) rotate(0) scale(1)}
.hub-card.is-prev{z-index:2;opacity:.5;filter:saturate(.78) brightness(.78);transform:translateX(-235px) translateY(82px) rotate(-15deg) scale(.64)}
.hub-card.is-next{z-index:3;opacity:.62;filter:saturate(.82) brightness(.84);transform:translateX(235px) translateY(82px) rotate(15deg) scale(.64)}
.hub-card.is-prev>*:not(:first-child),.hub-card.is-next>*:not(:first-child){opacity:.45}
@media(min-width:851px){.diticoms-hub .hub-stage{min-height:295px}
.diticoms-hub .hub-carousel{margin-top:154px}
.diticoms-hub .hub-card{inset:20px 17px 44px}
.diticoms-hub .hub-card.is-prev{transform:translateX(-258px) translateY(90px) rotate(-16deg) scale(.65)}
.diticoms-hub .hub-card.is-next{transform:translateX(258px) translateY(90px) rotate(16deg) scale(.65)}
}
@media(max-width:850px){.hub-stage{min-height:250px}
.hub-stage:before{width:250px;height:250px}
.hub-stage:after{width:170px;height:170px}
.hub-card{inset:12px 10px 35px}
.hub-card.is-prev{transform:translateX(-150px) translateY(82px) rotate(-14deg) scale(.66)}
.hub-card.is-next{transform:translateX(150px) translateY(82px) rotate(14deg) scale(.66)}
}
@media(prefers-reduced-motion:reduce){.hub-card{transition:none}
.hub-card.is-prev,.hub-card.is-next{display:none}
}
.diticoms-hub .hub-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:54px;align-items:center;min-height:600px;padding:42px 0}
.diticoms-hub .hub-panel{position:relative;z-index:6;align-self:center;min-width:0}
.diticoms-hub .hub-panel h1{max-width:500px;margin:0;color:#fff;font-size:clamp(34px,3.5vw,49px);line-height:1.08;letter-spacing:-.05em}
.diticoms-hub .hub-panel h1 em{color:#caf33c}
.diticoms-hub .hub-intro{margin:12px 0 17px;color:#c5dfef;font-size:15px;line-height:1.5}
.diticoms-hub .hub-panel .hub-carousel{display:block;width:100%;max-width:none;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.diticoms-hub .hub-panel .hub-carousel-head{padding:0 2px 10px}
.diticoms-hub .hub-panel .hub-stage{min-height:288px;border:0;border-radius:0;background:transparent;box-shadow:none}
.diticoms-hub .hub-panel .hub-card{inset:18px 14px 38px;border:1px solid #86cbed75;border-radius:18px;box-shadow:0 22px 42px #020c1860}
.diticoms-hub .tech-team{grid-column:2;grid-row:1;min-height:480px;margin:0}
.diticoms-hub .tech-team .team-cutout{right:-60px;bottom:-42px;width:710px}
@media(max-width:850px){.diticoms-hub .hub-wrap{grid-template-columns:1fr;gap:8px;min-height:auto;padding:36px 0 22px}
.diticoms-hub .hub-panel{grid-column:1;grid-row:auto}
.diticoms-hub .hub-panel h1{font-size:clamp(31px,8vw,43px)}
.diticoms-hub .hub-panel .hub-stage{min-height:260px}
.diticoms-hub .tech-team{grid-column:1;grid-row:auto;min-height:250px;margin-top:8px}
.diticoms-hub .tech-team .team-cutout{right:-22px;bottom:-30px;width:430px}
}
@media(max-width:520px){.diticoms-hub .hub-panel .hub-card{inset:15px 6px 37px;padding:17px}
.diticoms-hub .hub-panel .hub-stage{min-height:272px}
.diticoms-hub .hub-intro{font-size:14px}
.diticoms-hub .tech-team .team-cutout{right:-42px;width:390px}
}
.hub-controls{display:grid;grid-template-columns:58px 46px 58px;align-items:center;gap:9px}
.hub-controls button{width:58px!important;height:31px}
.hub-counter{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:31px;margin:0;color:#dff4ff;font-variant-numeric:tabular-nums;line-height:1;text-align:center}
@media(min-width:1280px){.diticoms-hub .dt-wrap{width:min(1440px,calc(100% - 96px))}
.diticoms-hub .hub-wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:70px;min-height:clamp(620px,calc(100vh - 74px),790px);padding:48px 0}
.diticoms-hub .hub-panel h1{max-width:600px;font-size:clamp(43px,3.25vw,64px)}
.diticoms-hub .hub-intro{margin:16px 0 22px;font-size:17px}
.diticoms-hub .hub-panel .hub-stage{min-height:330px}
.diticoms-hub .hub-panel .hub-card{inset:22px 22px 44px;padding:27px 29px}
.diticoms-hub .hub-card h2{font-size:clamp(25px,2vw,35px)}
.diticoms-hub .hub-card div>span{font-size:15px}
.diticoms-hub .hub-card>a{min-height:46px;padding:0 17px;font-size:13px}
.diticoms-hub .tech-team{min-height:clamp(500px,37vw,610px)}
.diticoms-hub .tech-team .team-cutout{right:-78px;bottom:-50px;width:min(860px,64vw)}
}
@media(max-width:520px){.hub-controls{grid-template-columns:48px 40px 48px;gap:6px}
.hub-controls button{width:48px!important}
.hub-counter{min-width:40px;font-size:11px}
}
.hub-card-icon{font-size:0!important}
.hub-card-icon:after{display:grid;width:100%;height:100%;place-items:center;font-size:25px;line-height:1;filter:drop-shadow(0 1px 0 #ffffff80)}
.hub-card[data-hub-card="0"] .hub-card-icon:after{content:"🖥️"}
.hub-card[data-hub-card="1"] .hub-card-icon:after{content:"📋"}
.hub-card[data-hub-card="2"] .hub-card-icon:after{content:"📍"}
@media(min-width:1280px){.hub-card-icon:after{font-size:29px}
}
.hub-controls{height:34px;align-items:stretch!important}
.hub-controls button{position:relative;display:grid!important;place-items:center!important;padding:0!important;font-size:0!important;line-height:1!important}
.hub-controls button:after{display:block;font-family:Arial,sans-serif;font-size:25px;font-weight:400;line-height:1;transform:translateY(-1px)}
.hub-controls .hub-prev:after{content:"‹"}
.hub-controls .hub-next:after{content:"›"}
.hub-counter{align-self:stretch!important;display:grid!important;place-items:center!important;height:34px!important;padding:0!important;line-height:1!important;transform:none!important}
.diticoms-hub{display:flex;flex-direction:column;min-height:100dvh}
.diticoms-hub main{flex:0 0 auto}
.diticoms-hub .hub-hero{min-height:0!important}
.diticoms-hub .hub-wrap{min-height:0!important}
@media(min-width:1280px){.diticoms-hub .hub-wrap{padding:30px 0 16px}
.diticoms-hub .tech-team{min-height:clamp(450px,31vw,550px)}
.diticoms-hub .tech-team .team-cutout{bottom:-24px}
}
@media(max-width:850px){.diticoms-hub .hub-wrap{padding-bottom:10px}
.diticoms-hub .tech-team{min-height:230px}
}
.diticoms-hub .tech-team:before{content:"";position:absolute;z-index:0;inset:12% 5% 6% 3%;border:1px solid #55c5e52e;border-radius:50%;background:radial-gradient(circle at 50% 50%,#0b75aa1c,transparent 51%);pointer-events:none}
.diticoms-hub .tech-team:after{content:"•  KỸ THUẬT TẬN NƠI  •";position:absolute;z-index:1;right:5%;bottom:15%;padding:8px 11px;color:#b8efff;border:1px solid #65c9e450;border-radius:99px;background:#0928469c;font-size:9px;font-weight:900;letter-spacing:.09em;backdrop-filter:blur(4px);pointer-events:none}
.diticoms-hub .tech-team .team-cutout{z-index:2}
@media(min-width:1280px){.diticoms-hub .tech-team .team-cutout{right:-52px;width:min(820px,61vw)}
}
@media(max-width:850px){.diticoms-hub .tech-team:after{right:8%;bottom:13%;font-size:8px}
.diticoms-hub .tech-team:before{inset:10% 8% 3%}
.diticoms-hub .tech-team .team-cutout{right:-16px}
}
.diticoms-premium .premium-hero{background:radial-gradient(circle at 78% 14%,#187db73d,transparent 27%),radial-gradient(circle at 12% 92%,#baf04d16,transparent 25%),#061a33}
.diticoms-premium .premium-hero:before{opacity:.19}
.diticoms-premium .hub-wrap{grid-template-rows:minmax(0,1fr) auto;gap:22px;padding:42px 0 30px}
.diticoms-premium .hub-panel{padding:12px 0 0}
.diticoms-premium .hub-panel h1{max-width:650px;font-size:clamp(32px,2.7vw,48px);line-height:1.1}
.diticoms-premium .hub-intro{max-width:610px;margin:15px 0;color:#d3e6f5;font-size:16px;line-height:1.62}
.premium-proof{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.premium-proof span{display:inline-flex;align-items:center;min-height:29px;padding:0 10px;color:#dff7ff;border:1px solid #70c7e55a;border-radius:99px;background:#ffffff0b;font-size:11px;font-weight:800}
.premium-proof span:before{content:"";width:6px;height:6px;margin-right:7px;background:#caf33c;border-radius:50%;box-shadow:0 0 0 4px #caf33c1c}
.diticoms-premium .hub-panel .hub-stage{min-height:272px}
.diticoms-premium .hub-panel .hub-card{inset:17px 12px 38px;border-color:#8cd7f080;background:linear-gradient(130deg,#10527e,#177cb9)}
.diticoms-premium .tech-team:after{content:"DITICOMS IT CARE";right:6%;bottom:12%;color:#d6f7ff;border-color:#68c8e64d;background:#082743a6}
@media(min-width:1280px){.diticoms-premium .hub-wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:58px;padding:36px 0 25px}
.diticoms-premium .hub-panel h1{font-size:clamp(38px,2.45vw,52px)}
.diticoms-premium .hub-panel .hub-stage{min-height:300px}
.diticoms-premium .hub-panel .hub-card{inset:18px 15px 42px}
.diticoms-premium .tech-team{min-height:530px}
.diticoms-premium .tech-team .team-cutout{right:-18px;bottom:-82px;width:clamp(780px,47vw,850px);max-width:none;filter:drop-shadow(0 26px 22px #0000008c)}
}
@media(max-width:600px){.diticoms-premium .hub-wrap{padding:32px 0 14px}
.diticoms-premium .hub-panel h1{font-size:clamp(28px,7.1vw,38px);line-height:1.08}
.diticoms-premium .hub-intro{font-size:14px}
.premium-proof{gap:6px}
.premium-proof span{min-height:27px;padding:0 8px;font-size:10px}
}
.diticoms-premium .hub-stage{overflow:hidden}
.diticoms-premium .hub-card{opacity:0!important;pointer-events:none!important;transform:translateY(32px) rotate(3deg) scale(.94)!important;filter:blur(1px)!important}
.diticoms-premium .hub-card.is-active{z-index:5;opacity:1!important;pointer-events:auto!important;transform:translateY(0) rotate(0) scale(1)!important;filter:none!important}
.diticoms-premium .hub-card.is-prev,.diticoms-premium .hub-card.is-next{z-index:1;opacity:0!important;transform:translateY(-28px) rotate(-3deg) scale(.94)!important}
.diticoms-premium .hub-panel .hub-card{inset:18px 13px 40px}
.diticoms-premium .tech-team{justify-self:center;width:100%;max-width:650px}
@media(max-width:850px){.diticoms-premium .hub-panel .hub-card{inset:14px 7px 38px}
.diticoms-premium .hub-stage{min-height:255px}
.diticoms-premium .tech-team{max-width:520px}
}
@media(prefers-reduced-motion:reduce){.diticoms-premium .hub-card,.diticoms-premium .hub-card.is-active{transform:none!important}
}
@media(min-width:851px){.diticoms-premium .tech-team .team-cutout{right:-4px}
}
@media(min-width:1280px){.diticoms-premium .tech-team .team-cutout{right:-12px}
}
.diticoms-premium .hub-card{opacity:0!important;pointer-events:none!important;filter:saturate(.82) brightness(.84)!important;transform:translateX(245px) translateY(84px) rotate(15deg) scale(.64)!important}
.diticoms-premium .hub-card.is-active{z-index:4;opacity:1!important;pointer-events:auto!important;filter:none!important;transform:translateY(-8px) rotate(0) scale(1)!important}
.diticoms-premium .hub-card.is-prev{z-index:2;opacity:.5!important;filter:saturate(.78) brightness(.78)!important;transform:translateX(-235px) translateY(82px) rotate(-15deg) scale(.64)!important}
.diticoms-premium .hub-card.is-next{z-index:3;opacity:.62!important;filter:saturate(.82) brightness(.84)!important;transform:translateX(235px) translateY(82px) rotate(15deg) scale(.64)!important}
@media(min-width:851px){.diticoms-premium .hub-card.is-prev{transform:translateX(-258px) translateY(90px) rotate(-16deg) scale(.65)!important}
.diticoms-premium .hub-card.is-next{transform:translateX(258px) translateY(90px) rotate(16deg) scale(.65)!important}
}
@media(max-width:850px){.diticoms-premium .hub-card.is-prev{transform:translateX(-150px) translateY(82px) rotate(-14deg) scale(.66)!important}
.diticoms-premium .hub-card.is-next{transform:translateX(150px) translateY(82px) rotate(14deg) scale(.66)!important}
}
.dt-nav .portal-login{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;color:#085278!important;border:1px solid #87cae8;border-radius:9px;background:#effaff;font-weight:850}
.dt-nav .portal-login:before{content:"G";display:grid;width:18px;height:18px;place-items:center;color:#4285f4;border-radius:50%;background:#fff;font-family:Arial,sans-serif;font-size:12px;font-weight:900}
.hub-card[data-hub-card="1"],.hub-card[data-hub-card="2"]{grid-template-columns:76px minmax(0,1fr) auto;}
.hub-card[data-hub-card="1"] .hub-card-icon,.hub-card[data-hub-card="2"] .hub-card-icon{width:64px;height:64px;justify-self:start;border-radius:14px;background:#fff;overflow:hidden;}
.hub-card[data-hub-card="1"] .hub-card-icon:after,.hub-card[data-hub-card="2"] .hub-card-icon:after{display:none!important;}
.hub-card[data-hub-card="1"] .hub-card-icon img{display:block;width:56px;height:56px;margin:4px;object-fit:contain;}
.hub-card[data-hub-card="2"] .hub-card-icon{border-radius:17px;background:transparent;}
.hub-card[data-hub-card="2"] .hub-card-icon img{display:block;width:64px;height:64px;object-fit:contain;}
.dt-nav .portal-login:before{content:"";display:inline-block;flex:0 0 18px;width:18px;height:18px;background:center/contain no-repeat url("google-g.png");}
.dt-nav .portal-login{gap:8px;color:#1f1f1f!important;border-color:#747775;background:#fff;font-family:Roboto,Arial,sans-serif;}
.dt-nav .portal-login:before{border-radius:0;background-color:transparent;}
@media(max-width:850px){.hub-card[data-hub-card="1"],.hub-card[data-hub-card="2"]{grid-template-columns:76px minmax(0,1fr);}
.hub-card[data-hub-card="1"]>a,.hub-card[data-hub-card="2"]>a{grid-column:2;}
}
.diticoms-premium .hub-card[data-hub-card="3"] .hub-card-icon{overflow:hidden;color:transparent!important;background:#0c5c9d center/cover no-repeat url("solar-service-icon-v1.png");box-shadow:0 9px 20px #061f4661;font-size:0!important}
.diticoms-premium .hub-card[data-hub-card="3"] .hub-card-icon:after{display:none!important}
@media(max-width:600px){.diticoms-landing .dt-header .dt-wrap{min-height:62px;gap:8px}
.dt-brand{min-width:0;gap:8px}
.dt-brand img{width:33px;height:33px}
.dt-brand span{min-width:0}
.dt-brand strong{overflow:hidden;font-size:13px;white-space:nowrap;text-overflow:ellipsis}
.dt-brand small{max-width:190px;overflow:hidden;font-size:6.5px;letter-spacing:.055em;white-space:nowrap;text-overflow:ellipsis}
.dt-nav{flex:none;gap:0}
.dt-nav .cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 11px;font-size:0;line-height:1;white-space:nowrap}
.diticoms-landing .dt-nav .cta:after{content:"Gọi ngay";font-size:12px}
}

@media (max-width: 600px){body .dt-header .dt-wrap{
            min-height: 58px !important;
            gap: 6px !important;
        }
body .dt-brand > span{
            display: none !important;
        }
body .dt-header .dt-nav{
            display: flex !important;
            flex: 1 1 auto !important;
            min-width: 0 !important;
            gap: 5px !important;
            justify-content: flex-end !important;
        }
body .dt-header .dt-nav .portal-login{
            display: none !important;
        }
body .dt-header .dt-nav a[href*="dich-vu-tan-noi"],
        body .dt-header .dt-nav a[href*="kien-thuc-chia-se"],
        body .dt-header .dt-nav .dsc-book-now{
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
            min-height: 34px;
            padding: 8px 8px !important;
            border-radius: 8px;
            font-size: 0 !important;
            font-weight: 800;
            line-height: 1;
            text-decoration: none;
            white-space: nowrap;
        }
body .dt-header .dt-nav a[href*="dich-vu-tan-noi"]{ order: 2; }
body .dt-header .dt-nav a[href*="kien-thuc-chia-se"]{ order: 3; }
body .dt-header .dt-nav .dsc-book-now{ order: 1; }
body .dt-header .dt-nav a[href*="dich-vu-tan-noi"]::after{ content: "Dịch vụ"; }
body .dt-header .dt-nav a[href*="kien-thuc-chia-se"]::after{ content: "Kiến thức"; }
body .dt-header .dt-nav .dsc-book-now::after{ content: "Đặt lịch"; }
body .dt-header .dt-nav a[href*="dich-vu-tan-noi"]::after,
        body .dt-header .dt-nav a[href*="kien-thuc-chia-se"]::after,
        body .dt-header .dt-nav .dsc-book-now::after{
            font-size: 11px;
            font-weight: 800;
            line-height: 1;
        }
}

.dsc-ready footer:not(#diticoms-universal-footer),.dsc-ready [aria-label*="Thông tin pháp lý"]{display:none!important}
#diticoms-universal-footer{display:block!important;background:#07182e!important;color:#d5e7f7!important}
.dsc-wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.dsc-grid{display:grid;grid-template-columns:1.35fr 1.05fr .9fr 1.15fr;gap:38px;padding:48px 0}
.dsc-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.dsc-brand img{width:42px;height:42px;object-fit:contain}
.dsc-brand strong,.dsc-brand small{display:block}
.dsc-brand strong{font-size:16px}
.dsc-brand small{margin-top:3px;color:#7cb9e7;font-size:9px;font-weight:800;letter-spacing:.07em}
.dsc-footer p{margin:14px 0 0;color:#b2cbe2;font-size:14px;line-height:1.65}
.dsc-footer h2{margin:2px 0 14px;color:#8edffd;font-size:11px;letter-spacing:.1em}
.dsc-footer ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.dsc-footer a{color:#e0f4ff;text-decoration:none;font-size:14px;line-height:1.4}
.dsc-footer a:hover{text-decoration:underline}
.dsc-booking{display:inline-flex!important;align-items:center;justify-content:center;margin-top:2px;padding:10px 12px!important;color:#062448!important;border-radius:9px;background:#caf33c;font-weight:900;text-decoration:none!important}
.dsc-foot-bottom{padding:17px 20px;color:#8da9c4;border-top:1px solid #1b3853;font-size:12px;text-align:center}
.dsc-ready .dsc-book-now{display:inline-flex!important;align-items:center;justify-content:center;padding:10px 13px!important;color:#062448!important;border-radius:9px!important;background:#caf33c!important;font-weight:900!important;text-decoration:none!important}
@media(max-width:900px){.dsc-grid{grid-template-columns:repeat(2,1fr);gap:30px}
}
@media(max-width:600px){.dsc-wrap{width:min(100% - 30px,1180px)}
.dsc-grid{grid-template-columns:1fr;gap:25px;padding:38px 0}
}

@media (max-width: 600px){body .dt-header .dt-nav > a:not(.portal-login){
            min-height: 36px !important;
            padding: 9px 9px !important;
        }
body .dt-header .dt-nav > a:not(.portal-login)::after{
            font-size: 12px !important;
        }
}


/* Template owns final markup: no DOM footer/menu replacement scripts. */
body.native-landing{background:#07182e;line-height:1.65}
.native-landing a{text-decoration:none}
.native-landing h1,.native-landing h2,.native-landing h3{font-weight:500}
.native-landing button{font:inherit;cursor:pointer}
.native-landing .hub-card h2{margin:0}
.native-landing .hub-card>div>p{margin:0 0 7px}
.native-landing .hub-card>div>span{line-height:1.5}
.native-landing .hub-card-icon{flex-shrink:0}
.native-landing .dsc-grid{grid-template-columns:1.35fr 1.05fr .9fr 1.15fr}
.native-landing #diticoms-universal-footer{background:#07182e}
.native-landing .dsc-foot-bottom{border:0;padding:0 20px 24px;margin-top:18px}
.native-landing .dsc-footer .dsc-booking{color:#062448!important}
.native-landing .dsc-footer h2{font-weight:800;color:white}
.native-landing :focus-visible{outline:3px solid #5ad2ff;outline-offset:4px}
.native-landing .landing-skip{position:fixed;top:-100px;left:10px;z-index:1000;padding:12px;background:#caf33c;color:#062448}
.native-landing .landing-skip:focus{top:10px}
.native-landing .hub-card[aria-hidden="true"]{pointer-events:none!important}
.native-landing .hub-controls{grid-template-columns:34px 46px 42px 46px;width:auto;gap:7px}
.native-landing .hub-controls button{width:46px!important;min-width:0!important;box-sizing:border-box}
.native-landing .hub-controls .hub-pause{min-width:34px!important;width:34px!important;font-size:13px!important;line-height:1}
.native-landing .hub-controls .hub-pause:before,.native-landing .hub-controls .hub-pause:after{content:none!important}
.native-landing .hub-dots button[aria-pressed="true"]{width:24px;background:#caf33c}
.native-landing .hub-controls .hub-pause[aria-pressed="true"]{border-color:#caf33c;color:#caf33c}
.native-landing .hub-carousel.no-motion .hub-card{transition:none!important}
.native-landing .hub-stage{cursor:grab;touch-action:pan-y pinch-zoom}
.native-landing .hub-stage img{-webkit-user-drag:none}
.native-landing .hub-carousel.is-dragging .hub-stage{cursor:grabbing;user-select:none}
.native-landing .hub-carousel.is-dragging .hub-card.is-active{transform:translateX(var(--swipe-offset,0px)) translateY(-8px)!important;transition:none!important}
.native-landing .hub-swipe-hint{margin:6px 0 0;text-align:center;color:#a7c9de;font-size:11px;line-height:1.4}
.native-landing .dt-header .dt-brand strong{text-transform:uppercase}
.native-landing .dt-nav .portal-login{white-space:nowrap}
@media(min-width:1200px){.native-landing .dt-wrap{width:min(1440px,calc(100% - 96px))}.native-landing .dsc-wrap{width:min(1440px,calc(100% - 96px))}}
@media(max-width:900px){.native-landing .dsc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}}
@media(max-width:600px){
.native-landing .dt-header .dt-brand span{display:none!important}
.native-landing .dt-header .dt-nav{display:flex!important;gap:10px!important}
.native-landing .dt-header .dt-nav>a{display:inline-flex!important;font-size:12px!important;min-height:40px;align-items:center}
.native-landing .dt-header .dt-nav .portal-login{display:none!important}
.native-landing .dt-header .dt-nav .cta{order:-1;font-size:0!important}
.native-landing .dt-header .dt-nav .cta:after{content:"Đặt lịch"!important;font-size:12px}
.native-landing .dt-header .dt-nav>a:nth-child(2){font-size:0!important}
.native-landing .dt-header .dt-nav>a:nth-child(2):after{content:"Kiến thức";font-size:12px}
.native-landing .dt-header .dt-wrap{gap:8px;min-height:62px}
.native-landing .dsc-grid{grid-template-columns:1fr 1fr;gap:26px 20px}
.native-landing .dsc-grid>div:first-child{grid-column:1/-1}
.native-landing .dsc-brand small{font-size:7px}
.native-landing .dsc-grid>div:last-child{grid-column:1/-1}
.native-landing .dsc-grid>div:last-child ul{grid-template-columns:1fr 1fr}
.native-landing .hub-controls{gap:5px}.native-landing .hub-controls button{width:34px;min-width:34px}
.native-landing .hub-carousel-head>p{font-size:9px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.native-landing *, .native-landing *:before,.native-landing *:after{animation:none!important;transition:none!important}}