.contact-page{background:var(--bg);color:var(--ink);min-height:100vh}.contact-container{max-width:calc(var(--max-w) + 20px);padding-inline:var(--gutter);margin-inline:auto}.contact-hero{padding-top:calc(var(--nav-h) + var(--sp-96));padding-bottom:var(--sp-64);position:relative;overflow:hidden}.contact-hero:before{content:"";background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.28;pointer-events:none;background-size:80px 80px;position:absolute;inset:0}.contact-hero-inner{z-index:1;position:relative}.contact-breadcrumb{align-items:center;gap:var(--sp-8);font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-dim);margin-bottom:var(--sp-24);font-size:11px;display:flex}.contact-breadcrumb a{color:var(--ink-dim);transition:color var(--ease-fast);text-decoration:none}.contact-breadcrumb a:hover{color:var(--ink)}.contact-breadcrumb span:last-child{color:var(--accent)}.contact-headline{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);margin-bottom:var(--sp-32);font-size:clamp(40px,7vw,86px);font-weight:800;line-height:1}.contact-headline em{color:var(--ink-mid);font-style:italic}.contact-hero-inner .hero-sub{max-width:52ch;margin-bottom:var(--sp-32)}.contact-email-row{align-items:center;gap:var(--sp-8);flex-wrap:wrap;display:flex}.contact-email-chip{align-items:center;gap:var(--sp-8);color:var(--ink);background:var(--surface);border:.5px solid var(--border);transition:border-color var(--ease-fast), background var(--ease-fast);border-radius:100px;padding:8px 14px 8px 10px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.contact-email-chip:hover{background:var(--bg);border-color:#bcbab4}.contact-copy-btn--done{color:#22c55e;background:#22c55e0f;border-color:#22c55e4d}@media (width<=640px){.contact-hero{padding-top:calc(var(--nav-h) + var(--sp-64));padding-bottom:var(--sp-40)}}.contact-details{padding:var(--sp-48) 0;border-top:.5px solid var(--border);border-bottom:.5px solid var(--border);background:var(--surface)}.contact-details-inner{gap:var(--sp-64);flex-wrap:wrap;display:flex}.contact-detail{flex-direction:column;gap:4px;display:flex}.contact-detail-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-size:10px;font-weight:600}.contact-detail-value{color:var(--ink);font-size:15px;font-weight:500}@media (width<=640px){.contact-details-inner{gap:var(--sp-32)}}.contact-form-section{padding:var(--sp-96) 0}.contact-form-header{max-width:60ch;margin-bottom:var(--sp-40)}.contact-form-sub{color:var(--ink-mid);margin-top:var(--sp-12);font-size:15px;line-height:1.65}.contact-form{gap:var(--sp-20);flex-direction:column;max-width:520px;display:flex}.contact-form-field{gap:var(--sp-8);flex-direction:column;display:flex}.contact-form-field label{color:var(--ink-dim);font-size:12px;font-weight:500}.contact-form-field input,.contact-form-field textarea{font-family:var(--font-body);color:var(--ink);background:var(--surface);border:.5px solid var(--border);resize:vertical;transition:border-color var(--ease-fast);border-radius:8px;padding:12px 14px;font-size:14px}.contact-form-field input:focus,.contact-form-field textarea:focus{border-color:var(--accent);outline:none}.contact-form-field input:disabled,.contact-form-field textarea:disabled{opacity:.6}.contact-form-error{color:#ef4444;margin:0;font-size:13px}.contact-form-success{max-width:520px;padding:var(--sp-24);background:var(--surface);border:.5px solid var(--border);color:var(--ink);border-radius:10px;font-size:15px}.contact-form .btn-primary{align-self:flex-start}.contact-form .btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (width<=640px){.contact-form-section{padding:var(--sp-64) 0}}.contact-footer-note{padding-block:var(--sp-80)}.contact-footer-note-inner{gap:var(--sp-64);grid-template-columns:1fr auto;align-items:start;display:grid}.cfn-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0 0 var(--sp-12);font-size:clamp(20px,2.5vw,26px);font-weight:700}.cfn-body{color:var(--ink-mid);max-width:52ch;margin:0;font-size:15px;line-height:1.65}.cfn-link{color:var(--accent);transition:opacity var(--ease-fast);text-decoration:none}.cfn-link:hover{opacity:.75}.cfn-meta{gap:var(--sp-16);flex-direction:column;flex-shrink:0;display:flex}.cfn-meta-item{text-align:right;flex-direction:column;gap:3px;display:flex}.cfn-meta-key{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-size:10px;font-weight:600}.cfn-meta-val{color:var(--ink);font-size:13px;font-weight:500}@media (width<=720px){.contact-footer-note-inner{gap:var(--sp-40);grid-template-columns:1fr}.cfn-meta{gap:var(--sp-24);flex-flow:wrap}.cfn-meta-item{text-align:left}}@media (width<=640px){.contact-footer-note{padding-block:var(--sp-48)}}.contact-headline{animation:contactRevealUp var(--ease-reveal) 80ms both}.contact-hero-inner .hero-sub{animation:contactRevealUp var(--ease-reveal) .16s both}.contact-hero-inner .hero-ctas{animation:contactRevealUp var(--ease-reveal) .24s both}@keyframes contactRevealUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.pricing-btn{align-items:center;gap:var(--sp-8);cursor:pointer;white-space:nowrap;transition:opacity var(--ease-fast), background var(--ease-fast), border-color var(--ease-fast), box-shadow var(--ease-fast);border-radius:8px;padding:13px 22px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.pricing-btn--primary{background:var(--ink);color:var(--bg);border:none}.pricing-btn--primary:hover{opacity:.82}.pricing-btn--lg{padding:15px 28px;font-size:15px}.pricing-divider{border:none;border-top:.5px solid var(--border);margin:0}
