/* Success Stories page: builds on css/home.css */
.ic.lg{width:56px;height:56px;padding:13px;border-radius:16px}
.photo{aspect-ratio:6/5}.photo img{object-fit:cover}
.media figcaption{position:absolute;left:14px;bottom:14px;z-index:2;padding:5px 12px;border-radius:999px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--head);background:var(--navbg);border:1px solid var(--line);backdrop-filter:blur(8px)}
.intro .note{font-size:.92rem;border-left:2px solid var(--icon);padding-left:16px;margin-top:28px}
.case-top{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;margin-bottom:56px}
.case-top.rev .case-media{order:2}
.badge{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:8px 14px;border:1px solid color-mix(in srgb,var(--icon) 45%,transparent);border-radius:12px;background:color-mix(in srgb,var(--icon) 10%,transparent);color:var(--head);font-size:.78rem;font-weight:600;line-height:1.35}
.badge .ic{width:22px;height:22px;padding:0;background:none;animation:none}
.case-text h2{margin:6px 0 24px}.case-text .label{margin-bottom:10px}
.mini{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 12px}
.case-text p:last-child{margin:0;font-size:1.05rem}
.case-bottom{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
.sup{list-style:none;margin:0;padding:0}
.sup li{position:relative;padding:13px 0 13px 30px;border-top:1px solid var(--line)}.sup li:last-child{border-bottom:1px solid var(--line)}
.sup li::before{content:"";position:absolute;left:4px;top:23px;width:9px;height:9px;border-radius:50%;background:var(--icon)}
.learn{padding:32px;border:1px solid var(--line);border-left:3px solid var(--icon);border-radius:18px;background:var(--card)}
.alt .learn{background:var(--bg)}.learn .ic{margin-bottom:16px}.learn p{margin:0;font-family:var(--font-head);font-weight:600;color:var(--head);font-size:1.1rem;line-height:1.5}
.principles{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.principles>div{padding:34px 28px 34px 0}.principles>div+div{padding-left:28px;border-left:1px solid var(--line)}
.principles .ic{margin-bottom:20px}.principles h3{margin-bottom:10px}.principles p{margin:0;font-size:.95rem}
.principles>div:hover .ic{transform:scale(1.12) rotate(-6deg);background:color-mix(in srgb,var(--icon) 26%,transparent)}
.share{text-align:center;padding:56px 40px;border:1px solid var(--line);border-radius:24px;background:var(--bg)}
.share .ic{margin:0 auto 20px}.share h2{margin-bottom:16px}.share p{max-width:560px;margin:0 auto 28px}
.media .glyph{fill:var(--icon)}.media .win{fill:var(--bg2);stroke:var(--line)}.media .acc{fill:var(--accent)}
.media .ring{fill:color-mix(in srgb,var(--icon) 8%,transparent);stroke:var(--icon);stroke-width:1.5}
.media .ln4{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round}
.media .route2{fill:none;stroke:var(--icon);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 10}
.media .chk{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
@media(prefers-reduced-motion:no-preference){
@keyframes bobp{50%{transform:translateY(-6px)}}
.media .people>*{animation:bobp 4s ease-in-out infinite}.media .people>:nth-child(3),.media .people>:nth-child(4){animation-delay:-1.3s}.media .people>:nth-child(5),.media .people>:nth-child(6){animation-delay:-2.6s}
.media .route2{animation:march 2.4s linear infinite}}
@media(max-width:960px){
.hero-in,.case-top,.case-bottom{grid-template-columns:1fr;gap:36px}.case-top.rev .case-media{order:0}.case-top{margin-bottom:36px}
.principles{grid-template-columns:1fr 1fr}.principles>div,.principles>div+div{padding:28px 24px 28px 0;border-left:0}.principles>div:nth-child(2n){padding-left:24px;border-left:1px solid var(--line)}}
@media(max-width:600px){.principles{grid-template-columns:1fr}.principles>div:nth-child(n){padding:26px 0;border-left:0}.share{padding:40px 24px}.badge{font-size:.74rem}}