.hero{position:relative;min-height:100svh;padding:clamp(96px,12vh,130px) 0 48px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.hero-glow{position:absolute;right:4%;top:6%;width:min(820px,80vw);aspect-ratio:1;background:radial-gradient(closest-side,color-mix(in srgb,var(--signal) 16%,transparent),color-mix(in srgb,var(--signal) 4%,transparent) 55%,transparent 72%);pointer-events:none;filter:blur(10px)}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,80px);align-items:center}.hero-live{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 10px;border-radius:999px;border:1px solid var(--line-inv);background:color-mix(in srgb,var(--ink) 3%,transparent);font-size:13px;font-weight:500;color:var(--text-2)}.hero-live i{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 4px #3ddc8429}.hero-title{margin-top:24px;font-family:var(--display);font-weight:600;font-size:clamp(44px,6vw,92px);line-height:1;letter-spacing:-.04em;text-wrap:balance;background:none;color:var(--ink)}.hero-sub{margin-top:24px;max-width:46ch;font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:var(--text-2);text-wrap:pretty}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.hero-device{display:flex;justify-content:center}.hp{position:relative;width:clamp(260px,21vw,318px);aspect-ratio:9 / 19.4;padding:2.2%;border-radius:15%/7%;background:linear-gradient(140deg,#5a5e66,#2b2e33 22%,#3c4046,#23262a,#4a4e55);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 22%,transparent),inset 0 0 0 2px #0000008c,0 60px 120px -40px #000000e6,0 30px 80px -50px color-mix(in srgb,var(--signal) 35%,transparent)}.hp:before,.hp:after{content:"";position:absolute;width:3px;border-radius:2px;background:#3a3d42}.hp:before{left:-2px;top:22%;height:9%}.hp:after{right:-2px;top:28%;height:13%}.hp-screen{position:relative;height:100%;border-radius:13%/6%;background:var(--paper);overflow:hidden;display:flex;flex-direction:column;font-size:12.5px}.hp-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(118deg,color-mix(in srgb,var(--ink) calc(.07 * 100%),transparent),transparent 38%);pointer-events:none}.hp-status{position:relative;display:flex;justify-content:space-between;align-items:center;padding:5% 8% 0;font-size:12px;font-weight:600}.hp-island{position:absolute;left:50%;top:30%;width:32%;height:24px;transform:translate(-50%);border-radius:999px;background:#000}.hp-sample{font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}.hp-head{display:flex;align-items:center;gap:10px;padding:7% 6% 3%;border-bottom:1px solid var(--line)}.hp-avatar{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--paper);border:1px solid var(--line-inv);color:var(--ink)}.hp-avatar svg{width:60%}.hp-who{display:flex;flex-direction:column;line-height:1.25}.hp-who b{font-size:13px}.hp-who small{font-size:10.5px;color:var(--success)}.hp-chan{display:flex;gap:4px;margin:10px 6% 0;padding:3px;border-radius:999px;background:color-mix(in srgb,var(--ink) 5%,transparent)}.hp-chan span{flex:1;text-align:center;padding:5px 0;border-radius:999px;font-size:10.5px;font-weight:500;color:var(--text-2);transition:background-color .4s,color .4s}.hp-chan span.on{background:color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink)}.hp-thread{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:10px 6% 8px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 16px);mask-image:linear-gradient(to bottom,transparent,#000 16px)}.hp-msg{max-width:84%;padding:9px 12px;border-radius:16px;line-height:1.4}.hp-me{align-self:flex-end;background:var(--ink);color:var(--bg);border-bottom-right-radius:5px}.hp-ai{align-self:flex-start;background:var(--paper);border:1px solid var(--line);border-bottom-left-radius:5px}.hp-new{border-color:#3ddc8473}.hp-card{display:flex;flex-direction:column;gap:4px;padding:11px 12px;border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 6%,transparent),color-mix(in srgb,var(--ink) 2.5%,transparent));border:1px solid var(--line-inv)}.hp-card b{font-size:13px;line-height:1.3}.hp-card small{font-size:11px;color:var(--text-2);line-height:1.35}.hp-tag{font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text)}.hp-tag-heat{color:var(--heat-text)}.hp-after{font-size:11px;color:var(--success)}.hp-btns{display:flex;gap:6px;margin-top:6px}.hp-ok{flex:1;min-height:40px;border:0;border-radius:12px;background:var(--signal);color:var(--on-accent);font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s var(--ease),filter .2s}.hp-ok:hover{filter:brightness(1.06)}.hp-ok:active{transform:scale(.97)}.hp-ok[disabled]{background:#3ddc8429;color:var(--success);cursor:default}.hp-later{display:grid;place-items:center;padding:0 14px;border-radius:12px;border:1px solid var(--line-inv);font-size:13px;color:var(--text-2)}.hp-input{display:flex;align-items:center;justify-content:space-between;margin:0 5% 6%;padding:9px 9px 9px 14px;border-radius:999px;border:1px solid var(--line-inv);color:var(--muted);font-size:12px}.hp-input i{width:24px;height:24px;border-radius:50%;background:var(--ink)}.works{position:relative;display:flex;flex-direction:column;gap:16px;margin-top:clamp(40px,6vh,64px);padding-top:24px;border-top:1px solid var(--line);max-width:640px}.works-k{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.works-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}.works-lg{display:inline-flex}.works-lg img{width:auto;height:20px;max-width:110px;object-fit:contain;filter:brightness(0);opacity:.55;transition:opacity .3s}.works-lg img:hover{opacity:.9}.works-wm{font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:-.02em;color:var(--text-2)}@media(max-width:900px){.hero{min-height:0;padding-top:100px}.hero-grid{grid-template-columns:1fr;row-gap:0}.hero-copy{display:contents}.hero-device{order:1;margin-top:40px}.works{order:2}.hp{width:min(78vw,320px)}.works-row{gap:14px 24px}.works-lg img{height:18px}.works-wm{font-size:15px}}