/* OKNOBER first screen. Geometry follows 1920px Figma frame 115:227. */
.ab-hero{position:relative;isolation:isolate;height:969rem;min-height:650px;overflow:hidden;background-color:#151517;color:#e8e7e7}
.ab-hero::before{content:"";position:absolute;z-index:-2;inset:0;background-image:var(--ab-hero-bg);background-position:center top;background-size:cover;background-repeat:no-repeat}
/* This exact directional overlay is part of the Figma frame (not an arbitrary tint). */
.ab-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(270deg,rgba(21,21,23,.384) 0%,rgba(21,21,23,.8) 15.928%,rgba(21,21,23,.8) 91.146%,rgba(21,21,23,.24) 100%)}
.ab-hero__inner{height:100%;position:relative}
.ab-hero__copy{position:absolute;z-index:2;top:209rem;left:7rem;max-width:610rem;width:610rem;display:flex;flex-direction:column;align-items:flex-start}
.ab-hero__title{margin:0;max-width:608rem;font-size:52rem;font-weight:700;line-height:1.25;letter-spacing:0}
.ab-hero__description{font-size:22rem;line-height:1.3;color:rgba(232,231,231,.8);margin-top:33rem;max-width:570rem}
.ab-hero__benefits{list-style:none;display:flex;flex-direction:column;align-items:flex-start;gap:15rem;margin:39rem 0 0;padding:0}
.ab-hero__benefits li{display:flex;align-items:center;gap:25rem;max-width:610rem;font-size:20rem;line-height:1.36;white-space:normal}
.ab-hero__benefits img{width:26rem;height:27rem;flex:0 0 26rem;display:block}
.ab-hero__benefits strong{font-weight:700}
.ab-hero__cta{width:420rem;height:76rem;margin-top:44rem;font-size:23rem;letter-spacing:.46rem;white-space:nowrap;padding:0 22rem}
.ab-hero__cta-arrow{font-family:Arial,sans-serif;font-size:28rem;line-height:1;font-weight:400;margin-left:0}
.ab-hero__carousel{position:absolute;z-index:3;top:158rem;left:691rem;right:calc(-140rem);height:681rem;overflow:hidden;touch-action:pan-y;overscroll-behavior-x:contain}
.ab-hero__slides{height:100%;width:100%;position:relative}
.ab-hero__slide{position:absolute;top:0;left:0;width:615rem;height:681rem;border:1px solid rgba(255,255,255,.75);border-radius:30rem;overflow:hidden;isolation:isolate;background:#151517;color:#e8e7e7;transform-origin:top left;transform:translate(var(--ab-x,1400rem),var(--ab-y,0rem)) scale(var(--ab-scale,.812));opacity:var(--ab-opacity,0);transition:transform .63s cubic-bezier(.22,.72,.18,1),opacity .4s ease;will-change:transform;pointer-events:none;user-select:none;-webkit-user-select:none}
/* Server-rendered fallback when JavaScript is disabled or delayed. Inline JS state wins after initialization. */
.ab-hero__slide:first-child{--ab-x:0rem;--ab-y:0rem;--ab-scale:1;--ab-opacity:1;pointer-events:auto}
.ab-hero__slide:nth-child(2){--ab-x:661rem;--ab-y:64rem;--ab-scale:.812;--ab-opacity:1}
.ab-hero__slide[data-state="active"],.ab-hero__slide[data-state="next"]{pointer-events:auto}
.ab-hero__slide-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;transition:transform .32s ease}
.ab-hero__slide:hover .ab-hero__slide-photo{transform:scale(1.03)}
.ab-hero__slide.is-tapped .ab-hero__slide-photo{transform:scale(1.05)}
.ab-hero__slide-overlay{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.8) 100%);pointer-events:none}
.ab-hero__slide-content{position:absolute;z-index:2;bottom:40rem;left:51rem;right:30rem}
.ab-hero__slide-content h2{margin:0 0 19rem;font-size:36rem;line-height:1.15;font-weight:500}
.ab-hero__price-link{display:inline-flex;align-items:center;gap:16rem;width:max-content;font-size:21.8rem;font-weight:500;line-height:1.2;transition:transform .2s,color .2s}
.ab-hero__price-link span{padding-bottom:4rem;border-bottom:2px dashed rgba(255,255,255,.5)}
.ab-hero__price-link img{width:38rem;height:38rem;flex:0 0 auto;display:block}
.ab-hero__price-link:hover{transform:translateY(-3rem);color:#fff}
.ab-hero__slide--final{background:#17171a}
.ab-hero__final-center{position:absolute;top:42%;left:50%;width:80%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:26rem}
.ab-hero__final-center>img{width:90rem;height:90rem}
.ab-hero__final-center h2{font-size:39rem;line-height:1.18;margin:0;font-weight:500}
.ab-hero__final-download{position:absolute;left:51rem;bottom:41rem;font-size:22rem;border-bottom:2px dashed rgba(255,255,255,.5);padding-bottom:6rem}
.ab-hero__controls{position:absolute;top:calc(50% - 32.5rem);left:26rem;width:564rem;display:flex;align-items:center;justify-content:space-between;z-index:8;pointer-events:none}
.ab-hero__control{width:65rem;height:65rem;display:grid;place-items:center;position:relative;border:0;border-radius:20rem;background:rgba(0,0,0,.54);color:#fff;pointer-events:auto;transition:background .2s,transform .2s,opacity .2s}
.ab-hero__control:hover:not(:disabled){transform:scale(1.08);background:rgba(0,0,0,.78)}
.ab-hero__control:disabled{opacity:.33;cursor:default}
.ab-hero__control::before{content:"";width:15rem;height:15rem;border:solid #fff;border-width:0 2.5rem 2.5rem 0;transform:rotate(135deg);margin-left:6rem}
.ab-hero__control--next::before{transform:rotate(-45deg);margin-left:-6rem}
.ab-hero__pagination{display:none}
@media(max-width:1600px) and (min-width:901px){.ab-hero__copy{top:205rem}.ab-hero__carousel{left:690rem}}
@media(max-width:1250px) and (min-width:901px){.ab-hero__copy{max-width:565rem;width:565rem}.ab-hero__title{font-size:48rem}.ab-hero__carousel{left:650rem}}
@media(max-width:900px){.ab-hero{height:auto;min-height:0;padding:94px 0 60px}.ab-hero__inner{display:flex;flex-direction:column;gap:0}.ab-hero__copy{display:contents}.ab-hero__title{order:2;font-size:40px;max-width:700px;line-height:1.14;margin:0}.ab-hero__description{order:3;font-size:20px;line-height:1.35;max-width:650px;margin-top:18px}.ab-hero__cta{order:4;width:360px;max-width:100%;height:65px;margin-top:28px;font-size:19px;letter-spacing:0}.ab-hero__benefits{order:5;margin-top:36px;gap:16px}.ab-hero__benefits li{font-size:18px;max-width:710px;gap:15px}.ab-hero__benefits img{width:24px;height:25px;flex-basis:24px}.ab-hero__carousel{order:1;position:relative;z-index:3;top:auto;left:auto;right:auto;width:min(100%,600px);height:330px;overflow:hidden;margin-bottom:35px}.ab-hero__slides{height:100%}.ab-hero__slide{top:0;left:0;width:100%;height:100%;border-radius:16px;transform-origin:top left}.ab-hero__slide-content{left:28px;bottom:25px;right:20px}.ab-hero__slide-content h2{font-size:28px;margin-bottom:12px}.ab-hero__price-link{font-size:17px;gap:10px}.ab-hero__price-link img{width:29px;height:29px}.ab-hero__controls{top:calc(50% - 23px);left:14px;width:calc(100% - 28px)}.ab-hero__control{width:46px;height:46px;border-radius:11px}.ab-hero__control::before{width:11px;height:11px;border-width:0 2px 2px 0;margin-left:4px}.ab-hero__control--next::before{margin-left:-4px}.ab-hero__final-center{gap:16px}.ab-hero__final-center>img{width:58px;height:58px}.ab-hero__final-center h2{font-size:29px}.ab-hero__final-download{font-size:18px;left:28px;bottom:28px}}
@media(max-width:600px){.ab-hero{padding:89rem 0 52rem}.ab-hero::before{background-position:center top}.ab-hero__carousel{width:100%;height:300rem;margin-bottom:26rem}.ab-hero__slide{border-radius:15rem}.ab-hero__slide-content{left:24rem;right:16rem;bottom:20rem}.ab-hero__slide-content h2{font-size:26rem;margin-bottom:10rem}.ab-hero__price-link{font-size:16rem;gap:9rem}.ab-hero__price-link img{width:26rem;height:26rem}.ab-hero__controls{top:calc(50% - 20rem);left:12rem;width:calc(100% - 24rem)}.ab-hero__control{width:42rem;height:42rem;border-radius:11rem}.ab-hero__control::before{width:10rem;height:10rem;border-width:0 2rem 2rem 0}.ab-hero__title{font-size:34rem;line-height:1.12;max-width:100%}.ab-hero__description{font-size:16rem;line-height:1.32;margin-top:14rem}.ab-hero__cta{width:100%;height:58rem;min-height:58rem;margin-top:22rem;font-size:18rem;border-radius:9rem}.ab-hero__cta-arrow{font-size:25rem}.ab-hero__benefits{margin-top:26rem;gap:13rem}.ab-hero__benefits li{font-size:16rem;line-height:1.25;gap:12rem}.ab-hero__benefits img{width:22rem;height:23rem;flex-basis:22rem}.ab-hero__final-center h2{font-size:27rem}.ab-hero__final-download{left:24rem;bottom:23rem;font-size:17rem}}

@media(max-width:900px){.ab-hero__slide:nth-child(2){--ab-x:calc(100% + 18px);--ab-y:0;--ab-scale:1;--ab-opacity:0}}