/* Layout foundations for the HKWB homepage. */
.home-refresh { --primary: #7895ff; --primary-deep: #5b67da; --text: #f4f7ff; --muted: #b3c0d8; background: #08111f; }
.home-refresh .container { width: min(1180px, calc(100% - 3rem)); }
.home-refresh .site-header { background: rgba(8,17,31,.94); }
.home-refresh .nav { min-height: 86px; }
.home-refresh .brand img { width: 154px; }
.home-refresh .menu { gap: 1.5rem; font-size: .87rem; }
.home-refresh .button { border-radius: 12px; box-shadow: none; }
.home-refresh .button-ghost { background: transparent; border: 1px solid #445578; }
.home-refresh .hero { padding: 6rem 0 5rem; background: radial-gradient(ellipse at 85% 25%, #1a2b50 0, transparent 60%); }
.home-refresh .hero::before, .home-refresh .hero::after { display: none; }
.home-refresh .hero-grid { grid-template-columns: 1.2fr 1fr; gap: 4rem; }
.home-refresh .hero-copy h1 { font-size: clamp(2.7rem,4.6vw,4.4rem); letter-spacing: -.055em; line-height: 1.1; }
.home-refresh .hero-copy h1 span { color: #a5b8ff; }
.home-refresh .lead { font-size: 1.08rem; line-height: 1.8; }
.home-refresh .eyebrow { color: #a5b8ff; }
.home-refresh .hero-panel { padding: 1.8rem; background: #101d33; border: 1px solid #344362; box-shadow: 0 24px 70px #030a1740; border-radius: 22px; transform: none; }
.home-refresh .stat-card { padding: 1.3rem 0; background: none; border: none; border-bottom: 1px solid #2e3c58; border-radius: 0; box-shadow: none; }
.home-refresh .stat-card:last-child { border-bottom: 0; }
.home-refresh .stat-value { font-size: 1.35rem; }
.home-refresh .trust-row { justify-content: space-between; flex-wrap: wrap; gap: 1rem; }
.home-refresh .trust-row span { background: none; border: none; box-shadow: none; padding: .3rem 0; }
.home-refresh .section { padding: 4.5rem 0; }
.home-refresh .section-light { background: #0d1829; }
.home-refresh .section-neutral { background: #08111f; }
.home-refresh .section-heading h2, .home-refresh .contact-copy h2 { font-size: clamp(2rem,3.2vw,2.8rem); line-height: 1.2; }
.home-refresh .service-tiles { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.4rem; }
.home-refresh .service-tile { background: #132139; border-color: #293b58; border-radius: 18px; box-shadow: none; }
.home-refresh .service-tile > img { aspect-ratio: 2.3; filter: saturate(.8); }
.home-refresh .service-tile:hover { border-color: #8fa7ff; box-shadow: 0 16px 32px #030a1730; }
.home-refresh .service-icon { background: #22365b; border-color: #49618f; border-radius: 12px; box-shadow: none; }
.home-refresh .benefit-card, .home-refresh .timeline-item, .home-refresh .contact-card { background: #111e32; border: 1px solid #2c3d59; border-radius: 18px; box-shadow: none; }
.home-refresh .dubai-entry { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 2rem; padding: 2rem; border: 1px solid #3d4c70; border-radius: 18px; background: #19253e; }
.home-refresh .dubai-entry h3 { font-size: 1.6rem; margin: .6rem 0; }
.home-refresh .dubai-entry p { max-width: 650px; color: #b3c0d8; }
.home-refresh .dubai-entry .button { flex-shrink: 0; }
.home-refresh .property-tour-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 2.5rem; }
.home-refresh .property-tour-heading h3 { margin: 0; font-size: 1.4rem; }
.home-refresh .property-tour-heading a { color: #a5b8ff; text-decoration: underline; text-underline-offset: 4px; }
.home-refresh .dubai-tour-panel { min-height: 0; height: clamp(360px, 48vw, 600px); border-radius: 18px; }
.home-refresh .contact-section { background: #0d1829; }
.home-refresh .site-footer { background: #060e1a; }
.home-refresh :focus-visible { outline: 3px solid #a5b8ff; outline-offset: 5px; }
.home-refresh section[id], .home-refresh main[id] { scroll-margin-top: 100px; }
.skip-link { position: fixed; top: -100px; left: 1rem; z-index: 100; background: #a5b8ff; color: #08111f; padding: 1rem; }
.skip-link:focus { top: 1rem; }
.nav-toggle { background: transparent; color: #f4f7ff; border: 1px solid #445578; border-radius: 10px; padding: .65rem 1rem; cursor: pointer; }
@media (min-width:981px) { .nav-toggle { display: none; } }
@media (max-width:980px) {
 .home-refresh .nav { flex-direction: row; flex-wrap: wrap; min-height: 76px; }
 .home-refresh .nav-toggle:not([hidden]) { display: block; }
 .home-refresh .menu { width: 100%; flex-wrap: wrap; justify-content: flex-start; padding: 1rem 0; }
 .home-refresh .menu.is-collapsed { display: none; }
 .home-refresh .hero-grid { grid-template-columns: 1fr; gap: 2rem; }
 .home-refresh .hero { padding: 4rem 0; }
 .home-refresh .hero-panel { max-width: none; width: 100%; }
 .home-refresh .service-tiles { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
 .home-refresh .container { width: calc(100% - 2rem); }
 .home-refresh .menu { flex-direction: column; align-items: stretch; gap: 1rem; }
 .home-refresh .section { padding: 3rem 0; }
 .home-refresh .hero-actions { flex-direction: column; align-items: stretch; }
 .home-refresh .hero-actions .button { width: 100%; text-align: center; }
 .home-refresh .service-tiles { grid-template-columns: 1fr; }
 .home-refresh .dubai-entry { flex-direction: column; align-items: flex-start; padding: 1.4rem; }
 .home-refresh .property-tour-heading { flex-direction: column; align-items: flex-start; }
 .home-refresh .contact-wrap { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion:reduce) {
 html { scroll-behavior: auto; }
 .home-refresh *, .home-refresh *::before, .home-refresh *::after { transition: none !important; animation: none !important; }
}

/* Light editorial direction: navy, white and turquoise. */
.home-refresh { --primary:#087f90; --primary-deep:#066b79; --text:#172e40; --muted:#526573; --line:#dbe5e9; background:#fff; color:#172e40; font-family:Arial,"Segoe UI",sans-serif; }
.home-refresh .site-header { background:rgba(255,255,255,.97); border-bottom:1px solid #e8edef; backdrop-filter:blur(14px); }
.home-refresh .nav { min-height:94px; }
.home-refresh .menu, .home-refresh .menu a { color:#354c5c; font-weight:600; }
.home-refresh .menu a:hover { color:#087f90; }
.home-refresh .button, .home-refresh .menu a.button { background:#087f90; color:#fff; border:1px solid #087f90; border-radius:5px; font-weight:600; padding:1rem 1.4rem; }
.home-refresh .button:hover { background:#066b79; color:#fff; transform:translateY(-2px); }
.home-refresh .button-ghost { background:transparent; color:#087f90; border-color:#a4c9cf; }
.home-refresh .hero { position:relative; width:min(1380px,calc(100% - 3rem)); margin:0 auto; padding:6.5rem 0; background:linear-gradient(90deg,rgba(9,29,43,.92),rgba(9,29,43,.62) 60%,rgba(9,29,43,.24)),url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1800&q=85") center/cover; }
.home-refresh .hero-grid { display:block; width:min(1060px,calc(100% - 5rem)); }
.home-refresh .hero-copy { max-width:730px; }
.home-refresh .hero-copy h1 { font-size:clamp(2.8rem,4.6vw,4.5rem); color:#fff; font-weight:500; letter-spacing:-.045em; max-width:730px; margin:1.5rem 0; line-height:1.12; }
.home-refresh .hero-copy h1 span { color:#80e0e8; }
.home-refresh .hero .eyebrow { color:#fff; background:#087f90; border:0; border-radius:3px; font-size:.7rem; padding:.55rem .8rem; letter-spacing:.12em; }
.home-refresh .hero .lead { color:#e0e9ed; max-width:590px; font-size:1.08rem; line-height:1.8; }
.home-refresh .hero .button { background:#12b5c6; border-color:#12b5c6; color:#07343b; }
.home-refresh .hero .button-ghost { background:transparent; border-color:#b4cbd2; color:#fff; }
.home-refresh .trust-strip { background:#fff; border-bottom:1px solid #e6edef; border-top:0; }
.home-refresh .trust-row { padding:1.6rem 0; }
.home-refresh .trust-row span { color:#58717e; font-size:.84rem; font-weight:600; }
.home-refresh .section { padding:6rem 0; }
.home-refresh .section-light, .home-refresh .section-neutral { background:#fff; }
.home-refresh .section-heading { max-width:760px; margin-bottom:3rem; }
.home-refresh .eyebrow { background:none; border:0; padding:0; color:#087f90; letter-spacing:.15em; font-weight:700; }
.home-refresh .section-heading h2, .home-refresh .contact-copy h2 { color:#172e40; font-size:clamp(2rem,3.2vw,3rem); font-weight:500; letter-spacing:-.04em; line-height:1.18; }
.home-refresh .section-heading p, .home-refresh .contact-copy p { color:#526573; line-height:1.8; }
.home-refresh .service-tiles { gap:0 2.5rem; }
.home-refresh .service-tile { padding:1.8rem 0 2rem; border:0; border-top:1px solid #dbe5e9; border-radius:0; background:none; color:#172e40; box-shadow:none; }
.home-refresh .service-tile::after { display:none; }
.home-refresh .service-tile:hover { transform:none; box-shadow:none; border-color:#087f90; }
.home-refresh .service-icon { margin:0 0 1.2rem; background:#e9f7f8; border:0; color:#087f90; box-shadow:none; border-radius:50%; width:3.2rem; height:3.2rem; }
.home-refresh .service-tile h3 { margin:0; color:#172e40; font-size:1.22rem; font-weight:600; line-height:1.35; }
.home-refresh .tile-list { margin:1rem 0 0; gap:.5rem; }
.home-refresh .tile-list li { color:#526573; font-size:.95rem; line-height:1.7; }
.home-refresh .tile-list li::before { background:#12a2b2; }
.home-refresh .dubai-entry { background:#edf7f8; border:0; border-radius:8px; padding:2.5rem; margin-top:3rem; }
.home-refresh .dubai-entry h3 { color:#172e40; font-weight:500; }
.home-refresh .dubai-entry p { color:#526573; }
.home-refresh .property-tour-heading { margin-top:3rem; }
.home-refresh .property-tour-heading h3 { font-weight:500; }
.home-refresh .property-tour-heading a { color:#087f90; }
.home-refresh .dubai-tour-panel { border-radius:8px; box-shadow:none; border-color:#dbe5e9; }
.home-refresh .about-section { background:#f3f7f8; }
.home-refresh .benefit-grid { gap:2rem; }
.home-refresh .benefit-card { padding:1.6rem 0; border:0; border-top:1px solid #ccdade; border-radius:0; background:none; box-shadow:none; }
.home-refresh .benefit-card h3 { color:#172e40; font-weight:600; }
.home-refresh .benefit-card p { color:#526573; line-height:1.8; }
.home-refresh .timeline-item { padding:1.5rem 0; border:0; border-bottom:1px solid #dbe5e9; border-radius:0; background:none; box-shadow:none; }
.home-refresh .timeline-item:first-child { padding-top:0; }
.home-refresh .timeline-item h3 { color:#172e40; font-weight:600; }
.home-refresh .timeline-item p { color:#526573; line-height:1.8; }
.home-refresh .contact-section { background:#edf7f8; }
.home-refresh .contact-card { background:#fff; border:0; border-radius:8px; padding:2.2rem; box-shadow:0 16px 50px #163a4810; }
.home-refresh .contact-card p, .home-refresh .form-group label, .home-refresh .form-consent { color:#425969; }
.home-refresh .form-group input, .home-refresh .form-group textarea, .home-refresh .form-group select { background:#f8fafb; color:#172e40; border:1px solid #cad7dd; border-radius:5px; }
.home-refresh .form-group input:focus, .home-refresh .form-group textarea:focus, .home-refresh .form-group select:focus { background:#fff; border-color:#087f90; box-shadow:0 0 0 3px #087f9015; }
.home-refresh .form-group input::placeholder, .home-refresh .form-group textarea::placeholder { color:#6b7d88; }
.home-refresh .form-consent a { color:#087f90; }
.home-refresh .site-footer { background:#122c3c; }
.home-refresh .site-footer p, .home-refresh .site-footer a { color:#d4e0e7; }
.home-refresh .cookie-panel { background:#fff; border:1px solid #dbe5e9; color:#172e40; box-shadow:0 12px 45px #122c3c26; }
.home-refresh .cookie-panel h2 { color:#172e40; }
.home-refresh .cookie-panel p { color:#526573; }
.home-refresh .cookie-panel a { color:#087f90; }
.home-refresh .nav-toggle { color:#172e40; border-color:#cad7dd; }
.home-refresh :focus-visible { outline-color:#087f90; }
@media (max-width:980px) { .home-refresh .hero { padding:5rem 0; } }
@media (max-width:640px) {
 .home-refresh .hero { width:100%; padding:4rem 0; }
 .home-refresh .hero-grid { width:calc(100% - 2.5rem); }
 .home-refresh .hero-copy h1 { font-size:2.75rem; }
 .home-refresh .section { padding:3.5rem 0; }
 .home-refresh .service-tiles { gap:0; }
 .home-refresh .dubai-entry { padding:1.5rem; }
 .home-refresh .contact-card { padding:1.3rem; }
}