@font-face { font-family:"Smiley Sans"; src:url('/fonts/smiley-sans.woff2') format('woff2'); font-weight:100 900; font-style:normal; font-display:swap; }

:root { --void:#07090d; --panel:#0d1118; --paper:#f3f1ec; --red:#9b2722; --red-hot:#d1493f; --cyan:#64e9ff; --magenta:#ff35c8; --acid:#f3ff49; --text:#f7f5ef; --muted:#9198a3; --line:rgba(255,255,255,.13); --font-display:"Smiley Sans","Microsoft YaHei UI",sans-serif; --font-tech:"Bahnschrift SemiCondensed","DIN Alternate","Arial Narrow",sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--void); }
body { margin:0; background:var(--void); color:var(--text); font-family:"Inter","PingFang SC","Microsoft YaHei",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
body::before { content:""; position:fixed; inset:0; z-index:99; pointer-events:none; opacity:.032; background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.45) 4px); mix-blend-mode:screen; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.site-header { width:min(100% - 48px,1440px); height:94px; margin:auto; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:relative; z-index:20; }
.brand { display:flex; align-items:center; gap:13px; }
.logo-shell { width:44px; height:44px; border:1px solid rgba(255,255,255,.22); background:#fff; overflow:hidden; display:grid; place-items:center; border-radius:50%; }
.logo-shell img { width:40px; mix-blend-mode:multiply; transform:translate(-2%,-2%) scale(1.02); }
.brand-copy { display:grid; gap:3px; }.brand-copy strong { font-size:16px; letter-spacing:.16em; }.brand-copy small { font:600 8px/1 Arial; letter-spacing:.2em; color:#7f8792; }
.nav-links { display:flex; gap:36px; font:600 10px/1 Arial; letter-spacing:.13em; color:#a8adb4; }.nav-links a { transition:color .2s ease; }.nav-links a:hover { color:var(--cyan); }
.nav-cta { min-height:42px; padding:0 17px; display:flex; align-items:center; gap:20px; border:1px solid rgba(255,255,255,.25); font:700 10px/1 Arial; letter-spacing:.12em; transition:background .2s,color .2s; }.nav-cta:hover { background:var(--text); color:var(--void); }
.hero { min-height:820px; width:min(100% - 48px,1440px); margin:auto; position:relative; overflow:hidden; display:grid; grid-template-columns:1.12fr .88fr; align-items:center; border-left:1px solid rgba(255,255,255,.06); border-right:1px solid rgba(255,255,255,.06); }
.hero-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:72px 72px; mask-image:radial-gradient(circle at 65% 45%,black,transparent 76%); }
.hero-grid::before { content:""; position:absolute; inset:-30%; background:radial-gradient(circle at 18% 34%,var(--cyan) 0 1px,transparent 2px),radial-gradient(circle at 72% 21%,var(--red-hot) 0 1px,transparent 2px),radial-gradient(circle at 84% 67%,#fff 0 1px,transparent 2px),radial-gradient(circle at 42% 82%,#fff 0 1px,transparent 2px); background-size:240px 210px,310px 280px,270px 260px,350px 320px; opacity:.45; animation:starDrift 20s linear infinite; }
.hero::before { content:""; position:absolute; width:680px; height:680px; right:-130px; top:50px; background:radial-gradient(circle,rgba(155,39,34,.28),transparent 66%); filter:blur(10px); }
.hero::after { content:""; position:absolute; z-index:1; left:-15%; right:-15%; height:1px; top:20%; background:linear-gradient(90deg,transparent,var(--cyan),transparent); box-shadow:0 0 22px rgba(100,233,255,.55); opacity:.4; animation:scan 7s ease-in-out infinite; }
.hero-copy { position:relative; z-index:2; padding:80px 6vw 100px; }
.eyebrow { margin:0 0 30px; color:#9da3ab; font:700 10px/1 Arial; letter-spacing:.2em; }.eyebrow span { display:inline-block; width:7px; height:7px; margin-right:10px; border-radius:50%; background:var(--cyan); box-shadow:0 0 16px var(--cyan); }
h1 { margin:0; font-size:clamp(58px,7.4vw,112px); line-height:.93; letter-spacing:-.075em; font-weight:800; }h1 em { color:transparent; font-style:normal; -webkit-text-stroke:1.5px #d7d9dc; text-shadow:0 0 36px rgba(255,255,255,.05); }
.hero-en { margin:34px 0 0; color:var(--red-hot); font:800 clamp(20px,2.1vw,31px)/1.04 Arial; letter-spacing:.04em; animation:signalGlow 4.5s ease-in-out infinite; }.hero-intro { max-width:650px; margin:30px 0 0; color:#aab0b8; font-size:16px; line-height:1.9; }
.hero-actions { display:flex; gap:12px; margin-top:38px; }.primary-button,.ghost-button { min-height:54px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; gap:32px; font-size:13px; font-weight:700; }.primary-button { background:var(--red); color:#fff; box-shadow:0 0 38px rgba(155,39,34,.22); }.ghost-button { border:1px solid rgba(255,255,255,.2); color:#b7bdc5; }
.hero-mark { height:590px; position:relative; display:grid; place-items:center; }.hero-mark::before { content:""; position:absolute; width:540px; height:540px; border-radius:50%; background:conic-gradient(from 90deg,transparent 0 64%,rgba(100,233,255,.38) 69%,transparent 74% 100%); mask:radial-gradient(circle,transparent 0 67%,#000 68% 69%,transparent 70%); animation:spin 10s linear infinite; }.mark-card { width:min(27vw,390px); aspect-ratio:1; border-radius:50%; background:#fff; overflow:hidden; display:grid; place-items:center; position:relative; z-index:2; box-shadow:0 0 0 1px rgba(255,255,255,.25),0 40px 120px rgba(155,39,34,.3); animation:corePulse 4s ease-in-out infinite; }.mark-card img { width:92%; mix-blend-mode:multiply; transform:translate(-2%,-2%) scale(1.025); }
.mark-halo { position:absolute; border-radius:50%; border:1px solid rgba(255,255,255,.17); }.halo-one { width:500px; height:500px; animation:spin 24s linear infinite; border-style:dashed; }.halo-two { width:590px; height:280px; transform:rotate(-27deg); border-color:rgba(100,233,255,.18); }
.mark-tag { position:absolute; z-index:3; padding:9px 12px; border:1px solid rgba(255,255,255,.17); background:rgba(7,9,13,.72); backdrop-filter:blur(8px); color:#c6cad0; font:700 9px/1 Arial; letter-spacing:.18em; animation:tagFloat 4s ease-in-out infinite; }.tag-one { top:80px; right:42px; }.tag-two { left:8px; bottom:98px; animation-delay:-1.4s; }.tag-three { right:10px; bottom:128px; color:var(--cyan); animation-delay:-2.6s; }
.hero-status { position:absolute; left:6vw; right:6vw; bottom:34px; display:flex; align-items:center; gap:18px; color:#606873; font:700 8px/1 Arial; letter-spacing:.2em; }.hero-status i { flex:1; height:1px; background:rgba(255,255,255,.12); }
.capability-preview { min-height:110px; overflow:hidden; display:flex; align-items:center; justify-content:center; gap:26px; background:var(--paper); color:var(--void); white-space:nowrap; font:800 clamp(13px,1.5vw,21px)/1 Arial; letter-spacing:.08em; }.capability-preview b { color:var(--red); font-size:11px; letter-spacing:.18em; }
.contact-preview { min-height:300px; display:grid; place-items:center; align-content:center; background:linear-gradient(135deg,#0d1118,#170c0c); text-align:center; }.contact-preview p { color:var(--cyan); font:700 9px Arial; letter-spacing:.22em; }.contact-preview h2 { margin:12px 0 0; font-size:clamp(40px,5vw,72px); }
@keyframes spin { to { transform:rotate(360deg); } }
@keyframes scan { 0%,100% { top:14%; opacity:0; } 15%,70% { opacity:.45; } 85% { top:88%; opacity:0; } }
@keyframes starDrift { to { transform:translate3d(8%,6%,0); } }
@keyframes corePulse { 0%,100% { box-shadow:0 0 0 1px rgba(255,255,255,.25),0 35px 100px rgba(155,39,34,.25); transform:scale(1); } 50% { box-shadow:0 0 0 1px rgba(255,255,255,.32),0 45px 150px rgba(209,73,63,.48),0 0 34px rgba(100,233,255,.08); transform:scale(1.018); } }
@keyframes tagFloat { 0%,100% { transform:translateY(-5px); } 50% { transform:translateY(7px); } }
@keyframes signalGlow { 0%,100% { text-shadow:0 0 0 rgba(209,73,63,0); } 50% { text-shadow:0 0 22px rgba(209,73,63,.38); } }
@keyframes reveal { from { opacity:0; transform:translateY(48px); filter:blur(8px); } to { opacity:1; transform:none; filter:blur(0); } }
@media (max-width:900px) { .site-header,.hero { width:min(100% - 28px,1440px); }.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:30px}.hero-copy{padding:70px 24px 10px}.hero-mark{height:500px}.mark-card{width:300px}.hero-status{position:relative;grid-column:1;bottom:auto;margin:0 24px 28px}.halo-one{width:420px;height:420px}.halo-two{width:480px}.capability-preview{justify-content:flex-start;padding:0 24px;} }
@media (max-width:560px) { .site-header{height:78px}.brand-copy small{display:none}.nav-cta{font-size:0;gap:0}.nav-cta span{font-size:15px}.hero{min-height:auto}.hero-copy{padding-top:54px}h1{font-size:56px}.hero-intro{font-size:14px}.hero-actions{flex-direction:column}.hero-mark{height:410px}.mark-card{width:235px}.halo-one{width:330px;height:330px}.halo-two{width:380px}.tag-one{right:0}.tag-two{left:0}.tag-three{right:-8px}.hero-status span:last-child{display:none} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.halo-one{animation:none}*,*::before,*::after{transition-duration:.01ms!important} }

/* Full site system */
.ticker { min-height:106px; overflow:hidden; background:var(--paper); color:var(--void); display:flex; align-items:center; }
.ticker>div { width:max-content; display:flex; align-items:center; gap:28px; padding-left:26px; white-space:nowrap; font:700 clamp(16px,1.7vw,24px)/1 var(--font-tech); letter-spacing:.1em; animation:ticker 25s linear infinite; }
.ticker b { color:var(--red); font:500 15px/1 var(--font-display); letter-spacing:.12em; }
.ticker span::after { content:"✦"; margin-left:28px; color:#a8a5a0; font-size:12px; }
.section { width:min(100% - 48px,1320px); margin:auto; padding:132px 0; }
.section-head { display:grid; grid-template-columns:1fr .55fr; align-items:end; gap:100px; margin-bottom:66px; }
.kicker { margin:0 0 25px; color:#7e8791; font:700 10px/1 Arial; letter-spacing:.2em; }
.kicker.red { color:var(--red-hot); }.kicker.cyan { color:var(--cyan); }
.section-head h2,.game-copy h2,.software-title h2,.global-copy h2,.process-head h2 { margin:0; font-size:clamp(42px,5vw,72px); line-height:1.08; letter-spacing:-.055em; }
.section-head>p { margin:0 0 5px; color:#989fa8; font-size:15px; line-height:1.95; }
.capability-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:1px; background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.13); }
.capability-card { min-height:500px; padding:32px; background:var(--panel); position:relative; overflow:hidden; transition:background .25s,transform .25s; }
.capability-card::before { content:""; position:absolute; width:240px; height:240px; right:-130px; top:-130px; border-radius:50%; background:radial-gradient(circle,rgba(155,39,34,.35),transparent 70%); opacity:0; transition:opacity .3s; }
.capability-card:hover { background:#121721; transform:translateY(-5px); }.capability-card:hover::before { opacity:1; }
.card-top { display:flex; justify-content:space-between; align-items:center; color:#727985; font:700 10px Arial; }
.card-top i { width:8px; height:8px; border:1px solid #68717d; transform:rotate(45deg); }.capability-card:first-child .card-top i { background:var(--red-hot); border-color:var(--red-hot); box-shadow:0 0 15px rgba(209,73,63,.7); }
.card-en { margin:80px 0 10px; color:var(--red-hot); font:800 10px/1 Arial; letter-spacing:.18em; }.capability-card h3 { margin:0 0 24px; font-size:32px; letter-spacing:-.04em; }
.card-copy { min-height:105px; margin:0; color:#949ba5; font-size:14px; line-height:1.9; }
.tag-list { display:flex; flex-wrap:wrap; gap:7px; margin-top:30px; }.tag-list span { padding:7px 9px; border:1px solid rgba(255,255,255,.13); color:#7f8790; font-size:10px; }
.card-arrow { position:absolute; right:30px; bottom:26px; color:#66707a; font-size:24px; transition:color .2s,transform .2s; }.capability-card:hover .card-arrow { color:var(--cyan); transform:translate(3px,-3px); }

.game-zone { min-height:860px; display:grid; grid-template-columns:1fr 1fr; background:var(--paper); color:#11151a; }
.game-visual { min-height:860px; overflow:hidden; position:relative; display:grid; place-items:center; background:linear-gradient(145deg,#210d0c,#090b10 62%); color:#fff; }
.game-visual::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:50px 50px; mask-image:linear-gradient(135deg,black,transparent); }
.world-ring { position:absolute; border:1px solid rgba(255,255,255,.17); border-radius:50%; }.ring-a { width:520px; height:520px; }.ring-b { width:650px; height:260px; transform:rotate(31deg); border-color:rgba(100,233,255,.25); }.ring-c { width:360px; height:600px; transform:rotate(-28deg); border-style:dashed; animation:spin 32s linear infinite; }
.world-core { width:260px; height:260px; position:relative; z-index:2; border:1px solid rgba(255,255,255,.24); border-radius:50%; background:radial-gradient(circle at 42% 40%,#d84c42,#841e1a 45%,#250b0a 72%); display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:0 0 90px rgba(155,39,34,.48); }
.world-core::after { content:""; position:absolute; inset:-24px; border:1px solid rgba(209,73,63,.28); border-radius:50%; animation:wave 2.8s ease-out infinite; }
.world-core span { font:700 9px Arial; letter-spacing:.28em; color:#ffc3be; }.world-core strong { font:300 100px/1 Arial; margin:-8px 0; }.world-core small { font:700 8px/1.5 Arial; letter-spacing:.2em; color:#e2aaa6; text-align:center; }
.data-panel { position:absolute; z-index:3; min-width:130px; padding:12px 14px; border:1px solid rgba(255,255,255,.18); background:rgba(7,9,13,.65); backdrop-filter:blur(8px); display:grid; gap:6px; }.data-panel span { color:#737c88; font:700 8px Arial; letter-spacing:.16em; }.data-panel b { color:var(--cyan); font:700 9px Arial; letter-spacing:.15em; }.data-a { left:9%; top:21%; }.data-b { right:8%; bottom:19%; }.coordinate { position:absolute; left:8%; bottom:7%; margin:0; color:#626b76; font:700 9px/1.7 Arial; letter-spacing:.14em; }
.game-copy { padding:115px clamp(45px,7vw,120px); align-self:center; }.game-copy h2 { color:#11151a; }.game-lead { margin:32px 0 44px; color:#63696f; font-size:15px; line-height:1.9; }
.pipeline { list-style:none; margin:0; padding:0; border-top:1px solid #c8c6c1; }.pipeline li { min-height:99px; display:grid; grid-template-columns:42px .8fr 1fr; align-items:center; gap:20px; border-bottom:1px solid #d5d2cc; transition:padding .2s,background .2s; }.pipeline li:hover { padding:0 12px; background:#fff; }.pipeline>li>span { color:var(--red); font:700 9px Arial; }.pipeline div { display:grid; gap:5px; }.pipeline small { color:#8c8d8c; font:700 8px Arial; letter-spacing:.15em; }.pipeline strong { font-size:17px; }.pipeline li p { color:#7a7e80; font-size:12px; line-height:1.6; }

.game-services { padding:135px max(24px,calc((100% - 1320px)/2)); background:#0a0d12; }
.game-services-head { max-width:900px; margin-bottom:64px; }.game-services-head h2 { margin:0; font-size:clamp(45px,5.3vw,76px); line-height:1.06; letter-spacing:-.058em; }.game-services-head h2 em { color:transparent; font-style:normal; -webkit-text-stroke:1px #a9adb4; }.game-services-head>p:last-child { max-width:660px; margin:30px 0 0; color:#9299a3; font-size:15px; line-height:1.9; }
.game-service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; padding:1px; background:rgba(255,255,255,.13); }.game-service-grid article { min-height:430px; padding:30px; position:relative; overflow:hidden; background:#10141b; transition:background .25s,transform .25s; }.game-service-grid article:hover { z-index:2; background:#181015; transform:translateY(-7px); box-shadow:0 28px 80px rgba(0,0,0,.32); }.game-service-grid article::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 80% 10%,rgba(209,73,63,.18),transparent 42%); opacity:0; transition:opacity .3s; }.game-service-grid article:hover::before { opacity:1; }.service-scan { position:absolute; left:0; right:0; top:-15%; height:1px; background:linear-gradient(90deg,transparent,var(--red-hot),transparent); box-shadow:0 0 18px rgba(209,73,63,.7); opacity:0; }.game-service-grid article:hover .service-scan { opacity:.8; animation:cardScan 1.8s ease-in-out infinite; }.game-service-no { color:#5e6671; font:700 9px Arial; }.game-service-grid small { display:block; margin-top:74px; color:var(--red-hot); font:700 8px Arial; letter-spacing:.16em; }.game-service-grid h3 { margin:12px 0 22px; font-size:26px; letter-spacing:-.03em; }.game-service-grid article>p { min-height:96px; margin:0; color:#8c949e; font-size:13px; line-height:1.85; }.game-service-grid article>div:last-child { display:flex; flex-wrap:wrap; gap:7px; margin-top:24px; }.game-service-grid article>div:last-child span { padding:6px 8px; border:1px solid rgba(255,255,255,.12); color:#717984; font-size:9px; }

.game-systems { min-height:900px; display:grid; grid-template-columns:1fr 1fr; background:linear-gradient(135deg,#120908,#080b10 52%); border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); }
.systems-radar { min-height:900px; overflow:hidden; position:relative; display:grid; place-items:center; border-right:1px solid rgba(255,255,255,.1); background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:56px 56px; }.systems-radar::before { content:""; position:absolute; width:610px; height:610px; border:1px solid rgba(209,73,63,.22); border-radius:50%; box-shadow:0 0 100px rgba(155,39,34,.12); }.systems-radar::after { content:""; position:absolute; width:520px; height:520px; border-radius:50%; background:conic-gradient(from 0deg,transparent 0 75%,rgba(100,233,255,.18) 91%,transparent); animation:spin 8s linear infinite; mask:radial-gradient(circle,transparent 0 73%,#000 74% 75%,transparent 76%); }.radar-line { position:absolute; border:1px solid rgba(255,255,255,.12); border-radius:50%; }.radar-a { width:450px; height:450px; }.radar-b { width:610px; height:240px; transform:rotate(28deg); border-color:rgba(100,233,255,.17); }.radar-c { width:270px; height:620px; transform:rotate(-32deg); border-style:dashed; animation:spin 36s linear infinite reverse; }.radar-core { width:240px; height:240px; position:relative; z-index:3; border-radius:50%; border:1px solid rgba(255,255,255,.23); background:radial-gradient(circle at 42% 35%,#d25047,#781b18 43%,#180807 72%); box-shadow:0 0 90px rgba(155,39,34,.45); display:flex; flex-direction:column; align-items:center; justify-content:center; animation:corePulse 4s ease-in-out infinite; }.radar-core span { color:#edaaa5; font:700 9px Arial; letter-spacing:.3em; }.radar-core strong { margin:5px 0 9px; font:800 47px/1 Arial; letter-spacing:.06em; }.radar-core small { color:#d59490; font:700 8px/1.55 Arial; letter-spacing:.17em; text-align:center; }.radar-label { position:absolute; z-index:4; padding:8px 11px; background:rgba(7,9,13,.72); border:1px solid rgba(255,255,255,.15); color:#9aa1aa; font:700 8px Arial; letter-spacing:.16em; }.label-design { top:18%; left:16%; }.label-client { top:29%; right:10%; color:var(--cyan); }.label-server { bottom:22%; left:11%; }.label-live { right:14%; bottom:14%; color:var(--red-hot); }
.systems-copy { padding:110px clamp(45px,7vw,120px); align-self:center; }.systems-copy h2 { margin:0; font-size:clamp(44px,5vw,72px); line-height:1.07; letter-spacing:-.055em; }.systems-lead { max-width:650px; margin:30px 0 44px; color:#929aa4; font-size:15px; line-height:1.95; }.systems-list { border-top:1px solid rgba(255,255,255,.16); }.systems-list article { min-height:122px; display:grid; grid-template-columns:44px 1fr; gap:16px; padding:24px 0; border-bottom:1px solid rgba(255,255,255,.11); }.systems-list article>span { color:var(--red-hot); font:700 9px Arial; padding-top:3px; }.systems-list small { color:#747d88; font:700 8px Arial; letter-spacing:.15em; }.systems-list h3 { margin:7px 0 9px; font-size:18px; }.systems-list p { margin:0; color:#747c86; font-size:12px; line-height:1.7; }

.software { display:grid; grid-template-columns:.72fr 1.28fr; gap:100px; align-items:start; }
.software-title { position:sticky; top:40px; }.software-title h2 em { color:transparent; font-style:normal; -webkit-text-stroke:1px #aaaeb4; }.software-title>p:last-child { max-width:430px; margin:32px 0 0; color:#9098a2; font-size:15px; line-height:1.9; }
.module-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.12); }.module-grid article { min-height:330px; padding:30px; background:#0c1016; position:relative; transition:background .25s; }.module-grid article:hover { background:#131922; }.module-index { position:absolute; right:25px; top:24px; color:#505762; font:700 9px Arial; }.module-grid small { display:block; margin-top:65px; color:var(--cyan); font:700 8px Arial; letter-spacing:.16em; }.module-grid h3 { margin:13px 0 20px; font-size:25px; }.module-grid p { margin:0; color:#868e98; font-size:13px; line-height:1.85; }.module-grid i { position:absolute; left:30px; bottom:27px; width:34px; height:1px; background:var(--red-hot); box-shadow:0 0 12px rgba(209,73,63,.8); }
.capability-card,.game-service-grid article,.systems-list article,.module-grid article,.process-track article { animation:reveal linear both; animation-timeline:view(); animation-range:entry 5% cover 30%; }

.global-zone { min-height:760px; padding:90px max(24px,calc((100% - 1320px)/2)); display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:80px; overflow:hidden; background:linear-gradient(135deg,#15191f,#080b10); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.global-copy { position:relative; z-index:2; }.global-copy>p:not(.kicker) { max-width:570px; margin:32px 0 0; color:#98a0aa; font-size:15px; line-height:2; }.global-points { display:grid; gap:0; margin-top:40px; border-top:1px solid rgba(255,255,255,.15); }.global-points span { padding:17px 0; border-bottom:1px solid rgba(255,255,255,.11); color:#bdc2c8; font-size:13px; }.global-points b { margin-right:18px; color:var(--cyan); font:700 8px Arial; }
.globe { width:min(45vw,600px); aspect-ratio:1; border:1px solid rgba(100,233,255,.28); border-radius:50%; position:relative; justify-self:center; background:radial-gradient(circle,rgba(100,233,255,.06),transparent 62%); box-shadow:0 0 90px rgba(100,233,255,.05),inset 0 0 80px rgba(100,233,255,.03); }
.globe { animation:globeBreathe 6s ease-in-out infinite; }
.globe::before,.globe::after { content:""; position:absolute; inset:9%; border-radius:50%; border:1px dashed rgba(255,255,255,.12); }.globe::after { inset:26%; border-style:solid; border-color:rgba(155,39,34,.3); }
.globe-lat,.globe-lon { position:absolute; border:1px solid rgba(100,233,255,.15); border-radius:50%; }.lat-1 { left:8%; right:8%; top:32%; height:20%; }.lat-2 { left:8%; right:8%; bottom:22%; height:15%; }.lon-1 { top:4%; bottom:4%; left:34%; width:32%; }.lon-2 { inset:4% 42%; }
.globe-dot { position:absolute; z-index:3; display:flex; align-items:center; gap:8px; color:#9ea7b0; font:700 8px Arial; letter-spacing:.14em; }.globe-dot i { width:7px; height:7px; background:var(--red-hot); border-radius:50%; box-shadow:0 0 14px var(--red-hot); }.dot-xm { left:17%; bottom:27%; }.dot-world { right:10%; top:29%; }.dot-world i { background:var(--cyan); box-shadow:0 0 14px var(--cyan); }.globe>p { position:absolute; inset:0; margin:0; display:grid; place-content:center; text-align:center; color:#69717c; font:700 9px/2 Arial; letter-spacing:.2em; }.globe>p strong { color:#e7e9eb; font-size:24px; }

.process-zone { padding-bottom:150px; }.process-head { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:65px; }.process-track { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.22); }.process-track article { min-height:290px; padding:26px 24px; border-right:1px solid rgba(255,255,255,.12); position:relative; }.process-track article::before { content:""; position:absolute; left:-4px; top:-4px; width:7px; height:7px; border-radius:50%; background:#545c66; }.process-track article:first-child::before { background:var(--red-hot); box-shadow:0 0 14px var(--red-hot); }.process-track article>span { color:#5d6570; font:700 9px Arial; }.process-track small { display:block; margin-top:72px; color:var(--red-hot); font:700 9px Arial; letter-spacing:.18em; }.process-track h3 { margin:10px 0 18px; font-size:27px; }.process-track p { margin:0; color:#838b95; font-size:13px; line-height:1.7; }

.contact { min-height:760px; padding:100px 24px; display:grid; place-items:center; position:relative; overflow:hidden; background:#090b0f; border-top:1px solid rgba(255,255,255,.1); }.contact-grid { position:absolute; inset:0; z-index:0; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:60px 60px; mask-image:radial-gradient(circle,black,transparent 72%); }.contact-inner { width:min(100%,1240px); position:relative; z-index:2; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:80px; }.contact-copy { text-align:left; }.contact h2 { margin:0; font-size:clamp(66px,7vw,108px); line-height:.9; letter-spacing:-.075em; }.contact-lead { max-width:600px; margin:34px 0 30px; color:#959da7; font-size:15px; line-height:1.9; }.contact-topics { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:8px; }.contact-topics span { padding:9px 13px; border:1px solid rgba(255,255,255,.18); color:#a5abb2; font-size:11px; }.contact-note { margin:38px 0 0; color:var(--red-hot); font:700 9px Arial; letter-spacing:.2em; }
.contact-emblem { width:min(38vw,490px); aspect-ratio:1; position:relative; display:grid; place-items:center; justify-self:center; }.contact-emblem::before { content:""; position:absolute; inset:7%; border-radius:50%; background:radial-gradient(circle,rgba(209,73,63,.24),transparent 64%); filter:blur(8px); animation:emblemAura 3.5s ease-in-out infinite; }.emblem-orbit { position:absolute; border-radius:50%; border:1px solid rgba(255,255,255,.18); }.orbit-outer { inset:0; border-style:dashed; border-color:rgba(100,233,255,.28); animation:spin 20s linear infinite; }.orbit-inner { inset:10%; border-color:rgba(209,73,63,.35); animation:spin 13s linear infinite reverse; }.orbit-outer::before,.orbit-inner::before { content:""; position:absolute; width:9px; height:9px; top:50%; left:-5px; border-radius:50%; background:var(--cyan); box-shadow:0 0 18px 4px var(--cyan); }.orbit-inner::before { left:auto; right:-5px; background:var(--red-hot); box-shadow:0 0 18px 4px var(--red-hot); }.contact-logo-disc { width:62%; aspect-ratio:1; position:relative; z-index:2; overflow:hidden; display:grid; place-items:center; border-radius:50%; background:#fff; box-shadow:0 0 0 1px rgba(255,255,255,.7),0 0 0 12px rgba(255,255,255,.035),0 35px 100px rgba(155,39,34,.42); animation:contactLogo 6s ease-in-out infinite; }.contact-logo-disc img { width:96%; mix-blend-mode:multiply; }.emblem-status { position:absolute; z-index:4; padding:9px 12px; background:rgba(7,9,13,.8); border:1px solid rgba(255,255,255,.17); backdrop-filter:blur(9px); color:#a8b0ba; font:700 8px Arial; letter-spacing:.18em; }.status-top { top:13%; right:-2%; color:var(--cyan); }.status-bottom { left:-5%; bottom:15%; color:#d88b85; }

footer { min-height:250px; padding:60px max(24px,calc((100% - 1320px)/2)); display:grid; grid-template-columns:1fr auto; align-items:center; gap:40px; background:#05070a; border-top:1px solid rgba(255,255,255,.1); }.footer-brand { display:flex; align-items:center; gap:14px; }.footer-brand>div { display:grid; gap:7px; }.footer-brand strong { font-size:15px; letter-spacing:.06em; }.footer-brand small { color:#616873; font:700 8px Arial; letter-spacing:.13em; }.footer-links { display:flex; gap:28px; color:#747c87; font:700 9px Arial; letter-spacing:.13em; }.footer-links a:hover { color:var(--cyan); }.footer-meta { grid-column:1/-1; padding-top:24px; border-top:1px solid rgba(255,255,255,.09); display:flex; justify-content:space-between; color:#555d67; font:600 9px Arial; letter-spacing:.1em; }.footer-meta a:hover { color:#9ca3ab; }

@keyframes ticker { to { transform:translateX(-38%); } }
@keyframes cardScan { 0% { top:-10%; } 100% { top:110%; } }
@keyframes wave { from { transform:scale(.9); opacity:.75; } to { transform:scale(1.22); opacity:0; } }
@keyframes globeBreathe { 50% { box-shadow:0 0 130px rgba(100,233,255,.11),inset 0 0 90px rgba(100,233,255,.06); } }
@media (max-width:1050px) {
  .section-head,.software { grid-template-columns:1fr; gap:50px; }.capability-grid { grid-template-columns:1fr 1fr; }.capability-card:first-child { grid-column:1/-1; }.software-title { position:relative; top:auto; }.game-zone,.game-systems { grid-template-columns:1fr; }.game-visual,.systems-radar { min-height:650px; }.systems-radar { border-right:0; border-bottom:1px solid rgba(255,255,255,.1); }.game-service-grid { grid-template-columns:1fr 1fr; }.global-zone { grid-template-columns:1fr; }.globe { width:min(78vw,560px); }.process-track { grid-template-columns:1fr 1fr; }.process-track article { border-bottom:1px solid rgba(255,255,255,.12); }
}
@media (max-width:760px) {
  .section { width:min(100% - 30px,1320px); padding:90px 0; }.section-head { gap:28px; margin-bottom:42px; }.capability-grid,.game-service-grid,.module-grid { grid-template-columns:1fr; }.capability-card:first-child { grid-column:auto; }.capability-card { min-height:420px; }.card-en { margin-top:52px; }.game-visual { min-height:520px; }.ring-a { width:390px; height:390px; }.ring-b { width:460px; }.ring-c { width:280px; height:450px; }.world-core { width:210px; height:210px; }.world-core strong { font-size:78px; }.game-copy { padding:85px 25px; }.pipeline li { grid-template-columns:28px 1fr; padding:16px 0; }.pipeline li p { grid-column:2; margin:0; }.game-services { padding:90px 15px; }.game-services-head { margin-bottom:42px; }.game-service-grid article { min-height:360px; }.game-service-grid small { margin-top:50px; }.systems-radar { min-height:520px; }.systems-radar::before { width:390px; height:390px; }.systems-radar::after { width:360px; height:360px; }.radar-a { width:330px; height:330px; }.radar-b { width:440px; }.radar-c { width:220px; height:460px; }.radar-core { width:190px; height:190px; }.radar-core strong { font-size:38px; }.systems-copy { padding:85px 25px; }.global-zone { padding:85px 25px; }.process-head { display:block; }.process-track { grid-template-columns:1fr; }.process-track article { min-height:240px; }.process-track small { margin-top:50px; }.contact { min-height:630px; }.contact h2 { font-size:68px; } footer { grid-template-columns:1fr; }.footer-links { flex-wrap:wrap; }.footer-meta { grid-column:1; flex-direction:column; gap:12px; }
}
@media (max-width:480px) {
  .section-head h2,.game-copy h2,.game-services-head h2,.systems-copy h2,.software-title h2,.global-copy h2,.process-head h2 { font-size:42px; }.capability-card { padding:25px; }.game-visual { min-height:450px; }.data-panel { transform:scale(.82); }.data-a { left:0; }.data-b { right:-8px; }.systems-radar { min-height:450px; }.radar-label { transform:scale(.82); }.label-design { left:4%; }.label-client { right:0; }.label-server { left:1%; }.label-live { right:2%; }.globe { width:90vw; margin-left:-20px; }.contact h2 { font-size:58px; }.footer-brand small { line-height:1.5; }.ticker>div { animation-duration:18s; }
}
/* Maximum visual effects layer */
main { position:relative; overflow:clip; isolation:isolate; }
.fx-layer { position:fixed; inset:0; z-index:60; pointer-events:none; overflow:hidden; mix-blend-mode:screen; }
.fx-layer i { position:absolute; width:3px; height:3px; border-radius:50%; background:var(--cyan); box-shadow:0 0 8px 2px var(--cyan),0 0 24px rgba(100,233,255,.8); animation:particleRise 9s linear infinite; opacity:0; }
.fx-layer i:nth-child(3n) { width:4px; height:4px; background:var(--red-hot); box-shadow:0 0 10px 3px var(--red-hot),0 0 30px rgba(209,73,63,.8); animation-duration:12s; }
.fx-layer i:nth-child(4n) { width:2px; height:34px; border-radius:0; background:linear-gradient(transparent,#fff); box-shadow:none; transform:rotate(28deg); animation-name:particleStreak; animation-duration:7s; }
.fx-layer i:nth-child(1){left:5%;animation-delay:-2s}.fx-layer i:nth-child(2){left:12%;animation-delay:-7s}.fx-layer i:nth-child(3){left:19%;animation-delay:-4s}.fx-layer i:nth-child(4){left:27%;animation-delay:-9s}.fx-layer i:nth-child(5){left:34%;animation-delay:-1s}.fx-layer i:nth-child(6){left:42%;animation-delay:-6s}.fx-layer i:nth-child(7){left:49%;animation-delay:-3s}.fx-layer i:nth-child(8){left:56%;animation-delay:-8s}.fx-layer i:nth-child(9){left:63%;animation-delay:-5s}.fx-layer i:nth-child(10){left:69%;animation-delay:-10s}.fx-layer i:nth-child(11){left:75%;animation-delay:-2.5s}.fx-layer i:nth-child(12){left:81%;animation-delay:-7.5s}.fx-layer i:nth-child(13){left:87%;animation-delay:-4.5s}.fx-layer i:nth-child(14){left:92%;animation-delay:-9.5s}.fx-layer i:nth-child(15){left:22%;animation-delay:-11s}.fx-layer i:nth-child(16){left:52%;animation-delay:-12s}.fx-layer i:nth-child(17){left:72%;animation-delay:-13s}.fx-layer i:nth-child(18){left:97%;animation-delay:-14s}
.site-header { position:sticky; top:0; padding:0 18px; background:linear-gradient(90deg,rgba(7,9,13,.72),rgba(18,8,8,.6),rgba(7,9,13,.72)); backdrop-filter:blur(18px) saturate(1.4); box-shadow:0 12px 45px rgba(0,0,0,.18); }
.site-header::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px; background:linear-gradient(90deg,transparent,var(--red-hot),var(--cyan),transparent); background-size:220% 100%; animation:borderFlow 4s linear infinite; opacity:.65; }
.glitch-title { position:relative; display:inline-block; text-shadow:3px 0 0 rgba(209,73,63,.45),-3px 0 0 rgba(100,233,255,.35); animation:glitchBase 4s steps(1) infinite; }
.glitch-title::before,.glitch-title::after { content:attr(data-text); position:absolute; inset:0; pointer-events:none; opacity:0; }
.glitch-title::before { color:var(--cyan); transform:translateX(-5px); clip-path:inset(12% 0 64%); animation:glitchTop 3.2s steps(1) infinite; }
.glitch-title::after { color:var(--red-hot); transform:translateX(5px); clip-path:inset(66% 0 8%); animation:glitchBottom 2.7s steps(1) infinite; }
.primary-button,.nav-cta { position:relative; overflow:hidden; isolation:isolate; }
.primary-button::before,.nav-cta::before { content:""; position:absolute; z-index:-1; inset:-60% -30%; background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.65) 48%,transparent 62%); transform:translateX(-110%) rotate(8deg); animation:buttonShine 3.8s ease-in-out infinite; }
.primary-button { animation:ctaPulse 2.7s ease-in-out infinite; }
.capability-card::after,.module-grid article::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,transparent 20%,rgba(100,233,255,.09) 42%,rgba(209,73,63,.14) 50%,transparent 70%); background-size:250% 100%; transform:translateX(-100%); transition:transform .65s ease; }
.capability-card:hover::after,.module-grid article:hover::after { transform:translateX(60%); }
.game-visual::after { content:""; position:absolute; inset:-20%; background:repeating-linear-gradient(0deg,transparent 0 70px,rgba(100,233,255,.12) 71px,transparent 72px),linear-gradient(90deg,transparent,rgba(209,73,63,.08),transparent); animation:dataSweep 6s linear infinite; mix-blend-mode:screen; }
.world-core { animation:gameCoreOverdrive 2.4s ease-in-out infinite; }
.world-ring.ring-a { animation:ringPulse 3.5s ease-in-out infinite; }.world-ring.ring-b { animation:ringTilt 11s linear infinite; }
.game-service-grid { box-shadow:0 0 90px rgba(209,73,63,.08); }.game-service-grid article { background-image:linear-gradient(145deg,rgba(255,255,255,.025),transparent 50%); }.game-service-grid article:hover { box-shadow:0 28px 90px rgba(155,39,34,.28),inset 0 0 40px rgba(100,233,255,.035); }
.systems-radar { box-shadow:inset 0 0 140px rgba(155,39,34,.12); }.systems-radar::before { animation:radarPulse 3s ease-in-out infinite; }.radar-label { animation:tagFloat 3.2s ease-in-out infinite; box-shadow:0 0 24px rgba(100,233,255,.08); }.radar-label:nth-of-type(even) { animation-delay:-1.6s; }
.globe::before { animation:spin 20s linear infinite; }.globe::after { animation:spin 12s linear infinite reverse; }.globe-dot i { animation:dotPing 1.8s ease-out infinite; }
.contact::after { content:""; position:absolute; z-index:0; inset:-50%; background:conic-gradient(from 0deg at 50% 50%,transparent,rgba(155,39,34,.15),transparent 28%,rgba(100,233,255,.09),transparent 56%); animation:spin 18s linear infinite; }
.contact h2 { background:linear-gradient(90deg,#fff 15%,#f0b6b1 35%,#fff 50%,#b7f6ff 65%,#fff 85%); background-size:240% auto; color:transparent; background-clip:text; -webkit-background-clip:text; animation:textFlow 5s linear infinite; filter:drop-shadow(0 0 28px rgba(209,73,63,.12)); }

@keyframes particleRise { 0%{top:108%;opacity:0;transform:translateX(0) scale(.5)} 12%{opacity:.8} 58%{transform:translateX(38px) scale(1.25)} 88%{opacity:.65} 100%{top:-8%;opacity:0;transform:translateX(-22px) scale(.4)} }
@keyframes particleStreak { 0%{top:110%;opacity:0;transform:translateX(0) rotate(28deg)} 18%{opacity:.55} 100%{top:-20%;opacity:0;transform:translateX(180px) rotate(28deg)} }
@keyframes borderFlow { to{background-position:-220% 0} }
@keyframes glitchBase { 0%,89%,100%{transform:none} 90%{transform:skewX(-2deg)} 92%{transform:translateX(3px)} 94%{transform:skewX(2deg)} 96%{transform:translateX(-2px)} }
@keyframes glitchTop { 0%,84%,100%{opacity:0} 85%,88%{opacity:.75;transform:translate(-6px,-2px)} 89%,92%{opacity:.4;transform:translate(4px,1px)} }
@keyframes glitchBottom { 0%,72%,100%{opacity:0} 73%,76%{opacity:.7;transform:translate(6px,2px)} 77%,81%{opacity:.35;transform:translate(-3px,-1px)} }
@keyframes buttonShine { 0%,55%{transform:translateX(-120%) rotate(8deg)} 80%,100%{transform:translateX(130%) rotate(8deg)} }
@keyframes ctaPulse { 50%{box-shadow:0 0 48px rgba(209,73,63,.52),0 0 14px rgba(100,233,255,.16)} }
@keyframes dataSweep { to{transform:translateY(142px)} }
@keyframes gameCoreOverdrive { 0%,100%{box-shadow:0 0 70px rgba(155,39,34,.4);filter:saturate(1)} 50%{box-shadow:0 0 120px rgba(209,73,63,.68),0 0 30px rgba(100,233,255,.12);filter:saturate(1.35)} }
@keyframes ringPulse { 50%{transform:scale(1.07);border-color:rgba(209,73,63,.48);box-shadow:0 0 35px rgba(209,73,63,.13)} }
@keyframes ringTilt { to{transform:rotate(391deg)} }
@keyframes radarPulse { 50%{transform:scale(1.04);border-color:rgba(100,233,255,.34);box-shadow:0 0 70px rgba(100,233,255,.1)} }
@keyframes dotPing { 0%{box-shadow:0 0 0 0 currentColor} 70%{box-shadow:0 0 0 12px transparent} 100%{box-shadow:0 0 0 0 transparent} }
@keyframes contactLogo { 0%,100%{transform:scale(.98) rotate(-1deg);box-shadow:0 0 0 1px rgba(255,255,255,.7),0 0 0 12px rgba(255,255,255,.035),0 35px 90px rgba(155,39,34,.34)} 50%{transform:scale(1.025) rotate(1deg);box-shadow:0 0 0 1px rgba(255,255,255,.8),0 0 0 16px rgba(100,233,255,.035),0 40px 135px rgba(209,73,63,.55)} }
@keyframes emblemAura { 50%{transform:scale(1.12);opacity:.7} }
@keyframes textFlow { to{background-position:-240% center} }
.contact-logo-disc img { transform:translate(-2%,-2%) scale(1.025); }
.mark-card::before,.contact-logo-disc::before { content:""; position:absolute; inset:0; z-index:3; border-radius:50%; background:url('/yuanxingke-logo.png') center/92% no-repeat; mix-blend-mode:multiply; opacity:0; pointer-events:none; animation:logoGhost 5.2s steps(1) infinite; }
.mark-card::after,.contact-logo-disc::after { content:""; position:absolute; z-index:4; left:-20%; right:-20%; top:-10%; height:5%; background:linear-gradient(180deg,transparent,rgba(100,233,255,.78),rgba(255,255,255,.9),transparent); box-shadow:0 0 18px rgba(100,233,255,.65); mix-blend-mode:screen; opacity:.7; pointer-events:none; animation:logoDecode 3.6s ease-in-out infinite; }
.contact-logo-disc::before { background-size:96%; }.contact-emblem:hover .contact-logo-disc { animation-duration:1.6s; }.contact-emblem:hover .orbit-outer { animation-duration:4s; }.contact-emblem:hover .orbit-inner { animation-duration:2.8s; }.contact-emblem:hover .contact-logo-disc::before { animation-duration:1.5s; }.contact-emblem:hover .contact-logo-disc::after { animation-duration:1.2s; }
.contact-emblem:hover .emblem-status { color:#fff; border-color:rgba(100,233,255,.48); box-shadow:0 0 28px rgba(100,233,255,.14); }
@keyframes logoDecode { 0%,100%{top:-10%;opacity:0} 10%{opacity:.75} 70%{opacity:.7} 88%{top:108%;opacity:0} }
@keyframes logoGhost { 0%,86%,100%{opacity:0;transform:none;clip-path:inset(0)} 87%{opacity:.22;transform:translate(-8px,2px);clip-path:inset(18% 0 57%)} 89%{opacity:.18;transform:translate(7px,-2px);clip-path:inset(62% 0 12%)} 91%{opacity:.12;transform:translate(-4px,1px);clip-path:inset(42% 0 36%)} }

/* Cyberpunk atmosphere and unified header */
::selection { background:var(--magenta); color:#fff; }
h1,.section-head h2,.game-copy h2,.game-services-head h2,.systems-copy h2,.software-title h2,.global-copy h2,.process-head h2,.contact h2 { font-family:var(--font-display); font-weight:500; letter-spacing:-.035em; }
.capability-card h3,.game-service-grid h3,.systems-list h3,.module-grid h3,.process-track h3 { font-family:var(--font-display); font-weight:500; letter-spacing:.01em; }
.brand-copy strong { font-family:var(--font-display); font-weight:500; }.eyebrow,.kicker,.nav-links,.nav-cta,.hero-en,.hero-status,.card-en,.game-service-grid small,.systems-list small,.module-grid small,.process-track small,.footer-links,.contact-note,.emblem-status { font-family:var(--font-tech); }
.hero h1 { letter-spacing:-.025em; }.hero h1 em { letter-spacing:.015em; }.contact h2 { letter-spacing:-.018em; }
* { scrollbar-width:thin; scrollbar-color:var(--cyan) #080a0f; }
::-webkit-scrollbar { width:9px; } ::-webkit-scrollbar-track { background:#080a0f; } ::-webkit-scrollbar-thumb { background:linear-gradient(var(--magenta),var(--cyan)); border:2px solid #080a0f; box-shadow:0 0 12px var(--cyan); }
body::after { content:""; position:fixed; inset:0; z-index:98; pointer-events:none; background:linear-gradient(105deg,transparent 0 44%,rgba(255,53,200,.035) 49%,transparent 54%),repeating-linear-gradient(135deg,transparent 0 80px,rgba(100,233,255,.022) 81px,transparent 82px); mix-blend-mode:screen; }
.site-header { width:100%; max-width:none; margin:0; padding-inline:max(24px,calc((100% - 1440px)/2 + 24px)); background:linear-gradient(90deg,#07090d 0%,#10090d 48%,#071014 100%); backdrop-filter:none; box-shadow:0 15px 50px rgba(0,0,0,.38); border-bottom:1px solid rgba(255,255,255,.08); }
.site-header::before { content:"SYSTEM ONLINE"; position:absolute; left:50%; bottom:5px; transform:translateX(-50%); color:rgba(100,233,255,.34); font:700 6px Arial; letter-spacing:.32em; }
.nav-links a:hover { color:#fff; text-shadow:-2px 0 8px var(--magenta),2px 0 8px var(--cyan); }
.nav-cta { border-color:rgba(100,233,255,.3); box-shadow:inset 0 0 18px rgba(100,233,255,.025); clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px)); }
.eyebrow,.kicker { text-shadow:0 0 13px currentColor; }.hero h1 em { -webkit-text-stroke:1.5px #d9fbff; text-shadow:-3px 0 15px rgba(255,53,200,.25),3px 0 15px rgba(100,233,255,.25); }
.hero { box-shadow:inset 0 0 110px rgba(255,53,200,.025); }.hero-status::before { content:"//"; color:var(--magenta); text-shadow:0 0 9px var(--magenta); }
.ticker { position:relative; background:linear-gradient(90deg,#070b10 0%,#170914 48%,#071117 100%); color:#edfaff; border-top:1px solid rgba(255,53,200,.35); border-bottom:1px solid rgba(100,233,255,.35); box-shadow:0 0 45px rgba(100,233,255,.07),inset 0 0 40px rgba(255,53,200,.035); }.ticker::before { content:""; position:absolute; inset:0; background:linear-gradient(105deg,transparent 30%,rgba(100,233,255,.12) 48%,rgba(255,53,200,.12) 52%,transparent 70%); background-size:260% 100%; animation:borderFlow 7s linear infinite; pointer-events:none; }.ticker b { color:#ee7770; text-shadow:0 0 13px rgba(209,73,63,.55); }.ticker span { text-shadow:-1px 0 10px rgba(255,53,200,.22),1px 0 10px rgba(100,233,255,.32); }.ticker span::after { color:var(--cyan); text-shadow:2px 2px 0 var(--magenta),0 0 10px var(--cyan); }
.capabilities { position:relative; }.capabilities::before { content:""; position:absolute; inset:0 50% 0 0; z-index:-1; background:radial-gradient(circle at 15% 30%,rgba(255,53,200,.055),transparent 55%); }.capability-card,.game-service-grid article,.module-grid article { clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px)); }.capability-card:hover { outline:1px solid var(--magenta); box-shadow:0 0 35px rgba(255,53,200,.12),inset 0 0 45px rgba(100,233,255,.035); }.card-en { color:#ff70d7; text-shadow:0 0 12px rgba(255,53,200,.4); }
.game-zone { background:#0a0d12; color:#edf6f8; }.game-copy { background-image:linear-gradient(rgba(100,233,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,53,200,.03) 1px,transparent 1px); background-size:42px 42px; }.game-copy h2 { color:#f4f7f8; text-shadow:-2px 0 14px rgba(255,53,200,.16),2px 0 14px rgba(100,233,255,.16); }.game-lead,.pipeline li p { color:#929ca5; }.pipeline { border-color:rgba(100,233,255,.25); }.pipeline li { border-color:rgba(255,255,255,.1); }.pipeline li:hover { background:rgba(100,233,255,.055); box-shadow:inset 3px 0 0 var(--magenta),inset -3px 0 0 var(--cyan); }.pipeline strong { color:#e9edef; }
.game-services { background:linear-gradient(135deg,#0b0e14,#150812 58%,#071117); }.game-service-grid article:hover { outline:1px solid rgba(255,53,200,.5); }.systems-radar { background-color:#070a0f; }.systems-copy h2,.software-title h2,.global-copy h2 { text-shadow:-2px 0 18px rgba(255,53,200,.13),2px 0 18px rgba(100,233,255,.13); }
.module-grid article:hover { outline:1px solid rgba(100,233,255,.4); box-shadow:0 0 32px rgba(100,233,255,.09); }.module-grid i { background:linear-gradient(90deg,var(--magenta),var(--cyan)); width:58px; }
.global-zone { background:radial-gradient(circle at 75% 40%,rgba(100,233,255,.08),transparent 34%),radial-gradient(circle at 20% 60%,rgba(255,53,200,.075),transparent 38%),#090c12; }.globe { border-color:rgba(100,233,255,.5); filter:drop-shadow(0 0 16px rgba(100,233,255,.11)); }
.process-track article:hover { background:linear-gradient(135deg,rgba(255,53,200,.055),rgba(100,233,255,.035)); }.contact { border-top:2px solid transparent; border-image:linear-gradient(90deg,var(--magenta),var(--cyan)) 1; }
@media (max-width:900px) { .contact-inner { grid-template-columns:1fr; gap:65px; }.contact-copy { text-align:center; }.contact-topics { justify-content:center; }.contact-emblem { width:min(74vw,440px); }.contact { padding:95px 24px; } }
@media (max-width:900px) { .site-header { width:100%; padding-inline:14px; }.site-header::before { display:none; } }
@media (max-width:520px) { .contact-emblem { width:88vw; }.contact-inner { gap:50px; }.emblem-status { transform:scale(.85); }.status-top { right:-3%; }.status-bottom { left:-4%; } }

@media (prefers-reduced-motion:reduce) { .fx-layer,.site-header::after,.glitch-title,.glitch-title::before,.glitch-title::after,.primary-button::before,.nav-cta::before,.primary-button,.ticker>div,.ring-c,.hero::after,.hero-grid::before,.hero-mark::before,.mark-card,.mark-card::before,.mark-card::after,.mark-tag,.hero-en,.world-core,.world-core::after,.world-ring,.game-visual::after,.globe,.globe::before,.globe::after,.globe-dot i,.service-scan,.systems-radar::before,.systems-radar::after,.radar-c,.radar-core,.radar-label,.contact::after,.contact-emblem::before,.emblem-orbit,.contact-logo-disc,.contact-logo-disc::before,.contact-logo-disc::after,.contact h2,.capability-card,.game-service-grid article,.systems-list article,.module-grid article,.process-track article { animation:none; } }