/* GATE94 identity + premium refinement layer */
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.005em}

/* 01.1 brand identity */
.brand{
  display:inline-flex!important;
  align-items:center!important;
  line-height:1!important;
  text-decoration:none;
}
.brand-wordmark{
  display:block;
  width:172px;
  height:auto;
}
.footer-brand .brand-wordmark{
  width:138px;
}

.site-nav{font-size:13px!important;gap:38px!important;letter-spacing:.025em}
.nav-contact{border-radius:7px!important;padding:10px 17px!important}

.hero{min-height:735px!important}
.hero-content{padding-top:88px!important}
.hero h1{max-width:720px!important;font-size:clamp(56px,5.5vw,84px)!important;font-weight:560!important;letter-spacing:-.046em!important;line-height:1.015!important}
.hero-copy{max-width:560px!important;font-size:18px!important;line-height:1.62!important;color:#b9c4ce!important}
.btn{border-radius:6px!important;font-size:13px!important;letter-spacing:.025em!important;min-height:48px!important}

.principle{padding-top:48px!important;padding-bottom:48px!important}
.principle h2{font-size:17px!important;font-weight:560!important}
.principle p{font-size:13px!important;line-height:1.6!important}

.build-section{padding:108px 0 116px!important}
.build-intro{margin-bottom:56px!important;gap:96px!important}
.build-intro h2,.about-copy h2,.approach-section h2,.contact-section h2{font-weight:540!important;letter-spacing:-.04em!important}
.build-intro>p,.about-copy p:not(.kicker){line-height:1.7!important}

.area-grid{gap:0!important;border-top:1px solid var(--line)}
.area-card{min-height:248px!important;padding:34px 30px 30px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.area-card:not(:first-child){border-left:1px solid var(--line)!important}
.area-card:hover{transform:none!important;background:rgba(255,255,255,.015)!important}
.area-card:after{display:none!important}
.area-symbol{width:48px!important;height:48px!important;margin:26px 0 28px!important}
.area-card h3{font-size:20px!important;font-weight:560!important}
.area-card p{font-size:13px!important;line-height:1.6!important;max-width:220px}
.area-number{top:24px!important;right:24px!important}

.about-section{min-height:650px!important}
.about-copy{padding-top:100px!important;padding-bottom:92px!important}
.about-points{padding-top:28px!important;margin-top:4px}

.approach-section{padding:112px 0!important}
.steps li{padding:27px 0!important}
.steps h3{font-size:17px!important;font-weight:560!important}
.steps p{font-size:13px!important;line-height:1.6!important}

.contact-section{padding:92px 0!important}
.site-footer{padding-top:38px!important;padding-bottom:42px!important}

@media(max-width:1050px){
  .build-intro{gap:48px!important}
  .area-grid{grid-template-columns:repeat(2,1fr)!important}
  .area-card:nth-child(3){border-left:0!important;border-top:1px solid var(--line)!important}
  .area-card:nth-child(4){border-top:1px solid var(--line)!important}
}

@media(max-width:760px){
  .brand-wordmark{width:146px}
  .footer-brand .brand-wordmark{width:126px}
  .hero{min-height:680px!important}
  .hero h1{font-size:46px!important;line-height:1.02!important}
  .hero-copy{font-size:15px!important;line-height:1.65!important}
  .build-section{padding:78px 0 82px!important}
  .area-grid{grid-template-columns:1fr!important}
  .area-card{border-left:0!important;border-top:1px solid var(--line)!important;min-height:220px!important}
  .about-copy{padding-top:68px!important;padding-bottom:64px!important}
  .approach-section{padding:78px 0!important}
  .contact-section{padding:72px 0!important}
}