/* Kolora 2.0 product story */
.device img,.feature-image img,.touch-device img,.open-image img{height:auto}
.workflow-grid{max-width:1120px;margin:90px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:left}
.workflow-card{position:relative;min-height:390px;padding:38px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#111216,#090a0c)}
.workflow-card:before{content:"";position:absolute;inset:0;opacity:.16;pointer-events:none}
.workflow-card.native:before{background:radial-gradient(circle at 10% 0,#a34cff,transparent 48%)}
.workflow-card.roundtrip:before{background:radial-gradient(circle at 10% 0,#20c7ef,transparent 48%)}
.workflow-card>*{position:relative}
.workflow-card small{display:block;margin-top:44px;color:#777981;font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.workflow-card h3{margin:15px 0;font-size:clamp(30px,3vw,46px);line-height:1;letter-spacing:-.045em}
.workflow-card p{max-width:480px;color:#92939a;line-height:1.65}
.workflow-badge{position:absolute;top:28px;right:28px;padding:7px 11px;border:1px solid #35373e;border-radius:999px;color:#aeb0b7;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:rgba(15,16,19,.72)}
.workflow-steps{display:flex;align-items:center;gap:10px;margin-top:34px;color:#d4d5d9;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.workflow-steps i{font-style:normal;color:#55575e}
.sticky-showcase{min-height:620vh}
.sticky-visual{margin-top:calc(-100vh + 58px)}
.screen-shell{aspect-ratio:2048/1411}
.stage-image{object-fit:contain;background:#050506}
/* Kolora 2.0 expanded finishing story */
.stage-labels{gap:11px 14px}
.stage-labels button{font-size:9px}
.rgb-panel-art{height:225px;margin:58px -34px 0;overflow:hidden;border-top:1px solid #292b30;border-bottom:1px solid #292b30;background:#050506}
.rgb-panel-art img{width:100%;height:100%;object-fit:cover;object-position:72% 17%;display:block}
.capabilities{background:linear-gradient(180deg,#050506,#0a0b0e 45%,#050506)}
.capability-heading{max-width:940px;margin-bottom:80px}
.capability-heading h2{font-size:clamp(52px,7vw,102px);line-height:.91;letter-spacing:-.06em;margin:20px 0 30px}
.capability-heading h2 span{color:#5e6067}
.capability-heading>p:last-child{max-width:650px;color:#93949b;font-size:18px;line-height:1.7}
.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--line)}
.capability-grid article{min-height:290px;padding:30px;background:linear-gradient(145deg,#111216,#090a0c)}
.capability-grid article>span{color:#555860;font-size:11px}
.capability-grid h3{font-size:25px;line-height:1.05;letter-spacing:-.035em;margin:70px 0 15px}
.capability-grid p{color:#898a91;line-height:1.6;font-size:14px}
@media(max-width:1050px){.capability-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.workflow-grid{grid-template-columns:1fr;margin-top:55px}.workflow-card{min-height:340px;padding:28px}.workflow-steps{gap:7px;font-size:10px}.sticky-showcase{min-height:540vh}.sticky-visual{margin-top:0}.capability-grid{grid-template-columns:1fr}.capability-grid article{min-height:230px}.capability-grid h3{margin-top:45px}.rgb-panel-art{margin-left:-34px;margin-right:-34px}}