/* IBERFIT WEB V6.43.2 — visual storytelling with real product evidence */
.app-story-section{background:var(--green-dark,#173f2c);color:var(--cream,#f7f4ee);overflow:hidden}
.app-story{display:grid;grid-template-columns:minmax(0,.83fr) minmax(520px,1.17fr);gap:clamp(42px,6vw,88px);align-items:center}
.app-story-copy{max-width:590px}.app-story-copy h2{color:var(--cream,#f7f4ee);max-width:14ch}.app-story-copy>.lead{color:rgba(247,244,238,.86);max-width:55ch}.app-story-copy .kicker{color:var(--gold-light,#d9b568)}
.app-story-points{display:grid;gap:0;margin-top:clamp(28px,4vw,42px);border-top:1px solid rgba(217,181,104,.26)}
.app-story-points article{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid rgba(217,181,104,.18)}
.app-story-points span{font:700 .78rem/1 var(--font-sans,Arial,sans-serif);letter-spacing:.12em;color:var(--gold-light,#d9b568);padding-top:.28rem}.app-story-points strong{display:block;color:inherit;font-size:1.02rem}.app-story-points p{margin:.32rem 0 0;color:inherit;opacity:.76;line-height:1.55}
.app-visual-note{margin:20px 0 0;font-size:.86rem;line-height:1.5;opacity:.67}
.app-story-stage{position:relative;min-height:610px;isolation:isolate}.app-screen{margin:0;border:1px solid rgba(31,61,43,.15);border-radius:20px;overflow:hidden;background:#f7f4ee;box-shadow:0 22px 55px rgba(2,17,12,.18)}.app-screen img{display:block;width:100%;height:auto}
.app-story-stage .app-screen{position:absolute}.app-screen--plan{width:min(78%,480px);right:3%;top:4%;z-index:1}.app-screen--session{width:min(54%,400px);left:0;bottom:1%;z-index:3}.app-screen--progress{width:min(52%,400px);right:0;bottom:2%;z-index:2}
.continuity-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(31,61,43,.2);border-bottom:1px solid rgba(31,61,43,.2)}.continuity-step{padding:25px 22px 26px;border-right:1px solid rgba(31,61,43,.16)}.continuity-step:first-child{padding-left:0}.continuity-step:last-child{border-right:0;padding-right:0}.continuity-step>span{display:block;color:var(--gold-text,#806216);font-size:.76rem;font-weight:700;letter-spacing:.12em;margin-bottom:16px}.continuity-step h3{margin:0 0 8px;font-size:1.05rem}.continuity-step p{margin:0;line-height:1.58;opacity:.76}
.hybrid-continuity-section{background:var(--cream,#f7f4ee)}.hybrid-continuity{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);gap:clamp(42px,7vw,96px);align-items:center}.hybrid-continuity-copy{max-width:660px}.hybrid-continuity-copy h2{max-width:15ch}.hybrid-continuity-copy .app-story-points{border-top-color:rgba(31,61,43,.18)}.hybrid-continuity-copy .app-story-points article{border-bottom-color:rgba(31,61,43,.14)}.hybrid-continuity-copy .app-story-points span{color:var(--gold-text,#806216)}.hybrid-app-screen{max-width:560px;justify-self:end}.hybrid-app-screen figcaption{padding:13px 16px 15px;color:rgba(31,61,43,.72);font-size:.84rem;line-height:1.45;background:#fbf8f3}
@media(hover:hover) and (pointer:fine){.app-story-stage .app-screen,.hybrid-app-screen{transition:transform 220ms cubic-bezier(.2,.7,.2,1),box-shadow 220ms cubic-bezier(.2,.7,.2,1)}.app-story-stage:hover .app-screen--plan{transform:translateY(-3px)}.app-story-stage:hover .app-screen--session{transform:translate(-2px,2px)}.app-story-stage:hover .app-screen--progress{transform:translate(2px,1px)}.hybrid-app-screen:hover{transform:translateY(-3px);box-shadow:0 26px 62px rgba(31,61,43,.16)}}
@media(max-width:980px){.app-story{grid-template-columns:1fr;gap:42px}.app-story-copy{max-width:720px}.app-story-stage{min-height:560px;max-width:760px;width:100%;margin-inline:auto}.hybrid-continuity{grid-template-columns:1fr}.hybrid-app-screen{justify-self:start;max-width:620px}.continuity-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.continuity-step:nth-child(2){border-right:0}.continuity-step:nth-child(-n+2){border-bottom:1px solid rgba(31,61,43,.16)}.continuity-step:nth-child(3){padding-left:0}}
@media(max-width:640px){.app-story-stage{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(82%,1fr);gap:14px;min-height:0;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 18px 18px 0;overscroll-behavior-inline:contain}.app-story-stage .app-screen{position:relative!important;inset:auto!important;width:auto!important;scroll-snap-align:start;box-shadow:0 12px 30px rgba(2,17,12,.14)}.continuity-rail{grid-template-columns:1fr}.continuity-step,.continuity-step:first-child,.continuity-step:nth-child(3),.continuity-step:last-child{padding:19px 0;border-right:0;border-bottom:1px solid rgba(31,61,43,.14)}.continuity-step:last-child{border-bottom:0}.hybrid-app-screen{width:100%}.app-story-points article{grid-template-columns:34px 1fr;gap:12px}}
@media(prefers-reduced-motion:reduce){.app-story-stage .app-screen,.hybrid-app-screen{transition:none!important;transform:none!important}}