/* ITcare laba — privacy-conscious project case studies */
.case-page{background:#080e19}
.case-breadcrumb{padding:27px 0 0;display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:#91a9bc;font-size:11px}
.case-breadcrumb a:hover{color:#8ff1d8}.case-breadcrumb [aria-current="page"]{color:#e4f8f2}
.case-hero{background:radial-gradient(ellipse at 70% 27%,rgba(68,131,154,.23),transparent 50%),linear-gradient(160deg,#0a1627,#0e1b2b);padding:69px 0 103px}
.case-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:49px;align-items:center}
.case-tagline{display:inline-block;margin:0 0 22px;padding:8px 12px;border:1px solid #366c74;border-radius:22px;background:#173344;color:#9cf2df;letter-spacing:1.5px;font-size:9px;font-weight:850}
.case-hero h1{max-width:700px;margin:0;color:#f5fcff;font-size:clamp(45px,5vw,75px);line-height:1.07;font-weight:850;letter-spacing:-.06em}
.case-hero h1 em{font-style:normal;background:linear-gradient(105deg,#b3ffe4,#85c5ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.case-intro{max-width:590px;margin:26px 0 0;color:#b6cadd;font-size:15px;line-height:1.95}
.case-tags{display:flex;gap:9px;flex-wrap:wrap;margin:30px 0 33px}
.case-tags span{border:1px solid rgba(135,193,199,.25);border-radius:7px;background:#1a3540b0;color:#d0ebe8;font-size:10px;padding:9px 12px;font-weight:720}
.case-actions{display:flex;gap:13px;flex-wrap:wrap}
.case-image{position:relative;border:1px solid rgba(156,240,222,.3);border-radius:20px;padding:13px;background:linear-gradient(130deg,#183a49,#121f36);box-shadow:0 30px 76px #0008}
.case-image img{display:block;width:100%;height:auto;border-radius:9px}
.case-image-note{position:absolute;bottom:24px;left:26px;right:26px;background:rgba(8,22,34,.88);border:1px solid #426779;border-radius:5px;padding:10px;color:#dbffef;font-size:9px;font-weight:800;letter-spacing:1.1px;line-height:1.6}
.case-section{padding:95px 0}
.case-header{max-width:800px;margin-bottom:37px}.case-header h2{font-size:clamp(35px,4.3vw,56px);font-weight:850;line-height:1.15;letter-spacing:-.055em;margin:15px 0 18px}
.case-header p:last-child{font-size:14px;color:#adc3d4;line-height:1.92;max-width:740px}
.case-story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.case-story article{background:#152437;border:1px solid #2d4557;padding:32px;border-radius:13px}
.case-story-label{font-size:10px;color:#82eacb;letter-spacing:1.5px;font-weight:850}
.case-story h3{font-size:24px;letter-spacing:-.03em;margin:17px 0 11px}
.case-story p,.case-facts p{color:#aec3d5;line-height:1.86;font-size:13px;margin:0}
.case-dark{background:#0e1b2c;border-block:1px solid #293f50}
.case-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.case-feature{display:flex;gap:17px;align-items:start;padding:29px;border:1px solid #294858;background:linear-gradient(125deg,#152b3e,#102035);border-radius:13px}
.case-feature>span{flex:0 0 47px;width:47px;height:47px;display:grid;place-items:center;border:1px solid #2c827a;border-radius:10px;background:#205047;color:#bcffeb;font-size:22px;font-weight:850}
.case-feature h3{margin:1px 0 9px;font-size:20px}.case-feature p{color:#a7bed0;font-size:12.5px;line-height:1.85;margin:0}
.case-facts{border:1px solid #35566a;background:linear-gradient(120deg,#173449,#0e2335);border-radius:15px;padding:30px 34px}
.case-facts-inner{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.case-facts h3{margin:0 0 12px;font-size:20px}
.case-facts-list{padding-left:20px;margin:0;color:#bad1db}
.case-facts-list li{margin-bottom:10px;font-size:13px;line-height:1.8}
.case-facts-list li::marker{color:#89f0d4}
.case-facts .landing-text-link{display:inline-flex;margin-top:18px;color:#9effe5;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:5px}
.case-facts .privacy-note{margin-top:23px;border-top:1px solid #32576b;padding-top:20px;font-size:12px;color:#9dc2c6;line-height:1.8}
.case-next{padding:83px 0;background:radial-gradient(ellipse at 70% 10%,rgba(89,178,156,.19),transparent 56%),#112a3a;border-block:1px solid #3b5c65}
.case-next-layout{display:flex;align-items:center;justify-content:space-between;gap:35px}.case-next h2{font-size:clamp(34px,4.2vw,57px);letter-spacing:-.05em;line-height:1.18;margin:12px 0 14px;max-width:680px}.case-next p:not(.kicker){color:#b4cbd6;font-size:14px;line-height:1.8;max-width:640px}
.case-next-links{display:flex;flex-direction:column;gap:15px;align-items:flex-start}.case-next-links a:last-child{color:#b1ffe4;text-decoration:underline;text-underline-offset:4px;font-size:12px;font-weight:800}
.case-more{padding:32px 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#8daabf;font-size:12px}
.case-more strong{color:#9bb6c7;font-size:10px;letter-spacing:1.2px;margin-right:auto}.case-more a{color:#bbffeb;font-weight:790;font-size:12px}
.case-more a:hover{color:white}
@media(max-width:950px){.case-hero-inner{grid-template-columns:1fr;gap:37px}.case-hero-copy{max-width:850px}.case-image{max-width:770px}.case-story{gap:15px}}
@media(max-width:710px){.case-hero{padding:47px 0 68px}.case-hero h1{font-size:clamp(43px,9vw,67px)}.case-intro{font-size:14px}.case-section{padding:74px 0}.case-story,.case-feature-grid,.case-facts-inner{grid-template-columns:1fr}.case-story article{padding:25px}.case-feature{padding:23px}.case-next-layout{flex-direction:column;align-items:flex-start}.case-next{padding:67px 0}.case-facts{padding:26px}}
@media(max-width:450px){.case-feature{gap:12px}.case-feature>span{width:40px;flex-basis:40px;height:40px}.case-feature h3{font-size:18px}.case-hero h1{font-size:44px}.case-hero .btn{max-width:100%}}