.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.case-card{border:1px solid #466050;border-radius:16px;overflow:hidden;background:#1a2a23;min-width:0;transition:border-color .2s,box-shadow .2s}
.case-card:hover{border-color:#86bb9b;box-shadow:0 18px 42px #0003}
.case-cover{position:relative;background:#203c30;overflow:hidden}
.case-cover img{display:block;width:100%;height:auto;transition:transform .7s ease}
.case-card:hover .case-cover img{transform:scale(1.035)}
.case-type{position:absolute;top:13px;left:13px;background:#14271fee;color:#d3ebd7;padding:5px 8px;border:1px solid #62806d;border-radius:5px;font-size:9px}
.case-body{padding:25px}
.case-body .eyebrow{font-size:9px;color:#a4edda;margin-bottom:16px}
.case-company{font-size:13px;color:#dceede;font-weight:600;margin-bottom:13px}
.case-body h3{font-size:29px;line-height:1.16;letter-spacing:-.045em;min-height:102px}
.case-summary{font-size:13px;line-height:1.8;margin-top:19px;min-height:118px}
.case-metric{border-block:1px solid #3a5042;padding:20px 0;margin-top:23px}
.case-metric strong{display:block;font-size:34px;letter-spacing:-.05em;line-height:1.2;font-weight:500;color:#c6ec9b}
.case-metric>span{display:block;font-size:11px;line-height:1.7;margin-top:12px;color:#b6cbbb;min-height:58px}
.case-details summary{display:flex;justify-content:space-between;align-items:center;gap:10px;list-style:none;cursor:pointer;min-height:57px;font-size:12px;padding-block:15px}
.case-details summary::-webkit-details-marker{display:none}
.case-details summary>span{font-size:20px;transition:transform .2s}
.case-details[open] summary>span{transform:rotate(45deg)}
.case-detail-body{padding:3px 0 25px}
.case-detail-body h4{font-size:12px;margin:18px 0 9px}
.case-detail-body p{font-size:12px;line-height:1.8}
.case-source{display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:8px;border-top:1px solid #3a5042;padding-top:18px;color:#a4edda;text-underline-offset:4px}
.case-source:hover{text-decoration:underline}
.case-attribution{font-size:10px;line-height:1.7;margin-top:12px}
.cases-disclosure{display:flex;gap:22px;align-items:start;padding:20px;border:1px solid #415a4b;background:#1b2e24;border-radius:10px;margin-bottom:28px}
.cases-disclosure .badge{white-space:nowrap;color:#c6ec9b}
.cases-disclosure p{font-size:12px;line-height:1.8}
.motion-toggle{position:fixed;right:20px;bottom:18px;z-index:25;display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 15px;min-height:42px;border:1px solid #719583;border-radius:24px;background:#182d24ed;backdrop-filter:blur(12px);color:#c8ead8;font-size:11px;box-shadow:0 6px 20px #0004}
.motion-toggle[hidden]{display:none}
.motion-toggle>span:first-child{font-size:14px}
body[data-motion=on] .system-visual.is-visible .signal{animation:signal 5s linear infinite}
body[data-motion=on] .system-visual.is-visible .node-site{animation:float-site 7s ease-in-out infinite}
body[data-motion=on] .system-visual.is-visible .node-app{animation:float-app 8s ease-in-out infinite}
body[data-motion=on] .system-visual.is-visible .ai-symbol{animation:ai-breathe 4s ease-in-out infinite}
body[data-motion=on] .journey.is-visible .journey-icon{animation:journey-glow 5s ease-in-out infinite}
body[data-motion=on] .journey.is-visible .journey-step:nth-child(2) .journey-icon{animation-delay:.5s}
body[data-motion=on] .journey.is-visible .journey-step:nth-child(3) .journey-icon{animation-delay:1s}
body[data-motion=on] .journey.is-visible .journey-step:nth-child(4) .journey-icon{animation-delay:1.5s}
body[data-motion=on] .journey.is-visible .journey-step:nth-child(5) .journey-icon{animation-delay:2s}
body[data-motion=on] .reveal-ready:not(.revealed){opacity:0;transform:translateY(20px)}
.reveal-ready{transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
body[data-motion=off] *,body[data-motion=off] *:before,body[data-motion=off] *:after{animation:none!important;transition:none!important}
body[data-motion=off] .reveal-ready{opacity:1;transform:none}
body[data-motion=off] .signal{opacity:0}
html.motion-paused{scroll-behavior:auto}
@keyframes float-site{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(-1deg)}}
@keyframes float-app{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(6px) rotate(1deg)}}
@keyframes ai-breathe{0%,100%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.075)}}
@keyframes journey-glow{0%,70%,100%{box-shadow:0 0 0 0 #a4edda00}30%{box-shadow:0 0 0 5px #a4edda16;color:#a4edda}}
@media(max-width:1200px){.case-body{padding:20px}.case-body h3{font-size:25px}.case-summary{min-height:140px}.navlinks{gap:4px}.navlinks a{padding:9px 8px;font-size:11px}}
@media(max-width:850px){.case-grid{grid-template-columns:1fr}.case-card{display:grid;grid-template-columns:.75fr 1.25fr}.case-cover img{height:100%;object-fit:cover}.case-cover{height:100%;min-height:360px}.case-body h3,.case-summary{min-height:0}.case-body h3{font-size:29px}.case-metric>span{min-height:0}.cases-disclosure{display:block}.cases-disclosure p{margin-top:12px}.motion-toggle{right:13px;bottom:13px}}
@media(max-width:600px){.case-card{display:block}.case-cover{min-height:0}.case-cover img{height:auto;object-fit:contain}.case-body{padding:24px}.case-body h3{font-size:29px}.case-summary{font-size:13px}.case-metric{margin-top:20px}.case-metric strong{font-size:33px}.case-source{min-height:45px}.case-details summary{font-size:13px}.motion-toggle{font-size:10px;padding:10px 13px;min-height:42px}.footer{padding-bottom:80px}}
@media(prefers-reduced-motion:reduce){body[data-motion=on] .reveal-ready{opacity:1;transform:none}*,*:before,*:after{animation:none!important;transition:none!important}}