.technologyPage{background:#04111c;min-height:100vh;color:#eaf7fd}.technologyWrap{max-width:1450px;margin:0 auto;padding:25px clamp(20px,4vw,65px) 100px}.technologyHero{padding:65px 0 34px}.technologyEditorial span,.technologyHero>span{font-size:13px;letter-spacing:.15em;font-weight:800;color:#42cafa}.technologyHero h1{font-size:clamp(40px,5vw,78px);line-height:1.08;letter-spacing:-.05em;margin:16px 0}.technologyHero p{font-size:clamp(16px,1.8vw,21px);line-height:1.65;color:#b3d0df;max-width:810px}.dcpExplorer{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);grid-gap:18px;gap:18px}.dcpExplorerDiagram{background:linear-gradient(155deg,#09283e,#051826);border:1px solid #31576d;border-radius:15px;padding:25px;min-height:510px;position:relative;overflow:hidden}.dcpFlowTags{display:flex;justify-content:space-between;color:#a9d6e6;font-size:12px;font-weight:800;letter-spacing:.09em}.dcpFlowTags span:last-child{color:#6ee0b8}.dcpNodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:23px 17px;gap:23px 17px;margin-top:76px;position:relative;z-index:1}.dcpNode{display:flex;flex-direction:column;align-items:flex-start;gap:12px;justify-content:space-between;padding:19px;min-height:149px;border-radius:12px;border:1px solid #39677b;background:#0b3044;color:#e7f6ff;text-align:left;cursor:pointer;transition:background .16s,border .16s}.dcpNode.selected,.dcpNode:hover{background:#155071;border-color:#67d4fa}.dcpNode.selected{box-shadow:0 0 0 2px #4cc7f04d}.nodeNumber{font-size:12px;color:#7fdaf7;font-weight:800}.nodeIcon{font-size:27px;color:#63dbfe;line-height:1}.dcpNode strong{font-size:15px;line-height:1.35}.dcpFlowLine{position:absolute;left:8%;right:8%;height:3px;pointer-events:none;opacity:.75}.dcpFlowLine.power{top:46%;background:linear-gradient(90deg,#35c6f7,#1d86b3)}.dcpFlowLine.heat{top:80%;background:linear-gradient(90deg,#6addb3,#4d9c8c)}.dcpExplorerDetail{border:1px solid #31576d;border-radius:15px;padding:33px;background:#0c293c;display:flex;flex-direction:column;justify-content:center;gap:16px}.dcpDetailNum{font-size:12px;color:#5ccffb;letter-spacing:.12em;font-weight:800}.dcpExplorerDetail h3{font-size:clamp(25px,2.6vw,38px);line-height:1.18;margin:0}.dcpExplorerDetail p{font-size:17px;line-height:1.7;color:#c0d8e6}.dcpDetailTag{padding:13px;border:1px solid #3c6e82;background:#103b50;color:#8adffc;border-radius:8px;font-size:14px}.dcpExplorerDetail a,.technologyEditorial a{display:inline-block;color:#6ddaff;font-size:15px;font-weight:800;padding:12px 0}.dcpExplorerNote{grid-column:1/-1;margin:0;font-size:13px;color:#a9c6d6}.technologyEditorial{margin-top:80px;display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;align-items:center;border-top:1px solid #31576d;padding-top:50px}.technologyEditorial h2{font-size:clamp(30px,4vw,56px);line-height:1.1;margin:15px 0}.technologyEditorial p{font-size:17px;line-height:1.7;color:#bfd8e5}.technologyCoolingVisual{padding:35px;border-radius:14px;border:1px solid #285e74;background:radial-gradient(circle at 65% 30%,#155a70,#061522 65%);min-height:330px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px}.technologyCoolingVisual>div:nth-child(odd){border:1px solid #4d8ea8;border-radius:8px;padding:17px 12px;color:#cdeeff;font-size:13px;font-weight:800;background:#10394e}.technologyCoolingVisual>div:nth-child(2n){color:#60d8f9}@media(max-width:1000px){.dcpExplorer{grid-template-columns:1fr}.dcpExplorerDiagram{min-height:440px}.dcpNodes{margin-top:52px}.technologyEditorial{grid-template-columns:1fr}}@media(max-width:620px){.technologyHero{padding-top:40px}.dcpExplorerDiagram{padding:14px;min-height:0}.dcpNodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:35px 0 8px}.dcpNode{min-height:133px;padding:13px}.dcpNode strong{font-size:13px}.dcpFlowLine{display:none}.dcpExplorerDetail{padding:22px}.dcpExplorerDetail p{font-size:16px}.technologyEditorial{margin-top:52px}.technologyCoolingVisual{min-height:240px;padding:17px}}.dcpTechnicalDiagram{display:flex;flex-direction:column;gap:14px;padding:26px;min-height:560px;background:radial-gradient(ellipse at 75% 32%,#13496788,transparent 58%),linear-gradient(145deg,#092b41,#061724)}.dcpTechnicalTitle{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#62d5ff;font-size:13px;font-weight:850;letter-spacing:.12em}.dcpTechnicalTitle small{font-size:12px;letter-spacing:.03em;color:#8bbdd5}.dcpTechnicalTitle.cool{color:#76e1bb;margin-top:auto}.dcpCoolRail,.dcpElectricRail{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px}.dcpCoolRail>span,.dcpElectricRail>span{color:#62d5ff;font-size:28px;text-align:center;font-weight:800}.dcpCoolRail>span{color:#70e5b7}.dcpSystemNode{min-width:0;min-height:144px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;cursor:pointer;text-align:left;padding:16px;background:#0c334a;border:1px solid #4181a0;color:#edfaff;border-radius:12px;transition:background .15s,border .15s}.dcpSystemNode.isActive,.dcpSystemNode:hover{border-color:#74e0ff;background:#185071;box-shadow:inset 0 0 0 1px #75dafc}.dcpCoolRail .dcpSystemNode{background:#103b40;border-color:#378c8d}.dcpCoolRail .dcpSystemNode.isActive,.dcpCoolRail .dcpSystemNode:hover{background:#17605a;border-color:#83e9c4}.dcpSystemIcon{font-size:26px;color:#74dafc;line-height:1}.dcpCoolRail .dcpSystemIcon{color:#8becc0}.dcpSystemNode small{color:#8dcbe3;font-size:11px;font-weight:800}.dcpSystemNode strong{font-size:15px;line-height:1.3}.dcpSystemSub{font-size:11px;line-height:1.35;color:#b3cedd}.dcpRackCutaway{display:flex;justify-content:center;align-items:center;gap:16px;color:#bfeaff;font-weight:800;font-size:11px;letter-spacing:.06em;margin:0 auto;padding:12px 20px;border:1px dashed #376b84;border-radius:9px;max-width:100%}.dcpRackCabinet{display:grid;grid-gap:3px;gap:3px;padding:5px;width:39px;height:51px;border:2px solid #51badd;border-radius:4px;background:#07192a}.dcpRackCabinet i{height:7px;background:linear-gradient(90deg,#145174,#2f92b5);border-radius:2px}.dcpRackCutaway>span:last-child{color:#83e9c4}@media(max-width:660px){.dcpTechnicalDiagram{padding:14px;min-height:0}.dcpCoolRail,.dcpElectricRail{grid-template-columns:1fr;gap:6px}.dcpCoolRail>span,.dcpElectricRail>span{font-size:18px;line-height:1;transform:rotate(90deg)}.dcpSystemNode{min-height:0;display:grid;grid-template-columns:32px 24px minmax(0,1fr);align-items:center;padding:11px;grid-gap:8px;gap:8px}.dcpSystemNode strong{font-size:14px}.dcpSystemSub{grid-column:3;font-size:11px}.dcpTechnicalTitle{font-size:12px;flex-wrap:wrap}.dcpRackCutaway{padding:8px 12px;gap:7px;font-size:10px}.dcpTechnicalTitle.cool{margin-top:10px}}.cutawayScene{position:relative;isolation:isolate;overflow:hidden;min-height:380px;margin:0 0 22px;border:1px solid #3c7492;border-radius:13px;background:linear-gradient(180deg,#123b52,#134b62 30%,#102f41 31%,#061c2d);box-shadow:inset 0 20px 80px #0719276b}.cutawaySky{position:absolute;inset:0 0 48%;background:radial-gradient(ellipse at 73% 40%,#2c92b45e,transparent 54%),linear-gradient(#144a66,#0c334c)}.cutawayStructure{position:absolute;inset:15% 7% 12% 8%;transform:skewY(-3deg);filter:drop-shadow(17px 17px 8px #0008)}.cutawayRoof{height:14%;position:relative;background:linear-gradient(110deg,#83a6b0,#3f7386 65%,#20506b);border:3px solid #90bcc9}.roofCoolers{position:absolute;left:34%;top:-38px;display:flex;gap:11px}.roofCoolers i{display:block;width:49px;height:37px;border:3px solid #8bb3bd;background:repeating-linear-gradient(90deg,#1e4c60,#1e4c60 8px,#6092a4 9px);transform:skewX(-13deg)}.roofHeat{position:absolute;right:16%;top:-35px;font-size:35px;color:#ff946c}.cutawayMain{height:160px;display:grid;grid-template-columns:37% 63%;background:linear-gradient(#12384b,#061f31);border:4px solid #88acb9;border-top:0}.cutawayPower{position:relative;border-right:5px solid #729dad;background:linear-gradient(90deg,#1b3d4e,#2d5666);display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:16px}.miniTransformer{width:31%;height:74%;border:3px solid #8eb4bd;background:repeating-linear-gradient(0deg,#4b6b74,#4b6b74 7px,#75919a 8px)}.cutawayPanel{width:24%;height:90%;border:3px solid #b0c4c9;background:repeating-linear-gradient(0deg,#345265,#345265 9px,#5b8195 10px)}.cutawayGenerator{width:31%;height:65%;border:3px solid #8dabb4;background:repeating-linear-gradient(90deg,#263e4c,#263e4c 8px,#5d8293 9px)}.cutawayServer{display:flex;align-items:center;justify-content:center;gap:6px;padding:13px;background:linear-gradient(100deg,#061928,#0c3349)}.serverRack{width:12%;height:96%;border:2px solid #5a96b5;border-radius:2px;background:#061526;padding:6px 3px;display:flex;flex-direction:column;gap:5px}.serverRack i{flex:1 1;background:linear-gradient(90deg,#174260,#2c83a0 60%,#2ddeca 62%,#1c455b 68%);border:1px solid #235675}.cutawayLower{height:57px;background:linear-gradient(90deg,#143348,#184f61,#123142);border:4px solid #5b899d;border-top:0;display:flex;align-items:center;justify-content:space-around}.pipeSet{height:26px;width:35%;background:repeating-linear-gradient(0deg,transparent,transparent 7px,#19acd3 8px,#19acd3 10px,#f38154 11px,#f38154 13px)}.pumpUnit{width:55px;height:32px;border:3px solid #8db3bb;border-radius:9px;background:#2d6579}.cutawayFlowArrow{position:absolute;z-index:2;font-size:20px;font-weight:900;letter-spacing:8px;text-shadow:0 2px 5px #001827}.powerFlow{color:#68d5ff;left:14%;bottom:6%}.coolingFlow{color:#ff946c;right:12%;top:14%}.cutawayHotspot{position:absolute;z-index:3;transform:translate(-50%,-50%);display:grid;place-items:center;width:39px;height:39px;border:3px solid #d7f7ff;background:#0678bc;color:white;font-size:15px;font-weight:900;border-radius:50%;box-shadow:0 0 0 6px #09b8f02e,0 0 20px #00b8ff;cursor:pointer}.cutawayHotspot.chosen,.cutawayHotspot:hover{background:#ff7058;border-color:white;box-shadow:0 0 0 8px #ff705842,0 0 20px #ff775d}.cutawaySceneCaption{position:absolute;z-index:2;left:14px;bottom:12px;font-size:12px;color:#d4f2fd;background:#041824cf;border:1px solid #39788d;padding:5px 10px;border-radius:7px}@media(max-width:680px){.cutawayScene{min-height:260px}.cutawayStructure{inset:27% 5% 9% 5%}.cutawayMain{height:104px}.cutawayLower{height:31px}.roofCoolers{top:-22px}.roofCoolers i{width:26px;height:22px}.cutawayHotspot{width:30px;height:30px;font-size:12px;border-width:2px}.cutawayFlowArrow{font-size:13px;letter-spacing:3px}.cutawaySceneCaption{font-size:10px}.serverRack{padding:3px 1px;gap:2px}}