@font-face {
  font-family: "Telka Extended Subset";
  src: url("assets/telka-extended-bold-subset.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Telka Wide Scoopic";
  src: url("assets/telka-wide-bold-scoopic.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@property --lens-flow-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
:root { color-scheme: dark; --acid: #baff19; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: #000; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", Inter, Arial, sans-serif; }
body { overflow-x: hidden; }
.hero { position: relative; min-height: 100svh; height: 100vh; min-height: 720px; overflow: hidden; background: #000; color: #fff; }
.magnifier-cursor { --cursor-x: -500px; --cursor-y: -500px; position: fixed; z-index: 200; left: 0; top: 0; display: none; width: 400px; height: 478px; overflow: visible; opacity: 0; pointer-events: none; contain: layout style; will-change: transform; transform: translate3d(calc(var(--cursor-x) - 174px), calc(var(--cursor-y) - 179px), 0); }
.magnifier-cursor-small { position: absolute; z-index: 6; left: 174px; top: 179px; display: block; width: 41.177px; height: 49.208px; object-fit: contain; opacity: 0; transform: translate3d(-50%, -50%, 0) scale(.72); transform-origin: center; backface-visibility: hidden; will-change: transform, opacity; transition: transform .22s cubic-bezier(.22,.65,.3,1), opacity .12s linear; }
.magnifier-cursor-art { position: relative; width: 100%; height: 100%; opacity: 0; transform: scale(.1); transform-origin: 174px 179px; backface-visibility: hidden; will-change: transform, opacity; transition: transform .3s cubic-bezier(.22,.65,.3,1), opacity .14s linear; }
.magnifier-cursor.is-visible { opacity: 1; }
.magnifier-cursor.is-small .magnifier-cursor-small { opacity: 1; transform: translate3d(-50%, -50%, 0) scale(1); }
.magnifier-cursor.is-active .magnifier-cursor-small { opacity: 0; transform: translate3d(-50%, -50%, 0) scale(1); }
.magnifier-cursor.is-active .magnifier-cursor-art { opacity: var(--exit-opacity, 1); transform: scale(var(--exit-scale, 1)); }
.magnifier-cursor.is-edge-loaded .magnifier-cursor-art { transition: transform .16s cubic-bezier(.2,.6,.3,1), opacity .12s linear; }
.magnifier-cursor.is-collapsing .magnifier-cursor-small { transition: transform .16s ease-out, opacity .1s linear; }
.magnifier-cursor.is-collapsing .magnifier-cursor-art { transition: transform .2s ease-out, opacity .1s linear; }
.magnifier-cursor.is-cursor-switching .magnifier-cursor-art { opacity: 0 !important; transition: none !important; }
.magnifier-cursor-photo, .magnifier-cursor-canvas { position: absolute; z-index: 1; left: 13%; top: 11.9%; display: block; width: 61%; height: auto; aspect-ratio: 1; overflow: hidden; border-radius: 50%; object-fit: cover; transform-origin: center; }
.magnifier-cursor-photo { transition: opacity .16s ease; }
.magnifier-cursor-canvas { opacity: 0; filter: saturate(1.04) contrast(1.02); transition: opacity .16s ease; }
.magnifier-cursor.is-optical-ready .magnifier-cursor-canvas { opacity: 1; }
.magnifier-cursor.is-optical-ready .magnifier-cursor-photo { opacity: 0; }
.magnifier-cursor-body { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; }
.magnifier-cursor-eyes { position: absolute; z-index: 3; left: 20.5%; top: 9%; width: 25%; height: auto; object-fit: contain; transform-origin: center; filter: drop-shadow(0 2px 2px rgba(0,0,0,.2)); }
@media (hover: hover) and (pointer: fine) {
  .magnifier-cursor { display: block; }
  body.has-magnifier-cursor, body.has-magnifier-cursor * { cursor: none !important; }
}
.legal { position: absolute; z-index: 10; top: 32px; right: 48px; display: flex; align-items: center; gap: 26px; opacity: .5; font-size: 14px; font-weight: 510; letter-spacing: .01em; transform: scaleX(1.0165); transform-origin: right center; }
.legal a { color: inherit; text-decoration: none; transition: opacity .2s; }
.legal a:hover { opacity: .65; }
.legal p { margin: 0; }
.legal span { width: 1px; height: 10px; background: #aaa; }
.phone { --phone-radius: 40px; position: absolute; z-index: 4; left: 19.17%; top: 50%; width: auto; height: 635px; aspect-ratio: 390 / 835; padding: 0; transform: translateY(-50%); overflow: visible; border-radius: var(--phone-radius); container-type: inline-size; background: #000; box-shadow: none; }
.phone::before { content: ""; position: absolute; z-index: -1; inset: -2.78cqw; border-radius: calc(var(--phone-radius) + 8px); background: #404040; pointer-events: none; }
.phone button { color: inherit; font-family: inherit; -webkit-tap-highlight-color: transparent; }
.feed-screen { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: var(--phone-radius); background: #000; color: #fff; isolation: isolate; }
.feed-status { position: absolute; z-index: 20; top: 0; left: 0; width: 100%; height: 15.43cqw; padding: 5.23cqw 5.97cqw 0; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); column-gap: 38.31cqw; align-items: flex-start; font-size: 4.23cqw; line-height: 5.47cqw; background: linear-gradient(#000 0%, rgba(0,0,0,.78) 58%, transparent 100%); }
.feed-status > b { justify-self: center; white-space: nowrap; }
.feed-status > span { justify-self: center; display: flex; align-items: center; gap: 1.74cqw; padding-top: .25cqw; }
.feed-status img { display: block; width: auto; height: 3.04cqw; }
.feed-status img:last-child { height: 3.23cqw; }
.feed-nav { position: absolute; z-index: 19; top: 10.7cqw; left: 0; width: 100%; height: 14.36cqw; display: grid; place-items: center; background: linear-gradient(rgba(0,0,0,.78), rgba(0,0,0,.3) 68%, transparent); }
.feed-title, .feed-profile, .feed-dog, .feed-caption, .feed-card button, .feed-tab { appearance: none; border: 0; margin: 0; padding: 0; background: transparent; cursor: pointer; }
.phone .feed-title { color: #fff; font-family: "Telka Wide Scoopic", sans-serif; font-size: 5.64cqw; font-weight: 700; letter-spacing: .01em; }
.feed-profile { position: absolute; right: 4.1cqw; top: 3.05cqw; width: 8.2cqw; height: 8.2cqw; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 .26cqw rgba(255,255,255,.14); }
.feed-profile img { width: 100%; height: 100%; object-fit: cover; }
.feed-dog { position: absolute; z-index: 9; left: -.5cqw; top: 12.6cqw; width: 28.2cqw; height: 38.4cqw; overflow: visible; transform-origin: 48% 75%; }
.feed-dog:focus { outline: none; }
.feed-dog canvas { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.feed-dog canvas { transform: scaleX(-1) scale(1.28); }
.feed-dog canvas { opacity: 0; transition: opacity .25s ease; }
.feed-dog.is-rive-ready canvas { opacity: 1; }
.feed-dog.is-playing { animation: dog-pop .58s cubic-bezier(.2,.9,.24,1.18); }
@keyframes dog-pop { 0%,100% { transform: translateY(0) rotate(0); } 42% { transform: translateY(-2.8cqw) rotate(-6deg) scale(1.08); } 70% { transform: translateY(.6cqw) rotate(3deg) scale(.98); } }
.feed-caption { position: absolute; z-index: 10; left: 25.64cqw; top: 26.6cqw; width: calc(100% - 28.72cqw); height: 23.59cqw; padding: 3.077cqw; display: flex; flex-direction: column; align-items: flex-start; gap: 1.026cqw; overflow: hidden; text-align: left; border-radius: 6.154cqw; color: var(--pup-caption-color, #303030); background: var(--pup-body-color, #aff20a); box-shadow: none; transition: height .28s ease, transform .22s ease; }
.phone .feed-caption { color: var(--pup-caption-color, #303030); }
.feed-caption:active { transform: scale(.98); }
.feed-caption.is-open { height: auto; min-height: 23.59cqw; max-height: 36cqw; }
.feed-caption-time { position: relative; z-index: 1; flex: 0 0 4.103cqw; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif; font-size: 3.333cqw; line-height: 4.103cqw; font-weight: 600; letter-spacing: 0; }
.feed-caption-copy { position: relative; z-index: 1; display: -webkit-box; overflow: hidden; font-family: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, sans-serif; font-size: 4.872cqw; line-height: 6.154cqw; font-weight: 700; letter-spacing: .087cqw; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.feed-caption-copy .caption-char { opacity: 1; transition: opacity 50ms linear; }
.feed-caption.is-open .feed-caption-copy { -webkit-line-clamp: 4; }
.feed-caption.is-intro-launching { animation: caption-intro-pop .58s cubic-bezier(.18,.88,.22,1.15); }
.feed-caption.is-speaking .feed-caption-copy { transform-origin: left center; animation: caption-copy-speak .48s cubic-bezier(.18,.88,.22,1); }
@keyframes caption-intro-pop {
  0% { transform: scale(.92) translateY(1.6cqw); opacity: .7; }
  58% { transform: scale(1.035) translateY(-.35cqw); opacity: 1; }
  100% { transform: scale(1) translateY(0); opacity: 1; }
}
@keyframes caption-copy-speak {
  0% { transform: translateY(.8cqw) scale(.97); opacity: .68; }
  100% { transform: translateY(0) scale(1); opacity: 1; }
}
.feed-heart-rain { position: fixed; z-index: 50; inset: 0; display: block; width: 100%; height: 100%; contain: strict; pointer-events: none; }
.feed-card { position: absolute; z-index: 3; left: 0; top: 45.1cqw; width: 100%; height: 133.34cqw; overflow: hidden; border-radius: 6.154cqw; background: #151515; box-shadow: 0 -1cqw 5cqw rgba(0,0,0,.12); }
.feed-photo { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 1; transition: opacity .32s ease-in-out; }
.feed-expanded { position: absolute; z-index: 2; inset: 0; overflow: hidden; visibility: hidden; opacity: 0; transform: scale(.1); transform-origin: var(--reveal-x, 50%) var(--reveal-y, 50%); border-radius: 6.154cqw; pointer-events: none; will-change: transform, opacity; }
.feed-expanded.is-active { visibility: visible; pointer-events: auto; }
.feed-expanded img { display: block; width: 100%; height: 100%; object-fit: cover; }
.feed-card.is-expanded .feed-photo { opacity: 0; }
.feed-photo-shade { position: absolute; z-index: 3; inset: 44% 0 0; pointer-events: none; background: linear-gradient(transparent, rgba(0,0,0,.1) 46%, rgba(0,0,0,.58)); }
.feed-spot { --drag-x: 0px; --drag-y: 0px; --image-x: 0px; --image-y: 0px; --image-scale: 1.22; position: absolute; z-index: 5; width: 49.3cqw; height: 49.3cqw; touch-action: none; transform: translate3d(var(--drag-x), var(--drag-y), 0); filter: drop-shadow(0 1.02cqw 2.05cqw rgba(0,0,0,.34)); transition: opacity .18s ease; }
.feed-spot.is-attention-entering { transform-origin: 49.16% 50%; pointer-events: none; animation: feed-spot-attention-pop 960ms linear 2s both; }
.feed-spot.is-magnifier-hidden { opacity: 0 !important; pointer-events: none; animation: none; }
.feed-spot.is-returning { transition: opacity .18s ease, transform .48s cubic-bezier(.2,0,0,1); }
@keyframes feed-spot-attention-pop {
  0% { visibility: hidden; opacity: 0; transform: translate3d(var(--drag-x), var(--drag-y), 0) scale(.08); }
  .1% { visibility: visible; opacity: 0; transform: translate3d(var(--drag-x), var(--drag-y), 0) scale(.08); }
  42% { opacity: 1; transform: translate3d(var(--drag-x), var(--drag-y), 0) scale(1.2); }
  62% { opacity: 1; transform: translate3d(var(--drag-x), var(--drag-y), 0) scale(.9); }
  78% { opacity: 1; transform: translate3d(var(--drag-x), var(--drag-y), 0) scale(1.075); }
  90% { opacity: 1; transform: translate3d(var(--drag-x), var(--drag-y), 0) scale(.985); }
  100% { visibility: visible; opacity: 1; transform: translate3d(var(--drag-x), var(--drag-y), 0) scale(1); }
}
.feed-spot-lens { --lens-flow-angle: 0deg; position: absolute; left: 49.16%; top: 50%; width: 21.9cqw; height: 21.9cqw; overflow: hidden; border: 1.05cqw solid transparent; border-radius: 50%; transform: translate(-50%,-50%) scale(1); background: linear-gradient(#080808,#080808) padding-box, conic-gradient(from var(--lens-flow-angle),#c5ff27 0deg,#f4ff86 58deg,#03ffb3 132deg,#5dffd1 192deg,#c8ff33 268deg,#c5ff27 360deg) border-box; box-shadow: inset 0 0 0 .14cqw rgba(0,0,0,.3); animation: lens-color-flow 3.2s linear infinite, lens-scale-pulse 1.75s cubic-bezier(.45,0,.55,1) infinite; transition: transform .48s cubic-bezier(.2,0,0,1); }
.feed-spot.is-pressed { filter: drop-shadow(0 2.05cqw 4.1cqw rgba(0,0,0,.34)); }
.feed-spot.is-pressed .feed-spot-lens { transform: translate(-50%,-50%) scale(1.12); box-shadow: inset 0 0 0 .14cqw rgba(0,0,0,.3); animation: lens-color-flow 1.25s linear infinite; transition: transform .34s cubic-bezier(.18,.88,.22,1); }
@keyframes lens-color-flow {
  0% { --lens-flow-angle: 0deg; }
  100% { --lens-flow-angle: 360deg; }
}
@keyframes lens-scale-pulse {
  0%, 100% { transform: translate(-50%,-50%) scale(1); }
  50% { transform: translate(-50%,-50%) scale(1.1); }
}
.feed-spot-lens::before { content: ""; position: absolute; z-index: 2; inset: 0; border-radius: 50%; pointer-events: none; background: radial-gradient(circle at calc(50% + var(--highlight-x, 0px)) calc(46% + var(--highlight-y, 0px)), rgba(255,255,255,.16), rgba(255,255,255,.04) 27%, transparent 56%), linear-gradient(155deg, rgba(255,255,255,.16), transparent 34%, rgba(0,0,0,.08) 78%); }
.feed-spot-lens::after { content: ""; position: absolute; z-index: 3; inset: .2cqw; border-top: .26cqw solid rgba(255,255,255,.6); border-right: .14cqw solid rgba(255,255,255,.08); border-bottom: .14cqw solid rgba(0,0,0,.18); border-left: .14cqw solid rgba(255,255,255,.18); border-radius: 50%; pointer-events: none; }
.feed-spot-lens .feed-lens-fallback { position: absolute; z-index: 0; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; transform: translate3d(var(--image-x), var(--image-y), 0) scale(var(--image-scale)); transition: opacity .18s ease, transform .14s ease-out; }
.feed-lens-canvas { position: absolute; z-index: 1; inset: 0; display: block; width: 100%; height: 100%; opacity: 0; transition: opacity .18s ease; }
.feed-spot-lens.is-optical-ready .feed-lens-canvas { opacity: 1; }
.feed-spot-lens.is-optical-ready .feed-lens-fallback { opacity: 0; }
.feed-spot-label { position: absolute; inset: 0; display: block; width: 100%; height: 100%; overflow: visible; opacity: .92; transform: scale(1); transform-origin: 49.16% 50%; animation: lens-label-pulse 1.75s cubic-bezier(.45,0,.55,1) infinite; transition: transform .34s cubic-bezier(.18,.88,.22,1); pointer-events: none; }
.feed-spot-label text { fill: #fff; font-family: "SF Pro Rounded", ui-rounded, -apple-system, BlinkMacSystemFont, sans-serif; font-size: 8.45px; font-weight: 700; letter-spacing: -.338px; text-anchor: middle; }
.feed-spot.is-pressed .feed-spot-label { animation: none; transform: scale(1.08); }
@keyframes lens-label-pulse {
  0%, 100% { opacity: .92; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.1); }
}
.feed-spot--house { left: 43.77%; top: 39%; }
.feed-card.is-expanded .feed-spot, .feed-card.is-collapsing .feed-spot { opacity: 0; pointer-events: none; }
.feed-back { position: absolute; z-index: 8; top: 4.1cqw; right: 4.1cqw; display: grid; width: 10.25cqw; height: 10.25cqw; padding: 0 !important; place-items: center; overflow: hidden; border-radius: 50%; opacity: 0; pointer-events: none; transform: translateY(-1.5cqw) scale(.8); background: rgba(0,0,0,.26) !important; box-shadow: inset 0 0 0 .21cqw rgba(255,255,255,.22); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transition: opacity .18s ease, transform .25s ease; }
.feed-back img { position: relative; z-index: 2; width: 5.13cqw; height: 5.13cqw; object-fit: contain; }
.feed-back-ring { --close-progress: 0deg; position: absolute; z-index: 1; inset: 0; padding: .64cqw; border-radius: 50%; background: conic-gradient(from -90deg, #fff 0 var(--close-progress), transparent var(--close-progress) 360deg); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
.feed-card.is-expanded .feed-back-ring { animation: feed-back-progress 8s linear forwards; }
@property --close-progress { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
@keyframes feed-back-progress { to { --close-progress: 360deg; } }
.feed-card.is-expanded .feed-back { opacity: 1; pointer-events: auto; transform: none; }
.feed-user { position: absolute; z-index: 5; left: 3.6cqw; bottom: 5.1cqw; display: flex; align-items: center; gap: 2.05cqw; color: #fff; font-size: 4.1cqw; font-weight: 600; text-shadow: 0 0 1.1cqw rgba(0,0,0,.75); }
.feed-user img { display: block; width: 5.65cqw; height: 5.65cqw; border: .38cqw solid #fff; border-radius: 50%; object-fit: cover; }
.feed-user-mobile { display: none; }
.feed-actions { position: absolute; z-index: 6; right: 1.05cqw; bottom: 1.05cqw; display: flex; flex-direction: column; gap: 5.15cqw; padding: 3.08cqw; }
.feed-actions > button { width: 10.26cqw; height: 10.26cqw; outline: none; filter: drop-shadow(0 .25cqw .65cqw rgba(0,0,0,.36)); transition: transform .15s ease; }
.feed-actions > button:focus-visible { border-radius: 50%; outline: .38cqw solid rgba(255,255,255,.82); outline-offset: .55cqw; }
.feed-actions > button:active { transform: scale(.84); }
.feed-actions > button.is-celebrating { animation: feed-like-pop .68s cubic-bezier(.18,.9,.24,1.25); }
@keyframes feed-like-pop { 0% { transform: scale(.78) rotate(0); } 32% { transform: scale(1.38) rotate(-11deg); } 58% { transform: scale(.94) rotate(5deg); } 78% { transform: scale(1.1) rotate(-2deg); } 100% { transform: scale(1) rotate(0); } }
.feed-actions img { display: block; width: 100%; height: 100%; object-fit: contain; }
.feed-menu { position: absolute; right: 11.8cqw; bottom: 0; width: 29cqw; padding: 1.3cqw; border: .18cqw solid rgba(255,255,255,.14); border-radius: 3cqw; opacity: 0; pointer-events: none; transform: translateX(2cqw) scale(.92); transform-origin: right bottom; background: rgba(26,26,26,.9); backdrop-filter: blur(14px); transition: opacity .16s ease, transform .18s ease; }
.feed-menu.is-open { opacity: 1; pointer-events: auto; transform: none; }
.feed-menu button { width: 100%; padding: 2.2cqw 2.6cqw; border-radius: 2.2cqw; color: #fff; text-align: left; font-size: 3.3cqw; font-weight: 620; }
.feed-tabbar { position: absolute; z-index: 12; left: 5.4cqw; right: 5.4cqw; bottom: 7.45cqw; height: 15.9cqw; display: flex; align-items: stretch; gap: 2.05cqw; }
.feed-tab, .feed-tab-group, .feed-tab--single { border: .18cqw solid rgba(255,255,255,.11); background: rgba(28,28,28,.76); box-shadow: inset 0 .2cqw .3cqw rgba(255,255,255,.08), 0 1.3cqw 4cqw rgba(0,0,0,.32); backdrop-filter: blur(14px); }
.feed-tab--single { flex: 0 0 15.9cqw; border-radius: 999px; }
.feed-tab-group { flex: 1; display: flex; border-radius: 999px; overflow: hidden; }
.feed-tab-group .feed-tab { width: 50%; border: 0; box-shadow: none; background: transparent; }
.feed-tab { position: relative; display: grid; place-items: center; border-radius: 999px; transition: background .2s ease, transform .14s ease; }
.feed-tab:active { transform: scale(.91); }
.feed-tab.is-selected { background: rgba(235,235,245,.11); }
.feed-tab img { display: block; width: 8.2cqw; height: 8.2cqw; object-fit: contain; }
.feed-home-indicator { position: absolute; z-index: 15; left: 50%; bottom: 2.2cqw; width: 34cqw; height: 1.28cqw; border-radius: 999px; transform: translateX(-50%); background: #fff; }
.pitch { position: absolute; z-index: 5; left: calc(50% - 17px); top: calc(50% - 67.9px); width: min(449px, calc(50vw - 32px)); transform: none; text-align: center; }
.brand { position: absolute; left: 50%; top: clamp(-150.42px, -10.45vw, -118px); display: flex; justify-content: center; align-items: center; margin: 0; transform: translateX(-50%); }
.brand img { display: block; width: clamp(172px, 14.653vw, 211px); height: clamp(56.24px, 4.78vw, 68.96px); object-fit: contain; transform: none; }
.title-lock { position: relative; display: inline-block; margin: 0 auto 16px; font-size: clamp(26px, 2.778vw, 40px); }
h1 { margin: 0; font-family: "Telka Extended Subset", sans-serif; font-size: 1em; line-height: normal; letter-spacing: .01em; font-weight: 700; white-space: nowrap; transform: none; }
.pitch > p { margin: 0; color: rgba(235,235,245,.7); font-size: clamp(15px, 1.25vw, 18px); line-height: normal; letter-spacing: .05em; }
.preorder-wrap { position: relative; width: min(319px, 100%); margin: clamp(48px, 4.86vw, 70px) auto 0; }
.preorder { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; height: clamp(64px, 5.14vw, 74px); color: #000; background: linear-gradient(to bottom, #a9e61b 0%, #b1ef24 38%, #b1f024 78%, #c1ff33 100%); border-radius: 999px; box-shadow: none; font-weight: 860; font-size: clamp(20px, 1.667vw, 24px); text-decoration: none; transition: transform .2s; }
.preorder:hover { transform: translateY(-2px) scale(1.03); box-shadow: none; }
.preorder img { display: block; width: 32px; height: 32px; }
.preorder-qr { position: absolute; z-index: 30; left: 50%; bottom: calc(100% + 18px); display: flex; width: 282px; flex-direction: column; align-items: center; opacity: 0; pointer-events: none; transform: translate3d(-50%,10px,0) scale(.94); transform-origin: center bottom; transition: opacity .16s linear, transform .22s ease-out; }
.preorder-wrap:hover .preorder-qr, .preorder-wrap:focus-within .preorder-qr, .preorder-wrap.is-qr-open .preorder-qr { opacity: 1; transform: translate3d(-50%,0,0) scale(1); }
.preorder-qr-card { box-sizing: border-box; width: 282px; height: 339px; padding: 16px 16px 20px; border-radius: 42px; background: #3a3a3a; }
.preorder-qr-frame { position: relative; width: 250px; height: 250px; overflow: hidden; border-radius: 24px; background: #fff; }
.preorder-qr-frame img { position: absolute; left: 4%; top: 4%; display: block; width: 92%; height: 92%; object-fit: contain; }
.preorder-qr-copy { display: flex; height: 38px; margin-top: 15px; flex-direction: column; align-items: center; justify-content: center; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif; font-size: 16px; line-height: normal; text-align: center; }
.preorder-qr-copy strong { display: block; color: #fff; font-weight: 700; }
.preorder-qr-copy span { display: block; color: rgba(235,235,245,.7); font-weight: 510; }
.preorder-qr-copy b { font-weight: 590; }
.preorder-qr-tail { display: block; width: 28.72px; height: 14.36px; object-fit: fill; }
.title-scribble { position: absolute; z-index: 6; right: -.65em; top: -.72em; width: 5.55em; height: auto; pointer-events: none; }
.dog { position: absolute; z-index: 2; user-select: none; pointer-events: none; }
.dog--pink { display: none; }
.dog--green { width: 205px; right: -100px; top: 24%; transform: rotate(-45deg); }
.dog--blue { width: 159.348px; left: -32.92px; top: auto; bottom: 78.144px; transform: rotate(15deg) scaleX(-1); }
.dog--brown { width: 179.267px; left: -20.3px; top: auto; bottom: -68.508px; transform: rotate(15deg) scaleX(-1); }
.dog--purple { width: 162.784px; left: auto; right: -18px; top: auto; bottom: -34px; transform: rotate(-15deg); }
@media (min-width: 901px) {
  .dog--purple { position: fixed; }
}
@media (max-height: 900px) and (min-width: 901px) { .phone { height: 62vh; } }
@media (max-width: 900px) {
  .hero { width: 100%; min-height: 1180px; height: 1180px; padding: 0; display: block; overflow: hidden; }
  .magnifier-cursor { width: 300px; height: 358.5px; transform: translate3d(calc(var(--cursor-x) - 130.5px), calc(var(--cursor-y) - 134.25px), 0); }
  .magnifier-cursor-small { left: 130.5px; top: 134.25px; }
  .magnifier-cursor-art { transform-origin: 130.5px 134.25px; }
  .legal { top: 1108px; bottom: auto; left: 50%; right: auto; width: 195px; justify-content: center; flex-wrap: wrap; gap: 13px 14px; font-size: 12px; line-height: normal; transform: translateX(-50%); }
  .legal span { display: none; }
  .legal p { flex: 0 0 100%; text-align: center; }
  .phone { --phone-radius: 40px; left: 50%; top: 402px; width: 301.564px; height: 655.64px; padding: 0; overflow: hidden; border: 6.276px solid #404040; border-radius: var(--phone-radius); transform: translateX(-50%); }
  .phone::before { display: none; }
  .feed-screen { border-radius: calc(var(--phone-radius) - 6.276px); }
  .pitch { left: 50%; top: 169px; width: 449px; transform: translateX(-50%); }
  .brand { top: -79px; margin: 0; }
  .brand img { width: 143px; height: 46.7px; }
  .title-lock { margin-bottom: 16px; font-size: 32px; }
  h1 { font-size: 1em; white-space: nowrap; transform: none; }
  .pitch > p { font-size: 14px; letter-spacing: 0; }
  .preorder-wrap { width: 286px; margin-top: 28px; }
  .preorder { height: 66px; font-size: 20px; }
  .preorder img { width: 24px; height: 24px; }
  .preorder-qr { display: none; }
  .title-scribble { display: block; }
  .dog--pink, .dog--green { display: none; }
  .dog--blue { display: block; width: 84.592px; left: -37.09px; top: 985px; bottom: auto; transform: rotate(15deg) scaleX(-1); }
  .dog--brown { display: block; width: 95.166px; left: -30.89px; top: 1056.34px; bottom: auto; transform: rotate(15deg) scaleX(-1); }
  .dog--purple { position: absolute; width: 107.995px; left: 301.82px; right: auto; top: 946.97px; bottom: auto; transform: rotate(-15deg); }
  .feed-user-desktop { display: none; }
  .feed-user-mobile { display: inline; }
}
@media (max-width: 480px) { .legal span { display: none; } }
@media (prefers-reduced-motion: reduce) {
  .feed-actions > button.is-celebrating { animation-duration: .35s; }
  .feed-spot-lens, .feed-spot-label, .feed-caption.is-intro-launching, .feed-caption.is-speaking .feed-caption-copy { animation: none; }
  .feed-spot.is-attention-entering { visibility: visible; opacity: 1; pointer-events: auto; animation: none; }
}