:root { --tech-black:#07070a; --tech-panel:#0e0d13; --tech-bone:#efeee7; --tech-muted:rgba(239,238,231,.62); --tech-line:rgba(255,255,255,.13); --tech-signal:#b8ff65; --tech-violet:#7453c5; --tech-violet-dark:#4f378e; --tech-amber:#ffbf66; --tech-blue:#72b8ff; }
body { background:var(--tech-black); }
.technology-hero { position:relative; min-height:100svh; padding:150px clamp(24px,7vw,132px) 100px; display:flex; align-items:flex-end; overflow:hidden; }
.technology-hero>img,.technology-hero__veil,.technology-hero__grid,.technology-hero>svg { position:absolute; inset:0; width:100%; height:100%; }
.technology-hero>img { object-fit:cover; filter:saturate(.62) contrast(1.1) brightness(.72); animation:tech-hero-drift 20s ease-in-out infinite alternate; }
.technology-hero__veil { background:linear-gradient(90deg,rgba(7,7,10,.96),rgba(7,7,10,.61) 56%,rgba(7,7,10,.2)),linear-gradient(0deg,rgba(7,7,10,.86),transparent 55%); }
.technology-hero__grid { opacity:.25; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:92px 92px; mask-image:linear-gradient(90deg,transparent,#000 45%,transparent); }
.technology-hero>svg { fill:rgba(116,83,197,.1); stroke:rgba(184,255,101,.58); stroke-width:1.2; stroke-dasharray:11 13; animation:tech-orbit 26s linear infinite; }
.technology-hero__content { position:relative; z-index:2; max-width:1260px; }
.technology-hero h1 { margin:26px 0 30px; font-size:clamp(58px,7.7vw,128px); font-weight:500; line-height:.9; letter-spacing:-.072em; }
.technology-hero h1 em,.technology-thesis h2 em,.technology-heading h2 em,.technology-models__intro h2 em,.technology-governance h2 em,.technology-maturity h2 em,.technology-cta h2 em { color:var(--tech-signal); font-style:normal; }
.technology-hero__content>p:last-child { max-width:760px; margin:0; color:var(--tech-muted); font-size:clamp(17px,1.4vw,22px); line-height:1.65; }
.technology-hero__status { position:absolute; z-index:3; right:clamp(24px,5vw,92px); bottom:62px; width:315px; padding:21px; display:grid; grid-template-columns:11px 1fr; gap:8px 12px; background:rgba(7,7,10,.74); border:1px solid var(--tech-line); backdrop-filter:blur(16px); }
.technology-hero__status i { grid-row:1/3; width:8px; height:8px; margin-top:2px; border-radius:50%; background:var(--tech-signal); box-shadow:0 0 16px var(--tech-signal); }
.technology-hero__status span { color:var(--tech-signal); font:500 8px/1 "IBM Plex Mono",monospace; letter-spacing:.12em; }
.technology-hero__status strong { font-size:13px; font-weight:500; }

.technology-thesis { min-height:88svh; padding:135px clamp(24px,7vw,132px); display:grid; grid-template-columns:.42fr 1.58fr; gap:8vw; align-items:center; color:#0b0a0f; border-bottom:1px solid rgba(11,10,15,.18); background:radial-gradient(circle at 82% 20%,rgba(116,83,197,.15),transparent 36%),var(--tech-bone); }
.technology-thesis>.eyebrow { color:var(--tech-violet-dark); }
.technology-thesis h2 { margin:0 0 38px; font-size:clamp(49px,6.3vw,102px); font-weight:500; line-height:.95; letter-spacing:-.067em; }
.technology-thesis h2 em { color:var(--tech-violet-dark); }
.technology-thesis div>p { max-width:790px; margin:0; color:rgba(11,10,15,.62); font-size:19px; line-height:1.78; }

.technology-sources,.technology-intelligence,.technology-models,.technology-environments,.technology-maturity { padding:130px clamp(24px,6.5vw,122px); border-bottom:1px solid var(--tech-line); }
.technology-heading { margin-bottom:72px; display:grid; grid-template-columns:1.4fr .6fr; gap:8vw; align-items:end; }
.technology-heading h2,.technology-models__intro h2,.technology-governance h2,.technology-maturity h2 { margin:28px 0 0; font-size:clamp(48px,6vw,96px); font-weight:500; line-height:.96; letter-spacing:-.065em; }
.technology-heading>p { margin:0; color:var(--tech-muted); font-size:17px; line-height:1.72; }
.maturity-legend { margin-bottom:34px; display:flex; flex-wrap:wrap; gap:12px 28px; color:var(--tech-muted); font:500 8px/1 "IBM Plex Mono",monospace; letter-spacing:.1em; text-transform:uppercase; }
.maturity-legend span { display:flex; gap:8px; align-items:center; }
.maturity-legend i { width:7px; height:7px; border-radius:50%; }
.maturity-legend .is-active { background:var(--tech-signal); }
.maturity-legend .is-integration { background:var(--tech-blue); }
.maturity-legend .is-research { background:var(--tech-amber); }
.maturity-legend .is-roadmap { background:rgba(255,255,255,.38); }
.maturity { padding:7px 9px; display:inline-block; border:1px solid currentColor; font:500 8px/1 "IBM Plex Mono",monospace; letter-spacing:.1em; white-space:nowrap; }
.maturity--active { color:var(--tech-signal); }
.maturity--integration { color:var(--tech-blue); }
.maturity--research { color:var(--tech-amber); }
.maturity--roadmap { color:rgba(255,255,255,.58); }

.source-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--tech-line); border-left:1px solid var(--tech-line); }
.source-card { min-height:680px; display:grid; grid-template-rows:290px 1fr; overflow:hidden; border-right:1px solid var(--tech-line); border-bottom:1px solid var(--tech-line); background:linear-gradient(145deg,rgba(116,83,197,.08),transparent 52%); }
.source-card__visual { position:relative; overflow:hidden; border-bottom:1px solid var(--tech-line); }
.source-card__visual::after { position:absolute; inset:0; content:""; background:linear-gradient(0deg,rgba(7,7,10,.72),transparent 55%); }
.source-card__visual img { width:100%; height:100%; object-fit:cover; filter:saturate(.6) brightness(.75); transition:transform 1s ease; }
.source-card:hover .source-card__visual img { transform:scale(1.05); }
.source-card__visual>span { position:absolute; z-index:2; left:25px; bottom:21px; color:var(--tech-signal); font:500 8px/1 "IBM Plex Mono",monospace; letter-spacing:.11em; }
.source-card__body { padding:32px; }
.source-card__body header { display:flex; justify-content:space-between; gap:20px; align-items:start; }
.source-card__body header>small { color:var(--tech-muted); font:500 9px/1.4 "IBM Plex Mono",monospace; letter-spacing:.12em; }
.source-card__body h3 { margin:40px 0 18px; font-size:clamp(28px,2.6vw,42px); font-weight:500; letter-spacing:-.045em; }
.source-card__body>p { color:var(--tech-muted); line-height:1.68; }
.source-card__body ul { margin:28px 0 0; padding:0; list-style:none; }
.source-card__body li { padding:10px 0; color:rgba(255,255,255,.58); border-top:1px solid rgba(255,255,255,.08); font-size:13px; }
.source-card__body li::before { margin-right:10px; color:var(--tech-signal); content:"+"; }
.source-card__body>a { margin-top:28px; display:inline-block; color:var(--tech-signal); text-decoration:none; font:500 8px/1 "IBM Plex Mono",monospace; letter-spacing:.1em; text-transform:uppercase; }

.source-card__signal,.source-card__network,.source-card__feed,.source-card__field { position:relative; min-height:290px; overflow:hidden; border-bottom:1px solid var(--tech-line); background:#0b0a0f; }
.source-card__signal::before,.source-card__network::before,.source-card__field::before { position:absolute; inset:0; content:""; opacity:.3; background-image:radial-gradient(rgba(184,255,101,.42) .7px,transparent .7px); background-size:20px 20px; }
.source-card__signal i { position:absolute; top:50%; width:14px; height:14px; border:2px solid var(--tech-signal); border-radius:50%; animation:tech-signal-pulse 2.6s ease-out infinite; }
.source-card__signal i:nth-child(1) { left:19%; }
.source-card__signal i:nth-child(2) { left:49%; animation-delay:.7s; }
.source-card__signal i:nth-child(3) { left:79%; animation-delay:1.4s; }
.source-card__signal span { position:absolute; top:62%; color:var(--tech-signal); font:500 9px/1 "IBM Plex Mono",monospace; }
.source-card__signal span:nth-of-type(1) { left:17%; }.source-card__signal span:nth-of-type(2) { left:47%; }.source-card__signal span:nth-of-type(3) { left:77%; }
.source-card__network { display:flex; justify-content:space-around; align-items:center; }
.source-card__network span { position:relative; z-index:2; width:66px; height:66px; display:grid; place-items:center; color:var(--tech-signal); border:1px solid rgba(184,255,101,.48); border-radius:50%; background:#0b0a0f; font:500 9px/1 "IBM Plex Mono",monospace; }
.source-card__network i { position:absolute; right:14%; left:14%; top:50%; height:1px; background:linear-gradient(90deg,var(--tech-signal),var(--tech-violet),var(--tech-signal)); }
.source-card__feed { padding:38px; display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:rgba(255,255,255,.1); }
.source-card__feed span { display:flex; gap:12px; align-items:center; padding:20px; color:rgba(255,255,255,.72); background:#0b0a0f; font:500 9px/1 "IBM Plex Mono",monospace; letter-spacing:.1em; }
.source-card__feed i { width:7px; height:7px; border-radius:50%; background:var(--tech-blue); box-shadow:0 0 14px var(--tech-blue); animation:tech-feed 1.8s ease-in-out infinite alternate; }
.source-card__field { display:flex; justify-content:center; align-items:center; gap:95px; }
.source-card__field span { position:relative; z-index:2; width:48px; height:48px; display:grid; place-items:center; color:#0b0a0f; border-radius:50%; background:var(--tech-signal); font:600 9px/1 "IBM Plex Mono",monospace; }
.source-card__field-line { position:absolute; z-index:1; left:18%; right:18%; top:50%; height:1px; background:var(--tech-signal); }

.technology-intelligence { color:#0b0a0f; border-color:rgba(11,10,15,.18); background:var(--tech-bone); }
.technology-intelligence .eyebrow,.technology-intelligence .technology-heading h2 em { color:var(--tech-violet-dark); }
.technology-intelligence .technology-heading>p { color:rgba(11,10,15,.62); }
.intelligence-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid rgba(11,10,15,.18); border-left:1px solid rgba(11,10,15,.18); }
.intelligence-grid article { min-height:520px; padding:36px; position:relative; display:flex; flex-direction:column; border-right:1px solid rgba(11,10,15,.18); border-bottom:1px solid rgba(11,10,15,.18); transition:background .35s ease; }
.intelligence-grid article:hover { background:rgba(116,83,197,.08); }
.intelligence-index { position:absolute; right:28px; top:22px; color:rgba(11,10,15,.15); font-size:78px; font-weight:500; letter-spacing:-.06em; }
.intelligence-grid small { color:var(--tech-violet-dark); font:500 9px/1 "IBM Plex Mono",monospace; letter-spacing:.12em; }
.intelligence-grid h3 { max-width:500px; margin:115px 0 24px; font-size:clamp(34px,3.6vw,57px); font-weight:500; line-height:1; letter-spacing:-.052em; }
.intelligence-grid p { max-width:560px; color:rgba(11,10,15,.62); line-height:1.7; }
.intelligence-grid article>div { margin-top:auto; display:flex; flex-wrap:wrap; gap:8px; }
.intelligence-grid article>div span { padding:8px 10px; color:var(--tech-violet-dark); border:1px solid rgba(79,55,142,.38); font:500 8px/1 "IBM Plex Mono",monospace; letter-spacing:.08em; }

.technology-models { display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; background:radial-gradient(circle at 10% 20%,rgba(116,83,197,.17),transparent 32%),var(--tech-black); }
.technology-models__intro { position:sticky; top:120px; height:max-content; }
.technology-models__intro>p:last-child { max-width:570px; margin:35px 0 0; color:var(--tech-muted); font-size:17px; line-height:1.72; }
.model-list { border-top:1px solid var(--tech-line); }
.model-list article { min-height:220px; padding:28px 0; display:grid; grid-template-columns:52px 1fr 1fr auto; gap:24px; align-items:center; border-bottom:1px solid var(--tech-line); }
.model-list article>span { color:var(--tech-signal); font:500 9px/1 "IBM Plex Mono",monospace; }
.model-list small { color:var(--tech-muted); font:500 8px/1 "IBM Plex Mono",monospace; letter-spacing:.1em; }
.model-list h3 { margin:13px 0 0; font-size:27px; font-weight:500; letter-spacing:-.035em; }
.model-list p { color:var(--tech-muted); line-height:1.62; }
.model-list b { font-weight:500; }

.technology-environments { color:#0b0a0f; border-color:rgba(11,10,15,.18); background:#e8e7df; }
.technology-environments .eyebrow,.technology-environments .technology-heading h2 em { color:var(--tech-violet-dark); }
.technology-environments .technology-heading>p { color:rgba(11,10,15,.62); }
.environment-stack { display:flex; flex-direction:column; gap:8px; perspective:1000px; }
.environment-stack article { min-height:125px; padding:28px 34px; display:grid; grid-template-columns:100px 1fr 1.2fr; align-items:center; color:#fff; border:1px solid rgba(255,255,255,.15); background:linear-gradient(100deg,#15111e,#2c1e4c); box-shadow:0 15px 35px rgba(34,23,60,.12); transform:translateZ(0); }
.environment-stack article:nth-child(2) { margin:0 3%; }.environment-stack article:nth-child(3) { margin:0 6%; }.environment-stack article:nth-child(4) { margin:0 9%; }
.environment-stack small { color:var(--tech-signal); font:500 8px/1 "IBM Plex Mono",monospace; letter-spacing:.1em; }
.environment-stack strong { font-size:25px; font-weight:500; }
.environment-stack span { color:rgba(255,255,255,.6); }
.environment-modes { margin-top:70px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(11,10,15,.18); border-left:1px solid rgba(11,10,15,.18); }
.environment-modes article { min-height:180px; padding:25px; display:flex; flex-direction:column; border-right:1px solid rgba(11,10,15,.18); border-bottom:1px solid rgba(11,10,15,.18); }
.environment-modes i { width:8px; height:8px; border-radius:50%; background:var(--tech-violet-dark); box-shadow:0 0 13px rgba(79,55,142,.35); }
.environment-modes span { margin-top:35px; color:var(--tech-violet-dark); font:500 8px/1 "IBM Plex Mono",monospace; letter-spacing:.1em; }
.environment-modes strong { margin-top:auto; font-size:17px; font-weight:500; }

.technology-governance { min-height:90svh; padding:130px clamp(24px,6.5vw,122px); display:grid; grid-template-columns:.85fr 1.15fr; gap:8vw; align-items:center; border-bottom:1px solid var(--tech-line); background:var(--tech-panel); }
.technology-governance ol { margin:0; padding:0; list-style:none; border-top:1px solid var(--tech-line); }
.technology-governance li { padding:28px 0; display:grid; grid-template-columns:45px 1fr 1.4fr; gap:20px; border-bottom:1px solid var(--tech-line); }
.technology-governance li span { color:var(--tech-signal); font:500 9px/1 "IBM Plex Mono",monospace; }
.technology-governance li strong { font-size:19px; font-weight:500; }
.technology-governance li p { margin:0; color:var(--tech-muted); line-height:1.6; }

.technology-maturity header { max-width:1200px; }
.technology-maturity header>p:last-child { max-width:720px; margin:32px 0 70px; color:var(--tech-muted); line-height:1.7; }
.maturity-board { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--tech-line); border-left:1px solid var(--tech-line); }
.maturity-board article { min-height:400px; padding:29px; border-right:1px solid var(--tech-line); border-bottom:1px solid var(--tech-line); }
.maturity-board ul { margin:90px 0 0; padding:0; list-style:none; }
.maturity-board li { padding:13px 0; color:var(--tech-muted); border-top:1px solid rgba(255,255,255,.08); font-size:13px; line-height:1.45; }
.maturity-board li::before { margin-right:9px; color:var(--tech-signal); content:"+"; }

.technology-cta { min-height:82svh; padding:130px 24px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; background:radial-gradient(circle at 50% 45%,rgba(116,83,197,.24),transparent 35%),var(--tech-black); }
.technology-cta h2 { max-width:1200px; margin:30px 0; font-size:clamp(54px,7.8vw,122px); font-weight:500; line-height:.92; letter-spacing:-.07em; }
.technology-cta>p:not(.eyebrow) { max-width:720px; color:var(--tech-muted); font-size:18px; line-height:1.7; }
.technology-cta a { margin-top:38px; padding:18px 24px; color:#09090d; background:var(--tech-signal); text-decoration:none; font:600 10px/1 "IBM Plex Mono",monospace; letter-spacing:.1em; text-transform:uppercase; }
.technology-footer { padding:28px clamp(24px,5vw,92px); display:flex; justify-content:space-between; align-items:center; color:var(--tech-muted); border-top:1px solid var(--tech-line); font:500 9px/1 "IBM Plex Mono",monospace; letter-spacing:.1em; }

@keyframes tech-hero-drift { from{transform:scale(1.03) translateX(-1%)} to{transform:scale(1.1) translateX(1.5%)} }
@keyframes tech-orbit { to{stroke-dashoffset:-480} }
@keyframes tech-signal-pulse { 0%{opacity:1;transform:scale(.4)} 85%,100%{opacity:0;transform:scale(3.3)} }
@keyframes tech-feed { from{opacity:.45} to{opacity:1} }

@media(max-width:1080px){.technology-heading,.technology-models,.technology-governance{grid-template-columns:1fr}.technology-models__intro{position:static}.maturity-board{grid-template-columns:repeat(2,1fr)}.environment-modes{grid-template-columns:repeat(2,1fr)}.technology-hero__status{display:none}}
@media(max-width:760px){.technology-hero{padding-bottom:70px}.technology-thesis{grid-template-columns:1fr;gap:58px}.technology-sources,.technology-intelligence,.technology-models,.technology-environments,.technology-maturity,.technology-governance{padding-top:85px;padding-bottom:85px}.source-grid,.intelligence-grid,.maturity-board{grid-template-columns:1fr}.source-card{min-height:620px}.model-list article{grid-template-columns:34px 1fr}.model-list article>p,.model-list article>b{grid-column:2}.environment-stack article{margin:0!important;grid-template-columns:70px 1fr;gap:12px}.environment-stack article>span{grid-column:2}.environment-modes{grid-template-columns:1fr}.technology-governance li{grid-template-columns:35px 1fr}.technology-governance li p{grid-column:2}.technology-footer{align-items:flex-start;flex-direction:column;gap:24px}}
@media(max-width:520px){.source-grid{border-left:0}.source-card{border-left:1px solid var(--tech-line)}.source-card__field{gap:50px}.source-card__network span{width:52px;height:52px}.source-card__feed{padding:22px}.source-card__feed span{padding:16px 10px}.intelligence-grid{border-left:0}.intelligence-grid article{border-left:1px solid rgba(11,10,15,.18)}.detail-index{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.technology-hero>img,.technology-hero>svg,.source-card__signal i,.source-card__feed i{animation:none}.source-card__visual img{transition:none}}