/* Header only. Hero typography, spacing and 3D are intentionally untouched. */
.pow-header{height:82px;gap:26px;background:linear-gradient(#030420ef,#0304208c,transparent);z-index:40}
#header-navigation{margin-left:auto}.pow-header #pow-navigation{display:flex;align-items:center;gap:25px;font-size:13px;white-space:nowrap}.pow-header #pow-navigation>a,.services-trigger{color:#b7c4d0;transition:color 180ms}.pow-header #pow-navigation>a:hover,.services-trigger:hover,.services-trigger[aria-expanded=true]{color:#8be8fc}.pow-header #pow-navigation>a[aria-current="page"]{color:#8be8fc;box-shadow:inset 0 -2px 0 #72eaff}.services-trigger{font:inherit;background:none;border:0;padding:15px 0;cursor:pointer}.pow-header .contact{font-size:12px;padding:11px 17px;white-space:nowrap}.pow-header .contact span{margin-left:12px}.services-disclosure{position:static}
#services-mega{position:absolute;top:72px;left:5%;right:5%;background:#04071e;border:1px solid #a6bfd529;border-radius:8px;padding:23px 30px 26px;box-shadow:0 24px 50px #0005;max-height:calc(100dvh - 95px);overflow-y:auto;overscroll-behavior:contain;white-space:normal;animation:menu-in 180ms ease-out}
#services-mega[hidden]{display:none}.mega-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #aac3d21a}.mega-heading>span{font-size:10px;letter-spacing:2px;color:#a2bccb}.mega-heading>a{font-size:11px;color:#8cdbea}.mega-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 35px}.mega-group{min-width:0}.mega-group-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.mega-group-heading>a{font-size:13px;font-weight:600;color:#e2ebf1;line-height:1.5}.mega-group-heading>a>span{font-size:12px;margin-left:5px;color:#75c9d8}.group-children ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:5px}.group-children li{display:none}.group-children li.preview-child{display:block}.group-children a{font-size:11px;line-height:1.6;color:#9fadbD}.group-children a:hover,.mega-group-heading>a:hover{color:#90e4f4}.group-all{display:inline-block;margin-top:8px;color:#8ecbd8!important;font-size:10px!important}.group-toggle,.mobile-nav-toggle{display:none}.pow-header a:focus-visible,.pow-header button:focus-visible{outline:2px solid #85dcec;outline-offset:4px;border-radius:2px}
@keyframes menu-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1101px) and (max-width:1300px){.pow-header{gap:18px;padding-left:4%;padding-right:4%}.pow-header #pow-navigation{gap:17px;font-size:12px}.pow-header .brand{font-size:27px}.pow-header .brand small{font-size:7px;letter-spacing:1.5px}}
@media(max-width:1100px){.pow-header{height:75px;gap:17px}.pow-header .contact{margin-left:auto}.mobile-nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:10px;width:40px;height:40px;background:transparent;border:1px solid #a7c4d32b;border-radius:3px}.mobile-nav-toggle>span{display:block;width:18px;height:1px;background:#c6dae5;transition:transform 180ms}.mobile-nav-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.mobile-nav-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}#header-navigation{margin:0}.pow-header #pow-navigation{display:none;position:absolute;top:70px;left:5%;right:5%;max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain;padding:14px 22px 22px;background:#04071e;border:1px solid #a7bfd529;border-radius:7px;white-space:normal}.pow-header.mobile-nav-open #pow-navigation{display:flex;align-items:stretch;flex-direction:column;gap:0}.pow-header #pow-navigation>a{padding:13px 0;font-size:14px;border-bottom:1px solid #9db1c014}.pow-header.mobile-nav-open #pow-navigation>a[aria-current="page"]{color:#8be8fc;box-shadow:none;border-left:2px solid #72eaff;padding-left:10px}.services-trigger{width:100%;text-align:left;font-size:14px;padding:13px 0;display:flex;justify-content:space-between}.services-trigger:after{content:'›';font-size:18px}.services-trigger[aria-expanded=true]:after{transform:rotate(90deg)}#services-mega{position:static;padding:12px 0 17px;background:transparent;border:0;box-shadow:none;max-height:none;overflow:visible;animation:none}.mega-heading{margin:0 0 10px;padding-bottom:12px;gap:10px}.mega-heading>span{font-size:8px}.mega-heading>a{font-size:10px}.mega-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}.mega-group{padding:10px 0;border-bottom:1px solid #9db1c01b}.mega-group-heading>a{font-size:12px;font-weight:500}.mega-group-heading>a>span{display:none}.group-toggle{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:0;background:transparent;color:#88d6e5;font-size:18px}.group-children{display:none}.mega-group.group-open .group-children{display:block}.group-children li{display:block}.group-children ul{gap:4px;margin-top:10px}.group-children li a{display:block;padding:5px 0;font-size:12px}.group-all{padding:6px 0}.pow-header .contact{font-size:11px;padding:10px 12px}}
@media(max-width:600px){.pow-header{gap:10px;padding-left:5%;padding-right:5%}.pow-header .brand{font-size:25px}.pow-header .brand small{font-size:7px;letter-spacing:1.4px}.pow-header .contact span{margin-left:7px}.pow-header #pow-navigation{padding-left:18px;padding-right:18px}.mega-groups{grid-template-columns:1fr}.mega-group-heading>a{font-size:13px}.mega-heading>span{letter-spacing:1px}.pow-header .contact{font-size:10px}}
@media(prefers-reduced-motion:reduce){#services-mega{animation:none}.pow-header *{transition:none!important}}
/* Two levels: compact category names first; service list + identifying artwork on selection. */
#services-mega{left:auto;right:5%;width:min(960px,90vw);padding:22px 28px;transition:width 180ms}.category-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 25px}.category-index[hidden],#category-detail[hidden]{display:none}.category-choice{display:flex;justify-content:space-between;align-items:center;text-align:left;gap:16px;min-height:64px;padding:14px 0;border:0;border-bottom:1px solid #aec5d21a;background:none;color:#d7e3eb;font-size:13px;line-height:1.55}.category-choice>span:last-child{color:#7dabb9;flex-shrink:0}.category-choice:hover{color:#93e5f4}.category-choice:hover>span:last-child{transform:translateX(3px)}.category-back{font-size:11px;color:#94c8d5;background:none;border:0;padding:0 0 18px}.category-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:36px}.category-services h2{font-size:23px;line-height:1.35;letter-spacing:-.5px;text-align:left;font-weight:500;color:#e9f1f5;margin:0 0 20px}.category-services ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.category-services li a{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#acbdcb;border-bottom:1px solid #96b6c01a;padding:11px 0;line-height:1.5}.category-services li a>span:last-child{font-size:11px;color:#648794}.category-services li a:hover{color:#8ce0f1}.category-all{display:inline-block;font-size:11px;color:#8cd7e6;margin-top:22px;line-height:1.6}.category-art{margin:0;align-self:start;background:#0a0e30;border:1px solid #94bec722;border-radius:9px;overflow:hidden}.category-art img{display:block;width:100%;height:auto}.category-art figcaption{padding:17px;font-size:12px;color:#d3e6ed;line-height:1.5}.category-art small{display:block;font-size:7px;letter-spacing:1px;margin-top:7px;color:#7397a7}
@media(max-width:1100px){#services-mega{width:auto;padding:12px 0 15px}.category-index{grid-template-columns:1fr 1fr;gap:0 22px}.category-choice{min-height:54px;font-size:12px}.category-body{grid-template-columns:1.5fr 1fr;gap:20px}.category-services h2{font-size:21px}.category-services ul{grid-template-columns:1fr}.category-services li a{font-size:12px;padding:10px 0}}
@media(max-width:600px){.category-index{grid-template-columns:1fr;gap:0}.category-choice{min-height:48px;font-size:13px}.category-body{display:flex;flex-direction:column;gap:18px}.category-art{order:-1;display:flex;align-items:center;width:100%;min-height:85px}.category-art img{width:115px;flex-shrink:0}.category-art figcaption{font-size:11px;padding:12px}.category-art small{font-size:6px}.category-services h2{font-size:21px;margin-bottom:10px}.category-services ul{grid-template-columns:1fr 1fr;gap:0 15px}.category-services li a{font-size:11px}.category-back{padding-bottom:14px}}
/* Dịch vụ menu: list on the left, silent step-by-step demo video on the right (desktop). Player: menu-demo.js */
.menu-demo{display:none}
@media(min-width:1101px){
#services-mega.showing-category{width:min(1100px,92vw)}
.category-body{grid-template-columns:minmax(0,1fr) minmax(0,1.14fr);gap:34px}
.category-art{display:none}
.menu-demo{display:block;align-self:start;min-height:200px}
}
.mega-heading>a.mega-page{font-size:10px;letter-spacing:2px;color:#a2bccb;transition:color 160ms}.mega-heading>a.mega-page i{font-style:normal;letter-spacing:0;margin-left:4px}.mega-heading>a.mega-page:hover{color:#8be8fc}
@media(max-width:1100px){.mega-heading>a.mega-page{font-size:8px}}@media(max-width:600px){.mega-heading>a.mega-page{letter-spacing:1px}}
.category-services li a{transition:color 160ms,padding 160ms,background 160ms}
.category-services li.is-demo a{color:#e9f8fd;padding-left:10px;box-shadow:inset 2px 0 0 #72eaff;background:linear-gradient(90deg,#72eaff17,transparent 80%)}
.category-services li.is-demo a>span:last-child{color:#8fe4f4}
.md-player{container-type:inline-size;background:#0a0e30;border:1px solid #94bec733;border-radius:12px;overflow:hidden;box-shadow:0 18px 40px #0005}
.md-player[hidden]{display:none}
.md-stage{cursor:pointer;position:relative;aspect-ratio:16/10;background:#fff;color:#0f1541;overflow:hidden;isolation:isolate;font-family:inherit}
.md-player[data-loading] .md-stage{background:linear-gradient(110deg,#eef3f8 30%,#fafcff 50%,#eef3f8 70%) 0 0/220% 100%;animation:md-shim 1.1s linear infinite}
@keyframes md-shim{to{background-position:-120% 0}}
.md-scene{position:absolute;inset:0;visibility:hidden;opacity:0;overflow:hidden}
.md-title,.md-end{background:radial-gradient(90% 100% at 0 0,color-mix(in srgb,var(--ac,#9fe7f5) 62%,#fff),transparent 62%),radial-gradient(80% 90% at 100% 100%,#bfe9ff,transparent 62%),radial-gradient(70% 80% at 100% 0,#e6d9ff,transparent 60%),#f6f4ff}
.md-end{background:radial-gradient(90% 100% at 100% 0,color-mix(in srgb,var(--ac,#9fe7f5) 62%,#fff),transparent 62%),radial-gradient(80% 90% at 0 100%,#bfe9ff,transparent 62%),radial-gradient(70% 80% at 0 0,#e6d9ff,transparent 60%),#f6f4ff}
.md-brand{position:absolute;top:5cqw;right:6cqw;font-style:normal;font-weight:800;font-size:max(11px,2.1cqw);letter-spacing:.2em;color:#2c3769}
.md-kicker,.md-k{position:absolute;left:6cqw;top:12cqw;font-weight:700;font-size:max(11px,2.1cqw);letter-spacing:.14em;text-transform:uppercase;color:#3a467a}
.md-h{position:absolute;left:6cqw;top:17.5cqw;width:58cqw;font-weight:800;font-size:max(20px,5.8cqw);line-height:1.1;letter-spacing:-.02em;color:#0e1342}
.md-title .md-h{top:17cqw}
.md-chips{position:absolute;left:6cqw;bottom:6cqw;width:47cqw;display:flex;flex-wrap:wrap;gap:1.2cqw}
.md-chips em{display:inline-flex;align-items:center;gap:1cqw;font-style:normal;font-size:max(11px,2.1cqw);padding:.9cqw 2cqw .9cqw 1cqw;border-radius:99px;background:#ffffffd9;border:1px solid #0f15411f;color:#202a5b;white-space:nowrap}
.md-chips s{display:inline-grid;place-items:center;text-decoration:none;width:max(15px,3cqw);height:max(15px,3cqw);border-radius:50%;background:#1f5fe0;color:#fff;font-size:max(11px,1.9cqw);font-weight:700}
.md-peek{position:absolute;right:-5cqw;bottom:-11cqw;width:50cqw;border-radius:1.8cqw;overflow:hidden;box-shadow:0 2cqw 5cqw #141b4b3d,0 0 0 1px #141b4b1a;background:#fff;opacity:0}
.md-pimg{display:block;width:100%;height:auto}
.md-go{position:absolute;left:6cqw;top:34cqw;display:inline-flex;gap:1.2cqw;align-items:center;padding:1.6cqw 3.2cqw;border-radius:99px;background:#1f5fe0;color:#fff;font-weight:700;font-size:max(12px,2.4cqw)}
.md-cap{position:absolute;left:5.5cqw;top:0;bottom:0;width:30cqw;display:flex;flex-direction:column;justify-content:center;gap:1.4cqw}
.md-n{font-size:max(12px,2.9cqw);font-weight:800;letter-spacing:.04em;color:#1f5fe0}
.md-t{margin:0;font-size:max(14px,3.3cqw);font-weight:800;line-height:1.2;letter-spacing:-.01em;color:#0e1342}
.md-s{margin:0;font-size:max(11px,2.25cqw);line-height:1.5;color:#445186}
.md-view{position:absolute;left:37.5cqw;right:-7cqw;top:7cqw;bottom:-10cqw;border-radius:1.6cqw 0 0 0;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #141b4b1f,0 2cqw 5cqw #141b4b30}
.md-cam{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
.md-shot{display:block;width:100%;height:100%;max-width:none}
.md-ring{position:absolute;border:3px solid #1f5fe0;border-radius:9px;box-shadow:0 0 0 5px #1f5fe02e;opacity:0;pointer-events:none}
.md-cursor{position:absolute;left:0;top:0;width:max(15px,3.3cqw);margin:-1px 0 0 -2px;pointer-events:none;filter:drop-shadow(0 1px 2px #0006);transform-origin:2px 2px;opacity:0}
.md-click{position:absolute;left:0;top:0;width:5.5cqw;height:5.5cqw;margin:-2.75cqw 0 0 -2.75cqw;border:2.5px solid #1f5fe0;border-radius:50%;opacity:0;pointer-events:none}
.md-bar{display:flex;align-items:center;gap:12px;padding:10px 14px 4px}
.md-pp{flex:none;width:30px;height:30px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid #94bec744;background:#ffffff10;color:#d7e3eb;cursor:pointer}
.md-pp:hover{background:#ffffff1f;color:#fff}
.md-segs{flex:1;display:flex;gap:6px}
.md-seg{flex:1;height:22px;padding:0;border:0;background:none;position:relative;cursor:pointer}
.md-seg>i{position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:#ffffff2b;overflow:hidden}
.md-seg b{display:block;height:100%;width:0;background:#72eaff;border-radius:2px}
.md-seg:hover>i{background:#ffffff45}
.md-note{margin:0;padding:3px 14px 11px;font-size:11px;line-height:1.5;color:#86a3b3}
@media(prefers-reduced-motion:reduce){.md-player[data-loading] .md-stage{animation:none}.category-services li a{transition:none}}
