/* Slide Dish 2 — Figma 5551:23278. Native assets keep their source aspect ratios. */
:root { --presentationBcg:#0e1212; --ink:#0e1212; --muted:rgba(255,255,255,.7); }
body { color:white; }
button, a { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible { outline:2px solid var(--primary); outline-offset:6px; }
.page-width { width:min(1400px,calc(100% - 96px)); margin-inline:auto; }
.topBar { padding:16px; }
.stickyNav { padding-left:28px; gap:24px; }
.logo img { width:111px; height:57px; object-fit:contain; }
.nav { gap:8px; }
.menu { color:white; }
.menu:hover { color:var(--primary); }
.mobile-menu-toggle { display:none; border:0; background:none; }
.close-menu { margin-left:auto;background:none;border:0;padding:8px; }
.pivot-hero { height:100vh; height:100svh; height:var(--hero-height,100svh); min-height:600px; position:relative; overflow:hidden; background:#0e1212; }
.hero-stage { position:absolute; inset:108px 20px 185px; display:grid; place-items:center; }
.hero-canvas { width:1400px; height:652px; flex:none; position:absolute; transform:scale(var(--hero-scale,.65)); }
.hero-opening { opacity:0; position:absolute; width:1400px; top:235px; text-align:center; font-size:64px; line-height:1.04; color:white; letter-spacing:-2px; }
.hero-opening span { color:var(--primary); }
.recipe-chaos { position:absolute; inset:0; opacity:0; }
.chaos-card { position:absolute; left:580px; top:166px; width:240px; height:320px; transform:translate(var(--x),var(--y)) scale(var(--s)); opacity:0; }
.chaos-card img { width:100%; height:100%; object-fit:cover; border-radius:32px; box-shadow:0 28px 80px #0009; }
.chaos-card span { position:absolute; top:330px; right:-72px; font-size:34px; color:#fffc; font-weight:700; font-variant-numeric:tabular-nums; }
.sorting-logo { opacity:0; position:absolute; left:600px; top:226px; width:200px; height:200px; filter:drop-shadow(0 8px 24px #000c) drop-shadow(0 20px 56px #0009); }
.app-logo { position:relative; width:200px; height:200px; }
.app-logo img { position:absolute; }
.logo-down { left:43.38px; top:43.4px; }
.logo-up { left:20px; top:20px; }
.hero-final { position:absolute; inset:0; }
.hero-pending .pivot-hero:not(.hero-started) .hero-final { opacity:0; }
.hero-final .phone { left:543px; top:0; }
.phone { width:269.839px; height:560.292px; position:absolute; filter:drop-shadow(0 28px 28px #0006); }
.hero-phone { width:314px; height:652px; }
.phone-frame { position:absolute; inset:0; }
.phone-screen { position:absolute; left:4.23%; top:2.11%; width:91.54%; height:95.78%; border-radius:34px; }
.phone-reflection { position:absolute; left:11.78%; top:2.11%; }
.phone-camera { position:absolute; left:37.18%; top:3.35%; }
.claim { position:absolute; font-weight:900; font-size:64px; line-height:1.04; letter-spacing:-1.8px; }
.claim-before { right:934px; top:110px; text-align:right; }
.claim-after { left:923px; top:416px; color:var(--primary); }
html[lang="cs"] .claim-after { font-size:50px; }
.recipe-queue { position:absolute; top:164px; left:496px; width:482px; height:383px; }
.recipe-queue > img { position:absolute; top:0; width:247.632px; height:330.176px; object-fit:cover; border-radius:22px; box-shadow:-25px 40px 60px #0007; }
.recipe-queue > img:nth-child(1) { left:0; transform:rotate(-2.95deg); filter:brightness(.7); }
.recipe-queue > img:nth-child(2) { left:55px; transform:rotate(3.92deg); filter:brightness(.8); }
.recipe-queue > img:nth-child(3) { left:132px; transform:rotate(15deg); }
.recipe-queue > img.basil { left:343px; top:120px; width:113.593px; height:113.593px; transform:rotate(15deg); border-radius:0; box-shadow:none; }
.hero-bottom { position:absolute; left:16px; right:16px; bottom:36px; display:flex; flex-direction:column; align-items:center; gap:24px; z-index:4; }
.hero-bottom p { color:white; font-size:16px; font-weight:700; }
.hero-bottom strong { color:var(--primary); }
.storeBtns { display:flex; justify-content:center; flex-wrap:wrap; gap:16px; }
.storeBtns a.storeBtn { display:flex;align-items:center;gap:8px;min-width:218px;padding:10px 16px 10px 10px;border:0;background:var(--gradient);color:var(--ink);transition:transform .2s,filter .2s; }
.storeBtn:hover { transform:translateY(-3px); filter:brightness(1.08); }
.storeBtn svg { fill:currentColor; }
.replay-hero { z-index:5; position:absolute; left:36px; bottom:38px; padding:10px; border:0; background:none; color:var(--muted); font-size:18px; }
.replay-hero span { font-size:12px; margin-left:5px; }
.how-section { padding:100px 0 60px; overflow:hidden; scroll-margin-top:100px; }
.section-heading { text-align:center; margin-bottom:56px; }
.section-heading h2,.creation-section>h2 { font-size:36px; line-height:1.2; color:white; }
.carousel-controls { margin-top:24px; display:flex; justify-content:center; gap:12px; }
.carousel-controls button { width:48px; height:48px; border:0; border-radius:16px; color:white; background:#ffffff0f; font-size:24px; transition:background .2s; }
.carousel-controls button:hover { background:#ffffff24; }
.carousel-controls button:disabled { opacity:.3; cursor:default; }
.steps-track { display:flex; align-items:center; gap:48px; overflow:auto; scroll-snap-type:x mandatory; padding:0 max(48px,calc((100vw - 1400px)/2)) 12px; scrollbar-width:none; }
.steps-track::-webkit-scrollbar { display:none; }
.step-card { flex:0 0 min(1232px,85vw); display:flex; align-items:center; background:#ffffff0f; border:1px solid #ffffff24; border-radius:56px; overflow:hidden; scroll-snap-align:center; min-height:420px; }
.step-art { width:42%; flex-shrink:0; height:420px; position:relative; overflow:hidden; }
.step-art .phone { left:50%; top:42px; transform:translateX(-50%); }
.step-copy { padding:48px 40px 48px 16px; }
.step-heading { display:flex; align-items:center; gap:24px; margin-bottom:24px; }
.step-heading>span { display:grid;place-items:center;width:64px;height:64px;background:#ffffff0f;border-radius:24px;font-size:24px;font-weight:700;flex:none; }
.step-heading h3 { font-size:clamp(36px,4.2vw,64px);line-height:1.04;color:white; }
.step-copy p { color:#fffc; font-size:20px; line-height:1.6; }
.pick-overlay { position:absolute; width:378.675px; height:452.012px; left:40%; top:105px; transform:rotate(8.25deg); }




.step-progress { display:flex;gap:8px;justify-content:center;margin-top:28px; }
.step-progress span { width:6px;height:6px;border-radius:99px;background:#ffffff3d;transition:width .25s,background .25s; }
.step-progress .active { width:26px;background:var(--primary); }
.taste-section { display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding-block:100px;scroll-margin-top:80px; }
.taste-art { position:relative;aspect-ratio:1;min-width:0; }
.taste-canvas { position:absolute;width:736px;height:736px;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--taste-scale,.8)); }
.taste-web { position:absolute;left:-55px;top:0;width:846.4px;height:733.547px; }
.taste-web>img { position:absolute; }
.web-one { left:150.47px;top:94.04px; }.web-two { left:206.9px;top:150.47px; }.web-three { left:263.32px;top:206.9px; }.web-four { left:319.75px;top:263.32px; }
.taste-shape { position:absolute;left:240.99px;top:152.82px;transform-origin:43% 49%;animation:taste-shift 7s ease-in-out infinite alternate; }
.dna-symbol { left:358.4px;top:264.6px;width:129.56px;height:194.36px;object-fit:contain; }
.taste-food { position:absolute;object-fit:cover;border-radius:24px;box-shadow:0 24px 50px #0006;animation:food-float 6s ease-in-out infinite alternate; }
.food-one { left:73px;top:411px;width:92px;height:123px; }.food-two { left:476px;top:51px;width:143px;height:190px;animation-delay:-3s; }.food-three { left:611px;top:499px;width:92px;height:121px;animation-delay:-1s; }.food-four { left:200px;top:628px;width:59px;height:76px;animation-delay:-4s; }
.taste-score { position:absolute;color:var(--primary);font-size:20px; }.score-one{left:140px;top:90px}.score-two{left:80px;top:146px;opacity:.5}.score-three{left:605px;top:646px}.score-four{left:280px;top:687px;opacity:.3}
@keyframes food-float { from{transform:translateY(-7px) rotate(-3deg)}to{transform:translateY(9px) rotate(3deg)} }
@keyframes taste-shift { from{transform:scale(.93,1.04) rotate(-5deg)}to{transform:scale(1.08,.94) rotate(6deg)} }
.taste-copy { min-width:0; }
.dna-chip { display:inline-flex;align-items:center;gap:8px;border:1px solid #a5dfbc5c;background:#a5dfbc26;border-radius:99px;padding:10px 16px;margin-bottom:24px;color:var(--primary);font-size:14px; }
.dna-chip-icon { display:block;width:24px;height:24px;flex:none;background:var(--primary);-webkit-mask:url(img/pivot/taste-dna.svg) center/contain no-repeat;mask:url(img/pivot/taste-dna.svg) center/contain no-repeat; }
.taste-copy h2 { font-size:clamp(36px,4.5vw,64px);line-height:1.04;color:white;letter-spacing:-1.2px;margin-bottom:48px; }
.taste-copy h2 span { color:var(--primary); }.taste-copy p{font-size:20px;line-height:1.6;color:#fffc;margin-top:24px;}.taste-copy strong{color:white}
.creation-section { padding-block:100px; }.creation-section>h2{text-align:center;margin-bottom:64px}.creation-section>h2 span{color:var(--primary)}
.creation-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px; }
.creation-card { border:1px solid #ffffff24;background:#ffffff0f;border-radius:48px;padding:24px 24px 48px;text-align:center; }
.creation-card>img { width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;mix-blend-mode:lighten; }.creation-card:last-child>img{object-fit:contain;}
.creation-card h3 { color:white;font-size:28px;line-height:1.2;margin:24px 0; }.creation-card p{color:#fffc;font-size:18px;line-height:1.6;}
.download-section { padding-block:80px;scroll-margin-top:60px; }.download-panel{border-radius:50px;padding:100px 32px;background:var(--gradient);background-image:url(img/pivot/d9142.webp),var(--gradient);background-position:center;background-size:cover;text-align:center;color:var(--ink);overflow:hidden;}
.download-panel h2{font-size:48px;line-height:1.1;color:var(--ink)}.download-panel>p{font-size:20px;line-height:1.6;margin:32px 0 56px}.download-panel .storeBtns a.storeBtn{background:var(--ink);color:white;}.download-panel .storeBtn svg path{fill:white;}
.pivot-footer{background:url(img/BcgLinesBottom.png) center bottom/cover no-repeat;scroll-margin-top:90px;}.footer-contact{display:flex;justify-content:space-between;align-items:center;gap:48px;padding-block:140px 80px;}.footer-contact h2{font-size:48px;color:var(--primary);margin-bottom:48px}.footer-contact .nevr{font-size:40px;line-height:1.2;color:white}.footer-tagline{font-size:36px;font-weight:900;color:#ffffff3d;line-height:1.2}.footer-email{display:inline-flex;align-items:center;gap:8px;color:var(--transparent-white-high);font-size:20px;margin-top:48px}.footer-socials{display:flex;gap:24px}.footer-socials a{display:grid;place-items:center;padding:44px;border-radius:40px;background:#ffffff0f;transition:transform .2s}.footer-socials a:hover{transform:translateY(-5px)}.footer-socials img{display:block}.footer-award{display:flex;justify-content:center;padding:20px 0 60px;min-height:134px}.footer-legal{padding:40px 60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;color:var(--muted);font-size:13px}.footer-legal>div{display:flex;justify-content:flex-end;gap:40px}.footer-legal>img{flex:none}.footer-legal button{color:inherit;font-size:inherit;background:none;border:0}
@media (min-width:1800px){.step-card{min-height:512px}.step-art{height:512px}}
@media (max-width:1000px){.page-width{width:calc(100% - 48px)}.stickyNav{gap:12px;padding-left:12px}.nav .menu{padding-inline:10px}.taste-section{gap:24px}.taste-copy p{font-size:18px}.step-card{flex-basis:90vw}.step-art{width:44%}.step-heading{gap:16px}.step-heading>span{width:48px;height:48px;border-radius:16px;font-size:18px}.step-copy{padding-right:24px}.creation-grid{gap:16px}.creation-card{padding:16px 16px 32px;border-radius:32px}.creation-card h3{font-size:24px}.creation-card p{font-size:16px}.footer-socials a{padding:28px;border-radius:28px}}
@media (max-width:760px){
 .page-width{width:calc(100% - 40px)}.topBar{padding:8px}.stickyNav{padding:8px 12px;gap:12px}.logo img{width:78px;height:40px}.nav{display:none}.navBtn{padding:12px;border-radius:12px}.mobile-menu-toggle{display:block}.mobile-menu-toggle .hamburger{display:block;width:32px;height:32px}.topBar .languageSelect summary{padding:8px;min-width:0}.topBar .languageSelect summary>span{display:none}.topBar .languageSelect summary img{width:18px;height:18px}
 .pivot-hero{min-height:620px}.hero-stage{inset:90px 8px 192px}.hero-canvas{width:760px;height:780px}.hero-opening{width:760px;font-size:54px;top:285px;letter-spacing:-1.8px}.hero-final .phone{left:245px;top:80px;transform:scale(.86);transform-origin:top left}.claim{font-size:47px;letter-spacing:-1.5px}.claim-before{right:auto;left:20px;top:20px;text-align:left}.claim-after{left:410px;top:625px}.recipe-queue{left:188px;top:241px;transform:scale(.86);transform-origin:top left}.sorting-logo{left:280px;top:265px}.chaos-card{left:260px;top:190px}.hero-bottom{bottom:50px;gap:20px}.hero-bottom p{font-size:14px}.hero-bottom .storeBtns{gap:10px}.hero-bottom .storeBtn{padding:9px 12px;gap:6px;border-radius:12px}.hero-bottom .storeBtn svg{width:28px;height:28px}.hero-bottom .storeBtn .text-m-bold{font-size:16px}.hero-bottom .storeBtn .text-xs{font-size:9px}.replay-hero{left:50%;transform:translateX(-50%);bottom:7px;font-size:16px;white-space:nowrap}.replay-hero span{font-size:10px}
 
 .how-section{padding-top:72px}.section-heading{margin-bottom:32px}.section-heading h2,.creation-section>h2{font-size:28px}.steps-track{padding-inline:20px;gap:16px}.step-card{flex-direction:column-reverse;align-items:stretch;flex-basis:calc(100vw - 56px);min-height:0;border-radius:32px}.step-copy{padding:32px 24px 0}.step-heading{margin-bottom:16px}.step-heading h3{font-size:36px}.step-copy p{font-size:16px;min-height:52px}.step-art{width:100%;height:310px}.step-art .phone{top:28px;transform:translateX(-50%) scale(.72);transform-origin:top center}.pick-overlay{width:285px;height:auto;left:35%;top:70px}.step-heading>span{width:42px;height:42px}
 .taste-section{grid-template-columns:1fr;gap:24px;padding-block:40px 64px}.taste-art{width:min(100%,520px);margin:auto}.taste-copy h2{font-size:42px;margin-bottom:32px}.taste-copy p{font-size:17px;margin-top:20px}.taste-copy{max-width:520px;margin:auto}.dna-chip{margin-bottom:20px}.creation-section{padding-block:56px}.creation-section>h2{margin-bottom:32px}.creation-grid{grid-template-columns:1fr;gap:20px;max-width:520px;margin:auto}.creation-card{padding:24px 24px 36px}.creation-card>img{max-height:270px}.creation-card h3{margin:16px 0}.creation-card p{font-size:17px}.download-section{padding-block:40px}.download-panel{padding:64px 16px;border-radius:32px}.download-panel h2{font-size:36px}.download-panel>p{font-size:17px;margin:24px 0 32px}.download-panel .storeBtns{gap:12px}.download-panel .storeBtn{padding:10px 14px}.download-panel .storeBtn svg{width:28px;height:28px}.download-panel .text-m-bold{font-size:16px}.download-panel .text-xs{font-size:9px}.footer-contact{padding-block:80px 48px;flex-direction:column;align-items:flex-start;gap:40px}.footer-contact h2{font-size:36px;margin-bottom:32px}.footer-tagline{font-size:28px}.footer-email{font-size:17px;margin-top:32px}.footer-socials a{padding:24px}.footer-award{padding-bottom:40px}.footer-legal{padding:24px 20px;grid-template-columns:1fr;justify-items:center;gap:24px}.footer-legal>img{width:40px;height:40px;grid-row:1}.footer-legal>div{width:100%;justify-content:space-between;gap:16px}
}
@media(max-width:760px){.hero-bottom .storeBtns a.storeBtn,.download-panel .storeBtns a.storeBtn{min-width:0;padding:10px 12px;gap:6px}.hero-bottom{bottom:50px}.hero-bottom .storeBtns,.download-panel .storeBtns{flex-wrap:nowrap}.hero-bottom .storeBtnContent .text-m-bold,.download-panel .storeBtnContent .text-m-bold{font-size:16px}.hero-bottom .storeBtnContent .text-xs,.download-panel .storeBtnContent .text-xs{font-size:9px}}
@media(max-width:760px){.hero-canvas{width:540px;transform:scale(var(--hero-scale,.6))}.hero-opening{width:540px;font-size:40px}.hero-final .phone{left:135px;top:90px}.recipe-queue{left:78px;top:251px}.claim-before{left:20px;top:0;font-size:44px}.claim-after{left:270px;top:665px;font-size:42px}.sorting-logo{left:170px}.chaos-card{left:150px;top:220px}.recipe-chaos{transform:scale(.75)}}
@media(max-width:760px){html[lang="cs"] .claim-after{font-size:32px;width:270px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.hero-opening,.recipe-chaos,.sorting-logo{display:none}.hero-final{opacity:1}.replay-hero{display:none}}

/* Footer links and icons share the original muted-to-green interaction. */
.pivot-footer a,.footer-legal button{color:var(--transparent-white-high);transition:color .25s ease}
.footer-legal>div { flex-wrap:wrap; gap:16px 24px; }
.pivot-footer a:hover,.pivot-footer a:focus-visible,.footer-legal button:hover,.footer-legal button:focus-visible{color:var(--primary)}
.footer-icon{display:block;flex:none}
.footer-socials .footer-icon{width:40px;height:40px}
.footer-email .footer-icon{width:24px;height:24px}

/* Top bar and creation cards — Figma 5551:23433 / 5627:8670. */
.topBar { padding:8px; }
.topBar .stickyNav { padding:8px 12px; gap:32px; border-radius:20px; backdrop-filter:blur(40px); -webkit-backdrop-filter:blur(40px); }
.topBar .logo img { width:94px; height:48px; }
.topBar .nav { display:flex; gap:0; }
.topBar .menu { height:48px; padding:0 24px; position:relative; white-space:nowrap; font-size:15px; font-weight:700; line-height:1.2; }
.topBar .menu::before { position:absolute; left:8px; }
.topBar .navBtn { display:flex; height:48px; padding:0 24px; border-radius:16px; color:var(--ink); font-size:15px; font-weight:700; line-height:1.2; white-space:nowrap; }
.topBar .languageSelect { margin-left:-16px; }
.languageSelect { font-size:15px; font-weight:700; line-height:1.2; }
.languageSelect summary { height:48px; gap:8px; padding:8px 8px 8px 12px; border:1px solid #ffffff24; border-radius:16px; background:#ffffff0f; }
.languageSelect .languageChevron { margin-left:4px; transition:transform .18s ease; }
.languageSelect[open]:not(.is-expanded) .languageChevron { transform:none; }
.languageSelect.is-expanded .languageChevron { transform:rotate(180deg); }
.languageOptions { border-color:#ffffff24; background:#202424; transform-origin:top right; }
.hero-opening,.claim { font-size:60px; }
html[lang="cs"] .claim-after { font-size:50px; }
.creation-card { display:flex; flex-direction:column; align-items:center; padding:64px 40px; border-radius:64px; }
.creation-card>img { display:block; flex:none; width:300px; max-width:100%; height:auto; aspect-ratio:1; object-fit:contain; mix-blend-mode:normal; }
.creation-card h3 { margin:32px 0 24px; }
.creation-card p { font-size:20px; }
@media(max-width:1100px) {
 .topBar .stickyNav { gap:16px; }
 .topBar .nav { display:none; }
 .topBar .languageSelect { margin-left:0; }
 .mobile-menu-toggle { display:grid; place-items:center; padding:0; width:48px; height:48px; flex:none; }
 .mobile-menu-toggle .hamburger { display:block; width:40px; height:40px; }
 .creation-card { padding:40px 24px; border-radius:40px; }
 .creation-card h3 { font-size:24px; }
 .creation-card p { font-size:18px; }
}
@media(max-width:760px) {
 .topBar .stickyNav { gap:8px; }
 .topBar .logo img { width:78px; height:40px; }
 .topBar .navBtn { display:flex; height:44px; }
 .topBar .languageSelect { display:block; }
 .topBar .languageSelect summary>span { display:inline; }
 .topBar .languageSelect summary>img:not(.languageChevron) { width:20px; height:20px; }
 .topBar .languageSelect summary>.languageChevron { width:16px; height:16px; }
 .topBar .languageSelect summary { height:44px; min-height:44px; padding:8px; gap:6px; border-radius:12px; }
 .languageSelect .languageChevron { margin-left:0; }
 .hero-opening { font-size:36px; }
 .claim-before { font-size:40px; }
 .claim-after,html[lang="cs"] .claim-after { font-size:32px; }
 .section-heading h2,.creation-section>h2 { font-size:clamp(24px,5vw,28px); }
 .step-heading h3 { font-size:clamp(28px,6vw,36px); }
 .taste-copy h2 { font-size:clamp(30px,7vw,42px); }
 .taste-art { overflow:clip; }
 .step-copy p,.taste-copy p,.creation-card p,.download-panel>p { font-size:16px; }
 .creation-card { padding:32px 24px; border-radius:32px; }
 .creation-card>img { width:240px; max-height:none; }
 .creation-card h3 { font-size:24px; margin:24px 0 16px; }
 .download-panel h2,.footer-contact h2 { font-size:clamp(28px,7vw,36px); }
 .footer-tagline { font-size:24px; }
 .openMenu { height:100dvh; overflow-y:auto; }
 .menuHead { padding:16px 20px; }
 .menuContent { gap:12px; padding:16px 24px 96px; }
 .menuContent .menu { font-size:18px; padding:12px; }
}
@media(max-width:480px) {
 .topBar .navBtn { display:none; }
}

/* Hero choreography is driven by one cancellable Web Animations timeline. */
.hero-opening { line-height:1.25; top:220px; }
.hero-opening .hero-line { display:block; color:white; }
.hero-opening .hero-highlight { margin-top:16px; color:var(--primary); }
.hero-opening .hero-word { display:inline-block; color:inherit; }
.sorting-wires { position:absolute; inset:0; width:100%; height:100%; overflow:visible; opacity:0; pointer-events:none; }
.sorting-wires path { fill:none; stroke:var(--primary); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; opacity:.65; }
.sorting-wires { filter:drop-shadow(0 0 4px #a5dfbc66); }
.sorting-wires .wire-shimmer { stroke:#e5fff0; stroke-width:2.8; stroke-dasharray:.14 .86; opacity:.9; }
.openMenu .storeBtns { margin-top:24px; }
.cook-rating { position:absolute; left:310px; top:234px; width:160px; display:flex; flex-direction:column; align-items:center; gap:9.6px; color:white; font-weight:400; font-size:9.6px; line-height:1.3; }
.rating-menu { width:100%; padding:3.2px; border-radius:16px; background:#2f3333; }
.rating-option { display:flex; align-items:center; gap:9.6px; padding:8px 12.8px; }
.rating-option span { flex:1; }
.rating-option img { display:block; flex:none; }
.rating-option.is-selected { background:#ffffff24; border-radius:12.8px; }
.rating-chip { padding:3.2px; border-radius:12.8px; background:#ffffff3d; backdrop-filter:blur(32px); }
.rating-chip>div { display:flex; align-items:center; gap:8px; padding:9.6px; border-radius:9.6px; background:var(--ink); }
.rating-chip b { color:var(--primary); font-weight:900; }
.phone-side-button { position:absolute; left:100%; top:29.12%; }
.phone-volume-button { position:absolute; left:-.51%; transform:rotate(180deg); }
.phone-volume-button.volume-one { top:24.17%; }
.phone-volume-button.volume-two { top:33.15%; }
.phone-silent-button { position:absolute; left:-.77%; top:17.6%; transform:rotate(180deg); }
.topBar .stickyNav.scrollNavBcg { background:rgba(36,40,40,.88); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
.languageSelect summary { transition:background .2s ease,border-color .2s ease; }
.languageSelect summary:hover,.languageSelect[open] summary { background:#ffffff14; border-color:#ffffff52; }
.languageOptions a { border:0; transition:background .2s ease,color .2s ease; }
.languageOptions a:hover,.languageOptions a:focus-visible,.languageOptions a[aria-current="page"] { color:white; background:#ffffff0f; }
.languageSelect summary:focus-visible,.languageOptions a:focus-visible { outline-color:#ffffff80; }
.footer-socials a { transition:transform .25s ease,color .25s ease,background .25s ease; }
.footer-socials a:hover { background:#ffffff14; }

/* Keep the 512px Figma composition intact; scale it as a unit on small cards. */
.step-card { gap:40px; border-radius:64px; min-height:512px; }
.step-art { flex:0 0 512px; width:512px; height:512px; }
.step-canvas { position:absolute; left:0; top:0; width:512px; height:512px; transform:scale(var(--step-scale,1)); transform-origin:top left; }
.step-art .phone { left:121.08px; top:48.71px; transform:none; }
.step-copy { flex:1; min-width:0; padding:40px 40px 40px 0; }
.step-heading { margin-bottom:32px; }
.step-heading h3 { font-size:60px; }

.pick-overlay { left:262.8px; top:181.17px; width:218.675px; height:292.012px; transform:rotate(8.25deg); }
.pick-overlay>img { position:absolute; left:-60.36%; top:-27.74%; width:378.675px; height:452.012px; max-width:none; }


@media(max-width:1250px) and (min-width:761px) {
 .step-card { gap:32px; min-height:0; }
 .step-art { flex-basis:46%; width:46%; height:auto; aspect-ratio:1; }
 .step-copy { padding:32px 32px 32px 0; }
 .step-heading h3 { font-size:clamp(32px,4.2vw,52px); }
 .step-copy p { font-size:18px; }
}
@media(max-width:760px) {
 .hero-opening { top:265px; }
 .hero-opening .hero-highlight { margin-top:20px; }
 .topBar .navBtn,.topBar .languageSelect { font-size:12px; }
 .step-card { gap:32px; min-height:0; border-radius:32px; }
 .step-art { flex:none; width:100%; height:auto; aspect-ratio:1; }
 .step-copy { flex:none; padding:32px 24px 0; }
 .step-heading { margin-bottom:20px; }
 .step-heading h3 { font-size:clamp(28px,6vw,36px); }
 .step-copy p { min-height:0; }
 .step-art .phone { left:121.08px; top:48.71px; transform:none; }
 
 .pick-overlay { left:262.8px; top:181.17px; width:218.675px; height:292.012px; }
 
}
@media(prefers-reduced-motion:reduce) {
 .sorting-wires { display:none; }
}

:root { --header-control-radius:16px; }
.topBar .navBtn,.languageSelect summary,.languageOptions { border-radius:var(--header-control-radius); }
.carousel-controls button { display:grid; place-items:center; }
.carousel-controls button[data-direction="1"] img { transform:rotate(180deg); }
.storeBtnContent { white-space:nowrap; }
@media(max-width:760px) {
 :root { --header-control-radius:12px; }
 .hero-bottom .storeBtns,.download-panel .storeBtns,.openMenu .storeBtns {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  width:100%; max-width:400px; gap:8px; container-type:inline-size;
 }
 .download-panel .storeBtns { margin-inline:auto; }
 .hero-bottom .storeBtns a.storeBtn,.download-panel .storeBtns a.storeBtn,.openMenu .storeBtns a.storeBtn {
  min-width:0; justify-content:center; gap:clamp(4px,1.5cqi,6px);
  height:48px; padding:8px clamp(6px,2cqi,12px);
 }
 .hero-bottom .storeBtn svg,.download-panel .storeBtn svg,.openMenu .storeBtn svg {
  flex:none; width:clamp(20px,7cqi,28px); height:clamp(20px,7cqi,28px);
 }
 .hero-bottom .storeBtnContent .text-m-bold,.download-panel .storeBtnContent .text-m-bold,.openMenu .storeBtnContent .text-m-bold { font-size:clamp(11px,4cqi,16px); }
 .hero-bottom .storeBtnContent .text-xs,.download-panel .storeBtnContent .text-xs,.openMenu .storeBtnContent .text-xs { font-size:clamp(7px,2.4cqi,9px); }
 .creation-card h3 { font-size:clamp(18px,4.5vw,22px); }
 .footer-contact { padding-block:40px 24px; gap:24px; text-align:left; }
 .footer-contact h2 { font-size:28px; margin-bottom:24px; }
 .footer-contact .nevr { font-size:24px; text-align:left; }
 .footer-tagline { font-size:20px; }
 .footer-email { font-size:16px; margin-top:20px; }
 .footer-socials { gap:12px; }
 .footer-socials a { padding:16px; border-radius:20px; }
 .footer-socials .footer-icon { width:28px; height:28px; }
 .footer-award { padding:12px 0 24px; min-height:90px; }
 .footer-legal { padding:20px; gap:16px; font-size:12px; }
 .footer-legal>img { width:32px; height:32px; }
}