:root{
  --blue:#064fbd;
  --blue2:#0d66e6;
  --navy:#08111f;
  --ink:#10151e;
  --muted:#606a79;
  --line:#d8dde5;
  --soft:#f7f8fa;
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:var(--ink);line-height:1.5}
a{text-decoration:none;color:inherit}
.shell{width:min(1180px,calc(100% - 44px));margin:auto}
.topbar{height:132px;background:#fff;display:flex;align-items:center;position:relative;z-index:20}
.nav-shell{display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:flex-start;gap:10px;min-width:305px}
.brand-aj{font-weight:900;font-size:88px;letter-spacing:-12px;line-height:.72;color:var(--blue);font-style:italic}
.brand-copy{padding-top:8px}
.brand-bau{font-weight:900;font-size:46px;letter-spacing:-2px;line-height:1}
.brand-sub{font-weight:800;color:var(--blue);font-size:12px;letter-spacing:.6px;margin-top:6px}
.main-nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:12px;font-weight:800}
.main-nav a{padding:16px 0;position:relative}
.main-nav a.active:after,.main-nav a:hover:after{content:"";position:absolute;height:3px;background:var(--blue);bottom:5px;left:0;right:0}
.phone-btn{background:var(--blue);color:#fff;font-size:12px;font-weight:800;padding:18px 17px;display:flex;align-items:center;gap:8px}
.phone-icon{font-size:17px}
.menu-btn{display:none;margin-left:auto;border:0;background:none}
.menu-btn span{display:block;width:26px;height:2px;background:#111;margin:5px}

.hero{height:520px;position:relative;overflow:hidden;color:#fff}
.hero-image{position:absolute;inset:0;background:url("https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=2000&q=90") center 55%/cover no-repeat;transform:scale(1.02)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,13,22,.84) 0%,rgba(7,13,22,.52) 45%,rgba(7,13,22,.08) 82%)}
.hero-shell{position:relative;height:100%;display:flex;align-items:center}
.hero-copy{max-width:650px}
.hero h1{font-size:52px;line-height:1.05;letter-spacing:-2px;margin:0 0 18px;font-weight:900}
.hero h1 span{color:#0f63dc}
.hero p{font-size:18px;max-width:610px;margin-bottom:25px;font-weight:600}
.cta-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--blue);padding:16px 22px;color:#fff;font-size:13px;font-weight:900}
.cta-btn b{font-size:28px;line-height:0}

.services{padding:20px 0 0;background:#fff}
.section-title{padding:10px 0 20px}
.section-title.centered{text-align:center}
.section-title h2{margin:0;font-size:24px;font-weight:900}
.section-title span{display:inline-block;width:42px;height:3px;background:var(--blue);margin-top:8px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e4e7ec}
.service-card{padding:30px 28px 34px;text-align:center;border-right:1px solid #dce0e6}
.service-card:last-child{border-right:0}
.icon-wrap{width:72px;height:72px;color:var(--blue);margin:0 auto 16px}
.icon-wrap svg{width:100%;height:100%}
.service-card h3{font-size:14px;margin:0 0 8px;font-weight:900}
.service-card p{font-size:13px;line-height:1.45;margin:0;color:#2b323c}

.experience{display:grid;grid-template-columns:44% 56%;min-height:470px;background:#fff}
.experience-photo{background:url("https://images.unsplash.com/photo-1485083269755-a7b559a4fe5e?auto=format&fit=crop&w=1400&q=90") center/cover no-repeat;position:relative}
.experience-content{display:flex;position:relative}
.experience-box{position:absolute;left:-188px;bottom:0;width:240px;background:#072f78;color:#fff;padding:30px 28px}
.experience-box strong{display:block;font-size:56px;line-height:1}
.experience-box span{display:block;font-size:14px;font-weight:900;margin:8px 0 10px}
.experience-box p{font-size:11px;margin:0;color:#dce7f8}
.experience-text{padding:45px 50px 32px 92px;width:100%}
.experience-text h2{font-size:24px;margin:0 0 12px;font-weight:900}
.experience-text .lead{font-size:13px;margin-bottom:5px}
.experience-text>p:not(.lead){font-size:13px;color:#343b45;margin-top:0}
.qualities{display:grid;grid-template-columns:1fr 1fr;gap:24px 34px;margin-top:25px}
.quality-item{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:flex-start}
.qicon{width:54px;height:54px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:900;font-size:17px;border:4px solid #d9e6fb}
.quality-item b{font-size:12px}
.quality-item p{font-size:11px;margin:3px 0 0;color:#444c58;line-height:1.45}

.references{padding:25px 0 24px;background:#fff}
.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ref-card{height:210px;position:relative;background-size:cover;background-position:center;overflow:hidden}
.ref-one{background-image:url("https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1200&q=90")}
.ref-two{background-image:url("https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1200&q=90")}
.ref-three{background-image:url("https://images.unsplash.com/photo-1511818966892-d7d671e672a2?auto=format&fit=crop&w=1200&q=90")}
.ref-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,10,20,.46),transparent 68%)}
.ref-label{position:absolute;left:0;right:0;bottom:0;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-weight:900;font-size:14px}
.ref-label b{font-size:22px}

.contact-band{background:linear-gradient(90deg,#0756c9,#0646aa);color:#fff;padding:26px 0}
.contact-band-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.contact-band h2{font-size:21px;margin:0 0 4px;font-weight:900}
.contact-band p{font-size:13px;margin:0;color:#e8f0ff}
.contact-band-actions{display:flex;gap:12px}
.contact-band-actions a{border:1px solid rgba(255,255,255,.65);padding:14px 18px;font-size:13px;font-weight:800;min-width:200px;text-align:center}

footer{background:var(--navy);color:#fff;padding:34px 0 40px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr .8fr;gap:40px}
.footer-logo .brand-aj{color:#fff}
.footer-logo .brand-bau,.footer-logo .brand-sub{color:#fff}
.footer-logo .brand-aj{font-size:62px}
.footer-logo .brand-bau{font-size:34px}
.footer-logo .brand-sub{font-size:9px}
.footer-brand p{font-size:12px;color:#e0e5ec}
.footer-col{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#d7dce5}
.footer-col h4{font-size:11px;margin:0 0 5px;color:#fff}
.footer-col a:hover{color:#72a7ff}

.legal-page{max-width:900px;margin:0 auto;padding:90px 24px}
.legal-page h1{font-size:48px;margin-bottom:25px}
.legal-page h2{font-size:20px;margin-top:35px}
.legal-page p{color:#4e5968}
.notice{background:#edf4ff;border-left:4px solid var(--blue);padding:16px}

@media(max-width:1050px){
  .brand{min-width:auto}
  .main-nav{display:none;position:absolute;top:95px;left:0;right:0;background:#fff;padding:20px 24px;box-shadow:0 10px 30px rgba(0,0,0,.1);flex-direction:column;align-items:flex-start}
  .main-nav.open{display:flex}
  .phone-btn{margin-left:auto}
  .menu-btn{display:block}
  .topbar{height:95px}
  .brand-aj{font-size:62px}
  .brand-bau{font-size:32px}
  .brand-sub{font-size:9px}
  .hero{height:500px}
  .service-grid{grid-template-columns:1fr 1fr}
  .service-card:nth-child(2){border-right:0}
  .service-card{border-bottom:1px solid #dce0e6}
  .experience{grid-template-columns:1fr}
  .experience-photo{height:360px}
  .experience-content{display:block}
  .experience-box{position:relative;left:auto;bottom:auto;width:auto}
  .experience-text{padding:35px 30px}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .shell{width:min(100% - 28px,1180px)}
  .phone-btn{display:none}
  .hero{height:520px}
  .hero h1{font-size:42px}
  .hero p{font-size:15px}
  .service-grid{grid-template-columns:1fr}
  .service-card{border-right:0}
  .qualities{grid-template-columns:1fr}
  .reference-grid{grid-template-columns:1fr}
  .ref-card{height:240px}
  .contact-band-inner{flex-direction:column;align-items:flex-start}
  .contact-band-actions{width:100%;flex-direction:column}
  .contact-band-actions a{width:100%}
  .footer-grid{grid-template-columns:1fr}
}

.partner-strip{background:#eef3fa;border-top:1px solid #d9e2ef;border-bottom:1px solid #d9e2ef}
.partner-strip-inner{min-height:72px;display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}
.partner-strip span{font-size:10px;letter-spacing:1.6px;color:#6c7889;font-weight:800}
.partner-strip b{font-size:12px;color:#0c326a;letter-spacing:.4px}
.partner-strip i{width:4px;height:4px;border-radius:50%;background:#0b55d4}
@media(max-width:700px){.partner-strip-inner{padding:18px 0;gap:12px 16px}.partner-strip span{width:100%;text-align:center}}