.page-contact{
  position:relative;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 82% 10%, rgba(255,107,53,.07), transparent 16rem),
    linear-gradient(180deg, #0A192F 0%, #0E2A42 60%, #0A192F 100%);
  color:#F5F7FA;
  font-family:'Segoe UI','PingFang SC','Hiragino Sans GB',sans-serif;
  line-height:1.65;
}
.page-contact .section-kicker{
  display:inline-block;
  color:#FF6B35;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  margin:0 0 .6rem;
  padding:.2rem .7rem;
  border:1px solid rgba(255,107,53,.4);
  border-radius:999px;
  background:rgba(255,107,53,.08);
}
.page-contact .contact-hero{
  position:relative;
  padding:calc(var(--header-offset) + 1rem) 0 1.5rem;
}
.page-contact .contact-hero .content-wrap{
  position:relative;
  z-index:1;
}
.page-contact .contact-hero::after{
  content:"6T";
  position:absolute;
  top:.5rem;
  right:-.16em;
  font-family:Impact,'Arial Black',sans-serif;
  font-size:clamp(8rem,22vw,15rem);
  line-height:1;
  color:rgba(255,107,53,.055);
  pointer-events:none;
  z-index:0;
}
.page-contact .crumb-nav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.35rem .5rem;
  margin-bottom:1.75rem;
  color:#B0C4DE;
  font-size:.9rem;
}
.page-contact .crumb-link{
  color:#B0C4DE;
  text-decoration:none;
  transition:color .25s ease;
}
.page-contact .crumb-link:hover{
  color:#FF6B35;
}
.page-contact .hero-grid{
  display:grid;
  gap:1.5rem;
  align-items:end;
}
.page-contact .hero-kicker{
  display:flex;
  align-items:center;
  gap:.5rem;
  margin:0 0 .5rem;
  color:#FF9A6C;
  font-size:.85rem;
  font-weight:600;
  letter-spacing:.08em;
}
.page-contact .hero-kicker::before{
  content:"";
  width:2.2rem;
  height:2px;
  background:#FF6B35;
  display:block;
}
.page-contact .contact-hero h1{
  font-family:Impact,'Arial Black',sans-serif;
  font-size:clamp(2.5rem,8vw,6rem);
  line-height:.95;
  letter-spacing:.01em;
  margin:0 0 1rem;
  max-width:12em;
}
.page-contact .hero-desc{
  color:#B0C4DE;
  font-size:clamp(1rem,2vw,1.125rem);
  max-width:44rem;
  margin:0;
}
.page-contact .hero-meta{
  background:rgba(10,25,47,.6);
  border:1px solid rgba(255,107,53,.3);
  border-radius:18px;
  padding:1.1rem 1.25rem;
  backdrop-filter:blur(6px);
}
.page-contact .hero-meta p{
  margin:.15rem 0;
  color:#B0C4DE;
  font-size:.9rem;
}
.page-contact .hero-meta strong{
  display:block;
  color:#FF6B35;
  font-size:1.05rem;
  font-weight:700;
  margin-top:.2rem;
}
.page-contact .contact-main{
  position:relative;
  padding:1.5rem 0 3rem;
}
.page-contact .contact-main .split-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:2.5rem;
}
.page-contact .contact-left,
.page-contact .contact-right{
  min-width:0;
}
.page-contact .left-head{
  margin-bottom:1.5rem;
}
.page-contact .left-head h2{
  font-family:Impact,'Arial Black',sans-serif;
  font-size:clamp(1.8rem,5vw,3.2rem);
  line-height:1;
  margin:.25rem 0 .6rem;
}
.page-contact .left-desc{
  color:#B0C4DE;
  font-size:.95rem;
  max-width:34rem;
  margin:0;
}
.page-contact .team-figure{
  margin:.25rem 0 2rem;
  border-radius:44px;
  overflow:hidden;
  border:1px solid #1E3A5F;
  background:#0E2A42;
  position:relative;
  transform:rotate(-.75deg);
  box-shadow:14px 14px 0 rgba(255,107,53,.08);
}
.page-contact .team-figure img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;
}
.page-contact .team-figure figcaption{
  padding:.85rem 1.1rem;
  font-size:.85rem;
  color:#B0C4DE;
  border-top:1px solid #1E3A5F;
  background:linear-gradient(180deg, rgba(14,42,66,.95), rgba(10,25,47,.96));
}
.page-contact .contact-card{
  position:relative;
  background:linear-gradient(135deg, rgba(20,58,92,.5), rgba(14,42,66,.9));
  border:1px solid #1E3A5F;
  border-left:4px solid #FF6B35;
  border-radius:18px;
  padding:1.4rem 1.4rem 1.5rem;
  margin-bottom:1rem;
  overflow:hidden;
}
.page-contact .contact-card::before{
  content:"";
  position:absolute;
  right:-3.5rem;
  top:-3.5rem;
  width:7rem;
  height:7rem;
  border-radius:50%;
  border:1px solid rgba(255,107,53,.28);
  pointer-events:none;
}
.page-contact .card-head{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin-bottom:.55rem;
}
.page-contact .card-index{
  font-family:Impact,'Arial Black',sans-serif;
  font-size:1.25rem;
  color:#FF6B35;
  line-height:1;
}
.page-contact .card-head h3{
  font-family:Impact,'Arial Black',sans-serif;
  font-size:1.2rem;
  letter-spacing:.03em;
  margin:0;
}
.page-contact .contact-value{
  display:block;
  font-size:clamp(1.08rem,2.6vw,1.32rem);
  font-weight:700;
  color:#F5F7FA;
  text-decoration:none;
  word-break:break-word;
  transition:color .2s ease;
}
.page-contact a.contact-value:hover{
  color:#FF6B35;
}
.page-contact .usage-note{
  margin:.6rem 0 0;
  font-size:.88rem;
  color:#B0C4DE;
  line-height:1.55;
}
.page-contact .map-thumb{
  margin-top:.9rem;
  border-radius:8px;
  overflow:hidden;
  border:1px solid rgba(176,196,222,.3);
  position:relative;
  line-height:0;
}
.page-contact .map-thumb img{
  width:100%;
  max-width:100%;
  height:auto;
  display:block;
  object-fit:cover;
}
.page-contact .map-board{
  background:linear-gradient(150deg,#0E2A42,#143A5C);
  border:1px solid #1E3A5F;
  border-radius:44px;
  padding:.6rem .6rem 1.1rem;
  box-shadow:0 22px 44px rgba(0,0,0,.3);
  transform:rotate(1deg);
  position:relative;
}
.page-contact .map-board svg{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  border-radius:18px;
}
.page-contact .map-coordinate{
  display:flex;
  justify-content:space-between;
  padding:.7rem .8rem 0;
  color:#B0C4DE;
  font-size:.74rem;
  letter-spacing:.12em;
  font-weight:600;
}
.page-contact .quick-promise{
  margin-top:2rem;
  background:rgba(10,25,47,.55);
  border:1px solid #1E3A5F;
  border-radius:18px;
  padding:1.4rem 1.5rem;
}
.page-contact .quick-promise h3{
  font-family:Impact,'Arial Black',sans-serif;
  font-size:1.1rem;
  margin:0 0 .7rem;
  letter-spacing:.05em;
}
.page-contact .quick-promise ol{
  margin:0 0 1.2rem;
  padding-left:1.2rem;
  color:#B0C4DE;
  font-size:.95rem;
}
.page-contact .quick-promise li{
  margin-bottom:.35rem;
}
.page-contact .response-band{
  padding:clamp(2.5rem,6vw,4rem) 1.25rem;
  border-top:1px solid rgba(255,107,53,.2);
  border-bottom:1px solid #1E3A5F;
  background:
    linear-gradient(120deg,rgba(255,107,53,.12),transparent 40%),
    linear-gradient(180deg,rgba(14,42,66,.7),rgba(10,25,47,.9));
}
.page-contact .response-band .content-wrap{
  max-width:1280px;
  margin:0 auto;
}
.page-contact .response-band .head-lg{
  margin-bottom:1.25rem;
}
.page-contact .response-grid{
  display:grid;
  gap:1rem;
  margin-top:1.75rem;
}
.page-contact .response-item{
  background:rgba(10,25,47,.6);
  border:1px solid #1E3A5F;
  border-top:3px solid #FF6B35;
  border-radius:18px;
  padding:1.3rem 1.35rem 1.5rem;
  position:relative;
  transition:transform .25s ease,border-color .25s ease;
}
@media (hover:hover){
  .page-contact .response-item:hover{
    transform:translateY(-4px);
    border-color:rgba(255,107,53,.5);
  }
}
.page-contact .response-icon{
  display:block;
  width:44px;
  height:44px;
  margin-bottom:.85rem;
  color:#FF6B35;
}
.page-contact .response-item h3{
  font-family:Impact,'Arial Black',sans-serif;
  font-size:clamp(1rem,2.4vw,1.12rem);
  margin:0 0 .45rem;
  letter-spacing:.02em;
  line-height:1.25;
}
.page-contact .response-item p{
  margin:0;
  color:#B0C4DE;
  font-size:.9rem;
  line-height:1.6;
}
.page-contact .contact-cards{
  padding:clamp(2.5rem,6vw,4.5rem) 1.25rem;
}
.page-contact .contact-cards .content-wrap{
  max-width:1280px;
  margin:0 auto;
}
.page-contact .contact-cards .head-lg{
  margin-bottom:1.5rem;
}
.page-contact .contact-cards .grid-3{
  display:grid;
  gap:1rem;
  grid-template-columns:minmax(0,1fr);
  margin-top:1.5rem;
}
.page-contact .contact-stack{
  border-radius:18px;
  border:1px solid #1E3A5F;
  border-top:3px solid #FF6B35;
  background:linear-gradient(180deg,rgba(20,58,92,.4),rgba(14,42,66,.7));
  padding:1.4rem 1.5rem 1.6rem;
  position:relative;
}
.page-contact .contact-stack::before{
  content:"";
  position:absolute;
  left:-4px;
  top:1.2rem;
  bottom:1.2rem;
  width:4px;
  background:#FF6B35;
  border-radius:0 4px 4px 0;
  opacity:.8;
}
.page-contact .contact-stack h3{
  font-family:Impact,'Arial Black',sans-serif;
  font-size:1.05rem;
  margin:0 0 .5rem;
  letter-spacing:.04em;
}
.page-contact .contact-stack p{
  margin:.3rem 0;
  font-size:1.02rem;
  font-weight:600;
  color:#F5F7FA;
  word-break:break-word;
}
.page-contact .contact-stack span{
  display:block;
  margin-top:.4rem;
  color:#B0C4DE;
  font-size:.84rem;
  line-height:1.5;
}
.page-contact .contact-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.9rem;
  justify-content:center;
  margin-top:2.5rem;
}
@media (min-width:768px){
  .page-contact .response-grid{
    grid-template-columns:repeat(3,1fr);
    gap:1.25rem;
  }
  .page-contact .contact-cards .grid-3{
    grid-template-columns:repeat(3,1fr);
    gap:1.25rem;
  }
}
@media (min-width:960px){
  .page-contact .hero-grid{
    grid-template-columns:1.6fr .8fr;
    column-gap:3rem;
  }
  .page-contact .contact-main .split-layout{
    grid-template-columns:1.08fr .92fr;
    gap:3rem;
    align-items:start;
  }
  .page-contact .contact-hero{
    padding:calc(var(--header-offset) + 2.5rem) 0 2rem;
  }
}