/* Application stories: illustrative journeys, no client performance claims. */
.story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.story-card{border-radius:18px}.story-card .story-visual{height:348px;min-height:348px;padding:22px;background:#f0e8f8}.story-card:nth-child(2) .story-visual{background:#fbefe6}.story-card:nth-child(3) .story-visual{background:#eaf0f6}.story-card .story-label{display:block;font-size:9px;letter-spacing:.12em;color:#7a6194}.story-card .story-visual-type{left:22px;right:20px;bottom:23px;font-size:clamp(23px,2.25vw,29px);line-height:1.08;letter-spacing:-.045em}.story-card .story-visual-type em{color:#8c66be}.story-card .story-info{padding:20px 22px;min-height:96px;flex:1}.story-card .story-info h3{line-height:1.25;font-size:16px}.story-card .story-info>div>span{font-size:8px;line-height:1.6;display:block}.st-scene{position:absolute;top:58px;left:50%;width:290px;height:185px;transform:translateX(-50%);color:#4b316b;font-family:var(--body),sans-serif;pointer-events:none}.st-scene svg{width:20px;height:20px;flex:none}.st-scene small{font-size:8px;font-weight:700;letter-spacing:.1em}.st-wallet{position:absolute;top:0;left:15px;width:211px;height:165px;padding:18px;background:#fff;border:1px solid #e4d8ef;border-radius:13px;box-shadow:0 12px 25px #5034720c;transform:rotate(-4deg)}.st-wallet strong{display:block;font:700 19px/1.18 var(--display);letter-spacing:-.04em;margin-top:9px}.st-stamps{display:flex;gap:9px;margin-top:12px}.st-stamps i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eee5f7;color:#784db4}.st-stamps i:last-child{background:#6f45ad;color:#fff}.st-wallet>span{display:block;font-size:9px;color:#94849f;margin-top:9px}.st-bottle{position:absolute;right:3px;top:47px;width:59px;height:101px;border-radius:12px 12px 17px 17px;background:linear-gradient(90deg,#bb8fa9,#e1bfd0 48%,#cea0b9);border:1px solid #b786a5;transform:rotate(8deg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#603a58}.st-bottle>i{position:absolute;top:-25px;left:14px;width:29px;height:25px;background:linear-gradient(90deg,#eee5e8,#fff,#d4c7d1);border:1px solid #d3c3cd;border-radius:5px 5px 0 0}.st-bottle b{font:700 18px var(--display)}.st-bottle>span{font-size:5px;letter-spacing:.05em;margin-top:5px}.st-coupon{position:absolute;z-index:2;bottom:-3px;right:21px;display:flex;gap:10px;align-items:center;background:#7044b4;color:white;padding:12px 17px;border-radius:10px;box-shadow:0 9px 18px #4d2f7318;transform:rotate(3deg)}.st-coupon b,.st-coupon span{display:block}.st-coupon b{font-size:12px}.st-coupon span{font-size:9px;color:#e6d9f7;margin-top:3px}.st-mission{position:absolute;left:14px;top:0;width:252px;height:162px;padding:17px 19px;border-radius:13px;background:#fff;border:1px solid #edddcf;box-shadow:0 12px 25px #6f48320b;transform:rotate(3deg)}.st-mission>strong{display:block;font:700 20px/1.17 var(--display);letter-spacing:-.04em;margin-top:13px}.st-mission-icon{position:absolute;right:16px;top:33px;display:grid;place-items:center;width:39px;height:43px;background:#fff0df;color:#b57345;border-radius:11px;transform:rotate(-9deg)}.st-steps{display:flex;align-items:center;margin-top:16px;gap:7px;width:177px}.st-steps i{display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:50%;background:#f3ebfa;color:#7f51b2}.st-steps svg{width:16px;height:16px}.st-steps>span{height:2px;flex:1;background:#e6d8f1}.st-reward{position:absolute;bottom:-6px;right:10px;background:#764db3;color:#fff;display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:11px;transform:rotate(-4deg);box-shadow:0 8px 17px #67472d12}.st-reward>svg{width:29px;height:29px}.st-reward>span{font-size:10px;line-height:1.5}.st-reward b{font-size:14px}.st-receipt{position:absolute;left:7px;top:4px;width:127px;height:168px;background:white;padding:17px 13px;clip-path:polygon(0 0,100% 0,100% 100%,92% 97%,84% 100%,76% 97%,68% 100%,60% 97%,52% 100%,44% 97%,36% 100%,28% 97%,20% 100%,12% 97%,0 100%);transform:rotate(-7deg)}.st-receipt small{font-size:7px}.st-receipt>div:first-of-type{border-top:1px dashed #d7ccdf;margin:11px 0}.st-receipt p{display:flex;align-items:center;justify-content:space-between;font-size:9px;margin:9px 0;color:#8c7d9b}.st-receipt p i{width:15px;height:4px;background:#ddd3e7;border-radius:3px}.st-barcode{height:20px;margin-top:14px;background:repeating-linear-gradient(90deg,#6e5b7f 0 2px,white 2px 4px,#6e5b7f 4px 5px,white 5px 8px)}.st-insight{position:absolute;right:0;top:11px;width:179px;height:157px;background:#fff;border:1px solid #d5deea;border-radius:12px;padding:16px;transform:rotate(3deg);box-shadow:0 13px 25px #3d557214}.st-insight small{color:#8b75a2}.st-insight strong{display:block;font:700 18px/1.12 var(--display);letter-spacing:-.035em;margin-top:8px}.st-chart{display:flex;gap:9px;align-items:end;height:43px;border-bottom:1px solid #e7dff0;margin-top:8px;padding:0 3px}.st-chart i{width:20px;height:34%;background:#d5c2ec;border-radius:4px 4px 0 0}.st-chart i:nth-child(2){height:54%}.st-chart i:nth-child(3){height:46%}.st-chart i:nth-child(4){height:80%;background:#a381d0}.st-chart i:nth-child(5){height:100%;background:#7046b1}.st-insight>span{display:block;font-size:7px;margin-top:7px;color:#9b89aa}.st-verified{position:absolute;z-index:2;bottom:-8px;left:32px;background:#7046b1;color:#fff;padding:10px 15px;border-radius:8px;font-size:10px;display:flex;align-items:center;gap:7px;transform:rotate(-2deg)}.st-verified svg{width:16px;height:16px}
@media(min-width:641px) and (max-width:1050px){.story-card .story-visual{height:350px;min-height:350px;padding-inline:17px}.story-card .st-scene{transform:translateX(-50%) scale(.83);transform-origin:50% 0}.story-card .story-visual-type{left:17px;font-size:25px}.story-card .story-info{padding:17px}.story-card .story-info h3{font-size:15px}}
@media(max-width:640px){.story-grid{grid-template-columns:1fr;gap:20px}.story-feature{grid-row:auto}.story-card .story-visual{height:335px;min-height:335px}.story-card .story-visual-type{font-size:29px}.story-card .st-scene{top:54px}.story-card .story-info{min-height:94px}.stories-note{font-size:10px}.story-card .story-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.story-card{transition:none}}

.story-card:nth-child(3) .st-scene{top:48px;transform:translateX(-50%) scale(.85);transform-origin:50% 0}.story-card:nth-child(3) .story-visual-type{font-size:26px}.st-coupon{bottom:-12px}.st-wallet>span{margin-top:5px}

@media(max-width:900px){.stories .story-grid .story-card .story-visual{height:348px;min-height:348px}}
@media(max-width:640px){.stories .story-grid .story-card .story-visual{height:335px;min-height:335px}}