/* =========================================================
   Layout System
   Sections, Titles, Dividers, Lists, Page Rhythm
   ========================================================= */


/* ---------------------------------------------------------
   Section Layout
--------------------------------------------------------- */

.uw-section{
  padding:var(--uw-section-pad-y) var(--uw-section-pad-x);
}

.uw-section-sm{
  padding:clamp(2rem,4vw,3rem) var(--uw-section-pad-x);
}

.uw-section-lg{
  padding:clamp(4rem,7vw,6rem) var(--uw-section-pad-x);
}


/* Section backgrounds */

.uw-section-light{
  background:#f7f8fa;
  border-bottom:1px solid rgba(0,0,0,.10);
}

.uw-section-white{
  background:#ffffff;
}

.uw-section-dark{
  background:var(--uw-blue-dark);
  color:#fff;
}


/* ---------------------------------------------------------
   Section Container System
--------------------------------------------------------- */

.uw-section-container{
  max-width:1100px;
  margin:auto;
}

.uw-section-container-narrow{
  max-width:720px;
  margin:auto;
}


/* ---------------------------------------------------------
   Section Headers
--------------------------------------------------------- */

.uw-section-header{
  margin-bottom:2.5rem;
  max-width:760px;
}

.uw-section-header.center{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}


/* ---------------------------------------------------------
   Section Titles
--------------------------------------------------------- */

.uw-section-title{
  font-family:'Antonio',Arial,sans-serif;
  font-size:clamp(1.9rem,2.8vw,2.6rem);
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--uw-blue-dark);
  margin-bottom:.6rem;
  position:relative;
}

/* Yellow accent bar */

.uw-section-title::after{
  content:'';
  display:block;
  width:60px;
  height:4px;
  background:var(--uw-yellow);
  margin-top:10px;
  border-radius:10px;
}


/* ---------------------------------------------------------
   Section Intro Text
--------------------------------------------------------- */

.uw-section-intro{
  font-size:1.05rem;
  color:#555;
  max-width:640px;
  line-height:1.6;
}


/* ---------------------------------------------------------
   Section Subtitles
--------------------------------------------------------- */

.uw-section-subtitle{
  font-family:'Antonio',Arial,sans-serif;
  font-size:clamp(1.4rem,2vw,1.8rem);
  text-transform:uppercase;
  letter-spacing:.03em;
  color:var(--uw-blue-dark);
  margin-bottom:.75rem;
}


/* ---------------------------------------------------------
   Dividers
--------------------------------------------------------- */

.uw-divider{
  border:none;
  height:1px;
  background:#e3e6ea;
  margin:2.5rem 0;
}

.uw-divider-sm{
  margin:1.5rem 0;
}

.uw-divider-lg{
  margin:4rem 0;
}


/* ---------------------------------------------------------
   Feature Lists
--------------------------------------------------------- */

.uw-feature-list{
  list-style:none;
  padding:0;
  margin:1rem 0 1.5rem 0;
}

.uw-feature-list li{
  position:relative;
  padding-left:28px;
  margin-bottom:.6rem;
  font-size:1.05rem;
  line-height:1.6;
}

.uw-feature-list li::before{
  content:'✔';
  position:absolute;
  left:0;
  top:2px;
  font-size:.9rem;
  color:var(--uw-yellow);
  font-weight:700;
}


/* ---------------------------------------------------------
   Split Layout Sections
--------------------------------------------------------- */

.uw-split-section{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3rem;
  align-items:center;
}

@media (max-width:992px){
  .uw-split-section{
    grid-template-columns:1fr;
  }
}


/* ---------------------------------------------------------
   Content Width Helpers
--------------------------------------------------------- */

.uw-content-narrow{
  max-width:720px;
}

.uw-content-wide{
  max-width:1000px;
}

.uw-content-center{
  margin-left:auto;
  margin-right:auto;
}


/* ---------------------------------------------------------
   Grid Alignment Helpers
--------------------------------------------------------- */

.uw-row-center{
  align-items:center;
}

.uw-row-top{
  align-items:flex-start;
}

.uw-row-bottom{
  align-items:flex-end;
}


/* ---------------------------------------------------------
   Image Utilities
--------------------------------------------------------- */

.uw-img-rounded{
  border-radius:var(--uw-radius-md);
}

.uw-img-soft{
  border-radius:var(--uw-radius-lg);
  box-shadow:var(--uw-shadow-soft);
}


/* ---------------------------------------------------------
   Highlight Panels
--------------------------------------------------------- */

.uw-panel{
  background:#f7f8fa;
  padding:1.5rem;
  border-radius:var(--uw-radius-md);
}

.uw-panel-accent{
  border-left:6px solid var(--uw-blue);
}


/* ---------------------------------------------------------
   Stack Utilities (Vertical Rhythm)
--------------------------------------------------------- */

.uw-stack > * + *{
  margin-top:1rem;
}

/* spacing variations */

.uw-stack-sm > * + *{
  margin-top:.5rem;
}

.uw-stack-lg > * + *{
  margin-top:2rem;
}

.uw-stack-xl > * + *{
  margin-top:3rem;
}


/* ---------------------------------------------------------
   Cluster Utility (Horizontal Layout)
--------------------------------------------------------- */

.uw-cluster{
display:flex;
flex-wrap:wrap;
gap:1rem;
align-items:center;
}



/* =========================================================
   Footer System
   ========================================================= */

/* ---------------------------------------------------
   Footer
--------------------------------------------------- */


/* ---------------------------------------------------
   Footer Wave Divider
--------------------------------------------------- */

.uw-footer-wave{
  line-height: 0;
  /*background: #f7f7fa;*/
  margin-bottom: -1px;
  margin-top: -60px;
  position:relative;
  z-index:2;
}

.uw-footer-wave svg{
  display: block;
  width: 100%;
  height: 80px;
}


.uw-footer {
  margin-top: 0;
  background: #1f2a68;
  color: #fff;
  padding:60px 0 40px;
  box-shadow: 0 -10px 30px rgba(0,0,0,.12);
  position:relative;
  z-index:1;
}

.uw-footer-logo {
  max-width: 200px;
}

.uw-footer-badge {
  max-width: 140px;
}

.uw-footer-heading {
  color: var(--uw-white);
  font-weight: 700;
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 0.06em;
}

.uw-footer-list,
.uw-footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.uw-footer-list li,
.uw-footer-links li {
  margin-bottom: 0.7rem;
  font-size: 0.9rem;
}

.uw-footer a {
  color: #fff;
  text-decoration: none;
  opacity: 0.85;
}

.uw-footer a:hover {
  opacity:1;
  color:var(--uw-yellow);
}

.uw-footer i {
  margin-right: 6px;
  color: var(--uw-yellow);
}

/* ---------------------------------------------------
   Footer Copyright Strip
--------------------------------------------------- */

.uw-footer-strip {
  background: #182156;
  color: rgba(255,255,255,0.85);
  font-size: 0.85rem;
  padding: 12px 0;
}

.uw-footer-strip a {
  color: var(--uw-yellow);
  font-weight: 600;
  text-decoration: none;
}

.uw-footer-strip a:hover {
  text-decoration: underline;
}





/* ---------------------------------------------------------
   Responsive Adjustments
--------------------------------------------------------- */

@media (max-width:768px){

  .uw-section-header{
    margin-bottom:2rem;
  }

  .uw-section-title{
    font-size:1.8rem;
  }

}