.otocoda .feature-section{background:var(--surface);border-top:1px solid var(--line)}.otocoda .feature-intro{max-width:720px;margin-bottom:36px}.otocoda .feature-intro .section-heading{white-space:pre-line}.otocoda .feature-eyebrow,.otocoda .feature-label{color:var(--green);letter-spacing:.06em;font-size:12px;font-weight:650}.otocoda .feature-eyebrow{margin-bottom:12px}.otocoda .feature-rows{gap:44px;display:grid}.otocoda .feature-row{gap:24px;min-width:0;display:grid}.otocoda .feature-visual{border:1px solid var(--line);background:var(--study-soft);border-radius:16px;min-width:0;margin:0;overflow:hidden}.otocoda .feature-visual img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;display:block}.otocoda .feature-visual figcaption{min-height:52px;color:var(--green-dark);background:var(--study-tint);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 20px;padding:12px;font-size:12px;font-weight:600;display:flex}.otocoda .feature-visual figcaption span{align-items:center;gap:7px;display:inline-flex}.otocoda .feature-visual .icon{width:17px;height:17px}.otocoda .feature-body h3{letter-spacing:-.035em;text-wrap:pretty;white-space:pre-line;margin-top:9px;font-size:22px;font-weight:700;line-height:1.6}.otocoda .feature-description{color:var(--otocoda-muted);margin-top:15px;font-size:14px;line-height:2}.otocoda .feature-note{border-left:2px solid var(--line);color:var(--otocoda-muted);margin-top:17px;padding-left:12px;font-size:12px;line-height:1.9}.otocoda .feature-actions{flex-direction:column;align-items:stretch;gap:22px;margin-top:40px;display:flex}.otocoda .feature-actions .text-link{align-self:center}@media (width>=640px){.otocoda .feature-row{max-width:640px;margin-inline:auto}.otocoda .feature-intro{margin-bottom:44px}.otocoda .feature-rows{gap:56px}.otocoda .feature-body h3{font-size:27px}.otocoda .feature-actions{flex-direction:row;justify-content:center;align-items:center;gap:32px;margin-top:48px}.otocoda .feature-actions .primary{width:auto}}@media (width>=960px){.otocoda .feature-intro{margin-bottom:52px}.otocoda .feature-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;max-width:none;margin:0}.otocoda .feature-row:nth-child(2n) .feature-visual{grid-area:1/2}.otocoda .feature-row:nth-child(2n) .feature-body{grid-area:1/1}.otocoda .feature-body{max-width:480px}}