.mock-stage{margin:64px auto 0;max-width:980px;perspective:1600px}.window{text-align:left;background:var(--panel);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--accent);overflow:hidden;transform:rotateX(4deg);transform-origin:center top;will-change:transform}.titlebar{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--bg-soft)}.tl{width:12px;height:12px;border-radius:50%}.tl.r{background:#ff5f57}.tl.y{background:#febc2e}.tl.g{background:#28c840}.titlebar .tt{margin-left:12px;font-size:12.5px;color:var(--ink-faint);font-weight:560}.panes{display:grid;grid-template-columns:184px 1fr 1.25fr;min-height:392px}.pane{padding:14px 12px}.sidebar{border-right:1px solid var(--line);background:var(--bg-soft);font-size:12.5px}.grp{color:var(--ink-faint);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;margin:14px 6px 6px;font-weight:640}.grp:first-child{margin-top:2px}.srow{display:flex;align-items:center;gap:9px;padding:7px 8px;color:var(--ink-soft)}.srow .ic{width:14px;text-align:center;opacity:.7}.srow.active{background:color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink);font-weight:560}.srow .ct{margin-left:auto;font-size:11px;color:var(--ink-faint)}.list{border-right:1px solid var(--line);padding:6px 0}.mrow{padding:11px 16px;border-bottom:1px solid var(--line)}.mrow.sel{background:color-mix(in srgb,var(--accent) 12%,transparent)}.mrow .top{display:flex;align-items:baseline;gap:8px}.mrow .from{font-weight:620;font-size:13px}.mrow.unread .from:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:7px;vertical-align:middle}.mrow .time{margin-left:auto;font-size:11px;color:var(--ink-faint)}.mrow .subj{font-size:12.5px;margin-top:2px}.mrow .prev{font-size:12px;color:var(--ink-faint);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mrow.read .from,.mrow.read .subj{color:var(--ink-soft);font-weight:500}.reader{padding:22px 26px}.reader .rsubj{font-size:18px;font-weight:660;letter-spacing:-.015em;margin:0 0 12px}.reader .meta{display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:16px}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--icon-top),var(--icon-bot));color:#fff;display:grid;place-items:center;font-size:13px;font-weight:640}.reader .who{font-size:13px;font-weight:560}.reader .addr{font-size:11.5px;color:var(--ink-faint)}.reader p{font-size:13.5px;color:var(--ink-soft);margin:0 0 12px}.reader .chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-soft);background:var(--bg-soft);border:1px solid var(--line);padding:4px 10px}@media(max-width:820px){.panes{grid-template-columns:1fr}.sidebar,.list{display:none}.window{transform:none!important}}#testimonials{background:color-mix(in srgb,var(--accent) 5%,var(--bg));border-bottom:1px solid var(--line);padding:76px 0}#testimonials .eyebrow{margin-bottom:36px}.quotes{max-width:760px;margin:0 auto}.q-track{display:grid}.q-slide{grid-area:1 / 1;text-align:center;opacity:0;transform:translateY(10px);visibility:hidden;pointer-events:none;transition:opacity .45s ease,transform .45s cubic-bezier(.2,.6,.25,1),visibility 0s .45s}.q-slide.active{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition-delay:0s}.q-mark{font-family:var(--display);font-size:54px;line-height:1;color:var(--accent);display:block;height:34px;user-select:none}.q-slide blockquote{margin:0 0 26px;font-size:clamp(19px,2.6vw,25px);line-height:1.4;letter-spacing:-.015em;font-weight:560;text-wrap:balance}.q-who{text-align:center}.q-who .name{font-size:14px;font-weight:620}.q-who .role{font-size:12.5px;color:var(--ink-faint)}.q-nav{display:flex;align-items:center;justify-content:center;gap:40px;margin-top:40px}.q-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:transparent;border:2px solid var(--ink);color:var(--ink);cursor:pointer;transition:background .15s ease,color .15s ease,transform .12s ease}.q-btn:hover{background:var(--ink);color:var(--bg)}.q-btn:active{transform:scale(.92)}.q-btn svg{width:15px;height:15px;display:block}.q-dots{display:flex;gap:14px}.q-dot{width:8px;height:8px;padding:0;border:0;background:color-mix(in srgb,var(--ink) 22%,transparent);cursor:pointer;transition:background .25s ease,width .25s cubic-bezier(.2,.7,.3,1)}.q-dot:hover{background:color-mix(in srgb,var(--ink) 42%,transparent)}.q-dot[aria-current=true]{width:22px;background:var(--accent)}