@font-face{font-family:Beiruti;font-style:normal;font-weight:825;font-display:swap;src:url(fonts/beiruti.woff2) format("woff2");size-adjust:122.5%}@font-face{font-family:Inter;font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/inter.woff2) format("woff2")}:root{--color-surface: #ffc234;--color-ground: #ffcb52;--color-accent: #ff004f;--color-text: #2a0a1c;--color-on-accent: #fff8f0;--headline-family: "Beiruti", sans-serif;--headline-size: clamp(3rem, 7.8vw, 5.6rem);--headline-weight: 825;--headline-leading: 1.06;--headline-tracking: 0;--body-family: "Outfit", sans-serif;--body-size: clamp(1.1rem, 1.9vw, 1.4rem);--body-weight: 400;--body-leading: 1.38;--body-measure: 46ch;--copy-gap: 28px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-7: 48px;--copy-width: 40.67vw;--header-height: 64px;--hero-travel: calc((100vh - var(--header-height)) * .3)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--color-surface)}#app{position:relative;background:var(--color-surface);color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.hero{position:relative;height:calc(var(--header-height) + var(--hero-travel))}.stage{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--color-surface)}.hero .stage{position:fixed;left:0;right:0;z-index:3;height:calc(100vh - (100vh - var(--header-height)) * var(--hero-progress, 0));box-shadow:0 1px color-mix(in srgb,var(--color-text) calc(18% * var(--hero-progress, 0)),transparent);background:color-mix(in srgb,var(--color-ground) calc(var(--header-swap, 0) * 100%),var(--color-surface))}.hero .stage:before{opacity:calc(1 - var(--header-swap, 0))}.hero .stage:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:var(--doodle-pattern-inverse);background-repeat:no-repeat;background-position:var(--doodle-field-offset, 0) var(--doodle-field-offset, 0);background-size:var(--doodle-field-width, 100%) var(--doodle-field-height, 100%);opacity:var(--header-swap, 0)}.hero .media{opacity:var(--hero-fade, 1)}.hero .copy{opacity:var(--hero-fade, 1);transform:scale(calc(1 - var(--hero-progress, 0) * .85));transform-origin:calc(100% - var(--space-7)) center}.masthead{position:absolute;top:0;left:0;z-index:3;height:var(--header-height);display:flex;align-items:center;padding:0 var(--space-5);font-family:var(--headline-family);font-weight:var(--headline-weight);font-size:1.6rem;letter-spacing:var(--headline-tracking);color:var(--color-text);transform:scale(calc(1.5 - var(--hero-progress, 0) * .5));transform-origin:var(--space-5) center}.masthead-logo{line-height:1;white-space:nowrap}.masthead img{height:1.04em;width:auto;margin-right:.15em;vertical-align:-.2em}.masthead span{font-size:.84em}#app:not(.has-logo-font) .masthead span{visibility:hidden}.wordmark{font-family:var(--headline-family);font-weight:var(--headline-weight);letter-spacing:var(--headline-tracking);color:var(--color-text)}.wordmark em{font-style:normal;color:var(--color-accent)}.stage:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:var(--doodle-pattern);background-repeat:no-repeat;background-position:var(--doodle-field-offset, 0) var(--doodle-field-offset, 0);background-size:var(--doodle-field-width, 100%) var(--doodle-field-height, 100%)}.media{position:absolute;inset:0 0 0 auto;width:calc(100vw - var(--copy-width));z-index:2;overflow:hidden}.monitor{width:100%;display:flex;flex-direction:column;align-items:center}.bezel{width:100%;padding:1.4% 1.4% 3.2%;border-radius:18px;background:linear-gradient(180deg,#2a2a2e,#141416);box-shadow:inset 0 1px #ffffff1f,0 30px 60px -20px #2a0a1c8c,0 12px 24px -12px #2a0a1c66;position:relative}.bezel:after{content:"";position:absolute;left:50%;bottom:1.2%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#3a3a40}.screen{position:relative;width:100%;aspect-ratio:3 / 2;overflow:hidden;border-radius:6px;background:#000}.screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0}.screen video.is-active{opacity:1}.screen-loading{position:absolute;inset:0;background:#0009;opacity:0;transition:opacity .2s}.screen-loading:after{content:"";position:absolute;left:50%;top:50%;width:2.6rem;height:2.6rem;margin:-1.3rem 0 0 -1.3rem;border:3px solid rgba(255,255,255,.2);border-top-color:#ffffffd9;border-radius:50%;animation:screen-loading-spin .8s linear infinite}.screen.is-loading .screen-loading{opacity:1;transition-delay:1s}@keyframes screen-loading-spin{to{transform:rotate(360deg)}}.cascade{perspective:2400px;user-select:none;-webkit-user-select:none}.cascade-deck{--cascade-deck-width:min(calc(100vw - var(--copy-width)), 125vh);--cascade-deck-height:calc(var(--cascade-deck-width) * .64);--cascade-shrink-origin-x:calc(-.36 * var(--cascade-deck-width));position:absolute;left:50%;top:50%;width:var(--cascade-deck-width);height:var(--cascade-deck-height);margin:calc(var(--cascade-deck-height) / -2) 0 0 calc(var(--cascade-deck-width) / -2);transform:translate(var(--cascade-shrink-origin-x)) scale(calc(1 - var(--hero-progress, 0) * .85)) translate(calc(-1 * var(--cascade-shrink-origin-x))) rotateX(8deg) rotateY(-8deg)}.cascade-card{position:absolute;left:calc(var(--cascade-x) * var(--cascade-deck-width));top:calc(var(--cascade-y) * var(--cascade-deck-width));width:calc(.46 * var(--cascade-deck-width));animation:cascade-deal 1.8s cubic-bezier(.22,1,.36,1) both;will-change:transform,opacity;animation-delay:calc(var(--cascade-index) * .4s)}#app:not(.is-ready) .cascade-card{animation-play-state:paused}@keyframes cascade-deal{0%{opacity:0;transform:translate(calc((var(--cascade-from-x) - var(--cascade-x)) * var(--cascade-deck-width)),calc((var(--cascade-from-y) - var(--cascade-y)) * var(--cascade-deck-width)))}40%{opacity:1}to{transform:none}}.cascade-frame{padding:6px;border-radius:16px;background:var(--stand-in) content-box center / cover no-repeat,linear-gradient(180deg,#2a2a2e,#141416);box-shadow:inset 0 1px #ffffff1f,0 40px 80px -30px #2a0a1c99,0 16px 32px -16px #2a0a1c66}.cascade-deck img{opacity:0;transition:opacity .4s ease-out}.cascade-deck img.is-loaded{opacity:1}.cascade-frame img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;border-radius:11px}.cascade-share{display:flex;align-items:flex-end;gap:var(--space-3)}.cascade-share .trailer{flex:1;background:#0f0f0f;color:#f1f1f1;box-shadow:0 40px 80px -30px #2a0a1c99,0 16px 32px -16px #2a0a1c66}.cascade-share .trailer-channel{color:#aaa}.cascade-share .trailer-frame{container-type:inline-size}.cascade-share .trailer-frame,.cascade-share .tiktok-video{background:var(--stand-in) center / cover no-repeat}.cascade-share .phone{flex:none;width:24%}.tiktok-video,.reels-video{position:relative;flex:1;min-height:0}.tiktok-video img,.tiktok-video video,.reels-video video{position:absolute;inset:0;height:100%}.tiktok-video svg,.tiktok-navigation svg,.reels-video svg,.reels-navigation svg{display:block}.phone-status{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;height:calc(54 * var(--point));padding:0 calc(34 * var(--point)) 0 calc(44 * var(--point));font-size:calc(17 * var(--point));font-weight:600}.phone-battery{position:relative;width:calc(25 * var(--point));height:calc(12 * var(--point));padding:calc(2 * var(--point));border:calc(1 * var(--point)) solid rgba(255,255,255,.5);border-radius:calc(4 * var(--point))}.phone-battery:before{content:"";display:block;width:80%;height:100%;border-radius:calc(2 * var(--point));background:#fff}.phone-island{position:absolute;top:calc(11 * var(--point));left:50%;width:calc(124 * var(--point));height:calc(36 * var(--point));border-radius:calc(18 * var(--point));background:#000;transform:translate(-50%)}.tiktok-header{position:absolute;top:calc(58 * var(--point));left:0;right:0;display:flex;justify-content:center;gap:calc(22 * var(--point));font-size:calc(17 * var(--point));font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.35)}.tiktok-header span{padding-bottom:calc(7 * var(--point));color:#ffffffa6}.tiktok-header .is-current{color:#fff;font-weight:700;background:linear-gradient(#fff,#fff) bottom center / calc(30 * var(--point)) calc(3 * var(--point)) no-repeat}.tiktok-header svg{position:absolute;top:0;right:calc(16 * var(--point));width:calc(24 * var(--point));height:calc(24 * var(--point))}.tiktok-actions{position:absolute;right:calc(8 * var(--point));bottom:calc(20 * var(--point));display:flex;flex-direction:column;align-items:center;gap:calc(16 * var(--point));width:calc(52 * var(--point));font-size:calc(13 * var(--point));font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.4)}.tiktok-action{display:flex;flex-direction:column;align-items:center;gap:calc(3 * var(--point))}.tiktok-action svg{width:calc(36 * var(--point));height:calc(36 * var(--point));filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.tiktok-disc{width:calc(44 * var(--point));height:calc(44 * var(--point));margin-top:calc(4 * var(--point));border-radius:50%;background:radial-gradient(circle,var(--color-accent) 0 30%,transparent 31%),radial-gradient(circle,#3a3a3e,#111 70%)}.tiktok-caption{position:absolute;left:calc(12 * var(--point));right:calc(80 * var(--point));bottom:calc(16 * var(--point));font-size:calc(14.5 * var(--point));text-shadow:0 1px 2px rgba(0,0,0,.5)}.tiktok-caption strong{display:block;margin-bottom:calc(4 * var(--point));font-size:calc(16 * var(--point))}.tiktok-caption b{font-weight:600}.tiktok-caption span{display:block;margin-top:calc(8 * var(--point));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiktok-navigation{position:relative;display:flex;justify-content:space-around;align-items:flex-start;height:calc(84 * var(--point));padding-top:calc(7 * var(--point));background:#000;font-size:calc(10 * var(--point));font-weight:500}.tiktok-navigation>span{display:flex;flex-direction:column;align-items:center;gap:calc(2 * var(--point));width:calc(60 * var(--point));color:#ffffffb3}.tiktok-navigation>.is-current{color:#fff;font-weight:600}.tiktok-navigation svg{width:calc(26 * var(--point));height:calc(26 * var(--point))}.tiktok-create{display:grid;place-items:center;width:calc(44 * var(--point));height:calc(29 * var(--point));margin-top:calc(2 * var(--point));border-radius:calc(8 * var(--point));background:#fff;box-shadow:calc(-3 * var(--point)) 0 0 #25f4ee,calc(3 * var(--point)) 0 0 #fe2c55;color:#000;font-size:calc(22 * var(--point));font-weight:700;line-height:1}.phone-home-indicator{position:absolute;left:50%;bottom:calc(8 * var(--point));width:calc(134 * var(--point));height:calc(5 * var(--point));border-radius:calc(3 * var(--point));background:#fff;transform:translate(-50%)}.copy{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right;gap:var(--copy-gap);padding:0 var(--space-7) 0 var(--space-5);max-width:var(--copy-width)}.features{--feature-monitor-width:min(52vw, 72vh);position:relative;height:400vh;transform:translateY(calc((100vh - var(--header-height) - var(--hero-travel)) * (1 - var(--hero-progress, 0))))}.features .stage{top:var(--header-height);height:calc(100vh - var(--header-height));background:var(--color-ground)}.features .stage:before{background-image:var(--doodle-pattern-inverse)}.features-layout{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:minmax(0,30rem) 1px var(--feature-monitor-width);column-gap:calc(var(--space-7) * .75);justify-content:center;align-content:center;align-items:center;padding:0 var(--space-7)}.features-track{position:relative;align-self:stretch;background:color-mix(in srgb,var(--color-text) 18%,transparent)}.features-track:before{content:"";position:absolute;left:50%;top:calc(var(--features-progress, 0) * 100%);width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--color-text) 45%,var(--color-ground));transform:translate(-50%,-50%)}.topics{text-align:right;list-style:none;margin:0;padding:0}.topic{padding:var(--space-4) 0;border-bottom:1px solid color-mix(in srgb,var(--color-text) 18%,transparent);opacity:.4;cursor:pointer;transition:opacity .3s ease}.topic:last-child{border-bottom:none}.topic[aria-current=true]{opacity:1}.topic h3{font-family:var(--headline-family);font-weight:var(--headline-weight);font-size:calc(var(--headline-size) * var(--headline-fit, 1) * .6);line-height:var(--headline-leading);letter-spacing:var(--headline-tracking);margin:0}.topic-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1)}.topic[aria-current=true] .topic-body{grid-template-rows:1fr}.topic-body>div{overflow:hidden}.topic p{font-family:var(--body-family);font-weight:var(--body-weight);font-size:var(--body-size);line-height:var(--body-leading);max-width:var(--body-measure);text-wrap:balance;margin:0 0 0 auto;padding-top:var(--copy-gap)}.topic p>span:not(.wordmark){display:block;text-wrap:balance}.seen{position:relative;height:200vh}.seen .stage{top:var(--header-height);height:calc(100vh - var(--header-height))}.seen-layout{--feed-gap:var(--space-5);position:relative;z-index:2;height:100%;max-width:calc(68rem + var(--space-7) * 2);margin:0 auto;display:grid;grid-template-columns:auto minmax(0,40rem);column-gap:calc(var(--space-7) * 1.5);justify-content:center;align-items:center;padding:10vh var(--space-7)}.seen-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--copy-gap)}.seen h2{font-family:var(--headline-family);font-weight:var(--headline-weight);font-size:var(--headline-size);line-height:var(--headline-leading);letter-spacing:var(--headline-tracking);margin:0}.seen h2>span{display:block;white-space:nowrap}.seen h2 em{font-style:normal;color:var(--color-accent)}.seen-copy p{font-family:var(--body-family);font-weight:var(--body-weight);font-size:var(--body-size);line-height:var(--body-leading);width:0;min-width:100%;text-wrap:balance;margin:0}.feed{align-self:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--feed-gap);overflow:hidden;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent);user-select:none;-webkit-user-select:none}.feed-track{animation:feed-scroll 24s linear infinite}.feed-column:nth-child(2) .feed-track{animation-direction:reverse}.feed-group{display:flex;flex-direction:column;gap:var(--feed-gap);padding-bottom:var(--feed-gap)}@keyframes feed-scroll{to{transform:translateY(-50%)}}.piece{box-shadow:0 12px 24px -16px #2a0a1c73}.piece img,.piece video{display:block;width:100%;object-fit:cover}.store{padding:10px;border-radius:10px;background:#1b2838}.store-capsule{position:relative}.store-capsule img{height:auto;aspect-ratio:460 / 215}.store-capsule span{position:absolute;left:8px;bottom:6px;font-family:var(--headline-family);font-weight:var(--headline-weight);font-size:1.2rem;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.6)}.store-wishlist{margin-top:8px;padding:6px 10px;border-radius:3px;background:linear-gradient(90deg,#75b022,#588a1b);color:#d2efa9;font-size:.7rem;text-align:center}.trailer{padding:10px 10px 14px;border-radius:14px;background:#fff;color:#0f0f0f}.trailer-frame{position:relative;overflow:hidden;border-radius:6px}.trailer-frame video,.trailer-frame img{height:auto;aspect-ratio:16 / 9}.trailer-frame:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,red 38%,#fff6 38%)}.trailer-meta{display:flex;gap:10px;align-items:flex-start;margin-top:10px}.trailer-avatar{flex:none;width:32px;height:32px;border-radius:50%;background:var(--color-accent)}.trailer-title{font-size:.9rem;font-weight:600;line-height:1.3}.trailer-channel{display:block;margin-top:2px;font-size:.72rem;font-weight:400;color:#606060}.phone{aspect-ratio:9 / 19;padding:3px;border-radius:24px;background:#0a0a0b;box-shadow:inset 0 0 0 1px #ffffff29,0 30px 60px -20px #2a0a1c8c,0 12px 24px -12px #2a0a1c66}.phone-screen{--point:calc(100cqw / 393);container-type:inline-size;position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:21px;background:#000;color:#fff;line-height:1.25}.phone-hook{position:absolute;top:22%;left:10%;right:10%;color:#fff;font-weight:800;line-height:1.25;text-align:center}.phone-hook-boxed{font-size:calc(25 * var(--point))}.phone-hook-boxed span{padding:calc(3 * var(--point)) calc(9 * var(--point));border-radius:calc(7 * var(--point));background:#fff;color:#000;-webkit-box-decoration-break:clone;box-decoration-break:clone}.phone-hook-highlighted{font-size:calc(26 * var(--point));line-height:1.4}.phone-hook-highlighted span{padding:calc(3 * var(--point)) calc(10 * var(--point));border-radius:calc(8 * var(--point));background:#ffd400;color:#000;-webkit-box-decoration-break:clone;box-decoration-break:clone}.phone-hook-outlined{font-size:calc(29 * var(--point));font-weight:900;-webkit-text-stroke:calc(6 * var(--point)) #000;paint-order:stroke fill}.reels-header{position:absolute;top:calc(58 * var(--point));left:calc(16 * var(--point));right:calc(16 * var(--point));display:flex;justify-content:space-between;align-items:center;font-size:calc(24 * var(--point));font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.35)}.reels-header span{display:flex;align-items:center;gap:calc(4 * var(--point))}.reels-header svg{width:calc(26 * var(--point));height:calc(26 * var(--point))}.reels-header span svg{width:calc(16 * var(--point));height:calc(16 * var(--point))}.reels-actions{position:absolute;right:calc(10 * var(--point));bottom:calc(20 * var(--point));display:flex;flex-direction:column;align-items:center;gap:calc(18 * var(--point));width:calc(44 * var(--point));font-size:calc(13 * var(--point));font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.4)}.reels-action{display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--point))}.reels-action svg{width:calc(30 * var(--point));height:calc(30 * var(--point));filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.reels-caption{position:absolute;left:calc(14 * var(--point));right:calc(72 * var(--point));bottom:calc(20 * var(--point));font-size:calc(14.5 * var(--point));text-shadow:0 1px 2px rgba(0,0,0,.5)}.reels-account{display:flex;align-items:center;gap:calc(10 * var(--point));margin-bottom:calc(8 * var(--point));font-size:calc(15 * var(--point));font-weight:700}.reels-follow{padding:calc(3 * var(--point)) calc(10 * var(--point));border:calc(1 * var(--point)) solid rgba(255,255,255,.7);border-radius:calc(8 * var(--point));font-size:calc(13 * var(--point));font-weight:600}.reels-caption p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reels-sound{display:flex;align-items:center;gap:calc(6 * var(--point));margin-top:calc(8 * var(--point));font-size:calc(13 * var(--point));white-space:nowrap}.reels-sound svg{flex:none;width:calc(13 * var(--point));height:calc(13 * var(--point))}.reels-navigation{position:relative;display:flex;justify-content:space-around;align-items:flex-start;height:calc(84 * var(--point));padding-top:calc(12 * var(--point));background:#000}.reels-navigation svg{width:calc(27 * var(--point));height:calc(27 * var(--point))}.chat{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:12px;background:#313338;color:#dbdee1;font-size:.75rem}.chat-name{font-size:.65rem;font-weight:600;margin:0 0 2px}.chat-author{font-size:.75rem}.chat-time{margin-left:2px;font-size:.65rem;font-weight:500;color:#949ba4}.chat-message p:not(.chat-name){margin:0}.chat-clip{position:relative;margin-top:6px;overflow:hidden;border-radius:6px}.chat-clip img{height:auto;aspect-ratio:16 / 9}.chat-clip svg{position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.closing .stage{position:relative;height:auto;background:var(--color-ground)}.closing .stage:before{background-image:var(--doodle-pattern-inverse)}.closing-layout{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--copy-gap);padding:10vh var(--space-7);text-align:center}.closing p{font-family:var(--body-family);font-weight:var(--body-weight);font-size:var(--body-size);line-height:var(--body-leading);margin:0}.closing-action{padding:.7em 1.6em;border-radius:999px;background:var(--color-accent);color:var(--color-on-accent);font-family:var(--headline-family);font-weight:var(--headline-weight);font-size:calc(var(--body-size) * 1.25);letter-spacing:var(--headline-tracking);text-decoration:none;position:relative;margin-top:1.23em}.closing-action img{position:absolute;bottom:calc(100% - .17em);left:25%;width:1.8em;height:auto;transform:translate(-50%);pointer-events:none}h1{width:min-content;font-family:var(--headline-family);font-weight:var(--headline-weight);font-size:calc(var(--headline-size) * var(--headline-fit, 1));line-height:var(--headline-leading);letter-spacing:var(--headline-tracking);margin:0}h1>span{display:block;white-space:nowrap;overflow:hidden;padding:.1em 0;margin:-.1em 0}h1 em{font-style:normal;color:var(--color-accent)}h1 .rise{display:inline-block;vertical-align:top;animation:headline-rise 1.2s cubic-bezier(.22,1,.36,1) both}#app:not(.is-ready) .cascade-deck,#app:not(.has-headline-font) h1{visibility:hidden}#app:not(.has-headline-font) h1 .rise{animation-play-state:paused}h1 span:nth-child(2) .rise{animation-delay:.4s}h1 span:nth-child(3) .rise{animation-delay:.8s}@keyframes headline-rise{0%{transform:translateY(125%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.cascade-card,h1 .rise{animation:none}.features{height:auto}.features .stage{position:relative}.topic,.topic-body{transition:none}.features-track{visibility:hidden}.feed-track{animation:none}.seen{height:auto}.seen .stage{position:relative}}
