.detail-section{background:#f6f9fd}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.detail-copy h2{font-size:34px;margin:0 0 18px}.detail-copy>p{color:var(--muted);line-height:1.9}.check-list{display:grid;gap:12px;margin-top:25px}.check-list div{padding:14px 16px;border-left:3px solid var(--blue);background:#fff;box-shadow:0 8px 25px #173b690a}.check-list b{display:block;margin-bottom:4px}.check-list span{font-size:13px;color:var(--muted)}.tech-map{position:relative;min-height:430px;display:grid;place-items:center}.tech-core{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;text-align:center;color:#fff;font-weight:800;background:radial-gradient(circle at 35% 30%,#2c82ff,#092667 65%);box-shadow:0 22px 55px #1261ee45;z-index:2}.tech-ring{position:absolute;border:1px solid #5b9eff55;border-radius:50%}.tech-ring.one{width:280px;height:280px}.tech-ring.two{width:410px;height:410px}.tech-node{position:absolute;width:104px;padding:12px 8px;text-align:center;border:1px solid #bcd4f5;border-radius:8px;background:#fff;box-shadow:0 12px 28px #173b6914;font-size:13px;font-weight:700}.tech-node small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.tech-node.n1{top:20px}.tech-node.n2{right:4px;top:155px}.tech-node.n3{right:55px;bottom:15px}.tech-node.n4{left:55px;bottom:15px}.tech-node.n5{left:4px;top:155px}.architecture-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;position:relative}.architecture-flow:before{content:"";position:absolute;left:8%;right:8%;top:43px;height:2px;background:linear-gradient(90deg,#1261ee,#12bfd0)}.flow-step{position:relative;text-align:center;z-index:1}.flow-step strong{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#fff;border:2px solid var(--blue);color:var(--blue);font-size:13px}.flow-step h3{font-size:16px}.flow-step p{font-size:12px;color:var(--muted);line-height:1.7}.diagram-panel{padding:38px;border-radius:12px;background:linear-gradient(135deg,#071a38,#0b315f);color:#fff;box-shadow:0 25px 65px #07162f24}.data-loop{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.loop-node{position:relative;padding:22px 12px;border:1px solid #5ea2ff55;border-radius:8px;background:#ffffff0d;text-align:center}.loop-node:not(:last-child):after{content:"→";position:absolute;right:-19px;top:50%;transform:translateY(-50%);color:#41d7ec;font-size:20px}.loop-node b{display:block;color:#4be1ef;margin-bottom:7px}.loop-node small{color:#bed0e4;line-height:1.5}.scenario-detail{display:grid;grid-template-columns:220px 1fr;gap:40px;padding:35px 0;border-bottom:1px solid #dbe5ef}.scenario-detail:last-child{border:0}.scenario-title span{font-size:11px;color:var(--blue);font-weight:800;letter-spacing:1px}.scenario-title h3{font-size:24px;margin:10px 0}.scenario-body{display:grid;grid-template-columns:1.5fr 1fr;gap:25px}.scenario-body p{color:var(--muted);line-height:1.8;margin:0}.outcomes{padding:18px;background:#f1f6fc;border-radius:8px}.outcomes b{font-size:13px}.outcomes ul{margin:10px 0 0;padding-left:18px;color:#52667e;font-size:12px;line-height:1.9}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metric-card{padding:24px;border:1px solid #dce6f2;border-radius:9px;background:#fff}.metric-card strong{display:block;color:var(--blue);font-size:26px;margin-bottom:8px}.metric-card span{font-size:13px;color:var(--muted)}@media(max-width:900px){.detail-layout{grid-template-columns:1fr}.architecture-flow{grid-template-columns:repeat(3,1fr)}.architecture-flow:before{display:none}.scenario-detail{grid-template-columns:1fr}.scenario-body{grid-template-columns:1fr}.data-loop{grid-template-columns:repeat(2,1fr)}.loop-node:nth-child(2):after{display:none}.metric-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.tech-map{transform:scale(.82);margin:-35px}.architecture-flow,.data-loop,.metric-row{grid-template-columns:1fr}.loop-node:after{display:none}.diagram-panel{padding:24px}}
