/* Wolf Hack Academy · Service + Academy Depth V4 */
:root{
  --wha-v4-void:#01040c;
  --wha-v4-deep:#020918;
  --wha-v4-panel:#06172f;
  --wha-v4-panel-2:#08213f;
  --wha-v4-blue:#0068ff;
  --wha-v4-cyan:#25d7ff;
  --wha-v4-ice:#f4f8ff;
  --wha-v4-muted:#91aac1;
  --wha-v4-line:rgba(58,186,255,.22);
}
.wha-v4-depth{position:relative;overflow:hidden;background:linear-gradient(180deg,#020914,#041328 48%,#020914);color:var(--wha-v4-ice);border-top:1px solid rgba(50,197,255,.18);border-bottom:1px solid rgba(50,197,255,.14)}
.wha-v4-depth::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 18%,rgba(0,116,255,.16),transparent 27%),radial-gradient(circle at 12% 75%,rgba(22,205,255,.08),transparent 24%),linear-gradient(rgba(62,176,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(62,176,255,.04) 1px,transparent 1px);background-size:auto,auto,38px 38px,38px 38px}
.wha-v4-depth>.editorial{position:relative;z-index:1}
.wha-v4-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);gap:40px;align-items:end;margin-bottom:28px}
.wha-v4-kicker{display:block;color:#31d9ff;font:800 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;margin-bottom:10px}.wha-v4-head h2{margin:0!important;color:#fff!important;font-size:clamp(30px,4vw,56px)!important;line-height:.98!important;letter-spacing:-.045em!important}.wha-v4-head p{margin:0;color:#9ab1c7;font-size:15px;line-height:1.7}
.wha-v4-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wha-v4-card{position:relative;min-height:210px;padding:20px;border-radius:16px;border:1px solid rgba(65,187,255,.18);background:linear-gradient(145deg,rgba(7,31,63,.84),rgba(3,14,31,.88));overflow:hidden;box-shadow:inset 0 0 24px rgba(0,104,255,.03);transition:.25s ease}.wha-v4-card:hover{transform:translateY(-4px);border-color:rgba(43,215,255,.46);box-shadow:0 18px 40px rgba(0,0,0,.24),inset 0 0 30px rgba(0,104,255,.08)}
.wha-v4-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--sx,20%) var(--sy,20%),rgba(36,213,255,.14),transparent 34%);opacity:.8;pointer-events:none}.wha-v4-card code{display:block;margin-bottom:18px;color:#34d9ff;background:none;font:800 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}.wha-v4-card h3{position:relative;margin:0 0 9px!important;color:#fff!important;font-size:20px!important;line-height:1.1!important}.wha-v4-card p{position:relative;margin:0;color:#95abc0;font-size:13px;line-height:1.58}.wha-v4-card ul{position:relative;margin:12px 0 0;padding:0;list-style:none;display:grid;gap:7px}.wha-v4-card li{color:#b9c9d8;font-size:12px;line-height:1.4;padding-left:14px;position:relative}.wha-v4-card li::before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:#25d7ff;box-shadow:0 0 10px rgba(37,215,255,.7)}
.wha-v4-card--feature{grid-column:span 2;min-height:240px;background:linear-gradient(145deg,rgba(0,75,158,.26),rgba(3,17,38,.92));border-color:rgba(46,203,255,.3)}
.wha-v4-pipeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:20px 0 0}.wha-v4-step{position:relative;padding:16px 12px;border:1px solid rgba(61,182,245,.17);border-radius:12px;background:rgba(5,24,47,.76);min-height:126px}.wha-v4-step::after{content:"";position:absolute;right:-9px;top:38px;width:10px;height:1px;background:#1dd3ff;box-shadow:0 0 10px #1dd3ff}.wha-v4-step:last-child::after{display:none}.wha-v4-step span{display:block;color:#27d5ff;font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;margin-bottom:9px}.wha-v4-step b{display:block;color:#fff;font:900 12px/1.2 Inter,Arial,sans-serif;margin-bottom:6px}.wha-v4-step p{margin:0;color:#8299af;font-size:10.5px;line-height:1.45}
.wha-v4-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.72fr);gap:16px}.wha-v4-console,.wha-v4-side{border:1px solid rgba(50,190,255,.2);border-radius:16px;background:linear-gradient(145deg,rgba(4,23,47,.9),rgba(1,11,25,.94));overflow:hidden}.wha-v4-console-top{display:flex;justify-content:space-between;gap:14px;padding:11px 14px;border-bottom:1px solid rgba(56,168,226,.15);font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em;color:#73dafc}.wha-v4-console-body{padding:18px}.wha-v4-matrix{display:grid;gap:8px}.wha-v4-matrix-row{display:grid;grid-template-columns:34px 160px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px;border-radius:10px;border:1px solid rgba(58,163,221,.12);background:rgba(8,30,56,.55)}.wha-v4-matrix-row span:first-child{color:#35d7ff;font:800 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.wha-v4-matrix-row b{font-size:12px;color:#fff}.wha-v4-matrix-row p{margin:0;color:#8fa7bc;font-size:11px;line-height:1.45}.wha-v4-matrix-row em{font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;font-style:normal;color:#6bdfff;border:1px solid rgba(48,201,255,.22);border-radius:999px;padding:6px 8px}
.wha-v4-side{padding:18px}.wha-v4-side h3{color:#fff!important;font-size:22px!important;margin:8px 0!important}.wha-v4-side p{color:#93aabf;font-size:12px;line-height:1.6}.wha-v4-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.wha-v4-stat{padding:12px;border-radius:10px;border:1px solid rgba(56,183,243,.15);background:rgba(5,31,57,.62)}.wha-v4-stat span{display:block;color:#6e8da9;font:700 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.wha-v4-stat b{display:block;margin-top:6px;color:#fff;font-size:17px}
.wha-v4-note{margin-top:14px;padding:13px 15px;border-left:2px solid #22d5ff;background:rgba(4,39,71,.55);color:#abc0d1;font-size:12px;line-height:1.55}
.wha-v4-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}.wha-v4-tabs button{appearance:none;border:1px solid rgba(57,184,244,.18);border-radius:999px;background:rgba(6,28,55,.7);color:#9bb4c9;padding:8px 11px;font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;cursor:pointer}.wha-v4-tabs button.is-active{color:#fff;border-color:rgba(39,212,255,.48);background:linear-gradient(90deg,rgba(0,95,221,.7),rgba(5,103,156,.5));box-shadow:0 0 18px rgba(0,125,255,.14)}
.wha-v4-evidence-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.wha-v4-evidence-node{padding:14px;border:1px solid rgba(55,174,233,.15);border-radius:12px;background:rgba(5,25,49,.72)}.wha-v4-evidence-node span{display:block;color:#25d5ff;font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;margin-bottom:8px}.wha-v4-evidence-node b{display:block;color:#fff;font-size:12px;line-height:1.25;margin-bottom:5px}.wha-v4-evidence-node p{margin:0;color:#8098ad;font-size:10.5px;line-height:1.45}
.wha-v4-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;border:1px solid rgba(51,205,255,.26);border-radius:16px;background:linear-gradient(100deg,rgba(0,80,178,.24),rgba(5,25,48,.8));margin-top:24px}.wha-v4-cta h3{margin:0 0 5px!important;color:#fff!important;font-size:22px!important}.wha-v4-cta p{margin:0;color:#8fa8bd;font-size:12px}.wha-v4-cta a{white-space:nowrap}

.wha-v4-academy{background:linear-gradient(180deg,#f7fbff,#eaf4fb);color:#0a1930;border-top:1px solid rgba(27,124,201,.12);border-bottom:1px solid rgba(27,124,201,.12)}.wha-v4-academy::before{background:radial-gradient(circle at 82% 22%,rgba(0,126,255,.1),transparent 27%),linear-gradient(rgba(32,113,178,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(32,113,178,.05) 1px,transparent 1px);background-size:auto,38px 38px,38px 38px}.wha-v4-academy .wha-v4-head h2{color:#07172e!important}.wha-v4-academy .wha-v4-head p{color:#5f7790}.wha-v4-academy .wha-v4-card{background:rgba(255,255,255,.78);border-color:rgba(43,126,190,.16);box-shadow:0 12px 30px rgba(22,62,92,.06)}.wha-v4-academy .wha-v4-card:hover{border-color:rgba(0,132,235,.34);box-shadow:0 16px 34px rgba(19,76,119,.09)}.wha-v4-academy .wha-v4-card h3{color:#0a1b32!important}.wha-v4-academy .wha-v4-card p,.wha-v4-academy .wha-v4-card li{color:#62788e}.wha-v4-academy .wha-v4-card::before{background:radial-gradient(circle at var(--sx,20%) var(--sy,20%),rgba(0,142,255,.09),transparent 34%)}.wha-v4-academy .wha-v4-console,.wha-v4-academy .wha-v4-side{background:rgba(255,255,255,.82);border-color:rgba(36,127,191,.16)}.wha-v4-academy .wha-v4-console-top{color:#006bd8;border-color:rgba(32,125,185,.13)}.wha-v4-academy .wha-v4-matrix-row{background:#f7fbff;border-color:rgba(39,126,188,.12)}.wha-v4-academy .wha-v4-matrix-row b,.wha-v4-academy .wha-v4-side h3,.wha-v4-academy .wha-v4-stat b{color:#0b1e37!important}.wha-v4-academy .wha-v4-matrix-row p,.wha-v4-academy .wha-v4-side p{color:#617991}.wha-v4-academy .wha-v4-stat{background:#f6fbff;border-color:rgba(37,128,188,.13)}.wha-v4-academy .wha-v4-stat span{color:#6c849a}.wha-v4-academy .wha-v4-note{background:rgba(0,116,255,.06);color:#557087}.wha-v4-academy .wha-v4-evidence-node{background:#f8fcff;border-color:rgba(37,130,193,.13)}.wha-v4-academy .wha-v4-evidence-node b{color:#10253d}.wha-v4-academy .wha-v4-evidence-node p{color:#60788e}

.wha-v4-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.wha-v4-reveal.is-visible{opacity:1;transform:none}
@media(max-width:1000px){.wha-v4-head,.wha-v4-split{grid-template-columns:1fr}.wha-v4-grid{grid-template-columns:1fr 1fr}.wha-v4-pipeline{grid-template-columns:repeat(3,1fr)}.wha-v4-step:nth-child(3)::after,.wha-v4-step:last-child::after{display:none}.wha-v4-evidence-rail{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.wha-v4-head{gap:15px}.wha-v4-grid{grid-template-columns:1fr}.wha-v4-card--feature{grid-column:auto}.wha-v4-pipeline{grid-template-columns:1fr 1fr}.wha-v4-step:nth-child(2n)::after{display:none}.wha-v4-matrix-row{grid-template-columns:26px 1fr}.wha-v4-matrix-row p,.wha-v4-matrix-row em{grid-column:2}.wha-v4-evidence-rail{grid-template-columns:1fr}.wha-v4-cta{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.wha-v4-reveal{opacity:1;transform:none;transition:none}.wha-v4-card{transition:none}}


/* ==========================================================================
   V4.1 MICROFIX — shared depth rhythm refinements
   ========================================================================== */
.wha-v4-head{align-items:start!important;gap:clamp(24px,4vw,44px)!important;margin-bottom:34px!important}
.wha-v4-head p{max-width:62ch;line-height:1.76;padding-top:4px}
.wha-v4-grid{gap:14px}
.wha-v4-card{min-height:0;padding:24px}
.wha-v4-card--feature{min-height:0}
.wha-v4-split{gap:18px}
.wha-v4-console-body,.wha-v4-side{padding:20px}
.wha-v4-evidence-rail{gap:10px}
@media (max-width:680px){.wha-v4-head{margin-bottom:22px!important}.wha-v4-card,.wha-v4-console-body,.wha-v4-side{padding:18px}}