#clb.stream.yalla .sheet{background:#fff9f0;max-width:1440px;width:min(94vw,1440px)}
#clb.yalla .media{gap:0;display:block}#clb.yalla .lbfoot{background:#fff9f0}#clb.yalla .totop{color:#18151f;border-color:#c8bdcf}
.yalla-case{--yi:#18151f;--yv:#7146ff;--yc:#fff4e4;--ya:#ff704f;color:var(--yi);background:#fff9f0;font-family:Manrope,Inter,sans-serif}
.yalla-case *{box-sizing:border-box}.yalla-case h1,.yalla-case h2,.yalla-case p,.yalla-case figure{margin:0}.yalla-case button,.yalla-case a{-webkit-tap-highlight-color:transparent}.yalla-case video{height:auto}.yalla-case img{display:block;width:100%;height:auto}.yalla-case button{font:inherit}.yalla-case .y-kicker{font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.yalla-case .y-pad{padding:clamp(32px,5vw,76px)}
.y-head{padding:85px 64px 66px;display:grid;grid-template-columns:1.4fr 1fr;gap:70px;background:#fff4e4}.y-head h1{font-size:clamp(70px,10vw,150px);font-weight:800;line-height:.94;letter-spacing:-.075em;margin:30px 0}.y-head h1 span{color:#7146ff}.y-head .y-intro{max-width:35ch;font-size:20px;line-height:1.5}.y-meta{align-self:end}.y-meta div{display:flex;justify-content:space-between;gap:25px;padding:17px 0;border-top:1px solid #d7cddb;font-size:13px}.y-meta dt{color:#625a6d}.y-meta dd{text-align:right;font-weight:700;max-width:28ch;margin:0}
.y-hero{position:relative;background:#fff4e4}.y-hero video{width:100%;height:auto;display:block;aspect-ratio:16/9}.yalla-case .vtoggle{right:24px;bottom:24px}.yalla-case .vtoggle svg{fill:currentColor}
.y-brief{display:grid;grid-template-columns:.45fr 1.55fr;gap:35px;padding-top:100px;padding-bottom:110px}.y-brief h2{font-size:clamp(34px,4.8vw,68px);line-height:1.08;letter-spacing:-.055em;max-width:22ch}.y-brief p:last-child{font-size:18px;line-height:1.65;max-width:60ch;margin-top:30px;color:#625a6d}
.y-section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:40px}.y-section-head h2{font-size:clamp(32px,4vw,58px);line-height:1.05;letter-spacing:-.05em;max-width:18ch;margin-top:18px}.y-section-head>p{font-size:16px;line-height:1.65;max-width:38ch;color:#625a6d}.y-film{background:#18151f;color:#fff4e4}.y-film .y-section-head>p{color:#c9b8ff}.y-film video{width:100%;display:block;aspect-ratio:16/9;background:#18151f;border-radius:18px}
.y-shot{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;overflow:hidden;border-radius:20px}.y-system{background:#fff9f0}.y-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.y-chapters{background:#eee5ff}.y-chapters figcaption{font-size:12px;line-height:1.5;margin-top:15px;font-weight:700}.y-chapters .y-shot{border-radius:15px}.y-product{background:#c9b8ff}.y-product .y-shot{border-radius:0}.y-product .y-section-head>p{color:#393047}.y-link{display:inline-flex;align-items:center;gap:20px;min-height:48px;border-radius:40px;padding:15px 24px;color:#fff4e4;background:#18151f;text-decoration:none;font-size:14px;font-weight:700;margin-top:24px}
.y-social{background:#fff9f0}.y-social-grid>video{width:min(100%,371px);max-height:none;justify-self:center}.y-social-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:center}.y-social video{width:100%;max-height:660px;display:block;aspect-ratio:9/16;border-radius:30px;background:#18151f}.y-social .y-shot{border-radius:24px}.y-social-copy{margin-top:28px;font-size:16px;line-height:1.7;color:#625a6d;max-width:45ch}.y-bumpers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:55px}.y-bumpers .case-video-wrap{max-width:292px;margin:auto}.y-bumpers video{max-height:none;width:100%;border-radius:20px}.y-bumpers figcaption{font-size:12px;font-weight:700;margin-top:14px}
.y-carousel{background:#7146ff;color:#fff4e4}.y-carousel .y-section-head>p{color:#eee5ff}.y-carousel-tools{display:flex;gap:12px}.y-carousel-tools button{border:1px solid #c9b8ff;border-radius:50%;width:48px;height:48px;background:transparent;color:#fff4e4;font-size:25px;cursor:pointer}.y-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:0;padding:0 0 25px;list-style:none;scrollbar-color:#c9b8ff transparent}.y-track li{flex:0 0 42%;scroll-snap-align:start;min-width:0}.y-track .y-shot{border-radius:18px}.y-track figcaption{margin-top:14px;font-size:12px;color:#fff4e4}
.y-outdoor{background:#fff4e4}.y-outdoor .y-shot+.y-shot{margin-top:30px}.y-outdoor .y-street{border-radius:24px}.y-library{border-top:1px solid #ddd1e1;margin-top:45px;padding-top:25px}.y-library summary{font-size:16px;font-weight:700;cursor:pointer;min-height:44px;padding:10px 0}.y-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}.y-library-grid .y-shot{border-radius:12px}.y-library-grid figcaption{font-size:12px;line-height:1.5;margin-top:12px}.y-library .y-banner-pair{display:grid;grid-template-columns:1fr 3fr;gap:24px;margin-top:30px;align-items:start}.y-library .y-banner-pair img{object-fit:contain}.y-banner-pair figure:first-child{max-width:250px}
@media(hover:hover){.y-link:hover{background:#7146ff}.y-shot img{transition:transform .4s}.y-shot:hover img{transform:scale(1.015)}.y-carousel-tools button:hover{background:#fff4e4;color:#7146ff}}
@media(max-width:760px){#clb.stream.yalla .sheet{width:100%;border-radius:0;margin:0}.y-head{grid-template-columns:1fr;gap:36px;padding:85px 24px 35px}.y-head h1{font-size:88px}.y-head .y-intro{font-size:17px}.yalla-case .y-pad{padding:34px 24px}.y-brief{grid-template-columns:1fr;gap:25px;padding-top:50px;padding-bottom:55px}.y-brief h2{font-size:38px}.y-brief p:last-child{font-size:16px}.y-section-head{display:block;margin-bottom:28px}.y-section-head>p{margin-top:22px;font-size:15px}.y-grid3{grid-template-columns:1fr;gap:28px}.y-chapters figcaption{font-size:12px}.y-chapters .y-shot{border-radius:8px}.y-social-grid{grid-template-columns:1fr;gap:28px}.y-social video{max-height:620px;width:min(100%,350px);margin:auto}.y-bumpers{display:flex;overflow-x:auto;gap:16px;margin-top:35px;scroll-snap-type:x mandatory}.y-bumpers figure{flex:0 0 82%;scroll-snap-align:start}.y-bumpers video{border-radius:12px}.y-track li{flex-basis:82%}.y-carousel-tools{margin-top:24px}.y-library-grid{grid-template-columns:1fr 1fr;gap:15px}.y-library .y-banner-pair{grid-template-columns:1fr;gap:24px}}
@media(prefers-reduced-motion:reduce){.yalla-case *{scroll-behavior:auto!important;transition:none!important}}


.yalla-case .y-pad{padding:clamp(40px,6vw,88px) clamp(24px,5vw,72px)}
.y-section-head{margin-bottom:40px;gap:48px;align-items:start}
.y-section-head h2{margin-top:0;line-height:1.06;letter-spacing:-.055em}
.y-section-head>p{padding-top:3px;line-height:1.6}
.y-brief{grid-template-columns:1fr;padding-block:clamp(48px,7vw,100px)}
.y-brief>div{max-width:780px;margin:auto;width:100%}
.y-brief h2{max-width:20ch}.y-brief p:last-child{margin-top:24px}
.y-head h1{margin-top:0}.y-system .y-shot{border-radius:12px}
.y-grid3{gap:24px}.y-chapters .y-shot{border-radius:10px}
.y-product{background:#18151f;color:#fff4e4}.y-product .y-section-head>p{color:#c9b8ff}
.y-product .y-shot{overflow:visible}.y-product .y-link{background:#c9b8ff;color:#18151f}
.y-social-grid{display:flex;justify-content:center;padding:48px;background:#e8dfff;border-radius:20px}
.y-social-grid>video{width:min(100%,440px);max-height:none;border-radius:18px;margin:0}
.y-bumpers{gap:24px;margin-top:48px}.y-bumpers .case-video-wrap{max-width:none}
.y-bumpers video{border-radius:14px}.yalla-case .vtoggle{width:44px;height:44px;right:16px;bottom:16px}
.y-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:760px){.yalla-case .y-pad{padding:44px 22px}.y-section-head{margin-bottom:28px;gap:24px}.y-section-head h2{font-size:36px}.y-section-head>p{padding:0;margin-top:20px}.y-head h1{margin-bottom:26px}.y-brief{display:block}.y-grid3{gap:22px}.y-social-grid{padding:20px;border-radius:12px}.y-social-grid>video{width:100%;max-height:none}.y-bumpers{margin-top:24px;gap:16px;padding-bottom:12px}.y-bumpers figure{flex-basis:86%}.y-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.y-track{margin-bottom:0}.y-track li{flex-basis:88%}.yalla-case .vtoggle{width:38px;height:38px;right:12px;bottom:12px}}


.y-brand-spreads{display:grid;gap:24px}.y-brand-spreads .y-shot{border-radius:0}
.y-social{background:#18151f;color:#fff4e4}
.y-social-lead{display:grid;grid-template-columns:1.12fr 1fr;gap:24px;align-items:stretch}
.y-social-lead>video{width:100%;max-height:none;border-radius:0;aspect-ratio:9/16;background:#18151f}
.y-social-city{position:relative;isolation:isolate;overflow:hidden;min-width:0;background:#18151f}
.y-social-city>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}
.y-social-city:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 25%,rgba(0,0,0,.84) 100%);z-index:0}
.y-social-editorial{position:absolute;bottom:0;left:0;right:0;padding:clamp(24px,3.5vw,48px);z-index:1}
.y-social-editorial h2{font-size:clamp(32px,4.3vw,62px);line-height:1.04;letter-spacing:-.045em;margin:0 0 24px;max-width:12ch}
.y-social-editorial p{font-size:17px;line-height:1.6;max-width:28ch;color:#fff4e4}
.y-social .y-bumpers{margin-top:24px;gap:24px}.y-social .y-bumpers video{border-radius:0}
@media(max-width:760px){.y-brand-spreads{gap:14px}.y-social-lead{grid-template-columns:1fr;gap:22px}.y-social-city{min-height:340px}.y-social-editorial{padding:26px}.y-social-editorial h2{font-size:39px;margin-bottom:20px}.y-social-editorial p{font-size:16px}.y-social-lead>video{width:100%;max-height:none}.y-social .y-bumpers{gap:16px}}

@font-face{font-family:YallaDisplay;src:url('project-images/yalla-grid/BarlowCondensed-Black.ttf') format('truetype');font-style:normal;font-weight:900;font-display:swap}
@font-face{font-family:YallaDisplay;src:url('project-images/yalla-grid/BarlowCondensed-Light.ttf') format('truetype');font-style:normal;font-weight:300;font-display:swap}
.yalla-case h1,.yalla-case h2{font-family:YallaDisplay,Manrope,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.015em;line-height:.94}
.y-head h1{font-size:clamp(104px,12vw,190px);line-height:.86;letter-spacing:-.02em}
.y-section-head h2{font-size:clamp(48px,5.7vw,80px);line-height:.94;letter-spacing:-.015em}
.y-section-head h2 span{font-weight:300}.y-film h2 span{color:#c9b8ff}
.y-brief h2{font-size:clamp(46px,5.4vw,78px);line-height:.98;letter-spacing:-.015em;max-width:23ch}
.y-social-editorial h2{font-size:clamp(52px,6vw,86px);line-height:.9;letter-spacing:-.015em;margin-bottom:28px}
.y-social-editorial h2 span{font-weight:300}.y-social-editorial h2 strong{font-weight:900}
.y-social-editorial p{font-size:16px;max-width:28ch;line-height:1.55}
.y-carousel{background:#eee9e0;color:#18151f}
.y-carousel-tools button{border-color:#18151f;color:#18151f;background:transparent}
.y-track li{flex:0 0 clamp(240px,26vw,340px)}
.y-track .y-shot{border-radius:8px}.y-track{scrollbar-color:#908895 transparent}
@media(hover:hover){.y-carousel-tools button:hover{background:#18151f;color:#fff4e4}}
@media(max-width:760px){.y-head>div{min-width:0}.y-head h1{font-size:clamp(72px,26vw,104px)}.y-section-head h2{font-size:54px}.y-brief h2{font-size:50px}.y-social-editorial h2{font-size:57px}.y-track li{flex-basis:min(76vw,290px)}.y-social-editorial p{font-size:15px}}


.y-section-head{margin-bottom:30px;gap:38px}.y-section-head h2{line-height:.86;letter-spacing:-.022em}.y-section-head>p{line-height:1.45}
.y-system h2 span,.y-outdoor h2 span,.y-product h2{color:#7146ff}.y-chapters h2 span{color:#7146ff}.y-carousel h2 span{color:#7146ff}
.y-social-editorial h2{line-height:.85;margin-bottom:20px}.y-social-editorial h2 strong{color:#c9b8ff}
@media(max-width:760px){.y-section-head{margin-bottom:24px}.y-section-head h2{line-height:.88}.y-head{padding-bottom:40px}.y-social-editorial h2{line-height:.88}}

.y-film>video{margin-bottom:30px}.y-film>.y-section-head{margin-bottom:0}


.y-player{min-width:0;width:100%;overflow:hidden;background:#18151f;border-radius:12px;color:#fff4e4}
.y-player>video{display:block;width:100%;height:auto;margin:0;border-radius:0}
.y-player-tools{display:grid;grid-template-columns:30px minmax(30px,1fr) auto auto 30px;align-items:center;gap:14px;padding:12px 14px;font-size:12px;font-weight:600;background:#18151f}
.y-player-tools button{border:0;background:transparent;color:#fff4e4;padding:4px;cursor:pointer;white-space:nowrap;min-height:30px}
.y-player-tools input{width:100%;min-width:0;accent-color:#c9b8ff;cursor:pointer}
.y-player-tools button:focus-visible,.y-player-tools input:focus-visible{outline:2px solid #c9b8ff;outline-offset:2px}
.y-film>.y-player{margin-bottom:30px}.y-social-lead>.y-player{align-self:start}.y-social-lead>.y-player video{max-height:none}
.y-player:fullscreen{display:flex;flex-direction:column;justify-content:center;background:#000;border-radius:0}.y-player:fullscreen>video{max-height:calc(100vh - 60px);object-fit:contain}.y-player:fullscreen .y-player-tools{width:100%}
@media(max-width:760px){.y-player-tools{gap:8px;padding:8px 10px;font-size:11px}.y-player-tools [data-y-time]{display:none}.y-player-tools{grid-template-columns:28px minmax(30px,1fr) auto 28px}}

.y-social .y-player{box-shadow:0 0 0 1px rgba(113,70,255,.4)}.y-social .y-player-tools{background:#221a34}.y-social .y-player-tools input{accent-color:#c9b8ff}

.y-social .y-bumpers .vtoggle{top:12px;left:12px;right:auto;bottom:auto}


.y-walkthrough{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);gap:clamp(28px,5vw,84px);align-items:center;max-width:1120px;margin:auto}
.y-walkthrough-copy{max-width:480px}.y-step-number{font-weight:800;font-size:14px;letter-spacing:.08em;color:#7146ff;margin-bottom:24px!important}
.y-walkthrough h3{font-family:YallaDisplay,Manrope,sans-serif;font-size:clamp(42px,5vw,72px);text-transform:uppercase;line-height:.96;letter-spacing:-.015em;margin:0 0 22px;max-width:12ch}
.y-walkthrough-copy>p[data-y-step-copy]{font-size:18px;line-height:1.45;max-width:28ch;min-height:3em}
.y-step-progress{height:5px;background:rgba(24,21,31,.15);margin:30px 0 22px;overflow:hidden}.y-step-progress>span{display:block;width:100%;height:100%;background:#7146ff;transform-origin:left;transform:scaleX(var(--step-progress,0));transition:transform .1s linear}
.y-step-controls{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.y-step-dots{display:flex;gap:8px}.y-step-dots button{height:44px;width:44px;border:1px solid #a79fae;border-radius:0;background:transparent;color:#18151f;cursor:pointer;font-weight:700}.y-step-dots button.is-active{background:#18151f;border-color:#18151f;color:#fff4e4}
.y-auto-toggle{min-height:44px;border:0;border-bottom:1px solid currentColor;background:transparent;color:#18151f;font-size:13px!important;font-weight:700;cursor:pointer;padding:4px 0}
.y-carousel .y-track{width:100%;max-width:390px;gap:0;overflow:hidden;padding:0;margin:0;scroll-snap-type:x mandatory;scrollbar-width:none;border:1px solid rgba(24,21,31,.08)}
.y-carousel .y-track li{flex:0 0 100%;width:100%;scroll-snap-align:start}.y-carousel .y-track .y-shot{border-radius:0}.y-step-controls button:focus-visible{outline:3px solid #7146ff;outline-offset:4px}
@media(max-width:760px){.y-walkthrough{grid-template-columns:1fr;gap:28px}.y-walkthrough-copy{max-width:none}.y-walkthrough h3{font-size:48px;max-width:none}.y-walkthrough-copy>p[data-y-step-copy]{font-size:16px;min-height:0}.y-step-number{margin-bottom:14px!important}.y-step-progress{margin:20px 0 18px}.y-carousel .y-track{max-width:360px;margin:auto}.y-carousel-tools{margin-top:20px}.y-step-controls{gap:14px}}
@media(prefers-reduced-motion:reduce){.y-step-progress>span{transition:none}}


.y-demo{display:grid;grid-template-columns:1fr 430px;gap:clamp(40px,6vw,100px);align-items:center;background:#18151f;color:#fff4e4;overflow:hidden;min-height:900px}
.y-demo-copy{max-width:580px}.y-demo-copy h2{font-family:Manrope,Arial,sans-serif!important;font-weight:800!important;font-size:clamp(64px,7vw,100px)!important;line-height:.98!important;letter-spacing:-.065em!important;text-transform:none!important;margin:0 0 32px!important;color:#fff4e4!important}.y-demo-copy h2 span{color:#c9b8ff}.y-demo-copy>p{font-family:Manrope,Arial,sans-serif;font-size:20px;line-height:1.6;max-width:27ch;color:#e0d9ed}.y-demo-start{display:flex;justify-content:space-between;align-items:center;gap:60px;min-height:60px;padding:16px 24px;background:#c9b8ff;color:#18151f;border:0;border-radius:12px;font:700 18px Manrope,Arial,sans-serif;cursor:pointer;margin:32px 0 22px}.y-demo-start:focus-visible,.y-demo-cover:focus-visible{outline:3px solid #fff4e4;outline-offset:5px}.y-demo-start:disabled{opacity:.7;cursor:wait}.y-demo-copy .y-demo-hint{font-size:14px;line-height:1.6;max-width:30ch}.y-demo-link{display:inline-block;color:#fff4e4;font-size:14px;text-decoration:underline;text-underline-offset:5px;margin:20px 0}.y-demo-copy small{display:block;font-size:12px;line-height:1.6;color:#b8b1c5;max-width:34ch}.y-demo-device{position:relative;width:100%;max-width:400px;justify-self:center;aspect-ratio:430/932;background:#08080b;border:2px solid #74727c;border-radius:57px;box-shadow:0 40px 90px #0008;padding:30px 10px 20px}.y-demo-screen{height:100%;position:relative;overflow:hidden;border-radius:36px;background:#18151f}.y-demo-home{display:block;width:100%;height:100%;object-fit:fill}.y-demo-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#18151f}.y-demo-island{position:absolute;top:12px;left:36%;width:28%;height:13px;border-radius:20px;background:#000;pointer-events:none}.y-demo-cover{position:absolute;inset:0;border:0;background:transparent;cursor:pointer;z-index:2}.y-demo-cover span{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#c9b8ff;color:#18151f;padding:12px 20px;border-radius:30px;font:700 14px Manrope,Arial,sans-serif;box-shadow:0 4px 20px #0008}.is-started .y-demo-cover span{font-size:0}.is-started .y-demo-cover span:after{content:'Loading demo…';font-size:14px}.is-ready .y-demo-cover,.is-ready .y-demo-home{display:none}
@media(max-width:760px){.y-demo{grid-template-columns:1fr;min-height:0;gap:40px}.y-demo-copy h2{font-size:72px!important}.y-demo-copy>p{font-size:17px}.y-demo-device{width:min(100%,350px)}.y-demo-copy .y-demo-hint{max-width:none}}

.y-demo-screen iframe{transform:scale(1.35);transform-origin:center center}.y-demo-device{width:min(400px,calc(88svh * .4614))}.y-demo{min-height:0}
@media(max-width:760px){.y-demo-device{width:min(100%,350px)}}

.y-demo-screen iframe{transform:scale(var(--demo-scale,1.55))}


.y-demo-copy h2{font-family:YallaDisplay,Arial,sans-serif!important;font-size:clamp(64px,7.2vw,104px)!important;font-weight:900!important;line-height:.92!important;letter-spacing:-.025em!important;text-transform:uppercase!important;transform:rotate(-2deg);transform-origin:left center;margin-bottom:38px!important}
.y-demo-copy h2 span{font-weight:300;color:#c9b8ff}.y-demo-copy>p{font-size:18px;line-height:1.6;max-width:30ch}.y-demo-copy .y-demo-link{margin-top:28px}.y-demo-copy small{margin-top:12px}.y-demo{background:radial-gradient(ellipse at 90% 85%,#302642 0,transparent 54%),#18151f}
@media(max-width:760px){.y-demo-copy h2{font-size:70px!important}.y-demo-copy>p{font-size:17px}}


.y-demo{grid-template-columns:.85fr 1.15fr;gap:30px;background:#18151f;padding-bottom:56px!important}
.y-product-stage{position:relative;min-width:0;height:650px;isolation:isolate}
.y-product-disc{position:absolute;width:480px;height:480px;right:-100px;top:100px;border-radius:50%;background:#302644;z-index:-1}
.y-product-stage .y-demo-device{position:absolute;right:12px;top:0;width:282px;max-width:none;padding:30px 10px 20px;transform:rotate(5deg);z-index:2;box-shadow:0 26px 50px #0008}
.y-product-car{position:absolute;bottom:2px;left:-110px;width:680px!important;max-width:none;height:auto;z-index:1;filter:drop-shadow(0 22px 16px #0009)}
.y-demo-screen .y-demo-home{display:block!important}.y-demo-copy small{color:#b8b1c5}
@media(min-width:1450px){.y-product-stage .y-demo-device{width:300px;right:40px}.y-product-car{width:740px!important;left:-100px;bottom:-5px}}
@media(max-width:1000px) and (min-width:761px){.y-demo{grid-template-columns:1fr 1fr;gap:15px}.y-product-stage .y-demo-device{width:250px;right:-5px;top:30px}.y-product-car{width:570px!important;left:-145px;bottom:40px}}
@media(max-width:760px){.y-demo{grid-template-columns:1fr;gap:30px}.y-product-stage{height:650px;width:100%}.y-product-stage .y-demo-device{width:260px;right:8px;top:5px}.y-product-car{width:560px!important;left:-115px;bottom:15px}.y-product-disc{width:370px;height:370px;right:-140px;top:160px}}
@media(prefers-reduced-motion:reduce){.y-demo-device{transition:none}}

@media(min-width:761px){.y-demo-copy h2{font-size:clamp(64px,6.3vw,92px)!important}}


.y-product-disc,.y-product-car{display:none}.y-product-portrait{position:absolute;left:-80px;top:42px;width:460px;height:460px;overflow:hidden;border-radius:50%;border:5px solid #c9b8ff;transform:rotate(-6deg);box-shadow:0 22px 60px #0006}
.y-product-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;transform:rotate(6deg) scale(1.12)}
.y-product-stage .y-demo-device{top:35px;right:-8px;transform:rotate(7deg)}
.y-english{background:#18151f;color:#fff4e4}.y-english .y-section-head h2 span{color:#c9b8ff}.y-english .y-section-head>p{color:#d1cadb}
.y-scene-controls{display:flex;gap:28px;margin:0 0 24px;flex-wrap:wrap}.y-scene-controls button{color:#b8b1c5;background:none;border:0;border-bottom:3px solid transparent;padding:12px 0;font:700 14px Manrope,Arial,sans-serif;cursor:pointer}.y-scene-controls button[aria-pressed=true]{border-bottom-color:#c9b8ff;color:#fff4e4}.y-scene-controls button:focus-visible{outline:2px solid #c9b8ff;outline-offset:6px}
.y-scene-stage{border-radius:20px;overflow:hidden}.y-scene{position:relative;aspect-ratio:1.8;background:#18151f;isolation:isolate;overflow:hidden}.y-scene[hidden]{display:none}.y-scene-photo{position:absolute;width:100%;height:100%!important;object-fit:cover;object-position:50% 22%;z-index:-2}.y-scene-airport .y-scene-photo{object-position:50% 10%}.y-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#18151fe8,transparent 72%);z-index:-1}.y-scene-logo{position:absolute;top:32px;right:36px;width:130px!important;height:auto!important}.y-scene figcaption{position:absolute;left:42px;bottom:38px;right:32px}.y-scene h3{font-family:YallaDisplay,Arial,sans-serif;font-size:clamp(60px,7.3vw,108px);font-weight:900;text-transform:uppercase;line-height:.88;letter-spacing:-.015em;margin:0 0 24px;transform:rotate(-2deg);transform-origin:left bottom}.y-scene h3 span{color:#c9b8ff}.y-scene p{font-size:17px;line-height:1.5}.y-scene:not([hidden]){animation:ySceneIn .45s ease both}@keyframes ySceneIn{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.y-chapters .y-shot img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.y-chapters .y-shot:hover img{transform:scale(1.035)}.y-product-stage .y-demo-device{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.y-product-stage:hover .y-demo-device{transform:rotate(3deg) translateY(-8px)}}
@media(max-width:1000px) and (min-width:761px){.y-product-portrait{width:380px;height:380px;left:-65px;top:65px}.y-product-stage .y-demo-device{right:-10px;top:100px}}
@media(max-width:760px){.y-product-portrait{width:340px;height:340px;left:-70px;top:15px}.y-product-stage .y-demo-device{width:240px;right:-8px;top:200px}.y-product-stage{height:750px}.y-scene{aspect-ratio:.78}.y-scene figcaption{left:24px;bottom:32px;right:20px}.y-scene h3{font-size:64px}.y-scene p{font-size:15px}.y-scene-logo{width:105px!important;right:24px;top:24px}.y-scene-controls{gap:18px}.y-scene-controls button{font-size:11px}.y-scene-city .y-scene-photo{object-position:55% 25%}.y-scene-airport .y-scene-photo{object-position:44% 10%}}
@media(prefers-reduced-motion:reduce){.y-scene:not([hidden]){animation:none}.y-chapters .y-shot img,.y-product-stage .y-demo-device{transition:none}}

@media(max-width:760px){.y-scene h3{font-size:48px;line-height:.9;margin-bottom:18px}.y-scene figcaption{bottom:28px}.y-scene p{font-size:14px;max-width:27ch}}


.y-scene-beach .y-scene-photo{left:18%;top:-13%;width:100%;height:115%!important;object-position:50% 22%}
.y-scene-beach:after{background:linear-gradient(90deg,#18151f 0%,#18151f33 32%,transparent 58%),linear-gradient(0deg,#18151ff2,transparent 67%)}
.y-english-phone{position:absolute;left:3%;bottom:5%;height:84%!important;width:auto!important;max-width:25%;object-fit:contain;transform:rotate(-5deg);filter:drop-shadow(0 15px 20px #0008);z-index:1}
.y-scene-beach figcaption{left:30%;right:3%;bottom:7%}.y-scene-beach h3{font-size:clamp(50px,5.5vw,82px);max-width:6.8em;line-height:.92;margin-bottom:20px}.y-scene-beach p{max-width:25ch;font-size:16px}
@media(max-width:760px){.y-scene-beach{aspect-ratio:.66}.y-scene-beach .y-scene-photo{left:0;top:-8%;width:100%;height:108%!important;object-position:67% 25%}.y-scene-beach:after{background:linear-gradient(0deg,#18151ff2,transparent 78%)}.y-scene-beach .y-english-phone{left:4%;bottom:5%;height:49%!important;max-width:34%;transform:rotate(-4deg)}.y-scene-beach figcaption{left:42%;right:5%;bottom:9%}.y-scene-beach h3{font-size:34px;line-height:.94;margin-bottom:18px}.y-scene-beach p{font-size:12px;line-height:1.5}}

.y-english-phone{clip-path:inset(.25% 6.5% 4.5% 3.2% round 14% / 7%)}

.y-scene-beach .y-scene-photo{mask-image:linear-gradient(90deg,transparent,#000 22%)}
@media(max-width:760px){.y-scene-beach .y-scene-photo{object-position:61% 25%;mask-image:none}.y-scene-beach .y-english-phone{width:34%!important;height:auto!important;max-width:none;bottom:6%}}


.y-scene-beach .y-english-phone{bottom:calc(-3.8% - 10px)}
.y-scene-beach h3{transform:rotate(-3deg);line-height:.9;letter-spacing:-.025em}
@media(max-width:760px){.y-scene-beach .y-english-phone{bottom:-22px}.y-scene-beach h3{transform:rotate(-2deg);line-height:.94}}

@media(max-width:760px){.y-scene-beach .y-english-phone{bottom:-12px}}


.y-head{background:radial-gradient(42% 60% at 92% 18%,rgba(113,70,255,.24),transparent 70%),radial-gradient(38% 55% at 4% 96%,rgba(255,138,92,.22),transparent 70%),radial-gradient(30% 40% at 60% 110%,rgba(255,200,87,.18),transparent 70%),#fff4e4}

.y-head{background:radial-gradient(48% 70% at 96% 8%,rgba(113,70,255,.42),transparent 68%),radial-gradient(44% 64% at 0% 104%,rgba(255,122,74,.40),transparent 70%),radial-gradient(36% 50% at 58% 118%,rgba(255,200,40,.45),transparent 70%),radial-gradient(26% 36% at 30% -6%,rgba(255,134,194,.30),transparent 70%),#fff1dc}

.y-head{background:#e8dfff}.y-meta div{border-top-color:#c9b8ff}