.mock{width:100%}.mock .window{border:1px solid var(--border-2);border-radius:var(--r-card);background:var(--sidebar);width:100%;box-shadow:var(--shadow-lg);overflow:hidden}.mock .titlebar{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;height:38px;padding-inline:14px;display:flex}.mock .dots{gap:7px;display:inline-flex}.mock .dots i{background:var(--border-2);border-radius:50%;width:11px;height:11px}.mock .body{height:432px;display:flex}.mock .rail{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;flex:none;align-items:stretch;gap:4px;width:66px;padding:12px 8px;display:flex}.mock .rail-btn{color:var(--text-3);letter-spacing:.01em;background:0 0;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 7px;font-size:9.5px;transition:background-color .15s,color .15s;display:flex}.mock .rail-btn svg{width:18px;height:18px}.mock .rail-btn:hover{background:var(--hover);color:var(--text-2)}.mock .rail-btn.active{color:var(--text);background:var(--elevated)}.mock .view{flex:1;min-width:0;display:flex}.mock .view.is-hidden{display:none}.mock .list-head{color:var(--text);letter-spacing:-.01em;justify-content:space-between;align-items:center;padding:14px 16px 10px;font-size:14px;font-weight:600;display:flex}.mock .pill{background:var(--surface-2);color:var(--text-2);letter-spacing:0;border-radius:999px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500}.mock .name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.mock .avatar{background:var(--surface-2);width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--border-2);border-radius:10px;flex:none;place-items:center;display:grid;position:relative}.mock .ava-i{color:var(--text-2);font-size:11px;font-weight:600}.mock .srcb{filter:drop-shadow(0 1px 1.5px #00000073);width:16px;height:16px;position:absolute;bottom:-4px;right:-4px}.mock .srcb svg{width:100%;height:100%;display:block}.mock .view-matters{flex-direction:column;overflow:hidden auto}.mock .vhead{justify-content:space-between;align-items:center;padding:16px 18px 12px;font-size:15px;font-weight:600;display:flex}.mock .feed{flex-direction:column;gap:10px;padding:0 16px 16px;display:flex}.mock .mcard{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);padding:13px 15px 12px 18px;transition:transform .42s cubic-bezier(.34,.06,.2,1),opacity .36s,max-height .32s,margin .32s,padding .32s,border-color .16s;position:relative;overflow:hidden}.mock .mcard.sending{opacity:0;pointer-events:none;transform:translate(112%)}.mock .mcard .meter{border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}.mock .mcard.urgent .meter{background:#d64545}.mock .mcard.action .meter{background:#d6953a}.mock .mc-head{align-items:center;gap:10px;display:flex}.mock .mc-id{flex:1;min-width:0}.mock .mc-src{color:var(--text-3);margin-top:1px;font-size:10px}.mock .mc-time{color:var(--text-3);font-size:10.5px}.mock .gist{color:var(--text-2);margin:9px 0 11px;font-size:13px;line-height:1.5}.mock .mc-actions:not([hidden]){flex-wrap:wrap;gap:7px;display:flex}.mock .sg{border-radius:var(--r-btn);border:1px solid var(--border-2);background:var(--surface-2);color:var(--text);text-overflow:ellipsis;white-space:nowrap;user-select:none;touch-action:none;max-width:100%;padding:6px 12px;font-size:12px;font-weight:500;transition:background-color .14s,color .14s,transform .12s;position:relative;overflow:hidden}.mock .sg:hover{background:var(--elevated)}.mock .sg:after{content:"";background:var(--accent);width:0;height:2px;position:absolute;bottom:0;left:0}.mock .sg.holding{background:var(--elevated);transform:scale(.98)}.mock .sg.holding:after{width:100%;transition:width 1.3s linear}.mock .sg.held{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.mock .mc-compose:not([hidden]){flex-direction:column;gap:9px;display:flex}.mock .mc-input{color:var(--text);background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--r-input);outline:none;min-height:38px;padding:9px 11px;font-size:13px;line-height:1.5}.mock .mc-input:focus{border-color:var(--text-3)}.mock .mc-cactions{gap:8px;display:flex}.mock .sg.ghost{border-color:var(--border-2);color:var(--text-2);touch-action:auto;background:0 0;font-weight:400}.mock .sg.ghost:hover{background:var(--hover);color:var(--text)}.mock .sg.send{background:var(--accent);color:var(--on-accent);border-color:var(--accent);touch-action:auto}.mock .sg.send:hover{background:var(--accent-dim)}.mock .list{border-right:1px solid var(--border);background:var(--sidebar);flex-direction:column;flex:none;width:220px;min-height:0;display:flex}.mock .chips-row{gap:6px;padding:0 14px 10px;display:flex}.mock .fchip{color:var(--text-3);border:1px solid var(--border);border-radius:999px;padding:3px 9px;font-size:11px}.mock .fchip.active{color:var(--text);background:var(--surface-2);border-color:var(--border-2)}.mock .rows{flex:1;overflow-y:auto}.mock .row{text-align:left;border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:10px;width:100%;padding:10px 14px;transition:background-color .14s;display:flex;position:relative}.mock .row:hover{background:var(--hover)}.mock .row.active{background:var(--elevated)}.mock .row.active:before{content:"";background:var(--accent);border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:0}.mock .row-body{flex:1;min-width:0}.mock .row-top{align-items:center;gap:6px;display:flex}.mock .time{color:var(--text-3);flex:none;font-size:10.5px}.mock .snippet{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;display:block;overflow:hidden}.mock .pdot{border-radius:50%;flex:none;width:6px;height:6px}.mock .pdot.urgent{background:#d64545}.mock .pdot.action{background:#d6953a}.mock .unread{background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;bottom:12px;right:12px}.mock .thread{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.mock .thread-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:11px 16px;display:flex}.mock .thread-head .name{font-size:13.5px}.mock .src{color:var(--text-3);margin-top:1px;font-size:10.5px}.mock .bubbles{flex-direction:column;flex:1;justify-content:flex-end;gap:8px;padding:16px;display:flex;overflow-y:auto}.mock .bubble{border-radius:15px;max-width:82%;padding:9px 13px;font-size:12.5px;line-height:1.45}.mock .bubble.in{background:var(--surface);border-bottom-left-radius:5px;align-self:flex-start}.mock .bubble.out{background:var(--elevated);color:var(--text);border-bottom-right-radius:5px;align-self:flex-end}.mock .bubble.typing{align-items:center;padding:12px 14px;display:inline-flex}.mock .typing-dots{gap:4px;display:inline-flex}.mock .typing-dots i{background:var(--text-3);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite mock-typing}.mock .typing-dots i:nth-child(2){animation-delay:.16s}.mock .typing-dots i:nth-child(3){animation-delay:.32s}@keyframes mock-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.mock .composer-wrap{border-top:1px solid var(--border);padding:10px 14px 12px}.mock .ai-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:7px;margin-bottom:8px;font-size:10px;display:flex}.mock .ai-tag:empty{display:none}.mock .ai-tag.ok{color:var(--src-whatsapp)}.mock .ai-tag.listening{color:#d64545;text-transform:none;letter-spacing:0}.mock .spark{background:linear-gradient(135deg, var(--accent), var(--src-code));width:11px;height:11px;box-shadow:0 0 9px -2px var(--src-code);border-radius:3px}.mock .suggest{flex-wrap:wrap;gap:7px;margin-bottom:9px;display:flex}.mock .composer{border:1px solid var(--border-2);border-radius:var(--r-input);background:var(--surface-2);align-items:flex-end;gap:6px;padding:5px;display:flex}.mock .cbtn{width:30px;height:30px;color:var(--text-3);border-radius:8px;flex:none;place-items:center;transition:background-color .14s,color .14s;display:grid}.mock .cbtn svg{width:16px;height:16px}.mock .cbtn:hover{background:var(--hover);color:var(--text)}.mock .cbtn.on{color:#d64545}.mock .cbtn.send{background:var(--accent);color:var(--on-accent)}.mock .cbtn.send:hover{background:var(--accent-dim);color:var(--on-accent)}.mock .cinput{min-width:0;color:var(--text);outline:none;flex:1;align-self:center;max-height:60px;padding:6px 4px;font-size:12.5px;line-height:1.4;overflow-y:auto}.mock .cinput:empty:before{content:attr(data-ph);color:var(--text-3)}.mock .clist{border-right:1px solid var(--border);background:var(--sidebar);flex-direction:column;flex:none;width:220px;min-height:0;display:flex}.mock .addbtn{color:var(--text-2);border-radius:var(--r-btn);border:1px solid var(--border-2);padding:3px 9px;font-size:11.5px}.mock .crows{flex:1;overflow-y:auto}.mock .crow{text-align:left;border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:10px;width:100%;padding:11px 14px;transition:background-color .14s;display:flex}.mock .crow:hover{background:var(--hover)}.mock .crow.active{background:var(--elevated)}.mock .cbadge{border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;display:grid}.mock .cbadge.claude{color:#b69cff;background:#1e1a2e}.mock .cbadge.codex{color:#e0a24e;background:#2a2114}.mock .crow-body{flex:1;min-width:0}.mock .crow-body .name{display:block}.mock .cpath{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10.5px;display:block;overflow:hidden}.mock .stdot{background:var(--text-3);opacity:.5;border-radius:50%;flex:none;width:7px;height:7px}.mock .stdot.run{background:var(--src-whatsapp);opacity:1;box-shadow:0 0 8px -1px var(--src-whatsapp)}.mock .term-pane{flex-direction:column;flex:1;min-width:0;display:flex}.mock .term.claude{--t-bg:#17141f;--t-fg:#e8e4f0;--t-accent:#b69cff;--t-green:#43c59e;--t-dim:#7d749b;--t-cursor:#b69cff}.mock .term.codex{--t-bg:#1b1710;--t-fg:#efe7d8;--t-accent:#e0a24e;--t-green:#9bc46b;--t-dim:#8a7c63;--t-cursor:#e0a24e}.mock .term-head{border-bottom:1px solid var(--border);background:var(--sidebar);align-items:center;gap:10px;padding:10px 14px;display:flex}.mock .tcircle{border-radius:8px;flex:none;width:26px;height:26px}.mock .tcircle.claude{background:#4a3b6b}.mock .tcircle.codex{background:#5a431f}.mock .term-head>div{flex:1;min-width:0}.mock .term-head .name{font-size:13px}.mock .newsess{color:var(--text-2);border-radius:var(--r-btn);border:1px solid var(--border-2);padding:4px 10px;font-size:11px}.mock .term-body{background:var(--t-bg);color:var(--t-fg);flex:1;padding:12px 14px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;line-height:1.55;overflow-y:auto}.mock .tl{white-space:pre-wrap;word-break:break-word}.mock .tl-accent{color:var(--t-accent)}.mock .tl-green{color:var(--t-green)}.mock .tl-ok,.mock .tl-dim{color:var(--t-dim)}.mock .tl-you{color:var(--t-fg)}.mock .cursor{vertical-align:text-bottom;background:var(--t-cursor);width:7px;height:14px;animation:1.1s step-end infinite mock-blink;display:inline-block}@keyframes mock-blink{50%{opacity:0}}@keyframes mock-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mock .enter{animation:.24s both mock-enter}@media (prefers-reduced-motion:reduce){.mock .cursor{animation:none}}.mock.mini{overflow:hidden}.mock.mini .window{transform-origin:0 0;pointer-events:none;user-select:none;width:680px}.hero[data-astro-cid-ge2uvauf]{padding-top:clamp(56px,9vh,96px);padding-bottom:clamp(64px,11vh,120px);position:relative;overflow:hidden}.hero[data-astro-cid-ge2uvauf]:before{content:"";background:radial-gradient(60% 70% at 70% 10%, var(--glow), transparent 70%);pointer-events:none;height:620px;position:absolute;inset:-20% -10% auto}.hero-grid[data-astro-cid-ge2uvauf]{grid-template-columns:minmax(340px,430px) minmax(0,1fr);align-items:center;gap:clamp(24px,2.4vw,44px);max-width:1240px;display:grid;position:relative}.hero-copy[data-astro-cid-ge2uvauf]{max-width:520px}h1[data-astro-cid-ge2uvauf]{font-size:clamp(32px,9vw,48px)}.hl[data-astro-cid-ge2uvauf]{white-space:nowrap;display:block}.hl[data-astro-cid-ge2uvauf]+.hl[data-astro-cid-ge2uvauf]{margin-top:.2em}@media (prefers-reduced-motion:no-preference){.hl[data-astro-cid-ge2uvauf],.lede[data-astro-cid-ge2uvauf],.hero-cta[data-astro-cid-ge2uvauf]{opacity:0;animation:.6s cubic-bezier(.2,.7,.2,1) both heroRise}.hl[data-astro-cid-ge2uvauf]:first-child{animation-delay:80ms}.hl[data-astro-cid-ge2uvauf]:nth-child(2){animation-delay:.16s}.hl[data-astro-cid-ge2uvauf]:nth-child(3){animation-delay:.24s}.lede[data-astro-cid-ge2uvauf]{animation-delay:.36s}.hero-cta[data-astro-cid-ge2uvauf]{animation-delay:.46s}.hero-visual[data-astro-cid-ge2uvauf]{opacity:0;animation:.7s .54s both heroFade}}@keyframes heroRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes heroFade{0%{opacity:0}to{opacity:1}}.lede[data-astro-cid-ge2uvauf]{color:var(--text-2);max-width:46ch;margin-top:22px;font-size:clamp(16px,1.6vw,18px)}.hero-cta[data-astro-cid-ge2uvauf]{margin-top:30px}.hero-visual[data-astro-cid-ge2uvauf]{min-width:0;transform:translate(clamp(0px,50vw - 644px,84px))}@media (width<=920px){.hero-grid[data-astro-cid-ge2uvauf]{grid-template-columns:1fr;gap:48px}.hero-copy[data-astro-cid-ge2uvauf]{max-width:640px}.hero-visual[data-astro-cid-ge2uvauf]{width:100%;max-width:600px;margin-inline:auto;transform:none}}.section-head[data-astro-cid-cognygiv]{max-width:620px}.section-head[data-astro-cid-cognygiv] h2[data-astro-cid-cognygiv]{margin-top:14px;font-size:clamp(28px,4vw,40px)}.section-head[data-astro-cid-cognygiv] .sub[data-astro-cid-cognygiv]{color:var(--text-2);margin-top:16px;font-size:17px}.grid[data-astro-cid-cognygiv]{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(36px,6vw,56px);padding:0;list-style:none;display:grid}.card[data-astro-cid-cognygiv]{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);padding:24px;transition:border-color .18s,transform .18s,background-color .18s}.card[data-astro-cid-cognygiv]:hover{border-color:var(--border-2);transform:translateY(-3px)}.icon[data-astro-cid-cognygiv]{background:var(--surface-2);border:1px solid var(--border-2);width:40px;height:40px;color:var(--text);border-radius:10px;place-items:center;margin-bottom:18px;display:grid}.card[data-astro-cid-cognygiv] h3[data-astro-cid-cognygiv]{font-size:17.5px;font-weight:600}.card[data-astro-cid-cognygiv] p[data-astro-cid-cognygiv]{color:var(--text-2);margin-top:9px;font-size:14.5px;line-height:1.6}.card[data-astro-cid-cognygiv].upcoming{border-style:dashed}.badge[data-astro-cid-cognygiv]{vertical-align:2px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);border:1px solid var(--border-2);background:var(--surface-2);border-radius:999px;margin-left:8px;padding:2.5px 8px;font-size:10.5px;font-weight:600;display:inline-block}@media (width<=880px){.grid[data-astro-cid-cognygiv]{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.grid[data-astro-cid-cognygiv]{grid-template-columns:1fr}}.privacy-grid[data-astro-cid-cobwjqwb]{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:start;gap:clamp(32px,6vw,72px);display:grid}.points[data-astro-cid-cobwjqwb]{grid-area:1/1}.privacy-intro[data-astro-cid-cobwjqwb]{grid-area:1/2}.privacy-intro[data-astro-cid-cobwjqwb] h2[data-astro-cid-cobwjqwb]{margin-top:14px;font-size:clamp(28px,4vw,40px)}.privacy-intro[data-astro-cid-cobwjqwb] .sub[data-astro-cid-cobwjqwb]{color:var(--text-2);max-width:42ch;margin-top:16px;font-size:17px}.points[data-astro-cid-cobwjqwb]{gap:14px;margin:0;padding:0;list-style:none;display:grid}.point[data-astro-cid-cobwjqwb]{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);grid-template-columns:auto 1fr;align-items:center;column-gap:14px;padding:24px;transition:border-color .18s,transform .18s;display:grid}.point[data-astro-cid-cobwjqwb]:hover{border-color:var(--border-2);transform:translateY(-3px)}.icon[data-astro-cid-cobwjqwb]{color:var(--text);place-items:center;display:grid}.icon[data-astro-cid-cobwjqwb] svg[data-astro-cid-cobwjqwb]{width:22px;height:22px}.point[data-astro-cid-cobwjqwb] h3[data-astro-cid-cobwjqwb]{letter-spacing:-.01em;font-size:20px;font-weight:650}.point[data-astro-cid-cobwjqwb] p[data-astro-cid-cobwjqwb]{color:var(--text-2);grid-column:1/-1;margin-top:14px;font-size:14.5px;line-height:1.6}@media (width<=880px){.privacy-grid[data-astro-cid-cobwjqwb]{grid-template-columns:1fr}.points[data-astro-cid-cobwjqwb],.privacy-intro[data-astro-cid-cobwjqwb]{grid-area:auto}}