.hero{position:relative;min-height:100vh;display:flex;align-items:center;background-color:var(--color-hero-bg);overflow:hidden;padding-top:7rem;padding-bottom:5rem}.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 35% 65% at 86% 103%,rgb(0 101 196/60%) 70%,transparent 325%);pointer-events:none;z-index:0;filter:blur(18px)}.hero::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgb(0 101 196/8%) 1px,transparent 1px),linear-gradient(90deg,rgb(0 101 196/8%) 1px,transparent 1px);background-size:64px 64px;pointer-events:none;z-index:0;animation:grid-drift 1s linear infinite}@media(prefers-reduced-motion:reduce){.hero::after{animation:none}}.hero .container{position:relative;z-index:1;width:100%}.hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem 1rem .375rem .75rem;background:rgba(0,101,196,.12);border:1px solid rgba(0,101,196,.28);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:rgba(255,255,255,.72);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-lg)}.hero__eyebrow-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.2);animation:pulse-dot 2.4s ease-in-out infinite;flex-shrink:0}@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 3px rgba(34,197,94,.2)}50%{box-shadow:0 0 0 7px rgba(34,197,94,.06)}}.hero__title{font-size:clamp(2.75rem,6vw,4rem);font-weight:300;line-height:1.02;color:#fff;letter-spacing:-.035em;margin-bottom:var(--spacing-lg)}.hero__title-highlight{background:linear-gradient(135deg,#3b9eff 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__lead{font-size:var(--font-size-lg);color:rgba(255,255,255,.6);line-height:var(--line-height-base);margin-bottom:var(--spacing-xl);max-width:520px}.hero__actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-2xl)}.hero__metrics{padding-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,.07)}.hero__typewriter-pill{display:inline-flex;align-items:center;gap:.875rem;padding:.5rem 1.25rem .5rem .5rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);border-radius:var(--radius-full);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hero__typewriter-icon{width:36px;height:36px;object-fit:contain;flex-shrink:0;display:block;border-radius:50%}.hero__typewriter-track{display:flex;align-items:center;width:17rem;height:1.375rem;overflow:hidden}.hero__typewriter-text{font-size:.9375rem;font-weight:var(--font-weight-medium);color:rgba(255,255,255,.88);line-height:1;white-space:nowrap}.hero__typewriter-hl{background:linear-gradient(135deg,#3b9eff 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__typewriter-cursor{display:inline-block;width:1.5px;height:.95rem;background:rgba(255,255,255,.75);margin-left:2px;vertical-align:middle;flex-shrink:0;animation:tw-cursor .9s step-end infinite}@keyframes tw-cursor{0%,100%{opacity:1}50%{opacity:0}}.hero__banner{position:relative;width:100%;max-width:640px}.hero__banner-img{width:100%;height:auto;display:block;object-fit:contain;will-change:transform}.services-section{padding:6rem 0;background-color:var(--color-bg-subtle)}.services-section .section-header{margin-bottom:var(--spacing-2xl)}.process-section{padding:6rem 0;background-color:var(--color-bg)}.process-section .section-header{margin-bottom:var(--spacing-2xl)}.process-section__highlight{background:linear-gradient(135deg,#3b9eff 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-section{padding:6rem 0;background-color:var(--color-bg)}.projects-section__footer{text-align:center;margin-top:var(--spacing-2xl)}.blog-section{padding:6rem 0;background-color:var(--color-bg-subtle)}.blog-section__footer{text-align:center;margin-top:var(--spacing-2xl)}@media(max-width:991.98px){.hero{padding-top:4rem;padding-bottom:4rem}.services-section,.process-section,.projects-section,.faq-section,.blog-section{padding:4rem 0}}@media(max-width:767.98px){.hero__typewriter-track{width:14rem}}@media(max-width:575.98px){.hero__actions{flex-direction:column;align-items:flex-start}}