/* ITcare laba — service landing pages. Shared brand tokens and base styles live in styles.css. */
.landing{background:#080e19}
.landing .landing-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:11px;padding-top:25px;color:#95abc0;font-size:11px}
.landing .landing-breadcrumb a:hover{color:var(--teal)}.landing .landing-breadcrumb [aria-current]{color:#d8eee9}
.landing-hero{position:relative;isolation:isolate;overflow:hidden;padding:65px 0 110px;background:radial-gradient(ellipse at 72% 37%,rgba(74,137,162,.19),transparent 48%),radial-gradient(ellipse at 12% 90%,rgba(73,91,172,.12),transparent 47%),#091322}
.landing-hero-layout{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:center;gap:50px}
.landing-hero-copy{max-width:650px}.landing-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 25px;color:var(--teal);font-weight:800;font-size:10px;letter-spacing:2.1px}
.landing-hero h1{max-width:780px;margin:0;font-size:clamp(45px,5.6vw,82px);letter-spacing:-.066em;line-height:1.07;font-weight:850}
.landing-hero h1 em{font-style:normal;background:linear-gradient(100deg,#bdffe7,#81c8ff 65%,#bea4ff);color:transparent;background-clip:text;-webkit-background-clip:text}
.landing-intro{max-width:600px;margin:29px 0 0;color:#b9c9d9;font-size:15px;line-height:1.95}
.landing-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:33px}.landing-actions .btn{white-space:normal;text-align:center}
.landing-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:37px}.landing-chips span{border:1px solid rgba(134,196,210,.3);background:rgba(87,175,169,.08);border-radius:100px;padding:8px 12px;color:#d3eee8;font-size:10px;font-weight:700}
.landing-hero-media{position:relative;min-width:0;overflow:hidden;padding:24px 15px 38px;border:1px solid rgba(130,205,218,.15);border-radius:22px;background:linear-gradient(137deg,rgba(31,62,80,.63),rgba(18,32,56,.92));box-shadow:0 35px 85px #0005}
.landing-hero-media img{width:100%;height:auto;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 20px 29px #01071370)}
.landing-image-glow{position:absolute;inset:20% 2%;border-radius:50%;background:radial-gradient(ellipse,rgba(100,232,205,.16),transparent 65%);filter:blur(12px)}
.landing-image-caption{display:block;position:relative;z-index:2;margin:14px 20px 0;color:#9accd5;font-size:8px;font-weight:850;letter-spacing:1.4px}
.landing-section{padding:109px 0}.landing-section-heading{max-width:830px;margin-bottom:39px}
.landing-section .kicker,.landing-cta .kicker{margin-bottom:19px}
.landing-section h2,.landing-cta h2{font-size:clamp(35px,4.5vw,60px);font-weight:850;line-height:1.15;letter-spacing:-.05em;margin-bottom:19px}
.landing-section-heading>p:last-child,.landing-process-intro>p:not(.kicker),.landing-example>div:last-child>p:not(.kicker),.landing-faq>div:first-child>p:not(.kicker),.landing-cta p:not(.kicker){color:#b6c6d7;font-size:14px;line-height:1.95;max-width:760px}
.landing-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.landing-feature{padding:31px;border:1px solid #2a4152;border-radius:15px;background:linear-gradient(125deg,#17293b,#111e30);min-height:245px}
.landing-feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;border:1px solid #326d73;background:#213f48;color:#afffea;font-weight:850;font-size:24px}
.landing-feature h3{margin:23px 0 10px;font-size:21px;letter-spacing:-.025em}.landing-feature p{color:#abc0d2;font-size:13px;line-height:1.85;margin:0}
.landing-dark{background:linear-gradient(135deg,#0e1d2b,#0b1524);border-block:1px solid #1d3241}
.landing-process{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:start}
.landing-process-intro{position:sticky;top:125px}.landing-text-link{display:inline-flex;margin-top:12px;color:#9affdf;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:5px}
.landing-text-link:hover{color:#fff}.landing-steps{padding:0;margin:0;list-style:none;counter-reset:step}
.landing-steps li{display:flex;gap:20px;border-bottom:1px solid #2a4252;padding:21px 0 25px}.landing-steps li:first-child{padding-top:0}
.landing-steps li>span{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;background:#203f48;border-radius:12px;color:#9cf6e0;font-size:15px;font-weight:800}
.landing-steps h3{margin:1px 0 8px;font-size:19px}.landing-steps p{margin:0;color:#aac2d2;font-size:13px;line-height:1.8}
.landing-example{display:grid;grid-template-columns:1fr .93fr;align-items:center;gap:66px}
.landing-example-media{position:relative;border-radius:19px;padding:30px 24px 42px;background:linear-gradient(150deg,#1a3443,#111f35);border:1px solid rgba(116,220,211,.23);overflow:hidden}
.landing-example-media img{width:100%;height:auto;object-fit:contain}.landing-example-media span{position:absolute;bottom:21px;left:25px;color:#abd2ce;font-size:8px;font-weight:800;letter-spacing:1.2px}
.landing-faq{display:grid;grid-template-columns:.85fr 1.15fr;align-items:start;gap:60px}.landing-faq .faq-items{width:100%}
.landing-cta{position:relative;overflow:hidden;padding:85px 0;background:radial-gradient(ellipse at 73% 20%,rgba(95,174,164,.23),transparent 60%),#122334;border-block:1px solid #35525a}
.landing-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.landing-cta-inner>div:first-child{max-width:700px}.landing-cta h2{font-size:clamp(36px,4vw,56px)}
.landing-cta-actions{display:flex;flex-direction:column;align-items:start;gap:18px;min-width:260px}.landing-mail{color:#b4ffec;text-decoration:underline;text-underline-offset:4px;font-size:12px}
.landing-related{display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding-block:31px}.landing-related>span{color:#859eb2;font-size:9px;font-weight:850;letter-spacing:1.5px;margin-right:auto}.landing-related a{color:#c7f6eb;font-size:12px;font-weight:800}.landing-related a:hover{color:white}
@media(max-width:1050px){.landing-hero-layout{gap:25px}.landing-hero h1{font-size:clamp(44px,6.8vw,65px)}.landing-example{gap:32px}.landing-process,.landing-faq{gap:37px}}
@media(max-width:800px){.landing-hero{padding:53px 0 76px}.landing-hero-layout{grid-template-columns:1fr;gap:48px}.landing-hero-media{max-width:690px;width:100%;margin:auto}.landing-process,.landing-example,.landing-faq{grid-template-columns:1fr}.landing-process-intro{position:static}.landing-cta-inner{flex-direction:column;align-items:flex-start}.landing-feature-grid{gap:12px}}
@media(max-width:600px){.landing-breadcrumb{font-size:10px}.landing-hero{padding-top:36px}.landing-hero h1{font-size:clamp(42px,10.5vw,61px)}.landing-intro{font-size:13.5px}.landing-section{padding:78px 0}.landing-feature-grid{grid-template-columns:1fr}.landing-feature{min-height:0;padding:25px}.landing-hero-media{padding:15px 10px 28px}.landing-section h2{font-size:clamp(33px,8vw,48px)}.landing-cta{padding:67px 0}.landing-cta-actions{min-width:0}.landing-related{align-items:flex-start;gap:17px}.landing-related>span{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.landing *{animation:none!important;transition:none!important}}