/* Mobile marketing, Figma 1482:2125 / 1483:2200 / 1493:2368 / 1493:2469.
   Every rule is scoped to phones; the service uses its own shared mobile styles. */
@media (max-width:759px) {
  .lp-redesign { --lp-section-gap:96px; --lp-hero-gap:70px; padding-top:60px; }
  .lp-redesign #main { gap:0; }
  .lp-redesign #main > section { margin-block:0; }
  .lp-redesign #main > .lp-hero { margin-bottom:70px; }
  .lp-redesign .lp-mobile-copy[hidden] { display:inline !important; }
  .lp-redesign .lp-desktop-copy { display:none; }
  .lp-redesign img.lp-mobile-asset[hidden] { display:block !important; }
  .lp-redesign .lp-header { height:60px; padding:0 6px; }
  .lp-redesign .lp-marketing-brand { top:21.12px; left:calc(50% + 9px); gap:3.44px; font-size:17.167px; line-height:.9; }
  .lp-redesign .lp-brand-mark { width:18.883px; height:18.883px; }
  .lp-redesign .lp-brand-mark > img:not(.lp-mobile-asset) { display:none; }
  .lp-redesign .lp-brand-mark > img.lp-mobile-asset { position:static; width:auto; height:auto; transform:scaleX(-1); transform-origin:center; }
  .lp-redesign .lp-button-small { width:87px; height:33px; min-height:33px; padding:0; font-size:10.066px; background:#25262b; color:#fff; margin-top:12.88px; }
  .lp-redesign .lp-button-small::after { background:#25262b; }
  .lp-redesign .lp-button-small::before { filter:blur(1.438px); }
  .lp-redesign .lp-profile { width:32.162px; height:32.162px; margin-top:15px; }
  .lp-redesign .lp-profile > img:not(.lp-mobile-asset) { display:none; }
  .lp-redesign .lp-profile.lp-user-profile .lp-profile-initial { width:100%; height:100%; }
  .lp-redesign .lp-profile.lp-user-profile > .lp-profile-photo { display:block; inset:0; width:100%; height:100%; object-fit:cover; }
  .lp-redesign .lp-profile > .lp-mobile-asset { left:-.5px; top:-.5px; width:auto; height:auto; }
  .lp-redesign .lp-button-main { width:239px; min-width:239px; height:49px; min-height:49px; padding:0; font-size:14px; line-height:1.15; letter-spacing:-.04em; }
  .lp-redesign .lp-hero { padding:57px 6px 0; overflow:clip; }
  .lp-redesign .lp-hero-categories { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; width:100%; max-width:430px; height:auto; }
  .lp-redesign .lp-hero-categories .lp-category { flex:none; margin:0; width:100%; height:auto; aspect-ratio:74.172/75.462; border-radius:15.479px; padding:0 0 4px; }
  .lp-redesign .lp-hero-categories .lp-category-other { display:none; }
  .lp-redesign .lp-hero-categories .lp-category span { font-size:10px; line-height:1; letter-spacing:-.04em; }
  .lp-redesign .lp-hero-categories .lp-category-icon { inset:0; width:74.172px; height:75.462px; left:50%; translate:-50% 0; transform:scale(var(--lp-mobile-icon-scale,1)); transform-origin:50% 0; }
  .lp-redesign .lp-hero-categories .lp-category-icon > img:not(.lp-mobile-asset) { display:none; }
  .lp-redesign .lp-hero-categories .lp-category-icon > .lp-mobile-asset { width:auto; height:auto; max-height:none; rotate:none; }
  .lp-redesign .lp-category-films .lp-category-icon > .lp-mobile-asset { left:14.475px; top:7.244px; transform:rotate(-3.84deg); }
  .lp-redesign .lp-category-games .lp-category-icon > .lp-mobile-asset { left:10.957px; top:12.902px; transform:rotate(-5.59deg); }
  .lp-redesign .lp-category-music .lp-category-icon > .lp-mobile-asset { left:14.49px; top:13.54px; transform:none; }
  .lp-redesign .lp-category-events .lp-category-icon > .lp-mobile-asset { left:7.792px; top:11.613px; transform:rotate(21.75deg); }
  .lp-redesign .lp-hero-copy { width:100%; margin:33.54px auto 0; }
  .lp-redesign .lp-hero-text { padding:0; }
  .lp-redesign .lp-hero h1 { width:308px; max-width:100%; margin:0 auto 13px; font-size:32.368px; line-height:.9; letter-spacing:-.03em; }
  .lp-redesign .lp-hero .lp-lead { width:221.25px; max-width:100%; margin:0 auto; font-size:10px; line-height:1.15; letter-spacing:-.04em; }
  .lp-redesign .lp-hero .lp-button-main { margin-top:33px; }
  .lp-redesign .lp-hero-shade i:nth-child(1) { top:-4px; height:65%; width:100%; }
  .lp-redesign .lp-hero-shade i:nth-child(2) { top:45%; height:42%; width:86%; }
  .lp-redesign .lp-hero-shade i:nth-child(3) { top:75%; height:35%; width:75%; }
  .lp-redesign .lp-showcase { width:calc(100% - 12px); max-width:747px; }
  .lp-redesign .lp-product-frame { width:100%; border:1px solid #3c3e45; border-radius:18px; background:#191a1c; }

  .lp-redesign #main > .lp-taste { margin-top:96px; }
  .lp-redesign .lp-taste { display:flex; flex-direction:column; width:100%; max-width:430px; aspect-ratio:auto; padding:0; container-type:inline-size; }
  .lp-redesign .lp-taste-copy { position:static; display:contents; }
  .lp-redesign .lp-taste-copy h2 { order:0; width:276px; max-width:calc(100% - 24px); margin:0 12px; font-size:30px; line-height:.9; letter-spacing:-.03em; }
  .lp-redesign .lp-taste-copy p { order:1; width:276px; max-width:calc(100% - 24px); margin:13px 12px 0; font-size:14px; line-height:1.15; letter-spacing:-.04em; }
  .lp-redesign .lp-preferences { --lp-preference-scale:1; order:2; position:relative; display:flex; gap:47px; left:auto; top:auto; width:100%; height:128px; margin:21.7px 0 0; padding:0 12px; font-size:10px; transform:none; scale:none; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; scroll-snap-type:x proximity; scroll-padding-inline:12px; }
  .lp-redesign .lp-preferences::-webkit-scrollbar { display:none; }
  .lp-redesign .lp-preferences::before,.lp-redesign .lp-preferences-inlet,.lp-redesign .lp-preference-connector { display:none; }
  .lp-redesign .lp-preference-group { position:relative; inset:auto; flex:0 0 150px; width:150px; height:128px; margin:0; scroll-snap-align:start; }
  .lp-redesign .lp-preference-topic { position:relative; z-index:1; height:26px; padding:6px 10px; gap:6px; font-size:12px; line-height:1.15; }
  .lp-redesign .lp-preference-topic img { width:auto; height:auto; max-width:none; transform:none; }
  .lp-redesign .lp-preference-films .lp-preference-topic > img:not(.lp-mobile-asset),
  .lp-redesign .lp-preference-games .lp-preference-topic > img:not(.lp-mobile-asset) { display:none; }
  .lp-redesign .lp-preference-arrow { top:26.5px; left:30.11325px; }
  .lp-redesign .lp-preference-tags { top:36px; }
  .lp-redesign .lp-preference-tags span { height:23px; min-height:23px; padding:0 10px; font-size:10px; line-height:1.15; }
  .lp-redesign .lp-mobile-preferences-link { position:absolute; z-index:0; left:161px; top:13px; transform:rotate(-90deg); transform-origin:0 0; }
  .lp-redesign .lp-mobile-preferences-tail { position:absolute; z-index:0; left:282px; top:13px; transform:rotate(-90deg); transform-origin:0 0; }
  .lp-redesign .lp-taste-art { order:3; position:relative; inset:auto; width:236px; height:124px; aspect-ratio:auto; margin:2px auto 0; translate:5px 0; overflow:hidden; }
  .lp-redesign .lp-taste-art > img { width:120.64%; height:229.53%; left:-7.45%; top:-8.1%; }
  .lp-redesign .lp-taste-copy .lp-button { order:4; align-self:center; margin:0; }

  .lp-redesign #main > .lp-features { margin-top:141px; }
  .lp-redesign .lp-features { width:100%; max-width:430px; }
  .lp-redesign .lp-features > h2 { width:276px; max-width:calc(100% - 24px); margin:0 auto; font-size:30px; line-height:.9; text-align:center; }
  .lp-redesign .lp-benefits { display:flex; flex-direction:column; width:100%; max-width:none; gap:0; margin:40px 0 0; padding:0; }
  .lp-redesign .lp-benefit { position:relative; width:100%; margin:0; padding:0; }
  .lp-redesign .lp-benefit-step { position:absolute; z-index:1; top:0; left:12px; height:16px; padding:0; gap:10px; justify-content:flex-start; font-size:14px; line-height:1.15; color:rgb(255 255 255 / .3); }
  .lp-redesign .lp-benefit-step img { width:auto; height:auto; opacity:1; }
  .lp-redesign .lp-benefit-step img:not(.lp-mobile-asset) { display:none; }
  .lp-redesign .lp-benefit-art { transform:none; margin:0; aspect-ratio:auto; }
  .lp-redesign .lp-benefit-skate { width:283px; height:244px; margin-top:-14px; margin-left:12px; overflow:visible; }
  .lp-redesign .lp-benefit-skate > img:first-child { width:343.56px; height:257.782px; left:-60.56px; top:0; clip-path:inset(0 0 0 60.56px); }
  .lp-redesign .lp-benefit-skate > .lp-skate-line { display:none; }
  .lp-redesign .lp-benefit-skate > .lp-mobile-skate-line { position:absolute; width:auto; height:auto; left:28.95px; top:203.54px; }
  .lp-redesign .lp-benefit-skate > .lp-mobile-skate-line-2 { left:19.61px; top:213.82px; }
  .lp-redesign .lp-benefit-skate > .lp-mobile-skate-line-3 { top:223.16px; }
  .lp-redesign .lp-benefit-copy { margin:14px 12px 0; width:276px; max-width:calc(100% - 24px); }
  .lp-redesign .lp-benefit-copy h3 { width:219px; max-width:100%; margin:0 0 13px; font-size:24px; line-height:.9; letter-spacing:-.03em; }
  .lp-redesign .lp-benefit-copy p { width:213px; max-width:100%; margin:0; font-size:12px; line-height:1.15; letter-spacing:-.04em; }
  .lp-redesign .lp-benefit:nth-child(2) { margin-top:41.2px; }
  .lp-redesign .lp-benefit:nth-child(2) .lp-benefit-step { left:6px; }
  .lp-redesign .lp-benefit-box { width:305px; height:194.091px; margin:16px 0 0; overflow:hidden; transform:scaleX(-1); }
  .lp-redesign .lp-benefit-box > img { width:135.48%; height:141.94%; left:-18.48%; top:-22.12%; transform:none; clip-path:none; }
  .lp-redesign .lp-benefit:nth-child(2) .lp-benefit-copy { margin-top:8.909px; }
  .lp-redesign .lp-benefit:nth-child(3) { margin-top:41.2px; }
  .lp-redesign .lp-benefit-apple { width:231px; height:246px; margin:16px 0 0; overflow:visible; }
  .lp-redesign .lp-benefit-apple > img { width:231.83px; height:289.722px; left:-.416px; top:-22.722px; clip-path:inset(22.722px 0 0); }
  .lp-redesign .lp-benefit:nth-child(3) .lp-benefit-copy { margin-top:0; }
  .lp-redesign .lp-benefit:nth-child(3) .lp-benefit-copy h3 { width:229.43px; }
  .lp-redesign .lp-benefit:nth-child(3) .lp-benefit-copy p { width:229px; }

  /* Each illustration keeps the crop and the coordinates of Figma 1493:2368. */
  .lp-redesign .lp-benefit { height:369px; }
  .lp-redesign .lp-benefit-art { position:absolute; margin:0; }
  .lp-redesign .lp-benefit-skate { left:calc(50% - 142px); top:-14px; height:257.782px; }
  .lp-redesign .lp-benefit-copy { position:absolute; left:calc(50% - 110px); top:244px; width:219px; max-width:none; margin:0; text-align:center; }
  .lp-redesign .lp-benefit-copy h3 { margin:0 auto 13.8px; }
  .lp-redesign .lp-benefit-copy p { margin:0 auto; }
  .lp-redesign .lp-benefit:nth-child(2) { height:344px; margin-top:0; }
  .lp-redesign .lp-benefit-box { left:calc(50% - 160px); top:16px; margin:0; }
  .lp-redesign .lp-benefit:nth-child(2) .lp-benefit-copy { top:219px; margin:0; }
  .lp-redesign .lp-benefit:nth-child(3) { height:350px; margin-top:0; }
  .lp-redesign .lp-benefit-apple { left:calc(50% - 116px); top:16px; height:267px; margin:0; }
  .lp-redesign .lp-benefit:nth-child(3) .lp-benefit-copy { top:262px; left:calc(50% - 115px); width:229.43px; margin:0; }

  /* Connect every topic to the next one, including topics reached by swiping. */
  .lp-redesign img.lp-mobile-preferences-link[hidden],
  .lp-redesign img.lp-mobile-preferences-tail[hidden] { display:none !important; }
  .lp-redesign .lp-preference-films { --lp-next-topic:var(--flow-games); }
  .lp-redesign .lp-preference-games { --lp-next-topic:var(--flow-music); }
  .lp-redesign .lp-preference-music { --lp-next-topic:var(--flow-events); }
  .lp-redesign .lp-preference-group:not(:last-child) .lp-preference-topic::after { content:''; position:absolute; pointer-events:none; left:calc(100% + 6px); top:12.5px; width:calc(197px - 100% - 12px); height:1px; border-radius:1px; background:linear-gradient(to right,var(--topic-color),var(--lp-next-topic)); }

  .lp-redesign #main > .lp-faq { margin-top:96px; }
  .lp-redesign .lp-faq { width:calc(100% - 24px); max-width:406px; padding:0; }
  .lp-redesign .lp-faq h2 { margin:0; font-size:30px; line-height:.9; text-align:center; }
  .lp-redesign .lp-faq-list { margin-top:26px; }
  .lp-redesign .lp-faq-list summary { font-size:12px; line-height:1.15; min-height:60px; padding-block:18px; padding-right:26px; }
  .lp-redesign .lp-faq-list details p { font-size:12px; line-height:1.4; }
  .lp-redesign #main > .lp-final { margin-top:128px; }
  .lp-redesign .lp-final { width:100%; max-width:430px; text-align:center; }
  .lp-redesign .lp-final-copy { width:calc(100% - 20px); padding:0 12px; }
  .lp-redesign .lp-final h2 { width:276px; max-width:100%; margin:0 auto 34px; font-size:30px; line-height:.9; letter-spacing:-.03em; }
  .lp-redesign .lp-final .lp-button-main { margin:0; }
  .lp-redesign .lp-final-artwork { margin:-2px auto 0; padding-top:205px; padding-bottom:0; aspect-ratio:auto; overflow:hidden; }
  .lp-redesign .lp-final-artwork .lp-final-illustration { position:absolute; width:430px; height:auto; left:calc(50% - 219px); top:-.08px; margin:0; transform:scaleX(-1); }
  .lp-redesign .lp-final-artwork .lp-footer { position:relative; inset:auto; width:calc(100% - 12px); height:248px; min-height:248px; margin:0 6px; padding:27px; border-radius:32px 32px 0 0; border-bottom:0; background:#191a1c; }
  .lp-redesign .lp-footer-heading { margin:0 0 19.4px; font-size:24px; line-height:.9; letter-spacing:-.03em; }
  .lp-redesign .lp-footer-heading p { line-height:.9; }
  .lp-redesign .lp-footer-bottom nav { gap:0; }
  .lp-redesign .lp-final-artwork .lp-footer nav a { height:25.8px; padding:6px 10px; font-size:12px; line-height:1.15; letter-spacing:-.04em; }
  .lp-redesign .lp-final-artwork .lp-footer nav .lp-footer-email { position:absolute; bottom:12px; left:27px; height:auto; margin:0; padding:0; font-size:16px; letter-spacing:-.04em; }
  .lp-redesign .lp-footer-home { left:auto; right:27px; top:112px; bottom:auto; }
  .lp-redesign .lp-footer-home > img:not(.lp-mobile-asset) { display:none; }
  .lp-redesign .lp-footer-home > .lp-mobile-asset { width:auto; height:auto; transform:scaleX(-1); }
  .lp-redesign .lp-footer-up { right:0; top:36px; }
  .lp-redesign .lp-footer-up > img:not(.lp-mobile-asset) { display:none; }
  .lp-redesign .lp-footer-up > .lp-mobile-asset { width:auto; height:auto; }
}

@media(max-width:340px) {
 .lp-redesign .lp-hero-categories .lp-category-films span { letter-spacing:-.08em; }
}