html:has(.landing){scroll-behavior:smooth}.landing{--gl:max(28px, env(safe-area-inset-left,0px));--gr:max(28px, env(safe-area-inset-right,0px));font-size:17px;line-height:1.5;position:relative;overflow-x:clip}.landing .ink{z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.landing header{z-index:5;top:env(safe-area-inset-top,0px);padding:22px var(--gr) 22px var(--gl);justify-content:space-between;align-items:center;display:flex;position:fixed;left:0;right:0}.landing header:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;background:#f8f8f499;position:absolute;inset:0 0 -18px;-webkit-mask-image:linear-gradient(#000 62%,#0000);mask-image:linear-gradient(#000 62%,#0000)}.landing .logo{align-items:center;gap:9px;font-size:19px;display:flex}.landing .logo svg{width:26px;height:26px}.landing header nav{color:var(--color-muted);align-items:center;gap:26px;font-size:15px;display:flex}.landing header nav a:hover{color:var(--color-ink)}.landing .pill{background:var(--color-accent);color:#fff;border-radius:999px;align-items:center;gap:10px;padding:11px 20px;font-size:15px;transition:transform .25s,background .25s;display:inline-flex}.landing .pill:hover{color:#fff;background:#245a42;transform:translateY(-1px)}.landing .pill.big{padding:15px 26px;font-size:17px}.landing main{z-index:2;position:relative}.landing section{min-height:100svh;padding:110px calc(var(--gr) + clamp(0px, 5vw, 96px)) 60px calc(var(--gl) + clamp(0px, 5vw, 96px));grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:6vw;display:grid;position:relative}.landing .words{opacity:0;min-width:0;transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(22px)}.landing .seen .words{opacity:1;transform:none}.landing .room{min-width:0;height:46vh;position:relative}.landing h1,.landing h2{letter-spacing:-.045em;text-wrap:balance;line-height:1.02}.landing h1{font-size:clamp(2.9rem,6.2vw,5.8rem)}.landing h2{font-size:clamp(2.1rem,3.9vw,3.5rem)}.landing .words p{max-width:26rem;color:var(--color-muted);text-wrap:pretty;margin-top:22px;font-size:clamp(1.05rem,1.35vw,1.3rem)}.landing .step{letter-spacing:.02em;color:var(--color-accent);align-items:center;gap:12px;margin-bottom:20px;font-size:14px;display:flex}.landing .step span{color:var(--color-faint);font-variant-numeric:tabular-nums}.landing .acts{flex-wrap:wrap;align-items:center;gap:24px;margin-top:36px;display:flex}.landing .acts .quiet{color:var(--color-muted);font-size:16px}.landing .hero{display:block}.landing .hero .words{left:calc(var(--gl) + clamp(0px, 5vw, 96px));width:min(46rem,60vw);position:absolute;bottom:11vh}.landing .hero .room{height:40vh;position:absolute;top:13vh;left:34vw;right:7vw}.landing .hint{left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));color:var(--color-faint);font-size:13px;position:absolute;transform:translate(-50%)}.landing .signs{align-items:flex-end;gap:8%;height:100%;padding-bottom:12vh;display:flex}.landing .signs div{background:linear-gradient(#d3d8d2,#d3d8d2) bottom/100% 1.5px no-repeat;flex:1;min-width:0;height:15vh;position:relative}.landing .signs small{color:var(--color-muted);margin-top:10px;font-size:14px;position:absolute;top:100%;left:0}.landing .room.stack{height:52vh}.landing .talk{flex-direction:column;justify-content:center;gap:12px;max-width:26rem;height:100%;margin-inline:auto;display:flex}.landing .talk span{border-radius:18px;align-self:flex-start;padding:12px 18px;font-size:16px}.landing .talk .who{color:var(--color-faint);margin-bottom:-6px;padding:0 4px;font-size:13px}.landing .talk .asked{background:var(--color-tint);border-bottom-left-radius:5px}.landing .talk .answer{letter-spacing:-.02em;align-self:flex-end;margin:26px 34px 0 0;padding:14px 6px;font-size:clamp(1.15rem,1.6vw,1.5rem)}.landing .end{text-align:center;flex-direction:column;justify-content:center;display:flex}.landing .end .words{width:min(40rem,100%);margin:0 auto}.landing .line{align-items:center;gap:10px;max-width:34rem;margin:44px auto 0;padding:0 0 12px 6px;display:flex}.landing .line input{letter-spacing:-.02em;min-width:0;caret-color:var(--color-accent);background:0 0;outline:none;flex:1;font-size:clamp(1.2rem,2vw,1.7rem)}.landing .line input::placeholder{color:var(--color-faint)}.landing .line button{background:var(--color-accent);color:#fff;cursor:pointer;border-radius:50%;flex:none;width:48px;height:48px;font-size:20px}.landing footer{z-index:2;padding:26px var(--gr) calc(26px + env(safe-area-inset-bottom,0px)) var(--gl);color:var(--color-faint);flex-wrap:wrap;justify-content:space-between;gap:8px 28px;font-size:14px;display:flex;position:relative}.landing footer a:hover{color:var(--color-muted)}@media (max-width:760px){.landing{--gl:max(20px, env(safe-area-inset-left,0px));--gr:max(20px, env(safe-area-inset-right,0px))}.landing header{padding-block:14px}.landing header nav .wide{display:none}.landing section{padding:90px var(--gr) 40px var(--gl);grid-template-columns:minmax(0,1fr);align-content:center;gap:4vh}.landing .room{order:-1;height:34vh}.landing .room.signing{height:42vh}.landing .room.stack{height:36vh}.landing .hero .words{left:var(--gl);right:var(--gr);width:auto;bottom:9vh}.landing .hero .room{height:36vh;top:12vh;left:5vw;right:5vw}.landing .hint{display:none}.landing .signs{padding-bottom:9vh}.landing .talk .answer{margin-right:22px}}@media (prefers-reduced-motion:reduce){html:has(.landing){scroll-behavior:auto}.landing .words{transition:none}}