/* A calm product story; each step stays readable before motion is enabled. */
.knowledge-story{padding-block:96px}
.knowledge-story .section-intro{max-width:680px;margin-bottom:44px}
.knowledge-story h2{font-size:clamp(34px,4.3vw,54px);line-height:1.1;letter-spacing:-.04em}
.knowledge-story .section-intro>p:last-child{color:var(--muted);line-height:1.7;font-size:18px}
.knowledge-story .insight-grid{gap:22px}
.knowledge-story .insight-card{display:flex;flex-direction:column;align-items:stretch;padding:26px 24px 0;border:1px solid #e1ecee;border-radius:22px;background:linear-gradient(160deg,#fff,#f5fafb);overflow:hidden;box-shadow:0 8px 30px #183d4405}
.story-number{display:grid;place-items:center;align-self:flex-start;width:36px;height:36px;border-radius:12px;background:#e2f2f3;color:#087782;font-weight:650;font-size:13px;margin-bottom:24px}
.knowledge-story .insight-card h3{font-size:23px;align-self:auto;letter-spacing:-.025em}
.knowledge-story .insight-card>p{font-size:16px;line-height:1.65;margin:0 0 26px;align-self:auto;flex:1}
.knowledge-story .insight-visual{flex:none;width:calc(100% + 48px);margin:0 -24px;height:190px;padding:24px;border-radius:0;background:linear-gradient(145deg,#eff7f8,#e6f2f4)}
.knowledge-story .insight-visual .product-fragment{max-width:310px}
.benefit-strip{border-block:1px solid #e7f1f2}
.reveal-item{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.3,1)}
.reveal-item.reveal-pending{opacity:0;transform:translateY(24px)}
@media(min-width:1000px){.hero{padding-block:80px 84px}.hero-grid{gap:64px}.hero .product-scene{padding-top:48px}.contact-section>.shell{padding-block:54px}}
@media(max-width:850px){.knowledge-story{padding-block:64px}.knowledge-story .insight-grid{grid-template-columns:1fr}.knowledge-story .insight-card{width:100%;max-width:560px;margin-inline:auto}.knowledge-story .insight-card>p{max-width:440px}.knowledge-story .section-intro{margin-bottom:32px}.knowledge-story .insight-visual{height:170px}.story-number{margin-bottom:18px}}
@media(max-width:480px){.knowledge-story{padding-block:48px}.knowledge-story .insight-card{padding:22px 20px 0;border-radius:18px}.knowledge-story .insight-visual{width:calc(100% + 40px);margin-inline:-20px}.knowledge-story .section-intro>p:last-child{font-size:16px}.knowledge-story .insight-card h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.reveal-item,.reveal-item.reveal-pending{opacity:1;transform:none;transition:none}}
@media print{.reveal-item,.reveal-item.reveal-pending{opacity:1;transform:none;transition:none}}