:root{--primary-color:#2563eb;--secondary-color:#1e40af;--text-color:#1f2937;--light-text:#6b7280;--background:#ffffff;--light-background:#f3f4f6;--border-color:#e5e7eb;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59b00}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-color);line-height:1.5}.hero{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:2rem 1rem 6rem;text-align:center;padding-top:calc(2rem + env(safe-area-inset-top));margin-top:calc(-1 * env(safe-area-inset-top))}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem;max-width:1200px;margin:0 auto}.logo{font-size:2rem;font-weight:700;display:flex;align-items:center;gap:.5rem;background-image:url('/images/icons/phone.svg');background-repeat:no-repeat;background-position:left center;background-size:2rem;padding-left:2.5rem;filter:brightness(0) invert(1);text-decoration:none}a.logo{text-decoration:none}.nav-links a{color:#fff;text-decoration:none;margin-left:2rem;transition:opacity .3s}.nav-links a:hover{opacity:.8}.hero-content{max-width:800px;margin:4rem auto 0}.hero-content h1{font-size:3rem;margin-bottom:1.5rem}.hero-content p{font-size:1.25rem;margin-bottom:2rem}section{padding:4rem 1rem;max-width:1200px;margin:0 auto}h2{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:var(--text-color)}.intro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;align-items:start;justify-items:center;align-items:center}.intro-content{display:flex;gap:2rem;margin-bottom:2rem}.intro-image,.intro-text{flex:1}.intro-text{justify-content:center;display:flex;flex-direction:column}.blog-article .intro-text p,.intro-text p{font-size:1.1em;line-height:1.8;margin-bottom:1.5rem;padding-right:1rem;color:#333}.intro-image img{max-width:30rem;height:auto}.subtitle{color:var(--light-text);font-size:1.2rem;margin-bottom:1rem;font-weight:400}.feature{text-align:center;padding:2rem;display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:.5rem;transition:transform .3s ease;text-decoration:none}.feature:hover{transform:translateY(-5px)}.feature img{width:64px;height:64px;margin-bottom:1rem}.feature p{margin-bottom:1.5rem;color:var(--light-text)}.feature-link{color:var(--primary-color);text-decoration:none;font-weight:500;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;transition:gap .3s ease}.feature-link:hover{gap:.75rem}.feature-link .arrow{transition:transform .3s ease}.feature-link:hover .arrow{transform:translateX(2px)}.testimonials-container{background:var(--light-background)}.testimonials{background:var(--light-background);padding:4rem 1rem}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem}.testimonial-card{background:#fff;border-radius:.5rem;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s ease;min-height:400px}.testimonial-card:hover{transform:translateY(-5px)}.testimonial-card img{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:1.5rem}.testimonial-content{display:flex;flex-direction:column;flex:1;justify-content:space-between}.testimonial-content .quote{font-size:1.1rem;line-height:1.6;color:var(--text-color);font-style:italic;margin-bottom:0}.testimonial-author{margin-top:0}.testimonial-author h3{color:var(--text-color);font-size:1.2rem;margin-bottom:.5rem}.testimonial-author p{color:var(--light-text);font-size:.9rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.benefit-card{background:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.faq-container{max-width:800px;margin:0 auto}details.faq-item{border-bottom:1px solid var(--border-color);padding:1rem 0}details.faq-item summary{list-style:none;cursor:pointer;padding:1rem}details.faq-item summary::-webkit-details-marker{display:none}details.faq-item summary h3{display:inline;font-size:1.1rem}details.faq-item summary::after{content:'+';float:right;font-size:1.5rem;line-height:1;color:var(--primary-color)}details.faq-item[open] summary::after{content:'-'}.faq-answer{padding:1rem;background:var(--light-background);margin-top:.5rem;border-radius:.25rem}.cta-button{display:inline-block;background:#fff;color:var(--primary-color);border:none;padding:1rem 2rem;border-radius:.5rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:transform .3s;text-decoration:none}.cta-button:hover{transform:translateY(-2px)}.social-link{color:var(--primary-color);text-decoration:none;transition:color .3s}.social-link:hover{color:var(--secondary-color)}.check-list{list-style:none;padding:1rem 0}.check-list li{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;background-image:url('/images/icons/check.svg');background-repeat:no-repeat;background-position:left center;padding-left:2rem;margin-left:1rem}.blog-article .check-list li{margin-left:9rem}.check-list img{width:16px;height:16px}.footer{text-align:center;padding:1rem;color:var(--light-text)}.blog-preview-container,.comparison-container{background:var(--light-background)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem 0}.blog-card{display:flex;flex-direction:column;justify-content:space-between;background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s}.blog-card:hover{transform:translateY(-5px)}.blog-card img{width:100%;height:200px;object-fit:cover}.blog-content{display:flex;flex-grow:1;max-width:1200px;margin:auto;padding:1.5rem;flex-direction:column;justify-content:space-between}.blog-content h3{font-size:1.25rem;margin-bottom:1rem;color:var(--text-color)}.blog-content p{color:var(--light-text);margin-bottom:1.5rem}.read-more{margin-top:auto;color:var(--primary-color);text-decoration:none;font-weight:600;display:inline-block;transition:color .3s}.read-more:hover{color:var(--secondary-color)}.blog-article h1,.blog-article h2,.blog-article h3,.blog-article h4,.blog-article h5,.blog-article h6{padding-left:8rem;padding-right:8rem;text-align:left;margin-bottom:1rem}.blog-article p{text-align:left;margin-bottom:1rem;line-height:1.6rem;padding-left:8rem;padding-right:8rem}.benefit-item h3,.benefit-item p,.key-benefits h2{padding-left:2rem;padding-right:2rem}section li{margin-left:10rem;margin-bottom:1rem;padding-left:1rem;padding-right:1rem}@media (max-width:768px){.contact-container,.intro-grid{grid-template-columns:1fr}.nav-links{display:none}.hero-content h1{font-size:2rem}.testimonials-grid{grid-template-columns:1fr;padding:1rem}.intro-content{flex-direction:column}.intro-image,.intro-text{width:100%}.intro-image img{width:100%;height:auto}.intro-grid{grid-template-columns:1fr;gap:1rem}.blog-grid{grid-template-columns:1fr;padding:1rem 0}.blog-article h1,.blog-article h2,.blog-article h3,.blog-article p{padding-left:1rem;padding-right:1rem}.blog-article .check-list li,.check-list li,section li{margin-left:1rem}}.testimonial-footer{margin-top:auto;border-top:1px solid var(--border-color);padding-top:1.5rem}.testimonial-rating{margin-top:1rem;margin-bottom:1rem;color:var(--warning-color)}.testimonial-rating .stars{font-size:1.2rem;letter-spacing:2px}.testimonial-rating .rating-text{display:block;color:var(--light-text);font-size:.9rem;margin-top:.3rem}
