:root {
  --blue: #0878ff;
  --blue-deep: #0b66e8;
  --navy: #061a2f;
  --ink: #13263d;
  --muted: #60728a;
  --pale: #f3f7fd;
  --line: #dce7f4;
  --white: #ffffff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 82px; }
body {
  margin: 0;
  background: var(--white);
  color: var(--ink);
  font-family: Inter, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.container { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.section { padding: 112px 0; }

.site-header {
  position: fixed; inset: 0 0 auto; z-index: 50; height: 78px;
  border-bottom: 1px solid rgba(20, 55, 100, .08);
  transition: background .25s ease, box-shadow .25s ease;
}
.site-header.is-scrolled { background: rgba(255,255,255,.93); backdrop-filter: blur(18px); box-shadow: 0 10px 35px rgba(25,65,120,.08); }
.nav-shell { width: min(1180px, calc(100% - 48px)); height: 100%; margin: auto; display: flex; align-items: center; }
.brand { display: flex; align-items: center; gap: 11px; margin-right: auto; }
.brand-mark { width: 36px; height: 28px; position: relative; display: inline-block; }
.brand-mark i { position: absolute; width: 13px; height: 13px; border: 3px solid var(--blue); border-radius: 50%; }
.brand-mark i:nth-child(1) { left: 1px; top: 2px; }
.brand-mark i:nth-child(2) { left: 18px; top: 2px; }
.brand-mark i:nth-child(3) { left: 9px; top: 13px; border-color: var(--navy); }
.brand-copy { display: flex; align-items: baseline; gap: 7px; }
.brand-copy strong { font-size: 19px; letter-spacing: .08em; }
.brand-copy small { color: var(--blue); font-size: 10px; letter-spacing: .17em; font-weight: 800; }
.main-nav { display: flex; align-items: center; gap: 31px; font-size: 14px; font-weight: 600; }
.main-nav a { position: relative; }
.main-nav > a:not(.nav-cta)::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -10px; height: 2px; background: var(--blue); transition: right .2s; }
.main-nav > a:hover::after { right: 0; }
.nav-cta { padding: 11px 19px; background: var(--blue); color: white; box-shadow: 0 8px 22px rgba(8,120,255,.24); }
.menu-toggle { display: none; border: 0; background: transparent; padding: 8px; }
.menu-toggle span { display: block; width: 23px; height: 2px; background: var(--ink); margin: 5px; }

.hero { min-height: 760px; padding-top: 78px; position: relative; display: flex; align-items: center; overflow: hidden; background: linear-gradient(120deg,#f7faff 0%,#ebf3ff 58%,#dfeafb 100%); }
.hero-grid, .advantage-mesh { position: absolute; inset: 0; opacity: .45; background-image: linear-gradient(rgba(59,127,207,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(59,127,207,.07) 1px,transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to right, transparent, #000 25%, #000 75%, transparent); }
.hero-glow { position: absolute; width: 850px; height: 850px; border-radius: 50%; right: -260px; top: -280px; background: radial-gradient(circle,rgba(70,157,255,.3),transparent 65%); }
.hero-layout { position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; min-height: 620px; }
.hero-copy { padding: 62px 0 72px; }
.eyebrow { color: var(--blue-deep); font-size: 11px; font-weight: 800; letter-spacing: .2em; display: flex; align-items: center; gap: 10px; text-transform: uppercase; }
.eyebrow span { width: 28px; height: 2px; background: currentColor; }
.eyebrow.light { color: #6fc3ff; }
.hero h1 { margin: 24px 0 22px; max-width: 620px; color: var(--navy); font-size: clamp(48px, 5.1vw, 74px); letter-spacing: -.055em; line-height: 1.14; font-weight: 760; }
.hero h1 em { color: var(--blue); font-style: normal; }
.hero-lead { max-width: 570px; margin: 0; color: #516984; font-size: 18px; line-height: 1.9; }
.hero-actions { margin-top: 35px; display: flex; align-items: center; gap: 28px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 28px; min-height: 52px; padding: 0 25px; font-size: 14px; font-weight: 700; }
.button-primary { background: linear-gradient(135deg,var(--blue),#0060df); color: white; box-shadow: 0 14px 28px rgba(8,120,255,.25); }
.text-link { font-size: 14px; font-weight: 700; color: var(--ink); }
.text-link b { color: var(--blue); padding-left: 4px; }
.trust-line { display: flex; gap: 24px; margin-top: 48px; color: #6b7f98; font-size: 12px; }
.trust-line span { position: relative; padding-left: 14px; }
.trust-line span::before { content: ""; position: absolute; width: 5px; height: 5px; border-radius: 50%; left: 0; top: 5px; background: var(--blue); box-shadow: 0 0 0 4px rgba(8,120,255,.12); }
.hero-visual { height: 540px; position: relative; }
.core-sphere { position: absolute; z-index: 4; width: 250px; height: 250px; left: 46%; top: 48%; transform: translate(-50%,-50%); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; background: radial-gradient(circle at 34% 25%,#fff 0 3%,#91ccff 7%,#168cff 34%,#0751cb 69%,#063b91 100%); border: 1px solid rgba(255,255,255,.9); box-shadow: inset -30px -28px 60px rgba(3,29,101,.35),0 40px 85px rgba(8,80,190,.35),0 0 0 18px rgba(255,255,255,.48); }
.core-sphere::before { content: ""; position: absolute; width: 120px; height: 52px; border: 4px solid rgba(255,255,255,.75); border-top: 0; border-radius: 0 0 70px 70px; top: 112px; }
.core-sphere span { font-size: 10px; letter-spacing: .25em; font-weight: 800; }
.core-sphere b { font-size: 48px; line-height: 1; font-weight: 300; }
.orbit { position: absolute; border: 1px solid rgba(8,120,255,.3); border-radius: 50%; left: 46%; top: 48%; transform: translate(-50%,-50%) rotate(-12deg); }
.orbit-one { width: 410px; height: 188px; }
.orbit-two { width: 470px; height: 260px; transform: translate(-50%,-50%) rotate(42deg); }
.orbit::after { content: ""; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #ffb52b; box-shadow: 0 0 0 5px rgba(255,181,43,.16); top: 44px; right: 35px; }
.float-card { position: absolute; z-index: 6; min-width: 100px; padding: 16px 18px; background: rgba(255,255,255,.74); border: 1px solid rgba(255,255,255,.95); box-shadow: 0 18px 42px rgba(31,77,141,.17); backdrop-filter: blur(12px); }
.float-card small { color: var(--blue); margin-right: 10px; font-weight: 800; }.float-card strong{font-size:15px}.card-strategy{left:2%;top:24%}.card-tech{right:1%;top:27%}.card-resource{right:5%;bottom:18%}
.visual-platform { position: absolute; width: 360px; height: 190px; left: 47%; bottom: 36px; transform: translateX(-50%) skewY(-10deg); border: 1px solid rgba(79,143,220,.32); background: linear-gradient(135deg,rgba(255,255,255,.76),rgba(157,205,255,.18)); box-shadow: 30px 34px 55px rgba(45,100,165,.14); }
.hero-scroll { position: absolute; bottom: 22px; left: 50%; transform: translateX(-50%); color: #7489a2; font-size: 10px; letter-spacing: .18em; }.hero-scroll span{display:block;width:1px;height:28px;background:var(--blue);margin:0 auto 8px}

.capability-strip { position: relative; z-index: 3; background: white; border-bottom: 1px solid var(--line); box-shadow: 0 16px 45px rgba(31,77,141,.06); }
.capability-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.capability-item { min-height: 128px; padding: 30px 26px; display: flex; align-items: center; gap: 18px; border-right: 1px solid var(--line); }
.capability-item:first-child{border-left:1px solid var(--line)}.capability-number{color:var(--blue);font-size:12px;font-weight:800;align-self:flex-start;margin-top:5px}.capability-item h2{font-size:17px;margin:0 0 8px}.capability-item p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}

.section-heading { margin-bottom: 52px; }.section-heading.centered{text-align:center}.section-heading.centered .eyebrow{justify-content:center}.section-heading h2{font-size:clamp(34px,4vw,50px);line-height:1.28;letter-spacing:-.04em;margin:17px 0 0}.heading-note{max-width:670px;margin:18px auto 0;color:var(--muted);line-height:1.8}.split-heading{display:flex;align-items:end;justify-content:space-between}.split-heading>p{max-width:470px;color:var(--muted);line-height:1.9;margin:0}.overline{color:var(--blue);font-weight:800;font-size:11px;letter-spacing:.18em}
.about-section{background:var(--pale)}.about-card{display:grid;grid-template-columns:.92fr 1.08fr;background:white;box-shadow:0 24px 65px rgba(24,65,119,.09);border:1px solid rgba(190,211,236,.7)}.about-intro{padding:54px;position:relative;overflow:hidden;background:linear-gradient(145deg,#071d35,#0b3764);color:white}.about-intro::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-130px;bottom:-150px;border:45px solid rgba(42,141,255,.12)}.section-index{position:absolute;right:28px;top:22px;font-size:78px;font-weight:800;color:rgba(255,255,255,.05)}.about-intro h3{font-size:29px;line-height:1.5;margin:18px 0 20px}.about-intro>p:not(.overline){color:#b8cce0;font-size:14px;line-height:2}.formula{margin-top:34px;display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:12px}.formula span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:8px 10px}.formula b{color:#53afff}.formula strong{color:#62c1ff}.value-grid{display:grid;grid-template-columns:repeat(2,1fr)}.value-grid article{padding:40px 34px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.value-grid article:nth-child(2n){border-right:0}.value-grid article:nth-child(n+3){border-bottom:0}.value-grid span{color:var(--blue);font-size:12px;font-weight:800}.value-grid h4{font-size:18px;margin:15px 0 10px}.value-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.85}

.services-section{background:linear-gradient(145deg,#071b31,#0a2b4d);color:white;position:relative;overflow:hidden}.services-section::before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;right:-240px;top:-280px;border:1px solid rgba(84,170,255,.18);box-shadow:0 0 0 90px rgba(84,170,255,.025),0 0 0 180px rgba(84,170,255,.02)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1)}.service-card{position:relative;min-height:338px;padding:36px;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);transition:background .25s,transform .25s}.service-card:hover{background:rgba(10,117,230,.13);transform:translateY(-5px)}.service-top{display:flex;justify-content:space-between;align-items:center}.service-top>span{font-size:30px;color:#278ee9;font-weight:300}.service-top small{font-size:9px;letter-spacing:.17em;color:#6d90b2}.service-card h3{font-size:21px;margin:28px 0 15px}.service-card>p{font-size:13px;color:#aac0d5;line-height:1.85;min-height:70px}.service-card ul{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-wrap:wrap;gap:8px}.service-card li{font-size:10px;color:#b8cee2;border:1px solid rgba(255,255,255,.12);padding:6px 8px}.service-arrow{position:absolute;right:25px;bottom:20px;color:#4eabff;font-size:20px}

.experts-section{background:white}.expert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.expert-card{background:white;border:1px solid var(--line);box-shadow:0 18px 45px rgba(30,73,125,.07);overflow:hidden;transition:transform .25s,box-shadow .25s}.expert-card:hover{transform:translateY(-7px);box-shadow:0 24px 56px rgba(30,73,125,.13)}.expert-portrait{height:190px;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#e7f1ff,#cddff4);overflow:hidden}.expert-portrait::before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,#fff,#acd1f5);bottom:-70px;box-shadow:0 0 0 20px rgba(255,255,255,.28)}.expert-portrait>span{position:relative;color:#0b5db9;font-family:"Songti SC",serif;font-size:66px}.expert-portrait small{position:absolute;bottom:14px;right:16px;font-size:8px;letter-spacing:.18em;color:#567895}.expert-content{padding:30px}.expert-content h3{font-size:23px;margin:12px 0 8px}.expert-content>strong{display:block;color:var(--blue-deep);font-size:13px;min-height:38px}.expert-content p:not(.overline){color:var(--muted);font-size:12px;line-height:1.8}.expert-content .credential{color:var(--ink)!important;font-weight:650;margin-top:18px}.expert-note{text-align:center;color:#8997a8;font-size:11px;margin:24px 0 0}

.advantages-section{position:relative;background:linear-gradient(115deg,#0878ff,#0454d7 58%,#043b9a);color:white;overflow:hidden}.advantage-mesh{opacity:.24;mask-image:none}.advantages-section .split-heading>p{color:#c8ddf5}.advantage-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid rgba(255,255,255,.18);border-top:1px solid rgba(255,255,255,.18)}.advantage-grid article{min-height:210px;padding:34px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.025);transition:background .2s}.advantage-grid article:hover{background:rgba(255,255,255,.1)}.advantage-grid span{font-size:12px;color:#95d0ff}.advantage-grid h3{font-size:18px;margin:31px 0 12px}.advantage-grid p{color:#cbe0f6;font-size:12px;line-height:1.8;margin:0}

.audience-section{background:#f6f9fd}.audience-layout{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.audience-copy h2{font-size:clamp(38px,4.3vw,55px);line-height:1.3;letter-spacing:-.04em;margin:20px 0}.audience-copy>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.9;max-width:590px}.industry-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.industry-cloud span{padding:12px 16px;background:white;border:1px solid var(--line);font-size:13px;min-width:90px}.industry-cloud b{color:var(--blue);font-size:9px;margin-right:10px}.audience-visual{position:relative;aspect-ratio:1}.radar-lines{position:absolute;inset:10%;border:1px solid #b8d7f7;border-radius:50%;box-shadow:0 0 0 50px rgba(133,186,241,.1),0 0 0 100px rgba(133,186,241,.055)}.radar-lines::before,.radar-lines::after{content:"";position:absolute;background:#c7ddf4}.radar-lines::before{width:1px;height:150%;left:50%;top:-25%}.radar-lines::after{height:1px;width:150%;left:-25%;top:50%}.radar-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:130px;height:130px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;color:white;font-weight:800;font-size:20px;line-height:1.5;background:linear-gradient(145deg,#168cff,#0756c7);box-shadow:0 25px 55px rgba(9,105,222,.3)}.radar-label{position:absolute;padding:8px 13px;background:white;border:1px solid var(--line);box-shadow:0 10px 25px rgba(41,85,139,.1);font-size:12px;font-weight:700}.label-1{left:8%;top:12%}.label-2{right:10%;top:15%}.label-3{right:0;top:48%}.label-4{right:15%;bottom:8%}.label-5{left:12%;bottom:10%}.label-6{left:0;top:50%}

.vision-section{padding:86px 0;background:white}.vision-layout{display:grid;grid-template-columns:240px 1fr;gap:60px;align-items:center}.vision-label{border-right:1px solid var(--line);padding:20px 50px 20px 0}.vision-label span{display:block;color:var(--blue);font-size:10px;letter-spacing:.18em;font-weight:800;margin-bottom:8px}.vision-label strong{font-size:33px}.vision-layout blockquote{font-family:"Songti SC","SimSun",serif;font-size:27px;line-height:1.75;margin:0;color:#213851}

.site-footer{position:relative;overflow:hidden;background:#05182a;color:white}.footer-glow{position:absolute;width:600px;height:600px;border-radius:50%;right:-160px;top:-380px;background:radial-gradient(circle,rgba(21,116,219,.36),transparent 68%)}.footer-top{position:relative;display:grid;grid-template-columns:1fr 220px;gap:100px;padding:82px 0 64px}.footer-callout h2{font-size:40px;line-height:1.35;margin:20px 0}.footer-callout>p:not(.eyebrow){color:#9fb5cb}.contact-status{display:inline-block;margin-top:18px;padding:12px 16px;border-left:2px solid #2191ff;background:rgba(255,255,255,.055);color:#c5d8e9;font-size:12px}.footer-nav{display:grid;gap:12px;align-content:start}.footer-nav p{font-size:12px;color:#6cb7f9;letter-spacing:.12em}.footer-nav a{font-size:13px;color:#9fb5cb}.footer-nav a:hover{color:white}.footer-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;padding:30px 0 36px;border-top:1px solid rgba(255,255,255,.1)}.footer-brand{display:flex;align-items:center;gap:13px}.brand-mark.inverse i{border-color:#63b7ff}.brand-mark.inverse i:nth-child(3){border-color:white}.footer-brand div{display:grid;gap:5px}.footer-brand strong{font-size:16px}.footer-brand small{font-size:10px;color:#819ab0}.footer-bottom>p{font-size:10px;letter-spacing:.2em;color:#668097}

[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.is-visible[data-reveal]{opacity:1;transform:none}
a:focus-visible,button:focus-visible{outline:3px solid #ffb52b;outline-offset:4px}

@media (max-width: 980px){
  .main-nav{gap:18px}.hero-layout{grid-template-columns:1fr}.hero-copy{text-align:center;padding-bottom:10px}.hero-copy .eyebrow,.hero-actions{justify-content:center}.trust-line{justify-content:center}.hero-visual{height:460px}.capability-grid{grid-template-columns:repeat(2,1fr)}.service-grid,.advantage-grid{grid-template-columns:repeat(2,1fr)}.expert-grid{grid-template-columns:1fr;max-width:720px;margin:auto}.expert-card{display:grid;grid-template-columns:230px 1fr}.expert-portrait{height:100%}.audience-layout{grid-template-columns:1fr}.audience-visual{max-width:520px;width:100%;margin:auto}.split-heading{align-items:start;gap:35px}.about-card{grid-template-columns:1fr}.about-intro{min-height:400px}
}

@media (max-width: 768px){
  html{scroll-padding-top:66px}.container,.nav-shell{width:min(100% - 32px,1180px)}.section{padding:78px 0}.site-header{height:66px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.brand-copy strong{font-size:17px}.menu-toggle{display:block}.main-nav{position:absolute;left:16px;right:16px;top:66px;padding:18px;display:none;align-items:stretch;gap:0;background:white;border:1px solid var(--line);box-shadow:0 20px 40px rgba(18,55,99,.13)}.main-nav.is-open{display:grid}.main-nav a{padding:13px}.nav-cta{text-align:center;margin-top:8px}.hero{min-height:auto;padding-top:66px}.hero-layout{min-height:auto}.hero-copy{padding:78px 0 12px}.hero h1{font-size:45px}.hero-lead{font-size:15px}.hero-actions{flex-direction:column;gap:18px}.trust-line{display:grid;grid-template-columns:repeat(2,auto);gap:12px 22px;text-align:left}.hero-visual{height:390px}.core-sphere{width:190px;height:190px}.core-sphere::before{width:90px;height:40px;top:89px}.core-sphere b{font-size:38px}.orbit-one{width:310px;height:150px}.orbit-two{width:340px;height:200px}.float-card{min-width:82px;padding:12px;font-size:12px}.card-strategy{left:0}.card-tech{right:0}.visual-platform{width:280px;height:145px}.hero-scroll{display:none}.capability-grid{grid-template-columns:1fr}.capability-item,.capability-item:first-child{border-left:0;border-right:0;border-bottom:1px solid var(--line);min-height:105px}.section-heading{margin-bottom:36px}.section-heading h2{font-size:34px}.split-heading{display:block}.split-heading>p{margin-top:20px}.about-intro{padding:38px 26px}.about-intro h3{font-size:24px}.value-grid{grid-template-columns:1fr}.value-grid article{padding:29px 26px;border-right:0!important;border-bottom:1px solid var(--line)!important}.value-grid article:last-child{border-bottom:0!important}.service-grid,.advantage-grid{grid-template-columns:1fr}.service-card{min-height:auto;padding:30px 25px}.service-card>p{min-height:0}.expert-card{display:block}.expert-portrait{height:170px}.expert-content{padding:26px}.advantage-grid article{min-height:180px;padding:28px}.audience-layout{gap:32px}.audience-copy h2{font-size:36px}.audience-visual{transform:scale(.9)}.vision-layout{grid-template-columns:1fr;gap:22px}.vision-label{border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px}.vision-layout blockquote{font-size:22px}.footer-top{grid-template-columns:1fr;gap:45px;padding-top:68px}.footer-callout h2{font-size:33px}.footer-bottom{align-items:flex-start;gap:25px;flex-direction:column}.footer-bottom>p{line-height:1.8}
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}
}