.contact-hero{position:relative;overflow:hidden;padding:clamp(8rem,14vw,12rem) 0 5rem;border-bottom:1px solid var(--border);background:radial-gradient(circle at 78% 28%,rgba(0,221,253,.12),transparent 34%),linear-gradient(180deg,rgba(6,12,19,.88),rgba(6,12,19,1))}.contact-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);gap:clamp(2rem,6vw,7rem);align-items:end}.contact-hero h1{font-size:clamp(3.1rem,7vw,7.7rem);line-height:.88;letter-spacing:-.065em;margin:.75rem 0 1.5rem}.contact-hero h1 span{color:var(--buddy-cyan)}.contact-signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2.25rem;background:var(--border)}.contact-signal-grid>div{padding:1rem;background:rgba(7,17,29,.96)}.contact-signal-grid strong{display:block;margin-top:.35rem;font-size:.84rem}.handoff-card,.wizard-shell,.quick-card,.delivery-card{border:1px solid var(--border);background:linear-gradient(180deg,rgba(17,30,43,.88),rgba(8,16,25,.94));box-shadow:0 30px 90px rgba(0,0,0,.24)}.handoff-card{padding:1.5rem}.handoff-state{display:flex;align-items:center;gap:.9rem;padding:1rem 0;border-bottom:1px solid var(--border)}.handoff-state i{width:.7rem;height:.7rem;border-radius:50%;background:#4b5965;box-shadow:0 0 0 6px rgba(75,89,101,.08)}.handoff-state.active i{background:var(--buddy-cyan);box-shadow:0 0 24px rgba(0,221,253,.55)}.handoff-state strong,.handoff-state span{display:block}.handoff-state span{color:var(--muted);font-size:.85rem;margin-top:.2rem}.handoff-card p{color:var(--muted);margin:1rem 0}.handoff-actions{display:flex;gap:1rem;flex-wrap:wrap}.handoff-actions a{color:var(--buddy-cyan);font-size:.84rem}.contact-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.55fr);gap:2rem;align-items:start}.wizard-shell{min-height:660px;padding:clamp(1.25rem,3vw,2.25rem)}.wizard-topline{display:flex;justify-content:space-between;gap:2rem;align-items:center;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.wizard-topline strong{display:block;margin-top:.3rem}.wizard-progress{width:min(280px,38%);height:2px;background:rgba(255,255,255,.08);overflow:hidden}.wizard-progress span{display:block;height:100%;width:16.666%;background:var(--buddy-cyan);box-shadow:0 0 18px rgba(0,221,253,.5);transition:width .3s ease}.wizard-step{padding:2.3rem 0}.wizard-step h2,.quick-card h2{font-size:clamp(2rem,4vw,4rem);line-height:.98;letter-spacing:-.045em;margin:.75rem 0 1rem}.step-copy{color:var(--muted);max-width:720px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.6rem}.choice-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card{cursor:pointer}.choice-card input{position:absolute;opacity:0;pointer-events:none}.choice-card span{display:block;min-height:92px;padding:1rem 1.1rem;border:1px solid var(--border);background:rgba(8,17,27,.72);transition:border-color .2s,background .2s,transform .2s}.choice-card small{display:block;color:var(--muted);margin-top:.35rem}.choice-card input:checked+span,.choice-card:focus-within span{border-color:var(--buddy-cyan);background:rgba(0,221,253,.075);box-shadow:inset 0 0 0 1px rgba(0,221,253,.12)}.choice-card:hover span{transform:translateY(-2px)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field-block{display:block;margin-top:1rem}.field-block>span{display:block;margin-bottom:.45rem;font-size:.84rem;color:var(--muted)}.field-block input,.field-block textarea{width:100%;border:1px solid var(--border);background:#08111b;color:var(--text);padding:.95rem 1rem;font:inherit;outline:none;resize:vertical}.field-block input:focus,.field-block textarea:focus{border-color:var(--buddy-cyan);box-shadow:0 0 0 3px rgba(0,221,253,.08)}.field-block small{display:block;color:var(--muted);margin-top:.35rem}.field-error,[data-error]{color:#ff7e8a;font-size:.84rem;min-height:1.1em}.review-strip{margin-top:1.5rem;padding:1rem;border-left:2px solid var(--buddy-cyan);background:rgba(0,221,253,.05)}.wizard-actions{display:flex;justify-content:space-between;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border)}.form-status{margin-top:1rem;min-height:1.5rem;color:var(--muted)}.form-status.success{color:#5fe2a0}.form-status.error{color:#ff7e8a}.contact-side{display:grid;gap:1rem;position:sticky;top:7rem}.quick-card,.delivery-card{padding:1.35rem}.quick-card h2{font-size:2rem}.quick-card p{color:var(--muted)}.quick-card .button{width:100%;justify-content:center;margin-top:1rem}.delivery-card ol{list-style:none;padding:0;margin:1rem 0 0}.delivery-card li{display:flex;gap:.8rem;padding:.85rem 0;border-bottom:1px solid var(--border)}.delivery-card li i{width:.55rem;height:.55rem;border-radius:50%;background:var(--buddy-cyan);margin-top:.45rem;box-shadow:0 0 16px rgba(0,221,253,.4)}.delivery-card strong,.delivery-card small{display:block}.delivery-card small{color:var(--muted);margin-top:.2rem}.trap-field{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.button[disabled]{opacity:.4;cursor:not-allowed}.submission-success{padding:2rem;border:1px solid rgba(95,226,160,.35);background:rgba(95,226,160,.06)}.submission-success strong{display:block;font-size:1.4rem;margin:.4rem 0}.submission-success code{color:var(--buddy-cyan)}
@media(max-width:900px){.contact-hero-grid,.contact-layout{grid-template-columns:1fr}.contact-side{position:static}.contact-signal-grid{grid-template-columns:1fr 1fr}.choice-grid,.choice-grid.compact,.field-grid{grid-template-columns:1fr}.wizard-shell{min-height:0}.wizard-topline{align-items:flex-end}.wizard-progress{width:42%}}
@media(max-width:560px){.contact-hero{padding-top:7rem}.contact-hero h1{font-size:clamp(2.7rem,15vw,4.5rem)}.contact-signal-grid{grid-template-columns:1fr}.wizard-shell{padding:1rem}.wizard-topline{display:block}.wizard-progress{width:100%;margin-top:1rem}.wizard-actions{position:sticky;bottom:0;background:rgba(6,12,19,.96);padding:1rem 0 calc(1rem + env(safe-area-inset-bottom));z-index:3}.wizard-actions .button{flex:1;justify-content:center}.choice-card span{min-height:74px}}
@media(prefers-reduced-motion:reduce){.wizard-progress span,.choice-card span{transition:none}.choice-card:hover span{transform:none}}

/* Direct Communication Card Styling */
.direct-connect-card {
  margin-bottom: 1.5rem;
  background: linear-gradient(155deg, rgba(17, 30, 43, 0.88), rgba(7, 17, 29, 0.95));
  border: 1px solid rgba(0, 221, 253, 0.25);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35);
}
.direct-contact-list {
  display: grid;
  gap: 0.85rem;
  margin-top: 1.25rem;
}
.direct-contact-item {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(141, 238, 255, 0.12);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.02);
  text-decoration: none;
  transition: all var(--duration-fast) var(--ease-ui);
}
.direct-contact-item:hover {
  background: rgba(0, 221, 253, 0.08);
  border-color: rgba(0, 221, 253, 0.45);
  transform: translateY(-2px);
}
.direct-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background: rgba(0, 221, 253, 0.12);
  color: var(--buddy-cyan);
  font-size: 1.2rem;
  flex-shrink: 0;
}
.direct-wa {
  background: rgba(54, 217, 139, 0.15);
  color: #36d98b;
}
.direct-contact-item strong {
  display: block;
  font-size: 0.9rem;
  color: var(--buddy-text);
}
.direct-contact-item small {
  display: block;
  font-size: 0.72rem;
  color: var(--buddy-muted);
  margin-top: 0.15rem;
}