:root{--ink:#090622;--ink2:#17104b;--purple:#24145f;--gold:#ffc83d;--yellow:#ffd451;--coral:#ff6d7a;--pink:#e7a4ff;--mint:#71e5b4;--blue:#48a9ff;--cream:#f5f2ff;--white:#fff;--line:rgba(31,22,82,.12);--shadow:0 25px 70px rgba(28,17,91,.16);--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Nunito",sans-serif;color:var(--ink);background:var(--cream);overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 48px),var(--max));margin:auto}.section{padding:105px 0}.skip-link{position:fixed;left:12px;top:-60px;background:#fff;color:var(--ink);padding:10px 14px;border-radius:10px;z-index:1000}.skip-link:focus{top:12px}
.site-header{position:absolute;top:0;left:0;right:0;z-index:30;color:#fff}.nav-wrap{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:18px;font-weight:900;line-height:.84;letter-spacing:.02em}.brand strong{color:var(--gold)}.brand-mark{width:38px;height:43px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:5px;background:var(--gold);color:var(--ink);border-radius:7px;transform:rotate(-8deg);box-shadow:4px 5px 0 rgba(0,0,0,.2)}.brand-mark span{display:grid;place-items:center;background:#fff;border-radius:2px;font:800 9px "Baloo 2"}.site-nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:800}.site-nav>a:not(.nav-cta){opacity:.94;transition:.2s}.site-nav>a:not(.nav-cta):hover{color:var(--gold);transform:translateY(-1px)}.nav-cta{background:var(--gold);color:var(--ink);padding:12px 20px;border-radius:30px;box-shadow:0 10px 25px rgba(255,200,61,.18);display:inline-flex;gap:9px;align-items:center}.nav-cta span{font-size:15px}.menu-toggle{display:none;border:0}
.hero{position:relative;overflow:hidden;min-height:680px;padding:126px 0 70px;background:radial-gradient(circle at 75% 48%,rgba(125,67,255,.3),transparent 30%),radial-gradient(circle at 22% 68%,rgba(255,54,192,.14),transparent 25%),linear-gradient(115deg,#0a0629 0%,#1b0c4f 52%,#130a3b 100%);color:#fff}.hero:after{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(transparent,rgba(0,0,0,.1));pointer-events:none}.hero-noise{position:absolute;inset:0;opacity:.13;background-image:radial-gradient(rgba(255,255,255,.5) .7px,transparent .7px);background-size:5px 5px;mask-image:linear-gradient(to bottom,transparent,black 25%,black 75%,transparent)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;gap:35px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid rgba(220,132,255,.6);border-radius:30px;font-size:11px;letter-spacing:.1em;font-weight:900;text-transform:uppercase;background:rgba(53,19,106,.42)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(255,200,61,.12)}h1,h2,h3{font-family:"Baloo 2",sans-serif;margin:0;line-height:1.02}h1{font-size:clamp(60px,6.3vw,88px);letter-spacing:-.045em;margin:22px 0 22px}h1 span{color:var(--gold)}.hero-text{max-width:570px;margin:0;color:rgba(255,255,255,.78);font-size:17px;line-height:1.6}.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 18px}.btn{min-height:58px;padding:11px 17px 11px 18px;border-radius:16px;display:flex;align-items:center;gap:12px;font-weight:900;transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--gold);color:var(--ink);box-shadow:0 15px 30px rgba(255,200,61,.16)}.btn-secondary{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.07);color:#fff}.btn small{display:block;font-size:9px;letter-spacing:.02em;opacity:.65;margin-top:1px}.btn b{margin-left:5px;font-size:19px}.store-icon,.globe-icon{font-size:22px}.platform-note{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:rgba(255,255,255,.82)}.platform-note strong{color:var(--gold)}.apple-dot{font-size:19px;color:#ddd}.hero-art{position:relative;min-height:520px;display:grid;place-items:center}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;pointer-events:none}.orbit-a{width:610px;height:610px;right:-210px;top:-110px}.orbit-b{width:340px;height:340px;left:80px;bottom:-120px}
.hero-device{position:relative;z-index:5;width:min(305px,48%);padding:9px;border:5px solid rgba(255,255,255,.92);border-radius:40px;background:#090817;box-shadow:0 35px 85px rgba(0,0,0,.42),0 0 80px rgba(143,75,255,.25);transform:rotate(4deg);animation:deviceFloat 5s ease-in-out infinite}.device-glow{position:absolute;inset:-50px;border-radius:50%;background:radial-gradient(circle,rgba(145,74,255,.34),transparent 67%);filter:blur(10px);z-index:-1}.device-camera{position:absolute;z-index:7;top:8px;left:50%;width:86px;height:21px;transform:translateX(-50%);border-radius:0 0 16px 16px;background:#05040d}.device-screen{position:relative;overflow:hidden;border-radius:29px;background:#000;aspect-ratio:9/16;display:grid;place-items:center}.device-video{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.hero-video{width:100%;height:100%;display:block;object-fit:contain;object-position:center center;background:#000}.device-video.loaded{background:#000}.hero-ticket{position:absolute;z-index:2;width:170px;padding:11px;border:2px solid rgba(255,255,255,.75);border-radius:13px;background:linear-gradient(145deg,#4c1c89,#1b124c);box-shadow:0 25px 45px rgba(0,0,0,.25);color:#fff}.ticket-back{left:4%;top:29%;transform:rotate(-10deg)}.ticket-front{right:0;bottom:19%;transform:rotate(13deg)}.hero-ticket b{font-size:8px;letter-spacing:.09em}.mini-ticket{display:grid;grid-template-columns:repeat(3,1fr);margin-top:8px;gap:4px}.mini-ticket i{font-style:normal;aspect-ratio:1.2;display:grid;place-items:center;background:rgba(255,255,255,.1);border-radius:3px;font:800 10px "Baloo 2"}.burst{position:absolute;z-index:7;left:4%;top:14%;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--coral);font:800 16px/1 "Baloo 2";transform:rotate(-10deg);box-shadow:0 15px 30px rgba(0,0,0,.2)}.hero-floating-card{position:absolute;z-index:8;background:#fff;color:var(--ink);border-radius:14px;padding:10px 13px;display:flex;align-items:center;gap:8px;box-shadow:0 15px 35px rgba(0,0,0,.27);animation:cardFloat 4.5s ease-in-out infinite}.hero-floating-card b{font:800 23px/1 "Baloo 2"}.hero-floating-card span{font-size:8px;font-weight:900;letter-spacing:.08em;opacity:.62}.fc-one{right:-2%;top:36%;background:var(--gold);transform:rotate(4deg)}.fc-two{left:1%;bottom:20%;background:var(--mint);transform:rotate(-5deg);animation-delay:-1.3s}.fc-three{right:0;bottom:7%;animation-delay:-2.4s}.sparkle{position:absolute;color:var(--gold);font-size:26px}.s1{left:17%;top:10%}.s2{right:5%;top:25%;color:var(--pink)}.s3{left:14%;bottom:8%;color:var(--mint)}.number-rain{position:absolute;inset:0;pointer-events:none}.number-rain span{position:absolute;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font:800 17px "Baloo 2";color:var(--ink);box-shadow:0 12px 25px rgba(0,0,0,.2);animation:orbitBall 8s ease-in-out infinite}.number-rain span:nth-child(1){left:2%;top:48%;background:var(--gold)}.number-rain span:nth-child(2){left:22%;top:6%;background:var(--mint);animation-delay:-1s}.number-rain span:nth-child(3){right:2%;top:12%;background:var(--pink);animation-delay:-2s}.number-rain span:nth-child(4){right:0;bottom:25%;background:var(--gold);animation-delay:-3s}.number-rain span:nth-child(5){left:4%;bottom:10%;background:var(--coral);color:#fff;animation-delay:-4s}.number-rain span:nth-child(6){right:16%;bottom:2%;background:var(--mint);animation-delay:-5s}
.platform-band{position:relative;background:linear-gradient(180deg,#190b55,#090632);color:#fff;padding:28px 0 70px}.section-heading.center{text-align:center;max-width:840px;margin:0 auto}.section-kicker{display:inline-block;color:var(--gold);font-size:11px;letter-spacing:.13em;font-weight:900}.section-kicker.purple{color:#7655d8}.section-heading h2{font-size:clamp(42px,4.8vw,66px);margin:12px 0 14px;letter-spacing:-.035em}.section-heading p{margin:0;color:rgba(34,23,83,.62);font-size:16px;line-height:1.6}.section-heading.light p{color:rgba(255,255,255,.66)}.section-heading.light h2{color:#fff;font-size:24px}.platform-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:32px}.platform-card{min-height:205px;border-radius:23px;padding:23px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 45px rgba(0,0,0,.18);transition:.25s transform}.platform-card:hover{transform:translateY(-6px)}.platform-card.android{background:linear-gradient(145deg,#173e40,#172747);border-color:#65d968}.platform-card.web{background:linear-gradient(145deg,#122e64,#142052);border-color:#419dff}.platform-card.ios{background:linear-gradient(145deg,#35105d,#211345);border-color:#9c45d7}.platform-icon{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:31px;margin-bottom:12px;background:rgba(255,255,255,.12)}.platform-label{font-size:11px;letter-spacing:.13em;font-weight:900;opacity:.8}.platform-card h3{font-size:27px;margin:3px 0 6px}.platform-card p{font-size:13px;line-height:1.45;color:rgba(255,255,255,.78);margin:0}.platform-button{display:flex;justify-content:space-between;align-items:center;gap:15px;width:max-content;margin-top:auto;padding:10px 17px;border-radius:12px;background:var(--gold);color:var(--ink);font-weight:900;font-size:12px}.platform-card.web .platform-button{background:#4b9eff;color:#fff}.platform-card.ios .platform-button{background:rgba(255,255,255,.09);color:#d8a9ff}.platform-button.disabled{cursor:default}
.screenshot-section{background:var(--cream)}.screenshot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:52px}.shot{margin:0;background:#fff;border:1px solid var(--line);border-radius:23px;padding:11px;box-shadow:0 15px 40px rgba(33,24,77,.08);transition:.25s transform,.25s box-shadow}.shot:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(33,24,77,.14)}.shot-image{overflow:hidden;border-radius:15px;background:#171238}.shot img{width:100%;height:auto;aspect-ratio:526/296;object-fit:contain;display:block;transition:transform .5s ease}.shot:hover img{transform:scale(1.025)}.shot figcaption{padding:11px 5px 2px;font:800 15px "Baloo 2";color:var(--ink)}
.feature-section{background:linear-gradient(180deg,#0a062a,#09052a 70%,#13083d);color:#fff}.feature-section .section-heading h2{font-size:clamp(36px,4.2vw,58px)}.feature-grid{margin-top:45px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(165,117,255,.22);border-radius:18px;overflow:hidden;background:rgba(38,16,93,.5)}.feature-grid article{min-height:185px;padding:20px 18px;border-right:1px solid rgba(165,117,255,.2);border-bottom:1px solid rgba(165,117,255,.2);transition:.2s background}.feature-grid article:hover{background:rgba(105,50,180,.18)}.feature-grid article:nth-child(5n){border-right:0}.feature-grid article:nth-child(n+6){border-bottom:0}.feature-icon{display:block;font-size:31px;margin-bottom:12px}.feature-grid h3{font-size:19px;line-height:1.1;margin-bottom:8px}.feature-grid p{font-size:12px;line-height:1.45;color:rgba(255,255,255,.68);margin:0}
.how-section{background:#f7f4ff}.how-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.info-note{margin-top:25px;padding:18px 20px;border-radius:18px;background:#fff;border:1px solid var(--line);font-size:13px;line-height:1.55;box-shadow:0 12px 35px rgba(33,24,77,.06)}.steps{display:grid;gap:13px}.step{display:grid;grid-template-columns:64px 1fr;gap:20px;align-items:center;padding:23px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 35px rgba(33,24,77,.06)}.step>span{font:800 38px/1 "Baloo 2";color:var(--coral)}.step h3{font-size:24px}.step p{margin:5px 0 0;color:rgba(33,24,77,.62);font-size:13px;line-height:1.5}
.faq-section{background:var(--cream)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-list{display:grid;gap:10px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px 21px}.faq-list summary{cursor:pointer;list-style:none;font-weight:900;padding-right:30px;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:0;font-size:21px;top:-2px}.faq-list details[open] summary:after{content:"−"}.faq-list p{font-size:14px;color:rgba(33,24,77,.65);margin:12px 0 2px}
.number-marquee{overflow:hidden;background:var(--gold);padding:12px 0}.marquee-row{display:flex;gap:13px;width:max-content;animation:marquee 26s linear infinite}.marquee-row span{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font:800 16px "Baloo 2"}
.legal-preview{padding:48px 0}.legal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.legal-grid>*{padding:23px;background:#fff;border-radius:18px;border:1px solid var(--line)}.legal-grid span{display:block;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;opacity:.55}.legal-grid strong{display:block;font:700 21px "Baloo 2";margin-top:7px}
.footer{background:#0d092c;color:#fff;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer-brand{color:#fff}.footer-grid p{color:rgba(255,255,255,.55);font-size:13px;max-width:270px}.footer-grid h3{font-size:20px;margin-bottom:15px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:8px;font-size:13px;color:rgba(255,255,255,.62)}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;color:rgba(255,255,255,.45);font-size:11px}.footer-bottom a{color:#fff}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes deviceFloat{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes cardFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes orbitBall{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(7px,-16px,0)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1000px){.site-nav{gap:17px}.hero-grid{grid-template-columns:1fr;gap:20px}.hero-copy{max-width:690px}.hero-art{min-height:510px}.platform-cards{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-grid article:nth-child(5n){border-right:1px solid rgba(165,117,255,.2)}.feature-grid article:nth-child(2n){border-right:0}.feature-grid article:nth-child(n+9){border-bottom:0}.how-grid,.faq-grid{grid-template-columns:1fr;gap:45px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.legal-grid{grid-template-columns:1fr}}
@media(max-width:720px){.container{width:min(calc(100% - 28px),var(--max))}.nav-wrap{height:70px}.menu-toggle{display:grid;gap:5px;width:42px;height:42px;padding:11px;border-radius:12px;background:var(--ink)}.menu-toggle span{height:2px;width:20px;background:#fff;border-radius:2px}.site-nav{display:none;position:absolute;left:14px;right:14px;top:63px;padding:13px;background:#fff;color:var(--ink);border-radius:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:3px}.site-nav.open{display:flex}.site-nav a{padding:11px 14px}.nav-cta{text-align:center;justify-content:center}.section{padding:78px 0}.hero{min-height:auto;padding:105px 0 70px}.hero-grid{gap:0}.hero-art{min-height:430px}.hero-device{width:235px}.hero-ticket{width:135px}.burst{width:70px;height:70px;font-size:13px}.fc-one{right:-1%}.fc-two{left:0}.fc-three{right:0}.screenshot-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid article:nth-child(2n){border-right:0}.feature-grid article:nth-child(n){border-bottom:1px solid rgba(165,117,255,.2)}.feature-grid article:last-child{border-bottom:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.cta-row{align-items:stretch}}
@media(max-width:480px){h1{font-size:55px}.hero-text{font-size:15px}.cta-row{flex-direction:column}.btn{width:100%}.hero-art{min-height:370px}.hero-device{width:205px}.hero-ticket{width:112px}.ticket-back{left:-2%}.ticket-front{right:-3%}.hero-floating-card{padding:8px}.hero-floating-card span{font-size:7px}.hero-floating-card b{font-size:18px}.number-rain span{width:36px;height:36px;font-size:12px}.feature-grid{grid-template-columns:1fr}.feature-grid article{border-right:0!important}.platform-card{min-height:225px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.legal-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-device,.hero-floating-card,.number-rain span,.marquee-row{animation:none}.btn,.platform-card,.shot{transition:none}}

.hero-video::-webkit-media-controls{display:none!important}
.hero-video::-webkit-media-controls-enclosure{display:none!important}
@media(max-width:480px){.device-screen{aspect-ratio:9/16}.hero-video{object-fit:contain}}

/* Icon system + true Play Store-style screenshot carousel */
.platform-icon svg,
.feature-icon svg { width:100%; height:100%; display:block; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.platform-icon { position:relative; display:flex; align-items:center; justify-content:center; flex:0 0 60px; width:60px; height:60px; }
.platform-icon svg { width:42px; height:42px; margin:0; transform:translate(0,0); }
.feature-icon { display:grid; place-items:center; }
.feature-icon svg { width:30px; height:30px; }
.platform-card.android .platform-icon, .platform-card.web .platform-icon, .platform-card.ios .platform-icon { color:#fff; }

.screenshot-slider { position:relative; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:14px; margin-top:38px; }
.screenshot-viewport { min-width:0; width:100%; overflow:hidden; }
.screenshot-track { display:flex; flex-wrap:nowrap; align-items:flex-start; gap:22px; width:max-content; transform:translate3d(0,0,0); transition:transform .55s cubic-bezier(.2,.8,.2,1); }
.screenshot-slider .shot { flex:0 0 526px; width:526px; margin:0; padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; }
.screenshot-slider .shot:hover { transform:none; box-shadow:none; }
.screenshot-slider .shot-image { width:526px; height:296px; aspect-ratio:526/296; overflow:hidden; border-radius:0; background:transparent; display:block; }
.screenshot-slider .shot-image img { width:526px; height:296px; max-width:none; object-fit:fill; display:block; border-radius:0; }
.screenshot-slider figcaption { margin-top:10px; padding:0 2px; font-weight:800; font-size:1rem; text-align:center; color:var(--ink); }
.slider-arrow { width:50px; height:50px; flex:0 0 50px; border:1px solid rgba(31,22,82,.14); border-radius:50%; background:#fff; color:#211653; font:800 2rem/1 Nunito,sans-serif; cursor:pointer; display:grid; place-items:center; transition:.25s ease; box-shadow:0 10px 25px rgba(33,24,77,.1); z-index:2; }
.slider-arrow:hover { transform:scale(1.08); background:#ffca3a; color:#19113f; }
.slider-arrow:disabled { opacity:.35; cursor:default; transform:none; }
.slider-dots { display:flex; justify-content:center; gap:7px; margin-top:20px; }
.slider-dot { width:8px; height:8px; padding:0; border:0; border-radius:99px; background:#c9c4dd; cursor:pointer; transition:.25s ease; }
.slider-dot.active { width:26px; background:#ffca3a; }
@media (max-width: 1200px) {
  .screenshot-slider .shot, .screenshot-slider .shot-image { width:clamp(420px,44vw,526px); flex-basis:clamp(420px,44vw,526px); }
  .screenshot-slider .shot-image { height:auto; aspect-ratio:526/296; }
  .screenshot-slider .shot-image img { width:100%; height:auto; aspect-ratio:526/296; }
}
@media (max-width: 900px) {
  .screenshot-slider { grid-template-columns:1fr; }
  .slider-arrow { position:absolute; top:calc(50% - 18px); transform:translateY(-50%); }
  .slider-arrow:hover { transform:translateY(-50%) scale(1.08); }
  .slider-prev { left:10px; }
  .slider-next { right:10px; }
  .screenshot-viewport { width:100%; }
  .screenshot-slider .shot, .screenshot-slider .shot-image { width:min(82vw,526px); flex-basis:min(82vw,526px); }
  .screenshot-slider .shot-image { height:auto; aspect-ratio:526/296; }
  .screenshot-slider .shot-image img { width:100%; height:auto; aspect-ratio:526/296; }
}
.inline-store-svg{width:25px;height:25px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.store-icon,.globe-icon{display:grid;place-items:center}.platform-card .platform-icon svg{fill:none}.platform-card.ios .platform-icon svg{fill:currentColor;stroke:none}

/* Final media treatment: portrait phone screenshots at the requested 1320 × 2868 proportion. */
.screenshot-section { overflow:hidden; }
.screenshot-slider { grid-template-columns:auto minmax(0,1fr) auto; align-items:center; }
.screenshot-viewport { overflow:hidden; width:100%; }
.screenshot-track { display:flex; flex-wrap:nowrap; align-items:flex-start; gap:24px; width:max-content; }
.screenshot-slider .shot {
  flex:0 0 330px;
  width:330px;
  min-width:330px;
  padding:0;
  margin:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.screenshot-slider .shot-image {
  width:330px;
  height:717px;
  aspect-ratio:1320 / 2868;
  overflow:hidden;
  border-radius:24px;
  background:#111;
  box-shadow:0 18px 45px rgba(20,10,55,.14);
}
.screenshot-slider .shot-image img {
  display:block;
  width:330px;
  height:717px;
  max-width:none;
  aspect-ratio:1320 / 2868;
  object-fit:cover;
  object-position:center;
  border-radius:24px;
  background:#111;
}
.screenshot-slider figcaption {
  margin-top:12px;
  padding:0 8px;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.screenshot-slider figcaption strong { font:800 1.05rem "Baloo 2",sans-serif; color:var(--ink); }
.screenshot-slider figcaption span { font:600 .84rem "Nunito",sans-serif; line-height:1.35; color:#665f79; }

/* Keep the existing enlarged hero phone exactly as-is. */
.hero-device {
  width:min(450px, 68%);
  padding:11px;
  border-width:7px;
  border-radius:48px;
  transform:translateY(-10px) rotate(2deg);
}
.hero-device .device-screen {
  width:100%;
  aspect-ratio:9 / 16;
  border-radius:36px;
  overflow:hidden;
  background:#000;
}
.hero-device .device-video {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:hidden;
  background:#000;
}
.hero-device .hero-video {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  background:#000;
}
@keyframes deviceFloat {
  0%,100% { transform:translateY(-10px) rotate(2deg); }
  50% { transform:translateY(-22px) rotate(1deg); }
}

@media (max-width:1100px) {
  .hero-device { width:min(410px, 58%); }
  .screenshot-slider .shot { flex-basis:300px; width:300px; min-width:300px; }
  .screenshot-slider .shot-image { width:300px; height:652px; aspect-ratio:1320 / 2868; }
  .screenshot-slider .shot-image img { width:300px; height:652px; aspect-ratio:1320 / 2868; }
}
@media (max-width:900px) {
  .hero-device { width:390px; max-width:70%; }
}
@media (max-width:720px) {
  .hero-device { width:350px; max-width:88%; }
  .screenshot-slider { grid-template-columns:auto minmax(0,1fr) auto; gap:8px; }
  .screenshot-track { gap:16px; }
  .screenshot-slider .shot { flex-basis:250px; width:250px; min-width:250px; }
  .screenshot-slider .shot-image { width:250px; height:543px; aspect-ratio:1320 / 2868; border-radius:16px; }
  .screenshot-slider .shot-image img { width:250px; height:543px; aspect-ratio:1320 / 2868; border-radius:16px; }
}
@media (max-width:480px) {
  .hero-device { width:325px; max-width:90%; }
}