:root{--bg: #0b0a09;--bg-2: #131110;--surface: #171413;--raise: #211d1b;--line: #2e2725;--line-soft: #241e1c;--ink: #f2ece7;--ink-2: #b5a79f;--ink-3: #8b7d75;--ink-4: #6d5f59;--ember: #ff6a2b;--ember-soft: #ff8a4c;--ember-deep: #e04d10;--live: #4ade80;--danger: #f5544f;--display: "Bricolage Grotesque", system-ui, sans-serif;--body: "Karla", system-ui, sans-serif;--pad: clamp(20px, 5vw, 72px);--maxw: 1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--ember);outline-offset:3px;border-radius:4px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:var(--ember)}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.035em;line-height:1.08;text-wrap:balance}.wordmark{font-family:var(--display);font-size:23px;font-weight:800;letter-spacing:-.045em}.wordmark span{color:var(--ember)}.wordmark.sm{font-size:19px}kbd{font-family:ui-monospace,monospace;font-size:11px;background:var(--bg);border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:1px 5px;margin-right:2px;color:var(--ink)}.btn-solid,.btn-outline,.btn-ghost,.btn-download{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-family:var(--display);font-weight:700;letter-spacing:-.01em;transition:transform .16s,filter .2s,border-color .18s,background .18s,box-shadow .2s}.btn-solid{padding:14px 26px;border-radius:12px;background:linear-gradient(180deg,var(--ember-soft),var(--ember));color:#1a0d06;box-shadow:0 14px 34px -16px var(--ember)}.btn-solid:hover{transform:translateY(-2px);filter:brightness(1.06)}.btn-solid.sm{padding:9px 18px;border-radius:9px;font-size:14px}.btn-outline{padding:14px 26px;border-radius:12px;border:1px solid var(--line);color:var(--ink)}.btn-outline:hover{border-color:var(--ember);background:#ff6a2b12}.btn-ghost{padding:9px 16px;border-radius:9px;color:var(--ink-2);font-size:14px}.btn-ghost:hover{color:var(--ink);background:#ffffff0d}.btn-download{padding:14px 30px 14px 22px;border-radius:14px;background:linear-gradient(180deg,var(--ember-soft),var(--ember));color:#1a0d06;box-shadow:0 18px 42px -18px var(--ember)}.btn-download:hover{transform:translateY(-2px);filter:brightness(1.06)}.btn-icon{display:grid;place-items:center}.btn-icon svg{width:26px;height:26px}.btn-text{display:grid;text-align:left;gap:1px}.btn-text b{font-size:16px;font-weight:700;line-height:1.2}.btn-text small{font-family:var(--body);font-size:12px;font-weight:500;opacity:.75}.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:30px;padding:14px var(--pad);background:#0b0a09c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft)}.nav-links{display:flex;gap:26px;margin-right:auto}.nav-links a{color:var(--ink-2);font-size:14.5px;transition:color .16s}.nav-links a:hover{color:var(--ink)}.nav-actions{display:flex;align-items:center;gap:8px}@media(max-width:800px){.nav-links{display:none}.nav-actions{margin-left:auto}}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(30px,6vw,70px);align-items:center;max-width:var(--maxw);margin:0 auto;padding:clamp(50px,8vw,96px) var(--pad) clamp(60px,9vw,110px)}.hero:before{content:"";position:absolute;top:-20%;right:-25%;width:80vw;height:90vh;background:radial-gradient(circle,rgba(255,106,43,.15),transparent 62%);pointer-events:none;z-index:-1}@media(max-width:940px){.hero{grid-template-columns:1fr}.hero-art{order:-1}}.hero h1{font-size:clamp(40px,6.6vw,72px);font-weight:800;margin-top:18px}.hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--ember-soft),var(--ember) 72%);-webkit-background-clip:text;background-clip:text;color:transparent}.lede{margin-top:22px;max-width:48ch;color:var(--ink-2);font-size:clamp(15.5px,1.5vw,17.5px)}.hero-cta{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px}.hero-note{margin-top:18px;font-size:13.5px;color:var(--ink-4)}.hero-note a{color:var(--ember-soft);text-decoration:underline;text-underline-offset:3px}.hero-art{display:grid;place-items:center}.app-mock{width:100%;max-width:540px;display:grid;grid-template-columns:148px 1fr;height:348px;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 60px 110px -50px #000,0 0 0 1px #ffffff05 inset;transform:perspective(1500px) rotateY(-10deg) rotateX(3deg);font-size:10px;line-height:1.5}.mock-side{position:relative;padding:12px 10px 46px;display:grid;align-content:start;gap:4px;border-right:1px solid var(--line-soft)}.mock-brand{font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:-.04em;margin-bottom:8px}.mock-brand span{color:var(--ember)}.mock-label{font-size:7.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-4);margin-top:8px}.mock-chan{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:4px;color:var(--ink-3)}.mock-chan i{font-style:normal;color:var(--ink-4)}.mock-chan b{margin-left:auto;font-size:8px;background:var(--raise);padding:0 5px;border-radius:99px;color:var(--ink-4)}.mock-chan b.dot{width:5px;height:5px;padding:0;background:var(--ember)}.mock-chan.on{background:#ff6a2b1f;color:var(--ink)}.mock-chan.on i{color:var(--ember)}.mock-users{display:grid;gap:3px;margin:2px 0 0 14px}.mock-user{display:flex;align-items:center;gap:5px;color:var(--ink-4)}.mock-user i{width:11px;height:11px;border-radius:99px;background:linear-gradient(140deg,#4b3f3a,#2a2320)}.mock-user.talk{color:var(--live)}.mock-user.talk i{background:linear-gradient(140deg,#7ee8a4,#22a35c);box-shadow:0 0 0 1.5px var(--live);animation:ring 1.7s ease-in-out infinite}@keyframes ring{0%,to{box-shadow:0 0 0 1.5px var(--live),0 0 6px -1px #4ade8080}50%{box-shadow:0 0 0 1.5px var(--live),0 0 12px 1px #4ade80cc}}.mock-dock{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:6px;background:#4ade8014;color:var(--live);font-weight:700;font-size:8.5px}.ping{width:6px;height:6px;border-radius:99px;background:var(--live);flex-shrink:0;animation:ping 2s ease-out infinite}@keyframes ping{0%{box-shadow:0 0 #4ade8099}70%{box-shadow:0 0 0 7px #4ade8000}to{box-shadow:0 0 #4ade8000}}.mock-body{display:grid;grid-template-rows:auto 1fr auto;background:var(--bg-2);min-width:0}.mock-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--line-soft);font-weight:600}.mock-bar i{font-style:normal;color:var(--ember)}.mock-bar em{font-style:normal;margin-left:auto;color:var(--ink-4);font-weight:400}.mock-stage{padding:10px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;align-content:start}.mock-tile{border-radius:7px;aspect-ratio:16 / 10;background:linear-gradient(150deg,#2c2523,#17130f);border:1px solid var(--line)}.mock-tile.share{grid-column:1 / -1;aspect-ratio:16 / 6;background:#0d1117;border-color:#ff6a2b66;display:grid;align-content:center;gap:5px;padding:12px}.share-lines{display:grid;gap:5px}.share-lines span{height:5px;border-radius:99px;background:var(--c, #20293a)}.mock-tile.talk{border-color:var(--live);box-shadow:0 0 14px -4px #4ade8099}.mock-ctrls{display:flex;justify-content:center;gap:6px;padding:9px;border-top:1px solid var(--line-soft)}.mock-ctrls s{width:19px;height:19px;border-radius:99px;background:#2c2523}.mock-ctrls s.end{width:26px;background:var(--danger)}.section-head{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}.section-head.center{text-align:center}.section-head h2{font-size:clamp(28px,4vw,44px);font-weight:800;margin-top:14px}.section-sub{margin:16px auto 0;max-width:54ch;color:var(--ink-2)}.features{padding:clamp(60px,9vw,110px) 0;border-top:1px solid var(--line-soft)}.feature-row{max-width:var(--maxw);margin:0 auto;padding:clamp(40px,6vw,76px) var(--pad) 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}.feature-row.reverse .feature-text{order:2}@media(max-width:880px){.feature-row{grid-template-columns:1fr}.feature-row.reverse .feature-text{order:0}}.feature-text h3{font-size:clamp(22px,2.6vw,30px);font-weight:700;margin-bottom:14px}.feature-text p{color:var(--ink-2);max-width:50ch}.feature-aside{margin-top:14px;padding-left:14px;border-left:2px solid var(--ember);color:var(--ink-3)!important;font-size:14.5px}.feature-art{display:grid;place-items:center}.art-dock{width:100%;max-width:300px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 40px 70px -40px #000}.art-dock-head{display:flex;align-items:center;gap:9px;margin-bottom:12px}.art-dock-head b{color:var(--live);font-size:13px}.art-dock-head small{color:var(--ink-4);font-size:12px;margin-left:auto}.art-dock-btns{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.art-dock-btns s{height:34px;border-radius:8px;background:var(--raise)}.art-dock-btns s.end{background:#f5544f33}.art-grid{width:100%;max-width:380px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.art-tile{aspect-ratio:16 / 10;border-radius:10px;background:linear-gradient(150deg,var(--raise),#16120f);border:1px solid var(--line)}.art-tile.big{grid-column:1 / -1;aspect-ratio:16 / 7;background:linear-gradient(150deg,#16202e,#0d1117);border-color:#ff6a2b73;box-shadow:0 0 34px -14px var(--ember)}.art-board{width:100%;max-width:340px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.art-board span{display:grid;place-items:center;gap:3px;padding:14px 8px;border-radius:11px;background:var(--surface);border:1px solid var(--line);font-size:21px;transition:transform .16s,border-color .16s}.art-board span:hover{transform:translateY(-3px);border-color:var(--ember)}.art-board i{font-style:normal;font-size:11px;color:var(--ink-3);font-family:var(--body)}.art-board .add{border-style:dashed;color:var(--ink-3);font-size:19px}.feature-grid{max-width:var(--maxw);margin:clamp(50px,8vw,90px) auto 0;padding:0 var(--pad);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.feature-grid article{padding:24px 22px;background:var(--surface);border:1px solid var(--line-soft);border-radius:14px;transition:border-color .18s,transform .18s}.feature-grid article:hover{border-color:var(--line);transform:translateY(-3px)}.feature-grid h4{font-size:17px;font-weight:700;margin-bottom:8px}.feature-grid p{color:var(--ink-2);font-size:14.5px}.server{border-top:1px solid var(--line-soft);background:var(--bg-2)}.server-inner{max-width:var(--maxw);margin:0 auto;padding:clamp(60px,9vw,110px) var(--pad);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(30px,5vw,64px);align-items:center}@media(max-width:880px){.server-inner{grid-template-columns:1fr}}.server h2{font-size:clamp(28px,4vw,42px);font-weight:800;margin:14px 0 20px}.server p{color:var(--ink-2);max-width:52ch}.server p+p{margin-top:14px}.server-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px}.server-stack div{padding:22px 20px;background:linear-gradient(160deg,var(--surface),var(--bg));border:1px solid var(--line-soft);border-radius:13px;display:grid;gap:2px}.server-stack b{font-family:var(--display);font-size:17px;font-weight:700;letter-spacing:-.02em}.server-stack span{font-size:12.5px;color:var(--ink-4)}.download{padding:clamp(60px,9vw,110px) 0;border-top:1px solid var(--line-soft)}.dl-grid{max-width:940px;margin:42px auto 0;padding:0 var(--pad);display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.dl-loading,.dl-empty{grid-column:1 / -1;text-align:center;color:var(--ink-4);padding:30px 0}.dl-empty a{color:var(--ember-soft);text-decoration:underline;text-underline-offset:3px}.dl-card{display:grid;justify-items:center;gap:5px;padding:26px 20px;background:var(--surface);border:1px solid var(--line);border-radius:15px;text-align:center;transition:transform .16s,border-color .18s,box-shadow .2s}.dl-card:hover{transform:translateY(-3px);border-color:var(--ember);box-shadow:0 24px 50px -30px var(--ember)}.dl-card.mine{border-color:var(--ember);background:linear-gradient(180deg,rgba(255,106,43,.08),var(--surface))}.dl-card svg{width:32px;height:32px;color:var(--ink);margin-bottom:6px}.dl-card b{font-family:var(--display);font-size:16px;font-weight:700}.dl-card small{font-size:12.5px;color:var(--ink-4);font-variant-numeric:tabular-nums}.dl-tag{margin-top:6px;padding:2px 10px;border-radius:99px;background:#ff6a2b29;color:var(--ember-soft);font-size:11px;font-weight:700;letter-spacing:.04em}.dl-foot{margin-top:26px;text-align:center;font-size:13.5px;color:var(--ink-4);padding:0 var(--pad)}.closing{position:relative;text-align:center;padding:clamp(70px,10vw,130px) var(--pad);border-top:1px solid var(--line-soft);overflow:hidden}.closing:before{content:"";position:absolute;inset:auto 0 -60% 0;height:120%;background:radial-gradient(ellipse at 50% 100%,rgba(255,106,43,.14),transparent 65%);pointer-events:none}.closing h2{position:relative;font-size:clamp(30px,4.6vw,50px);font-weight:800}.closing p{position:relative;margin-top:14px;color:var(--ink-2)}.closing-cta{position:relative;margin-top:32px;display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.foot{max-width:var(--maxw);margin:0 auto;padding:28px var(--pad) 48px;border-top:1px solid var(--line-soft);display:flex;align-items:center;flex-wrap:wrap;gap:16px;color:var(--ink-4);font-size:13.5px}.foot-meta{margin-right:auto;font-variant-numeric:tabular-nums}.foot nav{display:flex;gap:20px}.foot nav a{transition:color .16s}.foot nav a:hover{color:var(--ember-soft)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.app-mock{transform:none}}
