.feature-section{border-top:1px solid var(--line);padding:140px 0 130px}.editorial-page .feature-title{letter-spacing:-.045em;text-align:center;text-wrap:balance;font-family:Georgia,Times New Roman,serif;font-size:clamp(40px,5vw,76px);font-weight:400;line-height:1.05}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:72px;display:grid}.feature-visual{border-bottom:1px solid var(--line);height:280px;position:relative;overflow:hidden}.feature-copy{padding:30px 34px 36px}.feature-copy h3{letter-spacing:-.035em;font-size:clamp(22px,2vw,28px);font-weight:500;line-height:1.2}.feature-copy p{max-width:380px;color:var(--muted);margin-top:10px;font-size:16px;line-height:1.6}.diagram{flex-direction:column;justify-content:center;gap:10px;padding:0 12%;display:flex;position:absolute;inset:0}.mail{background:var(--paper);border:1px solid var(--line);width:100%;max-width:360px;box-shadow:0 1px 0 var(--line);border-radius:8px;margin:0 auto;padding:20px 22px}.mail-head{align-items:baseline;gap:8px;font-size:13px;display:flex}.mail-to{margin-left:auto}.mail-subject{letter-spacing:-.02em;margin:12px 0 14px;font-size:15px;font-weight:500}.mail-label{margin-bottom:8px}.mail .line{background:#e8e5e0;border-radius:4px;height:7px;margin-bottom:7px;display:block}.mail .line.short{width:60%}.mail-action{margin-top:14px;color:var(--ink)!important}.diagram-yes{align-items:stretch}.reply-pill{background:var(--ink);color:var(--paper);border-radius:999px;align-self:flex-end;padding:9px 18px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.connector{background:var(--ink);align-self:flex-end;width:1px;height:26px;margin-right:34px}.label-new{border:1px solid var(--ink);border-radius:999px;padding:3px 10px;font-size:12px}.diagram-styled{flex-direction:row;justify-content:center;align-items:center;gap:0}.mini-widget{white-space:nowrap;background:var(--paper);border:1px solid var(--line);width:190px;box-shadow:0 1px 0 var(--line);flex-direction:column;flex-shrink:0;gap:8px;padding:14px;font-size:12px;display:flex;position:relative;overflow:hidden}.mini-widget+.mini-widget{margin-left:-40px}.mini-widget:first-child{transform:rotate(-4deg)translateY(10px)}.mini-widget:nth-child(3){color:var(--muted);transform:rotate(4deg)translateY(10px)}.mini-search{border:1px solid var(--line);color:var(--muted);text-overflow:ellipsis;padding:7px 9px;overflow:hidden}.mini-row{border-top:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;padding:6px 0;overflow:hidden}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.faq-row.is-moved{animation:linear both rise;animation-timeline:view();animation-range:entry 20% cover 45%}.reply-pill{animation:linear both reply;animation-timeline:view();animation-range:entry 20% cover 45%}}}@keyframes rise{0%{transform:translateY(58px)}to{transform:translateY(0)}}@keyframes reply{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.feature-section{padding:90px 0 80px}.feature-grid{grid-template-columns:1fr;gap:16px;margin-top:44px}.feature-visual{height:230px}.diagram{padding:0 7%}.feature-copy{padding:24px 22px 28px}.mini-widget{width:128px;padding:11px;font-size:11px}.mini-widget+.mini-widget{margin-left:-34px}}.feature-compare{text-align:center;color:var(--muted);margin-top:44px;font-size:16px}.feature-compare a{color:var(--ink);text-underline-offset:4px;white-space:nowrap;margin-left:6px;text-decoration:underline}.feature-compare a:hover{text-decoration-thickness:2px}
