.campus-home{background:#f6f7fb}.campus-home .site-header{min-height:76px}.campus-home .header-contact{background:#165bec;border-color:#165bec;color:white;box-shadow:0 4px 12px #1d60d914}.campus-home .header-contact span{color:white}.campus-home .header-contact:hover{color:white;background:#104dce}.campus-home .brand{font-size:20px}.campus-home .brand svg{width:49px;height:40px}.campus-main{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:0}.campus-intro{text-align:center;flex:none;padding:14px 0 7px}.campus-intro>p{font:600 9px/1.6 Arial;letter-spacing:2.6px;color:#37516d;margin:0 0 12px}.campus-intro h1{font-size:clamp(29px,3.1vw,46px);font-weight:600;line-height:1.5;letter-spacing:-.7px;margin:0;color:#10223c}.campus-intro h1 span{color:#165bec}.campus-intro h2{font-size:16px;font-weight:400;line-height:1.8;color:#54647a;margin:6px 0 0}.campus-stage{position:relative;width:min(100%,calc((100svh - 325px)*1.77778));max-width:1400px;aspect-ratio:16/9;flex:none;isolation:isolate}.campus-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}.campus-flow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.7}.campus-flow path{stroke:#78cdff;stroke-width:3;stroke-dasharray:10 50;fill:none;filter:drop-shadow(0 0 5px #42aaff);animation:campus-packet 5s linear infinite}.campus-building{position:absolute;border-radius:18px;display:block;z-index:2;outline-offset:1px}.campus-building:after{content:'';position:absolute;inset:15% 8% 3%;border-radius:18px;background:radial-gradient(ellipse,#4d9eff22,transparent 70%);opacity:0;pointer-events:none;transition:opacity .2s}.campus-building:hover:after,.campus-building:focus-visible:after{opacity:1}.building-software{left:7%;top:36%;width:29%;height:52%}.building-data{left:35%;top:7%;width:31%;height:67%}.building-storage{left:69%;top:36%;width:27%;height:52%}.building-label{position:absolute;top:0;left:50%;transform:translate(-50%,-65%);display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border:1px solid #dce6f1;border-radius:10px;background:#fffffff2;color:#10223c;white-space:nowrap;box-shadow:0 5px 14px #263a601c;transition:box-shadow .2s,border-color .2s}.building-label:after{content:'';position:absolute;top:100%;left:50%;height:24px;border-left:1px solid #aac6ed}.building-label:before{content:'';position:absolute;top:calc(100% + 22px);left:calc(50% - 3px);width:7px;height:7px;background:#fff;border-radius:50%;box-shadow:0 0 8px #4c98ff}.building-label strong{font-size:13px;font-weight:500;line-height:1.5}.building-label b{font:19px Arial;color:#165bec;font-weight:400}.building-label i{display:none}.building-label small{display:block;text-align:center;font:11px/1.6 Arial;color:#566a85;margin-top:2px}.campus-building:hover .building-label,.campus-building:focus-visible .building-label{border-color:#76a9ef;box-shadow:0 6px 20px #2468d430}.campus-bottom{display:flex;align-items:center;justify-content:center;position:relative;width:100%;flex:none;padding:3px 0 15px;min-height:43px}.campus-hint{font-size:12px;color:#596c83}.campus-bottom button{position:absolute;right:0;background:transparent;color:#60768e;border:1px solid transparent;border-radius:6px;padding:7px 9px;font:10px 'Noto Sans Thai',Tahoma,sans-serif;cursor:pointer}.campus-bottom button:hover{border-color:#cfdeef;background:#fff}.campus-bottom button span{margin-left:7px}.campus-mobile-services{display:none}.campus-home .company-footer{background:transparent;border:0;padding:0}.campus-home .footer-inner{padding:15px 0;border-top:1px solid #d8e1ed;font-size:10px;min-height:49px}.campus-home .footer-email{color:#254975}.campus-home.is-paused .campus-flow path{animation-play-state:paused}@keyframes campus-packet{to{stroke-dashoffset:-240}}
@media(min-width:1001px) and (max-height:720px){.campus-home .site-header{min-height:58px}.campus-intro{padding-top:5px}.campus-intro h1{font-size:31px;line-height:1.35}.campus-intro>p{margin-bottom:6px;font-size:8px}.campus-intro h2{font-size:12px;margin-top:5px}.campus-stage{width:min(100%,calc((100svh - 235px)*1.77778))}.building-label{padding:7px 11px;border-radius:8px}.building-label strong{font-size:11px}.building-label small{font-size:9px}.campus-bottom{padding-bottom:7px;min-height:32px}.campus-home .footer-inner{min-height:39px;padding-block:10px}}
@media(max-width:1000px){.campus-home .brand{font-size:17px}.campus-home .brand svg{width:42px}.campus-intro h1{font-size:33px}.campus-intro h2{font-size:13px}.campus-stage{width:100%}.building-label{padding:8px 10px;gap:6px}.building-label strong{font-size:11px}.building-label small{font-size:9px}.building-label b{font-size:15px}.campus-bottom{padding-bottom:16px}.campus-home .footer-inner{font-size:9px}}
@media(max-width:720px){.campus-home .site-header{padding-block:16px 12px;min-height:0}.campus-home .brand{font-size:16px}.campus-home .brand svg{width:39px;height:32px}.campus-home .site-header nav{width:100%;gap:8px 12px;font-size:10px}.campus-home .site-header .header-contact{font-size:10px;padding:7px 10px}.campus-main{justify-content:flex-start}.campus-intro{padding:21px 2px 13px}.campus-intro>p{font-size:7px;letter-spacing:1.7px;margin-bottom:10px}.campus-intro h1{font-size:clamp(25px,6.6vw,35px);line-height:1.5;letter-spacing:-.5px}.campus-intro h1 span{display:block}.campus-intro h2{font-size:11px;margin-top:9px}.campus-stage{width:calc(100% + 20px);margin-top:9px}.building-label{padding:5px 7px;border-radius:7px;transform:translate(-50%,-10%);box-shadow:0 3px 8px #263a6018}.building-label strong,.building-label b{display:none}.building-label i{display:block;font:600 10px Arial;color:#165bec}.building-label:after{height:13px}.building-label:before{top:calc(100% + 11px);width:5px;height:5px;left:calc(50% - 2px)}.building-data{top:9%}.campus-bottom{justify-content:space-between;min-height:42px;padding:2px 0 7px}.campus-hint{font-size:10px}.campus-bottom button{position:static;font-size:9px;padding:6px 0}.campus-mobile-services{display:grid;gap:8px;width:100%;margin:6px 0 23px}.campus-mobile-services a{display:flex;align-items:center;gap:12px;background:#ffffffb8;border:1px solid #dce5f0;border-radius:9px;padding:12px 14px;font-size:13px;min-height:48px}.campus-mobile-services a>span{font:10px Arial;color:#4f7fbc}.campus-mobile-services b{margin-left:auto;color:#165bec;font-weight:400}.campus-mobile-services strong{font:500 13px/1.5 Arial}.campus-mobile-services small{display:block;font:10px/1.5 Arial;color:#647b97;margin-top:2px}.campus-home .footer-inner{font-size:9px;gap:9px;padding-block:14px;align-items:flex-start}.campus-home .footer-email{font-size:12px}.campus-home .footer-inner>a:last-child{font-size:9px}}
@media(prefers-reduced-motion:reduce){.campus-flow path{animation:none!important}.campus-building:after,.building-label{transition:none!important}}


.campus-image{mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 88%,transparent);mask-composite:intersect}
.server-lights{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.led-housing{fill:#102743;opacity:.9}.server-led{fill:#64cfff;opacity:.85;filter:drop-shadow(0 0 3px #248aff);animation:server-activity 3.6s ease-in-out infinite;animation-delay:var(--led-delay)}@keyframes server-activity{0%,12%,66%,100%{opacity:.12;fill:#24609d;filter:drop-shadow(0 0 0 transparent)}28%,45%{opacity:1;fill:#91e4ff;filter:drop-shadow(0 0 5px #37aaff)}}.campus-home.is-paused .server-led{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.server-led{animation:none!important;opacity:.6}}
.campus-reach{display:block;font-size:11px;line-height:1.7;color:#5e7691;margin-top:6px}.campus-stage{width:min(100%,calc((100svh - 370px)*1.77778))}@media(min-width:1001px) and (max-height:720px){.campus-reach{font-size:9px;margin-top:4px}.campus-stage{width:min(100%,calc((100svh - 280px)*1.77778))}}@media(max-width:1000px){.campus-stage{width:100%}}@media(max-width:720px){.campus-reach{font-size:10px;margin-top:7px}.campus-stage{width:calc(100% + 20px)}}
.campus-operations{position:absolute;z-index:4;left:43%;top:54%;width:15%;height:20%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border-radius:16px}.operations-label{position:absolute;top:100%;white-space:nowrap;display:flex;align-items:center;gap:8px;padding:7px 11px;background:#f7fbffff;border:1px solid #a9cbf4;box-shadow:0 3px 12px #215da522;border-radius:8px;font:500 11px/1.5 Arial;color:#24517e}.operations-label b{font:16px Arial;color:#165bec}.operations-description{position:absolute;top:calc(100% + 39px);width:220px;text-align:center;font-size:10px;line-height:1.7;color:#365f8a;background:#f7fbffed;border:1px solid #c9ddef;border-radius:6px;padding:5px 8px;opacity:0;visibility:hidden;transform:translateY(-3px);transition:opacity .18s,transform .18s;pointer-events:none}.campus-operations:hover .operations-description,.campus-operations:focus-visible .operations-description{opacity:1;visibility:visible;transform:translateY(0)}.campus-operations:hover .operations-label,.campus-operations:focus-visible .operations-label{border-color:#367fe5;background:#fff;box-shadow:0 4px 18px #2672e536}.campus-mobile-services .mobile-operations{background:#eaf3ff;border-color:#c5dafa}.campus-mobile-services .mobile-operations>span{font-size:9px}.campus-mobile-services .mobile-operations strong{color:#24517e}@media(min-width:1001px) and (max-height:720px){.operations-label{font-size:9px;padding:5px 8px}.operations-description{top:calc(100% + 32px);font-size:9px}}@media(max-width:720px){.campus-operations{left:42%;top:52%;width:18%;height:22%}.operations-label{font-size:7px;padding:4px 6px;gap:4px;border-radius:5px}.operations-label b{font-size:10px}.operations-description{display:none}}@media(prefers-reduced-motion:reduce){.operations-description{transition:none}}
html[lang=en] .campus-intro h1{font-size:clamp(29px,3vw,44px)}html[lang=en] .building-label strong{font-size:12px}html[lang=en] .campus-reach{font-size:11px}html[lang=en] .campus-home .site-header nav{font-size:11px;gap:17px}@media(min-width:1001px) and (max-height:720px){html[lang=en] .campus-intro h1{font-size:30px}html[lang=en] .building-label strong{font-size:10px}html[lang=en] .building-label{padding:7px 9px}html[lang=en] .campus-reach{font-size:9px}}@media(max-width:1000px){html[lang=en] .campus-home .site-header nav{font-size:10px;gap:12px}}@media(max-width:720px){html[lang=en] .campus-intro h1{font-size:clamp(25px,6vw,34px)}html[lang=en] .campus-intro h2{font-size:11px}html[lang=en] .campus-reach{font-size:10px}html[lang=en] .campus-home .site-header nav{font-size:10px;gap:8px 11px}html[lang=en] .building-label strong{display:none}html[lang=en] .campus-hint{font-size:9px}}