:root{
  --blue-950:#06152f;
  --blue-900:#0a2463;
  --blue-800:#0e3fa5;
  --blue-700:#1261f3;
  --blue-600:#2d7dff;
  --blue-500:#43a0ff;
  --blue-200:#cfe3ff;
  --blue-100:#eef6ff;
  --blue-050:#f7fbff;
  --white:#ffffff;
  --text:#0d1d3e;
  --muted:#5f6f8f;
  --line:rgba(18,97,243,.14);
  --shadow:0 22px 60px rgba(6,21,47,.11);
  --shadow-strong:0 30px 80px rgba(6,21,47,.18);
  --radius-xl:34px;
  --radius-lg:26px;
  --radius-md:18px;
  --max:1220px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 6% 2%, rgba(67,160,255,.22), transparent 30rem),
    radial-gradient(circle at 90% 0%, rgba(207,227,255,.44), transparent 28rem),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 42%,#ffffff 100%);
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background-image:linear-gradient(rgba(18,97,243,.04) 1px, transparent 1px),linear-gradient(90deg, rgba(18,97,243,.04) 1px, transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.45), transparent 72%);
}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.container{width:min(var(--max),calc(100% - 34px));margin:0 auto}
.section-pad{padding:86px 0;scroll-margin-top:175px}
h1,h2,h3{
  font-family:Sora,Manrope,sans-serif;
  margin:0;
  letter-spacing:-.045em;
  line-height:.98;
}
h1{font-size:clamp(44px,6.3vw,82px);max-width:760px}
h2{font-size:clamp(34px,4.6vw,60px)}
h3{font-size:clamp(24px,2.4vw,38px)}
p{line-height:1.72}
.eyebrow{
  margin:0 0 14px;
  color:var(--blue-700);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:12px;
  font-weight:900;
}
.lead,.section-head p,.model-copy p,.config-showcase p,.config-steps p,.service-card p,.contact-panel p{
  color:var(--muted);
  font-size:16.5px;
}
.top-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(18px);
  box-shadow:0 12px 38px rgba(6,21,47,.08);
}
.utility{
  color:#fff;
  background:linear-gradient(135deg,var(--blue-950),var(--blue-800));
}
.utility-inner{
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  font-size:12px;
  font-weight:800;
}
.utility-left,.utility-right{
  display:flex;
  gap:14px;
  align-items:center;
  flex-wrap:wrap;
}
.viber-small{
  padding:7px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.2);
}
.brand-row{
  min-height:82px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.brand img{width:270px;height:auto}
.tabs{
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:auto;
  scrollbar-width:none;
  border-top:1px solid rgba(18,97,243,.08);
}
.tabs::-webkit-scrollbar{display:none}
.tabs a{
  min-height:56px;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 27px;
  color:#14336d;
  font-size:14px;
  font-weight:900;
  border-left:1px solid rgba(18,97,243,.09);
  position:relative;
}
.tabs a:last-child{border-right:1px solid rgba(18,97,243,.09)}
.tabs a::after{
  content:"";
  position:absolute;
  left:20px;
  right:20px;
  bottom:10px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--blue-800),var(--blue-500));
  transform:scaleX(0);
  transition:transform .2s ease;
}
.tabs a:hover::after{transform:scaleX(1)}
.tab-contact{
  color:#fff!important;
  background:linear-gradient(135deg,var(--blue-800),var(--blue-500));
}
.tab-contact::after{background:#fff!important}
.nav-toggle{
  display:none;
  width:46px;
  height:46px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#fff;
}
.nav-toggle span{
  display:block;
  width:22px;
  height:2px;
  margin:4px auto;
  background:var(--blue-800);
  border-radius:999px;
}
.hero{
  display:grid;
  grid-template-columns:.86fr 1.14fr;
  gap:34px;
  align-items:center;
  padding:58px 0 22px;
}
.hero-copy strong{color:var(--blue-800)}
.actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin:30px 0 22px;
}
.btn{
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 22px;
  border-radius:15px;
  font-size:14px;
  font-weight:900;
  transition:transform .2s ease, box-shadow .2s ease;
}
.btn:hover{transform:translateY(-2px)}
.primary{
  color:#fff;
  background:linear-gradient(135deg,var(--blue-800),var(--blue-500));
  box-shadow:0 18px 38px rgba(18,97,243,.25);
  border:0;
}
.outline{
  color:var(--blue-800);
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.proof{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
}
.proof span{
  padding:9px 12px;
  border-radius:999px;
  color:#24508f;
  font-size:13px;
  font-weight:800;
  background:var(--blue-100);
  border:1px solid var(--line);
}
.hero-grid{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  grid-template-rows:270px 270px;
  gap:16px;
}
.hero-tile{
  position:relative;
  overflow:hidden;
  border-radius:var(--radius-xl);
  background:#fff;
  box-shadow:var(--shadow-strong);
}
.hero-tile.main{grid-row:span 2}
.hero-tile img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.02);
  animation:softZoom 9s ease-in-out infinite alternate;
}
.tile-caption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:24px;
  color:#fff;
  background:linear-gradient(180deg,transparent 0%,rgba(6,21,47,.82) 100%);
}
.tile-caption p{
  margin:0 0 8px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.tile-caption h2,.tile-caption h3{color:#fff}
.tile-caption.compact h3{font-size:24px}
.quick{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  padding:20px 0 12px;
}
.quick a{
  padding:22px;
  border-radius:24px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  transition:transform .2s ease, box-shadow .2s ease;
}
.quick a:hover{transform:translateY(-5px);box-shadow:var(--shadow-strong)}
.quick strong{
  display:block;
  margin-bottom:8px;
  color:var(--blue-900);
  font-family:Sora,Manrope,sans-serif;
  font-size:17px;
}
.quick span{
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
  font-weight:700;
}
.section-head{
  max-width:820px;
  margin:0 auto 40px;
  text-align:center;
}
.model-block{
  display:grid;
  grid-template-columns:.34fr .66fr;
  gap:24px;
  align-items:center;
  margin-bottom:36px;
  padding:24px;
  border-radius:var(--radius-xl);
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.model-block.reverse{grid-template-columns:.66fr .34fr}
.model-block.reverse .model-copy{order:2}
.model-block.reverse .model-media{order:1}
.model-copy{
  padding:10px 10px 10px 4px;
}
.model-kicker{
  margin:0 0 12px;
  color:var(--blue-700);
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.spec-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.spec-chips span{
  padding:9px 11px;
  border-radius:999px;
  background:var(--blue-100);
  color:#255399;
  font-size:12px;
  font-weight:900;
}
.model-media{
  display:grid;
  gap:14px;
}
.media-nammi,.media-bz3x{
  grid-template-columns:1.05fr .95fr;
  grid-auto-rows:230px;
}
.media-bz4x{
  grid-template-columns:1fr 1fr;
  grid-auto-rows:210px;
}
.photo{
  margin:0;
  overflow:hidden;
  border-radius:24px;
  background:var(--blue-050);
  border:1px solid var(--line);
}
.photo.wide{grid-column:span 2}
.photo.tall{grid-row:span 2}
.photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s ease;
}
.photo:hover img{transform:scale(1.04)}
.config-layout{
  display:grid;
  grid-template-columns:.96fr 1.04fr;
  gap:24px;
  align-items:stretch;
}
.config-steps{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.config-steps article,.service-card{
  padding:24px;
  border-radius:24px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.config-steps span,.service-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  margin-bottom:16px;
  color:#fff;
  font-weight:900;
  border-radius:15px;
  background:linear-gradient(135deg,var(--blue-800),var(--blue-500));
}
.config-steps h3,.service-card h3{font-size:22px;letter-spacing:-.035em}
.config-showcase{
  overflow:hidden;
  border-radius:var(--radius-xl);
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.config-showcase img{
  width:100%;
  height:360px;
  object-fit:cover;
}
.config-showcase div{padding:24px}
.services-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.service-card{
  min-height:255px;
  transition:transform .2s ease, box-shadow .2s ease;
}
.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-strong)}
.contact-panel{
  padding:30px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  align-items:center;
  border-radius:var(--radius-xl);
  background:linear-gradient(135deg,#fff,var(--blue-100));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.contact-list{
  display:grid;
  gap:12px;
  justify-items:end;
}
.contact-list a,.contact-list span{
  width:fit-content;
  padding:14px 16px;
  border-radius:16px;
  background:#fff;
  border:1px solid var(--line);
  color:#1d4282;
  font-weight:900;
}
.contact-list .contact-main{
  color:#fff;
  background:linear-gradient(135deg,var(--blue-800),var(--blue-500));
  box-shadow:0 16px 34px rgba(18,97,243,.22);
}
.enquiry-form{
  margin-top:24px;
  padding:26px;
  border-radius:var(--radius-xl);
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
label{
  display:grid;
  gap:8px;
  margin-bottom:16px;
  color:#26467f;
  font-size:13px;
  font-weight:900;
}
input,select,textarea{
  width:100%;
  padding:15px 16px;
  border-radius:15px;
  border:1px solid rgba(18,97,243,.16);
  background:#fbfdff;
  color:var(--text);
  outline:none;
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(18,97,243,.48);
  box-shadow:0 0 0 4px rgba(18,97,243,.1);
}
.footer{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:24px 0 88px;
  color:var(--muted);
  font-size:14px;
}
.footer a{color:var(--blue-700);font-weight:900}
.floating-call{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:45;
  padding:15px 19px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,var(--blue-800),var(--blue-500));
  box-shadow:0 20px 44px rgba(18,97,243,.3);
  font-size:14px;
  font-weight:900;
}
.reveal{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .8s ease, transform .8s ease;
}
.reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}
@keyframes softZoom{
  from{transform:scale(1.02) translate3d(-3px,2px,0)}
  to{transform:scale(1.07) translate3d(4px,-2px,0)}
}
@media(max-width:1100px){
  .hero,.model-block,.model-block.reverse,.config-layout,.contact-panel{
    grid-template-columns:1fr;
  }
  .model-block.reverse .model-copy,.model-block.reverse .model-media{order:initial}
  .quick,.services-grid{grid-template-columns:repeat(2,1fr)}
  .hero-grid{grid-template-columns:1fr;grid-template-rows:360px 260px 260px}
  .hero-tile.main{grid-row:auto}
  .media-bz4x,.media-nammi,.media-bz3x{grid-auto-rows:210px}
}
@media(max-width:760px){
  .container{width:min(var(--max),calc(100% - 24px))}
  .utility-inner{
    padding:9px 0;
    align-items:flex-start;
    flex-direction:column;
  }
  .brand-row{min-height:74px}
  .brand img{width:215px}
  .nav-toggle{display:block}
  .tabs{
    display:none;
    padding-bottom:12px;
    flex-direction:column;
    gap:8px;
  }
  .tabs.is-open{display:flex}
  .tabs a{
    width:100%;
    min-height:48px;
    justify-content:flex-start;
    border:1px solid var(--line);
    border-radius:15px;
  }
  .hero{padding-top:34px}
  .quick,.config-steps,.services-grid,.form-row{
    grid-template-columns:1fr;
  }
  .media-bz4x,.media-nammi,.media-bz3x{
    grid-template-columns:1fr;
    grid-auto-rows:230px;
  }
  .photo.wide,.photo.tall{grid-column:auto;grid-row:auto}
  .contact-list{justify-items:start}
  .floating-call{left:16px;right:16px;text-align:center}
}
@media(max-width:480px){
  h1{font-size:40px}
  .actions{flex-direction:column}
  .btn{width:100%}
  .hero-grid{grid-template-rows:300px 220px 220px}
  .section-pad{padding:60px 0}
}



.legal-footnote{
  margin-top:8px;
  margin-bottom:10px;
  padding:18px 20px;
  border-radius:18px;
  background:rgba(238,246,255,.72);
  border:1px solid rgba(18,97,243,.14);
  color:#5f6f8f;
  font-size:11.5px;
  line-height:1.7;
}
.legal-footnote p{
  margin:0;
}
.legal-footnote strong{
  color:#173b7a;
}



/* Technical specifications section */
.technical-specs{
  padding-top:86px;
}

.spec-summary-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-bottom:24px;
}

.spec-model-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-xl);
  box-shadow:var(--shadow);
  overflow:hidden;
}

