.feature-hero{background:linear-gradient(180deg,#f0f7ff,#fff);padding:4.5rem 0 3.5rem}.feature-hero-grid{align-items:center;display:grid;gap:3rem;grid-template-columns:minmax(0,1fr) minmax(320px,.86fr)}.feature-hero-copy h1{margin-bottom:1.25rem;max-width:780px}.feature-hero-copy p{color:var(--color-gray-600);font-size:1.125rem;line-height:1.8;max-width:720px}.feature-hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.75rem}.feature-eyebrow{color:var(--color-primary);display:inline-block;font-size:.82rem;font-weight:800;letter-spacing:.06em;margin-bottom:.85rem;text-transform:uppercase}.feature-hero-media{background:#ffffffc7;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:0 18px 48px #1118271f;padding:1rem}.feature-page .feature-section{background:var(--color-white);padding:5rem 0}.feature-page .feature-section-muted{background:var(--color-gray-50)}.feature-section-narrow{margin:0 auto;max-width:880px}.feature-section-header{margin-bottom:2rem;max-width:820px}.feature-section h2{margin-bottom:1rem}.feature-section h3{font-size:1.25rem;margin-bottom:.75rem}.feature-section p,.feature-section li{line-height:1.8}.feature-section-lead{color:var(--color-gray-900);font-size:1.08rem;font-weight:700}.feature-section-copy{color:var(--color-gray-600);max-width:860px}.feature-grid{align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid-compact{grid-template-columns:1fr;margin-top:1.5rem}.feature-benefits-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(4,minmax(0,1fr))}.feature-frequency-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card,.feature-image-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.feature-card{padding:1.5rem}.feature-card p{color:var(--color-gray-600);margin-bottom:0}.feature-card-step{align-items:center;background:#eff6ff;border-radius:999px;color:var(--color-primary);display:inline-flex;font-size:.85rem;font-weight:800;height:2.2rem;justify-content:center;margin-bottom:1rem;width:2.2rem}.feature-image-card{overflow:hidden;padding:1rem}.feature-image-stack{display:flex;flex-direction:column;gap:1rem}.feature-mode-card{display:flex;flex-direction:column;height:100%}.feature-image-card h3{margin-top:1.25rem}.feature-image-card p{color:var(--color-gray-600)}.feature-mode-example{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:12px;margin-top:auto;padding:.75rem}.feature-mode-card>.feature-screenshot:first-child{height:112px;object-fit:contain}.feature-mode-example .feature-screenshot{height:164px;object-fit:contain}.feature-image-card .feature-mode-label{color:var(--color-gray-600);font-size:.78rem;font-weight:700;letter-spacing:.04em;margin-bottom:.6rem;text-transform:uppercase}.feature-screenshot{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:12px;box-shadow:0 10px 28px #1118271a;display:block;height:auto;width:100%}.feature-caption{color:var(--color-gray-600);font-size:.9rem;line-height:1.6;margin:.75rem 0 0}.feature-grid+.feature-section-copy{margin-top:1.75rem}.feature-review-grid{align-items:start;display:grid;gap:2rem;grid-template-columns:minmax(0,.9fr) minmax(320px,1fr)}.feature-check-list{list-style:none;margin:1.5rem 0 0;padding:0}.feature-check-list li{color:var(--color-gray-700);margin-bottom:.7rem;padding-left:1.65rem;position:relative}.feature-check-list li:before{color:var(--color-green);content:"✓";font-weight:800;left:0;position:absolute}.feature-do-dont{display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:2rem 0}.feature-do-dont article{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:1.5rem}.feature-do-dont ul{margin:0;padding-left:1.25rem}.feature-do-dont li{margin-bottom:.55rem}.feature-pill-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.feature-table{border-collapse:collapse;margin-top:1.5rem;width:100%}.feature-table th,.feature-table td{border-bottom:1px solid var(--color-gray-200);padding:1rem;text-align:left;vertical-align:top}.feature-table th{color:var(--color-gray-900);font-weight:800}.feature-table td{color:var(--color-gray-600)}.feature-related-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2rem}.feature-related-card{background:var(--color-white);border:1px dashed var(--color-gray-200);border-radius:var(--radius-lg);color:var(--color-gray-600);display:block;padding:1.25rem}a.feature-related-card:hover{border-color:var(--color-primary);color:var(--color-gray-600)}.feature-related-card strong{color:var(--color-gray-900);display:block;margin-bottom:.35rem}.feature-faq-grid{display:grid;gap:1rem}.feature-faq-item{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:1.5rem}.feature-faq-item p{color:var(--color-gray-600);margin-bottom:0}.feature-page .feature-cta{background:var(--color-gray-900);color:var(--color-white);padding:5rem 0;text-align:center}.feature-cta h2{color:var(--color-white)}.feature-cta p{color:#ffffffdb;font-size:1.125rem;line-height:1.8;margin:0 auto 2rem;max-width:720px}.feature-cta-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.feature-cta .secondary-cta{background:transparent;border-color:#ffffffb8;color:var(--color-white)}.feature-cta .secondary-cta:hover{background:var(--color-white);border-color:var(--color-white);color:var(--color-primary)}@media(max-width:1024px){.feature-hero-grid,.feature-review-grid{grid-template-columns:1fr}.feature-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.feature-hero{padding:3rem 0 2.5rem}.feature-section,.feature-cta{padding:3.25rem 0}.feature-cta-actions{flex-direction:column}.feature-table{display:block;overflow-x:auto}.feature-grid,.feature-frequency-grid,.feature-benefits-grid,.feature-do-dont,.feature-related-grid{grid-template-columns:1fr}.feature-hero-media,.feature-image-card{padding:.75rem}.feature-mode-card>.feature-screenshot:first-child,.feature-mode-example .feature-screenshot{height:auto}}
