.case-hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.case-copy h1{font-size:clamp(62px,8vw,110px);line-height:.82;letter-spacing:-.08em;margin:0}.case-copy h1 span{color:#687287}.case-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.case-tags span{border:1px solid var(--line);padding:7px 9px;font:8px var(--mono);color:#7d8799}.mission-panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(15,18,29,.95),rgba(8,10,16,.88));min-height:500px}.mission-core{height:280px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,rgba(145,91,255,.14),transparent 48%);border-bottom:1px solid var(--line)}.mission-core b{font:800 50px/1 var(--mono);letter-spacing:-.08em}.mission-core small{position:absolute;margin-top:110px;font:8px var(--mono);color:#667084}.mission-panel dl{margin:0;display:grid;grid-template-columns:1fr 1fr}.mission-panel dl div{padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.mission-panel dt,.mission-panel dd{font:8px var(--mono);color:#596376;margin:0}.mission-panel dd{color:#b9c1cf;margin-top:7px}.objective-grid,.db-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.objective-grid article,.db-grid article{border:1px solid var(--line);padding:24px;background:rgba(10,12,19,.72)}.objective-grid b,.db-grid header{font:8px var(--mono);color:var(--p)}.objective-grid h3,.db-grid h3{font:700 14px var(--mono);margin:40px 0 12px}.objective-grid p,.db-grid p{font-size:12px;line-height:1.65;color:#818b9e}.architecture{border:1px solid var(--line);background:#090c12;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.architecture button{min-width:300px;border:1px solid #30394d;background:#0c1018;color:#c1c8d4;padding:17px;font:10px var(--mono);cursor:pointer}.architecture button:hover,.architecture button.active{border-color:var(--p);box-shadow:0 0 30px rgba(154,102,255,.08)}.architecture i{font-style:normal;color:var(--p)}.architecture p{font:9px var(--mono);color:#697488;min-height:30px;margin:18px}.db-grid{grid-template-columns:repeat(3,1fr)}.stock-console{border:1px solid var(--line);background:#090c12;display:grid;grid-template-columns:1.2fr .8fr;min-height:300px}.stock-console>div{padding:38px;display:flex;flex-direction:column;gap:16px}.stock-console label{display:flex;justify-content:space-between;font:9px var(--mono);color:#7d8799}.stock-console input{accent-color:var(--p);width:100%}.stock-console aside{border-left:1px solid var(--line);padding:38px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at center,rgba(105,230,166,.06),transparent 60%)}.stock-console aside small{font:8px var(--mono);color:#667084}.stock-console aside strong{font:700 20px var(--mono);color:var(--green);margin:16px 0}.stock-console aside p{font:11px var(--mono);color:#8993a6}.stock-console aside.denied strong{color:#ff7d9d}.case-note{font:9px/1.7 var(--mono);color:#687287;margin-top:16px}.debug-list{border:1px solid var(--line)}.debug-list button{width:100%;display:grid;grid-template-columns:120px 1fr 100px;gap:20px;padding:20px;border:0;border-bottom:1px solid var(--line);background:#090c12;color:#8d97aa;text-align:left}.debug-list button:last-child{border:0}.debug-list span,.debug-list i{font:8px var(--mono);font-style:normal}.debug-list b{font:500 10px var(--mono);color:#aeb6c5}.debug-list i{color:var(--green);text-align:right}.case-close{text-align:center;border-top:1px solid var(--line)}.case-close h2{font:800 clamp(48px,8vw,100px) var(--mono);letter-spacing:-.08em;margin:12px}.case-close>p:not(.micro){font:9px var(--mono);color:#687287}.case-close .actions{justify-content:center;margin-top:35px}@media(max-width:900px){.case-hero{grid-template-columns:1fr;padding-top:70px}.objective-grid{grid-template-columns:1fr 1fr}.db-grid{grid-template-columns:1fr 1fr}.case-nav{display:none}.stock-console{grid-template-columns:1fr}.stock-console aside{border-left:0;border-top:1px solid var(--line)}}@media(max-width:560px){.objective-grid,.db-grid{grid-template-columns:1fr}.architecture button{min-width:80%}.debug-list button{grid-template-columns:1fr}.debug-list i{text-align:left}.mission-panel dl{grid-template-columns:1fr 1fr}}
.sound-core{background:radial-gradient(circle,rgba(73,126,255,.15),transparent 48%)}.state-flow{border:1px solid var(--line);background:#090c12;min-height:240px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:center;padding:42px}.state-flow button{min-height:110px;border:1px solid #30394d;background:#0c1018;color:#aeb6c5;padding:20px;cursor:pointer}.state-flow button small{display:block;font:8px var(--mono);color:#657086;margin-bottom:16px}.state-flow button b{font:700 13px var(--mono)}.state-flow button:hover,.state-flow button.active{border-color:var(--p);box-shadow:0 0 28px rgba(154,102,255,.08)}.state-flow>i{font-style:normal;color:var(--p)}.state-flow>p{grid-column:1/-1;text-align:center;font:9px var(--mono);color:#697488;min-height:20px}.sound-architecture{margin-top:12px}.api-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.api-grid article{border:1px solid var(--line);background:#090c12;padding:24px}.api-grid header{display:flex;justify-content:space-between;font:8px var(--mono);color:#687287}.api-grid header i{font-style:normal;color:var(--p)}.api-grid h3{font:700 13px var(--mono);margin:32px 0 12px;color:#c2c9d5}.api-grid p{font-size:12px;line-height:1.65;color:#818b9e}.api-grid .api-highlight{border-color:rgba(154,102,255,.45);background:radial-gradient(circle at 90% 0,rgba(154,102,255,.1),#090c12 45%)}.rental-console{border:1px solid var(--line);background:#090c12;display:grid;grid-template-columns:1.15fr .85fr;min-height:390px}.rental-controls{padding:38px;display:flex;flex-direction:column;gap:18px}.rental-controls label{display:flex;justify-content:space-between;font:9px var(--mono);color:#7d8799}.rental-controls input{accent-color:var(--p);width:100%}.rental-controls button:disabled{opacity:.35;cursor:not-allowed}.rental-monitor{border-left:1px solid var(--line);padding:38px;display:flex;flex-direction:column;justify-content:center}.rental-monitor>small{font:8px var(--mono);color:#667084}.rental-monitor>strong{font:700 19px var(--mono);color:var(--green);margin:16px 0}.rental-monitor.denied>strong{color:#ff7d9d}.rental-monitor.rented>strong{color:#9a66ff}.stock-meter{height:8px;border:1px solid var(--line);margin:10px 0 20px;overflow:hidden}.stock-meter span{display:block;height:100%;width:40%;background:linear-gradient(90deg,var(--p),#68a7ff);transition:width .35s ease}.rental-monitor p{font:10px var(--mono);color:#8993a6}.rental-monitor dl{display:grid;grid-template-columns:1fr 1fr;margin:25px 0 0}.rental-monitor dl div{border:1px solid var(--line);padding:14px}.rental-monitor dt,.rental-monitor dd{font:8px var(--mono);margin:0;color:#667084}.rental-monitor dd{color:#b9c1cf;margin-top:7px}@media(max-width:900px){.state-flow{grid-template-columns:1fr;padding:24px}.state-flow>i{transform:rotate(90deg);text-align:center}.api-grid{grid-template-columns:1fr}.rental-console{grid-template-columns:1fr}.rental-monitor{border-left:0;border-top:1px solid var(--line)}}

/* V4.12 — REAL PROJECT CASE STUDIES */
.case-real-visual{align-self:stretch;min-height:420px;display:grid;place-items:center;padding:32px;border:1px solid rgba(154,102,255,.25);background:linear-gradient(145deg,rgba(154,102,255,.08),rgba(55,126,255,.05));overflow:hidden}
.case-real-visual img{display:block;width:100%;height:100%;max-height:500px;object-fit:cover;border-radius:4px}
.real-code-grid{display:grid;gap:24px}
.real-code{border:1px solid rgba(154,102,255,.22);background:#0c0e17;overflow:hidden}
.real-code header{display:flex;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);font:700 10px var(--mono);letter-spacing:.12em}
.real-code header span{color:#a988ff}
.real-code pre{margin:0;padding:24px;overflow:auto;max-height:430px;background:#090b12;color:#dfe5f3;font:500 12px/1.7 var(--mono);tab-size:4}
.real-code>p{margin:0;padding:18px 24px;color:#b9bfd0;line-height:1.65;border-top:1px solid rgba(255,255,255,.06)}
@media(max-width:800px){.case-real-visual{min-height:260px;padding:16px}.real-code pre{font-size:11px;padding:18px}}

/* V5 · PHASE D — CASE STUDY NORMALIZATION */
.case-page .case-hero{min-height:640px}
.case-page .case-copy{max-width:850px}
.case-page .case-copy .lead{max-width:760px}
.case-page .objective-grid,.case-page .db-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.case-page .objective-grid article,.case-page .db-grid article{min-height:210px}
.case-page .architecture{max-width:1180px;margin-inline:auto}
.case-page .case-close{min-height:420px;display:flex;flex-direction:column;justify-content:center}
.case-page .case-close .actions{margin-top:24px}
.case-page .case-nav a{white-space:nowrap}
@media(max-width:1100px){.case-page .objective-grid,.case-page .db-grid{grid-template-columns:1fr 1fr}.case-page .case-nav a:nth-child(3){display:none}}
@media(max-width:720px){.case-page .case-hero{min-height:auto}.case-page .objective-grid,.case-page .db-grid{grid-template-columns:1fr}.case-page .objective-grid article,.case-page .db-grid article{min-height:auto}.case-page .case-nav{display:none}}