.hero{padding:40px 0 70px;position:relative}.hero:before{content:"";z-index:-1;background:radial-gradient(60% 55% at 78% 40%, var(--sky) 0%, #eaf5fe00 70%);position:absolute;inset:-80px 0 0}.hero .wrap{grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;display:grid;position:relative}.hero-copy .h1{max-width:none;font-size:clamp(52px,5.9vw,86px)}.hero-kick{letter-spacing:-.03em;color:var(--ink);margin:0 0 14px;font-size:clamp(22px,2.2vw,32px);font-weight:850}.hero-kick em{color:inherit;font-style:normal}.hero .lead b{display:block}.lead-time{color:var(--ink);margin-top:6px;display:block}.fine{color:var(--ink-2);flex-wrap:wrap;gap:6px 16px;margin:14px 0 0;font-size:14px;display:flex}.fine span{align-items:center;gap:6px;display:inline-flex}.fine svg{width:15px;height:15px;color:var(--green)}.mobile-note{box-shadow:var(--card);color:var(--ink-2);background:#fff;border-radius:22px;align-items:center;gap:14px;margin-top:26px;padding:16px 18px;font-size:15px;line-height:1.4;display:none}.mobile-note svg{width:30px;height:30px;color:var(--blue);flex-shrink:0}.mobile-note b{color:var(--ink)}.pause{height:30px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font:600 13px/1 Inter,sans-serif;display:inline-flex;position:absolute;bottom:-46px;right:0}.pause:hover{background:var(--soft);color:var(--ink)}.pause:focus-visible{outline:2px solid var(--blue-ink)}.pause svg{width:12px;height:12px}.deck{--deck-h:352px;justify-self:end;width:100%;max-width:440px;position:relative}.deck-kick{color:var(--ink-2);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.deck-title{letter-spacing:-.04em;white-space:nowrap;margin:6px 0 16px;font-size:26px;font-weight:900;line-height:1.05;transition:opacity .24s}.deck-title em{color:var(--blue);font-style:normal}.deck-title [data-deck-name]{transition:opacity .22s, translate .32s var(--ease-out);display:inline-block}.deck-title.swap{opacity:0}.deck-slot{height:var(--deck-h,360px);position:relative}.deck .cursor{z-index:6}.card{box-shadow:0 0 0 1px var(--line);background:#fff;border-radius:28px;flex-direction:column;padding:20px;transition:transform .56s cubic-bezier(.45,0,.2,1),box-shadow .3s,opacity .4s;display:flex;position:absolute;inset:0}.card.pos-0{z-index:3;box-shadow:0 0 0 1.5px var(--line-2), 0 28px 50px -20px #0f141966, 0 2px 6px #0f14190f;transform:none}.card.pos-1{z-index:2}.card.pos-2{z-index:1}.card.pos-1.tilt-0,.card.pos-2.tilt-0{transform:translate(10px,16px)rotate(3.5deg)scale(.965)}.card.pos-1.tilt-1,.card.pos-2.tilt-1{transform:translate(-10px,26px)rotate(-4.5deg)scale(.935)}.card:not(.pos-0){background:var(--soft);box-shadow:0 0 0 1px var(--line-2), 0 12px 26px -16px #0f141959}.card.enter{opacity:0}.card.fly{z-index:4;animation:.56s cubic-bezier(.55,0,.75,.2) forwards card-fly}@keyframes card-fly{85%{opacity:1}to{opacity:0;transform:translate(140%,30px)rotate(20deg)}}.card>*{transition:opacity .36s .16s}.card:not(.pos-0)>*{opacity:0;transition-delay:0s}.card-who{align-items:center;gap:14px;display:flex}.card-who img{background:var(--line);border-radius:50%;width:56px;height:56px}.card-id{flex:1;min-width:0}.card-name{letter-spacing:-.035em;white-space:nowrap;align-items:center;gap:5px;min-width:0;font-size:22px;font-weight:900;line-height:26px;display:flex}.card-name>span{text-overflow:ellipsis;overflow:hidden}.card-name svg{width:19px;height:19px;color:var(--blue);flex-shrink:0}.card-handle{color:var(--ink-2);font-size:14px}.card-stats{color:var(--ink-2);white-space:nowrap;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:12px;font-size:13px;display:flex}.card-stats b{color:var(--ink);font-weight:700}.card-fb{color:#007a52;background:#00ba7c1f;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.card-post{background:var(--soft);color:var(--ink);-webkit-line-clamp:3;border-radius:14px;-webkit-box-orient:vertical;margin:12px 0 0;padding:10px 12px;font-size:14px;line-height:20px;display:-webkit-box;overflow:hidden}.card:not(.pos-0) .card-post{background:#fff}.move{height:54px;color:var(--ink);box-shadow:0 0 0 1px var(--line-2), var(--pill), inset 0 -3px 0 #0f14190f;transition:background .2s, color .2s, box-shadow .2s, scale .3s var(--ease-pop);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:17px;font-weight:800;display:inline-flex}.move svg{width:19px;height:19px}.move.press{scale:.95}.move.on{background:var(--ink);color:#fff;scale:1;box-shadow:0 14px 26px -14px #0f1419b3,inset 0 -3px #00000059}.move[data-move=reply].on{background:linear-gradient(#1a94e6,#0f78c4)}.card .move{flex-shrink:0;height:38px;padding:0 16px;font-size:15px}.card .move svg{width:16px;height:16px}.card .move[data-move=follow]{justify-content:center;min-width:124px}.card-typed{min-height:40px;color:var(--ink);margin:2px 0 0;font-size:14px;line-height:20px}.typed-wrap{display:grid}.typed-wrap>*{grid-area:1/1}.card-typed.sizer{visibility:hidden}.composer{box-shadow:inset 0 0 0 1.5px var(--line-2);background:#fff;border-radius:18px;gap:10px;margin-top:14px;padding:12px 12px 10px;transition:box-shadow .2s;display:flex}.composer:has([data-typed-card]:not(:empty)){box-shadow:inset 0 0 0 2px var(--blue)}.composer:has([data-typed-card].done){box-shadow:inset 0 0 0 1.5px var(--line-2)}.composer .mono{width:32px;height:32px;font-size:11px}.composer-body{flex-direction:column;flex:1;min-width:0;display:flex}.reply-to{color:var(--ink-2);font-size:12px}.reply-to b{color:var(--blue-ink);font-weight:600}.composer .card-typed{min-height:40px;margin:3px 0 0;padding-bottom:32px;font-size:15px;line-height:20px}.composer [data-typed-card]:empty:before{content:"Post your reply";color:var(--ink-3)}.composer-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;display:flex}.by-voice{color:var(--blue-ink);align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.composer .move[data-move=reply]{background:var(--blue);color:#fff;height:32px;box-shadow:none;opacity:.5;padding:0 16px;font-size:14px}.composer:has([data-typed-card]:not(:empty)) .move[data-move=reply]{opacity:1}.composer .move[data-move=reply].on{opacity:1;background:var(--ink)}.composer .caret{animation:none}@media (max-width:1080px){.hero .wrap{grid-template-columns:1fr}.deck{justify-self:center;margin-top:36px}}@media (max-width:720px){.deck{--deck-h:430px}.deck-title{font-size:22px}.card{padding:18px}.card-who{gap:10px}.card-who img{width:44px;height:44px}.card-name{letter-spacing:-.03em;font-size:18px}.card-handle{font-size:13px}.card .move{padding:0 12px}.card .move[data-move=follow]{min-width:112px;padding:0 10px;font-size:14px}}@media (hover:none) and (pointer:coarse),(max-width:720px){.mobile-note{display:flex}.pause{bottom:-40px}}@media (prefers-reduced-motion:reduce){.pause{display:none}}