.tech-page{display:flex;flex-direction:column}.tech-section__heading{margin:0;font-family:var(--font-family-display);font-weight:var(--font-weight-semibold);font-size:var(--font-size-2xl);letter-spacing:-.02em;color:var(--color-text-primary)}.tech-section__intro{margin:var(--spacing-3) 0 0;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-secondary);max-width:70ch}.tech-hero{border-bottom:1px solid var(--color-border);background:radial-gradient(120% 100% at 100% 0%,color-mix(in srgb,var(--color-primary-500) 7%,transparent),transparent 60%)}.tech-hero__inner{display:flex;flex-direction:column;gap:var(--spacing-5);padding-block:var(--spacing-16) var(--spacing-12)}.tech-hero__eyebrow{margin:0;font-family:var(--font-family-mono);font-size:var(--font-size-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--color-secondary-400)}.tech-hero__title{margin:0;font-family:var(--font-family-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-4xl);line-height:var(--line-height-tight);letter-spacing:-.025em;color:var(--color-text-primary);max-width:20ch}.tech-hero__lede{margin:0;font-family:var(--font-family-display);font-weight:var(--font-weight-medium);font-size:var(--font-size-xl);line-height:var(--line-height-tight);letter-spacing:-.015em;color:var(--color-primary-300);max-width:48ch}.tech-hero__body{margin:0;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);max-width:74ch}.tech-stack__inner,.tech-integration__inner{padding-block:var(--spacing-12)}.tech-integration{border-top:1px solid var(--color-border);background:var(--color-surface)}.tech-specs{list-style:none;margin:var(--spacing-8) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.tech-spec{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-5);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.tech-integration .tech-spec{background:var(--color-background)}.tech-spec:hover{border-color:var(--color-border-strong)}.tech-spec__title{margin:0;font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:.01em;text-transform:uppercase;color:var(--color-secondary-300)}.tech-spec__body{margin:0;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.tech-approach__inner{display:flex;flex-direction:column;gap:var(--spacing-4);padding-block:var(--spacing-12)}.tech-approach__body{margin:0;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);max-width:74ch}.tech-cta{border-top:1px solid var(--color-border)}.tech-cta__inner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-4) var(--spacing-6);padding-block:var(--spacing-12)}.tech-cta__text{margin:0;font-family:var(--font-family-display);font-weight:var(--font-weight-medium);font-size:var(--font-size-xl);letter-spacing:-.015em;color:var(--color-text-primary)}.tech-cta__button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md);background:var(--color-primary-500);color:var(--color-on-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);text-decoration:none;white-space:nowrap;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.tech-cta__button:hover{background:var(--color-primary-400);box-shadow:var(--glow-accent);transform:translateY(-1px)}.tech-cta__button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-background),0 0 0 4px var(--color-primary-500)}@media(max-width:1024px){.tech-specs{grid-template-columns:1fr}}@media(max-width:640px){.tech-hero__title{font-size:var(--font-size-3xl)}.tech-hero__lede{font-size:var(--font-size-lg)}.tech-hero__body,.tech-approach__body{font-size:var(--font-size-base)}.tech-section__heading{font-size:var(--font-size-xl)}.tech-cta__button{width:100%}}@media(prefers-reduced-motion:reduce){.tech-spec,.tech-cta__button{transition:none}.tech-cta__button:hover{transform:none}}