:root{--ink:#151c1b;--muted:#63706c;--paper:#f4f6f2;--line:#dce3de;--lime:#c4e34b;--forest:#193c35;--orange:#ef825f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Manrope","Noto Sans SC",sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);border-bottom:1px solid var(--line);background:rgba(244,246,242,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:flex;align-items:flex-end;gap:3px;height:30px}.brand-mark span{width:5px;background:var(--forest);display:block}.brand-mark span:nth-child(1){height:14px}.brand-mark span:nth-child(2){height:24px}.brand-mark span:nth-child(3){height:30px;background:var(--orange)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:17px;letter-spacing:0;font-weight:800}.brand-copy small{font-family:"DM Mono",monospace;font-size:8px;color:var(--muted);letter-spacing:0;margin-top:6px}.main-nav{display:flex;gap:38px;margin-left:auto;margin-right:48px}.main-nav a{font-size:13px;color:#54615d;transition:color .2s}.main-nav a:hover{color:var(--ink)}.header-cta{font-size:13px;font-weight:700;display:flex;align-items:center;gap:9px}.header-cta span,.button span{font-size:18px;line-height:0}.menu-toggle{display:none;border:0;background:none}.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);border-bottom:1px solid var(--line)}.hero-copy{padding:clamp(64px,9vw,138px) clamp(24px,5vw,80px);display:flex;flex-direction:column;justify-content:center}.eyebrow,.section-kicker{font-family:"DM Mono",monospace;color:#63706c;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 26px}.eyebrow-dot{width:7px;height:7px;background:var(--orange);border-radius:50%}.hero h1{font-size:clamp(52px,6.2vw,96px);line-height:1.03;letter-spacing:-.03em;margin:0;font-weight:800}.hero h1 em{color:#718719;font-style:normal}.hero-lede{max-width:510px;font-size:16px;color:var(--muted);margin:30px 0 34px}.hero-actions{display:flex;align-items:center;gap:25px}.button{border:0;cursor:pointer;display:inline-flex;align-items:center;gap:14px;padding:16px 23px;font-weight:700;font-size:13px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--forest);color:#fff}.button-primary:hover{background:#24584d}.text-link,.arrow-link{font-size:13px;font-weight:700;border-bottom:1px solid #9daaa4;padding-bottom:7px}.text-link span,.arrow-link span{margin-left:8px;color:var(--orange)}.hero-meta{display:flex;gap:40px;margin-top:clamp(55px,8vw,100px)}.hero-meta div{display:flex;flex-direction:column}.hero-meta strong{font-size:27px;line-height:1;font-weight:700}.hero-meta strong span{font-size:15px;color:var(--orange)}.hero-meta div span{font-size:11px;color:var(--muted);margin-top:8px}.hero-visual{padding:20px 20px 20px 0;display:flex;flex-direction:column;justify-content:center}.hero-image-wrap{height:min(72vh,690px);min-height:480px;position:relative;overflow:hidden}.hero-image-wrap img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}.image-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,28,24,.12),rgba(12,28,24,.55))}.visual-label{position:absolute;left:24px;top:23px;color:#fff;font-family:"DM Mono",monospace;font-size:10px;display:flex;align-items:center;gap:8px}.live-dot{height:6px;width:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(196,227,75,.22)}.visual-note{position:absolute;right:24px;bottom:24px;background:var(--lime);padding:14px 17px;display:flex;flex-direction:column;min-width:130px}.visual-note span,.visual-note small{font-size:10px}.visual-note strong{font-size:23px;line-height:1.2}.visual-note small{color:#466019;margin-top:4px}.hero-index{font-family:"DM Mono",monospace;font-size:12px;color:var(--muted);padding-top:16px;text-align:right}.hero-index span{color:#a5b0aa}.ticker{overflow:hidden;border-bottom:1px solid var(--line);background:var(--forest);color:#d4e5d5}.ticker-track{display:flex;gap:30px;align-items:center;white-space:nowrap;min-width:max-content;padding:16px clamp(24px,5vw,80px);font-size:12px}.ticker i{color:var(--orange);font-style:normal}.section-pad{padding:clamp(80px,11vw,160px) clamp(24px,8vw,128px)}.intro{border-bottom:1px solid var(--line)}.section-kicker{margin-bottom:42px}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw}.intro h2,.section-heading h2,.capability-copy h2,.contact-intro h2{font-size:clamp(38px,4.8vw,68px);line-height:1.08;letter-spacing:-.03em;margin:0;font-weight:800}.intro h2 span,.capability-copy h2 span,.contact-intro h2 span{color:#83963b}.intro-body{max-width:440px;padding-top:8px}.intro-body p{font-size:17px;line-height:1.8;color:var(--muted);margin:0 0 30px}.solutions{background:#e9eee9;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:70px}.section-heading>p{max-width:330px;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 5px}.solution-list{border-top:1px solid #c8d3cc}.solution-item{display:grid;grid-template-columns:90px 1fr 30px;gap:20px;align-items:start;padding:30px 0;border-bottom:1px solid #c8d3cc;transition:padding .25s}.solution-item:hover{padding-left:10px;padding-right:10px}.solution-number{font-family:"DM Mono",monospace;font-size:12px;color:var(--orange);padding-top:8px}.solution-content h3{font-size:28px;margin:0 0 8px}.solution-content p{color:var(--muted);font-size:14px;margin:0 0 18px}.solution-tags{display:flex;gap:8px;flex-wrap:wrap}.solution-tags span{font-family:"DM Mono",monospace;font-size:10px;border:1px solid #b8c5bb;padding:5px 8px;color:#63706c}.solution-arrow{font-size:24px;color:var(--orange);padding-top:2px}.capabilities{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,9vw,150px);align-items:center;background:var(--forest);color:#f2f6eb}.capability-art{height:500px;position:relative;overflow:hidden;background:#102d28}.capability-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(210,238,190,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(210,238,190,.09) 1px,transparent 1px);background-size:46px 46px;transform:perspective(500px) rotateX(55deg) scale(1.5);transform-origin:bottom}.capability-orbit{position:absolute;border:1px solid rgba(196,227,75,.45);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-20deg)}.orbit-one{width:310px;height:180px}.orbit-two{width:410px;height:245px;transform:translate(-50%,-50%) rotate(35deg);border-color:rgba(239,130,95,.55)}.capability-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:105px;height:105px;border-radius:50%;background:var(--lime);color:var(--forest);display:grid;place-items:center;font-size:31px;font-weight:800;box-shadow:0 0 70px rgba(196,227,75,.35)}.capability-core span{color:var(--orange)}.art-caption{position:absolute;bottom:20px;left:22px;font-family:"DM Mono",monospace;color:rgba(242,246,235,.5);font-size:10px;line-height:1.4}.capability-copy .section-kicker{color:#aabbb1}.capability-copy h2{margin-bottom:25px}.capability-copy>p{color:#b6c8bd;max-width:390px;line-height:1.8;font-size:15px}.capability-points{border-top:1px solid rgba(220,234,218,.2);margin-top:44px}.capability-points div{display:grid;grid-template-columns:35px 1fr 20px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(220,234,218,.2);font-size:14px}.capability-points strong{font-family:"DM Mono",monospace;color:var(--orange);font-size:11px}.capability-points b{font-weight:400;color:var(--lime)}.cases{border-bottom:1px solid var(--line)}.case-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:20px}.case-card{min-height:490px;position:relative;overflow:hidden}.case-large img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.case-large:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 32%,rgba(9,21,18,.8))}.case-overlay{position:absolute;z-index:1;left:30px;bottom:27px;color:#fff}.case-overlay small,.case-top small{font-family:"DM Mono",monospace;font-size:10px;color:var(--lime)}.case-overlay h3{font-size:31px;line-height:1.15;margin:10px 0 24px}.case-overlay span,.case-link{font-size:12px}.case-overlay b,.case-link b{font-size:18px;color:var(--lime);margin-left:8px}.case-dark{background:var(--orange);padding:30px;color:var(--ink);display:flex;flex-direction:column}.case-top{display:flex;justify-content:space-between}.case-top small{color:#704b3e}.case-top span{font-family:"DM Mono",monospace;font-size:10px}.case-dark h3{font-size:34px;line-height:1.18;margin:84px 0 50px}.case-dark h3 em{font-style:normal;color:#fff}.case-metric{border-top:1px solid rgba(21,28,27,.25);padding-top:17px;display:flex;flex-direction:column}.case-metric strong{font-size:40px;line-height:1}.case-metric span{font-size:11px;margin-top:7px}.case-link{margin-top:auto;border-bottom:1px solid rgba(21,28,27,.35);padding-bottom:10px;width:max-content}.contact{display:grid;grid-template-columns:1fr 1fr;gap:12vw;background:#e9eee9}.contact-intro p{color:var(--muted);font-size:15px;max-width:350px;line-height:1.8;margin:28px 0}.contact-info{display:flex;flex-direction:column;gap:9px;font-family:"DM Mono",monospace;font-size:13px}.contact-info a{color:#708d27}.contact-form{max-width:470px}.contact-form label{display:block;font-size:11px;color:var(--muted);margin-bottom:22px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #b6c4ba;background:transparent;padding:10px 0;color:var(--ink);outline:none;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--forest)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a2ada7}.contact-form select{cursor:pointer}.contact-form .button{margin-top:8px}.form-note{font-size:10px;color:#9ba6a0;margin:14px 0 0}.form-success{display:none;color:#6f8e2c;font-size:12px;margin-top:18px}.site-footer{background:#112c28;color:#e5f1e5;padding:54px clamp(24px,8vw,128px) 24px}.footer-top{display:flex;align-items:center;gap:60px;padding-bottom:50px;border-bottom:1px solid rgba(229,241,229,.2)}.footer-top .brand-copy strong{color:#fff}.footer-top .brand-mark span:nth-child(1),.footer-top .brand-mark span:nth-child(2){background:#dbe8d8}.footer-top p{font-size:14px;color:#aebfb1;margin:0}.footer-links{display:flex;gap:24px;margin-left:auto;font-size:12px;color:#b8cabd}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;color:#7f998b;font-size:10px;font-family:"DM Mono",monospace}.footer-bottom a{color:#d1dfd0}.menu-toggle{width:34px;height:34px;position:relative}.menu-toggle span{position:absolute;left:7px;width:20px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle span:first-child{top:13px}.menu-toggle span:last-child{top:20px}.menu-toggle.open span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle.open span:last-child{transform:translateY(-4px) rotate(-45deg)}
@media(max-width:900px){.main-nav{gap:20px;margin-right:24px}.hero{grid-template-columns:1fr}.hero-copy{padding-bottom:70px}.hero-visual{padding:0 24px 30px}.hero-image-wrap{height:58vh;min-height:380px}.intro-grid,.contact{grid-template-columns:1fr;gap:45px}.capabilities{grid-template-columns:1fr;gap:56px}.capability-art{height:420px}.capability-copy{padding-bottom:0}.case-grid{grid-template-columns:1fr}.case-card{min-height:420px}.contact-form{max-width:none}.footer-top{flex-wrap:wrap;gap:24px}.footer-links{margin-left:0;width:100%}}
@media(max-width:620px){.site-header{height:70px;padding:0 20px}.main-nav,.header-cta{display:none}.menu-toggle{display:block}.hero{min-height:auto}.hero-copy{padding:64px 20px 60px}.hero h1{font-size:54px}.hero-lede{font-size:14px;margin:25px 0 28px}.hero-actions{gap:19px;flex-wrap:wrap}.hero-meta{gap:24px;margin-top:54px}.hero-meta strong{font-size:23px}.hero-visual{padding:0 20px 25px}.hero-image-wrap{height:68vh;min-height:400px}.section-pad{padding:80px 20px}.section-kicker{margin-bottom:30px}.intro h2,.section-heading h2,.capability-copy h2,.contact-intro h2{font-size:43px}.section-heading{display:block;margin-bottom:46px}.section-heading>p{margin-top:24px}.solution-item{grid-template-columns:40px 1fr 20px;gap:13px;padding:25px 0}.solution-content h3{font-size:24px}.solution-content p{font-size:13px}.capability-art{height:330px}.case-card{min-height:390px}.case-overlay h3{font-size:27px}.case-dark h3{font-size:29px;margin:66px 0 42px}.contact{gap:52px}.footer-top{display:block}.footer-top p{margin:26px 0}.footer-links{gap:18px}.footer-bottom{display:grid;gap:12px}.footer-bottom a{grid-row:1}.site-footer{padding-left:20px;padding-right:20px}}
@media(max-width:620px){.main-nav.nav-open{display:flex;position:absolute;left:0;right:0;top:70px;margin:0;padding:20px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:18px;box-shadow:0 12px 24px rgba(21,28,27,.08)}.main-nav.nav-open a{font-size:14px}}

/* Marketing hero rebuilt from the supplied visual reference. */
.hero{position:relative;display:block;min-height:clamp(580px,42vw,760px);overflow:hidden;border:0;background:#04051a;color:#fff}
.marketing-hero-art{position:absolute;z-index:1;inset:0 0 0 46%;overflow:hidden;background:radial-gradient(ellipse at 67% 48%,rgba(23,115,181,.2),transparent 42%),linear-gradient(135deg,transparent 0 48%,rgba(32,120,190,.05) 48% 49%,transparent 49% 100%)}
.marketing-hero-art::before{content:"";position:absolute;left:8%;right:6%;bottom:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,173,237,.45),transparent);box-shadow:0 -85px 90px rgba(20,112,176,.14)}
.marketing-hero-art::after{content:"";position:absolute;right:7%;top:14%;width:36%;aspect-ratio:1;border:1px solid rgba(63,173,227,.1);transform:rotate(45deg);box-shadow:0 0 70px rgba(20,99,169,.08),inset 0 0 60px rgba(20,99,169,.05)}
.brand-character{--character-scale:1;position:absolute;z-index:2;left:54%;top:48%;width:330px;height:430px;transform:translate(-50%,-50%) scale(var(--character-scale));animation:character-float 5.6s ease-in-out infinite;filter:drop-shadow(0 26px 36px rgba(0,0,0,.44))}
.character-halo{position:absolute;left:50%;border:1px solid rgba(57,188,246,.34);border-radius:50%;transform:translateX(-50%) rotateX(66deg)}
.halo-back{top:35px;width:305px;height:140px;box-shadow:0 0 24px rgba(42,175,232,.14);animation:halo-spin 11s linear infinite}
.halo-front{top:294px;width:275px;height:116px;border-color:rgba(91,218,255,.54);box-shadow:0 0 20px rgba(42,175,232,.2);animation:halo-spin-reverse 8s linear infinite}
.character-wing{position:absolute;z-index:5;left:77px;top:35px;width:180px;height:62px;border-radius:80% 20% 58% 26%;background:linear-gradient(155deg,#4d79d0 0%,#183d8a 42%,#071d54 75%);transform:skewX(-16deg) rotate(-8deg);box-shadow:inset 8px 8px 18px rgba(122,198,255,.28),0 9px 19px rgba(0,0,0,.32)}
.character-wing::after{content:"";position:absolute;right:-14px;bottom:-8px;width:116px;height:27px;border-radius:0 70% 45% 80%;background:linear-gradient(180deg,#183f91,#079bd2);transform:rotate(-5deg);box-shadow:0 2px 9px rgba(42,190,239,.42)}
.character-head{position:absolute;z-index:4;left:91px;top:79px;width:153px;height:119px;border-radius:46% 46% 42% 42%;background:linear-gradient(145deg,#315cba 0%,#102b76 48%,#06194e 100%);border:1px solid rgba(116,201,255,.42);box-shadow:inset 12px 12px 25px rgba(124,194,255,.19),inset -12px -14px 25px rgba(0,8,39,.5),0 0 32px rgba(24,139,208,.21)}
.character-head::before{content:"";position:absolute;inset:26px 20px 29px;border-radius:42%;background:linear-gradient(155deg,#06122f,#0a1c48);border:1px solid rgba(92,176,238,.28);box-shadow:inset 0 0 18px rgba(0,0,0,.75)}
.character-eye{position:absolute;z-index:2;top:54px;width:25px;height:7px;border-radius:8px;background:#64dfff;box-shadow:0 0 10px #36cfff,0 0 20px rgba(54,207,255,.5)}
.eye-left{left:40px;transform:rotate(7deg)}.eye-right{right:40px;transform:rotate(-7deg)}
.character-face-line{position:absolute;z-index:2;left:61px;bottom:36px;width:31px;height:1px;background:rgba(80,193,239,.45)}
.character-body{position:absolute;z-index:3;left:72px;top:183px;width:193px;height:169px;border-radius:34% 34% 47% 47%;background:linear-gradient(135deg,#2d59b4,#0b286f 47%,#03143f);border:1px solid rgba(83,177,235,.38);box-shadow:inset 15px 12px 27px rgba(111,194,255,.18),inset -19px -22px 35px rgba(0,5,31,.6),0 20px 42px rgba(0,4,28,.45)}
.logo-t{position:absolute;z-index:2;left:57px;top:23px;color:#eaf8ff;font-size:79px;line-height:1;font-weight:900;font-family:Arial,sans-serif;text-shadow:0 0 14px rgba(102,219,255,.48)}
.logo-d{position:absolute;left:35px;top:28px;width:124px;height:110px;border:12px solid #159dd5;border-top-color:#3d66bd;border-radius:52% 50% 54% 46%;transform:rotate(-10deg);box-shadow:inset 0 0 12px rgba(95,218,255,.35),0 0 15px rgba(24,168,220,.26)}
.logo-d::after{content:"";position:absolute;left:37px;top:-18px;width:78px;height:21px;border-radius:80% 20% 65% 30%;background:linear-gradient(90deg,#365eba,#0aa1db);transform:rotate(-6deg)}
.core-light{position:absolute;z-index:3;left:92px;bottom:24px;width:15px;height:15px;border-radius:50%;background:#a9efff;box-shadow:0 0 10px #43d5ff,0 0 26px #178ecb}
.character-arm{position:absolute;z-index:2;top:218px;width:48px;height:118px;border-radius:28px;background:linear-gradient(150deg,#2856af,#071b55 70%);border:1px solid rgba(80,170,229,.33)}
.arm-left{left:43px;transform:rotate(19deg)}.arm-right{right:43px;transform:rotate(-19deg)}
.character-base{position:absolute;z-index:4;left:95px;bottom:20px;width:145px;height:33px;border-radius:50%;background:radial-gradient(ellipse,#8ce9ff 0%,#168cce 22%,rgba(10,86,155,.3) 48%,transparent 70%);transform:rotateX(65deg);filter:blur(1px);box-shadow:0 0 26px rgba(43,188,240,.45)}
@keyframes character-float{0%,100%{transform:translate(-50%,-50%) scale(var(--character-scale))}50%{transform:translate(-50%,calc(-50% - 13px)) scale(var(--character-scale))}}
@keyframes halo-spin{from{transform:translateX(-50%) rotateX(66deg) rotateZ(0)}to{transform:translateX(-50%) rotateX(66deg) rotateZ(360deg)}}
@keyframes halo-spin-reverse{from{transform:translateX(-50%) rotateX(66deg) rotateZ(360deg)}to{transform:translateX(-50%) rotateX(66deg) rotateZ(0)}}
.marketing-hero-content{position:relative;z-index:2;width:min(760px,84vw);padding-top:clamp(130px,12vw,210px);margin-left:clamp(24px,8vw,128px)}
.marketing-hero-content h1{margin:0;color:#fff;font-size:clamp(36px,3vw,56px);font-weight:400;line-height:1.3;letter-spacing:0}
.marketing-hero-rule{display:block;width:162px;height:4px;margin:34px 0 72px;background:#fff}
.marketing-hero-content p{margin:0;color:rgba(255,255,255,.94);font-size:clamp(16px,1.35vw,23px);font-weight:500;letter-spacing:0}
.marketing-hero-button{display:grid;place-items:center;width:170px;height:56px;margin-top:118px;border:2px solid transparent;background:linear-gradient(#04051a,#04051a) padding-box,linear-gradient(90deg,#00c8ff,#7aff70,#ffe56e,#d96cff,#00c8ff) border-box;border-radius:14px;color:#fff;font-size:18px;font-weight:600;box-shadow:0 0 20px rgba(255,198,81,.35);transition:transform .2s,box-shadow .2s}
.marketing-hero-button:hover{transform:translateY(-2px);box-shadow:0 0 27px rgba(255,198,81,.5)}
@media(max-width:900px){.hero{min-height:620px}.marketing-hero-art{inset:0 0 0 48%;opacity:.7}.brand-character{--character-scale:.82;left:52%}.marketing-hero-content{width:calc(100% - 48px);margin-left:24px;padding-top:112px}.marketing-hero-content h1{max-width:620px}.marketing-hero-button{margin-top:90px}}
@media(max-width:620px){.hero{min-height:650px}.marketing-hero-art{inset:225px 0 0 35%;opacity:.55}.brand-character{--character-scale:.62;left:54%;top:52%;transform-origin:center}.marketing-hero-content{width:calc(100% - 40px);margin-left:20px;padding-top:74px}.marketing-hero-content h1{font-size:36px}.marketing-hero-rule{width:112px;height:3px;margin:27px 0 40px}.marketing-hero-content p{max-width:320px;font-size:15px;line-height:1.8}.marketing-hero-button{width:150px;height:50px;margin-top:258px;border-radius:12px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.brand-character,.character-halo{animation:none}}

/* Q版天鼎品牌形象：覆盖早期机械角色样式。 */
.brand-character{display:none}

/* Cosmic technology homepage */
:root{--space:#020617;--space-2:#050b22;--glass:rgba(10,24,58,.48);--glass-line:rgba(126,216,255,.2);--cyan:#55defa;--violet:#a98bff;--star-text:#eafaff;--star-muted:#91a9c6}
body{background:var(--space);color:var(--star-text)}
.page-transition-layer{position:fixed;z-index:9999;inset:0;pointer-events:none;opacity:1;background:radial-gradient(circle at 50% 48%,rgba(20,79,145,.2),transparent 38%),linear-gradient(180deg,#020617,#03091f);backdrop-filter:blur(5px);transition:opacity .68s cubic-bezier(.4,0,.2,1)}.page-transition-layer.is-ready{opacity:0}.page-transition-layer.is-leaving{opacity:1}
#about,#solutions,#capabilities,#cases,#contact{scroll-margin-top:96px}
.site-header{height:78px;display:flex;align-items:center;justify-content:flex-start;padding:0 clamp(24px,5vw,80px);border-bottom:1px solid rgba(113,210,255,.18);background:rgba(3,9,28,.66);color:#fff;box-shadow:0 12px 38px rgba(0,0,0,.18);backdrop-filter:blur(18px) saturate(140%)}
.site-header::after{content:"";position:absolute;left:clamp(30px,6vw,108px);right:clamp(30px,6vw,108px);bottom:-1px;height:1px;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,rgba(61,174,255,.2) 18%,rgba(96,229,255,.9) 50%,rgba(79,151,255,.2) 82%,transparent);box-shadow:0 0 8px rgba(71,207,255,.45),0 2px 16px rgba(51,134,255,.2);transition:opacity .45s ease}
body.header-edge-glow .site-header::after{opacity:.72;animation:header-edge-awaken 1.15s ease-out both}
.site-header .brand-mark span{background:#78e7ff}.site-header .brand-mark span:nth-child(3){background:#aa89ff}
.site-header .brand-copy strong{color:#f2fbff;text-shadow:0 0 18px rgba(78,214,255,.35)}.site-header .brand-copy small{color:#79a8c2}
.site-header .main-nav a{color:#dceafa;font-size:14px;font-weight:500;letter-spacing:.01em}.site-header .main-nav a:hover{color:#7ceaff;text-shadow:0 0 12px rgba(72,217,255,.55)}
.site-header .header-cta{padding:11px 16px;font-size:14px;border:1px solid rgba(108,224,255,.5);border-radius:6px;background:linear-gradient(135deg,rgba(33,116,173,.42),rgba(83,56,157,.34));box-shadow:inset 0 0 20px rgba(77,195,255,.1),0 0 16px rgba(60,167,232,.14)}
.hero{--hero-header-space:78px;position:relative;display:block;min-height:calc(100vh - 78px);overflow:visible;overflow-x:clip;border-bottom:1px solid rgba(103,213,255,.18);background:radial-gradient(ellipse at 68% 48%,rgba(32,77,160,.24),transparent 43%),linear-gradient(180deg,#020617,#03071b);color:#fff;isolation:isolate}
.space-canvas{position:absolute;z-index:1;left:0;right:0;top:calc(0px - var(--hero-header-space));width:100%;height:calc(100% + var(--hero-header-space));pointer-events:none}.hero.burst-foreground .space-canvas{z-index:4}
.hero::after{content:"";position:absolute;z-index:5;left:0;right:0;top:calc(0px - var(--hero-header-space));bottom:0;pointer-events:none;opacity:0}.hero.burst-foreground::after{animation:burst-edge-pressure 1.54s ease-out both}
.nebula-band{position:absolute;z-index:0;width:80%;height:22%;left:17%;border-radius:50%;filter:blur(38px);opacity:.22;pointer-events:none}
.nebula-one{top:16%;background:linear-gradient(90deg,transparent,rgba(48,104,255,.5),rgba(64,148,255,.32),transparent);transform:rotate(-10deg)}
.nebula-two{bottom:8%;left:-12%;background:linear-gradient(90deg,transparent,rgba(23,216,242,.36),rgba(70,93,255,.34),transparent);transform:rotate(8deg)}
.cosmic-grid{position:absolute;z-index:0;inset:0;background-image:linear-gradient(rgba(88,203,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(88,203,255,.025) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,transparent,black 30%,transparent 88%)}
.meteor-shower{position:absolute;z-index:2;left:0;right:0;top:calc(0px - var(--hero-header-space));height:calc(100% + var(--hero-header-space));overflow:hidden;pointer-events:none;mix-blend-mode:screen}
.meteor{position:absolute;left:var(--meteor-left);top:var(--meteor-top);width:var(--meteor-length);height:1px;visibility:hidden;opacity:0;background:linear-gradient(90deg,transparent 0%,rgba(54,128,241,.025) 12%,rgba(65,177,245,.12) 48%,rgba(112,225,255,.48) 82%,rgba(231,253,255,.9) 100%);box-shadow:0 0 4px rgba(70,205,255,.22);transform-origin:right center;will-change:transform,opacity;backface-visibility:hidden;contain:layout paint;mix-blend-mode:screen}
.meteor::before{content:"";position:absolute;left:28%;right:0;top:-4px;height:9px;background:linear-gradient(90deg,transparent,rgba(72,178,255,.04) 42%,rgba(119,225,255,.2));filter:blur(4px);opacity:.54;transform-origin:right center}
.meteor::after{content:"";position:absolute;right:-1px;top:50%;width:2px;height:2px;border-radius:50%;background:#e9fdff;box-shadow:0 0 5px 1px rgba(126,231,255,.55),0 0 10px 2px rgba(60,163,255,.18);transform:translateY(-50%)}
.meteor.is-live{visibility:visible;animation:meteor-flight var(--meteor-duration) linear both}
.cosmic-hero-inner{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);align-items:center;min-height:calc(100vh - 78px);padding:70px clamp(24px,7vw,112px) 54px;gap:40px}
.cosmic-copy{max-width:660px}.cosmic-kicker{display:flex;align-items:center;gap:13px;margin:0 0 28px;font-family:"Noto Sans SC",sans-serif;font-size:16px;font-weight:700;line-height:1;letter-spacing:.2em;color:#c9f3ff;text-shadow:0 0 14px rgba(83,219,255,.28)}.cosmic-kicker span{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#68eaff;box-shadow:0 0 7px rgba(104,234,255,.9),0 0 16px rgba(56,215,255,.45)}
.cosmic-copy h1{position:relative;margin:0;max-width:720px;font-size:clamp(44px,4.2vw,76px);font-weight:800;line-height:1.08;letter-spacing:0;color:#f5fbff;text-shadow:0 0 28px rgba(52,194,255,.16)}
.cosmic-copy h1::after{content:attr(data-text);position:absolute;inset:0;color:transparent;background:linear-gradient(105deg,transparent 33%,#9df4ff 47%,#d9c9ff 52%,transparent 66%);background-size:230% 100%;background-clip:text;-webkit-background-clip:text;animation:title-scan 6s ease-in-out infinite;pointer-events:none}
.cosmic-lede{max-width:560px;margin:28px 0 0;color:#a8bed3;font-size:16px;line-height:1.9}
.cosmic-actions{display:flex;gap:12px;margin-top:36px}.cosmic-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:52px;padding:0 22px;border:1px solid rgba(118,222,255,.3);border-radius:6px;background:rgba(12,34,72,.38);color:#eaffff;font-size:13px;font-weight:700;backdrop-filter:blur(14px);box-shadow:inset 0 0 22px rgba(80,190,255,.06);transition:transform .2s,border-color .2s,box-shadow .2s}
.cosmic-button.primary{background:linear-gradient(135deg,rgba(24,158,214,.38),rgba(85,78,185,.32));border-color:rgba(97,231,255,.55);box-shadow:0 0 24px rgba(40,187,239,.13),inset 0 0 22px rgba(100,221,255,.1)}
.cosmic-button:hover{transform:translateY(-2px);border-color:#70e9ff;box-shadow:0 0 24px rgba(58,206,255,.25)}
.cosmic-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:60px;max-width:620px}.cosmic-stats div{min-height:78px;padding:14px 16px;border:1px solid rgba(120,211,255,.16);border-radius:6px;background:rgba(12,29,62,.36);backdrop-filter:blur(13px);box-shadow:inset 0 0 25px rgba(73,166,232,.035)}
.cosmic-stats strong{display:block;color:#effcff;font-size:23px;line-height:1.1;white-space:nowrap;text-shadow:0 0 14px rgba(61,218,255,.34)}.cosmic-stats strong span{display:inline;margin:0 0 0 .08em;color:inherit;font-size:.58em;line-height:1;vertical-align:.13em}.cosmic-stats div>span{display:block;margin-top:8px;color:#7997b5;font-size:10px}
.logo-stage{position:relative;height:min(68vh,660px);min-height:480px;display:flex;align-items:flex-end;justify-content:center;pointer-events:auto;cursor:grab;user-select:none;isolation:isolate}.hero.is-scene-dragging .logo-stage{cursor:grabbing}.logo-stage>p{position:absolute;bottom:22px;margin:0;padding:9px 13px;border:1px solid rgba(116,217,255,.15);border-radius:4px;background:rgba(8,23,52,.36);color:#6590ad;font:9px/1 "DM Mono",monospace;backdrop-filter:blur(10px)}.logo-stage>p span{color:#8e75db;margin-left:12px}
.sphere-menu-shell{position:absolute;z-index:8;left:50%;top:49%;width:420px;height:420px;transform:translate(-50%,-50%);pointer-events:none}.sphere-menu-trigger{position:absolute;z-index:2;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:50%;outline:none;background:transparent;color:#dffbff;opacity:0;pointer-events:none;cursor:grab;touch-action:manipulation}.sphere-menu-shell.is-ready .sphere-menu-trigger{opacity:1;pointer-events:auto;cursor:pointer}.sphere-menu-hint{position:absolute;left:calc(100% - 4px);top:48%;display:flex;align-items:center;gap:9px;width:max-content;padding:7px 0;color:rgba(175,229,244,.82);font:500 10px/1 "Noto Sans SC",sans-serif;letter-spacing:0;opacity:0;transform:translate(8px,-50%);transition:opacity .5s,transform .5s}.sphere-menu-shell.is-ready:not(.is-open):not(.is-hint-hidden) .sphere-menu-hint{opacity:1;transform:translate(0,-50%);animation:sphere-hint-breathe 3.8s ease-in-out infinite}.sphere-menu-hint i{position:relative;width:23px;height:23px;border:1px solid rgba(102,226,255,.72);border-radius:50%;box-shadow:0 0 13px rgba(57,206,255,.22)}.sphere-menu-hint i::before{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#c9f9ff;box-shadow:0 0 8px #61dff7;transform:translate(-50%,-50%)}.sphere-menu-hint i::after{content:"";position:absolute;inset:-6px;border:1px solid rgba(86,207,246,.35);border-radius:50%;animation:sphere-hint-ring 1.9s ease-out infinite}.sphere-menu-hint b{font-weight:500;white-space:nowrap}.sphere-orbit-menu{position:absolute;z-index:4;left:50%;top:50%;width:740px;height:560px;transform:translate(-50%,-50%);pointer-events:none}.sphere-orbit-menu a{position:absolute;display:flex;align-items:center;gap:8px;min-width:106px;height:38px;padding:0 13px;border:1px solid rgba(104,220,255,.24);border-radius:4px;background:rgba(5,18,45,.76);color:#dff9ff;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 0 0 rgba(62,210,255,0),inset 0 0 18px rgba(78,186,237,.04);backdrop-filter:blur(13px);opacity:0;transform:translate(-50%,-50%) scale(.68);transition:opacity .28s,transform .38s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s}.sphere-orbit-menu a span{color:#66dff7;font:9px/1 "DM Mono",monospace}.sphere-orbit-menu a:nth-child(1){left:3%;top:34%;transition-delay:0ms}.sphere-orbit-menu a:nth-child(2){left:25%;top:0;transition-delay:55ms}.sphere-orbit-menu a:nth-child(3){left:75%;top:0;transition-delay:110ms}.sphere-orbit-menu a:nth-child(4){left:97%;top:36%;transition-delay:165ms}.sphere-orbit-menu a:nth-child(5){left:87%;top:82%;transition-delay:220ms}.sphere-menu-shell.is-open .sphere-orbit-menu{pointer-events:auto}.sphere-menu-shell.is-open .sphere-orbit-menu a{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.sphere-orbit-menu a:hover,.sphere-orbit-menu a:focus-visible{outline:none;border-color:rgba(117,239,255,.8);box-shadow:0 0 22px rgba(54,203,247,.2),inset 0 0 18px rgba(78,186,237,.1)}.sphere-menu-shell.is-bursting .sphere-orbit-menu a{opacity:0;transform:translate(-50%,-50%) scale(.45);transition-delay:0ms}.sphere-menu-shell.is-bursting .sphere-orbit-menu a.is-selected{opacity:1;border-color:#8ceeff;color:#fff;transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 30px rgba(66,215,255,.32)}
.sphere-menu-connectors{position:absolute;z-index:3;left:50%;top:50%;width:740px;height:560px;transform:translate(-50%,-50%);pointer-events:none}.sphere-menu-connectors i{--start:225px;position:absolute;left:50%;top:50%;width:var(--length);height:1px;opacity:0;transform:rotate(var(--angle)) translateX(var(--start)) scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,rgba(15,66,142,.18),rgba(58,198,244,.62) 62%,rgba(177,245,255,.92));box-shadow:0 0 8px rgba(62,205,247,.28);transition:opacity .26s,transform .5s cubic-bezier(.16,.74,.22,1)}.sphere-menu-connectors i::after{content:"";position:absolute;right:-2px;top:-2px;width:5px;height:5px;border-radius:50%;background:#c8f9ff;box-shadow:0 0 5px #8beaff,0 0 13px rgba(61,208,248,.7);animation:sphere-connector-node 2.2s ease-in-out infinite}.sphere-menu-connectors i:nth-child(1){--angle:195deg;--length:81px;transition-delay:0ms}.sphere-menu-connectors i:nth-child(2){--angle:237deg;--length:92px;transition-delay:55ms}.sphere-menu-connectors i:nth-child(3){--angle:303deg;--length:92px;transition-delay:110ms}.sphere-menu-connectors i:nth-child(4){--angle:347deg;--length:79px;transition-delay:165ms}.sphere-menu-connectors i:nth-child(5){--angle:33deg;--length:56px;transition-delay:220ms}.sphere-menu-shell.is-open .sphere-menu-connectors i{opacity:1;transform:rotate(var(--angle)) translateX(var(--start)) scaleX(1)}.sphere-menu-shell.is-bursting .sphere-menu-connectors i{opacity:0;transform:rotate(var(--angle)) translateX(var(--start)) scaleX(.2);transition-delay:0ms}
@keyframes sphere-hint-breathe{0%,100%{filter:brightness(.85)}50%{filter:brightness(1.35)}}@keyframes sphere-hint-ring{0%{opacity:.7;transform:scale(.72)}80%,100%{opacity:0;transform:scale(1.36)}}@keyframes sphere-connector-node{0%,100%{opacity:.55;filter:brightness(.8)}50%{opacity:1;filter:brightness(1.45)}}
.logo-fallback{position:absolute;left:50%;top:49%;width:260px;height:260px;transform:translate(-50%,-50%);opacity:0;filter:drop-shadow(0 0 20px rgba(63,210,255,.35))}.no-webgl .logo-fallback{opacity:.5}.webgl-ready .logo-fallback{opacity:0}.logo-fallback i{position:absolute;inset:38px 24px 29px;border:3px solid #57deff;border-top-color:#a88cff;border-radius:50%;transform:rotate(-12deg)}.logo-fallback b{position:absolute;left:104px;top:70px;color:transparent;-webkit-text-stroke:3px #63e4ff;font:900 128px/1 Arial,sans-serif}.logo-fallback span{position:absolute;left:30px;top:26px;width:210px;height:35px;border:3px solid #8779ed;border-radius:70% 20% 60% 30%;transform:rotate(-8deg)}
.hero-coordinate{position:absolute;z-index:4;right:28px;bottom:23px;color:#45667e;font:9px/1 "DM Mono",monospace}.hero-scroll{position:absolute;z-index:5;left:50%;bottom:18px;width:23px;height:37px;border:1px solid rgba(118,218,255,.28);border-radius:14px}.hero-scroll span{position:absolute;left:10px;top:8px;width:2px;height:8px;background:#72eaff;box-shadow:0 0 8px #62e2ff;animation:scroll-dot 1.8s ease-in-out infinite}
@keyframes title-scan{0%,20%{background-position:130% 0}55%,100%{background-position:-130% 0}}@keyframes scroll-dot{0%{opacity:0;transform:translateY(0)}35%{opacity:1}100%{opacity:0;transform:translateY(13px)}}
@keyframes header-edge-awaken{0%{opacity:0;transform:scaleX(.34)}38%{opacity:.9;transform:scaleX(.82)}100%{opacity:.72;transform:scaleX(1)}}
@keyframes burst-edge-pressure{0%{opacity:0;box-shadow:inset 0 0 0 rgba(79,229,255,0)}18%{opacity:.78;box-shadow:inset 0 0 48px rgba(118,242,255,.28),inset 0 0 135px rgba(23,111,255,.2)}58%{opacity:.34;box-shadow:inset 0 0 82px rgba(74,218,255,.16),inset 0 0 190px rgba(20,72,214,.1)}100%{opacity:0;box-shadow:inset 0 0 130px rgba(71,207,255,0)}}
@keyframes meteor-flight{0%{opacity:0;transform:translate3d(0,0,0) rotate(var(--meteor-angle)) scaleX(.72)}12%{opacity:var(--meteor-glow);transform:translate3d(var(--meteor-x-1),var(--meteor-y-1),0) rotate(var(--meteor-angle)) scaleX(.82)}48%{opacity:var(--meteor-glow);transform:translate3d(var(--meteor-x-2),var(--meteor-y-2),0) rotate(var(--meteor-angle)) scaleX(.94)}79%{opacity:.26;transform:translate3d(var(--meteor-x-3),var(--meteor-y-3),0) rotate(var(--meteor-angle)) scaleX(1)}100%{opacity:0;transform:translate3d(var(--meteor-x-4),var(--meteor-y-4),0) rotate(var(--meteor-angle)) scaleX(1.04)}}
.ticker{background:rgba(4,12,33,.92);border-color:rgba(92,196,242,.14);color:#8eb2c9}.ticker i{color:#8d75e9}
.intro,.solutions,.cases,.contact{background:#03091b;color:#eaf7ff;border-color:rgba(93,186,226,.13)}.solutions,.contact{background:#050c20}.section-kicker{color:#6abbd4}.intro h2 span,.capability-copy h2 span,.contact-intro h2 span{color:#6dddf4}.intro-body p,.section-heading>p,.solution-content p,.contact-intro p{color:#8da8bd}
.solutions .solution-list{border:0;display:grid;gap:10px}.solution-item{padding:25px 26px;border:1px solid rgba(110,207,245,.15);border-radius:6px;background:rgba(13,30,61,.38);backdrop-filter:blur(12px)}.solution-item:hover{padding:25px 30px;border-color:rgba(95,222,255,.4);box-shadow:0 0 28px rgba(32,167,222,.08)}.solution-number,.solution-arrow{color:#8b7dea}.solution-tags span{border-color:rgba(101,193,229,.2);color:#78a6bc;background:rgba(16,45,78,.28)}
.capabilities{background:#020719}.capability-art{background:#06122c;border:1px solid rgba(94,200,244,.16)}.capability-core{background:#59daf7;color:#06152d;box-shadow:0 0 70px rgba(68,212,245,.26)}.capability-core span{color:#9a7ff1}.capability-copy>p{color:#8caabd}.capability-points div{border-color:rgba(119,206,236,.14)}.capability-points strong{color:#917ce8}.capability-points b{color:#61e2fa}
.case-card{border:1px solid rgba(103,201,238,.15);border-radius:6px}.case-dark{background:linear-gradient(145deg,rgba(25,70,119,.8),rgba(41,29,94,.85));color:#eefaff}.case-top small,.case-dark h3 em{color:#72e1f6}.case-metric{border-color:rgba(131,213,242,.2)}
.contact-form{padding:28px;border:1px solid rgba(104,205,245,.17);border-radius:6px;background:rgba(12,29,60,.38);backdrop-filter:blur(14px)}.contact-form input,.contact-form select,.contact-form textarea{color:#eaf9ff;border-color:rgba(115,199,230,.24)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#53758c}.contact-info a{color:#63dbf4}
.site-footer{background:#020617;border-top:1px solid rgba(93,197,239,.12)}
@media(max-width:900px){.cosmic-hero-inner{grid-template-columns:1fr;padding-top:78px;min-height:900px}.cosmic-copy{max-width:720px}.logo-stage{height:390px;min-height:390px}.cosmic-stats{margin-top:38px}.hero-coordinate{display:none}}
@media(max-width:620px){.site-header{height:70px;background:rgba(3,9,28,.86)}.site-header .menu-toggle span{background:#dff9ff}.site-header .main-nav.nav-open{background:rgba(4,12,34,.96);border-color:rgba(105,214,255,.18)}.cosmic-hero-inner{min-height:940px;padding:55px 20px 35px;gap:18px}.cosmic-copy h1{font-size:45px}.cosmic-lede{font-size:14px}.cosmic-actions{flex-wrap:wrap}.cosmic-button{height:48px}.cosmic-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:36px}.cosmic-stats div{padding:12px 9px}.cosmic-stats strong{font-size:19px}.cosmic-stats div>span{font-size:9px}.logo-stage{height:330px;min-height:330px}.logo-stage>p{bottom:4px}.sphere-menu-shell{width:280px;height:280px;top:8%}.sphere-menu-hint{left:calc(100% - 8px);top:55%;font-size:9px}.sphere-orbit-menu,.sphere-menu-connectors{width:380px;height:390px}.sphere-menu-connectors i{--start:145px}.sphere-menu-connectors i:nth-child(1){--angle:223deg;--length:13px}.sphere-menu-connectors i:nth-child(2){--angle:246deg;--length:47px}.sphere-menu-connectors i:nth-child(3){--angle:294deg;--length:47px}.sphere-menu-connectors i:nth-child(4){--angle:325deg;--length:17px}.sphere-menu-connectors i:nth-child(5){--angle:51deg;--length:37px}.sphere-orbit-menu a{min-width:82px;height:34px;padding:0 8px;gap:5px;font-size:10px}.sphere-orbit-menu a:nth-child(1){left:12%;top:15%}.sphere-orbit-menu a:nth-child(2){left:28%;top:0}.sphere-orbit-menu a:nth-child(3){left:72%;top:0}.sphere-orbit-menu a:nth-child(4){left:90%;top:15%}.sphere-orbit-menu a:nth-child(5){left:86%;top:94%}.hero-scroll{display:none}.nebula-band{filter:blur(28px)}.contact-form{padding:20px}}
@media(max-width:699px){.logo-stage{pointer-events:none;cursor:default;user-select:auto}.sphere-menu-trigger,.sphere-menu-shell.is-open .sphere-orbit-menu a{pointer-events:auto}}
@media(max-width:699px){.hero.burst-foreground::after{animation-name:burst-edge-pressure-mobile}}@keyframes burst-edge-pressure-mobile{0%{opacity:0}22%{opacity:.44;box-shadow:inset 0 0 38px rgba(105,235,255,.2),inset 0 0 86px rgba(27,103,235,.12)}100%{opacity:0;box-shadow:inset 0 0 92px rgba(71,207,255,0)}}
@media(prefers-reduced-motion:reduce){.meteor{animation:none;display:none}.hero::after{display:none}.sphere-menu-hint,.sphere-menu-hint i::after,.sphere-menu-connectors i::after{animation:none!important}}
@media(prefers-reduced-motion:reduce){.page-transition-layer{transition-duration:.12s}}

/* Four-item sphere navigation after merging Solutions into Capabilities. */
.sphere-menu-hint{gap:11px;color:rgba(207,244,255,.94);font-size:14px;font-weight:600;text-shadow:0 0 12px rgba(85,218,255,.48)}
.sphere-menu-hint i{width:27px;height:27px}
.sphere-menu-hint b{font-weight:600}
.sphere-orbit-menu a:nth-child(1){left:22%;top:10%;transition-delay:0ms}
.sphere-orbit-menu a:nth-child(2){left:78%;top:8%;transition-delay:55ms}
.sphere-orbit-menu a:nth-child(3){left:92%;top:49%;transition-delay:110ms}
.sphere-orbit-menu a:nth-child(4){left:78%;top:89%;transition-delay:165ms}
.sphere-menu-connectors i:nth-child(1){--angle:227deg;--length:80px;transition-delay:0ms}
.sphere-menu-connectors i:nth-child(2){--angle:311deg;--length:88px;transition-delay:55ms}
.sphere-menu-connectors i:nth-child(3){--angle:359deg;--length:86px;transition-delay:110ms}
.sphere-menu-connectors i:nth-child(4){--angle:46deg;--length:76px;transition-delay:165ms}
@media(max-width:620px){
  .sphere-menu-hint{gap:8px;font-size:11px}
  .sphere-menu-hint i{width:24px;height:24px}
  .sphere-menu-connectors i:nth-child(1){--angle:241deg;--length:60px}
  .sphere-menu-connectors i:nth-child(2){--angle:299deg;--length:60px}
  .sphere-menu-connectors i:nth-child(3){--angle:3deg;--length:8px}
  .sphere-menu-connectors i:nth-child(4){--angle:62deg;--length:55px}
  .sphere-orbit-menu a:nth-child(1){left:24%;top:5%}
  .sphere-orbit-menu a:nth-child(2){left:76%;top:5%}
  .sphere-orbit-menu a:nth-child(3){left:90%;top:52%}
  .sphere-orbit-menu a:nth-child(4){left:74%;top:96%}
}

/* Give the merged Capabilities hero enough width for a clean two-line title. */
.subpage-body[data-page="capabilities"] .page-hero{
  grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);
  gap:clamp(32px,4vw,68px);
  padding-inline:clamp(28px,6vw,96px)
}
.subpage-body[data-page="capabilities"] .page-hero-copy{max-width:820px}
.subpage-body[data-page="capabilities"] .page-hero h1{
  font-size:clamp(42px,4vw,62px);
  line-height:1.12
}
.subpage-body[data-page="capabilities"] .page-hero-copy>p:not(.page-eyebrow){max-width:700px}
@media(max-width:900px){
  .subpage-body[data-page="capabilities"] .page-hero{grid-template-columns:1fr}
}
@media(max-width:620px){
  .subpage-body[data-page="capabilities"] .page-hero h1{font-size:36px;line-height:1.16}
}
.marketing-hero-art{background:radial-gradient(circle at 55% 45%,rgba(40,139,218,.2),transparent 35%),radial-gradient(ellipse at 52% 88%,rgba(30,96,185,.16),transparent 46%)}
.mascot{--mascot-scale:1;position:absolute;z-index:4;left:54%;top:50%;width:350px;height:440px;transform:translate(-50%,-50%) scale(var(--mascot-scale));transform-origin:center;animation:mascot-float 4.8s ease-in-out infinite;filter:drop-shadow(0 28px 30px rgba(0,0,0,.38))}
.mascot-shadow{position:absolute;z-index:0;left:77px;bottom:8px;width:204px;height:38px;border-radius:50%;background:radial-gradient(ellipse,rgba(70,201,255,.55),rgba(15,90,174,.15) 48%,transparent 72%);filter:blur(5px);animation:mascot-shadow-breathe 4.8s ease-in-out infinite}
.mascot-body{position:absolute;z-index:2;left:86px;top:211px;width:180px;height:171px;border-radius:47% 47% 42% 42% / 42% 42% 55% 55%;background:linear-gradient(145deg,#fefefe 3%,#dbeaff 48%,#aac7ee 100%);border:2px solid rgba(177,222,255,.9);box-shadow:inset 17px 14px 24px rgba(255,255,255,.75),inset -15px -19px 25px rgba(55,106,181,.2),0 11px 28px rgba(0,31,87,.3)}
.mascot-belly{position:absolute;left:39px;top:70px;width:104px;height:76px;border-radius:50%;background:radial-gradient(circle at 44% 30%,#fff,rgba(225,242,255,.88) 54%,rgba(160,204,239,.52));box-shadow:inset 0 -8px 15px rgba(66,126,190,.1)}
.mascot-logo-ring{position:absolute;z-index:2;left:53px;top:19px;width:77px;height:59px;border:8px solid #158fce;border-top-color:#214b9f;border-radius:51% 48% 55% 45%;transform:rotate(-9deg);box-shadow:inset 0 0 6px rgba(88,217,255,.46),0 2px 7px rgba(17,93,177,.25)}
.mascot-logo-ring::after{content:"";position:absolute;left:23px;top:-14px;width:50px;height:14px;border-radius:80% 15% 62% 20%;background:linear-gradient(90deg,#2d50a8,#1ba6d8);transform:rotate(-8deg)}
.mascot-logo-t{position:absolute;z-index:3;left:76px;top:17px;color:#fff;font:900 54px/1 Arial,sans-serif;text-shadow:0 2px 7px rgba(22,89,157,.36)}
.mascot-head{position:absolute;z-index:5;left:65px;top:64px;width:220px;height:194px;border-radius:48% 48% 46% 46% / 46% 46% 52% 52%;background:linear-gradient(145deg,#fff 5%,#e9f4ff 50%,#b8d3f3 100%);border:2px solid rgba(190,226,255,.94);box-shadow:inset 22px 18px 31px rgba(255,255,255,.84),inset -18px -21px 28px rgba(66,116,180,.17),0 14px 30px rgba(0,35,91,.32)}
.mascot-head::after{content:"";position:absolute;left:42px;right:42px;bottom:17px;height:24px;border-radius:50%;background:rgba(117,172,217,.08)}
.mascot-crest{position:absolute;z-index:2;left:25px;top:-48px;width:180px;height:83px;border-radius:72% 22% 56% 22%;background:linear-gradient(160deg,#416cc8 0%,#183f95 48%,#0b225d 100%);transform:skewX(-13deg) rotate(-7deg);box-shadow:inset 12px 10px 17px rgba(133,199,255,.25),0 7px 18px rgba(0,27,84,.28)}
.mascot-crest span{position:absolute;right:-6px;bottom:-4px;width:111px;height:31px;border-radius:15% 75% 55% 70%;background:linear-gradient(180deg,#2453ad,#15a6d8);transform:rotate(-4deg);box-shadow:0 3px 10px rgba(31,163,214,.27)}
.mascot-eye{position:absolute;z-index:3;top:76px;width:47px;height:60px;border-radius:50%;background:linear-gradient(150deg,#1c315d,#07142e 70%);box-shadow:inset 5px 5px 9px rgba(87,139,198,.3),0 2px 5px rgba(26,72,128,.22);transform-origin:center 60%;animation:mascot-blink 5.4s ease-in-out infinite}
.mascot-eye i{position:absolute;left:9px;top:8px;width:17px;height:21px;border-radius:50%;background:#fff;box-shadow:18px 23px 0 -6px #52c7ed}
.eye-left{left:50px}.eye-right{right:50px}
.mascot-brow{position:absolute;z-index:4;top:59px;width:42px;height:8px;border-radius:50%;border-top:5px solid #315a91}
.brow-left{left:50px;transform:rotate(-5deg)}.brow-right{right:50px;transform:rotate(5deg)}
.mascot-cheek{position:absolute;z-index:2;top:134px;width:35px;height:19px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,147,169,.64),rgba(255,174,191,.16) 68%,transparent)}
.cheek-left{left:28px}.cheek-right{right:28px}
.mascot-nose{position:absolute;z-index:4;left:104px;top:128px;width:13px;height:9px;border-radius:50%;background:#7ca8cc;box-shadow:0 2px 2px rgba(60,102,150,.18)}
.mascot-mouth{position:absolute;z-index:4;left:86px;top:148px;width:50px;height:27px;border-bottom:5px solid #405b7c;border-radius:0 0 50% 50%;transform:rotate(1deg)}
.mascot-mouth::after{content:"";position:absolute;left:17px;top:18px;width:18px;height:8px;border-radius:50%;background:#ff8fa1}
.mascot-ear{position:absolute;z-index:3;top:130px;width:47px;height:72px;border-radius:50%;background:linear-gradient(145deg,#eaf6ff,#a9c9ed);border:2px solid rgba(180,220,251,.88);box-shadow:inset 0 0 0 11px rgba(180,217,245,.36)}
.ear-left{left:45px;transform:rotate(-15deg)}.ear-right{right:45px;transform:rotate(15deg)}
.mascot-arm{position:absolute;z-index:1;top:237px;width:60px;height:124px;border-radius:44% 44% 54% 54%;background:linear-gradient(145deg,#f5fbff,#b7d1ee);border:2px solid rgba(174,218,249,.85);box-shadow:inset -7px -9px 14px rgba(55,107,172,.12)}
.mascot-arm.arm-left{left:47px;transform:rotate(22deg)}.mascot-arm.arm-right{right:35px;top:218px;transform:rotate(-34deg);transform-origin:bottom center}
.mascot-hand{position:absolute;right:-4px;top:-15px;width:54px;height:54px;border-radius:50%;background:linear-gradient(145deg,#fff,#bfd8f1);box-shadow:inset -5px -7px 10px rgba(53,102,168,.12)}
.mascot-hand::before,.mascot-hand::after{content:"";position:absolute;top:-16px;width:18px;height:35px;border-radius:18px;background:linear-gradient(145deg,#fff,#c3dcf3)}
.mascot-hand::before{left:8px;transform:rotate(-13deg)}.mascot-hand::after{right:9px;transform:rotate(10deg)}
.mascot-leg{position:absolute;z-index:1;top:350px;width:70px;height:69px;border-radius:45% 45% 50% 50%;background:linear-gradient(145deg,#edf8ff,#a8c7eb);border:2px solid rgba(169,215,248,.85)}
.leg-left{left:86px;transform:rotate(8deg)}.leg-right{right:84px;transform:rotate(-8deg)}
@keyframes mascot-float{0%,100%{transform:translate(-50%,-50%) scale(var(--mascot-scale)) rotate(-1deg)}50%{transform:translate(-50%,calc(-50% - 12px)) scale(var(--mascot-scale)) rotate(1deg)}}
@keyframes mascot-shadow-breathe{0%,100%{opacity:.72;transform:scale(1)}50%{opacity:.42;transform:scale(.84)}}
@keyframes mascot-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.08)}}
@media(max-width:900px){.mascot{--mascot-scale:.8;left:52%}}
@media(max-width:620px){.mascot{--mascot-scale:.62;left:54%;top:52%}}
@media(prefers-reduced-motion:reduce){.mascot,.mascot-shadow,.mascot-eye{animation:none}}

/* Keep the header and hero transparent at the top; the base cosmic surfaces return after scrolling. */
body.hero-at-top .site-header{background:rgba(3,11,31,.94);border-bottom-color:rgba(113,210,255,.18);box-shadow:0 12px 34px rgba(0,0,0,.22);backdrop-filter:blur(18px) saturate(135%)}

/* TianDing brand lockup */
.brand{flex:0 0 auto;gap:12px;min-width:max-content}

/* 页眉三段式布局：左品牌 / 右功能组（导航 + CTA）。
   原为 justify-content:space-between，导致 1512px 下品牌与导航间出现 718px 空洞，
   两侧像被硬拽到端点。现改为：品牌独立在左，导航组整体靠右并与 CTA 收拢，
   右侧留白与左侧 padding 对称（同为 clamp(24px,5vw,80px)）。
   垂直方向统一以 78px 页眉中心为基准对中。 */
.site-header .main-nav{margin-left:auto;margin-right:0;gap:34px}
.site-header .header-cta{margin-left:26px}
.site-header .brand-copy{display:flex;flex-direction:column;justify-content:center;align-self:center;line-height:1}
/* 页眉 Logo：保持图片原色，不加滤镜、不加光晕。
   原图主色为深藏蓝，在深空底上属正常品牌观感，不做泛白处理。 */
.brand-logo{
  display:block;width:54px;height:54px;object-fit:contain;flex:0 0 54px;
}
.brand-copy{justify-content:center;line-height:1;transform:translateY(1px)}
.site-header .brand-copy strong,.site-footer .brand-copy strong{font-family:"Noto Sans SC",sans-serif;font-size:21px;font-weight:900;line-height:1.05;letter-spacing:.08em;white-space:nowrap}
.site-header .brand-copy small,.site-footer .brand-copy small{display:block;margin-top:5px;font-family:"Manrope",sans-serif;font-size:8px;font-weight:700;line-height:1;letter-spacing:.41em;white-space:nowrap}
.site-header .brand-copy small{font-size:9px;color:#79cff2;text-shadow:0 0 12px rgba(68,183,239,.3)}
.site-footer .brand-logo{filter:none}
.site-footer .brand-copy small{color:#6fc6ee}

@media(max-width:1100px){.site-header{gap:22px}.site-header .brand{gap:9px}.site-header .brand-logo{width:48px;height:48px;flex-basis:48px}.site-header .brand-copy strong{font-size:19px}.site-header .brand-copy small{font-size:8px;letter-spacing:.434em}.site-header .main-nav{gap:20px}.site-header .header-cta{margin-left:18px}}
@media(max-width:620px){.site-header{gap:14px}.site-header .brand{gap:7px}.site-header .brand-copy small{margin-top:4px}.site-header .brand-logo{width:43px;height:43px;flex-basis:43px}.site-header .brand-copy strong{font-size:18px}.site-header .brand-copy small{font-size:7px;letter-spacing:.512em}.site-header .menu-toggle{margin-left:auto}.site-footer .brand-logo{width:50px;height:50px;flex-basis:50px}}
.site-header .menu-toggle{display:none;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(108,224,255,.34);border-radius:6px;background:rgba(28,83,139,.22);cursor:pointer}
@media(max-width:620px){.site-header .menu-toggle{display:grid}}
.site-header .menu-toggle span{width:17px;height:2px;margin:2px 0;background:#dff9ff;box-shadow:0 0 8px rgba(102,226,255,.5)}
.site-header .menu-toggle[aria-expanded="true"]{border-color:rgba(140,234,255,.7);background:rgba(40,120,178,.34)}
body.hero-at-top .hero{background:transparent}

/* Shared deep-space environment for the home continuation and all section pages. */
.ambient-space,.subpage-body{position:relative;min-height:100%;background:#020617;color:#eafaff;overflow-x:hidden}
.page-space-canvas{position:fixed;z-index:0;inset:0;width:100%;height:100%;pointer-events:none}
.cosmic-page-backdrop{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 16% 20%,rgba(29,96,178,.16),transparent 38%),radial-gradient(ellipse at 82% 68%,rgba(83,46,160,.12),transparent 42%),linear-gradient(180deg,rgba(2,6,23,.2),rgba(3,8,28,.38))}
.cosmic-page-backdrop::before{content:"";position:absolute;inset:-20%;background-image:linear-gradient(rgba(87,204,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(87,204,255,.025) 1px,transparent 1px);background-size:64px 64px;transform:perspective(720px) rotateX(66deg) translateY(24%);transform-origin:center bottom;opacity:.7}
.cosmic-page-backdrop::after{content:"";position:absolute;left:-12%;right:-12%;top:38%;height:18%;background:linear-gradient(100deg,transparent 4%,rgba(49,142,220,.13) 35%,rgba(113,88,211,.11) 55%,transparent 88%);filter:blur(48px);transform:rotate(-7deg)}
.page-meteor-shower{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity .8s ease}.page-meteor-shower.is-visible{opacity:1}
.ambient-space>main,.subpage-body>main,.ambient-space>.site-footer,.subpage-body>.site-footer{position:relative;z-index:1}
.subpage-body .site-header{z-index:20;background:rgba(3,9,28,.72)}
/* 滚动后半透明页眉升级为实底：内容从下方穿过时不再干扰导航识别。 */
.subpage-body .site-header.is-scrolled,
.ambient-space .site-header.is-scrolled{
  background:linear-gradient(100deg,rgba(7,29,66,.97) 0%,rgba(9,36,76,.96) 48%,rgba(24,21,66,.97) 100%);
  border-bottom-color:rgba(122,228,255,.34);
  box-shadow:0 14px 34px rgba(0,8,30,.4);
}
.ambient-space .site-header{
  background:linear-gradient(100deg,rgba(9,40,88,.96) 0%,rgba(13,51,103,.92) 48%,rgba(37,29,92,.95) 100%);
  border-bottom-color:rgba(122,228,255,.48);
  box-shadow:0 12px 38px rgba(0,8,30,.34),inset 0 -1px 0 rgba(142,116,255,.18);
}
.ambient-space .site-header .main-nav a{color:#e6f5ff;font-size:14px;font-weight:500;text-shadow:0 1px 12px rgba(0,0,0,.24)}
.ambient-space .site-header .main-nav a:hover{color:#74edff;text-shadow:0 0 14px rgba(83,224,255,.7)}
.ambient-space .site-header .main-nav a[aria-current="page"]{color:#7ceeff;text-shadow:0 0 16px rgba(72,221,255,.72)}
.ambient-space .site-header .header-cta{color:#f5fdff;font-size:14px;border-color:rgba(140,234,255,.66);background:linear-gradient(135deg,rgba(33,116,173,.56),rgba(83,56,157,.46));box-shadow:inset 0 0 22px rgba(87,211,255,.18),0 0 20px rgba(67,171,235,.2)}
.ambient-space .site-header .header-cta:hover{background:linear-gradient(135deg,rgba(39,142,196,.62),rgba(100,71,180,.52));border-color:rgba(157,241,255,.9)}
.main-nav a[aria-current="page"]{position:relative;color:#8af1ff;font-weight:600;text-shadow:0 0 14px rgba(64,218,255,.6)}
.main-nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#66e7ff,transparent);box-shadow:0 0 9px rgba(79,222,255,.65)}
.header-cta.is-current{border-color:rgba(105,228,255,.62);color:#eefdff;box-shadow:inset 0 0 22px rgba(77,195,255,.13),0 0 18px rgba(55,185,235,.12)}
.ambient-space .ticker{position:relative;z-index:2;background:rgba(4,12,33,.68);backdrop-filter:blur(10px)}
.trade-data-section{position:relative;z-index:1;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:112px clamp(40px,7vw,112px) 88px;isolation:isolate;background:linear-gradient(180deg,rgba(2,6,23,.1),rgba(1,4,18,.44) 46%,rgba(2,7,24,.58));border-bottom:1px solid rgba(92,196,242,.14)}
.trade-data-section::before{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(ellipse at 50% 42%,rgba(36,74,181,.2),transparent 46%),radial-gradient(ellipse at 18% 75%,rgba(26,157,215,.1),transparent 36%),linear-gradient(90deg,rgba(2,6,23,.36),transparent 24%,transparent 76%,rgba(2,6,23,.36));pointer-events:none}
.trade-data-glow{position:absolute;z-index:1;left:12%;right:12%;top:35%;height:42%;border-radius:50%;background:radial-gradient(ellipse,rgba(16,103,255,.18),rgba(16,207,240,.05) 43%,transparent 72%);filter:blur(36px);opacity:.75;pointer-events:none}
.trade-wave-canvas{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none}
.trade-data-content{position:relative;z-index:2;width:min(1320px,100%);margin:0 auto;text-align:center}
.trade-data-eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 22px;color:#6fcbe9;font:500 10px/1 "DM Mono",monospace;letter-spacing:.18em}
.trade-data-eyebrow span{width:7px;height:7px;border-radius:50%;background:#72edff;box-shadow:0 0 8px #72edff,0 0 18px rgba(70,211,255,.55)}
.trade-data-content h2{margin:0;color:#f2fbff;font-size:44px;font-weight:500;line-height:1.1;letter-spacing:0;text-shadow:0 0 24px rgba(85,210,255,.15)}
.trade-counter-shell{position:relative;display:flex;align-items:center;justify-content:center;min-height:180px;margin:20px auto 0;overflow:hidden}
.trade-live-number{position:relative;z-index:1;display:block;color:#f8fcff;font:500 128px/.92 "Manrope","Noto Sans SC",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap;text-shadow:0 0 18px rgba(104,217,255,.18),0 0 50px rgba(56,92,255,.12)}
.trade-counter-shell>i{position:absolute;z-index:2;left:0;right:0;top:50%;height:24px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgba(2,6,23,.5) 16%,rgba(2,6,23,.78) 50%,rgba(2,6,23,.5) 84%,transparent);box-shadow:0 -1px rgba(100,217,255,.035),0 1px rgba(100,217,255,.025);pointer-events:none}
.trade-live-meta{display:flex;align-items:center;justify-content:center;gap:14px;margin:17px 0 0;color:#dceefa;font-size:22px;font-weight:500;letter-spacing:0}
.trade-live-meta time{display:inline-flex;align-items:center;color:#f4fbff;font:500 26px/1 "DM Mono",monospace;font-variant-numeric:tabular-nums}
.trade-flip-clock{display:inline-flex;align-items:center;gap:3px}
.trade-flip-digit{position:relative;width:28px;height:40px;overflow:hidden;border:1px solid rgba(112,219,255,.18);border-radius:2px;background:linear-gradient(180deg,rgba(15,45,79,.86),rgba(6,20,47,.88));box-shadow:inset 0 1px rgba(214,249,255,.08),0 0 15px rgba(45,188,242,.08);perspective:180px}
.trade-flip-digit::after{content:"";position:absolute;z-index:3;left:0;right:0;top:50%;height:1px;background:rgba(2,7,22,.76);box-shadow:0 1px rgba(117,218,255,.08)}
.trade-flip-face{position:absolute;inset:0;display:grid;place-items:center;color:#f5fcff;backface-visibility:hidden;transform-style:preserve-3d;text-shadow:0 0 9px rgba(109,225,255,.35)}
.trade-flip-next{opacity:0;transform:rotateX(88deg);transform-origin:center top}
.trade-flip-digit.is-flipping .trade-flip-current{animation:trade-clock-fold-out .48s cubic-bezier(.55,.08,.68,.53) both;transform-origin:center bottom}
.trade-flip-digit.is-flipping .trade-flip-next{animation:trade-clock-fold-in .48s cubic-bezier(.22,.62,.34,1) both}
.trade-flip-separator{display:inline-grid;place-items:center;width:9px;height:40px;color:#73e8ff;font-size:23px;text-shadow:0 0 8px rgba(80,223,255,.7)}
.trade-live-meta>span{color:#79d3ee;font-size:15px;font-weight:600}
.trade-live-meta b{width:4px;height:4px;border-radius:50%;background:#6ee9ff;box-shadow:0 0 8px #6ee9ff}
.trade-data-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:min(1120px,100%);margin:104px auto 0}
.trade-data-stats div{position:relative;display:flex;min-height:112px;flex-direction:column;justify-content:center;padding:18px 28px}
.trade-data-stats div+div::before{content:"";position:absolute;left:0;top:27%;bottom:27%;width:1px;background:linear-gradient(transparent,rgba(91,205,245,.25),transparent)}
.trade-data-stats strong{color:#f5fbff;font-size:42px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(62,201,255,.14)}
.trade-data-stats span{margin-top:12px;color:#a9bfd1;font-size:15px}
@media(max-width:1200px){.trade-live-number{font-size:96px}.trade-counter-shell{min-height:145px}.trade-data-stats{margin-top:84px}}
@media(max-width:900px){.trade-data-section{min-height:860px;padding:94px 32px 76px}.trade-data-content h2{font-size:38px}.trade-live-number{font-size:72px}.trade-counter-shell{min-height:118px}.trade-live-meta{font-size:15px}.trade-data-stats{grid-template-columns:repeat(2,minmax(0,1fr));max-width:650px;margin-top:72px}.trade-data-stats div:nth-child(3)::before{display:none}}
@media(max-width:620px){.trade-data-section{min-height:760px;padding:82px 20px 64px}.trade-data-content h2{font-size:30px}.trade-data-eyebrow{font-size:8px}.trade-counter-shell{min-height:82px;margin-top:15px}.trade-live-number{font-size:42px}.trade-counter-shell>i{height:12px}.trade-live-meta{flex-wrap:wrap;gap:8px;max-width:350px;margin:12px auto 0;font-size:13px}.trade-live-meta time{font-size:16px}.trade-flip-clock{gap:2px}.trade-flip-digit{width:18px;height:28px}.trade-flip-separator{width:5px;height:28px;font-size:15px}.trade-live-meta>span{font-size:11px}.trade-data-stats{margin-top:54px}.trade-data-stats div{min-height:100px;padding:14px 8px}.trade-data-stats strong{font-size:30px}.trade-data-stats span{font-size:11px}.trade-data-stats div+div::before{top:20%;bottom:20%}}
@keyframes trade-clock-fold-out{0%{opacity:1;transform:rotateX(0)}100%{opacity:.14;transform:rotateX(-88deg)}}
@keyframes trade-clock-fold-in{0%{opacity:.12;transform:rotateX(88deg)}100%{opacity:1;transform:rotateX(0)}}
@media(prefers-reduced-motion:reduce){.trade-data-glow{filter:none}.trade-flip-digit.is-flipping .trade-flip-face{animation:none!important}}
.product-universe{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:82px clamp(40px,7vw,112px) 58px;border-bottom:1px solid rgba(92,196,242,.14);background:linear-gradient(180deg,rgba(2,7,24,.58),rgba(4,11,31,.46) 56%,rgba(2,6,23,.62));isolation:isolate}
.product-universe::before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 14% 24%,rgba(45,135,221,.15),transparent 31%),radial-gradient(circle at 88% 72%,rgba(111,72,210,.12),transparent 34%)}
.product-universe::after{content:"";position:absolute;z-index:-1;left:-8%;right:-8%;bottom:-20%;height:66%;background-image:linear-gradient(rgba(84,196,239,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(84,196,239,.045) 1px,transparent 1px);background-size:52px 52px;transform:perspective(700px) rotateX(62deg);transform-origin:center bottom;mask-image:linear-gradient(transparent,black 38%);pointer-events:none}
.product-universe-head{width:min(1320px,100%);margin:0 auto 30px}
.product-universe-head>div{min-width:0}.product-universe-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:#6fcbe9;font:500 10px/1 "DM Mono",monospace;letter-spacing:.18em}.product-universe-eyebrow span{width:7px;height:7px;border-radius:50%;background:#72edff;box-shadow:0 0 8px #72edff,0 0 18px rgba(70,211,255,.55)}
.product-universe h2{margin:0;color:#f3fbff;font-size:54px;font-weight:600;line-height:1.08;letter-spacing:0;text-shadow:0 0 26px rgba(69,196,244,.15)}
.product-category-tabs{display:flex;width:min(1320px,100%);margin:0 auto 24px;overflow-x:auto;border-bottom:1px solid rgba(92,196,242,.16);scrollbar-width:none}.product-category-tabs::-webkit-scrollbar{display:none}
.product-category-tabs button{position:relative;min-width:138px;height:54px;padding:0 22px;border:0;background:transparent;color:#809bad;font-size:14px;white-space:nowrap;cursor:pointer;transition:color .22s,background .22s}.product-category-tabs button:hover{color:#dff9ff}.product-category-tabs button[aria-selected="true"]{color:#effcff;background:linear-gradient(180deg,rgba(48,154,214,.12),transparent)}.product-category-tabs button[aria-selected="true"]::after{content:"";position:absolute;left:22px;right:22px;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,#69e7ff,transparent);box-shadow:0 0 12px rgba(71,219,255,.6)}
.product-catalog{width:min(1320px,100%);margin:0 auto;outline:none}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-height:330px;will-change:opacity,transform;transition:opacity .3s ease,transform .3s cubic-bezier(.22,.72,.24,1)}.product-grid.is-leaving-left{opacity:0;transform:translateX(-42px)}.product-grid.is-entering-right{opacity:0;transform:translateX(42px);transition:none}
.product-item{position:relative;display:flex;min-height:156px;align-items:center;gap:20px;padding:24px;border:1px solid rgba(95,198,236,.14);border-radius:6px;background:linear-gradient(145deg,rgba(12,31,65,.64),rgba(7,20,48,.5));backdrop-filter:blur(12px);overflow:hidden;transition:transform .24s,border-color .24s,background .24s}.product-item::after{content:"";position:absolute;right:-36px;bottom:-42px;width:110px;height:110px;border:1px solid rgba(96,212,250,.08);border-radius:50%}.product-item:hover{transform:translateY(-4px);border-color:rgba(94,221,255,.38);background:linear-gradient(145deg,rgba(15,42,84,.72),rgba(11,27,61,.58))}
.product-logo-crop{position:relative;flex:0 0 70px;width:70px;height:70px;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.22),0 0 18px rgba(63,187,242,.08)}
.product-logo-crop img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;pointer-events:none}
.product-item-copy{position:relative;z-index:1;min-width:0}.product-item-copy strong{display:block;color:#f0faff;font-size:19px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-item-copy small{display:block;margin-top:9px;color:#6e93aa;font:500 10px/1.4 "DM Mono",monospace;letter-spacing:.08em}.product-item-copy i{display:block;width:24px;height:1px;margin-top:14px;background:linear-gradient(90deg,#62e6ff,transparent);box-shadow:0 0 7px rgba(72,218,255,.4)}
.product-catalog-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px;color:#7897aa;font:500 12px/1.5 "Noto Sans SC",sans-serif;letter-spacing:0}.product-catalog-foot b{margin-right:1px;color:#75e5fa;font-size:15px;font-weight:700}.product-catalog-contact{color:#c5eaf5;font-size:13px}
.product-delivery-system{position:relative;display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:center;gap:48px;width:min(1320px,100%);margin:0 auto 44px;padding:28px 0 34px;border-top:1px solid rgba(94,204,242,.16);border-bottom:1px solid rgba(94,204,242,.16)}
.product-delivery-heading{position:relative;padding-left:20px;text-align:left}.product-delivery-heading::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:2px;background:linear-gradient(180deg,#75eaff,rgba(104,129,238,.28));box-shadow:0 0 12px rgba(85,221,255,.35)}.product-delivery-heading>span{color:#6ccfe9;font:500 9px/1 "DM Mono",monospace;letter-spacing:.16em}.product-delivery-heading h3{margin:11px 0 0;color:#edfaff;font-size:30px;font-weight:600}.product-delivery-heading p{max-width:250px;margin:10px 0 0;color:#728fa3;font-size:12px;line-height:1.65}
.product-delivery-options{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.product-delivery-options::before{content:"";position:absolute;left:-48px;top:50%;width:48px;height:1px;background:linear-gradient(90deg,rgba(104,224,255,.08),rgba(104,224,255,.42))}.product-delivery-options::after{content:"";position:absolute;left:-5px;top:calc(50% - 4px);width:8px;height:8px;border:1px solid rgba(112,228,255,.62);border-radius:50%;background:#07152f;box-shadow:0 0 10px rgba(75,214,255,.35)}
.product-delivery-options article{position:relative;display:grid;grid-template-columns:38px 112px 1fr;align-items:center;min-height:108px;padding:21px 22px;border:1px solid rgba(94,204,242,.15);border-radius:6px;background:linear-gradient(145deg,rgba(12,35,70,.48),rgba(8,23,54,.24));transition:border-color .24s,background .24s,transform .24s}.product-delivery-options article:hover{transform:translateY(-3px);border-color:rgba(94,221,255,.32);background:linear-gradient(145deg,rgba(15,42,82,.62),rgba(9,25,58,.34))}.product-delivery-options span{color:#6ccfe9;font:500 9px/1 "DM Mono",monospace;letter-spacing:.12em}.product-delivery-options strong{color:#edfaff;font-size:19px;font-weight:600}.product-delivery-options small{color:#7894a8;font-size:11px;line-height:1.55}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-universe{padding-left:32px;padding-right:32px}.product-item{min-height:150px;padding:20px}.product-logo-crop{flex-basis:62px;width:62px;height:62px}.product-delivery-system{grid-template-columns:1fr;gap:24px}.product-delivery-heading p{max-width:none}.product-delivery-options::before,.product-delivery-options::after{display:none}}
@media(max-width:760px){.product-universe{min-height:auto;padding:78px 20px 64px}.product-universe-head{display:block;margin-bottom:30px}.product-universe h2{font-size:39px}.product-category-tabs{margin-bottom:22px}.product-category-tabs button{min-width:108px;height:48px;padding:0 15px;font-size:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0}.product-item{min-height:132px;display:block;padding:16px}.product-logo-crop{width:52px;height:52px;flex-basis:52px}.product-item-copy{margin-top:13px}.product-item-copy strong{font-size:15px}.product-item-copy small{margin-top:6px;font-size:8px}.product-item-copy i{display:none}.product-catalog-foot{display:block;line-height:1.6}.product-catalog-contact{display:block;margin-top:15px}.product-delivery-system{gap:22px;margin:0 auto 38px;padding:24px 0 30px}.product-delivery-heading{padding-left:16px}.product-delivery-heading h3{font-size:26px}.product-delivery-options{grid-template-columns:1fr;gap:9px}.product-delivery-options article{grid-template-columns:34px 96px 1fr;min-height:84px;padding:17px 16px}.product-delivery-options strong{font-size:16px}.product-delivery-options small{font-size:10px}}
.partners-universe{position:relative;z-index:1;overflow:hidden;padding:78px 0 94px;border-bottom:1px solid rgba(92,196,242,.14);background:linear-gradient(180deg,rgba(2,6,23,.58),rgba(5,12,34,.5) 46%,rgba(2,7,24,.64));isolation:isolate}.partners-universe::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 18% 18%,rgba(43,153,221,.12),transparent 30%),radial-gradient(circle at 84% 78%,rgba(105,74,205,.1),transparent 32%);pointer-events:none}
.partners-universe-head{position:relative;display:grid;min-height:126px;place-items:center;width:min(1320px,calc(100% - clamp(40px,14vw,224px)));margin:0 auto 38px;text-align:center}.partners-universe-word{position:absolute;left:50%;top:-6px;transform:translateX(-50%);color:rgba(158,188,211,.09);font:400 88px/1 Georgia,"Times New Roman",serif;letter-spacing:.08em;white-space:nowrap;pointer-events:none}.partners-universe h2{position:relative;margin:20px 0 0;color:#f3fbff;font-size:46px;font-weight:600;line-height:1.08;letter-spacing:0;text-shadow:0 0 26px rgba(69,196,244,.18)}.partners-universe-head p{position:relative;margin:12px 0 0;color:#7694a8;font-size:13px;line-height:1.6}.partners-universe-head::after{content:"";position:absolute;bottom:0;width:52px;height:1px;background:linear-gradient(90deg,transparent,#70e8ff,transparent);box-shadow:0 0 10px rgba(74,219,255,.42)}
.partner-marquees{position:relative;display:grid;gap:12px;padding:0 clamp(42px,5vw,84px)}.partner-row{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38px,#000 calc(100% - 38px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 38px,#000 calc(100% - 38px),transparent 100%)}.partner-track{display:flex;width:max-content;animation-duration:50s;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}.partner-row:nth-child(2) .partner-track{animation-duration:56s}.partner-row:nth-child(3) .partner-track{animation-duration:53s}.partner-row:nth-child(4) .partner-track{animation-duration:59s}.partner-row.is-left .partner-track{animation-name:partner-scroll-left}.partner-row.is-right .partner-track{animation-name:partner-scroll-right}.partner-row:hover .partner-track{animation-play-state:paused}.partner-sequence{display:flex;gap:12px;padding-right:12px}
.partner-card{position:relative;display:block;flex:0 0 180px;width:180px;height:88px;overflow:hidden;border:1px solid rgba(144,214,240,.14);border-radius:4px;background:#fff;box-shadow:0 9px 28px rgba(0,0,0,.15);transition:transform .24s,border-color .24s,filter .24s;filter:saturate(.9) brightness(.96)}.partner-card:hover{z-index:1;transform:translateY(-3px);border-color:rgba(101,226,255,.5);filter:saturate(1) brightness(1.02)}.partner-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;pointer-events:none}
@keyframes partner-scroll-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes partner-scroll-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:760px){.partners-universe{padding:62px 0 72px}.partners-universe-head{min-height:112px;width:calc(100% - 40px);margin-bottom:30px}.partners-universe-word{top:2px;font-size:54px}.partners-universe h2{margin-top:18px;font-size:36px}.partners-universe-head p{margin-top:9px;font-size:11px}.partner-marquees{gap:9px;padding:0 16px}.partner-row{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}.partner-card{flex-basis:142px;width:142px;height:70px}.partner-sequence{gap:9px;padding-right:9px}.partner-track{animation-duration:42s}.partner-row:nth-child(2) .partner-track{animation-duration:47s}.partner-row:nth-child(3) .partner-track{animation-duration:44s}.partner-row:nth-child(4) .partner-track{animation-duration:49s}}
@media(prefers-reduced-motion:reduce){.partner-track{animation:none!important;transform:none!important}.partner-row{overflow-x:auto;scrollbar-width:none}.partner-row::-webkit-scrollbar{display:none}}
.ambient-space .contact{background:linear-gradient(180deg,rgba(4,12,32,.38),rgba(4,11,30,.48));backdrop-filter:blur(3px)}
.ambient-space .contact .button-primary{border:1px solid rgba(98,220,255,.32);background:linear-gradient(135deg,#0875a9,#293f91);box-shadow:0 0 24px rgba(35,159,221,.14)}
.ambient-space .contact .button-primary:hover{background:linear-gradient(135deg,#0987bc,#334ea7)}

/* Independent cosmic section pages. */
.cosmic-subpage{position:relative;z-index:1}
.page-hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);align-items:center;gap:clamp(48px,8vw,130px);padding:clamp(100px,12vh,150px) clamp(24px,8vw,128px);overflow:hidden;border-bottom:1px solid rgba(100,205,246,.13)}
.page-hero-copy{max-width:760px}
.page-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 30px;font-family:"DM Mono",monospace;font-size:12px;letter-spacing:.1em;color:#78bdd7}
.page-eyebrow span{width:9px;height:9px;border-radius:50%;background:#65e8ff;box-shadow:0 0 8px #56ddff,0 0 20px rgba(64,201,255,.5)}
.page-hero h1{margin:0;font-size:clamp(50px,4.7vw,76px);font-weight:800;line-height:1.08;letter-spacing:0;color:#f4fbff;text-shadow:0 0 28px rgba(67,196,255,.14)}
.page-hero h1 em{font-style:normal;color:#77dff4}
.page-hero-copy>p:not(.page-eyebrow){max-width:620px;margin:30px 0 36px;color:#95aec2;font-size:clamp(15px,1.3vw,19px);line-height:1.9}
.page-orbit-art{position:relative;width:min(100%,500px);aspect-ratio:1;justify-self:center;display:grid;place-items:center;border:1px solid rgba(105,215,255,.18);border-radius:50%;box-shadow:inset 0 0 80px rgba(34,112,189,.08),0 0 80px rgba(32,104,184,.08);animation:page-orbit-float 8s ease-in-out infinite}
.page-orbit-art::before,.page-orbit-art::after,.page-orbit-art i{content:"";position:absolute;border:1px solid rgba(101,216,255,.2);border-radius:50%}
.page-orbit-art::before{inset:12%;transform:rotateX(68deg)}
.page-orbit-art::after{inset:26%;border-color:rgba(164,132,255,.25);box-shadow:0 0 34px rgba(118,97,232,.12)}
.page-orbit-art i:nth-child(1){inset:-8% 8%;transform:rotate(38deg)}
.page-orbit-art i:nth-child(2){inset:8% -8%;transform:rotate(-28deg);border-color:rgba(136,113,242,.2)}
.page-orbit-art i:nth-child(3){inset:20%;border-style:dashed;animation:orbit-spin 18s linear infinite}
.page-orbit-art strong{position:relative;z-index:1;font:700 clamp(70px,8vw,122px)/1 "Manrope",sans-serif;color:transparent;-webkit-text-stroke:1px rgba(128,229,255,.72);text-shadow:0 0 30px rgba(82,205,245,.26)}
.page-orbit-art small{position:absolute;bottom:20%;font:500 10px/1 "DM Mono",monospace;letter-spacing:.2em;color:#789bb7}
.cosmic-content-section{position:relative;padding:clamp(100px,12vw,180px) clamp(24px,8vw,128px);border-bottom:1px solid rgba(100,205,246,.12);background:linear-gradient(180deg,rgba(3,9,28,.22),rgba(4,13,36,.4),rgba(3,9,28,.18))}
.subpage-body .section-heading h2,.subpage-body .intro h2,.subpage-body .intro-grid h2,.subpage-body .capability-copy h2{color:#eefaff;letter-spacing:0}
.subpage-body .section-heading>p{color:#91a9bd}
.depth-list{display:grid;gap:18px}
.depth-card{position:relative;display:grid;grid-template-columns:90px 1fr 34px;gap:30px;align-items:start;min-height:250px;padding:42px clamp(28px,4vw,60px);overflow:hidden;border:1px solid rgba(110,207,245,.17);border-radius:6px;background:linear-gradient(110deg,rgba(11,31,67,.7),rgba(8,20,49,.4));backdrop-filter:blur(14px);transition:transform .3s,border-color .3s,box-shadow .3s}
.depth-card::after{content:"";position:absolute;right:-8%;top:-70%;width:38%;aspect-ratio:1;border:1px solid rgba(106,218,255,.13);border-radius:50%;box-shadow:0 0 55px rgba(59,180,238,.08)}
.depth-card:hover{transform:translateY(-4px);border-color:rgba(105,225,255,.38);box-shadow:0 20px 55px rgba(0,0,0,.2)}
.depth-number{font:500 12px/1 "DM Mono",monospace;color:#9c89ef;padding-top:9px}
.depth-label{font:500 10px/1 "DM Mono",monospace;letter-spacing:.12em;color:#6aa8c4}
.depth-card h3{margin:13px 0 12px;font-size:clamp(29px,3vw,42px);font-weight:700}
.depth-card p{max-width:760px;margin:0 0 24px;color:#91a9bc;line-height:1.8}
.depth-card>b{font-size:26px;color:#6ce3f8;font-weight:400}
.capability-page{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(360px,1fr);gap:clamp(60px,9vw,150px);align-items:center}
.subpage-body .capability-art{border-radius:6px;background:rgba(6,18,44,.6);backdrop-filter:blur(10px)}
.cosmic-matrix,.about-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cosmic-matrix article,.about-values article{min-height:230px;padding:30px 26px;border-top:1px solid rgba(100,219,255,.38);background:rgba(9,26,58,.42);backdrop-filter:blur(12px)}
.cosmic-matrix span,.about-values span{font:500 11px/1 "DM Mono",monospace;color:#9c88ef}
.cosmic-matrix h3,.about-values h3{margin:54px 0 14px;font-size:26px}
.cosmic-matrix p,.about-values p{margin:0;color:#8fa7ba;font-size:14px;line-height:1.75}
.cooperation-matrix{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cooperation-matrix article{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 176px;align-items:center;min-height:292px;padding:34px 28px 32px 34px;overflow:hidden;border:1px solid rgba(104,209,242,.18);border-top-color:rgba(105,222,247,.58);border-radius:6px;background:linear-gradient(135deg,rgba(11,35,73,.82),rgba(7,18,47,.56));box-shadow:inset 0 1px 0 rgba(190,239,255,.05),0 24px 58px rgba(0,0,0,.14);transition:transform .32s ease,border-color .32s ease,background .32s ease}
.cooperation-matrix article:nth-child(2){border-top-color:rgba(153,132,246,.68);background:linear-gradient(135deg,rgba(22,28,77,.8),rgba(10,18,50,.56))}
.cooperation-matrix article:hover{transform:translateY(-6px);border-color:rgba(105,222,247,.42);background:linear-gradient(135deg,rgba(15,47,91,.88),rgba(8,21,53,.66))}
.cooperation-matrix article:nth-child(2):hover{border-color:rgba(155,138,247,.45);background:linear-gradient(135deg,rgba(31,37,92,.88),rgba(12,21,57,.66))}
.cooperation-matrix article::before{content:"";position:absolute;right:-70px;top:-80px;width:260px;height:260px;border:1px solid rgba(102,213,243,.1);border-radius:50%;box-shadow:0 0 80px rgba(53,175,227,.08);pointer-events:none}
.cooperation-matrix article:nth-child(2)::before{border-color:rgba(152,132,246,.12);box-shadow:0 0 80px rgba(125,91,228,.09)}
.cooperation-matrix .purchase-copy{position:relative;z-index:2;align-self:stretch;display:flex;flex-direction:column}
.cooperation-matrix .purchase-copy span{color:#80d9ed;letter-spacing:.12em}
.cooperation-matrix article:nth-child(2) .purchase-copy span{color:#aa96f3}
.cooperation-matrix h3{margin:58px 0 14px;font-size:clamp(30px,2.5vw,38px)}
.cooperation-matrix p{max-width:360px;margin:0;color:#9ab3c6;font-size:13px;line-height:1.8}
.cooperation-matrix small{display:block;margin-top:auto;padding-top:24px;color:#6f9eb5;font:500 10px/1 "DM Mono",monospace;letter-spacing:.05em}
.purchase-visual{position:relative;z-index:1;width:160px;height:190px;justify-self:end}
.direct-visual{display:grid;place-items:center}
.direct-visual::before,.direct-visual::after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(97,218,248,.28);border-radius:50%;transform:translate(-50%,-50%)}
.direct-visual::before{width:126px;height:126px;box-shadow:0 0 30px rgba(66,190,235,.12),inset 0 0 28px rgba(61,182,230,.06)}
.direct-visual::after{width:82px;height:82px;border-color:rgba(132,230,250,.48);box-shadow:0 0 24px rgba(64,206,244,.2)}
.direct-visual b{position:relative;z-index:2;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(151,235,253,.55);border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(107,226,249,.3),rgba(18,76,121,.72) 62%,rgba(6,20,49,.95));color:#dffaff;font:600 15px/1 "DM Mono",monospace;box-shadow:0 0 28px rgba(70,207,244,.22)}
.direct-visual i{position:absolute;width:12px;height:12px;border:1px solid rgba(128,228,250,.65);border-radius:50%;background:#0a3156;box-shadow:0 0 13px rgba(72,210,246,.34)}
.direct-visual i:nth-of-type(1){left:11px;top:38px}.direct-visual i:nth-of-type(2){right:8px;top:48px}.direct-visual i:nth-of-type(3){left:26px;bottom:18px}.direct-visual i:nth-of-type(4){right:24px;bottom:14px}
.direct-visual i::after{content:"";position:absolute;left:50%;top:50%;width:56px;height:1px;background:linear-gradient(90deg,rgba(105,220,246,.52),transparent);transform-origin:left center;transform:rotate(var(--line-angle,20deg))}
.direct-visual i:nth-of-type(2)::after{--line-angle:150deg}.direct-visual i:nth-of-type(3)::after{--line-angle:-42deg}.direct-visual i:nth-of-type(4)::after{--line-angle:-132deg}
.code-visual{perspective:500px}
.code-ticket{position:absolute;z-index:2;right:5px;top:35px;width:142px;height:96px;padding:20px 16px;border:1px solid rgba(178,161,253,.52);border-radius:6px;background:linear-gradient(145deg,rgba(78,71,164,.7),rgba(23,28,83,.88));transform:rotateY(-12deg) rotateZ(-4deg);box-shadow:0 20px 40px rgba(0,0,0,.26),0 0 26px rgba(129,98,236,.14)}
.code-ticket::before,.code-ticket::after{content:"";position:absolute;top:50%;width:12px;height:22px;background:#0c1538;border:1px solid rgba(170,151,247,.36);border-radius:50%;transform:translateY(-50%)}
.code-ticket::before{left:-7px}.code-ticket::after{right:-7px}
.code-ticket>span{display:block;color:#bdb1fb;font:500 7px/1 "DM Mono",monospace;letter-spacing:.12em}
.code-ticket b{display:block;margin-top:15px;color:#f0edff;font:600 10px/1 "DM Mono",monospace;letter-spacing:.075em;text-shadow:0 0 10px rgba(177,156,255,.22);white-space:nowrap}
.code-ticket>small{display:block;margin-top:12px;padding-top:8px;border-top:1px dashed rgba(194,181,255,.24);color:#9fd8ec;font:500 6px/1 "DM Mono",monospace;letter-spacing:.08em}
.code-ticket.rear{z-index:1;right:22px;top:57px;border-color:rgba(91,202,240,.3);background:linear-gradient(145deg,rgba(25,89,131,.42),rgba(12,25,62,.8));transform:rotateY(-12deg) rotateZ(7deg);opacity:.62}
.code-ticket.rear b{font-size:10px;color:#9edff1}
@media(max-width:1080px){.cooperation-matrix article{grid-template-columns:minmax(0,1fr) 138px}.purchase-visual{width:132px;transform:scale(.88);transform-origin:right center}}
@media(max-width:620px){.cooperation-matrix article{display:block;min-height:310px;padding:28px 24px}.cooperation-matrix .purchase-copy{min-height:252px}.cooperation-matrix h3{margin-top:46px}.cooperation-matrix p{position:relative;z-index:2;max-width:235px}.cooperation-matrix small{max-width:210px}.purchase-visual{position:absolute;z-index:0;right:8px;top:34px;width:126px;opacity:.55;transform:scale(.74);transform-origin:right top}.code-visual{right:3px;top:42px}}
.about-values.history-values{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:14px}
.history-values article{position:relative;min-height:300px;transition:transform .28s ease,border-color .28s ease,background .28s ease}
.history-values article:nth-child(1){margin-top:132px}
.history-values article:nth-child(2){margin-top:88px}
.history-values article:nth-child(3){margin-top:44px}
.history-values article:nth-child(4){margin-top:0}
.history-values article:hover{transform:translateY(-8px);border-color:rgba(100,219,255,.72);background:rgba(11,34,72,.58)}
.history-values h3{margin-top:52px}
.about-story .intro-body{max-width:540px}.about-story .intro-body p+p{margin-top:18px}
.about-values{grid-template-columns:repeat(3,minmax(0,1fr))}.about-values article{min-height:290px}.about-values h3{margin-top:90px}
.about-signal{position:relative;min-height:580px;display:grid;align-content:center;padding:clamp(100px,12vw,180px) clamp(24px,8vw,128px);overflow:hidden;border-bottom:1px solid rgba(100,205,246,.12)}
.about-signal::after{content:"";position:absolute;right:7%;top:50%;width:min(40vw,520px);aspect-ratio:1;border:1px solid rgba(100,218,255,.2);border-radius:50%;transform:translateY(-50%);box-shadow:inset 0 0 70px rgba(69,170,228,.1),0 0 70px rgba(69,170,228,.08)}
.about-signal>span{font:500 11px/1 "DM Mono",monospace;letter-spacing:.2em;color:#7bb4cb}
.about-signal h2{max-width:720px;margin:28px 0 50px;font-size:clamp(38px,4.8vw,70px);line-height:1.15;letter-spacing:0}
.about-signal>div{display:flex;align-items:flex-end;gap:12px}.about-signal strong{font-size:48px;color:#6fe3f7}.about-signal small{padding-bottom:9px;color:#7d98ae;letter-spacing:.15em}
.cosmic-cta{position:relative;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 24px;background:radial-gradient(circle at 50% 50%,rgba(31,107,188,.2),transparent 46%)}
.cosmic-cta p{margin:0 0 22px;font:500 11px/1 "DM Mono",monospace;letter-spacing:.16em;color:#79b6cf}
.cosmic-cta h2{max-width:820px;margin:0 0 38px;font-size:clamp(36px,4.4vw,64px);line-height:1.15;letter-spacing:0}
.contact-page{background:linear-gradient(180deg,rgba(3,10,29,.22),rgba(6,17,43,.48));backdrop-filter:none}
.contact-page .contact-form{justify-self:end;width:100%;background:rgba(9,26,58,.5);box-shadow:0 28px 70px rgba(0,0,0,.2)}
.contact-page .button-primary{border:1px solid rgba(98,220,255,.32);background:linear-gradient(135deg,#0875a9,#293f91);box-shadow:0 0 24px rgba(35,159,221,.14)}
.contact-page .button-primary:hover{background:linear-gradient(135deg,#0987bc,#334ea7)}
.contact-page .contact-info small{margin-top:8px;color:#68879e;font:500 10px/1.5 "DM Mono",monospace;letter-spacing:.08em}
.subpage-body .site-footer{background:rgba(2,6,23,.82);backdrop-filter:blur(16px)}
@keyframes page-orbit-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}
@keyframes orbit-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.page-hero{grid-template-columns:1fr;min-height:auto;padding-top:120px}.page-orbit-art{width:min(72vw,440px);margin:10px auto 20px}.capability-page{grid-template-columns:1fr}.cosmic-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.about-values.history-values{grid-template-columns:repeat(2,minmax(0,1fr))}.history-values article:nth-child(odd){margin-top:42px}.history-values article:nth-child(even){margin-top:0}}
@media(max-width:620px){.page-hero{padding:84px 20px 70px;gap:52px}.page-hero h1{font-size:40px}.page-hero-copy>p:not(.page-eyebrow){font-size:14px}.page-orbit-art{width:78vw}.cosmic-content-section{padding:86px 20px}.depth-card{grid-template-columns:36px 1fr;gap:15px;padding:28px 20px}.depth-card>b{display:none}.depth-card h3{font-size:28px}.cosmic-matrix,.about-values,.cooperation-matrix,.history-values,.case-study-grid,.about-values.history-values{grid-template-columns:1fr}.history-values article,.history-values article:nth-child(odd),.history-values article:nth-child(even){margin-top:0}.cosmic-matrix article,.about-values article,.case-study-grid article{min-height:190px}.case-study-grid .case-study-member{min-height:280px}.case-study-member::before{background-position:center;background-size:cover}.cosmic-matrix h3,.about-values h3,.history-values h3{margin-top:42px}.about-signal{min-height:520px;padding:90px 20px}.about-signal::after{right:-35%;width:100vw;opacity:.6}.cosmic-cta{min-height:440px}.subpage-body .footer-top{display:block}.subpage-body .footer-top p{margin:26px 0}}
@media(prefers-reduced-motion:reduce){.page-orbit-art,.page-orbit-art i{animation:none}}

/* The appointment CTA becomes the fifth navigation item on compact screens. */
.main-nav .mobile-contact-link{display:none}
@media(max-width:620px){.site-header .main-nav.nav-open .mobile-contact-link{display:block}}

/* Capabilities hero: centered editorial statement without the landmark visual. */
.subpage-body[data-page="capabilities"] .page-hero{grid-template-columns:1fr;place-items:center;gap:0;min-height:calc(100vh - 78px);padding:clamp(120px,15vh,180px) clamp(24px,10vw,170px);text-align:center}
.subpage-body[data-page="capabilities"] .page-hero-copy{display:flex;max-width:1080px;margin:0 auto;flex-direction:column;align-items:center}
.subpage-body[data-page="capabilities"] .page-eyebrow{justify-content:center;margin-bottom:36px;font-size:13px;letter-spacing:.14em}
.subpage-body[data-page="capabilities"] .page-eyebrow{font-size:0}
.subpage-body[data-page="capabilities"] .page-eyebrow::after{content:"SCENARIOS TO BENEFIT DELIVERY · TRUST IN EVERY LINK";font:500 12px/1 "DM Mono",monospace;letter-spacing:.11em;color:#78bdd7;white-space:nowrap}
.subpage-body[data-page="capabilities"] .page-hero h1{font-size:clamp(64px,6.2vw,96px);line-height:1.06;text-wrap:balance;text-shadow:0 0 38px rgba(67,196,255,.16)}
.subpage-body[data-page="capabilities"] .page-hero-copy>p:not(.page-eyebrow){max-width:760px;margin:36px auto 42px;font-size:clamp(17px,1.45vw,21px);line-height:1.95}
.subpage-body[data-page="capabilities"] .cosmic-button{margin-inline:auto}
@media(max-width:620px){.subpage-body[data-page="capabilities"] .page-hero{min-height:calc(100vh - 64px);padding:108px 22px 86px}.subpage-body[data-page="capabilities"] .page-eyebrow{margin-bottom:26px;font-size:0}.subpage-body[data-page="capabilities"] .page-eyebrow::after{font-size:10px;letter-spacing:.08em;white-space:normal}.subpage-body[data-page="capabilities"] .page-hero h1{font-size:clamp(42px,12vw,54px);line-height:1.12}.subpage-body[data-page="capabilities"] .page-hero-copy>p:not(.page-eyebrow){margin:28px auto 34px;font-size:15px;line-height:1.85}}

/* Business scenarios: a clear, premium four-card matrix without punctuation. */
.subpage-body[data-page="capabilities"] #solutions{padding-top:clamp(92px,10vw,150px);padding-bottom:clamp(110px,12vw,180px)}
.subpage-body[data-page="capabilities"] #solutions .section-heading{max-width:1120px;margin:0 auto clamp(46px,5vw,72px);align-items:flex-end}
.subpage-body[data-page="capabilities"] #solutions .section-heading h2{font-size:clamp(48px,5.1vw,76px);line-height:1.08}
.subpage-body[data-page="capabilities"] #solutions .section-heading h2{font-size:0}
.subpage-body[data-page="capabilities"] #solutions .section-heading h2::after{content:"四大业务场景\A释放权益价值";display:block;white-space:pre;font-size:clamp(48px,5.1vw,76px);line-height:1.08}
.subpage-body[data-page="capabilities"] #solutions .section-heading>p{max-width:330px;margin-bottom:7px;line-height:1.9}
/* ==========================================================================
   #solutions 聚焦式切换（Focus Switch）
   形态：一次只呈现一项 —— 左侧唯一焦点面板 + 右侧静止选项列表。
   亮度制度：L2 焦点（面板，唯一允许动一次）/ L1 结构（列表、胶囊、进度点，零发光零动画）/ L0 深空底。
   取代原「四张等宽 depth-card 并列」；旧 .depth-* 规则保留在下方通用区，本页不再引用。
   ========================================================================== */
.subpage-body[data-page="capabilities"] #solutions .focus-stage{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:38px;align-items:start}

/* ---- 左：当前项面板（L2 焦点层） ---- */
.subpage-body[data-page="capabilities"] #solutions .focus-panel{position:relative;border-radius:8px;overflow:hidden;border:1px solid rgba(110,207,245,.16);background:linear-gradient(150deg,rgba(9,26,58,.72),rgba(5,13,34,.62));padding:clamp(30px,3.4vw,46px);min-height:340px;display:flex;flex-direction:column;justify-content:center;isolation:isolate}
/* 场景底图：随当前项切换（--scene-image 由 JS 注入），压暗后仅作氛围 */
.subpage-body[data-page="capabilities"] #solutions .focus-scene{position:absolute;z-index:-1;inset:0;background-image:var(--scene-image);background-repeat:no-repeat;background-position:center;background-size:cover;opacity:.42}
.subpage-body[data-page="capabilities"] #solutions .focus-panel::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,rgba(4,13,34,.94) 0%,rgba(5,15,38,.86) 42%,rgba(5,15,38,.58) 70%,rgba(5,15,38,.2) 100%);pointer-events:none}
/* 顶部进度线：只在切换瞬间短促闪一下（0.5s），非常驻装饰 */
.subpage-body[data-page="capabilities"] #solutions .focus-panel::before{content:"";position:absolute;z-index:2;left:0;top:0;height:2px;width:100%;background:linear-gradient(90deg,transparent,rgba(85,222,250,.55),transparent);opacity:0;transition:opacity .5s ease;pointer-events:none}
.subpage-body[data-page="capabilities"] #solutions .focus-panel.is-switching::before{opacity:1}

.subpage-body[data-page="capabilities"] #solutions .panel-index{font:500 12px/1 "DM Mono",monospace;color:#6ce3f8;letter-spacing:.1em;margin-bottom:20px;opacity:.85}
.subpage-body[data-page="capabilities"] #solutions .panel-label{font:500 10px/1 "DM Mono",monospace;letter-spacing:.16em;color:#8cc6dc;margin-bottom:13px}
.subpage-body[data-page="capabilities"] #solutions .focus-panel h3{margin:0 0 18px;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.2;letter-spacing:0}
.subpage-body[data-page="capabilities"] #solutions .focus-panel p{margin:0 0 28px;max-width:620px;color:#9db6c9;line-height:1.9;font-size:15px}
.subpage-body[data-page="capabilities"] #solutions .focus-panel .solution-tags{gap:7px}
.subpage-body[data-page="capabilities"] #solutions .focus-panel .solution-tags span{padding:7px 11px;border:1px solid rgba(105,200,240,.24);border-radius:4px;background:rgba(6,19,44,.5);color:#a8cadb;font-size:12.5px}
/* 进场动效：只做 opacity + 10px 上移，不用位移花活 */
.subpage-body[data-page="capabilities"] #solutions .panel-body{animation:focus-panel-in .42s cubic-bezier(.22,.7,.3,1) both}
@keyframes focus-panel-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ---- 右：选项列表（L1 结构层，完全静止） ---- */
.subpage-body[data-page="capabilities"] #solutions .focus-rail{display:flex;flex-direction:column;gap:2px;padding-top:6px}
.subpage-body[data-page="capabilities"] #solutions .rail-item{position:relative;display:flex;align-items:center;gap:16px;width:100%;padding:19px 20px;border:0;border-left:1px solid rgba(110,207,245,.16);background:transparent;color:#7e9ab0;text-align:left;font:400 15px/1.4 "Noto Sans SC",sans-serif;cursor:pointer;transition:color .25s ease,border-color .25s ease,padding-left .25s ease}
.subpage-body[data-page="capabilities"] #solutions .rail-item .num{font:500 11px/1 "DM Mono",monospace;color:#5a7e96;letter-spacing:.06em;min-width:22px;transition:color .25s ease}
.subpage-body[data-page="capabilities"] #solutions .rail-item .name{flex:1}
/* 细竖线游标：0 → 62% 生长，比整块变色更轻 */
.subpage-body[data-page="capabilities"] #solutions .rail-item::after{content:"";position:absolute;left:-1px;top:50%;width:2px;height:0;border-radius:2px;background:#55defa;transform:translateY(-50%);transition:height .3s cubic-bezier(.22,.7,.3,1)}
.subpage-body[data-page="capabilities"] #solutions .rail-item:hover{color:#c3dced;border-left-color:rgba(110,207,245,.34)}
.subpage-body[data-page="capabilities"] #solutions .rail-item[aria-selected="true"]{color:#eafaff;border-left-color:transparent;padding-left:26px}
.subpage-body[data-page="capabilities"] #solutions .rail-item[aria-selected="true"] .num{color:#6ce3f8}
.subpage-body[data-page="capabilities"] #solutions .rail-item[aria-selected="true"]::after{height:62%}

/* ---- 下：进度点 + 提示（L1 结构层） ---- */
.subpage-body[data-page="capabilities"] #solutions .focus-hint{grid-column:1 / -1;display:flex;align-items:center;gap:12px;margin-top:30px;padding-top:22px;border-top:1px solid rgba(110,207,245,.1);color:#5d7a90;font:400 12px/1.6 "Noto Sans SC",sans-serif}
.subpage-body[data-page="capabilities"] #solutions .focus-dots{display:flex;gap:5px}
.subpage-body[data-page="capabilities"] #solutions .focus-dots i{width:16px;height:2px;border-radius:2px;background:rgba(120,170,200,.26);transition:background .3s ease,width .3s ease}
.subpage-body[data-page="capabilities"] #solutions .focus-dots i.on{width:26px;background:#55defa}
.subpage-body[data-page="capabilities"] #solutions .hint-mobile{display:none}

@media(max-width:900px){
  .subpage-body[data-page="capabilities"] #solutions .section-heading{display:block}
  .subpage-body[data-page="capabilities"] #solutions .section-heading>p{margin-top:22px}
  .subpage-body[data-page="capabilities"] #solutions .focus-stage{grid-template-columns:1fr;gap:20px}
  .subpage-body[data-page="capabilities"] #solutions .hint-desktop{display:none}
  .subpage-body[data-page="capabilities"] #solutions .hint-mobile{display:inline}
  /* 移动端：列表转横向胶囊标签，宽度自适应，右侧渐隐暗示可滑动 */
  .subpage-body[data-page="capabilities"] #solutions .focus-rail{flex-direction:row;overflow-x:auto;gap:8px;padding:2px 34px 2px 0;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 84%,transparent);mask-image:linear-gradient(90deg,#000 84%,transparent)}
  .subpage-body[data-page="capabilities"] #solutions .focus-rail::-webkit-scrollbar{display:none}
  /* 移动端胶囊宽度必须由内容决定：桌面态的 width:100% + .name{flex:1} 会把胶囊撑满，两者都要覆盖 */
  .subpage-body[data-page="capabilities"] #solutions .rail-item{flex:0 0 auto;width:auto;border:1px solid rgba(110,207,245,.18);border-radius:20px;background:rgba(6,17,40,.4);padding:10px 16px;white-space:nowrap;gap:9px;font-size:14px}
  .subpage-body[data-page="capabilities"] #solutions .rail-item .name{flex:0 0 auto}
  .subpage-body[data-page="capabilities"] #solutions .rail-item .num{min-width:auto;font-size:10px}
  .subpage-body[data-page="capabilities"] #solutions .rail-item:hover{border-color:rgba(110,207,245,.32)}
  .subpage-body[data-page="capabilities"] #solutions .rail-item[aria-selected="true"]{padding-left:16px;border-color:rgba(105,225,255,.5);background:rgba(16,48,88,.62)}
  .subpage-body[data-page="capabilities"] #solutions .rail-item[aria-selected="true"]::after{display:none}
  .subpage-body[data-page="capabilities"] #solutions .focus-panel{min-height:0;padding:28px 24px 30px}
  .subpage-body[data-page="capabilities"] #solutions .focus-hint{margin-top:22px;padding-top:18px}
}
@media(max-width:620px){
  .subpage-body[data-page="capabilities"] #solutions{padding-top:86px;padding-bottom:100px}
  .subpage-body[data-page="capabilities"] #solutions .section-heading h2::after{font-size:42px}
  .subpage-body[data-page="capabilities"] #solutions .focus-panel h3{font-size:28px}
  .subpage-body[data-page="capabilities"] #solutions .focus-panel p{font-size:13.5px}
  .subpage-body[data-page="capabilities"] #solutions .focus-scene{background-position:62% center;opacity:.34}
}

/* 桌面态双栏：旧 .depth-card 在本页已弃用，隐藏以防残留标记漏出 */
.subpage-body[data-page="capabilities"] #solutions .depth-list{display:none}
/* 本屏为降噪示范屏：标题柔光在本屏内归零，使 #solutions 达到「结构层零发光」。
   注意：935 行的 text-shadow 是全页标题样式，此处仅做 #solutions 范围内的局部覆盖，
   其他区块的标题柔光留给全站降噪统一处理，不在此处越界。 */
.subpage-body[data-page="capabilities"] #solutions .section-display-title>span{text-shadow:none}

/* Delivery capability: a composed service lane without punctuation in the title. */
.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section{padding-top:clamp(108px,12vw,176px);padding-bottom:clamp(110px,12vw,176px);background:linear-gradient(180deg,rgba(4,13,36,.48),rgba(4,10,29,.18))}
.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .section-heading{display:block;max-width:1120px;margin:0 auto clamp(48px,5vw,72px);text-align:center}
.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .section-kicker{margin-bottom:24px}
.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .section-heading h2{font-size:0;line-height:1.1}
.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .section-heading h2::after{content:"从商品到用户\A保持每次交付稳定";display:block;white-space:pre;font-size:clamp(46px,5vw,72px);line-height:1.1}
.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .section-heading>p{max-width:520px;margin:26px auto 0;line-height:1.9}
.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .cosmic-matrix{max-width:1120px;margin:0 auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid rgba(111,216,245,.22);border-bottom:1px solid rgba(111,216,245,.14)}
.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .cosmic-matrix article{position:relative;min-height:276px;padding:30px 26px 28px;border:0;border-right:1px solid rgba(111,216,245,.14);border-top:2px solid transparent;background:linear-gradient(180deg,rgba(13,39,77,.62),rgba(7,19,48,.34));transition:transform .28s,border-color .28s,background .28s}
.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .cosmic-matrix article:last-child{border-right:0}
.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .cosmic-matrix article:nth-child(1){border-top-color:#5dd9f2}
.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .cosmic-matrix article:nth-child(2){border-top-color:#6fb8f2}
.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .cosmic-matrix article:nth-child(3){border-top-color:#8c9aec}
.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .cosmic-matrix article:nth-child(4){border-top-color:#a487ef}
.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .cosmic-matrix article:hover{transform:translateY(-7px);background:linear-gradient(180deg,rgba(19,55,97,.78),rgba(8,22,53,.46));box-shadow:0 18px 40px rgba(0,0,0,.18)}
.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .cosmic-matrix article:not(:last-child)::after{content:"";position:absolute;right:-5px;top:33px;width:9px;height:9px;border-top:1px solid #75dff3;border-right:1px solid #75dff3;transform:rotate(45deg);opacity:.7}
.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .cosmic-matrix span{display:block;font-size:12px;color:#78d9ef;letter-spacing:.14em}
.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .cosmic-matrix h3{margin:58px 0 16px;font-size:clamp(22px,2vw,29px);line-height:1.2}
.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .cosmic-matrix p{font-size:13px;line-height:1.8;color:#91aabd}
@media(max-width:900px){.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .cosmic-matrix{grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:0}.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .cosmic-matrix article:nth-child(2){border-right:0}.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .cosmic-matrix article:nth-child(3){border-top:1px solid rgba(111,216,245,.14);border-top-color:#8c9aec}.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .cosmic-matrix article:nth-child(4){border-top:1px solid rgba(111,216,245,.14);border-top-color:#a487ef}}
@media(max-width:620px){.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section{padding-top:88px;padding-bottom:105px}.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .section-heading h2::after{font-size:42px}.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .cosmic-matrix{grid-template-columns:1fr;border-top:0}.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .cosmic-matrix article,.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .cosmic-matrix article:nth-child(3),.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .cosmic-matrix article:nth-child(4){min-height:210px;padding:26px 22px;border-right:0;border-top:2px solid rgba(111,216,245,.2)}.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .cosmic-matrix article:not(:last-child)::after{display:none}.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .cosmic-matrix h3{margin-top:38px;font-size:27px}}

/* Service system: turn the four capabilities into a focused 2x2 operating grid. */
.subpage-body[data-page="capabilities"] #capability-depth{position:relative;display:block;overflow:hidden;padding:clamp(112px,13vw,190px) clamp(24px,8vw,128px);background:radial-gradient(circle at 78% 44%,rgba(51,136,208,.14),transparent 32%),linear-gradient(180deg,rgba(2,8,25,.12),rgba(5,16,43,.52))}
.subpage-body[data-page="capabilities"] #capability-depth .capability-art{position:absolute;z-index:0;right:clamp(20px,8vw,128px);top:50%;width:min(38vw,520px);height:min(38vw,520px);transform:translateY(-50%);opacity:.16;border:1px solid rgba(93,211,245,.3);box-shadow:0 0 90px rgba(45,174,235,.12);pointer-events:none}
.subpage-body[data-page="capabilities"] #capability-depth .capability-copy{position:relative;z-index:1;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);column-gap:clamp(52px,8vw,140px);max-width:1120px;margin:0 auto;align-items:start}
.subpage-body[data-page="capabilities"] #capability-depth .capability-copy>.section-kicker{grid-column:1/-1;margin-bottom:25px;color:#79c7df}
.subpage-body[data-page="capabilities"] #capability-depth .capability-copy>h2{grid-column:1;font-size:0;line-height:1.1;margin:0 0 25px}
.subpage-body[data-page="capabilities"] #capability-depth .capability-copy>h2::after{content:"四项服务能力\A覆盖权益全链路";display:block;white-space:pre;font-size:clamp(44px,4.6vw,68px);line-height:1.1}
.subpage-body[data-page="capabilities"] #capability-depth .capability-copy>p{grid-column:1;max-width:370px;margin:0;color:#96afc2;line-height:1.9}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points{grid-column:2;grid-row:2 / span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;border:0}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div{position:relative;display:block;min-height:190px;padding:26px 26px 22px;border:1px solid rgba(105,210,240,.18);border-top:2px solid rgba(105,221,246,.62);background:linear-gradient(145deg,rgba(12,37,77,.74),rgba(7,18,45,.62));transition:transform .28s,border-color .28s,background .28s}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(2){border-top-color:rgba(108,161,244,.8)}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(3){border-top-color:rgba(127,139,239,.8)}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(4){border-top-color:rgba(167,129,239,.82)}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:hover{transform:translateY(-6px);border-color:rgba(110,225,250,.46);background:linear-gradient(145deg,rgba(18,54,99,.82),rgba(8,21,51,.7));box-shadow:0 18px 42px rgba(0,0,0,.18)}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points strong{display:block;font-size:25px;line-height:1;color:#79dff4}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points span{display:block;margin-top:43px;color:#e5f7ff;font-size:15px;line-height:1.6}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points b{position:absolute;right:23px;top:22px;color:#79dff4;font-size:18px;font-weight:400}
@media(max-width:900px){.subpage-body[data-page="capabilities"] #capability-depth .capability-copy{grid-template-columns:1fr}.subpage-body[data-page="capabilities"] #capability-depth .capability-copy>p{max-width:560px}.subpage-body[data-page="capabilities"] #capability-depth .capability-points{grid-column:1;grid-row:auto;margin-top:42px}.subpage-body[data-page="capabilities"] #capability-depth .capability-art{right:-12%;width:54vw;height:54vw;opacity:.1}}
@media(max-width:620px){.subpage-body[data-page="capabilities"] #capability-depth{padding:90px 20px 105px}.subpage-body[data-page="capabilities"] #capability-depth .capability-copy>.section-kicker{margin-bottom:21px}.subpage-body[data-page="capabilities"] #capability-depth .capability-copy>h2::after{font-size:42px}.subpage-body[data-page="capabilities"] #capability-depth .capability-points{grid-template-columns:1fr;margin-top:34px}.subpage-body[data-page="capabilities"] #capability-depth .capability-points div{min-height:150px;padding:23px 21px}.subpage-body[data-page="capabilities"] #capability-depth .capability-points span{margin-top:30px;font-size:14px}.subpage-body[data-page="capabilities"] #capability-depth .capability-art{right:-22%;width:82vw;height:82vw}}

/* Case studies hero follows the same centered editorial opening as core capabilities. */
.subpage-body[data-page="cases"] .page-hero{grid-template-columns:1fr;place-items:center;gap:0;min-height:calc(100vh - 78px);padding:clamp(120px,15vh,180px) clamp(24px,10vw,170px);text-align:center}
.subpage-body[data-page="cases"] .page-orbit-art{display:none}
.subpage-body[data-page="cases"] .page-hero-copy{display:flex;max-width:1080px;margin:0 auto;flex-direction:column;align-items:center}
.subpage-body[data-page="cases"] .page-eyebrow{justify-content:center;margin-bottom:36px;font-size:13px;letter-spacing:.14em}
.subpage-body[data-page="cases"] .page-hero h1{font-size:0;line-height:1.06;text-shadow:0 0 38px rgba(67,196,255,.16)}
.subpage-body[data-page="cases"] .page-hero h1::after{content:"五类真实项目\A验证权益增长价值";display:block;white-space:pre;font-size:clamp(64px,6.2vw,96px);line-height:1.06;background:linear-gradient(180deg,#f4fbff 0 45%,#78dff4 78%);-webkit-background-clip:text;background-clip:text;color:transparent}
.subpage-body[data-page="cases"] .page-hero-copy>p:not(.page-eyebrow){max-width:760px;margin:36px auto 42px;font-size:clamp(17px,1.45vw,21px);line-height:1.95}
.subpage-body[data-page="cases"] .cosmic-button{margin-inline:auto}
@media(max-width:620px){.subpage-body[data-page="cases"] .page-hero{min-height:calc(100vh - 64px);padding:108px 22px 86px}.subpage-body[data-page="cases"] .page-eyebrow{margin-bottom:26px;font-size:10px;letter-spacing:.08em}.subpage-body[data-page="cases"] .page-hero h1::after{font-size:clamp(42px,12vw,54px);line-height:1.12}.subpage-body[data-page="cases"] .page-hero-copy>p:not(.page-eyebrow){margin:28px auto 34px;font-size:15px;line-height:1.85}}

/* About hero uses the same centered statement system as the other subpages. */
.subpage-body[data-page="about"] .page-hero{grid-template-columns:1fr;place-items:center;gap:0;min-height:calc(100vh - 78px);padding:clamp(120px,15vh,180px) clamp(24px,10vw,170px);text-align:center}
.subpage-body[data-page="about"] .page-orbit-art{display:none}
.subpage-body[data-page="about"] .page-hero-copy{display:flex;max-width:1080px;margin:0 auto;flex-direction:column;align-items:center}
.subpage-body[data-page="about"] .page-eyebrow{justify-content:center;margin-bottom:36px;font-size:13px;letter-spacing:.14em}
.subpage-body[data-page="about"] .page-hero h1{font-size:0;line-height:1.06;text-shadow:0 0 38px rgba(67,196,255,.16)}
.subpage-body[data-page="about"] .page-hero h1::after{content:"深耕数字权益生态\A服务创造价值";display:block;white-space:pre;font-size:clamp(64px,6.2vw,96px);line-height:1.06;background:linear-gradient(180deg,#f4fbff 0 45%,#78dff4 78%);-webkit-background-clip:text;background-clip:text;color:transparent}
.subpage-body[data-page="about"] .page-hero-copy>p:not(.page-eyebrow){max-width:760px;margin:36px auto 42px;font-size:clamp(17px,1.45vw,21px);line-height:1.95}
.subpage-body[data-page="about"] .cosmic-button{margin-inline:auto}
@media(max-width:620px){.subpage-body[data-page="about"] .page-hero{min-height:calc(100vh - 64px);padding:108px 22px 86px}.subpage-body[data-page="about"] .page-eyebrow{margin-bottom:26px;font-size:10px;letter-spacing:.08em}.subpage-body[data-page="about"] .page-hero h1::after{font-size:clamp(42px,12vw,54px);line-height:1.12}.subpage-body[data-page="about"] .page-hero-copy>p:not(.page-eyebrow){margin:28px auto 34px;font-size:15px;line-height:1.85}}

/* About content: turn the pages after the hero into a calmer brand narrative. */
.subpage-body[data-page="about"] #about-depth{padding-top:clamp(110px,13vw,184px);padding-bottom:clamp(115px,13vw,184px);background:radial-gradient(circle at 15% 45%,rgba(50,147,220,.13),transparent 32%),linear-gradient(180deg,rgba(3,10,30,.3),rgba(5,15,42,.5))}
.subpage-body[data-page="about"] #about-depth>.section-kicker{text-align:center;margin-bottom:30px;color:#78c8df}
.subpage-body[data-page="about"] #about-depth .intro-grid{max-width:1120px;margin:0 auto;grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr);gap:clamp(54px,10vw,150px);align-items:end}
.subpage-body[data-page="about"] #about-depth .intro-grid h2{font-size:0;line-height:1.1}
.subpage-body[data-page="about"] #about-depth .intro-grid h2::after{content:"构建以用户为中心的\A数字世界";display:block;white-space:pre;font-size:clamp(48px,5.2vw,78px);line-height:1.1;background:linear-gradient(180deg,#f1fbff 0 48%,#75dff5 83%);-webkit-background-clip:text;background-clip:text;color:transparent}
.subpage-body[data-page="about"] #about-depth .intro-body{max-width:none;padding:0 0 8px;border-left:1px solid rgba(104,214,241,.46);padding-left:30px}
.subpage-body[data-page="about"] #about-depth .intro-body p{margin:0;color:#9ab2c3;font-size:15px;line-height:1.95}
.subpage-body[data-page="about"] #about-depth .intro-body p+p{margin-top:20px}
.subpage-body[data-page="about"] #about-depth .intro-body::before{content:"TD / 01";display:block;margin-bottom:28px;color:#78dff3;font:500 11px/1 "DM Mono",monospace;letter-spacing:.16em}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section{padding-top:clamp(110px,12vw,176px);padding-bottom:clamp(120px,13vw,184px);background:linear-gradient(180deg,rgba(4,12,35,.46),rgba(3,9,28,.18))}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .section-heading{max-width:1120px;margin:0 auto clamp(48px,5vw,72px)}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .section-heading h2{font-size:0;line-height:1.1}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .section-heading h2::after{content:"从跨境数码\A走向数字权益";display:block;white-space:pre;font-size:clamp(44px,4.8vw,70px);line-height:1.1}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values{max-width:1120px;margin:0 auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article{min-height:310px;margin-top:0;padding:27px 24px;background:linear-gradient(160deg,rgba(13,39,76,.72),rgba(7,19,47,.46));border:1px solid rgba(101,207,245,.16);border-top:2px solid rgba(101,218,244,.54);transition:transform .28s,border-color .28s,background .28s}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(2){border-top-color:#6faef0}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(3){border-top-color:#8b8de9}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(4){border-top-color:#a481ee}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:hover{transform:translateY(-8px);border-color:rgba(112,225,248,.52);background:linear-gradient(160deg,rgba(18,54,97,.8),rgba(8,22,52,.58))}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values h3{margin:75px 0 16px;font-size:26px}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values p{font-size:13px;line-height:1.8}
.subpage-body[data-page="about"] .about-values:not(.history-values){max-width:1120px;margin:0 auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.subpage-body[data-page="about"] .about-values:not(.history-values) article{min-height:270px;padding:30px 26px;border:1px solid rgba(101,207,245,.16);border-top:2px solid rgba(101,218,244,.6);background:linear-gradient(155deg,rgba(12,37,75,.7),rgba(7,19,46,.42));transition:transform .28s,border-color .28s}
.subpage-body[data-page="about"] .about-values:not(.history-values) article:nth-child(2){border-top-color:#7d9dec}.subpage-body[data-page="about"] .about-values:not(.history-values) article:nth-child(3){border-top-color:#a483ee}
.subpage-body[data-page="about"] .about-values:not(.history-values) article:hover{transform:translateY(-7px);border-color:rgba(112,225,248,.5)}
.subpage-body[data-page="about"] .about-values:not(.history-values) h3{margin:66px 0 15px;font-size:27px}
@media(max-width:900px){.subpage-body[data-page="about"] #about-depth .intro-grid{grid-template-columns:1fr;gap:42px}.subpage-body[data-page="about"] #about-depth .intro-body{max-width:560px}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values{grid-template-columns:repeat(2,minmax(0,1fr))}.subpage-body[data-page="about"] .about-values:not(.history-values){grid-template-columns:1fr}}
@media(max-width:620px){.subpage-body[data-page="about"] #about-depth{padding:90px 20px 110px}.subpage-body[data-page="about"] #about-depth .intro-grid h2::after{font-size:42px}.subpage-body[data-page="about"] #about-depth .intro-body{padding-left:20px}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section{padding:90px 20px 110px}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .section-heading h2::after{font-size:42px}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values{grid-template-columns:1fr}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article{min-height:230px}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values h3{margin-top:52px}.subpage-body[data-page="about"] .about-values:not(.history-values) article{min-height:220px}.subpage-body[data-page="about"] .about-values:not(.history-values) h3{margin-top:46px}}

.subpage-body[data-page="about"] .cosmic-content-section:has(.about-values:not(.history-values)) .section-heading h2{font-size:0;line-height:1.1}
.subpage-body[data-page="about"] .cosmic-content-section:has(.about-values:not(.history-values)) .section-heading h2::after{content:"数字赋能\A创新驱动 共生共赢";display:block;white-space:pre;font-size:clamp(44px,4.8vw,70px);line-height:1.1}
@media(max-width:620px){.subpage-body[data-page="about"] .cosmic-content-section:has(.about-values:not(.history-values)) .section-heading h2::after{font-size:42px}}

/* Contact page: a centered invitation followed by a focused conversation workspace. */
.subpage-body[data-page="contact"] .page-hero{grid-template-columns:1fr;place-items:center;gap:0;min-height:calc(100vh - 78px);padding:clamp(120px,15vh,180px) clamp(24px,10vw,170px);text-align:center}
.subpage-body[data-page="contact"] .page-orbit-art{display:none}
.subpage-body[data-page="contact"] .page-hero-copy{display:flex;max-width:1080px;margin:0 auto;flex-direction:column;align-items:center}
.subpage-body[data-page="contact"] .page-eyebrow{justify-content:center;margin-bottom:36px;font-size:13px;letter-spacing:.14em}
.subpage-body[data-page="contact"] .page-hero h1{font-size:0;line-height:1.06;text-shadow:0 0 38px rgba(67,196,255,.16)}
.subpage-body[data-page="contact"] .page-hero h1::after{content:"下一步\A从一次对话开始";display:block;white-space:pre;font-size:clamp(64px,6.2vw,96px);line-height:1.06;background:linear-gradient(180deg,#f4fbff 0 45%,#78dff4 78%);-webkit-background-clip:text;background-clip:text;color:transparent}
.subpage-body[data-page="contact"] .page-hero-copy>p:not(.page-eyebrow){max-width:760px;margin:36px auto 42px;font-size:clamp(17px,1.45vw,21px);line-height:1.95}
.subpage-body[data-page="contact"] .cosmic-button{margin-inline:auto}
.subpage-body[data-page="contact"] #contact-form{position:relative;max-width:1280px;margin:0 auto;grid-template-columns:minmax(280px,.82fr) minmax(420px,1.18fr);gap:clamp(50px,9vw,140px);padding:clamp(100px,12vw,170px) clamp(24px,7vw,100px);overflow:hidden;background:linear-gradient(145deg,rgba(5,18,47,.72),rgba(4,10,28,.54));border:1px solid rgba(105,210,240,.14);box-shadow:0 24px 80px rgba(0,0,0,.16)}
.subpage-body[data-page="contact"] #contact-form::before{content:"";position:absolute;right:-12%;top:-34%;width:520px;aspect-ratio:1;border:1px solid rgba(111,218,247,.16);border-radius:50%;box-shadow:0 0 100px rgba(47,163,223,.1),inset 0 0 70px rgba(43,143,210,.08);pointer-events:none}
.subpage-body[data-page="contact"] .contact-intro{position:relative;z-index:1}
.subpage-body[data-page="contact"] .contact-intro .section-kicker{margin-bottom:28px;color:#79c9df}
.subpage-body[data-page="contact"] .contact-intro h2{font-size:0;line-height:1.1}
.subpage-body[data-page="contact"] .contact-intro h2::after{content:"让需求被看见\A让合作有方向";display:block;white-space:pre;font-size:clamp(44px,4.5vw,68px);line-height:1.1;background:linear-gradient(180deg,#f0fbff 0 46%,#77ddf4 80%);-webkit-background-clip:text;background-clip:text;color:transparent}
.subpage-body[data-page="contact"] .contact-intro>p{max-width:390px;margin:30px 0 34px;color:#99b2c4;line-height:1.9}
.subpage-body[data-page="contact"] .contact-info{gap:11px;color:#94aec0}
.subpage-body[data-page="contact"] .contact-info a{color:#6fe0f5;font-family:"DM Mono",monospace;letter-spacing:.03em}
.subpage-body[data-page="contact"] .contact-info small{color:#7694aa;line-height:1.8}
.subpage-body[data-page="contact"] .contact-form{position:relative;z-index:1;max-width:none;padding:34px 36px 30px;border:1px solid rgba(104,211,241,.2);background:rgba(8,25,57,.62);box-shadow:0 20px 55px rgba(0,0,0,.2)}
.subpage-body[data-page="contact"] .contact-form label{color:#8fb1c4;margin-bottom:24px;letter-spacing:.04em}
.subpage-body[data-page="contact"] .contact-form input,.subpage-body[data-page="contact"] .contact-form select,.subpage-body[data-page="contact"] .contact-form textarea{margin-top:7px;padding:12px 0;color:#ecfaff;border-color:rgba(105,201,233,.25);font-size:15px}
.subpage-body[data-page="contact"] .contact-form input:focus,.subpage-body[data-page="contact"] .contact-form select:focus,.subpage-body[data-page="contact"] .contact-form textarea:focus{border-color:#6ce2f4;box-shadow:0 1px 0 #6ce2f4}
.subpage-body[data-page="contact"] .contact-form .button-primary{width:100%;justify-content:center;margin-top:4px;padding:16px 20px}
.subpage-body[data-page="contact"] .contact-form .form-note{color:#66859b;text-align:center}
@media(max-width:900px){.subpage-body[data-page="contact"] #contact-form{grid-template-columns:1fr;gap:48px}.subpage-body[data-page="contact"] .contact-intro>p{max-width:600px}}
@media(max-width:620px){.subpage-body[data-page="contact"] .page-hero{min-height:calc(100vh - 64px);padding:108px 22px 86px}.subpage-body[data-page="contact"] .page-eyebrow{margin-bottom:26px;font-size:10px;letter-spacing:.08em}.subpage-body[data-page="contact"] .page-hero h1::after{font-size:clamp(42px,12vw,54px);line-height:1.12}.subpage-body[data-page="contact"] .page-hero-copy>p:not(.page-eyebrow){margin:28px auto 34px;font-size:15px;line-height:1.85}.subpage-body[data-page="contact"] #contact-form{margin:0 20px;padding:82px 20px 90px;gap:40px}.subpage-body[data-page="contact"] .contact-intro h2::after{font-size:42px}.subpage-body[data-page="contact"] .contact-form{padding:26px 21px 24px}}

/* Case studies hero: left editorial copy with a China-wide partner network. */
.subpage-body[data-page="cases"] .cases-hero{grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);place-items:center stretch;gap:clamp(42px,6vw,96px);min-height:calc(100vh - 78px);padding:clamp(112px,13vh,150px) clamp(28px,8vw,128px);text-align:left}
.subpage-body[data-page="cases"] .cases-hero .page-hero-copy{display:flex;align-items:flex-start;max-width:700px;margin:0}
.subpage-body[data-page="cases"] .cases-hero .page-eyebrow{justify-content:flex-start;margin-bottom:34px}
.subpage-body[data-page="cases"] .cases-hero h1{font-size:clamp(48px,4.8vw,76px);line-height:1.08;white-space:nowrap;text-shadow:0 0 32px rgba(67,196,255,.15)}
.subpage-body[data-page="cases"] .cases-hero h1 em{font-style:normal;color:#78dff4}
.subpage-body[data-page="cases"] .cases-hero .page-hero-copy>p:not(.page-eyebrow){max-width:600px;margin:30px 0 36px;font-size:clamp(15px,1.22vw,18px);line-height:1.9}
.subpage-body[data-page="cases"] .cases-hero .cosmic-button{margin-inline:0}
.case-map-art{position:relative;width:min(50vw,650px);height:min(68vh,680px);min-height:500px;justify-self:end;isolation:isolate;animation:case-map-breathe 8s ease-in-out infinite}
.case-map-halo{position:absolute;z-index:-2;left:50%;top:50%;width:92%;height:86%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(53,133,215,.18),rgba(79,78,177,.1) 45%,transparent 72%);filter:blur(12px)}
.case-map-art::before{display:none;content:none}
.case-map-svg{position:absolute;inset:5% 0;width:100%;height:90%;overflow:visible}
.case-china-image{filter:brightness(1.08) saturate(1.2) hue-rotate(8deg) drop-shadow(0 0 8px rgba(101,224,249,.55));opacity:.82;mix-blend-mode:screen}
.case-china-map{pointer-events:none;opacity:1}
.case-china-path{fill:#2871b9;fill-opacity:.62;stroke:#75dcf4;stroke-opacity:.86;stroke-width:1.45;stroke-linejoin:round;vector-effect:non-scaling-stroke;paint-order:stroke fill}
.case-china-path:nth-child(3n){fill:rgba(65,89,178,.38);stroke:rgba(170,143,247,.58)}
.subpage-body[data-page="cases"] .case-china-path.case-taiwan-path{fill:rgba(65,89,178,.38);stroke:rgba(170,143,247,.58);filter:none}
.subpage-body[data-page="cases"] .case-island-markers{pointer-events:none;overflow:visible}
.subpage-body[data-page="cases"] .case-island-marker circle{fill:#e5fcff;stroke:#6fe2f5;stroke-width:.65;filter:drop-shadow(0 0 3px rgba(105,226,248,.9));animation:case-island-glint 4.8s ease-in-out infinite}
.subpage-body[data-page="cases"] .case-island-marker:nth-child(2) circle{animation-delay:1.2s}.subpage-body[data-page="cases"] .case-island-marker:nth-child(3) circle{animation-delay:2.4s}.subpage-body[data-page="cases"] .case-island-marker:nth-child(4) circle{animation-delay:3.6s}
.subpage-body[data-page="cases"] .case-island-marker text{fill:rgba(202,237,247,.78);font:500 7px/1 "Noto Sans SC",sans-serif;paint-order:stroke;stroke:rgba(3,13,39,.88);stroke-width:2px;letter-spacing:.02em}
@keyframes case-island-glint{0%,100%{opacity:.58}50%{opacity:1}}
.subpage-body[data-page="cases"] .case-territory-additions{pointer-events:none;overflow:visible}
.subpage-body[data-page="cases"] .case-taiwan{fill:rgba(41,105,180,.68);stroke:rgba(117,220,244,.88);stroke-width:1.05px;filter:drop-shadow(0 0 3px rgba(102,216,246,.48))}
.subpage-body[data-page="cases"] .case-taiwan{fill:rgba(65,89,178,.38);stroke:rgba(170,143,247,.58);filter:none}
.subpage-body[data-page="cases"] .case-penghu{fill:#d8fbff;stroke:#75dcf4;stroke-width:.55px;filter:drop-shadow(0 0 2.5px rgba(117,229,245,.9))}
.subpage-body[data-page="cases"] .case-territory-label{fill:#d9f8ff;font:600 8px/1 "Noto Sans SC",sans-serif;paint-order:stroke;stroke:rgba(3,13,39,.95);stroke-width:2.5px}
.case-china-image path{fill:rgba(58,142,211,.36);stroke:rgba(141,232,248,.72);stroke-width:1}
.case-china-shape{fill:url(#chinaFill);stroke:rgba(138,226,246,.68);stroke-width:1.3;stroke-linejoin:round;filter:url(#mapGlow);animation:china-outline-pulse 5.5s ease-in-out infinite}
.case-map-grid{fill:none;stroke:rgba(152,224,246,.2);stroke-width:.8;stroke-dasharray:3 5;clip-path:polygon(13% 18%,93% 31%,86% 77%,22% 87%)}
.case-map-beams{fill:none;stroke:url(#beamStroke);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:92 260;filter:drop-shadow(0 0 5px rgba(103,220,255,.9));animation:case-beam-flow 3.8s linear infinite}
.case-map-beams path{opacity:0;stroke-width:2.2;animation:case-route-flight 13.6s linear infinite}
.case-map-beams path:nth-child(1){animation-delay:0s}.case-map-beams path:nth-child(2){animation-delay:1.7s}.case-map-beams path:nth-child(3){animation-delay:3.4s}.case-map-beams path:nth-child(4){animation-delay:5.1s}.case-map-beams path:nth-child(5){animation-delay:6.8s}.case-map-beams path:nth-child(6){animation-delay:8.5s}.case-map-beams path:nth-child(7){animation-delay:10.2s}.case-map-beams path:nth-child(8){animation-delay:11.9s}
.case-map-points circle:not(.shenzhen-core):not(.shenzhen-ring){fill:#d8fbff;stroke:#70dcf1;stroke-width:1;filter:drop-shadow(0 0 6px rgba(117,229,245,1));opacity:.9;animation:case-point-pulse 3.4s ease-in-out infinite}
.case-map-points circle:nth-child(3n){fill:#d2c3ff;stroke:#a68de9}
.case-map-points .shenzhen-ring{display:none}
.case-map-points circle:nth-child(3){animation:none!important;transform:none!important}
.shenzhen-core{fill:#f0fdff;stroke:#79e5f5;stroke-width:1.4;filter:drop-shadow(0 0 6px rgba(115,233,247,1));animation:shenzhen-pulse 2.7s ease-in-out infinite}
.shenzhen-ring{fill:none;stroke:rgba(125,230,247,.88);stroke-width:1.3;stroke-dasharray:3 4;transform-origin:387px 423px;animation:shenzhen-ring 4.5s linear infinite}
.case-map-label{position:absolute;left:63.5%;top:81%;display:flex;flex-direction:column;gap:5px;padding-left:12px;border-left:1px solid rgba(120,222,243,.5);color:#b9f1fa;letter-spacing:.16em;font:500 10px/1 "DM Mono",monospace;transform:translate(0,-50%)}
.case-map-label small{color:rgba(145,191,211,.72);font-size:9px;letter-spacing:.08em}
.case-map-title{position:absolute;left:50%;bottom:1.5%;display:flex;align-items:center;justify-content:center;gap:12px;width:max-content;max-width:88%;color:rgba(202,237,255,.9);font:600 13px/1 "Noto Sans SC","Microsoft YaHei",sans-serif;letter-spacing:.18em;transform:translateX(-50%);text-shadow:0 0 13px rgba(119,217,255,.3);white-space:nowrap}
.case-map-title::before,.case-map-title::after{content:"";width:clamp(24px,3vw,42px);height:1px;background:linear-gradient(90deg,transparent,rgba(114,223,255,.65))}
.case-map-title::after{background:linear-gradient(90deg,rgba(114,223,255,.65),transparent)}
@keyframes case-map-breathe{0%,100%{transform:scale(1);opacity:.94}50%{transform:scale(1.012);opacity:1}}
@keyframes china-outline-pulse{0%,100%{stroke-opacity:.56}50%{stroke-opacity:.95}}
@keyframes case-beam-flow{to{stroke-dashoffset:-30}}
@keyframes case-route-flight{0%,1%{opacity:0;stroke-dashoffset:92}3%{opacity:1;stroke-dashoffset:56}9%{opacity:.82;stroke-dashoffset:-84}13%,100%{opacity:0;stroke-dashoffset:-160}}
@keyframes case-point-pulse{0%,100%{transform:scale(.76);transform-origin:center;opacity:.56}50%{transform:scale(1.32);opacity:1}}
@keyframes shenzhen-pulse{0%,100%{r:7;opacity:.82}50%{r:8;opacity:1}}
@keyframes shenzhen-ring{to{transform:rotate(360deg)}}
@media(max-width:1080px){.subpage-body[data-page="cases"] .cases-hero{grid-template-columns:minmax(380px,.86fr) minmax(430px,1.14fr);gap:32px;padding-inline:36px}.subpage-body[data-page="cases"] .cases-hero h1{font-size:48px;white-space:normal}.case-map-art{width:min(52vw,590px)}}
@media(max-width:900px){.subpage-body[data-page="cases"] .cases-hero{grid-template-columns:1fr;place-items:center;gap:30px;padding-top:118px;text-align:center}.subpage-body[data-page="cases"] .cases-hero .page-hero-copy{align-items:center;max-width:760px;margin:0 auto}.subpage-body[data-page="cases"] .cases-hero .page-eyebrow{justify-content:center}.subpage-body[data-page="cases"] .cases-hero .page-hero-copy>p:not(.page-eyebrow){margin-inline:auto}.subpage-body[data-page="cases"] .cases-hero .cosmic-button{margin-inline:auto}.case-map-art{width:min(86vw,650px);min-height:540px;justify-self:center}}
@media(max-width:620px){.subpage-body[data-page="cases"] .cases-hero{padding:104px 18px 76px;gap:12px}.subpage-body[data-page="cases"] .cases-hero h1{font-size:clamp(40px,11.5vw,52px)}.case-map-art{width:96vw;min-height:420px;height:470px}.case-map-label{left:55%;top:72%;font-size:8px}.case-map-label small{font-size:7px}.case-map-title{bottom:2%;gap:8px;font-size:11px;letter-spacing:.13em}}

/* Final case-hero overrides: keep one readable title while preserving the China network visual. */
.subpage-body[data-page="cases"] .cases-hero h1{font-size:clamp(46px,3.7vw,54px);line-height:1.16;white-space:normal}
.subpage-body[data-page="cases"] .cases-hero h1::after{content:none!important;display:none!important}
.subpage-body[data-page="cases"] .cases-hero h1 em{display:inline;color:#78dff4;white-space:nowrap}
.subpage-body[data-page="cases"] .case-map-halo{background:radial-gradient(ellipse,rgba(53,154,231,.24),rgba(88,78,188,.13) 46%,transparent 74%);filter:blur(14px)}
.subpage-body[data-page="cases"] .case-map-beams{stroke-width:1.5;filter:drop-shadow(0 0 5px rgba(102,220,246,.82))}
.subpage-body[data-page="cases"] .case-map-points circle:not(.shenzhen-core):not(.shenzhen-ring){filter:drop-shadow(0 0 6px rgba(117,229,245,1))}
@media(max-width:620px){.subpage-body[data-page="cases"] .cases-hero h1{font-size:clamp(40px,11.5vw,52px);line-height:1.14}}

/* Case routes: a compact Shenzhen anchor and sequential meteor-like flights. */
.subpage-body[data-page="cases"] .case-map-beams{
  stroke-width:2px;
  stroke-dasharray:48 330;
  filter:drop-shadow(0 0 4px rgba(106,220,246,1)) drop-shadow(0 0 10px rgba(154,119,244,.5));
  animation:none;
}
.subpage-body[data-page="cases"] .case-map-beams path{
  opacity:0;
  stroke-width:2px;
  stroke-dasharray:48 330;
  mix-blend-mode:screen;
  animation:case-route-flight-sequential 24s cubic-bezier(.22,.68,.32,1) infinite;
}
.subpage-body[data-page="cases"] .case-map-beams path:nth-child(1){animation-delay:0s}
.subpage-body[data-page="cases"] .case-map-beams path:nth-child(2){animation-delay:3s}
.subpage-body[data-page="cases"] .case-map-beams path:nth-child(3){animation-delay:6s}
.subpage-body[data-page="cases"] .case-map-beams path:nth-child(4){animation-delay:9s}
.subpage-body[data-page="cases"] .case-map-beams path:nth-child(5){animation-delay:12s}
.subpage-body[data-page="cases"] .case-map-beams path:nth-child(6){animation-delay:15s}
.subpage-body[data-page="cases"] .case-map-beams path:nth-child(7){animation-delay:18s}
.subpage-body[data-page="cases"] .case-map-beams path:nth-child(8){animation-delay:21s}
.subpage-body[data-page="cases"] .shenzhen-core{
  r:6px;
  animation:none!important;
  transform:none!important;
  opacity:1;
}
.subpage-body[data-page="cases"] .case-map-points circle:not(.shenzhen-core):not(.shenzhen-ring){
  animation:none!important;
  transform:none!important;
  opacity:.92;
}
.subpage-body[data-page="cases"] .case-map-points .shenzhen-ring{
  animation:none!important;
}
@keyframes case-route-flight-sequential{
  0%,1%{opacity:0;stroke-dashoffset:28}
  2.5%{opacity:1;stroke-dashoffset:20}
  12.5%{opacity:.98;stroke-dashoffset:-265}
  16%{opacity:0;stroke-dashoffset:-360}
  16.1%,100%{opacity:0;stroke-dashoffset:-360}
}
@keyframes shenzhen-pulse-compact{
  0%,100%{r:5.5px;opacity:.84}
  50%{r:6.3px;opacity:1}
}

/* Capabilities hero: product icons travel through a layered interstellar orbit. */
.subpage-body[data-page="capabilities"] .page-hero{grid-template-columns:minmax(540px,.95fr) minmax(520px,1.05fr);place-items:center stretch;gap:clamp(20px,3vw,46px);min-height:calc(100vh - 78px);padding:clamp(112px,13vh,150px) clamp(28px,4vw,70px);text-align:left}
.subpage-body[data-page="capabilities"] .page-hero-copy{align-items:flex-start;max-width:680px;margin:0}
.subpage-body[data-page="capabilities"] .page-eyebrow{justify-content:flex-start;margin-bottom:30px}
.subpage-body[data-page="capabilities"] .page-hero h1{font-size:clamp(46px,4vw,66px);line-height:1.08;white-space:nowrap;text-wrap:balance}
.subpage-body[data-page="capabilities"] .page-hero-copy>p:not(.page-eyebrow){max-width:610px;margin:30px 0 36px;font-size:clamp(15px,1.22vw,18px);line-height:1.9}
.subpage-body[data-page="capabilities"] .cosmic-button{margin-inline:0}
@media(max-width:1080px){.subpage-body[data-page="capabilities"] .page-hero{grid-template-columns:minmax(380px,.9fr) minmax(430px,1.1fr);gap:28px;padding-inline:36px}.subpage-body[data-page="capabilities"] .page-hero h1{font-size:48px;white-space:normal}}
@media(max-width:900px){.subpage-body[data-page="capabilities"] .page-hero{grid-template-columns:1fr;place-items:center;gap:30px;padding-top:118px;text-align:center}.subpage-body[data-page="capabilities"] .page-hero-copy{align-items:center;max-width:760px;margin:0 auto}.subpage-body[data-page="capabilities"] .page-eyebrow{justify-content:center}.subpage-body[data-page="capabilities"] .page-hero-copy>p:not(.page-eyebrow){margin-inline:auto}.subpage-body[data-page="capabilities"] .cosmic-button{margin-inline:auto}}
@media(max-width:620px){.subpage-body[data-page="capabilities"] .page-hero{padding:104px 18px 76px;gap:12px}.subpage-body[data-page="capabilities"] .page-hero h1{font-size:clamp(40px,11.5vw,52px)}}

/* Procurement methods use an open, unframed dual-path composition. */
.subpage-body[data-page="capabilities"] .cooperation-matrix{position:relative;gap:clamp(60px,8vw,130px);padding:34px 0 26px;border-top:1px solid rgba(104,210,242,.15);border-bottom:1px solid rgba(122,142,224,.11)}
.subpage-body[data-page="capabilities"] .cooperation-matrix::after{content:"";position:absolute;left:50%;top:13%;bottom:13%;width:1px;background:linear-gradient(180deg,transparent,rgba(112,209,240,.22) 28%,rgba(144,119,234,.2) 72%,transparent);transform:translateX(-50%)}
.subpage-body[data-page="capabilities"] .cooperation-matrix article,.subpage-body[data-page="capabilities"] .cooperation-matrix article:nth-child(2){display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;min-height:250px;padding:18px 0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}
.subpage-body[data-page="capabilities"] .cooperation-matrix article:hover,.subpage-body[data-page="capabilities"] .cooperation-matrix article:nth-child(2):hover{border:0;background:transparent;box-shadow:none;transform:none}
.subpage-body[data-page="capabilities"] .cooperation-matrix article::before{left:5px;right:auto;top:50%;width:176px;height:176px;border:0;background:radial-gradient(circle,rgba(62,187,231,.12),rgba(55,120,190,.035) 48%,transparent 72%);box-shadow:none;transform:translateY(-50%)}
.subpage-body[data-page="capabilities"] .cooperation-matrix article:nth-child(2)::before{background:radial-gradient(circle,rgba(132,97,225,.13),rgba(84,76,175,.035) 50%,transparent 72%);box-shadow:none}
.subpage-body[data-page="capabilities"] .cooperation-matrix article::after{content:"";position:absolute;left:151px;top:50%;width:40px;height:1px;background:linear-gradient(90deg,rgba(104,219,245,.5),transparent)}
.subpage-body[data-page="capabilities"] .cooperation-matrix article:nth-child(2)::after{background:linear-gradient(90deg,rgba(161,137,242,.5),transparent)}
.subpage-body[data-page="capabilities"] .cooperation-matrix .purchase-copy{grid-column:2;grid-row:1;align-self:center;min-height:0;padding-left:26px}
.subpage-body[data-page="capabilities"] .cooperation-matrix h3{margin:42px 0 14px;font-size:clamp(34px,3vw,44px)}
.subpage-body[data-page="capabilities"] .cooperation-matrix p{max-width:360px;font-size:14px;line-height:1.85}
.subpage-body[data-page="capabilities"] .cooperation-matrix small{margin-top:27px;padding-top:0;color:#719ab0}
.subpage-body[data-page="capabilities"] .cooperation-matrix .purchase-visual{position:relative;grid-column:1;grid-row:1;right:auto;top:auto;justify-self:start;width:165px;opacity:1;transform:scale(.9);transform-origin:center;transition:transform .38s ease,filter .38s ease}
.subpage-body[data-page="capabilities"] .cooperation-matrix article:hover .purchase-visual{transform:scale(.96);filter:brightness(1.12)}
@media(max-width:900px){.subpage-body[data-page="capabilities"] .cooperation-matrix{gap:42px}.subpage-body[data-page="capabilities"] .cooperation-matrix article,.subpage-body[data-page="capabilities"] .cooperation-matrix article:nth-child(2){grid-template-columns:145px minmax(0,1fr)}.subpage-body[data-page="capabilities"] .cooperation-matrix article::before{left:-8px;width:155px;height:155px}.subpage-body[data-page="capabilities"] .cooperation-matrix article::after{left:126px;width:28px}.subpage-body[data-page="capabilities"] .cooperation-matrix .purchase-visual{width:140px;transform:scale(.78)}.subpage-body[data-page="capabilities"] .cooperation-matrix .purchase-copy{padding-left:14px}}
@media(max-width:620px){.subpage-body[data-page="capabilities"] .cooperation-matrix{display:block;padding:8px 0 0;border-bottom:0}.subpage-body[data-page="capabilities"] .cooperation-matrix::after{display:none}.subpage-body[data-page="capabilities"] .cooperation-matrix article,.subpage-body[data-page="capabilities"] .cooperation-matrix article:nth-child(2){display:grid;grid-template-columns:105px minmax(0,1fr);min-height:225px;padding:24px 0;border-bottom:1px solid rgba(107,202,235,.13)}.subpage-body[data-page="capabilities"] .cooperation-matrix article::before{left:-25px;width:145px;height:145px}.subpage-body[data-page="capabilities"] .cooperation-matrix article::after{left:89px;width:24px}.subpage-body[data-page="capabilities"] .cooperation-matrix .purchase-copy{grid-column:2;grid-row:1;min-height:0;padding-left:10px}.subpage-body[data-page="capabilities"] .cooperation-matrix h3{margin:30px 0 10px;font-size:32px}.subpage-body[data-page="capabilities"] .cooperation-matrix p{max-width:none;font-size:12px}.subpage-body[data-page="capabilities"] .cooperation-matrix small{margin-top:20px}.subpage-body[data-page="capabilities"] .cooperation-matrix .purchase-visual{position:relative;grid-column:1;grid-row:1;right:auto;top:auto;width:112px;opacity:.88;transform:scale(.62);transform-origin:left center}}

/* Service system is presented as one connected delivery chain. */
.subpage-body[data-page="capabilities"] #capability-depth{display:block;padding-top:clamp(112px,12vw,176px);padding-bottom:clamp(118px,12vw,180px);background:radial-gradient(circle at 50% 72%,rgba(51,137,208,.1),transparent 38%),linear-gradient(180deg,rgba(2,8,25,.14),rgba(5,16,43,.4))}
.subpage-body[data-page="capabilities"] #capability-depth .capability-art{display:none}
.subpage-body[data-page="capabilities"] #capability-depth .capability-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,360px);column-gap:clamp(60px,9vw,150px);max-width:1120px;margin:0 auto;align-items:end}
.subpage-body[data-page="capabilities"] #capability-depth .capability-copy>.section-kicker{grid-column:1/-1;margin-bottom:26px}
.subpage-body[data-page="capabilities"] #capability-depth .capability-copy>h2{grid-column:1;margin:0;font-size:0}
.subpage-body[data-page="capabilities"] #capability-depth .capability-copy>p{grid-column:2;max-width:340px;margin:0 0 8px;line-height:1.9}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points{position:relative;grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:84px 0 0;padding:0;border:0}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points::before{content:"";position:absolute;z-index:0;left:12.5%;right:12.5%;top:31px;height:1px;background:linear-gradient(90deg,#55dff5,rgba(88,185,241,.76),rgba(127,138,239,.78),#a379ed);box-shadow:0 0 14px rgba(85,211,245,.22)}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div,.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(2),.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(3),.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(4){position:relative;display:flex;min-height:220px;padding:0 clamp(14px,2vw,28px);flex-direction:column;align-items:center;border:0;background:transparent;box-shadow:none;transform:none;text-align:center}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:hover{border:0;background:transparent;box-shadow:none;transform:none}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points strong{position:relative;z-index:2;display:grid;width:62px;height:62px;place-items:center;border:1px solid rgba(119,225,248,.56);border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(119,231,251,.3),rgba(16,65,105,.88) 62%,rgba(5,19,45,.98));color:#dcfaff;font:600 16px/1 "DM Mono",monospace;box-shadow:0 0 0 7px rgba(75,189,230,.045),0 0 28px rgba(69,205,243,.18)}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(2) strong{border-color:rgba(112,181,246,.58);background:radial-gradient(circle at 35% 28%,rgba(112,181,246,.28),rgba(25,57,116,.9) 62%,rgba(7,18,48,.98))}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(3) strong{border-color:rgba(140,146,242,.6);background:radial-gradient(circle at 35% 28%,rgba(140,146,242,.28),rgba(45,46,116,.9) 62%,rgba(9,17,48,.98))}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(4) strong{border-color:rgba(169,124,239,.62);background:radial-gradient(circle at 35% 28%,rgba(169,124,239,.3),rgba(63,42,119,.9) 62%,rgba(12,16,49,.98))}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points span{display:block;max-width:230px;margin-top:36px;color:#e6f7ff;font-size:15px;font-weight:600;line-height:1.6}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points b{display:none}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:not(:last-child)::after{content:"";position:absolute;z-index:1;right:-4px;top:27px;width:9px;height:9px;border-top:1px solid rgba(121,214,245,.72);border-right:1px solid rgba(121,214,245,.72);transform:rotate(45deg);filter:drop-shadow(0 0 5px rgba(99,205,240,.35))}
@media(max-width:900px){.subpage-body[data-page="capabilities"] #capability-depth .capability-copy{grid-template-columns:1fr}.subpage-body[data-page="capabilities"] #capability-depth .capability-copy>p{grid-column:1;max-width:560px;margin-top:28px}.subpage-body[data-page="capabilities"] #capability-depth .capability-points{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:46px}.subpage-body[data-page="capabilities"] #capability-depth .capability-points::before{display:none}.subpage-body[data-page="capabilities"] #capability-depth .capability-points div{min-height:180px}.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:not(:last-child)::after{display:none}}
@media(max-width:620px){.subpage-body[data-page="capabilities"] #capability-depth{padding:90px 20px 104px}.subpage-body[data-page="capabilities"] #capability-depth .capability-points{display:block;margin-top:56px;padding-left:58px}.subpage-body[data-page="capabilities"] #capability-depth .capability-points::before{display:block;left:29px;right:auto;top:31px;bottom:31px;width:1px;height:auto;background:linear-gradient(180deg,#55dff5,rgba(104,170,241,.72),#a379ed)}.subpage-body[data-page="capabilities"] #capability-depth .capability-points div,.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(2),.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(3),.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(4){min-height:128px;padding:0 0 28px;align-items:flex-start;text-align:left}.subpage-body[data-page="capabilities"] #capability-depth .capability-points strong{position:absolute;left:-58px;top:0;width:58px;height:58px}.subpage-body[data-page="capabilities"] #capability-depth .capability-points span{max-width:none;margin-top:14px;font-size:15px}.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:not(:last-child)::after{display:none}}

/* Shared editorial title hierarchy for every major capabilities section. */
.subpage-body[data-page="capabilities"] .section-display-title{display:block!important;margin:0!important;font-size:inherit!important;line-height:1!important;letter-spacing:0!important;text-align:inherit}
.subpage-body[data-page="capabilities"] .section-display-title::after{content:none!important;display:none!important}
.subpage-body[data-page="capabilities"] .section-display-title>span{display:block;color:#f1fbff!important;font-size:clamp(48px,5.15vw,76px)!important;font-style:normal;font-weight:800;line-height:1.04;text-shadow:0 0 34px rgba(67,196,255,.12)}
.subpage-body[data-page="capabilities"] .section-display-title>em{display:flex;align-items:center;gap:18px;width:max-content;max-width:100%;margin:16px 0 0 clamp(34px,5vw,78px);font-size:clamp(27px,3vw,43px);font-style:normal;font-weight:600;line-height:1.2;background:linear-gradient(90deg,#6de2f6,#91b8f2 56%,#ae91ef);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.subpage-body[data-page="capabilities"] .section-display-title>em::before{content:"";display:block;width:clamp(28px,3.5vw,54px);height:1px;flex:0 0 auto;background:linear-gradient(90deg,#64dff4,rgba(121,132,237,.55));box-shadow:0 0 10px rgba(93,211,243,.26)}
.subpage-body[data-page="capabilities"] #capability-depth .capability-copy>h2.section-display-title{font-size:inherit!important}
.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .section-display-title>em{margin-left:auto;margin-right:auto}
@media(max-width:620px){.subpage-body[data-page="capabilities"] .section-display-title>span{font-size:clamp(40px,11vw,50px)!important}.subpage-body[data-page="capabilities"] .section-display-title>em{gap:12px;margin-top:13px;margin-left:18px;font-size:clamp(23px,7vw,31px)}.subpage-body[data-page="capabilities"] .section-display-title>em::before{width:24px}.subpage-body[data-page="capabilities"] #capability-depth + .cosmic-content-section .section-display-title>em{margin-left:auto;margin-right:auto}}

/* Turn the four service nodes into distinct miniature planets. */
.subpage-body[data-page="capabilities"] #capability-depth .capability-points::before{top:39px}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points strong{isolation:isolate;width:78px;height:78px;overflow:visible;border:1px solid rgba(142,235,252,.66);background:radial-gradient(ellipse at 28% 31%,rgba(181,255,255,.8) 0 3%,rgba(70,211,229,.46) 4% 11%,transparent 12%),radial-gradient(ellipse at 65% 67%,rgba(53,189,210,.5) 0 12%,transparent 13%),radial-gradient(circle at 31% 25%,#61dbe9 0,#1688ad 35%,#09426f 62%,#061c45 82%);color:#f2fdff;font-size:15px;text-shadow:0 1px 3px rgba(0,12,35,.92),0 0 8px rgba(190,251,255,.72);box-shadow:0 0 0 8px rgba(70,193,226,.04),0 0 25px rgba(76,213,241,.28),0 0 58px rgba(42,142,213,.17),inset 9px 8px 15px rgba(197,251,255,.12),inset -13px -14px 19px rgba(1,8,35,.62)}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points strong::before{content:"";position:absolute;z-index:-1;inset:5px;border-radius:50%;background:linear-gradient(164deg,transparent 18%,rgba(190,250,255,.16) 20% 25%,transparent 27% 47%,rgba(64,194,224,.16) 49% 55%,transparent 57%);transform:rotate(-8deg);box-shadow:inset 7px 7px 12px rgba(216,254,255,.08),inset -8px -10px 14px rgba(0,8,32,.36)}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points strong::after{content:"";position:absolute;z-index:-2;left:50%;top:50%;width:110px;height:30px;border:1px solid rgba(115,224,246,.32);border-radius:50%;transform:translate(-50%,-50%) rotate(-11deg);box-shadow:0 0 10px rgba(75,207,239,.12)}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(2) strong{border-color:rgba(127,187,255,.68);background:linear-gradient(170deg,transparent 0 29%,rgba(113,190,255,.3) 30% 37%,transparent 38% 48%,rgba(67,130,221,.38) 49% 57%,transparent 58%),radial-gradient(circle at 30% 24%,#85c6ff 0,#346ebc 38%,#1b397d 64%,#0a1747 84%);box-shadow:0 0 0 8px rgba(78,139,229,.045),0 0 27px rgba(91,163,245,.27),0 0 58px rgba(66,89,208,.18),inset 9px 8px 15px rgba(211,238,255,.11),inset -13px -14px 19px rgba(2,7,35,.65)}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(2) strong::after{width:122px;height:34px;border-color:rgba(125,181,250,.42);transform:translate(-50%,-50%) rotate(12deg)}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(3) strong{border-color:rgba(166,151,249,.7);background:radial-gradient(circle at 67% 29%,rgba(217,205,255,.46) 0 4%,transparent 5%),radial-gradient(circle at 31% 62%,rgba(111,103,224,.55) 0 10%,transparent 11%),radial-gradient(circle at 30% 24%,#9b8ef2 0,#574abb 40%,#2b266f 66%,#11143f 85%);box-shadow:0 0 0 8px rgba(130,113,235,.045),0 0 28px rgba(135,115,239,.28),0 0 60px rgba(99,74,214,.2),inset 9px 8px 15px rgba(225,216,255,.11),inset -13px -14px 19px rgba(5,5,32,.66)}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(3) strong::before{background:linear-gradient(150deg,transparent 17%,rgba(212,201,255,.16) 19% 24%,transparent 26% 50%,rgba(121,109,229,.16) 52% 58%,transparent 60%);transform:rotate(12deg)}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(3) strong::after{width:105px;height:28px;border-color:rgba(162,143,244,.3);transform:translate(-50%,-50%) rotate(-18deg)}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(4) strong{border-color:rgba(203,143,255,.72);background:radial-gradient(ellipse at 30% 30%,rgba(241,214,255,.58) 0 4%,transparent 13%),radial-gradient(ellipse at 69% 65%,rgba(165,91,223,.5) 0 13%,transparent 14%),radial-gradient(circle at 30% 24%,#c08af0 0,#8042be 40%,#48226f 67%,#1b113e 85%);box-shadow:0 0 0 8px rgba(170,92,226,.045),0 0 30px rgba(183,106,236,.3),0 0 64px rgba(122,62,200,.2),inset 9px 8px 15px rgba(245,220,255,.12),inset -13px -14px 19px rgba(11,4,31,.68)}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(4) strong::after{width:124px;height:35px;border-color:rgba(204,144,249,.43);transform:translate(-50%,-50%) rotate(-9deg);box-shadow:0 0 14px rgba(173,95,226,.15)}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:not(:last-child)::after{top:35px}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points span{margin-top:42px}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(2)>span{max-width:none;font-size:13px;white-space:nowrap}
@media(max-width:620px){.subpage-body[data-page="capabilities"] #capability-depth .capability-points{padding-left:70px}.subpage-body[data-page="capabilities"] #capability-depth .capability-points::before{left:34px;top:34px;bottom:34px}.subpage-body[data-page="capabilities"] #capability-depth .capability-points strong{left:-70px;width:68px;height:68px;font-size:13px}.subpage-body[data-page="capabilities"] #capability-depth .capability-points strong::after{width:92px;height:25px}.subpage-body[data-page="capabilities"] #capability-depth .capability-points span{margin-top:13px}.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(2)>span{font-size:14px;white-space:normal}}

/* Refined Chinese label for the closing call to action. */
.subpage-body[data-page="capabilities"] .cosmic-cta>p{display:flex;align-items:center;gap:16px;margin:0 0 27px;color:#91d8e9;font-family:"Noto Sans SC","Manrope",sans-serif;font-size:14px;font-weight:600;line-height:1;letter-spacing:.12em;text-shadow:0 0 16px rgba(87,211,241,.18)}
.subpage-body[data-page="capabilities"] .cosmic-cta>p::before,.subpage-body[data-page="capabilities"] .cosmic-cta>p::after{content:"";display:block;width:44px;height:1px;background:linear-gradient(90deg,transparent,#66dff4);box-shadow:0 0 9px rgba(91,218,245,.22)}
.subpage-body[data-page="capabilities"] .cosmic-cta>p::after{background:linear-gradient(90deg,#91a7f0,transparent)}
@media(max-width:620px){.subpage-body[data-page="capabilities"] .cosmic-cta>p{gap:11px;font-size:12px}.subpage-body[data-page="capabilities"] .cosmic-cta>p::before,.subpage-body[data-page="capabilities"] .cosmic-cta>p::after{width:28px}}

/* Give the four service planets an independent, restrained breathing rhythm. */
.subpage-body[data-page="capabilities"] #capability-depth .capability-points strong{animation:capability-planet-breathe 5.8s ease-in-out infinite;will-change:transform,filter}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(2) strong{animation-duration:6.4s;animation-delay:-1.5s}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(3) strong{animation-duration:5.4s;animation-delay:-3.1s}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(4) strong{animation-duration:6.8s;animation-delay:-4.4s}
@keyframes capability-planet-breathe{0%,100%{transform:scale(.96);filter:brightness(.93) saturate(.96)}50%{transform:scale(1.055);filter:brightness(1.14) saturate(1.08)}}

/* Brighter glass service planets inspired by the homepage sphere. */
.subpage-body[data-page="capabilities"] #capability-depth .capability-points strong{border-color:rgba(180,244,255,.82);background:radial-gradient(ellipse at 28% 20%,rgba(238,253,255,.86) 0 4%,rgba(150,240,255,.45) 10%,transparent 25%),radial-gradient(circle at 62% 72%,rgba(38,160,220,.5),transparent 48%),radial-gradient(circle at 35% 28%,#4fc9ec 0,#187db4 42%,#0d386f 70%,#050f30 94%);box-shadow:0 0 0 7px rgba(89,210,245,.08),0 0 24px rgba(88,218,250,.42),0 0 56px rgba(50,137,224,.3),inset 10px 9px 17px rgba(231,253,255,.28),inset -16px -18px 23px rgba(0,6,28,.62)}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points strong::before{inset:4px;background:radial-gradient(ellipse at 33% 18%,rgba(255,255,255,.72) 0 3%,transparent 17%),linear-gradient(164deg,transparent 18%,rgba(205,250,255,.2) 20% 25%,transparent 27% 47%,rgba(76,202,237,.2) 49% 55%,transparent 57%);box-shadow:inset 8px 8px 14px rgba(240,255,255,.13),inset -10px -12px 16px rgba(0,8,32,.3)}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points strong::after{border-color:rgba(180,243,255,.5);box-shadow:0 0 13px rgba(87,218,249,.25)}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(2) strong{border-color:rgba(184,222,255,.86);background:radial-gradient(ellipse at 28% 19%,rgba(245,252,255,.86) 0 4%,rgba(174,218,255,.48) 10%,transparent 25%),linear-gradient(155deg,transparent 0 31%,rgba(144,210,255,.42) 33% 40%,transparent 42% 51%,rgba(76,139,232,.48) 53% 59%,transparent 61%),radial-gradient(circle at 35% 28%,#70bbf5 0,#387bc8 42%,#1b397d 70%,#071542 94%);box-shadow:0 0 0 7px rgba(95,163,242,.08),0 0 26px rgba(104,181,255,.42),0 0 58px rgba(66,93,214,.3),inset 10px 9px 17px rgba(235,247,255,.25),inset -16px -18px 23px rgba(0,5,28,.64)}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(3) strong{border-color:rgba(209,196,255,.86);background:radial-gradient(ellipse at 28% 19%,rgba(250,247,255,.84) 0 4%,rgba(202,190,255,.46) 10%,transparent 25%),radial-gradient(circle at 65% 72%,rgba(106,95,222,.54),transparent 47%),radial-gradient(circle at 35% 28%,#a99af4 0,#6658c7 42%,#302875 70%,#0d1038 94%);box-shadow:0 0 0 7px rgba(139,121,238,.08),0 0 27px rgba(155,135,255,.44),0 0 60px rgba(104,77,219,.31),inset 10px 9px 17px rgba(245,240,255,.25),inset -16px -18px 23px rgba(4,3,31,.65)}
.subpage-body[data-page="capabilities"] #capability-depth .capability-points div:nth-child(4) strong{border-color:rgba(240,205,255,.88);background:radial-gradient(ellipse at 28% 19%,rgba(255,249,255,.9) 0 4%,rgba(239,195,255,.48) 10%,transparent 25%),radial-gradient(circle at 64% 70%,rgba(167,82,225,.55),transparent 47%),radial-gradient(circle at 35% 28%,#d29bf2 0,#884ac3 42%,#4e2779 70%,#1a103d 94%);box-shadow:0 0 0 7px rgba(188,100,231,.08),0 0 29px rgba(204,125,246,.46),0 0 62px rgba(137,63,207,.32),inset 10px 9px 17px rgba(255,242,255,.26),inset -16px -18px 23px rgba(8,2,30,.66)}

/* Rising orbital timeline for the development history section. */
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values{position:relative;display:block;max-width:1240px;min-height:670px;margin:20px auto 0;isolation:isolate}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values::before{content:"";position:absolute;z-index:0;left:3%;bottom:112px;width:93%;height:390px;border-top:2px solid transparent;border-radius:50% 50% 0 0/100% 100% 0 0;background:linear-gradient(90deg,rgba(69,184,230,.12),rgba(80,214,245,.68) 38%,rgba(123,142,242,.76) 70%,rgba(187,113,247,.95)) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 5px rgba(89,218,246,.38)) drop-shadow(0 0 17px rgba(125,102,235,.2));transform:rotate(-7deg);transform-origin:center}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values::after{content:"";position:absolute;z-index:0;inset:30px 1% 80px;background:radial-gradient(circle at 8% 78%,rgba(151,241,255,.95) 0 1px,transparent 2px),radial-gradient(circle at 21% 65%,rgba(92,221,248,.75) 0 1px,transparent 2px),radial-gradient(circle at 38% 58%,rgba(146,191,255,.82) 0 1px,transparent 2px),radial-gradient(circle at 54% 43%,rgba(177,159,255,.78) 0 1px,transparent 2px),radial-gradient(circle at 71% 33%,rgba(127,216,255,.72) 0 1px,transparent 2px),radial-gradient(circle at 86% 18%,rgba(218,166,255,.88) 0 1px,transparent 2px);filter:drop-shadow(0 0 5px rgba(103,216,246,.65));opacity:.72;animation:history-particles-flow 5.8s ease-in-out infinite alternate;pointer-events:none}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article{position:absolute;z-index:2;width:23%;min-height:214px;margin:0;padding:27px 25px 24px;border:1px solid rgba(111,203,239,.18);border-top:1px solid rgba(135,231,250,.58);background:linear-gradient(155deg,rgba(15,45,84,.76),rgba(6,18,45,.54));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 58px rgba(0,5,25,.25),inset 0 1px 0 rgba(215,249,255,.035);transition:transform .35s cubic-bezier(.2,.75,.2,1),border-color .35s,box-shadow .35s}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(1){left:0;top:416px}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(2){left:25.7%;top:76px}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(3){left:51.4%;top:248px}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(4){right:0;top:0}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:hover{transform:translateY(-7px);border-color:rgba(148,229,250,.5);box-shadow:0 28px 65px rgba(0,5,25,.3),0 0 28px rgba(91,195,237,.1),inset 0 1px 0 rgba(226,250,255,.06)}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article::before{content:"";position:absolute;z-index:3;left:50%;width:14px;height:14px;border:2px solid rgba(217,249,255,.9);border-radius:50%;background:#51d8f3;box-shadow:0 0 0 7px rgba(69,202,238,.09),0 0 12px rgba(103,228,250,.9),0 0 28px rgba(72,172,239,.48);transform:translateX(-50%);animation:history-node-breathe 3.4s ease-in-out infinite}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article::after{content:"";position:absolute;z-index:1;left:50%;width:1px;height:31px;background:linear-gradient(180deg,rgba(119,224,247,.08),rgba(130,226,249,.75));box-shadow:0 0 7px rgba(91,213,244,.35);transform:translateX(-50%)}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(1)::before,.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(3)::before{top:-42px}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(1)::after,.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(3)::after{top:-31px}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(2)::before,.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(4)::before{bottom:-42px;background:#aa87f2;box-shadow:0 0 0 7px rgba(147,108,235,.09),0 0 12px rgba(196,160,255,.86),0 0 28px rgba(125,87,229,.48)}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(2)::after,.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(4)::after{bottom:-31px;background:linear-gradient(180deg,rgba(172,143,245,.76),rgba(139,113,236,.08))}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article>span{position:absolute;left:50%;width:max-content;color:#a9eafa;font-size:11px;letter-spacing:.06em;text-shadow:0 0 13px rgba(91,215,246,.32);transform:translateX(-50%)}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(1)>span,.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(3)>span{top:-73px}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(2)>span,.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(4)>span{bottom:-73px;color:#bca8f6}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values h3{margin:30px 0 14px;font-size:29px}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values p{font-size:13px;line-height:1.82}
@keyframes history-node-breathe{0%,100%{filter:brightness(.88);transform:translateX(-50%) scale(.92)}50%{filter:brightness(1.28);transform:translateX(-50%) scale(1.08)}}
@keyframes history-particles-flow{from{opacity:.38;transform:translate3d(-1.2%,1.5%,0)}to{opacity:.82;transform:translate3d(1.2%,-1.5%,0)}}
@media(max-width:980px){.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 20px;min-height:0;padding:42px 0}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values::before{left:7%;bottom:28%;width:86%;height:48%;transform:rotate(-5deg);opacity:.7}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article,.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(1),.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(2),.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(3),.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(4){position:relative;left:auto;right:auto;top:auto;width:auto;min-height:230px}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article::before{top:-36px!important;bottom:auto!important}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article::after{top:-26px!important;bottom:auto!important}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article>span{position:static;display:block;transform:none}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values h3{margin-top:46px}}
@media(max-width:620px){.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values{display:block;padding:16px 0 0 42px}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values::before{left:8px;top:24px;bottom:28px;width:2px;height:auto;border:0;border-radius:0;background:linear-gradient(180deg,#b17cf0,#718fe9 52%,#50daf3);transform:none;filter:drop-shadow(0 0 8px rgba(95,207,242,.42));-webkit-mask:none;mask:none}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values::after{left:-4px;right:auto;top:20px;bottom:20px;width:26px;background:radial-gradient(circle at 50% 12%,rgba(198,158,255,.9) 0 1px,transparent 2px),radial-gradient(circle at 50% 38%,rgba(136,161,255,.85) 0 1px,transparent 2px),radial-gradient(circle at 50% 66%,rgba(93,214,250,.85) 0 1px,transparent 2px),radial-gradient(circle at 50% 90%,rgba(181,244,255,.95) 0 1px,transparent 2px)}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article,.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(n){min-height:0;margin:0 0 34px;padding:25px 22px}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article::before{left:-42px;top:32px!important;width:12px;height:12px}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article::after{left:-30px;top:39px!important;width:30px;height:1px;background:linear-gradient(90deg,rgba(95,214,246,.78),rgba(95,214,246,.08))}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values h3{margin:31px 0 12px;font-size:27px}}

/* Scroll-driven entrance, path illumination and hover feedback. */
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values{--history-fill:0%;--history-node-glow:.42}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values::before{background:linear-gradient(90deg,#53dcf5 0,var(--history-fill),rgba(74,135,203,.16) var(--history-fill),rgba(111,84,186,.18) 100%) border-box;filter:drop-shadow(0 0 9px rgba(89,218,246,.5)) drop-shadow(0 0 20px rgba(125,102,235,.18));transition:background .12s linear}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article{--history-delay:0ms;opacity:0;filter:blur(7px);transform:translate3d(0,58px,0) scale(.94);transition:opacity .7s ease var(--history-delay),filter .7s ease var(--history-delay),transform .72s cubic-bezier(.16,.82,.24,1) var(--history-delay),border-color .3s ease,box-shadow .3s ease}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(1){--history-delay:0ms}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(2){--history-delay:150ms}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(3){--history-delay:300ms}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(4){--history-delay:450ms}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values.is-entered article{opacity:1;filter:none;transform:translate3d(0,0,0) scale(1)}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values.is-entered article:hover{transform:translate3d(0,-11px,0) scale(1.012);border-color:rgba(171,237,253,.66);box-shadow:0 31px 72px rgba(0,5,25,.34),0 0 35px rgba(91,205,242,.16),inset 0 1px 0 rgba(236,253,255,.09)}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:hover::before,.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article.is-reached::before{animation:none;filter:brightness(1.45);background:#d9fbff;box-shadow:0 0 0 9px rgba(91,218,246,.13),0 0 17px rgba(181,247,255,1),0 0 38px rgba(80,187,244,.72)}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(2):hover::before,.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(4):hover::before,.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(2).is-reached::before,.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(4).is-reached::before{background:#efe7ff;box-shadow:0 0 0 9px rgba(167,119,241,.13),0 0 17px rgba(228,204,255,1),0 0 38px rgba(145,93,235,.72)}
@media(prefers-reduced-motion:reduce){.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article{opacity:1;filter:none;transform:none;transition:none}.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values.is-entered article:hover{transform:none}}

/* Give the company profile opening statement a more confident, editorial scale. */
.subpage-body[data-page="about"] #about-depth{min-height:min(760px,calc(100vh - 78px));display:flex;flex-direction:column;justify-content:center;padding:clamp(128px,14vh,190px) clamp(36px,8vw,144px)}
.subpage-body[data-page="about"] #about-depth .section-kicker{margin-bottom:clamp(42px,5vw,72px);font-size:13px;letter-spacing:.14em}
.subpage-body[data-page="about"] #about-depth .intro-grid{width:100%;max-width:1400px;grid-template-columns:minmax(0,1.3fr) minmax(380px,.7fr);gap:clamp(60px,6vw,110px);align-items:center}
.subpage-body[data-page="about"] #about-depth .intro-grid h2::after{font-size:clamp(56px,5.8vw,92px);line-height:1.06}
.subpage-body[data-page="about"] #about-depth .intro-body{max-width:620px;padding-left:34px;border-left:1px solid rgba(100,218,255,.55)}
.subpage-body[data-page="about"] #about-depth .intro-body p{margin:0;color:#a9bfd0;font-size:clamp(16px,1.25vw,20px);line-height:1.95}
.subpage-body[data-page="about"] #about-depth .intro-body p+p{margin-top:28px}
@media(max-width:900px){.subpage-body[data-page="about"] #about-depth{min-height:0;padding:120px 28px 132px}.subpage-body[data-page="about"] #about-depth .intro-grid{grid-template-columns:1fr;gap:42px}.subpage-body[data-page="about"] #about-depth .intro-grid h2::after{font-size:clamp(52px,9vw,78px)}.subpage-body[data-page="about"] #about-depth .intro-body{max-width:none}}
@media(max-width:620px){.subpage-body[data-page="about"] #about-depth{padding:108px 20px 116px}.subpage-body[data-page="about"] #about-depth .section-kicker{margin-bottom:34px;font-size:11px}.subpage-body[data-page="about"] #about-depth .intro-grid h2::after{font-size:42px}.subpage-body[data-page="about"] #about-depth .intro-body{padding-left:20px}.subpage-body[data-page="about"] #about-depth .intro-body p{font-size:15px;line-height:1.85}}

/* Company profile: one full-width statement with a connected information rail. */
.subpage-body[data-page="about"] #about-depth{min-height:min(820px,calc(100vh - 78px));padding:clamp(120px,13vh,176px) clamp(32px,8vw,144px);text-align:center}
.subpage-body[data-page="about"] #about-depth .section-kicker{margin-bottom:clamp(34px,4vw,54px)}
.subpage-body[data-page="about"] #about-depth .intro-grid{display:block;max-width:1320px;margin:0 auto}
.subpage-body[data-page="about"] #about-depth .intro-grid h2{max-width:1120px;margin:0 auto}
.subpage-body[data-page="about"] #about-depth .intro-grid h2::after{font-size:clamp(58px,6vw,96px);line-height:1.07}
.subpage-body[data-page="about"] #about-depth .intro-body{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(44px,7vw,108px);max-width:1100px;margin:clamp(58px,6vw,82px) auto 0;padding:42px 0 0;border:0;border-top:1px solid rgba(104,214,241,.32);text-align:left}
.subpage-body[data-page="about"] #about-depth .intro-body::before{position:absolute;left:50%;top:0;margin:0;padding:0 18px;background:#050d25;transform:translate(-50%,-50%)}
.subpage-body[data-page="about"] #about-depth .intro-body::after{content:"";position:absolute;left:50%;top:42px;bottom:0;width:1px;background:linear-gradient(180deg,rgba(110,218,244,.26),transparent)}
.subpage-body[data-page="about"] #about-depth .intro-body p{max-width:480px;margin:0;font-size:clamp(16px,1.15vw,18px);line-height:1.9}
.subpage-body[data-page="about"] #about-depth .intro-body p+p{margin:0}
@media(max-width:760px){.subpage-body[data-page="about"] #about-depth{padding:108px 22px 118px}.subpage-body[data-page="about"] #about-depth .intro-grid h2::after{font-size:clamp(42px,10vw,64px)}.subpage-body[data-page="about"] #about-depth .intro-body{grid-template-columns:1fr;gap:24px;margin-top:54px;padding-top:38px}.subpage-body[data-page="about"] #about-depth .intro-body::after{display:none}.subpage-body[data-page="about"] #about-depth .intro-body p{max-width:none;text-align:center}}

@media(max-width:620px){.subpage-body[data-page="about"] #about-depth .intro-grid h2::after{font-size:clamp(34px,9.2vw,40px);line-height:1.12}}

/* Company profile contrast: offset composition after the centered page hero. */
.subpage-body[data-page="about"] #about-depth{text-align:left}
.subpage-body[data-page="about"] #about-depth>.section-kicker{width:100%;max-width:1320px;margin-left:auto;margin-right:auto;text-align:left}
.subpage-body[data-page="about"] #about-depth .intro-grid h2{max-width:980px;margin:0;text-align:left}
.subpage-body[data-page="about"] #about-depth .intro-body{width:calc(100% - clamp(80px,11vw,180px));max-width:1120px;margin-left:clamp(80px,11vw,180px);margin-right:0}
.subpage-body[data-page="about"] #about-depth .intro-body::before{left:0;transform:translate(0,-50%);padding:0 18px 0 0}
.subpage-body[data-page="about"] #about-depth .intro-body::after{left:50%}
@media(max-width:760px){.subpage-body[data-page="about"] #about-depth>.section-kicker{text-align:left}.subpage-body[data-page="about"] #about-depth .intro-grid h2{text-align:left}.subpage-body[data-page="about"] #about-depth .intro-body{width:100%;margin-left:0;margin-right:0}.subpage-body[data-page="about"] #about-depth .intro-body::before{left:0;transform:translate(0,-50%)}.subpage-body[data-page="about"] #about-depth .intro-body p{text-align:left}}

/* Company profile content upgrade: statement anchor, proof points and a quiet orbital rail. */
.subpage-body[data-page="about"] #about-depth{position:relative;overflow:hidden;padding-bottom:clamp(150px,16vh,220px)}
.subpage-body[data-page="about"] #about-depth .intro-heading{display:flex;flex-direction:column;align-items:flex-start}
.subpage-body[data-page="about"] #about-depth .intro-heading h2{max-width:1100px}
.subpage-body[data-page="about"] #about-depth .intro-heading h2::after{font-size:clamp(58px,6vw,96px);line-height:1.04;background:linear-gradient(180deg,#f2fbff 0 48%,#72def5 88%);-webkit-background-clip:text;background-clip:text;color:transparent}
.subpage-body[data-page="about"] #about-depth .intro-heading::after{content:"";width:clamp(150px,21vw,290px);height:2px;margin-top:30px;background:linear-gradient(90deg,#5bdcf4,rgba(109,133,237,.68),transparent);box-shadow:0 0 14px rgba(81,209,243,.24)}
.subpage-body[data-page="about"] #about-depth .intro-body{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(46px,8vw,128px);width:calc(100% - clamp(80px,11vw,180px));max-width:1120px;margin:clamp(58px,6vw,82px) 0 0 clamp(80px,11vw,180px);padding:0;border:0;text-align:left}
.subpage-body[data-page="about"] #about-depth .intro-body::before,.subpage-body[data-page="about"] #about-depth .intro-body::after{display:none;content:none}
.subpage-body[data-page="about"] #about-depth .profile-highlight{position:relative;min-height:235px;padding:28px 0 0;border-top:1px solid rgba(111,216,245,.3)}
.subpage-body[data-page="about"] #about-depth .profile-highlight:first-child{border-top-color:rgba(87,221,244,.58)}
.subpage-body[data-page="about"] #about-depth .profile-highlight:last-child{border-top-color:rgba(148,131,239,.4)}
.subpage-body[data-page="about"] #about-depth .highlight-stat{font-size:clamp(58px,5vw,82px);font-weight:600;line-height:.9;letter-spacing:.02em;color:#77e3f7;text-shadow:0 0 22px rgba(77,208,242,.2)}
.subpage-body[data-page="about"] #about-depth .highlight-stat span{font-size:.56em;color:#a8eff8}
.subpage-body[data-page="about"] #about-depth .profile-highlight h3{margin:18px 0 14px;font-size:clamp(16px,1.3vw,20px);font-weight:500;letter-spacing:.06em;color:#d9f4fa}
.subpage-body[data-page="about"] #about-depth .profile-highlight p{max-width:500px;margin:0;color:#91aabd;font-size:clamp(14px,1.08vw,17px);line-height:1.85}
.subpage-body[data-page="about"] #about-depth .profile-brands{padding-top:28px}
.subpage-body[data-page="about"] #about-depth .brand-list{display:flex;align-items:center;gap:clamp(18px,2.5vw,38px);min-height:74px;color:#b9c6d0;filter:grayscale(1);opacity:.74}
.subpage-body[data-page="about"] #about-depth .brand-list span{display:inline-flex;align-items:center;min-height:40px;font-size:clamp(18px,1.7vw,26px);font-weight:600;letter-spacing:.02em}
.subpage-body[data-page="about"] #about-depth .brand-list span:nth-child(2){font-weight:500;letter-spacing:.08em}
.subpage-body[data-page="about"] #about-depth .brand-list span:nth-child(3){font-size:13px;font-weight:500;letter-spacing:.12em;color:#9aa9b6}
.subpage-body[data-page="about"] #about-depth .profile-arc{position:absolute;left:8%;right:8%;bottom:42px;height:160px;border-top:1px solid rgba(103,214,243,.18);border-radius:50% 50% 0 0/100% 100% 0 0;transform:rotate(-4deg);opacity:.7;filter:drop-shadow(0 0 10px rgba(76,199,241,.16));pointer-events:none}
@media(max-width:760px){.subpage-body[data-page="about"] #about-depth{padding-bottom:150px}.subpage-body[data-page="about"] #about-depth .intro-heading h2::after{font-size:clamp(34px,9.2vw,40px)}.subpage-body[data-page="about"] #about-depth .intro-body{grid-template-columns:1fr;width:100%;margin:54px 0 0;gap:30px}.subpage-body[data-page="about"] #about-depth .profile-highlight{min-height:0;padding-top:24px}.subpage-body[data-page="about"] #about-depth .profile-highlight p{max-width:none}.subpage-body[data-page="about"] #about-depth .brand-list{gap:22px}.subpage-body[data-page="about"] #about-depth .profile-arc{left:0;right:0;bottom:30px;height:90px}}

/* Principles section: hierarchy, staggered cards and a shared orbital line. */
.subpage-body[data-page="about"] .principles-section{position:relative;overflow:hidden;padding-top:clamp(120px,13vw,180px);padding-bottom:clamp(150px,16vw,220px)}
.subpage-body[data-page="about"] .principles-heading{position:relative;z-index:2;display:block;max-width:1320px;margin:0 auto 0;text-align:left}
.subpage-body[data-page="about"] .principles-heading h2{font-size:clamp(58px,6.3vw,98px);line-height:1.02;letter-spacing:0;color:#eefaff}
.subpage-body[data-page="about"] .principles-heading h2::after{display:none!important;content:none!important}
.subpage-body[data-page="about"] .principles-heading h2 strong{display:inline-block;font-weight:750;color:#f0fbff}
.subpage-body[data-page="about"] .principles-heading h2 span{display:inline-block;margin-top:8px;font-size:.72em;font-weight:560;color:#d1e8f1}
.subpage-body[data-page="about"] .principles-heading p{margin:28px 0 0;color:#8ea9bb;font-size:clamp(15px,1.25vw,19px);letter-spacing:.06em}
.subpage-body[data-page="about"] .principles-values{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1320px;margin:clamp(72px,8vw,112px) auto 0}
.subpage-body[data-page="about"] .principles-values article{position:relative;isolation:isolate;overflow:hidden;min-height:310px;margin:0;padding:34px 32px 30px;border:1px solid rgba(111,180,225,.22);border-top:1px solid transparent;background:radial-gradient(circle at 20% 8%,rgba(43,110,171,.28),transparent 45%),linear-gradient(145deg,rgba(12,42,80,.78),rgba(5,16,42,.78));box-shadow:inset 0 1px 0 rgba(213,248,255,.04),0 22px 48px rgba(0,5,25,.2);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.subpage-body[data-page="about"] .principles-values article::before{content:"";position:absolute;z-index:0;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#58ddf5,#8e92f0,#b68df2);opacity:.88}
.subpage-body[data-page="about"] .principles-values article:nth-child(2){margin-top:38px;background:radial-gradient(circle at 80% 10%,rgba(73,87,177,.26),transparent 46%),linear-gradient(145deg,rgba(17,38,83,.8),rgba(6,15,42,.78))}
.subpage-body[data-page="about"] .principles-values article:nth-child(3){background:radial-gradient(circle at 80% 10%,rgba(112,65,178,.25),transparent 46%),linear-gradient(145deg,rgba(26,29,78,.8),rgba(7,14,40,.78))}
.subpage-body[data-page="about"] .principles-values article:hover{transform:translateY(-8px);border-color:rgba(153,225,247,.5);box-shadow:inset 0 1px 0 rgba(213,248,255,.08),0 30px 62px rgba(0,5,25,.3),0 0 28px rgba(78,196,238,.12)}
.subpage-body[data-page="about"] .principles-values .principle-index{position:absolute;z-index:0;right:24px;bottom:-10px;margin:0;color:rgba(138,203,232,.1);font:700 126px/1 "DM Mono",monospace;letter-spacing:-.04em}
.subpage-body[data-page="about"] .principles-values .principle-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:38px;height:38px;color:#8ce7f6;border:1px solid rgba(112,219,243,.35);border-radius:50%;background:rgba(49,143,187,.12)}
.subpage-body[data-page="about"] .principles-values .principle-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.subpage-body[data-page="about"] .principles-values article:nth-child(2) .principle-icon{color:#b5a4f4;border-color:rgba(166,139,240,.4);background:rgba(106,84,181,.12)}
.subpage-body[data-page="about"] .principles-values article:nth-child(3) .principle-icon{color:#d2a5f7;border-color:rgba(200,145,241,.4);background:rgba(137,72,189,.12)}
.subpage-body[data-page="about"] .principles-values h3{position:relative;z-index:1;margin:64px 0 14px;font-size:clamp(24px,2vw,31px);line-height:1.1;color:#ebfaff}
.subpage-body[data-page="about"] .principles-values p{position:relative;z-index:1;max-width:300px;margin:0;color:#8fa9bc;font-size:14px;line-height:1.8}
.subpage-body[data-page="about"] .principles-arc{position:absolute;z-index:0;left:5%;right:5%;bottom:86px;height:280px;border-top:1px solid rgba(109,211,242,.18);border-radius:50% 50% 0 0/100% 100% 0 0;transform:rotate(-4deg);filter:drop-shadow(0 0 12px rgba(82,192,236,.14));pointer-events:none}
@media(max-width:900px){.subpage-body[data-page="about"] .principles-heading{max-width:none}.subpage-body[data-page="about"] .principles-values{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.subpage-body[data-page="about"] .principles-values article:nth-child(2){margin-top:30px}.subpage-body[data-page="about"] .principles-values article:nth-child(3){margin-top:0}}
@media(max-width:620px){.subpage-body[data-page="about"] .principles-section{padding-top:108px;padding-bottom:145px}.subpage-body[data-page="about"] .principles-heading h2{font-size:44px}.subpage-body[data-page="about"] .principles-heading h2 span{margin-top:6px}.subpage-body[data-page="about"] .principles-heading p{margin-top:22px;font-size:14px;line-height:1.7}.subpage-body[data-page="about"] .principles-values{grid-template-columns:1fr;margin-top:58px;gap:18px}.subpage-body[data-page="about"] .principles-values article,.subpage-body[data-page="about"] .principles-values article:nth-child(2),.subpage-body[data-page="about"] .principles-values article:nth-child(3){min-height:250px;margin-top:0;padding:28px 24px}.subpage-body[data-page="about"] .principles-values h3{margin-top:48px}.subpage-body[data-page="about"] .principles-arc{left:-30%;right:-30%;bottom:60px;height:170px}}

.subpage-body[data-page="about"] .principles-section .principles-heading h2{font-size:clamp(58px,6.3vw,98px)!important;line-height:1.02!important}
.subpage-body[data-page="about"] .principles-section .principles-heading h2 strong{font-size:1em!important}
.subpage-body[data-page="about"] .principles-section .principles-heading h2 span{font-size:.72em!important}
@media(max-width:620px){.subpage-body[data-page="about"] .principles-section .principles-heading h2{font-size:44px!important}}

/* Global signal: balanced copy and a semantic network globe. */
.subpage-body[data-page="about"] .about-signal{min-height:760px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;align-content:normal;gap:clamp(28px,4vw,72px);padding:clamp(110px,11vw,170px) clamp(32px,8vw,128px)}
.subpage-body[data-page="about"] .about-signal::after{display:none;content:none}
.subpage-body[data-page="about"] .about-signal>.signal-copy{position:relative;z-index:2;display:block;max-width:760px}
.subpage-body[data-page="about"] .signal-copy>span{font:500 12px/1 "DM Mono",monospace;letter-spacing:.2em;color:#82cbe0}
.subpage-body[data-page="about"] .about-signal .signal-copy h2{max-width:760px;margin:34px 0 58px;font-size:clamp(48px,5.2vw,80px);font-weight:720;line-height:.99;letter-spacing:0;color:#eefaff}
.subpage-body[data-page="about"] .signal-accent{display:inline-block;margin-left:.08em;background:linear-gradient(90deg,#73e3f6,#75b9f2 54%,#aa8cf0);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 22px rgba(87,203,244,.14)}
.subpage-body[data-page="about"] .about-signal .founded-badge{display:inline-flex;align-items:center;gap:18px}
.subpage-body[data-page="about"] .about-signal .founded-badge strong{font-size:clamp(55px,5vw,78px);font-weight:650;line-height:.9;background:linear-gradient(180deg,#a9f3fb,#56d9f5 72%,#75aaf1);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 20px rgba(75,211,244,.16)}
.subpage-body[data-page="about"] .about-signal .founded-badge small{height:54px;padding:0 0 0 14px;border-left:1px solid rgba(120,215,240,.3);color:#8aa4b8;font:500 10px/1 "DM Mono",monospace;letter-spacing:.22em;writing-mode:vertical-rl;text-orientation:mixed}
.subpage-body[data-page="about"] .about-signal>.global-network{position:relative;z-index:1;display:block;justify-self:start;width:min(46vw,620px);aspect-ratio:1;margin-left:clamp(-70px,-4vw,-32px);border:1px solid rgba(105,206,239,.25);border-radius:50%;background:radial-gradient(circle at 38% 32%,rgba(74,159,204,.13),transparent 38%),radial-gradient(circle at 62% 66%,rgba(91,69,170,.15),rgba(7,18,48,.26) 58%,rgba(4,12,34,.12));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 80px rgba(76,149,205,.08),0 0 48px rgba(70,171,220,.08);animation:global-network-breathe 6.5s ease-in-out infinite}
.subpage-body[data-page="about"] .global-network::before{content:"";position:absolute;inset:8%;border:1px solid rgba(128,179,232,.08);border-radius:50%;box-shadow:0 0 30px rgba(87,191,232,.06)}
.subpage-body[data-page="about"] .global-network svg{position:absolute;inset:4%;width:92%;height:92%;overflow:visible}
.subpage-body[data-page="about"] .global-network .globe-grid{fill:none;stroke:rgba(119,197,226,.16);stroke-width:.32}
.subpage-body[data-page="about"] .global-network .network-paths{fill:none;stroke:rgba(103,210,239,.45);stroke-width:.42;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2.5 2.5;filter:drop-shadow(0 0 1.5px rgba(90,218,244,.5));animation:network-flow 10s linear infinite}
.subpage-body[data-page="about"] .global-network .network-nodes circle{fill:#bdf6ff;stroke:#6ddcf2;stroke-width:.35;filter:drop-shadow(0 0 2px rgba(120,232,250,.9));transform-box:fill-box;transform-origin:center;animation:network-node-pulse 3s ease-in-out infinite}
.subpage-body[data-page="about"] .global-network .network-nodes circle:nth-child(2n){fill:#b8a4f5;stroke:#9b82ed;animation-delay:-1.2s}
.subpage-body[data-page="about"] .global-network .network-nodes circle:nth-child(3n){animation-delay:-2.1s}
@keyframes global-network-breathe{0%,100%{transform:scale(1);box-shadow:inset 0 0 80px rgba(76,149,205,.08),0 0 48px rgba(70,171,220,.08)}50%{transform:scale(1.012);box-shadow:inset 0 0 92px rgba(76,149,205,.11),0 0 64px rgba(70,171,220,.11)}}
@keyframes network-flow{to{stroke-dashoffset:-20}}
@keyframes network-node-pulse{0%,100%{transform:scale(.9);opacity:.65}50%{transform:scale(1.35);opacity:1}}
@media(max-width:900px){.subpage-body[data-page="about"] .about-signal{grid-template-columns:1fr;min-height:0}.subpage-body[data-page="about"] .about-signal>.global-network{justify-self:center;width:min(76vw,500px);margin:12px 0 0}.subpage-body[data-page="about"] .about-signal .signal-copy h2{max-width:720px}}
@media(max-width:620px){.subpage-body[data-page="about"] .about-signal{padding:100px 20px 120px;gap:54px}.subpage-body[data-page="about"] .about-signal .signal-copy h2{margin:26px 0 44px;font-size:clamp(39px,11vw,52px);line-height:1.03}.subpage-body[data-page="about"] .signal-accent{margin-left:0}.subpage-body[data-page="about"] .about-signal>.global-network{width:min(84vw,360px)}.subpage-body[data-page="about"] .about-signal .founded-badge strong{font-size:58px}}
@media(prefers-reduced-motion:reduce){.subpage-body[data-page="about"] .about-signal>.global-network,.subpage-body[data-page="about"] .global-network .network-paths,.subpage-body[data-page="about"] .global-network .network-nodes circle{animation:none}}

.subpage-body[data-page="about"] .about-signal .signal-copy h2{font-size:clamp(46px,4.8vw,76px)}
@media(max-width:620px){.subpage-body[data-page="about"] .about-signal .signal-copy h2{font-size:clamp(37px,10.2vw,48px)}}

/* Cinematic black-hole ecosystem gravity visual. */
.subpage-body[data-page="about"] .about-signal>.black-hole-network{isolation:isolate;overflow:visible;border:0;background:radial-gradient(circle at 50% 50%,rgba(61,61,139,.2) 0 18%,rgba(31,75,126,.1) 35%,transparent 67%),radial-gradient(circle at 66% 36%,rgba(126,79,173,.1),transparent 28%),radial-gradient(circle at 32% 68%,rgba(50,161,203,.08),transparent 31%);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;animation:black-hole-breathe 7s ease-in-out infinite}
.subpage-body[data-page="about"] .black-hole-network::before{content:"";position:absolute;z-index:0;inset:4%;border:1px solid rgba(87,185,225,.12);border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 0 44%,rgba(83,178,218,.035) 49%,transparent 55%),radial-gradient(circle at 24% 30%,rgba(141,218,244,.65) 0 1px,transparent 2px),radial-gradient(circle at 77% 24%,rgba(177,142,243,.5) 0 1px,transparent 2px),radial-gradient(circle at 84% 65%,rgba(102,218,242,.58) 0 1px,transparent 2px),radial-gradient(circle at 28% 76%,rgba(159,127,235,.5) 0 1px,transparent 2px);filter:drop-shadow(0 0 18px rgba(74,181,224,.12))}
.subpage-body[data-page="about"] .black-hole-network::after{content:"";position:absolute;z-index:1;left:50%;top:50%;width:41%;aspect-ratio:1;border:1px solid rgba(120,214,240,.16);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 22px rgba(77,205,239,.13),0 0 58px rgba(107,80,202,.12),inset 0 0 18px rgba(107,210,238,.08);filter:blur(.2px)}
.subpage-body[data-page="about"] .gravity-haze{position:absolute;z-index:0;inset:3%;border-radius:50%;background:radial-gradient(ellipse at 50% 49%,rgba(2,5,16,.96) 0 12%,rgba(10,21,49,.72) 17%,rgba(60,71,150,.18) 31%,transparent 58%),conic-gradient(from 214deg at 50% 50%,transparent,rgba(69,188,226,.07),transparent 28%,rgba(126,80,205,.09),transparent 61%);filter:blur(5px);animation:gravity-haze-drift 10s ease-in-out infinite alternate}
.subpage-body[data-page="about"] .accretion-disk{position:absolute;z-index:2;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%) rotate(-13deg);transform-origin:center;pointer-events:none}
.subpage-body[data-page="about"] .disk-outer{width:94%;height:43%;border:1px solid rgba(120,87,207,.28);box-shadow:0 0 18px rgba(105,80,204,.13),inset 0 0 18px rgba(78,118,210,.08);animation:accretion-outer 13s ease-in-out infinite alternate}
.subpage-body[data-page="about"] .disk-mid{width:79%;height:34%;border:1.5px solid rgba(80,151,225,.36);box-shadow:0 0 20px rgba(76,133,220,.15),inset 0 0 15px rgba(72,178,226,.09);animation:accretion-mid 10s ease-in-out infinite alternate}
.subpage-body[data-page="about"] .disk-inner{width:64%;height:25%;border:2px solid rgba(74,207,237,.5);box-shadow:0 0 18px rgba(69,207,239,.25),0 0 36px rgba(91,104,221,.14),inset 0 0 10px rgba(114,227,247,.12);animation:accretion-inner 8s ease-in-out infinite alternate}
.subpage-body[data-page="about"] .disk-hot{z-index:3;width:48%;height:17%;border:2px solid rgba(150,239,250,.7);box-shadow:0 0 12px rgba(123,232,246,.48),0 0 30px rgba(82,194,240,.28),0 0 52px rgba(117,80,211,.16);animation:accretion-hot 6s ease-in-out infinite alternate}
.subpage-body[data-page="about"] .event-horizon{position:absolute;z-index:5;left:50%;top:50%;width:28%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 42% 40%,#000 0 58%,#010208 72%,#000 100%);box-shadow:0 0 0 2px rgba(118,231,246,.12),0 0 14px rgba(85,221,242,.28),0 0 34px rgba(87,128,226,.22),0 0 70px rgba(117,70,196,.18),inset -10px -8px 20px #000}
.subpage-body[data-page="about"] .lensing-glint{position:absolute;z-index:6;left:50%;top:50%;width:32%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);border-top:2px solid rgba(192,250,255,.72);border-right:1px solid rgba(92,208,239,.34);border-bottom:1px solid rgba(155,103,230,.32);filter:drop-shadow(0 0 7px rgba(104,229,246,.55));opacity:.72;animation:lensing-shimmer 4.8s ease-in-out infinite}
.subpage-body[data-page="about"] .black-hole-network .black-hole-orbits{position:absolute;z-index:4;inset:2%;width:96%;height:96%;overflow:visible}
.subpage-body[data-page="about"] .black-hole-network .gravity-paths{fill:none;stroke:rgba(90,202,235,.42);stroke-width:.38;stroke-linecap:round;stroke-dasharray:2.2 2.4;filter:drop-shadow(0 0 1.6px rgba(83,212,241,.56));animation:black-hole-data-flow 9s linear infinite}
.subpage-body[data-page="about"] .black-hole-network .gravity-paths path:nth-child(2){stroke:rgba(151,108,226,.36);animation-delay:-3s}
.subpage-body[data-page="about"] .black-hole-network .gravity-paths path:nth-child(n+3){stroke:rgba(111,224,243,.28);stroke-dasharray:1.5 2.5}
.subpage-body[data-page="about"] .black-hole-network .gravity-nodes circle{fill:#c6f8ff;stroke:#69dff3;stroke-width:.35;filter:drop-shadow(0 0 2px rgba(117,235,249,.95));transform-box:fill-box;transform-origin:center;animation:black-hole-node 3.2s ease-in-out infinite}
.subpage-body[data-page="about"] .black-hole-network .gravity-nodes circle:nth-child(2n){fill:#b397ef;stroke:#9978e6;animation-delay:-1.1s}
.subpage-body[data-page="about"] .black-hole-network .gravity-nodes circle:nth-child(3n){animation-delay:-2.2s}
@keyframes black-hole-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}
@keyframes gravity-haze-drift{0%{transform:rotate(-3deg) scale(.98);opacity:.76}100%{transform:rotate(4deg) scale(1.04);opacity:1}}
@keyframes accretion-outer{0%{transform:translate(-50%,-50%) rotate(-16deg) scaleX(.98)}100%{transform:translate(-50%,-50%) rotate(-9deg) scaleX(1.03)}}
@keyframes accretion-mid{0%{transform:translate(-50%,-50%) rotate(-8deg)}100%{transform:translate(-50%,-50%) rotate(-17deg)}}
@keyframes accretion-inner{0%{transform:translate(-50%,-50%) rotate(-17deg) scaleX(.97)}100%{transform:translate(-50%,-50%) rotate(-10deg) scaleX(1.04)}}
@keyframes accretion-hot{0%{transform:translate(-50%,-50%) rotate(-10deg);opacity:.72}100%{transform:translate(-50%,-50%) rotate(-16deg);opacity:1}}
@keyframes lensing-shimmer{0%,100%{transform:translate(-50%,-50%) rotate(0);opacity:.58}50%{transform:translate(-50%,-50%) rotate(9deg);opacity:.88}}
@keyframes black-hole-data-flow{to{stroke-dashoffset:-18}}
@keyframes black-hole-node{0%,100%{transform:scale(.86);opacity:.62}50%{transform:scale(1.38);opacity:1}}
@media(prefers-reduced-motion:reduce){.subpage-body[data-page="about"] .black-hole-network,.subpage-body[data-page="about"] .black-hole-network *{animation:none!important}}

/* Frontal black hole: bright circular accretion halo around a larger event horizon. */
.subpage-body[data-page="about"] .black-hole-network .gravity-haze{inset:-2%;background:radial-gradient(circle at 50% 50%,#000 0 18%,rgba(0,2,9,.98) 20%,rgba(44,74,132,.28) 31%,rgba(97,76,161,.18) 43%,rgba(43,122,171,.08) 58%,transparent 72%),conic-gradient(from 30deg at 50% 50%,rgba(100,219,242,.08),transparent 12%,rgba(139,106,211,.13) 29%,transparent 48%,rgba(74,179,222,.1) 68%,transparent 84%);filter:blur(7px);opacity:.95}
.subpage-body[data-page="about"] .black-hole-network .accretion-disk{top:50%;left:50%;height:auto;aspect-ratio:1;border:0;border-radius:50%;transform:translate(-50%,-50%) rotate(0);background:repeating-conic-gradient(from 0deg,rgba(225,252,255,.88) 0 1deg,rgba(96,218,241,.32) 2deg 4deg,rgba(128,103,218,.2) 5deg 7deg,transparent 8deg 12deg);-webkit-mask:radial-gradient(circle,transparent 0 59%,#000 61% 72%,transparent 75%);mask:radial-gradient(circle,transparent 0 59%,#000 61% 72%,transparent 75%);filter:blur(.35px)}
.subpage-body[data-page="about"] .black-hole-network .disk-outer{width:98%;height:auto;border:0;box-shadow:none;opacity:.28;animation:frontal-disk-outer 22s linear infinite}
.subpage-body[data-page="about"] .black-hole-network .disk-mid{width:85%;height:auto;border:0;box-shadow:none;opacity:.48;background:repeating-conic-gradient(from 18deg,rgba(191,242,251,.78) 0 1deg,rgba(88,180,227,.3) 2deg 5deg,rgba(131,94,208,.28) 6deg 8deg,transparent 9deg 13deg);animation:frontal-disk-mid 17s linear infinite reverse}
.subpage-body[data-page="about"] .black-hole-network .disk-inner{width:72%;height:auto;border:0;box-shadow:none;opacity:.68;background:repeating-conic-gradient(from 41deg,rgba(237,253,255,.95) 0 1.5deg,rgba(102,225,244,.52) 2deg 4deg,rgba(147,117,220,.25) 5deg 7deg,transparent 8deg 11deg);filter:blur(.2px) drop-shadow(0 0 7px rgba(111,224,243,.35));animation:frontal-disk-inner 12s linear infinite}
.subpage-body[data-page="about"] .black-hole-network .disk-hot{width:59%;height:auto;border:0;box-shadow:none;opacity:.92;background:repeating-conic-gradient(from 8deg,rgba(255,255,255,.98) 0 2deg,rgba(174,244,252,.82) 2.5deg 4deg,rgba(86,211,239,.58) 5deg 7deg,rgba(147,116,224,.28) 8deg 9deg,transparent 10deg 13deg);-webkit-mask:radial-gradient(circle,transparent 0 57%,#000 60% 76%,transparent 80%);mask:radial-gradient(circle,transparent 0 57%,#000 60% 76%,transparent 80%);filter:blur(.15px) drop-shadow(0 0 7px rgba(195,248,255,.72)) drop-shadow(0 0 18px rgba(80,211,241,.5));animation:frontal-disk-hot 8s linear infinite reverse}
.subpage-body[data-page="about"] .black-hole-network .event-horizon{width:42%;background:#000;box-shadow:0 0 0 3px rgba(242,255,255,.92),0 0 7px 5px rgba(190,248,255,.88),0 0 18px 10px rgba(88,218,242,.55),0 0 34px 17px rgba(94,128,225,.32),0 0 58px 28px rgba(132,83,203,.2),inset 0 0 30px #000}
.subpage-body[data-page="about"] .black-hole-network .lensing-glint{width:45.5%;border:0;background:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.96),0 0 8px 4px rgba(211,252,255,.86),0 0 19px 9px rgba(91,222,243,.6),0 0 38px 17px rgba(99,118,224,.28);filter:none;opacity:.96;animation:frontal-lensing-pulse 4.6s ease-in-out infinite}
.subpage-body[data-page="about"] .black-hole-network::after{width:52%;border:1px solid rgba(176,237,250,.22);box-shadow:0 0 12px rgba(182,245,255,.3),0 0 38px rgba(75,210,240,.2),0 0 72px rgba(119,75,199,.16);filter:blur(.4px)}
.subpage-body[data-page="about"] .black-hole-network .gravity-paths{opacity:.48}
.subpage-body[data-page="about"] .black-hole-network .gravity-nodes{opacity:.72}
@keyframes frontal-disk-outer{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes frontal-disk-mid{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes frontal-disk-inner{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes frontal-disk-hot{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes frontal-lensing-pulse{0%,100%{transform:translate(-50%,-50%) scale(.985);opacity:.82}50%{transform:translate(-50%,-50%) scale(1.018);opacity:1}}

/* Smooth the frontal disks into cinematic continuous accretion light. */
.subpage-body[data-page="about"] .black-hole-network .accretion-disk{background:conic-gradient(from 18deg,transparent 0 4%,rgba(141,221,241,.34) 10%,rgba(110,118,211,.2) 18%,transparent 27%,rgba(145,104,211,.24) 38%,transparent 49%,rgba(87,192,224,.31) 61%,rgba(207,246,251,.28) 69%,transparent 79%,rgba(119,89,203,.2) 89%,transparent 100%);-webkit-mask:radial-gradient(circle,transparent 0 58%,#000 62% 73%,transparent 78%);mask:radial-gradient(circle,transparent 0 58%,#000 62% 73%,transparent 78%);filter:blur(4px)}
.subpage-body[data-page="about"] .black-hole-network .disk-outer{opacity:.42;filter:blur(7px);background:conic-gradient(from 32deg,transparent 0 7%,rgba(91,148,211,.22) 17%,transparent 29%,rgba(133,91,197,.24) 42%,transparent 55%,rgba(75,174,216,.25) 69%,transparent 82%,rgba(126,91,200,.2) 92%,transparent)}
.subpage-body[data-page="about"] .black-hole-network .disk-mid{opacity:.58;filter:blur(5px);background:conic-gradient(from 7deg,rgba(115,204,231,.2),transparent 12%,rgba(145,117,216,.3) 26%,transparent 40%,rgba(102,213,236,.34) 55%,transparent 70%,rgba(153,112,215,.28) 84%,transparent)}
.subpage-body[data-page="about"] .black-hole-network .disk-inner{opacity:.78;filter:blur(3px) drop-shadow(0 0 12px rgba(88,205,236,.28));background:conic-gradient(from 48deg,rgba(197,246,252,.6),rgba(87,214,239,.22) 15%,transparent 27%,rgba(142,107,217,.38) 42%,transparent 55%,rgba(113,226,243,.52) 71%,rgba(213,250,253,.45) 82%,transparent 94%)}
.subpage-body[data-page="about"] .black-hole-network .disk-hot{opacity:.96;filter:blur(1.4px) drop-shadow(0 0 9px rgba(224,253,255,.9)) drop-shadow(0 0 22px rgba(93,218,241,.58));background:conic-gradient(from 12deg,rgba(255,255,255,.98),rgba(172,243,250,.82) 13%,rgba(91,216,239,.38) 24%,transparent 34%,rgba(155,120,220,.34) 45%,transparent 56%,rgba(100,226,243,.65) 69%,rgba(238,254,255,.92) 82%,rgba(127,218,238,.42) 92%,rgba(255,255,255,.96));-webkit-mask:radial-gradient(circle,transparent 0 55%,#000 59% 78%,transparent 84%);mask:radial-gradient(circle,transparent 0 55%,#000 59% 78%,transparent 84%)}

/* Thin irregular accretion streams inspired by a real black-hole reference. */
.subpage-body[data-page="about"] .black-hole-network .gravity-haze{inset:-2%;opacity:.52;filter:blur(18px);transform:translate(-50%,-50%) rotate(-8deg) scaleX(1.14);background:radial-gradient(ellipse at 47% 51%,rgba(0,2,9,.98) 0 24%,rgba(37,65,125,.22) 38%,rgba(103,73,167,.12) 52%,transparent 72%),conic-gradient(from 210deg at 47% 51%,transparent 0 12%,rgba(71,181,224,.08) 21%,transparent 32%,rgba(130,82,202,.14) 45%,transparent 64%,rgba(70,170,221,.08) 79%,transparent)}
.subpage-body[data-page="about"] .black-hole-network .accretion-disk{height:auto;aspect-ratio:1;border:0;box-shadow:none;transform-origin:48% 52%;-webkit-mask:none;mask:none}
.subpage-body[data-page="about"] .black-hole-network .disk-outer{width:96%;left:49%;top:51%;opacity:.28;filter:blur(9px);background:conic-gradient(from 205deg at 47% 52%,transparent 0 10%,rgba(83,139,213,.16) 17%,transparent 27%,rgba(124,81,194,.22) 39%,transparent 52%,rgba(66,170,219,.18) 65%,transparent 78%,rgba(132,89,203,.16) 91%,transparent);-webkit-mask:radial-gradient(ellipse at 47% 52%,transparent 0 59%,#000 61% 64%,transparent 68%);mask:radial-gradient(ellipse at 47% 52%,transparent 0 59%,#000 61% 64%,transparent 68%);animation:irregular-stream-outer 25s ease-in-out infinite alternate}
.subpage-body[data-page="about"] .black-hole-network .disk-mid{width:84%;left:52%;top:49%;opacity:.46;filter:blur(5px);background:conic-gradient(from 19deg at 54% 47%,transparent 0 8%,rgba(88,185,232,.36) 14%,transparent 24%,rgba(143,100,213,.23) 34%,transparent 47%,rgba(78,195,232,.38) 58%,transparent 72%,rgba(145,102,215,.23) 84%,transparent);-webkit-mask:radial-gradient(ellipse at 54% 47%,transparent 0 56%,#000 58% 61%,transparent 65%);mask:radial-gradient(ellipse at 54% 47%,transparent 0 56%,#000 58% 61%,transparent 65%);animation:irregular-stream-mid 18s ease-in-out infinite alternate-reverse}
.subpage-body[data-page="about"] .black-hole-network .disk-inner{width:71%;left:48%;top:52%;opacity:.7;filter:blur(2.5px) drop-shadow(0 0 7px rgba(86,205,235,.26));background:conic-gradient(from 151deg at 48% 52%,transparent 0 11%,rgba(186,240,248,.63) 17%,rgba(74,202,235,.26) 22%,transparent 31%,rgba(139,105,215,.32) 43%,transparent 55%,rgba(135,228,244,.55) 66%,transparent 76%,rgba(215,250,253,.45) 85%,transparent);-webkit-mask:radial-gradient(ellipse at 48% 52%,transparent 0 53%,#000 55% 58%,transparent 62%);mask:radial-gradient(ellipse at 48% 52%,transparent 0 53%,#000 55% 58%,transparent 62%);animation:irregular-stream-inner 12s ease-in-out infinite alternate}
.subpage-body[data-page="about"] .black-hole-network .disk-hot{width:59%;left:51%;top:49%;opacity:.86;filter:blur(.8px) drop-shadow(0 0 6px rgba(211,250,255,.56));background:conic-gradient(from 278deg at 51% 49%,transparent 0 15%,rgba(239,254,255,.95) 20%,rgba(105,218,240,.55) 25%,transparent 34%,rgba(164,125,222,.28) 47%,transparent 58%,rgba(181,241,249,.76) 68%,transparent 76%,rgba(242,254,255,.9) 86%,transparent);-webkit-mask:radial-gradient(ellipse at 51% 49%,transparent 0 51%,#000 54% 57%,transparent 61%);mask:radial-gradient(ellipse at 51% 49%,transparent 0 51%,#000 54% 57%,transparent 61%);animation:irregular-stream-hot 8s ease-in-out infinite alternate-reverse}
.subpage-body[data-page="about"] .black-hole-network .event-horizon{width:40%;background:radial-gradient(circle at 46% 43%,#000 0 60%,#010208 76%,#000 100%);box-shadow:0 0 0 1px rgba(190,239,250,.2),0 0 8px rgba(97,208,237,.3),0 0 24px rgba(92,113,215,.18),inset -8px -7px 16px #000}
.subpage-body[data-page="about"] .black-hole-network .lensing-glint{width:42.5%;border:1px solid rgba(214,249,255,.5);box-shadow:0 0 5px rgba(161,230,246,.42),inset 0 0 4px rgba(147,206,238,.18);filter:blur(.2px);opacity:.68}
.subpage-body[data-page="about"] .black-hole-network .black-hole-orbits{opacity:.3}
@keyframes irregular-stream-outer{0%{transform:translate(-50%,-50%) rotate(-14deg) scaleX(1.02) scaleY(.98);opacity:.22}50%{transform:translate(-50%,-50%) rotate(-5deg) scaleX(1.08) scaleY(1.02);opacity:.34}100%{transform:translate(-50%,-50%) rotate(4deg) scaleX(1.01) scaleY(1.06);opacity:.26}}
@keyframes irregular-stream-mid{0%{transform:translate(-50%,-50%) rotate(8deg) scaleX(.98)}55%{transform:translate(-50%,-50%) rotate(18deg) scaleX(1.06) scaleY(.96)}100%{transform:translate(-50%,-50%) rotate(28deg) scaleX(1.01) scaleY(1.03)}}
@keyframes irregular-stream-inner{0%{transform:translate(-50%,-50%) rotate(-8deg) scaleX(1.04);opacity:.58}48%{transform:translate(-50%,-50%) rotate(4deg) scaleX(.98) scaleY(1.03);opacity:.78}100%{transform:translate(-50%,-50%) rotate(14deg) scaleX(1.06) scaleY(.98);opacity:.64}}
@keyframes irregular-stream-hot{0%{transform:translate(-50%,-50%) rotate(5deg) scaleX(.99);opacity:.72}45%{transform:translate(-50%,-50%) rotate(16deg) scaleX(1.05) scaleY(.96);opacity:.94}100%{transform:translate(-50%,-50%) rotate(25deg) scaleX(1.01) scaleY(1.03);opacity:.8}}

/* Final light-pass: keep the accretion material narrow and let the horizon lead. */
.subpage-body[data-page="about"] .black-hole-network::after{width:43%;border-color:rgba(176,237,250,.13);box-shadow:0 0 8px rgba(182,245,255,.16),0 0 24px rgba(75,210,240,.11),0 0 44px rgba(119,75,199,.08);filter:blur(.25px)}
.subpage-body[data-page="about"] .black-hole-network .disk-outer{-webkit-mask:radial-gradient(ellipse at 47% 52%,transparent 0 60%,#000 61% 62.5%,transparent 65%);mask:radial-gradient(ellipse at 47% 52%,transparent 0 60%,#000 61% 62.5%,transparent 65%);filter:blur(5px);opacity:.23}
.subpage-body[data-page="about"] .black-hole-network .disk-mid{-webkit-mask:radial-gradient(ellipse at 54% 47%,transparent 0 57%,#000 58% 59.5%,transparent 63%);mask:radial-gradient(ellipse at 54% 47%,transparent 0 57%,#000 58% 59.5%,transparent 63%);filter:blur(3px);opacity:.4}
.subpage-body[data-page="about"] .black-hole-network .disk-inner{-webkit-mask:radial-gradient(ellipse at 48% 52%,transparent 0 54%,#000 55% 56.8%,transparent 60%);mask:radial-gradient(ellipse at 48% 52%,transparent 0 54%,#000 55% 56.8%,transparent 60%);filter:blur(1.35px) drop-shadow(0 0 5px rgba(86,205,235,.2));opacity:.66}
.subpage-body[data-page="about"] .black-hole-network .disk-hot{-webkit-mask:radial-gradient(ellipse at 51% 49%,transparent 0 52%,#000 53.5% 55.5%,transparent 59%);mask:radial-gradient(ellipse at 51% 49%,transparent 0 52%,#000 53.5% 55.5%,transparent 59%);filter:blur(.35px) drop-shadow(0 0 5px rgba(211,250,255,.5));opacity:.84}
.subpage-body[data-page="about"] .black-hole-network .lensing-glint{width:41.5%;border-width:1px;box-shadow:0 0 3px rgba(161,230,246,.28),inset 0 0 2px rgba(147,206,238,.12);opacity:.62}

/* Replace the plastic-looking frontal rings with a tilted, elliptical disk. */
.subpage-body[data-page="about"] .black-hole-network .accretion-disk{aspect-ratio:auto;border-radius:50%;}
.subpage-body[data-page="about"] .black-hole-network .disk-outer{width:98%;height:55%;left:49%;top:51%;background:conic-gradient(from 204deg at 46% 53%,transparent 0 8%,rgba(70,140,219,.13) 14%,transparent 21%,rgba(126,82,196,.2) 31%,transparent 42%,rgba(65,169,219,.16) 56%,transparent 68%,rgba(129,89,202,.13) 84%,transparent 92%);-webkit-mask:radial-gradient(ellipse at 46% 53%,transparent 0 58%,#000 60% 62%,transparent 66%);mask:radial-gradient(ellipse at 46% 53%,transparent 0 58%,#000 60% 62%,transparent 66%);filter:blur(5px);opacity:.2}
.subpage-body[data-page="about"] .black-hole-network .disk-mid{width:86%;height:47%;left:52%;top:49%;background:conic-gradient(from 18deg at 54% 47%,transparent 0 7%,rgba(91,188,232,.34) 13%,transparent 21%,rgba(144,99,214,.18) 31%,transparent 43%,rgba(75,198,235,.4) 57%,transparent 69%,rgba(143,99,213,.19) 82%,transparent 91%);-webkit-mask:radial-gradient(ellipse at 54% 47%,transparent 0 54%,#000 56% 58%,transparent 63%);mask:radial-gradient(ellipse at 54% 47%,transparent 0 54%,#000 56% 58%,transparent 63%);filter:blur(2.8px);opacity:.37}
.subpage-body[data-page="about"] .black-hole-network .disk-inner{width:73%;height:40%;left:48%;top:52%;background:conic-gradient(from 145deg at 48% 52%,transparent 0 8%,rgba(179,238,248,.62) 14%,rgba(68,200,234,.24) 19%,transparent 27%,rgba(140,104,215,.27) 39%,transparent 50%,rgba(138,229,244,.58) 63%,transparent 72%,rgba(215,250,253,.38) 81%,transparent 91%);-webkit-mask:radial-gradient(ellipse at 48% 52%,transparent 0 51%,#000 53% 55%,transparent 60%);mask:radial-gradient(ellipse at 48% 52%,transparent 0 51%,#000 53% 55%,transparent 60%);filter:blur(1.1px) drop-shadow(0 0 5px rgba(86,205,235,.2));opacity:.61}
.subpage-body[data-page="about"] .black-hole-network .disk-hot{width:62%;height:32%;left:51%;top:49%;background:conic-gradient(from 272deg at 51% 49%,transparent 0 12%,rgba(238,254,255,.98) 17%,rgba(101,218,240,.58) 22%,transparent 29% 44%,rgba(168,236,246,.7) 49%,rgba(105,209,236,.33) 55%,transparent 61% 77%,rgba(242,254,255,.92) 82%,transparent 88%);-webkit-mask:radial-gradient(ellipse at 51% 49%,transparent 0 49%,#000 52% 54%,transparent 59%);mask:radial-gradient(ellipse at 51% 49%,transparent 0 49%,#000 52% 54%,transparent 59%);filter:blur(.28px) drop-shadow(0 0 5px rgba(211,250,255,.48));opacity:.82}
.subpage-body[data-page="about"] .black-hole-network .event-horizon{width:39%;box-shadow:0 0 0 1px rgba(190,239,250,.18),0 0 7px rgba(97,208,237,.25),0 0 19px rgba(92,113,215,.15),inset -8px -7px 16px #000}
.subpage-body[data-page="about"] .black-hole-network .lensing-glint{width:40.5%;height:40.5%;border:0;border-top:1px solid rgba(222,250,255,.52);border-right:1px solid rgba(151,223,244,.2);border-bottom:0;border-left:0;background:transparent;box-shadow:0 0 4px rgba(161,230,246,.32);opacity:.58}
.subpage-body[data-page="about"] .black-hole-network .disk-hot::before{content:"";position:absolute;inset:6%;border-radius:50%;border-top:1.5px solid rgba(236,254,255,.86);border-right:1px solid rgba(131,222,242,.34);transform:rotate(-17deg) scaleX(1.05);filter:blur(.25px) drop-shadow(0 0 4px rgba(190,246,255,.5));opacity:.78}
.subpage-body[data-page="about"] .black-hole-network .disk-inner::after{content:"";position:absolute;inset:5%;border-radius:50%;border-bottom:1px solid rgba(102,218,239,.34);border-left:1px solid rgba(142,105,214,.18);transform:rotate(22deg) scaleX(1.04);filter:blur(.6px);opacity:.62}
.subpage-body[data-page="about"] .about-signal .signal-copy>span{display:inline-flex;align-items:center;gap:12px}
.subpage-body[data-page="about"] .about-signal .signal-copy>span::after{content:"";display:inline-block;width:34px;height:1px;background:linear-gradient(90deg,rgba(117,224,244,.7),transparent)}
.subpage-body[data-page="about"] .about-signal .signal-copy h2{line-height:1.08}
.subpage-body[data-page="about"] .black-hole-network::after{left:50%;top:50%;width:92%;height:57%;border:0;border-radius:50%;transform:translate(-50%,-50%) rotate(-11deg);background:repeating-conic-gradient(from 178deg at 50% 50%,rgba(205,238,250,.18) 0 .35deg,rgba(110,191,222,.1) .55deg 1deg,transparent 1.35deg 2.3deg),conic-gradient(from 202deg at 50% 50%,rgba(182,112,222,.28),transparent 16%,rgba(236,253,255,.72) 23%,rgba(188,221,251,.38) 31%,transparent 42%,rgba(113,191,226,.22) 55%,transparent 68%,rgba(211,161,235,.23) 78%,transparent 90%);-webkit-mask:radial-gradient(ellipse at 50% 50%,transparent 0 39%,#000 43% 57%,transparent 64%);mask:radial-gradient(ellipse at 50% 50%,transparent 0 39%,#000 43% 57%,transparent 64%);filter:blur(1.2px);opacity:.56;z-index:1;box-shadow:none}
.subpage-body[data-page="about"] .black-hole-network .gravity-haze::before{content:"";position:absolute;inset:12% 2%;border-radius:50%;background:repeating-conic-gradient(from 188deg at 50% 50%,rgba(236,253,255,.22) 0 .28deg,transparent .62deg 1.7deg,rgba(146,199,239,.12) 2deg 2.25deg,transparent 2.55deg 3.3deg);-webkit-mask:radial-gradient(ellipse at 50% 50%,transparent 0 42%,#000 45% 55%,transparent 61%);mask:radial-gradient(ellipse at 50% 50%,transparent 0 42%,#000 45% 55%,transparent 61%);transform:rotate(8deg);filter:blur(.7px);opacity:.6}
.subpage-body[data-page="about"] .black-hole-network .gravity-haze::after{content:"";position:absolute;inset:17% 7%;border-radius:50%;background:conic-gradient(from 198deg at 50% 50%,transparent 0 15%,rgba(239,254,255,.62) 21%,rgba(206,237,249,.38) 28%,transparent 37% 62%,rgba(112,194,228,.3) 72%,transparent 83%);-webkit-mask:radial-gradient(ellipse at 50% 50%,transparent 0 43%,#000 46% 53%,transparent 59%);mask:radial-gradient(ellipse at 50% 50%,transparent 0 43%,#000 46% 53%,transparent 59%);transform:rotate(-10deg);filter:blur(1px);opacity:.72}
.subpage-body[data-page="about"] .black-hole-network .disk-hot{opacity:.9;filter:blur(.22px) drop-shadow(0 0 7px rgba(225,251,255,.56))}
@media(max-width:620px){.subpage-body[data-page="about"] .about-signal .signal-copy h2{line-height:1.1}.subpage-body[data-page="about"] .about-signal .signal-copy>span{font-size:9px;letter-spacing:.13em;gap:7px}.subpage-body[data-page="about"] .about-signal .signal-copy>span::after{width:22px}}

/* Reference-matched black hole: a dense white inner rim with filamented violet dust. */
.subpage-body[data-page="about"] .black-hole-network{background:radial-gradient(circle at 50% 50%,rgba(2,3,10,.98) 0 22%,rgba(26,30,76,.3) 36%,rgba(92,49,133,.16) 52%,transparent 75%),radial-gradient(ellipse at 28% 48%,rgba(133,54,169,.16),transparent 32%),radial-gradient(ellipse at 74% 54%,rgba(39,127,181,.13),transparent 35%);}
.subpage-body[data-page="about"] .black-hole-network::before{inset:-4%;border:0;background:radial-gradient(ellipse at 30% 50%,rgba(170,62,180,.22),transparent 28%),radial-gradient(ellipse at 70% 48%,rgba(88,159,213,.14),transparent 32%),radial-gradient(circle at 20% 35%,rgba(208,130,230,.28) 0 1px,transparent 2px),radial-gradient(circle at 81% 32%,rgba(141,194,245,.22) 0 1px,transparent 2px);filter:blur(9px);opacity:.7}
.subpage-body[data-page="about"] .black-hole-network::after{left:50%;top:50%;width:99%;height:99%;border:0;border-radius:50%;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 182deg at 50% 50%,rgba(214,179,238,.16) 0 .22deg,rgba(104,94,178,.09) .38deg .72deg,transparent .95deg 1.65deg),conic-gradient(from 205deg at 50% 50%,rgba(158,88,190,.16),rgba(239,235,255,.74) 18%,rgba(255,255,255,.96) 27%,rgba(188,174,231,.46) 37%,rgba(102,112,191,.16) 49%,rgba(117,89,176,.2) 62%,rgba(222,205,246,.5) 76%,rgba(247,242,255,.84) 88%,rgba(128,92,172,.18));-webkit-mask:radial-gradient(circle at 50% 50%,transparent 0 47%,#000 50% 67%,transparent 76%);mask:radial-gradient(circle at 50% 50%,transparent 0 47%,#000 50% 67%,transparent 76%);filter:blur(2px);opacity:.78;box-shadow:none;z-index:1}
.subpage-body[data-page="about"] .black-hole-network .gravity-haze{inset:-5%;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.98) 0 31%,rgba(30,25,67,.66) 40%,rgba(104,53,137,.22) 53%,transparent 75%),repeating-conic-gradient(from 12deg at 50% 50%,rgba(138,105,194,.08) 0 .5deg,transparent .8deg 2.2deg);filter:blur(5px);opacity:.85;animation:reference-dust-breathe 12s ease-in-out infinite alternate}
.subpage-body[data-page="about"] .black-hole-network .gravity-haze::before{inset:5%;background:repeating-conic-gradient(from 188deg at 50% 50%,rgba(255,250,255,.26) 0 .2deg,rgba(138,110,197,.15) .45deg .8deg,transparent 1deg 1.8deg);-webkit-mask:radial-gradient(circle,transparent 0 47%,#000 50% 64%,transparent 71%);mask:radial-gradient(circle,transparent 0 47%,#000 50% 64%,transparent 71%);transform:rotate(9deg);filter:blur(.7px);opacity:.72}
.subpage-body[data-page="about"] .black-hole-network .gravity-haze::after{inset:10%;background:conic-gradient(from 184deg at 50% 50%,transparent 0 12%,rgba(255,255,255,.8) 21%,rgba(213,194,240,.52) 29%,transparent 39% 61%,rgba(181,225,250,.28) 73%,transparent 87%);-webkit-mask:radial-gradient(circle,transparent 0 48%,#000 51% 60%,transparent 68%);mask:radial-gradient(circle,transparent 0 48%,#000 51% 60%,transparent 68%);transform:rotate(-6deg);filter:blur(1.2px);opacity:.72}
.subpage-body[data-page="about"] .black-hole-network .accretion-disk{aspect-ratio:1;height:auto;border-radius:50%;mix-blend-mode:screen}
.subpage-body[data-page="about"] .black-hole-network .disk-outer{width:100%;height:auto;left:50%;top:50%;background:repeating-conic-gradient(from 178deg,rgba(191,160,225,.3) 0 .22deg,rgba(86,83,163,.16) .4deg .8deg,transparent 1deg 1.7deg);-webkit-mask:radial-gradient(circle,transparent 0 58%,#000 61% 75%,transparent 81%);mask:radial-gradient(circle,transparent 0 58%,#000 61% 75%,transparent 81%);filter:blur(1.7px);opacity:.62;animation:reference-disk-outer 28s linear infinite}
.subpage-body[data-page="about"] .black-hole-network .disk-mid{width:88%;height:auto;left:50%;top:50%;background:repeating-conic-gradient(from 24deg,rgba(228,218,248,.44) 0 .25deg,rgba(116,101,184,.23) .48deg .9deg,transparent 1.1deg 1.9deg);-webkit-mask:radial-gradient(circle,transparent 0 53%,#000 56% 69%,transparent 75%);mask:radial-gradient(circle,transparent 0 53%,#000 56% 69%,transparent 75%);filter:blur(1.25px);opacity:.72;animation:reference-disk-mid 23s linear infinite reverse}
.subpage-body[data-page="about"] .black-hole-network .disk-inner{width:76%;height:auto;left:50%;top:50%;background:repeating-conic-gradient(from 150deg,rgba(255,255,255,.66) 0 .28deg,rgba(200,184,234,.4) .5deg 1deg,transparent 1.2deg 2.2deg);-webkit-mask:radial-gradient(circle,transparent 0 49%,#000 52% 63%,transparent 69%);mask:radial-gradient(circle,transparent 0 49%,#000 52% 63%,transparent 69%);filter:blur(.8px) drop-shadow(0 0 7px rgba(224,214,251,.4));opacity:.84;animation:reference-disk-inner 17s linear infinite}
.subpage-body[data-page="about"] .black-hole-network .disk-hot{width:67%;height:auto;left:50%;top:50%;background:conic-gradient(from 190deg,rgba(255,255,255,.98) 0 19%,rgba(242,238,255,.96) 28%,rgba(197,181,233,.5) 38%,transparent 48% 69%,rgba(227,243,255,.7) 79%,rgba(255,255,255,.98) 88%,transparent 96%);-webkit-mask:radial-gradient(circle,transparent 0 48%,#000 51% 59%,transparent 65%);mask:radial-gradient(circle,transparent 0 48%,#000 51% 59%,transparent 65%);filter:blur(.55px) drop-shadow(0 0 9px rgba(236,230,255,.82));opacity:.96;animation:reference-disk-hot 11s linear infinite reverse}
.subpage-body[data-page="about"] .black-hole-network .event-horizon{width:48%;background:#000;box-shadow:0 0 0 1px rgba(225,220,245,.35),0 0 8px rgba(218,212,242,.36),0 0 20px rgba(137,105,190,.2),inset 0 0 24px #000}
.subpage-body[data-page="about"] .black-hole-network .lensing-glint{width:50%;height:50%;border:0;border-top:1px solid rgba(255,255,255,.78);border-right:1px solid rgba(229,218,248,.38);box-shadow:0 0 6px rgba(244,238,255,.55);opacity:.78}
.subpage-body[data-page="about"] .black-hole-network::after{background:repeating-radial-gradient(circle at 50% 50%,rgba(240,231,252,.24) 0 .35px,rgba(124,102,181,.13) .65px 1.1px,transparent 1.4px 2.5px),conic-gradient(from 205deg at 50% 50%,rgba(158,88,190,.16),rgba(239,235,255,.74) 18%,rgba(255,255,255,.96) 27%,rgba(188,174,231,.46) 37%,rgba(102,112,191,.16) 49%,rgba(117,89,176,.2) 62%,rgba(222,205,246,.5) 76%,rgba(247,242,255,.84) 88%,rgba(128,92,172,.18));background-blend-mode:screen,normal}
.subpage-body[data-page="about"] .black-hole-network .gravity-haze::before{background:repeating-radial-gradient(circle at 50% 50%,rgba(255,250,255,.26) 0 .3px,rgba(138,110,197,.15) .6px 1px,transparent 1.3px 2.2px),conic-gradient(from 188deg,rgba(239,254,255,.16),transparent 22%,rgba(153,115,208,.2) 67%,transparent 88%);background-blend-mode:screen,normal}
.subpage-body[data-page="about"] .black-hole-network .gravity-haze::after{background:repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.35) 0 .26px,rgba(190,173,230,.2) .55px .95px,transparent 1.2px 2px),conic-gradient(from 184deg at 50% 50%,transparent 0 12%,rgba(255,255,255,.8) 21%,rgba(213,194,240,.52) 29%,transparent 39% 61%,rgba(181,225,250,.28) 73%,transparent 87%);background-blend-mode:screen,normal}
.subpage-body[data-page="about"] .black-hole-network .disk-outer{background:repeating-radial-gradient(circle at 50% 50%,rgba(211,185,237,.24) 0 .28px,rgba(100,86,172,.13) .5px .95px,transparent 1.25px 2.4px),conic-gradient(from 178deg,rgba(116,80,180,.16),rgba(202,179,232,.3) 27%,transparent 52%,rgba(99,130,196,.18) 75%,transparent);background-blend-mode:screen,normal}
.subpage-body[data-page="about"] .black-hole-network .disk-mid{background:repeating-radial-gradient(circle at 50% 50%,rgba(242,234,252,.32) 0 .3px,rgba(122,103,187,.16) .55px 1px,transparent 1.3px 2.2px),conic-gradient(from 24deg,rgba(190,155,222,.2),rgba(242,236,255,.48) 29%,transparent 49%,rgba(129,154,215,.22) 73%,transparent);background-blend-mode:screen,normal}
.subpage-body[data-page="about"] .black-hole-network .disk-inner{background:repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.5) 0 .32px,rgba(194,177,229,.25) .58px 1px,transparent 1.3px 2.1px),conic-gradient(from 150deg,rgba(255,255,255,.4),rgba(217,203,244,.64) 31%,transparent 49%,rgba(188,229,249,.34) 72%,transparent);background-blend-mode:screen,normal}
.subpage-body[data-page="about"] .black-hole-network .disk-hot{background:repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.6) 0 .35px,rgba(222,212,246,.35) .6px 1px,transparent 1.25px 2px),conic-gradient(from 190deg,rgba(255,255,255,.98) 0 19%,rgba(242,238,255,.96) 28%,rgba(197,181,233,.5) 38%,transparent 48% 69%,rgba(227,243,255,.7) 79%,rgba(255,255,255,.98) 88%,transparent 96%);background-blend-mode:screen,normal}
.subpage-body[data-page="about"] .black-hole-network::after{width:100%;height:100%;background:repeating-radial-gradient(circle at 50% 50%,rgba(240,231,252,.18) 0 .25px,rgba(124,102,181,.1) .48px .9px,transparent 1.15px 2px),conic-gradient(from 205deg at 50% 50%,rgba(158,88,190,.1),rgba(239,235,255,.42) 18%,rgba(255,255,255,.68) 27%,rgba(188,174,231,.22) 37%,transparent 49%,rgba(117,89,176,.12) 62%,rgba(222,205,246,.3) 76%,rgba(247,242,255,.5) 88%,transparent);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 0 48%,#000 50% 58%,transparent 63%);mask:radial-gradient(circle at 50% 50%,transparent 0 48%,#000 50% 58%,transparent 63%);filter:blur(.8px);opacity:.48}
.subpage-body[data-page="about"] .black-hole-network .gravity-haze::before{inset:8%;opacity:.3;filter:blur(.45px);-webkit-mask:radial-gradient(circle,transparent 0 48%,#000 51% 57%,transparent 62%);mask:radial-gradient(circle,transparent 0 48%,#000 51% 57%,transparent 62%)}
.subpage-body[data-page="about"] .black-hole-network .gravity-haze::after{inset:12%;opacity:.34;filter:blur(.6px);-webkit-mask:radial-gradient(circle,transparent 0 49%,#000 52% 57%,transparent 62%);mask:radial-gradient(circle,transparent 0 49%,#000 52% 57%,transparent 62%)}
.subpage-body[data-page="about"] .black-hole-network .disk-outer{width:100%;opacity:.24;filter:blur(.8px);-webkit-mask:radial-gradient(circle,transparent 0 61%,#000 63% 65%,transparent 69%);mask:radial-gradient(circle,transparent 0 61%,#000 63% 65%,transparent 69%)}
.subpage-body[data-page="about"] .black-hole-network .disk-mid{width:88%;opacity:.3;filter:blur(.65px);-webkit-mask:radial-gradient(circle,transparent 0 57%,#000 59% 61.5%,transparent 65%);mask:radial-gradient(circle,transparent 0 57%,#000 59% 61.5%,transparent 65%)}
.subpage-body[data-page="about"] .black-hole-network .disk-inner{width:76%;opacity:.48;filter:blur(.5px) drop-shadow(0 0 4px rgba(224,214,251,.24));-webkit-mask:radial-gradient(circle,transparent 0 54%,#000 56% 59%,transparent 63%);mask:radial-gradient(circle,transparent 0 54%,#000 56% 59%,transparent 63%)}
.subpage-body[data-page="about"] .black-hole-network .disk-hot{width:67%;opacity:.9;filter:blur(.3px) drop-shadow(0 0 6px rgba(236,230,255,.65));-webkit-mask:radial-gradient(circle,transparent 0 51%,#000 53% 56.5%,transparent 61%);mask:radial-gradient(circle,transparent 0 51%,#000 53% 56.5%,transparent 61%)}
@keyframes reference-dust-breathe{0%{transform:rotate(-4deg) scale(.98);opacity:.68}100%{transform:rotate(5deg) scale(1.03);opacity:.92}}
@keyframes reference-disk-outer{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes reference-disk-mid{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes reference-disk-inner{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes reference-disk-hot{to{transform:translate(-50%,-50%) rotate(360deg)}}

/* Break the particle field out of a grid: scattered star grains on curved paths. */
.subpage-body[data-page="about"] .black-hole-network .gravity-haze{background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.98) 0 31%,rgba(23,21,57,.48) 41%,rgba(103,53,137,.12) 56%,transparent 77%),radial-gradient(circle at 8% 19%,rgba(252,248,255,.72) 0 .45px,transparent 1px),radial-gradient(circle at 18% 63%,rgba(175,213,247,.46) 0 .42px,transparent .95px),radial-gradient(circle at 28% 34%,rgba(229,202,247,.54) 0 .5px,transparent 1.05px),radial-gradient(circle at 36% 76%,rgba(245,237,255,.5) 0 .36px,transparent .9px),radial-gradient(circle at 47% 18%,rgba(178,215,247,.4) 0 .4px,transparent .9px),radial-gradient(circle at 59% 83%,rgba(234,209,247,.48) 0 .48px,transparent 1px),radial-gradient(circle at 69% 27%,rgba(254,249,255,.62) 0 .4px,transparent .9px),radial-gradient(circle at 79% 68%,rgba(171,210,246,.42) 0 .45px,transparent .95px),radial-gradient(circle at 91% 44%,rgba(244,231,255,.56) 0 .4px,transparent .9px);filter:blur(1.2px);opacity:.78}
.subpage-body[data-page="about"] .black-hole-network .gravity-haze::before{inset:3%;background:radial-gradient(circle at 11% 47%,rgba(249,244,255,.68) 0 .42px,transparent .95px),radial-gradient(circle at 19% 31%,rgba(177,217,250,.55) 0 .35px,transparent .85px),radial-gradient(circle at 25% 71%,rgba(207,174,238,.52) 0 .55px,transparent 1.05px),radial-gradient(circle at 34% 20%,rgba(245,239,255,.7) 0 .38px,transparent .85px),radial-gradient(circle at 41% 63%,rgba(175,214,248,.6) 0 .4px,transparent .9px),radial-gradient(circle at 52% 34%,rgba(236,224,255,.65) 0 .4px,transparent .9px),radial-gradient(circle at 61% 73%,rgba(195,165,235,.56) 0 .48px,transparent .95px),radial-gradient(circle at 72% 15%,rgba(250,245,255,.7) 0 .35px,transparent .85px),radial-gradient(circle at 82% 51%,rgba(182,218,248,.58) 0 .42px,transparent .9px),radial-gradient(circle at 93% 75%,rgba(241,226,255,.62) 0 .45px,transparent .95px);-webkit-mask:radial-gradient(ellipse at 50% 50%,transparent 0 46%,#000 49% 64%,transparent 70%);mask:radial-gradient(ellipse at 50% 50%,transparent 0 46%,#000 49% 64%,transparent 70%);transform:rotate(-12deg) scaleY(.86);filter:blur(.15px);opacity:.86}
.subpage-body[data-page="about"] .black-hole-network .gravity-haze::after{inset:6%;background:radial-gradient(circle at 14% 52%,rgba(255,255,255,.84) 0 .36px,transparent .8px),radial-gradient(circle at 22% 26%,rgba(213,196,241,.7) 0 .38px,transparent .82px),radial-gradient(circle at 32% 80%,rgba(171,215,249,.72) 0 .34px,transparent .78px),radial-gradient(circle at 45% 16%,rgba(255,255,255,.8) 0 .4px,transparent .86px),radial-gradient(circle at 56% 66%,rgba(210,184,239,.76) 0 .36px,transparent .82px),radial-gradient(circle at 67% 36%,rgba(248,242,255,.84) 0 .38px,transparent .84px),radial-gradient(circle at 77% 77%,rgba(169,211,247,.7) 0 .38px,transparent .84px),radial-gradient(circle at 88% 42%,rgba(231,208,248,.8) 0 .42px,transparent .88px);-webkit-mask:radial-gradient(ellipse at 50% 50%,transparent 0 48%,#000 50% 59%,transparent 65%);mask:radial-gradient(ellipse at 50% 50%,transparent 0 48%,#000 50% 59%,transparent 65%);transform:rotate(9deg) scaleY(.9);filter:blur(.12px);opacity:.82}
.subpage-body[data-page="about"] .black-hole-network .disk-outer,.subpage-body[data-page="about"] .black-hole-network .disk-mid{background:transparent;box-shadow:none;opacity:0}
.subpage-body[data-page="about"] .black-hole-network .disk-inner{opacity:.34;filter:blur(.35px);-webkit-mask:radial-gradient(circle,transparent 0 53%,#000 55% 57%,transparent 61%);mask:radial-gradient(circle,transparent 0 53%,#000 55% 57%,transparent 61%)}
.subpage-body[data-page="about"] .black-hole-network::after{background:none!important;opacity:0!important}
.subpage-body[data-page="about"] .black-hole-network .gravity-haze{background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.98) 0 31%,rgba(23,21,57,.34) 43%,rgba(103,53,137,.1) 58%,transparent 78%)!important}
.subpage-body[data-page="about"] .black-hole-network .gravity-haze::before,.subpage-body[data-page="about"] .black-hole-network .gravity-haze::after{background:none!important;opacity:0!important}
.subpage-body[data-page="about"] .black-hole-network .disk-outer{width:100%;height:100%;opacity:1;filter:none;background:none!important;-webkit-mask:none;mask:none;overflow:visible}
.subpage-body[data-page="about"] .black-hole-network .disk-mid{width:88%;height:88%;opacity:1;filter:none;background:none!important;-webkit-mask:none;mask:none;overflow:visible}
.subpage-body[data-page="about"] .black-hole-network .disk-outer::before,.subpage-body[data-page="about"] .black-hole-network .disk-mid::before{content:"";position:absolute;left:50%;top:50%;width:1.4px;height:1.4px;border-radius:50%;background:rgba(246,239,255,.72);box-shadow:-278px -92px 0 .5px rgba(194,158,229,.42),-236px 74px 0 .2px rgba(246,239,255,.62),-193px -154px 0 .3px rgba(174,207,243,.5),-148px 112px 0 .2px rgba(241,233,255,.66),-97px -205px 0 .3px rgba(202,173,236,.5),-48px 184px 0 .2px rgba(244,239,255,.72),8px -220px 0 .3px rgba(176,211,246,.54),42px 201px 0 .2px rgba(244,235,255,.64),98px -172px 0 .4px rgba(214,181,238,.5),147px 149px 0 .2px rgba(238,235,255,.72),196px -102px 0 .3px rgba(166,207,244,.52),238px 74px 0 .2px rgba(249,244,255,.65),275px -18px 0 .4px rgba(198,168,233,.44),-251px -23px 0 .2px rgba(247,244,255,.58),-175px 198px 0 .3px rgba(181,215,245,.46),-73px 232px 0 .2px rgba(242,231,255,.58),72px 228px 0 .4px rgba(206,178,238,.48),175px 191px 0 .2px rgba(246,239,255,.62),220px -180px 0 .3px rgba(174,210,243,.48);transform:translate(-50%,-50%);filter:drop-shadow(0 0 2px rgba(208,226,255,.5));opacity:.72}
.subpage-body[data-page="about"] .black-hole-network .disk-mid::before{width:1px;height:1px;opacity:.55;transform:translate(-50%,-50%) rotate(18deg) scale(.86)}
.subpage-body[data-page="about"] .black-hole-network .disk-outer::after,.subpage-body[data-page="about"] .black-hole-network .disk-mid::after{content:"";position:absolute;left:50%;top:50%;width:2px;height:2px;border-radius:50%;background:rgba(255,248,255,.64);box-shadow:-306px -42px 0 0 rgba(191,153,228,.42),-286px 118px 0 0 rgba(244,239,255,.5),-257px -156px 0 0 rgba(180,214,246,.52),-224px 202px 0 0 rgba(250,244,255,.58),-186px -215px 0 0 rgba(205,171,237,.48),-142px 236px 0 0 rgba(165,210,245,.44),-92px -263px 0 0 rgba(247,239,255,.62),-37px 250px 0 0 rgba(211,180,238,.5),22px -270px 0 0 rgba(183,220,249,.48),78px 249px 0 0 rgba(250,245,255,.56),133px -240px 0 0 rgba(205,174,235,.52),182px 207px 0 0 rgba(181,216,247,.46),223px -190px 0 0 rgba(250,245,255,.58),259px 147px 0 0 rgba(197,165,235,.48),289px -86px 0 0 rgba(172,210,244,.5),312px 36px 0 0 rgba(247,240,255,.56),-270px 12px 0 0 rgba(239,229,255,.5),-207px 79px 0 0 rgba(162,204,243,.48),-157px -83px 0 0 rgba(249,244,255,.52),-111px 142px 0 0 rgba(199,167,233,.48),-58px -129px 0 0 rgba(170,211,246,.46),-6px 162px 0 0 rgba(245,238,255,.56),49px -151px 0 0 rgba(198,169,235,.46),102px 121px 0 0 rgba(166,208,245,.5),153px -118px 0 0 rgba(249,243,255,.54),198px 89px 0 0 rgba(210,181,239,.48),241px -63px 0 0 rgba(180,216,247,.46);transform:translate(-50%,-50%);filter:drop-shadow(0 0 3px rgba(209,222,255,.58));opacity:.74;mix-blend-mode:screen}
.subpage-body[data-page="about"] .black-hole-network .disk-mid::after{width:1px;height:1px;opacity:.64;transform:translate(-50%,-50%) rotate(14deg) scale(.9);filter:drop-shadow(0 0 2px rgba(219,224,255,.48))}
.subpage-body[data-page="about"] .black-hole-network .disk-inner{background:radial-gradient(ellipse at 50% 50%,transparent 0 50%,rgba(224,215,247,.14) 53%,transparent 58%)!important;-webkit-mask:radial-gradient(ellipse at 50% 50%,transparent 0 50%,#000 53% 58%,transparent 63%);mask:radial-gradient(ellipse at 50% 50%,transparent 0 50%,#000 53% 58%,transparent 63%);opacity:.5}
.subpage-body[data-page="about"] .black-hole-network::after{background:radial-gradient(circle at 9% 26%,rgba(255,255,255,.66) 0 .45px,transparent .95px),radial-gradient(circle at 17% 61%,rgba(198,181,233,.58) 0 .38px,transparent .9px),radial-gradient(circle at 25% 36%,rgba(169,214,248,.56) 0 .4px,transparent .92px),radial-gradient(circle at 33% 74%,rgba(249,244,255,.68) 0 .42px,transparent .9px),radial-gradient(circle at 42% 19%,rgba(208,186,238,.5) 0 .36px,transparent .85px),radial-gradient(circle at 53% 68%,rgba(176,211,245,.6) 0 .44px,transparent .95px),radial-gradient(circle at 64% 27%,rgba(255,252,255,.7) 0 .4px,transparent .9px),radial-gradient(circle at 73% 78%,rgba(191,162,231,.54) 0 .42px,transparent .9px),radial-gradient(circle at 84% 44%,rgba(181,216,247,.6) 0 .38px,transparent .86px),radial-gradient(circle at 92% 65%,rgba(247,238,255,.64) 0 .45px,transparent .96px),radial-gradient(ellipse at 50% 50%,rgba(151,115,195,.16),transparent 62%);-webkit-mask:radial-gradient(ellipse at 50% 50%,transparent 0 47%,#000 49% 68%,transparent 77%);mask:radial-gradient(ellipse at 50% 50%,transparent 0 47%,#000 49% 68%,transparent 77%);filter:blur(.12px);opacity:.72}
.subpage-body[data-page="about"] .black-hole-network .gravity-paths{opacity:.16;stroke-dasharray:1 4;filter:none}
.subpage-body[data-page="about"] .black-hole-network{clip-path:circle(50% at 50% 50%)}
.subpage-body[data-page="about"] .black-hole-network .gravity-paths{opacity:.045}
.subpage-body[data-page="about"] .black-hole-network .gravity-nodes{opacity:.12}
.subpage-body[data-page="about"] .black-hole-network .gravity-nodes circle{filter:drop-shadow(0 0 1px rgba(184,219,250,.3))}
.subpage-body[data-page="about"] .black-hole-network .event-horizon{background:#000!important}

/* Star-built accretion: tiny particles and dust replace the solid-looking panel. */
.subpage-body[data-page="about"] .black-hole-network{background:transparent!important;box-shadow:none!important}
.subpage-body[data-page="about"] .black-hole-network::before{inset:-8%;background:radial-gradient(circle at 24% 42%,rgba(204,121,224,.2) 0 1px,transparent 1.8px),radial-gradient(circle at 78% 31%,rgba(160,205,247,.2) 0 1px,transparent 1.7px),radial-gradient(circle at 74% 72%,rgba(214,174,244,.16) 0 .8px,transparent 1.6px),radial-gradient(circle at 29% 72%,rgba(104,184,226,.2) 0 .8px,transparent 1.5px),radial-gradient(ellipse at 50% 50%,rgba(110,66,164,.18),transparent 54%);filter:blur(2px);opacity:.78}
.subpage-body[data-page="about"] .black-hole-network::after{width:100%;height:100%;background:radial-gradient(circle at 2px 3px,rgba(244,239,255,.58) 0 .42px,transparent .8px),radial-gradient(circle at 6px 1px,rgba(172,205,244,.38) 0 .35px,transparent .75px),radial-gradient(circle at 4px 8px,rgba(202,169,233,.3) 0 .32px,transparent .7px),radial-gradient(ellipse at 50% 50%,transparent 0 46%,rgba(196,171,226,.14) 52%,transparent 67%);background-size:9px 9px,13px 13px,17px 17px,100% 100%;background-position:0 0,3px 5px,7px 1px,0 0;mix-blend-mode:screen;-webkit-mask:radial-gradient(ellipse at 50% 50%,transparent 0 47%,#000 49% 69%,transparent 78%);mask:radial-gradient(ellipse at 50% 50%,transparent 0 47%,#000 49% 69%,transparent 78%);filter:blur(.18px);opacity:.58;transform:translate(-50%,-50%) rotate(-8deg);z-index:1}
.subpage-body[data-page="about"] .black-hole-network .gravity-haze{inset:-5%;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.98) 0 31%,rgba(23,21,57,.56) 42%,rgba(103,53,137,.2) 55%,transparent 76%),radial-gradient(circle at 2px 2px,rgba(255,255,255,.44) 0 .4px,transparent .8px),radial-gradient(circle at 5px 7px,rgba(183,139,225,.3) 0 .35px,transparent .8px),radial-gradient(circle at 8px 3px,rgba(110,194,231,.28) 0 .3px,transparent .7px);background-size:100% 100%,11px 11px,17px 17px,23px 23px;background-position:0 0,0 0,4px 2px,7px 5px;filter:blur(1.8px);opacity:.82;animation:reference-dust-breathe 12s ease-in-out infinite alternate}
.subpage-body[data-page="about"] .black-hole-network .gravity-haze::before{inset:5%;background:radial-gradient(circle at 2px 2px,rgba(255,255,255,.5) 0 .38px,transparent .78px),radial-gradient(circle at 6px 4px,rgba(205,186,240,.34) 0 .3px,transparent .7px),radial-gradient(ellipse at 50% 50%,transparent 0 47%,rgba(237,223,252,.15) 51%,transparent 62%);background-size:8px 8px,14px 14px,100% 100%;background-position:1px 0,4px 3px,0 0;-webkit-mask:radial-gradient(ellipse at 50% 50%,transparent 0 47%,#000 50% 61%,transparent 68%);mask:radial-gradient(ellipse at 50% 50%,transparent 0 47%,#000 50% 61%,transparent 68%);transform:rotate(9deg);filter:blur(.3px);opacity:.7}
.subpage-body[data-page="about"] .black-hole-network .gravity-haze::after{inset:10%;background:radial-gradient(circle at 3px 3px,rgba(255,255,255,.7) 0 .45px,transparent .9px),radial-gradient(circle at 7px 1px,rgba(219,207,246,.4) 0 .32px,transparent .8px),radial-gradient(ellipse at 50% 50%,transparent 0 47%,rgba(255,255,255,.2) 50%,transparent 58%);background-size:10px 10px,19px 19px,100% 100%;background-position:0 0,6px 4px,0 0;-webkit-mask:radial-gradient(ellipse at 50% 50%,transparent 0 48%,#000 50% 57%,transparent 64%);mask:radial-gradient(ellipse at 50% 50%,transparent 0 48%,#000 50% 57%,transparent 64%);transform:rotate(-7deg);filter:blur(.4px);opacity:.72}
.subpage-body[data-page="about"] .black-hole-network .disk-outer,.subpage-body[data-page="about"] .black-hole-network .disk-mid,.subpage-body[data-page="about"] .black-hole-network .disk-inner{mix-blend-mode:screen}

/* Global hub replacement: a quiet, star-built planet for the China-to-world story. */
.subpage-body[data-page="about"] .global-hub-network{position:relative;z-index:1;justify-self:start;width:min(46vw,620px);aspect-ratio:1;margin-left:clamp(-70px,-4vw,-32px);overflow:hidden;border-radius:50%;isolation:isolate;background:radial-gradient(circle at 50% 50%,rgba(13,24,58,.18),transparent 58%),radial-gradient(circle at 31% 26%,rgba(76,180,224,.11),transparent 26%),radial-gradient(circle at 74% 78%,rgba(120,77,192,.13),transparent 31%);animation:hub-breathe 7s ease-in-out infinite}
.subpage-body[data-page="about"] .global-hub-network::before{content:"";position:absolute;inset:2%;border:1px solid rgba(120,210,235,.11);border-radius:50%;box-shadow:inset 0 0 58px rgba(72,154,206,.08),0 0 42px rgba(73,181,228,.08);pointer-events:none}
.subpage-body[data-page="about"] .global-hub-network::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 19% 22%,rgba(239,251,255,.64) 0 .45px,transparent 1px),radial-gradient(circle at 78% 18%,rgba(192,164,239,.55) 0 .5px,transparent 1px),radial-gradient(circle at 84% 66%,rgba(149,214,244,.55) 0 .42px,transparent 1px),radial-gradient(circle at 17% 77%,rgba(244,240,255,.58) 0 .4px,transparent 1px),radial-gradient(circle at 64% 87%,rgba(194,157,234,.43) 0 .42px,transparent 1px),radial-gradient(circle at 39% 12%,rgba(192,225,248,.42) 0 .38px,transparent 1px);opacity:.65;pointer-events:none}
.subpage-body[data-page="about"] .hub-stars{position:absolute;inset:8%;z-index:0;border-radius:50%;background:radial-gradient(circle at 7% 38%,rgba(255,255,255,.58) 0 .45px,transparent 1px),radial-gradient(circle at 16% 64%,rgba(178,220,250,.48) 0 .4px,transparent .95px),radial-gradient(circle at 26% 19%,rgba(221,188,244,.46) 0 .5px,transparent 1px),radial-gradient(circle at 35% 81%,rgba(244,239,255,.52) 0 .4px,transparent .95px),radial-gradient(circle at 49% 13%,rgba(181,215,246,.45) 0 .38px,transparent .9px),radial-gradient(circle at 63% 23%,rgba(255,255,255,.6) 0 .4px,transparent .95px),radial-gradient(circle at 74% 51%,rgba(198,167,237,.44) 0 .45px,transparent .95px),radial-gradient(circle at 88% 37%,rgba(177,219,247,.48) 0 .4px,transparent .95px),radial-gradient(circle at 81% 84%,rgba(247,239,255,.48) 0 .42px,transparent .95px),radial-gradient(circle at 29% 58%,rgba(164,213,246,.42) 0 .34px,transparent .85px);filter:blur(.15px);opacity:.82}
.subpage-body[data-page="about"] .hub-glow{position:absolute;z-index:1;left:50%;top:50%;width:45%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(91,210,240,.24),rgba(93,117,218,.12) 46%,transparent 72%);filter:blur(17px);animation:hub-glow-pulse 5.5s ease-in-out infinite}
.subpage-body[data-page="about"] .hub-planet{position:absolute;z-index:4;left:50%;top:50%;width:34%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);overflow:hidden;background:radial-gradient(circle at 34% 25%,rgba(168,240,250,.92) 0 4%,rgba(57,171,211,.76) 18%,rgba(19,67,125,.95) 56%,rgba(10,22,63,1) 83%);box-shadow:inset -14px -18px 24px rgba(1,8,29,.7),inset 11px 8px 18px rgba(163,242,251,.28),0 0 0 1px rgba(166,242,249,.56),0 0 16px rgba(83,218,241,.5),0 0 42px rgba(80,118,214,.3);animation:planet-breathe 6s ease-in-out infinite}
.subpage-body[data-page="about"] .hub-planet::before{content:"";position:absolute;inset:-8%;border-radius:50%;background:repeating-linear-gradient(105deg,transparent 0 16px,rgba(174,234,247,.12) 17px 18px,transparent 19px 33px);mix-blend-mode:screen;opacity:.64;transform:rotate(-13deg)}
.subpage-body[data-page="about"] .planet-shine{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 30% 22%,rgba(255,255,255,.72),transparent 19%),radial-gradient(ellipse at 60% 65%,transparent 41%,rgba(6,15,46,.46) 84%);opacity:.8}
.subpage-body[data-page="about"] .planet-land{position:absolute;display:block;background:rgba(110,218,218,.26);filter:blur(.4px);box-shadow:0 0 8px rgba(119,226,235,.18)}
.subpage-body[data-page="about"] .land-a{width:29%;height:17%;left:28%;top:35%;border-radius:52% 36% 62% 38%;transform:rotate(-23deg)}
.subpage-body[data-page="about"] .land-b{width:20%;height:12%;left:56%;top:50%;border-radius:42% 66% 36% 58%;transform:rotate(27deg)}
.subpage-body[data-page="about"] .land-c{width:15%;height:9%;left:40%;top:64%;border-radius:64% 36% 56% 44%;transform:rotate(14deg)}
.subpage-body[data-page="about"] .hub-orbit{position:absolute;z-index:3;left:50%;top:50%;width:78%;height:28%;border:1px solid rgba(169,232,246,.36);border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg);box-shadow:0 0 8px rgba(87,212,238,.17),inset 0 0 4px rgba(207,242,255,.08);pointer-events:none}
.subpage-body[data-page="about"] .hub-orbit::after{content:"";position:absolute;left:16%;top:50%;width:4px;height:4px;border-radius:50%;background:#c8f8ff;box-shadow:0 0 7px 2px rgba(114,231,246,.8);transform:translate(-50%,-50%);animation:hub-orbit-node 8s linear infinite}
.subpage-body[data-page="about"] .orbit-b{width:65%;height:22%;transform:translate(-50%,-50%) rotate(28deg);border-color:rgba(173,150,235,.3)}
.subpage-body[data-page="about"] .orbit-b::after{left:79%;background:#d9c8ff;box-shadow:0 0 7px 2px rgba(166,128,240,.72);animation-duration:10s;animation-direction:reverse}
.subpage-body[data-page="about"] .orbit-c{width:88%;height:39%;transform:translate(-50%,-50%) rotate(7deg);border-color:rgba(112,202,230,.16);filter:blur(.3px)}
.subpage-body[data-page="about"] .orbit-c::after{left:52%;top:9%;width:3px;height:3px;opacity:.8;animation-duration:12s}
.subpage-body[data-page="about"] .hub-connections{position:absolute;z-index:5;inset:9%;width:82%;height:82%;overflow:visible}
.subpage-body[data-page="about"] .hub-routes{fill:none;stroke:rgba(139,224,240,.24);stroke-width:.32;stroke-linecap:round;stroke-dasharray:1.2 2.8;filter:drop-shadow(0 0 1px rgba(120,222,240,.4));animation:hub-route-flow 13s linear infinite}
.subpage-body[data-page="about"] .hub-routes path:nth-child(2){stroke:rgba(191,161,241,.24);animation-delay:-4s}
.subpage-body[data-page="about"] .hub-routes path:nth-child(3){stroke:rgba(113,207,232,.2);animation-delay:-8s}
.subpage-body[data-page="about"] .hub-nodes circle{fill:#d9fbff;stroke:#73d9ed;stroke-width:.3;filter:drop-shadow(0 0 2px rgba(122,231,246,.85));transform-box:fill-box;transform-origin:center;animation:hub-node-pulse 3.4s ease-in-out infinite}
.subpage-body[data-page="about"] .hub-nodes circle:nth-child(2n){fill:#d7c6ff;stroke:#a68bea;animation-delay:-1.2s}
.subpage-body[data-page="about"] .hub-nodes circle:nth-child(3n){animation-delay:-2.1s}
@keyframes hub-breathe{0%,100%{transform:scale(1);opacity:.92}50%{transform:scale(1.012);opacity:1}}
@keyframes hub-glow-pulse{0%,100%{transform:translate(-50%,-50%) scale(.94);opacity:.55}50%{transform:translate(-50%,-50%) scale(1.08);opacity:.82}}
@keyframes planet-breathe{0%,100%{transform:translate(-50%,-50%) scale(.985)}50%{transform:translate(-50%,-50%) scale(1.025)}}
@keyframes hub-orbit-node{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes hub-route-flow{to{stroke-dashoffset:-22}}
@keyframes hub-node-pulse{0%,100%{transform:scale(.75);opacity:.56}50%{transform:scale(1.32);opacity:1}}
@media(max-width:900px){.subpage-body[data-page="about"] .global-hub-network{justify-self:center;width:min(76vw,500px);margin:12px 0 0}}
@media(max-width:620px){.subpage-body[data-page="about"] .global-hub-network{width:min(84vw,360px)}}
@media(prefers-reduced-motion:reduce){.subpage-body[data-page="about"] .global-hub-network,.subpage-body[data-page="about"] .global-hub-network *{animation:none!important}}

/* Keep the planet surface glassy and continuous instead of striping it. */
.subpage-body[data-page="about"] .hub-planet::before{background:linear-gradient(116deg,transparent 17%,rgba(185,242,251,.13) 39%,transparent 60%);opacity:.7}

/* With the orbit artwork removed, let the message own the full section. */
.subpage-body[data-page="about"] .about-signal{grid-template-columns:minmax(0,900px);justify-content:center;min-height:680px}
.subpage-body[data-page="about"] .about-signal>.signal-copy{max-width:900px;text-align:center}
.subpage-body[data-page="about"] .about-signal .signal-copy h2{margin-left:auto;margin-right:auto}
.subpage-body[data-page="about"] .about-signal .founded-badge{justify-content:center}

/* Case hero refinement: bring the China network closer to the story and give each route a clear destination. */
.subpage-body[data-page="cases"] .cases-hero{
  grid-template-columns:minmax(0,.94fr) minmax(500px,1.06fr);
  gap:clamp(18px,2.6vw,38px);
  padding-inline:clamp(28px,6vw,92px);
}
.subpage-body[data-page="cases"] .cases-hero .page-hero-copy{max-width:640px}
.subpage-body[data-page="cases"] .case-map-art{
  width:min(47vw,610px);
  justify-self:start;
  transform:translateX(-2%);
}
.subpage-body[data-page="cases"] .case-map-svg{
  animation:none!important;
  transform-origin:50% 54%;
}
.subpage-body[data-page="cases"] .case-map-beams path{
  stroke-width:1.7px;
  stroke-dasharray:54 340;
  filter:drop-shadow(0 0 4px rgba(109,224,250,.95)) drop-shadow(0 0 11px rgba(166,121,247,.55));
}
.subpage-body[data-page="cases"] .case-map-points circle:not(.shenzhen-core):not(.shenzhen-ring){
  r:2.25px;
  filter:drop-shadow(0 0 5px rgba(143,237,255,.95));
}
.subpage-body[data-page="cases"] .shenzhen-core{r:5px;filter:drop-shadow(0 0 4px #d8fbff) drop-shadow(0 0 10px rgba(73,210,255,.85))}
.subpage-body[data-page="cases"] .case-map-points .shenzhen-ring{display:none}
.subpage-body[data-page="cases"] .case-city-labels{pointer-events:none;overflow:visible}
.subpage-body[data-page="cases"] .case-city-label{
  fill:#d9f8ff;
  font:600 10px/1 "Noto Sans SC",sans-serif;
  letter-spacing:.08em;
  paint-order:stroke;
  stroke:rgba(3,13,39,.92);
  stroke-width:3px;
  stroke-linejoin:round;
}
.subpage-body[data-page="cases"] .case-capital-point{fill:#d9f8ff;stroke:#70dcf1;stroke-width:.45;filter:drop-shadow(0 0 3px rgba(117,229,245,.85));opacity:.9}
.subpage-body[data-page="cases"] .case-capital-label{fill:rgba(211,240,248,.78);font:500 7px/1 "Noto Sans SC",sans-serif;letter-spacing:.02em;paint-order:stroke;stroke:rgba(3,13,39,.9);stroke-width:2px;stroke-linejoin:round}
.subpage-body[data-page="cases"] .case-province-label{
  fill:rgba(155,205,226,.78);
  font-size:8px;
  font-weight:400;
  letter-spacing:.04em;
}
.subpage-body[data-page="cases"] .case-impact-bursts{pointer-events:none;overflow:visible}
.subpage-body[data-page="cases"] .case-impact-bursts{display:none!important}
.subpage-body[data-page="cases"] .case-impact{opacity:0;transform-box:fill-box;transform-origin:center;animation:case-impact-burst 24s ease-out infinite;animation-delay:var(--impact-delay)}
.subpage-body[data-page="cases"] .impact-ring{fill:none;stroke:#d8fbff;stroke-width:1.1px;filter:drop-shadow(0 0 4px rgba(113,225,255,.95))}
.subpage-body[data-page="cases"] .impact-ray{stroke:#b8f4ff;stroke-width:1.25px;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(120,209,255,.95))}
@keyframes case-impact-burst{
  0%,11.8%{opacity:0;transform:scale(.35)}
  12.2%{opacity:1;transform:scale(.62)}
  14.2%{opacity:.95;transform:scale(1.15)}
  17.4%{opacity:.18;transform:scale(1.8)}
  20%,100%{opacity:0;transform:scale(2.15)}
}
@keyframes case-map-tremor{
  0%,72%,100%{transform:translate(0,0) rotate(0)}
  73%{transform:translate(-1px,.5px) rotate(-.18deg)}
  74%{transform:translate(1px,-.5px) rotate(.16deg)}
  75%{transform:translate(-.6px,.35px) rotate(-.08deg)}
  76%{transform:translate(.35px,0) rotate(.04deg)}
}
@media(max-width:1080px){
  .subpage-body[data-page="cases"] .cases-hero{grid-template-columns:minmax(360px,.9fr) minmax(440px,1.1fr);gap:20px;padding-inline:34px}
  .subpage-body[data-page="cases"] .case-map-art{width:min(51vw,580px)}
}
@media(max-width:900px){
  .subpage-body[data-page="cases"] .cases-hero{gap:28px}
  .subpage-body[data-page="cases"] .case-map-art{justify-self:center;transform:none}
}
@media(prefers-reduced-motion:reduce){
  .subpage-body[data-page="cases"] .case-map-svg,.subpage-body[data-page="cases"] .case-impact{animation:none!important}
}

/* Keep a quiet route map visible beneath the slower meteor passes. */
.subpage-body[data-page="cases"] .case-map-guides{fill:none;stroke:rgba(145,230,252,.62);stroke-width:1.2px;stroke-dasharray:2 7;stroke-linecap:round;opacity:.9;filter:drop-shadow(0 0 4px rgba(76,188,235,.62))}
.subpage-body[data-page="cases"] .case-map-beams path{animation-duration:44s;stroke:#ffffff;stroke-width:1.55px;stroke-dasharray:34 374;opacity:.24;filter:drop-shadow(0 0 3px rgba(255,255,255,.95)) drop-shadow(0 0 8px rgba(203,239,255,.9))}
.subpage-body[data-page="cases"] .case-map-beams path:nth-child(1){animation-delay:0s}
.subpage-body[data-page="cases"] .case-map-beams path:nth-child(2){animation-delay:4s}
.subpage-body[data-page="cases"] .case-map-beams path:nth-child(3){animation-delay:8s}
.subpage-body[data-page="cases"] .case-map-beams path:nth-child(4){animation-delay:12s}
.subpage-body[data-page="cases"] .case-map-beams path:nth-child(5){animation-delay:16s}
.subpage-body[data-page="cases"] .case-map-beams path:nth-child(6){animation-delay:20s}
.subpage-body[data-page="cases"] .case-map-beams path:nth-child(7){animation-delay:24s}
.subpage-body[data-page="cases"] .case-map-beams path:nth-child(8){animation-delay:28s}
.subpage-body[data-page="cases"] .case-map-points .shenzhen-core{r:5.2px}
.subpage-body[data-page="cases"] .case-map-points .case-target-point{animation:case-target-arrival 44s ease-out infinite!important;animation-delay:var(--point-delay)!important;transform-box:fill-box;transform-origin:center}
.subpage-body[data-page="cases"] .case-map-points circle:nth-child(3).case-target-point{animation:none!important;transform:none!important;opacity:.9}
.subpage-body[data-page="cases"] .case-impact{animation-duration:44s}
@keyframes case-route-flight-sequential{
  0%,1%{opacity:0;stroke-dashoffset:48}
  3%{opacity:.98;stroke-dashoffset:12}
  25%{opacity:1;stroke-dashoffset:-310}
  29%{opacity:.1;stroke-dashoffset:-390}
  32%,100%{opacity:.08;stroke-dashoffset:-430}
}
@keyframes case-impact-burst{
  0%,23.6%{opacity:0;transform:scale(.35)}
  24%{opacity:1;transform:scale(.58)}
  26.2%{opacity:.92;transform:scale(1.1)}
  30%{opacity:.16;transform:scale(1.85)}
  34%,100%{opacity:0;transform:scale(2.2)}
}
@keyframes case-target-arrival{
  0%,23.5%{opacity:.78;transform:scale(.82)}
  24.2%{opacity:1;transform:scale(1.7);filter:brightness(1.8) drop-shadow(0 0 8px rgba(255,255,255,1)) drop-shadow(0 0 22px rgba(123,226,255,1))}
  27%{opacity:1;transform:scale(1.2);filter:brightness(1.35) drop-shadow(0 0 6px rgba(231,252,255,1)) drop-shadow(0 0 14px rgba(83,218,255,.82))}
  31%,100%{opacity:.88;transform:scale(1);filter:drop-shadow(0 0 5px rgba(143,237,255,.95))}
}

/* Match the home-page headline scale and enlarge the map with the same visual weight. */
@media (min-width:1081px){
  .subpage-body[data-page="cases"] .cases-hero{
    grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);
    gap:clamp(18px,2vw,32px);
  }
  .subpage-body[data-page="cases"] .cases-hero h1{
    font-size:clamp(44px,4.2vw,76px);
    line-height:1.08;
  }
  .subpage-body[data-page="cases"] .case-map-art{
    width:min(52vw,690px);
    transform:translateX(-1%);
  }
}

/* Give the national coverage map enough presence in the opening composition. */
@media (min-width:1081px){
  .subpage-body[data-page="cases"] .case-map-svg{
    transform:scale(1.14);
    transform-origin:50% 53%;
  }
  .subpage-body[data-page="cases"] .case-map-title{
    bottom:.5%;
    gap:15px;
    font-size:16px;
    letter-spacing:.2em;
  }
  .subpage-body[data-page="cases"] .case-map-title::before,
  .subpage-body[data-page="cases"] .case-map-title::after{width:clamp(34px,4vw,58px)}
}
@media (min-width:621px) and (max-width:1080px){
  .subpage-body[data-page="cases"] .case-map-svg{transform:scale(1.07);transform-origin:50% 53%}
  .subpage-body[data-page="cases"] .case-map-title{bottom:1%;font-size:14px}
}

/* The route starts on a unified violet map; each destination turns blue only on arrival. */
.subpage-body[data-page="cases"] .case-china-path,
.subpage-body[data-page="cases"] .case-china-path.case-taiwan-path{
  fill:rgba(76,57,151,.48);
  stroke:rgba(171,145,246,.7);
  stroke-width:1.35;
  filter:none;
  transition:fill 1.25s ease,stroke .9s ease,filter 1.25s ease;
}
.subpage-body[data-page="cases"] .case-china-path.is-route-active{
  fill:rgba(37,119,190,.7);
  stroke:rgba(111,229,255,.96);
  filter:drop-shadow(0 0 7px rgba(72,204,255,.54));
  animation:case-province-arrival 1.5s ease-out both;
}
@keyframes case-province-arrival{
  0%{fill:rgba(112,86,204,.52);filter:brightness(1) drop-shadow(0 0 0 rgba(72,204,255,0))}
  32%{fill:rgba(146,231,255,.86);filter:brightness(1.5) drop-shadow(0 0 18px rgba(72,204,255,.95))}
  100%{fill:rgba(37,119,190,.7);filter:drop-shadow(0 0 7px rgba(72,204,255,.54))}
}

/* One route moves at a time so the meteor flight stays fluid and its arrival is exact. */
.subpage-body[data-page="cases"] .case-map-beams path{
  opacity:0;
  stroke:#fff;
  stroke-width:1.55px;
  stroke-linecap:round;
  stroke-dasharray:34 var(--route-length);
  stroke-dashoffset:34;
  filter:drop-shadow(0 0 3px rgba(255,255,255,.96)) drop-shadow(0 0 9px rgba(192,235,255,.9));
  animation:none!important;
}
.subpage-body[data-page="cases"] .case-map-beams path.is-flying{
  animation:case-route-flight-smooth 4.4s linear both!important;
  opacity:0!important;
}
.subpage-body[data-page="cases"] .case-meteor-layer{pointer-events:none;opacity:0;mix-blend-mode:screen}
.subpage-body[data-page="cases"] .case-meteor-layer.is-flying{opacity:1}
.subpage-body[data-page="cases"] .case-meteor-trail{
  fill:none;
  stroke:url(#case-meteor-stroke);
  stroke-width:.82px;
  stroke-linecap:round;
  stroke-dasharray:58 var(--meteor-route-length);
  stroke-dashoffset:42;
  filter:drop-shadow(0 0 1.5px rgba(183,232,255,.46));
}
.subpage-body[data-page="cases"] .case-map-points .case-target-point{animation:none!important}
@keyframes case-route-flight-smooth{
  0%{opacity:0;stroke-dashoffset:34}
  5%{opacity:1}
  100%{opacity:1;stroke-dashoffset:calc(-1 * var(--route-length))}
}

/* Expandable case study: preview on hover, full project brief on click/focus. */
.case-study-grid :is(.case-study-member,.case-study-union,.case-study-sass){
  cursor:pointer;
  outline:none;
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.case-study-grid :is(.case-study-member,.case-study-union,.case-study-sass):hover,
.case-study-grid :is(.case-study-member,.case-study-union,.case-study-sass).is-expanded{
  transform:translateY(-4px);
  border-color:rgba(112,224,247,.48);
  box-shadow:0 20px 54px rgba(0,0,0,.28),inset 0 1px 0 rgba(195,241,255,.16);
}
.case-study-grid :is(.case-study-member,.case-study-union,.case-study-sass):focus-visible{
  box-shadow:0 0 0 2px rgba(119,227,247,.9),0 20px 54px rgba(0,0,0,.28);
}
.member-card-hint{
  display:block;
  margin-top:18px;
  color:rgba(164,232,247,.72);
  font:500 9px/1.2 "DM Mono",monospace;
  letter-spacing:.08em;
  opacity:.78;
  transition:opacity .25s ease;
}
.member-card-hint b{color:#d8fbff;font-size:13px;margin-left:5px}
:is(.case-study-member,.case-study-union,.case-study-sass):hover .member-card-hint,
:is(.case-study-member,.case-study-union,.case-study-sass).is-expanded .member-card-hint{opacity:0}
.member-case-detail{
  position:absolute;
  z-index:4;
  inset:0;
  display:flex;
  flex-direction:column;
  padding:24px 25px 22px;
  color:#e9fbff;
  background:linear-gradient(112deg,rgba(3,16,43,.93),rgba(7,31,70,.84) 58%,rgba(17,61,93,.7));
  backdrop-filter:blur(15px) saturate(1.18);
  opacity:0;
  transform:translateY(14px) scale(.985);
  pointer-events:none;
  transition:opacity .32s ease,transform .32s ease;
}
:is(.case-study-member,.case-study-union,.case-study-sass):hover .member-case-detail,
:is(.case-study-member,.case-study-union,.case-study-sass):focus-visible .member-case-detail,
:is(.case-study-member,.case-study-union,.case-study-sass).is-expanded .member-case-detail{
  opacity:1;
  transform:none;
  pointer-events:auto;
}
.member-detail-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid rgba(153,226,245,.22);font:500 10px/1 "DM Mono",monospace;letter-spacing:.08em;color:#86e6f4}
.member-detail-close{border:1px solid rgba(176,232,247,.28);border-radius:999px;padding:6px 10px;background:rgba(8,29,63,.35);color:rgba(226,249,255,.78);font:500 9px/1 "DM Mono",monospace;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}
.member-detail-close:hover{background:rgba(107,220,245,.18);border-color:rgba(176,232,247,.65);color:#fff}
.member-detail-body{min-height:0;overflow:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(112,220,244,.45) transparent}
.member-detail-type{margin:20px 0 7px;color:#87ddec;font:500 9px/1 "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
.member-detail-body h4{margin:0;color:#f1fdff;font-size:clamp(20px,2vw,28px);line-height:1.22;letter-spacing:-.02em}
.member-detail-label{margin:17px 0 8px;color:#87ddec;font:500 9px/1 "DM Mono",monospace;letter-spacing:.1em}
.member-detail-tags{display:flex;flex-wrap:wrap;gap:7px}
.member-detail-tags span{padding:6px 9px;border:1px solid rgba(120,223,245,.3);border-radius:999px;background:rgba(58,157,194,.12);color:#c7f6ff;font-size:11px;line-height:1.1}
.member-detail-description{margin:0;color:rgba(222,243,249,.84);font-size:12px;line-height:1.75}
.case-large.case-expandable{position:relative;z-index:2;cursor:pointer;outline:none;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.case-large.case-expandable > .case-overlay{z-index:1}
.case-large.case-expandable > .case-project-detail{z-index:20}
.case-large.case-expandable:hover,.case-large.case-expandable.is-expanded{transform:none;z-index:6;border-color:rgba(112,224,247,.48);box-shadow:0 22px 58px rgba(0,0,0,.3),inset 0 1px 0 rgba(195,241,255,.16)}
.case-large.case-expandable:focus-visible{box-shadow:0 0 0 2px rgba(119,227,247,.9),0 22px 58px rgba(0,0,0,.3)}
.case-card-hint{display:block;margin-top:16px;color:rgba(164,232,247,.76);font:500 9px/1.2 "DM Mono",monospace;letter-spacing:.08em;opacity:.8;transition:opacity .25s ease}
.case-card-hint b{color:#d8fbff;font-size:13px;margin-left:5px}
.case-large.case-expandable:hover .case-card-hint,.case-large.case-expandable.is-expanded .case-card-hint{opacity:0}
.case-project-detail{position:absolute;z-index:5;isolation:isolate;inset:0;display:flex;flex-direction:column;padding:30px 32px 28px;color:#e9fbff;background:#06152f;background:linear-gradient(112deg,rgba(3,16,43,1),rgba(7,31,70,1) 58%,rgba(17,61,93,1));backdrop-filter:blur(15px) saturate(1.16);opacity:0;transform:translateY(14px) scale(.985);pointer-events:none;transition:transform .32s ease}
.case-large.case-expandable:hover .case-project-detail,.case-large.case-expandable:focus-visible .case-project-detail,.case-large.case-expandable.is-expanded .case-project-detail{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.case-large.case-expandable:hover > .case-overlay,.case-large.case-expandable:focus-visible > .case-overlay,.case-large.case-expandable.is-expanded > .case-overlay{visibility:hidden;opacity:0}
.case-large.case-expandable:hover::before,.case-large.case-expandable:focus-visible::before,.case-large.case-expandable.is-expanded::before{opacity:0}
.case-project-detail::before{content:"";position:absolute;z-index:-1;inset:0;background:#06152f;pointer-events:none}
.case-project-detail > *{position:relative;z-index:1}
.case-detail-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:15px;border-bottom:1px solid rgba(153,226,245,.24);font:500 10px/1 "DM Mono",monospace;letter-spacing:.08em;color:#86e6f4}
.case-detail-close{border:1px solid rgba(176,232,247,.3);border-radius:999px;padding:7px 11px;background:rgba(8,29,63,.38);color:rgba(226,249,255,.8);font:500 9px/1 "DM Mono",monospace;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}
.case-detail-close:hover{background:rgba(107,220,245,.18);border-color:rgba(176,232,247,.65);color:#fff}
.case-detail-body{min-height:0;overflow:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:rgba(112,220,244,.45) transparent}
.case-detail-type{margin:22px 0 8px;color:#87ddec;font:500 9px/1 "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
.case-detail-body h4{margin:0;color:#f1fdff;font-size:clamp(23px,2.5vw,34px);line-height:1.2;letter-spacing:-.02em;max-width:680px}
.case-detail-label{margin:19px 0 8px;color:#87ddec;font:500 9px/1 "DM Mono",monospace;letter-spacing:.1em}
.case-detail-tags{display:flex;flex-wrap:wrap;gap:8px}.case-detail-tags span{padding:7px 11px;border:1px solid rgba(120,223,245,.32);border-radius:999px;background:rgba(58,157,194,.13);color:#c7f6ff;font-size:12px;line-height:1.1}
.case-detail-description{margin:0;max-width:700px;color:rgba(222,243,249,.86);font-size:13px;line-height:1.8}
.case-dark.case-expandable{cursor:pointer;outline:none;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.case-dark.case-expandable::before{background-position:50% 22%;background-size:cover;transform:translate(2%,-4%) scale(1.15);transform-origin:center}
.case-dark.case-expandable:hover,.case-dark.case-expandable.is-expanded{transform:translateY(-4px);border-color:rgba(160,148,255,.62);box-shadow:0 22px 58px rgba(0,0,0,.3),inset 0 1px 0 rgba(218,207,255,.18)}
.case-dark.case-expandable:focus-visible{box-shadow:0 0 0 2px rgba(173,157,255,.95),0 22px 58px rgba(0,0,0,.3)}
.case-dark.case-expandable .case-card-hint{color:rgba(202,192,255,.8)}
.case-dark.case-expandable .case-card-hint b{color:#f0eaff}
.case-dark.case-expandable:hover .case-card-hint,.case-dark.case-expandable.is-expanded .case-card-hint{opacity:0}
.case-dark .case-project-detail{background:linear-gradient(112deg,rgba(15,17,58,.82),rgba(34,26,83,.72) 58%,rgba(72,49,111,.56));}
.case-dark .case-detail-head,.case-dark .case-detail-type,.case-dark .case-detail-label{color:#c0aaff}
.case-dark .case-detail-tags span{border-color:rgba(178,150,255,.35);background:rgba(125,92,211,.14);color:#e2d8ff}
.case-dark.case-expandable:hover .case-project-detail,.case-dark.case-expandable:focus-visible .case-project-detail,.case-dark.case-expandable.is-expanded .case-project-detail{opacity:1;transform:none;pointer-events:auto}
@media(max-width:620px){
  .member-case-detail{padding:20px 18px 18px}
  .member-detail-head{font-size:9px}
  .member-detail-body h4{font-size:20px}
  .member-detail-description{font-size:11px;line-height:1.65}
  .case-project-detail{padding:20px 18px 18px}.case-detail-body h4{font-size:22px}.case-detail-description{font-size:11px;line-height:1.68}
}

/* ==========================================================================
   #case-depth — 统一案例卡片系统 / 2026-09-29
   一套骨架 · 一层照片语言 · 一处品牌点缀
   本节是本区块唯一有效的样式来源；历史覆盖层已全部清除，不再叠加。
   ========================================================================== */

/* ---- 1 网格：上排 2 张（1.08 / .92），下排 3 张等宽 ---- */
.subpage-body[data-page="cases"] #case-depth .case-grid.cosmic-case-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:14px;
}
.subpage-body[data-page="cases"] #case-depth .case-grid.cosmic-case-grid .case-card{
  height:clamp(320px,22vw,380px);min-height:0;
}
.subpage-body[data-page="cases"] #case-depth .case-study-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:clamp(280px,20vw,340px);gap:14px;margin-top:14px;align-items:stretch;
}

/* ---- 2 卡片基底：六张卡共用一套表面处理 ---- */
.subpage-body[data-page="cases"] #case-depth .case-card,
.subpage-body[data-page="cases"] #case-depth .case-study-grid>article{
  position:relative;isolation:isolate;overflow:hidden;
  width:100%;height:100%;min-height:0;
  border:1px solid var(--glass-line);border-radius:6px;
  background:linear-gradient(118deg,rgba(6,20,48,.74),rgba(8,28,65,.5) 52%,rgba(11,38,82,.28));
  backdrop-filter:blur(8px) saturate(1.06);
  box-shadow:inset 0 1px 0 rgba(183,235,255,.08),0 20px 54px rgba(0,0,0,.24);
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.subpage-body[data-page="cases"] #case-depth .case-study-grid>article{padding:28px 25px}
.subpage-body[data-page="cases"] #case-depth .case-dark{padding:30px 30px 26px}
.subpage-body[data-page="cases"] #case-depth .case-large .case-overlay{
  left:30px;bottom:27px;width:min(48%,340px);color:#eefaff;
}

/* ---- 3 照片层：四张有图的卡统一一条配方 ---- */
.subpage-body[data-page="cases"] #case-depth .case-dark::before,
.subpage-body[data-page="cases"] #case-depth .case-study-member::before,
.subpage-body[data-page="cases"] #case-depth .case-study-union::before,
.subpage-body[data-page="cases"] #case-depth .case-study-grid>article:nth-child(3)::before{
  content:"";position:absolute;z-index:-2;inset:0;pointer-events:none;
  background-size:cover;background-repeat:no-repeat;
  background-position:var(--case-pos,center 42%);
  filter:saturate(.8) contrast(1.06) brightness(.55);
  transform:scale(1.02);transform-origin:center;
  opacity:1;mix-blend-mode:normal;
  transition:transform .7s ease,filter .45s ease;
}
.subpage-body[data-page="cases"] #case-depth .case-dark::before{background-image:url("assets/idou-hot-activity.png");--case-pos:68% 40%}
.subpage-body[data-page="cases"] #case-depth .case-study-member::before{background-image:url("assets/member-benefit-card.jpg");--case-pos:center 6%}
.subpage-body[data-page="cases"] #case-depth .case-study-union::before{background-image:url("assets/union-benefits-hd.png");--case-pos:74% 34%}
.subpage-body[data-page="cases"] #case-depth .case-study-grid>article:nth-child(3)::before{background-image:url("assets/yum-member-hero-clean.png");--case-pos:68% center}

/* ---- 4 遮罩层：同一条左深右浅 + 2px 品牌顶线 ---- */
.subpage-body[data-page="cases"] #case-depth .case-large::after,
.subpage-body[data-page="cases"] #case-depth .case-dark::after,
.subpage-body[data-page="cases"] #case-depth .case-study-grid>article::after{
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,var(--brand,#55defa),transparent) 0 0/64px 2px no-repeat,
    linear-gradient(90deg,rgba(3,13,38,.97) 0%,rgba(4,17,47,.93) 38%,rgba(5,20,50,.8) 62%,rgba(6,22,54,.56) 84%,rgba(7,23,56,.4) 100%),
    linear-gradient(180deg,rgba(2,10,28,.3),rgba(2,11,31,.5));
}

/* ---- 5 品牌点缀色：只用于序号与 hover 光晕 ---- */
.subpage-body[data-page="cases"] #case-depth .case-large{--brand:#ff4d5a}
.subpage-body[data-page="cases"] #case-depth .case-dark{--brand:#c0aaff}
.subpage-body[data-page="cases"] #case-depth .case-study-grid>article:nth-child(1){--brand:#74d8ff}
.subpage-body[data-page="cases"] #case-depth .case-study-grid>article:nth-child(2){--brand:#83e2f5}
.subpage-body[data-page="cases"] #case-depth .case-study-grid>article:nth-child(3){--brand:#ff5a6e}

/* ---- 6 联通卡：整卡白底 → 深空基底 + 白 logo 水印 + 红光晕 ---- */
.subpage-body[data-page="cases"] #case-depth .case-large{
  border-color:rgba(255,120,132,.26);
  background:
    radial-gradient(circle at 78% 50%,rgba(230,0,18,.3),transparent 58%),
    linear-gradient(118deg,rgba(6,20,48,.74),rgba(8,28,65,.5) 52%,rgba(11,38,82,.28));
}
.subpage-body[data-page="cases"] #case-depth .case-large::before{
  content:"";position:absolute;z-index:-2;inset:0;pointer-events:none;
  background:url("assets/china-unicom-white.png") 78% 48%/min(30%,230px) auto no-repeat;
  filter:none;mix-blend-mode:normal;transform:none;opacity:.28;
  -webkit-mask-image:none;mask-image:none;
  transition:opacity .45s ease;
}
.subpage-body[data-page="cases"] #case-depth .case-large.case-expandable:not(.is-expanded):not(:focus-visible):hover::before{opacity:.4}
.subpage-body[data-page="cases"] #case-depth .case-large.case-expandable:hover,
.subpage-body[data-page="cases"] #case-depth .case-large.case-expandable.is-expanded{
  transform:none;border-color:rgba(255,120,132,.55);
  box-shadow:0 22px 58px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,196,203,.18);
}
.subpage-body[data-page="cases"] #case-depth .case-large .case-overlay::before{display:none}

/* ---- 7 META 行：序号（品牌色）+ 分隔线 + 行业·客户 ---- */
.subpage-body[data-page="cases"] #case-depth .case-study-grid>article>span,
.subpage-body[data-page="cases"] #case-depth .case-study-grid .case-study-copy>span,
.subpage-body[data-page="cases"] #case-depth .case-large .case-overlay>small:not(.case-card-hint),
.subpage-body[data-page="cases"] #case-depth .case-dark .case-top>small{
  color:#7ed8ef;font:500 10px/1.5 "DM Mono",monospace;letter-spacing:.1em;
}
.subpage-body[data-page="cases"] #case-depth .case-study-grid>article>span::before,
.subpage-body[data-page="cases"] #case-depth .case-study-grid .case-study-copy>span::before,
.subpage-body[data-page="cases"] #case-depth .case-large .case-overlay>small:not(.case-card-hint)::before,
.subpage-body[data-page="cases"] #case-depth .case-dark .case-top>small::before{
  display:inline-block;margin-right:9px;padding-right:9px;
  border-right:1px solid rgba(126,216,255,.26);
  color:var(--brand,#55defa);font-weight:700;font-size:11px;
}
.subpage-body[data-page="cases"] #case-depth .case-large .case-overlay>small:not(.case-card-hint)::before{content:"01"}
.subpage-body[data-page="cases"] #case-depth .case-dark .case-top>small::before{content:"02"}
.subpage-body[data-page="cases"] #case-depth .case-study-grid>article:nth-child(1) .case-study-copy>span::before{content:"03"}
.subpage-body[data-page="cases"] #case-depth .case-study-grid>article:nth-child(2) .case-study-copy>span::before{content:"04"}
.subpage-body[data-page="cases"] #case-depth .case-study-grid>article:nth-child(3) .case-study-copy>span::before{content:"05"}

/* ---- 7b 固定 META 行盒高，三张小卡的标题上边缘才会真正齐平 ---- */
.subpage-body[data-page="cases"] #case-depth .case-study-grid>article>span,
.subpage-body[data-page="cases"] #case-depth .case-study-grid .case-study-copy>span{
  display:block;height:17px;line-height:17px;white-space:nowrap;
}

/* ---- 8 标题基线：三张小卡统一 42px ---- */
.subpage-body[data-page="cases"] #case-depth .case-study-grid h3{
  margin:42px 0 12px;font-size:21px;line-height:1.26;font-weight:700;
  color:#f0fbff;text-shadow:0 3px 18px rgba(0,0,0,.6);
}
.subpage-body[data-page="cases"] #case-depth .case-study-grid p{
  margin:0;color:#9db6cc;font-size:13px;line-height:1.72;
  text-shadow:0 2px 12px rgba(0,0,0,.6);
}

/* ---- 9 文字区宽度：固定左 56%，让右侧照片有呼吸 ---- */
.subpage-body[data-page="cases"] #case-depth .case-study-grid .case-study-copy{
  display:flex;flex-direction:column;height:100%;width:min(56%,360px);
}
.subpage-body[data-page="cases"] #case-depth .member-card-detail{
  position:absolute;z-index:1;right:16px;bottom:15px;display:flex;align-items:center;gap:8px;
  color:rgba(216,247,255,.68);font:500 7px/1 "DM Mono",monospace;letter-spacing:.12em;
  transform:rotate(-4deg);opacity:.72;
}
.subpage-body[data-page="cases"] #case-depth .member-card-detail i{
  display:block;width:32px;height:1px;
  background:linear-gradient(90deg,#6be2f7,transparent);box-shadow:0 0 8px rgba(89,219,247,.55);
}

/* ---- 10 底部 CTA / 预览提示：统一贴底 + 1px 分隔线 ---- */
.subpage-body[data-page="cases"] #case-depth .member-card-hint,
.subpage-body[data-page="cases"] #case-depth .case-card-hint{
  display:block;margin-top:auto;padding-top:15px;
  border-top:1px solid rgba(126,216,255,.14);
  color:#7ed8ef;font:500 10px/1.4 "DM Mono",monospace;letter-spacing:.1em;opacity:.72;
}
.subpage-body[data-page="cases"] #case-depth .member-card-hint b,
.subpage-body[data-page="cases"] #case-depth .case-card-hint b{color:#c9f2ff;font-size:13px;margin-left:6px}

/* ---- 11 联通卡文案 ---- */
.subpage-body[data-page="cases"] #case-depth .case-large .case-overlay h3{
  margin:14px 0 16px;font-size:29px;line-height:1.16;letter-spacing:-.03em;font-weight:800;
}
.subpage-body[data-page="cases"] #case-depth .case-large .case-overlay p{
  margin:0 0 16px;max-width:290px;color:rgba(232,246,255,.78);font-size:14px;line-height:1.7;
}
.subpage-body[data-page="cases"] #case-depth .case-large .case-overlay>span{
  color:#7ed8ef;font:500 10px/1 "DM Mono",monospace;letter-spacing:.1em;opacity:.85;
}
.subpage-body[data-page="cases"] #case-depth .case-large .case-overlay>span b{color:#c9f2ff;font-size:14px;margin-left:6px}

/* ---- 12 工银卡文案 ---- */
.subpage-body[data-page="cases"] #case-depth .case-dark .case-top>span{display:none}
.subpage-body[data-page="cases"] #case-depth .case-dark h3{
  margin:42px 0 22px;font-size:26px;line-height:1.18;font-weight:800;
  color:#f0fbff;text-shadow:0 3px 22px rgba(0,0,0,.7);
}
.subpage-body[data-page="cases"] #case-depth .case-dark h3 em{color:#a9e6ff}
.subpage-body[data-page="cases"] #case-depth .case-dark .case-metric{
  margin-top:auto;border-top:1px solid rgba(131,213,242,.2);padding-top:14px;
}
.subpage-body[data-page="cases"] #case-depth .case-dark .case-metric strong{
  font-size:22px;line-height:1.2;font-weight:800;color:#f0fbff;
}
.subpage-body[data-page="cases"] #case-depth .case-dark .case-metric span{margin-top:8px;font-size:11px;color:#9fc4de}

/* ---- 13 hover：五张小卡统一上浮 + 照片微放大 ---- */
.subpage-body[data-page="cases"] #case-depth .case-study-grid>article:hover{
  transform:translateY(-4px);border-color:rgba(112,224,247,.44);
  box-shadow:0 26px 62px rgba(0,0,0,.32),inset 0 1px 0 rgba(195,241,255,.16);
}
.subpage-body[data-page="cases"] #case-depth .case-study-grid>article:hover::before{
  transform:scale(1.055);filter:saturate(.92) contrast(1.05) brightness(.63);
}

/* ---- 14 响应式 ---- */
@media(max-width:1100px){
  .subpage-body[data-page="cases"] #case-depth .case-study-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .subpage-body[data-page="cases"] #case-depth .case-study-grid>article:nth-child(3){grid-column:1/-1}
}
@media(max-width:900px){
  .subpage-body[data-page="cases"] #case-depth .case-grid.cosmic-case-grid{grid-template-columns:1fr}
  .subpage-body[data-page="cases"] #case-depth .case-grid.cosmic-case-grid .case-card{height:clamp(310px,40vw,380px)}
}
@media(max-width:720px){
  .subpage-body[data-page="cases"] #case-depth .case-study-grid{grid-template-columns:1fr;grid-auto-rows:clamp(290px,76vw,360px)}
  .subpage-body[data-page="cases"] #case-depth .case-study-grid>article{padding:24px 21px}
  .subpage-body[data-page="cases"] #case-depth .case-study-grid h3{margin-top:34px;font-size:20px}
  .subpage-body[data-page="cases"] #case-depth .case-study-grid .case-study-copy{width:min(60%,300px)}
  .subpage-body[data-page="cases"] #case-depth .case-grid.cosmic-case-grid .case-card{height:clamp(300px,82vw,360px)}
  .subpage-body[data-page="cases"] #case-depth .case-overlay{left:22px;bottom:22px;width:min(76%,320px)}
  .subpage-body[data-page="cases"] #case-depth .case-large .case-overlay h3{font-size:25px}
  .subpage-body[data-page="cases"] #case-depth .case-dark{padding:25px 22px 22px}
  .subpage-body[data-page="cases"] #case-depth .case-dark h3{margin-top:30px;font-size:23px}
}

/* ==========================================================================
   【2026-09-30 · 关于天鼎「品牌叙事」视觉重设计 · 终版块】
   任务单：生成资产\2026-09-30-关于天鼎品牌叙事设计\任务单.md
   本块整体写在文件最末尾，所有选择器限定 .subpage-body[data-page="about"]，
   不触碰 capabilities / cases / contact / index / solutions 的任何表现。
   覆盖链说明：about 相关规则在 366–412 / 685–713 / 1042–1082 / 1100–1195 /
   1354–1397 共五轮叠加；本块一律用与既有规则「同选择器、更晚书写」取胜。
   仅在与既有 !important 冲突处（≤980 / ≤620 的节点定位）使用 !important。

   ---------------------------------------------------------------------
   叙事结构：首屏品牌牌 → 主张+关键数据 → 四阶段横向时间轴 → 三项理念
             → 全球连接收束 → 联系我们
   --------------------------------------------------------------------- */

/* ==== 1. 首屏：03 品牌识别牌 + 星点降为辅助层 ========================== */

/* 1.1 星点降噪：在首屏叠一层径向暗场，把星空压到标题之下 */
.subpage-body[data-page="about"] .page-hero{position:relative}
.subpage-body[data-page="about"] .page-hero::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 68% 58% at 50% 46%,rgba(2,6,23,.9) 0 32%,rgba(2,6,23,.56) 58%,rgba(2,6,23,.16) 78%,transparent 93%)}
.subpage-body[data-page="about"] .page-hero-copy{position:relative;z-index:2}

/* 1.2 eyebrow 升格为「03 方牌 + ABOUT TERRA DYNA」品牌识别牌。
       沿用本站既有手法：font-size:0 收起原文本，用 ::after 重绘标签。
       注意 font-size:0 会连带收掉 <b>，故 .hero-brand-num 必须自带字号。 */
.subpage-body[data-page="about"] .page-eyebrow{display:block;text-align:center;margin-bottom:32px;font-size:0;line-height:1;letter-spacing:0}
.subpage-body[data-page="about"] .page-eyebrow>span{display:none}
.subpage-body[data-page="about"] .hero-brand-num{display:inline-flex;align-items:center;justify-content:center;
  width:56px;height:56px;margin-right:16px;vertical-align:middle;
  border:1px solid rgba(108,222,252,.5);border-radius:11px;
  background:linear-gradient(150deg,rgba(21,60,108,.72),rgba(7,18,45,.6));
  color:#93effc;font:600 23px/1 "Manrope",sans-serif;letter-spacing:.02em;
  box-shadow:0 0 20px rgba(70,196,238,.16),inset 0 1px 0 rgba(206,246,255,.12)}
.subpage-body[data-page="about"] .page-eyebrow::after{content:"ABOUT TERRA DYNA";display:inline-block;vertical-align:middle;
  font:500 12px/1 "DM Mono",monospace;letter-spacing:.2em;color:#8fc9de}

/* 1.3 修既有缺陷：移动端首屏标题被裁。
       原规则 12vw × 8 字 = 374px，而 390 视口可用仅 346px。 */
@media(max-width:900px){
  .subpage-body[data-page="about"] .page-hero h1::after{font-size:clamp(36px,7.4vw,58px)}
}
@media(max-width:620px){
  .subpage-body[data-page="about"] .page-hero h1::after{font-size:clamp(30px,9.4vw,40px)}
  .subpage-body[data-page="about"] .page-eyebrow{margin-bottom:24px}
  .subpage-body[data-page="about"] .hero-brand-num{width:44px;height:44px;margin-right:11px;font-size:18px;border-radius:9px}
  .subpage-body[data-page="about"] .page-eyebrow::after{font-size:10px;letter-spacing:.14em}
}

/* ==== 2. 公司简介：品牌主张 + 关键数据 + 背书 ========================== */
.subpage-body[data-page="about"] #about-depth .intro-grid{display:block;max-width:1320px;margin:0 auto}
.subpage-body[data-page="about"] #about-depth .intro-heading h2{max-width:1100px;margin:0;text-align:left}

/* 2.1 关键数据条：把埋在正文里的 2025 / 12+ / 1000 万 提到数据层级 */
.subpage-body[data-page="about"] #about-depth .about-facts{position:relative;display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;max-width:1120px;
  margin:clamp(52px,5.5vw,76px) 0 0;padding:0;border-top:1px solid rgba(104,214,241,.3)}
.subpage-body[data-page="about"] #about-depth .about-facts::before{content:"/ KEY FACTS";position:absolute;left:0;top:-30px;
  font:500 12px/1 "DM Mono",monospace;letter-spacing:.14em;color:#6abbd4}
.subpage-body[data-page="about"] #about-depth .about-facts .fact{position:relative;
  padding:28px clamp(20px,2.4vw,36px) 0 0;border-right:1px solid rgba(104,214,241,.14)}
.subpage-body[data-page="about"] #about-depth .about-facts .fact:not(:first-child){padding-left:clamp(20px,2.4vw,36px)}
.subpage-body[data-page="about"] #about-depth .about-facts .fact:last-child{border-right:0;padding-right:0}
.subpage-body[data-page="about"] #about-depth .about-facts strong{display:block;
  font-family:"Manrope","Noto Sans SC",sans-serif;font-size:clamp(38px,3.8vw,58px);font-weight:600;
  line-height:1;letter-spacing:.01em;background:linear-gradient(180deg,#f2fcff 0 46%,#6fdff5 86%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.subpage-body[data-page="about"] #about-depth .about-facts span{display:block;margin-top:15px;color:#93aec2;
  font-size:clamp(13px,1.05vw,15px);letter-spacing:.04em}

/* 2.2 两条背书降为次级，去掉与数据条重复的大数字 */
.subpage-body[data-page="about"] #about-depth .intro-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(32px,5vw,84px);width:100%;max-width:1120px;margin:clamp(48px,5vw,68px) 0 0;padding:0;border:0;text-align:left}
.subpage-body[data-page="about"] #about-depth .intro-body::before,
.subpage-body[data-page="about"] #about-depth .intro-body::after{display:none!important;content:none!important}
.subpage-body[data-page="about"] #about-depth .profile-highlight{min-height:0;padding:22px 0 0;
  border-top:1px solid rgba(111,216,245,.24)}
.subpage-body[data-page="about"] #about-depth .profile-highlight:first-child{border-top-color:rgba(87,221,244,.46)}
.subpage-body[data-page="about"] #about-depth .profile-highlight:last-child{border-top-color:rgba(148,131,239,.34)}
.subpage-body[data-page="about"] #about-depth .profile-team .highlight-stat{display:none}
.subpage-body[data-page="about"] #about-depth .profile-highlight h3{margin:0 0 12px;font-size:clamp(16px,1.3vw,20px)}
.subpage-body[data-page="about"] #about-depth .profile-highlight p{max-width:none}
.subpage-body[data-page="about"] #about-depth .brand-list{min-height:0;margin:0 0 12px}
.subpage-body[data-page="about"] #about-depth .profile-arc{opacity:.4}
@media(max-width:760px){
  .subpage-body[data-page="about"] #about-depth .intro-body{grid-template-columns:1fr;gap:28px;margin-top:38px}
}
@media(max-width:620px){
  .subpage-body[data-page="about"] #about-depth .about-facts{grid-template-columns:1fr;border-top:0;margin-top:54px}
  .subpage-body[data-page="about"] #about-depth .about-facts .fact,
  .subpage-body[data-page="about"] #about-depth .about-facts .fact:not(:first-child){display:flex;align-items:baseline;gap:14px;
    padding:15px 0;border-right:0;border-bottom:1px solid rgba(104,214,241,.14)}
  .subpage-body[data-page="about"] #about-depth .about-facts .fact:first-child{border-top:1px solid rgba(104,214,241,.3)}
  .subpage-body[data-page="about"] #about-depth .about-facts .fact:last-child{border-bottom:0}
  .subpage-body[data-page="about"] #about-depth .about-facts strong{flex:0 0 auto;min-width:106px;font-size:30px}
  .subpage-body[data-page="about"] #about-depth .about-facts span{margin-top:0}
}

/* ==== 3. 发展历程：四阶段横向时间轴 ====================================
   现状是 4 张绝对定位卡片交错悬挂（dy 416 / 76 / 248 / 0），顺序读不出来。
   改为：一条水平轴线 + 四等距节点 + 卡片统一基线，左→右即时间顺序。
   关键：--history-fill / is-entered / is-reached 三个 JS 钩子全部保留。 */

/* 3.1 容器：四等分栅格；轴线绝对定位横贯；顶部留出年份与节点空间 */
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values{
  position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(14px,1.7vw,26px);max-width:1240px;min-height:0;
  margin:0 auto;padding:150px 0 0;isolation:isolate;
  counter-reset:hist;--hist-pad:48px;--hist-x:9px;
  --history-fill:0%;--history-node-glow:.42}

/* 3.2 轴线：一条水平基线，随滚动点亮（渐变占位由 script.js 注入） */
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values::before{
  content:"";position:absolute;z-index:0;left:0;right:0;top:96px;width:auto;height:2px;
  border:0;border-radius:0;transform:none;transform-origin:center;-webkit-mask:none;mask:none;
  background:linear-gradient(90deg,#53dcf5 0,var(--history-fill),rgba(74,135,203,.16) var(--history-fill),rgba(111,84,186,.2) 100%);
  filter:drop-shadow(0 0 9px rgba(89,218,246,.45));transition:background .12s linear}
/* 轴线终点：一枚指向右上的箭头，明示「顺序有终点」 */
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values::after{
  content:"";inset:auto;position:absolute;z-index:1;right:-3px;top:90px;width:13px;height:13px;opacity:1;
  border-top:2px solid rgba(178,150,246,.85);border-right:2px solid rgba(178,150,246,.85);
  background:none;filter:drop-shadow(0 0 7px rgba(150,110,235,.5));
  transform:rotate(45deg);animation:none}

/* 3.3 卡片：脱离绝对定位，四张同一基线 */
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(n){
  position:relative;z-index:2;left:auto;right:auto;top:auto;width:auto;min-height:0;margin:0;
  padding:26px 24px 28px;counter-increment:hist;
  border:1px solid rgba(111,203,239,.18);border-top:1px solid rgba(135,231,250,.52);
  background:linear-gradient(160deg,rgba(15,45,84,.72),rgba(6,18,45,.52));
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:0 22px 52px rgba(0,5,25,.24),inset 0 1px 0 rgba(215,249,255,.035)}

/* 3.4 阶段序号（CSS counter，无需新增标记）+ 标题层级 */
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values h3::before{
  content:"STAGE " counter(hist,decimal-leading-zero);display:block;margin-bottom:10px;
  font:500 11px/1 "DM Mono",monospace;letter-spacing:.16em;color:#7fd3e8}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values h3{
  margin:0 0 12px;font-size:clamp(24px,2vw,29px);line-height:1.1}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values p{font-size:13px;line-height:1.82}

/* 3.5 年份：浮在轴线上方，与节点同列居中；1→4 由青转紫表示递进 */
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(n)>span{
  position:absolute;left:50%;top:-96px;bottom:auto;width:max-content;transform:translateX(-50%);
  color:#a9eafa;font:500 11.5px/1 "DM Mono",monospace;letter-spacing:.08em;text-shadow:0 0 13px rgba(91,215,246,.3)}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(n):nth-child(2)>span{color:#9fd8f4}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(n):nth-child(3)>span{color:#b0b6f2}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(n):nth-child(4)>span{color:#c9aef9;text-shadow:0 0 13px rgba(150,110,235,.3)}

/* 3.6 节点圆点（钉在轴线上）与竖向引线 */
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(n)::before{
  content:"";position:absolute;z-index:3;left:50%;top:-61px;bottom:auto;width:14px;height:14px;
  border:2px solid rgba(217,249,255,.85);border-radius:50%;background:#51d8f3;
  box-shadow:0 0 0 6px rgba(69,202,238,.08),0 0 11px rgba(103,228,250,.7),0 0 24px rgba(72,172,239,.36);
  transform:translateX(-50%);animation:history-node-breathe 3.4s ease-in-out infinite}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(n):nth-child(2)::before{
  background:#5fb6ef;box-shadow:0 0 0 6px rgba(79,150,232,.08),0 0 11px rgba(120,196,246,.7),0 0 24px rgba(60,136,222,.36)}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(n):nth-child(3)::before{
  background:#8a8ceb;box-shadow:0 0 0 6px rgba(120,110,232,.09),0 0 11px rgba(158,150,246,.7),0 0 24px rgba(105,96,224,.36)}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(n):nth-child(4)::before{
  background:#a686f2;box-shadow:0 0 0 6px rgba(147,108,235,.09),0 0 11px rgba(196,160,255,.72),0 0 24px rgba(125,87,229,.4)}
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(n)::after{
  content:"";position:absolute;z-index:1;left:50%;top:-54px;bottom:auto;width:1px;height:54px;
  background:linear-gradient(180deg,rgba(130,226,249,.7),rgba(119,224,247,.06));
  box-shadow:0 0 7px rgba(91,213,244,.28);transform:translateX(-50%)}

/* 3.7 悬浮：四张卡统一反馈（既有 is-entered / is-reached 强化保持不变） */
.subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(n):hover{
  border-color:rgba(148,229,250,.52)}

/* 3.8 响应式：≤1080 转纵向时间轴（单列左轴，顺序更不易读错）。
       ≤980 / ≤620 的既有规则对节点定位带 !important，此处必须同用 !important 压过。 */
@media(max-width:1080px){
  .subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values{
    display:block;grid-template-columns:none;min-height:0;padding:0 0 0 var(--hist-pad)}
  .subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values::before{
    inset:auto;left:var(--hist-x);top:6px;bottom:6px;width:2px;height:auto;border:0;border-radius:0;
    transform:none;opacity:1;
    background:linear-gradient(180deg,#53dcf5 0,var(--history-fill),rgba(74,135,203,.18) var(--history-fill),rgba(141,104,214,.34) 100%);
    filter:drop-shadow(0 0 7px rgba(89,218,246,.4))}
  .subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values::after{display:none}
  .subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(n){
    margin:0 0 18px;padding:24px 22px}
  .subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(n)>span{
    position:static;display:block;width:auto;top:auto;bottom:auto;transform:none;margin:0 0 8px}
  .subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(n)::before{
    left:calc(var(--hist-x) - var(--hist-pad))!important;top:31px!important;bottom:auto!important;transform:translateX(-50%)}
  .subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(n)::after{
    left:calc(var(--hist-x) - var(--hist-pad))!important;top:38px!important;bottom:auto!important;
    width:calc(var(--hist-pad) - var(--hist-x));height:1px;transform:none;
    background:linear-gradient(90deg,rgba(95,214,246,.72),rgba(95,214,246,.06))}
}
@media(max-width:620px){
  .subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values{--hist-pad:32px;--hist-x:7px}
  .subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(n){padding:22px 20px}
  .subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(n)::before{top:29px!important}
  .subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values article:nth-child(n)::after{top:36px!important}
  .subpage-body[data-page="about"] #about-depth + .cosmic-content-section .history-values h3{font-size:25px}
}

/* ==== 4. 三项理念：层级统一 + 装饰光收敛 =============================== */

/* 4.1 三卡对齐同一基线（原第 2 张 margin-top:38px 造成错位） */
.subpage-body[data-page="about"] .principles-values{align-items:stretch}
.subpage-body[data-page="about"] .principles-values article,
.subpage-body[data-page="about"] .principles-values article:nth-child(2),
.subpage-body[data-page="about"] .principles-values article:nth-child(3){
  margin-top:0;min-height:0;padding:32px 30px 30px;
  border:1px solid rgba(104,178,224,.2);border-top:1px solid rgba(120,214,244,.46);
  background:linear-gradient(160deg,rgba(12,38,76,.62),rgba(6,17,44,.48));
  box-shadow:inset 0 1px 0 rgba(213,248,255,.04),0 20px 44px rgba(0,5,25,.17)}
.subpage-body[data-page="about"] .principles-values article:nth-child(2){border-top-color:rgba(130,158,240,.46)}
.subpage-body[data-page="about"] .principles-values article:nth-child(3){border-top-color:rgba(174,132,240,.46)}

/* 4.2 顶部亮线由三色整条降为单色渐隐，去掉大面积径向光斑 */
.subpage-body[data-page="about"] .principles-values article::before{height:2px;opacity:.62;
  background:linear-gradient(90deg,#4fd6f2,rgba(79,214,242,0))}
.subpage-body[data-page="about"] .principles-values article:nth-child(2)::before{background:linear-gradient(90deg,#7e9bf0,rgba(126,155,240,0))}
.subpage-body[data-page="about"] .principles-values article:nth-child(3)::before{background:linear-gradient(90deg,#a981ef,rgba(169,129,239,0))}

/* 4.3 巨大幽灵数字 126px → 右上角小序号牌，三张结构完全一致，
       差异只由「色相 + 图标 + 标题」承担 */
.subpage-body[data-page="about"] .principles-values .principle-index{
  position:absolute;z-index:1;right:24px;top:26px;bottom:auto;margin:0;
  display:inline-flex;align-items:center;justify-content:center;width:36px;height:25px;
  border:1px solid rgba(120,205,236,.3);border-radius:7px;background:rgba(16,44,84,.5);
  color:#8fd6ee;font:600 12px/1 "DM Mono",monospace;letter-spacing:.06em}
.subpage-body[data-page="about"] .principles-values article:nth-child(2) .principle-index{
  color:#b3a6f2;border-color:rgba(150,132,238,.34);background:rgba(34,32,80,.5)}
.subpage-body[data-page="about"] .principles-values article:nth-child(3) .principle-index{
  color:#cfa4f5;border-color:rgba(190,140,238,.34);background:rgba(46,26,80,.5)}
.subpage-body[data-page="about"] .principles-values h3{margin:34px 0 12px;font-size:clamp(23px,1.9vw,29px)}
.subpage-body[data-page="about"] .principles-values p{max-width:340px}

/* 4.4 底部装饰弧再压一档，不抢标题 */
.subpage-body[data-page="about"] .principles-arc{opacity:.42;filter:none;border-top-color:rgba(109,211,242,.1)}

/* ==== 5. 结尾收束：全球连接视觉 + 联系我们 ============================= */

/* 5.1 恢复左右分栏（原为居中单栏，全球视觉已被整体移除），文案回到左对齐 */
.subpage-body[data-page="about"] .about-signal{
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;align-content:center;
  gap:clamp(30px,4vw,64px);min-height:0;padding:clamp(104px,10vw,158px) clamp(32px,8vw,128px);
  border-bottom-color:transparent}
.subpage-body[data-page="about"] .about-signal>.signal-copy{
  position:relative;z-index:2;max-width:660px;text-align:left;justify-self:start}
.subpage-body[data-page="about"] .about-signal .signal-copy h2{
  margin:30px 0 46px;font-size:clamp(44px,4.6vw,72px);line-height:1.04}
.subpage-body[data-page="about"] .about-signal .founded-badge{justify-content:flex-start}

/* 5.2 全球连接视觉：内联 SVG 经纬球 + 节点 + 弧线（零外部资源）。
       样式沿用既有 .globe-grid / .network-paths / .network-nodes 语义类，
       但整体克制度由本块接管。 */
.subpage-body[data-page="about"] .about-signal>.global-network{
  position:relative;z-index:1;justify-self:center;width:min(40vw,470px);aspect-ratio:1;
  margin:0;border:0;border-radius:0;background:none;box-shadow:none;isolation:isolate;
  -webkit-backdrop-filter:none;backdrop-filter:none;animation:none}
.subpage-body[data-page="about"] .global-network::before{content:"";position:absolute;inset:6%;
  border:1px solid rgba(128,179,232,.08);border-radius:50%;box-shadow:none;
  background:radial-gradient(circle at 50% 50%,rgba(48,120,190,.14),transparent 66%)}
.subpage-body[data-page="about"] .global-network svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.subpage-body[data-page="about"] .global-network .globe-grid{fill:none;stroke:rgba(112,190,224,.2);stroke-width:.34}
.subpage-body[data-page="about"] .global-network .network-paths{fill:none;stroke:rgba(103,210,239,.42);stroke-width:.44;
  stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2.6 2.6;
  filter:drop-shadow(0 0 1.4px rgba(90,218,244,.45));animation:network-flow 11s linear infinite}
.subpage-body[data-page="about"] .global-network .network-nodes circle{fill:#bff4ff;stroke:#6ddcf2;stroke-width:.34;
  filter:drop-shadow(0 0 1.8px rgba(120,232,250,.8));transform-box:fill-box;transform-origin:center;
  animation:network-node-pulse 3.4s ease-in-out infinite}
.subpage-body[data-page="about"] .global-network .network-nodes circle:nth-child(2n){fill:#c2b0f7;stroke:#9b82ed;animation-delay:-1.2s}
.subpage-body[data-page="about"] .global-network .network-nodes circle:nth-child(3n){animation-delay:-2.2s}

/* 5.3 收束：从球体底部拉一条垂线，穿过区块接缝，落进 CTA 顶部 */
.subpage-body[data-page="about"] .about-signal::after{content:"";display:block;position:absolute;z-index:0;
  left:50%;bottom:0;width:1px;height:clamp(56px,6vw,104px);transform:translateX(-50%);
  border:0;border-radius:0;box-shadow:none;pointer-events:none;
  background:linear-gradient(180deg,rgba(103,206,240,0),rgba(103,206,240,.42),rgba(150,110,230,.26))}
.subpage-body[data-page="about"] .cosmic-cta{position:relative;min-height:470px;
  /* 上下边缘 alpha 归零，避免与 #global 交界处出现硬边接缝（收束要连续） */
  background:linear-gradient(180deg,rgba(31,107,188,0) 0,rgba(31,107,188,.14) 26%,rgba(31,107,188,.05) 74%,rgba(31,107,188,0) 100%),
             radial-gradient(ellipse 56% 50% at 50% 46%,rgba(31,107,188,.18),transparent 70%)}
.subpage-body[data-page="about"] .cosmic-cta::before{content:"";position:absolute;left:50%;top:0;width:1px;
  height:clamp(34px,4vw,70px);transform:translateX(-50%);pointer-events:none;
  background:linear-gradient(180deg,rgba(150,110,230,.32),rgba(103,206,240,0))}
/* 句末单字成行（"从对话开 / 始。"）是既有断行缺陷：放宽至 880px 即可一行容下 13 字 × 64px */
.subpage-body[data-page="about"] .cosmic-cta h2{max-width:880px;text-wrap:balance}

@media(max-width:900px){
  .subpage-body[data-page="about"] .about-signal{grid-template-columns:1fr;justify-items:center;
    gap:clamp(46px,7vw,64px);min-height:0;padding:104px 26px 122px}
  .subpage-body[data-page="about"] .about-signal>.signal-copy{max-width:720px;text-align:left}
  .subpage-body[data-page="about"] .about-signal>.global-network{justify-self:center;width:min(72vw,420px);margin:0}
}
@media(max-width:620px){
  .subpage-body[data-page="about"] .about-signal{padding:96px 20px 112px;gap:44px}
  .subpage-body[data-page="about"] .about-signal .signal-copy h2{margin:26px 0 40px;font-size:clamp(36px,9.8vw,46px);line-height:1.08}
  .subpage-body[data-page="about"] .about-signal>.global-network{width:min(80vw,320px)}
}
/* ==== 关于天鼎「品牌叙事」终版块 · 结束 ============================= */

/* ==========================================================================
   【2026-10-08 · 案例页「战绩数据条」视觉重设计 · 终版块】
   用途：整段「逐字追加」到 C:\Users\李星泽\Documents\ChatGPT\公司官网\styles.css 的最末尾。
   来源：生成资产\2026-10-08-案例页战绩数据条设计\设计提案.html 的 AFTER(.next) 段。
   变更：前缀 `.next ` → `.subpage-body[data-page="cases"] `；
         并补回原 .case-metrics 的区块内边距（预览页里由外层容器承担，独立落地必须自带）
         与 ≤900px 两列断点（与原 .case-metrics 行为一致）。
   边界：纯视觉层，无逻辑、无 JS 依赖。
   ========================================================================== */

.subpage-body[data-page="cases"] .mx-band{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(14px,1.7vw,22px);
  padding:12px clamp(24px,8vw,128px) clamp(100px,11vw,160px);
}
.subpage-body[data-page="cases"] .mx-card{
  --mx:#5fe0f0;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:198px;
  margin:0; /* <figure> 浏览器默认 margin:1em 40px，必须清零，否则每格左右各丢 40px */
  padding:56px 24px 24px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--mx) 28%,transparent);
  border-radius:2px;
  background:
    radial-gradient(130% 76% at 50% 122%,color-mix(in srgb,var(--mx) 22%,transparent),transparent 72%),
    linear-gradient(180deg,rgba(255,255,255,.045),transparent 48%),
    linear-gradient(158deg,rgba(13,38,80,.72),rgba(5,14,38,.9));
  box-shadow:inset 0 1px 0 rgba(226,248,255,.1),0 18px 36px rgba(0,0,0,.28);
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.subpage-body[data-page="cases"] .mx-card::before{
  content:"";
  position:absolute;left:16px;right:16px;top:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--mx) 30%,var(--mx) 70%,transparent);
  opacity:.95;
}
.subpage-body[data-page="cases"] .mx-card::after{
  content:"";
  position:absolute;left:50%;top:0;height:64%;width:2px;
  transform:translateX(-50%);
  border-radius:1px;
  background:linear-gradient(180deg,var(--mx),color-mix(in srgb,var(--mx) 52%,transparent) 72%,transparent);
  box-shadow:0 0 12px color-mix(in srgb,var(--mx) 62%,transparent);
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 38%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0,#000 38%,transparent 100%);
  opacity:.9;
  pointer-events:none;
}
.subpage-body[data-page="cases"] .mx-card:nth-child(1){--mx:#5fe0f0}
.subpage-body[data-page="cases"] .mx-card:nth-child(2){--mx:#63c6ff}
.subpage-body[data-page="cases"] .mx-card:nth-child(3){--mx:#8f9bf5}
.subpage-body[data-page="cases"] .mx-card:nth-child(4){--mx:#b98bf2}
.subpage-body[data-page="cases"] .mx-index{
  position:absolute;left:24px;top:22px;
  font:500 11px/1 "DM Mono",monospace;
  letter-spacing:.16em;
  color:color-mix(in srgb,var(--mx) 58%,#8fa9bf);
}
.subpage-body[data-page="cases"] .mx-num{
  position:relative;z-index:2;
  font-size:clamp(40px,4.5vw,60px);
  font-weight:800;
  line-height:.94;
  letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;
  color:#eefbff;
  text-shadow:0 0 22px color-mix(in srgb,var(--mx) 26%,transparent);
}
.subpage-body[data-page="cases"] .mx-num em{
  font-style:normal;font-size:.48em;font-weight:700;
  margin-left:.05em;vertical-align:.1em;
  color:color-mix(in srgb,var(--mx) 72%,#dff4ff);
}
.subpage-body[data-page="cases"] .mx-label{
  position:relative;z-index:2;
  margin-top:15px;font-size:13px;letter-spacing:.05em;color:#8fa9bf;
}

@media(hover:hover){
  .subpage-body[data-page="cases"] .mx-card:hover{
    transform:translateY(-4px);
    border-color:color-mix(in srgb,var(--mx) 50%,transparent);
    box-shadow:inset 0 1px 0 rgba(226,248,255,.14),0 24px 44px rgba(0,0,0,.34),0 0 24px color-mix(in srgb,var(--mx) 10%,transparent);
  }
}

@media(max-width:900px){
  .subpage-body[data-page="cases"] .mx-band{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .subpage-body[data-page="cases"] .mx-band{gap:12px;padding:0 20px 90px}
  .subpage-body[data-page="cases"] .mx-card{min-height:152px;padding:48px 16px 20px}
  .subpage-body[data-page="cases"] .mx-num{font-size:clamp(30px,8.6vw,38px)}
  .subpage-body[data-page="cases"] .mx-label{font-size:11px;margin-top:10px}
  .subpage-body[data-page="cases"] .mx-index{left:16px;top:16px;font-size:10px}
}

/* ==== 【2026-10-08 · 关于页全球区块「去球体」 · 终版块】 ====================
   任务单 2026-09-30-02：移除 #global.about-signal 右侧球体主视觉
   （.global-network：内联 SVG 经纬球 + 经纬网格 + 节点 + 弧线 + 光晕），
   结尾回归简洁。布局由「左右分栏」改「单栏」：内容仍左对齐（视觉重点留在左侧
   品牌愿景 / 2025 / FOUNDED），右向留白用「居中限宽列」收敛，
   避免桌面端出现突兀的大块空白。
   —— 全部选择器限定 .subpage-body[data-page="about"]，不影响其余五页。 */

/* 6.1 区块：单栏 + 居中限宽列（左对齐文本自然落在左半区） */
.subpage-body[data-page="about"] .about-signal{
  grid-template-columns:minmax(0,1fr);
  justify-content:center;justify-items:center;
  align-content:center;gap:0;
  min-height:0;
  padding:clamp(96px,9.5vw,150px) clamp(32px,8vw,128px)}
.subpage-body[data-page="about"] .about-signal>.signal-copy{
  position:relative;z-index:2;
  width:100%;max-width:min(880px,100%);
  margin:0;justify-self:center;
  text-align:left}
.subpage-body[data-page="about"] .about-signal .signal-copy h2{
  max-width:100%;margin-left:0;margin-right:0}
.subpage-body[data-page="about"] .about-signal .founded-badge{justify-content:flex-start}

/* 6.2 球体视觉整体下线：不渲染、不占位
   （经纬网格 / 中心节点 / 连接弧线 / 呼吸光晕随宿主一并消失）；
   标记保留在 HTML 内，便于随时回退，故此处只做隐藏、不删标记。 */
.subpage-body[data-page="about"] .about-signal>.global-network{display:none}

/* 6.3 断点：≤900 维持单栏并收窄左右内边距；≤620 上下留白再收一档 */
@media(max-width:900px){
  .subpage-body[data-page="about"] .about-signal{
    grid-template-columns:1fr;justify-items:center;
    padding:clamp(88px,11vw,120px) clamp(28px,7vw,64px)}
  .subpage-body[data-page="about"] .about-signal>.signal-copy{
    max-width:min(720px,100%);text-align:left}
}
@media(max-width:620px){
  .subpage-body[data-page="about"] .about-signal{padding:96px 20px 104px;gap:0}
  .subpage-body[data-page="about"] .about-signal>.signal-copy{max-width:100%}
}

/* =====================================================================
   【2026-10-13 · 核心能力页首屏「星球视觉整体下线 + 左文居中铺满」· 终版块】
   公子 2026-10-13 指示（附截图）：
     ·「这个部分右边的星球不要了」→ 经确认：右侧视觉**整块**移除
       （中心球 + 轨道环线 + 4 个环绕产品图标 全部下线）；
     ·「这个部分用左边的文字调整一下」→ 经确认：左侧文字**居中铺满首屏**，
       与「客户案例 / 关于天鼎 / 预约交流」三页首屏同款版式。
   ---------------------------------------------------------------------
   下线对象（全部在 .landmark-hero-art 内，故宿主一个 display:none 全带走）：
      · 中心球 → .landmark-tower（含 ::before 光环、::after 表面斑点）
      · 轨道环线 → .landmark-orbits > i
      · 环绕产品图标 → .landmark-orbits i::before/::after（6 枚）
     · 附带 .landmark-scan / .landmark-coordinate / .landmark-caption
    星球标记已于 2026-10-13 物理删除（capabilities.html:15 与 styles.css 死样式一并清除）；
    本节仅保留下方 8.2 / 8.3 的首屏单栏居中布局。
   首屏背景星空（.page-space-canvas / .cosmic-page-backdrop）**不受影响**。
   作用域全部限定 .subpage-body[data-page="capabilities"]，不影响其余五页。
   ===================================================================== */

/* 8.2 首屏改单栏居中：对齐案例页 / 关于页 / 联系页首屏 */
.subpage-body[data-page="capabilities"] .page-hero{
  grid-template-columns:minmax(0,1fr);
  place-items:center;gap:0;text-align:center;
  min-height:calc(100vh - 78px);
  padding:clamp(120px,15vh,180px) clamp(24px,10vw,170px)}
.subpage-body[data-page="capabilities"] .page-hero-copy{
  display:flex;flex-direction:column;align-items:center;
  max-width:1080px;margin:0 auto}
.subpage-body[data-page="capabilities"] .page-eyebrow{justify-content:center;margin-bottom:30px}
.subpage-body[data-page="capabilities"] .page-hero h1{
  font-size:clamp(56px,6.4vw,94px);line-height:1.06;
  white-space:normal;text-wrap:balance}
.subpage-body[data-page="capabilities"] .page-hero-copy>p:not(.page-eyebrow){
  max-width:760px;margin:36px auto 42px;
  font-size:clamp(17px,1.45vw,21px);line-height:1.95;text-wrap:balance}
.subpage-body[data-page="capabilities"] .cosmic-button{margin-inline:auto}

/* 8.3 断点：≤1080 收窄左右内边距；≤900 换挡字号；≤620 移动端再收一档
   （标题首行「从业务场景到权益交付」共 10 字，比其余三页的 6 字标题宽，
    故移动端字号单独下调，避免挤成三行）
   ⚠ 坑（2026-10-13 踩到）：本页 .page-eyebrow 的可见文字由 ::after 的 content
     承载（styles.css:459-460 先用 font-size:0 藏掉 HTML 原文，再用 ::after 重绘），
     所以移动端**不能**给 .page-eyebrow 本身写 font-size —— 一写就把藏起来的原文
     唤醒成第二份文字，出现重影。字号/字距只能改 .page-eyebrow::after。 */
@media(max-width:1080px){
  .subpage-body[data-page="capabilities"] .page-hero{padding-inline:clamp(24px,8vw,110px)}
}
@media(max-width:900px){
  .subpage-body[data-page="capabilities"] .page-hero{padding:118px clamp(24px,7vw,64px) 96px}
  .subpage-body[data-page="capabilities"] .page-hero-copy{max-width:760px}
  .subpage-body[data-page="capabilities"] .page-hero h1{font-size:clamp(46px,7.6vw,70px);line-height:1.1}
  .subpage-body[data-page="capabilities"] .page-hero-copy>p:not(.page-eyebrow){max-width:640px;margin:28px auto 34px}
}
@media(max-width:620px){
  .subpage-body[data-page="capabilities"] .page-hero{min-height:calc(100vh - 64px);padding:108px 22px 86px}
  .subpage-body[data-page="capabilities"] .page-eyebrow{margin-bottom:26px;font-size:0}
  .subpage-body[data-page="capabilities"] .page-eyebrow::after{font-size:10px;letter-spacing:.08em;white-space:normal}
  .subpage-body[data-page="capabilities"] .page-hero h1{font-size:clamp(30px,8.4vw,42px);line-height:1.16}
  .subpage-body[data-page="capabilities"] .page-hero-copy>p:not(.page-eyebrow){max-width:100%;margin:28px auto 34px;font-size:15px;line-height:1.85}
}


/* =====================================================================
   【2026-10-13 · 核心能力页首屏「标题并入全站四页统一渐变」· 终版块】
   公子 2026-10-13 指示（附截图）：「这部分的字体颜色等都可以重新设计」；
   经确认：标题并入「案例 / 关于 / 联系」三页同款的「白 → 青」竖向渐变，
   作用范围：仅本页首屏。
   ---------------------------------------------------------------------
   为什么是这一页：全站四个内页首屏（核心能力 / 案例 / 关于 / 联系）中，
   只有本页标题是「纯色 + 第二行 <em> 单独刷整行青」（styles.css:321-322），
   其余三页早已是 background-clip:text 的竖向渐变（601 / 612 / 655 行）。
   本块把本页并入同一语言，消掉「第一行近白 / 第二行整行青」的硬切换。
   ---------------------------------------------------------------------
   手法说明：本页 h1 是**真实文字 + <em>**（不同于另三页的 ::after 重绘），
   故不能只给 h1 上渐变 —— <em> 自带 color:#77dff4，会把第二行整行刷青。
   正解：h1 上渐变 + background-clip:text + color:transparent，
   并把 <em> 也置为 transparent，使其文字透出父级那层已裁切的渐变背景。
   渐变取值与 601 / 612 / 655 行逐字一致，保证四页同款。
   作用域限定 [data-page="capabilities"]，其余五页零影响。
   ===================================================================== */

/* 9.1 标题：竖向渐变（白→青），取值与案例/关于/联系三页完全一致 */
.subpage-body[data-page="capabilities"] .page-hero h1{
  background:linear-gradient(180deg,#f4fbff 0 45%,#78dff4 78%);
  -webkit-background-clip:text;background-clip:text;color:transparent}

/* 9.2 第二行 <em> 不再单独刷整行青，改为透明、随父级渐变一起裁切
       （保留 322 行的 font-style:normal，此处只重置颜色） */
.subpage-body[data-page="capabilities"] .page-hero h1 em{
  font-style:normal;color:transparent}

/* 2026-10-14 · 关于页首屏对齐核心能力：字号、间距与圆点标识。 */
.subpage-body[data-page="about"] .page-hero{
  grid-template-columns:minmax(0,1fr);place-items:center;gap:0;text-align:center;
  min-height:calc(100vh - 78px);
  padding:clamp(120px,15vh,180px) clamp(24px,10vw,170px)}
.subpage-body[data-page="about"] .page-hero-copy{
  display:flex;flex-direction:column;align-items:center;max-width:1080px;margin:0 auto}
.subpage-body[data-page="about"] .page-eyebrow{
  display:flex;align-items:center;justify-content:center;gap:12px;
  margin:0 0 30px;font-size:0;line-height:0;letter-spacing:normal}
.subpage-body[data-page="about"] .page-eyebrow>span{display:block;flex-shrink:0}
.subpage-body[data-page="about"] .page-eyebrow .hero-brand-num{display:none}
.subpage-body[data-page="about"] .page-eyebrow::after{
  font:500 12px/1 "DM Mono",monospace;letter-spacing:.11em;color:#78bdd7;white-space:nowrap}
.subpage-body[data-page="about"] .page-hero h1::after{
  font-size:clamp(56px,6.4vw,94px);line-height:1.06;
  background:linear-gradient(180deg,#f4fbff 0 45%,#78dff4 78%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.subpage-body[data-page="about"] .page-hero-copy>p:not(.page-eyebrow){
  max-width:760px;margin:36px auto 42px;
  font-size:clamp(17px,1.45vw,21px);line-height:1.95;text-wrap:balance}
.subpage-body[data-page="about"] .page-hero .cosmic-button{margin-inline:auto}
@media(max-width:1080px){
  .subpage-body[data-page="about"] .page-hero{padding-inline:clamp(24px,8vw,110px)}
}
@media(max-width:900px){
  .subpage-body[data-page="about"] .page-hero{padding:118px clamp(24px,7vw,64px) 96px}
  .subpage-body[data-page="about"] .page-hero-copy{max-width:760px}
  .subpage-body[data-page="about"] .page-hero h1::after{font-size:clamp(46px,7.6vw,70px);line-height:1.1}
  .subpage-body[data-page="about"] .page-hero-copy>p:not(.page-eyebrow){max-width:640px;margin:28px auto 34px}
}
@media(max-width:620px){
  .subpage-body[data-page="about"] .page-hero{min-height:calc(100vh - 64px);padding:108px 22px 86px}
  .subpage-body[data-page="about"] .page-eyebrow{margin-bottom:26px}
  .subpage-body[data-page="about"] .page-eyebrow::after{font-size:10px;letter-spacing:.08em;white-space:normal}
  .subpage-body[data-page="about"] .page-hero h1::after{font-size:clamp(30px,8.4vw,42px);line-height:1.16}
  .subpage-body[data-page="about"] .page-hero-copy>p:not(.page-eyebrow){max-width:100%;margin:28px auto 34px;font-size:15px;line-height:1.85}
}

/* ==========================================================================
   10. 联系表单提交态（2026-11-04）
   表单由「假成功」改为真写云数据库，成功/失败两态都必须真实可见。
   失败态必须给兜底联系方式 —— 后端不可用时访客不能就此流失。
   ========================================================================== */
.subpage-body[data-page="contact"] .contact-form .form-success{
  color:#9fd35a;
  font-size:12px;
  line-height:1.7;
  margin-top:18px;
}
.subpage-body[data-page="contact"] .contact-form .form-error{
  display:none;
  margin-top:14px;
  padding:11px 14px;
  border:1px solid rgba(240,149,149,.28);
  border-radius:8px;
  background:rgba(240,149,149,.07);
  color:#f09595;
  font-size:12px;
  line-height:1.75;
}
.subpage-body[data-page="contact"] .contact-form .form-error a{
  color:#7ce0f4;
  text-decoration:underline;
  text-underline-offset:2px;
  text-decoration-thickness:1px;
}
.subpage-body[data-page="contact"] .contact-form .form-error a:hover{
  color:#b6eeff;
}

/* ==========================================================================
   11. 案例页窄屏单列 + 联系页标题防裁字（2026-11-04 · 终版块）
   --------------------------------------------------------------------------
   问题一（案例页）：.cases-hero 的窄屏覆盖块只改了 gap / justify-self，
   grid-template-columns 仍是「minmax(360px) minmax(440px)」双列硬下限
   （合计 800px + gap）。视口一旦窄于 ~896px 就整体溢出，而 .page-hero
   有 overflow:hidden —— 右侧「全国业务辐射图」被推到屏外，
   左栏文字同时贴住右缘被切。此处补成真正的单列堆叠。

   问题二（联系页）：.contact-intro h2 是 font-size:0 + ::after 重绘，
   ::after 用 background-clip:text + color:transparent 上渐变。
   1512px 及以上时字号被 clamp 钉在 68px，6 个字需 408px，
   而左栏只有 ~386px → 第 6 个字右下 22px 没有背景可裁，渲染成透明，
   表现为「见」的右半边平平消失。字号上限降到 62px 并让 ::after
   按内容宽度铺满，双重兜底。
   ========================================================================== */
@media(max-width:900px){
  .subpage-body[data-page="cases"] .cases-hero{
    grid-template-columns:minmax(0,1fr);
    place-items:center;
    min-height:auto;
    gap:clamp(18px,3.2vw,34px);
    padding:104px clamp(20px,5vw,46px) 62px;
    text-align:center;
  }
  .subpage-body[data-page="cases"] .cases-hero .page-hero-copy{
    max-width:none;
    margin:0 auto;
    align-items:center;
    text-align:center;
  }
  .subpage-body[data-page="cases"] .cases-hero .page-eyebrow{
    justify-content:center;
    margin-bottom:26px;
  }
  .subpage-body[data-page="cases"] .cases-hero h1{white-space:normal}
  .subpage-body[data-page="cases"] .cases-hero .page-hero-copy>p:not(.page-eyebrow){
    max-width:640px;
    margin:24px auto 30px;
  }
  .subpage-body[data-page="cases"] .cases-hero .cosmic-button{margin-inline:auto}
  .subpage-body[data-page="cases"] .case-map-art{
    justify-self:center;
    transform:none;
    width:min(100%,520px);
    max-width:520px;
    height:clamp(330px,50vw,470px);
    min-height:0;
  }
  .subpage-body[data-page="cases"] .case-map-svg{transform:none}
}

.subpage-body[data-page="contact"] .contact-intro h2::after{
  font-size:clamp(40px,4.1vw,62px);
  width:max-content;
  max-width:none;
}
@media(max-width:620px){
  .subpage-body[data-page="contact"] .contact-intro h2::after{font-size:42px}
}

/* ============================================================
   第 12 节 · 页脚合规信息（ICP 备案号 + 增值电信业务经营许可证号）
   2026-11-05 · 六页通用 · 必须留在文件末尾
   ============================================================ */
.footer-legal{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 22px;
  margin-top:10px;
  color:#9db3a6;
  font-size:10px;
  font-family:"DM Mono",monospace;
  letter-spacing:.02em;
  line-height:1.6;
}
.footer-legal a{
  color:#b9cdbf;
  text-decoration:none;
  transition:color .2s ease;
}
.footer-legal a:hover{
  color:#e5f1e5;
  text-decoration:underline;
  text-underline-offset:2px;
}
@media(max-width:620px){
  .footer-legal{flex-direction:column;align-items:flex-start;gap:6px}
}