@charset "UTF-8";.hero {padding: 8rem 0 5rem;background: linear-gradient(135deg, var(--primary-50) 0%, var(--background) 100%);}.hero-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center;}.hero-sub {font-size: 1.125rem;margin: 1.25rem 0 2rem;max-width: 50ch;}.hero-actions {display: flex;gap: 1rem;flex-wrap: wrap;}.hero-trust {display: flex;gap: 2rem;margin-top: 2.5rem;padding-top: 2rem;border-top: 1px solid var(--border-color);}.trust-item {font-size: 0.875rem;color: var(--text-500);}.trust-item strong {color: var(--primary);display: block;font-size: 1rem;}.browser-mockup {border-radius: var(--radius);overflow: hidden;box-shadow: var(--shadow-lg);border: 1px solid var(--border-color);}.browser-bar {background: var(--text-100);padding: 0.6rem 1rem;display: flex;gap: 6px;}.browser-bar .dot {width: 10px;height: 10px;border-radius: 50%;background: var(--text-300);}.browser-mockup img {width: 100%;display: block;}@media (max-width: 768px) {.hero {padding: 6rem 0 3rem;}.hero-grid {grid-template-columns: 1fr;gap: 2rem;}.hero-visual {order: -1;}.hero-trust {flex-direction: column;gap: 1rem;}}.services {background: var(--surface);}.services-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.5rem;}.service-card {text-align: center;}.service-icon {font-size: 2.5rem;margin-bottom: 1rem;}.service-card h3 {margin-bottom: 0.5rem;}.service-card p {margin: 0 auto;font-size: 0.9375rem;}@media (max-width: 768px) {.services-grid {grid-template-columns: 1fr;}}.portfolio-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.5rem;}.portfolio-card {padding: 0;overflow: hidden;text-decoration: none;}.portfolio-img img {width: 100%;height: 200px;object-fit: cover;}.portfolio-placeholder {width: 100%;height: 200px;display: flex;align-items: center;justify-content: center;background: var(--primary-100);color: var(--primary);font-size: 1.25rem;font-weight: 600;}.portfolio-info {padding: 1.25rem;display: flex;justify-content: space-between;align-items: center;}.portfolio-info h4 {color: var(--text-800);}.portfolio-tag {background: var(--primary-100);color: var(--primary);padding: 0.25rem 0.75rem;border-radius: 20px;font-size: 0.8125rem;font-weight: 500;}@media (max-width: 768px) {.portfolio-grid {grid-template-columns: 1fr;}}.pricing {background: var(--surface);}.pricing-card-wrapper {max-width: 480px;margin: 0 auto;}.pricing-main {text-align: center;position: relative;border: 2px solid var(--primary);}.pricing-badge {position: absolute;top: -14px;left: 50%;transform: translateX(-50%);background: var(--primary);color: #fff;padding: 0.25rem 1.25rem;border-radius: 20px;font-size: 0.8125rem;font-weight: 600;}.pricing-price {margin: 1.5rem 0;}.price-amount {font-size: 3.5rem;font-weight: 700;color: var(--text-900);}.price-period {font-size: 1.125rem;color: var(--text-500);}.pricing-features {list-style: none;text-align: left;margin: 2rem 0;}.pricing-features li {padding: 0.6rem 0;color: var(--text-600);border-bottom: 1px solid var(--border-color);font-size: 0.9375rem;}.pricing-features li::before {content: "✓";color: var(--primary);font-weight: 700;margin-right: 0.75rem;}.contact-section {padding-bottom: 6rem;}.contact-form {max-width: 700px;margin: 0 auto;}.form-row {display: grid;grid-template-columns: 1fr 1fr;gap: 1.25rem;}.form-group {display: flex;flex-direction: column;margin-bottom: 1.25rem;}.form-group label {font-size: 0.875rem;font-weight: 600;color: var(--text-700);margin-bottom: 0.375rem;}.form-group input, .form-group textarea {padding: 0.75rem 1rem;border: 1px solid var(--border-color);border-radius: var(--radius-sm);font-size: 0.9375rem;font-family: var(--font-family);transition: border-color 0.2s;}.form-group input:focus, .form-group textarea:focus {outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px var(--primary-100);}@media (max-width: 768px) {.form-row {grid-template-columns: 1fr;}}