.guide-page{background:#fff;padding-top:73px}.guide-container{max-width:1200px;margin:0 auto;padding:0 clamp(1rem,5vw,2rem)}.guide-hero{text-align:center;background:linear-gradient(#f0fdf4 0%,#fff 100%);padding:clamp(4rem,10vw,6rem) 0}.guide-hero .section-label{letter-spacing:1px;text-transform:uppercase;color:#397e4c;background:linear-gradient(135deg,#e8f3e1 0%,#f0fdf4 100%);border-radius:9999px;margin-bottom:1.5rem;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:clamp(.75rem,1.5vw,.875rem);font-weight:600;display:inline-block}.guide-title{letter-spacing:-.5px;color:#1f2937;margin-bottom:1rem;font-family:Inter,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2}.guide-title .title-accent{color:#397e4c}.guide-subtitle{color:#4b5563;max-width:600px;margin:0 auto;font-family:Inter,sans-serif;font-size:clamp(1rem,2vw,1.125rem);font-weight:400;line-height:1.7}.guide-steps{background:#fff;padding:clamp(3rem,8vw,5rem) 0}.steps-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.step-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:2rem 1.5rem;transition:all .3s;position:relative}.step-card:hover{border-color:#397e4c;transform:translateY(-5px);box-shadow:0 20px 40px #00000014}.step-number{color:#fff;background:linear-gradient(135deg,#397e4c 0%,#4da264 100%);border-radius:20px;padding:.25rem .75rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.step-icon{color:#397e4c;background:linear-gradient(135deg,#e8f3e1 0%,#f0fdf4 100%);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;display:flex}.step-icon svg{width:28px;height:28px}.step-card h3{color:#1f2937;margin-bottom:.75rem;font-family:Inter,sans-serif;font-size:clamp(1rem,1.75vw,1.25rem);font-weight:600}.step-card p{color:#6b7280;margin:0;font-family:Inter,sans-serif;font-size:clamp(.875rem,1.5vw,.9375rem);font-weight:400;line-height:1.6}.guide-app-preview{background:#f9fafb;padding:clamp(4rem,10vw,6rem) 0}.app-phones{justify-content:center;height:500px;display:flex;position:relative}.phone-preview{background:#1f2937;border-radius:30px;width:220px;padding:8px;position:absolute;box-shadow:0 25px 50px -12px #00000040}.phone-preview:first-child{z-index:2;left:10%}.phone-preview.phone-2{z-index:1;opacity:.9;top:50px;left:40%}.phone-preview img{border-radius:22px;width:100%}.app-content{flex-direction:column;gap:1rem;display:flex}.app-content .section-label{letter-spacing:1px;text-transform:uppercase;color:#397e4c;background:linear-gradient(135deg,#e8f3e1 0%,#f0fdf4 100%);border-radius:9999px;width:fit-content;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:clamp(.75rem,1.5vw,.875rem);font-weight:600;display:inline-block}.section-title{color:#1f2937;font-family:Inter,sans-serif;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;line-height:1.2}.section-title .title-accent{color:#397e4c}.app-content p{color:#4b5563;font-family:Inter,sans-serif;font-size:clamp(.9375rem,1.5vw,1rem);font-weight:400;line-height:1.7}.feature-list{flex-direction:column;gap:.5rem;margin:.5rem 0;padding:0;list-style:none;display:flex}.feature-list li{color:#374151;align-items:center;gap:.625rem;font-family:Inter,sans-serif;font-size:clamp(.875rem,1.5vw,.9375rem);font-weight:500;display:flex}.feature-list li svg{color:#397e4c;flex-shrink:0}.app-buttons{margin-top:1rem}.app-btn{color:#fff;background:#397e4c;border-radius:9999px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-family:Inter,sans-serif;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.app-btn:hover{color:#fff;background:#2d5940;transform:translateY(-2px)}.guide-faqs{background:#fff;padding:clamp(4rem,10vw,6rem) 0}.faq-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.faq-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:1.5rem;transition:all .3s}.faq-card:hover{border-color:#397e4c}.faq-card h4{color:#1f2937;margin-bottom:.5rem;font-family:Inter,sans-serif;font-size:clamp(.9375rem,1.5vw,1rem);font-weight:600}.faq-card p{color:#6b7280;margin:0;font-family:Inter,sans-serif;font-size:clamp(.875rem,1.5vw,.9375rem);font-weight:400;line-height:1.6}.faq-more{text-align:center;margin-top:2rem}.faq-more a{color:#397e4c;align-items:center;gap:.375rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.faq-more a:hover{text-decoration:underline}.guide-cta{background:#f9fafb;padding:clamp(3rem,8vw,5rem) 0}.cta-box{text-align:center;background:linear-gradient(135deg,#397e4c 0%,#2d5940 100%);border-radius:24px;padding:clamp(2.5rem,5vw,4rem)}.cta-box h2{color:#fff;margin-bottom:.75rem;font-family:Inter,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.cta-box p{color:#dcfce7;margin:0 0 1.5rem;font-family:Inter,sans-serif;font-size:clamp(1rem,1.75vw,1.125rem);font-weight:400}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary-guide{color:#397e4c;background:#fff;border-radius:9999px;padding:.875rem 2rem;font-family:Inter,sans-serif;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary-guide:hover{color:#397e4c;background:#f0fdf4;transform:translateY(-2px)}.btn-secondary-guide{color:#fff;background:0 0;border:2px solid #ffffff80;border-radius:9999px;padding:.875rem 2rem;font-family:Inter,sans-serif;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary-guide:hover{color:#fff;background:#ffffff1a;border-color:#fff}@media (max-width:991.98px){.steps-grid{grid-template-columns:repeat(2,1fr)}.app-phones{height:400px;margin-bottom:3rem}.phone-preview{width:180px}.phone-preview:first-child{left:20%}.phone-preview.phone-2{left:45%}.app-content{text-align:center;align-items:center}}@media (max-width:767.98px){.faq-grid{grid-template-columns:1fr}}@media (max-width:575.98px){.steps-grid{grid-template-columns:1fr}.app-phones{height:350px}.phone-preview{width:160px}.phone-preview:first-child{left:10%}.phone-preview.phone-2{left:40%}.cta-buttons{flex-direction:column}.btn-primary-guide,.btn-secondary-guide{justify-content:center;width:100%}}
