:root{--navy:#071320;--panel:#0b1c2d;--cyan:#83e8f4;--muted:#9aabba;--line:rgba(180,215,240,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--navy);color:#f3f7fb;font-family:Arial,"PingFang TC","Microsoft JhengHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.container{max-width:1280px;padding-left:38px;padding-right:38px}.skip-link{position:fixed;top:-60px;left:20px;background:white;color:#071320;padding:12px;z-index:100}.skip-link:focus{top:10px}.site-header{position:absolute;top:0;left:0;width:100%;z-index:20;border-bottom:1px solid var(--line);transition:background .2s}.site-header.scrolled{position:fixed;background:rgba(5,17,31,.9);backdrop-filter:blur(18px)}.nav-shell{height:94px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-weight:850;font-size:24px;letter-spacing:-1px;line-height:1}.brand-symbol{font-size:49px;line-height:1;font-weight:900;font-style:italic;letter-spacing:-8px;margin-right:7px;transform:skew(-9deg);color:#ecfcff}.brand small{font-size:8px;letter-spacing:2.1px;display:block;margin-top:7px}.nav-links{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}.nav-links a{transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--cyan)}.nav-contact{border:1px solid #ffffff50;padding:12px 19px;border-radius:5px}.nav-contact span{margin-left:19px}.menu-toggle{display:none}.hero{min-height:760px;height:min(900px,100svh);position:relative;overflow:hidden;display:flex;align-items:center;background:radial-gradient(ellipse at 78% 40%,#1976b1 0,transparent 45%),linear-gradient(115deg,#071423,#113c64)}.hero-art,.hero-atmosphere,#stars{position:absolute;inset:0;width:100%;height:100%}.hero-art{background-size:cover;background-position:center 44%;opacity:.86}.hero-atmosphere{background:linear-gradient(90deg,rgba(3,14,28,.91),rgba(5,24,43,.66) 40%,rgba(5,25,42,.02) 78%),linear-gradient(0deg,#071320,transparent 28%)}#stars{pointer-events:none}.hero-content{position:relative;z-index:2;padding-top:76px}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:600;color:var(--cyan);margin-bottom:26px;line-height:1.7}.hero .eyebrow{font-size:10px;display:flex;align-items:center;gap:12px}.hero .eyebrow span{height:1px;width:27px;background:var(--cyan)}h1{font-size:clamp(48px,5.05vw,74px);font-weight:750;letter-spacing:-2.4px;line-height:1.28;margin-bottom:28px}.gradient-text{background:linear-gradient(90deg,#c2f7fb,#79dce8);background-clip:text;color:transparent}.hero-description{color:#b5c6d7;line-height:1.95;font-size:16px}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:38px}.btn{padding:15px 24px;border-radius:5px;font-size:14px;font-weight:700;border:0;transition:transform .18s,background .2s}.btn span{margin-left:26px}.btn:active{transform:scale(.97)}.btn-light{color:#092037;background:#f1f9fc}.btn-primary{background:#8de4ed;color:#072332}.btn-primary:hover{background:#b6f6ff;color:#072332}.text-link{font-size:14px}.text-link span{margin-left:15px}.hero-bottom{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);display:flex;align-items:end;justify-content:space-between;z-index:2}.scroll-cue{font-size:9px;letter-spacing:2px;color:#a6bfd0;display:flex;align-items:center;gap:14px}.mouse{width:15px;height:25px;border:1px solid #809faf;border-radius:8px;display:block;position:relative}.mouse:after{content:"";position:absolute;top:5px;left:6px;height:5px;width:1px;background:#ccfaff}.hero-note{margin-left:auto;margin-right:110px;font-size:13px;line-height:1.9}.hero-note small{font-size:9px;letter-spacing:3px;color:#94afc3}.hero-number{font-size:20px;letter-spacing:2px}.hero-number i{font-style:normal;color:#648099;font-size:12px;margin:0 12px}.hero-line{position:absolute;left:0;bottom:0;height:2px;background:linear-gradient(90deg,#79e1f5,transparent);width:43%}.section{padding:108px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px;gap:30px}h2{font-size:36px;font-weight:650;letter-spacing:-1px;line-height:1.4;margin:0}.section-heading .eyebrow{margin-bottom:13px}.heading-aside{display:flex;align-items:center;gap:35px}.heading-aside p,.section-intro{color:var(--muted);font-size:14px;line-height:1.85;margin:0}.slider-controls{display:flex;gap:9px}.slider-controls button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent;color:white}.slider-controls button:hover{background:#19364b}.game-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:1px}.game-track::-webkit-scrollbar{display:none}.game-card{position:relative;flex:0 0 calc((100% - 44px)/3);height:430px;border:1px solid #ffffff13;border-radius:9px;overflow:hidden;text-align:left;background:#173c53;color:white;scroll-snap-align:start;padding:0}.game-picture{position:absolute;inset:0;background-size:cover;background-position:65% center;transition:transform .7s}.game-two .game-picture{filter:hue-rotate(38deg);background-position:45% center;transform:scale(1.3)}.game-three .game-picture{filter:hue-rotate(175deg) saturate(.65);background-position:95% center;transform:scale(1.2)}.game-card:hover .game-picture{transform:scale(1.07)}.game-two:hover .game-picture{transform:scale(1.38)}.game-three:hover .game-picture{transform:scale(1.28)}.game-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,13,24,.98),rgba(3,13,24,.15) 80%)}.game-tag{position:absolute;top:22px;left:22px;padding:7px 10px;border:1px solid #fff4;border-radius:3px;font-size:9px;letter-spacing:1.7px;background:#10203544}.game-info{position:absolute;left:26px;right:26px;bottom:25px}.game-info small{font-size:9px;color:#9eb9cc;letter-spacing:1.7px}.game-info h3{font-size:29px;margin:12px 0}.game-info p{font-size:13px;color:#a8bac9;line-height:1.7;margin-bottom:24px}.game-more{display:flex;border-top:1px solid #ffffff26;padding-top:17px;justify-content:space-between;font-size:12px}.game-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;color:#72889c;font-size:10px;letter-spacing:1px;margin-top:23px}.track-progress{height:1px;background:var(--line);flex:1;max-width:440px}.track-progress span{display:block;height:1px;width:33.33%;background:var(--cyan);transition:width .2s}.about-section{background:radial-gradient(ellipse at 15% 65%,#10334655,transparent 55%);border-top:1px solid var(--line);padding:80px 0 115px}.about-art{height:440px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#15677544,transparent 65%)}.about-w{font-size:200px;font-weight:950;font-style:italic;line-height:1;letter-spacing:-30px;color:#b8f4fa;text-shadow:0 0 65px #459abd66;transform:skew(-8deg);padding-right:32px}.orbit{position:absolute;width:360px;height:230px;border:1px solid #83e8f43b;border-radius:50%;transform:rotate(-30deg)}.orbit-two{width:430px;height:290px;transform:rotate(-30deg);border-color:#83e8f415}.orbit-one:after{content:"";height:7px;width:7px;border-radius:50%;background:var(--cyan);position:absolute;top:25px;right:50px;box-shadow:0 0 20px var(--cyan)}.orbit-label{position:absolute;bottom:5px;left:35px;font-size:10px;letter-spacing:3px;color:#74a4b9;line-height:1.8}.tiny-cross{position:absolute;top:38px;right:45px;color:#598d9f}.about-copy{padding-left:45px}.about-copy .eyebrow{margin-bottom:17px}.lead-copy{font-size:21px;color:#a2e2ed;margin:23px 0 19px}.about-copy>p:not(.eyebrow):not(.lead-copy){color:#99aebf;font-size:14px;line-height:2}.values{display:flex;gap:25px;margin-top:29px;padding-top:25px;border-top:1px solid var(--line)}.values span{font-size:13px}.values small{display:block;font-size:8px;letter-spacing:1px;color:#7590a4;margin-top:9px}.services-section{background:#0b1a2a}.service-card{position:relative;padding:30px 25px 28px;border:1px solid var(--line);border-radius:7px;height:100%;background:linear-gradient(145deg,#ffffff03,transparent);transition:background .25s,transform .25s}.service-card:hover{background:#10293a;transform:translateY(-5px)}.service-icon{display:block;font-size:38px;color:var(--cyan);margin-bottom:36px;line-height:1}.service-number{position:absolute;right:24px;top:32px;font-size:11px;color:#668399;letter-spacing:1px}.service-card h3{font-size:20px;margin-bottom:17px}.service-card p{font-size:14px;line-height:1.9;color:#93aabd;margin-bottom:25px}.service-card ul{padding:20px 0 0;list-style:none;border-top:1px solid var(--line);margin:0}.service-card li{font-size:12px;color:#bac9d6;line-height:2.2}.service-card li:before{content:"+";color:#6098ad;margin-right:10px}.partners-section{padding:75px 0;border-bottom:1px solid var(--line)}.partner-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.partner-heading h2{font-size:29px}.partner-heading p{font-size:14px;color:var(--muted);line-height:1.8}.partner-types{display:flex;justify-content:space-between;gap:35px;margin-top:45px;padding-top:30px;border-top:1px solid var(--line)}.partner-types>span{font-size:17px;font-weight:700;letter-spacing:1px;color:#b4c5d1}.partner-types small{display:block;font-size:12px;font-weight:400;letter-spacing:1px;color:#758e9f;margin-top:10px}.contact-section{background:radial-gradient(ellipse at 0 100%,#10436255,transparent 55%)}.contact-section h2{font-size:43px}.contact-intro{color:#93aabd;font-size:14px;line-height:2;margin-top:25px}.contact-word{position:relative;display:inline-block;line-height:.87;font-weight:850;letter-spacing:-4px;font-size:83px;margin-top:28px;color:#254156}.contact-word span{color:#497387}.contact-word sup{font-size:48px;position:absolute;right:-80px;top:35px;color:#8bdfdf;font-weight:400}form{padding-top:10px}label{display:block;font-size:13px;margin-bottom:11px;color:#c9d6e0}label span{color:#73d7e5}input,textarea,select{display:block;width:100%;background:#ffffff03;border:1px solid #365064;border-radius:4px;padding:13px 14px;color:#e1eef5;font-size:13px;transition:border .2s}input::placeholder,textarea::placeholder{color:#627f94}input:focus,textarea:focus,select:focus{border-color:var(--cyan)}select{color:#b5c8d5}select option{background:#102335}textarea{resize:vertical;min-height:130px}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}.form-bottom p{color:#839bad;font-size:11px;line-height:1.8;margin:0}#form-status{font-size:13px;color:#a1edf4;margin-top:15px}footer{border-top:1px solid var(--line);padding:32px 0}.footer-content{display:flex;align-items:center;gap:30px}.footer-content .brand{font-size:19px}.footer-content .brand-symbol{font-size:37px}.footer-content .brand small{font-size:6px}.footer-content>p{margin:0 0 0 auto;font-size:10px;color:#708697}.privacy-link{border:0;background:none;color:#94a8b8;font-size:11px}.back-top{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--line);border-radius:50%}dialog{color:#eaf4fa;background:#0c2133;border:1px solid #345b70;border-radius:14px;max-width:560px;width:calc(100% - 36px);padding:45px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#020912c9;backdrop-filter:blur(7px)}dialog h2{font-size:30px;margin-bottom:20px}dialog>p:not(.eyebrow){font-size:15px;color:#b3c6d4;line-height:1.9;white-space:pre-line}.dialog-close{position:absolute;top:10px;right:15px;background:none;border:0;color:white;font-size:28px}.dialog-done{margin-top:12px}.js-motion .reveal{opacity:0;transform:translateY(20px);transition:opacity .65s,transform .65s}.js-motion .reveal.visible{opacity:1;transform:none}
@media(min-width:1600px){.hero-content{padding-top:40px}.hero{height:850px}}@media(max-width:991px){.container{padding-left:28px;padding-right:28px}.nav-links{gap:20px}.nav-shell{height:80px}.brand{font-size:20px}.brand-symbol{font-size:42px}.hero{min-height:700px}.hero-note{margin-right:50px}.game-card{flex-basis:45%;height:400px}.heading-aside p{display:none}.about-copy{padding-left:12px}.about-art{height:330px}.about-section{padding-top:30px}.section{padding:80px 0}.contact-word{display:none}.partner-types>span{font-size:12px}.footer-content{flex-wrap:wrap}.footer-content>p{font-size:9px}.hero-art{background-position:62% center}.hero-atmosphere{background:linear-gradient(90deg,#061526d9,#071a2e66),linear-gradient(0deg,#071320,transparent 30%)}}@media(max-width:767px){.nav-links{display:none;position:absolute;top:79px;left:0;right:0;background:#091c2af5;backdrop-filter:blur(20px);padding:22px 28px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.nav-links a{padding:16px 10px}.nav-contact{margin-top:10px;text-align:center}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:1px solid var(--line);padding:12px;border-radius:5px}.menu-toggle span{display:block;width:20px;height:1px;background:white}.container{padding-left:23px;padding-right:23px}.hero{min-height:730px;max-height:900px}.hero-content{padding-top:35px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.hero .eyebrow span{width:15px}h1{font-size:43px;letter-spacing:-1.8px;line-height:1.35}.hero-description{font-size:14px}.hero-actions{gap:22px;align-items:center}.btn{padding:14px 18px;font-size:12px}.btn span{margin-left:17px}.text-link{font-size:12px}.hero-bottom{bottom:28px}.hero-note{display:none}.hero-number{font-size:15px}.scroll-cue{font-size:8px}.hero-art{background-position:62% center;opacity:.6}.hero-atmosphere{background:linear-gradient(90deg,#071423b8,transparent),linear-gradient(0deg,#071320,transparent 55%)}.section{padding:65px 0}.section-heading{gap:15px;margin-bottom:28px}h2{font-size:27px}.eyebrow{font-size:9px;letter-spacing:2px}.slider-controls{gap:6px}.slider-controls button{width:32px;height:32px}.game-track{gap:15px;margin-right:-23px;padding-right:23px}.game-card{flex-basis:84%;height:400px}.game-info h3{font-size:27px}.game-foot{font-size:8px;gap:12px}.game-foot>span:last-child{display:none}.about-art{height:300px}.orbit{width:250px;height:175px}.orbit-two{width:315px;height:225px}.about-w{font-size:160px}.orbit-label{font-size:8px;bottom:0}.values{gap:18px;justify-content:space-between}.values span{font-size:11px}.values small{font-size:7px}.section-intro{display:none}.service-card{padding:25px}.service-icon{margin-bottom:25px}.service-card p{margin-bottom:16px}.services-grid{--bs-gutter-y:15px}.partners-section{padding:60px 0}.partner-heading{display:block}.partner-heading h2{font-size:27px;margin-bottom:20px}.partner-types{flex-direction:column;gap:25px;margin-top:25px}.partner-types>span{font-size:15px;display:flex;justify-content:space-between;align-items:center}.partner-types small{font-size:10px;margin:0}.contact-section h2{font-size:36px}.contact-intro{margin-bottom:0}.footer-content{gap:20px}.footer-content .brand{width:100%}.footer-content>p{margin:0 auto 0 0;font-size:8px}.privacy-link{font-size:10px;padding:0}.back-top{width:30px;height:30px}.form-bottom{align-items:start}.form-bottom p{font-size:10px}.contact-section .row{--bs-gutter-y:35px}dialog{padding:35px 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.js-motion .reveal{opacity:1;transform:none}#stars{display:none}}@media(prefers-reduced-transparency:reduce){.site-header.scrolled,.nav-links{background:#071320;backdrop-filter:none}}@media(prefers-contrast:more){:root{--muted:#d2dce5;--line:#6d879a}p{color:#d2dce5!important}}



/* Readable text and a browsable desktop gallery. */
@media(min-width:992px){.game-card{flex-basis:37%}}
.about-copy>p:not(.eyebrow):not(.lead-copy),.service-card p,.contact-intro{font-size:16px}
label,input,textarea,select,.service-card li,.game-info p{font-size:14px}
.nav-links{background:transparent}
@media(max-width:767px){.nav-links{background:#091c2af5}.about-copy>p:not(.eyebrow):not(.lead-copy),.service-card p,.contact-intro{font-size:16px}.section-heading h2{font-size:25px}.section-heading{align-items:center}}
@media(max-width:400px){.partner-types>span{display:block}.partner-types small{margin-top:8px}.hero .eyebrow{font-size:7px;letter-spacing:1px}.values{gap:10px}}