.feature-hero{padding:80px 0 60px}.feature-hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.feature-hero .eyebrow{display:inline-block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#888;margin-bottom:14px}.feature-hero h1{font-size:40px;font-weight:800;line-height:1.15;letter-spacing:-1px;margin-bottom:16px}.feature-hero .sub{font-size:17px;color:#555;line-height:1.6;margin-bottom:28px}.problem-block{max-width:720px;margin:0 auto;padding:60px 0 40px;text-align:center}.problem-block p{font-size:17px;color:#555;line-height:1.7;margin-bottom:24px}.problem-block blockquote{font-size:22px;font-style:italic;font-weight:600;color:#333;line-height:1.4;margin-bottom:8px}.problem-block .attr{font-size:14px;color:#888}.steps-list{max-width:800px;margin:0 auto}.step-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:48px 0;border-bottom:1px solid #eee}.step-row:last-child{border-bottom:none}.step-row:nth-child(2n) .step-text{order:2}.step-row:nth-child(2n) .step-visual{order:1}.step-text .step-num{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#888;margin-bottom:12px}.step-text h3{font-size:22px;font-weight:700;margin-bottom:10px}.step-text p{font-size:15px;color:#555;line-height:1.6;margin-bottom:12px}.step-text p:last-child{margin-bottom:0}.step-text code{background:#f4f5f7;padding:1px 6px;border-radius:4px;font-size:13px}.depth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px auto 0;max-width:1000px}.depth-card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:24px}.depth-card h4{font-size:15px;font-weight:700;margin-bottom:8px}.depth-card p{font-size:14px;color:#666;line-height:1.5;margin:0}.diff-block{max-width:760px;margin:0 auto;text-align:center;padding:24px 0}.diff-block p{font-size:18px;color:#333;line-height:1.6}.proof-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:480px;margin:0 auto 40px;text-align:center}.proof-stat .value{font-size:40px;font-weight:800;color:#111;margin-bottom:4px}.proof-stat .label{font-size:14px;color:#888}.proof-quotes{max-width:700px;margin:0 auto}.proof-quotes blockquote{font-size:22px;font-style:italic;font-weight:600;color:#333;line-height:1.4;margin-bottom:8px;text-align:center}.proof-quotes .attr{font-size:14px;color:#888;text-align:center;display:block}.proof-quotes--double{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:960px;margin:0 auto}.proof-quotes--double blockquote{font-size:19px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.related-grid--four{grid-template-columns:repeat(4,1fr)}.related-card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:28px}.related-card h4{font-size:16px;font-weight:700;margin-bottom:8px}.related-card p{font-size:14px;color:#666;line-height:1.5;margin-bottom:12px}.related-card a{font-size:13px;font-weight:600;color:#111}.feature-hero~.section .section-header,.feature-hero~section .section-header{margin-bottom:16px}.feature-hero~.section .section-header h2,.feature-hero~section .section-header h2{font-size:30px;margin-bottom:8px}.section--wedge{padding:64px 0;background:#0f0f1a;color:#fff}.wedge-block{max-width:760px;margin:0 auto;text-align:center}.wedge-block p{font-size:22px;line-height:1.55;color:#f4f4f6;font-weight:500}.wedge-block .todo-marker{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffb86b;margin-bottom:18px}.compare-callout{margin-top:24px;font-size:15px;color:#555;border-top:1px solid #eee;padding-top:20px;text-align:center}.compare-callout a{color:#111;font-weight:700;margin-left:4px}.todo-block{border:2px dashed #ffb86b;border-radius:8px;padding:16px 20px;background:#fff8ee;font-size:14px;color:#8a4500;margin:12px auto;max-width:720px}.todo-block strong{color:#8a4500;letter-spacing:1px;text-transform:uppercase;font-size:11.5px}@media(max-width:1024px){.related-grid--four,.depth-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.proof-quotes--double{grid-template-columns:1fr;gap:32px}}@media(max-width:768px){.feature-hero .container{grid-template-columns:1fr}.feature-hero h1{font-size:30px}.step-row{grid-template-columns:1fr}.step-row:nth-child(2n) .step-text{order:1}.step-row:nth-child(2n) .step-visual{order:2}.related-grid,.related-grid--four,.depth-grid,.proof-stats{grid-template-columns:1fr}}