.spec-model-head{
  padding:24px;
  color:#fff;
  background:linear-gradient(135deg,var(--blue-950),var(--blue-700));
}

.spec-model-head span{
  display:block;
  margin-bottom:8px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  opacity:.88;
}

.spec-model-head h3{
  color:#fff;
  font-size:28px;
}

.spec-model-card dl{
  margin:0;
  padding:20px;
  display:grid;
  gap:10px;
}

.spec-model-card dl div{
  padding:13px 0;
  border-bottom:1px solid rgba(18,97,243,.10);
}

.spec-model-card dl div:last-child{
  border-bottom:0;
}

.spec-model-card dt{
  margin-bottom:4px;
  color:#244984;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.spec-model-card dd{
  margin:0;
  color:var(--text);
  font-size:14px;
  line-height:1.55;
  font-weight:750;
}

.spec-table-card{
  margin-top:24px;
  padding:26px;
  border-radius:var(--radius-xl);
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}

.spec-table-intro{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  margin-bottom:20px;
}

.spec-table-intro h3{
  font-size:28px;
}

.spec-table-wrap{
  overflow-x:auto;
}

.technical-table{
  width:100%;
  min-width:1100px;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(18,97,243,.12);
}

.technical-table th,
.technical-table td{
  padding:15px 14px;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid rgba(18,97,243,.10);
  border-right:1px solid rgba(18,97,243,.08);
}

