.subpage .steps{grid-template-columns:repeat(2,1fr);gap:clamp(28px,3vw,48px) clamp(40px,5vw,72px);margin-top:clamp(40px,6vh,72px);display:grid}.subpage .step{border-top:1px solid var(--border);padding-top:24px;position:relative}.subpage .step-num{font-family:var(--font-serif);color:var(--accent);letter-spacing:-.02em;font-size:clamp(56px,7vw,108px);font-style:italic;font-weight:400;line-height:1;position:absolute;top:-22px;left:0}.subpage .step h3{letter-spacing:-.02em;margin-bottom:14px;margin-left:clamp(78px,9vw,128px);font-size:clamp(22px,2.4vw,32px);font-weight:600}.subpage .step p{max-width:380px;margin-left:clamp(78px,9vw,128px);font-size:15.5px;line-height:1.55}.subpage .step .tag{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);margin-top:14px;margin-left:clamp(78px,9vw,128px);padding:5px 10px;font-size:10px;display:inline-block}.subpage .chat-grid{grid-template-columns:1fr 1.05fr;align-items:start;gap:clamp(48px,6vw,88px);margin-top:clamp(40px,6vh,72px);display:grid}.subpage .chat-lead h2{letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(40px,5vw,72px);line-height:1.02}.subpage .chat-lead h2 em{font-family:var(--font-serif);color:var(--accent);font-style:italic;font-weight:400}.subpage .chat-lead .sub{color:var(--ink-soft);max-width:480px;margin-bottom:28px;font-size:17px;line-height:1.55}.subpage .chat-lead .pie{color:var(--ink-soft);border-top:1px solid var(--border);max-width:440px;margin-top:36px;padding-top:20px;font-size:14.5px}.subpage .chat-lead .link{color:var(--accent);border-bottom:1px solid var(--accent);align-items:center;gap:8px;margin-top:18px;padding-bottom:2px;font-size:15px;font-weight:600;display:inline-flex}.subpage .chat-mock{background:var(--paper-soft);border:1px solid var(--border);border-radius:22px;padding:24px 22px;box-shadow:0 24px 48px -32px #1c1a1838,0 6px 16px -8px #1c1a1814}.subpage .chat-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:18px;display:flex}.subpage .chat-avatar{background:var(--ink);width:42px;height:42px;color:var(--paper);font-family:var(--font-display);letter-spacing:-.02em;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;position:relative}.subpage .chat-avatar:after{content:"";border:2px solid var(--paper-soft);background:#3db060;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.subpage .chat-meta{flex-direction:column;gap:2px;display:flex}.subpage .chat-meta strong{font-family:var(--font-display);letter-spacing:-.01em;font-size:15.5px;font-weight:600}.subpage .chat-meta span{color:var(--muted);font-size:12.5px}.subpage .bubbles{flex-direction:column;gap:14px;display:flex}.subpage .b{border-radius:18px;max-width:78%;padding:11px 15px;font-size:14.5px;line-height:1.45}.subpage .b.them{border:1px solid var(--border);color:var(--ink);background:#fff;border-bottom-left-radius:6px;align-self:flex-start}.subpage .b.me{background:var(--ink);color:var(--paper-soft);border-bottom-right-radius:6px;align-self:flex-end}.subpage .b .src{border-top:1px dashed color-mix(in oklch, var(--paper) 40%, transparent);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;opacity:.85;margin-top:8px;padding-top:8px;font-size:10.5px;display:block}.subpage .b.them .src{border-top-color:var(--border);color:var(--accent)}.subpage .b time{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:6px;font-size:11px;display:block}.subpage .b.me time{color:color-mix(in oklch, var(--paper) 60%, transparent)}.subpage .duo{grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,40px);margin-top:clamp(40px,6vh,72px);display:grid}.subpage .duo-card{background:var(--paper-soft);border:1px solid var(--border);padding:clamp(32px,4vw,48px);position:relative}.subpage .duo-card:before{content:"";background:var(--accent);width:48px;height:1px;position:absolute;top:-1px;left:-1px}.subpage .duo-card .label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:600}.subpage .duo-card h3{letter-spacing:-.025em;margin-top:18px;font-size:clamp(28px,3vw,42px);font-weight:600;line-height:1.05}.subpage .duo-card h3 em{font-family:var(--font-serif);color:var(--accent);font-style:italic;font-weight:400}.subpage .duo-card p{color:var(--ink-soft);margin-top:18px;font-size:16px;line-height:1.55}.subpage .duo-card .link{color:var(--ink);font-size:14.5px;font-weight:600;font-family:var(--font-mono);letter-spacing:.06em;border-bottom:1px solid var(--ink);align-items:center;gap:6px;margin-top:24px;padding-bottom:2px;transition:color .2s,border-color .2s;display:inline-flex}.subpage .duo-card .link:hover{color:var(--accent);border-color:var(--accent)}.subpage .duo-pie{color:var(--ink-soft);text-align:center;border-top:1px solid var(--border);font-family:var(--font-serif);margin-top:clamp(36px,5vh,56px);padding-top:24px;font-size:18px;font-style:italic}.subpage.qh .final-h{font-size:clamp(72px,13vw,200px)}@media (max-width:860px){.subpage .steps,.subpage .duo,.subpage .chat-grid{grid-template-columns:1fr}.subpage .step h3,.subpage .step p,.subpage .step .tag{margin-left:0}.subpage .step-num{margin-bottom:10px;display:block;position:static}}
