.inner-page .site-header { background: rgba(5, 24, 42, .82); backdrop-filter: blur(14px); }
.inner-page .main-nav > a.active { color: #fff; opacity: 1; }
.inner-page .main-nav > a.active:not(.nav-cta)::after { content: ""; display: block; width: 18px; height: 2px; margin: 7px auto -9px; background: var(--cyan); }
.detail-hero { position: relative; min-height: 760px; padding: 150px 0 90px; overflow: hidden; color: #fff; background: radial-gradient(circle at 78% 25%, rgba(34, 164, 214, .2), transparent 31%), linear-gradient(135deg, #041625, #0a3457 58%, #0a4268); }
.detail-hero::after { content: ""; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(90deg, transparent, #000 48%, #000); pointer-events: none; }
.detail-hero-glow { position: absolute; width: 620px; height: 620px; right: -160px; top: 40px; border: 1px solid rgba(74,202,225,.14); border-radius: 50%; box-shadow: 0 0 0 100px rgba(60,197,221,.025), 0 0 0 210px rgba(60,197,221,.018); }
.detail-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .92fr 1.08fr; gap: 70px; align-items: center; }
.detail-hero-copy { max-width: 590px; }
.breadcrumb { display: flex; flex-wrap: wrap; gap: 9px; margin: 0 0 58px; color: #85a3b8; font-size: 14px; }
.breadcrumb a:hover { color: #fff; }
.breadcrumb strong { color: #cae0ed; font-weight: 500; }
.detail-hero h1 { margin: 0; font-size: clamp(48px, 5vw, 76px); line-height: 1.12; letter-spacing: -.05em; font-weight: 650; }
.detail-hero h1 em { color: var(--cyan); font-style: normal; }
.detail-lead { max-width: 610px; margin: 27px 0 0; color: #bfd2df; font-size: 17px; line-height: 1.9; }
.detail-proof { position: relative; z-index: 3; margin-top: -36px; }
.detail-proof-grid { min-height: 132px; padding: 27px 34px; display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; background: #fff; box-shadow: 0 22px 70px rgba(13,45,70,.14); }
.detail-proof-grid > div { min-height: 62px; padding: 0 30px; border-right: 1px solid var(--line); display: flex; flex-direction: column; justify-content: center; }
.detail-proof-grid > div:last-child { border: 0; }
.detail-proof-grid strong { color: var(--navy-2); font: 700 29px/1 Arial, sans-serif; letter-spacing: -.04em; }
.detail-proof-grid sup { color: var(--cyan); font-size: 14px; }
.detail-proof-grid span { margin-top: 8px; color: var(--muted); font-size: 14px; }

/* M-Cloud hero */
.platform-orbit { position: relative; height: 500px; }
.orbit-ring { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(83,205,228,.2); border-radius: 50%; transform: translate(-50%, -50%); }
.ring-one { width: 440px; height: 440px; }
.ring-two { width: 310px; height: 310px; border-style: dashed; }
.orbit-core { position: absolute; z-index: 2; left: 50%; top: 50%; width: 190px; height: 190px; transform: translate(-50%, -50%); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: radial-gradient(circle at 34% 25%, #238fc6, #0a4d79 64%, #062d49); box-shadow: 0 25px 70px rgba(0,0,0,.38), 0 0 0 16px rgba(71,200,223,.05); }
.orbit-core img { width: 48px; filter: brightness(0) invert(1); }
.orbit-core strong { margin-top: 12px; font: 700 21px Arial, sans-serif; letter-spacing: .1em; }
.orbit-core span { margin-top: 6px; color: #a9cee0; font-size: 13px; }
.orbit-node { position: absolute; z-index: 3; width: 156px; min-height: 82px; padding: 17px 18px; display: flex; flex-direction: column; justify-content: center; background: rgba(9,45,74,.92); border: 1px solid rgba(86,207,229,.28); box-shadow: 0 15px 34px rgba(0,0,0,.18); }
.orbit-node span { color: var(--cyan); font: 700 13px Arial; }
.orbit-node strong { margin-top: 7px; font-size: 15px; line-height: 1.45; }
.node-supply { left: 50%; top: 0; transform: translateX(-50%); }
.node-cross { left: 0; bottom: 57px; }
.node-express { right: 0; bottom: 57px; }
.orbit-caption { position: absolute; bottom: 0; width: 100%; color: #7295aa; text-align: center; font-size: 14px; letter-spacing: .13em; }

.platform-why { padding-top: 140px; }
.problem-progression { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: stretch; }
.problem-progression article { padding: 30px 25px; background: var(--mist); border-top: 3px solid #b6c7d2; }
.problem-progression article.accent { color: #fff; background: linear-gradient(145deg, #0a416b, #0b73a3); border-color: var(--cyan); }
.problem-progression > i { align-self: center; padding: 0 11px; color: #83a2b5; font-style: normal; }
.problem-progression span { color: var(--blue); font: 700 14px Arial; }
.problem-progression .accent span { color: #65d5e8; }
.problem-progression h3 { margin: 25px 0 12px; font-size: 18px; }
.problem-progression p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.75; }
.problem-progression .accent p { color: #c5dae6; }

.domain-section { background: #f7fafc; }
.domain-stack { border-top: 1px solid var(--line); }
.domain-row { display: grid; grid-template-columns: 90px 1fr 1.45fr; gap: 45px; padding: 46px 0; border-bottom: 1px solid var(--line); align-items: start; }
.domain-number { color: #a9bac6; font: 700 14px Arial; }
.domain-intro p { margin: 0 0 12px; color: var(--blue); font: 700 13px Arial; letter-spacing: .14em; }
.domain-intro h3 { margin: 0; font-size: 28px; }
.domain-intro span { display: block; margin-top: 14px; color: var(--muted); font-size: 14px; line-height: 1.7; }
.domain-value h4 { margin: 0; color: #21445d; font-size: 18px; }
.domain-value p { margin: 13px 0 19px; color: var(--muted); font-size: 15px; line-height: 1.85; }
.domain-value ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; list-style: none; }
.domain-value li { padding: 7px 11px; color: #2d5873; background: #e8f2f7; font-size: 14px; }

.capability-chain { color: #fff; background: var(--navy); }
.capability-chain .section-heading h2 { color: #fff; }
.capability-chain .section-heading > p { color: #a9c0cf; }
.chain-flow { margin: 60px 0 0; padding: 0; display: grid; grid-template-columns: repeat(6, 1fr); list-style: none; border: 1px solid rgba(255,255,255,.13); }
.chain-flow li { position: relative; min-height: 174px; padding: 25px 20px; display: flex; flex-direction: column; justify-content: flex-end; border-right: 1px solid rgba(255,255,255,.13); }
.chain-flow li:last-child { border: 0; }
.chain-flow li:not(:last-child)::after { content: "→"; position: absolute; z-index: 2; right: -12px; top: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; color: var(--cyan); background: var(--navy); transform: translateY(-50%); }
.chain-flow span { position: absolute; left: 20px; top: 21px; color: #56758a; font: 700 13px Arial; }
.chain-flow strong { font-size: 20px; }
.chain-flow small { margin-top: 10px; color: #8fa9bb; font-size: 14px; }
.foundation-tags { margin-top: 24px; display: flex; justify-content: center; flex-wrap: wrap; gap: 12px 30px; color: #8fa9bb; font-size: 14px; letter-spacing: .1em; }
.foundation-tags span:not(:last-child)::after { content: "/"; margin-left: 30px; color: #426177; }

.delivery-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 90px; align-items: center; }
.delivery-copy h2, .technology-copy h2, .education-statement h2, .decision-copy h2, .practice-copy h2 { margin: 0; font-size: clamp(34px, 4vw, 52px); line-height: 1.25; letter-spacing: -.04em; }
.delivery-copy > p:not(.kicker), .technology-copy > p:not(.kicker), .decision-copy > p:not(.kicker) { margin: 22px 0 0; color: var(--muted); font-size: 14px; line-height: 1.9; }
.delivery-copy blockquote { margin: 32px 0 0; padding: 18px 0 18px 22px; color: var(--blue); border-left: 2px solid var(--cyan); font-size: 18px; font-weight: 600; }
.delivery-matrix { display: grid; grid-template-columns: 1fr 1fr; box-shadow: 0 25px 70px rgba(22,65,93,.1); }
.delivery-matrix article { min-height: 215px; padding: 29px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #fff; }
.delivery-matrix article:nth-child(even) { border-right: 0; }
.delivery-matrix article:nth-child(n+3) { border-bottom: 0; }
.delivery-matrix .matrix-accent { color: #fff; background: linear-gradient(145deg, #0b4873, #0d7cab); }
.delivery-matrix span, .responsibility-list span { color: var(--blue); font: 700 13px Arial; }
.delivery-matrix .matrix-accent span { color: #77dded; }
.delivery-matrix h3 { margin: 30px 0 10px; font-size: 19px; }
.delivery-matrix p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
.delivery-matrix .matrix-accent p { color: #d2e4ed; }

.technology-section { color: #fff; background: linear-gradient(145deg, #041725, #0a3557); }
.technology-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 85px; align-items: center; }
.technology-map { padding: 34px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.035); }
.tech-layer { display: grid; gap: 8px; }
.tech-layer.consumers { grid-template-columns: repeat(4, 1fr); }
.tech-layer.consumers span { padding: 13px 8px; text-align: center; color: #a7bfce; background: rgba(255,255,255,.05); font-size: 14px; }
.tech-link { padding: 20px 0; color: var(--cyan); text-align: center; font-size: 13px; letter-spacing: .12em; }
.tech-layer.applications { grid-template-columns: repeat(3, 1fr); }
.tech-layer.applications strong { padding: 22px 10px; text-align: center; background: #0c547f; border: 1px solid rgba(98,214,234,.25); font-size: 15px; }
.tech-layer.platform { margin-top: 12px; grid-template-columns: repeat(4, 1fr); border: 1px solid rgba(255,255,255,.13); }
.tech-layer.platform b { grid-column: 1 / -1; padding: 16px; text-align: center; background: rgba(48,190,216,.12); color: #fff; font-size: 15px; }
.tech-layer.platform span { padding: 14px 8px; text-align: center; color: #9fb8c8; border-top: 1px solid rgba(255,255,255,.1); border-right: 1px solid rgba(255,255,255,.1); font-size: 13px; }
.technology-copy h2 { color: #fff; }
.technology-copy > p:not(.kicker) { color: #acc2d0; }
.technology-copy ul { margin: 27px 0 0; padding: 0; list-style: none; }
.technology-copy li { position: relative; padding: 12px 0 12px 20px; color: #c6d7e1; border-bottom: 1px solid rgba(255,255,255,.1); font-size: 14px; line-height: 1.6; }
.technology-copy li::before { content: ""; position: absolute; left: 0; top: 19px; width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); }

.detail-timeline { display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid var(--line); }
.detail-timeline article { position: relative; padding: 34px 24px 10px 0; }
.detail-timeline article::before { content: ""; position: absolute; left: 0; top: -5px; width: 9px; height: 9px; border-radius: 50%; background: #fff; border: 2px solid #a7bac7; }
.detail-timeline .current::before { background: var(--cyan); border-color: var(--cyan); box-shadow: 0 0 0 7px rgba(44,193,219,.13); }
.detail-timeline time { color: var(--blue); font-size: 14px; font-weight: 700; }
.detail-timeline h3 { margin: 17px 0 9px; font-size: 16px; }
.detail-timeline p { margin: 0; padding-right: 10px; color: var(--muted); font-size: 14px; line-height: 1.7; }
.mcloud-cases { background: #f7fafc; }
.evidence-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.evidence-grid article { min-height: 330px; padding: 32px; display: flex; flex-direction: column; background: #fff; border-top: 3px solid #6aa7c7; box-shadow: 0 13px 35px rgba(20,63,91,.07); }
.evidence-grid article:first-child { color: #fff; background: linear-gradient(145deg, #0a3d65, #0d6f9f); border-color: var(--cyan); }
.evidence-grid p { margin: 0; color: var(--blue); font-size: 13px; letter-spacing: .12em; }
.evidence-grid article:first-child p { color: #73d7e8; }
.evidence-grid h3 { margin: 20px 0 8px; font-size: 25px; }
.evidence-grid strong { color: #596f7e; font-size: 14px; font-weight: 500; }
.evidence-grid article:first-child strong { color: #c8dce7; }
.evidence-grid ul { margin: auto 0 0; padding: 0; list-style: none; }
.evidence-grid li { padding: 12px 0; border-top: 1px solid var(--line); font-size: 14px; line-height: 1.55; }
.evidence-grid article:first-child li { border-color: rgba(255,255,255,.14); }

.start-path { background: #fff; }
.start-steps { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; }
.start-steps li { min-height: 220px; padding: 30px; border: 1px solid var(--line); border-right: 0; }
.start-steps li:last-child { border-right: 1px solid var(--line); }
.start-steps span { color: var(--blue); font: 700 14px Arial; }
.start-steps h3 { margin: 38px 0 12px; font-size: 19px; }
.start-steps p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
.inner-cta { min-height: 540px; }

/* AI page */
.ai-hero { background: radial-gradient(circle at 74% 30%, rgba(48,202,222,.18), transparent 30%), linear-gradient(135deg, #041723, #073551 58%, #0a4c67); }
.collaboration-visual { padding: 30px; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.13); box-shadow: 0 25px 70px rgba(0,0,0,.2); }
.visual-label { display: flex; align-items: center; gap: 10px; color: #84a5b8; font-size: 13px; letter-spacing: .12em; }
.visual-label strong { color: #fff; font-size: 14px; }
.old-flow { margin-top: 20px; display: grid; grid-template-columns: 52px 1fr 52px 1fr 52px; align-items: center; gap: 7px; position: relative; }
.old-flow i { height: 52px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #153e59; color: #d4e3eb; font-style: normal; font-size: 14px; }
.old-flow b { color: #7693a5; text-align: center; font-size: 13px; font-weight: 500; }
.old-flow b::before { content: "— "; }.old-flow b::after { content: " —"; }
.old-flow em { position: absolute; right: 0; top: -24px; color: #6b8b9e; font-size: 13px; font-style: normal; }
.visual-shift { margin: 29px 0; padding: 17px; display: grid; grid-template-columns: 1fr 30px 1.3fr; align-items: center; color: #a8c1d0; background: rgba(49,193,216,.08); border: 1px solid rgba(67,205,228,.19); text-align: center; font-size: 14px; }
.visual-shift i { color: var(--cyan); font-style: normal; }
.visual-shift strong { color: #fff; font-size: 14px; }
.new-flow { display: grid; grid-template-columns: 1fr 48px 1fr; gap: 10px; align-items: center; }
.new-flow > div { min-height: 112px; padding: 20px; display: flex; flex-direction: column; background: rgba(255,255,255,.06); border-top: 2px solid var(--cyan); }
.new-flow i { color: var(--cyan); font-style: normal; font-size: 17px; font-weight: 700; }
.new-flow span { margin-top: auto; color: #aac1d0; font-size: 13px; line-height: 1.6; }
.new-flow > b { color: #82ddec; text-align: center; font-size: 13px; }
.collaboration-visual > p { margin: 25px 0 0; color: #d6e6ed; text-align: center; font-size: 14px; }
.ai-proof .detail-proof-grid strong { font-size: 24px; }

.ai-reality { padding-top: 140px; }
.obstacle-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.obstacle-grid article { min-height: 310px; padding: 32px; display: flex; flex-direction: column; background: var(--mist); border-top: 3px solid #a9becb; }
.obstacle-grid article:nth-child(2) { border-color: var(--cyan); }
.obstacle-grid span { color: var(--blue); font: 700 14px Arial; }
.obstacle-grid h3 { margin: 42px 0 14px; font-size: 22px; }
.obstacle-grid p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.8; }
.obstacle-grid small { margin-top: auto; padding-top: 22px; color: #1a648f; border-top: 1px solid var(--line); font-size: 14px; font-weight: 600; }

.education-section { color: #fff; background: linear-gradient(140deg, #071c2e, #0a385a); }
.education-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 100px; align-items: center; }
.education-statement h2 { color: #fff; }
.education-statement > p:not(.kicker) { margin: 24px 0 0; color: #b2c7d4; font-size: 14px; line-height: 1.9; }
.education-statement blockquote { margin: 31px 0 0; padding: 18px 0 18px 23px; color: #e2f1f5; border-left: 2px solid var(--cyan); font-size: 15px; line-height: 1.75; }
.learning-loop { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: 1fr 1fr; }
.learning-loop li { min-height: 180px; padding: 25px; display: grid; grid-template-columns: 42px 1fr; gap: 17px; border: 1px solid rgba(255,255,255,.12); border-right: 0; border-bottom: 0; }
.learning-loop li:nth-child(even) { border-right: 1px solid rgba(255,255,255,.12); }
.learning-loop li:nth-child(n+3) { border-bottom: 1px solid rgba(255,255,255,.12); }
.learning-loop li > span { width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--cyan); background: #0b476a; font: 700 13px Arial; }
.learning-loop h3 { margin: 7px 0 8px; font-size: 17px; }
.learning-loop p { margin: 0; color: #9eb7c7; font-size: 14px; line-height: 1.7; }

.management-shift { background: #f7fafc; }
.work-model { display: grid; grid-template-columns: 1fr 150px 1fr; align-items: center; }
.work-model article { min-height: 470px; padding: 35px; background: #fff; border: 1px solid var(--line); }
.work-model .new-model { color: #fff; background: linear-gradient(145deg, #0a3a5e, #0b6c91); border-color: transparent; }
.model-title span { color: var(--blue); font-size: 13px; letter-spacing: .13em; }
.new-model .model-title span { color: #6bd6e8; }
.model-title strong { display: block; margin-top: 10px; font-size: 19px; }
.model-flow { margin: 55px 0 50px; display: grid; grid-template-columns: 52px 1fr 52px 1fr 52px; align-items: center; gap: 4px; }
.model-flow i { height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #24506b; background: #e8f1f6; font-style: normal; font-size: 13px; }
.model-flow b { color: #8b9ca8; text-align: center; font-size: 13px; font-weight: 500; }
.model-flow b::before { content: "—"; margin-right: 3px; }.model-flow b::after { content: "—"; margin-left: 3px; }
.work-model ul { margin: 0; padding: 0; list-style: none; }
.work-model li { padding: 11px 0 11px 17px; position: relative; color: var(--muted); border-top: 1px solid var(--line); font-size: 14px; line-height: 1.55; }
.work-model li::before { content: ""; position: absolute; left: 0; top: 17px; width: 5px; height: 5px; border-radius: 50%; background: #9bb0bd; }
.new-model li { color: #c8dde7; border-color: rgba(255,255,255,.13); }
.new-model li::before { background: var(--cyan); }
.model-arrow { display: flex; flex-direction: column; align-items: center; gap: 13px; color: var(--blue); text-align: center; }
.model-arrow span, .model-arrow small { font-size: 13px; line-height: 1.45; }
.model-arrow b { font-size: 30px; color: var(--cyan); }
.model-collab { margin: 35px 0 32px; display: grid; grid-template-columns: 1fr 28px 1fr; align-items: center; gap: 8px; }
.model-collab > div { min-height: 185px; padding: 22px 18px; background: rgba(255,255,255,.07); border-top: 2px solid var(--cyan); }
.model-collab i { color: #fff; font-size: 20px; font-style: normal; font-weight: 700; }
.model-collab p { margin: 22px 0 0; color: #b7d0dc; font-size: 14px; line-height: 1.85; }
.model-collab > b { color: var(--cyan); text-align: center; }

.ai-method { color: #fff; background: var(--navy); }
.ai-method .section-heading h2 { color: #fff; }
.ai-method .section-heading > p { color: #adc2d0; }
.method-stages { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); list-style: none; border-top: 1px solid rgba(255,255,255,.14); }
.method-stages li { position: relative; min-height: 290px; padding: 34px 25px 25px 0; }
.method-stages li::before { content: ""; position: absolute; left: 0; top: -5px; width: 9px; height: 9px; border-radius: 50%; background: var(--navy); border: 2px solid #66869a; }
.method-stages li:first-child::before, .method-stages li:last-child::before { background: var(--cyan); border-color: var(--cyan); box-shadow: 0 0 0 7px rgba(44,193,219,.11); }
.method-stages > li > span { color: #658297; font: 700 13px Arial; }
.method-stages div { margin-top: 68px; padding-right: 25px; }
.method-stages p { margin: 0; color: var(--cyan); font-size: 13px; }
.method-stages h3 { margin: 10px 0 13px; font-size: 18px; }
.method-stages small { color: #96aebe; font-size: 14px; line-height: 1.75; }

.decision-section { background: #fff; }
.decision-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 85px; align-items: center; }
.decision-tree { padding: 28px; background: #f4f8fa; }
.decision-start { padding: 22px; display: flex; align-items: center; justify-content: space-between; background: var(--navy); color: #fff; }
.decision-start span { color: #79d6e6; font-size: 13px; }
.decision-start strong { font-size: 15px; }
.decision-branches { margin-top: 18px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.decision-branches article { min-height: 238px; padding: 22px; background: #fff; border-top: 3px solid #9fb8c6; }
.decision-branches article:nth-child(2) { border-color: #3b9dc2; }
.decision-branches article:nth-child(3) { border-color: var(--cyan); }
.decision-branches b { color: var(--blue); font-size: 13px; }
.decision-branches h3 { margin: 32px 0 13px; font-size: 16px; line-height: 1.5; }
.decision-branches p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }

.ai-product-section { background: #f7fafc; }
.ai-product-grid { display: grid; grid-template-columns: 1.15fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 14px; }
.ai-product-grid article { min-height: 210px; padding: 28px; display: flex; flex-direction: column; background: #fff; border-top: 3px solid #8fb4c8; }
.ai-product-grid .product-large { grid-row: 1 / 3; min-height: 434px; color: #fff; background: linear-gradient(145deg, #0a3d64, #0b759a); border-color: var(--cyan); }
.ai-product-grid article > span { color: var(--blue); font: 700 13px Arial; }
.ai-product-grid .product-large > span { color: #69d8ea; }
.ai-product-grid article > p { margin: 22px 0 7px; color: #7790a0; font-size: 13px; letter-spacing: .12em; }
.ai-product-grid .product-large > p { color: #91d9e5; }
.ai-product-grid h3 { margin: 0 0 14px; font-size: 21px; }
.ai-product-grid strong { display: block; color: #506b7d; font-size: 14px; font-weight: 500; line-height: 1.75; }
.ai-product-grid .product-large strong { color: #d2e6ed; font-size: 15px; }
.ai-product-grid ul { margin: 90px 0 0; padding: 0; list-style: none; }
.ai-product-grid li { padding: 13px 0; border-top: 1px solid rgba(255,255,255,.15); color: #d5e5eb; font-size: 14px; }
.ai-product-grid .ai-card-link { margin-top: auto; padding-top: 18px; color: var(--blue); font-size: 13px; }
.ai-product-grid .product-large .ai-card-link { color: #7de0eb; }

.practice-section { color: #fff; background: linear-gradient(135deg, #051b2c, #0b466b); }
.practice-grid { display: grid; grid-template-columns: .88fr 1.12fr; gap: 90px; align-items: center; }
.practice-copy h2 { color: #fff; }
.practice-copy > p:not(.kicker) { margin: 24px 0 0; color: #b4cad7; line-height: 1.9; font-size: 14px; }
.practice-copy small { display: block; margin-top: 22px; color: #708da0; font-size: 13px; }
.practice-comparison { display: grid; grid-template-columns: 1fr 50px 1fr; gap: 12px; align-items: center; }
.practice-comparison > div { min-height: 250px; padding: 28px; display: flex; flex-direction: column; justify-content: center; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); }
.practice-comparison .after { background: rgba(49,193,216,.12); border-color: rgba(81,207,229,.38); }
.practice-comparison > i { color: var(--cyan); text-align: center; font-style: normal; font-size: 28px; }
.practice-comparison span { color: #86a4b7; font-size: 13px; letter-spacing: .14em; }
.practice-comparison strong { margin-top: 18px; font: 700 27px Arial; }
.practice-comparison .after strong { color: #75deed; }
.practice-comparison p { margin: 31px 0 0; color: #9eb6c6; font-size: 14px; line-height: 1.8; }

.responsibility-section { background: #fff; }
.responsibility-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 85px; align-items: start; }
.responsibility-list { display: grid; grid-template-columns: 1fr 1fr; }
.responsibility-list article { min-height: 220px; padding: 27px; border: 1px solid var(--line); border-right: 0; border-bottom: 0; }
.responsibility-list article:nth-child(even) { border-right: 1px solid var(--line); }
.responsibility-list article:nth-child(n+3) { border-bottom: 1px solid var(--line); }
.responsibility-list h3 { margin: 30px 0 10px; font-size: 17px; }
.responsibility-list p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }

@media (max-width: 1080px) {
  .detail-hero-grid { gap: 35px; }
  .platform-orbit { transform: scale(.9); }
  .problem-progression { grid-template-columns: 1fr 1fr; gap: 16px; }
  .problem-progression > i { display: none; }
  .delivery-grid, .technology-grid, .education-grid, .decision-grid, .practice-grid, .responsibility-grid { gap: 50px; }
  .work-model { grid-template-columns: 1fr 100px 1fr; }
}

@media (max-width: 820px) {
  .inner-page .main-nav > a.active:not(.nav-cta)::after { display: none; }
  .detail-hero { min-height: 0; padding: 122px 0 82px; }
  .detail-hero-grid { grid-template-columns: 1fr; }
  .breadcrumb { margin-bottom: 42px; }
  .platform-orbit { width: min(100%, 560px); margin: 20px auto 0; transform: none; }
  .detail-proof { margin-top: 0; background: #fff; }
  .detail-proof-grid { width: 100%; grid-template-columns: 1fr 1fr; box-shadow: none; }
  .detail-proof-grid > div:nth-child(2) { border-right: 0; }
  .detail-proof-grid > div { padding: 20px; border-bottom: 1px solid var(--line); }
  .platform-why, .ai-reality { padding-top: 88px; }
  .problem-progression { grid-template-columns: 1fr; gap: 10px; }
  .problem-progression > i { display: none; }
  .problem-progression article:nth-of-type(3) { margin-top: 0; }
  .domain-row { grid-template-columns: 52px 1fr; gap: 25px; }
  .domain-value { grid-column: 2; }
  .chain-flow { grid-template-columns: repeat(3, 1fr); }
  .chain-flow li:nth-child(3) { border-right: 0; }
  .chain-flow li:nth-child(-n+3) { border-bottom: 1px solid rgba(255,255,255,.13); }
  .chain-flow li:nth-child(3)::after { display: none; }
  .delivery-grid, .technology-grid, .education-grid, .decision-grid, .practice-grid, .responsibility-grid { grid-template-columns: 1fr; }
  .detail-timeline { grid-template-columns: 1fr; border: 0; border-left: 1px solid var(--line); }
  .detail-timeline article { padding: 7px 0 28px 28px; }
  .detail-timeline article::before { left: -5px; top: 11px; }
  .evidence-grid { grid-template-columns: 1fr; }
  .start-steps { grid-template-columns: 1fr 1fr; }
  .start-steps li:nth-child(2) { border-right: 1px solid var(--line); }
  .start-steps li:nth-child(-n+2) { border-bottom: 0; }
  .obstacle-grid { grid-template-columns: 1fr; }
  .obstacle-grid article { min-height: 260px; }
  .work-model { grid-template-columns: 1fr; gap: 20px; }
  .model-arrow { padding: 10px 0; }
  .model-arrow b { transform: rotate(90deg); }
  .method-stages { grid-template-columns: 1fr; border: 0; border-left: 1px solid rgba(255,255,255,.14); }
  .method-stages li { min-height: 0; padding: 8px 0 30px 28px; }
  .method-stages li::before { left: -5px; top: 12px; }
  .method-stages div { margin-top: 12px; }
  .decision-branches { grid-template-columns: 1fr; }
  .decision-branches article { min-height: 190px; }
  .ai-product-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .ai-product-grid .product-large { grid-column: 1 / -1; grid-row: auto; min-height: 380px; }
}

@media (max-width: 540px) {
  .detail-hero h1 { font-size: 42px; }
  .detail-lead { font-size: 15px; }
  .detail-proof-grid { padding: 18px 16px; }
  .detail-proof-grid > div { padding: 18px 10px; }
  .detail-proof-grid strong, .ai-proof .detail-proof-grid strong { font-size: 21px; }
  .platform-orbit { height: 430px; transform: scale(.85); transform-origin: center top; margin-bottom: -60px; }
  .ring-one { width: 390px; height: 390px; }
  .ring-two { width: 280px; height: 280px; }
  .orbit-node { width: 138px; padding: 15px; }
  .domain-row { grid-template-columns: 1fr; gap: 17px; }
  .domain-number { display: none; }
  .domain-value { grid-column: auto; }
  .chain-flow { grid-template-columns: 1fr 1fr; }
  .chain-flow li:nth-child(3) { border-right: 1px solid rgba(255,255,255,.13); }
  .chain-flow li:nth-child(even) { border-right: 0; }
  .chain-flow li:nth-child(2)::after, .chain-flow li:nth-child(4)::after { display: none; }
  .chain-flow li:nth-child(3)::after { display: flex; }
  .chain-flow li:nth-child(-n+4) { border-bottom: 1px solid rgba(255,255,255,.13); }
  .delivery-matrix, .learning-loop, .responsibility-list { grid-template-columns: 1fr; }
  .delivery-matrix article, .delivery-matrix article:nth-child(even), .delivery-matrix article:nth-child(n+3), .learning-loop li, .learning-loop li:nth-child(even), .learning-loop li:nth-child(n+3), .responsibility-list article, .responsibility-list article:nth-child(even), .responsibility-list article:nth-child(n+3) { border: 1px solid var(--line); border-bottom: 0; }
  .delivery-matrix article:last-child, .learning-loop li:last-child, .responsibility-list article:last-child { border-bottom: 1px solid var(--line); }
  .learning-loop li, .learning-loop li:nth-child(even), .learning-loop li:nth-child(n+3) { border-color: rgba(255,255,255,.12); }
  .tech-layer.consumers, .tech-layer.platform { grid-template-columns: 1fr 1fr; }
  .tech-layer.applications { grid-template-columns: 1fr; }
  .tech-layer.platform b { grid-column: 1 / -1; }
  .start-steps { grid-template-columns: 1fr; }
  .start-steps li, .start-steps li:nth-child(2), .start-steps li:nth-child(-n+2) { border: 1px solid var(--line); border-bottom: 0; }
  .start-steps li:last-child { border-bottom: 1px solid var(--line); }
  .collaboration-visual { padding: 20px 15px; }
  .old-flow { grid-template-columns: 44px 1fr 44px 1fr 44px; }
  .old-flow i { height: 44px; }
  .visual-shift { grid-template-columns: 1fr; gap: 8px; }
  .new-flow { grid-template-columns: 1fr; }
  .new-flow > b { padding: 4px; }
  .work-model article { min-height: 0; padding: 25px; }
  .model-flow { grid-template-columns: 44px 1fr 44px 1fr 44px; }
  .model-flow i { height: 44px; }
  .model-collab { grid-template-columns: 1fr; }
  .model-collab > b { padding: 4px; }
  .decision-start { align-items: flex-start; flex-direction: column; gap: 10px; }
  .ai-product-grid { grid-template-columns: 1fr; }
  .ai-product-grid .product-large { grid-column: auto; min-height: 380px; }
  .practice-comparison { grid-template-columns: 1fr; }
  .practice-comparison > i { transform: rotate(90deg); }
}