.proof-section { padding: clamp(76px, 9vw, 120px) 0; background: var(--navy); color: #fff; }
.proof-header { max-width: 690px; margin-bottom: 38px; }
.proof-header h2 { margin-bottom: 14px; font-size: clamp(30px, 4vw, 46px); font-weight: 850; letter-spacing: -.035em; line-height: 1.1; }
.proof-header .section-label { color: #83a9ff; }
.proof-header .section-sub { color: rgba(255,255,255,.66); }
.proof-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.proof-card { display: flex; flex-direction: column; align-items: flex-start; min-height: 300px; padding: clamp(24px,4vw,40px); border: 1px solid rgba(255,255,255,.12); border-radius: 24px; background: rgba(255,255,255,.055); }
.proof-card-accent { background: linear-gradient(145deg,rgba(37,99,235,.24),rgba(255,255,255,.045)); }
.proof-label { margin-bottom: 18px; color: #b3c6f9; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.proof-metric { margin-bottom: 8px; font-size: clamp(40px,6vw,64px); font-weight: 900; letter-spacing: -.055em; line-height: 1; }
.proof-metric i { color: var(--cyan); font-size: .52em; font-style: normal; }
.proof-card h3 { margin-bottom: 12px; font-size: 18px; line-height: 1.4; }
.proof-card p { margin-bottom: 20px; color: rgba(255,255,255,.67); font-size: 15px; line-height: 1.7; }
.proof-card a,.proof-more a { margin-top: auto; color: #b4d9ff; font-size: 14px; font-weight: 750; }
.proof-card a span,.proof-more a span { margin-left: 4px; }
.proof-note { margin-top: 18px; color: rgba(255,255,255,.68); font-size: 12px; }
.proof-more { margin-top: 24px; }
.proof-more a { display: inline-block; padding: 13px 18px; border: 1px solid rgba(255,255,255,.22); border-radius: 100px; }
.stories-page { background: var(--paper); }
.stories-hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.86fr); align-items: center; gap: clamp(30px,7vw,92px); max-width: 1200px; margin: 0 auto; padding: 46px clamp(20px,4vw,48px) clamp(72px,9vw,112px); }
.stories-hero-copy h1 { max-width: 700px; margin-bottom: 22px; color: var(--ink); font-size: clamp(40px,5.2vw,64px); font-weight: 900; letter-spacing: -.045em; line-height: 1.04; }
.stories-hero-copy > p:not(.product-kicker) { max-width: 630px; color: var(--muted); font-size: clamp(17px,1.8vw,19px); line-height: 1.75; }
.stories-hero-copy .btn { margin-top: 28px; }
.stories-hero > img { width: 100%; aspect-ratio: 1.38; border-radius: 24px; object-fit: cover; box-shadow: var(--shadow-xl); }
.stories-list { padding: 0 clamp(20px,4vw,48px) 70px; }
.story-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.86fr); align-items: center; gap: clamp(34px,7vw,88px); max-width: 1104px; margin: 0 auto; padding: clamp(54px,7vw,88px) 0; border-top: 1px solid var(--line); scroll-margin-top: 90px; }
.story-reverse .story-copy { order: 2; }
.story-reverse .story-visual { order: 1; }
.story-tag { margin-bottom: 14px; color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.story-tag span { padding: 0 5px; color: var(--cyan); }
.story-copy h2 { margin-bottom: 16px; font-size: clamp(28px,3.3vw,40px); font-weight: 850; letter-spacing: -.035em; line-height: 1.12; }
.story-copy p:not(.story-tag) { margin-bottom: 14px; color: var(--muted); line-height: 1.75; }
.story-copy .story-lead { color: var(--ink-secondary); font-size: 17px; line-height: 1.7; }
.story-link { display: inline-block; margin-top: 8px; color: var(--blue); font-weight: 750; }
.story-link span { padding-left: 5px; }
.story-visual { position: relative; margin: 0; overflow: hidden; border-radius: 24px; background: var(--paper-dark); box-shadow: var(--shadow-lg); }
.story-visual img { width: 100%; aspect-ratio: 1.4; object-fit: cover; }
.story-visual figcaption { padding: 14px 18px; color: var(--muted); background: #fff; font-size: 13px; font-weight: 700; }
.story-sketch { border-top-style: dashed; }
.story-sketch-heading { max-width: 780px; margin: 30px auto 0; padding: 42px 0 14px; border-top: 1px solid var(--line-strong); }
.story-sketch-heading h2 { margin-bottom: 14px; font-size: clamp(28px,3.7vw,42px); letter-spacing: -.035em; line-height: 1.12; }
.story-sketch-heading > p:last-child { max-width: 670px; color: var(--muted); line-height: 1.7; }
.stories-cta { display: flex; justify-content: space-between; align-items: center; gap: 28px; padding: clamp(42px,6vw,70px) max(20px,calc((100vw - 1104px)/2)); background: var(--paper-alt); }
.stories-cta h2 { margin-bottom: 12px; font-size: clamp(27px,3.4vw,40px); letter-spacing: -.035em; line-height: 1.1; }
.stories-cta p:not(.section-label) { color: var(--muted); }
.stories-cta .btn { flex: 0 0 auto; }
@media(max-width:760px) {
  .proof-grid { grid-template-columns: 1fr; }
  .stories-hero,.story-row { grid-template-columns: 1fr; }
  .stories-hero { padding-top: 22px; }
  .story-reverse .story-copy,.story-reverse .story-visual { order: initial; }
  .stories-cta { align-items: flex-start; flex-direction: column; }
}