.how-page{background:var(--cream);color:var(--ink);min-height:100vh}.how-hero{padding-top:76px;padding-bottom:64px}.how-hero h1{font-size:clamp(2.125rem,4.5vw,3.875rem);line-height:1.15;max-width:min(100%,65ch);margin:20px 0 24px;letter-spacing:0}.how-hero h1 span{color:var(--growbiz-primary,var(--aventragrow-primary))}.how-hero>p{max-width:min(100%,65ch);font-size:1.125rem;line-height:1.75;color:var(--muted)}.how-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:30px}.how-section{padding-top:64px;padding-bottom:64px;scroll-margin-top:30px}.how-cta h2,.how-section h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.25;letter-spacing:0;margin:16px 0 26px}.how-steps{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:24px;gap:24px}.how-steps>li{border-top:2px solid var(--line);padding-top:22px;display:flex;flex-direction:column}.how-step-top{display:flex;align-items:center;justify-content:space-between;color:var(--growbiz-primary,var(--aventragrow-primary));margin-bottom:22px}.how-step-number{font-size:1.75rem;font-weight:800}.how-steps h3,.how-workflows h4{font-size:1.375rem;line-height:1.35;margin:0 0 14px;letter-spacing:0}.how-category+.how-category{margin-top:44px}.how-category>h3{font-size:1.625rem;line-height:1.35;margin:0 0 12px;letter-spacing:0}.how-cta p,.how-faq p,.how-intro,.how-steps p,.how-workflows p{color:var(--muted);font-size:1rem;line-height:1.75}.how-steps p{margin:0 0 22px}.how-result{display:flex;gap:10px;align-items:flex-start;margin-top:auto;font-size:.875rem;line-height:1.6}.how-result svg{flex-shrink:0;margin-top:3px;color:var(--growbiz-primary,var(--aventragrow-primary))}.how-workflow-section{background:var(--growbiz-primary-soft,var(--aventragrow-primary-soft));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.how-intro{max-width:min(100%,65ch);margin-bottom:36px}.how-workflows{display:grid;grid-gap:24px;gap:24px}.how-workflows article{background:var(--white,#fff);border:1px solid var(--line);border-radius:24px;padding:30px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);grid-column-gap:36px;column-gap:36px;grid-row-gap:18px;row-gap:18px}.how-workflow-heading p{margin:0}.how-flow{list-style:none;display:flex;align-items:stretch;gap:22px;margin:0;padding:0}.how-flow li{position:relative;flex:1 1;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:15px 10px;font-size:.875rem;font-weight:700;overflow-wrap:anywhere}.how-flow li:not(:last-child):after{content:"→";position:absolute;right:-19px;color:var(--growbiz-primary,var(--aventragrow-primary))}.how-example{grid-column:2;margin:0}.how-example strong{display:block;color:var(--ink);font-size:.875rem;margin-bottom:4px}.how-product-links{grid-column:2;display:flex;gap:12px 22px;flex-wrap:wrap}.how-product-links a{display:inline-flex;gap:7px;align-items:center;color:var(--growbiz-primary,var(--aventragrow-primary));font-size:.875rem;font-weight:700}.how-faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);grid-gap:64px;gap:64px}.how-questions details{border-bottom:1px solid var(--line);padding:20px 0}.how-questions summary{cursor:pointer;font-size:1.0625rem;font-weight:700;line-height:1.5}.how-questions p{margin:14px 0 0}.how-product-links a:focus-visible,.how-questions summary:focus-visible{outline:2px solid var(--growbiz-primary,var(--aventragrow-primary));outline-offset:5px}.how-cta{border-top:1px solid var(--line);padding-top:48px;padding-bottom:64px;text-align:center}.how-cta .button{margin-top:20px}@media(max-width:1000px){.how-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.how-workflows article{grid-template-columns:1fr}.how-example,.how-product-links{grid-column:1}.how-faq{gap:32px}}@media(max-width:640px){.how-hero{padding-top:42px;padding-bottom:24px}.how-section{padding-top:42px;padding-bottom:42px}.how-faq,.how-steps{grid-template-columns:1fr}.how-workflows article{padding:22px}.how-flow{flex-direction:column;gap:22px}.how-flow li:not(:last-child):after{content:"↓";right:auto;bottom:-22px}.how-hero>p{font-size:1rem}.how-actions{gap:18px}.how-cta{padding-bottom:48px}}