:root{--case-green:#056f5d;--case-green-dark:#063f3b;--case-mint:#eaf7f3;--case-cream:#fff9ee;--case-ink:#082b3b;--case-muted:#536c77;--case-line:#d5e7e2;--case-yellow:#ffb21a}
*{box-sizing:border-box}.detail-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.detail-hero{padding:34px 0 88px;background:linear-gradient(145deg,#fff 0%,#f0faf7 58%,#fff8e8 100%);border-bottom:1px solid var(--case-line)}.detail-breadcrumb{display:flex;gap:10px;align-items:center;margin-bottom:54px;color:#78909a;font-size:13px}.detail-breadcrumb a{color:var(--case-green);font-weight:800;text-decoration:none}.detail-breadcrumb i{font-style:normal}.detail-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);gap:62px;align-items:center}.case-brand{display:flex;align-items:center;gap:18px;margin-bottom:28px}.case-brand img{width:132px;height:52px;object-fit:contain}.case-brand span{padding-left:18px;border-left:1px solid #b9d6ce;color:var(--case-green-dark);font-size:16px;font-weight:900}.detail-eyebrow{margin:0;color:var(--case-green);font-size:12px;font-weight:900;letter-spacing:.12em}.detail-hero h1{margin:16px 0 22px;color:var(--case-ink);font-size:clamp(44px,5.2vw,70px);line-height:1.18;letter-spacing:-.035em}.detail-hero h1 span{display:block;color:var(--case-green)}.detail-hero-copy>p:not(.detail-eyebrow){max-width:620px;margin:0;color:var(--case-muted);font-size:18px;line-height:1.9}.detail-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.detail-chips span{padding:8px 12px;border:1px solid #b8dbd2;border-radius:999px;background:#fff;color:var(--case-green-dark);font-size:12px;font-weight:800}.detail-hero-art{margin:0;overflow:hidden;border:1px solid #c5dfd8;border-radius:30px;background:#fff;box-shadow:0 24px 60px rgba(5,66,59,.13)}.detail-hero-art img{display:block;width:100%;height:auto}.detail-section{padding:92px 0}.detail-two-col{display:grid;grid-template-columns:.75fr 1.25fr;gap:92px}.detail-section h2{margin:14px 0 0;color:var(--case-ink);font-size:clamp(32px,4vw,48px);line-height:1.35;letter-spacing:-.02em}.detail-prose p{margin:0;color:#38535f;font-size:17px;line-height:2}.detail-prose p+p{margin-top:20px}.detail-intro{background:#fff}.detail-challenge{background:var(--case-cream);border-block:1px solid #efe3c8}.detail-heading{max-width:760px;margin-bottom:44px}.detail-heading>p:not(.detail-eyebrow){margin:16px 0 0;color:var(--case-muted);font-size:17px;line-height:1.85}.detail-solution{background:#fff}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.journey-grid article{position:relative;min-height:255px;padding:28px 24px;border:1px solid var(--case-line);border-radius:22px;background:#fbfefd}.journey-grid article:not(:last-child)::after{content:'→';position:absolute;right:-14px;top:50%;z-index:2;display:grid;place-items:center;width:28px;height:28px;border:1px solid #c6dfd8;border-radius:50%;background:#fff;color:var(--case-green);font-weight:900}.journey-grid span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--case-green);color:#fff;font-weight:900}.journey-grid h3{margin:24px 0 10px;color:var(--case-ink);font-size:20px}.journey-grid p{margin:0;color:var(--case-muted);font-size:14px;line-height:1.8}.detail-results{background:var(--case-green-dark);color:#fff}.detail-heading--light h2{color:#fff}.detail-heading--light .detail-eyebrow{color:#86dfca}.detail-heading--light>p:not(.detail-eyebrow){color:#bed8d2}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.result-grid article{min-height:270px;padding:32px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:rgba(255,255,255,.07)}.result-grid strong{display:block;color:#ffd16b;font-size:clamp(42px,4.6vw,62px);line-height:1;font-weight:900}.result-grid h3{margin:25px 0 10px;font-size:21px}.result-grid p{margin:0;color:#c1d9d3;font-size:14px;line-height:1.8}.result-note{max-width:940px;margin:26px auto 0;color:#9dc4bb;font-size:12px;line-height:1.8;text-align:center}.detail-conclusion{background:#fff}.detail-conclusion-card{display:flex;justify-content:space-between;gap:48px;align-items:center;padding:48px 54px;border:1px solid #c8ded8;border-radius:30px;background:linear-gradient(135deg,#edf9f5,#fff8e9);box-shadow:0 18px 46px rgba(6,63,59,.09)}.detail-conclusion-card h2{max-width:760px;font-size:clamp(30px,3.6vw,45px)}.detail-conclusion-card p:not(.detail-eyebrow){max-width:760px;margin:15px 0 0;color:var(--case-muted);line-height:1.8}.detail-button{flex:0 0 auto;display:inline-flex;align-items:center;gap:12px;padding:17px 24px;border-radius:14px;background:var(--case-yellow);color:var(--case-ink);font-weight:900;text-decoration:none;box-shadow:0 10px 28px rgba(255,178,26,.24)}.detail-button:hover{transform:translateY(-2px)}
@media(max-width:1000px){.detail-hero-grid,.detail-two-col{grid-template-columns:1fr}.detail-hero-grid{gap:42px}.detail-two-col{gap:28px}.detail-hero-art{max-width:760px}.journey-grid{grid-template-columns:repeat(2,1fr)}.journey-grid article:nth-child(2)::after{display:none}.result-grid{grid-template-columns:1fr 1fr}.detail-conclusion-card{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.detail-wrap{width:min(100% - 28px,1180px)}.detail-hero{padding:24px 0 60px}.detail-breadcrumb{margin-bottom:36px}.case-brand{align-items:flex-start;flex-direction:column}.case-brand span{padding:10px 0 0;border-left:0;border-top:1px solid #b9d6ce}.detail-hero h1{font-size:40px}.detail-hero-copy>p:not(.detail-eyebrow){font-size:16px}.detail-section{padding:68px 0}.journey-grid,.result-grid{grid-template-columns:1fr}.journey-grid article:not(:last-child)::after{display:none}.detail-conclusion-card{padding:34px 26px}.detail-button{width:100%;justify-content:center}}