.hero{min-height: 100svh;min-height: 100vh;display: flex;align-items: center;padding-top: calc(var(--header-height) + var(--space-lg));padding-bottom: var(--space-2xl);margin-top: 0;position: relative;overflow: hidden}.hero::before{content: '';position: absolute;top: -50%;right: -20%;width: 60%;height: 100%;background: radial-gradient(ellipse, var(--accent-light) 0%, transparent 70%);pointer-events: none}.hero-content{position: relative;z-index: 1;max-width: 800px}.hero-layout{position: relative;z-index: 1;display: grid;grid-template-columns: 1fr;gap: var(--space-xl);align-items: center}@media (min-width: 1024px){.hero-layout{grid-template-columns: 1fr 0.9fr;gap: var(--space-2xl)}}.hero-visual{display: flex;justify-content: center}@media (min-width: 1024px){.hero-visual{justify-content: flex-end}}.hero-mockup{position: relative;width: 100%;max-width: 560px;padding: 2.25rem 0 0}.hero-laptop{width: 100%;max-width: 540px;margin: 0 auto;perspective: 1000px}.hero-laptop-lid{transform-origin: 50% 100%;transform: rotateX(-65deg);transition: transform 900ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.hero-laptop-screen{position: relative;aspect-ratio: 16 / 10;background-color: #0f0f0f;border: 1px solid var(--border);border-radius: 20px;overflow: hidden}.hero-laptop-screen::after{content: '';position: absolute;top: 8px;left: 50%;transform: translateX(-50%);width: 6px;height: 6px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.18)}.hero-screen-overlay{position: absolute;inset: 12px;border-radius: 14px;background-color: #0f0f0f;opacity: 1;transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.hero-screen-ui{position: absolute;inset: 12px;border-radius: 14px;padding: 18px;background-color: var(--bg);opacity: 0;transform: translateY(8px);filter: blur(4px);transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.hero-ui-top{height: 34px;display: grid;grid-template-columns: 84px 1fr 90px;gap: 12px;align-items: center}.hero-ui-brand{height: 12px;border-radius: 999px;background-color: var(--text);opacity: 0.12}.hero-ui-nav{height: 10px;border-radius: 999px;background-color: var(--text);opacity: 0.08}.hero-ui-cta{height: 24px;border-radius: 999px;border: 1px solid var(--border);background-color: rgba(12, 63, 47, 0.06)}.hero-ui-hero{margin-top: 22px}.hero-ui-title{height: 20px;width: 62%;border-radius: 10px;background-color: var(--text);opacity: 0.1;margin-bottom: 14px}.hero-ui-line{height: 10px;width: 72%;border-radius: 999px;background-color: var(--text);opacity: 0.08;margin-bottom: 10px}.hero-ui-line-short{width: 56%}.hero-ui-buttons{display: flex;gap: 10px;margin-top: 16px}.hero-ui-btn{height: 28px;width: 96px;border-radius: 999px;border: 1px solid var(--border);background-color: rgba(255, 255, 255, 0.7)}.hero-ui-btn-primary{border-color: rgba(12, 63, 47, 0.2);background-color: rgba(12, 63, 47, 0.12)}.hero-ui-cards{position: absolute;left: 18px;right: 18px;bottom: 18px;display: grid;grid-template-columns: repeat(3, 1fr);gap: 12px}.hero-ui-card{aspect-ratio: 4 / 3;border-radius: 14px;border: 1px solid var(--border);background-color: rgba(250, 250, 250, 0.9)}.hero-laptop-base{position: relative;width: 92%;height: 44px;margin: 14px auto 0;border: 1px solid var(--border);border-radius: 999px;background: linear-gradient(180deg, #ffffff 0%, #f6f6f6 100%)}.hero-laptop-base::before{content: '';position: absolute;top: 9px;left: 18px;right: 18px;height: 1px;background-color: rgba(26, 26, 26, 0.06)}.hero-laptop-notch{position: absolute;top: 10px;left: 50%;transform: translateX(-50%);width: 120px;height: 7px;border-radius: 999px;background-color: rgba(26, 26, 26, 0.06)}.hero-laptop-trackpad{position: absolute;left: 50%;bottom: 8px;transform: translateX(-50%);width: 170px;height: 15px;border-radius: 999px;border: 1px solid var(--border);background-color: rgba(255, 255, 255, 0.6)}body.hero-laptop-play .hero-laptop-lid{transform: rotateX(-12deg)}body.hero-laptop-play .hero-screen-overlay{opacity: 0;transition-delay: 900ms}body.hero-laptop-play .hero-screen-ui{opacity: 1;transform: translateY(0);filter: blur(0);transition-delay: 900ms}body.hero-laptop-noanim .hero-laptop-lid, body.hero-laptop-noanim .hero-screen-overlay, body.hero-laptop-noanim .hero-screen-ui{transition: none !important}@media (max-width: 767px){.hero-mockup{padding: 2.25rem 0 0}.hero-laptop-lid{transform: rotateX(-12deg);transition: none}.hero-screen-overlay{opacity: 0;transition: none}.hero-screen-ui{opacity: 1;transform: none;filter: none;transition: none}}@media (prefers-reduced-motion: reduce){.hero-laptop-lid, .hero-screen-overlay, .hero-screen-ui{transition: none !important}.hero-laptop-lid{transform: rotateX(-12deg) !important}.hero-screen-overlay{opacity: 0 !important}.hero-screen-ui{opacity: 1 !important;transform: none !important;filter: none !important}}.hero-mockup-label{position: absolute;top: 14px;left: 14px;display: inline-flex;align-items: center;justify-content: center;padding: 0.35rem 0.75rem;border-radius: var(--radius-full);border: 1px solid var(--border);background-color: rgba(255, 255, 255, 0.9);color: var(--muted);font-size: 0.75rem;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase}.hero h1{margin-bottom: var(--space-md)}.hero p{font-size: 1.25rem;margin-bottom: var(--space-lg)}.hero-actions{display: flex;flex-wrap: wrap;gap: var(--space-sm);margin-bottom: var(--space-xl)}.page-hero{padding: var(--space-2xl) 0;margin-top: var(--header-height);background-color: var(--surface);border-bottom: 1px solid var(--border)}.page-hero h1{font-size: clamp(2rem, 4vw, 3rem);margin-bottom: var(--space-sm)}.page-hero p{font-size: 1.125rem;max-width: 600px}.services-preview .grid{gap: var(--space-md)}@media (min-width: 768px){.services-preview .grid{grid-template-columns: repeat(2, 1fr)}}@media (min-width: 1024px){.services-preview .grid{grid-template-columns: repeat(3, 1fr)}}.process-section{background-color: var(--surface);border-top: 1px solid var(--border);border-bottom: 1px solid var(--border)}.trust-section{text-align: center}.trust-section .section-header{margin-bottom: var(--space-lg)}.trust-note{font-size: 0.875rem;color: var(--muted);margin-top: var(--space-md)}.cta-section{background-color: var(--text);color: var(--surface);text-align: center;position: relative;overflow: hidden}.cta-section::before{content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 150%;height: 100%;background: radial-gradient(ellipse at center top, var(--accent) 0%, transparent 60%);opacity: 0.15;pointer-events: none}.cta-section h2{color: var(--surface);margin-bottom: var(--space-sm)}.cta-section p{color: rgba(255, 255, 255, 0.7);margin: 0 auto var(--space-lg)}.cta-section .btn-primary{background-color: var(--surface);color: var(--text)}.cta-section .btn-primary:hover{background-color: rgba(255, 255, 255, 0.9)}.service-overview{background-color: var(--bg)}.service-overview-grid{display: grid;gap: var(--space-md)}.service-overview-grid.primary{grid-template-columns: 1fr}.service-overview-grid.secondary{grid-template-columns: 1fr}@media (min-width: 640px){.service-overview-grid.secondary{grid-template-columns: repeat(2, 1fr)}}@media (min-width: 768px){.service-overview-grid.primary{grid-template-columns: repeat(3, 1fr)}}@media (min-width: 1024px){.service-overview-grid.secondary{grid-template-columns: repeat(4, 1fr)}}.service-overview-card{background-color: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: var(--space-lg);display: flex;flex-direction: column;gap: var(--space-md);box-shadow: 0 18px 40px rgba(12, 63, 47, 0.08);transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base)}.service-overview-card.primary{border-color: rgba(12, 63, 47, 0.2);background: linear-gradient(180deg, #ffffff 0%, #fdfdfd 100%)}.service-overview-card:hover{transform: translateY(-4px);border-color: rgba(12, 63, 47, 0.3);box-shadow: 0 22px 48px rgba(12, 63, 47, 0.12)}.service-overview-card h3{font-size: 1.25rem;margin-bottom: var(--space-xs)}.service-overview-benefit{font-size: 0.95rem;color: var(--muted)}.service-overview-list{list-style: none;padding: 0;margin: 0;display: grid;gap: var(--space-xs)}.service-overview-list li{display: flex;align-items: flex-start;gap: var(--space-sm);font-size: 0.9375rem;color: var(--muted)}.service-overview-list li::before{content: '•';color: var(--accent);flex-shrink: 0}.service-overview-card .btn{margin-top: auto;align-self: flex-start}.service-overview-cta{margin-top: var(--space-lg);text-align: center}.service-overview-link{display: inline-flex;align-items: center;gap: var(--space-xs);font-weight: 600;color: var(--accent);text-decoration: none;border-bottom: 1px solid transparent;transition: border-color var(--transition-fast), color var(--transition-fast)}.service-overview-link:hover{color: var(--accent-hover);border-bottom-color: var(--accent)}.service-overview .comparison-section{margin: var(--space-xl) 0;border: 1px solid var(--border);border-radius: var(--radius-lg);overflow: hidden;box-shadow: 0 18px 40px rgba(12, 63, 47, 0.06)}.comparison-inline{padding: var(--space-xl) 0}@media (min-width: 768px){.comparison-inline{padding: var(--space-2xl) 0}}.service-accordion{padding: var(--space-lg) 0}@media (min-width: 768px){.service-accordion{padding: var(--space-xl) 0}}.service-detail{background-color: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);overflow: hidden;box-shadow: 0 16px 34px rgba(12, 63, 47, 0.08)}.service-detail[open]{border-color: rgba(12, 63, 47, 0.28);box-shadow: 0 20px 46px rgba(12, 63, 47, 0.12)}.service-detail-summary{list-style: none;display: flex;align-items: flex-start;justify-content: space-between;gap: var(--space-lg);padding: var(--space-lg);cursor: pointer;background: linear-gradient(180deg, rgba(12, 63, 47, 0.03) 0%, rgba(255, 255, 255, 0.95) 100%)}.service-detail-summary::-webkit-details-marker{display: none}.service-detail-summary::marker{content: ''}.service-detail-summary:focus-visible{outline: 2px solid var(--accent);outline-offset: 4px;border-radius: var(--radius-lg)}.service-detail-summary-main{max-width: 720px}.service-detail-summary-meta{display: inline-flex;align-items: center;gap: var(--space-sm);color: var(--accent);flex-shrink: 0}.service-detail-summary-action{font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.08em}.service-detail-summary-icon{width: 36px;height: 36px;border-radius: 999px;border: 1px solid var(--border);display: inline-flex;align-items: center;justify-content: center;background-color: var(--surface);transition: border-color var(--transition-base), transform var(--transition-base)}.service-detail-summary-icon::before{content: '';width: 10px;height: 10px;border-right: 2px solid var(--accent);border-bottom: 2px solid var(--accent);transform: rotate(45deg);transition: transform var(--transition-base)}.service-detail[open] .service-detail-summary-icon{border-color: rgba(12, 63, 47, 0.35)}.service-detail[open] .service-detail-summary-icon::before{transform: rotate(-135deg)}.service-detail-body{padding: var(--space-lg);background-color: var(--bg);border-top: 1px solid var(--border)}.service-detail-number{font-size: 0.75rem;font-weight: 600;color: var(--accent);text-transform: uppercase;letter-spacing: 0.1em;margin-bottom: var(--space-sm)}.service-detail h3{font-size: 1.5rem;margin-bottom: var(--space-sm)}.service-detail-benefit{font-size: 1rem;color: var(--muted)}.service-detail-content h4{font-size: 0.875rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: var(--muted);margin-bottom: var(--space-sm);margin-top: var(--space-lg)}.service-detail-content h4:first-child{margin-top: 0}.service-detail-content ul{display: flex;flex-direction: column;gap: var(--space-xs)}.service-detail-content li{display: flex;align-items: flex-start;gap: var(--space-sm);font-size: 0.9375rem;color: var(--muted)}.service-detail-content li::before{content: '→';color: var(--accent);flex-shrink: 0}.ideal-for{display: inline-block;margin-top: var(--space-md);padding: var(--space-sm) var(--space-md);background-color: var(--accent-light);border-radius: var(--radius-md);font-size: 0.875rem;color: var(--accent)}@media (max-width: 640px){.service-detail-summary{flex-direction: column;align-items: flex-start}.service-detail-summary-meta{width: 100%;justify-content: space-between}}.comparison-section{background-color: var(--surface);border-top: 1px solid var(--border);border-bottom: 1px solid var(--border)}.comparison-table{width: 100%;border-collapse: collapse;font-size: 0.9375rem}.comparison-table th, .comparison-table td{padding: var(--space-md);text-align: center;border-bottom: 1px solid var(--border)}.comparison-table th{font-weight: 600;background-color: var(--bg)}.comparison-table td:first-child{font-weight: 500}.comparison-table tr:last-child td{border-bottom: none}@media (max-width: 767px){.comparison-table{display: block;overflow-x: auto;white-space: nowrap}}.offers-grid{display: grid;gap: var(--space-lg)}@media (min-width: 768px){.offers-grid{grid-template-columns: repeat(3, 1fr);align-items: start}}.custom-quote{background-color: var(--surface);border: 2px dashed var(--border);border-radius: var(--radius-lg);padding: var(--space-xl);text-align: center;margin-top: var(--space-xl)}.custom-quote h3{margin-bottom: var(--space-sm)}.custom-quote p{margin: 0 auto var(--space-lg);max-width: 500px}.portfolio-grid{display: grid;gap: var(--space-lg)}@media (min-width: 640px){.portfolio-grid{grid-template-columns: repeat(2, 1fr)}}@media (min-width: 1024px){.portfolio-grid{grid-template-columns: repeat(3, 1fr)}}.case-study{background-color: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);overflow: hidden;margin-bottom: var(--space-xl)}.case-study-image{aspect-ratio: 16/9;background-color: var(--bg);display: flex;align-items: center;justify-content: center;color: var(--muted);font-size: 0.875rem;border-bottom: 1px solid var(--border)}.case-study-content{padding: var(--space-xl)}.case-study-header{margin-bottom: var(--space-lg);padding-bottom: var(--space-lg);border-bottom: 1px solid var(--border)}.case-study-tag{display: inline-block;font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.1em;color: var(--accent);margin-bottom: var(--space-sm)}.case-study-header h3{font-size: 1.5rem;margin-bottom: var(--space-xs)}.case-study-grid{display: grid;gap: var(--space-lg)}@media (min-width: 768px){.case-study-grid{grid-template-columns: repeat(3, 1fr)}}.case-study-block h4{font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.1em;color: var(--muted);margin-bottom: var(--space-sm)}.case-study-block p{font-size: 0.9375rem}.case-study-cta{margin-top: var(--space-lg);padding-top: var(--space-lg);border-top: 1px solid var(--border)}.about-intro{display: grid;gap: var(--space-xl)}@media (min-width: 768px){.about-intro{grid-template-columns: 1fr 1fr;align-items: center}}.about-image{aspect-ratio: 4/3;position: relative;overflow: hidden;isolation: isolate;display: flex;align-items: center;justify-content: center;color: var(--muted);font-size: 0.875rem;background: linear-gradient(160deg, rgba(12, 63, 47, 0.22) 0%, rgba(4, 12, 9, 0.55) 100%);border-radius: var(--radius-lg);border: 1px solid rgba(12, 63, 47, 0.35);box-shadow: 0 24px 60px rgba(4, 12, 9, 0.35), 0 6px 18px rgba(6, 18, 12, 0.22), inset 0 0 0 1px rgba(255, 255, 255, 0.06);transition: box-shadow 300ms ease, transform 300ms ease}.about-image::before{content: "";position: absolute;inset: 0;background: radial-gradient(120% 120% at 10% 10%, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(180deg, rgba(12, 63, 47, 0.18) 0%, rgba(4, 12, 9, 0.35) 100%);opacity: 0.9;pointer-events: none;z-index: 2}.about-image::after{content: "";position: absolute;inset: 0;background: linear-gradient(130deg, rgba(12, 63, 47, 0.35) 0%, rgba(0, 0, 0, 0.15) 55%, rgba(0, 0, 0, 0.35) 100%);mix-blend-mode: multiply;opacity: 0.6;pointer-events: none;z-index: 1}.about-image img{width: 100%;height: 100%;object-fit: cover;filter: brightness(0.98) contrast(1.05) saturate(1.06);transform: scale(1);transition: transform 300ms ease, filter 300ms ease;will-change: transform}.about-image:hover{box-shadow: 0 30px 70px rgba(4, 12, 9, 0.38), 0 10px 22px rgba(6, 18, 12, 0.26), inset 0 0 0 1px rgba(255, 255, 255, 0.1);transform: translateY(-2px)}.about-image:hover img{transform: scale(1.02);filter: brightness(1) contrast(1.06) saturate(1.08)}.values-grid{display: grid;gap: var(--space-md)}@media (min-width: 640px){.values-grid{grid-template-columns: repeat(2, 1fr)}}@media (min-width: 1024px){.values-grid{grid-template-columns: repeat(4, 1fr)}}.value-card{padding: var(--space-lg);background-color: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg);text-align: center}.value-card-icon{width: 48px;height: 48px;margin: 0 auto var(--space-md);display: flex;align-items: center;justify-content: center;background-color: var(--accent-light);border-radius: var(--radius-md);font-size: 1.25rem}.value-card h4{font-size: 1rem;margin-bottom: var(--space-xs)}.value-card p{font-size: 0.875rem;margin: 0 auto}.guarantees-section{background-color: var(--surface);border-top: 1px solid var(--border);border-bottom: 1px solid var(--border)}.guarantees-grid{display: grid;gap: var(--space-md)}@media (min-width: 640px){.guarantees-grid{grid-template-columns: repeat(2, 1fr)}}@media (min-width: 1024px){.guarantees-grid{grid-template-columns: repeat(4, 1fr)}}.guarantee-item{display: flex;align-items: flex-start;gap: var(--space-sm);padding: var(--space-md)}.guarantee-icon{width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;color: var(--accent);flex-shrink: 0;font-weight: 600}.guarantee-item h4{font-size: 0.9375rem;margin-bottom: var(--space-xs)}.guarantee-item p{font-size: 0.8125rem}.contact-grid{display: grid;gap: var(--space-xl)}@media (min-width: 768px){.contact-grid{grid-template-columns: 1fr 1.2fr;align-items: start}}.contact-info{padding: var(--space-xl);background-color: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg)}.contact-info h3{font-size: 1.25rem;margin-bottom: var(--space-md)}.contact-info p{margin-bottom: var(--space-lg)}.contact-email{display: flex;align-items: center;gap: var(--space-sm);padding: var(--space-md);background-color: var(--bg);border-radius: var(--radius-md);margin-bottom: var(--space-md)}.contact-email-icon{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background-color: var(--accent-light);border-radius: var(--radius-sm);color: var(--accent)}.contact-email-text span{display: block;font-size: 0.75rem;color: var(--muted);text-transform: uppercase;letter-spacing: 0.05em}.contact-email-text a{font-weight: 500;color: var(--text)}.contact-email-text a:hover{color: var(--accent)}.contact-response{font-size: 0.875rem;color: var(--muted);display: flex;align-items: center;gap: var(--space-xs)}.contact-response::before{content: '⏱'}.contact-form-wrapper{padding: var(--space-xl);background-color: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-lg)}.contact-form-wrapper h3{font-size: 1.25rem;margin-bottom: var(--space-lg)}.legal-content{max-width: 800px;margin: 0 auto}.legal-content h2{font-size: 1.5rem;margin-top: var(--space-xl);margin-bottom: var(--space-md);padding-top: var(--space-lg);border-top: 1px solid var(--border)}.legal-content h2:first-child{margin-top: 0;padding-top: 0;border-top: none}.legal-content h3{font-size: 1.125rem;margin-top: var(--space-lg);margin-bottom: var(--space-sm)}.legal-content p{margin-bottom: var(--space-md);color: var(--muted)}.legal-content ul{margin-bottom: var(--space-md);padding-left: var(--space-lg)}.legal-content li{position: relative;padding-left: var(--space-sm);margin-bottom: var(--space-xs);color: var(--muted)}.legal-content li::before{content: '•';position: absolute;left: calc(-1 * var(--space-sm));color: var(--accent)}.legal-placeholder{display: inline-block;padding: 0.125rem 0.5rem;background-color: var(--accent-light);border-radius: var(--radius-sm);font-family: var(--font-mono);font-size: 0.875rem;color: var(--accent)}.pricing-card-delay{margin-bottom: var(--space-md);padding: var(--space-sm);background-color: var(--bg);border-radius: var(--radius-md);text-align: center}.pricing-card-delay--accent{background-color: var(--accent-light);color: var(--accent)}.about-intro-lead{color: var(--text);margin-bottom: var(--space-md)}.contact-zone, .contact-services{margin-top: var(--space-md);padding-top: var(--space-md);border-top: 1px solid var(--border)}.contact-zone-title{font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.08em;color: var(--muted);margin-bottom: var(--space-sm)}.contact-tags{display: flex;flex-wrap: wrap;gap: var(--space-xs)}.contact-tag{display: inline-block;padding: 0.25rem 0.75rem;background-color: var(--accent-light);color: var(--accent);border-radius: var(--radius-full);font-size: 0.8125rem;font-weight: 500}.contact-tag--neutral{background-color: var(--bg);color: var(--muted);border: 1px solid var(--border)}.section--surface-bordered{background-color: var(--surface);border-top: 1px solid var(--border);border-bottom: 1px solid var(--border)}