/* Homepage only. Keep Xiu's templates and the rest of the site intact. */
body.home {background:#07111e;color:#e8f0f8}
body.home .container {max-width:1440px;background:#07111e}
body.home .content,body.home.ui-c2 .content {margin-right:0;padding:0;min-height:0;overflow:visible;background:transparent}
body.home .content>h1.title {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.home .article-content,body.home.uimo .article-content {padding:0;background:transparent}
body.home .header {background:#091a2a;border-right:1px solid #1b3446}
body.home .logo {border-bottom:1px solid #1b3446}
body.home .logo a {background:#0b2031}
body.home .nav {padding-top:12px}
body.home .nav>li>a {color:#afc3d4;font-weight:600;transition:background .2s,color .2s}
body.home .nav>li>a:hover,body.home .nav>li.current-menu-item>a,body.home .nav>li.current_page_item>a {background:#153449;color:#eafcff}
body.home .slinks,body.home .slinks a {color:#7891a5}
body.home .footer,body.home.uimo.ui-c2 .footer {margin-left:190px;margin-right:0;padding:24px 36px;border:0;border-top:1px solid #1c3345;background:#081723;color:#8ca4b6;line-height:1.7}
body.home .footer a {color:#b5d8e7}
body.home .footer a:hover {color:#fff}

/* The CSS cover appears before the footer script and clears itself if scripts fail. */
body.home:not(.sg-intro-mounted):not(.sg-intro-complete)::before,
body.home:not(.sg-intro-mounted):not(.sg-intro-complete)::after {position:fixed;z-index:99990;pointer-events:none;animation:sg-mech-fallback-out .35s 1.95s both}
body.home:not(.sg-intro-mounted):not(.sg-intro-complete)::before {content:"";inset:0;background:repeating-linear-gradient(0deg,rgba(106,230,238,.05) 0 1px,transparent 1px 6px),radial-gradient(circle at center,#173748,#030b15 65%)}
body.home:not(.sg-intro-mounted):not(.sg-intro-complete)::after {content:"SDGO  /  SYSTEM BOOT";top:50%;left:50%;width:min(88vw,440px);padding:20px 8px;transform:translate(-50%,-50%);border-top:1px solid #76e6ed;border-bottom:1px solid #76e6ed;color:#d5fbff;font:900 clamp(13px,2vw,19px)/1.4 Inter,Arial,sans-serif;text-align:center;letter-spacing:.22em;text-shadow:0 0 18px #57e1ec}
@keyframes sg-mech-fallback-out {to {opacity:0;visibility:hidden}}

/* Cockpit boot: two armor shutters open over the existing hero image. */
.sg-mech-intro {position:fixed;z-index:99995;inset:0;overflow:hidden;isolation:isolate;color:#dffbff;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;pointer-events:auto;animation:sg-mech-autohide 0s 2.65s forwards}
.sg-mech-intro.is-skipped {display:none!important}
.sg-mech-intro * {box-sizing:border-box}
.sg-mech-intro__plate {position:absolute;z-index:1;top:0;bottom:0;width:calc(50% + 20px);background:repeating-linear-gradient(0deg,transparent 0 78px,rgba(107,225,237,.075) 78px 79px,transparent 79px 81px),linear-gradient(135deg,#112e3b 0%,#071825 48%,#03101a 100%);box-shadow:inset 0 0 80px #020810,inset 0 0 0 2px #3c7080;will-change:transform;animation-duration:2.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.78,.02,.14,1)}
.sg-mech-intro__plate::before {position:absolute;top:12%;bottom:12%;width:19px;content:"";background:repeating-linear-gradient(180deg,transparent 0 16px,#5bc8d0 16px 18px,transparent 18px 28px);opacity:.45}
.sg-mech-intro__plate::after {position:absolute;bottom:8%;color:#81b8c3;font-size:10px;font-weight:900;letter-spacing:.28em}
.sg-mech-intro__plate--left {left:0;clip-path:polygon(0 0,100% 0,calc(100% - 22px) 50%,100% 100%,0 100%);border-right:2px solid #8deaf0;animation-name:sg-mech-left-open}
.sg-mech-intro__plate--left::before {left:6%}
.sg-mech-intro__plate--left::after {left:8%;content:"01 / ARMOR RELEASE"}
.sg-mech-intro__plate--right {right:0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,22px 50%);border-left:2px solid #8deaf0;animation-name:sg-mech-right-open}
.sg-mech-intro__plate--right::before {right:6%}
.sg-mech-intro__plate--right::after {right:8%;content:"02 / SORTIE GATE"}
.sg-mech-intro__grid {position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent calc(50% - 1px),rgba(134,236,245,.54) 50%,transparent calc(50% + 1px)),repeating-linear-gradient(0deg,rgba(90,211,222,.075) 0 1px,transparent 1px 6px),radial-gradient(circle at 50% 48%,transparent 0 105px,rgba(6,20,30,.2) 270px);animation:sg-mech-hud-out 2.15s both}
.sg-mech-intro__scan {position:absolute;z-index:3;top:0;bottom:0;width:2px;background:#b0f9fc;box-shadow:0 0 18px 6px rgba(85,226,236,.45);opacity:0;animation:sg-mech-scan 1.05s .23s ease-in-out both}
.sg-mech-intro__top,.sg-mech-intro__bottom {position:absolute;z-index:5;left:clamp(22px,4vw,68px);right:clamp(22px,4vw,68px);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;font-weight:800;letter-spacing:.22em;text-shadow:0 0 14px #061721;animation:sg-mech-hud-out 2.15s both}
.sg-mech-intro__top {top:clamp(22px,4vw,54px);padding-bottom:13px;border-bottom:1px solid rgba(131,232,239,.5)}
.sg-mech-intro__top strong {color:#91f0f4;font-weight:900}
.sg-mech-intro__bottom {bottom:clamp(25px,4vw,54px);padding-top:13px;border-top:1px solid rgba(131,232,239,.5)}
.sg-mech-intro__status {color:#ffd28b}
.sg-mech-intro__center {position:absolute;z-index:5;top:50%;left:50%;width:min(440px,82vw);text-align:center;transform:translate(-50%,-50%);animation:sg-mech-core-out 2.15s both}
.sg-mech-intro__ring {position:relative;display:grid;place-items:center;width:172px;height:172px;margin:0 auto 26px;border:2px solid rgba(114,231,239,.72);border-radius:50%;background:radial-gradient(circle,rgba(89,220,231,.18) 0 27%,transparent 28% 100%),conic-gradient(from 0deg,transparent 0 12%,rgba(138,245,249,.32) 12% 13%,transparent 13% 37%,rgba(138,245,249,.45) 37% 39%,transparent 39% 100%);box-shadow:0 0 0 13px rgba(65,173,185,.09),0 0 45px rgba(77,231,240,.35),inset 0 0 35px rgba(77,231,240,.18)}
.sg-mech-intro__ring::before {content:"";position:absolute;inset:12px;border:1px dashed #7cdae4;border-radius:50%;animation:sg-mech-ring-spin 2.6s linear infinite}
.sg-mech-intro__ring::after {content:"+";position:absolute;color:#affaff;font-size:34px;font-weight:200;text-shadow:0 0 20px #6ceaf1}
.sg-mech-intro__wordmark {display:block;color:#e9fdff;font-size:clamp(38px,6vw,68px);font-weight:900;line-height:1;letter-spacing:.2em;text-indent:.2em;text-shadow:0 0 32px rgba(88,238,247,.55)}
.sg-mech-intro__sub {display:block;margin-top:12px;color:#9eebee;font-size:11px;font-weight:800;letter-spacing:.25em}
.sg-mech-intro__progress {position:relative;display:block;width:min(320px,70vw);height:4px;margin:28px auto 0;background:#1e5364;overflow:hidden}
.sg-mech-intro__progress::before {content:"";position:absolute;inset:0;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#408ba3,#affbff);box-shadow:0 0 18px #78eff4;animation:sg-mech-charge 1.4s .18s ease-out both}
.sg-mech-intro__skip {position:absolute;z-index:8;right:clamp(22px,4vw,68px);bottom:clamp(70px,8vw,110px);padding:9px 13px;border:1px solid #6bafbc;background:rgba(5,25,38,.84);color:#d7faff;font-family:inherit;font-size:11px;font-weight:800;line-height:1.2;letter-spacing:.12em;cursor:pointer}
.sg-mech-intro__skip:hover,.sg-mech-intro__skip:focus-visible {border-color:#b7f7fa;background:#17485b;outline:2px solid #b7f7fa;outline-offset:3px}
@keyframes sg-mech-left-open {0%,54% {transform:translateX(0)}100% {transform:translateX(-110%)}}
@keyframes sg-mech-right-open {0%,54% {transform:translateX(0)}100% {transform:translateX(110%)}}
@keyframes sg-mech-scan {0% {left:2%;opacity:0}12%,86% {opacity:.65}100% {left:98%;opacity:0}}
@keyframes sg-mech-ring-spin {to {transform:rotate(360deg)}}
@keyframes sg-mech-charge {to {transform:scaleX(1)}}
@keyframes sg-mech-hud-out {0% {opacity:0}14%,57% {opacity:1}85%,100% {opacity:0}}
@keyframes sg-mech-core-out {0% {opacity:0;transform:translate(-50%,-47%) scale(.87)}16%,58% {opacity:1;transform:translate(-50%,-50%) scale(1)}88%,100% {opacity:0;transform:translate(-50%,-50%) scale(1.12)}}
@keyframes sg-mech-autohide {to {visibility:hidden;pointer-events:none}}
body.home.sg-intro-mounted .sg-hero {animation:sg-hero-ignite 2.45s ease-out both}
body.home.sg-intro-mounted .sg-hero-content {animation:sg-hero-content-ignite .8s 1.62s ease-out both}
@keyframes sg-hero-ignite {0%,45% {filter:brightness(.38) saturate(.55)}100% {filter:brightness(1) saturate(1)}}
@keyframes sg-hero-content-ignite {from {opacity:0;transform:translateY(24px)}to {opacity:1;transform:translateY(0)}}
@media(max-width:600px) {
  .sg-mech-intro__ring {width:128px;height:128px;margin-bottom:20px}
  .sg-mech-intro__ring::before {inset:9px}
  .sg-mech-intro__wordmark {font-size:38px}
  .sg-mech-intro__sub {font-size:9px;letter-spacing:.14em}
  .sg-mech-intro__top,.sg-mech-intro__bottom {font-size:8px;letter-spacing:.1em}
  .sg-mech-intro__plate::after {font-size:7px;letter-spacing:.12em}
  .sg-mech-intro__skip {bottom:75px;font-size:10px}
}

.sg-home {--sg-bg:#07111e;--sg-panel:#0e2030;--sg-panel-2:#12293b;--sg-line:#254154;--sg-muted:#9cb2c2;--sg-cyan:#6ae6ee;--sg-gold:#ffd38b;color:#e8f0f8;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;letter-spacing:.01em}
.sg-home * {box-sizing:border-box}
.sg-home p,.sg-home h2,.sg-home h3,.sg-home ol {margin:0}
.sg-home h2,.sg-home h3 {color:#f7fbff;font-weight:750;line-height:1.35}
.sg-home a,.article-content .sg-home a {color:inherit;text-decoration:none}
.sg-home a:focus-visible {outline:3px solid var(--sg-cyan);outline-offset:3px}
.sg-home a:hover {text-decoration:none}
.sg-home code {color:#e3f9ff;background:#1d394b;border:1px solid #35556a;border-radius:5px;padding:2px 5px;font-size:.9em;white-space:nowrap}

.sg-hero {position:relative;isolation:isolate;display:flex;align-items:center;min-height:640px;padding:72px clamp(28px,6vw,94px);overflow:hidden;background:#101e2d url('/wp-content/uploads/2026/09/hero-mecha-260923.webp') 66% center/cover no-repeat;border-bottom:1px solid #2c4659}
.sg-hero {animation:sg-hero-reveal 1.5s ease-out both}
@keyframes sg-hero-reveal {from {filter:brightness(.46) saturate(.5)}to {filter:brightness(1) saturate(1)}}
.sg-hero:before {content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(5,15,27,.98) 0%,rgba(5,15,27,.87) 30%,rgba(5,15,27,.36) 63%,rgba(5,15,27,.08) 100%),linear-gradient(0deg,rgba(5,15,27,.48),transparent 40%)}
.sg-hero:after {content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(135deg,transparent 0 60%,rgba(111,226,236,.11) 60.1%,transparent 60.4%);pointer-events:none}
.sg-hero-content {position:relative;max-width:610px}
.sg-hero-content {animation:sg-hero-content-in .9s .56s ease-out both}
@keyframes sg-hero-content-in {from {opacity:0;transform:translateY(22px)}to {opacity:1;transform:translateY(0)}}
.sg-eyebrow,.sg-label {color:var(--sg-cyan);font-size:11px;font-weight:800;letter-spacing:.23em;text-transform:uppercase}
.sg-eyebrow {display:flex;align-items:center;gap:10px;color:#d1e4eb;letter-spacing:.16em}
.sg-live-dot {flex:none;width:7px;height:7px;border-radius:50%;background:#66e4dc;box-shadow:0 0 0 5px rgba(102,228,220,.12),0 0 16px #66e4dc}
.sg-hero-sep {opacity:.5}
.sg-hero h2 {margin:28px 0 24px;font-size:clamp(48px,5.6vw,86px);font-weight:800;letter-spacing:-.055em;line-height:1.07;text-shadow:0 3px 24px rgba(0,0,0,.2)}
.sg-hero h2 span {color:#79e9f0}
.sg-hero-lead {max-width:480px;color:#c4d5df;font-size:17px;line-height:1.9}
.sg-hero-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:37px}
.sg-button,.article-content .sg-home .sg-button {display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:52px;padding:12px 24px;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:800;line-height:1.3;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;white-space:nowrap}
.sg-button:hover {transform:translateY(-2px)}
.sg-button-primary,.article-content .sg-home .sg-button-primary {background:#7ce7ec;color:#071421;box-shadow:0 8px 28px rgba(50,209,226,.19)}
.sg-button-primary:hover {background:#a9f7fa;box-shadow:0 10px 30px rgba(50,209,226,.26)}
.sg-button-ghost,.article-content .sg-home .sg-button-ghost {border-color:#7b98aa;background:rgba(6,23,37,.48);color:#eefaff}
.sg-button-ghost:hover {background:rgba(45,89,111,.54);border-color:#b9e5ed}
.sg-hero-sub,.article-content .sg-home .sg-hero-sub {display:inline-flex;gap:12px;margin-top:28px;color:#c1d3dc;font-size:13px}
.sg-hero-sub:hover {color:#fff}
.sg-hero-rail {position:absolute;right:32px;bottom:24px;display:flex;align-items:center;gap:12px;color:#d5e6ef;font-size:10px;letter-spacing:.2em;opacity:.73}
.sg-hero-rail span:first-child {font-size:18px;font-weight:900;letter-spacing:.08em}
.sg-hero-rail:before {content:"";display:block;width:45px;height:1px;background:#7ee8ef;box-shadow:0 0 13px #7ee8ef;animation:sg-rail-pulse 3s ease-in-out infinite}
@keyframes sg-rail-pulse {50% {opacity:.2;transform:scaleX(.45)}}

/* The third-party video is loaded only after the visitor asks for music. */
.sg-radio {position:fixed;z-index:99980;right:18px;bottom:18px;width:min(340px,calc(100vw - 36px));font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#eefbff}
.sg-radio * {box-sizing:border-box}
.sg-radio button {font:inherit;cursor:pointer}
.sg-radio-toggle {display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:10px 15px;border:1px solid #68dbe7;border-radius:9px;background:#0b2637;box-shadow:0 10px 28px rgba(0,0,0,.35),0 0 20px rgba(48,207,228,.15);color:#ecfbff;text-align:left;font-size:12px;font-weight:800;letter-spacing:.04em}
.sg-radio-toggle:hover,.sg-radio-toggle:focus-visible {background:#124056;outline:2px solid #9df1f4;outline-offset:2px}
.sg-radio-icon {display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#68e0e9;color:#092235;font-size:17px}
.sg-radio.is-playing .sg-radio-icon {animation:sg-radio-spin 3s linear infinite}
@keyframes sg-radio-spin {to {transform:rotate(360deg)}}
.sg-radio-toggle .sg-radio-state {margin-left:auto;color:#7de6ed;font-size:10px;letter-spacing:.12em}
.sg-radio-label {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sg-radio-panel {max-height:calc(100vh - 86px);overflow:auto;margin-bottom:8px;padding:14px;border:1px solid #498191;border-radius:10px;background:linear-gradient(145deg,#102b3d,#071823);box-shadow:0 14px 38px rgba(0,0,0,.45)}
.sg-radio-panel[hidden] {display:none!important}
.sg-radio-header {display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:11px}
.sg-radio-heading {margin:0;color:#83e7ee;font-size:10px;font-weight:800;letter-spacing:.18em}
.sg-radio-title {display:block;margin-top:5px;color:#fff;font-size:15px;line-height:1.45}
.sg-radio-close {flex:none;width:27px;height:27px;border:1px solid #527383;border-radius:6px;background:transparent;color:#d5eff4;font-size:17px}
.sg-radio-series {display:flex;flex-wrap:wrap;gap:5px;margin:0 0 10px}
.sg-radio-series button {min-width:35px;padding:5px 7px;border:1px solid #456777;border-radius:5px;background:#102a39;color:#b6dce4;font-size:10px;font-weight:800;line-height:1.2}
.sg-radio-series button[aria-pressed="true"] {border-color:#8feaf0;background:#267188;color:#fff;box-shadow:0 0 11px rgba(79,211,225,.24)}
.sg-radio-series button:focus-visible {outline:2px solid #a9f6fa;outline-offset:2px}
.sg-radio-embed {width:100%;aspect-ratio:16/9;border:0;border-radius:6px;background:#050d16}
.sg-radio-actions {display:flex;gap:8px;margin-top:10px}
.sg-radio-actions button {flex:1;min-height:35px;border:1px solid #568491;border-radius:6px;background:#174054;color:#e7faff;font-size:12px;font-weight:700}
.sg-radio-actions button:hover {background:#246079}
.sg-radio-source {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;color:#92afbb;font-size:10px;line-height:1.45}
.sg-radio-source>span:last-child {display:flex;flex-direction:column;gap:3px;flex:none;text-align:right}
.sg-radio-source a {color:#91e6ec;text-decoration:underline;text-underline-offset:2px}

.sg-quick {display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#234053;border-bottom:1px solid #234053}
.sg-quick a {display:flex;align-items:center;gap:18px;min-height:116px;padding:22px clamp(17px,3vw,38px);background:#0c1d2c;transition:background .2s}
.sg-quick a:hover {background:#18374a}
.sg-quick-icon {display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #467185;border-radius:7px;color:#73dce8;font-size:12px;font-weight:800;letter-spacing:.06em}
.sg-quick a>span:nth-child(2) {display:flex;flex:1;flex-direction:column;line-height:1.3}
.sg-quick strong {color:#f3fbff;font-size:15px}
.sg-quick small {margin-top:6px;color:#8fa9b9;font-size:11px}
.sg-quick b {color:#68d7e2;font-size:19px;font-weight:400}

.sg-section {padding:86px clamp(25px,5vw,78px) 12px}
.sg-section-head {display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:30px}
.sg-section-head h2 {margin-top:10px;font-size:clamp(28px,2.8vw,38px);letter-spacing:-.035em}
.sg-section-head>p {max-width:320px;color:#a3b8c7;font-size:13px;line-height:1.8;text-align:right}
.sg-section-more {color:#83e4e9!important;font-size:13px;font-weight:700;white-space:nowrap}
.sg-section-more:hover,.sg-text-link:hover {color:#bbfaff!important}

.sg-steps {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;list-style:none}
.sg-steps li {display:flex;flex-direction:column;min-height:308px;padding:24px 22px;background:linear-gradient(155deg,#142b3c,#0d1e2c 64%);border:1px solid #284354;border-radius:9px}
.sg-step-num {display:block;color:#6ce4e9;font-size:13px;font-weight:800;letter-spacing:.13em}
.sg-steps h3 {margin:23px 0 12px;font-size:18px}
.sg-steps p {flex:1;color:#aac0cf;font-size:12px;line-height:1.85}
.sg-steps p a {color:#92e8ed!important;text-decoration:underline!important;text-underline-offset:3px}
.sg-text-link {display:inline-flex;align-items:center;gap:10px;margin-top:18px;color:#80e4eb!important;font-size:12px;font-weight:800}
.sg-download-strip {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding:19px 23px;border:1px solid #376272;border-radius:9px;background:linear-gradient(100deg,#173949,#0c2232)}
.sg-download-strip>div {display:flex;align-items:center;gap:15px}
.sg-download-mark {display:grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid #71d2d4;border-radius:8px;color:#8ae8eb;font-size:25px;font-weight:400}
.sg-download-strip>div>span:last-child {display:flex;flex-direction:column}
.sg-download-strip strong {color:#f4fbff;font-size:16px}
.sg-download-strip small {margin-top:2px;color:#a1c1c9;font-size:11px}
.sg-download-strip .sg-button {min-height:43px}

.sg-groups {padding-top:88px}
.sg-group-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sg-group-grid a {display:flex;flex-direction:column;min-height:174px;padding:23px 25px;border:1px solid #305164;border-radius:9px;background:#11283a;transition:transform .2s,border-color .2s,background .2s}
.sg-group-grid a:hover {transform:translateY(-3px);border-color:#6bdbdf;background:#15374a}
.sg-group-grid a>span {color:#8fd0d9;font-size:11px;font-weight:800;letter-spacing:.12em}
.sg-group-grid strong {margin:8px 0;color:#f3fafc;font-size:clamp(24px,2.5vw,34px);font-weight:800;letter-spacing:.04em}
.sg-group-grid small {margin-top:auto;color:#a7c7d2;font-size:12px}
.sg-group-grid b {float:right;color:#7de5e8;font-size:17px;font-weight:400}
.sg-group-note {margin-top:15px!important;color:#91aebf;font-size:12px}

.sg-news-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sg-news-grid a {display:flex;flex-direction:column;min-height:161px;padding:22px 25px;border:1px solid #264255;border-radius:8px;background:#0e2232;transition:background .2s,border-color .2s}
.sg-news-grid a:hover {background:#173448;border-color:#5db7c5}
.sg-news-grid a>span,.sg-feature>span,.sg-event>span {color:#7cced9;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.sg-news-grid strong {margin-top:9px;color:#edf8fd;font-size:19px;line-height:1.4}
.sg-news-grid small {margin-top:auto;color:#9ab4c3;font-size:11px}
.sg-news-grid b {float:right;color:#8de9ee;font-size:17px;font-weight:400}

.sg-feature-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sg-feature {display:flex;flex-direction:column;min-height:253px;padding:26px 25px;border:1px solid #2a4657;border-radius:8px;background:linear-gradient(145deg,#122a3b,#0d1d2c)}
.sg-feature h3 {margin:14px 0 12px;font-size:19px}
.sg-feature p {color:#a9c0cd;font-size:12px;line-height:1.85}
.sg-feature a {margin-top:auto;padding-top:16px;color:#84e2e7!important;font-size:12px;font-weight:800}
.sg-feature a:hover {color:#b8f7f9!important}
.sg-showcase {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.sg-showcase a {position:relative;display:block;height:230px;overflow:hidden;border:1px solid #2b4b5e;border-radius:8px;background:#142639}
.sg-showcase img {width:100%;height:100%;margin:0!important;object-fit:cover;object-position:top;opacity:.83;transition:transform .35s,opacity .35s}
.sg-showcase a:hover img {transform:scale(1.04);opacity:1}
.sg-showcase a:after {content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(3,15,25,.89))}
.sg-showcase span {position:absolute;z-index:1;right:20px;bottom:16px;left:20px;color:#fff;font-size:17px;font-weight:800}
.sg-showcase b {float:right;color:#8be8e9;font-size:20px;font-weight:400}

.sg-events-grid {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.sg-event {display:flex;flex-direction:column;grid-column:span 2;min-height:219px;padding:23px 24px;border:1px solid #294759;border-radius:8px;background:#112537}
.sg-event:nth-child(4),.sg-event:nth-child(5) {grid-column:span 3}
.sg-event h3 {margin:13px 0 10px;font-size:19px}
.sg-event p {color:#a9c1cd;font-size:12px;line-height:1.8}
.sg-event a {margin-top:auto;padding-top:13px;color:#84e2e7!important;font-size:12px;font-weight:800}

.sg-notice {display:flex;gap:18px;margin:85px clamp(25px,5vw,78px) 0;padding:23px 25px;border:1px solid #9f7045;border-left:4px solid #e7ae66;border-radius:7px;background:linear-gradient(90deg,#352820,#201f24)}
.sg-notice>span {display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #f5bd79;border-radius:50%;color:#ffd49d;font-size:18px;font-weight:800}
.sg-notice h2 {color:#ffe0b4;font-size:16px}
.sg-notice p {margin-top:7px;color:#dccabb;font-size:12px;line-height:1.85}
.sg-bottom-cta {display:flex;align-items:center;justify-content:space-between;gap:28px;margin:78px clamp(25px,5vw,78px) 90px;padding:35px 40px;border:1px solid #336777;border-radius:9px;background:radial-gradient(circle at 88% 20%,rgba(66,202,215,.2),transparent 30%),linear-gradient(110deg,#153b4d,#0b2434)}
.sg-bottom-cta h2 {margin:10px 0 8px;font-size:28px}
.sg-bottom-cta p:last-child {color:#b5d0da;font-size:13px}
.sg-bottom-cta>div:last-child {display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}

@media(max-width:1100px) {
  .sg-steps {grid-template-columns:repeat(2,minmax(0,1fr))}
  .sg-steps li {min-height:255px}
  .sg-feature-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .sg-hero {min-height:575px}
}
@media(max-width:879px) {
  body.home .footer,body.home.uimo.ui-c2 .footer {margin-left:160px}
  .sg-hero {padding:58px 42px}
  .sg-quick a {gap:10px;padding:20px 14px}
  .sg-quick-icon {width:34px;height:34px}
  .sg-quick b {display:none}
}
@media(max-width:720px) {
  body.home .header {position:relative;width:auto;border-right:0}
  body.home .logo,body.home .ui-navtop .logo {background:#0d2a3b;border-bottom:0}
  body.home .logo a {background:#0d2a3b}
  body.home .nav {padding-top:0;background:#102b3d;border-bottom:1px solid #2a5265}
  body.home .nav:after {background:#2a5265}
  body.home .nav li a {color:#d8e8ef!important}
  body.home .nav li.navmore .glyphicon {color:#d8e8ef}
  body.home.navshows .nav {background:#102b3d}
  body.home .content,body.home.ui-c2 .content {margin-left:0;padding:0}
  body.home .footer,body.home.uimo.ui-c2 .footer {margin-left:0}
  .sg-hero {min-height:540px;padding:52px 28px;background-position:70% center}
  .sg-hero:before {background:linear-gradient(90deg,rgba(5,15,27,.97),rgba(5,15,27,.74) 60%,rgba(5,15,27,.48)),linear-gradient(0deg,rgba(5,15,27,.6),transparent 55%)}
  .sg-hero h2 {font-size:clamp(44px,10vw,66px)}
  .sg-hero-lead {max-width:410px;font-size:15px}
  .sg-section {padding:66px 22px 0}
  .sg-notice {margin:66px 22px 0}
  .sg-bottom-cta {margin:66px 22px 70px}
  .sg-group-grid {grid-template-columns:1fr 1fr}
  .sg-quick {grid-template-columns:1fr 1fr}
  .sg-quick a:last-child {grid-column:span 2}
}
@media(max-width:560px) {
  .sg-radio {right:10px;bottom:10px;width:min(320px,calc(100vw - 20px))}
  body.home.uimo .container {background:#07111e}
  body.home.uimo .article-content {padding:0}
  .sg-hero {min-height:560px;padding:46px 22px 62px;background-position:72% center}
  .sg-hero h2 {margin:26px 0 20px;line-height:1.12}
  .sg-hero-rail {right:20px;bottom:16px;font-size:9px}
  .sg-hero-rail span:first-child {font-size:13px}
  .sg-hero-actions {gap:9px;margin-top:30px}
  .sg-button {min-height:48px;padding:12px 16px;gap:12px}
  .sg-quick {grid-template-columns:1fr}
  .sg-quick a {min-height:75px;padding:14px 22px}
  .sg-quick a:last-child {grid-column:auto}
  .sg-quick b {display:block}
  .sg-section-head {display:block;margin-bottom:23px}
  .sg-section-head>p {margin-top:8px;text-align:left}
  .sg-section-more {display:inline-block;margin-top:12px}
  .sg-steps,.sg-group-grid,.sg-news-grid,.sg-feature-grid,.sg-showcase {grid-template-columns:1fr}
  .sg-steps li {min-height:0;padding:21px}
  .sg-steps h3 {margin-top:13px}
  .sg-steps .sg-text-link {margin-top:14px}
  .sg-download-strip {align-items:stretch;flex-direction:column}
  .sg-download-strip .sg-button {align-self:stretch}
  .sg-group-grid a {min-height:137px}
  .sg-news-grid a {min-height:143px}
  .sg-feature {min-height:0}
  .sg-showcase a {height:210px}
  .sg-events-grid {grid-template-columns:1fr}
  .sg-event,.sg-event:nth-child(4),.sg-event:nth-child(5) {grid-column:auto;min-height:0}
  .sg-bottom-cta {display:block;padding:27px 23px}
  .sg-bottom-cta>div:last-child {justify-content:flex-start;margin-top:22px}
}
@media(prefers-reduced-motion:reduce) {
  .sg-home *,body.home .nav>li>a,.sg-radio * {transition:none!important;animation:none!important;scroll-behavior:auto!important}
  body.home::before,body.home::after {display:none!important}
  .sg-mech-intro {display:none!important}
  body.home.sg-intro-mounted .sg-hero,body.home.sg-intro-mounted .sg-hero-content {animation:none!important;filter:none!important;opacity:1!important;transform:none!important}
  .sg-hero,.sg-hero-content {animation:none!important;filter:none!important;opacity:1!important;transform:none!important}
}

/* Download article (post 63). */
.sg-download-page {font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#173044;font-size:15px;line-height:1.75}
.sg-download-page * {box-sizing:border-box}
.sg-download-page h2,.sg-download-page h3,.sg-download-page p,.sg-download-page ol {margin:0}
.sg-download-page a {text-decoration:none!important}
.sg-dl-head {padding:42px clamp(24px,5vw,60px);border-radius:10px;background:radial-gradient(circle at 100% 0%,rgba(67,219,229,.19),transparent 43%),linear-gradient(135deg,#0c1d2b,#173d50);color:#e9f7fb}
.sg-dl-head>p:first-child {color:#80e6eb;font-size:11px;font-weight:800;letter-spacing:.18em}
.sg-dl-head h2 {margin:10px 0 13px;color:#fff;font-size:clamp(30px,4vw,42px)}
.sg-dl-head>p:nth-of-type(2) {max-width:620px;color:#b9d0da;font-size:14px}
.sg-dl-head>div {display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}
.sg-download-page .sg-dl-button,.sg-download-page .sg-dl-outline {display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:10px 19px;border-radius:5px;font-size:14px;font-weight:800}
.sg-download-page .sg-dl-button {background:#85e9ec;color:#08202d!important}
.sg-download-page .sg-dl-outline {border:1px solid #9bc7d3;color:#ecf9fb!important}
.sg-download-page>section {margin-top:40px}
.sg-download-page h3 {margin-bottom:17px;color:#173044;font-size:22px}
.sg-dl-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;list-style:none}
.sg-dl-steps li {padding:20px;border:1px solid #d1e3e9;border-radius:7px;background:#f4fafb}
.sg-dl-steps strong {display:block;margin-bottom:8px;color:#0b5970;font-size:15px}
.sg-dl-steps p,.sg-download-page>section>p {color:#496576;font-size:13px}
.sg-dl-steps a {color:#087e92!important;font-weight:700}
.sg-dl-groups {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.sg-dl-groups a {display:flex;justify-content:space-between;gap:8px;padding:15px 17px;border:1px solid #bad9e1;border-radius:6px;background:#eaf7f9;color:#13576b!important;font-weight:800;font-size:17px}
.sg-dl-groups a:hover {background:#d7f2f4}
.sg-dl-groups span {font-size:11px;font-weight:600;white-space:nowrap;align-self:center}
.sg-dl-note {margin-top:35px;padding:18px 22px;border-left:4px solid #d69b53;background:#fff7eb;color:#5b4735}
.sg-dl-note strong {font-size:15px}
.sg-dl-note p {margin-top:5px;font-size:13px}
.sg-dl-hash {margin-top:25px!important;color:#71828d;font-size:11px;overflow-wrap:anywhere}
.sg-dl-hash code {font-size:11px;white-space:normal}
@media(max-width:720px) {.sg-dl-steps {grid-template-columns:1fr}.sg-dl-groups {grid-template-columns:1fr}}

/* SEO: home content is visible and interactive immediately. */
body.home:not(.sg-intro-mounted):not(.sg-intro-complete)::before,
body.home:not(.sg-intro-mounted):not(.sg-intro-complete)::after,
body.home .sg-mech-intro { display:none!important; pointer-events:none!important; content:none!important; }
/* Keep the first screen at full brightness while it loads. */
body.home .sg-hero,
body.home.sg-intro-mounted .sg-hero,
body.home.sg-intro-mounted .sg-hero-content{animation:none!important;filter:none!important;opacity:1!important;transform:none!important}