/* Scroll-story engagement layer */
@media (min-width: 900px){
  .hero{min-height:100vh;display:flex;align-items:center;padding-top:105px}
  .problem,.workflow-section,.capabilities,.industries,.contact-section{min-height:100vh;display:flex;align-items:center}
  .problem,.capabilities,.industries{padding-block:90px}
  .section-heading{margin-bottom:38px}
}
.hero-copy:after{content:"SCROLL TO EXPLORE  ↓";display:block;margin-top:46px;color:#708078;font-size:10px;font-weight:900;letter-spacing:.16em}
.problem{position:relative;overflow:hidden}
.problem:after{content:"01";position:absolute;right:5vw;top:105px;color:#1530210b;font-size:180px;font-weight:900;line-height:1;pointer-events:none}
.workflow-section{position:relative;overflow:hidden}
.workflow-section:after{content:"02";position:absolute;right:5vw;top:90px;color:#ffffff0a;font-size:180px;font-weight:900;line-height:1;pointer-events:none}
.capabilities{position:relative}
.capabilities:before{content:"03  —  WHAT IT HANDLES";display:block;position:absolute;right:6vw;top:72px;color:#1f8f5850;font-size:10px;font-weight:900;letter-spacing:.14em}
.before-after{perspective:1200px}
.flow-panel{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.flow-panel:hover{transform:translateY(-7px);box-shadow:0 24px 60px #17332213}
.flow-new:hover{border-color:#8ccda5}
.cap-card{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.cap-card:after{content:"→";position:absolute;right:24px;bottom:23px;color:#1f8f58;opacity:0;transform:translateX(-8px);transition:.25s;font-size:18px}
.cap-card:hover{transform:translateY(-8px);box-shadow:0 22px 55px #17332216;border-color:#bdd8c7}
.cap-card:hover:after{opacity:1;transform:none}
.industry-card{transition:transform .28s ease,box-shadow .28s ease}
.industry-card:hover{transform:translateY(-8px);box-shadow:0 22px 55px #17332214}
.no-app-card{position:relative;overflow:hidden}
.no-app-card:before{content:"ONE CONVERSATION";position:absolute;right:-22px;top:22px;color:#ffffff08;font-size:72px;font-weight:900;letter-spacing:-.05em;white-space:nowrap}
.story-step{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:#1f8f58;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.story-step:before{content:"";width:28px;height:1px;background:currentColor}
.story-step.light{color:#9de3b9}
@media(max-width:899px){.hero-copy:after{margin-top:30px}.problem:after,.workflow-section:after,.capabilities:before,.no-app-card:before{display:none}.cap-card:hover,.industry-card:hover,.flow-panel:hover{transform:none}}