*{box-sizing:border-box}
:root{
  --teal:#008b80;
  --teal-bright:#16db93;
  --slate:#0f172a;
  --beige:#fdf6ec;
  --ink:#0f172a;
  --muted:#475569;
}
html,body{margin:0;padding:0}
body{
  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
  color:var(--ink);
  background:#ffffff;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.container{max-width:1200px;margin:0 auto;padding:0 14px}
header.qcn-header{
  background:var(--beige);
}
header.qcn-header .inner{
  display:flex;justify-content:space-between;align-items:center;
  padding:14px 0;
}
.brand{display:flex;gap:.85rem;align-items:center}
.brand .name{font-weight:900;line-height:1;font-size:1.25rem}
.brand .tagline{font-size:1rem;color:var(--muted)}
.logo{width:180px;height:180px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.05)}
.logo img{width:100%;height:100%;object-fit:cover}
.nav{display:flex;gap:.7rem;align-items:center}
a, button{font:inherit;cursor:pointer;border:none;text-decoration:none}
.ghost-btn{background:transparent;padding:.55rem .85rem;border-radius:999px;color:var(--ink)}
.primary-btn{background:var(--teal);color:#fff;padding:.7rem 1.15rem;border-radius:999px;font-weight:800}
.secondary-btn{background:#e2e8f0;color:var(--ink);padding:.7rem 1.05rem;border-radius:999px}
.hero{background:var(--beige);}
.hero .inner{display:flex;gap:1.2rem;padding:22px 0}
.hero-text{flex:1 1 55%}
.hero-text h3{font-size:.95rem;letter-spacing:.03em;text-transform:uppercase;color:#0f766e;margin:.2rem 0 .45rem}
.hero-text h1{font-size:2.2rem;margin:.2rem 0 .75rem}
.hero-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin:.7rem 0 .25rem}
.hero-meta{font-size:.92rem;color:var(--muted)}
.hero-img{flex:1 1 45%}
.hero-img img{width:100%;height:100%;object-fit:cover;border-radius:16px}
section.block{padding:24px 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.card{background:#f1f5f9;border-radius:12px;padding:14px 14px;font-size:1rem}
.footer{border-top:1px solid rgba(15,23,42,.08);padding:16px 0;color:var(--muted);font-size:.95rem}
.footer a{color:inherit}
.cta-bar{background:#0a223910;color:#0a2239;padding:14px;border-radius:10px;text-align:center}
.small{font-size:.92rem;color:var(--muted)}
.main{min-height:48vh}
/* Mobile */
@media (max-width: 900px){
  .logo{width:64px;height:64px}
  .nav{display:none}
  .hero .inner{flex-direction:column}
}


  
}

/* Header nav pill overrides */
.nav a{display:inline-block;text-decoration:none}
.nav .secondary-btn{background:#e2e8f0;color:var(--ink);padding:.7rem 1.05rem;border-radius:999px}
.nav .primary-btn{background:var(--teal);color:#fff;padding:.7rem 1.15rem;border-radius:999px;font-weight:800}



.nav{gap:.5rem}
.nav .contact{background:#e2e8f0;color:var(--ink);padding:.7rem 1.05rem;border-radius:999px}
.hero-meta:empty{display:none}
/* Local carousel using assets */


/* FIX10 Carousel */

.hero-carousel{position:relative;margin-top:16px;border-radius:14px;overflow:hidden;background:var(--beige);}
.hero-carousel,.hero-carousel .stage{height:380px}
.hero-carousel .stage{position:relative}
.hero-carousel .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease-in-out;background:var(--beige)}
.hero-carousel img{width:100%;height:100%;object-fit:contain;display:block}
/* 3-slide crossfade, 30s total cycle */
@keyframes fade3 {
  0%{opacity:1}
  27%{opacity:1}
  33%{opacity:0}
  94%{opacity:0}
  100%{opacity:1}
}
.hero-carousel .slide:nth-child(1){animation:fade3 30s infinite}
.hero-carousel .slide:nth-child(2){animation:fade3 30s infinite 10s}
.hero-carousel .slide:nth-child(3){animation:fade3 30s infinite 20s}

@media (max-width: 900px){
  .hero-carousel,.hero-carousel .stage{height:260px}
}