.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:38px}.case-card{border:1px solid #34445d;border-radius:10px;background:linear-gradient(135deg,#172338,#101822);padding:30px;display:flex;flex-direction:column;min-width:0;transition:border-color .2s,transform .2s}.case-card:hover{border-color:#6894ce;transform:translateY(-3px)}.case-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:33px}.case-number{font:18px var(--mono);color:#8bb6f2}.case-status{font-size:12px;color:#b7cdeb;border:1px solid #47607e;border-radius:5px;padding:4px 9px;background:#1b2b41}.case-card .eyebrow{font-size:12px;letter-spacing:1.3px;margin-bottom:12px}.case-card h3{font-size:27px;letter-spacing:-.6px;line-height:1.25;margin:0 0 16px;max-width:390px}.case-summary{font-size:16px;line-height:1.75;color:#adbed7;margin-bottom:23px}.case-tech{display:flex;gap:8px;flex-wrap:wrap}.case-tech span{font:12px/1.5 var(--mono);color:#a8c0e1;padding:5px 8px;border:1px solid #344c6b;border-radius:4px;background:#132136}.case-open{display:flex;justify-content:space-between;border-top:1px solid #32435c;padding-top:20px;margin-top:26px;font-size:14px;color:#a3c8ff;font-weight:600}.case-card .case-tech{margin-top:auto}.automation-heading{margin-top:60px;font-size:23px;font-weight:600}.case-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:50px;padding-bottom:45px;border-bottom:1px solid var(--line)}.case-hero h1{max-width:750px}.case-facts{background:#141f2e;border:1px solid #34445e;border-radius:9px;padding:27px;height:fit-content}.case-facts dl{margin-bottom:0}.case-facts dt{font-size:12px;color:#90a7c5;margin-top:16px}.case-facts dd{font-size:15px;color:#d4e0f1;margin:4px 0 0}.case-story{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin:44px 0}.case-story .eyebrow{margin-bottom:8px}.case-story h2{margin-top:10px!important}.case-story p,.case-story li{font-size:17px;line-height:1.85;color:#b9c9df}.case-flow-section{background:#131f30;border:1px solid #314662;border-radius:9px;padding:27px}.case-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.case-flow>div{display:flex;gap:15px;align-items:center;position:relative;padding:18px 12px;border-top:1px solid #55779f}.case-flow>div:not(:last-child)::after{content:'→';position:absolute;right:-19px;color:#82b0ff;font-size:20px}.case-flow span{font:13px var(--mono);color:#85b6f9}.case-flow strong{font-size:17px;font-weight:500}.case-caption{font-size:12px;color:#94abc9;margin:18px 0 0}.case-work{margin:45px 0}.case-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px;margin-top:26px}.case-stages article{border-top:1px solid #33455f;padding-top:23px}.case-stages h3{font-size:20px;margin:17px 0 10px}.case-stages p{font-size:16px;color:#acbdd5}.case-limit{font-size:14px!important;color:#9eafc6!important}.case-takeaway{padding:25px 0;border-block:1px solid #34445c}.case-takeaway p:last-child{font-size:25px;line-height:1.5;letter-spacing:-.4px;margin:0;max-width:900px}.case-privacy{font-size:13px;color:#93a7c2;margin-top:24px;max-width:900px}@media(max-width:760px){.case-grid,.case-hero,.case-story,.case-stages{grid-template-columns:minmax(0,1fr)}.case-card{padding:24px}.case-card h3{font-size:25px}.case-hero,.case-story{gap:27px}.case-flow{grid-template-columns:1fr;gap:12px}.case-flow>div:not(:last-child)::after{content:'↓';right:auto;left:20px;bottom:-21px}.case-top{flex-wrap:wrap}.case-takeaway p:last-child{font-size:22px}}@media(prefers-reduced-motion:reduce){.case-card{transition:none}}
.tutorial-prep{margin:28px 0;padding:24px;border:1px solid #47607e;border-radius:10px;background:#172338}.tutorial-prep h3{margin-top:0}.tutorial-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:28px 0}.tutorial-nav button{display:flex;align-items:center;gap:12px;text-align:left;padding:16px;border:1px solid #344c6b;border-radius:7px;background:#132136;color:#d4e0f1;font:inherit;cursor:pointer}.tutorial-nav button:hover,.tutorial-nav button:focus-visible{border-color:#8bb6f2;background:#20334d}.tutorial-nav span{color:#8bb6f2;font:14px var(--mono)}.tutorial-step{margin:24px 0;padding:30px;border:1px solid #34445d;border-radius:10px;background:#111d2c;scroll-margin-top:110px;min-width:0}.tutorial-heading{display:flex;align-items:baseline;gap:18px;border-bottom:1px solid #34445d;padding-bottom:20px}.tutorial-heading h3{margin:0;font-size:25px}.tutorial-step h4{font-size:14px;color:#b4d1fa;margin:22px 0 8px}.tutorial-step p,.tutorial-step li,.tutorial-prep p{line-height:1.85;color:#b9c9df}.tutorial-step li{padding-left:6px;margin:12px 0}.tutorial-step ol{padding-left:22px}.tutorial-record{border-left:3px solid #709bd4;padding-left:18px}.tutorial-validation{background:#172c32;border:1px solid #2e545b;padding:0 20px 8px;border-radius:7px}.tutorial-validation h4{color:#a7ded9}.tutorial-care{font-size:14px}.tutorial-code{margin:22px 0;min-width:0}.tutorial-code figcaption{color:#94abc9;font-size:12px;margin-bottom:8px}.tutorial-code pre{overflow:auto;max-width:100%;padding:20px;border:1px solid #34445d;background:#091320;border-radius:7px;font-size:13px;line-height:1.8}.tutorial-code code{white-space:pre}.case-work>p{color:#b9c9df;line-height:1.85}.tutorial-step:focus-visible{outline:2px solid #8bb6f2;outline-offset:3px}@media(max-width:760px){.tutorial-nav{grid-template-columns:1fr}.tutorial-step{padding:20px}.tutorial-heading h3{font-size:21px}.tutorial-heading{gap:12px}.tutorial-prep{padding:20px}}