.hero-section{padding:2rem 1.5rem 3rem;text-align:center}.hero-section h1{font-family:var(--font-display);font-size:clamp(2rem,6vw,2.5rem);font-weight:var(--type-weight-bold);color:var(--color-rich-black);letter-spacing:-.02em;margin:0 0 .75rem;animation:fade-up .6s var(--ease-spring) forwards}.hero-subtitle{font-family:var(--font-sans);font-size:1.125rem;color:var(--text-secondary);margin:0;animation:fade-up .6s var(--ease-spring) .1s forwards;opacity:0}.use-cases-section{padding:0 1.5rem 3rem}.use-cases-grid{display:grid;gap:1.5rem;max-width:900px;margin:0 auto}@media(min-width:640px){.use-cases-grid{grid-template-columns:repeat(2,1fr)}}.use-case-card{display:flex;flex-direction:column;padding:1.5rem;background:#fff;border-radius:1rem;border:1px solid rgba(20,15,10,.06);text-decoration:none;transition:all .3s var(--ease-spring)}.use-case-card:hover{border-color:#f8a0224d;box-shadow:0 8px 24px -4px #140f0a14;transform:translateY(-2px)}.use-case-card h2{font-family:var(--font-display);font-size:1.25rem;font-weight:var(--type-weight-bold);color:var(--color-rich-black);margin:0 0 .5rem}.use-case-headline{font-family:var(--font-sans);font-size:.9375rem;font-weight:var(--type-weight-medium);color:var(--color-brand);margin:0 0 1rem}.use-case-problem{font-family:var(--font-sans);font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin:0 0 1rem;flex:1}.use-case-link{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-sans);font-size:.875rem;font-weight:var(--type-weight-medium);color:var(--color-brand);margin-top:auto}.use-case-card:hover .use-case-link{gap:.5rem}.use-case-link svg{transition:transform .2s ease}.use-case-card:hover .use-case-link svg{transform:translate(2px)}.related-section{padding:0 1.5rem 2rem;max-width:900px;margin:0 auto}.content-section{padding:3rem 1.5rem;border-top:1px solid rgba(20,15,10,.06)}.section-content{max-width:640px;margin:0 auto}.section-content h2{font-family:var(--font-display);font-size:1.25rem;font-weight:var(--type-weight-bold);color:var(--color-rich-black);margin:0 0 1rem;letter-spacing:-.01em}.section-content p{font-family:var(--font-sans);font-size:1rem;color:var(--text-secondary);line-height:1.7;margin:0}.content-section.related-section{padding:3rem 1.5rem;max-width:none;margin:0;background:#140f0a05}.problem-section{background:#140f0a05}.problem-text{font-size:1.0625rem!important;line-height:1.7!important;font-style:italic;padding:1.25rem 1.5rem;background:#fff;border-radius:.75rem;border-left:3px solid var(--color-brand);color:var(--text-primary)!important}.solution-section{background:#f8a0220a}.solution-intro{margin-bottom:2rem!important}.steps-list{display:flex;flex-direction:column;gap:0;margin-top:1.5rem;position:relative}.steps-list:before{content:"";position:absolute;left:2.25rem;top:1.25rem;bottom:1.25rem;width:2px;background:#f8a02233;border-radius:1px}.step-card{display:flex;gap:1rem;padding:1.25rem;background:#fff;border-radius:.75rem;border:1px solid rgba(20,15,10,.06);position:relative;z-index:1;margin-bottom:.75rem;transition:border-color .2s ease,box-shadow .2s ease}.step-card:last-child{margin-bottom:0}.step-card:hover{border-color:#f8a02233;box-shadow:0 2px 8px -2px #140f0a0f}.step-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;background:var(--color-brand);color:#fff;border-radius:50%;font-family:var(--font-sans);font-size:.875rem;font-weight:var(--type-weight-bold);box-shadow:0 2px 8px -2px #f8a02266}.step-content h3{font-family:var(--font-sans);font-size:1rem;font-weight:var(--type-weight-semibold);color:var(--color-rich-black);margin:0 0 .25rem}.step-content p{font-family:var(--font-sans);font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin:0}.tips-section{background:#140f0a05}.tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.tips-list li{position:relative;padding-left:1.5rem;font-family:var(--font-sans);font-size:1rem;color:var(--text-secondary);line-height:1.6}.tips-list li:before{content:"";position:absolute;left:0;top:.55rem;width:6px;height:6px;background:var(--color-brand);border-radius:50%}.related-grid{display:grid;gap:1rem;margin-top:1rem}@media(min-width:480px){.related-grid{grid-template-columns:repeat(2,1fr)}}.related-card{display:flex;flex-direction:column;padding:1.25rem;background:#fff;border-radius:.75rem;border:1px solid rgba(20,15,10,.06);text-decoration:none;transition:all .3s var(--ease-spring)}.related-card:hover{border-color:#f8a0224d;box-shadow:0 4px 12px -2px #140f0a0f;transform:translateY(-2px)}.related-card h3{font-family:var(--font-sans);font-size:1rem;font-weight:var(--type-weight-semibold);color:var(--color-rich-black);margin:0 0 .25rem}.related-card p{font-family:var(--font-sans);font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0 0 .75rem;flex:1}.related-link{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-sans);font-size:.8125rem;font-weight:var(--type-weight-medium);color:var(--color-brand)}.related-card:hover .related-link{gap:.5rem}.related-link svg{transition:transform .2s ease}.related-card:hover .related-link svg{transform:translate(2px)}