.technical-table th{
  color:#fff;
  background:linear-gradient(135deg,var(--blue-900),var(--blue-700));
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  white-space:nowrap;
}

.technical-table td{
  color:#233c70;
  font-size:13px;
  line-height:1.55;
  font-weight:750;
  background:#fbfdff;
}

.technical-table tr:nth-child(even) td{
  background:#f3f8ff;
}

.technical-table th:last-child,
.technical-table td:last-child{
  border-right:0;
}

.technical-table tr:last-child td{
  border-bottom:0;
}

.technical-note{
  margin-top:18px;
  padding:18px 20px;
  border-radius:18px;
  background:linear-gradient(135deg,#eef6ff,#ffffff);
  border:1px solid rgba(18,97,243,.14);
  color:#5f6f8f;
  font-size:13px;
  line-height:1.7;
}

.technical-note strong{
  color:#173b7a;
}

@media(max-width:1100px){
  .spec-summary-grid{
    grid-template-columns:1fr;
  }
  .spec-table-intro{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(max-width:760px){
  .technical-specs{
    padding-top:60px;
  }
  .spec-table-card{
    padding:18px;
  }
  .spec-model-head{
    padding:20px;
  }
}



/* Bright blue + lighter typography revision */
:root{
  --blue-950:#03122f;
  --blue-900:#052c7a;
  --blue-800:#0062ff;
  --blue-700:#0078ff;
  --blue-600:#1494ff;
  --blue-500:#40b7ff;
  --blue-200:#bfe4ff;
  --blue-100:#e9f7ff;
  --blue-050:#f7fcff;
  --text:#10203a;
  --muted:#62718a;
  --line:rgba(0,120,255,.16);
  --shadow:0 18px 46px rgba(0,98,255,.09);
  --shadow-strong:0 24px 64px rgba(0,98,255,.15);
}

body,
button,
input,
select,
textarea,
a,
p,
span,
li,
td,
th,
dt,
dd,
strong,
b,
label,
.btn,
.tabs a,
.utility-inner,
.quick strong,
.service-card h3,
.config-steps h3,
.spec-model-card dd,
.spec-model-card dt,
.contact-list a,
.contact-list span{
  font-weight:400 !important;
}

h1,h2,h3,
.section-head h2,
.model-copy h3,
.spec-model-head h3,
.spec-table-intro h3,
.contact-panel h2,
.config-showcase h3,
.tile-caption h2,
.tile-caption h3{
  font-weight:400 !important;
  letter-spacing:-.025em !important;
}

h1{
  font-size:clamp(34px,4.8vw,58px) !important;
  line-height:1.06 !important;
}

h2{
  font-size:clamp(25px,3.3vw,40px) !important;
  line-height:1.08 !important;
}

h3{
  font-size:clamp(18px,2vw,26px) !important;
  line-height:1.12 !important;
}

.eyebrow,
.model-kicker,
.model-label,
.spec-model-head span,
.tile-caption p{
  font-size:10px !important;
  letter-spacing:.12em !important;
  font-weight:400 !important;
}

.lead,
.section-head p,
.model-copy p,
.config-showcase p,
.config-steps p,
.service-card p,
.contact-panel p,
.spec-model-card dd,
.technical-note,
.legal-footnote{
  font-size:13px !important;
  line-height:1.62 !important;
}

.tabs a{
  min-height:50px !important;
  padding:0 21px !important;
  font-size:12px !important;
}

.utility-inner{
  font-size:11px !important;
  min-height:36px !important;
}

.brand-row{
  min-height:72px !important;
}

.brand img{
  width:238px !important;
}

.hero{
  padding-top:42px !important;
}

.quick strong{
  font-size:14px !important;
}

.quick span{
  font-size:12px !important;
}

.quick a,
.service-card,
.config-steps article,
.info-card{
  padding:19px !important;
}

.model-block{
  padding:20px !important;
}

.spec-model-head{
  background:linear-gradient(135deg,#052c7a,#0078ff,#40b7ff) !important;
  padding:20px !important;
}

.primary,
.tab-contact,
.contact-list .contact-main,
.floating-call,
.service-icon,
.config-steps span,
.info-no{
  background:linear-gradient(135deg,#0062ff,#1494ff,#40b7ff) !important;
}

.utility{
  background:linear-gradient(135deg,#03122f,#0062ff) !important;
}

.spec-model-card dl{
  padding:16px !important;
}

.spec-model-card dl div{
  padding:10px 0 !important;
}

.spec-table-card{
  padding:20px !important;
}

.technical-table th,
.technical-table td{
  padding:12px 11px !important;
  font-size:12px !important;
}

.technical-table th{
  background:linear-gradient(135deg,#052c7a,#0078ff) !important;
}

.technical-note,
.legal-footnote{
  padding:14px 16px !important;
  background:rgba(233,247,255,.74) !important;
}

.contact-list a,
.contact-list span{
  font-size:13px !important;
}

@media(max-width:760px){
  h1{
    font-size:34px !important;
  }
  .tabs a{
    min-height:44px !important;
  }
  .brand img{
    width:205px !important;
  }
}



/* Elegance refinement: lighter text, cleaner spacing, rearranged bZ4X gallery */
:root{
  --blue-950:#06183f;
  --blue-900:#07358f;
  --blue-800:#006dff;
  --blue-700:#0086ff;
  --blue-600:#1aa1ff;
  --blue-500:#52c2ff;
  --blue-100:#edf8ff;
  --blue-050:#f8fcff;
  --text:#13233d;
  --muted:#66758c;
  --line:rgba(0,134,255,.13);
  --shadow:0 16px 42px rgba(0,109,255,.08);
  --shadow-strong:0 24px 68px rgba(0,109,255,.13);
}

body{
  background:
    radial-gradient(circle at 8% 0%, rgba(82,194,255,.20), transparent 28rem),
    radial-gradient(circle at 92% 3%, rgba(237,248,255,.95), transparent 32rem),
    linear-gradient(180deg,#ffffff 0%,#f8fcff 48%,#ffffff 100%) !important;
}

.top-header{
  box-shadow:0 10px 32px rgba(6,24,63,.06) !important;
}

.utility{
  background:linear-gradient(135deg,#06183f,#006dff,#1aa1ff) !important;
}

.utility-inner,
.utility-inner a,
.utility-inner span{
  font-weight:400 !important;
}

.brand-row{
  min-height:68px !important;
}

.brand img{
  width:220px !important;
}

.tabs{
  justify-content:flex-start !important;
  border-top:1px solid rgba(0,134,255,.08) !important;
}

.tabs a{
  min-height:48px !important;
  padding:0 20px !important;
  font-size:12px !important;
  font-weight:400 !important;
  color:#183a75 !important;
}

.tab-contact{
  color:#fff !important;
  background:linear-gradient(135deg,#006dff,#52c2ff) !important;
}

.hero{
  grid-template-columns:.82fr 1.18fr !important;
  gap:38px !important;
  padding:46px 0 18px !important;
}

h1{
  max-width:640px !important;
  font-size:clamp(32px,4.3vw,52px) !important;
  line-height:1.1 !important;
}

h2{
  font-size:clamp(24px,3vw,36px) !important;
}

h3{
  font-size:clamp(18px,1.8vw,24px) !important;
}

.lead,
.section-head p,
.model-copy p,
.config-showcase p,
.config-steps p,
.service-card p,
.contact-panel p{
  font-size:13px !important;
  color:#66758c !important;
}

.proof span,
.spec-chips span,
.quick span{
  font-size:11.5px !important;
}

.hero-grid{
  grid-template-columns:1.2fr .8fr !important;
  grid-template-rows:255px 255px !important;
  gap:14px !important;
}

.hero-tile,
.photo,
.model-block,
.quick a,
.config-steps article,
.config-showcase,
.service-card,
.contact-panel,
.enquiry-form,
.spec-model-card,
.spec-table-card{
  border-radius:24px !important;
  border-color:rgba(0,134,255,.10) !important;
  box-shadow:0 14px 38px rgba(6,24,63,.07) !important;
}

.hero-tile.main{
  border-radius:30px !important;
}

.tile-caption{
  padding:20px !important;
  background:linear-gradient(180deg,transparent 0%,rgba(6,24,63,.68) 100%) !important;
}

.quick{
  padding-top:18px !important;
  gap:12px !important;
}

.quick a{
  padding:18px !important;
}

.quick strong{
  font-size:13px !important;
  font-weight:400 !important;
}

.section-pad{
  padding:74px 0 !important;
}

.section-head{
  max-width:760px !important;
  margin-bottom:34px !important;
}

.model-block{
  grid-template-columns:.30fr .70fr !important;
  gap:28px !important;
  padding:22px !important;
  background:rgba(255,255,255,.92) !important;
}

.model-block.reverse{
  grid-template-columns:.70fr .30fr !important;
}

.model-copy{
  padding:6px !important;
}

.model-kicker,
.eyebrow{
  color:#0078ff !important;
  font-size:9.5px !important;
  letter-spacing:.11em !important;
}

.media-nammi,
.media-bz3x{
  grid-auto-rows:218px !important;
}

/* Rearranged bZ4X gallery */
.refined-bz4x-gallery{
  display:grid !important;
  grid-template-columns:1.35fr .82fr .82fr !important;
  grid-template-rows:188px 188px 140px !important;
  gap:12px !important;
}

.refined-bz4x-gallery .bz4x-main{
  grid-column:1 / 2 !important;
  grid-row:1 / 3 !important;
}

.refined-bz4x-gallery .bz4x-support:nth-of-type(2){
  grid-column:2 / 3 !important;
  grid-row:1 / 2 !important;
}

.refined-bz4x-gallery .bz4x-support:nth-of-type(3){
  grid-column:3 / 4 !important;
  grid-row:1 / 2 !important;
}

.refined-bz4x-gallery .bz4x-detail:nth-of-type(4){
  grid-column:2 / 3 !important;
  grid-row:2 / 3 !important;
}

.refined-bz4x-gallery .bz4x-detail:nth-of-type(5){
  grid-column:3 / 4 !important;
  grid-row:2 / 3 !important;
}

.refined-bz4x-gallery::after{
  content:"bZ4X 615ProMax";
  grid-column:1 / 4;
  grid-row:3 / 4;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:20px;
  color:#1c4f97;
  background:linear-gradient(135deg,#edf8ff,#ffffff);
  border:1px solid rgba(0,134,255,.10);
  font-family:Sora,Manrope,sans-serif;
  font-size:20px;
  font-weight:400;
  letter-spacing:-.02em;
}

.photo img{
  transition:transform .45s ease, filter .45s ease !important;
}

.photo:hover img{
  transform:scale(1.025) !important;
  filter:saturate(1.04) contrast(1.02);
}

.config-layout{
  gap:18px !important;
}

.services-grid{
  gap:14px !important;
}

.service-card{
  min-height:220px !important;
  padding:21px !important;
}

.service-icon,
.config-steps span,
.info-no{
  width:42px !important;
  height:42px !important;
  border-radius:13px !important;
  font-size:12px !important;
  font-weight:400 !important;
  background:linear-gradient(135deg,#006dff,#52c2ff) !important;
}

.contact-panel{
  padding:26px !important;
  background:linear-gradient(135deg,#ffffff,#edf8ff) !important;
}

.contact-list a,
.contact-list span{
  font-size:12.5px !important;
  padding:12px 14px !important;
}

.legal-footnote{
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  font-size:10.5px !important;
  opacity:.82;
}

.footer{
  padding-top:12px !important;
}

@media(max-width:1100px){
  .hero,
  .model-block,
  .model-block.reverse{
    grid-template-columns:1fr !important;
  }

  .model-block.reverse .model-copy,
  .model-block.reverse .model-media{
    order:initial !important;
  }

  .refined-bz4x-gallery{
    grid-template-columns:1fr 1fr !important;
    grid-template-rows:260px 180px 180px 100px !important;
  }

  .refined-bz4x-gallery .bz4x-main{
    grid-column:1 / 3 !important;
    grid-row:1 / 2 !important;
  }

  .refined-bz4x-gallery .bz4x-support:nth-of-type(2){
    grid-column:1 / 2 !important;
    grid-row:2 / 3 !important;
  }

  .refined-bz4x-gallery .bz4x-support:nth-of-type(3){
    grid-column:2 / 3 !important;
    grid-row:2 / 3 !important;
  }

  .refined-bz4x-gallery .bz4x-detail:nth-of-type(4){
    grid-column:1 / 2 !important;
    grid-row:3 / 4 !important;
  }

  .refined-bz4x-gallery .bz4x-detail:nth-of-type(5){
    grid-column:2 / 3 !important;
    grid-row:3 / 4 !important;
  }

  .refined-bz4x-gallery::after{
    grid-column:1 / 3 !important;
    grid-row:4 / 5 !important;
  }
}

@media(max-width:760px){
  .brand img{
    width:198px !important;
  }

  .hero-grid{
    grid-template-columns:1fr !important;
    grid-template-rows:300px 210px 210px !important;
  }

  .quick{
    grid-template-columns:1fr !important;
  }

  .refined-bz4x-gallery,
  .media-nammi,
  .media-bz3x{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
    grid-auto-rows:220px !important;
  }

  .refined-bz4x-gallery .bz4x-main,
  .refined-bz4x-gallery .bz4x-support:nth-of-type(2),
  .refined-bz4x-gallery .bz4x-support:nth-of-type(3),
  .refined-bz4x-gallery .bz4x-detail:nth-of-type(4),
  .refined-bz4x-gallery .bz4x-detail:nth-of-type(5){
    grid-column:auto !important;
    grid-row:auto !important;
  }

  .refined-bz4x-gallery::after{
    grid-column:auto !important;
    grid-row:auto !important;
    min-height:76px;
  }

  .photo.wide{
    grid-column:auto !important;
  }
}



/* Linked hero tiles + elegant refinements */
.hero-note{
  margin:16px 0 0;
  color:#73819a;
  font-size:12px;
  line-height:1.6;
}

.linked-tile{
  display:block;
  position:relative;
  text-decoration:none;
  isolation:isolate;
}

.linked-tile::before{
  content:"View model";
  position:absolute;
  right:16px;
  top:16px;
  z-index:2;
  padding:8px 12px;
  border-radius:999px;
  color:#1a4e95;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(10px);
  border:1px solid rgba(0,134,255,.12);
  font-size:11px;
  font-weight:400;
  letter-spacing:.04em;
  opacity:0;
  transform:translateY(-4px);
  transition:opacity .25s ease, transform .25s ease;
}

.linked-tile::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.35);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
  pointer-events:none;
}

.linked-tile:hover::before,
.linked-tile:focus-visible::before{
  opacity:1;
  transform:translateY(0);
}

.linked-tile img{
  transition:transform .55s ease, filter .55s ease;
}

.linked-tile:hover img,
.linked-tile:focus-visible img{
  transform:scale(1.04);
  filter:saturate(1.04) contrast(1.02);
}

.linked-tile .tile-caption{
  transition:background .25s ease, transform .25s ease;
}

.linked-tile:hover .tile-caption,
.linked-tile:focus-visible .tile-caption{
  background:linear-gradient(180deg,transparent 0%,rgba(6,24,63,.78) 100%) !important;
  transform:translateY(-2px);
}

.linked-tile:focus-visible{
  outline:2px solid rgba(0,134,255,.42);
  outline-offset:4px;
}

.hero-grid{
  align-items:stretch;
}

.hero-tile.main .tile-caption h2,
.hero-tile.stacked .tile-caption h3{
  text-shadow:0 2px 12px rgba(0,0,0,.18);
}

.tile-caption p{
  display:inline-block;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(86,155,255,.28);
  backdrop-filter:blur(8px);
}

.hero-tile{
  overflow:hidden;
}

@media(max-width:760px){
  .linked-tile::before{
    opacity:1;
    transform:none;
    font-size:10px;
    padding:7px 10px;
  }
}