/* Optional landing presentations added for the website-care page. Every rule is scoped to a new class. */

/* Hero: website health report card */
.im-care-health-visual{flex:1 1 440px;position:relative}
.im-care-health{position:relative;display:flex;flex-direction:column;gap:18px;padding:28px;border-radius:26px;background:#fff;border:1px solid #e3e7f5;box-shadow:0 30px 70px rgba(13,17,80,.14);color:var(--navy)}
.im-care-health__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:16px;border-bottom:1px solid #e3e7f5}
.im-care-health__head>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.im-care-health__head b{font-size:20px;color:var(--navy);overflow-wrap:anywhere}
.im-care-health__label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a8fad}
.im-care-health__live{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#e8f7ee;color:#167a3e;font-size:12px;font-weight:700;white-space:nowrap}
.im-care-health__live .im-landing-live{background:#22b357}
.im-care-health__row{display:flex;flex-direction:column;gap:8px}
.im-care-health__meta{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:#474d6e}
.im-care-health__meta b{color:var(--navy);white-space:nowrap}
.im-care-health__bar{height:8px;border-radius:999px;background:var(--tint);overflow:hidden}
.im-care-health__bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--red),var(--yellow));animation:im-care-grow 1.6s ease-out both}
@keyframes im-care-grow{from{width:0}}
.im-care-health__stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.im-care-health__stats li{display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:14px;background:var(--tint);min-width:0}
.im-care-health__stats b{font-family:'Oswald',sans-serif;font-size:26px;line-height:1.2;color:var(--red)}
.im-care-health__stats span{font-size:12px;line-height:1.4;color:#565c7d}
.im-care-health__caption{margin:14px 0 0;font-size:12px;color:#8a8fad;text-align:right}
.im-care-chip{position:absolute;z-index:1;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:#fff;box-shadow:0 16px 36px rgba(13,17,80,.16);color:var(--red)}
.im-care-chip>span:last-child{display:flex;flex-direction:column;font-size:12px;line-height:1.3;color:#565c7d}
.im-care-chip b{font-size:16px;color:var(--navy)}
.im-care-chip__icon{display:inline-flex}
.im-care-chip__icon :is(svg,img){width:20px;height:20px}
/* Chips sit on the card corners so they never cover the report header or the caption. */
.im-care-chip--1{left:-22px;top:-38px}
.im-care-chip--2{left:8%;bottom:-14px}
.im-care-chip--3{right:-18px;top:42%}

/* Benefits: optional intro beside the heading */
.im-care-section-head{display:flex;flex-wrap:wrap;gap:24px 64px;align-items:flex-end;justify-content:space-between}
.im-care-section-head .im-landing-benefits__s3{max-width:760px}
.im-care-section-head__intro{max-width:460px;font-size:16px;line-height:1.75;color:#474d6e}
.im-care-section-head__intro p{margin:0}
.im-care-section-head__intro strong{color:var(--navy)}

/* Scope cards with an icon: number moves to the corner */
.im-home .im-landing-inc--icon{position:relative;align-items:flex-start;padding-right:48px}
.im-home .im-landing-inc--icon .im-landing-inc-n{position:absolute;top:16px;right:18px;font-size:14px;font-weight:500}
.im-care-inc-icon{width:48px;height:48px;flex:0 0 48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--red);color:#fff}
.im-care-inc-icon :is(svg,img){width:24px;height:24px}
.im-care-inc-icon img{filter:brightness(0) invert(1)}
.im-home .im-landing-inc--icon:hover{transform:translateY(-4px);border-color:var(--yellow)}
.im-home .im-landing-inc--icon{transition:background .3s ease,border-color .3s ease,transform .3s ease}

/* Scope presentation "grid": navy band, heading + CTA on top, three-column cards */
.im-home .im-landing-section-scope--grid{background:radial-gradient(ellipse 60% 80% at 90% 0%,rgba(47,91,255,.35) 0%,rgba(47,91,255,0) 60%),var(--navy)}
.im-home .im-landing-section-scope--grid .im-landing-scope__s2{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:48px}
.im-home .im-landing-section-scope--grid .im-landing-scope__s3{flex:none;display:grid;grid-template-columns:minmax(0,820px) auto;justify-content:space-between;align-items:end;gap:18px 24px}
.im-home .im-landing-section-scope--grid .im-landing-scope__s3>*{grid-column:1}
.im-home .im-landing-section-scope--grid .im-landing-scope__s3>div:has(.im-home-btn){grid-column:2;grid-row:1 / span 3;align-self:end}
.im-home .im-landing-section-scope--grid .im-landing-scope__s6:empty{display:none}
.im-home .im-landing-section-scope--grid .im-landing-scope__s6{color:#c9cdf0}
.im-home .im-landing-section-scope--grid .im-landing-scope__s7{flex:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:16px}
.im-home .im-landing-section-scope--grid .im-landing-inc{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);border-radius:20px;padding:24px}
.im-home .im-landing-section-scope--grid .im-landing-inc:hover{background:rgba(255,255,255,.1);border-color:var(--yellow)}
.im-home .im-landing-section-scope--grid .im-landing-scope__s10{font-size:14px;line-height:1.6;color:#c9cdf0;opacity:1}
@media(max-width:760px){.im-home .im-landing-section-scope--grid .im-landing-scope__s3{grid-template-columns:1fr}.im-home .im-landing-section-scope--grid .im-landing-scope__s3>div:has(.im-home-btn){grid-column:1;grid-row:auto}}

/* Trust grid cards with an icon */
.im-care-why-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--navy)}
.im-care-why-icon :is(svg,img){width:24px;height:24px}

/* Letter cards (e.g. 5C standards) */
.im-care-letters{padding:120px 0;background:var(--tint)}
.im-care-letters--reduced-bottom{padding-bottom:0}
.im-care-letters__wrap{display:flex;flex-direction:column;gap:40px}
.im-care-letters__intro{display:flex;flex-direction:column;gap:18px;max-width:860px}
.im-home .im-care-letters__intro h2.im-home-h2,.im-home .im-care-reasons--cards .im-web-section-intro h2.im-home-h2{font-size:clamp(30px,3.4vw,46px)}
.im-care-letters__intro p{margin:0;font-size:17px;line-height:1.7;color:#474d6e}
.im-care-letters__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.im-care-letter{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:20px;background:#fff;border:1px solid #e3e7f5;transition:transform .3s ease,box-shadow .3s ease}
.im-care-letter:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(13,17,80,.1)}
.im-care-letter__mark{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--red);color:#fff;font:700 24px/1 'Oswald',sans-serif}
.im-care-letter:nth-child(even) .im-care-letter__mark{background:var(--navy);color:var(--yellow)}
.im-care-letter h3{margin:0;font-size:20px;font-weight:800;color:var(--navy)}
.im-care-letter p{margin:0;font-size:14px;line-height:1.6;color:#474d6e}

/* Numbered list shown as cards */
.im-care-reasons--cards{padding:64px 0 120px;background:var(--tint)}
.im-care-reasons--cards .im-web-framework__wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:48px}
.im-care-reasons--cards .im-web-section-intro h2{font-size:clamp(30px,3.4vw,46px)}
.im-care-reasons--cards .im-web-framework__steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.im-care-reasons--cards .im-web-framework__steps li{align-items:center;gap:14px;padding:16px 18px;border:1px solid #e3e7f5;border-radius:16px;background:#fff;font-size:15px;font-weight:600;line-height:1.45;transition:border-color .25s ease,background .25s ease}
.im-care-reasons--cards .im-web-framework__steps li:hover{border-color:var(--red);background:#fff7f6}
.im-care-reasons--cards .im-web-framework__number{font-size:18px;font-weight:500}

@media(max-width:960px){.im-care-letters{padding:80px 0}.im-care-letters--reduced-bottom{padding-bottom:0}.im-care-reasons--cards{padding:48px 0 80px}}
@media(max-width:760px){.im-care-reasons--cards .im-web-framework__wrap{grid-template-columns:1fr;gap:28px}.im-care-section-head{gap:18px}}
@media(max-width:520px){.im-care-health{padding:22px}.im-care-health__stats{grid-template-columns:1fr}.im-care-letters__grid,.im-care-reasons--cards .im-web-framework__steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.im-care-health__bar i,.im-care-chip{animation:none!important}.im-care-letter,.im-landing-inc--icon{transition:none}}