:root:has(.landing){scroll-behavior:smooth;scroll-padding-top:5rem}.phone-frame{aspect-ratio:9/19.5;background:#0d0a12;border-radius:15%/6.92%;padding:1.6%;position:relative;box-shadow:0 0 0 1px #c4bdd8b3,0 28px 56px -28px #2b03404d,0 8px 16px -8px #2b03401f}.phone-screen{background:var(--rv-bg-sunken);border-radius:13.84%/6.28%;width:100%;height:100%;position:relative;overflow:hidden}.phone-screen>img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.phone-frame:after{content:"";z-index:2;background:#0d0a12;border-radius:999px;width:24%;height:2.1%;position:absolute;top:2.5%;left:50%;translate:-50%}.hero-scene{--t1:clamp(0, var(--p) / .38, 1);--t2:clamp(0, (var(--p) - .34) / .38, 1);--t3:clamp(0, (var(--p) - .7) / .2, 1);--phone-w:clamp(140px, min(22vw, 28svh), 300px);--phone-h:calc(var(--phone-w) * 19.5 / 9);--peek:18svh;--fan:82%;height:320svh;position:relative}@media (width>=768px){.hero-scene{--fan:108%}}.hero-sticky{height:100svh;position:sticky;top:0;overflow:hidden}.hero-copy{padding-bottom:var(--peek);opacity:calc(1 - var(--t1) * 1.25);transform:translateY(calc(var(--t1) * -10svh)) scale(calc(1 - var(--t1) * .08))}.hero-stage{inset-inline:0;height:var(--phone-h);z-index:20;transform:translateY(calc(-50% + (1 - var(--t1)) * (50svh + 50% - var(--peek))));position:absolute;top:50%}.hero-phone{width:var(--phone-w);position:absolute;top:0;left:50%}.hero-phone.is-center{z-index:3;transform:translateX(-50%) scale(calc(1 + var(--t2) * .04))}.hero-phone.is-left{z-index:2;transform:translateX(calc(-50% - var(--fan) * var(--t2))) translateY(calc(var(--t2) * 6%)) rotate(calc(var(--t2) * -8deg)) scale(calc(.9 + var(--t2) * .03))}.hero-phone.is-right{z-index:2;transform:translateX(calc(-50% + var(--fan) * var(--t2))) translateY(calc(var(--t2) * 6%)) rotate(calc(var(--t2) * 8deg)) scale(calc(.9 + var(--t2) * .03))}.hero-label{top:calc(100% + .9rem);text-align:center;opacity:var(--t3);position:absolute;inset-inline:0}.hero-caption{inset-inline:0;z-index:30;opacity:var(--t3);transform:translateY(calc((1 - var(--t3)) * 1.5rem));position:absolute;top:calc(4.5rem + 2svh)}.marquee-row{will-change:transform;align-items:center;gap:2.5rem;width:max-content;display:flex}.marquee-row.is-a{transform:translateX(calc(-6% - var(--p) * 24%))}.marquee-row.is-b{transform:translateX(calc(-30% + var(--p) * 24%))}.statement-scene{height:240svh;position:relative}.statement-sticky{align-items:center;height:100svh;display:flex;position:sticky;top:0}.statement-word{opacity:calc(.16 + .84 * clamp(0, var(--p) * var(--n) * 1.25 - var(--i), 1))}.chapter-screen{opacity:0;transition:opacity .5s,transform .7s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:scale(1.04)}.chapters-phone{width:clamp(140px,min(22vw,28svh),300px)}.chapter-dot{transition:width .35s,background-color .35s}@media (width>=1024px){.chapter-copy{opacity:.28;transition:opacity .45s}}.chapters[data-active="0"] .chapter-screen[data-screen="0"],.chapters[data-active="1"] .chapter-screen[data-screen="1"],.chapters[data-active="2"] .chapter-screen[data-screen="2"]{opacity:1;transform:none}.chapters[data-active="0"] [data-chapter="0"] .chapter-copy,.chapters[data-active="1"] [data-chapter="1"] .chapter-copy,.chapters[data-active="2"] [data-chapter="2"] .chapter-copy{opacity:1}.chapters[data-active="0"] .chapter-dot[data-dot="0"],.chapters[data-active="1"] .chapter-dot[data-dot="1"],.chapters[data-active="2"] .chapter-dot[data-dot="2"]{background-color:var(--rv-brand-primary);width:1.5rem}.reveal{transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--d,0) * 90ms)}[data-motion=ready] .reveal:not(.is-in){opacity:0;transform:translateY(1.5rem)}.organize-scene{height:300svh;position:relative}.organize-sticky{flex-direction:column;justify-content:center;align-items:center;gap:2rem;height:100svh;padding-top:4rem;display:flex;position:sticky;top:0}.organize-stage{flex:none;width:960px;height:772px;position:relative}@media (height<=1010px){.organize-stage{zoom:.8}}@media (height<=884px){.organize-stage{zoom:.68}}@media (height<=792px){.organize-stage{zoom:.58}}@media (height<=700px){.organize-stage{zoom:.48}}.organize-piece,.organize-slot,.organize-follow{--tk:clamp(0, (var(--p) - .1 - var(--k) * .12) / .2, 1)}.organize-piece{z-index:5;transform-origin:0 0;width:408px;transform:translate(calc((1 - var(--tk)) * -520px), calc((1 - var(--tk)) * var(--dy) - sin(calc(var(--tk) * 180deg)) * 40px)) scale(calc(.848 + var(--tk) * .152));position:absolute;left:536px}.organize-piece.is-photo{height:255px;clip-path:inset(calc(var(--tk) * 67.5px) 0 calc(var(--tk) * 67.5px) 0 round 7px)}.organize-piece.is-photo img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.organize-caption{inset-inline:0;color:var(--rv-text-primary);opacity:clamp(0, 1 - var(--tk) * 3, 1);font-size:15.33px;line-height:25.94px;position:absolute;top:0}.organize-result,.organize-follow{opacity:clamp(0, (var(--tk) - .35) / .45, 1)}.organize-slot{border:1.5px dashed var(--rv-border-strong);width:408px;opacity:calc(1 - var(--tk));border-radius:.75rem;position:absolute;left:536px}.organize-post{opacity:calc(1 - clamp(0, (var(--p) - .84) / .1, 1) * .45)}.organize-published{--tp:clamp(0, (var(--p) - .9) / .06, 1);opacity:var(--tp);transform:scale(calc(.8 + var(--tp) * .2))}.caption-mark{isolation:isolate;position:relative}.caption-mark:before{content:"";z-index:-1;background:var(--rv-brand-primary-subtle);opacity:clamp(0, (var(--p) - .3 - var(--k) * .07) / .08, 1);border-radius:6px;position:absolute;inset:-1px -6px}.assemble>*,.assemble-slots>li{--tk:clamp(0, (var(--p) - .16 - var(--k,0) * .055) / .1, 1);opacity:var(--tk);transform:translateY(calc((1 - var(--tk)) * 1.75rem))}.assemble-slots>li:first-child{--k:5}.assemble-slots>li:nth-child(2){--k:6}.assemble-slots>li:nth-child(3){--k:7}.showcase-phone{width:clamp(220px,min(24vw,28svh),300px)}.phone-ui{height:100%;position:relative;container-type:inline-size}.chat-msg{--tk:clamp(0, (var(--p) - .16 - var(--k) * .055) / .08, 1);opacity:var(--tk);transform:translateY(calc((1 - var(--tk)) * 4cqw)) scale(calc(.94 + var(--tk) * .06))}.chat-msg.is-in{transform-origin:0 100%}.chat-msg.is-out{transform-origin:100% 100%}.chat-preview{--tu:clamp(0, (var(--p) - .35) / .09, 1);opacity:calc(.2 + var(--tu) * .8);clip-path:inset(0 0 calc((1 - var(--tu)) * 100%) 0 round 3cqw)}.chat-ui{background:var(--rv-bg-page);color:var(--rv-text-primary);flex-direction:column;display:flex}.chat-status{height:11cqw;font-size:3.6cqw;font-family:var(--font-ui-semibold);align-items:center;padding-inline:7cqw;display:flex}.chat-header{border-bottom:1px solid var(--rv-border-default);background:var(--rv-bg-surface);align-items:center;gap:2.5cqw;padding:1.5cqw 3.5cqw 3cqw;display:flex}.chat-header svg{width:5.5cqw;height:5.5cqw;color:var(--rv-text-brand)}.chat-avatar{background:var(--rv-brand-primary-subtle);border-radius:50%;place-items:center;width:9cqw;height:9cqw;font-size:4.6cqw;display:grid}.chat-title{flex-direction:column;line-height:1.2;display:flex}.chat-title strong{font-size:4cqw;font-family:var(--font-ui-semibold);font-weight:400}.chat-title small{color:var(--rv-text-secondary);font-size:3.1cqw}.chat-body{flex-direction:column;flex:1;gap:2cqw;padding:3.5cqw;font-size:3.9cqw;line-height:1.35;display:flex;overflow:hidden}.chat-msg{flex-direction:column;max-width:80%;display:flex}.chat-msg.is-in{align-self:flex-start;align-items:flex-start}.chat-msg.is-out{align-self:flex-end;align-items:flex-end}.chat-name{font-size:2.9cqw;font-family:var(--font-ui-medium);color:var(--rv-text-brand);margin:0 0 .6cqw 2cqw}.chat-bubble{border:1px solid var(--rv-border-default);background:var(--rv-bg-surface);border-radius:3.5cqw;padding:2cqw 3cqw}.chat-bubble.is-out{background:var(--rv-action-bg);color:var(--rv-action-text);border-color:#0000}.chat-url{overflow-wrap:anywhere;text-decoration:underline}.chat-preview{border:1px solid var(--rv-border-default);background:var(--rv-bg-surface);border-radius:3cqw;width:62cqw;margin-top:1.2cqw;overflow:hidden}.chat-preview img{aspect-ratio:16/9;object-fit:cover;object-position:top;width:100%;display:block}.chat-preview-text{flex-direction:column;gap:.6cqw;padding:2cqw 2.5cqw 2.4cqw;display:flex}.chat-preview-text strong{font-size:3.5cqw;font-family:var(--font-ui-semibold);font-weight:400}.chat-preview-text span{-webkit-line-clamp:2;color:var(--rv-text-secondary);-webkit-box-orient:vertical;font-size:3cqw;display:-webkit-box;overflow:hidden}.chat-preview-text small{color:var(--rv-text-secondary);font-size:2.7cqw}.chat-input{border:1px solid var(--rv-border-default);background:var(--rv-bg-surface);color:var(--rv-text-secondary);border-radius:999px;justify-content:space-between;align-items:center;margin:0 3.5cqw 7cqw;padding:2.4cqw 3.5cqw;font-size:3.4cqw;display:flex}.chat-input svg{width:4.6cqw;height:4.6cqw;color:var(--rv-text-brand)}.lock-ui{color:#fff;background:#0d0a12;overflow:hidden}.lock-shade{background:linear-gradient(#0d0a1240,#0d0a12b8);position:absolute;inset:0}.lock-clock{text-shadow:0 1px 8px #0000004d;flex-direction:column;align-items:center;padding-top:15cqw;display:flex;position:relative}.lock-date{font-size:4cqw;font-family:var(--font-ui-medium)}.lock-time{letter-spacing:-.02em;font-size:21cqw;line-height:1;font-family:var(--font-ui-semibold)}.lock-stack{flex-direction:column;gap:2cqw;padding:10cqw 3cqw 0;display:flex;position:relative}.lock-notification{color:var(--rv-text-primary);border-radius:5cqw;align-items:flex-start;gap:2.6cqw;padding:3cqw;display:flex}.lock-app{background:var(--rv-brand-primary);color:#fff;border-radius:2.2cqw;flex:none;place-items:center;width:9cqw;height:9cqw;display:grid}.lock-app svg{width:6cqw}.lock-text{flex:1;min-width:0}.lock-meta{justify-content:space-between;gap:2cqw;font-size:3.4cqw;display:flex}.lock-meta strong{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-ui-semibold);font-weight:400;overflow:hidden}.lock-meta small{color:var(--rv-text-secondary);flex:none;font-size:2.9cqw}.lock-text p{font-size:3.3cqw;line-height:1.3}.lock-wallpaper{object-fit:cover;filter:blur(3px)saturate(1.15);width:120%;height:120%;position:absolute;inset:-10%}.lock-notification{--tk:clamp(0, (var(--p) - .26 - var(--k) * .09) / .09, 1);opacity:var(--tk);transform:translateY(calc((1 - var(--tk)) * -8cqw)) scale(calc(.92 + var(--tk) * .08));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc}.download-scene{--t:clamp(0, (var(--p) - .1) / .32, 1)}.download-phone{width:clamp(150px,16vw,230px);opacity:calc(var(--t) * 1.4);display:none;position:absolute;top:16%}@media (width>=1024px){.download-phone{display:block}}.download-phone.is-left{transform:translateX(calc((1 - var(--t)) * -90%)) rotate(calc(-9deg - (1 - var(--t)) * 16deg));left:5%}.download-phone.is-right{transform:translateX(calc((1 - var(--t)) * 90%)) rotate(calc(9deg + (1 - var(--t)) * 16deg));right:5%}@media (prefers-reduced-motion:reduce){:root:has(.landing){scroll-behavior:auto}.hero-scene,.statement-scene,.marquee-scene,.assemble-scene,.download-scene,.organize-scene,.caption-scene,.chat-scene,.notify-scene{--p:1!important}.hero-scene,.statement-scene,.organize-scene{height:auto}.hero-sticky,.statement-sticky,.organize-sticky{height:auto;position:relative;overflow:visible}.organize-sticky{padding-block:4rem}.hero-sticky{padding-block:7rem 6rem}.statement-sticky{padding-block:8rem}.hero-copy{opacity:1;padding-bottom:0;transform:none}.hero-stage{margin-block:4rem 3rem;position:relative;top:auto;transform:none}.hero-caption{display:none}.marquee-row.is-a,.marquee-row.is-b{transform:translate(-10%)}.chapter-screen,.chapter-copy,.chapter-dot,.reveal{transition:none}}
