:root {
	 --ucf-navy: #0d1f3c;
	 --ucf-gold: #c9a84c;
	 --ucf-gold-light: #e8c96e;
	 --ucf-cream: #faf8f3;
	 --ucf-white: #ffffff;
	 --ucf-grey: #6b7280;
	 --ucf-dark: #111827;
	 --ucf-border: rgba(201,168,76,0.25);
	 --ucf-glass: rgba(255,255,255,0.07);
	 --ucf-shadow: 0 20px 60px rgba(13,31,60,0.15);
	 --ucf-radius: 16px;
	 --ucf-font-display: 'Playfair Display', serif;
	 --ucf-font-body: 'DM Sans', sans-serif;
}
 *, *::before, *::after {
	 box-sizing: border-box;
	 margin: 0;
	 padding: 0;
}
 html {
	 scroll-behavior: smooth;
}
 body {
	 font-family: 'DM Sans' !important;
	 background: var(--ucf-cream);
	 color: var(--ucf-dark);
	 overflow-x: hidden;
}
/* ─── HEADER ─── */
 .ucf-header {
	 position: fixed;
	 top: 0;
	 left: 0;
	 right: 0;
	 z-index: 1000;
	 padding: 0 0;
	 transition: all 0.4s ease;
}
 .ucf-header.scrolled {
	 background: rgba(13,31,60,0.97);
	 backdrop-filter: blur(20px);
	 box-shadow: 0 4px 30px rgba(0,0,0,0.2);
}
 .ucf-header-inner {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 padding: 18px 40px;
	 max-width: 1400px;
	 margin: 0 auto;
}
 .ucf-logo {
	 display: flex;
	 align-items: center;
	 gap: 12px;
	 text-decoration: none;
}
 .ucf-logo-icon {
	 width: 46px;
	 height: 46px;
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 border-radius: 10px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 22px;
	 color: var(--ucf-navy);
	 font-weight: 900;
}
 .ucf-logo-text {
	 line-height: 1.1;
}
 .ucf-logo-name {
	 
	 font-size: 17px;
	 font-weight: 700;
	 color: var(--ucf-white);
	 letter-spacing: 0.02em;
}
 .ucf-logo-sub {
	 font-size: 10px;
	 color: var(--ucf-gold);
	 letter-spacing: 0.15em;
	 text-transform: uppercase;
}
 .ucf-nav {
	 display: flex;
	 align-items: center;
	 gap: 4px;
	 list-style: none;
}
 .ucf-nav > li {
	 position: relative;
}
 .ucf-nav > li > a {
	 padding: 8px 14px;
	 color: rgba(255,255,255,0.85);
	 text-decoration: none;
	 font-size: 14px;
	 font-weight: 500;
	 border-radius: 8px;
	 transition: all 0.2s;
	 display: flex;
	 align-items: center;
	 gap: 4px;
}
 .ucf-nav > li > a:hover {
	 color: var(--ucf-gold);
	 background: var(--ucf-glass);
}
/* Mega Menu */
 .ucf-mega-col a.active {
	 color: var(--ucf-gold) !important;
	 font-weight: 600;
}
 .ucf-mega-menu {
	 position: absolute;
	 top: calc(100% + 10px);
	 left: 50%;
	 transform: translateX(-50%);
	 background: var(--ucf-navy);
	 border: 1px solid var(--ucf-border);
	 border-radius: var(--ucf-radius);
	 padding: 32px;
	 display: none;
	 min-width: 780px;
	 box-shadow: 0 30px 80px rgba(0,0,0,0.4);
	 grid-template-columns: repeat(3, 1fr);
	 gap: 32px;
}
 .ucf-nav > li:hover .ucf-mega-menu {
	 display: grid;
}
 .ucf-mega-col h6 {
	 font-size: 10px;
	 letter-spacing: 0.15em;
	 text-transform: uppercase;
	 color: var(--ucf-gold);
	 margin-bottom: 14px;
	 font-weight: 600;
}
 .ucf-mega-col a {
	 display: block;
	 color: rgba(255,255,255,0.75);
	 text-decoration: none;
	 font-size: 13px;
	 padding: 5px 0;
	 transition: color 0.2s;
}
 .ucf-mega-col a:hover {
	 color: var(--ucf-gold);
	 padding-left: 6px;
}
 .ucf-header-actions {
	 display: flex;
	 align-items: center;
	 gap: 12px;
}
 .ucf-phone-cta {
	 color: var(--ucf-gold);
	 font-weight: 600;
	 font-size: 14px;
	 text-decoration: none;
	 display: flex;
	 align-items: center;
	 gap: 6px;
	 transition: opacity 0.2s;
}
 .ucf-phone-cta:hover {
	 opacity: 0.8;
	 color: var(--ucf-gold);
}
 .ucf-btn-primary {
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 color: var(--ucf-navy);
	 font-weight: 700;
	 font-size: 14px;
	 padding: 11px 24px;
	 border-radius: 10px;
	 text-decoration: none;
	 border: none;
	 cursor: pointer;
	 transition: all 0.3s;
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
}
 .ucf-btn-primary:hover {
	 transform: translateY(-2px);
	 box-shadow: 0 10px 30px rgba(201,168,76,0.4);
	 color: var(--ucf-navy);
}
 .ucf-btn-outline {
	 border: 2px solid var(--ucf-gold);
	 color: var(--ucf-gold);
	 font-weight: 600;
	 font-size: 14px;
	 padding: 10px 22px;
	 border-radius: 10px;
	 text-decoration: none;
	 transition: all 0.3s;
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
}
 .ucf-btn-outline:hover {
	 background: var(--ucf-gold);
	 color: var(--ucf-navy);
}
/* Mobile nav toggle */
 .ucf-nav-toggle {
	 display: none;
	 background: none;
	 border: 2px solid rgba(255,255,255,0.3);
	 color: white;
	 padding: 8px 12px;
	 border-radius: 8px;
	 cursor: pointer;
}
/* ─── HERO ─── */
 .ucf-hero {
	 min-height: 100vh;
	 background: linear-gradient(135deg, #0d1f3c 0%, #1a3561 60%, #0d2847 100%);
	 position: relative;
	 display: flex;
	 align-items: center;
	 overflow: hidden;
}
 .ucf-hero::before {
	 content: '';
	 position: absolute;
	 inset: 0;
	 background: url('https://images.unsplash.com/photo-1562259949-e8e7689d7828?w=1600&q=80') center/cover no-repeat;
	 opacity: 0.15;
}
 .ucf-hero-grid {
	 position: absolute;
	 inset: 0;
	 background-image: linear-gradient(rgba(201,168,76,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(201,168,76,0.06) 1px, transparent 1px);
	 background-size: 60px 60px;
}

 .ucf-hero-badge {
	 display: inline-flex;
	 align-items: center;
	 gap: 8px;
	 background: rgba(201,168,76,0.15);
	 border: 1px solid var(--ucf-border);
	 color: var(--ucf-gold);
	 font-size: 12px;
	 font-weight: 600;
	 padding: 7px 16px;
	 border-radius: 50px;
	 letter-spacing: 0.1em;
	 text-transform: uppercase;
	 animation: fadeUp 0.8s ease both;
	 margin-left: 25px;
	 top: 25px;
	 position : relative;
}



 .ucf-hero-btn-primary {
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 color: var(--ucf-navy);
	 font-weight: 700;
	 font-size: 16px;
	 padding: 16px 36px;
	 border-radius: 12px;
	 text-decoration: none;
	 display: inline-flex;
	 align-items: center;
	 gap: 10px;
	 transition: all 0.3s;
}
 .ucf-hero-btn-primary:hover {
	 transform: translateY(-3px);
	 box-shadow: 0 15px 40px rgba(201,168,76,0.5);
	 color: var(--ucf-navy);
}
 .ucf-hero-btn-ghost {
	 border: 2px solid rgba(255,255,255,0.3);
	 color: white;
	 font-weight: 600;
	 font-size: 16px;
	 padding: 14px 32px;
	 border-radius: 12px;
	 text-decoration: none;
	 display: inline-flex;
	 align-items: center;
	 gap: 10px;
	 transition: all 0.3s;
	 backdrop-filter: blur(10px);
}
 .ucf-hero-btn-ghost:hover {
	 border-color: var(--ucf-gold);
	 color: var(--ucf-gold);
}
 .ucf-hero-stats {
	 display: flex;
	 gap: 40px;
	 margin-top: 60px;
	 flex-wrap: wrap;
	 animation: fadeUp 0.8s 0.4s ease both;
}
 .ucf-stat-item {
}
 .ucf-stat-num {
	 
	 font-size: 40px;
	 font-weight: 900;
	 color: var(--ucf-gold);
	 line-height: 1;
}
 .ucf-stat-label {
	 font-size: 13px;
	 color: rgba(255,255,255,0.6);
	 margin-top: 20px;
}
 .ucf-hero-img-wrap {
	 position: relative;
	 animation: fadeLeft 1s 0.3s ease both;
}
/* .ucf-hero-img {
	 border-radius: 20px;
	 width: 80%;
	 max-width: 580px;
	 box-shadow: 0 40px 100px rgba(0,0,0,0.5);
	 aspect-ratio: 4/5;
	 object-fit: cover;
}
 */
 .ucf-hero-image-box {
	 position: relative;
	 z-index: 2;
	 width: 100%;
	 max-width: 600px;
	 aspect-ratio: 1 / 1;
	/* perfect square */
	 margin: auto;
	 border-radius: 20px;
	 overflow: hidden;
	 box-shadow: 0 30px 80px rgba(0,0,0,0.4);
}
 .ucf-hero-image-box {
	 animation: floatImage 4s ease-in-out infinite;
}
 @keyframes floatImage {
	 0% {
		 transform: translateY(0px);
	}
	 50% {
		 transform: translateY(-20px);
	}
	 100% {
		 transform: translateY(0px);
	}
}
 .ucf-hero-image-box img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
}
/* ===== RESPONSIVE BREAKPOINTS ===== */
/* 1400px+ (Large screens) */
 @media (min-width: 1400px) {
	 .ucf-hero-image-box {
		 max-width: 650px;
	}
}
/* 1200px - 1399px */
 @media (max-width: 1399px) {
	 .ucf-hero-image-box {
		 max-width: 580px;
	}
}
/* 992px - 1199px */
 @media (max-width: 1199px) {
	 .ucf-hero-image-box {
		 max-width: 520px;
	}
}
/* 768px - 991px (tablet) */
 @media (max-width: 991px) {
	 .ucf-hero-image-box {
		 max-width: 450px;
		 margin-top: 30px;
	}
}
/* 576px - 767px */
 @media (max-width: 767px) {
	 .ucf-hero-image-box {
		 max-width: 380px;
	}
}
/* 400px - 575px */
 @media (max-width: 575px) {
	 .ucf-hero-image-box {
		 max-width: 320px;
	}
}
/* <400px (small mobiles) */
 @media (max-width: 399px) {
	 .ucf-hero-image-box {
		 max-width: 260px;
	}
}
 .ucf-hero-img{
	 border-radius: 20px;
	 width: 100%;
	 margin-left: auto;
	 margin-right: auto;
	 max-width: 580px;
	 height: 417px;
	 box-shadow: 0 40px 100px rgba(0, 0, 0, 0.5);
	 aspect-ratio: 4 / 5;
	 object-fit: cover;
}
 .ucf-hero-float-card {
	 position: absolute;
	 bottom: 40px;
	 left: -30px;
	 background: rgba(255,255,255,0.12);
	 backdrop-filter: blur(20px);
	 border: 1px solid rgba(255,255,255,0.2);
	 border-radius: 14px;
	 padding: 18px 22px;
	 display: flex;
	 align-items: center;
	 gap: 14px;
	 color: white;
	 min-width: 200px;
}
 .ucf-float-icon {
	 width: 44px;
	 height: 44px;
	 background: var(--ucf-gold);
	 border-radius: 10px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 20px;
	 color: var(--ucf-navy);
	 flex-shrink: 0;
}
 .ucf-float-num {
	 
	 font-size: 24px;
	 font-weight: 700;
	 color: black;
}
 .ucf-float-txt {
	 font-size: 12px;
	 opacity: 0.7;
	 color: black;
}
 @keyframes fadeUp {
	 from {
		 opacity: 0;
		 transform: translateY(30px);
	}
	 to {
		 opacity: 1;
		 transform: translateY(0);
	}
}
 @keyframes fadeLeft {
	 from {
		 opacity: 0;
		 transform: translateX(40px);
	}
	 to {
		 opacity: 1;
		 transform: translateX(0);
	}
}
/* ─── TRUST STRIP ─── */
 .ucf-trust-strip {
	 background: var(--ucf-navy);
	 padding: 20px 0;
	 border-bottom: 1px solid var(--ucf-border);
}
 .ucf-trust-items {
	 display: flex;
	 justify-content: center;
	 gap: 0;
	 flex-wrap: wrap;
}
 .ucf-trust-item {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 color: rgba(255,255,255,0.85);
	 font-size: 13px;
	 font-weight: 500;
	 padding: 12px 32px;
	 border-right: 1px solid rgba(255,255,255,0.1);
}
 .ucf-trust-item:last-child {
	 border-right: none;
}
 .ucf-trust-item i {
	 color: var(--ucf-gold);
	 font-size: 18px;
}
/* ─── SECTION COMMONS ─── */

 .ucf-section-sm {
	 padding: 70px 0;
}
 .ucf-section-dark {
	 background: var(--ucf-navy);
}
 .ucf-section-cream {
	 background: var(--ucf-cream);
}
 .ucf-section-white {
	 background: var(--ucf-white);
}
 .ucf-label {
	 font-size: 11px;
	 letter-spacing: 0.2em;
	 text-transform: uppercase;
	 color: var(--ucf-gold);
	 font-weight: 600;
	 margin-bottom: 14px;
	 display: block;
}
 .ucf-h2 {
	 
	     font-size: 45px;
	 font-weight: 900;
	 color: var(--ucf-navy);
	 line-height: 1.15;
	 margin-bottom: 18px;
}
 .ucf-h2-white {
	 color: var(--ucf-white);
}
 .ucf-lead {
	 font-size: 17px;
	 color: var(--ucf-grey);
	 line-height: 1.75;
	 max-width: 600px;
}
 .ucf-divider {
	 width: 60px;
	 height: 3px;
	 background: linear-gradient(90deg, var(--ucf-gold), var(--ucf-gold-light));
	 border-radius: 2px;
	 margin: 20px 0;
}
/* ─── SERVICES ─── */
 .ucf-service-card {
	 background: var(--ucf-white);
	 border: 1px solid rgba(0,0,0,0.07);
	 border-radius: var(--ucf-radius);
	 padding: 36px 28px;
	 transition: all 0.3s;
	 height: 100%;
	 position: relative;
	 overflow: hidden;
}
 .ucf-service-card::before {
	 content: '';
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 height: 3px;
	 background: linear-gradient(90deg, var(--ucf-gold), var(--ucf-gold-light));
	 transform: scaleX(0);
	 transition: transform 0.3s;
	 transform-origin: left;
}
 .ucf-service-card:hover {
	 transform: translateY(-6px);
	 box-shadow: var(--ucf-shadow);
}
 .ucf-service-card:hover::before {
	 transform: scaleX(1);
}
 .ucf-service-icon {
	 width: 58px;
	 height: 58px;
	 background: linear-gradient(135deg, rgba(201,168,76,0.12), rgba(201,168,76,0.06));
	 border-radius: 14px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 26px;
	 color: var(--ucf-gold);
	 margin-bottom: 22px;
	 transition: all 0.3s;
}
 .ucf-service-card:hover .ucf-service-icon {
	 background: var(--ucf-gold);
	 color: var(--ucf-navy);
}
 .ucf-service-card h4 {
	 
	 font-size: 20px;
	 font-weight: 700;
	 margin-bottom: 12px;
	 color: var(--ucf-navy);
}
 .ucf-service-card p {
	 font-size: 14px;
	 color: var(--ucf-grey);
	 line-height: 1.7;
	 margin-bottom: 20px;
}
 .ucf-service-link {
	 color: var(--ucf-gold);
	 font-size: 13px;
	 font-weight: 600;
	 text-decoration: none;
	 display: flex;
	 align-items: center;
	 gap: 6px;
}
 .ucf-service-link:hover {
	 gap: 10px;
	 color: var(--ucf-gold);
}
/* ─── ABOUT PREVIEW ─── */
 .ucf-about-img-wrap {
	 position: relative;
}
 .ucf-about-img {
	 border-radius: 20px;
	 width: 100%;
	 aspect-ratio: 4/5;
	 object-fit: cover;
	 box-shadow: var(--ucf-shadow);
}
 .ucf-about-badge {
	 position: absolute;
	 bottom: -20px;
	 right: -20px;
	 background: var(--ucf-gold);
	 border-radius: 16px;
	 padding: 24px 28px;
	 text-align: center;
	 box-shadow: 0 20px 50px rgba(201,168,76,0.4);
}
 .ucf-about-badge-num {
	 
	 font-size: 44px;
	 font-weight: 900;
	 color: var(--ucf-navy);
	 line-height: 1;
}
 .ucf-about-badge-txt {
	 font-size: 13px;
	 color: rgba(13,31,60,0.7);
	 font-weight: 600;
	 margin-top: 4px;
}
 .ucf-check-list {
	 list-style: none;
	 padding: 0;
	 margin: 0;
}
 .ucf-check-list li {
	 display: flex;
	 align-items: flex-start;
	 gap: 12px;
	 padding: 10px 0;
	 font-size: 15px;
	 color: #374151;
	 border-bottom: 1px solid rgba(0,0,0,0.06);
}
 .ucf-check-list li:last-child {
	 border: none;
}
 .ucf-check-list li i {
	 color: var(--ucf-gold);
	 font-size: 18px;
	 flex-shrink: 0;
	 margin-top: 1px;
}
/* ─── WHY CHOOSE US ─── */
 .ucf-why-card {
	 background: var(--ucf-glass);
	 border: 1px solid var(--ucf-border);
	 border-radius: var(--ucf-radius);
	 padding: 32px 26px;
	 transition: all 0.3s;
}
 .ucf-why-card:hover {
	 background: rgba(201,168,76,0.08);
	 border-color: var(--ucf-gold);
}
 .ucf-why-num {
	 
	 font-size: 52px;
	 font-weight: 900;
	 color: rgb(255 255 255 / 56%);
	 line-height: 1;
	 margin-bottom: 16px;
}
 .ucf-why-card h5 {
	 color: white;
	 font-size: 17px;
	 font-weight: 600;
	 margin-bottom: 10px;
}
 .ucf-why-card p {
	 color: rgba(255,255,255,0.6);
	 font-size: 14px;
	 line-height: 1.7;
}
/* ─── PROCESS ─── */
 .ucf-process-wrap {
	 position: relative;
}
 .ucf-process-line {
	 position: absolute;
	 top: 36px;
	 left: 0;
	 right: 0;
	 height: 2px;
	 background: linear-gradient(90deg, transparent, var(--ucf-gold), transparent);
}
 .ucf-process-step {
	 position: relative;
	 text-align: center;
}
 .ucf-process-num {
	 width: 72px;
	 height: 72px;
	 margin: 0 auto 20px;
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 border-radius: 50%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 
	 font-size: 28px;
	 font-weight: 900;
	 color: var(--ucf-navy);
	 position: relative;
	 z-index: 1;
	 box-shadow: 0 10px 30px rgba(201,168,76,0.35);
}
 .ucf-process-step h5 {
	 font-size: 16px;
	 font-weight: 600;
	 margin-bottom: 8px;
	 color: var(--ucf-navy);
}
 .ucf-process-step p {
	 font-size: 13px;
	 color: var(--ucf-grey);
	 line-height: 1.6;
}
/* ─── PROJECTS ─── */
 .ucf-project-card {
	 border-radius: var(--ucf-radius);
	 overflow: hidden;
	 position: relative;
	 cursor: pointer;
}
 .ucf-project-card img {
	 width: 100%;
	 aspect-ratio: 4/3;
	 object-fit: cover;
	 transition: transform 0.5s;
}
 .ucf-project-card:hover img {
	 transform: scale(1.06);
}
 .ucf-project-overlay {
	 position: absolute;
	 inset: 0;
	 background: linear-gradient(to top, rgba(13,31,60,0.9) 0%, transparent 50%);
	 display: flex;
	 flex-direction: column;
	 justify-content: flex-end;
	 padding: 28px;
}
 .ucf-project-cat {
	 font-size: 10px;
	 letter-spacing: 0.15em;
	 text-transform: uppercase;
	 color: var(--ucf-gold);
	 margin-bottom: 6px;
	 font-weight: 600;
}
 .ucf-project-title {
	 
	 font-size: 20px;
	 font-weight: 700;
	 color: white;
	 margin-bottom: 8px;
}
 .ucf-project-desc {
	 font-size: 13px;
	 color: rgba(255,255,255,0.7);
	 margin-bottom: 16px;
}
 .ucf-project-btn {
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
	 color: var(--ucf-gold);
	 font-size: 13px;
	 font-weight: 600;
	 text-decoration: none;
}
/* ─── REVIEWS ─── */
 .ucf-review-card {
	 background: var(--ucf-white);
	 border: 1px solid rgba(0,0,0,0.08);
	 border-radius: var(--ucf-radius);
	 padding: 32px 28px;
	 height: 100%;
	 box-shadow: 0 4px 20px rgba(0,0,0,0.06);
	 transition: all 0.3s;
}
 .ucf-review-card:hover {
	 transform: translateY(-4px);
	 box-shadow: var(--ucf-shadow);
}
 .ucf-review-header {
	 display: flex;
	 align-items: center;
	 gap: 14px;
	 margin-bottom: 16px;
}
 .ucf-reviewer-avatar {
	 width: 48px;
	 height: 48px;
	 border-radius: 50%;
	 background: linear-gradient(135deg, var(--ucf-navy), #1a3561);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 
	 font-size: 18px;
	 font-weight: 700;
	 color: var(--ucf-gold);
	 flex-shrink: 0;
}
 .ucf-reviewer-name {
	 font-weight: 600;
	 font-size: 15px;
	 color: var(--ucf-navy);
}
 .ucf-reviewer-date {
	 font-size: 12px;
	 color: var(--ucf-grey);
}
 .ucf-stars {
	 color: #f59e0b;
	 font-size: 14px;
	 letter-spacing: 1px;
	 margin-bottom: 14px;
}
 .ucf-review-text {
	 font-size: 14px;
	 color: #4b5563;
	 line-height: 1.75;
}
 .ucf-google-logo {
	 display: flex;
	 align-items: center;
	 gap: 6px;
	 margin-top: 18px;
	 padding-top: 16px;
	 border-top: 1px solid rgba(0,0,0,0.06);
	 font-size: 12px;
	 color: var(--ucf-grey);
}
/* ─── FAQ ─── */
 .ucf-faq-item {
	 border: 1px solid rgba(0,0,0,0.08);
	 border-radius: 12px;
	 overflow: hidden;
	 margin-bottom: 12px;
	 background: var(--ucf-white);
}
 .ucf-faq-q {
	 padding: 20px 24px;
	 font-weight: 600;
	 font-size: 15px;
	 cursor: pointer;
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 color: var(--ucf-navy);
	 transition: background 0.2s;
	 user-select: none;
}
 .ucf-faq-q:hover {
	 background: rgba(201,168,76,0.05);
}
 .ucf-faq-q i {
	 color: var(--ucf-gold);
	 transition: transform 0.3s;
}
 .ucf-faq-a {
	 padding: 0 24px;
	 max-height: 0;
	 overflow: hidden;
	 transition: all 0.4s;
	 font-size: 14px;
	 color: var(--ucf-grey);
	 line-height: 1.75;
}
 .ucf-faq-item.open .ucf-faq-a {
	 max-height: 200px;
	 padding: 0 24px 20px;
}
 .ucf-faq-item.open .ucf-faq-q i {
	 transform: rotate(45deg);
}
/* ─── CTA SECTION ─── */
 .ucf-cta-section {
	 background: linear-gradient(135deg, var(--ucf-navy), #1a3561);
	 position: relative;
	 overflow: hidden;
	 padding: 100px 0;
}
 .ucf-cta-section::before {
	 content: '';
	 position: absolute;
	 inset: 0;
	 background: url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1400&q=70') center/cover no-repeat;
	 opacity: 0.08;
}
 .ucf-cta-title {
	 
	 font-size: clamp(36px, 5vw, 58px);
	 font-weight: 900;
	 color: white;
	 margin-bottom: 20px;
	 line-height: 1.1;
}
 .ucf-cta-title span {
	 color: var(--ucf-gold);
}
 .ucf-cta-sub {
	 font-size: 17px;
	 color: rgba(255,255,255,0.7);
	 margin-bottom: 40px;
	 max-width: 500px;
}
/* ─── FOOTER ─── */
 .ucf-footer {
	 background: #080f1e;
	 padding: 80px 0 0;
	 color: rgba(255,255,255,0.7);
}
 .ucf-footer-brand {
	 margin-bottom: 28px;
}
 .ucf-footer-about {
	 font-size: 14px;
	 line-height: 1.8;
	 margin-bottom: 20px;
}
 .ucf-footer-abn {
	 display: inline-flex;
	 align-items: center;
	 gap: 8px;
	 background: rgba(201,168,76,0.1);
	 border: 1px solid var(--ucf-border);
	 border-radius: 8px;
	 padding: 8px 14px;
	 font-size: 12px;
	 color: var(--ucf-gold);
}
 .ucf-footer h6 {
	 color: white;
	 font-size: 11px;
	 letter-spacing: 0.15em;
	 text-transform: uppercase;
	 margin-bottom: 20px;
	 font-weight: 600;
}
 .ucf-footer-links {
	 list-style: none;
	 padding: 0;
}
 .ucf-footer-links li {
	 margin-bottom: 10px;
}
 .ucf-footer-links a {
	 color: rgba(255,255,255,0.6);
	 text-decoration: none;
	 font-size: 14px;
	 transition: color 0.2s;
	 display: flex;
	 align-items: center;
	 gap: 6px;
}
 .ucf-footer-links a:hover {
	 color: var(--ucf-gold);
	 padding-left: 4px;
}
 .ucf-footer-contact {
	 font-size: 14px;
	 line-height: 2;
}
 .ucf-footer-contact a {
	 color: rgba(255,255,255,0.6);
	 text-decoration: none;
}
 .ucf-footer-contact a:hover {
	 color: var(--ucf-gold);
}
 .ucf-footer-bottom {
	 margin-top: 60px;
	 padding: 24px 0;
	 border-top: 1px solid rgba(255,255,255,0.08);
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 flex-wrap: wrap;
	 gap: 12px;
	 font-size: 13px;
}
/* ─── COLOUR CONSULT ─── */
 .ucf-colour-card {
	 background: var(--ucf-navy);
	 border-radius: 24px;
	 overflow: hidden;
	 display: flex;
	 gap: 0;
}
 .ucf-colour-swatch {
	 flex: 0 0 120px;
	 display: flex;
	 flex-direction: column;
}
 .ucf-swatch {
	 flex: 1;
}
 .ucf-colour-content {
	 padding: 52px 48px;
	 flex: 1;
}
/* Scroll animation */
 .ucf-reveal {
	 opacity: 0;
	 transform: translateY(30px);
	 transition: all 0.7s ease;
}
 .ucf-reveal.visible {
	 opacity: 1;
	 transform: none;
}
/* ─── RESPONSIVE ─── */
 @media (max-width: 991px) {
	 .ucf-header-inner {
		 padding: 16px 20px;
	}
	 .ucf-nav {
		 display: none;
		 flex-direction: column;
		 width: 100%;
	}
	 .ucf-nav.open {
		 display: flex;
	}
	 .ucf-nav-toggle {
		 display: block;
	}
	 .ucf-header.scrolled .ucf-nav.open {
		 position: absolute;
		 top: 100%;
		 left: 0;
		 right: 0;
		 background: var(--ucf-navy);
		 padding: 20px;
	}
	 .ucf-hero-stats {
		 gap: 24px;
	}
	 .ucf-about-badge {
		 right: 0;
		 bottom: 0;
	}
	 .ucf-process-line {
		 display: none;
	}
	 .ucf-colour-swatch {
		 flex: 0 0 60px;
	}
	 .ucf-colour-content {
		 padding: 32px 24px;
	}
}
 @media (max-width: 575px) {
	 .ucf-section {
		 padding: 70px 0;
	}
	 .ucf-hero-stats {
		 gap: 20px;
	}
	 .ucf-hero-float-card {
		 display: none;
	}
	 .ucf-trust-item {
		 padding: 10px 16px;
	}
	 .ucf-footer-bottom {
		 flex-direction: column;
		 text-align: center;
	}
}
/* about page css */
 :root {
	 --ucf-navy:#0d1f3c;
	--ucf-gold:#c9a84c;
	--ucf-gold-light:#e8c96e;
	--ucf-cream:#faf8f3;
	 --ucf-white:#ffffff;
	--ucf-grey:#6b7280;
	--ucf-dark:#111827;
	 --ucf-border:rgba(201,168,76,0.25);
	--ucf-glass:rgba(255,255,255,0.07);
	 --ucf-shadow:0 20px 60px rgba(13,31,60,0.15);
	--ucf-radius:16px;
	 --ucf-font-display:'Playfair Display',serif;
	--ucf-font-body:'DM Sans',sans-serif;
}
 *,*::before,*::after{
	box-sizing:border-box;
	margin:0;
	padding:0;
}
 html{
	scroll-behavior:smooth;
}
 body{
	font-family:var(--ucf-font-body);
	background:var(--ucf-cream);
	color:var(--ucf-dark);
	overflow-x:hidden;
}
/* HEADER (same as index) */
 .ucf-header{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:1000;
	transition:all 0.4s;
}
 .ucf-header.scrolled{
	background:rgba(13,31,60,0.97);
	backdrop-filter:blur(20px);
	box-shadow:0 4px 30px rgba(0,0,0,0.2);
}
 .ucf-header-inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:18px 40px;
	max-width:1400px;
	margin:0 auto;
}
 .ucf-logo{
	display:flex;
	align-items:center;
	gap:12px;
	text-decoration:none;
}
 .ucf-logo-icon{
	width:46px;
	height:46px;
	background:linear-gradient(135deg,var(--ucf-gold),var(--ucf-gold-light));
	border-radius:10px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:22px;
	color:var(--ucf-navy);
	font-weight:900;
}
 .ucf-logo-text{
	line-height:1.1;
}
 .ucf-logo-name{
	font-family:var(--ucf-font-display);
	font-size:17px;
	font-weight:700;
	color:var(--ucf-white);
}
 .ucf-logo-sub{
	font-size:10px;
	color:var(--ucf-gold);
	letter-spacing:0.15em;
	text-transform:uppercase;
}
 .ucf-nav{
	display:flex;
	align-items:center;
	gap:4px;
	list-style:none;
}
 .ucf-nav>li>a{
	padding:8px 14px;
	color:rgba(255,255,255,0.85);
	text-decoration:none;
	font-size:14px;
	font-weight:500;
	border-radius:8px;
	transition:all 0.2s;
	display:flex;
	align-items:center;
	gap:4px;
}
 .ucf-nav>li>a:hover,.ucf-nav>li>a.active{
	color:var(--ucf-gold);
}
 .ucf-mega-menu{
	position:absolute;
	top:calc(100% + 10px);
	left:50%;
	transform:translateX(-50%);
	background:var(--ucf-navy);
	border:1px solid var(--ucf-border);
	border-radius:var(--ucf-radius);
	padding:32px;
	display:none;
	min-width:780px;
	box-shadow:0 30px 80px rgba(0,0,0,0.4);
	grid-template-columns:repeat(3,1fr);
	gap:32px;
}
 .ucf-nav>li:hover .ucf-mega-menu{
	display:grid;
}
 .ucf-mega-col h6{
	font-size:10px;
	letter-spacing:0.15em;
	text-transform:uppercase;
	color:var(--ucf-gold);
	margin-bottom:14px;
	font-weight:600;
}
 .ucf-mega-col a{
	display:block;
	color:rgba(255,255,255,0.75);
	text-decoration:none;
	font-size:13px;
	padding:5px 0;
	transition:color 0.2s;
}
 .ucf-mega-col a:hover{
	color:var(--ucf-gold);
	padding-left:6px;
}
 .ucf-header-actions{
	display:flex;
	align-items:center;
	gap:12px;
}
 .ucf-phone-cta{
	color:var(--ucf-gold);
	font-weight:600;
	font-size:14px;
	text-decoration:none;
	display:flex;
	align-items:center;
	gap:6px;
}
 .ucf-btn-primary{
	background:linear-gradient(135deg,var(--ucf-gold),var(--ucf-gold-light));
	color:var(--ucf-navy);
	font-weight:700;
	font-size:14px;
	padding:11px 24px;
	border-radius:10px;
	text-decoration:none;
	border:none;
	cursor:pointer;
	transition:all 0.3s;
	display:inline-flex;
	align-items:center;
	gap:6px;
}
 .ucf-btn-primary:hover{
	transform:translateY(-2px);
	box-shadow:0 10px 30px rgba(201,168,76,0.4);
	color:var(--ucf-navy);
}
 .ucf-btn-outline{
	border:2px solid var(--ucf-gold);
	color:var(--ucf-gold);
	font-weight:600;
	font-size:14px;
	padding:10px 22px;
	border-radius:10px;
	text-decoration:none;
	transition:all 0.3s;
	display:inline-flex;
	align-items:center;
	gap:6px;
}
 .ucf-btn-outline:hover{
	background:var(--ucf-gold);
	color:var(--ucf-navy);
}
 .ucf-nav-toggle{
	display:none;
	background:none;
	border:2px solid rgba(255,255,255,0.3);
	color:white;
	padding:8px 12px;
	border-radius:8px;
	cursor:pointer;
}
/* PAGE HERO */
 .ucf-page-hero{
	background:linear-gradient(135deg,#0d1f3c 0%,#1a3561 100%);
	position:relative;
	overflow:hidden;
	padding:160px 0 90px;
}
 .ucf-page-hero::before{
	content:'';
	position:absolute;
	inset:0;
	background:url('https://images.unsplash.com/photo-1589939705384-5185137a7f0f?w=1400&q=70') center/cover no-repeat;
	opacity:0.12;
}
 .ucf-page-hero-grid{
	position:absolute;
	inset:0;
	background-image:linear-gradient(rgba(201,168,76,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(201,168,76,0.05) 1px,transparent 1px);
	background-size:60px 60px;
}
 .ucf-breadcrumb{
	display:flex;
	align-items:center;
	gap:8px;
	font-size:13px;
	color:rgba(255,255,255,0.6);
	margin-bottom:16px;
}
 .ucf-breadcrumb a{
	color:var(--ucf-gold);
	text-decoration:none;
}
 .ucf-page-title{
	font-family:var(--ucf-font-display);
	font-size:clamp(38px,5vw,64px);
	font-weight:900;
	color:white;
	line-height:1.1;
	margin-bottom:18px;
}
 .ucf-page-title span{
	color:var(--ucf-gold);
}
 .ucf-page-sub{
	font-size:18px;
	color:rgba(255,255,255,0.7);
	max-width:520px;
	line-height:1.7;
}
/* SECTIONS */

 .ucf-section-sm{
	padding:70px 0;
}
 .ucf-section-dark{
	background:var(--ucf-navy);
}
 .ucf-section-cream{
	background:var(--ucf-cream);
}
 .ucf-section-white{
	background:var(--ucf-white);
}
 .ucf-label{
	font-size:11px;
	letter-spacing:0.2em;
	text-transform:uppercase;
	color:var(--ucf-gold);
	font-weight:600;
	margin-bottom:14px;
	display:block;
}

 .ucf-lead{
	font-size:17px;
	color:var(--ucf-grey);
	line-height:1.75;
	max-width:600px;
}
 .ucf-divider{
	width:60px;
	height:3px;
	background:linear-gradient(90deg,var(--ucf-gold),var(--ucf-gold-light));
	border-radius:2px;
	margin:20px 0;
}
/* DETAIL CARDS */
 .ucf-detail-card{
	background:var(--ucf-white);
	border:1px solid rgba(0,0,0,0.07);
	border-radius:var(--ucf-radius);
	padding:32px 28px;
	text-align:center;
	transition:all 0.3s;
	height:100%;
}
 .ucf-detail-card:hover{
	transform:translateY(-5px);
	box-shadow:var(--ucf-shadow);
}
 .ucf-detail-card .icon{
	width:56px;
	height:56px;
	background:linear-gradient(135deg,rgba(201,168,76,0.12),rgba(201,168,76,0.05));
	border-radius:14px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:24px;
	color:var(--ucf-gold);
	margin:0 auto 18px;
}
 .ucf-detail-card h5{
	font-size:13px;
	letter-spacing:0.1em;
	text-transform:uppercase;
	color:var(--ucf-grey);
	margin-bottom:8px;
}
 .ucf-detail-card p{
	font-family:var(--ucf-font-display);
	font-size:18px;
	font-weight:700;
	color:var(--ucf-navy);
}
/* VALUES */
 .ucf-value-card{
	background:var(--ucf-glass);
	border:1px solid var(--ucf-border);
	border-radius:var(--ucf-radius);
	padding:32px;
	transition:all 0.3s;
	height:100%;
}
 .ucf-value-card:hover{
	background:rgba(201,168,76,0.08);
	border-color:var(--ucf-gold);
}
 .ucf-value-card i{
	font-size:32px;
	color:var(--ucf-gold);
	margin-bottom:18px;
	display:block;
}
 .ucf-value-card h5{
	color:white;
	font-size:17px;
	font-weight:600;
	margin-bottom:10px;
}
 .ucf-value-card p{
	color:rgba(255,255,255,0.6);
	font-size:14px;
	line-height:1.7;
}
/* TIMELINE */
 .ucf-timeline{
	position:relative;
	padding-left:40px;
}
 .ucf-timeline::before{
	content:'';
	position:absolute;
	left:18px;
	top:0;
	bottom:0;
	width:2px;
	background:linear-gradient(to bottom,var(--ucf-gold),transparent);
}
 .ucf-timeline-item{
	position:relative;
	margin-bottom:40px;
}
 .ucf-timeline-dot{
	position:absolute;
	left:-40px;
	top:4px;
	width:24px;
	height:24px;
	border-radius:50%;
	background:var(--ucf-gold);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:11px;
	font-weight:700;
	color:var(--ucf-navy);
}
 .ucf-timeline-item h5{
	font-size:16px;
	font-weight:600;
	color:var(--ucf-navy);
	margin-bottom:8px;
}
 .ucf-timeline-item p{
	font-size:14px;
	color:var(--ucf-grey);
	line-height:1.7;
}
/* TRUST POINTS */
 .ucf-trust-point{
	display:flex;
	gap:18px;
	margin-bottom:28px;
	align-items:flex-start;
}
 .ucf-trust-icon{
	width:50px;
	height:50px;
	background:linear-gradient(135deg,var(--ucf-gold),var(--ucf-gold-light));
	border-radius:12px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:22px;
	color:var(--ucf-navy);
	flex-shrink:0;
}
 .ucf-trust-point h6{
	font-size:15px;
	font-weight:600;
	color:var(--ucf-navy);
	margin-bottom:5px;
}
 .ucf-trust-point p{
	font-size:14px;
	color:var(--ucf-grey);
	line-height:1.6;
	margin:0;
}
/* CTA */
 .ucf-cta-section{
	background:linear-gradient(135deg,var(--ucf-navy),#1a3561);
	padding:100px 0;
	position:relative;
	overflow:hidden;
}
 .ucf-cta-section::before{
	content:'';
	position:absolute;
	inset:0;
	background:url('https://images.unsplash.com/photo-1562259949-e8e7689d7828?w=1400&q=70') center/cover no-repeat;
	opacity:0.08;
}
 .ucf-cta-title{
	font-family:var(--ucf-font-display);
	font-size:clamp(36px,5vw,54px);
	font-weight:900;
	color:white;
	margin-bottom:20px;
	line-height:1.1;
}
 .ucf-cta-title span{
	color:var(--ucf-gold);
}
 .ucf-hero-btn-primary{
	background:linear-gradient(135deg,var(--ucf-gold),var(--ucf-gold-light));
	color:var(--ucf-navy);
	font-weight:700;
	font-size:16px;
	padding:16px 36px;
	border-radius:12px;
	text-decoration:none;
	display:inline-flex;
	align-items:center;
	gap:10px;
	transition:all 0.3s;
}
 .ucf-hero-btn-primary:hover{
	transform:translateY(-3px);
	box-shadow:0 15px 40px rgba(201,168,76,0.5);
	color:var(--ucf-navy);
}
 .ucf-hero-btn-ghost{
	border:2px solid rgba(255,255,255,0.3);
	color:white;
	font-weight:600;
	font-size:16px;
	padding:14px 32px;
	border-radius:12px;
	text-decoration:none;
	display:inline-flex;
	align-items:center;
	gap:10px;
	transition:all 0.3s;
}
 .ucf-hero-btn-ghost:hover{
	border-color:var(--ucf-gold);
	color:var(--ucf-gold);
}
/* FOOTER */
 .ucf-footer{
	background:#080f1e;
	padding:80px 0 0;
	color:rgba(255,255,255,0.7);
}
 .ucf-footer-about{
	font-size:14px;
	line-height:1.8;
	margin-bottom:20px;
}
 .ucf-footer-abn{
	display:inline-flex;
	align-items:center;
	gap:8px;
	background:rgba(201,168,76,0.1);
	border:1px solid var(--ucf-border);
	border-radius:8px;
	padding:8px 14px;
	font-size:12px;
	color:var(--ucf-gold);
}
 .ucf-footer h6{
	color:white;
	font-size:11px;
	letter-spacing:0.15em;
	text-transform:uppercase;
	margin-bottom:20px;
	font-weight:600;
}
 .ucf-footer-links{
	list-style:none;
	padding:0;
}
 .ucf-footer-links li{
	margin-bottom:10px;
}
 .ucf-footer-links a{
	color:rgba(255,255,255,0.6);
	text-decoration:none;
	font-size:14px;
	transition:color 0.2s;
	display:flex;
	align-items:center;
	gap:6px;
}
 .ucf-footer-links a:hover{
	color:var(--ucf-gold);
}
 .ucf-footer-contact{
	font-size:14px;
	line-height:2;
}
 .ucf-footer-contact a{
	color:rgba(255,255,255,0.6);
	text-decoration:none;
}
 .ucf-footer-contact a:hover{
	color:var(--ucf-gold);
}
 .ucf-footer-bottom{
	margin-top:60px;
	padding:24px 0;
	border-top:1px solid rgba(255,255,255,0.08);
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	gap:12px;
	font-size:13px;
}
 .ucf-check-list{
	list-style:none;
	padding:0;
	margin:0;
}
 .ucf-check-list li{
	display:flex;
	align-items:flex-start;
	gap:12px;
	padding:10px 0;
	font-size:15px;
	color:#374151;
	border-bottom:1px solid rgba(0,0,0,0.06);
}
 .ucf-check-list li:last-child{
	border:none;
}
 .ucf-check-list li i{
	color:var(--ucf-gold);
	font-size:18px;
	flex-shrink:0;
	margin-top:1px;
}
 .ucf-reveal{
	opacity:0;
	transform:translateY(30px);
	transition:all 0.7s ease;
}
 .ucf-reveal.visible{
	opacity:1;
	transform:none;
}
 @media(max-width:991px){
	 .ucf-header-inner{
		padding:16px 20px;
	}
	 .ucf-nav{
		display:none;
		flex-direction:column;
		width:100%;
	}
	 .ucf-nav.open{
		display:flex;
	}
	 .ucf-nav-toggle{
		display:block;
	}
	 .ucf-header.scrolled .ucf-nav.open{
		position:absolute;
		top:100%;
		left:0;
		right:0;
		background:var(--ucf-navy);
		padding:20px;
	}
}
 @media(max-width:575px){
	 .ucf-section{
		padding:70px 0;
	}
	 .ucf-footer-bottom{
		flex-direction:column;
		text-align:center;
	}
}
/* service page css */
 :root {
	 --ucf-navy: #0d1f3c;
	 --ucf-gold: #c9a84c;
	 --ucf-gold-light: #e8c96e;
	 --ucf-cream: #faf8f3;
	 --ucf-white: #ffffff;
	 --ucf-grey: #6b7280;
	 --ucf-dark: #111827;
	 --ucf-border: rgba(201,168,76,0.25);
	 --ucf-glass: rgba(255,255,255,0.07);
	 --ucf-shadow: 0 20px 60px rgba(13,31,60,0.15);
	 --ucf-radius: 16px;
	 --ucf-font-display: 'Playfair Display', serif;
	 --ucf-font-body: 'DM Sans', sans-serif;
}
 *, *::before, *::after {
	 box-sizing: border-box;
	 margin: 0;
	 padding: 0;
}
 html {
	 scroll-behavior: smooth;
}
 body {
	 font-family: var(--ucf-font-body);
	 background: var(--ucf-cream);
	 color: var(--ucf-dark);
	 overflow-x: hidden;
}
/* ─── HEADER ─── */
 .ucf-header {
	 position: fixed;
	 top: 0;
	 left: 0;
	 right: 0;
	 z-index: 1000;
	 transition: all 0.4s ease;
}
 .ucf-header.scrolled {
	 background: rgba(13,31,60,0.97);
	 backdrop-filter: blur(20px);
	 box-shadow: 0 4px 30px rgba(0,0,0,0.2);
}
 .ucf-header-inner {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 padding: 18px 40px;
	 max-width: 1400px;
	 margin: 0 auto;
}
 .ucf-logo {
	 display: flex;
	 align-items: center;
	 gap: 12px;
	 text-decoration: none;
}
 .ucf-logo-icon {
	 width: 46px;
	 height: 46px;
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 border-radius: 10px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 22px;
	 color: var(--ucf-navy);
	 font-weight: 900;
}
 .ucf-logo-text {
	 line-height: 1.1;
}
 .ucf-logo-name {
	 
	 font-size: 17px;
	 font-weight: 700;
	 color: var(--ucf-white);
	 letter-spacing: 0.02em;
}
 .ucf-logo-sub {
	 font-size: 10px;
	 color: var(--ucf-gold);
	 letter-spacing: 0.15em;
	 text-transform: uppercase;
}
 .ucf-nav {
	 display: flex;
	 align-items: center;
	 gap: 4px;
	 list-style: none;
}
 .ucf-nav > li {
	 position: relative;
}
 .ucf-nav > li > a {
	 padding: 8px 14px;
	 color: rgba(255,255,255,0.85);
	 text-decoration: none;
	 font-size: 14px;
	 font-weight: 500;
	 border-radius: 8px;
	 transition: all 0.2s;
	 display: flex;
	 align-items: center;
	 gap: 4px;
}
 .ucf-nav > li > a:hover, .ucf-nav > li > a.active {
	 color: var(--ucf-gold);
	 background: var(--ucf-glass);
}
 .ucf-mega-menu {
	 position: absolute;
	 top: calc(100% + 10px);
	 left: 50%;
	 transform: translateX(-50%);
	 background: var(--ucf-navy);
	 border: 1px solid var(--ucf-border);
	 border-radius: var(--ucf-radius);
	 padding: 32px;
	 display: none;
	 min-width: 780px;
	 box-shadow: 0 30px 80px rgba(0,0,0,0.4);
	 grid-template-columns: repeat(3, 1fr);
	 gap: 32px;
}
 .ucf-nav > li:hover .ucf-mega-menu {
	 display: grid;
}
 .ucf-mega-col h6 {
	 font-size: 10px;
	 letter-spacing: 0.15em;
	 text-transform: uppercase;
	 color: var(--ucf-gold);
	 margin-bottom: 14px;
	 font-weight: 600;
}
 .ucf-mega-col a {
	 display: block;
	 color: rgba(255,255,255,0.75);
	 text-decoration: none;
	 font-size: 13px;
	 padding: 5px 0;
	 transition: color 0.2s;
}
 .ucf-mega-col a:hover {
	 color: var(--ucf-gold);
	 padding-left: 6px;
}
 .ucf-header-actions {
	 display: flex;
	 align-items: center;
	 gap: 12px;
}
 .ucf-phone-cta {
	 color: var(--ucf-gold);
	 font-weight: 600;
	 font-size: 14px;
	 text-decoration: none;
	 display: flex;
	 align-items: center;
	 gap: 6px;
	 transition: opacity 0.2s;
}
 .ucf-phone-cta:hover {
	 opacity: 0.8;
	 color: var(--ucf-gold);
}
 .ucf-btn-primary {
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 color: var(--ucf-navy);
	 font-weight: 700;
	 font-size: 14px;
	 padding: 11px 24px;
	 border-radius: 10px;
	 text-decoration: none;
	 border: none;
	 cursor: pointer;
	 transition: all 0.3s;
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
}
 .ucf-btn-primary:hover {
	 transform: translateY(-2px);
	 box-shadow: 0 10px 30px rgba(201,168,76,0.4);
	 color: var(--ucf-navy);
}
 .ucf-btn-outline {
	 border: 2px solid var(--ucf-gold);
	 color: var(--ucf-gold);
	 font-weight: 600;
	 font-size: 14px;
	 padding: 10px 22px;
	 border-radius: 10px;
	 text-decoration: none;
	 transition: all 0.3s;
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
}
 .ucf-btn-outline:hover {
	 background: var(--ucf-gold);
	 color: var(--ucf-navy);
}
 .ucf-nav-toggle {
	 display: none;
	 background: none;
	 border: 2px solid rgba(255,255,255,0.3);
	 color: white;
	 padding: 8px 12px;
	 border-radius: 8px;
	 cursor: pointer;
}
/* ─── HERO ─── */
 .ucf-hero {
	 min-height: 80vh;
	 background: linear-gradient(135deg, #0d1f3c 0%, #1a3561 60%, #0d2847 100%);
	 position: relative;
	 display: flex;
	 align-items: center;
	 overflow: hidden;
}
 .ucf-hero::before {
	 content: '';
	 position: absolute;
	 inset: 0;
	 background: url('https://images.unsplash.com/photo-1562259949-e8e7689d7828?w=1600&q=80') center/cover no-repeat;
	 opacity: 0.18;
}
 .ucf-hero-grid {
	 position: absolute;
	 inset: 0;
	 background-image: linear-gradient(rgba(201,168,76,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(201,168,76,0.06) 1px, transparent 1px);
	 background-size: 60px 60px;
}


 .ucf-hero-title {
	 font-family: revert !important;
	 font-size: 62px !important;
	 font-weight: 900;
	 color: var(--ucf-white);
	 line-height: 1.1;
	 margin-bottom: 24px;
	 animation: fadeUp 0.8s 0.1s ease both;
}
 .ucf-hero-title span {
	 color: var(--ucf-gold);
}
 .ucf-hero-sub {
	 font-size: 18px;
	 color: rgba(255,255,255,0.7);
	 max-width: 540px;
	 line-height: 1.7;
	 margin-bottom: 0px;
	 animation: fadeUp 0.8s 0.2s ease both;
}

 .ucf-hero-btn-primary {
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 color: var(--ucf-navy);
	 font-weight: 700;
	 font-size: 16px;
	 padding: 16px 36px;
	 border-radius: 12px;
	 text-decoration: none;
	 display: inline-flex;
	 align-items: center;
	 gap: 10px;
	 transition: all 0.3s;
	 border: none;
	 cursor: pointer;
}
 .ucf-hero-btn-primary:hover {
	 transform: translateY(-3px);
	 box-shadow: 0 15px 40px rgba(201,168,76,0.5);
	 color: var(--ucf-navy);
}
 .ucf-hero-btn-ghost {
	 border: 2px solid rgba(255,255,255,0.3);
	 color: white;
	 font-weight: 600;
	 font-size: 16px;
	 padding: 14px 32px;
	 border-radius: 12px;
	 text-decoration: none;
	 display: inline-flex;
	 align-items: center;
	 gap: 10px;
	 transition: all 0.3s;
	 backdrop-filter: blur(10px);
}
 .ucf-hero-btn-ghost:hover {
	 border-color: var(--ucf-gold);
	 color: var(--ucf-gold);
}
 @keyframes fadeUp {
	 from {
		 opacity: 0;
		 transform: translateY(30px);
	}
	 to {
		 opacity: 1;
		 transform: translateY(0);
	}
}
 @keyframes fadeLeft {
	 from {
		 opacity: 0;
		 transform: translateX(40px);
	}
	 to {
		 opacity: 1;
		 transform: translateX(0);
	}
}
/* ─── TRUST STRIP ─── */
 .ucf-trust-strip {
	 background: var(--ucf-navy);
	 padding: 20px 0;
	 border-bottom: 1px solid var(--ucf-border);
}
 .ucf-trust-items {
	 display: flex;
	 justify-content: center;
	 gap: 0;
	 flex-wrap: wrap;
}
 .ucf-trust-item {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 color: rgba(255,255,255,0.85);
	 font-size: 13px;
	 font-weight: 500;
	 padding: 12px 32px;
	 border-right: 1px solid rgba(255,255,255,0.1);
}
 .ucf-trust-item:last-child {
	 border-right: none;
}
 .ucf-trust-item i {
	 color: var(--ucf-gold);
	 font-size: 18px;
}
/* ─── SECTION COMMONS ─── */

 .ucf-section-sm {
	 padding: 70px 0;
}
 .ucf-section-dark {
	 background: var(--ucf-navy);
}
 .ucf-section-cream {
	 background: var(--ucf-cream);
}
 .ucf-section-white {
	 background: var(--ucf-white);
}
 .ucf-label {
	 font-size: 11px;
	 letter-spacing: 0.2em;
	 text-transform: uppercase;
	 color: var(--ucf-gold);
	 font-weight: 600;
	 margin-bottom: 14px;
	 display: block;
}

 .ucf-lead {
	 font-size: 17px;
	 color: var(--ucf-grey);
	 line-height: 1.75;
	 max-width: 600px;
}
 .ucf-divider {
	 width: 60px;
	 height: 3px;
	 background: linear-gradient(90deg, var(--ucf-gold), var(--ucf-gold-light));
	 border-radius: 2px;
	 margin: 20px 0;
}
/* ─── SERVICE OVERVIEW CARDS ─── */
 .ucf-service-card {
	 background: var(--ucf-white);
	 border: 1px solid rgba(0,0,0,0.07);
	 border-radius: var(--ucf-radius);
	 padding: 36px 28px;
	 transition: all 0.3s;
	 height: 100%;
	 position: relative;
	 overflow: hidden;
}
 .ucf-service-card::before {
	 content: '';
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 height: 3px;
	 background: linear-gradient(90deg, var(--ucf-gold), var(--ucf-gold-light));
	 transform: scaleX(0);
	 transition: transform 0.3s;
	 transform-origin: left;
}
 .ucf-service-card:hover {
	 transform: translateY(-6px);
	 box-shadow: var(--ucf-shadow);
}
 .ucf-service-card:hover::before {
	 transform: scaleX(1);
}
 .ucf-service-icon {
	 width: 58px;
	 height: 58px;
	 background: linear-gradient(135deg, rgba(201,168,76,0.12), rgba(201,168,76,0.06));
	 border-radius: 14px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 26px;
	 color: var(--ucf-gold);
	 margin-bottom: 22px;
	 transition: all 0.3s;
}
 .ucf-service-card:hover .ucf-service-icon {
	 background: var(--ucf-gold);
	 color: var(--ucf-navy);
}
 .ucf-service-card h4 {
	 
	 font-size: 20px;
	 font-weight: 700;
	 margin-bottom: 12px;
	 color: var(--ucf-navy);
}
 .ucf-service-card p {
	 font-size: 14px;
	 color: var(--ucf-grey);
	 line-height: 1.7;
	 margin-bottom: 20px;
}
 .ucf-service-link {
	 color: var(--ucf-gold);
	 font-size: 13px;
	 font-weight: 600;
	 text-decoration: none;
	 display: flex;
	 align-items: center;
	 gap: 6px;
	 cursor: pointer;
	 background: none;
	 border: none;
	 padding: 0;
}
 .ucf-service-link:hover {
	 gap: 10px;
	 color: var(--ucf-gold);
}
/* ─── DETAILED SERVICE SECTIONS ─── */
 .ucf-detail-section {
	 padding: 80px 0;
}
 .ucf-detail-img {
	 border-radius: 20px;
	 width: 100%;
	 aspect-ratio: 4/3;
	 object-fit: cover;
	 box-shadow: var(--ucf-shadow);
}
 .ucf-detail-img-wrap {
	 position: relative;
}
 .ucf-detail-badge {
	 position: absolute;
	 bottom: 20px;
	 left: -16px;
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 border-radius: 12px;
	 padding: 16px 22px;
	 box-shadow: 0 10px 40px rgba(201,168,76,0.4);
}
 .ucf-detail-badge-num {
	 
	 font-size: 32px;
	 font-weight: 900;
	 color: var(--ucf-navy);
	 line-height: 1;
}
 .ucf-detail-badge-txt {
	 font-size: 12px;
	 color: rgba(13,31,60,0.8);
	 font-weight: 600;
	 margin-top: 2px;
}
 .ucf-check-list {
	 list-style: none;
	 padding: 0;
	 margin: 0 0 28px;
}
 .ucf-check-list li {
	 display: flex;
	 align-items: flex-start;
	 gap: 12px;
	 padding: 10px 0;
	 font-size: 15px;
	 color: #374151;
	 border-bottom: 1px solid rgba(0,0,0,0.06);
}
 .ucf-check-list li:last-child {
	 border: none;
}
 .ucf-check-list li i {
	 color: var(--ucf-gold);
	 font-size: 18px;
	 flex-shrink: 0;
	 margin-top: 1px;
}
 .ucf-section-divider {
	 height: 1px;
	 background: linear-gradient(90deg, transparent, var(--ucf-gold), transparent);
	 margin: 0;
	 opacity: 0.3;
}
/* ─── BEFORE/AFTER ─── */
 .ucf-ba-wrap {
	 position: relative;
	 border-radius: 20px;
	 overflow: hidden;
}
 .ucf-ba-img {
	 width: 100%;
	 aspect-ratio: 16/9;
	 object-fit: cover;
	 display: block;
}
 .ucf-ba-label {
	 position: absolute;
	 top: 20px;
	 left: 20px;
	 background: var(--ucf-navy);
	 color: var(--ucf-gold);
	 font-size: 11px;
	 font-weight: 700;
	 letter-spacing: 0.15em;
	 text-transform: uppercase;
	 padding: 6px 14px;
	 border-radius: 6px;
}
 .ucf-ba-label.after {
	 left: auto;
	 right: 20px;
	 background: var(--ucf-gold);
	 color: var(--ucf-navy);
}
 .ucf-ba-stat {
	 background: var(--ucf-white);
	 border-radius: 14px;
	 padding: 28px;
	 text-align: center;
	 box-shadow: 0 8px 30px rgba(0,0,0,0.08);
	 border: 1px solid rgba(0,0,0,0.06);
}
 .ucf-ba-stat-num {
	 
	 font-size: 42px;
	 font-weight: 900;
	 color: var(--ucf-gold);
	 line-height: 1;
}
 .ucf-ba-stat-label {
	 font-size: 13px;
	 color: var(--ucf-grey);
	 margin-top: 6px;
	 font-weight: 500;
}
/* ─── WHY CHOOSE US ─── */
 .ucf-why-card {
	 background: var(--ucf-glass);
	 border: 1px solid var(--ucf-border);
	 border-radius: var(--ucf-radius);
	 padding: 32px 26px;
	 transition: all 0.3s;
}
 .ucf-why-card:hover {
	 background: rgba(201,168,76,0.08);
	 border-color: var(--ucf-gold);
}

 .ucf-why-card h5 {
	 color: white;
	 font-size: 17px;
	 font-weight: 600;
	 margin-bottom: 10px;
}
 .ucf-why-card p {
	 color: rgba(255,255,255,0.6);
	 font-size: 14px;
	 line-height: 1.7;
}
 .ucf-why-icon {
	 width: 50px;
	 height: 50px;
	 background: rgba(201,168,76,0.15);
	 border-radius: 12px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 22px;
	 color: var(--ucf-gold);
	 margin-bottom: 18px;
}
/* ─── PROCESS ─── */
 .ucf-process-wrap {
	 position: relative;
}
 .ucf-process-line {
	 position: absolute;
	 top: 36px;
	 left: 0;
	 right: 0;
	 height: 2px;
	 background: linear-gradient(90deg, transparent, var(--ucf-gold), transparent);
}
 .ucf-process-step {
	 position: relative;
	 text-align: center;
}
 .ucf-process-num {
	 width: 72px;
	 height: 72px;
	 margin: 0 auto 20px;
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 border-radius: 50%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 
	 font-size: 28px;
	 font-weight: 900;
	 color: var(--ucf-navy);
	 position: relative;
	 z-index: 1;
	 box-shadow: 0 10px 30px rgba(201,168,76,0.35);
}
 .ucf-process-step h5 {
	 font-size: 16px;
	 font-weight: 600;
	 margin-bottom: 8px;
	 color: var(--ucf-navy);
}
 .ucf-process-step p {
	 font-size: 13px;
	 color: var(--ucf-grey);
	 line-height: 1.6;
}
/* ─── MATERIALS ─── */
 .ucf-material-card {
	 background: var(--ucf-white);
	 border: 1px solid rgba(0,0,0,0.07);
	 border-radius: var(--ucf-radius);
	 padding: 36px 28px;
	 height: 100%;
	 transition: all 0.3s;
}
 .ucf-material-card:hover {
	 box-shadow: var(--ucf-shadow);
	 transform: translateY(-4px);
}
 .ucf-material-icon {
	 font-size: 36px;
	 color: var(--ucf-gold);
	 margin-bottom: 18px;
}
 .ucf-material-card h5 {
	 
	 font-size: 20px;
	 color: var(--ucf-navy);
	 margin-bottom: 12px;
	 font-weight: 700;
}
 .ucf-material-card p {
	 font-size: 14px;
	 color: var(--ucf-grey);
	 line-height: 1.75;
}
 .ucf-brand-badge {
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
	 background: rgba(201,168,76,0.1);
	 border: 1px solid var(--ucf-border);
	 border-radius: 8px;
	 padding: 6px 12px;
	 font-size: 12px;
	 color: var(--ucf-gold);
	 font-weight: 600;
	 margin: 4px;
}
/* ─── PROJECTS ─── */
 .ucf-project-card {
	 border-radius: var(--ucf-radius);
	 overflow: hidden;
	 position: relative;
	 cursor: pointer;
}
 .ucf-project-card img {
	 width: 100%;
	 aspect-ratio: 4/3;
	 object-fit: cover;
	 transition: transform 0.5s;
}
 .ucf-project-card:hover img {
	 transform: scale(1.06);
}
 .ucf-project-overlay {
	 position: absolute;
	 inset: 0;
	 background: linear-gradient(to top, rgba(13,31,60,0.9) 0%, transparent 50%);
	 display: flex;
	 flex-direction: column;
	 justify-content: flex-end;
	 padding: 28px;
}
 .ucf-project-cat {
	 font-size: 10px;
	 letter-spacing: 0.15em;
	 text-transform: uppercase;
	 color: var(--ucf-gold);
	 margin-bottom: 6px;
	 font-weight: 600;
}
 .ucf-project-title {
	 
	 font-size: 20px;
	 font-weight: 700;
	 color: white;
	 margin-bottom: 8px;
}
 .ucf-project-desc {
	 font-size: 13px;
	 color: rgba(255,255,255,0.7);
	 margin-bottom: 16px;
}
 .ucf-project-btn {
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
	 color: var(--ucf-gold);
	 font-size: 13px;
	 font-weight: 600;
	 text-decoration: none;
}
/* ─── REVIEWS ─── */
 .ucf-review-card {
	 background: var(--ucf-white);
	 border: 1px solid rgba(0,0,0,0.08);
	 border-radius: var(--ucf-radius);
	 padding: 32px 28px;
	 height: 100%;
	 box-shadow: 0 4px 20px rgba(0,0,0,0.06);
	 transition: all 0.3s;
}
 .ucf-review-card:hover {
	 transform: translateY(-4px);
	 box-shadow: var(--ucf-shadow);
}
 .ucf-review-header {
	 display: flex;
	 align-items: center;
	 gap: 14px;
	 margin-bottom: 16px;
}
 .ucf-reviewer-avatar {
	 width: 48px;
	 height: 48px;
	 border-radius: 50%;
	 background: linear-gradient(135deg, var(--ucf-navy), #1a3561);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 
	 font-size: 18px;
	 font-weight: 700;
	 color: var(--ucf-gold);
	 flex-shrink: 0;
}
 .ucf-reviewer-name {
	 font-weight: 600;
	 font-size: 15px;
	 color: var(--ucf-navy);
}
 .ucf-reviewer-date {
	 font-size: 12px;
	 color: var(--ucf-grey);
}
 .ucf-stars {
	 color: #f59e0b;
	 font-size: 14px;
	 letter-spacing: 1px;
	 margin-bottom: 14px;
}
 .ucf-review-text {
	 font-size: 14px;
	 color: #4b5563;
	 line-height: 1.75;
}
 .ucf-google-logo {
	 display: flex;
	 align-items: center;
	 gap: 6px;
	 margin-top: 18px;
	 padding-top: 16px;
	 border-top: 1px solid rgba(0,0,0,0.06);
	 font-size: 12px;
	 color: var(--ucf-grey);
}
 .ucf-google-g {
	 font-weight: 700;
	 font-size: 14px;
}
 .ucf-google-g span:nth-child(1) {
	 color: #4285f4;
}
 .ucf-google-g span:nth-child(2) {
	 color: #ea4335;
}
 .ucf-google-g span:nth-child(3) {
	 color: #fbbc04;
}
 .ucf-google-g span:nth-child(4) {
	 color: #4285f4;
}
 .ucf-google-g span:nth-child(5) {
	 color: #34a853;
}
 .ucf-google-g span:nth-child(6) {
	 color: #ea4335;
}
/* ─── FAQ ─── */
 .ucf-faq-item {
	 border: 1px solid rgba(0,0,0,0.08);
	 border-radius: 12px;
	 overflow: hidden;
	 margin-bottom: 12px;
	 background: var(--ucf-white);
}
 .ucf-faq-q {
	 padding: 20px 24px;
	 font-weight: 600;
	 font-size: 15px;
	 cursor: pointer;
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 color: var(--ucf-navy);
	 transition: background 0.2s;
	 user-select: none;
}
 .ucf-faq-q:hover {
	 background: rgba(201,168,76,0.05);
}
 .ucf-faq-q i {
	 color: var(--ucf-gold);
	 transition: transform 0.3s;
}
 .ucf-faq-a {
	 padding: 0 24px;
	 max-height: 0;
	 overflow: hidden;
	 transition: all 0.4s;
	 font-size: 14px;
	 color: var(--ucf-grey);
	 line-height: 1.75;
}
 .ucf-faq-item.open .ucf-faq-a {
	 max-height: 300px;
	 padding: 0 24px 20px;
}
 .ucf-faq-item.open .ucf-faq-q i {
	 transform: rotate(45deg);
}
/* ─── CTA SECTION ─── */
 .ucf-cta-section {
	 background: linear-gradient(135deg, var(--ucf-navy), #1a3561);
	 position: relative;
	 overflow: hidden;
	 padding: 100px 0;
}
 .ucf-cta-section::before {
	 content: '';
	 position: absolute;
	 inset: 0;
	 background: url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1400&q=70') center/cover no-repeat;
	 opacity: 0.08;
}
 .ucf-cta-title {
	 
	 font-size: clamp(36px, 5vw, 58px);
	 font-weight: 900;
	 color: white;
	 margin-bottom: 20px;
	 line-height: 1.1;
}
 .ucf-cta-title span {
	 color: var(--ucf-gold);
}
 .ucf-cta-sub {
	 font-size: 17px;
	 color: rgba(255,255,255,0.7);
	 margin-bottom: 40px;
	 max-width: 500px;
}
/* ─── FOOTER ─── */
 .ucf-footer {
	 background: #080f1e;
	 padding: 80px 0 0;
	 color: rgba(255,255,255,0.7);
}
 .ucf-footer-brand {
	 margin-bottom: 28px;
}
 .ucf-footer-about {
	 font-size: 14px;
	 line-height: 1.8;
	 margin-bottom: 20px;
}
 .ucf-footer-abn {
	 display: inline-flex;
	 align-items: center;
	 gap: 8px;
	 background: rgba(201,168,76,0.1);
	 border: 1px solid var(--ucf-border);
	 border-radius: 8px;
	 padding: 8px 14px;
	 font-size: 12px;
	 color: var(--ucf-gold);
}
 .ucf-footer h6 {
	 color: white;
	 font-size: 11px;
	 letter-spacing: 0.15em;
	 text-transform: uppercase;
	 margin-bottom: 20px;
	 font-weight: 600;
}
 .ucf-footer-links {
	 list-style: none;
	 padding: 0;
}
 .ucf-footer-links li {
	 margin-bottom: 10px;
}
 .ucf-footer-links a {
	 color: rgba(255,255,255,0.6);
	 text-decoration: none;
	 font-size: 14px;
	 transition: color 0.2s;
	 display: flex;
	 align-items: center;
	 gap: 6px;
}
 .ucf-footer-links a:hover {
	 color: var(--ucf-gold);
	 padding-left: 4px;
}
 .ucf-footer-contact {
	 font-size: 14px;
	 line-height: 2;
}
 .ucf-footer-contact a {
	 color: rgba(255,255,255,0.6);
	 text-decoration: none;
}
 .ucf-footer-contact a:hover {
	 color: var(--ucf-gold);
}
 .ucf-footer-bottom {
	 margin-top: 60px;
	 padding: 24px 0;
	 border-top: 1px solid rgba(255,255,255,0.08);
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 flex-wrap: wrap;
	 gap: 12px;
	 font-size: 13px;
}
/* ─── SCROLL REVEAL ─── */
 .ucf-reveal {
	 opacity: 0;
	 transform: translateY(30px);
	 transition: all 0.7s ease;
}
 .ucf-reveal.visible {
	 opacity: 1;
	 transform: none;
}
/* ─── MODAL ─── */
 .ucf-modal-overlay {
	 position: fixed;
	 inset: 0;
	 z-index: 9999;
	 background: rgba(8, 15, 30, 0.85);
	 backdrop-filter: blur(8px);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 padding: 20px;
	 opacity: 0;
	 pointer-events: none;
	 transition: opacity 0.35s ease;
}
 .ucf-modal-overlay.open {
	 opacity: 1;
	 pointer-events: all;
}
 .ucf-modal {
	 background: var(--ucf-white);
	 border-radius: 24px;
	 width: 100%;
	 max-width: 680px;
	 max-height: 90vh;
	 overflow-y: auto;
	 box-shadow: 0 40px 120px rgba(0,0,0,0.4);
	 transform: scale(0.9) translateY(20px);
	 transition: transform 0.35s ease;
	 position: relative;
}
 .ucf-modal-overlay.open .ucf-modal {
	 transform: scale(1) translateY(0);
}
 .ucf-modal-header {
	 background: linear-gradient(135deg, var(--ucf-navy), #1a3561);
	 padding: 36px 40px 32px;
	 border-radius: 24px 24px 0 0;
	 position: relative;
}
 .ucf-modal-close {
	 position: absolute;
	 top: 20px;
	 right: 20px;
	 width: 36px;
	 height: 36px;
	 background: rgba(255,255,255,0.1);
	 border: 1px solid rgba(255,255,255,0.2);
	 border-radius: 50%;
	 color: white;
	 font-size: 16px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 cursor: pointer;
	 transition: all 0.2s;
	 border-style: solid;
}
 .ucf-modal-close:hover {
	 background: rgba(255,255,255,0.2);
	 transform: rotate(90deg);
}
 .ucf-modal-title {
	 
	 font-size: 28px;
	 font-weight: 900;
	 color: white;
	 margin-bottom: 6px;
}
 .ucf-modal-sub {
	 font-size: 14px;
	 color: rgba(255,255,255,0.65);
}
 .ucf-modal-body {
	 padding: 36px 40px;
}
 .ucf-form-group {
	 margin-bottom: 20px;
}
 .ucf-form-label {
	 display: block;
	 font-size: 13px;
	 font-weight: 600;
	 color: var(--ucf-navy);
	 margin-bottom: 8px;
	 letter-spacing: 0.02em;
}
 .ucf-form-label span {
	 color: #e74c3c;
}
 .ucf-form-control {
	 width: 100%;
	 padding: 13px 16px;
	 border: 2px solid rgba(0,0,0,0.1);
	 border-radius: 10px;
	 font-family: var(--ucf-font-body);
	 font-size: 14px;
	 color: var(--ucf-dark);
	 background: #f9fafb;
	 transition: all 0.25s;
	 outline: none;
}
 .ucf-form-control:focus {
	 border-color: var(--ucf-gold);
	 background: white;
	 box-shadow: 0 0 0 3px rgba(201,168,76,0.12);
}
 .ucf-form-control::placeholder {
	 color: #9ca3af;
}
 select.ucf-form-control {
	 appearance: none;
	 cursor: pointer;
	 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23c9a84c' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
	 background-repeat: no-repeat;
	 background-position: right 14px center;
	 background-color: #f9fafb;
	 padding-right: 36px;
}
 textarea.ucf-form-control {
	 resize: vertical;
	 min-height: 100px;
}
 .ucf-file-upload {
	 border: 2px dashed rgba(201,168,76,0.4);
	 border-radius: 10px;
	 padding: 20px;
	 text-align: center;
	 cursor: pointer;
	 transition: all 0.2s;
	 background: rgba(201,168,76,0.03);
	 width: 100% !important;
}
 .ucf-file-upload:hover {
	 border-color: var(--ucf-gold);
	 background: rgba(201,168,76,0.07);
}
 .ucf-file-upload i {
	 font-size: 28px;
	 color: var(--ucf-gold);
	 display: block;
	 margin-bottom: 8px;
}
 .ucf-file-upload p {
	 font-size: 13px;
	 color: var(--ucf-grey);
	 margin: 0;
}
 .ucf-file-upload input {
	 display: none;
}
 .ucf-modal-submit {
	 width: 100%;
	 padding: 16px;
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 color: var(--ucf-navy);
	 font-weight: 700;
	 font-size: 16px;
	 border-radius: 12px;
	 border: none;
	 cursor: pointer;
	 transition: all 0.3s;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 gap: 10px;
	 font-family: var(--ucf-font-body);
	 margin-top: 8px;
}
 .ucf-modal-submit:hover {
	 transform: translateY(-2px);
	 box-shadow: 0 12px 35px rgba(201,168,76,0.45);
}
 .ucf-modal-note {
	 font-size: 12px;
	 color: var(--ucf-grey);
	 text-align: center;
	 margin-top: 12px;
}
/* ─── RESPONSIVE ─── */
 @media (max-width: 991px) {
	 .ucf-header-inner {
		 padding: 16px 20px;
	}
	 .ucf-nav, .ucf-header-actions .ucf-phone-cta {
		 display: none;
	}
	 .ucf-nav-toggle {
		 display: block;
	}
	 .ucf-nav.open {
		 display: flex;
		 flex-direction: column;
		 position: fixed;
		 top: 0;
		 left: 0;
		 right: 0;
		 bottom: 0;
		 background: var(--ucf-navy);
		 padding: 80px 30px 30px;
		 z-index: 999;
		 gap: 8px;
		 overflow-y: auto;
	}
	 .ucf-nav.open > li > a {
		 font-size: 18px;
		 padding: 14px 0;
		 border-bottom: 1px solid rgba(255,255,255,0.08);
		 border-radius: 0;
	}
	 .ucf-mega-menu {
		 position: static;
		 transform: none;
		 min-width: 0;
		 display: none !important;
	}
	 .ucf-process-line {
		 display: none;
	}
	 .ucf-detail-badge {
		 left: 10px;
	}
	 .ucf-modal-body, .ucf-modal-header {
		 padding: 24px 24px;
	}
	 .ucf-trust-item {
		 padding: 10px 16px;
		 font-size: 12px;
	}
}
 @media (max-width: 575px) {
	 .ucf-ba-label {
		 font-size: 9px;
		 padding: 4px 10px;
	}
	 .ucf-modal-title {
		 font-size: 22px;
	}
}
/* ─── SECTION WAVE DIVIDER ─── */
 .ucf-wave {
	 overflow: hidden;
	 line-height: 0;
}
 .ucf-wave svg {
	 display: block;
}
/* ─── SPECIALTY HIGHLIGHT ─── */
 .ucf-highlight-strip {
	 background: linear-gradient(90deg, var(--ucf-gold), var(--ucf-gold-light));
	 padding: 22px 0;
}
 .ucf-highlight-items {
	 display: flex;
	 justify-content: center;
	 gap: 0;
	 flex-wrap: wrap;
}
 .ucf-highlight-item {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 color: var(--ucf-navy);
	 font-size: 13px;
	 font-weight: 700;
	 padding: 10px 28px;
	 border-right: 1px solid rgba(13,31,60,0.2);
}
 .ucf-highlight-item:last-child {
	 border-right: none;
}
 .ucf-highlight-item i {
	 font-size: 18px;
}
/* ─── GLASSY INFO CARD ─── */
 .ucf-glass-card {
	 background: rgba(255,255,255,0.06);
	 border: 1px solid rgba(255,255,255,0.12);
	 border-radius: var(--ucf-radius);
	 padding: 30px 26px;
	 backdrop-filter: blur(10px);
}
/* projects page css */
 :root {
	 --ucf-navy: #0d1f3c;
	 --ucf-gold: #c9a84c;
	 --ucf-gold-light: #e8c96e;
	 --ucf-cream: #faf8f3;
	 --ucf-white: #ffffff;
	 --ucf-grey: #6b7280;
	 --ucf-dark: #111827;
	 --ucf-border: rgba(201,168,76,0.25);
	 --ucf-glass: rgba(255,255,255,0.07);
	 --ucf-shadow: 0 20px 60px rgba(13,31,60,0.15);
	 --ucf-radius: 16px;
	 --ucf-font-display: 'Playfair Display', serif;
	 --ucf-font-body: 'DM Sans', sans-serif;
}
 *, *::before, *::after {
	 box-sizing: border-box;
	 margin: 0;
	 padding: 0;
}
 html {
	 scroll-behavior: smooth;
}
 body {
	 font-family: var(--ucf-font-body);
	 background: var(--ucf-cream);
	 color: var(--ucf-dark);
	 overflow-x: hidden;
}
/* ─── HEADER ─── */
 .ucf-header {
	 position: fixed;
	 top: 0;
	 left: 0;
	 right: 0;
	 z-index: 1000;
	 transition: all 0.4s ease;
}
 .ucf-header.scrolled {
	 background: rgba(13,31,60,0.97);
	 backdrop-filter: blur(20px);
	 box-shadow: 0 4px 30px rgba(0,0,0,0.2);
}
 .ucf-header-inner {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 padding: 18px 40px;
	 max-width: 1400px;
	 margin: 0 auto;
}
 .ucf-logo {
	 display: flex;
	 align-items: center;
	 gap: 12px;
	 text-decoration: none;
}
 .ucf-logo-icon {
	 width: 46px;
	 height: 46px;
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 border-radius: 10px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 22px;
	 color: var(--ucf-navy);
	 font-weight: 900;
}
 .ucf-logo-text {
	 line-height: 1.1;
}
 .ucf-logo-name {
	 
	 font-size: 17px;
	 font-weight: 700;
	 color: var(--ucf-white);
	 letter-spacing: 0.02em;
}
 .ucf-logo-sub {
	 font-size: 10px;
	 color: var(--ucf-gold);
	 letter-spacing: 0.15em;
	 text-transform: uppercase;
}
 .ucf-nav {
	 display: flex;
	 align-items: center;
	 gap: 4px;
	 list-style: none;
}
 .ucf-nav > li {
	 position: relative;
}
 .ucf-nav > li > a {
	 padding: 8px 14px;
	 color: rgba(255,255,255,0.85);
	 text-decoration: none;
	 font-size: 14px;
	 font-weight: 500;
	 border-radius: 8px;
	 transition: all 0.2s;
	 display: flex;
	 align-items: center;
	 gap: 4px;
}
 .ucf-nav > li > a:hover, .ucf-nav > li > a.active {
	 color: var(--ucf-gold);
	 background: var(--ucf-glass);
}
 .ucf-nav > li {
	 position: relative;
}
/* MEGA MENU BASE */
 .ucf-mega-menu {
	 position: absolute;
	 top: calc(100% + 10px);
	 left: 50%;
	 transform: translateX(-50%) translateY(10px);
	 background: var(--ucf-navy);
	 border: 1px solid var(--ucf-border);
	 border-radius: var(--ucf-radius);
	 padding: 32px;
	 min-width: 780px;
	 box-shadow: 0 30px 80px rgba(0,0,0,0.4);
	 display: grid;
	 grid-template-columns: repeat(3, 1fr);
	 gap: 32px;
	 opacity: 0;
	 visibility: hidden;
	 pointer-events: none;
	 transition: opacity 0.25s ease, transform 0.25s ease;
}
/* SHOW STATE (IMPORTANT FIX) */
 .ucf-nav > li:hover .ucf-mega-menu, .ucf-mega-menu:hover {
	 opacity: 1;
	 visibility: visible;
	 pointer-events: auto;
	 transform: translateX(-50%) translateY(0);
}
/* 🔥 THIS IS THE CRITICAL FIX (hover bridge) */
 .ucf-nav > li::after {
	 content: "";
	 position: absolute;
	 top: 100%;
	 left: 0;
	 width: 100%;
	 height: 20px;
}
 .ucf-mega-col h6 {
	 font-size: 10px;
	 letter-spacing: 0.15em;
	 text-transform: uppercase;
	 color: var(--ucf-gold);
	 margin-bottom: 14px;
	 font-weight: 600;
}
 .ucf-mega-col a {
	 display: block;
	 color: rgba(255,255,255,0.75);
	 text-decoration: none;
	 font-size: 13px;
	 padding: 5px 0;
	 transition: color 0.2s;
}
 .ucf-mega-col a:hover {
	 color: var(--ucf-gold);
	 padding-left: 6px;
}
 .ucf-header-actions {
	 display: flex;
	 align-items: center;
	 gap: 12px;
}
 .ucf-phone-cta {
	 color: var(--ucf-gold);
	 font-weight: 600;
	 font-size: 14px;
	 text-decoration: none;
	 display: flex;
	 align-items: center;
	 gap: 6px;
	 transition: opacity 0.2s;
}
 .ucf-phone-cta:hover {
	 opacity: 0.8;
	 color: var(--ucf-gold);
}
 .ucf-btn-primary {
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 color: var(--ucf-navy);
	 font-weight: 700;
	 font-size: 14px;
	 padding: 11px 24px;
	 border-radius: 10px;
	 text-decoration: none;
	 border: none;
	 cursor: pointer;
	 transition: all 0.3s;
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
}
 .ucf-btn-primary:hover {
	 transform: translateY(-2px);
	 box-shadow: 0 10px 30px rgba(201,168,76,0.4);
	 color: var(--ucf-navy);
}
 .ucf-nav-toggle {
	 display: none;
	 background: none;
	 border: 2px solid rgba(255,255,255,0.3);
	 color: white;
	 padding: 8px 12px;
	 border-radius: 8px;
	 cursor: pointer;
}
/* ─── PAGE HERO ─── */
 .ucf-page-hero {
	 background: linear-gradient(135deg, #0d1f3c 0%, #1a3561 60%, #0d2847 100%);
	 padding: 160px 0 90px;
	 position: relative;
	 overflow: hidden;
}
 .ucf-page-hero::before {
	 content: '';
	 position: absolute;
	 inset: 0;
	 background: url('https://images.unsplash.com/photo-1581858726788-75bc0f6a952d?w=1600&q=80') center/cover no-repeat;
	 opacity: 0.1;
}
 .ucf-page-hero-grid {
	 position: absolute;
	 inset: 0;
	 background-image: linear-gradient(rgba(201,168,76,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(201,168,76,0.05) 1px, transparent 1px);
	 background-size: 60px 60px;
}
 .ucf-page-hero-content {
	 position: relative;
	 z-index: 2;
}
 .ucf-breadcrumb {
	 display: flex;
	 align-items: center;
	 gap: 8px;
	 margin-bottom: 24px;
}
 .ucf-breadcrumb a {
	 color: rgba(255,255,255,0.5);
	 text-decoration: none;
	 font-size: 13px;
	 transition: color 0.2s;
}
 .ucf-breadcrumb a:hover {
	 color: var(--ucf-gold);
}
 .ucf-breadcrumb span {
	 color: var(--ucf-gold);
	 font-size: 13px;
}
 .ucf-breadcrumb i {
	 color: rgba(255,255,255,0.3);
	 font-size: 10px;
}
 .ucf-page-hero h1 {
	 
	 font-size: clamp(40px, 5vw, 66px);
	 font-weight: 900;
	 color: white;
	 line-height: 1.1;
	 margin-bottom: 22px;
}
 .ucf-page-hero h1 span {
	 color: var(--ucf-gold);
}
 .ucf-page-hero p {
	 font-size: 18px;
	 color: rgba(255,255,255,0.7);
	 max-width: 560px;
	 line-height: 1.75;
}
 .ucf-hero-stats-row {
	 display: flex;
	 gap: 48px;
	 margin-top: 50px;
	 flex-wrap: wrap;
	 border-top: 1px solid rgba(255,255,255,0.1);
	 padding-top: 40px;
}
 .ucf-hero-stat-item {
}
 .ucf-hero-stat-num {
	 
	 font-size: 38px;
	 font-weight: 900;
	 color: var(--ucf-gold);
	 line-height: 1;
}
 .ucf-hero-stat-label {
	 font-size: 13px;
	 color: rgba(255,255,255,0.55);
	 margin-top: 5px;
}
/* ─── SECTION COMMONS ─── */

 .ucf-section-cream {
	 background: var(--ucf-cream);
}
 .ucf-section-white {
	 background: var(--ucf-white);
}
 .ucf-section-dark {
	 background: var(--ucf-navy);
}
 .ucf-label {
	 font-size: 11px;
	 letter-spacing: 0.2em;
	 text-transform: uppercase;
	 color: var(--ucf-gold);
	 font-weight: 600;
	 margin-bottom: 14px;
	 display: block;
}

 .ucf-lead {
	 font-size: 17px;
	 color: var(--ucf-grey);
	 line-height: 1.75;
}
 .ucf-divider {
	 width: 60px;
	 height: 3px;
	 background: linear-gradient(90deg, var(--ucf-gold), var(--ucf-gold-light));
	 border-radius: 2px;
	 margin: 20px 0;
}
/* ─── FILTER TABS ─── */
 .ucf-filter-wrap {
	 display: flex;
	 gap: 10px;
	 flex-wrap: wrap;
	 justify-content: center;
	 margin-bottom: 60px;
}
 .ucf-filter-btn {
	 padding: 10px 24px;
	 border-radius: 50px;
	 border: 2px solid rgba(0,0,0,0.1);
	 background: white;
	 color: var(--ucf-grey);
	 font-size: 14px;
	 font-weight: 500;
	 cursor: pointer;
	 transition: all 0.3s;
	 font-family: var(--ucf-font-body);
}
 .ucf-filter-btn:hover {
	 border-color: var(--ucf-gold);
	 color: var(--ucf-gold);
}
 .ucf-filter-btn.active {
	 background: var(--ucf-navy);
	 border-color: var(--ucf-navy);
	 color: white;
}
/* ─── PROJECT GRID ─── */
 .ucf-proj-card {
	 border-radius: var(--ucf-radius);
	 overflow: hidden;
	 position: relative;
	 cursor: pointer;
	 box-shadow: 0 4px 20px rgba(0,0,0,0.08);
	 transition: all 0.4s;
	 background: white;
}
 .ucf-proj-card:hover {
	 transform: translateY(-8px);
	 box-shadow: 0 30px 70px rgba(13,31,60,0.2);
}
 .ucf-proj-img-wrap {
	 position: relative;
	 overflow: hidden;
}
 .ucf-proj-img-wrap img {
	 width: 100%;
	 aspect-ratio: 4/3;
	 object-fit: cover;
	 transition: transform 0.6s;
	 display: block;
}
 .ucf-proj-card:hover .ucf-proj-img-wrap img {
	 transform: scale(1.08);
}
 .ucf-proj-overlay {
	 position: absolute;
	 inset: 0;
	 background: linear-gradient(to top, rgba(13,31,60,0.85) 0%, rgba(13,31,60,0.1) 60%, transparent 100%);
	 opacity: 0;
	 transition: opacity 0.4s;
	 display: flex;
	 align-items: flex-end;
	 padding: 24px;
}
 .ucf-proj-card:hover .ucf-proj-overlay {
	 opacity: 1;
}
 .ucf-proj-view-btn {
	 display: inline-flex;
	 align-items: center;
	 gap: 8px;
	 background: var(--ucf-gold);
	 color: var(--ucf-navy);
	 font-weight: 700;
	 font-size: 13px;
	 padding: 10px 20px;
	 border-radius: 8px;
	 text-decoration: none;
	 transition: all 0.2s;
}
 .ucf-proj-view-btn:hover {
	 background: var(--ucf-gold-light);
	 color: var(--ucf-navy);
}
 .ucf-proj-body {
	 padding: 24px 26px 28px;
}
 .ucf-proj-cat {
	 font-size: 10px;
	 letter-spacing: 0.15em;
	 text-transform: uppercase;
	 color: var(--ucf-gold);
	 font-weight: 600;
	 margin-bottom: 8px;
}
 .ucf-proj-title {
	 
	 font-size: 20px;
	 font-weight: 700;
	 color: var(--ucf-navy);
	 margin-bottom: 10px;
	 line-height: 1.3;
}
 .ucf-proj-desc {
	 font-size: 14px;
	 color: var(--ucf-grey);
	 line-height: 1.7;
	 margin-bottom: 18px;
}
 .ucf-proj-footer {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 border-top: 1px solid rgba(0,0,0,0.06);
	 padding-top: 16px;
}
 .ucf-proj-location {
	 font-size: 12px;
	 color: var(--ucf-grey);
	 display: flex;
	 align-items: center;
	 gap: 5px;
}
 .ucf-proj-link {
	 font-size: 13px;
	 font-weight: 600;
	 color: var(--ucf-gold);
	 text-decoration: none;
	 display: flex;
	 align-items: center;
	 gap: 5px;
	 transition: gap 0.2s;
}
 .ucf-proj-link:hover {
	 gap: 9px;
	 color: var(--ucf-gold);
}
/* ─── FEATURED LARGE CARD ─── */
 .ucf-proj-card-lg {
	 border-radius: var(--ucf-radius);
	 overflow: hidden;
	 position: relative;
	 cursor: pointer;
	 box-shadow: 0 4px 20px rgba(0,0,0,0.08);
	 transition: all 0.4s;
	 background: white;
}
 .ucf-proj-card-lg:hover {
	 transform: translateY(-6px);
	 box-shadow: 0 30px 70px rgba(13,31,60,0.2);
}
 .ucf-proj-card-lg .ucf-proj-img-wrap img {
	 aspect-ratio: 16/9;
}
/* ─── QUALITY STANDARDS ─── */
 .ucf-quality-card {
	 background: white;
	 border-radius: var(--ucf-radius);
	 padding: 32px 26px;
	 border: 1px solid rgba(0,0,0,0.06);
	 height: 100%;
	 transition: all 0.3s;
	 text-align: center;
}
 .ucf-quality-card:hover {
	 transform: translateY(-6px);
	 box-shadow: var(--ucf-shadow);
}
 .ucf-quality-icon {
	 width: 64px;
	 height: 64px;
	 margin: 0 auto 20px;
	 background: linear-gradient(135deg, rgba(201,168,76,0.12), rgba(201,168,76,0.05));
	 border-radius: 16px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 28px;
	 color: var(--ucf-gold);
	 transition: all 0.3s;
}
 .ucf-quality-card:hover .ucf-quality-icon {
	 background: var(--ucf-gold);
	 color: var(--ucf-navy);
}
 .ucf-quality-card h5 {
	 
	 font-size: 18px;
	 font-weight: 700;
	 color: var(--ucf-navy);
	 margin-bottom: 12px;
}
 .ucf-quality-card p {
	 font-size: 14px;
	 color: var(--ucf-grey);
	 line-height: 1.7;
}
/* ─── CTA ─── */
 .ucf-cta-section {
	 background: linear-gradient(135deg, var(--ucf-navy), #1a3561);
	 position: relative;
	 overflow: hidden;
	 padding: 100px 0;
}
 .ucf-cta-section::before {
	 content: '';
	 position: absolute;
	 inset: 0;
	 background: url('https://images.unsplash.com/photo-1562259949-e8e7689d7828?w=1400&q=70') center/cover no-repeat;
	 opacity: 0.08;
}
 .ucf-cta-title {
	 
	 font-size: clamp(36px, 5vw, 58px);
	 font-weight: 900;
	 color: white;
	 margin-bottom: 20px;
	 line-height: 1.1;
}
 .ucf-cta-title span {
	 color: var(--ucf-gold);
}
 .ucf-cta-sub {
	 font-size: 17px;
	 color: rgba(255,255,255,0.7);
	 margin-bottom: 40px;
	 max-width: 500px;
}
 .ucf-hero-btn-primary {
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 color: var(--ucf-navy);
	 font-weight: 700;
	 font-size: 16px;
	 padding: 16px 36px;
	 border-radius: 12px;
	 text-decoration: none;
	 display: inline-flex;
	 align-items: center;
	 gap: 10px;
	 transition: all 0.3s;
}
 .ucf-hero-btn-primary:hover {
	 transform: translateY(-3px);
	 box-shadow: 0 15px 40px rgba(201,168,76,0.5);
	 color: var(--ucf-navy);
}
 .ucf-hero-btn-ghost {
	 border: 2px solid rgba(255,255,255,0.3);
	 color: white;
	 font-weight: 600;
	 font-size: 16px;
	 padding: 14px 32px;
	 border-radius: 12px;
	 text-decoration: none;
	 display: inline-flex;
	 align-items: center;
	 gap: 10px;
	 transition: all 0.3s;
	 backdrop-filter: blur(10px);
}
 .ucf-hero-btn-ghost:hover {
	 border-color: var(--ucf-gold);
	 color: var(--ucf-gold);
}
/* ─── TRUST STRIP ─── */
 .ucf-trust-strip {
	 background: var(--ucf-navy);
	 padding: 20px 0;
	 border-bottom: 1px solid var(--ucf-border);
}
 .ucf-trust-items {
	 display: flex;
	 justify-content: center;
	 gap: 0;
	 flex-wrap: wrap;
}
 .ucf-trust-item {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 color: rgba(255,255,255,0.85);
	 font-size: 13px;
	 font-weight: 500;
	 padding: 12px 32px;
	 border-right: 1px solid rgba(255,255,255,0.1);
}
 .ucf-trust-item:last-child {
	 border-right: none;
}
 .ucf-trust-item i {
	 color: var(--ucf-gold);
	 font-size: 18px;
}
/* ─── FOOTER ─── */
 .ucf-footer {
	 background: #080f1e;
	 padding: 80px 0 0;
	 color: rgba(255,255,255,0.7);
}
 .ucf-footer-brand {
	 margin-bottom: 28px;
}
 .ucf-footer-about {
	 font-size: 14px;
	 line-height: 1.8;
	 margin-bottom: 20px;
}
 .ucf-footer-abn {
	 display: inline-flex;
	 align-items: center;
	 gap: 8px;
	 background: rgba(201,168,76,0.1);
	 border: 1px solid var(--ucf-border);
	 border-radius: 8px;
	 padding: 8px 14px;
	 font-size: 12px;
	 color: var(--ucf-gold);
}
 .ucf-footer h6 {
	 color: white;
	 font-size: 11px;
	 letter-spacing: 0.15em;
	 text-transform: uppercase;
	 margin-bottom: 20px;
	 font-weight: 600;
}
 .ucf-footer-links {
	 list-style: none;
	 padding: 0;
}
 .ucf-footer-links li {
	 margin-bottom: 10px;
}
 .ucf-footer-links a {
	 color: rgba(255,255,255,0.6);
	 text-decoration: none;
	 font-size: 14px;
	 transition: color 0.2s;
	 display: flex;
	 align-items: center;
	 gap: 6px;
}
 .ucf-footer-links a:hover {
	 color: var(--ucf-gold);
	 padding-left: 4px;
}
 .ucf-footer-contact {
	 font-size: 14px;
	 line-height: 2;
}
 .ucf-footer-contact a {
	 color: rgba(255,255,255,0.6);
	 text-decoration: none;
}
 .ucf-footer-contact a:hover {
	 color: var(--ucf-gold);
}
 .ucf-footer-bottom {
	 margin-top: 60px;
	 padding: 24px 0;
	 border-top: 1px solid rgba(255,255,255,0.08);
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 flex-wrap: wrap;
	 gap: 12px;
	 font-size: 13px;
}
/* ─── REVEAL ─── */
 .ucf-reveal {
	 opacity: 0;
	 transform: translateY(30px);
	 transition: all 0.7s ease;
}
 .ucf-reveal.visible {
	 opacity: 1;
	 transform: none;
}
/* ─── RESPONSIVE ─── */
 @media (max-width: 991px) {
	 .ucf-header-inner {
		 padding: 16px 20px;
	}
	 .ucf-nav {
		 display: none;
		 flex-direction: column;
		 width: 100%;
	}
	 .ucf-nav.open {
		 display: flex;
	}
	 .ucf-nav-toggle {
		 display: block;
	}
	 .ucf-header.scrolled .ucf-nav.open {
		 position: absolute;
		 top: 100%;
		 left: 0;
		 right: 0;
		 background: var(--ucf-navy);
		 padding: 20px;
	}
	 .ucf-hero-stats-row {
		 gap: 28px;
	}
}
 @media (max-width: 575px) {
	 .ucf-section {
		 padding: 70px 0;
	}
	 .ucf-trust-item {
		 padding: 10px 16px;
	}
	 .ucf-footer-bottom {
		 flex-direction: column;
		 text-align: center;
	}
	 .ucf-filter-btn {
		 padding: 8px 16px;
		 font-size: 13px;
	}
}
/* reviews page css */
 :root {
	 --ucf-navy: #0d1f3c;
	 --ucf-gold: #c9a84c;
	 --ucf-gold-light: #e8c96e;
	 --ucf-cream: #faf8f3;
	 --ucf-white: #ffffff;
	 --ucf-grey: #6b7280;
	 --ucf-dark: #111827;
	 --ucf-border: rgba(201,168,76,0.25);
	 --ucf-glass: rgba(255,255,255,0.07);
	 --ucf-shadow: 0 20px 60px rgba(13,31,60,0.15);
	 --ucf-radius: 16px;
	 --ucf-font-display: 'Playfair Display', serif;
	 --ucf-font-body: 'DM Sans', sans-serif;
}
 *, *::before, *::after {
	 box-sizing: border-box;
	 margin: 0;
	 padding: 0;
}
 html {
	 scroll-behavior: smooth;
}
 body {
	 font-family: var(--ucf-font-body);
	 background: var(--ucf-cream);
	 color: var(--ucf-dark);
	 overflow-x: hidden;
}
/* ─── HEADER ─── */
 .ucf-header {
	 position: fixed;
	 top: 0;
	 left: 0;
	 right: 0;
	 z-index: 1000;
	 padding: 0;
	 transition: all 0.4s ease;
}
 .ucf-header.scrolled {
	 background: rgba(13,31,60,0.97);
	 backdrop-filter: blur(20px);
	 box-shadow: 0 4px 30px rgba(0,0,0,0.2);
}
 .ucf-header-inner {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 padding: 18px 40px;
	 max-width: 1400px;
	 margin: 0 auto;
}
 .ucf-logo {
	 display: flex;
	 align-items: center;
	 gap: 12px;
	 text-decoration: none;
}
 .ucf-logo-icon {
	 width: 46px;
	 height: 46px;
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 border-radius: 10px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 22px;
	 color: var(--ucf-navy);
	 font-weight: 900;
}
 .ucf-logo-text {
	 line-height: 1.1;
}
 .ucf-logo-name {
	 
	 font-size: 17px;
	 font-weight: 700;
	 color: var(--ucf-white);
	 letter-spacing: 0.02em;
}
 .ucf-logo-sub {
	 font-size: 10px;
	 color: var(--ucf-gold);
	 letter-spacing: 0.15em;
	 text-transform: uppercase;
}
 .ucf-nav {
	 display: flex;
	 align-items: center;
	 gap: 4px;
	 list-style: none;
}
 .ucf-nav > li {
	 position: relative;
}
 .ucf-nav > li > a {
	 padding: 8px 14px;
	 color: rgba(255,255,255,0.85);
	 text-decoration: none;
	 font-size: 14px;
	 font-weight: 500;
	 border-radius: 8px;
	 transition: all 0.2s;
	 display: flex;
	 align-items: center;
	 gap: 4px;
}
 .ucf-nav > li > a:hover, .ucf-nav > li > a.active {
	 color: var(--ucf-gold);
	 background: var(--ucf-glass);
}
 .ucf-mega-menu {
	 position: absolute;
	 top: calc(100% + 10px);
	 left: 50%;
	 transform: translateX(-50%);
	 background: var(--ucf-navy);
	 border: 1px solid var(--ucf-border);
	 border-radius: var(--ucf-radius);
	 padding: 32px;
	 display: none;
	 min-width: 780px;
	 box-shadow: 0 30px 80px rgba(0,0,0,0.4);
	 grid-template-columns: repeat(3, 1fr);
	 gap: 32px;
}
 .ucf-nav > li:hover .ucf-mega-menu {
	 display: grid;
}
 .ucf-mega-col h6 {
	 font-size: 10px;
	 letter-spacing: 0.15em;
	 text-transform: uppercase;
	 color: var(--ucf-gold);
	 margin-bottom: 14px;
	 font-weight: 600;
}
 .ucf-mega-col a {
	 display: block;
	 color: rgba(255,255,255,0.75);
	 text-decoration: none;
	 font-size: 13px;
	 padding: 5px 0;
	 transition: color 0.2s;
}
 .ucf-mega-col a:hover {
	 color: var(--ucf-gold);
	 padding-left: 6px;
}
 .ucf-header-actions {
	 display: flex;
	 align-items: center;
	 gap: 12px;
}
 .ucf-phone-cta {
	 color: var(--ucf-gold);
	 font-weight: 600;
	 font-size: 14px;
	 text-decoration: none;
	 display: flex;
	 align-items: center;
	 gap: 6px;
	 transition: opacity 0.2s;
}
 .ucf-phone-cta:hover {
	 opacity: 0.8;
	 color: var(--ucf-gold);
}
 .ucf-btn-primary {
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 color: var(--ucf-navy);
	 font-weight: 700;
	 font-size: 14px;
	 padding: 11px 24px;
	 border-radius: 10px;
	 text-decoration: none;
	 border: none;
	 cursor: pointer;
	 transition: all 0.3s;
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
}
 .ucf-btn-primary:hover {
	 transform: translateY(-2px);
	 box-shadow: 0 10px 30px rgba(201,168,76,0.4);
	 color: var(--ucf-navy);
}
 .ucf-btn-outline {
	 border: 2px solid var(--ucf-gold);
	 color: var(--ucf-gold);
	 font-weight: 600;
	 font-size: 14px;
	 padding: 10px 22px;
	 border-radius: 10px;
	 text-decoration: none;
	 transition: all 0.3s;
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
}
 .ucf-btn-outline:hover {
	 background: var(--ucf-gold);
	 color: var(--ucf-navy);
}
 .ucf-nav-toggle {
	 display: none;
	 background: none;
	 border: 2px solid rgba(255,255,255,0.3);
	 color: white;
	 padding: 8px 12px;
	 border-radius: 8px;
	 cursor: pointer;
}
/* ─── HERO ─── */
 .ucf-reviews-hero {
	 min-height: 70vh;
	 background: linear-gradient(135deg, #0d1f3c 0%, #1a3561 60%, #0d2847 100%);
	 position: relative;
	 display: flex;
	 align-items: center;
	 overflow: hidden;
	 padding: 140px 0 80px;
}
 .ucf-reviews-hero::before {
	 content: '';
	 position: absolute;
	 inset: 0;
	 background: url('https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?w=1600&q=80') center/cover no-repeat;
	 opacity: 0.12;
}
 .ucf-reviews-hero-grid {
	 position: absolute;
	 inset: 0;
	 background-image: linear-gradient(rgba(201,168,76,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(201,168,76,0.05) 1px, transparent 1px);
	 background-size: 60px 60px;
}
/* Floating stars */
 .ucf-star-float {
	 position: absolute;
	 border-radius: 50%;
	 background: rgba(201,168,76,0.08);
	 border: 1px solid rgba(201,168,76,0.15);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 color: var(--ucf-gold);
	 font-size: 18px;
	 animation: floatStar 6s ease-in-out infinite;
}
 @keyframes floatStar {
	 0%,100%{
		 transform:translateY(0) rotate(0deg);
	}
	 50%{
		 transform:translateY(-16px) rotate(10deg);
	}
}
 .ucf-label {
	 font-size: 11px;
	 letter-spacing: 0.2em;
	 text-transform: uppercase;
	 color: var(--ucf-gold);
	 font-weight: 600;
	 margin-bottom: 14px;
	 display: block;
}

 .ucf-lead {
	 font-size: 16px;
	 color: var(--ucf-grey);
	 line-height: 1.8;
}
 .ucf-divider {
	 width: 60px;
	 height: 3px;
	 background: linear-gradient(90deg, var(--ucf-gold), var(--ucf-gold-light));
	 border-radius: 2px;
	 margin: 20px 0;
}
/* ─── RATING CARD ─── */
 .ucf-rating-mega {
	 background: var(--ucf-white);
	 border-radius: 24px;
	 padding: 52px 48px;
	 box-shadow: 0 40px 100px rgba(13,31,60,0.18);
	 border: 1px solid rgba(0,0,0,0.06);
	 margin-top: -80px;
	 position: relative;
	 z-index: 10;
}
 .ucf-rating-big {
	 
	 font-size: 96px;
	 font-weight: 900;
	 color: var(--ucf-navy);
	 line-height: 1;
	 display: block;
}
 .ucf-rating-stars-big {
	 color: #f59e0b;
	 font-size: 28px;
	 letter-spacing: 4px;
}
 .ucf-rating-label {
	 font-size: 14px;
	 color: var(--ucf-grey);
	 margin-top: 8px;
}
 .ucf-rating-divider {
	 width: 1px;
	 background: rgba(0,0,0,0.1);
	 align-self: stretch;
	 margin: 0 48px;
}
 .ucf-rating-breakdown {
	 flex: 1;
}
 .ucf-bar-row {
	 display: flex;
	 align-items: center;
	 gap: 12px;
	 margin-bottom: 12px;
}
 .ucf-bar-label {
	 font-size: 13px;
	 color: var(--ucf-grey);
	 width: 40px;
	 flex-shrink: 0;
}
 .ucf-bar-track {
	 flex: 1;
	 height: 8px;
	 background: #f3f4f6;
	 border-radius: 4px;
	 overflow: hidden;
}
 .ucf-bar-fill {
	 height: 100%;
	 border-radius: 4px;
	 background: linear-gradient(90deg, var(--ucf-gold), var(--ucf-gold-light));
	 transition: width 1.2s ease;
}
 .ucf-bar-count {
	 font-size: 13px;
	 color: var(--ucf-grey);
	 width: 28px;
	 flex-shrink: 0;
	 text-align: right;
}
 .ucf-rating-stat {
	 text-align: center;
	 padding: 0 28px;
}
 .ucf-rating-stat-num {
	 
	 font-size: 36px;
	 font-weight: 900;
	 color: var(--ucf-navy);
	 line-height: 1;
}
 .ucf-rating-stat-label {
	 font-size: 12px;
	 color: var(--ucf-grey);
	 margin-top: 6px;
}
 .ucf-google-pill {
	 display: inline-flex;
	 align-items: center;
	 gap: 8px;
	 background: #f8f9fa;
	 border: 1px solid rgba(0,0,0,0.08);
	 border-radius: 50px;
	 padding: 10px 20px;
	 font-size: 14px;
	 font-weight: 600;
	 color: #4b5563;
	 margin-top: 20px;
}
 .ucf-google-pill i {
	 color: #4285f4;
	 font-size: 18px;
}
/* ─── SECTIONS ─── */

 .ucf-section-sm {
	 padding: 60px 0;
}
 .ucf-section-cream {
	 background: var(--ucf-cream);
}
 .ucf-section-white {
	 background: var(--ucf-white);
}
 .ucf-section-dark {
	 background: var(--ucf-navy);
}
/* ─── FILTER TABS ─── */
 .ucf-filter-wrap {
	 display: flex;
	 gap: 10px;
	 flex-wrap: wrap;
}
 .ucf-filter-btn {
	 padding: 10px 22px;
	 border-radius: 50px;
	 background: var(--ucf-white);
	 border: 1.5px solid rgba(0,0,0,0.1);
	 color: var(--ucf-grey);
	 font-size: 14px;
	 font-weight: 500;
	 cursor: pointer;
	 transition: all 0.25s;
}
 .ucf-filter-btn:hover, .ucf-filter-btn.active {
	 background: var(--ucf-navy);
	 border-color: var(--ucf-navy);
	 color: white;
	 box-shadow: 0 6px 20px rgba(13,31,60,0.2);
}
 .ucf-filter-btn.active {
	 background: linear-gradient(135deg, var(--ucf-navy), #1a3561);
}
/* ─── REVIEW CARDS ─── */
 .ucf-review-card {
	 background: var(--ucf-white);
	 border: 1px solid rgba(0,0,0,0.07);
	 border-radius: var(--ucf-radius);
	 padding: 32px 28px;
	 height: 100%;
	 box-shadow: 0 4px 20px rgba(0,0,0,0.05);
	 transition: all 0.3s;
	 position: relative;
	 overflow: hidden;
	 display: flex;
	 flex-direction: column;
}
 .ucf-review-card::before {
	 content: '';
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 height: 3px;
	 background: linear-gradient(90deg, var(--ucf-gold), var(--ucf-gold-light));
	 transform: scaleX(0);
	 transition: transform 0.3s;
	 transform-origin: left;
}
 .ucf-review-card:hover {
	 transform: translateY(-5px);
	 box-shadow: var(--ucf-shadow);
}
 .ucf-review-card:hover::before {
	 transform: scaleX(1);
}
 .ucf-review-header {
	 display: flex;
	 align-items: center;
	 gap: 14px;
	 margin-bottom: 18px;
}
 .ucf-reviewer-avatar {
	 width: 50px;
	 height: 50px;
	 border-radius: 50%;
	 flex-shrink: 0;
	 background: linear-gradient(135deg, var(--ucf-navy), #1a3561);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 
	 font-size: 18px;
	 font-weight: 700;
	 color: var(--ucf-gold);
}
 .ucf-reviewer-name {
	 font-weight: 700;
	 font-size: 15px;
	 color: var(--ucf-navy);
	 margin-bottom: 2px;
}
 .ucf-reviewer-meta {
	 font-size: 12px;
	 color: var(--ucf-grey);
}
 .ucf-stars {
	 color: #f59e0b;
	 font-size: 14px;
	 letter-spacing: 2px;
	 margin-bottom: 14px;
}
 .ucf-review-text {
	 font-size: 14px;
	 color: #4b5563;
	 line-height: 1.8;
	 flex: 1;
}
 .ucf-review-footer {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 margin-top: 20px;
	 padding-top: 18px;
	 border-top: 1px solid rgba(0,0,0,0.06);
}
 .ucf-review-tag {
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
	 background: rgba(201,168,76,0.08);
	 border: 1px solid var(--ucf-border);
	 border-radius: 20px;
	 padding: 5px 12px;
	 font-size: 11px;
	 font-weight: 600;
	 color: var(--ucf-gold);
	 letter-spacing: 0.05em;
}
 .ucf-google-badge {
	 display: flex;
	 align-items: center;
	 gap: 5px;
	 font-size: 12px;
	 color: var(--ucf-grey);
}
 .ucf-google-badge i {
	 color: #4285f4;
}
/* ─── FEATURED REVIEW ─── */
 .ucf-featured-review {
	 background: linear-gradient(135deg, var(--ucf-navy), #1a3561);
	 border-radius: 24px;
	 padding: 60px;
	 position: relative;
	 overflow: hidden;
	 border: 1px solid var(--ucf-border);
}
 .ucf-featured-review::before {
	 content: '\201C';
	 
	 font-size: 200px;
	 font-weight: 900;
	 color: rgba(201,168,76,0.1);
	 line-height: 1;
	 position: absolute;
	 top: -20px;
	 left: 30px;
}
 .ucf-featured-text {
	 
	 font-size: clamp(20px, 2.5vw, 28px);
	 color: white;
	 line-height: 1.6;
	 font-style: italic;
	 margin-bottom: 32px;
	 position: relative;
	 z-index: 1;
}
 .ucf-featured-author {
	 display: flex;
	 align-items: center;
	 gap: 16px;
	 position: relative;
	 z-index: 1;
}
 .ucf-featured-avatar {
	 width: 60px;
	 height: 60px;
	 border-radius: 50%;
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 
	 font-size: 22px;
	 font-weight: 700;
	 color: var(--ucf-navy);
	 flex-shrink: 0;
}
 .ucf-featured-name {
	 font-weight: 700;
	 font-size: 16px;
	 color: white;
}
 .ucf-featured-sub {
	 font-size: 13px;
	 color: rgba(255,255,255,0.6);
}
 .ucf-featured-stars {
	 color: #f59e0b;
	 font-size: 16px;
	 letter-spacing: 2px;
}
/* ─── CATEGORY SECTION ─── */
 .ucf-cat-badge {
	 display: inline-flex;
	 align-items: center;
	 gap: 8px;
	 background: linear-gradient(135deg, rgba(201,168,76,0.12), rgba(201,168,76,0.04));
	 border: 1px solid var(--ucf-border);
	 border-radius: 12px;
	 padding: 14px 20px;
	 margin-bottom: 28px;
	 width: 100%;
}
 .ucf-cat-badge i {
	 font-size: 22px;
	 color: var(--ucf-gold);
}
 .ucf-cat-badge span {
	 font-size: 15px;
	 font-weight: 700;
	 color: var(--ucf-navy);
}
 .ucf-cat-badge small {
	 font-size: 12px;
	 color: var(--ucf-grey);
	 margin-left: auto;
}
/* ─── TRUST BADGES ─── */
 .ucf-trust-badge {
	 background: var(--ucf-white);
	 border: 1px solid rgba(0,0,0,0.07);
	 border-radius: var(--ucf-radius);
	 padding: 36px 28px;
	 text-align: center;
	 transition: all 0.3s;
}
 .ucf-trust-badge:hover {
	 transform: translateY(-4px);
	 box-shadow: var(--ucf-shadow);
	 border-color: var(--ucf-border);
}
 .ucf-trust-badge-icon {
	 width: 64px;
	 height: 64px;
	 margin: 0 auto 18px;
	 background: linear-gradient(135deg, rgba(201,168,76,0.12), rgba(201,168,76,0.04));
	 border-radius: 16px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 28px;
	 color: var(--ucf-gold);
}
 .ucf-trust-badge h5 {
	 font-size: 15px;
	 font-weight: 700;
	 color: var(--ucf-navy);
	 margin-bottom: 10px;
}
 .ucf-trust-badge p {
	 font-size: 13px;
	 color: var(--ucf-grey);
	 line-height: 1.6;
	 margin: 0;
}
/* ─── FAQ ─── */
 .ucf-faq-item {
	 border: 1px solid rgba(0,0,0,0.08);
	 border-radius: 12px;
	 overflow: hidden;
	 margin-bottom: 12px;
	 background: var(--ucf-white);
}
 .ucf-faq-q {
	 padding: 20px 24px;
	 font-weight: 600;
	 font-size: 15px;
	 cursor: pointer;
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 color: var(--ucf-navy);
	 transition: background 0.2s;
	 user-select: none;
}
 .ucf-faq-q:hover {
	 background: rgba(201,168,76,0.05);
}
 .ucf-faq-q i {
	 color: var(--ucf-gold);
	 transition: transform 0.3s;
}
 .ucf-faq-a {
	 padding: 0 24px;
	 max-height: 0;
	 overflow: hidden;
	 transition: all 0.4s;
	 font-size: 14px;
	 color: var(--ucf-grey);
	 line-height: 1.75;
}
 .ucf-faq-item.open .ucf-faq-a {
	 max-height: 200px;
	 padding: 0 24px 20px;
}
 .ucf-faq-item.open .ucf-faq-q i {
	 transform: rotate(45deg);
}
/* ─── CTA ─── */
 .ucf-cta-section {
	 background: linear-gradient(135deg, var(--ucf-navy), #1a3561);
	 position: relative;
	 overflow: hidden;
	 padding: 100px 0;
}
 .ucf-cta-section::before {
	 content: '';
	 position: absolute;
	 inset: 0;
	 background: url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1400&q=70') center/cover no-repeat;
	 opacity: 0.08;
}
 .ucf-cta-title {
	 
	 font-size: clamp(36px, 5vw, 58px);
	 font-weight: 900;
	 color: white;
	 margin-bottom: 20px;
	 line-height: 1.1;
}
 .ucf-cta-title span {
	 color: var(--ucf-gold);
}
 .ucf-cta-sub {
	 font-size: 17px;
	 color: rgba(255,255,255,0.7);
	 margin-bottom: 40px;
	 max-width: 500px;
}
 .ucf-hero-btn-primary {
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 color: var(--ucf-navy);
	 font-weight: 700;
	 font-size: 16px;
	 padding: 16px 36px;
	 border-radius: 12px;
	 text-decoration: none;
	 display: inline-flex;
	 align-items: center;
	 gap: 10px;
	 transition: all 0.3s;
}
 .ucf-hero-btn-primary:hover {
	 transform: translateY(-3px);
	 box-shadow: 0 15px 40px rgba(201,168,76,0.5);
	 color: var(--ucf-navy);
}
 .ucf-hero-btn-ghost {
	 border: 2px solid rgba(255,255,255,0.3);
	 color: white;
	 font-weight: 600;
	 font-size: 16px;
	 padding: 14px 32px;
	 border-radius: 12px;
	 text-decoration: none;
	 display: inline-flex;
	 align-items: center;
	 gap: 10px;
	 transition: all 0.3s;
	 backdrop-filter: blur(10px);
}
 .ucf-hero-btn-ghost:hover {
	 border-color: var(--ucf-gold);
	 color: var(--ucf-gold);
}
/* ─── FOOTER ─── */
 .ucf-footer {
	 background: #080f1e;
	 padding: 80px 0 0;
	 color: rgba(255,255,255,0.7);
}
 .ucf-footer-brand {
	 margin-bottom: 28px;
}
 .ucf-footer-about {
	 font-size: 14px;
	 line-height: 1.8;
	 margin-bottom: 20px;
}
 .ucf-footer-abn {
	 display: inline-flex;
	 align-items: center;
	 gap: 8px;
	 background: rgba(201,168,76,0.1);
	 border: 1px solid var(--ucf-border);
	 border-radius: 8px;
	 padding: 8px 14px;
	 font-size: 12px;
	 color: var(--ucf-gold);
}
 .ucf-footer h6 {
	 color: white;
	 font-size: 11px;
	 letter-spacing: 0.15em;
	 text-transform: uppercase;
	 margin-bottom: 20px;
	 font-weight: 600;
}
 .ucf-footer-links {
	 list-style: none;
	 padding: 0;
}
 .ucf-footer-links li {
	 margin-bottom: 10px;
}
 .ucf-footer-links a {
	 color: rgba(255,255,255,0.6);
	 text-decoration: none;
	 font-size: 14px;
	 transition: color 0.2s;
	 display: flex;
	 align-items: center;
	 gap: 6px;
}
 .ucf-footer-links a:hover {
	 color: var(--ucf-gold);
	 padding-left: 4px;
}
 .ucf-footer-contact {
	 font-size: 14px;
	 line-height: 2;
}
 .ucf-footer-contact a {
	 color: rgba(255,255,255,0.6);
	 text-decoration: none;
}
 .ucf-footer-contact a:hover {
	 color: var(--ucf-gold);
}
 .ucf-footer-bottom {
	 margin-top: 60px;
	 padding: 24px 0;
	 border-top: 1px solid rgba(255,255,255,0.08);
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 flex-wrap: wrap;
	 gap: 12px;
	 font-size: 13px;
}
/* ─── ANIMATIONS ─── */
 @keyframes fadeUp {
	 from {
		 opacity: 0;
		 transform: translateY(30px);
	}
	 to {
		 opacity: 1;
		 transform: translateY(0);
	}
}
 .ucf-reveal {
	 opacity: 0;
	 transform: translateY(30px);
	 transition: all 0.7s ease;
}
 .ucf-reveal.visible {
	 opacity: 1;
	 transform: none;
}
/* Hidden review cards for filter */
 .ucf-review-item {
	 transition: all 0.4s ease;
}
 .ucf-review-item.hidden {
	 display: none;
}
/* Scroll notice */
 .ucf-notice {
	 display: inline-flex;
	 align-items: center;
	 gap: 8px;
	 background: rgba(201,168,76,0.1);
	 border: 1px solid var(--ucf-border);
	 border-radius: 8px;
	 padding: 10px 18px;
	 font-size: 13px;
	 color: rgba(255,255,255,0.75);
}
/* ─── RESPONSIVE ─── */
 @media (max-width: 991px) {
	 .ucf-header-inner {
		 padding: 16px 20px;
	}
	 .ucf-nav {
		 display: none;
		 flex-direction: column;
		 width: 100%;
	}
	 .ucf-nav.open {
		 display: flex;
	}
	 .ucf-nav-toggle {
		 display: block;
	}
	 .ucf-header.scrolled .ucf-nav.open {
		 position: absolute;
		 top: 100%;
		 left: 0;
		 right: 0;
		 background: var(--ucf-navy);
		 padding: 20px;
	}
	 .ucf-rating-mega {
		 padding: 36px 28px;
	}
	 .ucf-rating-divider {
		 display: none;
	}
	 .ucf-featured-review {
		 padding: 40px 32px;
	}
}
 @media (max-width: 575px) {
	 .ucf-section {
		 padding: 70px 0;
	}
	 .ucf-featured-review {
		 padding: 32px 24px;
	}
	 .ucf-footer-bottom {
		 flex-direction: column;
		 text-align: center;
	}
}
/* quote page css */
 :root{
	--ucf-navy:#0d1f3c;
	--ucf-gold:#c9a84c;
	--ucf-gold-light:#e8c96e;
	--ucf-cream:#faf8f3;
	--ucf-white:#ffffff;
	--ucf-grey:#6b7280;
	--ucf-dark:#111827;
	--ucf-border:rgba(201,168,76,0.25);
	--ucf-glass:rgba(255,255,255,0.07);
	--ucf-shadow:0 20px 60px rgba(13,31,60,0.15);
	--ucf-radius:16px;
	--ucf-font-display:'Playfair Display',serif;
	--ucf-font-body:'DM Sans',sans-serif;
}
 *,*::before,*::after{
	box-sizing:border-box;
	margin:0;
	padding:0;
}
 html{
	scroll-behavior:smooth;
}
 body{
	font-family:var(--ucf-font-body);
	background:var(--ucf-cream);
	color:var(--ucf-dark);
	overflow-x:hidden;
}
 .ucf-header{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:1000;
	transition:all 0.4s;
}
 .ucf-header.scrolled{
	background:rgba(13,31,60,0.97);
	backdrop-filter:blur(20px);
	box-shadow:0 4px 30px rgba(0,0,0,0.2);
}
 .ucf-header-inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:18px 40px;
	max-width:1400px;
	margin:0 auto;
}
 .ucf-logo{
	display:flex;
	align-items:center;
	gap:12px;
	text-decoration:none;
}
 .ucf-logo-icon{
	width:46px;
	height:46px;
	background:linear-gradient(135deg,var(--ucf-gold),var(--ucf-gold-light));
	border-radius:10px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:22px;
	color:var(--ucf-navy);
	font-weight:900;
}
 .ucf-logo-text{
	line-height:1.1;
}
 .ucf-logo-name{
	font-family:var(--ucf-font-display);
	font-size:17px;
	font-weight:700;
	color:var(--ucf-white);
}
 .ucf-logo-sub{
	font-size:10px;
	color:var(--ucf-gold);
	letter-spacing:0.15em;
	text-transform:uppercase;
}
 .ucf-nav{
	display:flex;
	align-items:center;
	gap:4px;
	list-style:none;
}
 .ucf-nav>li>a{
	padding:8px 14px;
	color:rgba(255,255,255,0.85);
	text-decoration:none;
	font-size:14px;
	font-weight:500;
	border-radius:8px;
	transition:all 0.2s;
	display:flex;
	align-items:center;
	gap:4px;
}
 .ucf-nav>li>a:hover,.ucf-nav>li>a.active{
	color:var(--ucf-gold);
}
 .ucf-mega-menu{
	position:absolute;
	top:calc(100% + 10px);
	left:50%;
	transform:translateX(-50%);
	background:var(--ucf-navy);
	border:1px solid var(--ucf-border);
	border-radius:var(--ucf-radius);
	padding:32px;
	display:none;
	min-width:780px;
	box-shadow:0 30px 80px rgba(0,0,0,0.4);
	grid-template-columns:repeat(3,1fr);
	gap:32px;
}
 .ucf-nav>li:hover .ucf-mega-menu{
	display:grid;
}
 .ucf-mega-col h6{
	font-size:10px;
	letter-spacing:0.15em;
	text-transform:uppercase;
	color:var(--ucf-gold);
	margin-bottom:14px;
	font-weight:600;
}
 .ucf-mega-col a{
	display:block;
	color:rgba(255,255,255,0.75);
	text-decoration:none;
	font-size:13px;
	padding:5px 0;
	transition:color 0.2s;
}
 .ucf-mega-col a:hover{
	color:var(--ucf-gold);
	padding-left:6px;
}
 .ucf-header-actions{
	display:flex;
	align-items:center;
	gap:12px;
}
 .ucf-phone-cta{
	color:var(--ucf-gold);
	font-weight:600;
	font-size:14px;
	text-decoration:none;
	display:flex;
	align-items:center;
	gap:6px;
}
 .ucf-btn-primary{
	background:linear-gradient(135deg,var(--ucf-gold),var(--ucf-gold-light));
	color:var(--ucf-navy);
	font-weight:700;
	font-size:14px;
	padding:11px 24px;
	border-radius:10px;
	text-decoration:none;
	border:none;
	cursor:pointer;
	transition:all 0.3s;
	display:inline-flex;
	align-items:center;
	gap:6px;
}
 .ucf-btn-primary:hover{
	transform:translateY(-2px);
	box-shadow:0 10px 30px rgba(201,168,76,0.4);
	color:var(--ucf-navy);
}
 .ucf-nav-toggle{
	display:none;
	background:none;
	border:2px solid rgba(255,255,255,0.3);
	color:white;
	padding:8px 12px;
	border-radius:8px;
	cursor:pointer;
}
 .ucf-page-hero{
	background:linear-gradient(135deg,#0d1f3c 0%,#1a3561 100%);
	position:relative;
	overflow:hidden;
	padding:160px 0 90px;
}
 .ucf-page-hero::before{
	content:'';
	position:absolute;
	inset:0;
	background:url('https://images.unsplash.com/photo-1562259949-e8e7689d7828?w=1400&q=70') center/cover no-repeat;
	opacity:0.1;
}
 .ucf-page-hero-grid{
	position:absolute;
	inset:0;
	background-image:linear-gradient(rgba(201,168,76,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(201,168,76,0.05) 1px,transparent 1px);
	background-size:60px 60px;
}
 .ucf-breadcrumb{
	display:flex;
	align-items:center;
	gap:8px;
	font-size:13px;
	color:rgba(255,255,255,0.6);
	margin-bottom:16px;
}
 .ucf-breadcrumb a{
	color:var(--ucf-gold);
	text-decoration:none;
}
 .ucf-page-title{
	font-family:var(--ucf-font-display);
	font-size:clamp(38px,5vw,64px);
	font-weight:900;
	color:white;
	line-height:1.1;
	margin-bottom:18px;
}
 .ucf-page-title span{
	color:var(--ucf-gold);
}
 .ucf-page-sub{
	font-size:18px;
	color:rgba(255,255,255,0.7);
	max-width:520px;
	line-height:1.7;
}

 .ucf-section-cream{
	background:var(--ucf-cream);
}
 .ucf-section-white{
	background:var(--ucf-white);
}
 .ucf-section-dark{
	background:var(--ucf-navy);
}
 .ucf-label{
	font-size:11px;
	letter-spacing:0.2em;
	text-transform:uppercase;
	color:var(--ucf-gold);
	font-weight:600;
	margin-bottom:14px;
	display:block;
}

 .ucf-divider{
	width:60px;
	height:3px;
	background:linear-gradient(90deg,var(--ucf-gold),var(--ucf-gold-light));
	border-radius:2px;
	margin:20px 0;
}
/* FORM */
 .ucf-quote-form-wrap{
	background:var(--ucf-white);
	border-radius:24px;
	padding:52px 48px;
	box-shadow:0 20px 70px rgba(13,31,60,0.1);
}
 .ucf-form-group{
	margin-bottom:24px;
}
 .ucf-form-label{
	display:block;
	font-size:14px;
	font-weight:600;
	color:var(--ucf-navy);
	margin-bottom:8px;
}
 .ucf-form-label span{
	color:#e53e3e;
}
 .ucf-form-control{
	width:100%;
	padding:14px 18px;
	border:2px solid rgba(0,0,0,0.1);
	border-radius:12px;
	font-family:var(--ucf-font-body);
	font-size:15px;
	color:var(--ucf-dark);
	background:var(--ucf-cream);
	transition:all 0.2s;
	outline:none;
}
 .ucf-form-control:focus{
	border-color:var(--ucf-gold);
	background:var(--ucf-white);
	box-shadow:0 0 0 4px rgba(201,168,76,0.1);
}
 .ucf-form-control::placeholder{
	color:rgba(107,114,128,0.6);
}
 select.ucf-form-control{
	cursor:pointer;
}
 textarea.ucf-form-control{
	resize:vertical;
	min-height:130px;
}
 .ucf-upload-zone{
	border:2px dashed rgba(201,168,76,0.4);
	border-radius:12px;
	padding:32px;
	text-align:center;
	cursor:pointer;
	transition:all 0.3s;
	background:rgba(201,168,76,0.03);
}
 .ucf-upload-zone:hover{
	border-color:var(--ucf-gold);
	background:rgba(201,168,76,0.06);
}
 .ucf-upload-zone i{
	font-size:36px;
	color:var(--ucf-gold);
	margin-bottom:12px;
	display:block;
}
 .ucf-upload-zone p{
	font-size:14px;
	color:var(--ucf-grey);
	margin:0;
}
 .ucf-upload-zone strong{
	color:var(--ucf-gold);
}
 .ucf-submit-btn{
	width:100%;
	padding:18px;
	background:linear-gradient(135deg,var(--ucf-gold),var(--ucf-gold-light));
	color:var(--ucf-navy);
	font-weight:700;
	font-size:17px;
	border:none;
	border-radius:14px;
	cursor:pointer;
	transition:all 0.3s;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	font-family:var(--ucf-font-body);
}
 .ucf-submit-btn:hover{
	transform:translateY(-3px);
	box-shadow:0 15px 40px rgba(201,168,76,0.45);
}
 .ucf-form-note{
	font-size:13px;
	color:var(--ucf-grey);
	text-align:center;
	margin-top:14px;
}
/* SIDE PANEL */
 .ucf-side-panel{
	position:sticky;
	top:100px;
}
 .ucf-contact-card{
	background:var(--ucf-navy);
	border-radius:20px;
	padding:36px 30px;
	margin-bottom:20px;
}
 .ucf-contact-card h5{
	font-family:var(--ucf-font-display);
	font-size:20px;
	font-weight:700;
	color:white;
	margin-bottom:20px;
}
 .ucf-contact-item{
	display:flex;
	align-items:flex-start;
	gap:14px;
	margin-bottom:20px;
}
 .ucf-contact-icon{
	width:42px;
	height:42px;
	background:rgba(201,168,76,0.15);
	border:1px solid var(--ucf-border);
	border-radius:10px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:18px;
	color:var(--ucf-gold);
	flex-shrink:0;
}
 .ucf-contact-item h6{
	font-size:12px;
	letter-spacing:0.1em;
	text-transform:uppercase;
	color:rgba(255,255,255,0.5);
	margin-bottom:4px;
}
 .ucf-contact-item p{
	font-size:15px;
	color:white;
	font-weight:500;
	margin:0;
}
 .ucf-contact-item a{
	color:white;
	text-decoration:none;
}
 .ucf-trust-badges{
	background:white;
	border-radius:20px;
	padding:30px;
}
 .ucf-trust-badges h6{
	font-size:12px;
	letter-spacing:0.1em;
	text-transform:uppercase;
	color:var(--ucf-grey);
	margin-bottom:18px;
}
 .ucf-badge-item{
	display:flex;
	align-items:center;
	gap:12px;
	padding:10px 0;
	border-bottom:1px solid rgba(0,0,0,0.06);
	font-size:14px;
	color:var(--ucf-navy);
	font-weight:500;
}
 .ucf-badge-item:last-child{
	border:none;
}
 .ucf-badge-item i{
	color:var(--ucf-gold);
	font-size:18px;
}
/* WHAT HAPPENS NEXT */
 .ucf-next-card{
	background:var(--ucf-white);
	border:1px solid rgba(0,0,0,0.07);
	border-radius:var(--ucf-radius);
	padding:28px;
	display:flex;
	gap:20px;
	align-items:flex-start;
	transition:all 0.3s;
}
 .ucf-next-card:hover{
	box-shadow:var(--ucf-shadow);
	transform:translateY(-3px);
}
 .ucf-next-num{
	width:48px;
	height:48px;
	background:linear-gradient(135deg,var(--ucf-gold),var(--ucf-gold-light));
	border-radius:12px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-family:var(--ucf-font-display);
	font-size:20px;
	font-weight:900;
	color:var(--ucf-navy);
	flex-shrink:0;
}
 .ucf-next-card h5{
	font-size:16px;
	font-weight:600;
	color:var(--ucf-navy);
	margin-bottom:6px;
}
 .ucf-next-card p{
	font-size:14px;
	color:var(--ucf-grey);
	line-height:1.65;
	margin:0;
}
/* FAQ */
 .ucf-faq-item{
	border:1px solid rgba(0,0,0,0.08);
	border-radius:12px;
	overflow:hidden;
	margin-bottom:12px;
	background:var(--ucf-white);
}
 .ucf-faq-q{
	padding:20px 24px;
	font-weight:600;
	font-size:15px;
	cursor:pointer;
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:var(--ucf-navy);
	transition:background 0.2s;
	user-select:none;
}
 .ucf-faq-q:hover{
	background:rgba(201,168,76,0.05);
}
 .ucf-faq-q i{
	color:var(--ucf-gold);
	transition:transform 0.3s;
}
 .ucf-faq-a{
	padding:0 24px;
	max-height:0;
	overflow:hidden;
	transition:all 0.4s;
	font-size:14px;
	color:var(--ucf-grey);
	line-height:1.75;
}
 .ucf-faq-item.open .ucf-faq-a{
	max-height:200px;
	padding:0 24px 20px;
}
 .ucf-faq-item.open .ucf-faq-q i{
	transform:rotate(45deg);
}
 .ucf-cta-section{
	background:linear-gradient(135deg,var(--ucf-navy),#1a3561);
	padding:80px 0;
	position:relative;
	overflow:hidden;
}
 .ucf-cta-section::before{
	content:'';
	position:absolute;
	inset:0;
	background:url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1400&q=70') center/cover no-repeat;
	opacity:0.07;
}
 .ucf-hero-btn-primary{
	background:linear-gradient(135deg,var(--ucf-gold),var(--ucf-gold-light));
	color:var(--ucf-navy);
	font-weight:700;
	font-size:16px;
	padding:16px 36px;
	border-radius:12px;
	text-decoration:none;
	display:inline-flex;
	align-items:center;
	gap:10px;
	transition:all 0.3s;
}
 .ucf-hero-btn-primary:hover{
	transform:translateY(-3px);
	box-shadow:0 15px 40px rgba(201,168,76,0.5);
	color:var(--ucf-navy);
}
 .ucf-hero-btn-ghost{
	border:2px solid rgba(255,255,255,0.3);
	color:white;
	font-weight:600;
	font-size:16px;
	padding:14px 32px;
	border-radius:12px;
	text-decoration:none;
	display:inline-flex;
	align-items:center;
	gap:10px;
	transition:all 0.3s;
}
 .ucf-hero-btn-ghost:hover{
	border-color:var(--ucf-gold);
	color:var(--ucf-gold);
}
 .ucf-footer{
	background:#080f1e;
	padding:80px 0 0;
	color:rgba(255,255,255,0.7);
}
 .ucf-footer-about{
	font-size:14px;
	line-height:1.8;
	margin-bottom:20px;
}
 .ucf-footer-abn{
	display:inline-flex;
	align-items:center;
	gap:8px;
	background:rgba(201,168,76,0.1);
	border:1px solid var(--ucf-border);
	border-radius:8px;
	padding:8px 14px;
	font-size:12px;
	color:var(--ucf-gold);
}
 .ucf-footer h6{
	color:white;
	font-size:11px;
	letter-spacing:0.15em;
	text-transform:uppercase;
	margin-bottom:20px;
	font-weight:600;
}
 .ucf-footer-links{
	list-style:none;
	padding:0;
}
 .ucf-footer-links li{
	margin-bottom:10px;
}
 .ucf-footer-links a{
	color:rgba(255,255,255,0.6);
	text-decoration:none;
	font-size:14px;
	transition:color 0.2s;
	display:flex;
	align-items:center;
	gap:6px;
}
 .ucf-footer-links a:hover{
	color:var(--ucf-gold);
}
 .ucf-footer-contact{
	font-size:14px;
	line-height:2;
}
 .ucf-footer-contact a{
	color:rgba(255,255,255,0.6);
	text-decoration:none;
}
 .ucf-footer-contact a:hover{
	color:var(--ucf-gold);
}
 .ucf-footer-bottom{
	margin-top:60px;
	padding:24px 0;
	border-top:1px solid rgba(255,255,255,0.08);
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	gap:12px;
	font-size:13px;
}
 .ucf-reveal{
	opacity:0;
	transform:translateY(30px);
	transition:all 0.7s ease;
}
 .ucf-reveal.visible{
	opacity:1;
	transform:none;
}
 @media(max-width:991px){
	 .ucf-header-inner{
		padding:16px 20px;
	}
	 .ucf-nav{
		display:none;
		flex-direction:column;
		width:100%;
	}
	 .ucf-nav.open{
		display:flex;
	}
	 .ucf-nav-toggle{
		display:block;
	}
	 .ucf-header.scrolled .ucf-nav.open{
		position:absolute;
		top:100%;
		left:0;
		right:0;
		background:var(--ucf-navy);
		padding:20px;
	}
	 .ucf-quote-form-wrap{
		padding:32px 24px;
	}
	 .ucf-side-panel{
		position:static;
		margin-top:40px;
	}
}
 @media(max-width:575px){
	.ucf-section{
		padding:70px 0;
	}
	.ucf-footer-bottom{
		flex-direction:column;
		text-align:center;
	}
}
/* Success message */
 .ucf-success-msg{
	display:none;
	background:rgba(34,197,94,0.1);
	border:2px solid rgba(34,197,94,0.3);
	border-radius:14px;
	padding:24px;
	text-align:center;
	margin-top:20px;
}
 .ucf-success-msg i{
	font-size:42px;
	color:#22c55e;
	margin-bottom:12px;
	display:block;
}
 .ucf-success-msg h5{
	color:var(--ucf-navy);
	font-size:18px;
	font-weight:700;
	margin-bottom:8px;
}
 .ucf-success-msg p{
	color:var(--ucf-grey);
	font-size:14px;
	margin:0;
}
/* single project css */
 :root {
	 --ucf-navy: #0d1f3c;
	 --ucf-gold: #c9a84c;
	 --ucf-gold-light: #e8c96e;
	 --ucf-cream: #faf8f3;
	 --ucf-white: #ffffff;
	 --ucf-grey: #6b7280;
	 --ucf-dark: #111827;
	 --ucf-border: rgba(201,168,76,0.25);
	 --ucf-glass: rgba(255,255,255,0.07);
	 --ucf-shadow: 0 20px 60px rgba(13,31,60,0.15);
	 --ucf-radius: 16px;
	 --ucf-font-display: 'Playfair Display', serif;
	 --ucf-font-body: 'DM Sans', sans-serif;
}
 *, *::before, *::after {
	 box-sizing: border-box;
	 margin: 0;
	 padding: 0;
}
 html {
	 scroll-behavior: smooth;
}
 body {
	 font-family: var(--ucf-font-body);
	 background: var(--ucf-cream);
	 color: var(--ucf-dark);
	 overflow-x: hidden;
}
/* ─── HEADER ─── */
 .ucf-header {
	 position: fixed;
	 top: 0;
	 left: 0;
	 right: 0;
	 z-index: 1000;
	 padding: 0;
	 transition: all 0.4s ease;
}
 .ucf-header.scrolled {
	 background: rgba(13,31,60,0.97);
	 backdrop-filter: blur(20px);
	 box-shadow: 0 4px 30px rgba(0,0,0,0.2);
}
 .ucf-header-inner {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 padding: 18px 40px;
	 max-width: 1400px;
	 margin: 0 auto;
}
 .ucf-logo {
	 display: flex;
	 align-items: center;
	 gap: 12px;
	 text-decoration: none;
}
 .ucf-logo-icon {
	 width: 46px;
	 height: 46px;
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 border-radius: 10px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 22px;
	 color: var(--ucf-navy);
	 font-weight: 900;
}
 .ucf-logo-text {
	 line-height: 1.1;
}
 .ucf-logo-name {
	 
	 font-size: 17px;
	 font-weight: 700;
	 color: var(--ucf-white);
	 letter-spacing: 0.02em;
}
 .ucf-logo-sub {
	 font-size: 10px;
	 color: var(--ucf-gold);
	 letter-spacing: 0.15em;
	 text-transform: uppercase;
}
 .ucf-nav {
	 display: flex;
	 align-items: center;
	 gap: 4px;
	 list-style: none;
}
 .ucf-nav > li {
	 position: relative;
}
 .ucf-nav > li > a {
	 padding: 8px 14px;
	 color: rgba(255,255,255,0.85);
	 text-decoration: none;
	 font-size: 14px;
	 font-weight: 500;
	 border-radius: 8px;
	 transition: all 0.2s;
	 display: flex;
	 align-items: center;
	 gap: 4px;
}
 .ucf-nav > li > a:hover {
	 color: var(--ucf-gold);
	 background: var(--ucf-glass);
}
 .ucf-mega-menu {
	 position: absolute;
	 top: calc(100% + 10px);
	 left: 50%;
	 transform: translateX(-50%);
	 background: var(--ucf-navy);
	 border: 1px solid var(--ucf-border);
	 border-radius: var(--ucf-radius);
	 padding: 32px;
	 display: none;
	 min-width: 780px;
	 box-shadow: 0 30px 80px rgba(0,0,0,0.4);
	 grid-template-columns: repeat(3, 1fr);
	 gap: 32px;
}
 .ucf-nav > li:hover .ucf-mega-menu {
	 display: grid;
}
 .ucf-mega-col h6 {
	 font-size: 10px;
	 letter-spacing: 0.15em;
	 text-transform: uppercase;
	 color: var(--ucf-gold);
	 margin-bottom: 14px;
	 font-weight: 600;
}
 .ucf-mega-col a {
	 display: block;
	 color: rgba(255,255,255,0.75);
	 text-decoration: none;
	 font-size: 13px;
	 padding: 5px 0;
	 transition: color 0.2s;
}
 .ucf-mega-col a:hover {
	 color: var(--ucf-gold);
	 padding-left: 6px;
}
 .ucf-header-actions {
	 display: flex;
	 align-items: center;
	 gap: 12px;
}
 .ucf-phone-cta {
	 color: var(--ucf-gold);
	 font-weight: 600;
	 font-size: 14px;
	 text-decoration: none;
	 display: flex;
	 align-items: center;
	 gap: 6px;
	 transition: opacity 0.2s;
}
 .ucf-phone-cta:hover {
	 opacity: 0.8;
	 color: var(--ucf-gold);
}
 .ucf-btn-primary {
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 color: var(--ucf-navy);
	 font-weight: 700;
	 font-size: 14px;
	 padding: 11px 24px;
	 border-radius: 10px;
	 text-decoration: none;
	 border: none;
	 cursor: pointer;
	 transition: all 0.3s;
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
}
 .ucf-btn-primary:hover {
	 transform: translateY(-2px);
	 box-shadow: 0 10px 30px rgba(201,168,76,0.4);
	 color: var(--ucf-navy);
}
 .ucf-btn-outline {
	 border: 2px solid var(--ucf-gold);
	 color: var(--ucf-gold);
	 font-weight: 600;
	 font-size: 14px;
	 padding: 10px 22px;
	 border-radius: 10px;
	 text-decoration: none;
	 transition: all 0.3s;
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
}
 .ucf-btn-outline:hover {
	 background: var(--ucf-gold);
	 color: var(--ucf-navy);
}
 .ucf-nav-toggle {
	 display: none;
	 background: none;
	 border: 2px solid rgba(255,255,255,0.3);
	 color: white;
	 padding: 8px 12px;
	 border-radius: 8px;
	 cursor: pointer;
}
/* ─── PAGE HERO ─── */
 .ucf-project-hero {
	 min-height: 85vh;
	 background: linear-gradient(135deg, #0d1f3c 0%, #1a3561 60%, #0d2847 100%);
	 position: relative;
	 display: flex;
	 align-items: flex-end;
	 overflow: hidden;
	 padding-bottom: 60px;
}
 .ucf-project-hero-bg {
	 position: absolute;
	 inset: 0;
	 background: url('https://images.unsplash.com/photo-1562259949-e8e7689d7828?w=1800&q=85') center/cover no-repeat;
	 opacity: 0.35;
}
 .ucf-project-hero-overlay {
	 position: absolute;
	 inset: 0;
	 background: linear-gradient(to top, rgba(13,31,60,0.95) 20%, rgba(13,31,60,0.3) 80%);
}
 .ucf-project-hero-grid {
	 position: absolute;
	 inset: 0;
	 background-image: linear-gradient(rgba(201,168,76,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(201,168,76,0.05) 1px, transparent 1px);
	 background-size: 60px 60px;
}
 .ucf-project-hero-content {
	 position: relative;
	 z-index: 2;
	 padding-top: 140px;
}
 .ucf-breadcrumb {
	 display: flex;
	 align-items: center;
	 gap: 8px;
	 margin-bottom: 24px;
}
 .ucf-breadcrumb a {
	 color: rgba(255,255,255,0.5);
	 text-decoration: none;
	 font-size: 13px;
	 transition: color 0.2s;
}
 .ucf-breadcrumb a:hover {
	 color: var(--ucf-gold);
}
 .ucf-breadcrumb span {
	 color: rgba(255,255,255,0.3);
	 font-size: 13px;
}
 .ucf-breadcrumb .active {
	 color: var(--ucf-gold);
	 font-size: 13px;
}
 .ucf-label {
	 font-size: 11px;
	 letter-spacing: 0.2em;
	 text-transform: uppercase;
	 color: var(--ucf-gold);
	 font-weight: 600;
	 margin-bottom: 14px;
	 display: block;
}
 .ucf-project-hero-title {
	 
	 font-size: clamp(40px, 6vw, 72px);
	 font-weight: 900;
	 color: white;
	 line-height: 1.1;
	 margin-bottom: 24px;
}
 .ucf-project-hero-title span {
	 color: var(--ucf-gold);
}
 .ucf-project-hero-sub {
	 font-size: 17px;
	 color: rgba(255,255,255,0.7);
	 max-width: 540px;
	 line-height: 1.75;
	 margin-bottom: 0;
}
/* Summary Cards */
 .ucf-summary-bar {
	 background: var(--ucf-white);
	 border-radius: 20px;
	 padding: 32px 40px;
	 margin-top: -35px;
	 position: relative;
	 z-index: 10;
	 box-shadow: 0 30px 80px rgba(13,31,60,0.18);
	 border: 1px solid rgba(0,0,0,0.06);
}
 .ucf-summary-item {
	 text-align: center;
	 padding: 0 20px;
}
 .ucf-summary-item + .ucf-summary-item {
	 border-left: 1px solid rgba(0,0,0,0.08);
}
 .ucf-summary-icon {
	 font-size: 28px;
	 color: var(--ucf-gold);
	 margin-bottom: 10px;
}
 .ucf-summary-label {
	 font-size: 11px;
	 letter-spacing: 0.12em;
	 text-transform: uppercase;
	 color: var(--ucf-grey);
	 font-weight: 600;
	 margin-bottom: 6px;
}
 .ucf-summary-value {
	 
	 font-size: 18px;
	 font-weight: 700;
	 color: var(--ucf-navy);
}
/* ─── SECTIONS ─── */

 .ucf-section-sm {
	 padding: 70px 0;
}
 .ucf-section-cream {
	 background: var(--ucf-cream);
}
 .ucf-section-white {
	 background: var(--ucf-white);
}
 .ucf-section-dark {
	 background: var(--ucf-navy);
}


 .ucf-lead {
	 font-size: 16px;
	 color: var(--ucf-grey);
	 line-height: 1.8;
}
 .ucf-divider {
	 width: 60px;
	 height: 3px;
	 background: linear-gradient(90deg, var(--ucf-gold), var(--ucf-gold-light));
	 border-radius: 2px;
	 margin: 20px 0;
}
/* Challenge & Solution */
 .ucf-challenge-box {
	 background: linear-gradient(135deg, var(--ucf-navy), #1a3561);
	 border-radius: 20px;
	 padding: 48px;
	 border: 1px solid var(--ucf-border);
	 height: 100%;
}
 .ucf-challenge-box h3 {
	 
	 font-size: 28px;
	 font-weight: 700;
	 color: white;
	 margin-bottom: 20px;
}
 .ucf-challenge-box p {
	 color: rgba(255,255,255,0.7);
	 font-size: 15px;
	 line-height: 1.8;
	 margin-bottom: 0;
}
 .ucf-solution-box {
	 background: linear-gradient(135deg, rgba(201,168,76,0.08), rgba(201,168,76,0.02));
	 border-radius: 20px;
	 padding: 48px;
	 border: 1px solid var(--ucf-border);
	 height: 100%;
}
 .ucf-solution-box h3 {
	 
	 font-size: 28px;
	 font-weight: 700;
	 color: var(--ucf-navy);
	 margin-bottom: 20px;
}
 .ucf-solution-box p {
	 color: var(--ucf-grey);
	 font-size: 15px;
	 line-height: 1.8;
	 margin-bottom: 0;
}
/* Work Completed Checklist */
 .ucf-checklist-grid {
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 14px;
}
 .ucf-checklist-item {
	 display: flex;
	 align-items: flex-start;
	 gap: 12px;
	 background: var(--ucf-white);
	 border-radius: 12px;
	 padding: 16px 18px;
	 border: 1px solid rgba(0,0,0,0.06);
	 transition: all 0.2s;
}
 .ucf-checklist-item:hover {
	 border-color: var(--ucf-border);
	 box-shadow: 0 6px 20px rgba(201,168,76,0.1);
}
 .ucf-checklist-item i {
	 color: var(--ucf-gold);
	 font-size: 18px;
	 flex-shrink: 0;
	 margin-top: 1px;
}
 .ucf-checklist-item span {
	 font-size: 14px;
	 color: #374151;
	 font-weight: 500;
	 line-height: 1.5;
}
/* Before / After */
 .ucf-ba-wrapper {
	 position: relative;
	 border-radius: 20px;
	 overflow: hidden;
	 box-shadow: var(--ucf-shadow);
	 aspect-ratio: 16/9;
	 cursor: ew-resize;
}
 .ucf-ba-before, .ucf-ba-after {
	 position: absolute;
	 inset: 0;
}
 .ucf-ba-before img, .ucf-ba-after img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
}
 .ucf-ba-after {
	 clip-path: inset(0 50% 0 0);
	 transition: none;
}
 .ucf-ba-divider {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 50%;
	 width: 3px;
	 background: var(--ucf-gold);
	 transform: translateX(-50%);
	 z-index: 3;
}
 .ucf-ba-handle {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 width: 50px;
	 height: 50px;
	 background: var(--ucf-gold);
	 border-radius: 50%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 z-index: 4;
	 box-shadow: 0 4px 20px rgba(201,168,76,0.5);
	 color: var(--ucf-navy);
	 font-size: 18px;
	 font-weight: 700;
}
 .ucf-ba-label {
	 position: absolute;
	 bottom: 20px;
	 padding: 6px 14px;
	 border-radius: 20px;
	 font-size: 12px;
	 font-weight: 700;
	 letter-spacing: 0.08em;
	 text-transform: uppercase;
	 z-index: 5;
}
 .ucf-ba-label-before {
	 left: 20px;
	 background: rgba(13,31,60,0.85);
	 color: white;
}
 .ucf-ba-label-after {
	 right: 20px;
	 background: var(--ucf-gold);
	 color: var(--ucf-navy);
}
 .ucf-ba-drag-hint {
	 text-align: center;
	 margin-top: 16px;
	 font-size: 13px;
	 color: var(--ucf-grey);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 gap: 8px;
}
/* Gallery grid */
 .ucf-gallery-grid {
	 display: grid;
	 grid-template-columns: repeat(3, 1fr);
	 gap: 16px;
}
 .ucf-gallery-item {
	 border-radius: 14px;
	 overflow: hidden;
	 aspect-ratio: 4/3;
	 position: relative;
	 cursor: pointer;
}
 .ucf-gallery-item img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 transition: transform 0.4s;
}
 .ucf-gallery-item:hover img {
	 transform: scale(1.06);
}
 .ucf-gallery-item.large {
	 grid-column: span 2;
	 aspect-ratio: 16/9;
}
 .ucf-gallery-overlay {
	 position: absolute;
	 inset: 0;
	 background: rgba(13,31,60,0.4);
	 opacity: 0;
	 transition: opacity 0.3s;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .ucf-gallery-item:hover .ucf-gallery-overlay {
	 opacity: 1;
}
 .ucf-gallery-overlay i {
	 color: white;
	 font-size: 30px;
}
/* Materials */
 .ucf-material-card {
	 background: var(--ucf-white);
	 border-radius: 14px;
	 padding: 28px 24px;
	 border: 1px solid rgba(0,0,0,0.07);
	 transition: all 0.3s;
	 text-align: center;
}
 .ucf-material-card:hover {
	 transform: translateY(-4px);
	 box-shadow: var(--ucf-shadow);
	 border-color: var(--ucf-border);
}
 .ucf-material-icon {
	 width: 56px;
	 height: 56px;
	 background: linear-gradient(135deg, rgba(201,168,76,0.12), rgba(201,168,76,0.04));
	 border-radius: 14px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 26px;
	 color: var(--ucf-gold);
	 margin: 0 auto 16px;
}
 .ucf-material-card h5 {
	 font-size: 15px;
	 font-weight: 700;
	 color: var(--ucf-navy);
	 margin-bottom: 8px;
}
 .ucf-material-card p {
	 font-size: 13px;
	 color: var(--ucf-grey);
	 line-height: 1.6;
	 margin: 0;
}
/* Final Result */
 .ucf-result-section {
	 background: linear-gradient(135deg, #0d1f3c, #1a3561);
	 position: relative;
	 overflow: hidden;
}
 .ucf-result-section::before {
	 content: '';
	 position: absolute;
	 inset: 0;
	 background: url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1400&q=70') center/cover no-repeat;
	 opacity: 0.07;
}
 .ucf-result-stat {
	 text-align: center;
	 padding: 24px;
}
 .ucf-result-num {
	 
	 font-size: 52px;
	 font-weight: 900;
	 color: var(--ucf-gold);
	 line-height: 1;
	 margin-bottom: 10px;
}
 .ucf-result-label {
	 font-size: 13px;
	 color: rgba(255,255,255,0.6);
}
/* Related Projects */
 .ucf-project-card {
	 border-radius: var(--ucf-radius);
	 overflow: hidden;
	 position: relative;
	 cursor: pointer;
	 display: block;
	 text-decoration: none;
}
 .ucf-project-card img {
	 width: 100%;
	 aspect-ratio: 4/3;
	 object-fit: cover;
	 transition: transform 0.5s;
	 display: block;
}
 .ucf-project-card:hover img {
	 transform: scale(1.06);
}
 .ucf-project-overlay {
	 position: absolute;
	 inset: 0;
	 background: linear-gradient(to top, rgba(13,31,60,0.9) 0%, transparent 50%);
	 display: flex;
	 flex-direction: column;
	 justify-content: flex-end;
	 padding: 28px;
}
 .ucf-project-cat {
	 font-size: 10px;
	 letter-spacing: 0.15em;
	 text-transform: uppercase;
	 color: var(--ucf-gold);
	 margin-bottom: 6px;
	 font-weight: 600;
}
 .ucf-project-title {
	 
	 font-size: 20px;
	 font-weight: 700;
	 color: white;
	 margin-bottom: 8px;
}
 .ucf-project-desc {
	 font-size: 13px;
	 color: rgba(255,255,255,0.7);
	 margin-bottom: 14px;
}
 .ucf-project-btn {
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
	 color: var(--ucf-gold);
	 font-size: 13px;
	 font-weight: 600;
}
/* CTA */
 .ucf-cta-section {
	 background: linear-gradient(135deg, var(--ucf-navy), #1a3561);
	 position: relative;
	 overflow: hidden;
	 padding: 100px 0;
}
 .ucf-cta-section::before {
	 content: '';
	 position: absolute;
	 inset: 0;
	 background: url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1400&q=70') center/cover no-repeat;
	 opacity: 0.08;
}
 .ucf-cta-title {
	 
	 font-size: clamp(36px, 5vw, 58px);
	 font-weight: 900;
	 color: white;
	 margin-bottom: 20px;
	 line-height: 1.1;
}
 .ucf-cta-title span {
	 color: var(--ucf-gold);
}
 .ucf-cta-sub {
	 font-size: 17px;
	 color: rgba(255,255,255,0.7);
	 margin-bottom: 40px;
	 max-width: 500px;
}
 .ucf-hero-btn-primary {
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 color: var(--ucf-navy);
	 font-weight: 700;
	 font-size: 16px;
	 padding: 16px 36px;
	 border-radius: 12px;
	 text-decoration: none;
	 display: inline-flex;
	 align-items: center;
	 gap: 10px;
	 transition: all 0.3s;
}
 .ucf-hero-btn-primary:hover {
	 transform: translateY(-3px);
	 box-shadow: 0 15px 40px rgba(201,168,76,0.5);
	 color: var(--ucf-navy);
}
 .ucf-hero-btn-ghost {
	 border: 2px solid rgba(255,255,255,0.3);
	 color: white;
	 font-weight: 600;
	 font-size: 16px;
	 padding: 14px 32px;
	 border-radius: 12px;
	 text-decoration: none;
	 display: inline-flex;
	 align-items: center;
	 gap: 10px;
	 transition: all 0.3s;
	 backdrop-filter: blur(10px);
}
 .ucf-hero-btn-ghost:hover {
	 border-color: var(--ucf-gold);
	 color: var(--ucf-gold);
}
/* Footer */
 .ucf-footer {
	 background: #080f1e;
	 padding: 80px 0 0;
	 color: rgba(255,255,255,0.7);
}
 .ucf-footer-brand {
	 margin-bottom: 28px;
}
 .ucf-footer-about {
	 font-size: 14px;
	 line-height: 1.8;
	 margin-bottom: 20px;
}
 .ucf-footer-abn {
	 display: inline-flex;
	 align-items: center;
	 gap: 8px;
	 background: rgba(201,168,76,0.1);
	 border: 1px solid var(--ucf-border);
	 border-radius: 8px;
	 padding: 8px 14px;
	 font-size: 12px;
	 color: var(--ucf-gold);
}
 .ucf-footer h6 {
	 color: white;
	 font-size: 11px;
	 letter-spacing: 0.15em;
	 text-transform: uppercase;
	 margin-bottom: 20px;
	 font-weight: 600;
}
 .ucf-footer-links {
	 list-style: none;
	 padding: 0;
}
 .ucf-footer-links li {
	 margin-bottom: 10px;
}
 .ucf-footer-links a {
	 color: rgba(255,255,255,0.6);
	 text-decoration: none;
	 font-size: 14px;
	 transition: color 0.2s;
	 display: flex;
	 align-items: center;
	 gap: 6px;
}
 .ucf-footer-links a:hover {
	 color: var(--ucf-gold);
	 padding-left: 4px;
}
 .ucf-footer-contact {
	 font-size: 14px;
	 line-height: 2;
}
 .ucf-footer-contact a {
	 color: rgba(255,255,255,0.6);
	 text-decoration: none;
}
 .ucf-footer-contact a:hover {
	 color: var(--ucf-gold);
}
 .ucf-footer-bottom {
	 margin-top: 60px;
	 padding: 24px 0;
	 border-top: 1px solid rgba(255,255,255,0.08);
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 flex-wrap: wrap;
	 gap: 12px;
	 font-size: 13px;
}
/* Reveal */
 .ucf-reveal {
	 opacity: 0;
	 transform: translateY(30px);
	 transition: all 0.7s ease;
}
 .ucf-reveal.visible {
	 opacity: 1;
	 transform: none;
}
/* Separator line */
 .ucf-sep {
	 width: 100%;
	 height: 1px;
	 background: rgba(0,0,0,0.07);
	 margin: 0;
}
/* Process quote */
 .ucf-testimonial-pull {
	 background: linear-gradient(135deg, rgba(201,168,76,0.08), rgba(201,168,76,0.02));
	 border-left: 4px solid var(--ucf-gold);
	 border-radius: 0 16px 16px 0;
	 padding: 32px 40px;
	 margin: 40px 0;
}
 .ucf-testimonial-pull p {
	 
	 font-size: 20px;
	 color: var(--ucf-navy);
	 line-height: 1.6;
	 font-style: italic;
	 margin: 0;
}
 .ucf-testimonial-pull cite {
	 display: block;
	 margin-top: 16px;
	 font-size: 13px;
	 color: var(--ucf-gold);
	 font-style: normal;
	 font-weight: 600;
}
/* Responsive */
 @media (max-width: 991px) {
	 .ucf-header-inner {
		 padding: 16px 20px;
	}
	 .ucf-nav {
		 display: none;
		 flex-direction: column;
		 width: 100%;
	}
	 .ucf-nav.open {
		 display: flex;
	}
	 .ucf-nav-toggle {
		 display: block;
	}
	 .ucf-header.scrolled .ucf-nav.open {
		 position: absolute;
		 top: 100%;
		 left: 0;
		 right: 0;
		 background: var(--ucf-navy);
		 padding: 20px;
	}
	 .ucf-summary-bar {
		 padding: 28px 20px;
	}
	 .ucf-summary-item {
		 padding: 14px 10px;
	}
	 .ucf-checklist-grid {
		 grid-template-columns: 1fr;
	}
	 .ucf-gallery-grid {
		 grid-template-columns: 1fr 1fr;
	}
	 .ucf-gallery-item.large {
		 grid-column: span 2;
	}
	 .ucf-challenge-box, .ucf-solution-box {
		 padding: 32px 28px;
	}
}
 @media (max-width: 575px) {
	 .ucf-section {
		 padding: 70px 0;
	}
	 .ucf-summary-bar {
		 margin-top: -30px;
		 border-radius: 14px;
	}
	 .ucf-gallery-grid {
		 grid-template-columns: 1fr;
	}
	 .ucf-gallery-item.large {
		 grid-column: span 1;
		 aspect-ratio: 4/3;
	}
	 .ucf-footer-bottom {
		 flex-direction: column;
		 text-align: center;
	}
}
/* single service css */
 :root {
	 --ucf-navy: #0d1f3c;
	 --ucf-gold: #c9a84c;
	 --ucf-gold-light: #e8c96e;
	 --ucf-cream: #faf8f3;
	 --ucf-white: #ffffff;
	 --ucf-grey: #6b7280;
	 --ucf-dark: #111827;
	 --ucf-border: rgba(201,168,76,0.25);
	 --ucf-glass: rgba(255,255,255,0.07);
	 --ucf-shadow: 0 20px 60px rgba(13,31,60,0.15);
	 --ucf-radius: 16px;
	 --ucf-font-display: 'Playfair Display', serif;
	 --ucf-font-body: 'DM Sans', sans-serif;
}
 *, *::before, *::after {
	 box-sizing: border-box;
	 margin: 0;
	 padding: 0;
}
 html {
	 scroll-behavior: smooth;
}
 body {
	 font-family: var(--ucf-font-body);
	 background: var(--ucf-cream);
	 color: var(--ucf-dark);
	 overflow-x: hidden;
}
/* ─── HEADER ─── */
 .ucf-header {
	 position: fixed;
	 top: 0;
	 left: 0;
	 right: 0;
	 z-index: 1000;
	 transition: all 0.4s ease;
}
 .ucf-header.scrolled {
	 background: rgba(13,31,60,0.97);
	 backdrop-filter: blur(20px);
	 box-shadow: 0 4px 30px rgba(0,0,0,0.2);
}
 .ucf-header-inner {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 padding: 18px 40px;
	 max-width: 1400px;
	 margin: 0 auto;
}
 .ucf-logo {
	 display: flex;
	 align-items: center;
	 gap: 12px;
	 text-decoration: none;
}
 .ucf-logo-icon {
	 width: 46px;
	 height: 46px;
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 border-radius: 10px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 22px;
	 color: var(--ucf-navy);
	 font-weight: 900;
}
 .ucf-logo-text {
	 line-height: 1.1;
}
 .ucf-logo-name {
	 
	 font-size: 17px;
	 font-weight: 700;
	 color: var(--ucf-white);
	 letter-spacing: 0.02em;
}
 .ucf-logo-sub {
	 font-size: 10px;
	 color: var(--ucf-gold);
	 letter-spacing: 0.15em;
	 text-transform: uppercase;
}
 .ucf-nav {
	 display: flex;
	 align-items: center;
	 gap: 4px;
	 list-style: none;
}
 .ucf-nav > li {
	 position: relative;
}
 .ucf-nav > li > a {
	 padding: 8px 14px;
	 color: rgba(255,255,255,0.85);
	 text-decoration: none;
	 font-size: 14px;
	 font-weight: 500;
	 border-radius: 8px;
	 transition: all 0.2s;
	 display: flex;
	 align-items: center;
	 gap: 4px;
}
 .ucf-nav > li > a:hover, .ucf-nav > li > a.active {
	 color: var(--ucf-gold);
	 background: var(--ucf-glass);
}
 .ucf-mega-menu {
	 position: absolute;
	 top: calc(100% + 10px);
	 left: 50%;
	 transform: translateX(-50%);
	 background: var(--ucf-navy);
	 border: 1px solid var(--ucf-border);
	 border-radius: var(--ucf-radius);
	 padding: 32px;
	 display: none;
	 min-width: 780px;
	 box-shadow: 0 30px 80px rgba(0,0,0,0.4);
	 grid-template-columns: repeat(3, 1fr);
	 gap: 32px;
}
 .ucf-nav > li:hover .ucf-mega-menu {
	 display: grid;
}
 .ucf-mega-col h6 {
	 font-size: 10px;
	 letter-spacing: 0.15em;
	 text-transform: uppercase;
	 color: var(--ucf-gold);
	 margin-bottom: 14px;
	 font-weight: 600;
}
 .ucf-mega-col a {
	 display: block;
	 color: rgba(255,255,255,0.75);
	 text-decoration: none;
	 font-size: 13px;
	 padding: 5px 0;
	 transition: color 0.2s;
}
 .ucf-mega-col a:hover {
	 color: var(--ucf-gold);
	 padding-left: 6px;
}
 .ucf-header-actions {
	 display: flex;
	 align-items: center;
	 gap: 12px;
}
 .ucf-phone-cta {
	 color: var(--ucf-gold);
	 font-weight: 600;
	 font-size: 14px;
	 text-decoration: none;
	 display: flex;
	 align-items: center;
	 gap: 6px;
}
 .ucf-phone-cta:hover {
	 opacity: 0.8;
	 color: var(--ucf-gold);
}
 .ucf-btn-primary {
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 color: var(--ucf-navy);
	 font-weight: 700;
	 font-size: 14px;
	 padding: 11px 24px;
	 border-radius: 10px;
	 text-decoration: none;
	 border: none;
	 cursor: pointer;
	 transition: all 0.3s;
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
	 font-family: var(--ucf-font-body);
}
 .ucf-btn-primary:hover {
	 transform: translateY(-2px);
	 box-shadow: 0 10px 30px rgba(201,168,76,0.4);
	 color: var(--ucf-navy);
}
 .ucf-btn-outline {
	 border: 2px solid var(--ucf-gold);
	 color: var(--ucf-gold);
	 font-weight: 600;
	 font-size: 14px;
	 padding: 10px 22px;
	 border-radius: 10px;
	 text-decoration: none;
	 transition: all 0.3s;
	 display: inline-flex;
	 align-items: center;
	 gap: 6px;
	 background: none;
	 cursor: pointer;
	 font-family: var(--ucf-font-body);
}
 .ucf-btn-outline:hover {
	 background: var(--ucf-gold);
	 color: var(--ucf-navy);
}
 .ucf-nav-toggle {
	 display: none;
	 background: none;
	 border: 2px solid rgba(255,255,255,0.3);
	 color: white;
	 padding: 8px 12px;
	 border-radius: 8px;
	 cursor: pointer;
}
/* ─── HERO ─── */
 .ucf-hero {
	 min-height: 92vh;
	 background: linear-gradient(135deg, #060f1e 0%, #0d1f3c 50%, #0a1928 100%);
	 position: relative;
	 display: flex;
	 align-items: center;
	 overflow: hidden;
}
 .ucf-hero-bg {
	 position: absolute;
	 inset: 0;
	 background: url('https://images.unsplash.com/photo-1562259949-e8e7689d7828?w=1800&q=85') center/cover no-repeat;
	 opacity: 0.22;
	 transform: scale(1.05);
	 animation: slowZoom 20s ease-in-out infinite alternate;
}
 @keyframes slowZoom {
	 from {
		 transform: scale(1.05);
	}
	 to {
		 transform: scale(1.12);
	}
}
 .ucf-hero-overlay {
	 position: absolute;
	 inset: 0;
	 background: linear-gradient(120deg, rgba(6,15,30,0.92) 0%, rgba(13,31,60,0.7) 60%, rgba(10,25,40,0.5) 100%);
}
 .ucf-hero-grid {
	 position: absolute;
	 inset: 0;
	 background-image: linear-gradient(rgba(201,168,76,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(201,168,76,0.05) 1px, transparent 1px);
	 background-size: 60px 60px;
}
/* Floating particles */
 .ucf-particle {
	 position: absolute;
	 border-radius: 50%;
	 background: var(--ucf-gold);
	 opacity: 0.08;
	 animation: float linear infinite;
}
 @keyframes float {
	 0% {
		 transform: translateY(100vh) rotate(0deg);
		 opacity: 0;
	}
	 10% {
		 opacity: 0.08;
	}
	 90% {
		 opacity: 0.08;
	}
	 100% {
		 transform: translateY(-100px) rotate(360deg);
		 opacity: 0;
	}
}
 .ucf-hero-content {
	 position: relative;
	 z-index: 2;
	 padding: 115px 0 100px;
	 width: 100%;
}
 .ucf-breadcrumb {
	 display: flex;
	 align-items: center;
	 gap: 8px;
	 margin-bottom: 24px;
	 flex-wrap: wrap;
}
 .ucf-breadcrumb a {
	 color: rgba(255,255,255,0.45);
	 text-decoration: none;
	 font-size: 12px;
	 transition: color 0.2s;
}
 .ucf-breadcrumb a:hover {
	 color: var(--ucf-gold);
}
 .ucf-breadcrumb .sep {
	 color: rgba(255,255,255,0.25);
	 font-size: 12px;
}
 .ucf-breadcrumb .current {
	 color: var(--ucf-gold);
	 font-size: 12px;
	 font-weight: 500;
}
 .ucf-label {
	 font-size: 11px;
	 letter-spacing: 0.2em;
	 text-transform: uppercase;
	 color: var(--ucf-gold);
	 font-weight: 600;
	 margin-bottom: 14px;
	 display: block;
}


 .ucf-hero-title .underline-gold {
	 position: relative;
	 display: inline-block;
}
 .ucf-hero-title .underline-gold::after {
	 content: '';
	 position: absolute;
	 bottom: 2px;
	 left: 0;
	 right: 0;
	 height: 4px;
	 background: linear-gradient(90deg, var(--ucf-gold), var(--ucf-gold-light));
	 border-radius: 2px;
	 opacity: 0.7;
}

 .ucf-hero-actions {
	 display: flex;
	 gap: 16px;
	 flex-wrap: wrap;
	 animation: fadeUp 0.7s 0.3s ease both;
	 margin-bottom: 0px;
    /*margin-left: 22px; */
    margin-top: 30px;
}
 .ucf-hero-btn-primary {
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 color: var(--ucf-navy);
	 font-weight: 700;
	 font-size: 16px;
	 padding: 17px 38px;
	 border-radius: 12px;
	 text-decoration: none;
	 display: inline-flex;
	 align-items: center;
	 gap: 10px;
	 transition: all 0.3s;
	 border: none;
	 cursor: pointer;
	 font-family: var(--ucf-font-body);
}
 .ucf-hero-btn-primary:hover {
	 transform: translateY(-3px);
	 box-shadow: 0 16px 45px rgba(201,168,76,0.55);
	 color: var(--ucf-navy);
}
 .ucf-hero-btn-ghost {
	 border: 2px solid rgba(255,255,255,0.28);
	 color: white;
	 font-weight: 600;
	 font-size: 16px;
	 padding: 15px 32px;
	 border-radius: 12px;
	 text-decoration: none;
	 display: inline-flex;
	 align-items: center;
	 gap: 10px;
	 transition: all 0.3s;
	 backdrop-filter: blur(12px);
}
 .ucf-hero-btn-ghost:hover {
	 border-color: var(--ucf-gold);
	 color: var(--ucf-gold);
}
/* Hero stats row */
 .ucf-hero-stats {
	 display: flex;
	 gap: 40px;
	 flex-wrap: wrap;
	 animation: fadeUp 0.7s 0.4s ease both;
}
 .ucf-hero-stat {
	 padding: 0 36px 0 0;
	 border-right: 1px solid rgba(255,255,255,0.12);
	 margin-right: 36px;
}
 .ucf-hero-stat:last-child {
	 border: none;
	 margin: 0;
	 padding: 0;
}
 .ucf-hero-stat-num {
	 
	 font-size: 38px;
	 font-weight: 900;
	 color: var(--ucf-gold);
	 line-height: 1;
}
 .ucf-hero-stat-label {
	 font-size: 12px;
	 color: rgba(255,255,255,0.5);
	 margin-top: 5px;
	 letter-spacing: 0.04em;
}
/* Hero side image column */
 .ucf-hero-side {
	 position: relative;
	 animation: fadeLeft 1s 0.3s ease both;
}
 .ucf-hero-main-img {
	 width: 100%;
	 border-radius: 24px;
	 aspect-ratio: 3/4;
	 object-fit: cover;
	 box-shadow: 0 50px 120px rgba(0,0,0,0.6);
}
 .ucf-hero-float-1 {
	 position: absolute;
	 bottom: 36px;
	 left: -32px;
	 background: rgba(255,255,255,0.1);
	 backdrop-filter: blur(20px);
	 border: 1px solid rgba(255,255,255,0.18);
	 border-radius: 16px;
	 padding: 18px 24px;
	 display: flex;
	 align-items: center;
	 gap: 14px;
	 color: white;
	 min-width: 210px;
}
 .ucf-hero-float-2 {
	 position: absolute;
	 top: 36px;
	 right: -32px;
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 border-radius: 16px;
	 padding: 18px 22px;
	 text-align: center;
	 box-shadow: 0 20px 50px rgba(201,168,76,0.45);
	 min-width: 130px;
}
 .ucf-float-icon {
	 width: 44px;
	 height: 44px;
	 background: var(--ucf-gold);
	 border-radius: 10px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 20px;
	 color: var(--ucf-navy);
	 flex-shrink: 0;
}
 .ucf-float-num {
	 
	 font-size: 22px;
	 font-weight: 700;
}
 .ucf-float-txt {
	 font-size: 11px;
	 opacity: 0.75;
	 margin-top: 2px;
}
 .ucf-float-2-num {
	 
	 font-size: 28px;
	 font-weight: 900;
	 color: var(--ucf-navy);
	 line-height: 1;
}
 .ucf-float-2-txt {
	 font-size: 11px;
	 color: rgba(13,31,60,0.7);
	 font-weight: 600;
	 margin-top: 4px;
}
 @keyframes fadeUp {
	 from {
		 opacity: 0;
		 transform: translateY(28px);
	}
	 to {
		 opacity: 1;
		 transform: translateY(0);
	}
}
 @keyframes fadeLeft {
	 from {
		 opacity: 0;
		 transform: translateX(40px);
	}
	 to {
		 opacity: 1;
		 transform: translateX(0);
	}
}
/* ─── STICKY QUOTE SIDEBAR (desktop) ─── */
 .ucf-sticky-sidebar {
	 position: sticky;
	 top: 100px;
}
 .ucf-quote-widget {
	 background: var(--ucf-white);
	 border-radius: 20px;
	 padding: 36px 30px;
	 box-shadow: 0 30px 80px rgba(13,31,60,0.14);
	 border: 1px solid rgba(0,0,0,0.07);
}
 .ucf-quote-widget h4 {
	 
	 font-size: 22px;
	 font-weight: 700;
	 color: var(--ucf-navy);
	 margin-bottom: 6px;
}
 .ucf-quote-widget p {
	 font-size: 13px;
	 color: var(--ucf-grey);
	 margin-bottom: 22px;
	 line-height: 1.6;
}
 .ucf-widget-field {
	 margin-bottom: 14px;
}
 .ucf-widget-label {
	 display: block;
	 font-size: 12px;
	 font-weight: 600;
	 color: var(--ucf-navy);
	 margin-bottom: 6px;
}
 .ucf-widget-input {
	 width: 100%;
	 padding: 11px 14px;
	 border: 2px solid rgba(0,0,0,0.1);
	 border-radius: 10px;
	 font-family: var(--ucf-font-body);
	 font-size: 13px;
	 color: var(--ucf-dark);
	 background: #f9fafb;
	 transition: border-color 0.2s;
	 outline: none;
}
 .ucf-widget-input:focus {
	 border-color: var(--ucf-gold);
	 background: white;
}
 .ucf-widget-submit {
	 width: 100%;
	 padding: 14px;
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 color: var(--ucf-navy);
	 font-weight: 700;
	 font-size: 15px;
	 border-radius: 11px;
	 border: none;
	 cursor: pointer;
	 font-family: var(--ucf-font-body);
	 transition: all 0.3s;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 gap: 8px;
	 margin-top: 4px;
}
 .ucf-widget-submit:hover {
	 transform: translateY(-2px);
	 box-shadow: 0 12px 35px rgba(201,168,76,0.45);
}
 .ucf-widget-divider {
	 height: 1px;
	 background: rgba(0,0,0,0.07);
	 margin: 22px 0;
}
 .ucf-widget-phone {
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 text-decoration: none;
	 color: var(--ucf-navy);
	 font-weight: 600;
	 font-size: 14px;
	 padding: 12px 0;
}
 .ucf-widget-phone i {
	 color: var(--ucf-gold);
	 font-size: 18px;
}
 .ucf-widget-trust {
	 margin-top: 20px;
}
 .ucf-widget-trust-item {
	 display: flex;
	 align-items: center;
	 gap: 8px;
	 font-size: 12px;
	 color: var(--ucf-grey);
	 padding: 6px 0;
}
 .ucf-widget-trust-item i {
	 color: var(--ucf-gold);
	 font-size: 14px;
	 flex-shrink: 0;
}
/* ─── SECTIONS ─── */
 .ucf-section {
	 padding: 40px 0 !important;
}
 .ucf-section-sm {
	 padding: 70px 0;
}
 .ucf-section-dark {
	 background: var(--ucf-navy);
}
 .ucf-section-cream {
	 background: var(--ucf-cream);
}
 .ucf-section-white {
	 background: var(--ucf-white);
}

 .ucf-h3 {
	 
	 font-size: clamp(26px, 3vw, 38px);
	 font-weight: 700;
	 color: var(--ucf-navy);
	 line-height: 1.2;
	 margin-bottom: 16px;
}
 .ucf-lead {
	 font-size: 16px;
	 color: var(--ucf-grey);
	 line-height: 1.8;
}
 .ucf-divider {
	 width: 60px;
	 height: 3px;
	 background: linear-gradient(90deg, var(--ucf-gold), var(--ucf-gold-light));
	 border-radius: 2px;
	 margin: 20px 0;
}
 .ucf-section-divider {
	 height: 1px;
	 background: linear-gradient(90deg, transparent, rgba(201,168,76,0.3), transparent);
}
/* ─── INTRO BLOCK ─── */
 .ucf-intro-card {
	 background: linear-gradient(135deg, var(--ucf-navy) 0%, #1a3561 100%);
	 border-radius: 24px;
	 padding: 60px;
	 overflow: hidden;
	 position: relative;
}
 .ucf-intro-card::before {
	 content: '';
	 position: absolute;
	 top: -80px;
	 right: -80px;
	 width: 300px;
	 height: 300px;
	 border-radius: 50%;
	 background: rgba(201,168,76,0.06);
}
 .ucf-intro-card::after {
	 content: '';
	 position: absolute;
	 bottom: -60px;
	 left: 200px;
	 width: 200px;
	 height: 200px;
	 border-radius: 50%;
	 background: rgba(201,168,76,0.04);
}
 .ucf-intro-quote {
	 
	 font-size: clamp(22px, 3vw, 34px);
	 font-weight: 700;
	 color: white;
	 line-height: 1.4;
	 position: relative;
	 z-index: 1;
	 margin-bottom: 28px;
}
 .ucf-intro-quote em {
	 color: var(--ucf-gold);
	 font-style: normal;
}
 .ucf-intro-stats {
	 display: flex;
	 gap: 48px;
	 flex-wrap: wrap;
	 position: relative;
	 z-index: 1;
}
 .ucf-intro-stat {
}
 .ucf-intro-stat-num {
	 
	 font-size: 44px;
	 font-weight: 900;
	 color: var(--ucf-gold);
	 line-height: 1;
}
 .ucf-intro-stat-label {
	 font-size: 12px;
	 color: rgba(255,255,255,0.5);
	 margin-top: 5px;
	 letter-spacing: 0.05em;
}
/* ─── WHAT'S INCLUDED ─── */
 .ucf-include-item {
	 display: flex;
	 align-items: flex-start;
	 gap: 18px;
	 padding: 24px 0;
	 border-bottom: 1px solid rgba(0,0,0,0.07);
}
 .ucf-include-item:last-child {
	 border: none;
}
 .ucf-include-icon {
	 width: 52px;
	 height: 52px;
	 background: linear-gradient(135deg, rgba(201,168,76,0.14), rgba(201,168,76,0.06));
	 border-radius: 13px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 22px;
	 color: var(--ucf-gold);
	 flex-shrink: 0;
	 transition: all 0.3s;
}
 .ucf-include-item:hover .ucf-include-icon {
	 background: var(--ucf-gold);
	 color: var(--ucf-navy);
}
 .ucf-include-body h5 {
	 font-size: 16px;
	 font-weight: 700;
	 color: var(--ucf-navy);
	 margin-bottom: 5px;
}
 .ucf-include-body p {
	 font-size: 13px;
	 color: var(--ucf-grey);
	 line-height: 1.7;
	 margin: 0;
}
/* ─── PROCESS TIMELINE ─── */
 .ucf-timeline {
	 position: relative;
	 padding-left: 48px;
}
 .ucf-timeline::before {
	 content: '';
	 position: absolute;
	 left: 18px;
	 top: 0;
	 bottom: 0;
	 width: 2px;
	 background: linear-gradient(to bottom, var(--ucf-gold), rgba(201,168,76,0.1));
}
 .ucf-timeline-item {
	 position: relative;
	 margin-bottom: 40px;
}
 .ucf-timeline-item:last-child {
	 margin-bottom: 0;
}
 .ucf-timeline-dot {
	 position: absolute;
	 left: -42px;
	 top: 4px;
	 width: 36px;
	 height: 36px;
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 border-radius: 50%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 
	 font-size: 14px;
	 font-weight: 900;
	 color: var(--ucf-navy);
	 box-shadow: 0 6px 20px rgba(201,168,76,0.4);
}
 .ucf-timeline-content {
	 background: var(--ucf-white);
	 border-radius: 14px;
	 padding: 24px 28px;
	 border: 1px solid rgba(0,0,0,0.07);
	 box-shadow: 0 4px 20px rgba(0,0,0,0.05);
	 transition: all 0.3s;
}
 .ucf-timeline-content:hover {
	 box-shadow: 0 12px 40px rgba(13,31,60,0.1);
	 transform: translateX(6px);
}
 .ucf-timeline-content h5 {
	 font-size: 16px;
	 font-weight: 700;
	 color: var(--ucf-navy);
	 margin-bottom: 6px;
}
 .ucf-timeline-content p {
	 font-size: 13px;
	 color: var(--ucf-grey);
	 line-height: 1.7;
	 margin: 0;
}
/* ─── BEFORE AFTER SLIDER ─── */
 .ucf-ba-slider {
	 position: relative;
	 border-radius: 20px;
	 overflow: hidden;
	 cursor: col-resize;
	 user-select: none;
	 box-shadow: 0 30px 80px rgba(0,0,0,0.25);
}
 .ucf-ba-base, .ucf-ba-over {
	 width: 100%;
	 display: block;
	 aspect-ratio: 16/9;
	 object-fit: cover;
}
 .ucf-ba-over {
	 position: absolute;
	 inset: 0;
	 clip-path: inset(0 50% 0 0);
}
 .ucf-ba-divider {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 50%;
	 width: 3px;
	 background: white;
	 transform: translateX(-50%);
	 box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
 .ucf-ba-handle {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 width: 48px;
	 height: 48px;
	 background: white;
	 border-radius: 50%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 box-shadow: 0 6px 24px rgba(0,0,0,0.35);
	 cursor: col-resize;
}
 .ucf-ba-handle i {
	 color: var(--ucf-navy);
	 font-size: 18px;
}
 .ucf-ba-tag {
	 position: absolute;
	 top: 20px;
	 font-size: 11px;
	 font-weight: 700;
	 letter-spacing: 0.14em;
	 text-transform: uppercase;
	 padding: 6px 14px;
	 border-radius: 7px;
}
 .ucf-ba-tag.before {
	 left: 20px;
	 background: rgba(13,31,60,0.9);
	 color: rgba(255,255,255,0.9);
}
 .ucf-ba-tag.after {
	 right: 20px;
	 background: var(--ucf-gold);
	 color: var(--ucf-navy);
}
/* ─── GALLERY GRID ─── */
 .ucf-gallery-grid {
	 display: grid;
	 grid-template-columns: 2fr 1fr;
	 grid-template-rows: auto auto;
	 gap: 12px;
}
 .ucf-gallery-grid .main {
	 grid-row: 1 / 3;
}
 .ucf-gallery-item {
	 border-radius: 14px;
	 overflow: hidden;
	 position: relative;
}
 .ucf-gallery-item img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 display: block;
	 transition: transform 0.5s;
}
 .ucf-gallery-item:hover img {
	 transform: scale(1.06);
}
 .ucf-gallery-item .main-img {
	 aspect-ratio: 4/5;
}
 .ucf-gallery-item .side-img {
	 aspect-ratio: 4/3;
}
/* ─── PRICING CARDS ─── */
 .ucf-pricing-card {
	 background: var(--ucf-white);
	 border: 2px solid rgba(0,0,0,0.08);
	 border-radius: 20px;
	 padding: 40px 32px;
	 height: 100%;
	 transition: all 0.3s;
	 position: relative;
	 overflow: hidden;
}
 .ucf-pricing-card::before {
	 content: '';
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 height: 4px;
	 background: linear-gradient(90deg, var(--ucf-gold), var(--ucf-gold-light));
	 transform: scaleX(0);
	 transition: transform 0.3s;
	 transform-origin: left;
}
 .ucf-pricing-card:hover::before, .ucf-pricing-card.featured::before {
	 transform: scaleX(1);
}
 .ucf-pricing-card.featured {
	 border-color: var(--ucf-gold);
	 box-shadow: 0 20px 60px rgba(201,168,76,0.15);
}
 .ucf-pricing-badge {
	 position: absolute;
	 top: 24px;
	 right: 24px;
	 background: var(--ucf-gold);
	 color: var(--ucf-navy);
	 font-size: 10px;
	 font-weight: 700;
	 letter-spacing: 0.12em;
	 text-transform: uppercase;
	 padding: 5px 12px;
	 border-radius: 20px;
}
 .ucf-pricing-card:hover {
	 transform: translateY(-6px);
	 box-shadow: 0 30px 80px rgba(13,31,60,0.12);
}
 .ucf-pricing-icon {
	 width: 60px;
	 height: 60px;
	 background: linear-gradient(135deg, rgba(201,168,76,0.14), rgba(201,168,76,0.05));
	 border-radius: 14px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 28px;
	 color: var(--ucf-gold);
	 margin-bottom: 22px;
}
 .ucf-pricing-card h4 {
	 
	 font-size: 22px;
	 font-weight: 700;
	 color: var(--ucf-navy);
	 margin-bottom: 8px;
}
 .ucf-pricing-card .price {
	 
	 font-size: 36px;
	 font-weight: 900;
	 color: var(--ucf-gold);
	 margin-bottom: 4px;
	 line-height: 1;
}
 .ucf-pricing-card .price-note {
	 font-size: 12px;
	 color: var(--ucf-grey);
	 margin-bottom: 22px;
}
 .ucf-pricing-list {
	 list-style: none;
	 padding: 0;
	 margin: 0 0 28px;
}
 .ucf-pricing-list li {
	 display: flex;
	 align-items: flex-start;
	 gap: 10px;
	 padding: 8px 0;
	 font-size: 13px;
	 color: #374151;
	 border-bottom: 1px solid rgba(0,0,0,0.05);
}
 .ucf-pricing-list li:last-child {
	 border: none;
}
 .ucf-pricing-list li i {
	 color: var(--ucf-gold);
	 font-size: 15px;
	 flex-shrink: 0;
	 margin-top: 1px;
}
/* ─── WHY US FEATURES ─── */
 .ucf-feature-row {
	 display: flex;
	 align-items: flex-start;
	 gap: 20px;
	 padding: 28px 0;
	 border-bottom: 1px solid rgba(255,255,255,0.07);
}
 .ucf-feature-row:last-child {
	 border: none;
}
 .ucf-feature-icon {
	 width: 54px;
	 height: 54px;
	 background: rgba(201,168,76,0.12);
	 border-radius: 14px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 24px;
	 color: var(--ucf-gold);
	 flex-shrink: 0;
}
 .ucf-feature-body h5 {
	 color: white;
	 font-size: 16px;
	 font-weight: 600;
	 margin-bottom: 6px;
}
 .ucf-feature-body p {
	 color: rgba(255,255,255,0.58);
	 font-size: 13px;
	 line-height: 1.7;
	 margin: 0;
}
/* ─── BRAND LOGOS ─── */
 .ucf-brand-row {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 gap: 0;
	 flex-wrap: wrap;
}
 .ucf-brand-item {
	 padding: 18px 32px;
	 border-right: 1px solid rgba(0,0,0,0.08);
	 text-align: center;
}
 .ucf-brand-item:last-child {
	 border: none;
}
 .ucf-brand-name {
	 
	 font-size: 20px;
	 font-weight: 900;
	 color: var(--ucf-navy);
	 opacity: 0.35;
	 transition: opacity 0.3s;
	 letter-spacing: -0.02em;
}
 .ucf-brand-item:hover .ucf-brand-name {
	 opacity: 0.7;
}
 .ucf-brand-sub {
	 font-size: 9px;
	 color: var(--ucf-grey);
	 letter-spacing: 0.1em;
	 text-transform: uppercase;
	 display: block;
	 margin-top: 3px;
}
/* ─── REVIEWS ─── */
 .ucf-review-card {
	 background: var(--ucf-white);
	 border: 1px solid rgba(0,0,0,0.07);
	 border-radius: var(--ucf-radius);
	 padding: 30px 26px;
	 height: 100%;
	 box-shadow: 0 4px 20px rgba(0,0,0,0.05);
	 transition: all 0.3s;
}
 .ucf-review-card:hover {
	 transform: translateY(-5px);
	 box-shadow: var(--ucf-shadow);
}
 .ucf-review-header {
	 display: flex;
	 align-items: center;
	 gap: 14px;
	 margin-bottom: 16px;
}
 .ucf-reviewer-avatar {
	 width: 48px;
	 height: 48px;
	 border-radius: 50%;
	 background: linear-gradient(135deg, var(--ucf-navy), #1a3561);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 
	 font-size: 18px;
	 font-weight: 700;
	 color: var(--ucf-gold);
	 flex-shrink: 0;
}
 .ucf-reviewer-name {
	 font-weight: 600;
	 font-size: 15px;
	 color: var(--ucf-navy);
}
 .ucf-reviewer-location {
	 font-size: 12px;
	 color: var(--ucf-grey);
}
 .ucf-stars {
	 color: #f59e0b;
	 font-size: 14px;
	 letter-spacing: 1px;
	 margin-bottom: 12px;
}
 .ucf-review-text {
	 font-size: 14px;
	 color: #4b5563;
	 line-height: 1.75;
	 font-style: italic;
}
 .ucf-review-service {
	 display: inline-flex;
	 align-items: center;
	 gap: 5px;
	 background: rgba(201,168,76,0.1);
	 border: 1px solid var(--ucf-border);
	 border-radius: 6px;
	 padding: 4px 10px;
	 font-size: 11px;
	 color: var(--ucf-gold);
	 font-weight: 600;
	 margin-top: 14px;
}
 .ucf-google-logo {
	 display: flex;
	 align-items: center;
	 gap: 6px;
	 margin-top: 16px;
	 padding-top: 14px;
	 border-top: 1px solid rgba(0,0,0,0.06);
	 font-size: 12px;
	 color: var(--ucf-grey);
}
 .ucf-google-g span:nth-child(1){
	color:#4285f4;
}
 .ucf-google-g span:nth-child(2){
	color:#ea4335;
}
 .ucf-google-g span:nth-child(3){
	color:#fbbc04;
}
 .ucf-google-g span:nth-child(4){
	color:#4285f4;
}
 .ucf-google-g span:nth-child(5){
	color:#34a853;
}
 .ucf-google-g span:nth-child(6){
	color:#ea4335;
}
/* ─── FAQ ─── */
 .ucf-faq-item {
	 border: 1px solid rgba(0,0,0,0.08);
	 border-radius: 12px;
	 overflow: hidden;
	 margin-bottom: 12px;
	 background: var(--ucf-white);
}
 .ucf-faq-q {
	 padding: 20px 24px;
	 font-weight: 600;
	 font-size: 15px;
	 cursor: pointer;
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 color: var(--ucf-navy);
	 transition: background 0.2s;
	 user-select: none;
}
 .ucf-faq-q:hover {
	 background: rgba(201,168,76,0.05);
}
 .ucf-faq-q i {
	 color: var(--ucf-gold);
	 transition: transform 0.3s;
	 flex-shrink: 0;
	 margin-left: 16px;
}
 .ucf-faq-a {
	 padding: 0 24px;
	 max-height: 0;
	 overflow: hidden;
	 transition: all 0.4s;
	 font-size: 14px;
	 color: var(--ucf-grey);
	 line-height: 1.8;
}
 .ucf-faq-item.open .ucf-faq-a {
	 max-height: 300px;
	 padding: 0 24px 20px;
}
 .ucf-faq-item.open .ucf-faq-q i {
	 transform: rotate(45deg);
}
/* ─── URGENCY BANNER ─── */
 .ucf-urgency-banner {
	 background: linear-gradient(90deg, #c9a84c, #e8c96e, #c9a84c);
	 background-size: 200% 100%;
	 animation: shimmer 3s linear infinite;
	 padding: 16px 0;
	 text-align: center;
}
 @keyframes shimmer {
	 0% {
		 background-position: 200% center;
	}
	 100% {
		 background-position: -200% center;
	}
}
 .ucf-urgency-text {
	 font-size: 14px;
	 font-weight: 700;
	 color: var(--ucf-navy);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 gap: 10px;
	 flex-wrap: wrap;
}
 .ucf-urgency-text i {
	 font-size: 16px;
}
/* ─── CTA SECTION ─── */
 .ucf-cta-section {
	 background: linear-gradient(135deg, var(--ucf-navy), #1a3561);
	 position: relative;
	 overflow: hidden;
	 padding: 100px 0;
}
 .ucf-cta-section::before {
	 content: '';
	 position: absolute;
	 inset: 0;
	 background: url('https://images.unsplash.com/photo-1562259949-e8e7689d7828?w=1400&q=60') center/cover;
	 opacity: 0.07;
}
 .ucf-cta-section::after {
	 content: '';
	 position: absolute;
	 inset: 0;
	 background: radial-gradient(ellipse at center, rgba(201,168,76,0.08) 0%, transparent 70%);
}
 .ucf-cta-title {
	 
	 font-size: clamp(36px, 5vw, 60px);
	 font-weight: 900;
	 color: white;
	 line-height: 1.1;
	 margin-bottom: 20px;
}
 .ucf-cta-title span {
	 color: var(--ucf-gold);
}
 .ucf-cta-sub {
	 font-size: 17px;
	 color: rgba(255,255,255,0.68);
	 margin-bottom: 42px;
	 max-width: 520px;
	 line-height: 1.7;
}
/* ─── OTHER SERVICES ─── */
 .ucf-other-card {
	 background: var(--ucf-white);
	 border: 1px solid rgba(0,0,0,0.07);
	 border-radius: 14px;
	 padding: 28px 24px;
	 transition: all 0.3s;
	 text-decoration: none;
	 display: block;
	 height: 100%;
}
 .ucf-other-card:hover {
	 transform: translateY(-5px);
	 box-shadow: var(--ucf-shadow);
	 border-color: var(--ucf-gold);
}
 .ucf-other-icon {
	 font-size: 28px;
	 color: var(--ucf-gold);
	 margin-bottom: 14px;
}
 .ucf-other-card h5 {
	 
	 font-size: 17px;
	 font-weight: 700;
	 color: var(--ucf-navy);
	 margin-bottom: 8px;
}
 .ucf-other-card p {
	 font-size: 13px;
	 color: var(--ucf-grey);
	 line-height: 1.6;
	 margin-bottom: 14px;
}
 .ucf-other-link {
	 font-size: 12px;
	 font-weight: 700;
	 color: var(--ucf-gold);
	 display: flex;
	 align-items: center;
	 gap: 5px;
}
/* ─── FOOTER ─── */
 .ucf-footer {
	 background: #080f1e;
	 padding: 80px 0 0;
	 color: rgba(255,255,255,0.7);
}
 .ucf-footer-brand {
	 margin-bottom: 28px;
}
 .ucf-footer-about {
	 font-size: 14px;
	 line-height: 1.8;
	 margin-bottom: 20px;
}
 .ucf-footer-abn {
	 display: inline-flex;
	 align-items: center;
	 gap: 8px;
	 background: rgba(201,168,76,0.1);
	 border: 1px solid var(--ucf-border);
	 border-radius: 8px;
	 padding: 8px 14px;
	 font-size: 12px;
	 color: var(--ucf-gold);
}
 .ucf-footer h6 {
	 color: white;
	 font-size: 11px;
	 letter-spacing: 0.15em;
	 text-transform: uppercase;
	 margin-bottom: 20px;
	 font-weight: 600;
}
 .ucf-footer-links {
	 list-style: none;
	 padding: 0;
}
 .ucf-footer-links li {
	 margin-bottom: 10px;
}
 .ucf-footer-links a {
	 color: rgba(255,255,255,0.6);
	 text-decoration: none;
	 font-size: 14px;
	 transition: color 0.2s;
	 display: flex;
	 align-items: center;
	 gap: 6px;
}
 .ucf-footer-links a:hover {
	 color: var(--ucf-gold);
	 padding-left: 4px;
}
 .ucf-footer-contact {
	 font-size: 14px;
	 line-height: 2.2;
}
 .ucf-footer-contact a {
	 color: rgba(255,255,255,0.6);
	 text-decoration: none;
}
 .ucf-footer-contact a:hover {
	 color: var(--ucf-gold);
}
 .ucf-footer-bottom {
	 margin-top: 60px;
	 padding: 24px 0;
	 border-top: 1px solid rgba(255,255,255,0.08);
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 flex-wrap: wrap;
	 gap: 12px;
	 font-size: 13px;
}
/* ─── SCROLL REVEAL ─── */
 .ucf-reveal {
	 opacity: 0;
	 transform: translateY(28px);
	 transition: all 0.7s ease;
}
 .ucf-reveal.visible {
	 opacity: 1;
	 transform: none;
}
 .ucf-reveal-left {
	 opacity: 1;
	 transform: translateX(-28px);
	 transition: all 0.7s ease;
}
 .ucf-reveal-left.visible {
	 opacity: 1;
	 transform: none;
}
/* ─── MODAL ─── */
 .ucf-modal-overlay {
	 position: fixed;
	 inset: 0;
	 z-index: 9999;
	 background: rgba(6,15,30,0.88);
	 backdrop-filter: blur(10px);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 padding: 20px;
	 opacity: 0;
	 pointer-events: none;
	 transition: opacity 0.35s ease;
}
 .ucf-modal-overlay.open {
	 opacity: 1;
	 pointer-events: all;
}
 .ucf-modal {
	 background: var(--ucf-white);
	 border-radius: 24px;
	 width: 100%;
	 max-width: 660px;
	 max-height: 90vh;
	 overflow-y: auto;
	 box-shadow: 0 50px 150px rgba(0,0,0,0.5);
	 transform: scale(0.9) translateY(20px);
	 transition: transform 0.35s ease;
	 position: relative;
}
 .ucf-modal-overlay.open .ucf-modal {
	 transform: scale(1) translateY(0);
}
 .ucf-modal-header {
	 background: linear-gradient(135deg, var(--ucf-navy), #1a3561);
	 padding: 36px 40px 32px;
	 border-radius: 24px 24px 0 0;
	 position: relative;
}
 .ucf-modal-close {
	 position: absolute;
	 top: 20px;
	 right: 20px;
	 width: 36px;
	 height: 36px;
	 background: rgba(255,255,255,0.1);
	 border: 1px solid rgba(255,255,255,0.2);
	 border-radius: 50%;
	 color: white;
	 font-size: 16px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 cursor: pointer;
	 transition: all 0.2s;
}
 .ucf-modal-close:hover {
	 background: rgba(255,255,255,0.2);
	 transform: rotate(90deg);
}
 .ucf-modal-title {
	 
	 font-size: 26px;
	 font-weight: 900;
	 color: white;
	 margin-bottom: 6px;
}
 .ucf-modal-sub {
	 font-size: 13px;
	 color: rgba(255,255,255,0.6);
}
 .ucf-modal-body {
	 padding: 36px 40px;
}
 .ucf-form-group {
	 margin-bottom: 18px;
}
 .ucf-form-label {
	 display: block;
	 font-size: 12px;
	 font-weight: 600;
	 color: var(--ucf-navy);
	 margin-bottom: 7px;
	 letter-spacing: 0.02em;
}
 .ucf-form-label span {
	 color: #e74c3c;
}
 .ucf-form-control {
	 width: 100%;
	 padding: 12px 15px;
	 border: 2px solid rgba(0,0,0,0.1);
	 border-radius: 10px;
	 font-family: var(--ucf-font-body);
	 font-size: 14px;
	 color: var(--ucf-dark);
	 background: #f9fafb;
	 transition: all 0.25s;
	 outline: none;
}
 .ucf-form-control:focus {
	 border-color: var(--ucf-gold);
	 background: white;
	 box-shadow: 0 0 0 3px rgba(201,168,76,0.1);
}
 select.ucf-form-control {
	 appearance: none;
	 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23c9a84c' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
	 background-repeat: no-repeat;
	 background-position: right 14px center;
	 background-color: #f9fafb;
	 padding-right: 36px;
	 cursor: pointer;
}
 textarea.ucf-form-control {
	 resize: vertical;
	 min-height: 90px;
}
 .ucf-modal-submit {
	 width: 100%;
	 padding: 15px;
	 background: linear-gradient(135deg, var(--ucf-gold), var(--ucf-gold-light));
	 color: var(--ucf-navy);
	 font-weight: 700;
	 font-size: 15px;
	 border-radius: 12px;
	 border: none;
	 cursor: pointer;
	 font-family: var(--ucf-font-body);
	 transition: all 0.3s;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 gap: 8px;
	 margin-top: 6px;
}
 .ucf-modal-submit:hover {
	 transform: translateY(-2px);
	 box-shadow: 0 12px 35px rgba(201,168,76,0.45);
}
 .ucf-modal-note {
	 font-size: 12px;
	 color: var(--ucf-grey);
	 text-align: center;
	 margin-top: 10px;
}
/* ─── RESPONSIVE ─── */
 @media (max-width: 991px) {
	 .ucf-header-inner {
		 padding: 16px 20px;
	}
	 .ucf-nav, .ucf-header-actions .ucf-phone-cta {
		 display: none;
	}
	 .ucf-nav-toggle {
		 display: block;
	}
	 .ucf-nav.open {
		 display: flex;
		 flex-direction: column;
		 position: fixed;
		 top: 0;
		 left: 0;
		 right: 0;
		 bottom: 0;
		 background: var(--ucf-navy);
		 padding: 80px 30px 30px;
		 z-index: 999;
		 gap: 8px;
		 overflow-y: auto;
	}
	 .ucf-nav.open > li > a {
		 font-size: 18px;
		 padding: 14px 0;
		 border-bottom: 1px solid rgba(255,255,255,0.08);
		 border-radius: 0;
	}
	 .ucf-mega-menu {
		 display: none !important;
	}
	 .ucf-hero-float-1, .ucf-hero-float-2 {
		 display: none;
	}
	 .ucf-gallery-grid {
		 grid-template-columns: 1fr;
	}
	 .ucf-gallery-grid .main {
		 grid-row: auto;
	}
	 .ucf-intro-card {
		 padding: 36px 28px;
	}
	 .ucf-timeline {
		 padding-left: 36px;
	}
	 .ucf-modal-header, .ucf-modal-body {
		 padding: 24px 24px;
	}
}
 .ucf-trust-point {
	 display: flex;
	 gap: 18px;
	 margin-bottom: 35px;
}
 .ucf-trust-icon {
	 width: 50px;
	 height: 50px;
	 min-width: 46px;
	 border-radius: 12px;
	 background: #d7ab45;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 color: #072248;
	 font-size: 18px;
}
 .right-trust-col {
	 padding-top: 245px;
}
 @media (max-width: 991px) {
	 .right-trust-col {
		 padding-top: 0;
	}
}