/* Dubai Comfort identity: original card logo, water blue and luminous gold. */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--ink:#073652;--muted:#607686;--gold:#c78c28;--cream:#f5faff;--line:#e0eaf1}body{font-family:Manrope,'DM Sans',Arial,sans-serif;color:var(--ink)}.brand-logo{position:relative;display:block;width:239px;height:72px;flex:none}.brand .brand-logo{display:block}.brand-mark,.brand-word{position:absolute;display:block;background-image:url('assets/dubai-brand-card.png');background-repeat:no-repeat;background-size:505px 318.72px}.brand-mark{left:0;top:0;width:77px;height:68px;background-position:-54.4px -30.4px}.brand-word{left:77px;top:14px;width:164px;height:49px;background-position:-9.6px -91.2px}.head{min-height:100px}.topline{background:#00345b;color:#fff0d2}.topline>.wrap{min-height:33px}.topline a{color:#ffe1a0}.header{background:#fffffffa;box-shadow:0 3px 18px #002d4e0a}nav{gap:21px;font-family:Outfit,Manrope,sans-serif;font-size:13px;font-weight:500}nav a:first-child:after{background:linear-gradient(90deg,#b97b20,#f8d784)}.button{border:1px solid #d1a348;background:linear-gradient(115deg,#b77c27 0%,#e8bf6a 48%,#bd832e 100%);color:#082d48;text-shadow:0 1px #fff3;box-shadow:0 9px 23px #bd872b29;font-family:Outfit,Manrope,sans-serif;font-size:13px;font-weight:600;border-radius:12px}.button:hover{box-shadow:0 12px 28px #cf9c4744;filter:brightness(1.04)}.button.secondary{background:white;border-color:#d5e6ef;color:#03466d;text-shadow:none;box-shadow:none}.eyebrow{color:#b4822d;letter-spacing:1.7px;font-family:Outfit,Manrope,sans-serif;font-size:11px;font-weight:600}h1,h2{font-family:Outfit,Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-1.6px;line-height:1.14}h1 em,h2 em{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.7px}.hero{background:radial-gradient(ellipse at 85% 10%,#0075a866,transparent 58%),radial-gradient(ellipse at 2% 100%,#004e7c88,transparent 55%),#002d50;color:white;padding:65px 0 112px}.hero:before{opacity:.25;background-image:repeating-radial-gradient(ellipse at 60% 145%,transparent 0 16px,#62d5ff24 17px,transparent 18px 23px);background-size:100% 100%}.hero:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:65px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g'%3E%3Cstop stop-color='%23b27921'/%3E%3Cstop offset='.45' stop-color='%23fff0b6'/%3E%3Cstop offset='1' stop-color='%23bb7d22'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='white' d='M0 40Q300 0 650 45T1440 12V90H0Z'/%3E%3Cpath d='M0 40Q300 0 650 45T1440 12' fill='none' stroke='url(%23g)' stroke-width='6'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none}.hero .eyebrow{color:#91d9ed;letter-spacing:1.4px;font-size:10px;margin-bottom:28px}.hero .eyebrow:before{background:#40c7e9}.hero h1{color:white;font-size:clamp(49px,4.9vw,73px);line-height:1.08;margin-bottom:25px}.hero h1 em{color:#efc777}.brand-slogan{display:block;font-size:10px;letter-spacing:3.5px;color:#d9b774;font-weight:700;margin-bottom:16px}.hero-content>p:not(.eyebrow){color:#d0e5f1;font-size:15px;line-height:1.95;max-width:505px}.hero-stats{border-color:#5692ad4d}.hero-stats strong{color:#fff;font-family:Outfit,Manrope,sans-serif;font-weight:500}.hero-stats span{color:#a6c7dc}.hero-visual{transform:none;border-radius:28px;background:linear-gradient(120deg,#fbeab5,#bb8130 45%,#fff1be);border:0;padding:4px;box-shadow:0 28px 65px #00132580}.hero-image{filter:saturate(1.32) contrast(1.04);height:560px;border-radius:24px;object-position:55% center}.hero-location{transform:none;left:20px;right:20px;bottom:-25px;border-radius:14px;border:1px solid #c5a363;background:#fff;color:#073652;box-shadow:0 12px 35px #001c3540}.location-icon{background:#e5f5fc;color:#007cad;font-family:Outfit,sans-serif}.hero-expand{background:#00355bda;border-color:#ffffff5c;font-size:10px}.visual-label{top:25px;left:25px;font-family:Outfit,sans-serif}.resident{background:linear-gradient(110deg,#f0f9ff,#fff);border-color:#d4e7f1;box-shadow:0 12px 35px #00507809}.resident-icon{background:#d9effb;color:#006ca2}.resident h2,.service-grid h3{font-family:Outfit,Manrope,sans-serif;font-weight:500}.photo-label{background:#00365bea;color:#f5d18c;border-color:#c49b51}.services{background:radial-gradient(ellipse at 0 0,#def6ff70,transparent 70%),#f4f9fd;border-color:#e2eff6}.service-grid>a{background:linear-gradient(140deg,#fff,#fafdff);border-color:#d9e9f2;box-shadow:0 12px 35px #004f7d09;border-radius:18px}.service-grid>a:hover{box-shadow:0 16px 40px #004e7a18;border-color:#6bb5d4}.service-icon{background:#e0f4ff;color:#0074a7}.service-no{color:#a27328}.arrow{color:#0289b8}.gallery-grid img,.about-photo img{filter:saturate(1.2) contrast(1.025)}.gallery-grid b{color:#008db4}.bank-card{background:linear-gradient(140deg,#00385e,#00294a);color:#fff;border:1px solid #2b688a;box-shadow:0 14px 28px #00385a15;position:relative;overflow:hidden}.bank-card:after{content:'';position:absolute;right:-60px;top:-60px;width:190px;height:190px;border:1px solid #59b6d52b;border-radius:50%;box-shadow:0 0 0 22px #59b6d509,0 0 0 45px #59b6d507;pointer-events:none}.bank-card-head b{background:linear-gradient(115deg,#bf8830,#f5db9a,#c58c32);color:#163c53;border-radius:7px}.bank-card h3{font-family:Outfit,sans-serif;font-size:20px;font-weight:400}.bank-card .iban-label{color:#b4cfdf}.bank-card .iban{color:#f2e3c4;font-size:14px}.bank-card button{background:#ffffff0d;color:#eac985;border-color:#71839385}.bank-card button:hover{background:#ffffff1f}.account-owner b{color:#0d4868}.faq-items details{background:#f5faff;border-color:#dceaf2}.faq-items details[open]{border-left:3px solid #0c88b7;background:#eff9ff}.faq-items summary{font-family:Outfit,sans-serif;font-size:14px;font-weight:500}.contact{background:radial-gradient(ellipse at left top,#00699566,transparent 60%),#002e51}.contact h2{font-family:Outfit,Manrope,sans-serif}.contact em{color:#f1ca7a}.contact-links a{border-color:#4083a54d}.contact-links span{color:#97d0e8}.contact-links b{color:#eec67b}.contact-links strong{font-family:Outfit,Manrope,sans-serif;font-weight:400}.contact-links a:hover strong{color:#6bd4f0}.contact p:not(.eyebrow){color:#c3dce9}.map{border-color:#ffffff24}.text-link{color:#006c9c;border-color:#91c8dc}.contact .text-link{color:#f0ce8b;border-color:#a98a56}footer{background:#fff}.footer-main>span{font-family:'DM Serif Display',Georgia,serif;color:#003e63}.quick-call{background:linear-gradient(140deg,#0784b1,#00507d);box-shadow:0 8px 25px #00304d44;border-color:#e5cc93}.contact-intro{background:radial-gradient(ellipse at right,#0083b050,transparent 65%),#003457;color:white}.contact-intro h1{color:white}.contact-intro h1 em{color:#f1c575}.contact-intro .eyebrow{color:#86cee9}.contact-intro>.wrap>p:last-child{color:#d0e3ee}.contact-form-card{border-color:#d9e8f2;box-shadow:0 18px 50px #003c6510}.contact-form-card h2{color:#003a60}.contact-form-card input,.contact-form-card select,.contact-form-card textarea{background:#f8fcff;border-color:#d4e3ed;color:#123b52;border-radius:11px}.contact-form-card input:focus,.contact-form-card select:focus,.contact-form-card textarea:focus{border-color:#0093c1;box-shadow:0 0 0 3px #58c6e321}.contact-tip{border-color:#cce4f2;background:#eff9ff}.contact-aside>a span{color:#0782b2}.form-errors{border-color:#e7bfb6}.form-success{border-color:#b5ddcf;background:#edf9f4}.contact-page .eyebrow{color:#a77c31}.contact-aside h2{font-family:Outfit,Manrope,sans-serif}.menu-toggle{background:#edf8ff;border-color:#cbe2ef;color:#00648f}.head nav.open{border-color:#d0e5f1}
@media(max-width:1100px){.brand-logo{width:211px;transform:scale(.88);transform-origin:left center;margin-right:-25px}nav{gap:16px;font-size:12px}.hero-grid{gap:40px}.hero h1{font-size:58px}.hero-image{height:530px}}
@media(max-width:850px){.head{min-height:90px}.hero h1{font-size:46px}.hero .eyebrow{font-size:8px}.hero-content>p:not(.eyebrow){font-size:13px}.hero-image{height:500px}.hero-stats strong{font-size:21px}}
@media(max-width:650px){.head{min-height:83px;gap:8px}.brand-logo{width:160px;height:72px;transform:scale(.67);margin-right:-78px}.brand{width:160px;margin-right:0}.menu-toggle{margin-left:auto}.login{font-size:10px;padding:10px}.hero{padding:36px 0 85px}.hero-grid{gap:32px}.hero h1{font-size:49px;letter-spacing:-1.6px;line-height:1.1}.hero .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:22px}.hero .brand-slogan{font-size:8px;letter-spacing:3px}.hero-content>p:not(.eyebrow){font-size:14px;line-height:1.9}.hero-image{height:420px}.hero-location{bottom:-22px;left:15px;right:15px;padding:15px}.hero:after{height:45px}.hero-visual{border-radius:23px}.hero-image{border-radius:19px}.hero-stats strong{font-size:20px}.hero-stats span{font-size:8px}.resident{margin-top:15px}.contact-intro h1{font-size:40px}.contact-links a[href^="mailto"] strong{font-size:16px}.bank-card .iban{font-size:15px}.footer-main .brand{width:180px;height:65px}.footer-main .brand-logo{transform:scale(.75);margin-right:-60px}.quick-call{border-color:#e7c577}.contact .section-head h2{font-size:39px}}
@media(max-width:360px){.brand{width:142px}.brand-logo{transform:scale(.59);margin-right:-98px}.head{gap:7px}.login{font-size:9px;padding:9px}.hero h1{font-size:43px}.hero-stats strong{font-size:17px}.contact-links a[href^="mailto"] strong{font-size:14px}}
.brand-mark{height:61px}.brand-word{filter:grayscale(1) contrast(5) brightness(1.15)}

.bank-detail{border-top:1px solid #6590a64d;padding-top:17px;margin-top:18px;position:relative;z-index:1}.bank-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.bank-detail-head>span{color:#afcfe0;font-size:11px}.bank-card .bank-detail-head button{width:auto;min-width:69px;padding:7px 10px;font-size:10px;flex:none;min-height:31px;justify-content:center}.bank-owner{font-size:12px;font-weight:600;line-height:1.85;margin:13px 0 0;color:#fff;overflow-wrap:anywhere}.bank-card .bank-detail .iban{margin:13px 0 0;line-height:1.9}.bank-card h3{margin-bottom:20px}@media(max-width:650px){.bank-owner{font-size:12px}.bank-card .bank-detail-head button{min-height:35px;font-size:11px}}
/* Compact phone layout; desktop dimensions are unchanged. */
@media(max-width:650px){
 html{scroll-padding-top:76px}.wrap{width:calc(100% - 30px)}.topline>.wrap{min-height:25px}.head{min-height:66px}.brand{width:143px;height:62px}.brand-logo{transform:scale(.6);transform-origin:left center;margin-right:-96px;height:72px}.head .login{min-height:36px;padding:8px 10px}.menu-toggle{height:34px}.head nav{left:15px;right:15px;padding:9px}.head nav a{padding:11px 12px}
 .hero{padding:25px 0 56px}.hero-grid{gap:24px}.hero .eyebrow{font-size:7px;letter-spacing:.8px;margin-bottom:13px}.hero .brand-slogan{font-size:8px;letter-spacing:2.4px;margin-bottom:10px}.hero h1{font-size:39px;letter-spacing:-1.2px;margin-bottom:15px}.hero-content>p:not(.eyebrow){font-size:12px;line-height:1.75;margin-bottom:0}.hero-actions{margin:19px 0;gap:8px}.hero-actions .button{padding:11px 13px;min-height:42px;font-size:11px}.hero-stats{padding-top:16px;gap:9px}.hero-stats strong{font-size:18px}.hero-stats span{font-size:8px}.hero-stats>div{gap:5px}.hero-image{height:265px}.hero-visual{padding:3px;margin-bottom:12px;border-radius:18px}.hero-image{border-radius:15px}.hero-expand{top:16px;right:15px;padding:7px 10px}.visual-label{top:19px;left:18px;font-size:8px}.visual-label small{font-size:6px}.hero-location{padding:11px 13px;gap:10px;bottom:-17px;left:13px;right:13px;border-radius:11px}.location-icon{width:33px;height:33px;font-size:23px;border-radius:9px}.hero-location b{font-size:9px}.hero-location small{margin-top:4px;font-size:9px}.hero:after{height:32px}
 .section{padding-block:42px}.eyebrow{margin-bottom:13px;font-size:9px}.section h2{font-size:31px;line-height:1.15;margin-bottom:19px}.section-head{margin-bottom:23px}.section-head h2{margin-bottom:0}.section-head>p,.gallery-note{margin-top:13px;font-size:11px;line-height:1.7}.resident{margin-top:10px;padding:19px 20px;gap:15px}.resident h2{font-size:19px;margin-bottom:7px}.resident .eyebrow{font-size:8px;margin-bottom:6px}.resident p:last-child{font-size:11px;line-height:1.7}.resident .button{padding:11px 15px;min-height:41px;font-size:11px}
 .about{gap:25px}.about-photo img{height:265px;border-radius:16px}.photo-label{bottom:14px;left:14px;right:14px;padding:12px;font-size:7px;border-radius:10px}.about-copy .lead{font-size:15px;margin-bottom:13px}.about-copy>p:not(.eyebrow):not(.lead){font-size:12px;line-height:1.8;margin-bottom:13px}.text-link{font-size:11px;padding-block:9px}
 .service-grid{gap:12px}.service-grid>a{padding:19px 20px 33px;border-radius:14px}.service-icon{width:37px;height:37px;font-size:20px;margin:0 13px 21px 0;border-radius:10px}.service-grid h3{font-size:17px;margin:8px 0 10px}.service-no{font-size:7px}.service-grid p{font-size:11px;line-height:1.75;padding-top:0}.arrow{font-size:22px;right:19px;bottom:12px}
 .gallery-grid{gap:13px 12px}.gallery-grid img{height:150px;border-radius:12px}.gallery-grid>button:first-child img{height:210px}.gallery-grid span{font-size:10px;padding-block:10px}.caption{font-size:9px;margin-top:14px}.bank-grid{gap:12px}.bank-card{padding:19px 20px;border-radius:15px}.bank-card h3{font-size:18px;margin:17px 0 12px}.bank-card-head{font-size:11px}.bank-card-head b{font-size:10px;padding:6px 9px}.bank-detail{padding-top:12px;margin-top:12px}.bank-detail-head>span{font-size:10px}.bank-owner{font-size:11px;line-height:1.7;margin-top:9px}.bank-card .bank-detail .iban{font-size:14px;margin-top:9px}.bank-card .bank-detail-head button{min-height:34px;padding:6px 9px;font-size:10px}
 .faq{gap:22px}.faq>div>p:not(.eyebrow){font-size:12px;line-height:1.8;margin-bottom:12px}.faq-items details{padding:15px 17px;margin-bottom:9px}.faq-items summary{font-size:13px}.faq-items p{font-size:11px;line-height:1.8;margin-top:11px}.contact-grid{gap:23px}.contact p:not(.eyebrow){font-size:12px;line-height:1.8;margin-bottom:14px}.contact-links a{padding-block:17px}.contact-links span{margin-bottom:8px;font-size:8px}.contact-links strong{font-size:18px}.contact-links b{top:33px;font-size:20px}.contact-links a:first-child b{top:16px}.map{margin-top:25px;border-radius:13px}.map iframe{height:240px}
 footer{padding:30px 0 20px}.footer-main{gap:14px}.footer-main .brand{height:52px;width:155px}.footer-main .brand-logo{transform:scale(.64)}.footer-main>span{font-size:18px;margin-top:3px}.footer-bottom{padding-top:16px;margin-top:20px;gap:9px;font-size:9px}.quick-call{width:42px;height:42px;bottom:14px;right:12px}.quick-call svg{width:18px;height:18px}
 .contact-intro{padding:30px 0}.contact-intro h1{font-size:33px;margin-bottom:16px}.contact-intro>.wrap>p:last-child{font-size:12px;line-height:1.8}.contact-page{gap:29px}.contact-form-card{padding:22px 18px;border-radius:17px;scroll-margin-top:78px}.contact-form-card h2{font-size:27px;margin-bottom:11px}.contact-form-card form{gap:15px}.contact-fields{gap:15px}.contact-form-card label{font-size:11px;gap:7px}.contact-form-card input,.contact-form-card select,.contact-form-card textarea{padding:10px 12px;font-size:16px}.contact-form-card textarea{min-height:120px}.form-note,.department-hint{font-size:10px;line-height:1.7}.form-note{margin-bottom:14px}.department-hint{margin:-7px 0 0}.form-submit{min-height:43px;padding:12px}.contact-aside h2{font-size:30px}.contact-aside>a{padding-block:17px}.contact-aside>a b{font-size:14px}.contact-tip{padding:18px;margin-top:22px}.contact-tip>b{font-size:12px}.contact-tip p{font-size:11px}
}
@media(max-width:360px){.brand{width:134px}.brand-logo{transform:scale(.56)}.hero h1{font-size:35px}.hero-image{height:240px}.hero-stats strong{font-size:16px}.hero-content>p:not(.eyebrow){font-size:11px}.hero-actions .button{padding:10px 11px;font-size:10px}.contact-links a[href^="mailto"] strong{font-size:13px}.contact-aside>a b{font-size:12px}.bank-card .bank-detail .iban{font-size:13px}.hero-location b{font-size:8px}}