/* A visible film, clear store identities and four connected business benefits. */
.hero .hero-actions{justify-content:flex-start}
.hero-store-display{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;max-width:520px;margin-top:23px;direction:rtl}
.store-mark{display:flex;align-items:center;justify-content:center;gap:13px;min-height:78px;padding:15px 17px;border:1px solid #ffffff70;border-radius:13px;background:#160b24;color:#fff;box-shadow:0 6px 20px #24123725;min-width:0;user-select:none}
.store-mark-icon{display:block;width:36px;height:38px;flex:0 0 36px;fill:currentColor;stroke:none}
.store-mark>span{font:600 25px/1.1 Arial,sans-serif;color:#fff;white-space:nowrap;letter-spacing:-.6px}
.intro-video-section{padding:34px 0;background:#fff9fd;scroll-margin-top:0}
.intro-video-frame{max-width:1000px;margin-inline:auto;padding:9px;border:1.5px solid #6731d2;border-radius:27px;background:#fff;box-shadow:0 16px 46px #6731d21c}
.intro-video-section .video-player-wrap{display:block;position:relative;max-width:none;width:100%;aspect-ratio:16/9;margin:0;border:0;border-radius:18px;overflow:hidden;background:#160b24;box-shadow:none}
.intro-video-section #intro-video{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;background:#160b24}
.intro-video-section .video-play-overlay{display:grid;place-items:center;position:absolute;inset:0;padding:0;gap:0;width:100%;height:100%;border:0;background:#160b2410;color:#6731d2;cursor:pointer}
.intro-video-section .video-play-overlay[hidden]{display:none}
.intro-video-section .video-play-circle{display:grid;place-items:center;width:86px;height:86px;border:1px solid #e3c9f7;border-radius:50%;background:#fff9fd;box-shadow:0 8px 30px #160b2445;color:#6731d2;transform:none}
.intro-video-section .video-play-circle .icon{width:35px;height:35px;margin:0 0 0 4px}
.intro-video-section #intro-video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
.benefits{padding-block:47px 58px}
.benefits .section-intro{max-width:760px;margin-bottom:32px}
.benefit-timeline{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0}
.benefit-timeline:before{content:"";position:absolute;top:25px;right:12%;left:12%;height:2px;background:#d5bce6}
.benefit-timeline-item{display:flex;flex-direction:column;align-items:stretch;min-width:0;position:relative;gap:21px}
.timeline-node{position:relative;z-index:1;display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;margin-inline:auto;border:2px solid #6731d2;border-radius:50%;background:#fff9fd;color:#6731d2;box-shadow:0 0 0 7px #fff9fd}
.timeline-node>span{color:#6731d2;font-size:20px;font-weight:800;line-height:1}
.benefit-timeline .benefit-card{flex:1;min-width:0;padding:23px 20px 25px;border:1px solid #e3c9f7;border-radius:16px;background:#fff;box-shadow:0 8px 24px #6731d20a}
.benefit-timeline .benefit-card>.icon{width:43px;height:43px;padding:9px;margin-bottom:17px;border-radius:11px;background:#ede8fa;color:#6731d2;stroke-width:1.7}
.benefit-timeline .benefit-card h3{font-size:24px;line-height:1.2;margin:0 0 12px;letter-spacing:-.4px;color:#241237}
.benefit-timeline .benefit-card h3 strong{color:#6731d2;font-weight:800}
.benefit-timeline .benefit-card p{font-size:17px;line-height:1.65;margin:0;color:#241237}
.benefit-timeline .benefit-card p strong{color:#241237;font-weight:800}
@media(max-width:1100px){.hero-store-display{gap:12px;max-width:480px}.store-mark{gap:10px;padding-inline:13px;min-height:71px}.store-mark>span{font-size:22px}.store-mark-icon{width:31px;height:33px;flex-basis:31px}.benefit-timeline{gap:13px}.benefit-timeline .benefit-card{padding:21px 17px}.benefit-timeline .benefit-card h3{font-size:22px}}
@media(max-width:900px){
 .hero-store-display{max-width:520px}.store-mark{min-height:75px}.store-mark>span{font-size:25px}.store-mark-icon{width:36px;height:38px;flex-basis:36px}
 .intro-video-section{padding-block:28px}.intro-video-frame{max-width:820px;padding:8px;border-radius:23px}.intro-video-section .video-player-wrap{border-radius:15px}
 .benefits{padding-block:40px 47px}.benefit-timeline{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;max-width:700px;margin-inline:auto}.benefit-timeline:before{display:none}.benefit-timeline-item{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;position:relative;align-items:center}.benefit-timeline-item:before{content:"";position:absolute;right:25px;top:-18px;bottom:-18px;width:2px;background:#d5bce6}.benefit-timeline-item:first-child:before{top:50%}.benefit-timeline-item:last-child:before{bottom:50%}.timeline-node{grid-column:1;grid-row:1;margin:0;align-self:center}.benefit-timeline .benefit-card{grid-column:2;grid-row:1;padding:21px 24px}.benefit-timeline .benefit-card>.icon{float:left;margin:0 15px 7px 0;width:41px;height:41px}.benefit-timeline .benefit-card h3{font-size:25px;margin-bottom:9px}.benefit-timeline .benefit-card p{font-size:17px;line-height:1.65}
}
@media(max-width:640px){
 .hero .hero-actions{gap:0}.hero .trial-line{margin-top:13px}.hero-store-display{max-width:100%;gap:12px;margin-top:21px}.store-mark{min-height:67px;padding:12px 10px;gap:9px;border-radius:11px}.store-mark>span{font-size:21px;letter-spacing:-.6px}.store-mark-icon{width:29px;height:31px;flex-basis:29px}
 .intro-video-section{padding-block:26px}.intro-video-section>.container{width:calc(100% - 32px)}.intro-video-frame{width:100%;max-width:430px;padding:7px;border-radius:23px}.intro-video-section .video-player-wrap{aspect-ratio:9/16;border-radius:15px}.intro-video-section .video-play-circle{width:75px;height:75px}.intro-video-section .video-play-circle .icon{width:31px;height:31px}
 .benefits{padding-block:31px 38px}.benefits .section-intro{margin-bottom:25px}.benefit-timeline{gap:16px}.benefit-timeline-item{grid-template-columns:43px minmax(0,1fr);gap:13px}.benefit-timeline-item:before{right:21px;top:-16px;bottom:-16px}.timeline-node{width:44px;height:44px;box-shadow:0 0 0 5px #fff9fd}.timeline-node>span{font-size:17px}.benefit-timeline .benefit-card{padding:20px 17px 21px;border-radius:14px}.benefit-timeline .benefit-card>.icon{float:none;width:37px;height:37px;padding:8px;margin:0 0 13px}.benefit-timeline .benefit-card h3{font-size:24px;line-height:1.2;margin-bottom:10px}.benefit-timeline .benefit-card p{font-size:16px;line-height:1.6}
}
@media(max-width:365px){.hero-store-display{gap:10px}.store-mark{min-height:60px;padding:11px 7px;gap:7px;border-radius:10px}.store-mark>span{font-size:17px;letter-spacing:-.5px}.store-mark-icon{width:25px;height:27px;flex-basis:25px}.intro-video-section>.container{width:calc(100% - 26px)}.intro-video-frame{padding:6px;border-radius:20px}.intro-video-section .video-player-wrap{border-radius:13px}.intro-video-section .video-play-circle{width:68px;height:68px}.benefit-timeline-item{grid-template-columns:39px minmax(0,1fr);gap:11px}.benefit-timeline-item:before{right:19px}.timeline-node{width:40px;height:40px}.timeline-node>span{font-size:16px}.benefit-timeline .benefit-card{padding:18px 15px}.benefit-timeline .benefit-card h3{font-size:22px}.benefit-timeline .benefit-card p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.intro-video-section .video-play-circle{transition:none}}