 :root{--navy:#10283b;--navy2:#173c55;--blue:#279bd0;--green:#3eae6b;--yellow:#f1c91b;--red:#e94d42;--teal:#0795a2;--ink:#1a3041;--muted:#687b89;--line:#e6edf1;--paper:#f6f9fb}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:"DM Sans",sans-serif;color:var(--ink);overflow-x:hidden}h1,h2,h3,.navbar-brand{font-family:"Manrope",sans-serif;letter-spacing:-.04em}.main-nav{background:rgba(14,37,54,.96);backdrop-filter:blur(14px);padding:15px 0;border-bottom:1px solid #ffffff18;transition:.25s}.main-nav.scrolled{padding:9px 0;box-shadow:0 8px 25px #081d2b55}.brand-symbol{width:42px;height:42px;border-radius:13px;border:1px solid #ffffff66;display:grid;place-items:center;font:800 19px Manrope;color:#fff;letter-spacing:-.1em;background:linear-gradient(135deg,#1c83ad,#173650)}.brand-name{font:800 11px Manrope;letter-spacing:.04em;line-height:1.25;color:white}.brand-name small{display:block;font-size:9px;letter-spacing:.28em;font-weight:500;color:#9db3c2}.nav-link{font-size:12px;font-weight:700;color:#d1dce3!important}.nav-link:hover{color:#fff!important}.hero{min-height:700px;padding:165px 0 105px;position:relative;overflow:hidden;background:linear-gradient(115deg,#10283b 0%,#173d56 60%,#10283b 100%);color:white}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,black,transparent 90%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);opacity:.15}.glow-a{width:450px;height:450px;background:var(--blue);right:-140px;top:-170px}.glow-b{width:270px;height:270px;background:var(--yellow);left:35%;bottom:-210px}.hero .container{z-index:1}.hero-kicker,.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:800;color:#4bb8e3;display:inline-flex;align-items:center;gap:10px}.hero-kicker{color:#a7dff3}.hero-kicker span{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px #3eae6b24}.hero h1{font-size:clamp(2.7rem,5vw,4.45rem);line-height:1.12;font-weight:800;margin:23px 0}.hero h1 span{color:#6ec9e9}.hero-copy{font-size:16px;color:#c1d1dc;line-height:1.8;max-width:590px}.btn-brand{background:var(--blue);border:1px solid var(--blue);color:white;border-radius:50px;padding:13px 22px;font-size:12px;font-weight:800;box-shadow:0 10px 25px #279bd033}.btn-brand:hover{background:#187cae;border-color:#187cae;color:#fff;transform:translateY(-2px)}.btn-ghost{border:1px solid #ffffff55;color:white;border-radius:50px;padding:13px 22px;font-size:12px;font-weight:700}.btn-ghost:hover{background:#ffffff12;color:white}.hero-note{margin-top:35px;color:#a9bdca;font-size:11px}.hero-note i{color:#6ec9e9;margin-right:8px}.hero-art{height:440px;max-width:480px;margin:auto;position:relative;display:grid;place-items:center}.art-ring{position:absolute;border:1px solid #ffffff22;border-radius:50%;left:50%;top:47%;transform:translate(-50%,-50%)}.ring-one{width:300px;height:300px}.ring-two{width:405px;height:405px;border-style:dashed;border-color:#ffffff18}.art-core{z-index:2;width:150px;height:150px;border-radius:42px;transform:rotate(45deg);background:linear-gradient(145deg,#ffffff,#eaf2f6);box-shadow:0 20px 60px #061b2a66;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--navy)}.core-sg{font:800 55px Manrope;letter-spacing:-.12em;transform:rotate(-45deg);padding-right:9px}.art-core small{font-size:8px;letter-spacing:.22em;font-weight:800;transform:rotate(-45deg);margin-top:-4px}.orbit-node{position:absolute;z-index:3;width:94px;height:94px;border-radius:25px;background:#ffffff;color:var(--navy);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;box-shadow:0 15px 40px #061b2a55;font-size:10px;font-weight:800}.orbit-node i{font-size:26px}.node-learning{top:15px;left:50%;transform:translateX(-50%);color:#258fbd}.node-creative{bottom:70px;left:5px;color:#b29400}.node-tech{bottom:70px;right:5px;color:#26965a}.art-caption{position:absolute;bottom:12px;font-size:8px;letter-spacing:.17em;color:#a9bdca}.art-caption b{color:#61c4e7;padding:0 5px}.hero-bottom{position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue) 0 25%,var(--green) 25% 50%,var(--yellow) 50% 75%,var(--red) 75%)}.section-space{padding:100px 0}.divisions-section{background:#f5f8fa}.section-intro{max-width:720px;margin:0 auto 48px}.section-intro h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin:14px 0}.section-intro h2 span{color:var(--blue)}.section-intro p{font-size:14px;line-height:1.8;color:var(--muted)}.division-card{position:relative;background:#fff;border:1px solid #e5edf2;border-radius:23px;padding:27px;overflow:hidden;box-shadow:0 8px 30px #16344908;transition:.3s;display:flex;flex-direction:column}.division-card:hover{transform:translateY(-7px);box-shadow:0 22px 55px #16344915}.division-accent{position:absolute;top:0;left:0;right:0;height:5px;background:var(--blue)}.games-card .division-accent{background:var(--yellow)}.digital-card .division-accent{background:var(--green)}.division-top{display:flex;align-items:center;justify-content:space-between}.division-label{font-size:9px;letter-spacing:.16em;font-weight:800;color:#81909a}.division-icon{width:42px;height:42px;border-radius:13px;background:#eaf6fb;color:#218dbb;display:grid;place-items:center;font-size:19px}.games-card .division-icon{background:#fff8db;color:#b49600}.digital-card .division-icon{background:#e9f7ef;color:#269b5a}.division-logo{height:145px;display:flex;align-items:center;justify-content:center;margin:17px 0 15px}.training-logo img{max-width:135px;max-height:138px;object-fit:contain}.games-logo{flex-direction:column;gap:9px;color:var(--navy)}.games-mark{display:flex;align-items:center;gap:9px}.games-mark i{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#fff4c9;color:#c4a000;font-size:24px}.games-mark i:nth-child(2){background:#eaf6fc;color:var(--blue)}.games-mark i:nth-child(3){background:#eaf7ee;color:var(--green)}.games-logo>span{font:800 14px Manrope;letter-spacing:.13em}.games-logo b{color:#c3a100}.digital-logo{gap:14px;color:var(--navy)}.digital-mark{height:83px;width:83px;border-radius:22px;background:var(--navy);color:white;position:relative;display:grid;place-items:center;box-shadow:inset -7px -7px 0 #279bd0}.digital-mark span{font:800 46px Manrope;letter-spacing:-.1em}.digital-mark i{position:absolute;background:white;color:var(--green);border-radius:8px;font-size:15px;padding:4px}.digital-mark i:nth-of-type(1){right:-10px;top:2px}.digital-mark i:nth-of-type(2){left:-8px;bottom:0;color:var(--blue)}.digital-logo>span{font:700 13px Manrope;letter-spacing:.12em;line-height:1.45}.digital-logo>span b{font-size:20px}.division-card h3{font-size:23px;font-weight:800;margin:0 0 5px}.division-tagline{font-size:12px;font-weight:800;color:var(--blue);margin-bottom:12px}.games-card .division-tagline{color:#aa9000}.digital-card .division-tagline{color:#2b9a5a}.division-description{font-size:12px;line-height:1.8;color:#687b89;min-height:88px;margin-bottom:20px}.card-actions{margin-top:auto;border-top:1px solid #edf1f4;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.primary-card-link{font-size:11px;font-weight:800;color:var(--blue-dark);text-decoration:none}.primary-card-link i{margin-left:5px}.primary-card-link:hover{color:var(--navy)}.muted-link{color:#94a1a9;cursor:default}.social-links{display:flex;gap:7px}.social-links a,.social-placeholder{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:#f1f5f7;color:#5f7482;text-decoration:none;font-size:15px;transition:.2s}.social-links a:hover{background:var(--navy);color:#fff;transform:translateY(-2px)}.training-card .social-links a:last-child{background:#e8f7ee;color:#229d59}.training-card .social-links a:last-child:hover{background:#229d59;color:#fff}.social-placeholder{color:#b3bdc4;background:#f5f7f8}.card-footer-note{font-size:9px;color:#87959e;margin-top:18px;display:flex;align-items:center;gap:7px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.status-dot.pending{background:#d6b638}.division-footnote{font-size:10px;color:#87949d;margin-top:24px;text-align:center}.division-footnote i{color:var(--blue);margin-right:5px}.about-section{background:#fff}.about-visual{height:380px;max-width:480px;margin:auto;border-radius:28px;background:linear-gradient(145deg,#10283b,#1a455e);position:relative;display:grid;place-items:center;overflow:hidden}.about-visual:before,.about-visual:after{content:"";position:absolute;border:1px solid #ffffff18;border-radius:50%;width:310px;height:310px}.about-visual:after{width:430px;height:430px}.about-logo{z-index:2;width:160px;height:160px;border:1px solid #ffffff44;border-radius:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0d;backdrop-filter:blur(8px);transform:rotate(45deg);color:#fff}.about-logo span{font:800 66px Manrope;letter-spacing:-.13em;transform:rotate(-45deg);padding-right:12px}.about-logo small{font-size:9px;letter-spacing:.25em;transform:rotate(-45deg);margin-top:-5px}.about-color{position:absolute;width:90px;height:7px;border-radius:10px;transform:rotate(-45deg)}.color-blue{background:var(--blue);top:90px;left:65px}.color-green{background:var(--green);right:55px;top:120px}.color-yellow{background:var(--yellow);bottom:95px;left:65px}.color-red{background:var(--red);right:60px;bottom:85px}.about-visual-caption{position:absolute;bottom:26px;color:#a9bfcc;font-size:9px;letter-spacing:.22em}.about-section h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15;margin:15px 0}.about-section h2 span{color:var(--blue)}.about-section>p,.about-section .col-lg-6>p{font-size:14px;line-height:1.85}.about-points{margin-top:28px;display:grid;gap:17px}.about-points>div{display:flex;gap:13px;align-items:flex-start}.about-points>div>span{width:28px;height:28px;flex-shrink:0;border-radius:9px;background:#e8f7ef;color:#2b9e5d;display:grid;place-items:center}.about-points p{margin:0;color:var(--ink);font-size:12px}.about-points b{display:block;font-size:13px}.about-points small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.cta-section{padding:0 0 75px}.cta-panel{border-radius:23px;background:#f0f7fa;padding:40px 48px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-panel h2{font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800;margin:10px 0}.cta-panel p{font-size:12px;margin:0}.footer{background:#10283b;color:#fff;padding:35px 0 18px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font:800 11px Manrope;letter-spacing:.04em}.footer-brand>span:last-child small{display:block;color:#a7bdca;font-size:9px;letter-spacing:.25em;font-weight:500}.footer-motto{font-size:9px;letter-spacing:.15em;color:#b4c5cf}.footer-motto b{color:#6ac8e9;padding:0 5px}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:25px;padding-top:15px;display:flex;justify-content:space-between;gap:15px;color:#91a6b4;font-size:10px}.footer-bottom a{color:#c5d2da;text-decoration:none}.footer-bottom a:hover{color:white}
@media(max-width:991px){.hero{padding-top:140px}.hero-art{max-width:450px;margin-top:10px}.division-description{min-height:0}.about-visual{max-width:520px}.footer-main{align-items:flex-start;flex-direction:column}}
@media(max-width:575px){.hero{padding:125px 0 70px}.hero h1{font-size:2.55rem}.hero-copy{font-size:14px}.hero-art{height:360px}.ring-one{width:240px;height:240px}.ring-two{width:330px;height:330px}.art-core{width:120px;height:120px;border-radius:32px}.core-sg{font-size:44px}.orbit-node{width:76px;height:76px;border-radius:20px;font-size:9px}.orbit-node i{font-size:21px}.node-creative{left:0;bottom:50px}.node-tech{right:0;bottom:50px}.art-caption{font-size:6px}.section-space{padding:70px 0}.section-intro{margin-bottom:35px}.division-card{padding:23px}.division-logo{height:125px}.about-visual{height:310px}.about-logo{width:130px;height:130px}.about-logo span{font-size:54px}.cta-section{padding-bottom:55px}.cta-panel{padding:30px 24px;align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column}.footer-motto{font-size:8px}}
