.systems-plan{grid-template-columns:1.2fr .8fr;gap:28px}.systems-plan .systems-description{margin-bottom:18px}.systems-mini{list-style:none;padding:0;margin:0;display:grid;gap:12px;align-content:center}.systems-mini li{padding:12px 16px;border:1px solid var(--line);border-radius:10px;font-size:13px;color:var(--text-soft)}.systems-mini li::before{content:'↗';color:var(--teal);margin-right:12px}.systems-scope{font-size:11px}.case-section{border-top:1px solid rgba(90,130,180,.12);border-bottom:1px solid rgba(90,130,180,.12);background:rgba(19,37,61,.25)}.case-teaser{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.case-teaser h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2;margin:0 0 18px;letter-spacing:-.025em}.case-teaser p{font-size:14px;line-height:1.8;color:var(--text-soft);max-width:54ch}.case-teaser .case-kicker{font:500 10px Inter,system-ui;letter-spacing:.14em;color:var(--teal);margin:0 0 16px}.case-teaser .case-preview{display:block;position:relative;border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--surface);cursor:pointer;overflow:hidden;color:var(--text);text-align:left;box-shadow:0 20px 60px #0002}.case-preview img{display:block;width:100%;height:auto;border-radius:9px}.case-preview span{display:flex;justify-content:space-between;padding:16px 6px 6px;font-size:12px}.case-preview span::after{content:'↗';color:var(--teal)}.case-teaser .systems-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.case-teaser .btn{font-size:12px;padding:12px 18px}
#institution-detail{padding:0;width:min(1060px,calc(100vw - 32px));max-width:1060px;max-height:calc(100dvh - 32px);overflow:hidden;border:1px solid #35516b;border-radius:20px;background:#101f33;color:var(--text);box-shadow:0 30px 100px #0008}#institution-detail::backdrop{background:rgba(4,12,23,.82);backdrop-filter:blur(6px)}.institution-scroll{position:relative;max-height:calc(100dvh - 112px);overflow:auto;overscroll-behavior:contain;padding:24px}.institution-scroll .institutional-case{margin-top:0;gap:26px;padding:24px}.institution-scroll .institutional{padding:24px;margin-top:24px}.institution-scroll .case-copy h3,.institution-scroll .institutional h3{font-size:25px}.institution-scroll .institutional-note{font-size:11px}.institution-jump{display:flex;gap:8px;margin:0 0 18px;color:var(--text-soft);font-size:12px}.institution-jump button{font:inherit;color:inherit;background:transparent;cursor:pointer;min-height:40px;border:1px solid var(--line);border-radius:20px;padding:7px 12px}
.plan-card,.case-preview,.service-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.plan-card:hover,.case-preview:hover{transform:translateY(-4px);border-color:rgba(62,224,200,.6);box-shadow:0 16px 40px #0002}.service-more::after{transition:transform .2s ease}.service-more:hover::after{transform:translate(3px,-3px)}.experience-entry{opacity:0;transform:translateY(16px);transition:opacity .55s ease var(--entry-delay,0ms),transform .55s ease var(--entry-delay,0ms)}.experience-visible{opacity:1;transform:none}#service-detail[open],#institution-detail[open],#web-chat[open]{animation:detail-enter .24s cubic-bezier(.2,.7,.2,1)}@keyframes detail-enter{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:820px){.case-teaser{grid-template-columns:1fr;gap:28px}.systems-plan{grid-template-columns:1fr}.systems-mini{grid-template-columns:1fr 1fr;gap:8px}.systems-mini li{font-size:12px;padding:12px}.case-teaser .case-preview{max-width:550px}.institution-scroll{padding:14px}#institution-detail{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:16px}.institution-scroll{max-height:calc(100dvh - 94px)}.institution-scroll .institutional-case,.institution-scroll .institutional{padding:20px}.institution-jump{flex-wrap:wrap}}
@media(max-width:500px){.systems-mini{grid-template-columns:1fr}.case-teaser .systems-actions .btn{width:100%}.case-teaser .case-kicker{font-size:9px}.institution-scroll .case-copy h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.experience-entry{opacity:1;transform:none;transition:none}#service-detail[open],#institution-detail[open],#web-chat[open]{animation:none}.plan-card:hover,.case-preview:hover{transform:none}.service-more:hover::after{transform:none}.plan-card,.case-preview,.service-card{transition:none}}