:root {
  --ink: #000000;
  --panel: #071325;
  --panel-2: #0a1d38;
  --line: rgba(140, 202, 255, .17);
  --text: #eef7ff;
  --muted: #95afc9;
  --blue: #47b8ff;
  --cyan: #00d9dc;
  --pink: #ff3c76;
  --gold: #ffc25c;
  --wrap: min(1320px, calc(100% - 96px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x:hidden; }
body { margin: 0; overflow-x:hidden; background: var(--ink); color: var(--text); font-family: Inter, "PingFang SC", "Microsoft YaHei", Arial, sans-serif; line-height: 1.55; }
.space { position: fixed; z-index: -2; inset: 0; overflow:hidden; background: radial-gradient(ellipse at 13% 29%, rgba(4,125,168,.10), transparent 31%), radial-gradient(ellipse at 87% 20%, rgba(15,54,150,.14), transparent 34%), radial-gradient(ellipse at 58% 78%, rgba(0,125,158,.06), transparent 38%), #000; }
.space::before { content:""; position:absolute; inset:-20%; opacity:.45; background: repeating-radial-gradient(ellipse at 58% 38%, transparent 0 31px, rgba(48,157,255,.035) 32px 33px, transparent 34px 61px); transform:rotate(-11deg); mask-image:radial-gradient(ellipse at 55% 39%,black 0 35%,transparent 77%); }
.space::after { content:""; position:absolute; inset:0; opacity:.32; background-image: radial-gradient(circle at 18% 16%,#ccecff 0 1px,transparent 1.5px), radial-gradient(circle at 78% 25%,#ccecff 0 1px,transparent 1.5px), radial-gradient(circle at 58% 69%,#ccecff 0 1px,transparent 1.5px), radial-gradient(circle at 32% 83%,#ccecff 0 .7px,transparent 1.3px); background-size:190px 190px,240px 240px,290px 290px,360px 360px; }
.wrap { width: var(--wrap); margin-inline: auto; }

.nav { height: 88px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:10px; color:#f4fbff; text-decoration:none; font-size:18px; letter-spacing:.06em; font-weight:500; }
.brand b { color:var(--cyan); font-size:12px; letter-spacing:.14em; }
.brand-logo { display:block; width:42px; height:42px; object-fit:cover; border-radius:10px; box-shadow:0 0 26px rgba(13,193,255,.28); }
.nav nav { display:flex; align-items:center; gap:22px; }
.nav nav a { color:#d7e8f4; text-decoration:none; font-size:13px; text-shadow:0 1px 12px #020713; }
.nav nav a:hover { color:#fff; }
.language-switch { display:flex; padding:3px; gap:2px; border:1px solid rgba(125,199,255,.25); border-radius:99px; background:rgba(5,18,37,.7); }
.language-switch button { padding:4px 8px; color:#9ab6ca; border:0; border-radius:99px; background:transparent; font:600 10px/1 Inter,"Microsoft YaHei",sans-serif; cursor:pointer; }
.language-switch button.active { color:#001420; background:linear-gradient(100deg,var(--blue),var(--cyan)); }

.hero { display:grid; grid-template-columns:1.06fr .94fr; gap:42px; align-items:center; min-height:760px; padding:112px 0 96px; }
.hero { position:relative; isolation:isolate; }
.hero::before { content:""; position:absolute; z-index:-1; inset:-85px -14vw -70px 18%; background:linear-gradient(90deg,#020713 0%,rgba(2,7,19,.92) 29%,rgba(2,7,19,.31) 67%,#020713 100%),linear-gradient(180deg,rgba(2,7,19,.2),#020713 95%),url("./assets/knowledge-nebula-hero.png") center right/cover no-repeat; opacity:.95; pointer-events:none; }
.hero::after { content:""; position:absolute; z-index:-1; width:650px; height:650px; right:4%; top:50%; translate:0 -50%; border-radius:50%; border:1px solid rgba(49,186,255,.12); box-shadow:0 0 120px rgba(0,167,255,.11), inset 0 0 100px rgba(0,160,255,.06); pointer-events:none; }
.hero { display:block; min-height:790px; padding-top:185px; }.hero-copy { max-width:760px; }.hero-visual { display:none; }
.eyebrow { margin:0; color:#71caff; font-size:11px; letter-spacing:.16em; font-weight:600; }
.hero h1,.section h2,.cta h2 { margin:17px 0 22px; font-size:clamp(38px,4.8vw,76px); line-height:1.11; letter-spacing:-.065em; }
.hero h1 em,.section h2 em,.cta h2 em { font-style:normal; color:var(--cyan); text-shadow:0 0 32px rgba(0,217,220,.23); }
.lede { max-width:585px; color:#b3c7d9; font-size:16px; line-height:1.95; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:31px; }
.button { display:inline-flex; align-items:center; gap:14px; padding:13px 19px; border-radius:99px; text-decoration:none; font-size:14px; transition:transform .2s, background .2s; }
.button:hover { transform:translateY(-2px); }
.button.primary { background:linear-gradient(100deg,#1b8eff,#00d4d0); color:#00111e; font-weight:700; box-shadow:0 10px 30px rgba(0,186,240,.18); }
.button.ghost { color:#c9e6fa; border:1px solid rgba(116,192,238,.33); background:rgba(20,48,78,.25); }
.proof-row { display:flex; flex-wrap:wrap; gap:17px; margin-top:45px; color:#7894b0; font-size:12px; }
.proof-row span { display:flex; align-items:center; gap:5px; }
.proof-row span::before { content:""; width:5px; height:5px; border-radius:99px; background:var(--cyan); box-shadow:0 0 12px var(--cyan); }
.proof-row b { color:#d7ebfa; font-weight:500; }

.hero-visual { position:relative; min-height:520px; overflow:hidden; border:0; border-radius:0; background:transparent; box-shadow:none; }
.hero-visual::before { content:""; position:absolute; inset:0; background:linear-gradient(120deg,transparent 48%,rgba(63,185,255,.12) 49%,transparent 50%) 0 0/86px 86px; opacity:.16; mask-image:radial-gradient(ellipse at center,black 0 34%,transparent 72%); animation:grid-shift 15s linear infinite; }
.hero-visual::after { content:""; position:absolute; inset:13%; border:1px solid rgba(68,161,255,.11); border-radius:50%; box-shadow:0 0 100px rgba(0,162,255,.10), inset 0 0 70px rgba(0,136,255,.07); }
.core { position:absolute; z-index:1; left:50%; top:51%; translate:-50% -50%; width:138px; height:138px; border-radius:50%; display:grid; place-items:center; color:white; letter-spacing:.12em; background:radial-gradient(circle at 40% 35%,#eeffff 0 4%,#35ddf6 18%,#1176d3 45%,#071952 70%); box-shadow:0 0 30px #26dff4,0 0 110px rgba(32,102,255,.7),0 0 210px rgba(0,217,220,.18); animation:pulse-core 3.2s ease-in-out infinite; }
.core strong { position:relative; font-size:17px; }
.core i { position:absolute; border:1px solid rgba(136,235,255,.7); border-radius:50%; inset:8px; }
.core i:nth-child(2) { inset:-10px; opacity:.6; }
.core i:nth-child(3) { inset:-31px; opacity:.23; }
.orbit { position:absolute; left:50%; top:51%; translate:-50% -50%; border:1px solid rgba(111,198,255,.2); border-radius:50%; rotate:-22deg; animation:orbit-spin 18s linear infinite; }
.o1 { width:270px; height:132px; }
.o2 { width:450px; height:220px; animation-duration:27s; animation-direction:reverse; }
.o3 { width:650px; height:320px; opacity:.55; animation-duration:35s; }
.planet { position:absolute; width:12px; height:12px; border-radius:50%; background:#d9f7ff; box-shadow:0 0 15px #b9eaff; animation:float-node 4s ease-in-out infinite; }
.p1 { left:18%; top:33%; }.p2 { right:20%; top:27%; background:var(--pink); box-shadow:0 0 17px var(--pink); animation-delay:-1s; }.p3 { right:18%; bottom:23%; background:var(--gold); box-shadow:0 0 18px var(--gold); animation-delay:-2s; }
.signal { position:absolute; width:4px; height:4px; border-radius:50%; background:#82d7ff; }.s1 { left:27%; bottom:22%; box-shadow:36px 32px #75c4ff,81px -14px #ff6c98,158px 31px #5de8e2; }.s2 { right:26%; top:45%; box-shadow:42px 31px #75c4ff,-76px 82px #ffbd66,-118px -36px #64deff; }
.node { position:absolute; padding:5px 8px; border:1px solid rgba(150,208,255,.25); border-radius:5px; background:rgba(4,17,35,.74); font-size:10px; color:#c5e5fa; animation:float-node 5s ease-in-out infinite; }.n1{left:8%;top:17%}.n2{right:9%;top:15%;animation-delay:-2s}.n3{left:9%;bottom:21%;animation-delay:-3.5s}.n4{right:10%;bottom:17%;animation-delay:-1.5s}.n5{left:42%;bottom:8%;color:#ffd28d;animation-delay:-4s}

.section { padding:115px 0; }.section h2 { font-size:clamp(34px,4vw,56px); margin-top:13px; }
.cards { display:grid; gap:16px; margin-top:52px; }.cards.three { grid-template-columns:repeat(3,1fr); }
.cards article,.capability-grid article { min-height:258px; padding:28px; background:linear-gradient(145deg,rgba(10,28,56,.86),rgba(4,11,25,.7)); border:1px solid var(--line); border-radius:18px; transition:transform .25s, border-color .25s, box-shadow .25s; }
.cards article:hover,.capability-grid article:hover,.fde-grid article:hover { transform:translateY(-5px); border-color:rgba(0,217,220,.42); box-shadow:0 18px 38px rgba(0,0,0,.2); }
.number,.cap-icon { color:var(--cyan); font-size:11px; letter-spacing:.18em; }.cards h3 { margin:32px 0 11px; font-size:22px; }.cards p { margin:0; color:var(--muted); font-size:14px; line-height:1.85; }

.fde-section,.system-section,.build-section { background:linear-gradient(115deg,rgba(13,54,105,.28),rgba(3,8,19,.16)); border-block:1px solid var(--line); }
.fde-lede { max-width:780px; color:#bbd1e3; font-size:16px; line-height:1.95; }
.fde-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:46px; }.fde-grid article { min-height:230px; padding:24px; border:1px solid var(--line); border-radius:16px; background:rgba(5,17,37,.7); transition:transform .25s,border-color .25s,box-shadow .25s; }.fde-grid span { color:#7fbaf0; font-size:11px; letter-spacing:.12em; }.fde-grid article:last-child span { color:var(--cyan); }.fde-grid h3 { margin:22px 0 10px; font-size:19px; }.fde-grid p { margin:0; color:var(--muted); font-size:13px; line-height:1.8; }

.flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; gap:10px; align-items:center; margin-top:52px; }.flow.five-step { grid-template-columns:repeat(5,1fr); gap:12px; }.five-step .arrow { display:none; }.flow.home-flow { position:relative; isolation:isolate; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:38px; }.flow.home-flow::before { content:""; position:absolute; z-index:-1; left:11%; right:11%; top:35%; height:30%; border-top:1px solid rgba(0,217,220,.35); border-bottom:1px solid rgba(67,164,255,.22); background:radial-gradient(ellipse at center,rgba(0,213,225,.14),transparent 63%); filter:drop-shadow(0 0 13px rgba(0,209,228,.15)); }.flow-intro { max-width:760px; margin:22px 0 0; color:#b8d0e3; font-size:16px; line-height:1.95; }.flow-note { max-width:860px; margin:28px auto 0; padding:17px 20px; border:1px solid rgba(86,189,255,.18); border-radius:12px; color:#9fbad2; background:rgba(5,17,37,.48); font-size:13px; line-height:1.85; }
.flow-card { position:relative; overflow:hidden; min-height:225px; padding:24px 20px; background:linear-gradient(145deg,rgba(7,26,53,.94),rgba(5,12,29,.78)); border:1px solid rgba(127,199,255,.22); border-radius:16px; box-shadow:inset 0 1px rgba(255,255,255,.04); transition:transform .25s,border-color .25s,box-shadow .25s; }.flow-card::before { content:""; position:absolute; width:7px; height:7px; top:21px; right:20px; border-radius:50%; background:var(--cyan); box-shadow:0 0 13px var(--cyan),-41px 38px 0 -2px rgba(82,179,255,.75),-85px 66px 0 -2px rgba(255,89,143,.48); }.flow-card::after { content:""; position:absolute; inset:auto -50% 0; height:1px; background:linear-gradient(90deg,transparent,var(--cyan),transparent); opacity:.38; animation:flow-scan 5.5s linear infinite; }.flow-card:hover { transform:translateY(-6px); border-color:rgba(0,217,220,.56); box-shadow:0 20px 42px rgba(0,0,0,.28),0 0 24px rgba(0,217,220,.08); }.flow-card.active { border-color:rgba(0,217,220,.58); box-shadow:0 0 35px rgba(0,217,220,.12),inset 0 1px rgba(255,255,255,.04); }.flow-card span { display:block; color:#7ba5c6; font-size:11px; }.flow-card h3 { margin:24px 0 9px; font-size:19px; }.flow-card p { margin:0; color:var(--muted); font-size:13px; line-height:1.75; }.arrow { color:var(--cyan); font-size:19px; }

.split { display:grid; grid-template-columns:1fr 1fr; gap:85px; align-items:center; }.check-list { padding:25px 30px; border-left:1px solid rgba(117,196,255,.3); background:rgba(7,22,43,.36); }.check-list p { margin:14px 0; color:#c2d7e9; font-size:15px; }.check-list span { display:inline-block; width:25px; color:var(--cyan); }.check-list p:nth-last-child(-n+2) { color:#849bb2; }.check-list p:nth-last-child(-n+2) span { color:#71869c; }
.capabilities h2 { max-width:800px; }.capability-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:52px; }.capability-grid article { min-height:278px; }.capability-grid h3 { margin:16px 0 8px; font-size:19px; }.capability-grid p { margin:0; color:var(--muted); font-size:14px; line-height:1.75; }.capability-grid small { display:block; margin-top:14px; color:#86a5c7; font-size:12px; }
.build-grid,.delivery-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:50px; }.build-grid article { padding:28px; border-left:2px solid var(--blue); background:rgba(8,18,35,.6); }.build-grid b { font-size:19px; }.build-grid p { color:var(--muted); font-size:14px; margin:10px 0 0; }.delivery-grid article { padding:24px 21px; background:rgba(7,21,41,.68); border-top:2px solid rgba(57,189,255,.65); }.delivery-grid b { font-size:11px; color:var(--cyan); letter-spacing:.08em; }.delivery-grid h3 { margin:19px 0 10px; font-size:18px; }.delivery-grid p { margin:0; color:var(--muted); font-size:13px; line-height:1.8; }
.cta { margin-top:30px; margin-bottom:115px; display:flex; align-items:center; justify-content:space-between; gap:35px; padding:55px; border-radius:22px; background:radial-gradient(circle at 70% 20%,rgba(0,217,220,.2),transparent 31%),linear-gradient(125deg,#0a2b54,#071425); border:1px solid rgba(118,206,255,.25); }.cta h2 { font-size:clamp(30px,3.5vw,47px); margin:9px 0 0; }

.contact-section { padding:118px 0; background:radial-gradient(circle at 78% 35%,rgba(0,217,220,.14),transparent 29%),linear-gradient(150deg,rgba(8,23,46,.95),rgba(2,7,15,.98)); border-top:1px solid rgba(117,196,255,.15); }.contact-layout { display:grid; grid-template-columns:minmax(0,.74fr) minmax(720px,1.26fr); gap:54px; align-items:center; }.contact-intro h2 { margin:12px 0 20px; }.contact-intro > p:last-child { max-width:520px; color:var(--muted); line-height:1.9; }.contact-card { display:grid; grid-template-columns:minmax(0,1fr) 132px; gap:18px; padding:19px; background:rgba(5,12,26,.72); border:1px solid rgba(128,211,255,.22); border-radius:22px; box-shadow:0 30px 90px rgba(0,0,0,.25); }.contact-lines { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:0; border-top:1px solid rgba(139,192,235,.13); border-left:1px solid rgba(139,192,235,.13); }.contact-lines > a,.contact-lines > div { min-height:110px; padding:18px 12px; border-right:1px solid rgba(139,192,235,.13); border-bottom:1px solid rgba(139,192,235,.13); text-decoration:none; transition:background .2s ease; }.contact-lines > a:hover { background:rgba(42,153,255,.1); }.contact-lines span { display:block; margin-bottom:9px; color:#7ea2c5; font-size:9px; letter-spacing:.1em; }.contact-lines b { display:block; color:#eaf5ff; font-size:12px; line-height:1.45; letter-spacing:.01em; overflow-wrap:anywhere; }.wechat-qr { margin:0; align-self:center; text-align:center; }.wechat-qr img { display:block; width:100%; border-radius:14px; background:#fff; box-shadow:0 12px 35px rgba(0,0,0,.24); }
footer { min-height:76px; display:flex; gap:25px; align-items:center; color:#728ba4; font-size:12px; } footer span:first-child { color:#eaf5ff; letter-spacing:.1em; } footer a { color:#9ccce9; text-decoration:none; margin-left:auto; }

@keyframes pulse-core { 0%,100%{scale:1;filter:brightness(1)}50%{scale:1.08;filter:brightness(1.14)} } @keyframes orbit-spin { to { rotate:338deg; } } @keyframes float-node { 0%,100%{translate:0 0}50%{translate:0 -7px} } @keyframes grid-shift { to { background-position:86px 86px; } } @keyframes flow-scan { 0%{transform:translateX(-30%)}100%{transform:translateX(130%)} }
/* One continuous canvas: remove the pasted-card treatment from the content bands. */
.cards article,.capability-grid article { min-height:238px; padding:28px 24px 20px; background:transparent; border:0; border-left:1px solid rgba(128,206,255,.22); border-radius:0; transition:background .25s; }
.cards article:first-child,.capability-grid article:nth-child(4n+1) { border-left:0; }.cards article:hover,.capability-grid article:hover { background:linear-gradient(90deg,rgba(15,72,118,.12),transparent); }
.fde-section,.system-section,.build-section { position:relative; background:linear-gradient(115deg,rgba(13,54,105,.20),rgba(3,8,19,.04)); border-block:1px solid rgba(118,202,255,.10); overflow:hidden; }.fde-section::before,.system-section::before,.build-section::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse at 74% 50%,rgba(0,186,213,.09),transparent 36%); }
.fde-grid { gap:0; margin-top:52px; border-block:1px solid rgba(130,204,255,.16); }.fde-grid article { min-height:218px; padding:27px 24px; border:0; border-left:1px solid rgba(130,204,255,.16); border-radius:0; background:transparent; transition:background .25s; }.fde-grid article:first-child { border-left:0; }.fde-grid article:hover { background:rgba(15,77,128,.12); }
.capability-grid { gap:0; border-block:1px solid rgba(128,206,255,.18); }.capability-grid article { min-height:258px; }.build-grid,.delivery-grid { gap:0; border-block:1px solid rgba(128,206,255,.18); }.build-grid article { padding:28px 24px; border-left:1px solid rgba(128,206,255,.18); background:transparent; }.delivery-grid article { padding:24px 21px; background:transparent; border-top:0; border-left:1px solid rgba(128,206,255,.18); }.build-grid article:first-child,.delivery-grid article:first-child{border-left:0;}
.contact-layout { grid-template-columns:minmax(0,.78fr) minmax(640px,1.22fr); gap:54px; }.contact-card { grid-template-columns:1fr 146px; gap:22px; padding:22px; }.contact-lines { grid-template-columns:1fr; border:0; }.contact-lines > a,.contact-lines > div { display:grid; grid-template-columns:108px minmax(0,1fr); align-items:center; min-height:54px; padding:0 16px; border:0; border-bottom:1px solid rgba(139,192,235,.16); }.contact-lines > a:last-child,.contact-lines > div:last-child { border-bottom:0; }.contact-lines span { margin:0; font-size:10px; }.contact-lines b { font-size:14px; overflow-wrap:normal; word-break:normal; }.wechat-qr img { border-radius:16px; }
.flow.home-flow { grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; margin-top:58px; }.flow.home-flow::before { left:4%; right:4%; top:29px; height:1px; border:0; background:linear-gradient(90deg,transparent,rgba(0,217,220,.70) 8%,rgba(73,171,255,.32) 88%,transparent); filter:drop-shadow(0 0 12px rgba(0,209,228,.3)); }.flow.home-flow .flow-card { min-height:230px; padding:52px 19px 16px; background:transparent; border:0; border-radius:0; box-shadow:none; overflow:visible; }.flow.home-flow .flow-card::before { z-index:1; width:14px; height:14px; top:23px; left:19px; right:auto; border:3px solid #061427; background:var(--cyan); box-shadow:0 0 16px var(--cyan),0 0 45px rgba(0,217,220,.38); }.flow.home-flow .flow-card::after { display:none; }.flow.home-flow .flow-card.active { border:0; box-shadow:none; }.flow.home-flow .flow-card:hover { transform:none; border:0; box-shadow:none; background:radial-gradient(circle at 23px 30px,rgba(0,217,220,.12),transparent 49%); }.flow.home-flow .flow-card h3 { margin-top:17px; font-size:18px; }.flow.home-flow .flow-card p { max-width:190px; }.flow.home-flow .flow-card:nth-child(2)::before{background:#67b9ff;box-shadow:0 0 16px #67b9ff,0 0 45px rgba(103,185,255,.32)}.flow.home-flow .flow-card:nth-child(3)::before{background:#bf9cff;box-shadow:0 0 16px #bf9cff,0 0 45px rgba(191,156,255,.28)}.flow.home-flow .flow-card:nth-child(4)::before{background:#ff8da9;box-shadow:0 0 16px #ff8da9,0 0 45px rgba(255,141,169,.25)}.flow.home-flow .flow-card:nth-child(5)::before{background:#ffcc76;box-shadow:0 0 16px #ffcc76,0 0 45px rgba(255,204,118,.23)}
@media (max-width:1050px) { .hero { grid-template-columns:1fr; gap:30px; }.hero-visual { min-height:380px; }.flow,.flow.five-step,.flow.home-flow { grid-template-columns:repeat(2,1fr); gap:14px; }.flow .arrow { display:none; }.capability-grid,.build-grid,.delivery-grid,.fde-grid { grid-template-columns:repeat(2,1fr); }.contact-layout { grid-template-columns:1fr; gap:35px; }.contact-intro > p:last-child { max-width:720px; }.contact-lines{grid-template-columns:1fr} }
@media (max-width:700px) { :root{--wrap:min(100% - 36px,1180px)} .nav{height:72px}.nav nav{gap:12px}.nav nav a{font-size:11px}.nav nav a:nth-child(2),.nav nav a:nth-child(3){display:none}.hero{padding:64px 0}.hero-visual{min-height:320px}.o3{width:460px;height:225px}.cards.three,.split{grid-template-columns:1fr;gap:25px}.section{padding:76px 0}.cta{align-items:flex-start;flex-direction:column;padding:32px;margin-bottom:76px}.contact-section{padding:82px 0}.contact-card{grid-template-columns:1fr;padding:18px}.wechat-qr{max-width:180px;justify-self:center}.contact-lines{grid-template-columns:1fr}.contact-lines>a,.contact-lines>div{min-height:72px}.capability-grid,.build-grid,.delivery-grid,.fde-grid,.flow.five-step,.flow.home-flow{grid-template-columns:1fr}footer{padding-block:24px;flex-wrap:wrap}footer a{margin-left:0} }

/* One integrated system map: the boxes belong to one visible canvas. */
.cards.three,
.capability-grid {
  position:relative;
  isolation:isolate;
  gap:1px;
  padding:1px;
  overflow:hidden;
  border:1px solid rgba(117,206,255,.28);
  border-radius:26px;
  background:
    linear-gradient(112deg, rgba(25,131,204,.22), transparent 35%, rgba(0,218,214,.13) 74%, transparent),
    repeating-linear-gradient(90deg, rgba(109,194,255,.09) 0 1px, transparent 1px 25%),
    repeating-linear-gradient(0deg, rgba(109,194,255,.055) 0 1px, transparent 1px 50%),
    rgba(2,10,23,.75);
  box-shadow:0 30px 100px rgba(0,0,0,.32), inset 0 1px rgba(228,249,255,.08);
}
.cards.three::before,
.capability-grid::before {
  content:"";
  position:absolute;
  z-index:-1;
  left:6%; right:6%; top:50%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(0,224,225,.78) 16%, rgba(98,160,255,.35) 74%, transparent);
  box-shadow:0 0 18px rgba(0,214,230,.34);
}
.cards.three article,
.capability-grid article {
  position:relative;
  min-height:278px;
  margin:0;
  padding:31px 29px 27px;
  border:0 !important;
  border-radius:0 !important;
  background:linear-gradient(145deg, rgba(7,22,45,.84), rgba(3,9,21,.64)) !important;
  box-shadow:inset 0 1px rgba(232,250,255,.055);
  transition:background .28s ease, transform .28s ease;
}
.cards.three article::after,
.capability-grid article::after {
  content:"";
  position:absolute;
  top:21px; right:22px;
  width:8px; height:8px;
  border-radius:50%;
  background:#65d9ff;
  box-shadow:0 0 16px #65d9ff, -42px 48px 0 -3px rgba(0,219,220,.7);
}
.cards.three article:hover,
.capability-grid article:hover {
  z-index:2;
  transform:translateY(-5px);
  background:linear-gradient(145deg, rgba(10,52,90,.92), rgba(3,16,35,.80)) !important;
  box-shadow:inset 0 0 0 1px rgba(84,227,255,.55), 0 20px 44px rgba(0,0,0,.30);
}
.capability-grid {
  grid-template-columns:repeat(4,1fr);
  margin-top:56px;
}
.capability-grid article {
  min-height:258px;
  padding:27px 25px 23px;
}
.capability-grid article:nth-child(4n+1)::after { background:#69dfff; box-shadow:0 0 16px #69dfff; }
.capability-grid article:nth-child(4n+2)::after { background:#89b9ff; box-shadow:0 0 16px #89b9ff; }
.capability-grid article:nth-child(4n+3)::after { background:#c79cff; box-shadow:0 0 16px #c79cff; }
.capability-grid article:nth-child(4n+4)::after { background:#ff90b2; box-shadow:0 0 16px #ff90b2; }
.cards.three .number,
.capability-grid .cap-icon { display:block; margin-bottom:25px; }
.cards.three h3 { margin:0 0 14px; }
.capability-grid h3 { margin:0 0 11px; }
@media (max-width:1050px) {
  .cards.three { grid-template-columns:1fr; }
  .capability-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:700px) {
  .capability-grid { grid-template-columns:1fr; }
  .cards.three,.capability-grid { border-radius:19px; }
  .cards.three article,.capability-grid article { min-height:0; padding:25px 21px; }
}

/* Accepted section UI: pure black stage, left-aligned chapter introductions, precision-outline modules. */
.space { background:#030405; }
.space::before,.space::after { display:none; }
.nav { height:72px; border-bottom:1px solid rgba(120,185,255,.16); }
.nav nav { gap:30px; }
.nav nav a { color:rgba(225,238,248,.76); font-size:14px; }
.hero {
  display:block;
  min-height:760px;
  padding:188px 0 126px;
  text-align:left;
}
.hero::before {
  inset:0 -15vw 0 20%;
  opacity:.52;
  background:
    linear-gradient(90deg,#030405 0%,rgba(3,4,5,.97) 34%,rgba(3,4,5,.74) 61%,rgba(3,4,5,.18) 100%),
    url("./assets/yt-fde-enterprise-universe-v2.png") right center/cover no-repeat;
}
.hero::after { display:none; }
.hero-copy { max-width:970px; margin:0; }
.hero .eyebrow,
.hero h1,
.lede { margin-left:0; margin-right:0; }
.hero .eyebrow { position:relative; padding-left:62px; color:var(--yt-cyan); font-size:12px; letter-spacing:.18em; }
.hero .eyebrow::before { content:""; position:absolute; left:0; top:50%; width:42px; height:1px; background:var(--yt-cyan); }
.hero h1 { max-width:900px; font-size:clamp(50px,6vw,92px); line-height:1.06; letter-spacing:-.075em; }
.lede { max-width:620px; font-size:16px; }
.hero-actions,.proof-row { justify-content:flex-start; }
.hero-annotation { width:min(100%,820px); margin-left:0; border-top-color:rgba(90,177,255,.20); }

/* Remove atmospheric card styling and use one deliberate outlined module family. */
.overview-frame,.buyer-map,.governance-grid,.delivery-detail-grid,.cards.three,.fde-grid,.capability-grid,.build-grid,.delivery-grid {
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.overview-frame { min-height:auto; padding:clamp(82px,9vw,138px) 0 72px; border:0; }
.overview-frame::before { display:none; }
.overview-frame h2 { max-width:1000px; font-size:clamp(46px,5.2vw,84px); }
.overview-nodes { position:relative !important; left:auto; right:auto; bottom:auto; margin-top:64px; padding-top:18px; }
.buyer-section { padding-top:140px; padding-bottom:126px; }
.buyer-section > .eyebrow,.buyer-section > h2,.buyer-lede { max-width:1040px; margin-left:0; margin-right:0; text-align:left; }
.buyer-section > .eyebrow { padding-left:62px; color:var(--yt-cyan); position:relative; }
.buyer-section > .eyebrow::before { content:""; position:absolute; left:0; top:50%; width:42px; height:1px; background:var(--yt-cyan); }
.buyer-section h2 { max-width:1100px; font-size:clamp(46px,5.2vw,84px); }
.buyer-lede { max-width:720px; }

.cards.three article,.fde-grid article,.buyer-map article,.governance-grid article,
.delivery-detail-grid article,.capability-grid article,.build-grid article,.delivery-grid article,
.flow.home-flow .flow-card {
  border-radius:0 !important;
  border-color:rgba(41,146,252,.52) !important;
  background:linear-gradient(145deg,rgba(9,17,30,.97),rgba(3,7,12,.99)) !important;
  box-shadow:none !important;
}
.cards.three article::before,.fde-grid article::before,.buyer-map article::before,.governance-grid article::before,
.delivery-detail-grid article::before,.capability-grid article::before,.build-grid article::before,.delivery-grid article::before,
.flow.home-flow .flow-card::before { width:1px; opacity:1; background:linear-gradient(180deg,transparent,var(--yt-cyan),transparent); }
.cards.three article::after,.capability-grid article::after { display:none; }
.cards.three article:hover,.fde-grid article:hover,.buyer-map article:hover,.governance-grid article:hover,
.delivery-detail-grid article:hover,.capability-grid article:hover,.build-grid article:hover,.delivery-grid article:hover {
  transform:translateY(-3px) !important;
  border-color:#3ccfff !important;
  background:linear-gradient(145deg,rgba(10,26,44,.99),rgba(3,9,16,.99)) !important;
}
.cards.three article,.fde-grid article,.buyer-map article,.governance-grid article,.capability-grid article { min-height:315px; }
.buyer-map,.governance-grid { margin-top:58px; }
.delivery-detail-grid article { min-height:390px; }
.capability-grid { margin-top:62px; }
.section,.governance-section { border-top-color:rgba(104,178,255,.12); }
.buyer-section::before,#fde::before,.capabilities::before,#delivery::before,.delivery-detail-section::before { background:#030405; }
#value::before,#system::before,.build-section::before,#governance::before { background:#05080e; }
.flow.home-flow .flow-card { border-radius:0; }
.flow.home-flow { gap:16px !important; }

@media (max-width:700px) {
  .nav { height:68px; }
  .nav nav { gap:12px; }
  .nav nav a { display:none; }
  .hero { min-height:680px; padding:138px 0 92px; }
  .hero::before { inset:0 -90% 0 10%; opacity:.34; }
  .hero .eyebrow { padding-left:48px; }
  .hero .eyebrow::before { width:30px; }
  .hero h1,.overview-frame h2,.buyer-section h2 { font-size:clamp(42px,12vw,64px); }
  .overview-frame { padding:84px 0 54px; }
}

/* Editorial product-page pass: spacious, quiet, one continuous black stage. */
.nav { position:relative; z-index:2; border-bottom-color:rgba(212,239,255,.10); }
.nav nav a { color:rgba(227,240,248,.72); }
.hero {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:920px;
  padding:190px 0 150px;
  text-align:center;
}
.hero::before {
  inset:-100px -18vw -90px;
  background:
    radial-gradient(ellipse at 50% 53%, rgba(0,34,62,.12), transparent 47%),
    linear-gradient(180deg, rgba(0,0,0,.12), #000 91%),
    url("./assets/yt-fde-enterprise-universe-v2.png") center 54%/cover no-repeat;
  opacity:.68;
}
.hero::after { display:none; }
.hero-copy { max-width:920px; margin:0 auto; }
.hero .eyebrow { margin-bottom:22px; }
.hero h1 {
  max-width:900px;
  margin:0 auto 27px;
  font-size:clamp(48px,6.6vw,102px);
  letter-spacing:-.075em;
}
.hero h1 em { display:block; margin-top:7px; }
.lede { max-width:650px; margin:0 auto; font-size:17px; color:rgba(222,236,246,.78); }
.hero-actions,.proof-row { justify-content:center; }
.hero-actions { margin-top:38px; }
.proof-row { margin-top:50px; }
.hero-annotation { width:min(100%,760px); margin:52px auto 0; padding-top:20px; border-top:1px solid rgba(194,231,255,.18); color:rgba(196,218,234,.72); font-size:13px; line-height:1.85; }
.hero-annotation p { max-width:640px; margin:0 auto 15px; }
.hero-annotation div,.overview-nodes { display:flex; align-items:center; justify-content:center; gap:12px; color:rgba(175,224,244,.84); font-size:10px; letter-spacing:.08em; }
.hero-annotation i,.overview-nodes i { width:18px; height:1px; background:linear-gradient(90deg,rgba(74,199,255,.16),rgba(80,236,231,.78),rgba(74,199,255,.16)); }
.overview-section { padding:58px 0 16px; }
.overview-frame { position:relative; overflow:hidden; min-height:520px; padding:72px clamp(30px,7vw,112px) 56px; border:1px solid rgba(210,242,255,.22); border-radius:34px; background:radial-gradient(ellipse at 80% 40%,rgba(0,188,229,.17),transparent 39%),linear-gradient(125deg,rgba(16,36,61,.88),rgba(3,9,17,.93) 60%); box-shadow:0 48px 130px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.10); }
.overview-frame::before { content:""; position:absolute; inset:-20%; opacity:.34; pointer-events:none; background:repeating-radial-gradient(ellipse at 78% 51%,transparent 0 52px,rgba(104,220,255,.10) 53px 54px,transparent 55px 98px); }
.overview-frame > * { position:relative; }
.overview-frame h2 { max-width:930px; margin:18px 0 24px; font-size:clamp(36px,4.5vw,72px); line-height:1.12; letter-spacing:-.06em; }
.overview-frame h2 em { font-style:normal; color:#8beaff; }
.overview-frame > p:last-of-type { max-width:700px; margin:0; color:rgba(209,230,242,.77); font-size:16px; line-height:1.95; }
.overview-nodes { position:absolute !important; left:clamp(30px,7vw,112px); right:clamp(30px,7vw,112px); bottom:47px; justify-content:flex-start; padding-top:21px; border-top:1px solid rgba(198,236,255,.20); }
.buyer-section { padding:155px 0 60px; }
.buyer-section > .eyebrow,.buyer-section > h2,.buyer-lede { max-width:1040px; margin-left:auto; margin-right:auto; text-align:center; }
.buyer-section h2 { margin-top:16px; font-size:clamp(38px,4.6vw,72px); line-height:1.13; letter-spacing:-.065em; }
.buyer-section h2 em { font-style:normal; color:#84eaff; }
.buyer-lede { max-width:770px; color:rgba(205,228,241,.78); font-size:16px; line-height:1.95; }
.buyer-map { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:58px; padding:1px; overflow:hidden; border:1px solid rgba(208,241,255,.20); border-radius:30px; background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 46%),rgba(5,14,27,.78); box-shadow:0 40px 120px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.1); }
.buyer-map article { min-height:320px; padding:30px 27px 25px; background:linear-gradient(150deg,rgba(14,30,50,.86),rgba(3,10,20,.70)); }
.buyer-map span { color:#76d9fb; font-size:10px; letter-spacing:.1em; }
.buyer-map h3 { margin:25px 0 12px; font-size:21px; }
.buyer-map p { margin:0; color:rgba(203,222,237,.72); font-size:14px; line-height:1.85; }
.buyer-map small { display:block; margin-top:23px; color:#83e2e5; font-size:12px; line-height:1.6; }
.buyer-answer { max-width:940px; margin:28px auto 0; padding:29px 34px; border-left:2px solid #46ddeb; background:linear-gradient(90deg,rgba(4,61,83,.24),transparent); }
.buyer-answer b { color:#e8f8ff; font-size:16px; }
.buyer-answer p { margin:9px 0 0; color:rgba(196,218,233,.75); font-size:15px; line-height:1.9; }
.governance-section { padding:155px 0; }
.governance-section > .wrap > .eyebrow,
.governance-section > .wrap > h2 { max-width:1020px; margin-left:auto; margin-right:auto; text-align:center; }
.governance-section h2 { margin-top:18px; font-size:clamp(38px,4.6vw,72px); line-height:1.13; letter-spacing:-.065em; }
.governance-section h2 em { font-style:normal; color:#84eaff; }
.governance-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:58px; padding:1px; overflow:hidden; border:1px solid rgba(208,241,255,.20); border-radius:30px; background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 46%),rgba(5,14,27,.78); box-shadow:0 40px 120px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.1); }
.governance-grid article { min-height:330px; padding:30px 27px 25px; background:linear-gradient(150deg,rgba(14,30,50,.86),rgba(3,10,20,.70)); }
.governance-grid span { color:#76d9fb; font-size:10px; letter-spacing:.1em; }
.governance-grid h3 { margin:25px 0 12px; font-size:21px; }
.governance-grid p { margin:0; color:rgba(203,222,237,.72); font-size:14px; line-height:1.85; }
.governance-grid small { display:block; margin-top:23px; color:#83e2e5; font-size:12px; line-height:1.6; }
.delivery-detail-section { padding:80px 0 155px; }
.delivery-detail-section > .wrap > .eyebrow,
.delivery-detail-section > .wrap > h2 { max-width:1020px; margin-left:auto; margin-right:auto; text-align:center; }
.delivery-detail-section h2 { margin-top:18px; font-size:clamp(36px,4.25vw,66px); line-height:1.14; letter-spacing:-.06em; }
.delivery-detail-section h2 em { font-style:normal; color:#84eaff; }
.delivery-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin-top:56px; padding:1px; overflow:hidden; border:1px solid rgba(208,241,255,.20); border-radius:30px; background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 46%),rgba(5,14,27,.78); box-shadow:0 40px 120px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.1); }
.delivery-detail-grid article { min-height:340px; padding:34px 34px 30px; background:linear-gradient(150deg,rgba(14,30,50,.86),rgba(3,10,20,.70)); }
.delivery-detail-grid span { color:#76d9fb; font-size:10px; letter-spacing:.1em; }
.delivery-detail-grid h3 { margin:20px 0 10px; font-size:24px; }
.delivery-detail-grid p { margin:0; color:rgba(203,222,237,.72); font-size:14px; line-height:1.8; }
.delivery-detail-grid ul { display:grid; gap:8px; margin:25px 0 0; padding:0; list-style:none; }
.delivery-detail-grid li { position:relative; padding-left:16px; color:rgba(220,235,245,.76); font-size:13px; line-height:1.65; }
.delivery-detail-grid li::before { content:""; position:absolute; left:0; top:.65em; width:5px; height:5px; border-radius:50%; background:#64dff0; box-shadow:0 0 12px rgba(100,223,240,.62); }
.section { padding:155px 0; }
.section > .wrap > .eyebrow,
.capabilities > .eyebrow { text-align:center; }
.section > .wrap > h2,
.capabilities > h2 { max-width:1020px; margin-left:auto; margin-right:auto; text-align:center; }
.fde-section,.system-section,.build-section {
  background:transparent !important;
  border:0 !important;
}
.fde-section::before,.system-section::before,.build-section::before { display:none; }
.fde-lede,.flow-intro { margin-left:auto; margin-right:auto; text-align:center; }
.cards.three,
.capability-grid {
  margin-top:62px;
  border-color:rgba(220,244,255,.20);
  border-radius:30px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.055), transparent 36%),
    repeating-linear-gradient(90deg, rgba(146,216,255,.07) 0 1px, transparent 1px 25%),
    rgba(8,17,29,.68);
  box-shadow:0 50px 130px rgba(0,0,0,.45), inset 0 1px rgba(255,255,255,.11);
}
.cards.three article,
.capability-grid article {
  background:linear-gradient(155deg, rgba(15,28,46,.80), rgba(4,10,18,.72)) !important;
}
.cards.three article:hover,
.capability-grid article:hover {
  transform:scale(1.015);
  background:linear-gradient(155deg, rgba(18,56,86,.90), rgba(4,15,27,.82)) !important;
}
.fde-grid,.build-grid,.delivery-grid {
  margin-top:62px;
  border-radius:28px;
  overflow:hidden;
  border-color:rgba(220,244,255,.17);
  background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 46%),rgba(6,13,23,.64);
  box-shadow:0 38px 110px rgba(0,0,0,.35), inset 0 1px rgba(255,255,255,.08);
}
.flow.home-flow {
  margin-top:68px;
  padding:22px 18px 14px;
  border:1px solid rgba(220,244,255,.18);
  border-radius:30px;
  background:
    radial-gradient(ellipse at 50% 4%,rgba(15,172,211,.14),transparent 47%),
    linear-gradient(135deg,rgba(255,255,255,.04),transparent 45%),
    rgba(5,13,24,.70);
  box-shadow:0 46px 120px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.09);
}
.flow.home-flow .flow-card { min-height:250px; }
.flow-note {
  margin-top:25px;
  text-align:center;
  border:0;
  background:transparent;
}
.split { max-width:1080px; gap:80px; }
.split .eyebrow,.split h2 { text-align:left; }
.contact-section {
  background:linear-gradient(180deg,#000 0%,#030912 100%) !important;
  border-top-color:rgba(220,244,255,.12);
}
@media (max-width:700px) {
  .hero { min-height:760px; padding:130px 0 90px; text-align:left; }
  .hero h1 { font-size:clamp(42px,13vw,65px); }
  .hero .eyebrow,.lede { margin-left:0; }
  .hero-actions,.proof-row { justify-content:flex-start; }
  .hero-annotation { margin-left:0; text-align:left; }
  .hero-annotation p { margin-left:0; }
  .hero-annotation div,.overview-nodes { justify-content:flex-start; flex-wrap:wrap; gap:8px 10px; }
  .overview-section { padding-top:26px; }
  .overview-frame { min-height:0; padding:47px 25px 93px; border-radius:23px; }
  .overview-nodes { left:25px; right:25px; bottom:26px; }
  .buyer-section { padding:92px 0 32px; }
  .buyer-section > .eyebrow,.buyer-section > h2,.buyer-lede { text-align:left; }
  .buyer-map { grid-template-columns:1fr; border-radius:22px; }
  .buyer-map article { min-height:0; padding:26px 22px; }
  .governance-section { padding:95px 0; }
  .governance-section > .wrap > .eyebrow,.governance-section > .wrap > h2 { text-align:left; }
  .governance-grid { grid-template-columns:1fr; border-radius:22px; }
  .governance-grid article { min-height:0; padding:26px 22px; }
  .delivery-detail-section { padding:38px 0 95px; }
  .delivery-detail-section > .wrap > .eyebrow,.delivery-detail-section > .wrap > h2 { text-align:left; }
  .delivery-detail-grid { grid-template-columns:1fr; border-radius:22px; }
  .delivery-detail-grid article { min-height:0; padding:26px 22px; }
  .buyer-answer { padding:24px 20px; }
  .section { padding:95px 0; }
  .section > .wrap > .eyebrow,.capabilities > .eyebrow,.section > .wrap > h2,.capabilities > h2,.flow-intro { text-align:left; }
  .flow.home-flow { padding:10px; border-radius:20px; }
}

/* Product-motion layer: no icons or fake “AI” object, only a living deep-space field. */
.hero::before {
  transform-origin:58% 53%;
  animation:nebula-breathe 18s ease-in-out infinite alternate;
}
.hero::after {
  display:block;
  z-index:-1;
  width:min(74vw,1120px);
  height:min(54vw,760px);
  right:50%;
  top:51%;
  translate:50% -50%;
  border:0;
  border-radius:50%;
  opacity:.55;
  background:
    radial-gradient(ellipse at center, transparent 0 28%, rgba(80,202,255,.065) 47%, transparent 70%),
    repeating-radial-gradient(ellipse at center, transparent 0 78px, rgba(111,211,255,.042) 79px 80px, transparent 81px 138px);
  box-shadow:none;
  animation:field-rotate 42s linear infinite;
}
.hero-copy {
  position:relative;
  animation:hero-rise 1.15s cubic-bezier(.2,.8,.2,1) both;
}
.hero h1 em {
  background:linear-gradient(100deg,#74e6ff 5%,#00d9dc 48%,#c6f6ff 94%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:none;
}

/* Hero typography is deliberately authored as complete statements.
   No Chinese character, punctuation mark, or the word "工具" may fall on a line alone. */
.hero h1 {
  max-width:1420px;
  font-size:clamp(52px,4.85vw,88px);
  line-height:1.08;
  letter-spacing:-.072em;
}
.hero-line { display:block; }
.hero-line-primary {
  white-space:nowrap;
  color:#f1f7ff;
}
.hero-line-accent {
  margin-top:.12em;
  font-size:.84em;
  line-height:1.16;
  letter-spacing:-.06em;
}
.hero-line-accent > span {
  display:block;
  white-space:nowrap;
}

/* Global Chinese typography rule:
   headings and modular copy must not leave a 1–3 character orphan line. */
h1, h2, h3, .hero-line, .eyebrow, .flow-card span,
.cards article span, .fde-grid article span, .buyer-map article span,
.governance-grid article span, .delivery-detail-grid article span,
.capability-grid article small, .build-grid article b, .delivery-grid article b {
  text-wrap:balance;
  word-break:normal;
  overflow-wrap:normal;
  line-break:strict;
}

p, small, .lede, .flow-note, .contact-lines b {
  text-wrap:pretty;
  word-break:normal;
  overflow-wrap:normal;
  line-break:strict;
}

/* The authored hero lines are always complete statements on desktop. */
.hero-line-primary,
.hero-line-accent > span { text-wrap:nowrap; }

.statement-line {
  display:block;
  white-space:nowrap;
}

/* AI and enterprise do not form a reading list. They form a decision graph. */
.decision-section {
  max-width:1540px;
  grid-template-columns:minmax(0,.96fr) minmax(520px,1.04fr);
  gap:clamp(56px,8vw,150px);
}
.decision-section > div:first-child { min-width:0; }
.decision-section h2 {
  max-width:560px !important;
  font-size:clamp(42px,3.65vw,68px) !important;
  line-height:1.1 !important;
  overflow:hidden;
}
.decision-section h2 .statement-line { white-space:nowrap; }
.relation-map {
  position:relative;
  isolation:isolate;
  width:100%;
  min-height:470px;
  padding:0;
  border:0;
  background:transparent;
}
.relation-map::before {
  content:"";
  position:absolute;
  z-index:-2;
  inset:10% 8%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(25,169,255,.15),transparent 37%),radial-gradient(circle,rgba(0,218,211,.10),transparent 66%);
  filter:blur(2px);
}
.relation-lines {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
}
.relation-lines path {
  fill:none;
  stroke:rgba(73,191,255,.46);
  stroke-width:1.4;
  stroke-dasharray:4 8;
  animation:relation-flow 9s linear infinite;
}
.relation-lines circle { fill:#59dcff; filter:drop-shadow(0 0 7px rgba(54,210,255,.88)); }
.relation-core {
  position:absolute;
  left:50%; top:50%;
  translate:-50% -50%;
  display:grid;
  place-items:center;
  width:136px; height:136px;
  border:1px solid rgba(91,220,255,.78);
  border-radius:50%;
  background:radial-gradient(circle at 38% 28%,rgba(95,238,255,.36),rgba(10,67,121,.82) 43%,rgba(3,11,22,.98) 76%);
  box-shadow:0 0 0 11px rgba(55,164,255,.045),0 0 55px rgba(29,174,255,.26),inset 0 1px rgba(255,255,255,.42);
  color:#dff8ff;
  text-align:center;
}
.relation-core span { margin-bottom:-22px; color:#a5eaff; font-size:11px; letter-spacing:.15em; }
.relation-core b { margin-top:15px; font-size:20px; letter-spacing:-.04em; }
.relation-node {
  position:absolute;
  width:176px;
  min-height:84px;
  margin:0 !important;
  padding:13px 14px 13px 17px;
  border:1px solid rgba(91,174,241,.34);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(10,25,44,.92),rgba(4,10,18,.94));
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 14px 35px rgba(0,0,0,.19);
  color:#c9ddec !important;
  font-size:12px !important;
  line-height:1.68 !important;
  text-wrap:pretty;
}
.relation-node span { display:inline; width:auto; margin-right:7px; color:#31e7e3 !important; }
.relation-node.node-1 { left:0; top:18px; }
.relation-node.node-2 { right:0; top:18px; }
.relation-node.node-3 { left:0; top:188px; }
.relation-node.node-4 { right:0; top:188px; }
.relation-node.node-5 { left:32px; bottom:0; color:#8ca5bb !important; }
.relation-node.node-6 { right:32px; bottom:0; color:#8ca5bb !important; }
.relation-node.node-5 span,.relation-node.node-6 span { color:#8298ac !important; }
@keyframes relation-flow { to { stroke-dashoffset:-96; } }
@media (max-width:900px) {
  .hero h1 { max-width:100%; font-size:clamp(42px,8vw,66px); }
  .hero-line-primary { white-space:normal; }
  .hero-line-accent { font-size:.86em; }
  .hero-line-accent > span { white-space:normal; }
  .statement-line { white-space:normal; }
  .decision-section { grid-template-columns:1fr; gap:48px; }
  .relation-map { max-width:620px; margin:0 auto; }
}
@media (max-width:620px) {
  .relation-map { display:grid; grid-template-columns:1fr 1fr; gap:12px; min-height:0; }
  .relation-lines { display:none; }
  .relation-core { position:relative; grid-column:1 / -1; left:auto; top:auto; translate:0; justify-self:center; margin:8px 0 18px; }
  .relation-node,.relation-node.node-1,.relation-node.node-2,.relation-node.node-3,.relation-node.node-4,.relation-node.node-5,.relation-node.node-6 { position:relative; left:auto; right:auto; top:auto; bottom:auto; width:auto; min-height:0; }
}

/* The overview is a capability constellation, not a feature strip. */
.overview-section { padding-top:108px; padding-bottom:44px; }
.overview-frame {
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(440px,.94fr);
  align-items:center;
  gap:clamp(42px,7vw,120px);
  min-height:640px;
  padding:clamp(60px,7vw,108px) clamp(34px,7vw,112px);
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.overview-frame::before { display:none; }
.overview-frame > * { min-width:0; }
.overview-copy .eyebrow { margin:0 0 21px; }
.overview-copy h2 { max-width:730px; margin:0 0 28px; font-size:clamp(46px,4.6vw,78px); }
.overview-copy > p:last-of-type { max-width:630px; margin:0; color:rgba(209,230,242,.77); font-size:16px; line-height:1.95; }
.overview-constellation {
  position:relative;
  isolation:isolate;
  width:min(100%,560px);
  aspect-ratio:560 / 438;
  justify-self:end;
}
.overview-constellation::before {
  content:"";
  position:absolute;
  z-index:-2;
  inset:5% 2%;
  border-radius:50%;
  background:radial-gradient(circle at 50% 50%,rgba(21,182,255,.20),transparent 31%),radial-gradient(circle at 50% 50%,rgba(0,232,208,.08),transparent 64%);
  filter:blur(4px);
}
.overview-lines { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.overview-lines path { fill:none; stroke:rgba(85,202,255,.48); stroke-width:1.45; stroke-dasharray:4 9; animation:relation-flow 10s linear infinite; }
.overview-lines circle { fill:#5ee5ff; filter:drop-shadow(0 0 8px rgba(54,210,255,.9)); }
.overview-core {
  position:absolute; left:50%; top:50%; translate:-50% -50%;
  display:grid; place-items:center; width:144px; height:144px; border-radius:50%;
  border:1px solid rgba(99,226,255,.83);
  background:radial-gradient(circle at 40% 30%,rgba(100,240,255,.39),rgba(10,72,128,.82) 44%,rgba(2,9,18,.98) 77%);
  box-shadow:0 0 0 12px rgba(47,164,255,.045),0 0 68px rgba(29,174,255,.29),inset 0 1px rgba(255,255,255,.42);
  color:#e5fbff; text-align:center;
}
.overview-core span { margin-bottom:-23px; color:#a9efff; font-size:10px; letter-spacing:.18em; }
.overview-core b { margin-top:17px; font-size:21px; letter-spacing:-.04em; }
.overview-nodes {
  position:static !important;
  display:block;
  margin:0; padding:0; border:0;
  color:#c9e2ef; font-size:12px; letter-spacing:0;
}
.overview-nodes span {
  position:absolute;
  display:grid; place-items:center;
  width:144px; min-height:54px; padding:10px 12px;
  border:1px solid rgba(91,174,241,.35); border-radius:13px;
  background:linear-gradient(145deg,rgba(10,25,44,.90),rgba(4,10,18,.94));
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 14px 35px rgba(0,0,0,.2);
  text-align:center; text-wrap:balance;
}
.overview-nodes span:nth-child(1) { left:0; top:4%; }
.overview-nodes span:nth-child(2) { right:0; top:4%; }
.overview-nodes span:nth-child(3) { left:0; top:48%; }
.overview-nodes span:nth-child(4) { right:0; top:48%; }
.overview-nodes span:nth-child(5) { left:50%; bottom:0; translate:-50% 0; }
@media (max-width:900px) {
  .overview-frame { grid-template-columns:1fr; gap:52px; min-height:0; }
  .overview-constellation { justify-self:center; }
}
@media (max-width:620px) {
  .overview-section { padding-top:70px; }
  .overview-frame { padding:0; }
  .overview-copy h2 { font-size:clamp(42px,12vw,64px); }
  .overview-constellation { width:100%; max-width:440px; }
  .overview-nodes span { width:116px; min-height:48px; padding:8px; font-size:11px; }
  .overview-core { width:112px; height:112px; }
  .overview-core b { font-size:17px; }
}
.reveal-target {
  opacity:0;
  transform:translateY(38px);
  transition:opacity .9s cubic-bezier(.2,.75,.2,1), transform .9s cubic-bezier(.2,.75,.2,1);
}
.reveal-target.is-visible { opacity:1; transform:translateY(0); }
@keyframes nebula-breathe {
  0% { transform:scale(1) translate3d(0,0,0); filter:brightness(.88) saturate(.92); }
  100% { transform:scale(1.075) translate3d(-1.4%,.9%,0); filter:brightness(1.14) saturate(1.18); }
}
@keyframes field-rotate { to { rotate:360deg; } }
@keyframes hero-rise {
  from { opacity:0; transform:translateY(30px); }
  to { opacity:1; transform:translateY(0); }
}
@media (prefers-reduced-motion:reduce) {
  .hero::before,.hero::after,.hero-copy { animation:none; }
  .reveal-target { opacity:1; transform:none; transition:none; }
}

/* Chapter system: each enterprise topic has a clear beginning, conclusion and module area. */
:root {
  --yt-black:#030406;
  --yt-stage:#070b12;
  --yt-stage-deep:#05080e;
  --yt-panel:#0b1220;
  --yt-border:rgba(102,171,255,.20);
  --yt-cyan:#3ccfff;
}
.buyer-section,
#value,
#fde,
#system,
.capabilities,
.build-section,
#delivery,
#governance,
.delivery-detail-section {
  position:relative;
  isolation:isolate;
  border-top:1px solid rgba(150,198,255,.10);
}
.buyer-section::before,
#value::before,
#fde::before,
#system::before,
.capabilities::before,
.build-section::before,
#delivery::before,
#governance::before,
.delivery-detail-section::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
}
.buyer-section::before,#fde::before,.capabilities::before,#delivery::before,.delivery-detail-section::before { background:var(--yt-stage-deep); }
#value::before,#system::before,.build-section::before,#governance::before { background:var(--yt-stage); }

/* A chapter introduces itself from a stable left rail, then lets the content breathe below. */
#value .eyebrow,#fde .eyebrow,#system .eyebrow,.capabilities > .eyebrow,
.build-section .eyebrow,#delivery .eyebrow,#governance .eyebrow,.delivery-detail-section .eyebrow {
  margin-left:0 !important;
  margin-right:0 !important;
  text-align:left !important;
  color:var(--yt-cyan);
}
#value h2,#fde h2,#system h2,.capabilities > h2,.build-section h2,
#delivery h2,#governance h2,.delivery-detail-section h2 {
  max-width:1040px !important;
  margin:18px 0 0 !important;
  text-align:left !important;
}
#value .wrap,#fde .wrap,#system .wrap,.capabilities,#delivery.wrap,#governance .wrap,.delivery-detail-section .wrap { padding-top:clamp(96px,11vw,176px); padding-bottom:clamp(96px,11vw,176px); }
.build-section .wrap { padding-top:clamp(96px,11vw,176px); padding-bottom:clamp(96px,11vw,176px); }
.flow-intro { max-width:690px; margin:28px 0 0 !important; text-align:left !important; }

/* Individual modules are visibly separate, with a shared precision system rather than a generic card wall. */
.cards.three,.fde-grid,.buyer-map,.governance-grid,.delivery-detail-grid,.capability-grid,.build-grid,.delivery-grid {
  gap:16px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.cards.three::before,.capability-grid::before { display:none; }
.cards.three article,.fde-grid article,.buyer-map article,.governance-grid article,
.delivery-detail-grid article,.capability-grid article,.build-grid article,.delivery-grid article {
  overflow:hidden;
  border:1px solid var(--yt-border) !important;
  border-radius:22px !important;
  background:linear-gradient(145deg,rgba(17,27,43,.84),rgba(7,11,18,.98)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 20px 50px rgba(0,0,0,.13) !important;
}
.cards.three article::before,.fde-grid article::before,.buyer-map article::before,.governance-grid article::before,
.delivery-detail-grid article::before,.capability-grid article::before,.build-grid article::before,.delivery-grid article::before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  background:linear-gradient(180deg,transparent 7%,var(--yt-cyan) 50%,transparent 93%);
  opacity:.55;
}
.cards.three article:hover,.fde-grid article:hover,.buyer-map article:hover,.governance-grid article:hover,
.delivery-detail-grid article:hover,.capability-grid article:hover,.build-grid article:hover,.delivery-grid article:hover {
  transform:translateY(-6px) !important;
  border-color:rgba(83,218,255,.65) !important;
  background:linear-gradient(145deg,rgba(17,48,72,.94),rgba(6,13,23,.99)) !important;
}
.cards.three article,.fde-grid article,.buyer-map article,.governance-grid article,.capability-grid article { min-height:300px; }
.delivery-detail-grid article { min-height:370px; }
.home-flow { gap:14px !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
.flow.home-flow .flow-card { min-height:294px; border:1px solid var(--yt-border); border-radius:22px; background:linear-gradient(145deg,rgba(17,27,43,.84),rgba(7,11,18,.98)); }
.flow.home-flow .flow-card::before { content:""; position:absolute; inset:0 auto 0 0; width:2px; background:linear-gradient(180deg,transparent 7%,var(--yt-cyan) 50%,transparent 93%); opacity:.55; }
.flow-note { max-width:900px; margin:30px 0 0; padding:18px 0 0; text-align:left; border-top:1px solid rgba(113,190,255,.16); }

@media (max-width:700px) {
  #value .wrap,#fde .wrap,#system .wrap,.capabilities,#delivery.wrap,#governance .wrap,.delivery-detail-section .wrap,.build-section .wrap { padding-top:86px; padding-bottom:86px; }
  #value h2,#fde h2,#system h2,.capabilities > h2,.build-section h2,#delivery h2,#governance h2,.delivery-detail-section h2 { text-align:left !important; }
  .cards.three,.fde-grid,.buyer-map,.governance-grid,.delivery-detail-grid,.capability-grid,.build-grid,.delivery-grid { gap:12px !important; }
}