.reveal{opacity:0;transition:opacity 1.1s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1);transition-delay:var(--d,0s);transform:translateY(20px)}.reveal[data-in]{opacity:1;transform:none}@keyframes feed-in{0%{opacity:0;transform:scale(.9)}}.feed-tile{animation:.7s cubic-bezier(.22,1,.36,1) both feed-in;animation-delay:var(--d,0s)}@keyframes marquee{to{transform:translate(-50%)}}.marquee{animation:70s linear infinite marquee}.marquee-reverse{animation:85s linear infinite reverse marquee}@keyframes travel{0%{opacity:0;left:0%}8%,92%{opacity:1}to{opacity:0;left:100%}}.travel-dot{animation:9s cubic-bezier(.45,0,.55,1) infinite travel}@keyframes blink{50%{opacity:0}}.caret{animation:1s step-end infinite blink}@keyframes tab-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tab-progress{transform-origin:0;animation:tab-progress var(--dur,6s) linear forwards}.word{color:color-mix(in srgb, var(--color-fg) 16%, transparent);transition:color 1.2s;transition-delay:var(--d,0s)}.reveal[data-in] .word{color:var(--color-fg)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.hero-in{animation:1s cubic-bezier(.22,1,.36,1) both rise;animation-delay:var(--d,0s)}.stagger>*{animation:.7s cubic-bezier(.22,1,.36,1) both rise}.stagger>:first-child{animation-delay:.2s}.stagger>:nth-child(2){animation-delay:.29s}.stagger>:nth-child(3){animation-delay:.38s}.stagger>:nth-child(4){animation-delay:.47s}.stagger>:nth-child(5){animation-delay:.56s}.stagger>:nth-child(6){animation-delay:.65s}.stagger>:nth-child(7){animation-delay:.74s}.stagger>:nth-child(8){animation-delay:.83s}.stagger>:nth-child(9){animation-delay:.92s}.stagger>:nth-child(n+10){animation-delay:1.01s}@keyframes grow{0%{transform:scaleX(0)}}.grow{transform-origin:0;animation:1.2s cubic-bezier(.22,1,.36,1) both grow;animation-delay:var(--d,.5s)}@keyframes knob{0%{left:0%}}.knob-in{animation:1.2s cubic-bezier(.22,1,.36,1) .5s both knob}.reveal:not([data-in]) .stagger>*,.reveal:not([data-in]) .grow,.reveal:not([data-in]) .knob-in,.reveal:not([data-in]) .feed-tile{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.hero-in,.stagger>*,.grow,.knob-in,.feed-tile,.marquee,.marquee-reverse,.travel-dot,.caret,.tab-progress{animation:none}.word,.story-art,.story-text{transition:none}}@layer components{.calm-button{min-height:2.75rem;color:var(--color-fg);background:color-mix(in srgb, var(--color-fg) 7%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-fg) 11%, transparent), inset 0 1px 0 #ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:9999px;justify-content:center;align-items:center;gap:.4rem;padding:0 1.4rem;font-size:.9375rem;font-weight:500;transition:background-color .4s;display:inline-flex}.calm-button:hover{background:color-mix(in srgb, var(--color-fg) 11%, transparent)}.calm-button:disabled{opacity:.6}.calm-link{min-height:2.75rem;color:var(--color-muted);align-items:center;gap:.25rem;font-size:.9375rem;transition:color .3s;display:inline-flex}.calm-link:hover{color:var(--color-fg)}.calm-seg{background:color-mix(in srgb, var(--color-fg) 4%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-fg) 8%, transparent);border-radius:9999px;gap:.125rem;padding:.25rem;display:inline-flex}.calm-seg>button{color:var(--color-muted);border-radius:9999px;transition:background-color .4s,color .4s}.calm-seg>button:hover{color:var(--color-fg)}.calm-seg>button[aria-selected=true],.calm-seg>button[aria-checked=true]{color:var(--color-fg);background:color-mix(in srgb, var(--color-fg) 10%, transparent)}.calm-chip{color:var(--color-fg);background:color-mix(in srgb, var(--color-fg) 9%, transparent)}}.landing .engine-edge{opacity:.45}.landing{overflow-x:clip}.story-art{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transform:translateY(14px)scale(.985)}.story-art[data-on]{opacity:1;transform:none}@media (width>=64rem){.story-text{opacity:.28;transition:opacity .6s cubic-bezier(.22,1,.36,1)}.story-text[data-on]{opacity:1}}.calm-details summary::-webkit-details-marker{display:none}.hero-collage{--px:0;--py:0}.hero-layer{font-size:clamp(10px,1.04vw,18px);-webkit-mask-image:linear-gradient(#000 91%,#0000);mask-image:linear-gradient(#000 91%,#0000)}.hero-band{font-size:clamp(8.5px,2.5vw,13px)}.hero-piece{transform:translate(-50%, -50%) translate(calc(var(--px) * var(--z) * 1.6em), calc(var(--py) * var(--z) * 1.6em));transition:transform 1.4s cubic-bezier(.22,1,.36,1)}@keyframes piece-in{0%{opacity:0;transform:translate(var(--fx,0), var(--fy,0)) rotate(calc(var(--r,0deg) - 7deg)) scale(.88)}}.hero-piece-art{transform:rotate(var(--r,0deg));animation:1.5s cubic-bezier(.22,1,.36,1) both piece-in;animation-delay:var(--d,0s)}.hero-shot{filter:drop-shadow(0 1.2em 1.8em #00000061)}.hero-card{background:color-mix(in srgb, var(--color-raised) 94%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-fg) 8%, transparent), 0 1.4em 2.6em -.8em #00000080;border-radius:1.1em}html[data-theme=light] .hero-card{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line), 0 1.2em 2.4em -1em #0f172a2e}html[data-theme=light] .hero-shot{filter:drop-shadow(0 1em 1.6em #0f172a29)}@media (prefers-reduced-motion:reduce){.hero-piece{transition:none}.hero-piece-art{animation:none}}.iphone-frame{background:linear-gradient(135deg,#6b7790 0%,#2a3344 16%,#3d4960 38%,#1c2330 60%,#4b5870 82%,#232b3b 100%);box-shadow:inset 0 0 0 1px #ffffff3d,inset 0 0 0 2.5px #00000059,0 0 0 1px #0000008c,0 80px 140px -50px #000000d9}html[data-theme=light] .iphone-frame{box-shadow:inset 0 0 0 1px #ffffff4d,inset 0 0 0 2.5px #0000004d,0 0 0 1px #0f172a59,0 70px 120px -50px #0f172a73}.iphone-key{background:linear-gradient(90deg,#1c2330,#5d6a82 45%,#2a3344);box-shadow:inset 0 0 0 .5px #ffffff2e}.iphone-camera-key{background:linear-gradient(90deg,#11161f,#3b4659 50%,#11161f)}.iphone-glare{background:linear-gradient(116deg,#ffffff1a 0%,#ffffff09 26%,#0000 40%)}.flip{perspective:1200px}.flip-turn{transform-style:preserve-3d;transition:transform .85s cubic-bezier(.22,1,.36,1);display:grid}.flip[data-on] .flip-turn{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;grid-area:1/1}.flip-back{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.flip-turn{transition:none}}.side-card{transform:translate3d(var(--tuck-x,0), var(--tuck-y,0), 0) scale(.7);opacity:0;transition:transform .6s cubic-bezier(.55,0,.8,.25),opacity .3s ease-in .3s}.side-card[data-still]{transition:none}.side-card[data-shown]{opacity:1;transition:transform 1.2s cubic-bezier(.16, 1, .3, 1) var(--d,0s), opacity .45s ease-out var(--d,0s);transform:none}@keyframes card-float{0%,to{transform:translate(0,0)}50%{transform:translate3d(0, var(--float-y,-7px), 0)}}.float-card{animation:card-float var(--float-time,6s) cubic-bezier(.45, 0, .55, 1) var(--float-at,0s) infinite;will-change:transform}@media (prefers-reduced-motion:reduce){.float-card{animation:none}.side-card,.side-card[data-shown]{transition:opacity .2s;transform:none}}@keyframes typing-dot{0%,60%,to{opacity:.25}30%{opacity:1}}.typing-dots>span{animation:1.2s ease-in-out infinite typing-dot}.typing-dots>span:nth-child(2){animation-delay:.2s}.typing-dots>span:nth-child(3){animation-delay:.4s}@media (prefers-reduced-motion:reduce){.typing-dots>span{animation:none}}