.feature-introduction{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,80px);display:grid}.feature-introduction .content-hero{text-align:left;margin-inline:0}.feature-introduction .content-hero h1{font-size:clamp(36px,4.3vw,60px)}.feature-introduction .content-actions{justify-content:flex-start}.feature-example{border:1px solid var(--border);background:#fffdf9;border-radius:20px;overflow:hidden;box-shadow:10px 12px #eee9f0}.feature-example-top{border-bottom:1px solid var(--border);color:#665f65;background:#f2ece2;align-items:center;gap:10px;padding:18px 24px;font-size:16px;display:flex}.feature-example-dot{background:#9a5c41;border-radius:50%;flex-shrink:0;width:9px;height:9px}.feature-example-body{padding:28px}.feature-example h2{letter-spacing:-.04em;margin:18px 0 22px;font-size:26px}.feature-example dl{margin:0}.feature-example dl>div{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:4px 18px;padding:16px 0;display:flex}.feature-example dt{color:var(--muted)}.feature-example dd{margin:0;font-weight:500}.feature-example-note{margin:0 28px 25px;font-size:16px;line-height:1.5}.feature-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:0;list-style:none;display:grid}.feature-steps li{align-items:flex-start;gap:18px;display:flex}.feature-step-number{color:#976c43;padding-top:1px;font-size:20px}.feature-steps h3{margin-bottom:12px}.feature-faq{max-width:850px}.feature-faq .faq-answer h3{margin-bottom:12px}@media (max-width:900px){.feature-introduction{grid-template-columns:1fr;gap:0}.feature-example{width:calc(100% - 12px);max-width:620px;margin-bottom:36px}.feature-steps{grid-template-columns:1fr}}@media (max-width:480px){.feature-example-body{padding:22px}.feature-example-note{margin-inline:22px}}