.contact-hero{padding-top:calc(var(--nav-height) + var(--space-4xl));padding-bottom:var(--space-4xl);background:var(--surface)}.contact-hero-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--space-4xl);align-items:start}.contact-left h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.375rem,4vw,3.25rem);line-height:1.1;letter-spacing:-.02em;color:var(--on-surface);margin-bottom:var(--space-lg)}.contact-left .hero-subtitle{font-size:1.05rem;line-height:1.7;color:var(--on-surface-muted);margin-bottom:var(--space-2xl);max-width:420px}.contact-items{display:flex;flex-direction:column;gap:var(--space-xl)}.contact-item{display:flex;align-items:flex-start;gap:var(--space-lg)}.contact-item-icon{width:48px;height:48px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-item-icon svg{width:22px;height:22px;color:#fff}.contact-item-text{display:flex;flex-direction:column;gap:2px;padding-top:2px}.contact-item-label{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--on-surface)}.contact-item-value{font-size:.9rem;color:var(--on-surface-muted);line-height:1.5}.contact-item-value a{color:var(--on-surface-muted);transition:color .2s}.contact-item-value a:hover{color:var(--primary)}.contact-item-sub{font-size:.8rem;color:var(--on-surface-subtle)}.contact-form-card{background:var(--surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-ambient)}.contact-form-card h2{font-family:var(--font-display);font-weight:700;font-size:1.35rem;color:var(--on-surface);margin-bottom:var(--space-xl)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;font-size:.8rem;font-weight:600;color:var(--on-surface);margin-bottom:var(--space-sm)}.form-group input,.form-group textarea{width:100%;padding:.85rem 1rem;font-family:var(--font-body);font-size:.9rem;color:var(--on-surface);background:var(--surface-container-low);border:none;border-radius:var(--radius-md);outline:none;transition:box-shadow .2s,outline-color .2s}.form-group input:focus,.form-group textarea:focus{outline:2px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 4px var(--primary-light)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--on-surface-subtle)}.form-group textarea{resize:vertical;min-height:120px}.form-submit{width:100%;justify-content:center;padding:.85rem 2rem;font-size:.95rem}@media(max-width:768px){.contact-hero-inner{grid-template-columns:1fr;gap:var(--space-2xl)}.contact-left .hero-subtitle{max-width:100%}}.chat-bar{background:var(--primary-light)}.chat-bar-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2xl) 0}.chat-bar-content{display:flex;align-items:center;gap:var(--space-lg)}.chat-bar-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--surface-container-lowest);display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-bar-icon svg{width:24px;height:24px;color:var(--primary)}.chat-bar-text h3{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--on-surface);margin-bottom:2px}.chat-bar-text p{font-size:.875rem;color:var(--on-surface-muted);line-height:1.5;max-width:460px}.chat-bar-btn{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-container));display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow-card)}.chat-bar-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2f5d344d}.chat-bar-btn svg{width:26px;height:26px;color:#fff}@media(max-width:600px){.chat-bar-inner{flex-direction:column;gap:var(--space-lg);text-align:center}.chat-bar-content{flex-direction:column}.chat-bar-text p{max-width:100%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}html.js .anim-fade-up{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}html.js .anim-fade-up.visible{opacity:1;transform:translateY(0)}.contact-left>*{animation:fadeUp .8s ease forwards;opacity:0}.contact-left>*:nth-child(1){animation-delay:.1s}.contact-left>*:nth-child(2){animation-delay:.2s}.contact-left>*:nth-child(3){animation-delay:.35s}.contact-form-card{animation:fadeUp .8s ease .25s forwards;opacity:0}
