:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-card:#f1f5f9;--bg-card-strong:#ffffff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-brand:#ea580c;--border-color:rgba(15,23,42,.08);--border-card:rgba(15,23,42,.08);--glow-brand:rgba(249,115,22,.08);--glow-brand-strong:rgba(249,115,22,.15);--nav-bg:rgba(255,255,255,.82);--nav-border:rgba(15,23,42,.06);--grid-line:rgba(249,115,22,.035);--shadow-card:0 1px 3px rgba(0,0,0,.06);--selection-bg:rgba(249,115,22,.15);--selection-text:#9a3412}

.dark{--bg-primary:#050508;--bg-secondary:#0a0a12;--bg-card:rgba(255,255,255,.03);--bg-card-strong:rgba(255,255,255,.045);--text-primary:#fff;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-brand:#fb923c;--border-color:rgba(255,255,255,.07);--border-card:rgba(255,255,255,.09);--glow-brand:rgba(249,115,22,.06);--glow-brand-strong:rgba(249,115,22,.12);--nav-bg:rgba(5,5,8,.86);--nav-border:rgba(255,255,255,.05);--grid-line:rgba(249,115,22,.018);--shadow-card:0 25px 50px -12px rgba(0,0,0,.35);--selection-bg:rgba(249,115,22,.3);--selection-text:#fed7aa}

@keyframes scan{0%{left:-40%}100%{left:120%}}

.glass-card{background:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--shadow-card);border-radius:28px;position:relative;overflow:hidden}

.glass-card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(249,115,22,.45),transparent)}

.info-item{display:flex;gap:14px;padding:18px;border-radius:20px;border:1px solid var(--border-card);background:var(--bg-card-strong);transition:all .25s}

.info-item:hover{transform:translateY(-3px);border-color:rgba(249,115,22,.35);box-shadow:0 18px 45px rgba(249,115,22,.08)}

.icon-box{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(249,115,22,.12);border:1px solid rgba(249,115,22,.25);color:var(--text-brand);flex-shrink:0}

.form-input{width:100%;border-radius:16px;border:1px solid var(--border-card);background:var(--bg-card-strong);color:var(--text-primary);padding:14px 16px;outline:none;transition:all .2s}

.form-input::placeholder{color:var(--text-muted)}

.form-input:focus{border-color:rgba(249,115,22,.55);box-shadow:0 0 0 4px rgba(249,115,22,.08)}

.map-wrap iframe{width:100%;height:360px;border:0;filter:grayscale(.25) contrast(1.02)}

.image-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:var(--bg-card)}

.image-tile{height:260px;position:relative;overflow:hidden;isolation:isolate;background:var(--bg-card)}

.image-tile img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.95) contrast(1.05);transform:scale(1.02);transition:transform .55s ease,filter .55s ease}

.image-tile:hover img{transform:scale(1.1);filter:saturate(1.15) contrast(1.08)}

.image-tile::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(5,5,8,.78),rgba(5,5,8,.15) 55%,rgba(249,115,22,.08));transition:background .35s}

.image-tile::after{content:"";position:absolute;inset:0;z-index:2;border-right:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at top right,rgba(249,115,22,.24),transparent 48%);pointer-events:none}

.image-label{position:absolute;left:18px;right:18px;bottom:18px;z-index:3;display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:15px;letter-spacing:.01em;text-shadow:0 8px 24px rgba(0,0,0,.55)}

.image-label .iconify{font-size:22px;color:#fb923c;filter:drop-shadow(0 0 10px rgba(249,115,22,.35))}

@media(max-width:768px){.image-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.image-tile{height:180px}.map-wrap iframe{height:300px}}
.contact-socials {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 32px;
  padding-left: 14px;
}

.contact-social-btn {
  width: 44px;
  height: 44px;
  border-radius: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-primary);
  background: var(--bg-card-strong);
  border: 1px solid var(--border-card);
  transition: all 0.25s ease;
}

.contact-social-btn .iconify {
  font-size: 20px;
  line-height: 1;
}

.contact-social-btn:hover {
  color: #fff;
  background: var(--brand-500, #f97316);
  border-color: var(--brand-500, #f97316);
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(249, 115, 22, 0.25);
}

@media (max-width: 640px) {
  .contact-socials {
    margin-top: 26px;
    padding-left: 0;
    gap: 10px;
  }

  .contact-social-btn {
    width: 42px;
    height: 42px;
  }
}
/* DEPTHX Toast Notifications */
#toastContainer {
  position: fixed;
  top: 92px;
  right: 24px;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  gap: 14px;
  pointer-events: none;
}

.depthx-toast {
  width: min(390px, calc(100vw - 32px));
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 46px 18px 16px;
  border-radius: 20px;
  border: 1px solid var(--border-card);
  background: color-mix(in srgb, var(--bg-card-strong) 92%, transparent);
  color: var(--text-primary);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  overflow: hidden;
  opacity: 0;
  transform: translateX(24px) translateY(-8px);
  transition: opacity .32s ease, transform .32s ease;
  pointer-events: auto;
}

.depthx-toast.show {
  opacity: 1;
  transform: translateX(0) translateY(0);
}

.depthx-toast-icon {
  width: 42px;
  height: 42px;
  min-width: 42px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.depthx-toast-icon .iconify {
  font-size: 24px;
}

.depthx-toast-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-top: 1px;
}

.depthx-toast-content strong {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
}

.depthx-toast-content span {
  font-size: 14px;
  line-height: 1.45;
  color: var(--text-secondary);
}

.depthx-toast-close {
  position: absolute;
  top: 12px;
  right: 14px;
  width: 26px;
  height: 26px;
  border: 0;
  background: transparent;
  color: var(--text-secondary);
  font-size: 24px;
  line-height: 24px;
  cursor: pointer;
  transition: color .2s ease, transform .2s ease;
}

.depthx-toast-close:hover {
  color: var(--text-primary);
  transform: scale(1.08);
}

.depthx-toast-success .depthx-toast-icon {
  color: #22c55e;
  background: rgba(34, 197, 94, .12);
}

.depthx-toast-error .depthx-toast-icon {
  color: #ef4444;
  background: rgba(239, 68, 68, .12);
}

.depthx-toast-info .depthx-toast-icon {
  color: var(--brand-500, #f97316);
  background: rgba(249, 115, 22, .12);
}

.depthx-toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  transform-origin: left;
  animation: toastProgress 5.2s linear forwards;
}

.depthx-toast-success .depthx-toast-progress {
  background: #22c55e;
}

.depthx-toast-error .depthx-toast-progress {
  background: #ef4444;
}

.depthx-toast-info .depthx-toast-progress {
  background: var(--brand-500, #f97316);
  animation-duration: 2.5s;
}

.toast-spin {
  animation: toastSpin 1s linear infinite;
}

@keyframes toastProgress {
  from {
    transform: scaleX(1);
  }

  to {
    transform: scaleX(0);
  }
}

@keyframes toastSpin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 640px) {
  #toastContainer {
    top: 78px;
    right: 16px;
    left: 16px;
  }

  .depthx-toast {
    width: 100%;
  }
}