.story-card{position:relative;display:flex;flex-direction:column;min-height:720px;border-radius:27px;overflow:hidden;text-decoration:none;box-shadow:0 24px 52px rgba(25,54,112,.17);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
    .story-card:hover{transform:translateY(-9px);box-shadow:0 34px 65px rgba(25,54,112,.22)}.story-card:focus-visible{outline:4px solid #2d9bff;outline-offset:5px}
    .story-card-art{position:relative;height:270px;flex:0 0 270px;overflow:hidden;isolation:isolate}.story-card-art::before{content:"";position:absolute;inset:0;opacity:.45;background-image:radial-gradient(currentColor .6px,transparent .8px);background-size:18px 18px;mask-image:linear-gradient(#000,transparent)}
    .story-card-brand{position:absolute;z-index:3;left:26px;top:16px;line-height:1}.story-card-brand img{display:block;width:160px;height:62px;object-fit:contain;object-position:left center}.story-card-brand small{display:block;font-size:9px;letter-spacing:.18em;font-weight:800;margin-top:0;text-transform:uppercase}
    .story-card-digitals{background:#f9fbff;color:#14284d}.story-card-digitals .story-card-art{color:#628bd3;background:radial-gradient(circle at 58% 65%,#d3eeff 0,#d3e8ff 31%,#e6e6ff 67%,#f5f7ff 100%)}.story-card-digitals .story-card-brand small{color:#4277ae}
    .story-card-d-camera{position:absolute;left:50%;top:65%;width:213px;height:139px;transform:translate(-50%,-50%) rotate(-5deg);filter:drop-shadow(0 22px 24px rgba(32,61,155,.36))}.story-card-d-camera svg{display:block;width:100%;height:100%}.story-card-d-social{position:absolute;z-index:2;width:49px;height:49px;border-radius:16px;background:#fff;display:grid;place-items:center;box-shadow:0 12px 22px #426ab142;border:1px solid #deebff}.story-card-d-social img{width:26px;height:26px}.story-card-d-social.instagram{left:22px;top:131px;transform:rotate(-12deg)}.story-card-d-social.facebook{right:20px;top:125px;transform:rotate(11deg)}.story-card-d-pill{position:absolute;z-index:2;padding:8px 11px;background:#fff;border:1px solid #d8e4ff;border-radius:11px;color:#294cb5;box-shadow:0 10px 20px #38589b30;font-weight:800;font-size:11px;letter-spacing:.02em}.story-card-d-pill.left{left:44px;top:215px;transform:rotate(-8deg)}.story-card-d-pill.right{right:38px;top:218px;transform:rotate(7deg)}.story-card-d-ring{position:absolute;border:1px solid #7fa7eb80;border-radius:50%;width:440px;height:190px;left:50%;top:65%;transform:translate(-50%,-50%) rotate(-16deg)}
    .story-card-emdex{background:#0d1d44;color:#fff}.story-card-emdex .story-card-art{color:#7dc4ef;background:radial-gradient(circle at 50% 86%,#3161bf 0,#172f68 50%,#102452 100%)}.story-card-emdex .story-card-brand small{color:#98caec}.story-card-emdex .story-card-brand{color:#fff}
    .story-card-e-halo{position:absolute;width:340px;height:210px;left:50%;top:66%;transform:translate(-50%,-50%);border-radius:50%;background:#4c89ff57;filter:blur(24px)}.story-card-e-phone{position:absolute;left:50%;top:66%;width:137px;height:204px;transform:translate(-50%,-50%) rotate(8deg) scale(.82);border:8px solid #0b1731;border-radius:27px;background:linear-gradient(160deg,#e8f7ff,#c9e5fd);box-shadow:16px 23px 31px #08153299,0 0 0 2px #a0e1ff}.story-card-e-phone::before{content:"";position:absolute;width:40px;height:8px;background:#15254d;top:5px;left:50%;transform:translateX(-50%);border-radius:0 0 7px 7px}.story-card-e-phone .story-card-screen{position:absolute;inset:22px 8px 8px;color:#183363}.story-card-screen strong{display:block;font-size:12px}.story-card-screen .story-card-bars{display:flex;align-items:end;gap:6px;height:77px;padding:13px 7px 4px;border-radius:12px;background:#fff;margin-top:10px}.story-card-bars i{width:15px;border-radius:5px 5px 2px 2px;background:linear-gradient(#7fe9e9,#378af6)}.story-card-bars i:nth-child(1){height:38%}.story-card-bars i:nth-child(2){height:75%}.story-card-bars i:nth-child(3){height:52%}.story-card-bars i:nth-child(4){height:94%}.story-card-screen .story-card-lines{margin-top:13px}.story-card-lines i{display:block;height:5px;border-radius:7px;background:#a4c8e8;margin:6px 0}.story-card-lines i:nth-child(2){width:70%}.story-card-lines i:nth-child(3){width:85%}
    .story-card-e-module{position:absolute;z-index:2;background:#f3fbff;border:1px solid #c9eeff;border-radius:13px;box-shadow:0 14px 23px #061d4d99;color:#265493;display:flex;align-items:center;gap:7px;padding:9px 11px;font-size:11px;font-weight:800}.story-card-e-module svg{width:20px;height:20px;stroke:#268fdc;stroke-width:2;fill:none}.story-card-e-module.left{left:19px;top:149px;transform:rotate(-8deg)}.story-card-e-module.right{right:16px;top:194px;transform:rotate(8deg)}
    .story-card-body{position:relative;z-index:3;display:flex;flex-direction:column;flex:1;padding:26px 30px 28px}.story-card-digitals .story-card-body{background:#f9fbff}.story-card-emdex .story-card-body{background:#0d1d44}.story-card-meta{font-size:11px;letter-spacing:.16em;font-weight:800;text-transform:uppercase;color:#438bd8}.story-card-emdex .story-card-meta{color:#9bcfff}.story-card-body h2{font-size:clamp(28px,2.6vw,34px);letter-spacing:-.055em;line-height:1.09;margin:15px 0 13px}.story-card-digitals h2 em{font-style:normal;color:#3577ee}.story-card-emdex h2 em{font-style:normal;color:#89dafe}.story-card-body p{font-size:14px;line-height:1.48;margin:0;color:#5b6f8d}.story-card-emdex .story-card-body p{color:#bfd1eb}
    .story-card-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 22px}.story-card-points span{display:flex;align-items:center;min-height:60px;font-size:14px;line-height:1.2;padding:10px 12px;border-radius:12px;font-weight:800;letter-spacing:-.015em}.story-card-digitals .story-card-points span{background:#e7f0ff;color:#204a92;border:1px solid #d3e3ff}.story-card-emdex .story-card-points span{background:#203c72;color:#ecf8ff;border:1px solid #385995}.story-card-points span:last-child{grid-column:1/-1}.story-card-points span::before{content:"↗";display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;margin-right:10px;border-radius:8px;background:#2e7aeb;color:#fff;font-size:15px;font-weight:500}.story-card-emdex .story-card-points span::before{background:#65c8f6;color:#102954}.story-card-cta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:17px;border-top:1px solid currentColor;font-size:15px;font-weight:800}.story-card-digitals .story-card-cta{color:#24469b}.story-card-emdex .story-card-cta{color:#a7deff}.story-card-cta b{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;font-size:23px;background:#286fe9;color:white;transition:transform .3s}.story-card-emdex .story-card-cta b{background:#74d7ff;color:#0d2959}.story-card:hover .story-card-cta b{transform:translate(3px,-3px)}
    .story-card-e-float{position:absolute;inset:0;pointer-events:none}.story-card.in-view .story-card-brand{animation:brandIn .7s ease-out both}.story-card.in-view .story-card-d-camera{animation:cameraIn .9s cubic-bezier(.2,.9,.22,1.15) .12s both}.story-card.in-view .story-card-d-social.instagram,.story-card.in-view .story-card-d-pill.left{animation:fromLeft .75s ease-out .45s both}.story-card.in-view .story-card-d-social.facebook,.story-card.in-view .story-card-d-pill.right{animation:fromRight .75s ease-out .52s both}.story-card.in-view .story-card-d-ring{animation:orbit 16s linear infinite}.story-card-d-ring::after{content:"";position:absolute;left:50%;top:-4px;width:8px;height:8px;border-radius:50%;background:#49a9ff;box-shadow:0 0 12px 4px #49a9ff80}.story-card.in-view .story-card-e-phone{animation:phoneIn .95s cubic-bezier(.18,.9,.2,1.1) .14s both}.story-card.in-view .story-card-e-module.left{animation:fromLeft .8s ease-out .55s both}.story-card.in-view .story-card-e-module.right{animation:fromRight .8s ease-out .65s both}.story-card.in-view .story-card-e-halo{animation:haloPulse 4s ease-in-out infinite}.story-card.in-view .story-card-d-social img,.story-card.in-view .story-card-e-module svg{animation:iconBob 3s ease-in-out 1.2s infinite}.story-card.in-view .story-card-e-float-phone{animation:floatPhone 4.4s ease-in-out 1.15s infinite}.story-card.in-view .story-card-e-float-crm{animation:floatCrm 3.7s ease-in-out 1.3s infinite}.story-card.in-view .story-card-e-float-gestion{animation:floatGestion 4.1s ease-in-out 1.5s infinite}
    @keyframes brandIn{from{opacity:0;translate:0 -16px}to{opacity:1;translate:0 0}}@keyframes cameraIn{from{opacity:0;transform:translate(-50%,-24%) rotate(-18deg) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) rotate(-5deg) scale(1)}}@keyframes phoneIn{from{opacity:0;transform:translate(-50%,-95%) rotate(-3deg) scale(.62)}to{opacity:1;transform:translate(-50%,-50%) rotate(8deg) scale(.82)}}@keyframes fromLeft{from{opacity:0;translate:-55px 0}to{opacity:1;translate:0 0}}@keyframes fromRight{from{opacity:0;translate:55px 0}to{opacity:1;translate:0 0}}@keyframes orbit{from{transform:translate(-50%,-50%) rotate(-16deg)}to{transform:translate(-50%,-50%) rotate(344deg)}}@keyframes haloPulse{50%{opacity:.62;scale:1.12}}@keyframes iconBob{50%{translate:0 -5px}}@keyframes floatPhone{50%{translate:0 -10px}}@keyframes floatCrm{50%{translate:-4px -8px}}@keyframes floatGestion{50%{translate:5px 7px}}


/* The approved concept is placed inside the existing scroll driven story. */
.story-scene .story-card{position:absolute;z-index:5;top:22%;width:min(31vw,440px);height:min(720px,73vh);min-height:0;opacity:0;will-change:transform,opacity;box-shadow:0 22px 55px rgba(26,59,120,.19);}
.story-scene .story-card-digitals{left:max(3.5vw,calc(50% - 730px));}
.story-scene .story-card-emdex{right:max(3.5vw,calc(50% - 730px));}
.story-scene .story-card:hover{box-shadow:0 30px 65px rgba(26,59,120,.27)}
.story-card-art{height:clamp(140px,25vh,270px);flex-basis:clamp(140px,25vh,270px)}
.story-card-brand img{margin:0;width:160px;height:62px;object-fit:contain}
.story-card-body{padding:clamp(14px,2vh,26px) clamp(16px,2.2vw,30px) clamp(14px,2vh,28px)}
.story-card-body h2{font-size:clamp(23px,2.35vw,34px);margin:clamp(7px,1.1vh,15px) 0 clamp(6px,.9vh,13px)}
.story-card-points{margin:clamp(9px,1.5vh,24px) 0 clamp(8px,1.4vh,22px)}
.story-card-points span{min-height:clamp(39px,5.5vh,60px)}
.story-card-cta{padding-top:clamp(7px,1.3vh,17px)}
.story-card-cta{padding-right:45px}
.story-card-e-phone{left:60%;top:78%}
.story-card:focus-visible{outline:4px solid #2d9bff;outline-offset:5px}
@media(max-height:800px) and (min-width:701px){
 .story-scene .story-card{top:21%;height:75vh}
 .story-card-art{height:clamp(138px,23vh,190px);flex-basis:clamp(138px,23vh,190px)}
 .story-card-body p{font-size:13px;line-height:1.36}
 .story-card-points{gap:7px}
 .story-card-points span{font-size:12.5px;padding:6px 8px}
 .story-card-points span::before{flex-basis:20px;width:20px;height:20px;margin-right:6px}
 .story-card-cta{font-size:14px}
 .story-card-cta b{width:33px;height:33px}
 .story-card-d-camera{width:145px;height:96px;top:67%}
 .story-card-d-social{width:36px;height:36px;border-radius:11px}
 .story-card-d-social img{width:21px;height:21px}
 .story-card-d-social.instagram{top:57%}.story-card-d-social.facebook{top:55%}
 .story-card-d-pill.left,.story-card-d-pill.right{top:auto;bottom:8px;font-size:9px;padding:5px 7px}
 .story-card-e-phone{top:78%;transform:translate(-50%,-50%) rotate(8deg) scale(.59)}
 .story-card-e-module.left{top:54%}.story-card-e-module.right{top:70%}
}
@media(max-width:1000px) and (min-width:701px){
 .story-scene .story-card{width:32vw}
 .story-card-brand img{width:140px}
 .story-card-body h2{font-size:clamp(21px,2.35vw,28px)}
 .story-card-points span{font-size:12.5px;padding:7px}
}
@media(max-width:700px){
 .story-topline{display:none}
 .story-choice-heading{top:9%;width:calc(100% - 2rem)}
 .story-choice-heading h2{font-size:clamp(1.7rem,7vw,2.4rem)}
 .story-scene .story-card,.story-scene .story-card-digitals,.story-scene .story-card-emdex{left:50%;right:auto;top:20%;width:min(calc(100vw - 26px),420px);height:70vh;min-height:0;max-height:none;border-radius:22px}
 .story-card-art{height:clamp(150px,24vh,215px);flex-basis:clamp(150px,24vh,215px)}
 .story-card-body{padding:14px 17px 16px}
 .story-card-body h2{font-size:clamp(22px,6.3vw,28px);margin:8px 0}
 .story-card-body p{font-size:13.5px;line-height:1.36}
 .story-card-points{gap:7px;margin:12px 0 9px}
 .story-card-points span{min-height:50px;font-size:14px;padding:6px 7px}
 .story-card-points span::before{flex-basis:19px;width:19px;height:19px;margin-right:6px;font-size:12px}
 .story-card-cta{font-size:14px;padding-top:7px;padding-right:40px}
 .story-card-cta b{height:32px;width:32px;font-size:20px}
 .story-card-brand{left:18px;top:8px}.story-card-brand img{width:130px;height:50px}
 .story-card-brand small{font-size:8px}
 .story-card-d-camera{width:170px;height:112px}
 .story-card-d-social.instagram{top:105px}.story-card-d-social.facebook{top:102px}
 .story-card-d-pill.left{top:auto;bottom:12px}.story-card-d-pill.right{top:auto;bottom:12px}
 .story-card-e-phone{top:78%;transform:translate(-50%,-50%) rotate(8deg) scale(.7)}
 .story-card-e-module.left{top:54%}.story-card-e-module.right{top:73%}
 .story-bottom{display:none}
}
@media(max-width:700px) and (max-height:760px){
 .story-choice-heading{top:9%}.story-choice-heading p{display:none}
 .story-scene .story-card,.story-scene .story-card-digitals,.story-scene .story-card-emdex{top:20%;height:78vh}
 .story-card-art{height:clamp(112px,18vh,145px);flex-basis:clamp(112px,18vh,145px)}
 .story-card-brand img{height:43px}.story-card-brand small{display:none}
 .story-card-body{padding:10px 14px 12px}
 .story-card-body h2{font-size:21px;margin:6px 0}
 .story-card-body p{font-size:11.5px}
 .story-card-points{margin:7px 0;gap:5px}
 .story-card-points span{min-height:35px;font-size:11.5px;padding:4px 5px}
 .story-card-d-camera{width:132px;height:88px}.story-card-d-social{width:34px;height:34px;border-radius:10px}.story-card-d-social img{width:20px;height:20px}
 .story-card-d-pill{font-size:9px;padding:5px 7px}.story-card-e-phone{transform:translate(-50%,-50%) rotate(8deg) scale(.53)}
}
@media(prefers-reduced-motion:reduce){
 .story-scene .story-card,.story-scene .story-card-digitals,.story-scene .story-card-emdex{position:relative;top:auto;left:auto;right:auto;width:min(440px,100%);height:auto;min-height:0;opacity:1!important;transform:none!important;pointer-events:auto!important;margin:0 auto 24px}
 .story-scene{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
 .story-card,.story-card *{animation:none!important;transition:none!important}
 .story-card:hover{transform:none!important}
}
@media(max-width:700px) and (prefers-reduced-motion:reduce){
 .story-scene{display:block}.story-choice-heading{position:relative;top:auto;left:auto;width:auto;margin:0 1rem 22px}
}