@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@400;500;600&display=swap";.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}.navbar{z-index:1000!important;background:var(--glass-bg,#ffffffe6)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border-top:none!important;border-left:none!important;border-right:none!important;border-bottom:1px solid var(--border-color,#00000014)!important;box-sizing:border-box!important;border-radius:0!important;align-items:center!important;width:100%!important;height:64px!important;padding:0!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important}.nav-container-full{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:0 20px;display:flex}.nav-side{flex:1;align-items:center;display:flex}.nav-left{justify-content:flex-start;gap:12px}.nav-left-links{align-items:center;gap:12px;display:flex}.nav-menu-icon-btn{border:1px solid var(--border-color,#00000014);cursor:pointer;background:#00000008;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:4px;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.nav-custom-menu-icon{-o-object-fit:contain;object-fit:contain;width:100%;max-width:24px;height:100%;max-height:24px;transition:transform .25s;display:block}html.dark .nav-menu-icon-btn{background:#ffffff0f;border-color:#ffffff1f}.nav-menu-icon-btn:hover{border-color:var(--gold-primary,#d4af37);background:#d4af3726;transform:translateY(-1px);box-shadow:0 4px 12px #d4af3738}.nav-menu-icon-btn:hover .nav-custom-menu-icon{transform:scale(1.12)}html.dark .nav-menu-icon-btn:hover{border-color:var(--gold-primary,#d4af37);background:#d4af3733;box-shadow:0 4px 14px #d4af374d}.nav-right{justify-content:flex-end;gap:12px}.nav-right-links{align-items:center;gap:14px;display:flex}.brand-center{flex-shrink:0;justify-content:center;align-items:center;padding:0 16px;text-decoration:none;transition:transform .2s;display:flex}.brand-center:hover{transform:scale(1.03)}.nav-logo{-o-object-fit:contain;object-fit:contain;width:auto;height:40px;display:block}.navbar.navbar-plaza{height:64px!important}@media (width<=768px){.navbar.navbar-plaza{height:64px!important}}.nav-logo-plaza{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 1px 4px #0000000f);width:auto;height:44px;max-height:48px;transition:transform .25s,filter .25s}@media (width<=768px){.nav-logo-plaza{height:40px;max-height:44px}}html.dark .nav-logo-plaza{filter:drop-shadow(0 0 2px #fffffff2)drop-shadow(0 2px 14px #ffffff40)}.brand-center-plaza{justify-content:center;align-items:center;height:100%;padding:0 12px;display:flex}.brand-center-plaza:hover .nav-logo-plaza{transform:scale(1.04)}.nav-link-plaza-corridor{color:#e11d48!important;font-weight:800!important}.corridor-nav-flag-pill{background:#e11d481a;border:1px solid #e11d484d;border-radius:9999px;margin-right:2px;padding:1px 6px;font-size:.72rem}.nav-link{color:var(--text-primary,#0a192f);white-space:nowrap;border-radius:8px;padding:6px 8px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--gold-primary,#d4af37)}.nav-link.active,.nav-about-link.active{font-weight:800;position:relative;color:var(--gold-primary,#d4af37)!important}.nav-link.active:after,.nav-about-link.active:after{content:"";background:var(--gold-primary,#d4af37);border-radius:2px;height:2px;position:absolute;bottom:0;left:8px;right:8px}.corridor-nav-badge{background:#d4af371f;border:1px solid #d4af3766;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.82rem;transition:all .2s;display:inline-flex;color:#b38728!important;font-weight:700!important}.corridor-nav-badge:hover{background:#d4af3738;border-color:#d4af37;transform:translateY(-1px)}.nav-dropdown-item-wrapper{align-items:center;height:100%;display:inline-flex;position:relative}.nav-link-dropdown-trigger{cursor:pointer;align-items:center;gap:4px;display:inline-flex}.nav-dropdown-arrow{color:var(--gold-primary,#d4af37);opacity:.85;transition:transform .22s}.nav-dropdown-item-wrapper:hover .nav-dropdown-arrow{opacity:1;transform:rotate(180deg)}.nav-dropdown-item-wrapper:hover .nav-link{color:var(--gold-primary,#d4af37)}.nav-desktop-dropdown-panel{opacity:0;visibility:hidden;pointer-events:none;z-index:1050;background:#fff;border:1.5px solid #d4af3773;border-radius:18px;min-width:295px;max-width:330px;padding:10px;transition:all .22s cubic-bezier(.16,1,.3,1);position:absolute;top:100%;left:0;transform:translateY(8px);box-shadow:0 18px 45px #0a192f29,0 4px 14px #0000000f}.nav-desktop-dropdown-panel:before{content:"";height:12px;position:absolute;top:-12px;left:0;right:0}.nav-dropdown-item-wrapper:hover .nav-desktop-dropdown-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(4px)}.nav-right-links .nav-desktop-dropdown-panel{left:auto;right:0}html.dark .nav-desktop-dropdown-panel{background:#0a192f;border-color:#d4af3759;box-shadow:0 20px 50px #000000b3}.nav-dropdown-panel-header{border-bottom:1px solid var(--border-color,#0000000f);justify-content:space-between;align-items:center;margin-bottom:6px;padding:4px 8px 8px;display:flex}.dropdown-panel-tag{letter-spacing:.6px;text-transform:uppercase;color:var(--gold-primary,#d4af37);font-size:10px;font-weight:800}.dropdown-panel-count{color:#94a3b8;font-size:10px;font-weight:700}.nav-dropdown-items-list{flex-direction:column;gap:3px;display:flex}.nav-dropdown-sublink{border-radius:12px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;transition:all .18s;display:flex}.nav-dropdown-sublink:hover{background:#d4af371a;transform:translate(3px)}.dropdown-sublink-icon{color:#0a192f;background:#0a192f0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .18s;display:flex}html.dark .dropdown-sublink-icon{color:#fde68a;background:#ffffff14}.nav-dropdown-sublink:hover .dropdown-sublink-icon{color:#0a192f;background:#d4af37}.dropdown-sublink-text{flex-direction:column;gap:1px;display:flex;overflow:hidden}.dropdown-sublink-title{color:var(--text-primary,#0a192f);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;line-height:1.2;overflow:hidden}html.dark .dropdown-sublink-title{color:#fff}.nav-dropdown-sublink:hover .dropdown-sublink-title{color:var(--gold-primary,#d4af37)}.dropdown-sublink-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;line-height:1.2;overflow:hidden}html.dark .dropdown-sublink-desc{color:#94a3b8}button.nav-more-btn{cursor:pointer;color:var(--text-primary,#0a192f);white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:6px 10px;font-family:inherit;font-size:.88rem;font-weight:700;transition:all .2s}button.nav-more-btn:hover{color:var(--gold-primary,#d4af37)}.nav-desktop-dropdown-panel.nav-dropdown-more-panel{min-width:560px;max-width:600px;padding:12px 14px}.more-dropdown-columns-grid{grid-template-columns:1fr 1px 1fr;align-items:stretch;gap:12px;display:grid}.more-columns-divider{background:var(--border-color,#00000014);width:1px;height:100%}html.dark .more-columns-divider{background:#ffffff14}.more-column-block{flex-direction:column;gap:6px;display:flex}.more-column-header{border-bottom:1px dashed #d4af374d;align-items:center;gap:9px;margin-bottom:2px;padding:4px 6px 8px;display:flex}.more-header-badge-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.more-header-badge-icon.dev{color:#b38728;background:#d4af3724;border:1px solid #d4af3759}.more-header-badge-icon.val{color:#10b981;background:#10b9811f;border:1px solid #10b98147}.more-header-info{flex-direction:column;display:flex}.more-header-title-link{color:var(--text-primary,#0a192f);align-items:center;gap:4px;font-size:.86rem;font-weight:800;text-decoration:none;transition:all .18s;display:inline-flex}.more-header-title-link:hover{color:var(--gold-primary,#d4af37);transform:translate(2px)}.more-header-tag{color:var(--gold-primary,#d4af37);letter-spacing:.4px;text-transform:uppercase;font-size:.68rem;font-weight:700}.more-items-list{flex-direction:column;gap:2px;display:flex}.more-items-list .nav-dropdown-sublink{gap:8px;padding:6px 8px}.more-items-list .dropdown-sublink-icon{border-radius:6px;width:26px;height:26px}.more-items-list .dropdown-sublink-title{font-size:.78rem}.more-items-list .dropdown-sublink-desc{font-size:.68rem}.controls{border-radius:var(--radius-full,9999px);background:#0000000a;border:1px solid #0000000f;align-items:center;gap:8px;padding:4px 8px;display:flex}html.dark .controls{background:#ffffff0f;border-color:#ffffff14}.icon-btn{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px;font-weight:600;display:flex}.icon-btn:hover{color:var(--gold-primary,#d4af37)}.lang-text{font-size:12px}.currency-select{color:inherit;cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:12px;font-weight:600}.currency-select option{color:#000}.login-btn{color:var(--royal-blue,#0a192f);border-radius:var(--radius-full,9999px);white-space:nowrap;background:linear-gradient(135deg,#0a192f14 0%,#d4af371f 100%);border:1px solid #0a192f1f;align-items:center;gap:6px;padding:7px 16px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .25s;display:flex}html.dark .login-btn{color:#fff;background:#ffffff1a;border-color:#ffffff26}.login-btn:hover{background:var(--royal-blue,#0a192f);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0a192f33}html.dark .login-btn:hover{background:var(--gold-primary,#d4af37);color:#0a192f}.mobile-only{display:none}@media (width<=1240px){.desktop-only{display:none!important}.nav-container-full{padding:0 10px;position:relative}.nav-side{flex:1}.nav-left{justify-content:flex-start;align-items:center;display:flex}.mobile-theme-btn{display:none!important}.brand-center{flex:none;justify-content:center;align-items:center;margin:0 auto;padding:0 4px;display:flex}.nav-logo{-o-object-fit:contain;object-fit:contain;width:auto;max-width:155px;height:38px;max-height:42px}.nav-right{justify-content:flex-end;align-items:center;gap:4px;display:flex}.controls{transform-origin:100%;background:#0000000a;border:1px solid #00000014;border-radius:9999px;align-items:center;gap:2px;padding:2px 6px;display:flex;transform:scale(.86)}html.dark .controls{background:#ffffff12;border-color:#ffffff1f}.lang-btn-trigger{background:0 0!important;border:none!important;gap:4px!important;padding:3px 5px!important;font-size:.68rem!important}.lang-btn-trigger .flag-icon-nav{width:17px!important;height:11px!important}.currency-selector-wrapper{width:auto;height:auto;padding:0 3px}.currency-badge-symbol{color:#64748b;font-size:9px;font-weight:800}}.mobile-nav-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000a6;justify-content:flex-start;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.mobile-nav-drawer{background:var(--surface-color,#fff);-webkit-overflow-scrolling:touch;box-sizing:border-box;border-right:1.5px solid #d4af3759;flex-direction:column;width:30vw;min-width:340px;max-width:420px;height:100%;animation:.28s cubic-bezier(.16,1,.3,1) slideRight;display:flex;overflow-y:auto;box-shadow:14px 0 50px #00000059}html.dark .mobile-nav-drawer{background:#0d1626;border-right:1.5px solid #d4af374d}@media (width<=600px){.mobile-nav-drawer{width:85%;min-width:290px;max-width:360px}}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-nav-header{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.mobile-close-btn{color:inherit;cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.mobile-nav-links{flex-direction:column;gap:.5rem;padding:1.25rem 1rem;display:flex}.mobile-login-highlight{background:linear-gradient(135deg,#0a192f 0%,#1e3a8a 100%);border-radius:14px;align-items:center;gap:10px;margin-bottom:.5rem;padding:.85rem 1.1rem;font-size:.95rem;font-weight:700;text-decoration:none;display:flex;box-shadow:0 4px 14px #0a192f33;color:#fff!important}html.dark .mobile-login-highlight{background:linear-gradient(135deg,#d4af37 0%,#b38728 100%);color:#0a192f!important}.mobile-nav-item{color:var(--text-primary,#0a192f);border-radius:12px;align-items:center;gap:12px;padding:.8rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.mobile-nav-item:hover,.mobile-nav-item:active{color:var(--gold-primary);background:#d4af371a}.mobile-nav-divider{border:none;border-top:1px solid var(--border-color,#e5e7eb);margin:.5rem 0}.drawer-grid-view{flex-direction:column;gap:12px;display:flex}.drawer-section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--gold-primary,#d4af37);padding:0 4px;font-size:11px;font-weight:800}.drawer-services-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.service-grid-tile{text-align:center;border:1px solid var(--border-color,#00000012);cursor:pointer;box-sizing:border-box;background:#00000005;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:14px 8px 12px;font-family:inherit;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}html.dark .service-grid-tile{background:#ffffff08;border-color:#ffffff14}.service-grid-tile:hover,.service-grid-tile:active{border-color:var(--gold-primary,#d4af37);background:#d4af370f;transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}html.dark .service-grid-tile:hover{background:#d4af371a;box-shadow:0 8px 20px #0006}.service-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:8px;transition:transform .25s;display:flex}.service-grid-tile:hover .service-icon-circle{transform:scale(1.1)}.service-tile-title{color:var(--text-primary,#0a192f);font-size:13px;font-weight:700;line-height:1.2}html.dark .service-tile-title{color:#fff}.service-tile-badge{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:3px;font-size:10px;font-weight:600;overflow:hidden}html.dark .service-tile-badge{color:#94a3b8}.drawer-subcategories-view{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;max-width:100%;animation:.2s ease-out fadeIn;display:flex;overflow-x:hidden}.drawer-back-btn{color:var(--gold-primary,#d4af37);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;width:fit-content;padding:4px 2px;font-size:12px;font-weight:700;transition:transform .2s;display:inline-flex}.drawer-back-btn:hover{transform:translate(-3px)}.drawer-subcat-header{border:1px solid var(--border-color,#0000000f);box-sizing:border-box;background:#00000008;border-radius:16px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}html.dark .drawer-subcat-header{background:#ffffff0a;border-color:#ffffff14}.service-icon-circle-sm{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.drawer-subcat-title{color:var(--text-primary,#0a192f);margin:0;font-size:15px;font-weight:800}html.dark .drawer-subcat-title{color:#fff}.drawer-subcat-desc{color:#64748b;margin:2px 0 0;font-size:11px}html.dark .drawer-subcat-desc{color:#94a3b8}.drawer-subcat-list{box-sizing:border-box;flex-direction:column;gap:6px;width:100%;margin-top:4px;display:flex;overflow-x:hidden}.drawer-subcat-item{border:1px solid var(--border-color,#0000000f);color:var(--text-primary,#0a192f);box-sizing:border-box;background:#00000005;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}.drawer-subcat-item-text{text-overflow:ellipsis;white-space:nowrap;flex:1;padding-right:8px;overflow:hidden}html.dark .drawer-subcat-item{color:#fff;background:#ffffff08;border-color:#ffffff14}.drawer-subcat-item:hover,.drawer-subcat-item:active{border-color:var(--gold-primary,#d4af37);color:var(--gold-primary,#d4af37);background:#d4af371a;transform:translate(2px)}.drawer-subcat-arrow{color:#94a3b8;flex-shrink:0;transition:transform .2s}.drawer-subcat-item:hover .drawer-subcat-arrow{color:var(--gold-primary,#d4af37);transform:translate(3px)}.mobile-theme-btn{display:none}.currency-selector-wrapper{color:#1e293b;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex;position:relative}.currency-badge-symbol{color:var(--text-primary,#0a192f);letter-spacing:-.2px;justify-content:center;align-items:center;font-size:11.5px;font-weight:800;line-height:1;display:inline-flex}html.dark .currency-badge-symbol{color:#fff}.currency-selector-wrapper:hover{background:#0f172a0f}html.dark .currency-selector-wrapper:hover{background:#ffffff1a}.currency-select-hidden{opacity:0;cursor:pointer;appearance:none;width:100%;height:100%;position:absolute;top:0;left:0}.flag-icon-nav{transition:transform .2s;display:block}.lang-toggle:hover .flag-icon-nav{transform:scale(1.1)}.lang-selector-wrapper{align-items:center;display:inline-flex;position:relative}.lang-btn-trigger{color:#1e293b;cursor:pointer;background:#0000000a;border:1px solid #00000014;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font-size:.76rem;font-weight:800;transition:all .2s;display:inline-flex}html.dark .lang-btn-trigger{color:#e2e8f0;background:#ffffff0f;border:1px solid #ffffff1f}.lang-btn-trigger:hover{background:#d4af3726;border-color:#d4af3766}.lang-dropdown-menu{z-index:1050;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:4px;min-width:145px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #0000001f}html.dark .lang-dropdown-menu{background:#0f172a;border:1px solid #ffffff1f;box-shadow:0 10px 30px #0006}.lang-option-btn{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}html.dark .lang-option-btn{color:#cbd5e1}.lang-option-btn:hover{color:#b45309;background:#d4af371f}html.dark .lang-option-btn:hover{color:#fbbf24;background:#ffffff14}.lang-option-btn.active{color:#b45309;background:#d4af372e;font-weight:700}html.dark .lang-option-btn.active{color:#fcd34d;background:#d4af3740}.mobile-lang-selector-bar{background:#00000008;border:1px solid #0000000f;border-radius:12px;align-items:center;gap:8px;margin:8px 16px 14px;padding:10px 16px;display:flex}html.dark .mobile-lang-selector-bar{background:#ffffff0a;border-color:#ffffff14}.mobile-lang-pill{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 0;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}html.dark .mobile-lang-pill{color:#94a3b8}.mobile-lang-pill.active{color:#0f172a;background:#fff;border-color:#d4af3766;box-shadow:0 2px 8px #0000000f}html.dark .mobile-lang-pill.active{color:#f8fafc;background:#ffffff1f;border-color:#d4af3766}.bottom-nav{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;padding-bottom:env(safe-area-inset-bottom,0px);background:#ffffffb3;border-top:1px solid #0000000d;transition:all .3s;display:block;position:fixed;bottom:0;left:0;box-shadow:0 -4px 12px #00000008}:root[data-theme=dark] .bottom-nav{background:#0f0f0fb3;border-top:1px solid #ffffff0d;box-shadow:0 -4px 12px #0003}@media (width>=1024px){.bottom-nav{display:none}}.bottom-nav-container{justify-content:space-around;align-items:center;height:65px;padding:0 10px;display:flex;position:relative}.bottom-nav-item{color:#64748b;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;font-size:.65rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}:root[data-theme=dark] .bottom-nav-item{color:#94a3b8}.bottom-nav-item:hover{color:#1e293b}:root[data-theme=dark] .bottom-nav-item:hover{color:#f8fafc}.bottom-nav-item.active{color:#0f172a}:root[data-theme=dark] .bottom-nav-item.active{color:#fff}.bottom-nav-item-center{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.bottom-nav-center-btn{color:#fff;cursor:pointer;z-index:10;background:linear-gradient(135deg,#0a192f 0%,#152238 100%);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;top:-30px;box-shadow:0 14px 28px #0a192f66,0 4px 12px #00000026}:root[data-theme=dark] .bottom-nav-center-btn{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-color:#0f172a;box-shadow:0 12px 26px #0000008c}.bottom-nav-center-btn:active{transform:scale(.95);box-shadow:0 4px 8px #0f172a4d}.bottom-nav-center-btn svg{stroke-width:2.5px}.site-footer{color:#e5e7eb;font-family:var(--font-body,"Inter", sans-serif);background:#060d19;border-top:1px solid #d4af3740;padding-top:24px;padding-bottom:80px;position:relative;overflow:hidden}@media (width>=1024px){.site-footer{padding-top:36px;padding-bottom:24px}}html.dark .site-footer{background:#040810;border-top-color:#ffffff14}.footer-newsletter-banner{background:linear-gradient(135deg,#112240d9 0%,#0a192ffa 100%);border:1px solid #d4af374d;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding:20px 24px;display:flex;box-shadow:0 10px 30px #00000059}.newsletter-content{flex:1;min-width:260px}.newsletter-badge{color:#eab308;letter-spacing:.5px;background:#d4af3726;border:1px solid #d4af3759;border-radius:12px;align-items:center;gap:5px;margin-bottom:6px;padding:2px 10px;font-size:.68rem;font-weight:800;display:inline-flex}.newsletter-title{color:#fff;font-size:clamp(1.05rem,1.6vw,1.35rem);font-weight:800;font-family:var(--font-heading,"Outfit", sans-serif);margin-bottom:4px;line-height:1.3}.newsletter-desc{color:#9ca3af;max-width:520px;margin:0;font-size:.8rem;line-height:1.4}.newsletter-form-box{flex:1;min-width:260px;max-width:420px}.footer-newsletter-form{border-radius:var(--radius-full,9999px);background:#ffffff14;border:1px solid #ffffff26;align-items:center;gap:8px;padding:4px 4px 4px 14px;transition:all .25s;display:flex}.footer-newsletter-form:focus-within{background:#ffffff1f;border-color:#eab308;box-shadow:0 0 12px #d4af3740}.newsletter-input-wrapper{flex:1;align-items:center;gap:8px;display:flex}.newsletter-input-icon{color:#9ca3af;flex-shrink:0}.newsletter-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:.82rem}.newsletter-input::placeholder{color:#6b7280}.newsletter-submit-btn{color:#0a192f;border-radius:var(--radius-full,9999px);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#d4af37 0%,#b38728 100%);border:none;align-items:center;gap:6px;padding:7px 16px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.newsletter-submit-btn:hover{color:#0a192f;background:#fff;transform:translateY(-1px);box-shadow:0 3px 10px #d4af3766}.subscribed-success{color:#34d399;background:#10b98126;border:1px solid #10b98159;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:.82rem;font-weight:600;display:flex}.footer-main-content{padding-bottom:24px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:28px;display:grid}.footer-col-brand{flex-direction:column;display:flex}.footer-brand-logo{margin-bottom:10px;transition:transform .2s;display:inline-block}.footer-brand-logo:hover{transform:scale(1.02)}.footer-logo-img{-o-object-fit:contain;object-fit:contain;width:auto;height:36px;display:block}.footer-brand-tagline{color:#9ca3af;max-width:300px;margin-bottom:14px;font-size:.8rem;line-height:1.5}.footer-trust-pills{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.trust-pill{color:#10b981;background:#10b9811a;border:1px solid #10b98140;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.trust-pill.corridor-pill{color:#60a5fa;background:#3b82f61a;border-color:#3b82f640}.footer-social-links{align-items:center;gap:8px;margin-top:auto;display:flex}.social-icon-btn{color:#d1d5db;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.social-icon-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000004d}.social-icon-btn.linkedin-btn:hover{color:#fff;background:#0077b5;border-color:#0077b5}.social-icon-btn.whatsapp-btn:hover{color:#fff;background:#25d366;border-color:#25d366}.social-icon-btn.instagram-btn:hover{color:#fff;background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);border-color:#0000}.social-icon-btn.facebook-btn:hover{color:#fff;background:#1877f2;border-color:#1877f2}.social-icon-btn.youtube-btn:hover{color:#fff;background:red;border-color:red}.footer-col-title{color:#fff;font-size:.9rem;font-weight:800;font-family:var(--font-heading,"Outfit", sans-serif);margin-bottom:12px;padding-bottom:6px;position:relative}.footer-col-title:after{content:"";background:#d4af37;border-radius:2px;width:24px;height:2px;position:absolute;bottom:0;left:0}.footer-links-list{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.footer-links-list li a{color:#9ca3af;font-size:.78rem;text-decoration:none;transition:all .2s;display:inline-block}.footer-links-list li a:hover{color:#d4af37;transform:translate(3px)}.footer-office-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;margin-bottom:8px;padding:8px 10px}.office-header{color:#eab308;align-items:center;gap:5px;margin-bottom:2px;font-size:.76rem;display:flex}.office-icon{color:#eab308;flex-shrink:0}.footer-office-card p{color:#9ca3af;margin:0 0 2px;font-size:.72rem;line-height:1.3}.office-phone{align-items:center;gap:4px;font-weight:600;display:flex;color:#d1d5db!important;font-size:.7rem!important}.footer-direct-contact{margin-top:8px}.contact-pill-link{color:#eab308;background:#d4af371f;border:1px solid #d4af374d;border-radius:16px;align-items:center;gap:6px;padding:5px 12px;font-size:.74rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.contact-pill-link:hover{background:#d4af3740;border-color:#d4af37;transform:translateY(-1px)}.footer-bottom-bar{background:#0000004d;border-top:1px solid #ffffff0f;padding:12px 0}.footer-bottom-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.footer-copyright p{color:#9ca3af;margin:0;font-size:.74rem}.footer-disclaimer{color:#6b7280!important;margin-top:2px!important;font-size:.68rem!important}.footer-legal-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.footer-legal-links a{color:#9ca3af;font-size:.72rem;text-decoration:none;transition:color .2s}.footer-legal-links a:hover{color:#d4af37}.legal-dot{color:#4b5563;font-size:.65rem}@media (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-newsletter-banner{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.newsletter-form-box{width:100%;max-width:100%}}@media (width<=640px){.site-footer{padding-top:16px}.footer-grid{grid-template-columns:1fr 1fr;gap:16px}.footer-col-brand,.footer-col-contact{grid-column:span 2}.footer-newsletter-banner{border-radius:16px;margin-bottom:18px;padding:14px 16px}.footer-newsletter-form{border-radius:14px;padding:4px}.newsletter-submit-btn{padding:6px 12px}.footer-bottom-container{text-align:center;flex-direction:column;gap:6px}.footer-legal-links{justify-content:center;gap:6px}}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes scaleInModal{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:.25s ease-out forwards scaleInModal}.corridor-modal-container::-webkit-scrollbar{width:6px}div[class*=overflow-y-auto]::-webkit-scrollbar{width:6px}.corridor-modal-container::-webkit-scrollbar-track{background:0 0}div[class*=overflow-y-auto]::-webkit-scrollbar-track{background:0 0}.corridor-modal-container::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:9999px}div[class*=overflow-y-auto]::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:9999px}.corridor-modal-container::-webkit-scrollbar-thumb:hover{background:#94a3b899}div[class*=overflow-y-auto]::-webkit-scrollbar-thumb:hover{background:#94a3b899}.orven-home{color:#0f172a;-webkit-font-smoothing:antialiased;background-color:#fafaf9;width:100%;font-family:inherit;transition:background-color .3s,color .3s;position:relative;overflow-x:hidden}.orven-wrap{box-sizing:border-box;width:100%;max-width:1440px;margin-inline:auto;padding-inline:clamp(20px,4vw,64px)}.orven-kicker{text-transform:uppercase;letter-spacing:.18em;color:#b8860b;align-items:center;gap:8px;margin:0 0 12px;font-size:clamp(.72rem,1vw,.85rem);font-weight:800;display:inline-flex}.orven-kicker-line{background-color:#b8860b;width:24px;height:2px;display:inline-block}.arrival.kinetic-hero{background:#f1f5f9;flex-direction:column;justify-content:center;min-height:92vh;padding-top:80px;padding-bottom:60px;display:flex;position:relative;overflow:hidden}.arrival-image{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ambient-video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:.98;filter:saturate(1.15)brightness(1.02);width:100%;height:100%;transition:opacity .8s}.hero-gradient-overlay{background:var(--hero-overlay-bg,linear-gradient(90deg, #ffffffb8 0%, #ffffff61 40%, #ffffff0d 70%, transparent 100%), linear-gradient(180deg, #ffffff38 0%, transparent 35%, #fafaf966 85%, #fafaf9 100%));z-index:2;pointer-events:none;transition:background .4s;position:absolute;inset:0}.arrival-copy{z-index:5;max-width:var(--hero-max-width,920px);text-align:var(--hero-text-align,left);margin-left:var(--hero-margin-left,0);margin-right:var(--hero-margin-right,auto);padding-block:40px;transition:all .3s;position:relative}.arrival-copy .orven-kicker{justify-content:var(--hero-kicker-align,flex-start);color:var(--hero-kicker-color,#b8860b);font-size:var(--hero-kicker-size,clamp(.72rem, 1vw, .85rem))}.arrival-copy .orven-kicker-line{background-color:var(--hero-kicker-color,#b8860b)}.arrival-copy .hero-title{font-size:var(--hero-title-size,clamp(2.4rem, 5.5vw, 4.8rem));font-weight:var(--hero-title-weight,800);line-height:var(--hero-title-line-height,1.08);letter-spacing:-.035em;color:var(--hero-title-color,#0a1629);text-transform:var(--hero-title-transform,uppercase);text-shadow:var(--hero-title-shadow,none);margin:0 0 20px;transition:color .3s,font-size .2s}.arrival-copy .hero-subtitle{font-size:var(--hero-subtitle-size,clamp(1rem, 1.35vw, 1.25rem));line-height:var(--hero-subtitle-line-height,1.6);color:var(--hero-subtitle-color,#334155);max-width:var(--hero-subtitle-max-width,640px);margin-top:0;margin-bottom:36px;margin-left:var(--hero-sub-margin-left,0);margin-right:var(--hero-sub-margin-right,auto);font-weight:var(--hero-subtitle-weight,500);text-shadow:var(--hero-subtitle-shadow,none);transition:color .3s,font-size .2s}.arrival-actions{align-items:center;justify-content:var(--hero-buttons-align,flex-start);flex-wrap:wrap;gap:16px;margin-top:10px;display:flex}.arrival-actions .hero-btn{letter-spacing:-.01em;cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;gap:12px;padding:16px 28px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 8px 24px #00000014}.hero-btn.btn-invest{color:#0a1629;background:linear-gradient(135deg,#d4af37 0%,#b8860b 100%);border:1px solid #f1d77a;font-weight:800;box-shadow:0 10px 28px #b8860b47}.hero-btn.btn-invest:hover{background:linear-gradient(135deg,#e5c568 0%,#d4af37 100%);transform:translateY(-3px);box-shadow:0 14px 34px #b8860b61}.hero-btn.btn-home{color:#0a1629;background:#fff;border:1.5px solid #cbd5e1;box-shadow:0 8px 24px #0000000f}.hero-btn.btn-home:hover{color:#000;background:#fff;border-color:#0a1629;transform:translateY(-3px);box-shadow:0 12px 28px #0000001f}.hero-btn.btn-post{color:#fff;background:#0a1629;border:1px solid #0a1629;box-shadow:0 8px 24px #0a162933}.hero-btn.btn-post:hover{color:#fff;background:#1e293b;border-color:#1e293b;transform:translateY(-3px);box-shadow:0 14px 30px #0a16294d}.hero-btn .btn-icon{transition:transform .25s}.hero-btn:hover .btn-icon{transform:translate(3px)}.hero-navigation{z-index:5;border-top:1px solid #00000014;justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding-top:30px;display:flex;position:relative}.hero-badge-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#0f172a;background:#fffffff0;border:1px solid #00000014;border-radius:9999px;align-items:center;gap:10px;padding:7px 16px;font-size:.825rem;font-weight:600;display:inline-flex;box-shadow:0 4px 16px #0000000d}.live-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseDot;box-shadow:0 0 10px #10b981}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.hero-dots{align-items:center;gap:8px;display:flex}.hero-dots span{background:#00000026;border-radius:3px;width:24px;height:3px;transition:all .3s}.hero-dots span.active{background:#b8860b;width:48px}.contact-bar{z-index:70;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-radius:40px;align-items:center;transition:transform .3s,box-shadow .3s;display:flex;position:fixed;inset:auto 24px 24px auto;overflow:hidden;box-shadow:0 12px 35px #0000001f,0 0 0 1px #0000000f}.contact-bar:hover{box-shadow:0 16px 45px #0000002e,0 0 0 1px #b8860b4d}.contact-bar>a{white-space:nowrap;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:13px 20px;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .25s;display:flex}.contact-bar .contact-wa{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.contact-bar .contact-wa:hover{color:#fff;background:linear-gradient(135deg,#34d399 0%,#10b981 100%)}.contact-bar .contact-call,.contact-bar .contact-email{color:#0f172a;background:#fff}.contact-bar>a+a{border-inline-start:1px solid #f1f5f9}.contact-bar .contact-call:hover,.contact-bar .contact-email:hover{color:#b8860b;background:#f8fafc}.partner-section{background:#fff;border-bottom:1px solid #e2e8f0;padding-block:42px 36px;overflow:hidden}.partner-heading{text-align:center;margin-bottom:16px}.partner-window{width:100%;display:flex;position:relative;overflow:hidden}.partner-track{white-space:nowrap;text-transform:uppercase;letter-spacing:.14em;color:#64748b;align-items:center;gap:40px;font-size:.95rem;font-weight:700;animation:35s linear infinite marqueeTrack;display:flex}.partner-track span.partner-logo-item{color:#475569;cursor:default;transition:color .2s}.partner-track span.partner-logo-item:hover{color:#b8860b}.partner-track span.separator{color:#d4af37;font-size:.8rem}@keyframes marqueeTrack{0%{transform:translate(0)}to{transform:translate(-50%)}}.branded-section{padding-block:85px 65px}.section-heading{flex-direction:column;gap:8px;margin-bottom:45px;display:flex}@media (width>=860px){.section-heading{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:40px}}.section-heading h2{letter-spacing:-.03em;color:#0f172a;margin:0;font-size:clamp(1.8rem,3.2vw,2.75rem);font-weight:800;line-height:1.15}.section-heading p{color:#64748b;max-width:460px;margin:0;font-size:1rem;line-height:1.5}.branded-rail{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=640px){.branded-rail{grid-template-columns:repeat(2,1fr)}}@media (width>=1080px){.branded-rail{grid-template-columns:repeat(4,1fr)}}.branded-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;text-decoration:none;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #0000000a}.branded-card:hover{border-color:#d4af37;transform:translateY(-6px);box-shadow:0 20px 45px #00000017,0 0 20px #d4af371f}.branded-visual{aspect-ratio:4/3;background:#f1f5f9;width:100%;position:relative;overflow:hidden}.branded-visual img,.branded-visual video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.branded-card:hover .branded-visual img,.branded-card:hover .branded-visual video{transform:scale(1.06)}.card-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#0f172a;letter-spacing:.04em;z-index:2;background:#fffffff2;border:1px solid #00000014;border-radius:9999px;padding:5px 12px;font-size:.75rem;font-weight:700;position:absolute;top:16px;left:16px;box-shadow:0 2px 8px #0000000f}.branded-copy{flex-direction:column;flex:1;padding:22px;display:flex}.brand-name{text-transform:uppercase;letter-spacing:.12em;color:#b8860b;margin-bottom:6px;font-size:.72rem;font-weight:800}.branded-copy h3{color:#0f172a;margin:0 0 6px;font-size:1.15rem;font-weight:800;line-height:1.3}.branded-copy .project-loc{color:#64748b;margin:0 0 14px;font-size:.875rem}.branded-meta-strip{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.branded-price{color:#0f172a;font-size:.95rem;font-weight:800}.branded-price span{color:#64748b;margin-right:4px;font-size:.75rem;font-weight:500}.branded-arrow{color:#b8860b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .25s;display:flex}.branded-card:hover .branded-arrow{color:#fff;background:#b8860b;transform:translate(2px,-2px)}.detail-link{color:#b8860b;align-items:center;gap:8px;font-size:.925rem;font-weight:700;text-decoration:none;transition:gap .2s;display:inline-flex}.detail-link:hover{color:#8a6414;gap:12px}.section-cta-link{justify-content:flex-end;margin-top:36px;display:flex}.popular-listings-section{padding-block:85px 65px}.popular-category-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:10px;margin-bottom:36px;padding-bottom:8px;display:flex;overflow-x:auto}.popular-category-tabs::-webkit-scrollbar{display:none}.popular-category-tab{white-space:nowrap;color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9999px;align-items:center;gap:8px;padding:12px 22px;font-size:.88rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #00000008}.popular-category-tab:hover{color:#8a6414;border-color:#b8860b;transform:translateY(-2px);box-shadow:0 6px 16px #b8860b1f}.popular-category-tab.active{color:#fff;background:#0a1629;border-color:#0a1629;font-weight:800;transform:translateY(-2px);box-shadow:0 8px 20px #0a162933}.popular-category-tab .category-count{min-width:20px;height:20px;color:inherit;background:#0000000f;border-radius:9999px;justify-content:center;align-items:center;padding:0 6px;font-size:.72rem;font-weight:800;transition:background .2s;display:inline-flex}.popular-category-tab.active .category-count{color:#f1d77a;background:#d4af374d}.popular-listings-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (width>=640px){.popular-listings-grid{grid-template-columns:repeat(2,1fr);gap:22px}}@media (width>=1080px){.popular-listings-grid{grid-template-columns:repeat(3,1fr);gap:26px}}.popular-listing-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:22px;flex-direction:column;text-decoration:none;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #0000000a}.popular-listing-card:hover{border-color:#d4af37;transform:translateY(-6px);box-shadow:0 20px 45px #00000014,0 0 20px #d4af371f}.popular-listing-visual{aspect-ratio:16/10;background:#f1f5f9;width:100%;position:relative;overflow:hidden}.popular-listing-visual img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.popular-listing-card:hover .popular-listing-visual img{transform:scale(1.06)}.popular-listing-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#0f172a;letter-spacing:.03em;z-index:2;background:#fffffff2;border:1px solid #00000014;border-radius:9999px;padding:5px 12px;font-size:.75rem;font-weight:700;position:absolute;top:16px;left:16px;box-shadow:0 2px 8px #0000000f}.popular-listing-copy{flex-direction:column;flex:1;padding:22px;display:flex}.popular-listing-location{text-transform:uppercase;letter-spacing:.12em;color:#b8860b;margin-bottom:6px;font-size:.72rem;font-weight:800}.popular-listing-title{color:#0f172a;margin:0 0 12px;font-size:1.15rem;font-weight:800;line-height:1.3}.popular-listing-specs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.popular-listing-specs .spec-pill{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.popular-listing-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.popular-listing-price{color:#0a1629;font-size:1.05rem;font-weight:800}.popular-listing-price .price-suffix{color:#64748b;font-size:.78rem;font-weight:500}.popular-listing-arrow{color:#b8860b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;transition:all .25s;display:flex}.popular-listing-card:hover .popular-listing-arrow{color:#fff;background:#b8860b;border-color:#b8860b;transform:translate(2px,-2px)}.cinema-section{background:#f8f7f4;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding-block:80px 70px}.cinema-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.cinema-grid{grid-template-columns:repeat(3,1fr)}}.film-feature{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #0000000a}.film-feature:hover{border-color:#d4af37;transform:translateY(-5px);box-shadow:0 16px 36px #00000014}.film-screen{aspect-ratio:16/10;background:#000;width:100%;display:block;position:relative;overflow:hidden}.film-screen video,.film-screen img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .5s}.film-feature:hover .film-screen video,.film-feature:hover .film-screen img{transform:scale(1.05)}.film-play-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#b8860b;pointer-events:none;background:#ffffffe6;border:1px solid #b8860b80;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .25s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #00000026}.film-feature:hover .film-play-badge{color:#fff;background:#b8860b;transform:translate(-50%,-50%)scale(1.1)}.film-caption{flex-direction:column;gap:6px;padding:20px;display:flex}.film-caption h3{color:#0f172a;margin:0;font-size:1.1rem;font-weight:800}.film-caption a{color:#b8860b;align-items:center;gap:6px;margin-top:8px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.film-caption a:hover{color:#8a6414}.neighborhood-section{background:#fafaf9;padding-block:85px 75px}.atlas-container{background:#fff;border:1.5px solid #e2e8f0;border-radius:28px;grid-template-columns:1fr;gap:0;margin-top:36px;display:grid;overflow:hidden;box-shadow:0 16px 45px #0000000d,0 2px 8px #00000005}@media (width>=1024px){.atlas-container{grid-template-columns:1.65fr 1fr;min-height:600px}}.atlas-map-wrapper{background:#f1f5f9;width:100%;height:480px;position:relative;overflow:hidden}@media (width>=1024px){.atlas-map-wrapper{height:100%;min-height:600px}}.atlas-map-wrapper .leaflet-container{z-index:1;background:#e2e8f0;width:100%;height:100%;font-family:inherit}.atlas-top-badge{z-index:500;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#0a1629;letter-spacing:.18em;text-transform:uppercase;background:#fffffff2;border:1px solid #00000014;border-top-color:#0000000f;border-left:3px solid #b8860b;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-size:.78rem;font-weight:800;display:inline-flex;position:absolute;top:20px;left:20px;box-shadow:0 4px 16px #00000014}.atlas-bottom-pills{z-index:500;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#ffffffbf;border:1px solid #ffffffe6;border-radius:9999px;align-items:center;gap:8px;padding:6px;display:flex;position:absolute;bottom:18px;left:18px;right:18px;overflow-x:auto;box-shadow:0 8px 24px #00000014}.atlas-bottom-pills::-webkit-scrollbar{display:none}.atlas-pill-btn{white-space:nowrap;color:#334155;cursor:pointer;background:#fffffff2;border:1.5px solid #cbd5e1;border-radius:9999px;align-items:center;gap:6px;padding:8px 16px;font-size:.825rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 6px #0000000a}.atlas-pill-btn:hover{color:#8a6414;background:#fff;border-color:#b8860b;transform:translateY(-2px);box-shadow:0 6px 14px #b8860b1f}.atlas-pill-btn.active{color:#fff;background:#0a1629;border-color:#0a1629;font-weight:800;transform:translateY(-2px);box-shadow:0 6px 18px #0a162940}.atlas-marker-container{background:0 0!important;border:none!important}.atlas-pin-capsule{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#0f172a;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:#fffffff5;border:1.5px solid #94a3b8;border-radius:9999px;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 6px 16px #0000001f}.atlas-pin-capsule .atlas-pin-dot{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #10b981}.atlas-pin-capsule.active-pin{color:#0a1629;background:linear-gradient(135deg,#d4af37 0%,#b8860b 100%);border-color:#fff;font-weight:800;transform:scale(1.15);box-shadow:0 8px 24px #b8860b73}.atlas-pin-capsule.active-pin .atlas-pin-dot{box-shadow:none;background:#0a1629}.atlas-info-panel{background:#fff;border-left:1.5px solid #e2e8f0;flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,42px);display:flex}.atlas-panel-header{margin-bottom:24px}.atlas-panel-kicker{letter-spacing:.18em;text-transform:uppercase;color:#b8860b;margin:0 0 8px;font-size:.725rem;font-weight:800}.atlas-panel-title{letter-spacing:-.025em;color:#0a1629;margin:0 0 6px;font-size:clamp(1.8rem,2.6vw,2.4rem);font-weight:800;line-height:1.15}.atlas-panel-count{color:#64748b;margin:0 0 10px;font-size:.875rem;font-weight:600}.atlas-panel-desc{color:#475569;margin:0 0 22px;font-size:.88rem;line-height:1.6}.atlas-projects-list{flex-direction:column;gap:14px;margin-bottom:28px;display:flex}.atlas-project-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:4px;padding:16px 18px;text-decoration:none;transition:all .25s;display:flex;box-shadow:0 2px 8px #00000005}.atlas-project-card:hover{background:#fff;border-color:#b8860b;transform:translate(4px);box-shadow:0 8px 24px #0000000f}.atlas-project-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.atlas-project-name{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700}.atlas-project-badge{color:#8a6414;background:#b8860b1a;border:1px solid #b8860b4d;border-radius:9999px;padding:3px 8px;font-size:.7rem;font-weight:700}.atlas-project-spec{color:#64748b;margin:0;font-size:.8rem}.atlas-project-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;display:flex}.atlas-project-price{color:#0a1629;font-size:.95rem;font-weight:800}.atlas-project-explore{color:#b8860b;align-items:center;gap:4px;font-size:.825rem;font-weight:700;transition:gap .2s;display:inline-flex}.atlas-project-card:hover .atlas-project-explore{color:#8a6414;gap:8px}.atlas-view-all-btn{color:#fff;background:#0a1629;border:1px solid #0a1629;border-radius:12px;justify-content:space-between;align-items:center;margin-top:auto;padding:14px 20px;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #0a162926}.atlas-view-all-btn:hover{color:#fff;background:#1e293b;border-color:#1e293b;transform:translateY(-2px);box-shadow:0 8px 24px #0a162940}.footer-contact-block{background:#fff;border-top:1px solid #e2e8f0;padding-block:80px 100px}.contact-options-grid{grid-template-columns:1fr;gap:16px;margin-top:36px;display:grid}@media (width>=640px){.contact-options-grid{grid-template-columns:repeat(3,1fr)}}.contact-tile{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:22px 24px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 14px #00000008}.contact-tile:hover{background:#fff;border-color:#b8860b;transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.contact-tile-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.contact-tile.wa-tile .contact-tile-icon{color:#059669;background:#10b9811f}.contact-tile.phone-tile .contact-tile-icon{color:#2563eb;background:#3b82f61f}.contact-tile.email-tile .contact-tile-icon{color:#b8860b;background:#b8860b1f}.contact-tile-info{flex-direction:column;flex:1;gap:2px;display:flex}.contact-tile-label{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:.75rem;font-weight:700}.contact-tile-value{color:#0f172a;font-size:.95rem;font-weight:800}@media (width<=768px){.arrival.kinetic-hero{min-height:85vh;padding-top:100px}.arrival-copy .hero-title{font-size:2.3rem}.arrival-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:14px;display:grid}.arrival-actions .hero-btn{box-sizing:border-box;white-space:nowrap;justify-content:center;gap:6px;width:100%;padding:12px 10px;font-size:.8rem}.arrival-actions .hero-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.arrival-actions .hero-btn .btn-icon{flex-shrink:0;width:14px;height:14px}.arrival-actions .hero-btn.btn-post{grid-column:1/-1;padding:13px 20px;font-size:.88rem}.contact-bar,.orven-home .contact-bar,.dark .orven-home .contact-bar{top:auto!important;bottom:calc(75px + env(safe-area-inset-bottom,0px))!important;z-index:995!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#fffffff0!important;border-radius:9999px!important;width:auto!important;max-width:calc(100% - 24px)!important;position:fixed!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;box-shadow:0 10px 28px #0000002e,0 0 0 1px #00000014!important}.contact-bar:hover,.orven-home .contact-bar:hover,.dark .orven-home .contact-bar:hover{transform:translate(-50%)translateY(-2px)!important}.contact-bar>a{flex:initial;gap:6px;min-height:36px;padding:7px 13px;font-size:.74rem;font-weight:700}.contact-bar>a svg{flex-shrink:0;width:13px;height:13px}}@media (width<=400px){.contact-bar>a{gap:4px;min-height:33px;padding:6px 9px;font-size:.69rem}.contact-bar>a svg{width:12px;height:12px}}.orven-home,.dark .orven-home{color:#0f172a!important;background-color:#fafaf9!important}.orven-home .arrival.kinetic-hero,.dark .orven-home .arrival.kinetic-hero{background:#f1f5f9!important}.orven-home .hero-gradient-overlay,.dark .orven-home .hero-gradient-overlay{background:var(--hero-overlay-bg,linear-gradient(90deg, #ffffffb8 0%, #ffffff61 40%, #ffffff0d 70%, transparent 100%), linear-gradient(180deg, #ffffff38 0%, transparent 35%, #fafaf966 85%, #fafaf9 100%))!important}.orven-home .arrival-copy .hero-title,.dark .orven-home .arrival-copy .hero-title{color:var(--hero-title-color,#0a1629)!important;font-size:var(--hero-title-size,clamp(2.4rem, 5.5vw, 4.8rem))!important;font-weight:var(--hero-title-weight,800)!important;text-transform:var(--hero-title-transform,uppercase)!important;line-height:var(--hero-title-line-height,1.08)!important;text-shadow:var(--hero-title-shadow,none)!important}.orven-home .arrival-copy .hero-subtitle,.dark .orven-home .arrival-copy .hero-subtitle{color:var(--hero-subtitle-color,#1e293b)!important;font-size:var(--hero-subtitle-size,clamp(1rem, 1.35vw, 1.25rem))!important;font-weight:var(--hero-subtitle-weight,600)!important;line-height:var(--hero-subtitle-line-height,1.6)!important;text-shadow:var(--hero-subtitle-shadow,none)!important}.orven-home .hero-btn.btn-home,.dark .orven-home .hero-btn.btn-home{color:#0a1629!important;background:#fff!important;border:1.5px solid #cbd5e1!important;box-shadow:0 8px 24px #0000000f!important}.orven-home .hero-btn.btn-post,.dark .orven-home .hero-btn.btn-post{color:#fff!important;background:#0a1629!important;border:1px solid #0a1629!important}.orven-home .hero-badge-pill,.dark .orven-home .hero-badge-pill{color:#0f172a!important;background:#fffffff0!important;border:1px solid #00000014!important}.orven-home .contact-bar,.dark .orven-home .contact-bar{background:#fffffff5!important;box-shadow:0 12px 35px #0000001f,0 0 0 1px #0000000f!important}.orven-home .contact-bar .contact-call,.orven-home .contact-bar .contact-email,.dark .orven-home .contact-bar .contact-call,.dark .orven-home .contact-bar .contact-email{color:#0f172a!important;background:#fff!important}.orven-home .partner-section,.dark .orven-home .partner-section{background:#fff!important;border-bottom:1px solid #e2e8f0!important}.orven-home .section-heading h2,.dark .orven-home .section-heading h2{color:#0f172a!important}.orven-home .section-heading p,.dark .orven-home .section-heading p{color:#64748b!important}.orven-home .branded-card,.dark .orven-home .branded-card{background:#fff!important;border:1px solid #e2e8f0!important}.orven-home .branded-copy h3,.dark .orven-home .branded-copy h3,.orven-home .branded-price,.dark .orven-home .branded-price{color:#0f172a!important}.orven-home .intro-card,.dark .orven-home .intro-card{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%)!important;border:1px solid #e2e8f0!important}.orven-home .intro-card h2,.dark .orven-home .intro-card h2{color:#0f172a!important}.orven-home .intro-card p,.dark .orven-home .intro-card p{color:#475569!important}.orven-home .cinema-section,.dark .orven-home .cinema-section{background:#f8f7f4!important;border-color:#e2e8f0!important}.orven-home .film-feature,.dark .orven-home .film-feature{background:#fff!important;border:1px solid #e2e8f0!important}.orven-home .film-caption h3,.dark .orven-home .film-caption h3{color:#0f172a!important}.orven-home .neighborhood-section,.dark .orven-home .neighborhood-section{background:#fafaf9!important}.orven-home .district-pill,.dark .orven-home .district-pill{color:#334155!important;background:#fff!important;border-color:#e2e8f0!important}.orven-home .footer-contact-block,.dark .orven-home .footer-contact-block{background:#fff!important;border-color:#e2e8f0!important}.orven-home .contact-tile,.dark .orven-home .contact-tile{background:#f8fafc!important;border-color:#e2e8f0!important}.orven-home .contact-tile-value,.dark .orven-home .contact-tile-value{color:#0f172a!important}.orven-home .atlas-container,.dark .orven-home .atlas-container,.orven-home .atlas-info-panel,.dark .orven-home .atlas-info-panel{background:#fff!important;border-color:#e2e8f0!important}.orven-home .atlas-panel-title,.dark .orven-home .atlas-panel-title{color:#0a1629!important}.orven-home .atlas-panel-desc,.dark .orven-home .atlas-panel-desc{color:#475569!important}.orven-home .atlas-project-card,.dark .orven-home .atlas-project-card{background:#f8fafc!important;border-color:#e2e8f0!important}.orven-home .atlas-project-name,.dark .orven-home .atlas-project-name{color:#0f172a!important}.orven-home .atlas-project-price,.dark .orven-home .atlas-project-price{color:#0a1629!important}.orven-home .atlas-view-all-btn,.dark .orven-home .atlas-view-all-btn{color:#fff!important;background:#0a1629!important;border-color:#0a1629!important}.panoramic-branded-section{background:#fafaf9;padding:20px 0 60px;position:relative}.panoramic-partner-strip{text-align:center;padding:10px 0 24px}.panoramic-partner-names{color:#334155;letter-spacing:-.02em;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;font-size:1.15rem;font-weight:700;display:flex}.panoramic-partner-names .dot-sep{color:#cbd5e1;font-size:.85rem}.panoramic-video-container{max-width:1360px;margin:0 auto}.panoramic-video-wrapper{border:1px solid #e2e8f0cc;border-radius:28px;width:100%;height:330px;position:relative;overflow:hidden;box-shadow:0 20px 50px -10px #0a162933}.panoramic-video-player{-o-object-fit:cover;object-fit:cover;-o-object-position:center 38%;object-position:center 38%;width:100%;height:100%}.panoramic-video-overlay{z-index:2;background:linear-gradient(#080f1e33 0%,#080f1ec7 100%),linear-gradient(90deg,#080f1eb3 0%,#080f1e26 50%,#080f1ea6 100%);position:absolute;inset:0}.panoramic-video-content{z-index:3;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:30px;padding:34px 44px;display:flex;position:absolute;inset:0}.panoramic-gold-kicker{letter-spacing:.14em;color:#eab308;text-transform:uppercase;margin:0 0 6px;font-size:.75rem;font-weight:800}.panoramic-hero-heading{letter-spacing:-.03em;color:#fff;text-shadow:0 2px 20px #0009;margin:0;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:800;line-height:1.08}.panoramic-right-copy{max-width:420px}.panoramic-right-copy p{color:#ffffffe6;text-shadow:0 1px 8px #0009;margin:0;font-size:.98rem;line-height:1.55}.panoramic-cards-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-top:24px;display:grid}.panoramic-brand-card{border:1px solid #e2e8f0d9;border-radius:22px;height:380px;text-decoration:none;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 25px #0f172a14}.panoramic-brand-card:hover{transform:translateY(-8px);box-shadow:0 24px 45px #0a162938}.panoramic-card-visual{position:absolute;inset:0}.panoramic-card-visual img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.panoramic-brand-card:hover .panoramic-card-visual img{transform:scale(1.08)}.panoramic-card-vignette{background:linear-gradient(#0a16291a 0%,#0000 40%,#0a1629e0 100%);position:absolute;inset:0}.panoramic-card-info{z-index:2;padding:22px 18px;position:absolute;bottom:0;left:0;right:0}.panoramic-card-badge{color:#f8fafc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172aa6;border:1px solid #fff3;border-radius:9999px;margin-bottom:8px;padding:4px 10px;font-size:.68rem;font-weight:700;display:inline-block}.panoramic-card-title{color:#fff;letter-spacing:-.02em;margin:0 0 4px;font-size:1.15rem;font-weight:800;line-height:1.25}.panoramic-card-loc{color:#f8fafcd1;margin:0;font-size:.82rem}.perspective-universe-section{color:#fff;background:radial-gradient(circle at 50% 40%,#0f1e3d 0%,#091226 55%,#040814 100%);border-top:1px solid #d4af3733;border-bottom:1px solid #d4af3733;padding:90px 0 100px;position:relative;overflow:hidden}.perspective-inner-wrap{max-width:1360px;margin:0 auto;position:relative}.perspective-header{justify-content:space-between;align-items:flex-start;margin-bottom:45px;display:flex}.perspective-kicker{letter-spacing:.16em;color:#d4af37;text-transform:uppercase;margin:0 0 8px;font-size:.75rem;font-weight:800}.perspective-title{letter-spacing:-.035em;color:#fff;margin:0;font-size:clamp(2rem,4.2vw,3.5rem);font-weight:800;line-height:1.06}.perspective-close-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;transition:all .3s;display:flex}.perspective-close-btn:hover{color:#d4af37;background:#d4af3733;border-color:#d4af37;transform:rotate(90deg)}.perspective-carousel-stage{perspective:1200px;touch-action:pan-y;justify-content:center;align-items:center;width:100%;height:490px;display:flex;position:relative;overflow:visible}.perspective-track{width:350px;height:440px;transform-style:preserve-3d;position:relative}.perspective-card{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;width:350px;height:440px;transform:translateX(calc(var(--offset) * 230px)) scale(calc(1 - var(--abs-offset) * .13)) translateZ(calc(var(--abs-offset) * -55px)) rotateY(calc(var(--offset) * -18deg));z-index:calc(10 - var(--abs-offset));opacity:calc(1 - var(--abs-offset) * .28);filter:brightness(calc(1 - var(--abs-offset) * .18));background:#0e172a;border:1px solid #ffffff1f;border-radius:24px;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .5s,filter .5s,box-shadow .5s,border-color .5s;position:absolute;inset:0;overflow:hidden}.perspective-card.is-active{z-index:15!important;opacity:1!important;filter:none!important;border-color:#d4af37b3!important;transform:translate(0)scale(1.08)translateZ(75px)rotateY(0)!important;box-shadow:0 35px 80px -15px #000000e6,0 0 50px #d4af374d!important}.perspective-card.is-hidden{opacity:0!important;pointer-events:none!important}.perspective-card-visual{height:220px;position:relative;overflow:hidden}.perspective-card-visual img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .6s}.perspective-card:hover .perspective-card-visual img{transform:scale(1.06)}.perspective-card-body{box-sizing:border-box;background:#0e172a;flex-direction:column;height:220px;padding:24px;display:flex}.perspective-card-index{color:#d4af37;letter-spacing:.14em;margin-bottom:6px;font-size:.72rem;font-weight:700}.perspective-card-name{color:#fff;letter-spacing:-.025em;margin:0 0 4px;font-size:1.55rem;font-weight:800}.perspective-card-count{color:#94a3b8;margin:0 0 auto;font-size:.88rem}.perspective-card-cta{color:#0a1629;box-sizing:border-box;background:linear-gradient(135deg,#e6c875 0%,#d4af37 50%,#b89228 100%);border-radius:9999px;justify-content:space-between;align-items:center;width:100%;margin-top:12px;padding:12px 20px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 6px 16px #d4af374d}.perspective-card-cta:hover{background:linear-gradient(135deg,#f3d98e 0%,#e0bc48 50%,#c49e34 100%);transform:translateY(-2px);box-shadow:0 10px 24px #d4af3773}.perspective-controls{text-align:center;margin-top:40px}.perspective-nav-row{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e172ad9;border:1px solid #ffffff24;border-radius:9999px;align-items:center;gap:24px;padding:8px 22px;display:inline-flex;box-shadow:0 10px 30px #00000080}.perspective-arrow-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .25s;display:flex}.perspective-arrow-btn:hover{color:#0a1629;background:#d4af37;border-color:#d4af37;transform:scale(1.1)}.perspective-active-name{color:#fff;letter-spacing:-.015em;text-align:center;min-width:150px;font-size:1.1rem;font-weight:700}.perspective-swipe-hint{color:#64748b;margin:16px 0 12px;font-size:.82rem}.perspective-all-link-wrap{margin-top:6px}.perspective-view-all{color:#d4af37;text-underline-offset:5px;font-size:.9rem;font-weight:600;text-decoration:underline;transition:color .2s}.perspective-view-all:hover{color:#fde047}@media (width<=1024px){.panoramic-cards-grid{grid-template-columns:repeat(3,1fr)}.panoramic-video-wrapper{height:300px}.perspective-track,.perspective-card{width:300px;height:400px}.perspective-card{transform:translateX(calc(var(--offset) * 170px)) scale(calc(1 - var(--abs-offset) * .14)) translateZ(calc(var(--abs-offset) * -50px)) rotateY(calc(var(--offset) * -16deg))}}@media (width<=768px){.panoramic-partner-strip{margin-bottom:14px}.panoramic-partner-names{color:#475569;opacity:.85;gap:6px 12px;font-size:.74rem}.panoramic-video-wrapper{border-radius:20px;height:350px;min-height:330px}.panoramic-video-overlay{background:linear-gradient(#080f1e1a 0%,#080f1e73 40%,#080f1ee6 100%)}.panoramic-video-content{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:6px;padding:16px 14px}.panoramic-left-copy{width:100%}.panoramic-gold-kicker{letter-spacing:.08em;margin-bottom:2px;font-size:.58rem}.panoramic-hero-heading{letter-spacing:-.015em;line-height:1.18;font-size:1.15rem!important}.panoramic-right-copy{max-width:100%}.panoramic-right-copy p{color:#ffffffeb;text-shadow:0 1px 6px #000000b3;font-size:.7rem;line-height:1.34}.panoramic-cards-grid{scroll-snap-type:x mandatory;gap:14px;padding-bottom:12px;display:flex;overflow-x:auto}.panoramic-brand-card{scroll-snap-align:start;flex:0 0 260px;height:340px}.popular-category-tabs{gap:6px;margin-bottom:20px;padding-bottom:4px}.popular-category-tab{border-width:1px;gap:5px;padding:7px 13px;font-size:.75rem}.popular-category-tab .category-count{min-width:17px;height:17px;padding:0 4px;font-size:.62rem}.perspective-carousel-stage{height:440px}.perspective-track,.perspective-card{width:270px;height:380px}.perspective-card-visual{height:180px}.perspective-card{transform:translateX(calc(var(--offset) * 120px)) scale(calc(1 - var(--abs-offset) * .15)) translateZ(calc(var(--abs-offset) * -40px)) rotateY(calc(var(--offset) * -14deg))}.section-heading{gap:6px;margin-bottom:18px}.section-heading h2{font-size:1.4rem;line-height:1.2}.section-heading p{font-size:.85rem;line-height:1.42}.arrival-copy{padding-block:16px 10px}.arrival-copy .hero-subtitle{margin:0 0 18px}.partner-section{padding-block:16px 12px}.branded-section{padding-block:28px 20px}.panoramic-branded-section{padding:14px 0 22px}.perspective-universe-section{padding:36px 0 30px}.popular-listings-section,.cinema-section{padding-block:28px 20px}.neighborhood-section{padding-block:26px 14px}.atlas-container{border-radius:18px;margin-top:14px}.atlas-map-wrapper{height:300px}.atlas-info-panel{border-top:1.5px solid #e2e8f0;border-left:none;padding:16px 14px}.atlas-panel-header{margin-bottom:12px}.atlas-view-all-btn{margin-top:10px;padding:12px 16px;font-size:.82rem}.footer-contact-block{padding-block:20px 34px}.contact-options-grid{gap:10px;margin-top:14px}.contact-tile{border-radius:14px;gap:12px;padding:13px 15px}.contact-tile-icon{width:38px;height:38px}}@media (width<=639px){.orven-wrap{padding-inline:14px}.popular-listings-section{padding-block:40px 32px}.popular-listings-grid{grid-template-columns:repeat(2,1fr);gap:10px}.popular-listing-card{border-width:1px;border-radius:14px;box-shadow:0 4px 14px #0000000a}.popular-listing-card:hover{transform:none;box-shadow:0 4px 14px #0000000a}.popular-listing-visual{aspect-ratio:16/11}.popular-listing-badge{padding:2px 7px;font-size:.58rem;font-weight:700;top:6px;left:6px}.popular-listing-copy{padding:10px 8px}.popular-listing-location{letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.56rem;overflow:hidden}.popular-listing-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:2.44em;margin:0 0 5px;font-size:.78rem;font-weight:700;line-height:1.22;display:-webkit-box;overflow:hidden}.popular-listing-specs{flex-wrap:wrap;gap:3px;min-height:20px;margin-bottom:6px;display:flex}.popular-listing-specs .spec-pill{border-radius:5px;align-items:center;gap:3px;padding:2px 5px;font-size:.56rem;font-weight:600;display:inline-flex}.popular-listing-specs .spec-pill svg{width:10px!important;height:10px!important}.popular-listing-footer{justify-content:space-between;align-items:center;gap:4px;margin-top:auto;padding-top:6px;display:flex}.popular-listing-price{word-break:break-word;font-size:.74rem;font-weight:800;line-height:1.15}.popular-listing-price .price-suffix{font-size:.56rem}.popular-listing-arrow{width:22px;min-width:22px;height:22px;font-size:.68rem}.panoramic-video-wrapper{height:350px;min-height:330px}.panoramic-gold-kicker{letter-spacing:.08em;margin-bottom:2px;font-size:.55rem}.panoramic-hero-heading{line-height:1.16;font-size:1.05rem!important}.panoramic-right-copy p{color:#fffffff0;font-size:.67rem;line-height:1.3}}.mobile-app-property-card{background:#fff;border:1px solid #00000014;border-radius:20px;flex-direction:column;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}html.dark .mobile-app-property-card{background:#0b111d;border-color:#ffffff14;box-shadow:0 4px 20px #0000004d}.mobile-app-property-card:hover{border-color:#10b98166;transform:translateY(-4px);box-shadow:0 12px 30px #00000014}html.dark .mobile-app-property-card:hover{border-color:#10b98159;box-shadow:0 12px 30px #00000080}.mobile-app-property-card.selected-card{border-color:#10b981;box-shadow:0 0 0 2px #10b98166}.card-media-wrapper{aspect-ratio:16/10;background:#0f172a;width:100%;position:relative;overflow:hidden}.card-media-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.card-media-gradient{pointer-events:none;background:linear-gradient(#0006 0%,#0000 40%,#000000b3 100%);position:absolute;inset:0}.card-top-badges{z-index:2;gap:6px;display:flex;position:absolute;top:10px;left:10px}.card-badge-category{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.5px;text-transform:uppercase;background:#0f172ad9;border:1px solid #ffffff26;border-radius:8px;padding:3px 8px;font-size:.65rem;font-weight:800}.card-badge-type{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#34d399;letter-spacing:.5px;text-transform:uppercase;background:#10b98140;border:1px solid #10b98166;border-radius:8px;padding:3px 8px;font-size:.65rem;font-weight:800}.card-favorite-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;z-index:2;background:#ffffffd9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s,background-color .2s;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #00000026}html.dark .card-favorite-btn{background:#0f172acc}.card-favorite-btn:hover{background:#fff;transform:scale(1.1)}.card-arrow-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;z-index:3;opacity:0;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .2s,background-color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.mobile-app-property-card:hover .card-arrow-btn{opacity:1}.card-arrow-btn.arrow-left{left:8px}.card-arrow-btn.arrow-right{right:8px}.card-arrow-btn:hover{background:#10b981e6}.card-bottom-metrics{z-index:2;justify-content:space-between;align-items:center;gap:6px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.metric-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b111dd9;border-radius:8px;align-items:center;gap:4px;padding:3px 8px;font-size:.68rem;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #00000040}.metric-pill.yield-pill{color:#34d399;border:1px solid #10b98166}.metric-pill.score-pill{color:#fff;border:1px solid #d4af3766}.card-counter-pill{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0009;border-radius:6px;padding:2px 6px;font-size:.65rem;font-weight:700}.card-body{flex-direction:column;gap:8px;padding:14px 16px;display:flex}.card-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:800;line-height:1.35;font-family:var(--font-heading,"Outfit", sans-serif);margin:0;overflow:hidden}html.dark .card-title{color:#f8fafc}.card-location-row{color:#64748b;align-items:center;gap:4px;font-size:.74rem;display:flex;overflow:hidden}html.dark .card-location-row{color:#94a3b8}.location-icon{color:#d4af37;flex-shrink:0}.location-text{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.location-dot{color:#cbd5e1}.legal-status-chip{color:#10b981;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:700;overflow:hidden}.price-amount{color:#0f172a;letter-spacing:-.3px;font-size:1.15rem;font-weight:900;line-height:1.1}html.dark .price-amount{color:#d4af37}.price-label{color:#94a3b8;font-size:.72rem;font-weight:600}.card-specs-list{align-items:center;gap:6px;display:flex}.spec-chip{color:#475569;background:#00000008;border-radius:6px;align-items:center;gap:3px;padding:3px 6px;font-size:.7rem;font-weight:700;display:inline-flex}html.dark .spec-chip{color:#cbd5e1;background:#ffffff0d}.spec-chip svg{color:#94a3b8}.card-actions-row{border-top:1px solid #0000000d;align-items:center;gap:6px;margin-top:2px;padding-top:8px;display:flex}html.dark .card-actions-row{border-top-color:#ffffff0f}.btn-card-view{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.76rem;font-weight:800;transition:all .2s;display:inline-flex}html.dark .btn-card-view{background:#ffffff1a}.btn-card-view:hover{color:#fff;background:#10b981}.btn-card-whatsapp{color:#fff;background:#25d366;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;text-decoration:none;transition:transform .2s,opacity .2s;display:flex}.btn-card-whatsapp:hover{opacity:.9;transform:scale(1.05)}.btn-card-call{color:#0f172a;background:#0000000d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;text-decoration:none;transition:background-color .2s;display:flex}html.dark .btn-card-call{color:#fff;background:#ffffff14}.btn-card-call:hover{color:#10b981;background:#10b98133}.mobile-app-properties-page{animation:.3s cubic-bezier(.16,1,.3,1) fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.properties-app-layout{display:block}.properties-feed-grid{flex-direction:column;gap:24px;padding-bottom:32px;display:flex}@media (width>=640px){.properties-feed-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}}@media (width>=1024px){.properties-app-layout.split{grid-template-columns:48% 52%;align-items:start;gap:24px;padding-bottom:24px;display:grid}.properties-app-layout.split .properties-feed-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}}.property-mobile-app-page{animation:.3s cubic-bezier(.16,1,.3,1) fadeIn}.scrollbar-none::-webkit-scrollbar{display:none}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.line-clamp-3{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mobile-app-invest-page{animation:.3s cubic-bezier(.16,1,.3,1) fadeIn}.mobile-app-invest-page input[type=range]{appearance:none;background:#00000014}html.dark .mobile-app-invest-page input[type=range]{background:#ffffff1a}.mobile-app-invest-page input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#10b981;border:2px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #10b98166}html.dark .mobile-app-invest-page input[type=range]::-webkit-slider-thumb{border-color:#0b111d}@media (width<=640px){.mobile-app-invest-page button{font-size:.78rem}}.mobile-app-developments-page{animation:.3s cubic-bezier(.16,1,.3,1) fadeIn}.developments-app-layout{display:block}.developments-feed-grid{flex-direction:column;gap:24px;padding-bottom:32px;display:flex}@media (width>=640px){.developments-feed-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}}@media (width>=1024px){.developments-app-layout.split{grid-template-columns:48% 52%;align-items:start;gap:24px;padding-bottom:24px;display:grid}.developments-app-layout.split .developments-feed-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}}.mobile-map-view{width:100%;margin-bottom:24px;display:block}.mobile-map-view .sticky{border-radius:20px;height:520px!important;position:relative!important;top:0!important}.mobile-app-development-card{background:#fff;border:1px solid #00000014;border-radius:20px;flex-direction:column;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}html.dark .mobile-app-development-card{background:#0b111d;border-color:#ffffff14;box-shadow:0 4px 20px #0000004d}.mobile-app-development-card:hover{border-color:#10b98166;transform:translateY(-4px);box-shadow:0 12px 30px #00000014}html.dark .mobile-app-development-card:hover{border-color:#10b98159;box-shadow:0 12px 30px #00000080}.mobile-app-development-card.selected-card{border-color:#10b981;box-shadow:0 0 0 2px #10b98166}.dev-card-media-wrapper{aspect-ratio:16/10;background:#0f172a;width:100%;position:relative;overflow:hidden}.dev-card-media-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.dev-card-gradient{pointer-events:none;background:linear-gradient(#0006 0%,#0000 40%,#000000b3 100%);position:absolute;inset:0}.dev-card-top-badges{z-index:2;gap:6px;display:flex;position:absolute;top:10px;left:10px}.dev-badge-exclusive{color:#0a192f;letter-spacing:.5px;text-transform:uppercase;background:#d4af37e6;border-radius:8px;padding:3px 8px;font-size:.65rem;font-weight:800}.dev-badge-phase{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.5px;text-transform:uppercase;background:#0f172acc;border:1px solid #ffffff26;border-radius:8px;padding:3px 8px;font-size:.65rem;font-weight:800}.dev-card-favorite-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;z-index:2;background:#ffffffd9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #00000026}html.dark .dev-card-favorite-btn{background:#0f172acc}.dev-card-favorite-btn:hover{background:#fff;transform:scale(1.1)}.dev-carousel-arrow{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;z-index:2;opacity:0;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .2s,background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.mobile-app-development-card:hover .dev-carousel-arrow{opacity:1}.dev-carousel-arrow.arrow-prev{left:8px}.dev-carousel-arrow.arrow-next{right:8px}.dev-card-bottom-metrics{z-index:2;justify-content:space-between;align-items:center;gap:6px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.dev-yield-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#34d399;background:#0b111dd9;border:1px solid #10b98166;border-radius:8px;align-items:center;gap:4px;padding:3px 8px;font-size:.68rem;font-weight:800;display:inline-flex}.dev-counter-pill{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0009;border-radius:6px;padding:2px 6px;font-size:.65rem;font-weight:700}.dev-card-body{flex-direction:column;gap:8px;padding:14px 16px;display:flex}.dev-card-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:800;line-height:1.35;font-family:var(--font-heading,"Outfit", sans-serif);margin:0;overflow:hidden}html.dark .dev-card-title{color:#f8fafc}.dev-card-location{color:#64748b;align-items:center;gap:4px;font-size:.74rem;display:flex;overflow:hidden}html.dark .dev-card-location{color:#94a3b8}.dev-card-footer{border-top:1px solid #0000000d;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}html.dark .dev-card-footer{border-top-color:#ffffff0f}.dev-starting-label{color:#94a3b8;text-transform:uppercase;font-size:.62rem;font-weight:600;display:block}.dev-price-amount{color:#0f172a;letter-spacing:-.3px;font-size:1.05rem;font-weight:900;line-height:1.1}html.dark .dev-price-amount{color:#d4af37}.dev-actions-row{border-top:1px solid #0000000d;align-items:center;gap:6px;margin-top:2px;padding-top:8px;display:flex}html.dark .dev-actions-row{border-top-color:#ffffff0f}.btn-dev-view{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.76rem;font-weight:800;transition:all .2s;display:inline-flex}html.dark .btn-dev-view{background:#ffffff1a}.btn-dev-view:hover{color:#fff;background:#10b981}.btn-dev-whatsapp{color:#fff;background:#25d366;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;text-decoration:none;transition:transform .2s,opacity .2s;display:flex}.btn-dev-whatsapp:hover{opacity:.9;transform:scale(1.05)}.btn-dev-call{color:#0f172a;background:#0000000d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;text-decoration:none;transition:background-color .2s;display:flex}html.dark .btn-dev-call{color:#fff;background:#ffffff14}.btn-dev-call:hover{color:#10b981;background:#10b98133}.realtor-dev-collection-page{color:#0f172a;background:#fff;min-height:100vh;padding-bottom:5rem}html.dark .realtor-dev-collection-page{color:#f8fafc;background:#0a0f1d}.realtor-exact-search-bar-wrap{z-index:95;background:#fff;border-bottom:1px solid #e2e8f0;padding:18px 0 16px;position:sticky;top:70px;box-shadow:0 2px 10px #00000008}html.dark .realtor-exact-search-bar-wrap{background:#0f172a;border-bottom-color:#ffffff1a}.realtor-exact-search-inner{flex-direction:column;gap:12px;display:flex}.realtor-exact-top-row{align-items:center;gap:12px;width:100%;display:flex}.realtor-exact-search-pill{flex:1;align-items:center;display:flex;position:relative}.realtor-exact-search-input{color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:9999px;width:100%;height:48px;padding:0 46px 0 20px;font-size:.92rem;font-weight:500;transition:all .2s;box-shadow:0 1px 4px #0000000a}.realtor-exact-search-input::placeholder{color:#64748b;font-size:.92rem}.realtor-exact-search-input:focus{border-color:#0f172a;outline:none;box-shadow:0 0 0 2px #0f172a1a}html.dark .realtor-exact-search-input{color:#fff;background:#1e293b;border-color:#ffffff2e}html.dark .realtor-exact-search-input:focus{border-color:#d4af37}.realtor-exact-search-icon{color:#334155;pointer-events:none;position:absolute;right:18px}html.dark .realtor-exact-search-icon{color:#cbd5e1}.realtor-exact-save-search-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2b2b2b;border:none;border-radius:9999px;align-items:center;gap:8px;height:48px;padding:0 22px;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex}.realtor-exact-save-search-btn:hover{background:#1a1a1a;transform:translateY(-1px)}.realtor-exact-save-search-btn.saved{background:#dc2626}.realtor-exact-list-map-pill{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:9999px;align-items:center;height:46px;padding:3px;display:inline-flex}html.dark .realtor-exact-list-map-pill{background:#1e293b;border-color:#ffffff26}.list-map-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:9999px;height:38px;padding:0 16px;font-size:.85rem;font-weight:700;transition:all .2s}.list-map-btn.active{color:#0f172a;background:#fff;box-shadow:0 2px 6px #0000001a}html.dark .list-map-btn{color:#94a3b8}html.dark .list-map-btn.active{color:#fff;background:#334155}.realtor-exact-filters-row{white-space:nowrap;align-items:center;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.realtor-exact-pill-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.realtor-exact-pill-btn:hover{background:#f8fafc;border-color:#94a3b8}.realtor-exact-pill-btn.active{color:#fff;background:#0f172a;border-color:#0f172a}html.dark .realtor-exact-pill-btn{color:#cbd5e1;background:#1e293b;border-color:#ffffff26}html.dark .realtor-exact-pill-btn.active{color:#000;background:#d4af37;border-color:#d4af37}.btn-filters-main{font-weight:700}.realtor-exact-dropdown-pill{align-items:center;display:inline-flex;position:relative}.exact-dropdown-select{color:#334155;cursor:pointer;appearance:none;background:#fff;border:1px solid #cbd5e1;border-radius:8px;height:38px;padding:0 28px 0 14px;font-size:.82rem;font-weight:600}.exact-dropdown-select:focus{border-color:#0f172a;outline:none}html.dark .exact-dropdown-select{color:#cbd5e1;background:#1e293b;border-color:#ffffff26}.exact-chevron-icon{pointer-events:none;color:#64748b;position:absolute;right:10px}.realtor-exact-title-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-top:6px;display:flex}.realtor-exact-main-heading{color:#0f172a;letter-spacing:-.4px;margin:0;font-size:1.45rem;font-weight:900}html.dark .realtor-exact-main-heading{color:#fff}.realtor-exact-units-count{color:#64748b;font-size:.88rem;font-weight:600}html.dark .realtor-exact-units-count{color:#94a3b8}.realtor-main-listings-container{margin-top:1.5rem}.realtor-variants-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.variant-product-card{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;flex-direction:column;transition:all .28s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 4px 18px #0000000d}.variant-product-card:hover{border-color:#d4af37;transform:translateY(-6px);box-shadow:0 16px 36px #0000001f,0 0 0 1px #d4af3759}html.dark .variant-product-card{background:#0f172a;border-color:#ffffff1a}html.dark .variant-product-card:hover{border-color:#d4af37;box-shadow:0 16px 36px #d4af3733}.variant-card-media{background:#0a192f;width:100%;height:220px;position:relative;overflow:hidden}.variant-card-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .5s}.variant-product-card:hover .variant-card-img{transform:scale(1.06)}.variant-badge-overlay{z-index:2;gap:6px;display:flex;position:absolute;top:12px;left:12px}.status-pill{color:#fff;text-transform:uppercase;background:#10b981e6;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:800}.status-pill.reserved{color:#000;background:#d4af37f2}.unit-number-pill{color:#fff;background:#0f172ad9;border-radius:6px;padding:4px 8px;font-size:.7rem;font-weight:800}.variant-heart-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;z-index:3;background:#0000008c;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:12px;right:12px}.variant-card-body{flex-direction:column;flex:1;padding:18px 20px;display:flex}.variant-price-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.variant-price{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:1.35rem;font-weight:900}html.dark .variant-price{color:#fff}.variant-yield-tag{color:#047857;background:#10b9811f;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:800;display:inline-flex}html.dark .variant-yield-tag{color:#10b981;background:#10b98133}.variant-name{color:#0f172a;margin:0 0 2px;font-size:1.05rem;font-weight:800}html.dark .variant-name{color:#fff}.variant-type-subtitle{color:#64748b;margin-bottom:12px;font-size:.78rem;font-weight:600;display:block}.variant-specs-bar{color:#334155;background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 12px;font-size:.8rem;display:flex}html.dark .variant-specs-bar{color:#cbd5e1;background:#ffffff0a}.spec-item{align-items:center;gap:4px;display:flex}.variant-desc{color:#475569;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}html.dark .variant-desc{color:#94a3b8}.variant-actions-row{align-items:center;gap:8px;margin-top:auto;display:flex}.btn-view-unit{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:.82rem;font-weight:800;transition:all .2s;display:inline-flex}.btn-view-unit:hover{color:#000;background:#d4af37}.btn-whatsapp-unit{color:#fff;background:#25d366;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .2s;display:flex}.btn-whatsapp-unit:hover{background:#1ebd5a}.realtor-map-full-view{border:1.5px solid #cbd5e1;border-radius:20px;height:600px;overflow:hidden}.realtor-masterplan-footer-grid{grid-template-columns:1.4fr 1fr;gap:28px;margin-top:4rem;display:grid}.masterplan-specs-box,.masterplan-broker-box{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;padding:28px;box-shadow:0 4px 18px #0000000a}html.dark .masterplan-specs-box,html.dark .masterplan-broker-box{background:#0f172a;border-color:#ffffff1a}.masterplan-specs-box h3{color:#0f172a;margin-bottom:10px;font-size:1.25rem;font-weight:900}html.dark .masterplan-specs-box h3{color:#fff}.masterplan-specs-box p{color:#475569;margin-bottom:20px;font-size:.9rem;line-height:1.6}html.dark .masterplan-specs-box p{color:#cbd5e1}.masterplan-specs-table{border-top:1px solid #f1f5f9;flex-direction:column;gap:10px;padding-top:14px;display:flex}html.dark .masterplan-specs-table{border-top-color:#ffffff14}.spec-row{justify-content:space-between;font-size:.85rem;display:flex}.spec-row .lbl{color:#64748b;font-weight:600}.spec-row .val{color:#0f172a;font-weight:800}html.dark .spec-row .val{color:#fff}.broker-profile{align-items:center;gap:14px;margin-bottom:14px;display:flex}.broker-avatar{-o-object-fit:cover;object-fit:cover;border:2px solid #d4af37;border-radius:50%;width:58px;height:58px}.broker-name{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}html.dark .broker-name{color:#fff}.broker-title{color:#64748b;font-size:.78rem;display:block}.broker-company{color:#d4af37;font-size:.75rem;font-weight:800}.broker-desc{color:#475569;margin-bottom:18px;font-size:.85rem;line-height:1.5}html.dark .broker-desc{color:#cbd5e1}.broker-btns{flex-direction:column;gap:10px;display:flex}.btn-broker-whatsapp{color:#fff;background:#25d366;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;font-weight:800;text-decoration:none;display:flex}.btn-broker-whatsapp:hover{background:#1ebd5a}.btn-broker-call{color:#0f172a;background:0 0;border:1.5px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:.85rem;font-weight:800;text-decoration:none;display:flex}html.dark .btn-broker-call{color:#fff;border-color:#fff3}.realtor-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999999;background:#0a192fd9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.realtor-unit-modal-card{background:#fff;border-radius:24px;width:100%;max-width:860px;max-height:90vh;position:relative;overflow:hidden auto;box-shadow:0 20px 60px #0000004d}html.dark .realtor-unit-modal-card{background:#0f172a;border:1px solid #ffffff26}.modal-close-btn{color:#fff;cursor:pointer;z-index:10;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:14px;right:14px}.modal-inner-grid{grid-template-columns:1fr 1.2fr;display:grid}.modal-media-col{background:#0a192f;height:100%;min-height:320px;position:relative}.modal-media-col img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.modal-media-badge{gap:6px;display:flex;position:absolute;top:14px;left:14px}.badge-unit{color:#d4af37;background:#000;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:800}.modal-info-col{flex-direction:column;padding:28px;display:flex}.modal-project-tag{color:#b45309;text-transform:uppercase;margin-bottom:4px;font-size:.78rem;font-weight:800}html.dark .modal-project-tag{color:#fbbf24}.modal-unit-title{color:#0f172a;margin:0 0 2px;font-size:1.45rem;font-weight:900}html.dark .modal-unit-title{color:#fff}.modal-unit-type{color:#64748b;margin-bottom:14px;font-size:.85rem;font-weight:600}.modal-price-box{background:#fffdf5;border:1.5px solid #fde68a;border-radius:12px;margin-bottom:16px;padding:12px 16px}html.dark .modal-price-box{background:#d4af371a;border-color:#d4af3740}.price-lbl{color:#64748b;text-transform:uppercase;font-size:.72rem;font-weight:700}.price-val{color:#0f172a;margin:2px 0 0;font-size:1.5rem;font-weight:900}html.dark .price-val{color:#fff}.modal-specs-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.modal-spec-chip{background:#f8fafc;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;display:flex}html.dark .modal-spec-chip{background:#ffffff0a}.modal-unit-desc{color:#475569;margin-bottom:20px;font-size:.88rem;line-height:1.6}html.dark .modal-unit-desc{color:#cbd5e1}.modal-action-buttons{flex-direction:column;gap:10px;margin-top:auto;display:flex}.btn-modal-whatsapp{color:#fff;background:#25d366;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:800;text-decoration:none;display:flex}.btn-modal-whatsapp:hover{background:#1ebd5a}.btn-modal-close{color:#64748b;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:8px;padding:9px;font-size:.82rem;font-weight:700}html.dark .btn-modal-close{color:#cbd5e1;border-color:#ffffff26}@media (width<=900px){.realtor-exact-top-row{flex-wrap:wrap}.realtor-exact-search-pill{min-width:100%}.modal-inner-grid{grid-template-columns:1fr}.modal-media-col{height:220px}.realtor-masterplan-footer-grid{grid-template-columns:1fr}}@media (width<=640px){.realtor-variants-grid{grid-template-columns:1fr}}html{scroll-behavior:smooth}.custom-scrollbar-thin::-webkit-scrollbar{height:5px}.custom-scrollbar-thin::-webkit-scrollbar-track{background:#0000000d;border-radius:9999px}.custom-scrollbar-thin::-webkit-scrollbar-thumb{background:#d4af3766;border-radius:9999px}.custom-scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#d4af37b3}.unit-spotlight-active{transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 40px -10px #d4af3740,0 0 0 2px #d4af37}@media print{header,footer,.sticky,button,.btn-modal-close,.btn-whatsapp-unit{display:none!important}body{color:#000!important;background:#fff!important}.max-w-7xl{max-width:100%!important;padding:0!important}}@keyframes spin{to{transform:rotate(360deg)}}input[type=range]{background:#94a3b84d;border-radius:9999px;height:6px}input[type=range]::-webkit-slider-thumb{cursor:pointer;background:#d4af37;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #0000004d}.mobile-app-valuation-page{animation:.3s cubic-bezier(.16,1,.3,1) fadeIn}.mobile-app-valuation-page select{cursor:pointer}.mobile-app-valuation-page input[type=range]{appearance:none;background:#00000014}html.dark .mobile-app-valuation-page input[type=range]{background:#ffffff1a}.mobile-app-valuation-page input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#10b981;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #10b98166}html.dark .mobile-app-valuation-page input[type=range]::-webkit-slider-thumb{border-color:#0b111d}@media (width<=640px){.mobile-app-valuation-page button,.mobile-app-valuation-page select,.mobile-app-valuation-page input{font-size:.78rem}}.mobile-app-sell-page{animation:.3s cubic-bezier(.16,1,.3,1) fadeIn}.mobile-app-sell-page select{cursor:pointer}.mobile-app-sell-page input::placeholder{color:#94a3b8;font-size:.8rem}@media (width<=640px){.mobile-app-sell-page button,.mobile-app-sell-page input,.mobile-app-sell-page select{font-size:.8rem}}.crm-container{color:#f8fafc;background-color:#0a101d;min-height:calc(100vh - 64px);font-family:inherit}.crm-header-glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ad9;border-bottom:1px solid #d4af3733}.crm-badge-gold{color:#f59e0b;background:linear-gradient(135deg,#d4af3733 0%,#f59e0b40 100%);border:1px solid #d4af3766}.crm-card{background:#111827;border:1px solid #ffffff14;border-radius:1rem;transition:all .2s ease-in-out}.crm-card:hover{border-color:#d4af3759;box-shadow:0 10px 25px -5px #0006}.crm-kanban-column{background:#111827b3;border:1px solid #ffffff14;border-radius:1rem;min-width:280px;max-width:320px}.crm-stat-card{background:linear-gradient(135deg,#1e293bb3 0%,#0f172ae6 100%);border:1px solid #ffffff17;border-radius:1rem}.crm-btn-gold{color:#0a101d;background:linear-gradient(135deg,#d4af37 0%,#b8860b 100%);font-weight:700;transition:all .2s;box-shadow:0 4px 15px #d4af374d}.crm-btn-gold:hover{transform:translateY(-1px);box-shadow:0 6px 20px #d4af3773}.crm-table th{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;border-bottom:1px solid #ffffff14;padding:.75rem 1rem;font-size:.75rem}.crm-table td{border-bottom:1px solid #ffffff0d;padding:.875rem 1rem;font-size:.875rem}.crm-sidebar-item{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:.75rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.crm-sidebar-item:hover{color:#f8fafc;background:#ffffff0d;border-color:#ffffff14}.crm-sidebar-item.active{color:#0a101d;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-color:#f59e0b;font-weight:800;box-shadow:0 4px 15px #f59e0b4d}.crm-sidebar-item.active svg{color:#0a101d}.crm-scrollbar::-webkit-scrollbar{width:6px;height:6px}.crm-scrollbar::-webkit-scrollbar-track{background:#0f172a80;border-radius:4px}.crm-scrollbar::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:4px}.crm-scrollbar::-webkit-scrollbar-thumb:hover{background:#d4af3799}.hood-btn{transition:all .2s}.hood-btn:hover{background:rgba(var(--gold-primary-rgb), .2)!important}.data-card{background:var(--bg-color);border-radius:var(--radius-md);flex-direction:column;justify-content:center;padding:24px;display:flex}.link-card{cursor:pointer;transition:transform .2s}.link-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.neighborhood-selector::-webkit-scrollbar{display:none}.slider{-webkit-appearance:none;appearance:none;background:var(--border-color);border-radius:4px;outline:none;width:100%;height:8px;margin-top:10px}.slider::-webkit-slider-thumb{appearance:none;background:var(--royal-blue);cursor:pointer;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 6px #0003}.value-display{color:var(--royal-blue);text-align:right;margin-top:12px;font-size:20px;font-weight:600}@media (width<=768px){.finance-layout{grid-template-columns:1fr!important}}.service-card{transition:transform .3s}.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}@media (width<=768px){.diaspora-highlight{flex-direction:column;padding:30px!important}}.packages-page{background-color:var(--bg-primary,#f8fafc);color:var(--text-primary,#0f172a);min-height:100vh;padding-bottom:90px}html.dark .packages-page{color:#f8fafc;background-color:#070b12}.packages-hero{color:#fff;background:linear-gradient(135deg,#0a192f 0%,#112240 50%,#1e3a8a 100%);padding:120px 0 60px;position:relative;overflow:hidden}.packages-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#d4af3726 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-20%}.packages-breadcrumb{color:#94a3b8;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:flex}.packages-breadcrumb a{color:#cbd5e1;text-decoration:none;transition:color .2s}.packages-breadcrumb a:hover{color:#d4af37}.packages-breadcrumb .current{color:#d4af37;font-weight:600}.packages-badge-pulse{color:#fde047;letter-spacing:.8px;text-transform:uppercase;background:#d4af3726;border:1px solid #d4af3759;border-radius:99px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 18px;font-size:11.5px;font-weight:800;display:inline-flex}.packages-hero-title{font-family:var(--font-heading);letter-spacing:-.8px;color:#fff;max-width:820px;margin-bottom:16px;margin-left:auto;margin-right:auto;font-size:42px;font-weight:800;line-height:1.2}.packages-hero-subtitle{color:#cbd5e1;max-width:720px;margin:0 auto 32px;font-size:16px;line-height:1.6}.packages-audience-toggle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:99px;align-items:center;gap:6px;max-width:100%;padding:6px;display:inline-flex;overflow-x:auto}.audience-pill{color:#e2e8f0;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:99px;align-items:center;gap:7px;padding:10px 20px;font-size:13.5px;font-weight:700;transition:all .25s;display:inline-flex}.audience-pill:hover{color:#fff;background:#ffffff1a}.audience-pill.active{color:#0a192f;background:#fff;box-shadow:0 4px 14px #00000040}.packages-cards-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:28px;margin:40px 0 60px;display:grid}.package-card{background:#fff;border:1.5px solid #cbd5e1;border-radius:28px;flex-direction:column;padding:36px 30px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 12px 32px -6px #0f172a14,0 2px 6px #0f172a0a}html.dark .package-card{background:#0f172abf;border-color:#ffffff1a;box-shadow:0 10px 30px -5px #0000004d}.package-card:hover{border-color:#d4af37;transform:translateY(-6px);box-shadow:0 22px 45px -10px #0f172a26}.featured-tier{transform:scale(1.02);background:linear-gradient(#fff 0%,#fffdf5 60%,#fef9e7 100%)!important;border:2px solid #d4af37!important;box-shadow:0 20px 48px -10px #b4530933,0 4px 14px #0f172a0d!important}html.dark .featured-tier{background:linear-gradient(#1e293bf2 0%,#0f172af2 100%)!important;border-color:#f5d061!important;box-shadow:0 20px 45px -10px #d4af3759!important}.featured-tier:hover{transform:scale(1.03)translateY(-6px)}.package-ribbon{color:#0a192f;letter-spacing:.6px;text-transform:uppercase;background:linear-gradient(135deg,#d4af37 0%,#f5d061 100%);border-radius:99px;align-items:center;gap:6px;padding:5px 18px;font-size:11px;font-weight:900;display:inline-flex;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #d4af3766}.pack-tier-tag{text-transform:uppercase;letter-spacing:.5px;color:#0f172a;background:#e2e8f0;border-radius:99px;width:fit-content;margin-bottom:12px;padding:5px 14px;font-size:11px;font-weight:800;display:inline-block}html.dark .pack-tier-tag{color:#cbd5e1;background:#ffffff1a}.pack-tier-gold{color:#92400e!important;background:#d9770624!important;border:1px solid #d9770647!important}html.dark .pack-tier-gold{color:#fde047!important;background:#d4af3733!important;border-color:#f5d06159!important}.package-title{font-family:var(--font-heading);color:#0a192f;margin-bottom:12px;font-size:22px;font-weight:900}html.dark .package-title{color:#fff}.package-price-wrap{align-items:baseline;gap:6px;margin-bottom:14px;display:flex}.pack-price-amount{font-family:var(--font-heading);color:#0a192f;font-size:32px;font-weight:900}html.dark .pack-price-amount{color:#fff}.featured-tier .pack-price-amount{color:#92400e}html.dark .featured-tier .pack-price-amount{color:#fde047}.pack-price-suffix{color:#475569;font-size:13px;font-weight:700}html.dark .pack-price-suffix{color:#94a3b8}.package-desc{color:#334155;min-height:42px;margin-bottom:24px;font-size:13.5px;font-weight:500;line-height:1.6}html.dark .package-desc{color:#cbd5e1}.package-features-list{flex-direction:column;flex:1;gap:13px;margin-bottom:32px;display:flex}.pack-feature-item{color:#1e293b;align-items:flex-start;gap:10px;font-size:13px;font-weight:500;line-height:1.55;display:flex}html.dark .pack-feature-item{color:#cbd5e1}.pack-feature-item svg{flex-shrink:0;margin-top:2px}.package-action-footer{margin-top:auto}.package-cta-btn{cursor:pointer;box-sizing:border-box;border-radius:99px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-size:14px;font-weight:800;text-decoration:none;transition:all .25s;display:flex}.btn-outline.package-cta-btn{color:#0a192f!important;background:#f8fafc!important;border:1.5px solid #0a192f!important}.btn-outline.package-cta-btn:hover{color:#fff!important;background:#0a192f!important}html.dark .btn-outline.package-cta-btn{color:#fff!important;background:0 0!important;border-color:#ffffff40!important}html.dark .btn-outline.package-cta-btn:hover{background:#ffffff1f!important}.package-cta-gold{color:#0a192f!important;background:linear-gradient(135deg,#d4af37 0%,#f5d061 100%)!important;border:none!important;box-shadow:0 6px 20px #d4af3759!important}.package-cta-gold:hover{transform:translateY(-2px);box-shadow:0 10px 25px #d4af3773!important}.packages-matrix-section{background:#fff;border:1.5px solid #cbd5e1;border-radius:28px;margin-bottom:50px;padding:44px 36px;box-shadow:0 14px 36px -8px #0f172a14}html.dark .packages-matrix-section{background:#0f172ab3;border-color:#ffffff1a;box-shadow:0 14px 36px -8px #0000004d}.matrix-tag{letter-spacing:.8px;text-transform:uppercase;color:#92400e;background:#d977061f;border:1px solid #d9770647;border-radius:99px;margin-bottom:10px;padding:4px 12px;font-size:11.5px;font-weight:800;display:inline-block}html.dark .matrix-tag{color:#fde047;background:#d4af372e;border-color:#f5d06159}.matrix-title{font-family:var(--font-heading);color:#0a192f;margin-bottom:30px;font-size:26px;font-weight:900}html.dark .matrix-title{color:#fff}.matrix-table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.matrix-table{border-collapse:collapse;text-align:left;width:100%}.matrix-table th,.matrix-table td{color:#1e293b;border-bottom:1px solid #e2e8f0;padding:15px 18px;font-size:13.5px;font-weight:500}html.dark .matrix-table th,html.dark .matrix-table td{color:#cbd5e1;border-bottom-color:#ffffff14}.matrix-table thead th{font-family:var(--font-heading);color:#0a192f;background:#f1f5f9;border:1px solid #cbd5e1;font-size:13.5px;font-weight:900}html.dark .matrix-table thead th{color:#fff;background:#1e293bcc;border-color:#ffffff1a}.matrix-table .tier-col{text-align:center;width:22%}.matrix-table .featured-col,.matrix-table .featured-cell{color:#0a192f;text-align:center;background:#d4af3724;border-left:1.5px solid #d4af3759;border-right:1.5px solid #d4af3759;font-weight:800}html.dark .matrix-table .featured-col,html.dark .matrix-table .featured-cell{color:#f8fafc;background:#d4af371f;border-color:#d4af3740}.matrix-table td:not(.feature-col){text-align:center}.packages-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:50px;display:grid}.pack-stat-card{text-align:center;background:#fff;border:1.5px solid #cbd5e1;border-radius:22px;flex-direction:column;align-items:center;padding:28px 20px;display:flex;box-shadow:0 8px 24px -4px #0f172a0f}html.dark .pack-stat-card{background:#0f172ab3;border-color:#ffffff14;box-shadow:0 8px 24px -4px #0000004d}.stat-value{font-family:var(--font-heading);color:#0a192f;margin-bottom:4px;font-size:34px;font-weight:900}html.dark .stat-value{color:#fff}.stat-label{color:#334155;font-size:13px;font-weight:600;line-height:1.45}html.dark .stat-label{color:#94a3b8}.packages-faq-section{background:#fff;border:1.5px solid #cbd5e1;border-radius:28px;margin-bottom:50px;padding:44px 36px;box-shadow:0 14px 36px -8px #0f172a14}html.dark .packages-faq-section{background:#0f172ab3;border-color:#ffffff1a;box-shadow:0 14px 36px -8px #0000004d}.faq-list{flex-direction:column;gap:14px;display:flex}.faq-item{cursor:pointer;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:18px;padding:18px 22px;transition:all .25s}html.dark .faq-item{background:#1e293b80;border-color:#ffffff14}.faq-item:hover{background:#fff;border-color:#d4af37;box-shadow:0 4px 16px #0000000d}.faq-question{font-family:var(--font-heading);color:#0a192f;justify-content:space-between;align-items:center;gap:16px;font-size:15.5px;font-weight:800;display:flex}html.dark .faq-question{color:#fff}.faq-chevron{color:#64748b;flex-shrink:0;transition:transform .25s}.faq-chevron.rotated{color:#d4af37;transform:rotate(180deg)}.faq-answer{color:#334155;border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px;font-size:14px;font-weight:500;line-height:1.65}html.dark .faq-answer{color:#cbd5e1;border-top-color:#ffffff14}.packages-contact-banner{color:#fff;background:linear-gradient(135deg,#0a192f 0%,#1e3a8a 100%);border-radius:28px;justify-content:space-between;align-items:center;gap:32px;padding:36px 40px;display:flex}.contact-tag{letter-spacing:.6px;color:#d4af37;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:800;display:inline-flex}.contact-banner-title{font-family:var(--font-heading);margin-bottom:6px;font-size:22px;font-weight:800}.contact-banner-sub{color:#cbd5e1;max-width:620px;font-size:13.5px}.contact-banner-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.packages-whatsapp-btn{color:#fff!important;background:#10b981!important;border:none!important;border-radius:99px!important;padding:13px 24px!important;font-size:13.5px!important}.packages-quote-btn{color:#fff!important;border-color:#ffffff4d!important;border-radius:99px!important;padding:13px 24px!important;font-size:13.5px!important}.packages-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a192fd9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.packages-modal-card{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:28px;width:100%;max-width:520px;padding:32px;position:relative;box-shadow:0 25px 60px #0000004d}html.dark .packages-modal-card{color:#f8fafc;background:#0f172a;border-color:#ffffff1f}.packages-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:18px;right:18px}html.dark .packages-modal-close{color:#cbd5e1;background:#1e293b}.packages-modal-title{font-family:var(--font-heading);margin:10px 0 6px;font-size:20px;font-weight:800}.packages-modal-subtitle{color:#64748b;margin-bottom:20px;font-size:13px}html.dark .packages-modal-subtitle{color:#94a3b8}.packages-modal-form{flex-direction:column;gap:14px;display:flex}.pack-form-field{flex-direction:column;gap:6px;display:flex}.pack-form-field label{text-transform:uppercase;color:#475569;font-size:11.5px;font-weight:700}html.dark .pack-form-field label{color:#cbd5e1}.pack-form-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:13.5px}html.dark .pack-form-input{color:#fff;background:#1e293b;border-color:#334155}.pack-form-input:focus{border-color:#d4af37}.pack-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pack-modal-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0a192f,#1e3a8a);border:none;border-radius:99px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:14px;font-size:14px;font-weight:700;display:flex}@media (width<=1024px){.packages-cards-grid{grid-template-columns:1fr;gap:28px}.featured-tier{transform:none}.packages-stats-grid{grid-template-columns:repeat(2,1fr)}.packages-contact-banner{text-align:center;flex-direction:column}.contact-banner-actions{flex-direction:column;width:100%}.packages-whatsapp-btn,.packages-quote-btn{justify-content:center!important;width:100%!important}}@media (width<=640px){.packages-hero{padding:100px 0 40px}.packages-hero-title{font-size:28px}.packages-hero-subtitle{font-size:14px}.package-card{border-radius:22px;padding:26px 20px}.packages-matrix-section,.packages-faq-section{border-radius:22px;padding:28px 18px}.pack-form-row,.packages-stats-grid{grid-template-columns:1fr}.audience-pill{padding:8px 14px;font-size:12px}}.plaza-corridor-page{border-top:none;margin-top:0;padding-top:0;animation:.3s ease-out pageReveal}@keyframes pageReveal{0%{opacity:0}to{opacity:1}}.plaza-splash-screen{z-index:99999;cursor:pointer;background:#fff;justify-content:center;align-items:center;transition:transform .85s cubic-bezier(.77,0,.175,1),opacity .85s;display:flex;position:fixed;inset:0;overflow:hidden}.plaza-splash-exit{opacity:0;pointer-events:none;transform:translateY(-100%)}.plaza-splash-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:520px;padding:2rem;animation:.8s cubic-bezier(.16,1,.3,1) forwards splashContentPop;display:flex}@keyframes splashContentPop{0%{opacity:0;transform:scale(.88)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}.plaza-splash-logo-container{justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex;position:relative}.plaza-splash-logo{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 15px 35px #e11d482e);width:auto;max-height:140px;animation:3s ease-in-out infinite alternate splashLogoFloat}@keyframes splashLogoFloat{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.plaza-splash-glow{z-index:-1;filter:blur(25px);background:radial-gradient(circle,#f43f5e2e 0%,#fbbf2414 50%,#0000 70%);border-radius:50%;width:220px;height:220px;animation:2.5s infinite alternate glowPulse;position:absolute}@keyframes glowPulse{0%{opacity:.5;transform:scale(.9)}to{opacity:.9;transform:scale(1.15)}}.plaza-splash-tagline{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.plaza-splash-badge{letter-spacing:.12em;color:#e11d48;background:#e11d4814;border:1px solid #e11d4840;border-radius:9999px;padding:.35rem .85rem;font-size:.75rem;font-weight:900;display:inline-block}.plaza-splash-subtext{color:#475569;font-size:.88rem;font-weight:600}.plaza-splash-skip-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:9999px;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-size:.8rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0f172a33}.plaza-splash-skip-btn:hover{background:#e11d48;transform:translateY(-1px)}.plaza-hero-wrapper{background-color:#050811;position:relative}.plaza-slide-item{will-change:transform, opacity;transform-origin:50%;transition:opacity 1s cubic-bezier(.4,0,.2,1),transform 1s cubic-bezier(.4,0,.2,1)}.plaza-slide-item.opacity-100 img{animation:10s ease-out infinite alternate heroKenBurns}@keyframes heroKenBurns{0%{transform:scale(1)translate(0)}to{transform:scale(1.06)translate(-.5%,-.5%)}}.animate-fadeIn{animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeIn}.plaza-finder-card{box-shadow:0 25px 60px -15px #00000080,0 0 0 1px #e11d4840}.plaza-finder-card select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2rem}.plaza-collab-logos-container{position:relative;overflow:hidden}.plaza-slide-logo-left{animation:1s cubic-bezier(.16,1,.3,1) forwards slideLogoLeft}.plaza-slide-logo-right{animation:1s cubic-bezier(.16,1,.3,1) forwards slideLogoRight}@keyframes slideLogoLeft{0%{opacity:0;transform:translate(-70px)}to{opacity:1;transform:translate(0)}}@keyframes slideLogoRight{0%{opacity:0;transform:translate(70px)}to{opacity:1;transform:translate(0)}}.plaza-partnership-text{animation:1.2s cubic-bezier(.16,1,.3,1) forwards partnershipFadeUp}@keyframes partnershipFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.plaza-purpose-pill{white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-shrink:0}.plaza-purpose-pill:active{transform:scale(.96)}@media (width<=640px){.plaza-splash-logo{max-height:105px}.plaza-hero-wrapper{min-height:auto;padding-top:1.5rem;padding-bottom:2.5rem}.plaza-finder-card{border-radius:1.75rem;margin-top:.5rem;padding:1.1rem}.plaza-finder-card select{height:44px;font-size:.82rem}.plaza-purpose-pill{border-radius:.85rem;padding:.55rem .9rem;font-size:.78rem}}.plaza-partnership-section{position:relative}.plaza-collab-dual-hub{transition:box-shadow .3s,border-color .3s;position:relative}.plaza-collab-dual-hub:hover{box-shadow:0 30px 70px -15px #e11d4814,0 0 0 1px #e11d4833}html.dark .plaza-collab-dual-hub:hover{box-shadow:0 30px 80px -15px #0009,0 0 0 1px #e11d4859}@keyframes bilateralPulse{0%{transform:scale(.96);box-shadow:0 0 #e11d4866}70%{transform:scale(1.04);box-shadow:0 0 0 14px #e11d4800}to{transform:scale(.96);box-shadow:0 0 #e11d4800}}.plaza-collab-dual-hub .animate-pulse{animation:2.8s ease-in-out infinite bilateralPulse}.auth-page{background:radial-gradient(circle at 10% 20%,#0a192f0a 0%,#d4af370f 90%);justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:2rem 1rem;display:flex;position:relative;overflow:hidden}html.dark .auth-page{background:radial-gradient(circle at 50% 10%,#d4af3714 0%,#0a192ff2 100%),#000}.auth-container{background:var(--surface-color,#fff);z-index:10;border-radius:28px;width:100%;max-width:480px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0a192f26,0 0 0 1px #0000000d}html.dark .auth-container{background:#111;box-shadow:0 25px 50px -12px #0009,0 0 0 1px #ffffff1a}.auth-header{text-align:center;color:#fff;background:linear-gradient(135deg,#0a192f 0%,#1e3a8a 100%);padding:2.2rem 2rem 1.8rem;position:relative}.auth-logo{filter: none !important;height:38px;margin:0 auto 1rem;display:block}.auth-title{color:#fff;font-size:1.6rem;font-weight:700;font-family:var(--font-heading,sans-serif);margin:0 0 .4rem}.auth-subtitle{color:#ffffffbf;margin:0;font-size:.88rem}.auth-body{padding:1.5rem 2rem 2.2rem}.portal-selector-box{background:#0a192f08;border:1px solid #0a192f14;border-radius:18px;margin-bottom:1.4rem;padding:12px}html.dark .portal-selector-box{background:#ffffff0a;border-color:#ffffff14}.portal-selector-title{text-transform:uppercase;letter-spacing:.5px;color:var(--gold-primary,#d4af37);margin-bottom:8px;padding:0 4px;font-size:.76rem;font-weight:700}.portal-selector-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.portal-select-btn{color:var(--text-secondary,#64748b);cursor:pointer;text-align:center;background:#00000005;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:.78rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}html.dark .portal-select-btn{color:#94a3b8;background:#ffffff08}.portal-select-btn:hover{color:var(--gold-primary,#d4af37);background:#d4af371a}.portal-select-btn.active{background:var(--royal-blue,#0a192f);color:#fff;border-color:var(--gold-primary,#d4af37);box-shadow:0 4px 12px #0a192f33}html.dark .portal-select-btn.active{background:var(--gold-primary,#d4af37);color:#0a192f}.portal-role-info-pill{color:#0a192f;background:#d4af371f;border:1px solid #d4af3740;border-radius:10px;margin-top:8px;padding:8px 12px;font-size:.76rem;font-weight:600;line-height:1.35}html.dark .portal-role-info-pill{color:#f1f5f9;background:#d4af371a;border-color:#d4af3733}.auth-tabs{background:#f1f5f9;border-radius:14px;margin-bottom:1.8rem;padding:4px;display:flex}html.dark .auth-tabs{background:#ffffff0f}.auth-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:11px;flex:1;padding:.65rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}html.dark .auth-tab{color:#94a3b8}.auth-tab.active{color:#0a192f;background:#fff;box-shadow:0 4px 12px #00000014}html.dark .auth-tab.active{color:#fff;background:#222;box-shadow:0 4px 12px #0006}.auth-form-group{margin-bottom:1.25rem}.auth-label{color:var(--text-primary,#0a192f);margin-bottom:.45rem;font-size:.85rem;font-weight:600;display:block}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:#94a3b8;pointer-events:none;position:absolute;left:1rem}.auth-input{width:100%;color:var(--text-primary,#0a192f);box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;outline:none;padding:.85rem 1rem .85rem 2.85rem;font-size:.95rem;transition:all .2s}html.dark .auth-input{color:#fff;background:#000;border-color:#ffffff1f}.auth-input:focus{background:#fff;border-color:#d4af37;box-shadow:0 0 0 4px #d4af3726}html.dark .auth-input:focus{background:#0a0a0a}.auth-options{justify-content:space-between;align-items:center;margin:1rem 0 1.5rem;font-size:.85rem;display:flex}.auth-remember{cursor:pointer;color:var(--text-secondary,#64748b);align-items:center;gap:.5rem;display:flex}.auth-forgot{color:#d4af37;font-weight:600;text-decoration:none}.auth-forgot:hover{text-decoration:underline}.auth-submit-btn{color:#0a192f;cursor:pointer;background:linear-gradient(135deg,#d4af37 0%,#b38728 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.95rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 8px 20px #d4af3740}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #d4af3759}.auth-submit-btn:active{transform:translateY(0)}.auth-divider{text-align:center;color:#94a3b8;align-items:center;margin:1.5rem 0;font-size:.8rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #e2e8f0;flex:1}html.dark .auth-divider:before,html.dark .auth-divider:after{border-bottom-color:#ffffff1a}.auth-divider span{padding:0 .8rem}.auth-social-btns{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.auth-social-btn{color:var(--text-primary,#0a192f);cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}html.dark .auth-social-btn{color:#fff;background:#181818;border-color:#ffffff1a}.auth-social-btn:hover{background:#f8fafc;border-color:#cbd5e1}html.dark .auth-social-btn:hover{background:#222}.auth-footer{text-align:center;color:var(--text-secondary,#64748b);margin-top:1.5rem;font-size:.88rem}.auth-footer a{color:#d4af37;cursor:pointer;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-gate-notice{color:#0a192f;text-align:left;background:linear-gradient(135deg,#d4af3729 0%,#d4af370f 100%);border:1.5px solid #d4af3780;border-radius:16px;align-items:flex-start;gap:12px;margin-bottom:1.3rem;padding:13px 15px;animation:.25s ease-out dropdownPop;display:flex;box-shadow:0 4px 14px #d4af371f}html.dark .auth-gate-notice{color:#f8fafc;background:#d4af371f;border-color:#d4af3766}.auth-gate-icon{color:#d4af37;flex-shrink:0;margin-top:2px}.auth-gate-title{color:#0a192f;margin-bottom:2px;font-size:.92rem;font-weight:700}html.dark .auth-gate-title{color:#fff}.auth-gate-text{color:#475569;margin:0;font-size:.82rem;line-height:1.45}html.dark .auth-gate-text{color:#cbd5e1}.auth-alert-error{color:#991b1b;background:#fef2f2;border:1.5px solid #f87171;border-radius:12px;align-items:center;gap:10px;margin-bottom:1.1rem;padding:11px 14px;font-size:.85rem;font-weight:600;animation:.2s dropdownPop;display:flex}html.dark .auth-alert-error{color:#fecaca;background:#ef44442e;border-color:#ef444480}.auth-alert-success{color:#166534;background:#f0fdf4;border:1.5px solid #4ade80;border-radius:12px;align-items:center;gap:10px;margin-bottom:1.1rem;padding:11px 14px;font-size:.85rem;font-weight:600;animation:.2s dropdownPop;display:flex}html.dark .auth-alert-success{color:#bbf7d0;background:#22c55e2e;border-color:#22c55e80}@media (width<=640px){.auth-page{align-items:flex-start;padding:1rem .75rem}.auth-container{border-radius:20px}.auth-header{padding:2rem 1.25rem 1.5rem}.auth-body{padding:1.25rem 1.25rem 1.75rem}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none;user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1;zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.floating-support-container{z-index:9999;position:fixed;bottom:30px;right:30px}.floating-triggers-wrapper{width:60px;height:60px;position:relative}.floating-btn{color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;text-decoration:none;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex;position:absolute;top:0;left:0;box-shadow:0 8px 24px #00000040}.floating-btn.visible{opacity:1;pointer-events:auto;transform:scale(1)rotate(0)}.floating-btn.hidden{opacity:0;pointer-events:none;transform:scale(.6)rotate(-15deg)}.whatsapp-btn{background:linear-gradient(135deg,#25d366,#128c7e)}.ai-btn{border:1.5px solid var(--gold-primary);color:var(--gold-primary);background:linear-gradient(135deg,#0a192f,#1e3a8a)}.floating-btn:hover{box-shadow:0 12px 30px #00000059;transform:scale(1.1)!important}.floating-tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#0a192fe6;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .25s;position:absolute;right:70px;transform:translate(10px)}.floating-btn:hover .floating-tooltip{opacity:1;transform:translate(0)}.chatbot-window{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-direction:column;width:360px;height:520px;animation:.35s cubic-bezier(.16,1,.3,1) popUp;display:flex;position:fixed;bottom:30px;right:30px;overflow:hidden;box-shadow:0 20px 50px #0000004d}@keyframes popUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.chatbot-header{background:var(--royal-blue);color:#fff;border-bottom:1px solid var(--gold-primary);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chatbot-title{align-items:center;gap:10px;font-weight:700;display:flex}.chatbot-close{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.chatbot-messages{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.message-bubble{gap:8px;max-width:85%;display:flex}.message-bubble.user{flex-direction:row-reverse;align-self:flex-end}.message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.message-bubble.bot .message-avatar{background:var(--royal-blue);color:var(--gold-primary);border:1px solid var(--gold-primary)}.message-bubble.user .message-avatar{background:var(--gold-primary);color:#000}.message-text{border-radius:var(--radius-md);padding:10px 14px;font-size:14px;line-height:1.5}.message-bubble.bot .message-text{color:var(--text-primary);background:#0a192f0f;border-top-left-radius:4px}html.dark .message-bubble.bot .message-text{background:#ffffff14}.message-bubble.user .message-text{background:var(--royal-blue);color:#fff;border-top-right-radius:4px}.chatbot-input{border-top:1px solid var(--border-color);background:var(--surface-color);align-items:center;gap:8px;padding:12px 16px;display:flex}.chatbot-input input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.chatbot-input button{background:var(--royal-blue);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.chatbot-input button:disabled{opacity:.4;cursor:not-allowed}@media (width<=480px){.floating-support-container{bottom:20px;right:20px}.chatbot-window{width:calc(100vw - 32px);height:460px;margin-bottom:70px;bottom:16px;right:16px}}@media (width<=1023px){.floating-triggers-wrapper{display:none!important}}
.preloader-container {
  background: #000000 !important;
  background-color: #000000 !important;
  z-index: 999999 !important;
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  transition: opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1), transform 0.9s cubic-bezier(0.77, 0, 0.175, 1);
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  transform: translateY(0);
  overflow: hidden;
}

.preloader-ambient-glow {
  position: absolute;
  width: 650px;
  height: 650px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.22) 0%, rgba(212, 175, 55, 0.06) 45%, rgba(0, 0, 0, 0) 75%);
  pointer-events: none;
  animation: preloaderAuraPulse 3.2s ease-in-out infinite alternate;
}

@keyframes preloaderAuraPulse {
  0% { transform: scale(0.85); opacity: 0.55; }
  100% { transform: scale(1.18); opacity: 1; }
}

.preloader-content {
  position: relative;
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  text-align: center;
  padding: 24px;
}

.preloader-logo-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
}

.preloader-logo {
  object-fit: contain;
  opacity: 0;
  max-width: 320px;
  max-height: 160px;
  width: auto;
  height: auto;
  transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1), transform 0.75s cubic-bezier(0.16, 1, 0.3, 1), filter 0.8s ease;
  transform: scale(0.92);
  filter: drop-shadow(0 0 25px rgba(212, 175, 55, 0.5)) drop-shadow(0 4px 16px rgba(0, 0, 0, 0.9));
}

.preloader-container.entering .preloader-logo {
  opacity: 1;
  transform: scale(1);
}

@keyframes preloaderLogoBreathe {
  0% {
    transform: scale(1);
    filter: drop-shadow(0 0 20px rgba(212, 175, 55, 0.45)) drop-shadow(0 4px 16px rgba(0, 0, 0, 0.9));
  }
  50% {
    transform: scale(1.035);
    filter: drop-shadow(0 0 40px rgba(212, 175, 55, 0.75)) drop-shadow(0 0 14px rgba(255, 235, 150, 0.5));
  }
  100% {
    transform: scale(1);
    filter: drop-shadow(0 0 20px rgba(212, 175, 55, 0.45)) drop-shadow(0 4px 16px rgba(0, 0, 0, 0.9));
  }
}

.preloader-container.pulsing .preloader-logo {
  opacity: 1;
  animation: preloaderLogoBreathe 2.4s ease-in-out infinite;
  transform: scale(1);
}

.preloader-line-track {
  width: 220px;
  height: 2px;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  margin-bottom: 16px;
}

.preloader-line-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #996515 0%, #D4AF37 50%, #F5E087 100%);
  box-shadow: 0 0 12px rgba(212, 175, 55, 0.85);
  border-radius: 2px;
  animation: preloaderLineFill 2.1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes preloaderLineFill {
  0% { width: 0%; }
  45% { width: 60%; }
  100% { width: 100%; }
}

.preloader-tagline {
  font-family: 'Geometos', 'Montserrat', sans-serif;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 4px;
  color: #D4AF37;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(8px);
  animation: preloaderTaglineFade 1s cubic-bezier(0.16, 1, 0.3, 1) 0.35s forwards;
}

@keyframes preloaderTaglineFade {
  to {
    opacity: 0.9;
    transform: translateY(0);
  }
}

.preloader-container.sliding-out {
  opacity: 0 !important;
  transform: translateY(-100vh) !important;
  pointer-events: none !important;
}

.preloader-container.sliding-out .preloader-content {
  transform: scale(0.96) translateY(-40px);
  opacity: 0;
  transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s ease;
}
.scroll-to-top-btn{cursor:pointer;z-index:99;opacity:0;pointer-events:none;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:126px;right:20px;transform:translateY(20px)scale(.9);box-shadow:0 4px 12px #00000026}.scroll-to-top-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}:root[data-theme=dark] .scroll-to-top-btn{background:#1e293b;box-shadow:0 4px 12px #00000080}.progress-ring{position:absolute;top:0;left:0;transform:rotate(-90deg)}.progress-ring-circle-bg{color:#e2e8f0}:root[data-theme=dark] .progress-ring-circle-bg{color:#334155}.progress-ring-circle{color:#0f172a;stroke-dasharray:126;transition:stroke-dashoffset .1s}:root[data-theme=dark] .progress-ring-circle{color:#f8fafc}.arrow-container{color:#0f172a;z-index:2;justify-content:center;align-items:center;display:flex}:root[data-theme=dark] .arrow-container{color:#f8fafc}.scroll-to-top-btn:hover .arrow-container{animation:1s infinite bounce}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@media (width>=1024px){.scroll-to-top-btn{bottom:30px}}.admin-cms-root{color:#0f172a;background:#f8fafc;height:100vh;max-height:100vh;font-family:inherit;display:flex;position:relative;overflow:hidden}.admin-cms-sidebar{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:325px;height:100vh;max-height:100vh;display:flex;position:relative;overflow:hidden;box-shadow:2px 0 16px #00000008}.admin-sidebar-header{box-sizing:border-box;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:74px;padding:0 18px;display:flex}.admin-sidebar-logo-link{flex:1;align-items:center;min-width:0;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.admin-sidebar-logo-link:hover{opacity:.9;transform:translateY(-1px)}.admin-sidebar-logo{-o-object-fit:contain;object-fit:contain;width:auto;max-width:170px;height:40px;display:block}.admin-sidebar-header-right{align-items:center;gap:8px;display:flex}.admin-sidebar-studio-badge{letter-spacing:.12em;text-transform:uppercase;color:#b45309;white-space:nowrap;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;padding:4px 9px;font-size:.62rem;font-weight:800;box-shadow:0 1px 3px #0000000a}.live-pill-count{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:999px;padding:2px 8px;font-size:.68rem;font-weight:700}.live-dot-pulse{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-green;box-shadow:0 0 10px #10b981}@keyframes pulse-green{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.admin-sidebar-search-box{padding:12px 16px 6px;position:relative}.sidebar-search-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;left:28px;transform:translateY(-50%)}.sidebar-search-input{color:#0f172a;box-sizing:border-box;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:8px 30px 8px 34px;font-family:inherit;font-size:.8rem;transition:all .2s}.sidebar-search-input:focus{background:#fff;border-color:#d4af37;outline:none;box-shadow:0 0 0 2px #d4af3726}.sidebar-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:26px;transform:translateY(-50%)}.sidebar-search-clear:hover{color:#0f172a}.admin-sidebar-nav{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:1;gap:5px;padding:10px 12px;display:flex;overflow:hidden auto}.admin-nav-item{color:#475569;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:.84rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.admin-nav-item:hover{color:#0f172a;background:#f1f5f9;transform:translate(2px)}.admin-nav-item.active{color:#0a192f;background:#fffbeb;border-color:#d4af3766;box-shadow:0 2px 8px #0000000a}.admin-nav-num-pill{letter-spacing:.05em;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px 6px;font-family:monospace;font-size:.68rem;font-weight:800}.admin-nav-item.active .admin-nav-num-pill{color:#b45309;background:#fef3c7;border-color:#fde68a}.admin-nav-icon-wrap{color:#64748b;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.admin-nav-item.active .admin-nav-icon-wrap{color:#fff;background:#0a192f;box-shadow:0 2px 8px #0a192f33}.admin-nav-text{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden}.admin-nav-label{color:#0f172a;text-overflow:ellipsis;font-size:.84rem;font-weight:700;overflow:hidden}.admin-nav-badge-pill{color:#64748b;letter-spacing:.02em;font-size:.65rem;font-weight:600}.admin-nav-item.active .admin-nav-badge-pill{color:#b45309}.admin-nav-chevron{opacity:.4;color:#64748b;flex-shrink:0;transition:transform .2s}.admin-nav-item.active .admin-nav-chevron{opacity:1;color:#b45309;transform:translate(2px)}.admin-nav-empty{text-align:center;color:#64748b;padding:24px 16px;font-size:.8rem;font-style:italic}.admin-sidebar-footer{background:#fafafa;border-top:1px solid #e2e8f0;flex-direction:column;gap:10px;padding:16px 20px;display:flex}.admin-live-link,.admin-back-link{border-radius:9px;justify-content:space-between;align-items:center;padding:9px 14px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.admin-live-link{color:#b45309;background:#fffbeb;border:1px solid #fde68a;box-shadow:0 1px 3px #0000000a}.admin-live-link:hover{color:#0a1629;background:#d4af37;border-color:#d4af37;transform:translateY(-1px)}.admin-back-link{color:#64748b;border:1px solid #0000}.admin-back-link:hover{color:#0f172a;background:#f1f5f9}.admin-cms-main{background:#f8fafc;flex-direction:column;flex:1;min-width:0;height:100vh;max-height:100vh;display:flex;position:relative;overflow:hidden}.admin-top-toolbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#fffffff2;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;box-shadow:0 1px 3px #00000005}.admin-breadcrumb,.admin-universal-sync-toggle,.admin-live-pulse-badge,.admin-secondary-btn{display:none!important}.admin-breadcrumb{align-items:center;gap:8px;font-size:.86rem;display:none!important}.crumb-parent{color:#64748b;font-weight:500}.crumb-sep{color:#475569}.crumb-num-chip{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;padding:2px 7px;font-family:monospace;font-size:.72rem;font-weight:800}.crumb-current{color:#0f172a;letter-spacing:-.01em;font-weight:700}.admin-top-actions{align-items:center;gap:10px;display:flex}.animate-spin-slow{animation:8s linear infinite spin-slow}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-lang-picker{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;padding:3px;display:flex}.admin-lang-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:5px 12px;font-size:.76rem;font-weight:700;transition:all .2s}.admin-lang-btn:hover{color:#0f172a}.admin-lang-btn.active{color:#fff;background:#0a192f;box-shadow:0 2px 8px #0a192f33}.admin-preview-btn{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.admin-preview-btn:hover{color:#0f172a;background:#f1f5f9;transform:translateY(-1px)}.admin-primary-save-btn{color:#0a1629;cursor:pointer;background:linear-gradient(135deg,#e6c875 0%,#d4af37 50%,#b89228 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 20px;font-size:.85rem;font-weight:800;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #d4af374d}.admin-primary-save-btn:hover{background:linear-gradient(135deg,#f3d98e 0%,#e0bc48 50%,#c49e34 100%);transform:translateY(-2px);box-shadow:0 6px 20px #d4af3773}.admin-toast{z-index:100;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:.88rem;font-weight:600;animation:.3s slide-in;display:flex;position:fixed;top:86px;right:32px;box-shadow:0 10px 30px #00000026}.admin-toast.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.admin-toast.info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.admin-toast.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}@keyframes slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.editor-live-banner{box-sizing:border-box;background:linear-gradient(135deg,#f0fdf4 0%,#fffbeb 100%);border:1px solid #d4af3759;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1080px;margin:0 auto 24px;padding:16px 22px;display:flex;box-shadow:0 4px 16px #00000008}.editor-live-banner-left{align-items:center;gap:16px;display:flex}.editor-live-banner-icon{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 0 12px #d4af3726}.editor-live-banner-badge{color:#059669;letter-spacing:.06em;align-items:center;gap:7px;margin-bottom:4px;font-size:.72rem;font-weight:800;display:inline-flex}.editor-live-banner-desc{color:#475569;margin:0;font-size:.84rem;line-height:1.45}.editor-live-banner-desc strong{color:#0f172a}.editor-banner-btn{color:#334155;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:7px;padding:8px 16px;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.editor-banner-btn:hover{color:#fff;background:#0a192f;border-color:#0a192f;transform:translateY(-1px);box-shadow:0 4px 14px #0a192f33}.section-kicker-pill{letter-spacing:.1em;color:#b45309;text-transform:uppercase;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;align-items:center;margin-bottom:10px;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.label-with-actions{justify-content:space-between;align-items:center;width:100%;display:flex}.btn-sync-field-all{color:#b45309;cursor:pointer;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.68rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-sync-field-all:hover{color:#0a1629;background:#d4af37;box-shadow:0 2px 8px #d4af374d}.admin-editor-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-behavior:smooth;background:#f8fafc;flex:1;padding:32px 32px 140px;overflow-x:hidden;overflow-y:scroll!important}.admin-editor-scroll::-webkit-scrollbar{width:8px}.admin-sidebar-nav::-webkit-scrollbar{width:8px}.admin-editor-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-left:1px solid #e2e8f0}.admin-sidebar-nav::-webkit-scrollbar-track{background:#f1f5f9;border-left:1px solid #e2e8f0}.admin-editor-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.admin-sidebar-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.admin-editor-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.admin-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#94a3b8}.admin-editor-scroll,.admin-sidebar-nav{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.editor-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:1080px;margin:0 auto;padding:32px;box-shadow:0 4px 20px -2px #0000000d}.editor-card-header{border-bottom:1px solid #f1f5f9;margin-bottom:28px;padding-bottom:20px}.editor-card-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 6px;font-size:1.45rem;font-weight:800}.editor-card-desc{color:#64748b;margin:0;font-size:.9rem;line-height:1.5}.editor-form-grid{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;width:100%;display:grid}.editor-form-grid>*{min-width:0}.form-group{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}.full-width,.form-group.full-width{min-width:0;grid-column:1/-1!important;width:100%!important}.form-group label{color:#334155;letter-spacing:.02em;font-size:.8rem;font-weight:700}.form-group input,.form-group textarea,.form-group select{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{background:#fff;border-color:#d4af37;outline:none;box-shadow:0 0 0 3px #d4af3726}.sub-heading{color:#0f172a;margin:28px 0 16px;font-size:1.1rem;font-weight:800}.preset-pill-list{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.preset-label{color:#64748b;font-size:.74rem}.preset-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:600;transition:all .2s}.preset-btn:hover{color:#b45309;background:#fffbeb;border-color:#d4af37}.buttons-editor-grid{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;display:grid}.button-edit-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.btn-tag{text-transform:uppercase;border-radius:6px;align-self:flex-start;padding:3px 8px;font-size:.7rem;font-weight:800;display:inline-block}.btn-tag.gold{color:#0a1629;background:#d4af37}.btn-tag.white{color:#0a1629;background:#fff}.btn-tag.dark{color:#f8fafc;background:#020617;border:1px solid #fff3}.tag-editor-list{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.tag-item-chip{background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;align-items:center;display:flex;overflow:hidden;box-shadow:0 1px 2px #00000008}.tag-item-chip input{color:#0f172a;background:0 0;border:none;outline:none;min-width:140px;padding:8px 12px;font-size:.85rem;font-weight:600}.chip-remove-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:8px 10px;transition:background .2s}.chip-remove-btn:hover{background:#fee2e2}.add-item-btn{color:#b45309;cursor:pointer;background:#fffbeb;border:1.5px dashed #d4af37;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.add-item-btn:hover{color:#92400e;background:#fef3c7;border-color:#b45309}.cards-manager-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;display:grid}.card-item-box{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;align-items:stretch;gap:14px;min-width:0;padding:16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 2px 8px #00000008}.card-item-box:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 6px 18px #0000000f}.card-item-thumb{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;width:90px;min-height:100%;position:relative;overflow:hidden}.card-item-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.thumb-num-badge{color:#fde047;z-index:6;background:#0a192f;border-radius:4px;padding:2px 6px;font-size:.62rem;font-weight:800;position:absolute;top:4px;left:4px}.card-item-fields{box-sizing:border-box;flex-direction:column;flex:1;gap:8px;width:100%;min-width:0;display:flex}.card-item-fields input{border-radius:8px;padding:8px 12px;font-size:.84rem;font-weight:600;transition:border-color .2s;box-shadow:0 1px 2px #00000005;box-sizing:border-box!important;color:#0f172a!important;background:#fff!important;border:1.5px solid #cbd5e1!important;width:100%!important;min-width:0!important}.card-item-fields input:focus{outline:none;background:#fff!important;border-color:#0a192f!important;box-shadow:0 0 0 3px #0a192f14!important}.card-item-fields .image-control-wrapper{box-sizing:border-box;width:100%;min-width:0}.card-item-fields .image-control-inputs{box-sizing:border-box;flex-direction:column;gap:6px;width:100%;display:flex}.card-item-fields .image-control-inputs .image-path-input{padding:7px 10px;font-family:JetBrains Mono,monospace;font-size:.74rem;box-sizing:border-box!important;color:#0f172a!important;background:#fff!important;border:1.5px solid #cbd5e1!important;width:100%!important;min-width:0!important}.card-item-fields .image-control-btns{box-sizing:border-box;align-items:center;gap:6px;width:100%;display:flex}.card-item-fields .btn-gallery-action,.card-item-fields .btn-upload-action{white-space:nowrap;box-sizing:border-box;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.section-sub-bar{justify-content:space-between;align-items:center;margin:28px 0 16px;display:flex}.section-sub-bar .sub-heading{margin:0}.sub-heading-desc{color:#94a3b8;margin:3px 0 0;font-size:.78rem}.btn-add-listing-primary{cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#d4af37 0%,#aa820a 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-size:.84rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 16px #d4af3759;color:#0a1629!important}.btn-add-listing-primary:hover{background:linear-gradient(135deg,#e5c358 0%,#ba9214 100%);transform:translateY(-2px);box-shadow:0 6px 22px #d4af3780}.listings-filter-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.listings-category-tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.listing-cat-tab-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;padding:7px 16px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #00000005}.listing-cat-tab-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.listing-cat-tab-btn.active{color:#fff;background:#0a192f;border-color:#0a192f;box-shadow:0 2px 8px #0a192f2e}.tab-count-badge{color:#64748b;background:#f1f5f9;border-radius:999px;padding:1px 7px;font-size:.68rem;font-weight:800}.listing-cat-tab-btn.active .tab-count-badge{color:#fff;background:#fff3}.listing-search-filter-box{min-width:280px;position:relative}.listing-search-filter-box input{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:9px 14px 9px 36px;font-size:.84rem;font-weight:600;transition:all .2s;box-shadow:0 1px 2px #00000005}.listing-search-filter-box input:focus{border-color:#0a192f;box-shadow:0 0 0 3px #0a192f14}.listing-search-filter-box .search-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.listings-editor-stack{flex-direction:column;gap:20px;display:flex}.listing-card-premium{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:16px;padding:20px 24px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 4px 20px -2px #0f172a0d}.listing-card-premium:hover{border-color:#cbd5e1;box-shadow:0 10px 30px -4px #0f172a17}.listing-card-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.listing-card-meta-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.listing-index-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:800}.listing-cat-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:8px;padding:4px 12px;font-size:.75rem;font-weight:800}.listing-cat-badge.sale{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.listing-cat-badge.investment{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.listing-cat-badge.off_plan{color:#6d28d9;background:#faf5ff;border:1px solid #ddd6fe}.listing-cat-badge.rent{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.listing-pill-badge{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:4px 10px;font-size:.72rem;font-weight:700}.listing-card-actions{align-items:center;gap:10px;display:flex}.listing-action-btn{cursor:pointer;white-space:nowrap;border-radius:10px;outline:none;align-items:center;gap:7px;padding:8px 16px;font-size:.78rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.listing-action-btn.edit-wizard-btn{color:#fff!important;background:#0a192f!important;border:1.5px solid #0a192f!important;box-shadow:0 2px 8px #0a192f29!important}.listing-action-btn.edit-wizard-btn svg{color:#fcd34d!important}.listing-action-btn.edit-wizard-btn:hover{transform:translateY(-1px);color:#fff!important;background:#1e3a8a!important;border-color:#1e3a8a!important;box-shadow:0 6px 18px #0a192f42!important}.listing-action-btn.delete-btn{color:#dc2626!important;background:#fef2f2!important;border:1.5px solid #fecaca!important;box-shadow:0 1px 3px #dc26260f!important}.listing-action-btn.delete-btn:hover{transform:translateY(-1px);color:#fff!important;background:#dc2626!important;border-color:#dc2626!important;box-shadow:0 6px 18px #dc26264d!important}.listing-card-body{align-items:flex-start;gap:20px;display:flex}.listing-card-thumb-wrap{background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:14px;flex-shrink:0;width:140px;height:125px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000d}.listing-card-thumb-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s}.listing-card-thumb-wrap:hover img{transform:scale(1.05)}.thumb-change-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;opacity:0;cursor:pointer;background:#0a192fb3;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.75rem;font-weight:700;transition:opacity .2s;display:flex;position:absolute;inset:0}.listing-card-thumb-wrap:hover .thumb-change-overlay{opacity:1}.listing-form-content{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.listing-row-2col{gap:14px;width:100%;display:flex}.listing-row-2col .flex-2{flex:2;min-width:0}.listing-row-2col .flex-1{flex:1;min-width:0}.listing-row-3col{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;display:grid}.listing-input-group{flex-direction:column;gap:6px;min-width:0;display:flex}.listing-input-group label{color:#334155;letter-spacing:.01em;font-size:.76rem;font-weight:700}.listing-input-group input,.listing-input-group select{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;width:100%;min-width:0;padding:10px 14px;font-size:.88rem;font-weight:600;transition:all .2s;box-shadow:0 1px 2px #00000005}.listing-input-group input:focus,.listing-input-group select:focus{background:#fff;border-color:#0a192f;outline:none;box-shadow:0 0 0 3px #0a192f14}.listing-input-group input::placeholder{color:#94a3b8;font-weight:400}.listing-specs-row{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:14px 18px;display:flex}.specs-row-title{color:#475569;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:800}.specs-triplet{grid-template-columns:1fr 1fr 1fr 2fr;gap:12px;width:100%;display:grid}.spec-unit-box{flex-direction:column;gap:5px;min-width:0;display:flex}.spec-unit-label{color:#64748b;white-space:nowrap;font-size:.72rem;font-weight:700}.spec-unit-box input{box-sizing:border-box;color:#0f172a;text-align:center;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;width:100%;min-width:0;padding:8px 12px;font-size:.88rem;font-weight:700;transition:all .2s;box-shadow:0 1px 2px #00000005}.spec-unit-box input:focus{border-color:#0a192f;outline:none;box-shadow:0 0 0 3px #0a192f14}.spec-link-box input{text-align:left;color:#2563eb;padding-left:12px;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:600}.listing-image-row{width:100%}.districts-list-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;display:grid}.district-edit-box{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:16px}.district-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dist-name-tag{color:#d4af37;font-size:.82rem;font-weight:800}.dist-coords{color:#64748b;font-size:.72rem}.system-tools-grid{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;display:grid}.system-box{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;padding:24px;display:flex}.system-box.danger{border-color:#ef444440}.system-icon-wrap{background:#ffffff0f;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:flex}.system-icon-wrap.danger{background:#ef44441f}.system-box h3{color:#fff;margin:0 0 8px;font-size:1.05rem;font-weight:800}.system-box p{color:#94a3b8;flex:1;margin:0 0 20px;font-size:.84rem;line-height:1.5}.system-box textarea{color:#fff;background:#0f172ad9;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-family:monospace;font-size:.76rem}.system-action-btn{color:#0a1629;cursor:pointer;background:#d4af37;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.system-action-btn:hover{background:#e5c358;transform:translateY(-2px)}.system-action-btn.secondary{color:#fff;background:#ffffff1a}.system-action-btn.danger{color:#fff;background:#dc2626}.system-action-btn.danger:hover{background:#ef4444}@media (width<=1024px){.admin-cms-root{flex-direction:column;height:auto;max-height:none;overflow-y:visible}.admin-cms-sidebar{width:100%;height:auto;max-height:none;position:static}.admin-cms-main{height:auto;max-height:none;overflow:visible}.admin-editor-scroll{height:auto;padding:20px 16px 80px;overflow-y:visible!important}.system-tools-grid,.cards-manager-grid,.districts-list-grid,.listing-fields-grid,.buttons-editor-grid{grid-template-columns:1fr}}.image-control-wrapper{box-sizing:border-box;flex-direction:column;gap:6px;width:100%;min-width:0;display:flex}.image-control-label{color:#334155;letter-spacing:.01em;font-size:.76rem;font-weight:700}.image-control-inputs{box-sizing:border-box;align-items:center;gap:10px;width:100%;min-width:0;display:flex}.image-inline-thumb{background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:9px;flex-shrink:0;width:42px;height:42px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.image-inline-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.image-control-inputs .image-path-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;flex:1;min-width:0;padding:9px 14px;font-family:JetBrains Mono,monospace;font-size:.84rem;font-weight:600;transition:all .2s;box-shadow:0 1px 2px #00000005}.image-control-inputs .image-path-input:focus{border-color:#0a192f;box-shadow:0 0 0 3px #0a192f14}.image-control-btns{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-gallery-action{white-space:nowrap;cursor:pointer;color:#b45309;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:9px;flex-shrink:0;align-items:center;gap:6px;padding:9px 16px;font-size:.78rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 2px #00000008}.btn-gallery-action:hover{color:#0a1629;background:#d4af37;border-color:#d4af37;transform:translateY(-1px);box-shadow:0 4px 12px #d4af3740}.btn-upload-action{white-space:nowrap;cursor:pointer;color:#1d4ed8;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:9px;flex-shrink:0;align-items:center;gap:6px;padding:9px 16px;font-size:.78rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 2px #00000008}.btn-upload-action:hover{color:#fff;background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb40}.clickable-thumb{transition:transform .2s,box-shadow .2s;position:relative;cursor:pointer!important}.clickable-thumb:hover{outline-offset:2px;outline:2px solid #d4af37;box-shadow:0 6px 20px #0006}.thumb-change-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#d4af37;letter-spacing:.05em;text-transform:uppercase;opacity:0;z-index:8;border-radius:inherit;background:#0a1629c7;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.64rem;font-weight:800;transition:opacity .2s;display:flex;position:absolute;inset:0}.clickable-thumb:hover .thumb-change-overlay{opacity:1}.media-gallery-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100010;background:#040914d9;justify-content:center;align-items:center;padding:20px;animation:.22s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.media-gallery-modal{background:#0a1629;border:1px solid #d4af3759;border-radius:20px;flex-direction:column;width:100%;max-width:860px;max-height:88vh;animation:.25s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 65px #000000bf,0 0 0 1px #ffffff0d}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.media-gallery-header{background:#ffffff05;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.media-gallery-title-wrap{align-items:center;gap:12px;display:flex}.media-gallery-icon-badge{color:#d4af37;background:#d4af3726;border:1px solid #d4af374d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.media-gallery-title-wrap h3{color:#f8fafc;margin:0;font-size:1.12rem;font-weight:800}.media-gallery-title-wrap p{color:#94a3b8;margin:2px 0 0;font-size:.78rem}.media-gallery-close{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.media-gallery-close:hover{color:#ef4444;background:#ef444433;border-color:#ef444466}.media-gallery-tabs{background:#0003;border-bottom:1px solid #ffffff0f;gap:10px;padding:12px 24px;display:flex}.media-gallery-tab{cursor:pointer;color:#94a3b8;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.media-gallery-tab:hover{color:#f8fafc;background:#ffffff0a}.media-gallery-tab.active{color:#d4af37;background:#d4af371f;border-color:#d4af3759;font-weight:700}.media-gallery-body{flex:1;max-height:54vh;padding:22px 24px;overflow-y:auto}.media-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;display:grid}.media-grid-item{cursor:pointer;background:#ffffff08;border:2px solid #ffffff14;border-radius:12px;flex-direction:column;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.media-grid-item:hover{border-color:#d4af3780;transform:translateY(-2px);box-shadow:0 8px 20px #0006}.media-grid-item.is-selected{border-color:#d4af37;box-shadow:0 0 0 2px #d4af3766,0 8px 20px #d4af3733}.media-grid-thumb{aspect-ratio:4/3;background:#020617;width:100%;position:relative;overflow:hidden}.media-grid-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s}.media-grid-item:hover .media-grid-thumb img{transform:scale(1.05)}.media-selected-badge{color:#0a1629;background:#d4af37;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #0009}.media-grid-meta{background:#0a1629f2;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.media-grid-label{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;font-weight:700;overflow:hidden}.media-grid-path{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-family:JetBrains Mono,monospace;font-size:.65rem;overflow:hidden}.media-upload-area{flex-direction:column;gap:20px;display:flex}.media-dropzone{text-align:center;cursor:pointer;background:#d4af3708;border:2px dashed #d4af3759;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:44px 24px;transition:all .2s;display:flex}.media-dropzone:hover{background:#d4af3714;border-color:#d4af37}.dropzone-icon{color:#d4af37;background:#d4af371f;border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;display:flex}.media-dropzone h4{color:#f8fafc;margin:0;font-size:1.05rem;font-weight:700}.media-dropzone p{color:#94a3b8;margin:0;font-size:.8rem}.btn-browse-device{color:#0a1629;cursor:pointer;background:#d4af37;border:none;border-radius:10px;margin-top:6px;padding:10px 22px;font-size:.84rem;font-weight:700;transition:transform .2s,box-shadow .2s}.btn-browse-device:hover{transform:translateY(-1px);box-shadow:0 4px 16px #d4af374d}.media-upload-preview-box{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}.preview-heading{color:#d4af37;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.78rem;font-weight:700}.preview-img-container{border:1px solid #d4af374d;border-radius:10px;max-width:320px;max-height:200px;overflow:hidden}.preview-img-container img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.media-url-area{flex-direction:column;gap:12px;display:flex}.media-url-area label{color:#cbd5e1;font-size:.85rem;font-weight:600}.media-url-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;outline:none;padding:12px 14px;font-family:JetBrains Mono,monospace;font-size:.88rem}.media-url-input:focus{border-color:#d4af37}.media-url-preview{flex-direction:column;gap:6px;margin-top:8px;display:flex}.media-url-preview p{color:#94a3b8;margin:0;font-size:.78rem}.media-url-preview img{-o-object-fit:cover;object-fit:cover;border:1px solid #d4af374d;border-radius:10px;max-width:320px;max-height:180px}.media-gallery-footer{background:#ffffff05;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.media-gallery-active-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.active-label{color:#94a3b8;white-space:nowrap;font-size:.76rem;font-weight:700}.active-path{color:#d4af37;white-space:nowrap;text-overflow:ellipsis;background:#d4af371a;border:1px solid #d4af3740;border-radius:6px;max-width:380px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:.76rem;overflow:hidden}.media-gallery-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.btn-cancel{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:9px 18px;font-size:.82rem;font-weight:600;transition:all .2s}.btn-cancel:hover{color:#fff;background:#ffffff1a}.btn-confirm-selection{color:#0a1629;cursor:pointer;background:linear-gradient(135deg,#d4af37 0%,#aa820a 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 20px;font-size:.82rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #d4af374d}.btn-confirm-selection:hover{transform:translateY(-1px);box-shadow:0 6px 20px #d4af3773}.video-control-wrapper{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}.video-control-label{color:#e2e8f0;letter-spacing:.02em;font-size:.82rem;font-weight:700}.video-control-inputs{box-sizing:border-box;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.video-inline-thumb{cursor:pointer;background:#020617;border:1px solid #d4af3773;border-radius:9px;flex-shrink:0;width:62px;height:44px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000080}.video-inline-thumb:hover{border-color:#d4af37;transform:scale(1.05)}.video-inline-thumb video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.video-inline-badge{color:#d4af37;pointer-events:none;background:#0a1629e0;border-radius:4px;justify-content:center;align-items:center;padding:1px 4px;display:flex;position:absolute;bottom:2px;right:2px}.video-control-inputs .video-path-input{color:#fff;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:9px;outline:none;flex:1;min-width:0;padding:9px 12px;font-family:JetBrains Mono,monospace;font-size:.83rem;transition:border-color .2s}.video-control-inputs .video-path-input:focus{border-color:#d4af37}.video-control-btns{flex-shrink:0;align-items:center;gap:6px;display:flex}.btn-video-gallery-action{color:#f8e7a2!important;background:#d4af3724!important;border-color:#d4af3773!important}.btn-video-gallery-action:hover{color:#0a1629!important;background:#d4af37!important;border-color:#d4af37!important}.btn-video-upload-action{color:#ddd6fe!important;background:#8b5cf626!important;border-color:#8b5cf673!important}.btn-video-upload-action:hover{color:#fff!important;background:#8b5cf6!important;border-color:#8b5cf6!important;box-shadow:0 4px 14px #8b5cf659!important}.video-presets-sub{margin-top:4px}.card-item-fields .video-control-wrapper{box-sizing:border-box;width:100%;min-width:0}.card-item-fields .video-control-inputs{box-sizing:border-box;flex-direction:column;gap:6px;width:100%;display:flex}.card-item-fields .video-control-inputs .video-path-input{padding:7px 10px;font-family:JetBrains Mono,monospace;font-size:.74rem;box-sizing:border-box!important;width:100%!important;min-width:0!important}.card-item-fields .video-control-btns{box-sizing:border-box;align-items:center;gap:6px;width:100%;display:flex}.video-modal-backdrop{z-index:100000}.video-gallery-modal{max-width:960px;max-height:90vh}.video-icon-badge{color:#d4af37!important;background:#d4af3726!important}.video-filter-bar{scrollbar-width:thin;background:#ffffff05;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:10px 24px;display:flex;overflow-x:auto}.video-filter-chip{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:6px 14px;font-size:.76rem;font-weight:600;transition:all .2s}.video-filter-chip:hover{color:#f8fafc;background:#ffffff14}.video-filter-chip.active{color:#0a1629;background:#d4af37;border-color:#d4af37;font-weight:700}.video-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}.video-grid-card{cursor:pointer;background:#ffffff08;border:2px solid #ffffff14;border-radius:14px;flex-direction:column;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.video-grid-card:hover{border-color:#d4af3799;transform:translateY(-3px);box-shadow:0 10px 24px #00000080}.video-grid-card.is-selected{border-color:#d4af37;box-shadow:0 0 0 2px #d4af3766,0 10px 24px #d4af3740}.video-grid-preview{aspect-ratio:16/10;background:#020617;width:100%;position:relative;overflow:hidden}.video-grid-preview video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s}.video-grid-card:hover .video-grid-preview video{transform:scale(1.04)}.video-hover-hint{color:#94a3b8;pointer-events:none;opacity:.85;background:#0a1629d9;border:1px solid #ffffff1a;border-radius:6px;padding:3px 7px;font-size:.65rem;font-weight:600;position:absolute;top:6px;left:6px}.video-format-pill{color:#d4af37;pointer-events:none;background:#000000bf;border:1px solid #d4af374d;border-radius:4px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:700;position:absolute;bottom:6px;left:6px}.video-grid-info{background:#0a1629f5;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.video-grid-header-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.video-grid-title{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.78rem;font-weight:700;overflow:hidden}.video-tag-badge{color:#ddd6fe;background:#8b5cf633;border:1px solid #8b5cf659;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:.64rem;font-weight:700}.video-grid-url{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-family:JetBrains Mono,monospace;font-size:.66rem;overflow:hidden}.video-dropzone-icon{color:#a78bfa!important;background:#8b5cf626!important}.btn-browse-video{box-shadow:0 4px 14px #6366f159;color:#fff!important;background:linear-gradient(135deg,#8b5cf6,#6366f1)!important}.btn-browse-video:hover{box-shadow:0 6px 20px #6366f180!important}.video-upload-preview-box{background:#ffffff08;border:1px solid #8b5cf64d;border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.preview-header-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.uploaded-meta-badge{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:6px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:.72rem}.video-preview-player-wrap{aspect-ratio:16/9;background:#000;border:1px solid #ffffff26;border-radius:10px;width:100%;max-width:480px;overflow:hidden}.modal-preview-video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.video-url-preview{margin-top:10px}.btn-confirm-video{color:#0a1629!important;background:#d4af37!important;font-weight:800!important}.btn-confirm-video:hover{background:#f1d26f!important;box-shadow:0 4px 16px #d4af3759!important}.create-listing-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040914d9;justify-content:center;align-items:center;padding:20px;animation:.22s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:fixed;inset:0;z-index:99990!important}.create-listing-modal{background:#0a1629;border:1px solid #d4af3766;border-radius:20px;flex-direction:column;width:100%;max-width:820px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;overflow:hidden;box-shadow:0 30px 70px #000c,0 0 0 1px #d4af3733}.create-listing-header{background:#ffffff05;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.create-listing-title-group{align-items:center;gap:12px;display:flex}.create-listing-icon-badge{color:#d4af37;background:linear-gradient(135deg,#d4af3733 0%,#aa820a33 100%);border:1px solid #d4af3766;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.create-listing-title-group h3{color:#f8fafc;margin:0;font-size:1.15rem;font-weight:800}.create-listing-title-group p{color:#94a3b8;margin:2px 0 0;font-size:.78rem}.create-listing-body{flex-direction:column;flex:1;gap:18px;padding:22px 24px;display:flex;overflow-y:auto}.create-listing-grid{flex-direction:column;gap:14px;display:flex}.create-listing-footer{border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:12px;margin-top:6px;padding-top:14px;display:flex}.btn-save-new-listing{cursor:pointer;background:linear-gradient(135deg,#d4af37 0%,#aa820a 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-size:.85rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 16px #d4af3759;color:#0a1629!important}.btn-save-new-listing:hover{background:linear-gradient(135deg,#e5c358 0%,#ba9214 100%);transform:translateY(-2px);box-shadow:0 6px 22px #d4af3780}.btn-cancel-new-listing{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-cancel-new-listing:hover{color:#f8fafc;background:#ffffff1a;border-color:#fff3}.listing-profile-switcher{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:6px;display:grid}@media (width<=640px){.listing-profile-switcher{grid-template-columns:1fr}}.listing-profile-card{cursor:pointer;text-align:left;background:#ffffff08;border:1.5px solid #ffffff14;border-radius:16px;align-items:center;gap:14px;padding:14px 18px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.listing-profile-card:hover{background:#ffffff0f;border-color:#d4af3766;transform:translateY(-2px)}.listing-profile-card.active{background:linear-gradient(135deg,#d4af371f 0%,#0a162999 100%);border-color:#d4af37;box-shadow:0 8px 24px #d4af3726,0 0 0 1px #d4af374d}.listing-profile-icon{color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.listing-profile-card.active .listing-profile-icon{color:#0a1629;background:linear-gradient(135deg,#d4af37 0%,#aa820a 100%);border-color:#d4af37;box-shadow:0 4px 12px #d4af374d}.listing-profile-info{flex:1;min-width:0}.listing-profile-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.listing-profile-title{color:#f8fafc;font-size:.92rem;font-weight:800}.listing-profile-badge{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;background:#ffffff14;border-radius:9999px;padding:2px 7px;font-size:.62rem;font-weight:800}.listing-profile-card.active .listing-profile-badge{color:#f1d77a;background:#d4af3733}.listing-profile-desc{color:#94a3b8;margin:0;font-size:.74rem;line-height:1.35}.listing-purpose-cards-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px;display:grid}@media (width<=720px){.listing-purpose-cards-grid{grid-template-columns:1fr}}.listing-purpose-card{cursor:pointer;text-align:left;background:#ffffff08;border:1.5px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;transition:all .2s;display:flex}.listing-purpose-card:hover{background:#ffffff0f;border-color:#fff3}.listing-purpose-card.active{background:#d4af371f;border-color:#d4af37}.listing-purpose-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.purpose-icon-sale{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.purpose-icon-rent{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.purpose-icon-mortgage{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#9333ea 100%)}.listing-purpose-title{color:#f8fafc;font-size:.82rem;font-weight:800;display:block}.listing-purpose-sub{color:#94a3b8;font-size:.68rem;display:block}.listing-dev-suite-banner{background:linear-gradient(135deg,#0f1e3dcc 0%,#0a1629f2 100%);border:1px solid #d4af374d;border-radius:14px;justify-content:space-between;align-items:center;margin-top:4px;padding:12px 18px;display:flex}.listing-dev-banner-left{align-items:center;gap:12px;display:flex}.dev-banner-badge{letter-spacing:.1em;text-transform:uppercase;color:#eab308;background:#eab3081f;border:1px solid #eab3084d;border-radius:6px;padding:3px 8px;font-size:.65rem;font-weight:800}.btn-open-full-wizard{cursor:pointer;background:#d4af371f;border:1px solid #d4af3766;border-radius:10px;align-items:center;gap:8px;margin-right:auto;padding:10px 18px;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;color:#f1d77a!important}.btn-open-full-wizard:hover{background:#d4af3738;border-color:#d4af37;transform:translateY(-1px);color:#fff!important}.admin-listing-quick-launch-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px;margin-bottom:20px;display:grid}@media (width<=1024px){.admin-listing-quick-launch-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.admin-listing-quick-launch-grid{grid-template-columns:1fr}}.admin-quick-launch-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;gap:12px;padding:16px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #0000000a}.admin-quick-launch-card:before{content:"";opacity:.8;height:3px;position:absolute;top:0;left:0;right:0}.dev-launch-card:before{background:linear-gradient(90deg,#d4af37,#f59e0b)}.sale-launch-card:before{background:linear-gradient(90deg,#10b981,#059669)}.rent-launch-card:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.mortgage-launch-card:before{background:linear-gradient(90deg,#a855f7,#7c3aed)}.admin-quick-launch-card:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 10px 25px #00000014}.launch-card-header{justify-content:space-between;align-items:center;display:flex}.launch-icon-badge{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.dev-icon{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.sale-icon{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.rent-icon{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.mortgage-icon{color:#7e22ce;background:#faf5ff;border:1px solid #e9d5ff}.launch-step-pill{text-transform:uppercase;letter-spacing:.05em;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;padding:3px 8px;font-size:.65rem;font-weight:800}.launch-title{color:#0f172a;margin:0 0 4px;font-size:.92rem;font-weight:800}.launch-desc{color:#64748b;margin:0;font-size:.73rem;line-height:1.35}.launch-action-link{color:#b45309;align-items:center;gap:5px;margin-top:6px;font-size:.72rem;font-weight:700;display:flex}.create-listing-modal-enhanced{max-width:960px!important}.create-listing-mode-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:8px;padding:12px 24px;display:flex}.create-listing-mode-tab{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.create-listing-mode-tab:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.create-listing-mode-tab.active{color:#fff;background:#0a192f;border-color:#0a192f;box-shadow:0 4px 14px #0a192f33}.mode-tab-tag{text-transform:uppercase;color:#64748b;background:#f1f5f9;border-radius:9999px;padding:2px 7px;font-size:.65rem;font-weight:800}.mode-tab-tag.gold-tag{color:#92400e;background:#fef3c7}.create-listing-wizards-hub{flex:1;padding:20px 24px;overflow-y:auto}.wizards-hub-intro p{color:#64748b;margin:0 0 16px;font-size:.84rem;line-height:1.45}.wizards-hub-cards-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=768px){.wizards-hub-cards-grid{grid-template-columns:1fr}}.wizard-hub-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:space-between;gap:16px;padding:20px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 10px #0000000a}.wizard-hub-card:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 12px 30px #00000014}.wizard-card-top{justify-content:space-between;align-items:center;display:flex}.wizard-card-icon-wrap{border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.icon-dev{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.icon-sale{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.icon-rent{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.icon-mortgage{color:#7e22ce;background:#faf5ff;border:1px solid #a855f74d}.wizard-steps-badge{text-transform:uppercase;letter-spacing:.08em;color:#f1d77a;background:#d4af371f;border:1px solid #d4af374d;border-radius:9999px;padding:4px 10px;font-size:.68rem;font-weight:800}.wizard-profile-tag{text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;margin-bottom:2px;font-size:.68rem;font-weight:800;display:block}.wizard-card-title{color:#f8fafc;margin:0 0 3px;font-size:1.05rem;font-weight:800}.wizard-card-url{color:#64748b;margin:0 0 12px;font-family:monospace;font-size:.72rem}.wizard-features-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.wizard-features-list li{color:#cbd5e1;font-size:.75rem;line-height:1.35}.wizard-features-list li strong{color:#f1d77a}.btn-launch-wizard{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:10px 16px;font-size:.82rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.btn-launch-dev{color:#0a1629;background:linear-gradient(135deg,#d4af37 0%,#aa820a 100%);box-shadow:0 4px 14px #d4af374d}.btn-launch-dev:hover{background:linear-gradient(135deg,#e5c358 0%,#ba9214 100%);transform:translateY(-1px)}.btn-launch-sale{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px #10b9814d}.btn-launch-sale:hover{background:linear-gradient(135deg,#34d399 0%,#059669 100%);transform:translateY(-1px)}.btn-launch-rent{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);box-shadow:0 4px 14px #3b82f64d}.btn-launch-rent:hover{background:linear-gradient(135deg,#60a5fa 0%,#2563eb 100%);transform:translateY(-1px)}.btn-launch-mortgage{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#7e22ce 100%);box-shadow:0 4px 14px #a855f74d}.btn-launch-mortgage:hover{background:linear-gradient(135deg,#c084fc 0%,#9333ea 100%);transform:translateY(-1px)}.listing-sub-block{flex-direction:column;gap:6px;display:flex}.sub-block-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.express-pill-group{flex-wrap:wrap;gap:8px;display:flex}.express-pill-btn{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;padding:6px 14px;font-size:.78rem;font-weight:700;transition:all .2s}.express-pill-btn:hover{color:#f8fafc;background:#ffffff14;border-color:#fff3}.express-pill-btn.active{color:#fde047;background:linear-gradient(135deg,#d4af3733 0%,#0a1629cc 100%);border-color:#d4af37;box-shadow:0 2px 8px #d4af3740}.modal-fullscreen-wizard{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:20px!important;flex-direction:column!important;width:95vw!important;max-width:1180px!important;height:94vh!important;max-height:94vh!important;margin:auto!important;display:flex!important;overflow:hidden!important;box-shadow:0 25px 80px #00000026!important}.wizard-global-profile-bar{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.profile-bar-left{align-items:center;gap:14px;display:flex}.profile-bar-label{letter-spacing:.08em;color:#475569;text-transform:uppercase;font-size:.72rem;font-weight:800}.profile-pill-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.profile-pill-item{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:7px 16px;font-size:.8rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.profile-pill-item:hover{color:#0f172a;background:#fff}.profile-pill-item.active{color:#0a192f;background:#fff;border-color:#d4af3780;box-shadow:0 2px 8px #0000000f}.pill-sub-tag{color:#64748b;background:#f1f5f9;border-radius:999px;padding:2px 7px;font-size:.65rem;font-weight:600}.profile-pill-item.active .pill-sub-tag{color:#92400e;background:#fef3c7}.btn-exit-modal{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.btn-exit-modal:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5;transform:rotate(90deg)}.owner-wizard-container,.developer-wizard-container{scrollbar-width:thin;scrollbar-color:#d4af374d transparent;background:#f8fafc;flex-direction:column;flex:1;gap:20px;padding:24px 32px 60px;display:flex;overflow-y:auto}.owner-wizard-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.owner-topbar-left{align-items:center;gap:14px;display:flex}.owner-back-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.owner-back-btn:hover{color:#0f172a;background:#f1f5f9}.owner-wizard-heading{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.45rem;font-weight:800}.owner-purpose-pills-bar{background:#fff;border:1px solid #cbd5e1;border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex;box-shadow:0 1px 3px #00000008}.owner-purpose-pill{cursor:pointer;color:#64748b;background:0 0;border:1px solid #0000;border-radius:999px;padding:6px 18px;font-size:.78rem;font-weight:700;transition:all .2s}.owner-purpose-pill:hover{color:#0f172a}.owner-purpose-pill.pill-sale.active{color:#fff;background:#10b981;border-color:#059669;box-shadow:0 2px 10px #10b98140}.owner-purpose-pill.pill-rent.active{color:#fff;background:#2563eb;border-color:#1d4ed8;box-shadow:0 2px 10px #2563eb40}.owner-purpose-pill.pill-mortgage.active{color:#fff;background:#7c3aed;border-color:#6d28d9;box-shadow:0 2px 10px #7c3aed40}.owner-stepper-header-redbox,.dev-stepper-header-redbox{background:#fff;border:1px solid #cbd5e1;border-radius:14px;flex-shrink:0;grid-template-columns:repeat(6,1fr);gap:4px;min-height:48px;padding:4px;display:grid;overflow:visible;box-shadow:0 2px 8px #0000000a}.owner-step-tab-btn,.dev-step-tab-btn{color:#64748b;cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;height:40px;min-height:40px;padding:0 10px;font-size:.82rem;font-weight:700;line-height:1.2;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.owner-step-tab-btn:hover,.dev-step-tab-btn:hover{color:#0f172a;background:#f1f5f9}.owner-step-tab-btn.active,.dev-step-tab-btn.active{color:#fff!important;background:#0a192f!important;border-radius:10px!important;font-weight:800!important;box-shadow:0 2px 8px #0a192f2e!important}.owner-step-tab-btn.past,.dev-step-tab-btn.past{color:#334155;background:0 0}.owner-step-content-card,.dev-step-content-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:22px;padding:28px 32px;display:flex;box-shadow:0 4px 20px -2px #0000000d}.step-banner-intro h3{color:#0f172a;margin:0 0 6px;font-size:1.18rem;font-weight:800;line-height:1.3}.step-banner-intro p{color:#64748b;margin:0;font-size:.85rem;line-height:1.4}.owner-form-section{flex-direction:column;gap:8px;display:flex}.owner-section-label{letter-spacing:.06em;color:#475569;text-transform:uppercase;font-size:.72rem;font-weight:800}.owner-category-toggles{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.owner-cat-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 16px;font-size:.88rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.owner-cat-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.owner-cat-btn.active{color:#b45309;background:#fffbeb;border-color:#d4af37;box-shadow:0 2px 10px #d4af3726}.owner-types-pills-row{flex-wrap:wrap;gap:10px;display:flex}.owner-type-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:9px 18px;font-size:.82rem;font-weight:700;transition:all .2s}.owner-type-btn:hover{color:#0f172a;background:#f1f5f9}.owner-type-btn.active{color:#fff;background:#0a192f;border-color:#0a192f;font-weight:800}.owner-text-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:all .2s}.owner-text-input:focus{background:#fff;border-color:#d4af37;box-shadow:0 0 0 3px #d4af3726}.owner-rooms-layout-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.counter-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:10px 14px;display:flex}.counter-label{color:#475569;text-transform:capitalize;font-size:.72rem;font-weight:700}.counter-control{justify-content:space-between;align-items:center;display:flex}.counter-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.1rem;font-weight:700;transition:all .15s;display:flex}.counter-btn:hover{background:#f1f5f9;border-color:#94a3b8}.counter-value{color:#0f172a;font-size:1.05rem;font-weight:800}.area-input-box{justify-content:space-between}.area-text-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:1.05rem;font-weight:800}.owner-location-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.owner-map-bar-toggle{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.map-bar-left{align-items:center;gap:12px;display:flex}.map-pin-icon{font-size:1.3rem}.map-bar-title{color:#0f172a;font-size:.88rem;font-weight:700;display:block}.map-bar-sub{color:#64748b;margin:2px 0 0;font-size:.74rem}.btn-open-map-preview{color:#b45309;cursor:pointer;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:8px 16px;font-size:.78rem;font-weight:700;transition:all .2s}.btn-open-map-preview:hover{color:#0a1629;background:#d4af37;border-color:#d4af37}.map-picker-embedded-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.map-quick-zones{flex-wrap:wrap;gap:8px;display:flex}.zone-chip{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:6px 12px;font-size:.74rem;font-weight:600;transition:all .2s}.zone-chip:hover,.zone-chip.active{color:#0a1629;background:#d4af37;border-color:#d4af37;font-weight:700}.map-simulated-view{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;height:160px;display:flex;position:relative;overflow:hidden}.map-pin-marker{flex-direction:column;align-items:center;gap:4px;display:flex}.pin-label{color:#fff;background:#0f172ad9;border:1px solid #fff3;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:700}.price-cfa-preview{color:#b45309;margin-top:6px;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;display:inline-block}.owner-step-footer,.dev-step-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-top:18px;display:flex}.btn-discard,.btn-dev-cancel{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:10px 20px;font-size:.85rem;font-weight:700;transition:all .2s}.btn-discard:hover,.btn-dev-cancel:hover{color:#0f172a;background:#e2e8f0}.btn-next-step,.btn-dev-next{color:#fff;cursor:pointer;background:#0a192f;border:1px solid #0a192f;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:.88rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0a192f33}.btn-next-step:hover,.btn-dev-next:hover{background:#1e3a8a;transform:translateY(-1px);box-shadow:0 6px 20px #0a192f40}.btn-publish-final{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #34d399;border-radius:10px;align-items:center;gap:10px;padding:12px 28px;font-size:.92rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 6px 20px #10b9814d}.btn-publish-final:hover{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:translateY(-2px);box-shadow:0 8px 26px #10b98173}.amenities-selection-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.amenity-chip-checkbox{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.amenity-chip-checkbox:hover{color:#0f172a;background:#f1f5f9}.amenity-chip-checkbox.active{color:#065f46;background:#10b9811f;border-color:#10b981}.chip-check-icon.visible{color:#10b981}.chip-check-icon.hidden{opacity:0}.docs-checklist-stack{flex-direction:column;gap:12px;display:flex}.doc-check-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex}.doc-check-icon{color:#10b981;background:#10b98126;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.doc-check-info{flex:1}.doc-check-info h4{color:#0f172a;margin:0;font-size:.9rem;font-weight:700}.doc-check-info p{color:#64748b;margin:3px 0 0;font-size:.78rem}.doc-status-badge{color:#065f46;background:#10b9811f;border:1px solid #10b9814d;border-radius:999px;padding:6px 12px;font-size:.74rem;font-weight:700}.summary-preview-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:20px;padding:16px;display:flex}.summary-thumb-box{border-radius:10px;flex-shrink:0;width:140px;height:100px;position:relative;overflow:hidden}.summary-thumb-box img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.summary-purpose-tag{color:#fde047;text-transform:uppercase;background:#000000bf;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:800;position:absolute;top:6px;left:6px}.summary-info-box{flex-direction:column;flex:1;gap:4px;display:flex}.summary-title{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.summary-loc{color:#64748b;margin:0;font-size:.8rem}.summary-specs-chips{color:#475569;gap:12px;margin-top:4px;font-size:.78rem;display:flex}.summary-price-tag{color:#b45309;margin-top:6px;font-size:1.15rem;font-weight:800}.dev-wizard-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.dev-topbar-left{align-items:center;gap:14px;display:flex}.dev-back-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000a}.dev-back-btn:hover{color:#0f172a;background:#f1f5f9}.dev-meta-tag-row{align-items:center;gap:8px;margin-bottom:2px;display:flex}.dev-suite-tag{color:#b45309;letter-spacing:.08em;font-size:.68rem;font-weight:800}.dev-step-tag{color:#64748b;font-size:.68rem;font-weight:600}.dev-wizard-heading{color:#0f172a;margin:0;font-size:1.45rem;font-weight:800}.dev-topbar-right{align-items:center;gap:8px;display:flex}.btn-dev-header-action{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.btn-dev-header-action:hover{color:#0f172a;background:#f1f5f9}.dev-step-banner-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.dev-banner-pill-gold{letter-spacing:.08em;color:#b45309;text-transform:uppercase;margin-bottom:4px;font-size:.68rem;font-weight:800;display:inline-block}.dev-banner-title{color:#0f172a;margin:0;font-size:1.4rem;font-weight:800}.dev-banner-sub{color:#64748b;margin:4px 0 0;font-size:.82rem}.dev-banner-icon-badge{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dev-form-group{flex-direction:column;gap:8px;display:flex}.dev-form-label{letter-spacing:.06em;color:#475569;text-transform:uppercase;font-size:.72rem;font-weight:800}.dev-text-input,.dev-textarea-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:.88rem;transition:all .2s}.dev-text-input:focus,.dev-textarea-input:focus{background:#fff;border-color:#d4af37;box-shadow:0 0 0 3px #d4af3726}.dev-form-row-2col{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.dev-form-row-3col{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.dev-cfa-small-hint{color:#b45309;margin-top:2px;font-size:.74rem;font-weight:600}.units-matrix-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000008}.units-matrix-head{color:#0f172a;text-transform:uppercase;letter-spacing:.06em;background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:2fr 1fr 1.5fr 1fr;padding:12px 20px;font-size:.75rem;font-weight:800;display:grid}.units-matrix-row{border-bottom:1px solid #f1f5f9;grid-template-columns:2fr 1fr 1.5fr 1fr;align-items:center;padding:14px 20px;font-size:.85rem;transition:background .15s;display:grid}.units-matrix-row:last-child{border-bottom:none}.units-matrix-row:hover{background:#f8fafc}.unit-name-col{color:#0f172a;font-weight:700}.unit-surface-col{color:#64748b}.unit-price-col{color:#b45309;font-weight:700}.unit-status-pill{color:#065f46;text-align:center;background:#10b9811f;border:1px solid #10b9814d;border-radius:999px;width:fit-content;padding:4px 10px;font-size:.72rem;font-weight:700}.admin-primary-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border:1px solid #ef4444;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-size:.82rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #dc262659}.admin-primary-add-btn:hover{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);transform:translateY(-1px);box-shadow:0 6px 18px #ef444480}@media (width<=768px){.modal-fullscreen-wizard{border-radius:0!important;width:100vw!important;height:100vh!important;max-height:100vh!important}.owner-wizard-container,.developer-wizard-container{padding:16px 14px 40px}.owner-stepper-header-redbox,.dev-stepper-header-redbox{grid-template-columns:repeat(3,1fr)}.owner-category-toggles{grid-template-columns:1fr}.owner-rooms-layout-grid{grid-template-columns:repeat(2,1fr)}.owner-location-grid,.dev-form-row-2col,.dev-form-row-3col{grid-template-columns:1fr}.units-matrix-head,.units-matrix-row{grid-template-columns:1fr 1fr;gap:8px}.profile-pill-item span:first-of-type{display:none}}.about-editor-subtabs{scrollbar-width:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:8px;margin-bottom:28px;padding:6px;display:flex;overflow-x:auto}.about-editor-subtabs::-webkit-scrollbar{display:none}.about-subtab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:.84rem;font-weight:700;transition:all .2s;display:inline-flex}.about-subtab-btn:hover{color:#0a192f;background:#fff9}.about-subtab-btn.active{color:#0a192f;background:#fff;box-shadow:0 2px 8px #00000014}.about-cards-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.about-cards-grid-3col{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.about-subcard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:22px;transition:all .25s}.about-subcard:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 16px #0000000a}.about-subcard-header{border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.about-subcard-badge{color:#d4af37;letter-spacing:.04em;background:#0a192f;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.btn-direct-preview{color:#0a192f;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-direct-preview:hover{color:#fff;background:#0a192f;border-color:#0a192f}@media (width<=900px){.about-cards-grid,.about-cards-grid-3col{grid-template-columns:1fr}}.hero-studio-container{flex-direction:column;gap:22px;display:flex}.hero-preview-box{background:#0b1426;border:1px solid #1e293b;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 16px 40px #00000038}.hero-preview-topbar{background:#0f172af2;border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.hero-preview-title-wrap{align-items:center;gap:10px;display:flex}.hero-preview-indicator{color:#34d399;letter-spacing:.04em;text-transform:uppercase;background:#10b98126;border:1px solid #10b98159;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.hero-preview-dot-pulse{background:#10b981;border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse-dot;box-shadow:0 0 8px #10b981}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.hero-preview-actions{align-items:center;gap:8px;display:flex}.hero-preview-viewport-toggle{background:#02061799;border:1px solid #ffffff14;border-radius:10px;padding:3px;display:flex}.hero-preview-viewport-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.hero-preview-viewport-btn:hover{color:#fff}.hero-preview-viewport-btn.active{color:#f8fafc;background:#1e293b;box-shadow:0 2px 6px #0003}.btn-reset-hero-styles{color:#fca5a5;cursor:pointer;background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-reset-hero-styles:hover{color:#fff;background:#ef444438}.hero-preview-stage{background:#070d18;justify-content:center;align-items:center;min-height:420px;padding:20px;display:flex}.hero-preview-canvas{border-radius:12px;flex-direction:column;justify-content:center;width:100%;min-height:440px;transition:max-width .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.hero-preview-canvas.mobile{border:4px solid #1e293b;border-radius:28px;max-width:390px;min-height:500px}.hero-preview-media-bg{-o-object-fit:cover;object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.hero-preview-overlay{z-index:2;pointer-events:none;transition:background .3s;position:absolute;inset:0}.hero-preview-content-wrap{z-index:5;box-sizing:border-box;width:100%;padding:clamp(20px,3.5vw,40px);position:relative}.hero-studio-tabs-bar{scrollbar-width:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:8px;padding:6px;display:flex;overflow-x:auto}.hero-studio-tabs-bar::-webkit-scrollbar{display:none}.hero-studio-tab-btn{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.hero-studio-tab-btn:hover{color:#0f172a;background:#fff9}.hero-studio-tab-btn.active{color:#0a192f;background:#fff;font-weight:700;box-shadow:0 2px 8px #00000014}.hero-controls-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;box-shadow:0 2px 10px #00000008}.hero-controls-title{color:#0f172a;align-items:center;gap:10px;margin:0 0 6px;font-size:1.05rem;font-weight:800;display:flex}.hero-controls-subtitle{color:#64748b;margin:0 0 20px;font-size:.82rem}.hero-segmented-group{flex-wrap:wrap;gap:8px;display:flex}.hero-segmented-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:110px;padding:10px 16px;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex}.hero-segmented-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.hero-segmented-btn.active{color:#fff;background:#0a192f;border-color:#0a192f;box-shadow:0 4px 12px #0a192f2e}.hero-color-palette{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.hero-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 2px 6px #0000001f}.hero-color-swatch:hover{transform:translateY(-2px)scale(1.05)}.hero-color-swatch.active{border-color:#d4af37;box-shadow:0 0 0 2px #fff,0 0 0 4px #d4af37}.hero-custom-color-picker-wrap{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:4px 10px;display:inline-flex}.hero-custom-color-input{cursor:pointer;background:0 0;border:none;border-radius:6px;width:28px;height:28px;padding:0}.hero-slider-container{align-items:center;gap:16px;margin-top:8px;display:flex}.hero-slider-input{accent-color:#0a192f;cursor:pointer;background:#e2e8f0;border-radius:999px;outline:none;flex:1;height:6px}.hero-slider-badge{color:#0f172a;text-align:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;min-width:58px;padding:5px 12px;font-size:.8rem;font-weight:700}.hero-overlay-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:8px;display:grid}.hero-overlay-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:14px;transition:all .25s;display:flex}.hero-overlay-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.hero-overlay-card.active{background:#f8fafc;border-color:#0a192f;box-shadow:0 4px 16px #0a192f1f}.hero-overlay-preview-chip{border-radius:8px;width:100%;height:48px}.about-page-wrapper{color:#0a192f;font-family:var(--font-body,"Inter", sans-serif);background-color:#fff;min-height:100vh;padding-top:100px;position:relative;overflow-x:hidden}.about-container{z-index:2;max-width:1400px;margin:0 auto;padding:0 28px;position:relative}.text-gold{color:#d4af37!important}.section-pill{letter-spacing:.08em;text-transform:uppercase;color:#997316;background:#d4af3714;border:1px solid #d4af3747;border-radius:9999px;align-items:center;gap:8px;width:fit-content;margin-bottom:16px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.about-section-heading{font-family:var(--font-heading,"Outfit", sans-serif);letter-spacing:-.02em;color:#0a192f;margin:0 0 16px;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:700;line-height:1.18}.about-section-sub{color:#4b5563;max-width:680px;margin:0;font-size:1.05rem;line-height:1.6}.about-section-header-center{text-align:center;flex-direction:column;align-items:center;margin-bottom:52px;display:flex}.about-hero{background:linear-gradient(#f8fafc 0%,#fff 100%);padding:40px 0 70px;position:relative;overflow:hidden}.about-hero-backdrop-glow{filter:blur(60px);pointer-events:none;z-index:1;background:radial-gradient(circle,#d4af371f 0%,#fff0 70%);width:500px;height:500px;position:absolute;top:-120px;right:10%}.about-hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:56px;display:grid}.about-kicker-badge{letter-spacing:.08em;text-transform:uppercase;color:#f8fafc;background:#0a192f;border:1px solid #d4af3759;border-radius:9999px;align-items:center;gap:8px;margin-bottom:22px;padding:7px 16px;font-size:.76rem;font-weight:700;display:inline-flex;box-shadow:0 4px 16px #0a192f1f}.about-hero-title{font-family:var(--font-heading,"Outfit", sans-serif);letter-spacing:-.025em;color:#0a192f;margin:0 0 20px;font-size:clamp(2.4rem,4.4vw,3.4rem);font-weight:800;line-height:1.12}.about-hero-subtitle{color:#4b5563;max-width:620px;margin:0 0 24px;font-size:1.12rem;line-height:1.65}.about-badge-pill{color:#1e293b;background:#fffffff2;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;margin-bottom:34px;padding:8px 18px;font-size:.85rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #00000008}.about-hero-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.about-btn-primary{color:#fff;background:#0a192f;border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 8px 20px #0a192f2e}.about-btn-primary:hover{color:#fff;background:#152b4d;transform:translateY(-2px);box-shadow:0 12px 28px #0a192f3d}.about-btn-secondary{color:#0a192f;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;align-items:center;gap:10px;padding:14px 26px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.about-btn-secondary:hover{color:#0a192f;background:#fffdf9;border-color:#d4af37;transform:translateY(-2px);box-shadow:0 6px 18px #d4af371f}.about-hero-visuals{justify-content:center;align-items:center;min-height:480px;display:flex;position:relative}.about-visual-main-card{border:1px solid #e2e8f0cc;border-radius:24px;width:100%;height:440px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0a192f26}.about-visual-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.about-visual-main-card:hover .about-visual-img{transform:scale(1.03)}.about-visual-overlay{background:linear-gradient(#0a192f00 50%,#0a192fa6 100%);position:absolute;inset:0}.about-visual-float-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:.02em;background:#0a192fe0;border:1px solid #d4af3766;border-radius:9999px;align-items:center;gap:8px;padding:10px 18px;font-size:.82rem;font-weight:600;display:inline-flex;position:absolute;bottom:22px;left:22px}.about-visual-sub-card{z-index:3;border:4px solid #fff;border-radius:18px;width:220px;height:155px;position:absolute;bottom:-25px;right:-25px;overflow:hidden;box-shadow:0 16px 36px #00000038}.about-sub-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.about-sub-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#0a192fd9;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:5px 8px;font-size:.68rem;font-weight:600;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.dot-pulse{background-color:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #10b981}.about-stats-section{background:#fff;margin-top:10px;padding:40px 0;position:relative}.about-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.about-stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:24px;transition:all .3s;position:relative;overflow:hidden}.about-stat-card:hover{background:#fff;border-color:#d4af37;transform:translateY(-4px);box-shadow:0 12px 28px #d4af371f}.stat-card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.stat-icon-wrapper{color:#0a192f;background:#0a192f0a;border:1px solid #0a192f14;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.about-stat-card:hover .stat-icon-wrapper{color:#d4af37;background:#0a192f}.stat-number{font-family:var(--font-heading,"Outfit", sans-serif);color:#0a192f;letter-spacing:-.03em;font-size:2.2rem;font-weight:800;line-height:1}.stat-label{color:#1e293b;margin-bottom:4px;font-size:.95rem;font-weight:700}.stat-desc{color:#64748b;font-size:.8rem;line-height:1.4}.about-story-section{background:#f8fafc;border-top:1px solid #eef2f6;border-bottom:1px solid #eef2f6;padding:90px 0}.about-story-hero{border-top:none;padding:50px 0 90px}.about-story-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:32px;display:flex}.about-story-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px;display:grid}.about-story-img-frame{border:6px solid #fff;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 20px 48px #0a192f1a}.about-story-img{-o-object-fit:cover;object-fit:cover;width:100%;height:520px;display:block}.story-floating-trust-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#0a192feb;border:1px solid #d4af3766;border-radius:16px;align-items:center;gap:14px;padding:16px 20px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.story-floating-trust-pill strong{color:#fff;margin-bottom:2px;font-size:.95rem;font-weight:700;display:block}.story-floating-trust-pill p{color:#cbd5e1;margin:0;font-size:.8rem}.about-story-paragraphs p{color:#475569;margin-bottom:18px;font-size:1.05rem;line-height:1.7}.about-slogan-quote{background:#fff;border-left:4px solid #d4af37;border-radius:0 16px 16px 0;margin:28px 0;padding:20px 24px;position:relative;box-shadow:0 4px 16px #0000000a}.about-slogan-quote p{color:#0a192f;margin:0;font-size:1.05rem;font-style:italic;font-weight:600;line-height:1.6}.quote-mark{font-family:var(--font-heading,"Outfit", sans-serif);color:#d4af37;opacity:.35;margin-bottom:4px;font-size:2.5rem;line-height:.8}.about-story-highlights{flex-direction:column;gap:12px;margin-top:24px;display:flex}.highlight-item{color:#1e293b;align-items:center;gap:10px;font-size:.95rem;font-weight:600;display:flex}.about-story-section-alt{background:#fff;border-top:none;border-bottom:1px solid #eef2f6;position:relative}.about-story-grid-reverse{grid-template-columns:1.15fr .85fr}.about-story-grid-reverse .about-story-text{order:1}.about-story-grid-reverse .about-story-media{order:2}.about-slogan-quote-alt{background:#f8fafc;border-left:4px solid #0a192f}.about-slogan-quote-alt .quote-mark{color:#0a192f}@media (width<=1080px){.about-story-grid-reverse{grid-template-columns:1fr}.about-story-grid-reverse .about-story-media{order:-1}.about-story-grid-reverse .about-story-text{order:1}}.about-pillars-section{background:#fff;padding:100px 0}.about-pillars-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.about-pillar-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;flex-direction:column;padding:36px 32px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.about-pillar-card:hover{border-color:#d4af37;transform:translateY(-5px);box-shadow:0 16px 40px #0a192f14}.pillar-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.pillar-num{font-family:var(--font-heading,"Outfit", sans-serif);color:#cbd5e1;letter-spacing:-.02em;font-size:1.8rem;font-weight:800;transition:color .3s}.about-pillar-card:hover .pillar-num{color:#d4af37}.pillar-icon-box{color:#0a192f;background:#0a192f0a;border:1px solid #0a192f14;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;transition:all .3s;display:flex}.about-pillar-card:hover .pillar-icon-box{color:#d4af37;background:#0a192f}.pillar-tag{letter-spacing:.1em;text-transform:uppercase;color:#d4af37;margin-bottom:8px;font-size:.72rem;font-weight:800}.pillar-title{font-family:var(--font-heading,"Outfit", sans-serif);color:#0a192f;margin:0 0 12px;font-size:1.45rem;font-weight:700;line-height:1.25}.pillar-desc{color:#4b5563;flex-grow:1;margin:0 0 24px;font-size:.95rem;line-height:1.65}.pillar-badge-footer{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;width:fit-content;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.about-score-section{background:#fff;padding:40px 0 90px}.about-score-card{color:#fff;background:#0a192f;border:1px solid #d4af374d;border-radius:28px;padding:56px 48px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0a192f40}.about-score-card:before{content:"";filter:blur(50px);pointer-events:none;background:radial-gradient(circle,#d4af3726 0%,#0a192f00 70%);width:450px;height:450px;position:absolute;top:-150px;right:-100px}.about-score-header{z-index:2;max-width:820px;margin-bottom:44px;position:relative}.score-pill{color:#d4af37!important;background:#d4af3726!important;border-color:#d4af3766!important}.about-score-title{font-family:var(--font-heading,"Outfit", sans-serif);color:#fff;margin:0 0 16px;font-size:clamp(2rem,3.4vw,2.8rem);font-weight:800;line-height:1.15}.about-score-desc{color:#94a3b8;margin:0;font-size:1.05rem;line-height:1.6}.about-criteria-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;display:grid;position:relative}.about-criterion-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:18px;padding:24px;transition:all .3s}.about-criterion-card:hover{background:#ffffff14;border-color:#d4af3766;transform:translateY(-3px)}.criterion-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.criterion-pct{font-family:var(--font-heading,"Outfit", sans-serif);color:#d4af37;font-size:1.7rem;font-weight:800;line-height:1}.criterion-step{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-size:.72rem;font-weight:700}.criterion-title{color:#fff;margin:0 0 8px;font-size:1.05rem;font-weight:700}.criterion-desc{color:#94a3b8;margin:0 0 16px;font-size:.84rem;line-height:1.5}.criterion-bar{background:#ffffff1a;border-radius:9999px;width:100%;height:4px;overflow:hidden}.criterion-fill{background:linear-gradient(90deg,#d4af37,#f5e08b);border-radius:9999px;height:100%}.about-score-footer{z-index:2;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex;position:relative}.score-summary-badge{color:#e2e8f0;align-items:center;gap:12px;font-size:.95rem;font-weight:500;display:flex}.score-explore-link{color:#d4af37;background:#d4af3726;border:1px solid #d4af3759;border-radius:9999px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.score-explore-link:hover{color:#0a192f;background:#d4af37}.about-values-section{background:#f8fafc;padding:80px 0}.about-values-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.about-value-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:32px 24px;transition:all .3s}.about-value-card:hover{border-color:#d4af37;transform:translateY(-4px);box-shadow:0 12px 30px #0a192f0f}.value-icon-box{color:#0a192f;background:#0a192f0a;border:1px solid #0a192f14;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;transition:all .3s;display:flex}.about-value-card:hover .value-icon-box{color:#d4af37;background:#0a192f}.value-title{font-family:var(--font-heading,"Outfit", sans-serif);color:#0a192f;margin:0 0 10px;font-size:1.15rem;font-weight:700;line-height:1.3}.value-desc{color:#64748b;margin:0;font-size:.88rem;line-height:1.6}.about-cta-section{background:#fff;padding:80px 0 100px}.about-cta-box{background:linear-gradient(135deg,#0a192f 0%,#152b4d 100%);border:1px solid #d4af3759;border-radius:28px;padding:60px 48px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0a192f38}.about-cta-glow{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#d4af3729 0%,#0a192f00 70%);width:600px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-cta-content{z-index:2;text-align:center;max-width:820px;margin:0 auto;position:relative}.cta-kicker{letter-spacing:.08em;text-transform:uppercase;color:#d4af37;background:#d4af3726;border:1px solid #d4af3759;border-radius:9999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:.76rem;font-weight:700;display:inline-flex}.cta-title{font-family:var(--font-heading,"Outfit", sans-serif);color:#fff;margin:0 0 16px;font-size:clamp(2.1rem,3.8vw,3rem);font-weight:800;line-height:1.15}.cta-desc{color:#cbd5e1;margin:0 0 32px;font-size:1.05rem;line-height:1.65}.cta-direct-contacts{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:34px;display:flex}.cta-contact-pill{color:#f8fafc;background:#ffffff14;border:1px solid #ffffff29;border-radius:9999px;align-items:center;gap:8px;padding:9px 18px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.cta-contact-pill:hover{color:#fff;background:#ffffff29;border-color:#d4af37}.cta-actions-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.cta-btn-whatsapp{color:#fff;background:#25d366;border-radius:14px;align-items:center;gap:10px;padding:15px 32px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 8px 24px #25d3664d}.cta-btn-whatsapp:hover{color:#fff;background:#20ba5a;transform:translateY(-2px);box-shadow:0 12px 30px #25d36666}.cta-btn-catalog{color:#0a192f;background:#fff;border-radius:14px;align-items:center;gap:10px;padding:15px 30px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.cta-btn-catalog:hover{color:#0a192f;background:#f8fafc;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}@media (width<=1080px){.about-hero-grid,.about-story-grid{grid-template-columns:1fr;gap:40px}.about-stats-grid,.about-criteria-grid,.about-values-grid{grid-template-columns:repeat(2,1fr)}.about-visual-main-card,.about-story-img{height:380px}}@media (width<=768px){.about-page-wrapper{padding-top:80px}.about-container{padding:0 18px}.about-pillars-grid,.about-criteria-grid,.about-values-grid{grid-template-columns:1fr}.about-score-card{padding:36px 22px}.about-cta-box{padding:40px 20px}.about-visual-sub-card{display:none}.about-visual-main-card{height:300px}.about-stats-grid{grid-template-columns:1fr}.about-hero-actions{flex-direction:column;align-items:stretch}.about-btn-primary,.about-btn-secondary{justify-content:center}.cta-actions-row{flex-direction:column;align-items:stretch}.cta-btn-whatsapp,.cta-btn-catalog{justify-content:center}}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding-top:64px}.main-content.admin-no-pad-bottom{height:100vh;padding-top:0;padding-bottom:0;overflow:hidden}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-yellow-950:oklch(28.6% .066 53.813);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-200:oklch(91% .096 180.426);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-800:oklch(43.7% .078 188.216);--color-teal-950:oklch(27.7% .046 192.524);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-600:oklch(60.9% .126 221.723);--color-cyan-800:oklch(45% .085 224.283);--color-cyan-950:oklch(30.2% .056 229.695);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-indigo-900:oklch(35.9% .144 278.697);--color-indigo-950:oklch(25.7% .09 281.288);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-purple-950:oklch(29.1% .149 302.717);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-950:oklch(27.1% .105 12.094);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--drop-shadow-xs:0 1px 1px #0000000d;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-md:0 3px 3px #0000001f;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-3xl:64px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-royal-blue:#0a192f;--color-royal-blue-light:#1e3a8a;--color-gold-primary:#d4af37}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin-top:0}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.-top-0\.5{top:calc(var(--spacing) * -.5)}.-top-1{top:calc(var(--spacing) * -1)}.-top-2\.5{top:calc(var(--spacing) * -2.5)}.-top-3{top:calc(var(--spacing) * -3)}.-top-10{top:calc(var(--spacing) * -10)}.-top-32{top:calc(var(--spacing) * -32)}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-2{top:calc(var(--spacing) * 2)}.top-2\.5{top:calc(var(--spacing) * 2.5)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-6{top:calc(var(--spacing) * 6)}.top-10{top:calc(var(--spacing) * 10)}.top-16{top:calc(var(--spacing) * 16)}.top-17{top:calc(var(--spacing) * 17)}.top-20{top:calc(var(--spacing) * 20)}.top-28{top:calc(var(--spacing) * 28)}.-right-0\.5{right:calc(var(--spacing) * -.5)}.-right-1{right:calc(var(--spacing) * -1)}.-right-10{right:calc(var(--spacing) * -10)}.-right-20{right:calc(var(--spacing) * -20)}.right-0{right:0}.right-1{right:var(--spacing)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-1\/4{right:25%}.right-2{right:calc(var(--spacing) * 2)}.right-2\.5{right:calc(var(--spacing) * 2.5)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.right-6{right:calc(var(--spacing) * 6)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.-bottom-10{bottom:calc(var(--spacing) * -10)}.-bottom-32{bottom:calc(var(--spacing) * -32)}.bottom-0{bottom:0}.bottom-1\/4{bottom:25%}.bottom-2\.5{bottom:calc(var(--spacing) * 2.5)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-20{bottom:calc(var(--spacing) * 20)}.bottom-\[65px\]{bottom:65px}.-left-10{left:calc(var(--spacing) * -10)}.-left-20{left:calc(var(--spacing) * -20)}.left-0{left:0}.left-1\.5{left:calc(var(--spacing) * 1.5)}.left-1\/2{left:50%}.left-1\/4{left:25%}.left-2{left:calc(var(--spacing) * 2)}.left-2\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-3\.5{left:calc(var(--spacing) * 3.5)}.left-4{left:calc(var(--spacing) * 4)}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-35{z-index:35}.z-40{z-index:40}.z-50{z-index:50}.z-60{z-index:60}.z-70{z-index:70}.z-80{z-index:80}.z-999{z-index:999}.z-1000{z-index:1000}.z-99999{z-index:99999}.z-100000{z-index:100000}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-auto{margin-block:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-auto{margin-top:auto}.mr-0\.5{margin-right:calc(var(--spacing) * .5)}.mr-1{margin-right:var(--spacing)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-1{margin-left:var(--spacing)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-4\/3{aspect-ratio:4/3}.aspect-16\/10{aspect-ratio:16/10}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-13{height:calc(var(--spacing) * 13)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-28{height:calc(var(--spacing) * 28)}.h-30{height:calc(var(--spacing) * 30)}.h-36{height:calc(var(--spacing) * 36)}.h-40{height:calc(var(--spacing) * 40)}.h-44{height:calc(var(--spacing) * 44)}.h-48{height:calc(var(--spacing) * 48)}.h-52{height:calc(var(--spacing) * 52)}.h-60{height:calc(var(--spacing) * 60)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-75{height:calc(var(--spacing) * 75)}.h-80{height:calc(var(--spacing) * 80)}.h-85{height:calc(var(--spacing) * 85)}.h-96{height:calc(var(--spacing) * 96)}.h-162\.5{height:calc(var(--spacing) * 162.5)}.h-\[calc\(100vh-64px\)\]{height:calc(100vh - 64px)}.h-auto{height:auto}.h-full{height:100%}.max-h-12{max-height:calc(var(--spacing) * 12)}.max-h-16{max-height:calc(var(--spacing) * 16)}.max-h-\[75vh\]{max-height:75vh}.max-h-\[82vh\]{max-height:82vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[92vh\]{max-height:92vh}.max-h-full{max-height:100%}.min-h-10\.5{min-height:calc(var(--spacing) * 10.5)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-90{min-height:calc(var(--spacing) * 90)}.min-h-105{min-height:calc(var(--spacing) * 105)}.min-h-140{min-height:calc(var(--spacing) * 140)}.min-h-195{min-height:calc(var(--spacing) * 195)}.min-h-\[calc\(100vh-64px\)\]{min-height:calc(100vh - 64px)}.min-h-screen{min-height:100vh}.w-1{width:var(--spacing)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-13{width:calc(var(--spacing) * 13)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-48{width:calc(var(--spacing) * 48)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-24{max-width:calc(var(--spacing) * 24)}.max-w-25{max-width:calc(var(--spacing) * 25)}.max-w-27\.5{max-width:calc(var(--spacing) * 27.5)}.max-w-28{max-width:calc(var(--spacing) * 28)}.max-w-32\.5{max-width:calc(var(--spacing) * 32.5)}.max-w-35{max-width:calc(var(--spacing) * 35)}.max-w-45{max-width:calc(var(--spacing) * 45)}.max-w-50{max-width:calc(var(--spacing) * 50)}.max-w-55{max-width:calc(var(--spacing) * 55)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-17\.5{min-width:calc(var(--spacing) * 17.5)}.min-w-28{min-width:calc(var(--spacing) * 28)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-55{min-width:calc(var(--spacing) * 55)}.min-w-\[2200px\]{min-width:2200px}.min-w-max{min-width:max-content}.flex-1{flex:1}.flex-2{flex:2}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-102{--tw-scale-x:102%;--tw-scale-y:102%;--tw-scale-z:102%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[1\.02\]{scale:1.02}.scale-\[1\.03\]{scale:1.03}.-rotate-90{rotate:-90deg}.rotate-0{rotate:0deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-start{scroll-snap-align:start}.scrollbar-none{scrollbar-width:none}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-4\.5{gap:calc(var(--spacing) * 4.5)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-200\/80{border-color:#fee685cc}@supports (color:color-mix(in lab, red, red)){.border-amber-200\/80{border-color:color-mix(in oklab, var(--color-amber-200) 80%, transparent)}}.border-amber-300{border-color:var(--color-amber-300)}.border-amber-300\/30{border-color:#ffd2364d}@supports (color:color-mix(in lab, red, red)){.border-amber-300\/30{border-color:color-mix(in oklab, var(--color-amber-300) 30%, transparent)}}.border-amber-400{border-color:var(--color-amber-400)}.border-amber-500{border-color:var(--color-amber-500)}.border-amber-500\/20{border-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/20{border-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.border-amber-500\/30{border-color:#f99c004d}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/30{border-color:color-mix(in oklab, var(--color-amber-500) 30%, transparent)}}.border-amber-500\/40{border-color:#f99c0066}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/40{border-color:color-mix(in oklab, var(--color-amber-500) 40%, transparent)}}.border-amber-500\/50{border-color:#f99c0080}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/50{border-color:color-mix(in oklab, var(--color-amber-500) 50%, transparent)}}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-200\/50{border-color:#bedbff80}@supports (color:color-mix(in lab, red, red)){.border-blue-200\/50{border-color:color-mix(in oklab, var(--color-blue-200) 50%, transparent)}}.border-blue-200\/60{border-color:#bedbff99}@supports (color:color-mix(in lab, red, red)){.border-blue-200\/60{border-color:color-mix(in oklab, var(--color-blue-200) 60%, transparent)}}.border-blue-200\/80{border-color:#bedbffcc}@supports (color:color-mix(in lab, red, red)){.border-blue-200\/80{border-color:color-mix(in oklab, var(--color-blue-200) 80%, transparent)}}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-300\/30{border-color:#90c5ff4d}@supports (color:color-mix(in lab, red, red)){.border-blue-300\/30{border-color:color-mix(in oklab, var(--color-blue-300) 30%, transparent)}}.border-blue-300\/40{border-color:#90c5ff66}@supports (color:color-mix(in lab, red, red)){.border-blue-300\/40{border-color:color-mix(in oklab, var(--color-blue-300) 40%, transparent)}}.border-blue-400{border-color:var(--color-blue-400)}.border-blue-400\/30{border-color:#54a2ff4d}@supports (color:color-mix(in lab, red, red)){.border-blue-400\/30{border-color:color-mix(in oklab, var(--color-blue-400) 30%, transparent)}}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-500\/20{border-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.border-blue-500\/20{border-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.border-blue-500\/30{border-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.border-blue-500\/30{border-color:color-mix(in oklab, var(--color-blue-500) 30%, transparent)}}.border-blue-600{border-color:var(--color-blue-600)}.border-current{border-color:currentColor}.border-cyan-200\/80{border-color:#a2f4fdcc}@supports (color:color-mix(in lab, red, red)){.border-cyan-200\/80{border-color:color-mix(in oklab, var(--color-cyan-200) 80%, transparent)}}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-200\/50{border-color:#a4f4cf80}@supports (color:color-mix(in lab, red, red)){.border-emerald-200\/50{border-color:color-mix(in oklab, var(--color-emerald-200) 50%, transparent)}}.border-emerald-200\/60{border-color:#a4f4cf99}@supports (color:color-mix(in lab, red, red)){.border-emerald-200\/60{border-color:color-mix(in oklab, var(--color-emerald-200) 60%, transparent)}}.border-emerald-200\/80{border-color:#a4f4cfcc}@supports (color:color-mix(in lab, red, red)){.border-emerald-200\/80{border-color:color-mix(in oklab, var(--color-emerald-200) 80%, transparent)}}.border-emerald-300{border-color:var(--color-emerald-300)}.border-emerald-300\/30{border-color:#5ee9b54d}@supports (color:color-mix(in lab, red, red)){.border-emerald-300\/30{border-color:color-mix(in oklab, var(--color-emerald-300) 30%, transparent)}}.border-emerald-300\/40{border-color:#5ee9b566}@supports (color:color-mix(in lab, red, red)){.border-emerald-300\/40{border-color:color-mix(in oklab, var(--color-emerald-300) 40%, transparent)}}.border-emerald-300\/50{border-color:#5ee9b580}@supports (color:color-mix(in lab, red, red)){.border-emerald-300\/50{border-color:color-mix(in oklab, var(--color-emerald-300) 50%, transparent)}}.border-emerald-300\/60{border-color:#5ee9b599}@supports (color:color-mix(in lab, red, red)){.border-emerald-300\/60{border-color:color-mix(in oklab, var(--color-emerald-300) 60%, transparent)}}.border-emerald-400{border-color:var(--color-emerald-400)}.border-emerald-400\/40{border-color:#00d29466}@supports (color:color-mix(in lab, red, red)){.border-emerald-400\/40{border-color:color-mix(in oklab, var(--color-emerald-400) 40%, transparent)}}.border-emerald-500{border-color:var(--color-emerald-500)}.border-emerald-500\/20{border-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/20{border-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.border-emerald-500\/25{border-color:#00bb7f40}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/25{border-color:color-mix(in oklab, var(--color-emerald-500) 25%, transparent)}}.border-emerald-500\/30{border-color:#00bb7f4d}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/30{border-color:color-mix(in oklab, var(--color-emerald-500) 30%, transparent)}}.border-emerald-500\/40{border-color:#00bb7f66}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/40{border-color:color-mix(in oklab, var(--color-emerald-500) 40%, transparent)}}.border-gold-primary{border-color:var(--color-gold-primary)}.border-gold-primary\/20{border-color:#d4af3733}@supports (color:color-mix(in lab, red, red)){.border-gold-primary\/20{border-color:color-mix(in oklab, var(--color-gold-primary) 20%, transparent)}}.border-gold-primary\/25{border-color:#d4af3740}@supports (color:color-mix(in lab, red, red)){.border-gold-primary\/25{border-color:color-mix(in oklab, var(--color-gold-primary) 25%, transparent)}}.border-gold-primary\/30{border-color:#d4af374d}@supports (color:color-mix(in lab, red, red)){.border-gold-primary\/30{border-color:color-mix(in oklab, var(--color-gold-primary) 30%, transparent)}}.border-gold-primary\/40{border-color:#d4af3766}@supports (color:color-mix(in lab, red, red)){.border-gold-primary\/40{border-color:color-mix(in oklab, var(--color-gold-primary) 40%, transparent)}}.border-gold-primary\/50{border-color:#d4af3780}@supports (color:color-mix(in lab, red, red)){.border-gold-primary\/50{border-color:color-mix(in oklab, var(--color-gold-primary) 50%, transparent)}}.border-gold-primary\/60{border-color:#d4af3799}@supports (color:color-mix(in lab, red, red)){.border-gold-primary\/60{border-color:color-mix(in oklab, var(--color-gold-primary) 60%, transparent)}}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-indigo-200{border-color:var(--color-indigo-200)}.border-indigo-200\/80{border-color:#c7d2ffcc}@supports (color:color-mix(in lab, red, red)){.border-indigo-200\/80{border-color:color-mix(in oklab, var(--color-indigo-200) 80%, transparent)}}.border-indigo-500{border-color:var(--color-indigo-500)}.border-indigo-500\/30{border-color:#625fff4d}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/30{border-color:color-mix(in oklab, var(--color-indigo-500) 30%, transparent)}}.border-pink-500\/30{border-color:#f6339a4d}@supports (color:color-mix(in lab, red, red)){.border-pink-500\/30{border-color:color-mix(in oklab, var(--color-pink-500) 30%, transparent)}}.border-purple-200{border-color:var(--color-purple-200)}.border-purple-300{border-color:var(--color-purple-300)}.border-purple-300\/40{border-color:#d9b3ff66}@supports (color:color-mix(in lab, red, red)){.border-purple-300\/40{border-color:color-mix(in oklab, var(--color-purple-300) 40%, transparent)}}.border-purple-500{border-color:var(--color-purple-500)}.border-purple-500\/20{border-color:#ac4bff33}@supports (color:color-mix(in lab, red, red)){.border-purple-500\/20{border-color:color-mix(in oklab, var(--color-purple-500) 20%, transparent)}}.border-purple-500\/30{border-color:#ac4bff4d}@supports (color:color-mix(in lab, red, red)){.border-purple-500\/30{border-color:color-mix(in oklab, var(--color-purple-500) 30%, transparent)}}.border-purple-600{border-color:var(--color-purple-600)}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.border-red-500\/20{border-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.border-red-500\/30{border-color:#fb2c364d}@supports (color:color-mix(in lab, red, red)){.border-red-500\/30{border-color:color-mix(in oklab, var(--color-red-500) 30%, transparent)}}.border-rose-200{border-color:var(--color-rose-200)}.border-rose-200\/80{border-color:#ffccd3cc}@supports (color:color-mix(in lab, red, red)){.border-rose-200\/80{border-color:color-mix(in oklab, var(--color-rose-200) 80%, transparent)}}.border-rose-300{border-color:var(--color-rose-300)}.border-rose-500{border-color:var(--color-rose-500)}.border-rose-500\/20{border-color:#ff235733}@supports (color:color-mix(in lab, red, red)){.border-rose-500\/20{border-color:color-mix(in oklab, var(--color-rose-500) 20%, transparent)}}.border-rose-500\/30{border-color:#ff23574d}@supports (color:color-mix(in lab, red, red)){.border-rose-500\/30{border-color:color-mix(in oklab, var(--color-rose-500) 30%, transparent)}}.border-rose-500\/40{border-color:#ff235766}@supports (color:color-mix(in lab, red, red)){.border-rose-500\/40{border-color:color-mix(in oklab, var(--color-rose-500) 40%, transparent)}}.border-rose-500\/50{border-color:#ff235780}@supports (color:color-mix(in lab, red, red)){.border-rose-500\/50{border-color:color-mix(in oklab, var(--color-rose-500) 50%, transparent)}}.border-rose-600{border-color:var(--color-rose-600)}.border-royal-blue{border-color:var(--color-royal-blue)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\/40{border-color:#e2e8f066}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/40{border-color:color-mix(in oklab, var(--color-slate-200) 40%, transparent)}}.border-slate-200\/50{border-color:#e2e8f080}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/50{border-color:color-mix(in oklab, var(--color-slate-200) 50%, transparent)}}.border-slate-200\/60{border-color:#e2e8f099}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/60{border-color:color-mix(in oklab, var(--color-slate-200) 60%, transparent)}}.border-slate-200\/70{border-color:#e2e8f0b3}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/70{border-color:color-mix(in oklab, var(--color-slate-200) 70%, transparent)}}.border-slate-200\/80{border-color:#e2e8f0cc}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/80{border-color:color-mix(in oklab, var(--color-slate-200) 80%, transparent)}}.border-slate-200\/90{border-color:#e2e8f0e6}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/90{border-color:color-mix(in oklab, var(--color-slate-200) 90%, transparent)}}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-700{border-color:var(--color-slate-700)}.border-slate-800{border-color:var(--color-slate-800)}.border-slate-900{border-color:var(--color-slate-900)}.border-slate-950{border-color:var(--color-slate-950)}.border-teal-200\/80{border-color:#96f7e4cc}@supports (color:color-mix(in lab, red, red)){.border-teal-200\/80{border-color:color-mix(in oklab, var(--color-teal-200) 80%, transparent)}}.border-teal-300{border-color:var(--color-teal-300)}.border-teal-500\/30{border-color:#00baa74d}@supports (color:color-mix(in lab, red, red)){.border-teal-500\/30{border-color:color-mix(in oklab, var(--color-teal-500) 30%, transparent)}}.border-transparent{border-color:#0000}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-yellow-200\/80{border-color:#fff085cc}@supports (color:color-mix(in lab, red, red)){.border-yellow-200\/80{border-color:color-mix(in oklab, var(--color-yellow-200) 80%, transparent)}}.border-yellow-500\/30{border-color:#edb2004d}@supports (color:color-mix(in lab, red, red)){.border-yellow-500\/30{border-color:color-mix(in oklab, var(--color-yellow-500) 30%, transparent)}}.border-yellow-500\/40{border-color:#edb20066}@supports (color:color-mix(in lab, red, red)){.border-yellow-500\/40{border-color:color-mix(in oklab, var(--color-yellow-500) 40%, transparent)}}.border-t-amber-500{border-top-color:var(--color-amber-500)}.border-t-blue-500{border-top-color:var(--color-blue-500)}.border-t-emerald-500{border-top-color:var(--color-emerald-500)}.border-t-indigo-500{border-top-color:var(--color-indigo-500)}.border-t-pink-500{border-top-color:var(--color-pink-500)}.border-t-purple-500{border-top-color:var(--color-purple-500)}.border-t-teal-500{border-top-color:var(--color-teal-500)}.border-t-transparent{border-top-color:#0000}.border-t-yellow-500{border-top-color:var(--color-yellow-500)}.bg-\[\#0A192F\]{background-color:#0a192f}.bg-\[\#0B111D\]{background-color:#0b111d}.bg-\[\#0C1322\]{background-color:#0c1322}.bg-\[\#0F172A\]{background-color:#0f172a}.bg-\[\#25D366\]{background-color:#25d366}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-50\/60{background-color:#fffbeb99}@supports (color:color-mix(in lab, red, red)){.bg-amber-50\/60{background-color:color-mix(in oklab, var(--color-amber-50) 60%, transparent)}}.bg-amber-50\/70{background-color:#fffbebb3}@supports (color:color-mix(in lab, red, red)){.bg-amber-50\/70{background-color:color-mix(in oklab, var(--color-amber-50) 70%, transparent)}}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/2{background-color:#f99c0005}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/2{background-color:color-mix(in oklab, var(--color-amber-500) 2%, transparent)}}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/10{background-color:color-mix(in oklab, var(--color-amber-500) 10%, transparent)}}.bg-amber-500\/15{background-color:#f99c0026}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/15{background-color:color-mix(in oklab, var(--color-amber-500) 15%, transparent)}}.bg-amber-500\/20{background-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/20{background-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.bg-amber-500\/90{background-color:#f99c00e6}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/90{background-color:color-mix(in oklab, var(--color-amber-500) 90%, transparent)}}.bg-amber-500\/95{background-color:#f99c00f2}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/95{background-color:color-mix(in oklab, var(--color-amber-500) 95%, transparent)}}.bg-amber-600{background-color:var(--color-amber-600)}.bg-amber-950\/20{background-color:#46190133}@supports (color:color-mix(in lab, red, red)){.bg-amber-950\/20{background-color:color-mix(in oklab, var(--color-amber-950) 20%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab, red, red)){.bg-black\/45{background-color:color-mix(in oklab, var(--color-black) 45%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.bg-black\/70{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.bg-black\/75{background-color:#000000bf}@supports (color:color-mix(in lab, red, red)){.bg-black\/75{background-color:color-mix(in oklab, var(--color-black) 75%, transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-black\/95{background-color:#000000f2}@supports (color:color-mix(in lab, red, red)){.bg-black\/95{background-color:color-mix(in oklab, var(--color-black) 95%, transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-50\/60{background-color:#eff6ff99}@supports (color:color-mix(in lab, red, red)){.bg-blue-50\/60{background-color:color-mix(in oklab, var(--color-blue-50) 60%, transparent)}}.bg-blue-50\/70{background-color:#eff6ffb3}@supports (color:color-mix(in lab, red, red)){.bg-blue-50\/70{background-color:color-mix(in oklab, var(--color-blue-50) 70%, transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/10{background-color:color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}.bg-blue-500\/15{background-color:#3080ff26}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/15{background-color:color-mix(in oklab, var(--color-blue-500) 15%, transparent)}}.bg-blue-500\/20{background-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/20{background-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-600\/90{background-color:#155dfce6}@supports (color:color-mix(in lab, red, red)){.bg-blue-600\/90{background-color:color-mix(in oklab, var(--color-blue-600) 90%, transparent)}}.bg-blue-600\/95{background-color:#155dfcf2}@supports (color:color-mix(in lab, red, red)){.bg-blue-600\/95{background-color:color-mix(in oklab, var(--color-blue-600) 95%, transparent)}}.bg-current{background-color:currentColor}.bg-cyan-50{background-color:var(--color-cyan-50)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-50\/30{background-color:#ecfdf54d}@supports (color:color-mix(in lab, red, red)){.bg-emerald-50\/30{background-color:color-mix(in oklab, var(--color-emerald-50) 30%, transparent)}}.bg-emerald-50\/40{background-color:#ecfdf566}@supports (color:color-mix(in lab, red, red)){.bg-emerald-50\/40{background-color:color-mix(in oklab, var(--color-emerald-50) 40%, transparent)}}.bg-emerald-50\/50{background-color:#ecfdf580}@supports (color:color-mix(in lab, red, red)){.bg-emerald-50\/50{background-color:color-mix(in oklab, var(--color-emerald-50) 50%, transparent)}}.bg-emerald-50\/60{background-color:#ecfdf599}@supports (color:color-mix(in lab, red, red)){.bg-emerald-50\/60{background-color:color-mix(in oklab, var(--color-emerald-50) 60%, transparent)}}.bg-emerald-50\/70{background-color:#ecfdf5b3}@supports (color:color-mix(in lab, red, red)){.bg-emerald-50\/70{background-color:color-mix(in oklab, var(--color-emerald-50) 70%, transparent)}}.bg-emerald-50\/80{background-color:#ecfdf5cc}@supports (color:color-mix(in lab, red, red)){.bg-emerald-50\/80{background-color:color-mix(in oklab, var(--color-emerald-50) 80%, transparent)}}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-200\/60{background-color:#a4f4cf99}@supports (color:color-mix(in lab, red, red)){.bg-emerald-200\/60{background-color:color-mix(in oklab, var(--color-emerald-200) 60%, transparent)}}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/10{background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.bg-emerald-500\/15{background-color:#00bb7f26}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/15{background-color:color-mix(in oklab, var(--color-emerald-500) 15%, transparent)}}.bg-emerald-500\/20{background-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/20{background-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.bg-emerald-500\/25{background-color:#00bb7f40}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/25{background-color:color-mix(in oklab, var(--color-emerald-500) 25%, transparent)}}.bg-emerald-500\/90{background-color:#00bb7fe6}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/90{background-color:color-mix(in oklab, var(--color-emerald-500) 90%, transparent)}}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-emerald-950\/20{background-color:#002c2233}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\/20{background-color:color-mix(in oklab, var(--color-emerald-950) 20%, transparent)}}.bg-emerald-950\/80{background-color:#002c22cc}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\/80{background-color:color-mix(in oklab, var(--color-emerald-950) 80%, transparent)}}.bg-gold-primary{background-color:var(--color-gold-primary)}.bg-gold-primary\/10{background-color:#d4af371a}@supports (color:color-mix(in lab, red, red)){.bg-gold-primary\/10{background-color:color-mix(in oklab, var(--color-gold-primary) 10%, transparent)}}.bg-gold-primary\/15{background-color:#d4af3726}@supports (color:color-mix(in lab, red, red)){.bg-gold-primary\/15{background-color:color-mix(in oklab, var(--color-gold-primary) 15%, transparent)}}.bg-gold-primary\/20{background-color:#d4af3733}@supports (color:color-mix(in lab, red, red)){.bg-gold-primary\/20{background-color:color-mix(in oklab, var(--color-gold-primary) 20%, transparent)}}.bg-gold-primary\/25{background-color:#d4af3740}@supports (color:color-mix(in lab, red, red)){.bg-gold-primary\/25{background-color:color-mix(in oklab, var(--color-gold-primary) 25%, transparent)}}.bg-gold-primary\/\[0\.04\]{background-color:#d4af370a}@supports (color:color-mix(in lab, red, red)){.bg-gold-primary\/\[0\.04\]{background-color:color-mix(in oklab, var(--color-gold-primary) 4%, transparent)}}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\/50{background-color:#f9fafb80}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\/50{background-color:color-mix(in oklab, var(--color-gray-50) 50%, transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-50\/70{background-color:#eef2ffb3}@supports (color:color-mix(in lab, red, red)){.bg-indigo-50\/70{background-color:color-mix(in oklab, var(--color-indigo-50) 70%, transparent)}}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-500\/20{background-color:#625fff33}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/20{background-color:color-mix(in oklab, var(--color-indigo-500) 20%, transparent)}}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-pink-500\/20{background-color:#f6339a33}@supports (color:color-mix(in lab, red, red)){.bg-pink-500\/20{background-color:color-mix(in oklab, var(--color-pink-500) 20%, transparent)}}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-50\/70{background-color:#faf5ffb3}@supports (color:color-mix(in lab, red, red)){.bg-purple-50\/70{background-color:color-mix(in oklab, var(--color-purple-50) 70%, transparent)}}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-500\/10{background-color:#ac4bff1a}@supports (color:color-mix(in lab, red, red)){.bg-purple-500\/10{background-color:color-mix(in oklab, var(--color-purple-500) 10%, transparent)}}.bg-purple-500\/20{background-color:#ac4bff33}@supports (color:color-mix(in lab, red, red)){.bg-purple-500\/20{background-color:color-mix(in oklab, var(--color-purple-500) 20%, transparent)}}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/2{background-color:#fb2c3605}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/2{background-color:color-mix(in oklab, var(--color-red-500) 2%, transparent)}}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/10{background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.bg-red-500\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/20{background-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-red-600\/10{background-color:#e400141a}@supports (color:color-mix(in lab, red, red)){.bg-red-600\/10{background-color:color-mix(in oklab, var(--color-red-600) 10%, transparent)}}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-50\/30{background-color:#fff1f24d}@supports (color:color-mix(in lab, red, red)){.bg-rose-50\/30{background-color:color-mix(in oklab, var(--color-rose-50) 30%, transparent)}}.bg-rose-100{background-color:var(--color-rose-100)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-rose-500\/10{background-color:#ff23571a}@supports (color:color-mix(in lab, red, red)){.bg-rose-500\/10{background-color:color-mix(in oklab, var(--color-rose-500) 10%, transparent)}}.bg-rose-500\/15{background-color:#ff235726}@supports (color:color-mix(in lab, red, red)){.bg-rose-500\/15{background-color:color-mix(in oklab, var(--color-rose-500) 15%, transparent)}}.bg-rose-500\/20{background-color:#ff235733}@supports (color:color-mix(in lab, red, red)){.bg-rose-500\/20{background-color:color-mix(in oklab, var(--color-rose-500) 20%, transparent)}}.bg-rose-500\/25{background-color:#ff235740}@supports (color:color-mix(in lab, red, red)){.bg-rose-500\/25{background-color:color-mix(in oklab, var(--color-rose-500) 25%, transparent)}}.bg-rose-600{background-color:var(--color-rose-600)}.bg-rose-600\/15{background-color:#e7004426}@supports (color:color-mix(in lab, red, red)){.bg-rose-600\/15{background-color:color-mix(in oklab, var(--color-rose-600) 15%, transparent)}}.bg-rose-600\/90{background-color:#e70044e6}@supports (color:color-mix(in lab, red, red)){.bg-rose-600\/90{background-color:color-mix(in oklab, var(--color-rose-600) 90%, transparent)}}.bg-rose-950\/20{background-color:#4d021833}@supports (color:color-mix(in lab, red, red)){.bg-rose-950\/20{background-color:color-mix(in oklab, var(--color-rose-950) 20%, transparent)}}.bg-royal-blue{background-color:var(--color-royal-blue)}.bg-royal-blue\/90{background-color:#0a192fe6}@supports (color:color-mix(in lab, red, red)){.bg-royal-blue\/90{background-color:color-mix(in oklab, var(--color-royal-blue) 90%, transparent)}}.bg-royal-blue\/95{background-color:#0a192ff2}@supports (color:color-mix(in lab, red, red)){.bg-royal-blue\/95{background-color:color-mix(in oklab, var(--color-royal-blue) 95%, transparent)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\/50{background-color:#f8fafc80}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/50{background-color:color-mix(in oklab, var(--color-slate-50) 50%, transparent)}}.bg-slate-50\/60{background-color:#f8fafc99}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/60{background-color:color-mix(in oklab, var(--color-slate-50) 60%, transparent)}}.bg-slate-50\/70{background-color:#f8fafcb3}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/70{background-color:color-mix(in oklab, var(--color-slate-50) 70%, transparent)}}.bg-slate-50\/95{background-color:#f8fafcf2}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/95{background-color:color-mix(in oklab, var(--color-slate-50) 95%, transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-200\/60{background-color:#e2e8f099}@supports (color:color-mix(in lab, red, red)){.bg-slate-200\/60{background-color:color-mix(in oklab, var(--color-slate-200) 60%, transparent)}}.bg-slate-300{background-color:var(--color-slate-300)}.bg-slate-400{background-color:var(--color-slate-400)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-800\/60{background-color:#1d293d99}@supports (color:color-mix(in lab, red, red)){.bg-slate-800\/60{background-color:color-mix(in oklab, var(--color-slate-800) 60%, transparent)}}.bg-slate-800\/80{background-color:#1d293dcc}@supports (color:color-mix(in lab, red, red)){.bg-slate-800\/80{background-color:color-mix(in oklab, var(--color-slate-800) 80%, transparent)}}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-900\/50{background-color:#0f172b80}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/50{background-color:color-mix(in oklab, var(--color-slate-900) 50%, transparent)}}.bg-slate-900\/60{background-color:#0f172b99}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/60{background-color:color-mix(in oklab, var(--color-slate-900) 60%, transparent)}}.bg-slate-900\/75{background-color:#0f172bbf}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/75{background-color:color-mix(in oklab, var(--color-slate-900) 75%, transparent)}}.bg-slate-900\/80{background-color:#0f172bcc}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/80{background-color:color-mix(in oklab, var(--color-slate-900) 80%, transparent)}}.bg-slate-900\/85{background-color:#0f172bd9}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/85{background-color:color-mix(in oklab, var(--color-slate-900) 85%, transparent)}}.bg-slate-900\/90{background-color:#0f172be6}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/90{background-color:color-mix(in oklab, var(--color-slate-900) 90%, transparent)}}.bg-slate-950{background-color:var(--color-slate-950)}.bg-slate-950\/60{background-color:#02061899}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/60{background-color:color-mix(in oklab, var(--color-slate-950) 60%, transparent)}}.bg-slate-950\/70{background-color:#020618b3}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/70{background-color:color-mix(in oklab, var(--color-slate-950) 70%, transparent)}}.bg-slate-950\/80{background-color:#020618cc}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/80{background-color:color-mix(in oklab, var(--color-slate-950) 80%, transparent)}}.bg-slate-950\/85{background-color:#020618d9}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/85{background-color:color-mix(in oklab, var(--color-slate-950) 85%, transparent)}}.bg-slate-950\/90{background-color:#020618e6}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/90{background-color:color-mix(in oklab, var(--color-slate-950) 90%, transparent)}}.bg-teal-50{background-color:var(--color-teal-50)}.bg-teal-100{background-color:var(--color-teal-100)}.bg-teal-500\/10{background-color:#00baa71a}@supports (color:color-mix(in lab, red, red)){.bg-teal-500\/10{background-color:color-mix(in oklab, var(--color-teal-500) 10%, transparent)}}.bg-teal-500\/20{background-color:#00baa733}@supports (color:color-mix(in lab, red, red)){.bg-teal-500\/20{background-color:color-mix(in oklab, var(--color-teal-500) 20%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-yellow-500\/20{background-color:#edb20033}@supports (color:color-mix(in lab, red, red)){.bg-yellow-500\/20{background-color:color-mix(in oklab, var(--color-yellow-500) 20%, transparent)}}.bg-yellow-950\/20{background-color:#43200433}@supports (color:color-mix(in lab, red, red)){.bg-yellow-950\/20{background-color:color-mix(in oklab, var(--color-yellow-950) 20%, transparent)}}.bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-br{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}.bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-t{--tw-gradient-position:to top}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-t{--tw-gradient-position:to top in oklab}}.bg-linear-to-t{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-tr{--tw-gradient-position:to top right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-tr{--tw-gradient-position:to top right in oklab}}.bg-linear-to-tr{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tr{--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-radial{--tw-gradient-position:in oklab;background-image:radial-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(to_right\,\#ffffff0a_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,\#ffffff0a_1px\,transparent_1px\)\]{background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px)}.from-\[\#0A192F\]{--tw-gradient-from:#0a192f;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#F43F5E\]{--tw-gradient-from:#f43f5e;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#FF007F\]{--tw-gradient-from:#ff007f;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-amber-400{--tw-gradient-from:var(--color-amber-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-amber-500{--tw-gradient-from:var(--color-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-amber-500\/10{--tw-gradient-from:#f99c001a}@supports (color:color-mix(in lab, red, red)){.from-amber-500\/10{--tw-gradient-from:color-mix(in oklab, var(--color-amber-500) 10%, transparent)}}.from-amber-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-amber-500\/15{--tw-gradient-from:#f99c0026}@supports (color:color-mix(in lab, red, red)){.from-amber-500\/15{--tw-gradient-from:color-mix(in oklab, var(--color-amber-500) 15%, transparent)}}.from-amber-500\/15{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-amber-950{--tw-gradient-from:var(--color-amber-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/40{--tw-gradient-from:#0006}@supports (color:color-mix(in lab, red, red)){.from-black\/40{--tw-gradient-from:color-mix(in oklab, var(--color-black) 40%, transparent)}}.from-black\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/60{--tw-gradient-from:#0009}@supports (color:color-mix(in lab, red, red)){.from-black\/60{--tw-gradient-from:color-mix(in oklab, var(--color-black) 60%, transparent)}}.from-black\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/70{--tw-gradient-from:#000000b3}@supports (color:color-mix(in lab, red, red)){.from-black\/70{--tw-gradient-from:color-mix(in oklab, var(--color-black) 70%, transparent)}}.from-black\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-50\/70{--tw-gradient-from:#eff6ffb3}@supports (color:color-mix(in lab, red, red)){.from-blue-50\/70{--tw-gradient-from:color-mix(in oklab, var(--color-blue-50) 70%, transparent)}}.from-blue-50\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-600{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-500{--tw-gradient-from:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-500\/10{--tw-gradient-from:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.from-emerald-500\/10{--tw-gradient-from:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.from-emerald-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-600{--tw-gradient-from:var(--color-emerald-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gold-primary{--tw-gradient-from:var(--color-gold-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-500{--tw-gradient-from:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-600{--tw-gradient-from:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-orange-500{--tw-gradient-from:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-500{--tw-gradient-from:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-500{--tw-gradient-from:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-rose-400{--tw-gradient-from:var(--color-rose-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-rose-500{--tw-gradient-from:var(--color-rose-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-rose-500\/\[0\.07\]{--tw-gradient-from:#ff235712}@supports (color:color-mix(in lab, red, red)){.from-rose-500\/\[0\.07\]{--tw-gradient-from:color-mix(in oklab, var(--color-rose-500) 7.0%, transparent)}}.from-rose-500\/\[0\.07\]{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-rose-600{--tw-gradient-from:var(--color-rose-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-royal-blue{--tw-gradient-from:var(--color-royal-blue);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-400{--tw-gradient-from:var(--color-sky-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-500{--tw-gradient-from:var(--color-sky-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-50{--tw-gradient-from:var(--color-slate-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-900{--tw-gradient-from:var(--color-slate-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-950{--tw-gradient-from:var(--color-slate-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-950\/70{--tw-gradient-from:#020618b3}@supports (color:color-mix(in lab, red, red)){.from-slate-950\/70{--tw-gradient-from:color-mix(in oklab, var(--color-slate-950) 70%, transparent)}}.from-slate-950\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-950\/85{--tw-gradient-from:#020618d9}@supports (color:color-mix(in lab, red, red)){.from-slate-950\/85{--tw-gradient-from:color-mix(in oklab, var(--color-slate-950) 85%, transparent)}}.from-slate-950\/85{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#102A4C\]{--tw-gradient-via:#102a4c;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#111C30\]{--tw-gradient-via:#111c30;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#111F38\]{--tw-gradient-via:#111f38;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#112240\]{--tw-gradient-via:#112240;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#E11D48\]{--tw-gradient-via:#e11d48;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#EC4899\]{--tw-gradient-via:#ec4899;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-amber-300{--tw-gradient-via:var(--color-amber-300);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-amber-500{--tw-gradient-via:var(--color-amber-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-amber-500\/4{--tw-gradient-via:#f99c000a}@supports (color:color-mix(in lab, red, red)){.via-amber-500\/4{--tw-gradient-via:color-mix(in oklab, var(--color-amber-500) 4%, transparent)}}.via-amber-500\/4{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-gold-primary\/20{--tw-gradient-via:#d4af3733}@supports (color:color-mix(in lab, red, red)){.via-gold-primary\/20{--tw-gradient-via:color-mix(in oklab, var(--color-gold-primary) 20%, transparent)}}.via-gold-primary\/20{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-rose-950{--tw-gradient-via:var(--color-rose-950);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-royal-blue{--tw-gradient-via:var(--color-royal-blue);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-slate-900{--tw-gradient-via:var(--color-slate-900);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-slate-900\/80{--tw-gradient-via:#0f172bcc}@supports (color:color-mix(in lab, red, red)){.via-slate-900\/80{--tw-gradient-via:color-mix(in oklab, var(--color-slate-900) 80%, transparent)}}.via-slate-900\/80{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-slate-950\/35{--tw-gradient-via:#02061859}@supports (color:color-mix(in lab, red, red)){.via-slate-950\/35{--tw-gradient-via:color-mix(in oklab, var(--color-slate-950) 35%, transparent)}}.via-slate-950\/35{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-slate-950\/40{--tw-gradient-via:#02061866}@supports (color:color-mix(in lab, red, red)){.via-slate-950\/40{--tw-gradient-via:color-mix(in oklab, var(--color-slate-950) 40%, transparent)}}.via-slate-950\/40{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-slate-950\/50{--tw-gradient-via:#02061880}@supports (color:color-mix(in lab, red, red)){.via-slate-950\/50{--tw-gradient-via:color-mix(in oklab, var(--color-slate-950) 50%, transparent)}}.via-slate-950\/50{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-teal-500\/5{--tw-gradient-via:#00baa70d}@supports (color:color-mix(in lab, red, red)){.via-teal-500\/5{--tw-gradient-via:color-mix(in oklab, var(--color-teal-500) 5%, transparent)}}.via-teal-500\/5{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white{--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-yellow-400{--tw-gradient-via:var(--color-yellow-400);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#0c1322\]{--tw-gradient-to:#0c1322;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#1E3A8A\]{--tw-gradient-to:#1e3a8a;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#070B12\]{--tw-gradient-to:#070b12;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#112240\]{--tw-gradient-to:#112240;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#F43F5E\]{--tw-gradient-to:#f43f5e;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#FB7185\]{--tw-gradient-to:#fb7185;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-300{--tw-gradient-to:var(--color-amber-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-500{--tw-gradient-to:var(--color-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-500\/10{--tw-gradient-to:#f99c001a}@supports (color:color-mix(in lab, red, red)){.to-amber-500\/10{--tw-gradient-to:color-mix(in oklab, var(--color-amber-500) 10%, transparent)}}.to-amber-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-600{--tw-gradient-to:var(--color-amber-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-950{--tw-gradient-to:var(--color-amber-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-black\/30{--tw-gradient-to:#0000004d}@supports (color:color-mix(in lab, red, red)){.to-black\/30{--tw-gradient-to:color-mix(in oklab, var(--color-black) 30%, transparent)}}.to-black\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-black\/40{--tw-gradient-to:#0006}@supports (color:color-mix(in lab, red, red)){.to-black\/40{--tw-gradient-to:color-mix(in oklab, var(--color-black) 40%, transparent)}}.to-black\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-500\/10{--tw-gradient-to:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.to-blue-500\/10{--tw-gradient-to:color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}.to-blue-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-600{--tw-gradient-to:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-300{--tw-gradient-to:var(--color-emerald-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-400{--tw-gradient-to:var(--color-emerald-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-500{--tw-gradient-to:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-500\/5{--tw-gradient-to:#00bb7f0d}@supports (color:color-mix(in lab, red, red)){.to-emerald-500\/5{--tw-gradient-to:color-mix(in oklab, var(--color-emerald-500) 5%, transparent)}}.to-emerald-500\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-500\/10{--tw-gradient-to:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.to-emerald-500\/10{--tw-gradient-to:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.to-emerald-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-600{--tw-gradient-to:var(--color-emerald-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gold-primary{--tw-gradient-to:var(--color-gold-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-600{--tw-gradient-to:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-700{--tw-gradient-to:var(--color-indigo-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-600{--tw-gradient-to:var(--color-orange-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-rose-300{--tw-gradient-to:var(--color-rose-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-rose-600{--tw-gradient-to:var(--color-rose-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-rose-700{--tw-gradient-to:var(--color-rose-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-royal-blue{--tw-gradient-to:var(--color-royal-blue);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-royal-blue-light{--tw-gradient-to:var(--color-royal-blue-light);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-50{--tw-gradient-to:var(--color-slate-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-900{--tw-gradient-to:var(--color-slate-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-950\/90{--tw-gradient-to:#020618e6}@supports (color:color-mix(in lab, red, red)){.to-slate-950\/90{--tw-gradient-to:color-mix(in oklab, var(--color-slate-950) 90%, transparent)}}.to-slate-950\/90{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-400{--tw-gradient-to:var(--color-teal-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-500\/10{--tw-gradient-to:#00baa71a}@supports (color:color-mix(in lab, red, red)){.to-teal-500\/10{--tw-gradient-to:color-mix(in oklab, var(--color-teal-500) 10%, transparent)}}.to-teal-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-600{--tw-gradient-to:var(--color-teal-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-700{--tw-gradient-to:var(--color-teal-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-yellow-200{--tw-gradient-to:var(--color-yellow-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-yellow-300{--tw-gradient-to:var(--color-yellow-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-yellow-400{--tw-gradient-to:var(--color-yellow-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-size-\[36px_36px\]{background-size:36px 36px}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-emerald-500\/20{fill:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.fill-emerald-500\/20{fill:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.fill-gold-primary{fill:var(--color-gold-primary)}.fill-red-500{fill:var(--color-red-500)}.fill-rose-500{fill:var(--color-rose-500)}.stroke-3{stroke-width:3px}.stroke-\[2\.5\]{stroke-width:2.5px}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.p-12{padding:calc(var(--spacing) * 12)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-0{padding-top:0}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-3\.5{padding-bottom:calc(var(--spacing) * 3.5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-28{padding-bottom:calc(var(--spacing) * 28)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-12{padding-left:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-\[1\.18\]{--tw-leading:1.18;line-height:1.18}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.wrap-break-word{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-\[\#0A192F\]{color:#0a192f}.text-amber-200{color:var(--color-amber-200)}.text-amber-300{color:var(--color-amber-300)}.text-amber-400{color:var(--color-amber-400)}.text-amber-400\/90{color:#fcbb00e6}@supports (color:color-mix(in lab, red, red)){.text-amber-400\/90{color:color-mix(in oklab, var(--color-amber-400) 90%, transparent)}}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-amber-950{color:var(--color-amber-950)}.text-black{color:var(--color-black)}.text-blue-200{color:var(--color-blue-200)}.text-blue-300{color:var(--color-blue-300)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-blue-950{color:var(--color-blue-950)}.text-cyan-600{color:var(--color-cyan-600)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-600\/80{color:#009767cc}@supports (color:color-mix(in lab, red, red)){.text-emerald-600\/80{color:color-mix(in oklab, var(--color-emerald-600) 80%, transparent)}}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-emerald-900{color:var(--color-emerald-900)}.text-gold-primary{color:var(--color-gold-primary)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-indigo-400{color:var(--color-indigo-400)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-indigo-800{color:var(--color-indigo-800)}.text-indigo-900{color:var(--color-indigo-900)}.text-pink-400{color:var(--color-pink-400)}.text-purple-300{color:var(--color-purple-300)}.text-purple-400{color:var(--color-purple-400)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-purple-800{color:var(--color-purple-800)}.text-purple-900{color:var(--color-purple-900)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-rose-300{color:var(--color-rose-300)}.text-rose-400{color:var(--color-rose-400)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-rose-800{color:var(--color-rose-800)}.text-royal-blue{color:var(--color-royal-blue)}.text-royal-blue-light{color:var(--color-royal-blue-light)}.text-slate-100\!{color:var(--color-slate-100)!important}.text-slate-200{color:var(--color-slate-200)}.text-slate-200\!{color:var(--color-slate-200)!important}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-slate-950{color:var(--color-slate-950)}.text-teal-300{color:var(--color-teal-300)}.text-teal-400{color:var(--color-teal-400)}.text-teal-600{color:var(--color-teal-600)}.text-teal-700{color:var(--color-teal-700)}.text-teal-800{color:var(--color-teal-800)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\!{color:var(--color-white)!important}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.text-yellow-200{color:var(--color-yellow-200)}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.text-yellow-900{color:var(--color-yellow-900)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.decoration-amber-500{-webkit-text-decoration-color:var(--color-amber-500);text-decoration-color:var(--color-amber-500)}.decoration-rose-500{-webkit-text-decoration-color:var(--color-rose-500);text-decoration-color:var(--color-rose-500)}.underline-offset-4{text-underline-offset:4px}.placeholder-slate-400::placeholder{color:var(--color-slate-400)}.placeholder-slate-500::placeholder{color:var(--color-slate-500)}.accent-amber-500{accent-color:var(--color-amber-500)}.accent-emerald-500{accent-color:var(--color-emerald-500)}.accent-gold-primary{accent-color:var(--color-gold-primary)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-65{opacity:.65}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-amber-500\/5{--tw-shadow-color:#f99c000d}@supports (color:color-mix(in lab, red, red)){.shadow-amber-500\/5{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-emerald-500\/20{--tw-shadow-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.shadow-emerald-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-emerald-500\/25{--tw-shadow-color:#00bb7f40}@supports (color:color-mix(in lab, red, red)){.shadow-emerald-500\/25{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 25%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-gold-primary\/25{--tw-shadow-color:#d4af3740}@supports (color:color-mix(in lab, red, red)){.shadow-gold-primary\/25{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-gold-primary) 25%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-gold-primary\/30{--tw-shadow-color:#d4af374d}@supports (color:color-mix(in lab, red, red)){.shadow-gold-primary\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-gold-primary) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-rose-500\/20{--tw-shadow-color:#ff235733}@supports (color:color-mix(in lab, red, red)){.shadow-rose-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-rose-600\/20{--tw-shadow-color:#e7004433}@supports (color:color-mix(in lab, red, red)){.shadow-rose-600\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-rose-600) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-rose-600\/25{--tw-shadow-color:#e7004440}@supports (color:color-mix(in lab, red, red)){.shadow-rose-600\/25{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-rose-600) 25%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-rose-600\/30{--tw-shadow-color:#e700444d}@supports (color:color-mix(in lab, red, red)){.shadow-rose-600\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-rose-600) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-blue-400\/30{--tw-ring-color:#54a2ff4d}@supports (color:color-mix(in lab, red, red)){.ring-blue-400\/30{--tw-ring-color:color-mix(in oklab, var(--color-blue-400) 30%, transparent)}}.ring-blue-500\/20{--tw-ring-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.ring-blue-500\/20{--tw-ring-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.ring-emerald-500\/20{--tw-ring-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.ring-emerald-500\/20{--tw-ring-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.ring-emerald-500\/30{--tw-ring-color:#00bb7f4d}@supports (color:color-mix(in lab, red, red)){.ring-emerald-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-emerald-500) 30%, transparent)}}.ring-emerald-500\/40{--tw-ring-color:#00bb7f66}@supports (color:color-mix(in lab, red, red)){.ring-emerald-500\/40{--tw-ring-color:color-mix(in oklab, var(--color-emerald-500) 40%, transparent)}}.ring-gold-primary\/20{--tw-ring-color:#d4af3733}@supports (color:color-mix(in lab, red, red)){.ring-gold-primary\/20{--tw-ring-color:color-mix(in oklab, var(--color-gold-primary) 20%, transparent)}}.ring-gold-primary\/30{--tw-ring-color:#d4af374d}@supports (color:color-mix(in lab, red, red)){.ring-gold-primary\/30{--tw-ring-color:color-mix(in oklab, var(--color-gold-primary) 30%, transparent)}}.ring-gold-primary\/50{--tw-ring-color:#d4af3780}@supports (color:color-mix(in lab, red, red)){.ring-gold-primary\/50{--tw-ring-color:color-mix(in oklab, var(--color-gold-primary) 50%, transparent)}}.ring-rose-500{--tw-ring-color:var(--color-rose-500)}.ring-rose-500\/30{--tw-ring-color:#ff23574d}@supports (color:color-mix(in lab, red, red)){.ring-rose-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-rose-500) 30%, transparent)}}.ring-rose-500\/50{--tw-ring-color:#ff235780}@supports (color:color-mix(in lab, red, red)){.ring-rose-500\/50{--tw-ring-color:color-mix(in oklab, var(--color-rose-500) 50%, transparent)}}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.85\)\]{--tw-drop-shadow-size:drop-shadow(0 2px 8px var(--tw-drop-shadow-color,#000000d9));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_2px_12px_rgba\(225\,29\,72\,0\.45\)\]{--tw-drop-shadow-size:drop-shadow(0 2px 12px var(--tw-drop-shadow-color,#e11d4873));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_2px_12px_rgba\(236\,72\,153\,0\.45\)\]{--tw-drop-shadow-size:drop-shadow(0 2px 12px var(--tw-drop-shadow-color,#ec489973));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-md{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--drop-shadow-md));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-xs{--tw-drop-shadow-size:drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000d));--tw-drop-shadow:drop-shadow(var(--drop-shadow-xs));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-1000{--tw-duration:1s;transition-duration:1s}.duration-7000{--tw-duration:7s;transition-duration:7s}.duration-10000{--tw-duration:10s;transition-duration:10s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}@media (hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-103:is(:where(.group):hover *){--tw-scale-x:103%;--tw-scale-y:103%;--tw-scale-z:103%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-104:is(:where(.group):hover *){--tw-scale-x:104%;--tw-scale-y:104%;--tw-scale-z:104%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:bg-gold-primary:is(:where(.group):hover *){background-color:var(--color-gold-primary)}.group-hover\:from-emerald-700:is(:where(.group):hover *){--tw-gradient-from:var(--color-emerald-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.group-hover\:to-emerald-500:is(:where(.group):hover *){--tw-gradient-to:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.group-hover\:text-amber-400:is(:where(.group):hover *){color:var(--color-amber-400)}.group-hover\:text-amber-600:is(:where(.group):hover *){color:var(--color-amber-600)}.group-hover\:text-blue-500:is(:where(.group):hover *){color:var(--color-blue-500)}.group-hover\:text-blue-600:is(:where(.group):hover *){color:var(--color-blue-600)}.group-hover\:text-emerald-600:is(:where(.group):hover *){color:var(--color-emerald-600)}.group-hover\:text-gold-primary:is(:where(.group):hover *){color:var(--color-gold-primary)}.group-hover\:text-purple-500:is(:where(.group):hover *){color:var(--color-purple-500)}.group-hover\:text-purple-600:is(:where(.group):hover *){color:var(--color-purple-600)}.group-hover\:text-slate-950:is(:where(.group):hover *){color:var(--color-slate-950)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-slate-400::placeholder{color:var(--color-slate-400)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-3:before{content:var(--tw-content);top:calc(var(--spacing) * 3)}.before\:bottom-3:before{content:var(--tw-content);bottom:calc(var(--spacing) * 3)}.before\:left-4:before{content:var(--tw-content);left:calc(var(--spacing) * 4)}.before\:w-0\.5:before{content:var(--tw-content);width:calc(var(--spacing) * .5)}.before\:bg-slate-200:before{content:var(--tw-content);background-color:var(--color-slate-200)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1\.5:hover{--tw-translate-y:calc(var(--spacing) * -1.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-100:hover{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-102:hover{--tw-scale-x:102%;--tw-scale-y:102%;--tw-scale-z:102%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border-amber-400:hover{border-color:var(--color-amber-400)}.hover\:border-amber-500\/30:hover{border-color:#f99c004d}@supports (color:color-mix(in lab, red, red)){.hover\:border-amber-500\/30:hover{border-color:color-mix(in oklab, var(--color-amber-500) 30%, transparent)}}.hover\:border-amber-500\/40:hover{border-color:#f99c0066}@supports (color:color-mix(in lab, red, red)){.hover\:border-amber-500\/40:hover{border-color:color-mix(in oklab, var(--color-amber-500) 40%, transparent)}}.hover\:border-blue-500:hover{border-color:var(--color-blue-500)}.hover\:border-blue-500\/30:hover{border-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.hover\:border-blue-500\/30:hover{border-color:color-mix(in oklab, var(--color-blue-500) 30%, transparent)}}.hover\:border-blue-500\/40:hover{border-color:#3080ff66}@supports (color:color-mix(in lab, red, red)){.hover\:border-blue-500\/40:hover{border-color:color-mix(in oklab, var(--color-blue-500) 40%, transparent)}}.hover\:border-emerald-400:hover{border-color:var(--color-emerald-400)}.hover\:border-emerald-500:hover{border-color:var(--color-emerald-500)}.hover\:border-emerald-500\/30:hover{border-color:#00bb7f4d}@supports (color:color-mix(in lab, red, red)){.hover\:border-emerald-500\/30:hover{border-color:color-mix(in oklab, var(--color-emerald-500) 30%, transparent)}}.hover\:border-emerald-500\/40:hover{border-color:#00bb7f66}@supports (color:color-mix(in lab, red, red)){.hover\:border-emerald-500\/40:hover{border-color:color-mix(in oklab, var(--color-emerald-500) 40%, transparent)}}.hover\:border-gold-primary:hover{border-color:var(--color-gold-primary)}.hover\:border-gold-primary\/30:hover{border-color:#d4af374d}@supports (color:color-mix(in lab, red, red)){.hover\:border-gold-primary\/30:hover{border-color:color-mix(in oklab, var(--color-gold-primary) 30%, transparent)}}.hover\:border-gold-primary\/40:hover{border-color:#d4af3766}@supports (color:color-mix(in lab, red, red)){.hover\:border-gold-primary\/40:hover{border-color:color-mix(in oklab, var(--color-gold-primary) 40%, transparent)}}.hover\:border-gold-primary\/50:hover{border-color:#d4af3780}@supports (color:color-mix(in lab, red, red)){.hover\:border-gold-primary\/50:hover{border-color:color-mix(in oklab, var(--color-gold-primary) 50%, transparent)}}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:border-purple-500:hover{border-color:var(--color-purple-500)}.hover\:border-purple-500\/30:hover{border-color:#ac4bff4d}@supports (color:color-mix(in lab, red, red)){.hover\:border-purple-500\/30:hover{border-color:color-mix(in oklab, var(--color-purple-500) 30%, transparent)}}.hover\:border-rose-400:hover{border-color:var(--color-rose-400)}.hover\:border-rose-500\/40:hover{border-color:#ff235766}@supports (color:color-mix(in lab, red, red)){.hover\:border-rose-500\/40:hover{border-color:color-mix(in oklab, var(--color-rose-500) 40%, transparent)}}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:border-teal-500\/30:hover{border-color:#00baa74d}@supports (color:color-mix(in lab, red, red)){.hover\:border-teal-500\/30:hover{border-color:color-mix(in oklab, var(--color-teal-500) 30%, transparent)}}.hover\:border-white\/20:hover{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/20:hover{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:border-yellow-400:hover{border-color:var(--color-yellow-400)}.hover\:bg-\[\#20bd5a\]:hover{background-color:#20bd5a}.hover\:bg-\[\#112240\]:hover{background-color:#112240}.hover\:bg-\[\#c49f27\]:hover{background-color:#c49f27}.hover\:bg-amber-50:hover{background-color:var(--color-amber-50)}.hover\:bg-amber-400:hover{background-color:var(--color-amber-400)}.hover\:bg-amber-500\/20:hover{background-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.hover\:bg-amber-500\/20:hover{background-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.hover\:bg-amber-500\/25:hover{background-color:#f99c0040}@supports (color:color-mix(in lab, red, red)){.hover\:bg-amber-500\/25:hover{background-color:color-mix(in oklab, var(--color-amber-500) 25%, transparent)}}.hover\:bg-amber-500\/30:hover{background-color:#f99c004d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-amber-500\/30:hover{background-color:color-mix(in oklab, var(--color-amber-500) 30%, transparent)}}.hover\:bg-amber-600:hover{background-color:var(--color-amber-600)}.hover\:bg-black\/80:hover{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/80:hover{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.hover\:bg-black\/90:hover{background-color:#000000e6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/90:hover{background-color:color-mix(in oklab, var(--color-black) 90%, transparent)}}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-500:hover{background-color:var(--color-blue-500)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-emerald-100:hover{background-color:var(--color-emerald-100)}.hover\:bg-emerald-400:hover{background-color:var(--color-emerald-400)}.hover\:bg-emerald-500:hover{background-color:var(--color-emerald-500)}.hover\:bg-emerald-600:hover{background-color:var(--color-emerald-600)}.hover\:bg-emerald-700:hover{background-color:var(--color-emerald-700)}.hover\:bg-gold-primary:hover{background-color:var(--color-gold-primary)}.hover\:bg-gold-primary\/20:hover{background-color:#d4af3733}@supports (color:color-mix(in lab, red, red)){.hover\:bg-gold-primary\/20:hover{background-color:color-mix(in oklab, var(--color-gold-primary) 20%, transparent)}}.hover\:bg-gold-primary\/30:hover{background-color:#d4af374d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-gold-primary\/30:hover{background-color:color-mix(in oklab, var(--color-gold-primary) 30%, transparent)}}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-purple-50:hover{background-color:var(--color-purple-50)}.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-600\/20:hover{background-color:#e4001433}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-600\/20:hover{background-color:color-mix(in oklab, var(--color-red-600) 20%, transparent)}}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-rose-50:hover{background-color:var(--color-rose-50)}.hover\:bg-rose-500:hover{background-color:var(--color-rose-500)}.hover\:bg-rose-500\/20:hover{background-color:#ff235733}@supports (color:color-mix(in lab, red, red)){.hover\:bg-rose-500\/20:hover{background-color:color-mix(in oklab, var(--color-rose-500) 20%, transparent)}}.hover\:bg-rose-600:hover{background-color:var(--color-rose-600)}.hover\:bg-rose-700:hover{background-color:var(--color-rose-700)}.hover\:bg-royal-blue:hover{background-color:var(--color-royal-blue)}.hover\:bg-royal-blue-light:hover{background-color:var(--color-royal-blue-light)}.hover\:bg-royal-blue\/90:hover{background-color:#0a192fe6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-royal-blue\/90:hover{background-color:color-mix(in oklab, var(--color-royal-blue) 90%, transparent)}}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-slate-300:hover{background-color:var(--color-slate-300)}.hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:bg-slate-800\/40:hover{background-color:#1d293d66}@supports (color:color-mix(in lab, red, red)){.hover\:bg-slate-800\/40:hover{background-color:color-mix(in oklab, var(--color-slate-800) 40%, transparent)}}.hover\:bg-slate-900:hover{background-color:var(--color-slate-900)}.hover\:bg-slate-900\/90:hover{background-color:#0f172be6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-slate-900\/90:hover{background-color:color-mix(in oklab, var(--color-slate-900) 90%, transparent)}}.hover\:bg-slate-950:hover{background-color:var(--color-slate-950)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:bg-white\/60:hover{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/60:hover{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.hover\:bg-white\/70:hover{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/70:hover{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.hover\:bg-yellow-400:hover{background-color:var(--color-yellow-400)}.hover\:from-amber-400:hover{--tw-gradient-from:var(--color-amber-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-amber-500:hover{--tw-gradient-from:var(--color-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-rose-500:hover{--tw-gradient-from:var(--color-rose-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-amber-500:hover{--tw-gradient-to:var(--color-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-gold-primary:hover{--tw-gradient-to:var(--color-gold-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-rose-600:hover{--tw-gradient-to:var(--color-rose-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:text-amber-400:hover{color:var(--color-amber-400)}.hover\:text-black:hover{color:var(--color-black)}.hover\:text-emerald-300:hover{color:var(--color-emerald-300)}.hover\:text-emerald-500:hover{color:var(--color-emerald-500)}.hover\:text-gold-primary:hover{color:var(--color-gold-primary)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-rose-700:hover{color:var(--color-rose-700)}.hover\:text-royal-blue:hover{color:var(--color-royal-blue)}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}.hover\:text-slate-950:hover{color:var(--color-slate-950)}.hover\:text-teal-300:hover{color:var(--color-teal-300)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-95:hover{opacity:.95}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-gold-primary\/20:hover{--tw-shadow-color:#d4af3733}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-gold-primary\/20:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-gold-primary) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:border-amber-400:focus{border-color:var(--color-amber-400)}.focus\:border-amber-500:focus{border-color:var(--color-amber-500)}.focus\:border-blue-600:focus{border-color:var(--color-blue-600)}.focus\:border-emerald-500:focus{border-color:var(--color-emerald-500)}.focus\:border-gold-primary:focus{border-color:var(--color-gold-primary)}.focus\:border-purple-500:focus{border-color:var(--color-purple-500)}.focus\:border-rose-400:focus{border-color:var(--color-rose-400)}.focus\:border-rose-500:focus{border-color:var(--color-rose-500)}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-gold-primary\/50:focus{--tw-ring-color:#d4af3780}@supports (color:color-mix(in lab, red, red)){.focus\:ring-gold-primary\/50:focus{--tw-ring-color:color-mix(in oklab, var(--color-gold-primary) 50%, transparent)}}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-98:active{--tw-scale-x:98%;--tw-scale-y:98%;--tw-scale-z:98%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}.active\:scale-\[0\.99\]:active{scale:.99}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=40rem){.sm\:top-6{top:calc(var(--spacing) * 6)}.sm\:top-11{top:calc(var(--spacing) * 11)}.sm\:right-6{right:calc(var(--spacing) * 6)}.sm\:right-8{right:calc(var(--spacing) * 8)}.sm\:left-6{left:calc(var(--spacing) * 6)}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mx-0{margin-inline:0}.sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}.sm\:ml-0{margin-left:0}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:inline-block{display:inline-block}.sm\:inline-flex{display:inline-flex}.sm\:aspect-16\/10{aspect-ratio:16/10}.sm\:aspect-21\/9{aspect-ratio:21/9}.sm\:h-8{height:calc(var(--spacing) * 8)}.sm\:h-10{height:calc(var(--spacing) * 10)}.sm\:h-11{height:calc(var(--spacing) * 11)}.sm\:h-12{height:calc(var(--spacing) * 12)}.sm\:h-14{height:calc(var(--spacing) * 14)}.sm\:h-18{height:calc(var(--spacing) * 18)}.sm\:h-24{height:calc(var(--spacing) * 24)}.sm\:h-32{height:calc(var(--spacing) * 32)}.sm\:h-56{height:calc(var(--spacing) * 56)}.sm\:h-72{height:calc(var(--spacing) * 72)}.sm\:h-80{height:calc(var(--spacing) * 80)}.sm\:h-105{height:calc(var(--spacing) * 105)}.sm\:h-115{height:calc(var(--spacing) * 115)}.sm\:max-h-\[90vh\]{max-height:90vh}.sm\:min-h-115{min-height:calc(var(--spacing) * 115)}.sm\:min-h-212\.5{min-height:calc(var(--spacing) * 212.5)}.sm\:w-8{width:calc(var(--spacing) * 8)}.sm\:w-10{width:calc(var(--spacing) * 10)}.sm\:w-11{width:calc(var(--spacing) * 11)}.sm\:w-14{width:calc(var(--spacing) * 14)}.sm\:w-18{width:calc(var(--spacing) * 18)}.sm\:w-20{width:calc(var(--spacing) * 20)}.sm\:w-24{width:calc(var(--spacing) * 24)}.sm\:w-28{width:calc(var(--spacing) * 28)}.sm\:w-36{width:calc(var(--spacing) * 36)}.sm\:w-64{width:calc(var(--spacing) * 64)}.sm\:w-auto{width:auto}.sm\:max-w-47\.5{max-width:calc(var(--spacing) * 47.5)}.sm\:max-w-65{max-width:calc(var(--spacing) * 65)}.sm\:max-w-md{max-width:var(--container-md)}.sm\:max-w-none{max-width:none}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:max-w-xs{max-width:var(--container-xs)}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:items-center{align-items:center}.sm\:items-start{align-items:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-3\.5{gap:calc(var(--spacing) * 3.5)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-5{gap:calc(var(--spacing) * 5)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}:where(.sm\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.sm\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.sm\:space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.sm\:space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}:where(.sm\:space-y-16>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)))}.sm\:self-auto{align-self:auto}.sm\:self-center{align-self:center}.sm\:rounded-3xl{border-radius:var(--radius-3xl)}.sm\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.sm\:p-3{padding:calc(var(--spacing) * 3)}.sm\:p-3\.5{padding:calc(var(--spacing) * 3.5)}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-4\.5{padding:calc(var(--spacing) * 4.5)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:px-0{padding-inline:0}.sm\:px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\:px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-2{padding-block:calc(var(--spacing) * 2)}.sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.sm\:py-3{padding-block:calc(var(--spacing) * 3)}.sm\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\:pt-0{padding-top:0}.sm\:pt-2{padding-top:calc(var(--spacing) * 2)}.sm\:pt-6{padding-top:calc(var(--spacing) * 6)}.sm\:pt-12{padding-top:calc(var(--spacing) * 12)}.sm\:pb-5{padding-bottom:calc(var(--spacing) * 5)}.sm\:pb-12{padding-bottom:calc(var(--spacing) * 12)}.sm\:pb-32{padding-bottom:calc(var(--spacing) * 32)}.sm\:pl-13{padding-left:calc(var(--spacing) * 13)}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.sm\:text-\[10px\]{font-size:10px}.sm\:text-\[11px\]{font-size:11px}}@media (width>=48rem){.md\:sticky{position:sticky}.md\:z-20{z-index:20}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:min-h-155{min-height:calc(var(--spacing) * 155)}.md\:w-56{width:calc(var(--spacing) * 56)}.md\:w-72{width:calc(var(--spacing) * 72)}.md\:w-80{width:calc(var(--spacing) * 80)}.md\:w-auto{width:auto}.md\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:justify-end{justify-content:flex-end}.md\:gap-4{gap:calc(var(--spacing) * 4)}:where(.md\:space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.md\:self-auto{align-self:auto}.md\:self-center{align-self:center}.md\:p-5{padding:calc(var(--spacing) * 5)}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:pt-6{padding-top:calc(var(--spacing) * 6)}.md\:pt-20{padding-top:calc(var(--spacing) * 20)}.md\:pb-0{padding-bottom:0}.md\:pb-6{padding-bottom:calc(var(--spacing) * 6)}.md\:pb-12{padding-bottom:calc(var(--spacing) * 12)}.md\:pb-24{padding-bottom:calc(var(--spacing) * 24)}.md\:text-left{text-align:left}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (width>=64rem){.lg\:bottom-0{bottom:0}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:inline{display:inline}.lg\:h-130{height:calc(var(--spacing) * 130)}.lg\:min-h-230{min-height:calc(var(--spacing) * 230)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:gap-8{gap:calc(var(--spacing) * 8)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:py-20{padding-block:calc(var(--spacing) * 20)}.lg\:py-24{padding-block:calc(var(--spacing) * 24)}.lg\:pt-14{padding-top:calc(var(--spacing) * 14)}.lg\:pt-16{padding-top:calc(var(--spacing) * 16)}.lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}.lg\:pb-12{padding-bottom:calc(var(--spacing) * 12)}.lg\:pb-16{padding-bottom:calc(var(--spacing) * 16)}.lg\:pb-36{padding-bottom:calc(var(--spacing) * 36)}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}:where(.dark\:divide-white\/5:where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){:where(.dark\:divide-white\/5:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:border:where(.dark,.dark *){border-style:var(--tw-border-style);border-width:1px}.dark\:border-amber-800:where(.dark,.dark *){border-color:var(--color-amber-800)}.dark\:border-amber-800\/40:where(.dark,.dark *){border-color:#953d0066}@supports (color:color-mix(in lab, red, red)){.dark\:border-amber-800\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-amber-800) 40%, transparent)}}.dark\:border-amber-800\/60:where(.dark,.dark *){border-color:#953d0099}@supports (color:color-mix(in lab, red, red)){.dark\:border-amber-800\/60:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-amber-800) 60%, transparent)}}.dark\:border-amber-900\/30:where(.dark,.dark *){border-color:#7b33064d}@supports (color:color-mix(in lab, red, red)){.dark\:border-amber-900\/30:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-amber-900) 30%, transparent)}}.dark\:border-amber-900\/40:where(.dark,.dark *){border-color:#7b330666}@supports (color:color-mix(in lab, red, red)){.dark\:border-amber-900\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-amber-900) 40%, transparent)}}.dark\:border-blue-500\/20:where(.dark,.dark *){border-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.dark\:border-blue-500\/20:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.dark\:border-blue-700:where(.dark,.dark *){border-color:var(--color-blue-700)}.dark\:border-blue-800:where(.dark,.dark *){border-color:var(--color-blue-800)}.dark\:border-blue-800\/40:where(.dark,.dark *){border-color:#193cb866}@supports (color:color-mix(in lab, red, red)){.dark\:border-blue-800\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-blue-800) 40%, transparent)}}.dark\:border-blue-800\/50:where(.dark,.dark *){border-color:#193cb880}@supports (color:color-mix(in lab, red, red)){.dark\:border-blue-800\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-blue-800) 50%, transparent)}}.dark\:border-blue-800\/60:where(.dark,.dark *){border-color:#193cb899}@supports (color:color-mix(in lab, red, red)){.dark\:border-blue-800\/60:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-blue-800) 60%, transparent)}}.dark\:border-blue-900\/30:where(.dark,.dark *){border-color:#1c398e4d}@supports (color:color-mix(in lab, red, red)){.dark\:border-blue-900\/30:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-blue-900) 30%, transparent)}}.dark\:border-blue-900\/50:where(.dark,.dark *){border-color:#1c398e80}@supports (color:color-mix(in lab, red, red)){.dark\:border-blue-900\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-blue-900) 50%, transparent)}}.dark\:border-cyan-800\/40:where(.dark,.dark *){border-color:#005f7866}@supports (color:color-mix(in lab, red, red)){.dark\:border-cyan-800\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-cyan-800) 40%, transparent)}}.dark\:border-emerald-500\/20:where(.dark,.dark *){border-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.dark\:border-emerald-500\/20:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.dark\:border-emerald-500\/30:where(.dark,.dark *){border-color:#00bb7f4d}@supports (color:color-mix(in lab, red, red)){.dark\:border-emerald-500\/30:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-emerald-500) 30%, transparent)}}.dark\:border-emerald-600:where(.dark,.dark *){border-color:var(--color-emerald-600)}.dark\:border-emerald-800:where(.dark,.dark *){border-color:var(--color-emerald-800)}.dark\:border-emerald-800\/40:where(.dark,.dark *){border-color:#005f4666}@supports (color:color-mix(in lab, red, red)){.dark\:border-emerald-800\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-emerald-800) 40%, transparent)}}.dark\:border-emerald-800\/50:where(.dark,.dark *){border-color:#005f4680}@supports (color:color-mix(in lab, red, red)){.dark\:border-emerald-800\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-emerald-800) 50%, transparent)}}.dark\:border-emerald-800\/60:where(.dark,.dark *){border-color:#005f4699}@supports (color:color-mix(in lab, red, red)){.dark\:border-emerald-800\/60:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-emerald-800) 60%, transparent)}}.dark\:border-emerald-900\/40:where(.dark,.dark *){border-color:#004e3b66}@supports (color:color-mix(in lab, red, red)){.dark\:border-emerald-900\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-emerald-900) 40%, transparent)}}.dark\:border-gold-primary:where(.dark,.dark *){border-color:var(--color-gold-primary)}.dark\:border-indigo-800\/40:where(.dark,.dark *){border-color:#372aac66}@supports (color:color-mix(in lab, red, red)){.dark\:border-indigo-800\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-indigo-800) 40%, transparent)}}.dark\:border-indigo-800\/60:where(.dark,.dark *){border-color:#372aac99}@supports (color:color-mix(in lab, red, red)){.dark\:border-indigo-800\/60:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-indigo-800) 60%, transparent)}}.dark\:border-purple-500\/30:where(.dark,.dark *){border-color:#ac4bff4d}@supports (color:color-mix(in lab, red, red)){.dark\:border-purple-500\/30:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-purple-500) 30%, transparent)}}.dark\:border-purple-800:where(.dark,.dark *){border-color:var(--color-purple-800)}.dark\:border-purple-900\/40:where(.dark,.dark *){border-color:#59168b66}@supports (color:color-mix(in lab, red, red)){.dark\:border-purple-900\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-purple-900) 40%, transparent)}}.dark\:border-red-500\/30:where(.dark,.dark *){border-color:#fb2c364d}@supports (color:color-mix(in lab, red, red)){.dark\:border-red-500\/30:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-red-500) 30%, transparent)}}.dark\:border-red-900\/30:where(.dark,.dark *){border-color:#82181a4d}@supports (color:color-mix(in lab, red, red)){.dark\:border-red-900\/30:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-red-900) 30%, transparent)}}.dark\:border-red-900\/40:where(.dark,.dark *){border-color:#82181a66}@supports (color:color-mix(in lab, red, red)){.dark\:border-red-900\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-red-900) 40%, transparent)}}.dark\:border-rose-800:where(.dark,.dark *){border-color:var(--color-rose-800)}.dark\:border-rose-800\/40:where(.dark,.dark *){border-color:#a3003766}@supports (color:color-mix(in lab, red, red)){.dark\:border-rose-800\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-rose-800) 40%, transparent)}}.dark\:border-slate-700:where(.dark,.dark *){border-color:var(--color-slate-700)}.dark\:border-teal-500\/30:where(.dark,.dark *){border-color:#00baa74d}@supports (color:color-mix(in lab, red, red)){.dark\:border-teal-500\/30:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-teal-500) 30%, transparent)}}.dark\:border-teal-800\/40:where(.dark,.dark *){border-color:#005f5a66}@supports (color:color-mix(in lab, red, red)){.dark\:border-teal-800\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-teal-800) 40%, transparent)}}.dark\:border-transparent:where(.dark,.dark *){border-color:#0000}.dark\:border-white\/5:where(.dark,.dark *){border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/5:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:border-white\/10:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/10:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:border-white\/15:where(.dark,.dark *){border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/15:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.dark\:border-white\/20:where(.dark,.dark *){border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/20:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.dark\:border-yellow-800\/40:where(.dark,.dark *){border-color:#874b0066}@supports (color:color-mix(in lab, red, red)){.dark\:border-yellow-800\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-yellow-800) 40%, transparent)}}.dark\:bg-\[\#0A0E17\]:where(.dark,.dark *){background-color:#0a0e17}.dark\:bg-\[\#0A0F1D\]:where(.dark,.dark *){background-color:#0a0f1d}.dark\:bg-\[\#0B0F19\]:where(.dark,.dark *){background-color:#0b0f19}.dark\:bg-\[\#0B0F19\]\/95:where(.dark,.dark *){background-color:oklab(16.9539% -.0010451 -.0219853/.95)}.dark\:bg-\[\#0B111D\]:where(.dark,.dark *){background-color:#0b111d}.dark\:bg-\[\#0B111D\]\/95:where(.dark,.dark *){background-color:oklab(17.8116% -.00300042 -.0265256/.95)}.dark\:bg-\[\#0F1622\]:where(.dark,.dark *){background-color:#0f1622}.dark\:bg-\[\#0c121e\]\/95:where(.dark,.dark *){background-color:oklab(18.2605% -.00296428 -.0263686/.95)}.dark\:bg-\[\#1E293B\]:where(.dark,.dark *){background-color:#1e293b}.dark\:bg-\[\#1e1e1e\]:where(.dark,.dark *){background-color:#1e1e1e}.dark\:bg-\[\#070B12\]:where(.dark,.dark *){background-color:#070b12}.dark\:bg-\[\#070B12\]\/95:where(.dark,.dark *){background-color:oklab(14.8674% -.00294322 -.0165587/.95)}.dark\:bg-\[\#070D1B\]:where(.dark,.dark *){background-color:#070d1b}.dark\:bg-\[\#070b12\]:where(.dark,.dark *){background-color:#070b12}.dark\:bg-\[\#111\]:where(.dark,.dark *){background-color:#111}.dark\:bg-\[\#222\]:where(.dark,.dark *){background-color:#222}.dark\:bg-\[\#101726\]:where(.dark,.dark *){background-color:#101726}.dark\:bg-\[\#111111\]:where(.dark,.dark *){background-color:#111}.dark\:bg-\[\#111827\]:where(.dark,.dark *){background-color:#111827}.dark\:bg-\[\#111827\]\/80:where(.dark,.dark *){background-color:oklab(21.0084% -.00295345 -.031625/.8)}.dark\:bg-\[\#121824\]:where(.dark,.dark *){background-color:#121824}.dark\:bg-\[\#161616\]:where(.dark,.dark *){background-color:#161616}.dark\:bg-\[\#181818\]:where(.dark,.dark *){background-color:#181818}.dark\:bg-amber-900\/40:where(.dark,.dark *){background-color:#7b330666}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-amber-900) 40%, transparent)}}.dark\:bg-amber-900\/50:where(.dark,.dark *){background-color:#7b330680}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-900\/50:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-amber-900) 50%, transparent)}}.dark\:bg-amber-950\/20:where(.dark,.dark *){background-color:#46190133}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-950\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-amber-950) 20%, transparent)}}.dark\:bg-amber-950\/30:where(.dark,.dark *){background-color:#4619014d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-950\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-amber-950) 30%, transparent)}}.dark\:bg-amber-950\/40:where(.dark,.dark *){background-color:#46190166}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-amber-950) 40%, transparent)}}.dark\:bg-amber-950\/50:where(.dark,.dark *){background-color:#46190180}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-950\/50:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-amber-950) 50%, transparent)}}.dark\:bg-amber-950\/60:where(.dark,.dark *){background-color:#46190199}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-950\/60:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-amber-950) 60%, transparent)}}.dark\:bg-amber-950\/80:where(.dark,.dark *){background-color:#461901cc}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-950\/80:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-amber-950) 80%, transparent)}}.dark\:bg-black\/30:where(.dark,.dark *){background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-black\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.dark\:bg-black\/40:where(.dark,.dark *){background-color:#0006}@supports (color:color-mix(in lab, red, red)){.dark\:bg-black\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.dark\:bg-black\/60:where(.dark,.dark *){background-color:#0009}@supports (color:color-mix(in lab, red, red)){.dark\:bg-black\/60:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.dark\:bg-black\/80:where(.dark,.dark *){background-color:#000c}@supports (color:color-mix(in lab, red, red)){.dark\:bg-black\/80:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.dark\:bg-blue-500\/15:where(.dark,.dark *){background-color:#3080ff26}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-500\/15:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-blue-500) 15%, transparent)}}.dark\:bg-blue-500\/20:where(.dark,.dark *){background-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-500\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.dark\:bg-blue-900\/40:where(.dark,.dark *){background-color:#1c398e66}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-blue-900) 40%, transparent)}}.dark\:bg-blue-900\/50:where(.dark,.dark *){background-color:#1c398e80}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-900\/50:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-blue-900) 50%, transparent)}}.dark\:bg-blue-950\/20:where(.dark,.dark *){background-color:#16245633}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-950\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-blue-950) 20%, transparent)}}.dark\:bg-blue-950\/30:where(.dark,.dark *){background-color:#1624564d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-950\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-blue-950) 30%, transparent)}}.dark\:bg-blue-950\/40:where(.dark,.dark *){background-color:#16245666}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-blue-950) 40%, transparent)}}.dark\:bg-blue-950\/50:where(.dark,.dark *){background-color:#16245680}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-950\/50:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-blue-950) 50%, transparent)}}.dark\:bg-blue-950\/60:where(.dark,.dark *){background-color:#16245699}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-950\/60:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-blue-950) 60%, transparent)}}.dark\:bg-cyan-950\/40:where(.dark,.dark *){background-color:#05334566}@supports (color:color-mix(in lab, red, red)){.dark\:bg-cyan-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-cyan-950) 40%, transparent)}}.dark\:bg-emerald-500:where(.dark,.dark *){background-color:var(--color-emerald-500)}.dark\:bg-emerald-500\/10:where(.dark,.dark *){background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-500\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.dark\:bg-emerald-500\/15:where(.dark,.dark *){background-color:#00bb7f26}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-500\/15:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-500) 15%, transparent)}}.dark\:bg-emerald-500\/20:where(.dark,.dark *){background-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-500\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.dark\:bg-emerald-900\/40:where(.dark,.dark *){background-color:#004e3b66}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-900) 40%, transparent)}}.dark\:bg-emerald-900\/50:where(.dark,.dark *){background-color:#004e3b80}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-900\/50:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-900) 50%, transparent)}}.dark\:bg-emerald-900\/60:where(.dark,.dark *){background-color:#004e3b99}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-900\/60:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-900) 60%, transparent)}}.dark\:bg-emerald-950\/10:where(.dark,.dark *){background-color:#002c221a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-950\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-950) 10%, transparent)}}.dark\:bg-emerald-950\/15:where(.dark,.dark *){background-color:#002c2226}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-950\/15:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-950) 15%, transparent)}}.dark\:bg-emerald-950\/20:where(.dark,.dark *){background-color:#002c2233}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-950\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-950) 20%, transparent)}}.dark\:bg-emerald-950\/30:where(.dark,.dark *){background-color:#002c224d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-950\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-950) 30%, transparent)}}.dark\:bg-emerald-950\/40:where(.dark,.dark *){background-color:#002c2266}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-950) 40%, transparent)}}.dark\:bg-emerald-950\/50:where(.dark,.dark *){background-color:#002c2280}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-950\/50:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-950) 50%, transparent)}}.dark\:bg-emerald-950\/60:where(.dark,.dark *){background-color:#002c2299}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-950\/60:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-950) 60%, transparent)}}.dark\:bg-emerald-950\/80:where(.dark,.dark *){background-color:#002c22cc}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-950\/80:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-950) 80%, transparent)}}.dark\:bg-gold-primary:where(.dark,.dark *){background-color:var(--color-gold-primary)}.dark\:bg-gold-primary\/10:where(.dark,.dark *){background-color:#d4af371a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-gold-primary\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-gold-primary) 10%, transparent)}}.dark\:bg-indigo-950\/20:where(.dark,.dark *){background-color:#1e1a4d33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-indigo-950\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-indigo-950) 20%, transparent)}}.dark\:bg-indigo-950\/30:where(.dark,.dark *){background-color:#1e1a4d4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-indigo-950\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-indigo-950) 30%, transparent)}}.dark\:bg-indigo-950\/40:where(.dark,.dark *){background-color:#1e1a4d66}@supports (color:color-mix(in lab, red, red)){.dark\:bg-indigo-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-indigo-950) 40%, transparent)}}.dark\:bg-indigo-950\/60:where(.dark,.dark *){background-color:#1e1a4d99}@supports (color:color-mix(in lab, red, red)){.dark\:bg-indigo-950\/60:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-indigo-950) 60%, transparent)}}.dark\:bg-purple-950\/20:where(.dark,.dark *){background-color:#3c036633}@supports (color:color-mix(in lab, red, red)){.dark\:bg-purple-950\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-purple-950) 20%, transparent)}}.dark\:bg-purple-950\/30:where(.dark,.dark *){background-color:#3c03664d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-purple-950\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-purple-950) 30%, transparent)}}.dark\:bg-purple-950\/40:where(.dark,.dark *){background-color:#3c036666}@supports (color:color-mix(in lab, red, red)){.dark\:bg-purple-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-purple-950) 40%, transparent)}}.dark\:bg-purple-950\/50:where(.dark,.dark *){background-color:#3c036680}@supports (color:color-mix(in lab, red, red)){.dark\:bg-purple-950\/50:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-purple-950) 50%, transparent)}}.dark\:bg-purple-950\/60:where(.dark,.dark *){background-color:#3c036699}@supports (color:color-mix(in lab, red, red)){.dark\:bg-purple-950\/60:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-purple-950) 60%, transparent)}}.dark\:bg-red-950\/20:where(.dark,.dark *){background-color:#46080933}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-950\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-red-950) 20%, transparent)}}.dark\:bg-red-950\/30:where(.dark,.dark *){background-color:#4608094d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-950\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-red-950) 30%, transparent)}}.dark\:bg-red-950\/40:where(.dark,.dark *){background-color:#46080966}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-red-950) 40%, transparent)}}.dark\:bg-red-950\/50:where(.dark,.dark *){background-color:#46080980}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-950\/50:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-red-950) 50%, transparent)}}.dark\:bg-rose-950\/30:where(.dark,.dark *){background-color:#4d02184d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-rose-950\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-rose-950) 30%, transparent)}}.dark\:bg-rose-950\/40:where(.dark,.dark *){background-color:#4d021866}@supports (color:color-mix(in lab, red, red)){.dark\:bg-rose-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-rose-950) 40%, transparent)}}.dark\:bg-rose-950\/60:where(.dark,.dark *){background-color:#4d021899}@supports (color:color-mix(in lab, red, red)){.dark\:bg-rose-950\/60:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-rose-950) 60%, transparent)}}.dark\:bg-rose-950\/80:where(.dark,.dark *){background-color:#4d0218cc}@supports (color:color-mix(in lab, red, red)){.dark\:bg-rose-950\/80:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-rose-950) 80%, transparent)}}.dark\:bg-royal-blue:where(.dark,.dark *){background-color:var(--color-royal-blue)}.dark\:bg-royal-blue\/90:where(.dark,.dark *){background-color:#0a192fe6}@supports (color:color-mix(in lab, red, red)){.dark\:bg-royal-blue\/90:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-royal-blue) 90%, transparent)}}.dark\:bg-royal-blue\/95:where(.dark,.dark *){background-color:#0a192ff2}@supports (color:color-mix(in lab, red, red)){.dark\:bg-royal-blue\/95:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-royal-blue) 95%, transparent)}}.dark\:bg-slate-700:where(.dark,.dark *){background-color:var(--color-slate-700)}.dark\:bg-slate-800:where(.dark,.dark *){background-color:var(--color-slate-800)}.dark\:bg-slate-800\/60:where(.dark,.dark *){background-color:#1d293d99}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-800\/60:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-800) 60%, transparent)}}.dark\:bg-slate-800\/80:where(.dark,.dark *){background-color:#1d293dcc}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-800\/80:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-800) 80%, transparent)}}.dark\:bg-slate-900:where(.dark,.dark *){background-color:var(--color-slate-900)}.dark\:bg-slate-900\/20:where(.dark,.dark *){background-color:#0f172b33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-900) 20%, transparent)}}.dark\:bg-slate-950:where(.dark,.dark *){background-color:var(--color-slate-950)}.dark\:bg-teal-950\/40:where(.dark,.dark *){background-color:#022f2e66}@supports (color:color-mix(in lab, red, red)){.dark\:bg-teal-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-teal-950) 40%, transparent)}}.dark\:bg-teal-950\/60:where(.dark,.dark *){background-color:#022f2e99}@supports (color:color-mix(in lab, red, red)){.dark\:bg-teal-950\/60:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-teal-950) 60%, transparent)}}.dark\:bg-white:where(.dark,.dark *){background-color:var(--color-white)}.dark\:bg-white\/1:where(.dark,.dark *){background-color:#ffffff03}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/1:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 1%, transparent)}}.dark\:bg-white\/2:where(.dark,.dark *){background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/2:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.dark\:bg-white\/3:where(.dark,.dark *){background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/3:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.dark\:bg-white\/5:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/5:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:bg-white\/10:where(.dark,.dark *){background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:bg-white\/15:where(.dark,.dark *){background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/15:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.dark\:bg-white\/20:where(.dark,.dark *){background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.dark\:bg-yellow-950\/40:where(.dark,.dark *){background-color:#43200466}@supports (color:color-mix(in lab, red, red)){.dark\:bg-yellow-950\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-yellow-950) 40%, transparent)}}.dark\:from-\[\#070b13\]:where(.dark,.dark *){--tw-gradient-from:#070b13;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-blue-950\/20:where(.dark,.dark *){--tw-gradient-from:#16245633}@supports (color:color-mix(in lab, red, red)){.dark\:from-blue-950\/20:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab, var(--color-blue-950) 20%, transparent)}}.dark\:from-blue-950\/20:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:via-\[\#0a0f1b\]:where(.dark,.dark *){--tw-gradient-via:#0a0f1b;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:via-\[\#161616\]:where(.dark,.dark *){--tw-gradient-via:#161616;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:to-\[\#070b13\]:where(.dark,.dark *){--tw-gradient-to:#070b13;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-\[\#161616\]:where(.dark,.dark *){--tw-gradient-to:#161616;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:text-amber-200:where(.dark,.dark *){color:var(--color-amber-200)}.dark\:text-amber-300:where(.dark,.dark *){color:var(--color-amber-300)}.dark\:text-amber-400:where(.dark,.dark *){color:var(--color-amber-400)}.dark\:text-black:where(.dark,.dark *){color:var(--color-black)}.dark\:text-blue-200:where(.dark,.dark *){color:var(--color-blue-200)}.dark\:text-blue-300:where(.dark,.dark *){color:var(--color-blue-300)}.dark\:text-blue-400:where(.dark,.dark *){color:var(--color-blue-400)}.dark\:text-cyan-400:where(.dark,.dark *){color:var(--color-cyan-400)}.dark\:text-emerald-200:where(.dark,.dark *){color:var(--color-emerald-200)}.dark\:text-emerald-300:where(.dark,.dark *){color:var(--color-emerald-300)}.dark\:text-emerald-400:where(.dark,.dark *){color:var(--color-emerald-400)}.dark\:text-emerald-400\/80:where(.dark,.dark *){color:#00d294cc}@supports (color:color-mix(in lab, red, red)){.dark\:text-emerald-400\/80:where(.dark,.dark *){color:color-mix(in oklab, var(--color-emerald-400) 80%, transparent)}}.dark\:text-gold-primary:where(.dark,.dark *){color:var(--color-gold-primary)}.dark\:text-gray-200:where(.dark,.dark *){color:var(--color-gray-200)}.dark\:text-gray-300:where(.dark,.dark *){color:var(--color-gray-300)}.dark\:text-gray-400:where(.dark,.dark *){color:var(--color-gray-400)}.dark\:text-indigo-200:where(.dark,.dark *){color:var(--color-indigo-200)}.dark\:text-indigo-300:where(.dark,.dark *){color:var(--color-indigo-300)}.dark\:text-indigo-400:where(.dark,.dark *){color:var(--color-indigo-400)}.dark\:text-purple-200:where(.dark,.dark *){color:var(--color-purple-200)}.dark\:text-purple-300:where(.dark,.dark *){color:var(--color-purple-300)}.dark\:text-purple-400:where(.dark,.dark *){color:var(--color-purple-400)}.dark\:text-red-300:where(.dark,.dark *){color:var(--color-red-300)}.dark\:text-red-400:where(.dark,.dark *){color:var(--color-red-400)}.dark\:text-rose-300:where(.dark,.dark *){color:var(--color-rose-300)}.dark\:text-rose-400:where(.dark,.dark *){color:var(--color-rose-400)}.dark\:text-slate-100:where(.dark,.dark *){color:var(--color-slate-100)}.dark\:text-slate-200:where(.dark,.dark *){color:var(--color-slate-200)}.dark\:text-slate-300:where(.dark,.dark *){color:var(--color-slate-300)}.dark\:text-slate-400:where(.dark,.dark *){color:var(--color-slate-400)}.dark\:text-slate-500:where(.dark,.dark *){color:var(--color-slate-500)}.dark\:text-slate-600:where(.dark,.dark *){color:var(--color-slate-600)}.dark\:text-slate-700:where(.dark,.dark *){color:var(--color-slate-700)}.dark\:text-slate-800:where(.dark,.dark *){color:var(--color-slate-800)}.dark\:text-slate-900:where(.dark,.dark *){color:var(--color-slate-900)}.dark\:text-slate-950:where(.dark,.dark *){color:var(--color-slate-950)}.dark\:text-teal-300:where(.dark,.dark *){color:var(--color-teal-300)}.dark\:text-teal-400:where(.dark,.dark *){color:var(--color-teal-400)}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}.dark\:text-yellow-400:where(.dark,.dark *){color:var(--color-yellow-400)}.dark\:invert:where(.dark,.dark *){--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media (hover:hover){.dark\:group-hover\:text-blue-400:where(.dark,.dark *):is(:where(.group):hover *){color:var(--color-blue-400)}.dark\:group-hover\:text-emerald-400:where(.dark,.dark *):is(:where(.group):hover *){color:var(--color-emerald-400)}.dark\:group-hover\:text-gold-primary:where(.dark,.dark *):is(:where(.group):hover *){color:var(--color-gold-primary)}.dark\:group-hover\:text-purple-400:where(.dark,.dark *):is(:where(.group):hover *){color:var(--color-purple-400)}}.dark\:before\:bg-white\/10:where(.dark,.dark *):before{content:var(--tw-content);background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:before\:bg-white\/10:where(.dark,.dark *):before{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}@media (hover:hover){.dark\:hover\:border-white\/20:where(.dark,.dark *):hover{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:border-white\/20:where(.dark,.dark *):hover{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.dark\:hover\:bg-\[\#111111\]:where(.dark,.dark *):hover{background-color:#111}.dark\:hover\:bg-blue-950\/30:where(.dark,.dark *):hover{background-color:#1624564d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-blue-950\/30:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-blue-950) 30%, transparent)}}.dark\:hover\:bg-blue-950\/50:where(.dark,.dark *):hover{background-color:#16245680}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-blue-950\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-blue-950) 50%, transparent)}}.dark\:hover\:bg-emerald-500:where(.dark,.dark *):hover{background-color:var(--color-emerald-500)}.dark\:hover\:bg-emerald-900\/40:where(.dark,.dark *):hover{background-color:#004e3b66}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-emerald-900\/40:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-emerald-900) 40%, transparent)}}.dark\:hover\:bg-emerald-950\/50:where(.dark,.dark *):hover{background-color:#002c2280}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-emerald-950\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-emerald-950) 50%, transparent)}}.dark\:hover\:bg-gold-primary:where(.dark,.dark *):hover{background-color:var(--color-gold-primary)}.dark\:hover\:bg-gold-primary\/10:where(.dark,.dark *):hover{background-color:#d4af371a}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-gold-primary\/10:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-gold-primary) 10%, transparent)}}.dark\:hover\:bg-purple-950\/30:where(.dark,.dark *):hover{background-color:#3c03664d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-purple-950\/30:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-purple-950) 30%, transparent)}}.dark\:hover\:bg-red-500\/20:where(.dark,.dark *):hover{background-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-red-500\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.dark\:hover\:bg-red-900\/30:where(.dark,.dark *):hover{background-color:#82181a4d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-red-900\/30:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-red-900) 30%, transparent)}}.dark\:hover\:bg-red-950\/20:where(.dark,.dark *):hover{background-color:#46080933}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-red-950\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-red-950) 20%, transparent)}}.dark\:hover\:bg-red-950\/30:where(.dark,.dark *):hover{background-color:#4608094d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-red-950\/30:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-red-950) 30%, transparent)}}.dark\:hover\:bg-red-950\/50:where(.dark,.dark *):hover{background-color:#46080980}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-red-950\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-red-950) 50%, transparent)}}.dark\:hover\:bg-rose-600:where(.dark,.dark *):hover{background-color:var(--color-rose-600)}.dark\:hover\:bg-rose-950\/20:where(.dark,.dark *):hover{background-color:#4d021833}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-rose-950\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-rose-950) 20%, transparent)}}.dark\:hover\:bg-slate-100:where(.dark,.dark *):hover{background-color:var(--color-slate-100)}.dark\:hover\:bg-slate-800:where(.dark,.dark *):hover{background-color:var(--color-slate-800)}.dark\:hover\:bg-white\/5:where(.dark,.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/5:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:hover\:bg-white\/10:where(.dark,.dark *):hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/10:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:hover\:bg-white\/15:where(.dark,.dark *):hover{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/15:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.dark\:hover\:bg-white\/20:where(.dark,.dark *):hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.dark\:hover\:text-black:where(.dark,.dark *):hover{color:var(--color-black)}.dark\:hover\:text-emerald-400:where(.dark,.dark *):hover{color:var(--color-emerald-400)}.dark\:hover\:text-red-400:where(.dark,.dark *):hover{color:var(--color-red-400)}.dark\:hover\:text-slate-950:where(.dark,.dark *):hover{color:var(--color-slate-950)}.dark\:hover\:text-white:where(.dark,.dark *):hover{color:var(--color-white)}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}}:root{--royal-blue:#0a192f;--royal-blue-light:#1e3a8a;--gold-primary:#d4af37;--gold-gradient:linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);--bg-color:#fff;--surface-color:#fafafa;--text-primary:#000;--text-secondary:#111827;--border-color:#e5e7eb;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--max-width:1760px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 2px 4px 0 #0000000a;--shadow-md:0 10px 15px -3px #0000000f, 0 4px 6px -2px #0000000a;--shadow-lg:0 24px 48px -12px #0000001f;--glass-bg:#ffffffd9;--glass-border:#ffffff80;--glass-noise:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E")}html.dark{--bg-color:#000;--surface-color:#111;--text-primary:#fff;--text-secondary:#9ca3af;--border-color:#233554;--glass-bg:#112240bf;--glass-border:#ffffff14}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}html,body{-webkit-overflow-scrolling:touch}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:clip}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#94a3b8}html.dark ::-webkit-scrollbar-thumb{background:#334155}html.dark ::-webkit-scrollbar-thumb:hover{background:#475569}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-heading)}.container{max-width:var(--max-width);box-sizing:border-box;width:100%;margin:0 auto;padding:0 clamp(16px,3.5vw,56px)}.text-gradient{background:var(--gold-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:var(--royal-blue);color:#fff;border-radius:var(--radius-full);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary:hover{background:var(--royal-blue-light);transform:translateY(-2px);box-shadow:0 8px 20px #0a192f40}.btn-outline{color:var(--royal-blue);border:2px solid var(--royal-blue);border-radius:var(--radius-full);z-index:1;background:0 0;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-outline:before{content:"";background:var(--royal-blue);z-index:-1;width:0%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.btn-outline:hover:before{width:100%}.btn-outline:hover{color:#fff}html.dark .btn-outline{color:#fff;border-color:#fff}html.dark .btn-outline:before{background:#fff}html.dark .btn-outline:hover{color:#000}svg.lucide,.lucide{color:inherit}.btn-primary svg.lucide,.btn-primary .lucide,.btn-outline:hover svg.lucide,.btn-outline:hover .lucide{color:#fff}html.dark .btn-outline:hover svg.lucide,html.dark .btn-outline:hover .lucide{color:#000}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:relative}.glass-panel:before{content:"";background-image:var(--glass-noise);opacity:.8;pointer-events:none;border-radius:inherit;position:absolute;inset:0}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.reveal-on-scroll,.reveal-scale,.reveal-slide-left,.reveal-slide-right{opacity:1}.goog-te-banner-frame,.goog-te-banner-frame.skiptranslate,#goog-gt-tt,.goog-te-balloon-frame,div#goog-gt-,.goog-tooltip,.goog-tooltip:hover,.goog-text-highlight,.VIpgJd-ZVi9od-ORHb-OEVmcd,.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc,#google_translate_element{visibility:hidden!important;opacity:0!important;pointer-events:none!important;border:none!important;width:0!important;height:0!important;display:none!important;position:absolute!important;top:-9999px!important;left:-9999px!important}body{position:static!important;top:0!important}.skiptranslate{display:none!important}font{box-shadow:none!important;background-color:#0000!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}


/* ========================================================
   GLOBAL PANORAMIC STRIP HIDE & TOP GAP FIX
   ======================================================== */
.panoramic-partner-strip, .panoramic-partner-names {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ========================================================
   COLDWELL BANKER LUXURY FOOTER (PIXEL-PERFECT BENCHMARK)
   ======================================================== */
.site-footer.coldwell-banker-footer,
.site-footer {
  position: relative !important;
  background: #00122e !important;
  color: #ffffff !important;
  padding: 45px 0 35px 0 !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-sizing: border-box !important;
  z-index: 10 !important;
}

.cb-footer-container {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 48px !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

.cb-footer-breadcrumb {
  margin-bottom: 35px !important;
}
.cb-breadcrumb-link {
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  opacity: 0.9 !important;
  transition: opacity 0.2s ease !important;
}
.cb-breadcrumb-link:hover {
  opacity: 1 !important;
  text-decoration: underline !important;
}

.cb-footer-top-row {
  display: grid !important;
  grid-template-columns: 320px 1fr 280px !important;
  gap: 40px !important;
  align-items: flex-start !important;
  padding-bottom: 50px !important;
  margin-bottom: 45px !important;
}

.cb-footer-brand-col {
  display: flex !important;
  align-items: center !important;
}
.cb-footer-brand-logo {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  text-decoration: none !important;
  color: #ffffff !important;
}
.cb-logo-mark-wrap {
  position: relative !important;
  width: 54px !important;
  height: 54px !important;
  border: 2px solid #ffffff !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.cb-logo-star {
  position: absolute !important;
  top: -6px !important;
  right: -3px !important;
  color: #ffffff !important;
  font-size: 17px !important;
  line-height: 1 !important;
}
.cb-logo-monogram {
  font-family: 'Cinzel', 'Playfair Display', serif, sans-serif !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: -0.5px !important;
  line-height: 1 !important;
}
.cb-brand-text-block {
  display: flex !important;
  flex-direction: column !important;
  line-height: 1.25 !important;
}
.cb-brand-main {
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  color: #ffffff !important;
}
.cb-brand-sub {
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  color: #cbd5e1 !important;
}

.cb-footer-val-col {
  padding: 0 10px !important;
}
.cb-footer-val-title {
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 1.2px !important;
  color: #ffffff !important;
  margin: 0 0 12px 0 !important;
  text-transform: uppercase !important;
}
.cb-footer-val-desc {
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  color: #94a3b8 !important;
  margin: 0 !important;
  max-width: 620px !important;
}

.cb-footer-actions-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  align-items: stretch !important;
}
.cb-footer-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 46px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-radius: 0px !important;
  transition: all 0.25s ease !important;
  text-align: center !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}
.cb-btn-estimate {
  background: #ffffff !important;
  color: #00122e !important;
  border: 1px solid #ffffff !important;
}
.cb-btn-estimate:hover {
  background: #e2e8f0 !important;
  border-color: #e2e8f0 !important;
  transform: translateY(-1px) !important;
}
.cb-btn-contact {
  background: #0a2142 !important;
  color: #ffffff !important;
  border: 1px solid #1e3a66 !important;
}
.cb-btn-contact:hover {
  background: #13335e !important;
  border-color: #254a80 !important;
  transform: translateY(-1px) !important;
}

.cb-footer-nav-row {
  display: grid !important;
  grid-template-columns: 280px 280px 1fr !important;
  gap: 60px !important;
  margin-bottom: 75px !important;
}
.cb-nav-col {
  display: flex !important;
  flex-direction: column !important;
}
.cb-nav-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 22px 0 !important;
  letter-spacing: 0.3px !important;
}
.cb-nav-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 15px !important;
}
.cb-nav-list li a {
  color: #94a3b8 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
.cb-nav-list li a:hover {
  color: #ffffff !important;
}

.cb-footer-bottom-bar {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-bottom: 24px !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
}
.cb-footer-bottom-left {
  display: flex !important;
  align-items: center !important;
  gap: 32px !important;
  flex-wrap: wrap !important;
}
.cb-copyright {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
}
.cb-bottom-legal-links {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  flex-wrap: wrap !important;
}
.cb-legal-link {
  color: #ffffff !important;
  font-size: 13.5px !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  transition: opacity 0.2s ease !important;
}
.cb-legal-link:hover {
  opacity: 0.8 !important;
}

/* Footer socials styled comprehensively at line 7373 */


.cb-footer-disclaimer-row {
  padding-top: 18px !important;
}
.cb-disclaimer-text {
  font-size: 11px !important;
  line-height: 1.6 !important;
  color: #475569 !important;
  margin: 0 !important;
  text-align: justify !important;
}

@media (max-width: 992px) {
  .cb-footer-container {
    padding: 0 24px !important;
  }
  .cb-footer-top-row {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
  .cb-footer-val-col {
    padding: 0 !important;
  }
  .cb-footer-nav-row {
    grid-template-columns: 1fr 1fr !important;
    gap: 35px !important;
  }
  .cb-footer-bottom-bar {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 20px !important;
  }
  .cb-footer-bottom-left {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
  }
}

.main-content, .orven-home {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.navbar {
  margin: 0 !important;
  top: 0 !important;
}
.arrival.kinetic-hero {
  margin-top: 0 !important;
  padding-top: 30px !important;
  padding-bottom: 50px !important;
  min-height: 85vh !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
.arrival-image {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  z-index: 1 !important;
}
.arrival-image .ambient-video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.arrival-image .hero-gradient-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(180deg, rgba(5, 11, 20, 0.72) 0%, rgba(5, 11, 20, 0.5) 50%, rgba(5, 11, 20, 0.85) 100%) !important;
  z-index: 2 !important;
}
.arrival-copy, .orven-wrap.arrival-copy {
  position: relative !important;
  z-index: 5 !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  margin-top: 0 !important;
}

/* Preloader */
.preloader-container {
  background: #000000 !important;
  background-color: #000000 !important;
  background-image: none !important;
  z-index: 999999 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1;
  transition: opacity 0.55s ease, transform 0.55s ease !important;
}
.preloader-container.fade-out {
  opacity: 0 !important;
  transform: scale(1.02) !important;
  pointer-events: none !important;
}
.preloader-logo {
  max-width: min(85vw, 440px) !important;
  max-height: 165px !important;
}

/* ========================================================
   THE 10 MASTER LUXURY HEADER (NAVBAR) STYLES
   ======================================================== */
.navbar {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: auto !important;
  min-height: 72px !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1000 !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.nav-container-full {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 32px !important;
  height: 62px !important;
  box-sizing: border-box !important;
}

.navbar-top-bar {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 6px 32px !important;
  font-size: 0.76rem !important;
  height: 34px !important;
  box-sizing: border-box !important;
  letter-spacing: 0.02em !important;
}

.navbar-top-bar .nav-top-links {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.navbar-top-bar .nav-top-links a {
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: color 0.2s ease !important;
}

/* Base Nav CTA Button */
.nav-cta-btn {
  padding: 8px 18px !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}
.nav-cta-btn:hover {
  transform: translateY(-2px) !important;
}

/* 01. Signature Royal Écrin */
.header-style-signature {
  background: rgba(6, 11, 22, 0.95) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.35) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), 0 0 15px rgba(212, 175, 55, 0.08) !important;
}
.navbar-top-signature {
  background: rgba(3, 7, 18, 0.98) !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important;
  color: #e2e8f0 !important;
}
.nav-top-tag {
  background: linear-gradient(135deg, #d4af37 0%, #aa8010 100%) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 0.68rem !important;
  padding: 2.5px 8px !important;
  border-radius: 2px !important;
  letter-spacing: 0.08em !important;
}
.nav-top-center-text {
  font-weight: 500 !important;
  color: #cbd5e1 !important;
}
.navbar-top-signature .nav-top-links a {
  color: #fbbf24 !important;
}
.navbar-top-signature .nav-top-links a:hover {
  color: #ffffff !important;
  text-shadow: 0 0 8px rgba(251, 191, 36, 0.5) !important;
}
.nav-cta-style-signature {
  background: linear-gradient(135deg, #d4af37 0%, #b45309 100%) !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 15px rgba(212, 175, 55, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.nav-cta-style-signature:hover {
  box-shadow: 0 6px 20px rgba(212, 175, 55, 0.5) !important;
}

/* 02. Le Figaro (Parisian Editorial) */
.header-style-lefigaro {
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-bottom: 2px solid #e2e8f0 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}
.navbar-top-lefigaro {
  background: #f8fafc !important;
  border-bottom: 1px solid #e2e8f0 !important;
  color: #334155 !important;
}
.lefigaro-top-slogan {
  font-weight: 600 !important;
  color: #475569 !important;
  font-size: 0.74rem !important;
}
.lefigaro-top-link {
  color: #1e3a8a !important;
  font-weight: 700 !important;
}
.lefigaro-brand-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}
.lefigaro-name-top {
  font-family: Georgia, serif !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  font-size: 18px !important;
  letter-spacing: 0.08em !important;
  line-height: 1.1 !important;
}
.lefigaro-name-sub {
  font-weight: 800 !important;
  color: #1e3a8a !important;
  font-size: 9px !important;
  letter-spacing: 0.32em !important;
  margin-top: 1px !important;
}
.header-style-lefigaro .nav-link,
.header-style-lefigaro .nav-link span,
.header-style-lefigaro .login-btn,
.header-style-lefigaro .currency-btn,
.header-style-lefigaro .lang-btn,
.header-style-lefigaro .nav-more-btn {
  color: #1e293b !important;
}
.nav-cta-style-lefigaro {
  background: #1e3a8a !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 12px rgba(30, 58, 138, 0.25) !important;
}
.nav-cta-style-lefigaro:hover {
  background: #172554 !important;
  box-shadow: 0 6px 16px rgba(30, 58, 138, 0.35) !important;
}

/* 03. LuxuryEstate Worldwide */
.header-style-luxuryestate {
  background: rgba(10, 15, 28, 0.96) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}
.navbar-top-luxuryestate {
  background: #060a14 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #94a3b8 !important;
}
.le-currency-pill, .le-lang-pill {
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  padding: 1.5px 8px !important;
  border-radius: 12px !important;
  color: #e2e8f0 !important;
  font-weight: 600 !important;
}
.le-brand-wrap {
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 16px !important;
  border: 1.5px solid rgba(255, 255, 255, 0.8) !important;
  border-radius: 30px !important;
}
.le-name-top {
  color: #ffffff !important;
  font-family: Georgia, serif !important;
  font-weight: 900 !important;
  font-size: 15px !important;
  letter-spacing: 0.16em !important;
}
.nav-cta-style-luxuryestate {
  background: #ffffff !important;
  color: #0a0f1d !important;
  font-weight: 800 !important;
  border-radius: 9999px !important;
  padding: 8px 20px !important;
  box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2) !important;
}
.nav-cta-style-luxuryestate:hover {
  background: #f1f5f9 !important;
  box-shadow: 0 6px 20px rgba(255, 255, 255, 0.3) !important;
}

/* 04. Belles Demeures */
.header-style-bellesdemeures {
  background: rgba(8, 12, 22, 0.96) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1.5px solid rgba(191, 161, 95, 0.4) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}
.navbar-top-bellesdemeures {
  background: #04070d !important;
  border-bottom: 1px solid rgba(191, 161, 95, 0.2) !important;
  color: #cbd5e1 !important;
}
.bd-top-badge {
  background: #bfa15f !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 0.68rem !important;
  padding: 2.5px 8px !important;
  border-radius: 2px !important;
  letter-spacing: 0.08em !important;
}
.bd-top-motto {
  font-family: Georgia, serif !important;
  font-style: italic !important;
  color: #d4af37 !important;
  font-size: 0.78rem !important;
}
.bd-brand-wrap {
  border: 1.5px solid rgba(191, 161, 95, 0.6) !important;
  padding: 4px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(15, 23, 42, 0.6) !important;
  border-radius: 3px !important;
  text-decoration: none !important;
}
.bd-name-top {
  font-family: Georgia, serif !important;
  font-style: italic !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  font-size: 17px !important;
  letter-spacing: 0.04em !important;
  line-height: 1.1 !important;
}
.bd-name-sub {
  font-family: Georgia, serif !important;
  font-style: italic !important;
  color: #d4af37 !important;
  font-size: 8px !important;
  letter-spacing: 0.12em !important;
  margin-top: 1px !important;
}
.header-style-bellesdemeures .nav-link,
.header-style-bellesdemeures .nav-link span {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}
.nav-cta-style-bellesdemeures {
  background: linear-gradient(135deg, #c5a868 0%, #9e7f3d 100%) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  border-radius: 3px !important;
  box-shadow: 0 4px 15px rgba(191, 161, 95, 0.35) !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  letter-spacing: 0.05em !important;
}

/* 05. Coldwell Banker Europa Realty */
.navbar.header-style-coldwellbanker,
.header-style-coldwellbanker {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-top: none !important;
  border-bottom: 1px solid transparent !important;
  box-shadow: none !important;
  padding: 16px 0 !important;
  margin: 0 !important;
  transition: background-color 0.35s ease, background 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease, padding 0.3s ease, height 0.3s ease !important;
}

.navbar-top-coldwellbanker,
.header-style-coldwellbanker .navbar-top-bar {
  display: none !important;
}

.header-style-coldwellbanker .nav-container-full {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 44px !important;
  position: relative !important;
  background: transparent !important;
}

/* 1. Logo on the FAR LEFT */
.header-style-coldwellbanker .brand-center,
.header-style-coldwellbanker .brand-style-coldwellbanker {
  order: 1 !important;
  position: static !important;
  transform: none !important;
  margin: 0 36px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  text-decoration: none !important;
  background: transparent !important;
}

.header-style-coldwellbanker .nav-logo,
.header-style-coldwellbanker .cb-logo-img {
  height: 68px !important;
  max-height: 68px !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
  filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.65)) !important;
  transition: transform 0.2s ease !important;
}

.header-style-coldwellbanker .nav-logo:hover,
.header-style-coldwellbanker .cb-logo-img:hover {
  transform: scale(1.03) !important;
}

.cb-brand-wrap {
  display: flex !important;
  align-items: center !important;
  text-decoration: none !important;
}

/* Hide menu hamburger on desktop */
.header-style-coldwellbanker .nav-menu-icon-btn {
  display: none !important;
}

/* 2. Left side links (Link 1 to 5) - DESKTOP ONLY */
@media (min-width: 992px) {
  .header-style-coldwellbanker .nav-side.nav-left {
    order: 2 !important;
    display: flex !important;
    align-items: center !important;
    gap: 28px !important;
    margin: 0 !important;
    background: transparent !important;
  }

  .header-style-coldwellbanker .nav-left-links {
    display: flex !important;
    align-items: center !important;
    gap: 28px !important;
    background: transparent !important;
  }

  /* 3. Right side links & actions (Link 6 'NOS AGENCES', CTA, Icons) */
  .header-style-coldwellbanker .nav-side.nav-right {
    order: 3 !important;
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    margin-left: auto !important;
    background: transparent !important;
  }

  .header-style-coldwellbanker .nav-right-links {
    display: none !important;
    align-items: center !important;
    gap: 24px !important;
    margin-right: 0 !important;
  }
}

/* Nav Link Typography */
.header-style-coldwellbanker .nav-link,
.header-style-coldwellbanker .nav-link span,
.header-style-coldwellbanker .nav-more-btn,
.header-style-coldwellbanker .nav-more-btn span {
  color: #ffffff !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, 'Montserrat', 'Inter' !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  text-decoration: none !important;
  transition: opacity 0.2s ease !important;
  white-space: nowrap !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7) !important;
}

.header-style-coldwellbanker .nav-link:hover,
.header-style-coldwellbanker .nav-link:hover span,
.header-style-coldwellbanker .nav-more-btn:hover {
  opacity: 0.75 !important;
  color: #ffffff !important;
}

.header-style-coldwellbanker .nav-dropdown-arrow {
  display: none !important;
}

/* 4. White CTA Button (DEMANDER UNE ESTIMATION) */
.header-style-coldwellbanker .nav-cta-btn,
.nav-cta-style-coldwellbanker {
  order: 1 !important;
  background: #ffffff !important;
  color: #091322 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, 'Montserrat', 'Inter' !important;
  font-weight: 800 !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 10px 22px !important;
  border-radius: 0px !important;
  border: 1px solid #ffffff !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}

.header-style-coldwellbanker .nav-cta-btn .nav-cta-icon {
  display: none !important;
}

.nav-cta-style-coldwellbanker:hover,
.header-style-coldwellbanker .nav-cta-btn:hover {
  background: #f1f5f9 !important;
  color: #000000 !important;
  transform: translateY(-1px) !important;
}

/* Hide bulky language/currency selector and default login button in Coldwell Banker header */
.header-style-coldwellbanker .controls,
.header-style-coldwellbanker .login-btn {
  display: none !important;
}

/* Minimalist wireframe action icons (♡, ✉, 🌐) */
.header-style-coldwellbanker .cb-action-icons-box {
  order: 2 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-left: 8px !important;
  background: transparent !important;
}

.header-style-coldwellbanker .cb-icon-btn {
  background: transparent !important;
  border: none !important;
  color: #ffffff !important;
  padding: 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  opacity: 0.9 !important;
  transition: opacity 0.2s ease, transform 0.2s ease !important;
  text-decoration: none !important;
  filter: none !important;
}

.header-style-coldwellbanker .cb-icon-btn:hover {
  opacity: 1 !important;
  transform: scale(1.12) !important;
  color: #ffffff !important;
}

.header-style-coldwellbanker .cb-icon-sep {
  width: 1px !important;
  height: 16px !important;
  background: rgba(255, 255, 255, 0.35) !important;
  margin: 0 2px !important;
}

/* 06. Floating Skyline Capsule VIP */
.header-style-capsule {
  position: fixed !important;
  top: 12px !important;
  left: 2.5% !important;
  width: 95% !important;
  max-width: 1400px !important;
  border-radius: 40px !important;
  background: rgba(11, 19, 38, 0.88) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border: 1.5px solid rgba(34, 211, 238, 0.45) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 25px rgba(34, 211, 238, 0.2) !important;
}
.navbar-top-capsule {
  display: none !important;
}
.capsule-brand-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
}
.capsule-glow-dot {
  width: 12px !important;
  height: 12px !important;
  background: #22d3ee !important;
  border-radius: 50% !important;
  box-shadow: 0 0 10px #22d3ee !important;
}
.capsule-brand-name {
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  letter-spacing: 0.08em !important;
}
.nav-cta-style-capsule {
  background: linear-gradient(135deg, #06b6d4, #3b82f6) !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 15px rgba(6, 182, 212, 0.4) !important;
}

/* 07. DualHub (Passerelle Bilatérale) */
.header-style-dualhub {
  background: rgba(8, 16, 32, 0.96) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 2px solid #059669 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}
.navbar-top-dualhub {
  background: linear-gradient(90deg, rgba(6, 78, 59, 0.95) 0%, rgba(30, 58, 138, 0.95) 100%) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}
.dualhub-top-dakar {
  color: #34d399 !important;
  font-weight: 800 !important;
}
.dualhub-top-forex {
  color: #fde047 !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
}
.dualhub-top-paris {
  color: #93c5fd !important;
  font-weight: 800 !important;
}
.dualhub-brand-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
}
.dualhub-brand-name {
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: 13px !important;
}
.nav-cta-style-dualhub {
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 15px rgba(5, 150, 105, 0.4) !important;
}

/* 08. Sotheby's Benchmark */
.header-style-sothebys {
  background: rgba(6, 14, 28, 0.96) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1.5px solid rgba(212, 175, 55, 0.5) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}
.navbar-top-sothebys {
  background: #030812 !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
  color: #d4af37 !important;
}
.sothebys-top-badge {
  color: #fbbf24 !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  font-size: 0.7rem !important;
}
.sothebys-top-motto {
  color: #e2e8f0 !important;
  font-size: 0.74rem !important;
}
.sothebys-mandate-pill {
  border: 1px solid rgba(212, 175, 55, 0.4) !important;
  padding: 1.5px 8px !important;
  border-radius: 3px !important;
  color: #fbbf24 !important;
  font-weight: 700 !important;
}
.sothebys-brand-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}
.sothebys-name-top {
  font-family: Georgia, serif !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  font-size: 18px !important;
  letter-spacing: 0.12em !important;
  line-height: 1.1 !important;
}
.sothebys-name-sub {
  color: #fbbf24 !important;
  font-size: 8.5px !important;
  letter-spacing: 0.3em !important;
  font-weight: 700 !important;
}
.header-style-sothebys .nav-link,
.header-style-sothebys .nav-link span {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}
.nav-cta-style-sothebys {
  border: 1.5px solid #d4af37 !important;
  color: #fbbf24 !important;
  background: rgba(212, 175, 55, 0.1) !important;
  font-weight: 800 !important;
  border-radius: 2px !important;
  padding: 7px 16px !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}

/* 09. Christie's Benchmark */
.header-style-christies {
  background: rgba(8, 4, 6, 0.97) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1.5px solid #dc2626 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7) !important;
}
.navbar-top-christies {
  background: #040203 !important;
  border-bottom: 1px solid rgba(220, 38, 38, 0.3) !important;
  color: #fca5a5 !important;
}
.christies-top-badge {
  color: #f87171 !important;
  font-weight: 800 !important;
  font-size: 0.7rem !important;
}
.christies-top-motto {
  color: #fef2f2 !important;
  font-size: 0.74rem !important;
}
.christies-brand-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}
.christies-name-top {
  font-family: Georgia, serif !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  font-size: 19px !important;
  letter-spacing: 0.1em !important;
  line-height: 1.1 !important;
}
.christies-name-sub {
  color: #dc2626 !important;
  font-size: 8.5px !important;
  letter-spacing: 0.26em !important;
  font-weight: 800 !important;
}
.nav-cta-style-christies {
  background: #dc2626 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  border-radius: 2px !important;
  box-shadow: 0 4px 15px rgba(220, 38, 38, 0.4) !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}

/* 10. Architectural Digest Benchmark */
.header-style-archdigest {
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-bottom: 2px solid #000000 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
}
.navbar-top-archdigest {
  background: #000000 !important;
  color: #ffffff !important;
  font-family: monospace, sans-serif !important;
}
.ad-top-badge {
  font-weight: 800 !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.05em !important;
}
.ad-top-link {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
}
.archdigest-brand-wrap {
  text-decoration: none !important;
}
.ad-name-top {
  color: #000000 !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  letter-spacing: -0.02em !important;
}
.header-style-archdigest .nav-link,
.header-style-archdigest .nav-link span,
.header-style-archdigest .login-btn,
.header-style-archdigest .currency-btn,
.header-style-archdigest .lang-btn,
.header-style-archdigest .nav-more-btn {
  color: #000000 !important;
  font-weight: 800 !important;
}
.nav-cta-style-archdigest {
  background: #000000 !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  border-radius: 0px !important;
  border: 1.5px solid #000000 !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}

/* High-contrast Nav Links for Dark Luxury Themes */
.header-style-signature .nav-link,
.header-style-signature .nav-link span,
.header-style-bellesdemeures .nav-link,
.header-style-bellesdemeures .nav-link span,
.header-style-coldwellbanker .nav-link,
.header-style-coldwellbanker .nav-link span,
.header-style-luxuryestate .nav-link,
.header-style-luxuryestate .nav-link span,
.header-style-sothebys .nav-link,
.header-style-sothebys .nav-link span,
.header-style-christies .nav-link,
.header-style-christies .nav-link span,
.header-style-capsule .nav-link,
.header-style-capsule .nav-link span,
.header-style-dualhub .nav-link,
.header-style-dualhub .nav-link span,
.header-style-signature .login-btn,
.header-style-signature .currency-btn,
.header-style-signature .lang-btn,
.header-style-signature .nav-more-btn,
.header-style-bellesdemeures .login-btn,
.header-style-bellesdemeures .currency-btn,
.header-style-bellesdemeures .lang-btn,
.header-style-bellesdemeures .nav-more-btn,
.header-style-coldwellbanker .login-btn,
.header-style-coldwellbanker .currency-btn,
.header-style-coldwellbanker .lang-btn,
.header-style-coldwellbanker .nav-more-btn,
.header-style-luxuryestate .login-btn,
.header-style-luxuryestate .currency-btn,
.header-style-luxuryestate .lang-btn,
.header-style-luxuryestate .nav-more-btn,
.header-style-sothebys .login-btn,
.header-style-sothebys .currency-btn,
.header-style-sothebys .lang-btn,
.header-style-sothebys .nav-more-btn,
.header-style-christies .login-btn,
.header-style-christies .currency-btn,
.header-style-christies .lang-btn,
.header-style-christies .nav-more-btn,
.header-style-capsule .login-btn,
.header-style-capsule .currency-btn,
.header-style-capsule .lang-btn,
.header-style-capsule .nav-more-btn,
.header-style-dualhub .login-btn,
.header-style-dualhub .currency-btn,
.header-style-dualhub .lang-btn,
.header-style-dualhub .nav-more-btn {
  color: #f8fafc !important;
}

.header-style-signature .nav-link:hover,
.header-style-signature .nav-link:hover span,
.header-style-bellesdemeures .nav-link:hover,
.header-style-bellesdemeures .nav-link:hover span,
.header-style-sothebys .nav-link:hover,
.header-style-sothebys .nav-link:hover span {
  color: #fbbf24 !important;
}

/* ==========================================================================
   ULTRA-AESTHETIC NAVBAR DROPDOWNS & ICONS (MANDAT EXCLUSIF / VENDRE / ACHETER / LOUER)
   ========================================================================== */

.nav-desktop-dropdown-panel,
.header-style-signature .nav-desktop-dropdown-panel,
.header-style-bellesdemeures .nav-desktop-dropdown-panel,
.header-style-coldwellbanker .nav-desktop-dropdown-panel,
.header-style-luxuryestate .nav-desktop-dropdown-panel,
.header-style-sothebys .nav-desktop-dropdown-panel,
.header-style-christies .nav-desktop-dropdown-panel,
.header-style-capsule .nav-desktop-dropdown-panel,
.header-style-dualhub .nav-desktop-dropdown-panel {
  background: rgba(10, 16, 30, 0.98) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
  border-radius: 18px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.85), 0 0 25px rgba(212, 175, 55, 0.15) !important;
  padding: 12px !important;
  color: #ffffff !important;
}

.nav-dropdown-panel-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 4px 8px 10px 8px !important;
  margin-bottom: 8px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.dropdown-panel-tag {
  color: #d4af37 !important;
  font-weight: 800 !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.dropdown-panel-count {
  color: #94a3b8 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  background: rgba(255, 255, 255, 0.06) !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.nav-dropdown-items-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.nav-dropdown-sublink {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  background: transparent !important;
}

.nav-dropdown-sublink:hover {
  background: rgba(212, 175, 55, 0.1) !important;
  transform: translateX(4px) !important;
}

/* Beautiful illuminated luxury icons */
.dropdown-sublink-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  background: rgba(212, 175, 55, 0.15) !important;
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
  color: #e5c058 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.dropdown-sublink-icon svg {
  width: 18px !important;
  height: 18px !important;
  color: #e5c058 !important;
  stroke: #e5c058 !important;
  stroke-width: 2 !important;
  display: block !important;
  transition: all 0.25s ease !important;
}

/* Hover state on each item */
.nav-dropdown-sublink:hover .dropdown-sublink-icon {
  background: linear-gradient(135deg, #e5c058 0%, #c49a2a 100%) !important;
  border-color: #e5c058 !important;
  color: #07101e !important;
  transform: scale(1.08) !important;
  box-shadow: 0 6px 18px rgba(212, 175, 55, 0.5) !important;
}

.nav-dropdown-sublink:hover .dropdown-sublink-icon svg {
  color: #07101e !important;
  stroke: #07101e !important;
}

.dropdown-sublink-title {
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  transition: color 0.2s ease !important;
}

.nav-dropdown-sublink:hover .dropdown-sublink-title {
  color: #e5c058 !important;
}

.dropdown-sublink-desc {
  color: #94a3b8 !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  transition: color 0.2s ease !important;
}

.nav-dropdown-sublink:hover .dropdown-sublink-desc {
  color: #e2e8f0 !important;
}

/* ========================================================
   THE 10 HERO STYLES (HOMEPAGE) - ULTRA AESTHETIC LUXURY FIDELITY
   ======================================================== */

/* GLOBAL HERO TOP CLEARANCE & BENCHMARK CONTAINER OVERRIDES */
.arrival.kinetic-hero {
  margin-top: 0 !important;
  padding-top: 110px !important;
  padding-bottom: 60px !important;
  min-height: 94vh !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

/* 01. Cinematic Container */
.arrival.hero-style-cinematic .arrival-copy,
.arrival-copy.hero-layout-cinematic {
  max-width: 1100px !important;
  margin: 0 auto !important;
  width: 100% !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* 02. Le Figaro Container */
.arrival.hero-style-lefigaro .arrival-copy,
.arrival-copy.hero-layout-lefigaro {
  max-width: 100% !important;
  margin: 0 auto !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* 03. LuxuryEstate Container */
.arrival.hero-style-luxuryestate .arrival-copy,
.arrival-copy.hero-layout-luxuryestate {
  max-width: 1240px !important;
  margin: 0 auto !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* 04. Belles Demeures Container */
.arrival.hero-style-bellesdemeures .arrival-copy,
.arrival-copy.hero-layout-bellesdemeures {
  max-width: 1360px !important;
  margin: 0 auto !important;
  width: 100% !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

/* 05. Coldwell Banker Container */
.arrival.hero-style-coldwellbanker {
  min-height: 100vh !important;
  display: flex !important;
  align-items: flex-end !important;
  padding-bottom: 50px !important;
  padding-top: 100px !important;
  position: relative !important;
}
.arrival.hero-style-coldwellbanker .hero-navigation {
  display: none !important;
}
.arrival.hero-style-coldwellbanker .arrival-copy,
.arrival-copy.hero-layout-coldwellbanker {
  max-width: 100% !important;
  padding: 0 48px !important;
  margin: 0 !important;
  width: 100% !important;
}

/* 06. 3D Perspective Universe Container */
.arrival.hero-style-perspective .arrival-copy,
.arrival-copy.hero-layout-perspective {
  max-width: 1200px !important;
  margin: 0 auto !important;
  width: 100% !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* 07. Corridor Bilatéral Container */
.arrival.hero-style-corridor .arrival-copy,
.arrival-copy.hero-layout-corridor {
  max-width: 1200px !important;
  margin: 0 auto !important;
  width: 100% !important;
}

/* 08. Swiss Minimalist Container */
.arrival.hero-style-minimalist .arrival-copy,
.arrival-copy.hero-layout-minimalist {
  max-width: 960px !important;
  margin: 0 auto !important;
  width: 100% !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* 09. Haute Couture Magazine Container */
.arrival.hero-style-magazine .arrival-copy,
.arrival-copy.hero-layout-magazine {
  max-width: 1080px !important;
  margin: 0 auto !important;
  width: 100% !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* 10. Dubai SplitGlass Container */
.arrival.hero-style-splitglass .arrival-copy,
.arrival-copy.hero-layout-splitglass {
  max-width: 1200px !important;
  margin: 0 auto !important;
  width: 100% !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* RESPONSIVE HERO BREAKPOINTS */
@media (max-width: 992px) {
  .arrival.kinetic-hero {
    padding-top: 95px !important;
    min-height: auto !important;
    padding-bottom: 40px !important;
  }
  .arrival.hero-style-bellesdemeures .arrival-copy,
  .arrival-copy.hero-layout-bellesdemeures {
    justify-content: center !important;
  }
  .hero-coldwellbanker-benchmark-layout {
    flex-direction: column !important;
    gap: 30px !important;
    text-align: center !important;
  }
  .cb-hero-left-column {
    max-width: 100% !important;
    text-align: center !important;
  }
  .cb-destinations-tags-grid {
    justify-content: center !important;
  }
  .cb-hero-right-search-bar {
    margin: 0 auto !important;
  }
  .perspective-metrics-deck {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .corridor-dual-portals-grid,
  .splitglass-dual-decks {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  .arrival.kinetic-hero {
    padding-top: 85px !important;
  }
  .lf-hero-floating-card {
    padding: 20px 16px !important;
  }
  .le-benchmark-pill-bar {
    flex-direction: column !important;
    border-radius: 20px !important;
    padding: 16px !important;
  }
  .le-bar-divider {
    display: none !important;
  }
  .le-bar-search-btn {
    width: 100% !important;
    justify-content: center !important;
  }
  .perspective-metrics-deck {
    grid-template-columns: 1fr !important;
  }
}

/* 01. IMMO100FIN Arrivée 4K Spectacle */
.arrival.hero-style-cinematic .orven-kicker {
  color: #fbbf24 !important;
  font-weight: 800 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}
.arrival.hero-style-cinematic .hero-btn.btn-invest {
  background: linear-gradient(135deg, #d4af37 0%, #b45309 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 20px rgba(212, 175, 55, 0.45) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.arrival.hero-style-cinematic .hero-btn.btn-invest:hover {
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 8px 25px rgba(212, 175, 55, 0.6) !important;
}

/* 02. Le Figaro Center Floating White Card */
.hero-center-lefigaro-wrapper {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  padding: 30px 0 !important;
}
.lf-hero-floating-card {
  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.9) inset !important;
  width: 100% !important;
  max-width: 480px !important;
  padding: 28px 32px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.lf-hero-floating-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 30px 70px -10px rgba(0, 0, 0, 0.6) !important;
}
.lf-hero-title-main {
  font-family: Georgia, serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  line-height: 1.1 !important;
}
.lf-hero-title-sub {
  font-family: Georgia, serif !important;
  font-style: italic !important;
  font-size: 20px !important;
  color: #4b5563 !important;
  margin-top: -2px !important;
  margin-bottom: 16px !important;
}
.lf-hero-pill-tabs {
  display: flex !important;
  background: #f1f5f9 !important;
  border-radius: 6px !important;
  padding: 4px !important;
  width: 100% !important;
  margin-bottom: 12px !important;
}
.lf-pill-tab {
  flex: 1 !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #64748b !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  transition: all 0.2s ease !important;
}
.lf-pill-tab.active, .lf-pill-tab:hover {
  background: #3b5bdb !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}
.lf-hero-select-country {
  width: 100% !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
  font-size: 13.5px !important;
  color: #1e293b !important;
  margin-bottom: 10px !important;
  background: #ffffff !important;
  outline: none !important;
  font-weight: 600 !important;
}
.lf-hero-input-region {
  width: 100% !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
  font-size: 13.5px !important;
  color: #1e293b !important;
  margin-bottom: 14px !important;
  box-sizing: border-box !important;
  outline: none !important;
}
.lf-hero-input-region:focus, .lf-hero-select-country:focus {
  border-color: #3b5bdb !important;
  box-shadow: 0 0 0 3px rgba(59, 91, 219, 0.15) !important;
}
.lf-hero-primary-btn {
  width: 100% !important;
  background: #3b5bdb !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  padding: 13px !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 4px 15px rgba(59, 91, 219, 0.35) !important;
  transition: all 0.2s ease !important;
}
.lf-hero-primary-btn:hover {
  background: #2563eb !important;
  transform: translateY(-1px) !important;
}
.lf-hero-divider-or {
  font-family: Georgia, serif !important;
  font-style: italic !important;
  color: #64748b !important;
  font-size: 14px !important;
  margin: 12px 0 10px !important;
}
.lf-hero-ai-search-pill {
  width: 100% !important;
  border: 1.5px solid #2563eb !important;
  border-radius: 30px !important;
  padding: 9px 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  position: relative !important;
  background: #f8fafc !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}
.lf-hero-ai-search-pill:hover {
  background: #eff6ff !important;
  border-color: #1d4ed8 !important;
  transform: scale(1.02) !important;
}
.lf-ai-mic-icon {
  background: #2563eb !important;
  color: #ffffff !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
}
.lf-ai-text {
  color: #1e40af !important;
  font-weight: 800 !important;
  font-size: 13.5px !important;
}
.lf-ai-new-badge {
  position: absolute !important;
  top: -9px !important;
  right: 16px !important;
  background: #ef4444 !important;
  color: #ffffff !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  padding: 2px 7px !important;
  border-radius: 10px !important;
  letter-spacing: 0.08em !important;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4) !important;
}

/* 03. LuxuryEstate Horizontal Floating Pill */
.hero-luxuryestate-benchmark-layout {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
  position: relative !important;
  padding: 40px 0 60px !important;
}
.le-benchmark-title {
  font-family: Georgia, serif !important;
  font-size: clamp(2.2rem, 4vw, 3.4rem) !important;
  color: #ffffff !important;
  font-weight: 400 !important;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.8) !important;
  margin-bottom: 28px !important;
  max-width: 900px !important;
  line-height: 1.2 !important;
}
.le-benchmark-pill-bar {
  display: flex !important;
  background: #ffffff !important;
  border-radius: 50px !important;
  padding: 8px 10px 8px 22px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.15) !important;
  max-width: 820px !important;
  width: 94% !important;
  align-items: center !important;
  gap: 14px !important;
  box-sizing: border-box !important;
}
.le-bar-select {
  border: none !important;
  outline: none !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  background: transparent !important;
  cursor: pointer !important;
}
.le-bar-divider {
  color: #cbd5e1 !important;
  font-size: 18px !important;
  font-weight: 300 !important;
}
.le-bar-input {
  flex: 1 !important;
  border: none !important;
  outline: none !important;
  font-size: 14px !important;
  color: #1e293b !important;
  padding: 8px 0 !important;
}
.le-bar-search-btn {
  background: #111827 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  padding: 12px 30px !important;
  border-radius: 40px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  cursor: pointer !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
}
.le-bar-search-btn:hover {
  background: #000000 !important;
  transform: scale(1.03) !important;
}
.le-bottom-spotlight {
  position: absolute !important;
  bottom: 0px !important;
  left: 20px !important;
  text-align: left !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9) !important;
}
.le-spotlight-title {
  color: #ffffff !important;
  font-family: Georgia, serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}
.le-spotlight-desc {
  color: #e2e8f0 !important;
  font-size: 13px !important;
  margin: 4px 0 10px !important;
}
.le-spotlight-dots {
  display: flex !important;
  gap: 6px !important;
}
.le-dash {
  width: 24px !important;
  height: 3px !important;
  background: rgba(255, 255, 255, 0.4) !important;
  border-radius: 2px !important;
}
.le-dash.active {
  background: #ffffff !important;
}
.le-arrow-nav {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: rgba(0, 0, 0, 0.45) !important;
  backdrop-filter: blur(8px) !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 28px !important;
  cursor: pointer !important;
  user-select: none !important;
  transition: background 0.2s ease !important;
}
.le-arrow-nav:hover {
  background: rgba(0, 0, 0, 0.75) !important;
}
.le-nav-prev { left: 0 !important; }
.le-nav-next { right: 0 !important; }

/* 04. Belles Demeures Right Floating Dark Console */
.hero-bellesdemeures-benchmark-layout {
  display: flex !important;
  width: 100% !important;
  position: relative !important;
  min-height: 440px !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding-right: 20px !important;
}
.bd-benchmark-card-right {
  margin-left: auto !important;
  max-width: 430px !important;
  width: 100% !important;
  background: rgba(10, 15, 25, 0.92) !important;
  backdrop-filter: blur(20px) !important;
  border-radius: 6px !important;
  padding: 30px 26px !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.7) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  text-align: left !important;
  box-sizing: border-box !important;
}
.bd-card-heading-title {
  font-family: Georgia, serif !important;
  font-size: 21px !important;
  color: #ffffff !important;
  line-height: 1.3 !important;
  margin-bottom: 20px !important;
}
.bd-sub-italic-line {
  display: block !important;
  font-style: italic !important;
  color: #f1f5f9 !important;
}
.bd-dual-selects-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}
.bd-card-select {
  background: #ffffff !important;
  border: none !important;
  padding: 10px 12px !important;
  font-size: 13px !important;
  border-radius: 3px !important;
  color: #0f172a !important;
  outline: none !important;
  font-weight: 700 !important;
}
.bd-card-input-full {
  width: 100% !important;
  background: #ffffff !important;
  border: none !important;
  padding: 11px 14px !important;
  font-size: 13px !important;
  margin-bottom: 10px !important;
  box-sizing: border-box !important;
  border-radius: 3px !important;
  outline: none !important;
}
.bd-input-wrap-price {
  position: relative !important;
  margin-bottom: 16px !important;
}
.bd-card-input-price {
  width: 100% !important;
  background: #ffffff !important;
  border: none !important;
  padding: 11px 14px !important;
  font-size: 13px !important;
  box-sizing: border-box !important;
  border-radius: 3px !important;
  outline: none !important;
}
.bd-price-curr-tag {
  position: absolute !important;
  right: 12px !important;
  top: 11px !important;
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
.bd-card-submit-btn {
  width: 100% !important;
  background: #bfa15f !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 14.5px !important;
  padding: 13px !important;
  border-radius: 3px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
  margin-bottom: 12px !important;
  letter-spacing: 0.05em !important;
}
.bd-card-submit-btn:hover {
  background: #a88a44 !important;
  transform: translateY(-1px) !important;
}
.bd-card-link-refine {
  display: block !important;
  text-align: center !important;
  color: #cbd5e1 !important;
  font-size: 12px !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
.bd-card-link-refine:hover {
  color: #fbbf24 !important;
}
.bd-bottom-center-label {
  position: absolute !important;
  bottom: -30px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
}

/* 05. Coldwell Banker Destination Hubs & Bottom Right Search */
.hero-coldwellbanker-benchmark-layout {
  position: relative !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  width: 100% !important;
  min-height: 420px !important;
  padding: 0 16px 16px 52px !important;
  box-sizing: border-box !important;
}
.cb-hero-left-column {
  max-width: 520px !important;
  width: 100% !important;
  text-align: left !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-self: flex-end !important;
  margin-top: auto !important;
  padding-bottom: 4px !important;
  transform: translateY(142px) !important;
}
.cb-hero-main-heading {
  font-family: 'Barlow Semi Condensed', 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(1.65rem, 2.45vw, 2.25rem) !important;
  font-weight: 300 !important;
  font-stretch: condensed !important;
  color: #ffffff !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  line-height: 1.18 !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  display: block !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.85) !important;
}
.cb-hero-main-paragraph {
  color: #e2e8f0 !important;
  font-size: 13.5px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  max-width: 500px !important;
  margin-bottom: 8px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  display: block !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.85) !important;
}
.cb-hero-kicker-destinations {
  color: #cbd5e1 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.8) !important;
}
.cb-destinations-tags-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}
.cb-tag-box {
  border: 1px solid rgba(255, 255, 255, 0.40) !important;
  background: rgba(0, 0, 0, 0.45) !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 5px 12px !important;
  letter-spacing: 0.08em !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  border-radius: 0px !important;
  text-transform: uppercase !important;
  backdrop-filter: blur(6px) !important;
}
.cb-tag-box:hover {
  background: rgba(255, 255, 255, 0.25) !important;
  border-color: #ffffff !important;
  transform: translateY(-1px) !important;
  color: #ffffff !important;
}
.cb-hero-right-search-bar {
  position: absolute !important;
  right: 0 !important;
  bottom: 16px !important;
  margin: 0 !important;
  width: 440px !important;
  max-width: 440px !important;
  z-index: 15 !important;
}
.cb-search-tabs-header {
  display: flex !important;
  gap: 20px !important;
  margin-bottom: 10px !important;
}
.cb-search-tab {
  color: #94a3b8 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.1em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transition: color 0.2s ease !important;
  cursor: pointer !important;
}
.cb-search-tab.active {
  color: #ffffff !important;
  font-weight: 900 !important;
  border-bottom: 2px solid #ffffff !important;
  padding-bottom: 4px !important;
}
.cb-search-split-box {
  display: flex !important;
  background: #ffffff !important;
  border-radius: 0px !important;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.6) !important;
  overflow: hidden !important;
  min-height: 54px !important;
}
.cb-search-input-col {
  flex: 1 !important;
  padding: 8px 18px !important;
  text-align: left !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  border-radius: 0px !important;
}
.cb-input-label-top {
  color: #64748b !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  margin-bottom: 2px !important;
}
.cb-native-split-input {
  border: none !important;
  outline: none !important;
  width: 100% !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  padding: 2px 0 !important;
  background: transparent !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  border-radius: 0px !important;
}
.cb-search-split-btn {
  background: #091322 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 12.5px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 0 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
  border: 1.5px solid #ffffff !important;
  border-radius: 0px !important;
  white-space: nowrap !important;
}
.cb-search-split-btn:hover {
  background: #1e293b !important;
}

/* 06. 3D Perspective Universe & Live Metrics */
.perspective-kicker-glow {
  color: #a78bfa !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.2em !important;
  margin-bottom: 12px !important;
}
.perspective-hero-title {
  color: #ffffff !important;
  font-size: clamp(2.2rem, 4vw, 3.2rem) !important;
  font-weight: 900 !important;
  margin-bottom: 14px !important;
}
.perspective-hero-desc {
  color: #cbd5e1 !important;
  font-size: 14.5px !important;
  max-width: 680px !important;
  margin: 0 auto 28px !important;
  line-height: 1.5 !important;
}
.perspective-metrics-deck {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 auto 28px !important;
}
.perspective-metric-card {
  background: rgba(15, 23, 42, 0.85) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(167, 139, 250, 0.45) !important;
  border-radius: 8px !important;
  padding: 18px 14px !important;
  text-align: center !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
  transition: transform 0.25s ease !important;
}
.perspective-metric-card:hover {
  transform: translateY(-4px) !important;
  border-color: #a78bfa !important;
}
.perspective-metric-card .p-mval {
  color: #a78bfa !important;
  font-weight: 900 !important;
  font-size: 24px !important;
}
.perspective-metric-card:nth-child(2) .p-mval { color: #34d399 !important; }
.perspective-metric-card:nth-child(3) .p-mval { color: #fbbf24 !important; }
.perspective-metric-card:nth-child(4) .p-mval { color: #38bdf8 !important; }
.perspective-metric-card .p-mlbl {
  color: #e2e8f0 !important;
  font-size: 11.5px !important;
  margin-top: 4px !important;
}
.perspective-actions-row {
  display: flex !important;
  gap: 16px !important;
  justify-content: center !important;
}
.perspective-btn-gold {
  background: linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  padding: 12px 28px !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 15px rgba(167, 139, 250, 0.4) !important;
}
.perspective-btn-outline {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 12px 28px !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
}

/* 07. Corridor Bilatéral Split Gateway */
.hero-corridor-layout {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  width: 100% !important;
}
.corridor-forex-ticker-pill {
  background: rgba(16, 185, 129, 0.25) !important;
  border: 1px solid #34d399 !important;
  color: #34d399 !important;
  padding: 8px 24px !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  margin-bottom: 28px !important;
  border-radius: 30px !important;
  letter-spacing: 0.05em !important;
}
.corridor-dual-portals-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 28px !important;
  width: 100% !important;
}
.corridor-portal-deck {
  background: rgba(10, 15, 25, 0.9) !important;
  backdrop-filter: blur(20px) !important;
  padding: 32px 30px !important;
  border-radius: 10px !important;
  text-align: left !important;
  border: 1.5px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6) !important;
  transition: transform 0.25s ease, border-color 0.25s ease !important;
}
.corridor-portal-deck:hover {
  transform: translateY(-4px) !important;
}
.portal-deck-sn {
  border-color: rgba(16, 185, 129, 0.5) !important;
}
.portal-deck-sn:hover {
  border-color: #34d399 !important;
  box-shadow: 0 20px 50px rgba(16, 185, 129, 0.25) !important;
}
.portal-deck-fr {
  border-color: rgba(59, 130, 246, 0.5) !important;
}
.portal-deck-fr:hover {
  border-color: #60a5fa !important;
  box-shadow: 0 20px 50px rgba(59, 130, 246, 0.25) !important;
}
.portal-badge-sn {
  color: #34d399 !important;
  font-weight: 900 !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  margin-bottom: 6px !important;
}
.portal-badge-fr {
  color: #60a5fa !important;
  font-weight: 900 !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  margin-bottom: 6px !important;
}
.portal-title {
  color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  margin-bottom: 8px !important;
}
.portal-desc {
  color: #cbd5e1 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin-bottom: 18px !important;
}
.portal-action-btn {
  font-size: 13px !important;
  font-weight: 800 !important;
  padding: 10px 20px !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  color: #ffffff !important;
}
.btn-sn { background: #10b981 !important; }
.btn-fr { background: #3b82f6 !important; }

/* 08. Swiss Atelier Minimalist Architecture */
.hero-minimalist-layout {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  max-width: 850px !important;
  margin: 0 auto !important;
}
.swiss-kicker-clean {
  color: #cbd5e1 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.25em !important;
  margin-bottom: 12px !important;
}
.swiss-hero-title {
  color: #ffffff !important;
  font-size: clamp(2.4rem, 4.5vw, 3.6rem) !important;
  font-weight: 900 !important;
  margin-bottom: 12px !important;
}
.swiss-hero-subtitle {
  color: #94a3b8 !important;
  font-size: 15px !important;
  margin-bottom: 32px !important;
}
.swiss-underline-search-deck {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 600px !important;
  border-bottom: 2px solid #ffffff !important;
  padding-bottom: 10px !important;
  margin-bottom: 24px !important;
}
.swiss-underline-input {
  flex: 1 !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  color: #ffffff !important;
  font-size: 15px !important;
}
.swiss-underline-input::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}
.swiss-search-arrow {
  color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}
.swiss-category-tags-row {
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}
.swiss-tag-pill {
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  color: #cbd5e1 !important;
  font-size: 12px !important;
  padding: 6px 16px !important;
  border-radius: 20px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}
.swiss-tag-pill:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

/* 09. Haute Couture Editorial Magazine */
.hero-magazine-layout {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto !important;
}
.mag-edition-bar {
  display: flex !important;
  gap: 14px !important;
  align-items: center !important;
  margin-bottom: 14px !important;
}
.mag-issue-badge {
  background: #d4af37 !important;
  color: #000000 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  padding: 4px 14px !important;
  letter-spacing: 0.1em !important;
}
.mag-vol-badge {
  color: #fbbf24 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
}
.mag-cover-title {
  font-family: Georgia, serif !important;
  font-size: clamp(2.4rem, 4.5vw, 3.8rem) !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  margin-bottom: 16px !important;
}
.mag-editorial-quote {
  color: #cbd5e1 !important;
  font-style: italic !important;
  font-size: 16px !important;
  margin-bottom: 28px !important;
  max-width: 700px !important;
}
.mag-actions-row {
  display: flex !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}
.mag-read-btn {
  background: linear-gradient(135deg, #d4af37 0%, #b45309 100%) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  padding: 13px 30px !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 20px rgba(212, 175, 55, 0.4) !important;
}
.mag-consult-btn {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 13px 26px !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
}

/* 10. Dubai Sky Penthouse Dual Glass Deck */
.hero-splitglass-layout {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  max-width: 1050px !important;
  margin: 0 auto !important;
  width: 100% !important;
  text-align: center !important;
}
.splitglass-kicker-cyan {
  color: #22d3ee !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.2em !important;
  margin-bottom: 10px !important;
}
.splitglass-title {
  color: #ffffff !important;
  font-size: clamp(2.2rem, 4vw, 3.4rem) !important;
  font-weight: 900 !important;
  margin-bottom: 28px !important;
}
.splitglass-dual-decks {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 28px !important;
  width: 100% !important;
}
.glass-deck-card {
  background: rgba(15, 23, 42, 0.88) !important;
  backdrop-filter: blur(20px) !important;
  padding: 30px 26px !important;
  border-radius: 10px !important;
  text-align: left !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6) !important;
  transition: transform 0.25s ease !important;
}
.glass-deck-card:hover {
  transform: translateY(-4px) !important;
}
.deck-radar {
  border: 1.5px solid rgba(34, 211, 238, 0.45) !important;
}
.deck-vip-offmarket {
  border: 1.5px solid rgba(212, 175, 55, 0.45) !important;
}
.deck-card-title-cyan {
  color: #22d3ee !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  margin-bottom: 8px !important;
}
.deck-card-title-gold {
  color: #fbbf24 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  margin-bottom: 8px !important;
}
.deck-card-text {
  color: #e2e8f0 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin-bottom: 18px !important;
}
.deck-btn-cyan {
  background: #06b6d4 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  padding: 10px 20px !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
}
.deck-btn-gold {
  background: #d4af37 !important;
  color: #000000 !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  padding: 10px 20px !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
}

/* Pulse Dot & Quick Filter Pills */
.kicker-pulse-dot {
  color: #10b981 !important;
  font-size: 14px !important;
  margin-right: 8px !important;
  animation: kickerPulse 2s infinite ease-in-out !important;
  display: inline-block !important;
}
@keyframes kickerPulse {
  0%, 100% { transform: scale(1); opacity: 0.9; text-shadow: 0 0 10px #10b981; }
  50% { transform: scale(1.3); opacity: 1; text-shadow: 0 0 20px #34d399; }
}
.hero-quick-filter-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: center !important;
  margin-top: 24px !important;
}
.quick-pill {
  background: rgba(15, 23, 42, 0.6) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #f1f5f9 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 6px 16px !important;
  border-radius: 20px !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}
.quick-pill:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: #ffffff !important;
  transform: translateY(-2px) !important;
  color: #ffffff !important;
}
.quick-pill.pill-gold {
  background: rgba(212, 175, 55, 0.2) !important;
  border-color: #d4af37 !important;
  color: #fbbf24 !important;
}
.quick-pill.pill-gold:hover {
  background: #d4af37 !important;
  color: #000000 !important;
}

/* Le Figaro Destinations Strip */
.lf-bottom-destinations-bar {
  margin-top: 18px !important;
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  color: #ffffff !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
  font-size: 13px !important;
}
.lf-dest-label {
  color: #fbbf24 !important;
  font-weight: 700 !important;
}
.lf-dest-link {
  color: #e2e8f0 !important;
  text-decoration: none !important;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.4) !important;
  transition: all 0.2s ease !important;
}
.lf-dest-link:hover {
  color: #ffffff !important;
  border-bottom-style: solid !important;
}

/* Corridor Bottom Quick Search */
.corridor-bottom-quick-search {
  display: flex !important;
  width: 100% !important;
  max-width: 850px !important;
  margin-top: 24px !important;
  background: rgba(15, 23, 42, 0.85) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}
.corridor-input {
  flex: 1 !important;
  background: transparent !important;
  border: none !important;
  padding: 14px 20px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  outline: none !important;
}
.corridor-btn-go {
  background: linear-gradient(135deg, #10b981, #3b82f6) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 13.5px !important;
  padding: 0 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: opacity 0.2s ease !important;
}
.corridor-btn-go:hover {
  opacity: 0.9 !important;
}

/* Magazine Bottom Editorial Strip */
.mag-bottom-editorial-strip {
  display: flex !important;
  gap: 12px !important;
  margin-top: 28px !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  color: #94a3b8 !important;
  font-weight: 700 !important;
}

/* ========================================================
   CLEAN VISUAL STYLE GALLERY & HIGH-FIDELITY MOCKUPS
   ======================================================== */
.clean-visual-studio {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  padding: 4px !important;
}
.theme-studio-header-clean {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 18px 20px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  position: relative !important;
  text-align: center !important;
}
.studio-clean-title {
  color: #ffffff !important;
  font-size: 1.3rem !important;
  font-weight: 800 !important;
  margin: 0 !important;
  text-align: center !important;
  letter-spacing: 0.04em !important;
}
.studio-header-right {
  position: absolute !important;
  right: 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
.theme-section-card-clean {
  background: #0b1120 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 20px !important;
}
.clean-section-heading {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 20px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.clean-heading-title {
  color: #ffffff !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
}
.clean-active-badge {
  background: rgba(212, 175, 55, 0.15) !important;
  border: 1px solid #d4af37 !important;
  color: #fbbf24 !important;
  padding: 4px 12px !important;
  font-size: 0.8rem !important;
}
.clean-active-badge strong {
  color: #ffffff !important;
}
.theme-styles-grid-clean {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  width: 100% !important;
}
.theme-style-card-clean {
  width: 100% !important;
  background: #1e293b !important;
  border: 2px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
.theme-style-card-clean:hover {
  border-color: rgba(212, 175, 55, 0.6) !important;
  transform: translateY(-2px) !important;
}
.theme-style-card-clean.is-selected-card {
  border-color: #d4af37 !important;
  box-shadow: 0 0 35px rgba(212, 175, 55, 0.45), inset 0 0 15px rgba(212, 175, 55, 0.08) !important;
}
.card-top-bar-clean {
  padding: 12px 18px !important;
  background: rgba(0, 0, 0, 0.4) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.card-num-group {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.card-number-badge {
  background: #0f172a !important;
  color: #cbd5e1 !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  padding: 3px 8px !important;
  border-radius: 3px !important;
}
.card-badge-tag {
  background: rgba(212, 175, 55, 0.2) !important;
  color: #fbbf24 !important;
  font-size: 0.74rem !important;
  font-weight: 800 !important;
  padding: 3px 8px !important;
  border-radius: 3px !important;
  letter-spacing: 0.05em !important;
}
.card-active-indicator {
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.25), rgba(16, 185, 129, 0.25)) !important;
  border: 1px solid #d4af37 !important;
  color: #fbbf24 !important;
  font-weight: 800 !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.08em !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  box-shadow: 0 0 15px rgba(212, 175, 55, 0.4) !important;
}
.card-active-indicator.is-live-shimmer {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.25), rgba(212, 175, 55, 0.35)) !important;
  border: 1.5px solid #10b981 !important;
  color: #a7f3d0 !important;
  box-shadow: 0 0 20px rgba(16, 185, 129, 0.4) !important;
  animation: pulse-shimmer 2.5s infinite alternate !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
@keyframes pulse-shimmer {
  0% { box-shadow: 0 0 10px rgba(16, 185, 129, 0.3); border-color: #10b981; }
  100% { box-shadow: 0 0 25px rgba(212, 175, 55, 0.7); border-color: #d4af37; }
}
.pulse-green-dot {
  color: #10b981 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  animation: pulse-dot 1.2s infinite ease-in-out !important;
  display: inline-block !important;
}
@keyframes pulse-dot {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.4); opacity: 0.6; }
}
.card-select-trigger-pill {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #94a3b8 !important;
  font-weight: 700 !important;
  font-size: 0.76rem !important;
  letter-spacing: 0.06em !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  transition: all 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}
.theme-style-card-clean:hover .card-select-trigger-pill {
  background: linear-gradient(135deg, #d4af37, #b45309) !important;
  border-color: #d4af37 !important;
  color: #ffffff !important;
  box-shadow: 0 0 15px rgba(212, 175, 55, 0.5) !important;
  transform: scale(1.05) !important;
}
.mockup-container-clean {
  padding: 16px 20px !important;
  background: #060b14 !important;
  min-height: 100px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
}
.hero-mockup-clean-wrap {
  padding: 0 !important;
  min-height: 380px !important;
  width: 100% !important;
  display: flex !important;
  align-items: stretch !important;
  background: #050b14 !important;
}
.hero-mockup-clean-wrap > div {
  width: 100% !important;
  flex: 1 !important;
}
.card-info-clean {
  padding: 14px 20px !important;
  background: #0f172a !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.card-style-name-clean {
  color: #ffffff !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  margin: 0 !important;
}
.card-select-btn-clean {
  min-width: 200px !important;
  padding: 10px 22px !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}
.header-customizer-accordion {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: #080f1e !important;
}
.accordion-summary-btn {
  padding: 12px 20px !important;
  color: #fbbf24 !important;
  background: rgba(212, 175, 55, 0.08) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  user-select: none !important;
  transition: all 0.2s ease !important;
  outline: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.accordion-summary-btn:hover {
  background: rgba(212, 175, 55, 0.18) !important;
  color: #ffffff !important;
}
.header-customizer-accordion[open] .accordion-summary-btn {
  background: rgba(212, 175, 55, 0.25) !important;
  color: #fbbf24 !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
}
.card-action-btns-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
.card-customize-btn {
  background: rgba(212, 175, 55, 0.15) !important;
  color: #fbbf24 !important;
  border: 1px solid #d4af37 !important;
  padding: 10px 18px !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}
.card-customize-btn:hover, .card-customize-btn.btn-editing {
  background: #d4af37 !important;
  color: #000000 !important;
}
.header-customizer-drawer {
  background: #0b1322 !important;
  border-top: 1px solid rgba(212, 175, 55, 0.25) !important;
  padding: 24px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}
.customizer-drawer-title {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding-bottom: 12px !important;
}
.drawer-close-btn {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #cbd5e1 !important;
  border: none !important;
  padding: 6px 14px !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  font-weight: 700 !important;
  font-size: 0.8rem !important;
}
.customizer-grid-columns {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 16px !important;
}
@media (max-width: 900px) {
  .customizer-grid-columns {
    grid-template-columns: 1fr !important;
  }
}
.customizer-field-card {
  background: rgba(15, 23, 42, 0.7) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 6px !important;
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
.customizer-field-card.full-span-col {
  grid-column: 1 / -1 !important;
}
.customizer-group-title {
  color: #fbbf24 !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  margin: 0 0 6px 0 !important;
  letter-spacing: 0.04em !important;
}
.customizer-input-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
.customizer-input-wrap label {
  color: #94a3b8 !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
}
.customizer-input {
  background: #020617 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  padding: 8px 12px !important;
  border-radius: 4px !important;
  font-size: 0.85rem !important;
  outline: none !important;
  transition: border-color 0.2s ease !important;
}
.customizer-input:focus {
  border-color: #d4af37 !important;
  box-shadow: 0 0 8px rgba(212, 175, 55, 0.3) !important;
}
.customizer-double-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}
.customizer-nav-grid-3col {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
}
@media (max-width: 800px) {
  .customizer-nav-grid-3col {
    grid-template-columns: 1fr !important;
  }
}
.customizer-nav-item-box {
  background: #020617 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 4px !important;
  padding: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
.customizer-nav-num {
  color: #38bdf8 !important;
  font-weight: 800 !important;
  font-size: 0.78rem !important;
}
.url-input {
  color: #34d399 !important;
  font-family: monospace, sans-serif !important;
  font-size: 0.8rem !important;
}
.customizer-drawer-footer {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.drawer-tip-text {
  color: #94a3b8 !important;
  font-size: 0.82rem !important;
}
.drawer-save-btn {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  color: #ffffff !important;
  border: none !important;
  padding: 12px 28px !important;
  border-radius: 4px !important;
  font-weight: 800 !important;
  font-size: 0.9rem !important;
  cursor: pointer !important;
  box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: transform 0.15s ease !important;
}
.drawer-save-btn:hover {
  transform: translateY(-2px) !important;
}
.clean-bottom-bar {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 16px 20px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  color: #cbd5e1 !important;
  font-size: 0.85rem !important;
}
.clean-bottom-bar strong {
  color: #fbbf24 !important;
}
.clean-sync-btn {
  background: #10b981 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 10px 18px !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* ========================================================
   CRYSTAL CLEAR HIGH-CONTRAST HEADER MINIATURE MOCKUPS
   ======================================================== */
.header-mockup-frame {
  width: 100% !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5) !important;
  display: flex !important;
  flex-direction: column !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.header-mockup-frame .mock-top-bar {
  padding: 4px 10px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 8px !important;
  box-sizing: border-box !important;
}
.header-mockup-frame .mock-main-nav {
  padding: 8px 12px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  box-sizing: border-box !important;
}
.mock-logo-img {
  height: 18px !important;
  width: auto !important;
  object-fit: contain !important;
}
.mock-logo-img-sm {
  height: 14px !important;
  width: auto !important;
  object-fit: contain !important;
}
.mock-links-dark {
  display: flex !important;
  gap: 10px !important;
  color: #0f172a !important;
  font-weight: 700 !important;
  font-size: 8.5px !important;
}
.mock-links-white {
  display: flex !important;
  gap: 10px !important;
  color: #f8fafc !important;
  font-weight: 700 !important;
  font-size: 8.5px !important;
}

/* 01. Signature Royal Frame */
.mock-frame-signature {
  background: #ffffff !important;
}
.mock-top-signature {
  background: #fdfbf7 !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.35) !important;
}
.mock-badge-gold-solid {
  background: linear-gradient(135deg, #d4af37 0%, #b45309 100%) !important;
  color: #ffffff !important;
  font-size: 7.5px !important;
  font-weight: 800 !important;
  padding: 2px 6px !important;
  border-radius: 2px !important;
}
.mock-top-text-dark {
  color: #334155 !important;
  font-weight: 600 !important;
  font-size: 8px !important;
}
.mock-link-gold-dark {
  color: #b45309 !important;
  font-weight: 700 !important;
  font-size: 8px !important;
}
.mock-main-signature {
  background: #ffffff !important;
}
.mock-cta-gold-btn {
  background: linear-gradient(135deg, #d4af37 0%, #aa8010 100%) !important;
  color: #ffffff !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  padding: 4px 8px !important;
  border-radius: 2px !important;
}

/* 02. Le Figaro Frame */
.mock-frame-lefigaro {
  background: #ffffff !important;
}
.mock-top-lefigaro-clean {
  background: #f8f8f8 !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
.mock-search-pill-clean {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  padding: 2px 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.mock-search-ph-clean {
  color: #64748b !important;
  font-size: 7.5px !important;
}
.mock-right-group {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.mock-country-pill-clean {
  background: #e2e8f0 !important;
  color: #1e293b !important;
  padding: 2px 6px !important;
  border-radius: 8px !important;
  font-size: 7.5px !important;
  font-weight: 600 !important;
}
.mock-client-space-clean {
  color: #b45309 !important;
  font-weight: 700 !important;
  font-size: 8px !important;
}
.mock-main-lefigaro-clean {
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
.mock-editorial-brand-clean {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.mock-brand-serif-clean {
  font-family: Georgia, serif !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  font-size: 9.5px !important;
}
.mock-cta-black-gold {
  background: #0f172a !important;
  color: #fbbf24 !important;
  border: 1px solid #d4af37 !important;
  padding: 4px 8px !important;
  font-size: 7.5px !important;
  font-weight: 800 !important;
}

/* 03. LuxuryEstate Frame */
.mock-frame-luxuryestate {
  background: #ffffff !important;
}
.mock-top-le-clean {
  background: #fafafa !important;
  border-bottom: 1px solid #e5e7eb !important;
}
.mock-pills-row-clean {
  display: flex !important;
  gap: 6px !important;
}
.mock-pill-clean {
  background: #f1f5f9 !important;
  color: #1e293b !important;
  padding: 2px 6px !important;
  border-radius: 3px !important;
  font-weight: 700 !important;
  font-size: 7.5px !important;
}
.mock-main-le-clean {
  background: #ffffff !important;
}
.mock-brand-row-clean {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.mock-brand-bold-clean {
  font-weight: 900 !important;
  color: #0f172a !important;
  font-size: 10px !important;
  letter-spacing: 0.08em !important;
}
.mock-cta-outline-gold-clean {
  background: transparent !important;
  color: #b45309 !important;
  border: 1.5px solid #d4af37 !important;
  padding: 3px 8px !important;
  font-size: 7.5px !important;
  font-weight: 800 !important;
}

/* 04. Belles Demeures Frame */
.mock-frame-bellesdemeures {
  background: #faf8f5 !important;
}
.mock-top-bd-clean {
  background: #f4ede2 !important;
  border-bottom: 1px solid #e2d3be !important;
  justify-content: center !important;
}
.mock-bd-motto-clean {
  color: #8c7036 !important;
  font-family: Georgia, serif !important;
  font-size: 7.5px !important;
  letter-spacing: 0.12em !important;
  font-weight: 700 !important;
}
.mock-main-bd-clean {
  background: #faf8f5 !important;
  border-bottom: 2px solid #bfa15f !important;
}
.mock-bd-brand-clean {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.mock-bd-monogram-clean {
  border: 1.5px solid #bfa15f !important;
  color: #bfa15f !important;
  padding: 1px 4px !important;
  font-weight: 900 !important;
  font-size: 8.5px !important;
}
.mock-bd-title-clean {
  font-family: Georgia, serif !important;
  font-weight: 800 !important;
  color: #1e293b !important;
  font-size: 9px !important;
  letter-spacing: 0.08em !important;
}
.mock-cta-bd-gold-clean {
  background: #bfa15f !important;
  color: #ffffff !important;
  padding: 4px 8px !important;
  font-size: 7px !important;
  font-weight: 800 !important;
}

/* 05. Coldwell Banker Frame */
.mock-frame-coldwellbanker {
  background: #050b14 !important;
}
.mock-top-cb-clean {
  background: #02060c !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}
.mock-cb-network-clean {
  color: #fbbf24 !important;
  font-weight: 800 !important;
  font-size: 7.5px !important;
}
.mock-cb-heritage-clean {
  color: #cbd5e1 !important;
  font-size: 7.5px !important;
}
.mock-main-cb-clean {
  background: #050b14 !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.35) !important;
}
.mock-cb-brand-clean {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.mock-cb-title-clean {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 9.5px !important;
}
.mock-cta-cb-white-clean {
  background: #ffffff !important;
  color: #050b14 !important;
  font-weight: 900 !important;
  padding: 4px 8px !important;
  font-size: 7.5px !important;
}

/* 06. Floating Capsule Frame */
.mock-frame-capsule-bg {
  background: linear-gradient(135deg, #0b1528 0%, #1e293b 100%) !important;
  padding: 12px 10px !important;
}
.mock-floating-capsule-clean {
  background: rgba(255, 255, 255, 0.95) !important;
  border-radius: 20px !important;
  padding: 6px 14px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
}
.mock-cap-brand-clean {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.mock-cap-title-clean {
  color: #0f172a !important;
  font-weight: 900 !important;
  font-size: 9px !important;
}
.mock-cta-pill-gold-clean {
  background: #d4af37 !important;
  color: #000000 !important;
  font-weight: 900 !important;
  padding: 3px 8px !important;
  border-radius: 10px !important;
  font-size: 7.5px !important;
}

/* 07. DualHub Frame */
.mock-frame-dualhub {
  background: #ffffff !important;
}
.mock-top-dualhub-clean {
  background: #f0fdf4 !important;
  border-bottom: 1px solid #86efac !important;
}
.mock-hub-sn-clean, .mock-hub-fr-clean {
  color: #065f46 !important;
  font-weight: 700 !important;
  font-size: 7.5px !important;
}
.mock-hub-forex-clean {
  color: #047857 !important;
  font-weight: 800 !important;
  font-size: 7.5px !important;
}
.mock-main-dualhub-clean {
  background: #ffffff !important;
  border-bottom: 2px solid #10b981 !important;
}
.mock-dh-brand-clean {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.mock-dh-title-clean {
  color: #0f172a !important;
  font-weight: 800 !important;
  font-size: 9px !important;
}
.mock-cta-dh-rocket-clean {
  background: #10b981 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  padding: 4px 8px !important;
  font-size: 7.5px !important;
}

/* 08. Sotheby's Frame */
.mock-frame-sothebys {
  background: #091322 !important;
}
.mock-top-navy-clean {
  background: #050c18 !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
}
.mock-sothebys-badge-clean {
  color: #fbbf24 !important;
  font-size: 7.5px !important;
  font-weight: 700 !important;
}
.mock-mandate-pill-clean {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fbbf24 !important;
  padding: 1px 5px !important;
  border-radius: 2px !important;
  font-size: 7px !important;
}
.mock-sothebys-link-clean {
  color: #e2e8f0 !important;
  font-size: 7.5px !important;
}
.mock-main-navy-clean {
  background: #091322 !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.35) !important;
}
.mock-sothebys-brand-clean {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.mock-sothebys-title-clean {
  font-family: Georgia, serif !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 9.5px !important;
}
.mock-cta-sothebys-clean {
  background: #d4af37 !important;
  color: #091322 !important;
  font-weight: 900 !important;
  padding: 4px 8px !important;
  font-size: 7.5px !important;
}

/* 09. Christie's Frame */
.mock-frame-christies {
  background: #240913 !important;
}
.mock-top-christies-clean {
  background: #18040b !important;
  border-bottom: 1px solid rgba(230, 202, 133, 0.3) !important;
}
.mock-christies-badge-clean {
  color: #e6ca85 !important;
  font-size: 7.5px !important;
  font-weight: 700 !important;
}
.mock-christies-motto-clean {
  color: #fce7f3 !important;
  font-size: 7.5px !important;
}
.mock-main-christies-clean {
  background: #240913 !important;
  border-bottom: 1px solid rgba(230, 202, 133, 0.35) !important;
}
.mock-christies-brand-clean {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.mock-christies-title-clean {
  font-family: Georgia, serif !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 9.5px !important;
}
.mock-cta-christies-clean {
  background: #e6ca85 !important;
  color: #240913 !important;
  font-weight: 900 !important;
  padding: 4px 8px !important;
  font-size: 7.5px !important;
}

/* 10. ArchDigest Frame */
.mock-frame-archdigest {
  background: #ffffff !important;
}
.mock-top-bauhaus-clean {
  background: #18181b !important;
  border-bottom: 1px solid #27272a !important;
}
.mock-bauhaus-badge-clean {
  color: #ffffff !important;
  font-family: monospace, sans-serif !important;
  font-size: 7.5px !important;
  font-weight: 700 !important;
}
.mock-bauhaus-link-clean {
  color: #a1a1aa !important;
  font-size: 7.5px !important;
}
.mock-main-bauhaus-clean {
  background: #ffffff !important;
  border-bottom: 2px solid #000000 !important;
}
.mock-bauhaus-brand-clean {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.mock-bauhaus-title-clean {
  font-weight: 900 !important;
  color: #000000 !important;
  font-size: 9.5px !important;
  letter-spacing: 0.1em !important;
}
.mock-cta-bauhaus-clean {
  background: #000000 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  padding: 4px 8px !important;
  font-size: 7.5px !important;
}

/* ========================================================
   HERO MINIATURE MOCKUP STYLING
   ======================================================== */
.hero-mockup-frame {
  width: 100% !important;
  height: 160px !important;
  background-size: cover !important;
  background-position: center !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 16px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45) !important;
}
.hero-mockup-frame::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(5, 11, 20, 0.6) !important;
  z-index: 1 !important;
}
.mock-video-tag-pill {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  background: rgba(0, 0, 0, 0.75) !important;
  border: 1px solid rgba(56, 189, 248, 0.5) !important;
  color: #38bdf8 !important;
  font-size: 7.5px !important;
  font-weight: 800 !important;
  padding: 2px 8px !important;
  border-radius: 3px !important;
  z-index: 2 !important;
}
.mock-hero-center-box,
.mock-bd-split-box,
.mock-corridor-box-clean,
.mock-mag-box-clean,
.mock-dual-decks-grid-clean {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
.mock-kicker-gold-glow {
  color: #fbbf24 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  margin-bottom: 4px !important;
  text-shadow: 0 2px 4px rgba(0,0,0,0.8) !important;
}
.mock-hero-big-title-glow {
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  margin-bottom: 8px !important;
  text-shadow: 0 2px 6px rgba(0,0,0,0.9) !important;
}
.mock-btn-row-clean {
  display: flex !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}
.mock-hbtn-gold-solid {
  background: #d4af37 !important;
  color: #000000 !important;
  font-size: 7.5px !important;
  font-weight: 800 !important;
  padding: 3px 8px !important;
  border-radius: 2px !important;
}
.mock-hbtn-trans-glass {
  background: rgba(255, 255, 255, 0.2) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  color: #ffffff !important;
  font-size: 7.5px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  border-radius: 2px !important;
}

/* Le Figaro Hero Mockup Card */
.mock-card-white-mount {
  background: #ffffff !important;
  border-radius: 3px !important;
  box-shadow: 0 6px 15px rgba(0,0,0,0.4) !important;
  overflow: hidden !important;
  width: 90% !important;
}
.mock-tabs-header-white {
  display: flex !important;
  background: #f1f5f9 !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
.mock-tab-clean {
  flex: 1 !important;
  padding: 3px !important;
  font-size: 7px !important;
  font-weight: 700 !important;
  color: #475569 !important;
}
.mock-tab-clean.active {
  background: #ffffff !important;
  color: #b45309 !important;
  border-bottom: 1.5px solid #d4af37 !important;
}
.mock-inputs-row-white {
  display: flex !important;
  padding: 4px 6px !important;
  gap: 4px !important;
  align-items: center !important;
}
.mock-input-field-white, .mock-select-field-white {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  padding: 2px 4px !important;
  font-size: 6.5px !important;
  color: #334155 !important;
  flex: 1 !important;
}
.mock-search-btn-gold-solid {
  background: #d4af37 !important;
  color: #000000 !important;
  font-weight: 900 !important;
  font-size: 7px !important;
  padding: 3px 6px !important;
}

/* LuxuryEstate Hero Mockup */
.mock-floating-pill-bar-clean {
  display: flex !important;
  background: rgba(255, 255, 255, 0.2) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 20px !important;
  padding: 4px 6px !important;
  gap: 4px !important;
  width: 90% !important;
}
.mock-glass-pill-item {
  flex: 1 !important;
  background: rgba(0, 0, 0, 0.4) !important;
  color: #ffffff !important;
  font-size: 6.5px !important;
  padding: 2px 6px !important;
  border-radius: 12px !important;
}
.mock-glass-loupe-btn {
  background: #d4af37 !important;
  color: #000000 !important;
  font-weight: 900 !important;
  font-size: 7px !important;
  padding: 2px 8px !important;
  border-radius: 12px !important;
}

/* Belles Demeures Hero Mockup */
.mock-bd-split-box {
  display: grid !important;
  grid-template-columns: 1.1fr 0.9fr !important;
  gap: 8px !important;
  align-items: center !important;
}
.mock-bd-badge-pill {
  color: #bfa15f !important;
  font-size: 6.5px !important;
  font-weight: 800 !important;
}
.mock-bd-split-title {
  color: #ffffff !important;
  font-family: Georgia, serif !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  margin-bottom: 4px !important;
}
.mock-bd-btn-gold-solid {
  background: #bfa15f !important;
  color: #ffffff !important;
  font-size: 6.5px !important;
  font-weight: 800 !important;
  padding: 2px 6px !important;
}
.mock-bd-split-right-card {
  background: rgba(10, 18, 30, 0.9) !important;
  border: 1px solid rgba(191, 161, 95, 0.4) !important;
  padding: 6px !important;
}
.mock-bd-card-title {
  color: #ffffff !important;
  font-size: 7px !important;
  margin-bottom: 2px !important;
}
.mock-bd-card-input {
  background: rgba(255,255,255,0.1) !important;
  color: #e2e8f0 !important;
  font-size: 6px !important;
  padding: 2px !important;
  margin-bottom: 4px !important;
}
.mock-bd-card-btn-solid {
  background: #bfa15f !important;
  color: #ffffff !important;
  font-size: 6.5px !important;
  font-weight: 800 !important;
  padding: 2px !important;
}

/* Coldwell Banker Hero Mockup */
.mock-dest-pills-row-clean {
  display: flex !important;
  gap: 4px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  margin-bottom: 6px !important;
}
.mock-dest-pill-item {
  background: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
  font-size: 6.5px !important;
  padding: 2px 6px !important;
  border-radius: 10px !important;
}
.mock-cb-unified-search {
  display: flex !important;
  background: #ffffff !important;
  border-radius: 2px !important;
  overflow: hidden !important;
  width: 85% !important;
}
.mock-cb-unified-input {
  flex: 1 !important;
  font-size: 6.5px !important;
  color: #334155 !important;
  padding: 3px 6px !important;
  text-align: left !important;
}
.mock-cb-unified-btn {
  background: #050b14 !important;
  color: #d4af37 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  padding: 3px 8px !important;
}

/* 3D Perspective Hero Mockup */
.mock-kicker-purple-glow {
  color: #c084fc !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  margin-bottom: 2px !important;
}
.mock-metrics-deck-clean {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 4px !important;
  width: 95% !important;
}
.mock-metric-card-clean {
  background: rgba(15, 23, 42, 0.85) !important;
  border: 1px solid rgba(167, 139, 250, 0.4) !important;
  padding: 4px 2px !important;
}
.mock-mc-val {
  color: #fbbf24 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
}
.mock-mc-lbl {
  color: #cbd5e1 !important;
  font-size: 5.5px !important;
}

/* Corridor Hero Mockup */
.mock-forex-pill-banner {
  background: rgba(16, 185, 129, 0.3) !important;
  border: 1px solid #10b981 !important;
  color: #34d399 !important;
  font-size: 6.5px !important;
  font-weight: 800 !important;
  padding: 2px 6px !important;
  margin-bottom: 6px !important;
}
.mock-portals-grid-clean {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  width: 90% !important;
}
.mock-portal-card-clean {
  background: rgba(10, 15, 25, 0.85) !important;
  padding: 6px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.mock-portal-sn-clean {
  border-top: 2px solid #10b981 !important;
}
.mock-portal-fr-clean {
  border-top: 2px solid #3b82f6 !important;
}
.mock-portal-badge-green {
  color: #10b981 !important;
  font-size: 6.5px !important;
  font-weight: 800 !important;
}
.mock-portal-badge-blue {
  color: #60a5fa !important;
  font-size: 6.5px !important;
  font-weight: 800 !important;
}
.mock-portal-name {
  color: #ffffff !important;
  font-size: 7px !important;
  margin: 2px 0 !important;
}
.mock-portal-btn-green-solid {
  background: #10b981 !important;
  color: #ffffff !important;
  font-size: 6px !important;
  font-weight: 800 !important;
  padding: 2px !important;
}
.mock-portal-btn-blue-solid {
  background: #3b82f6 !important;
  color: #ffffff !important;
  font-size: 6px !important;
  font-weight: 800 !important;
  padding: 2px !important;
}

/* Minimalist Swiss Hero Mockup */
.mock-kicker-gray-glow {
  color: #cbd5e1 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: 0.15em !important;
}
.mock-hero-swiss-title {
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  margin-bottom: 6px !important;
}
.mock-swiss-underline-search-clean {
  display: flex !important;
  border-bottom: 1.5px solid #ffffff !important;
  padding-bottom: 2px !important;
  width: 70% !important;
  margin-bottom: 6px !important;
}
.mock-swiss-input-clean {
  flex: 1 !important;
  background: transparent !important;
  border: none !important;
  color: #ffffff !important;
  font-size: 7px !important;
}
.mock-swiss-arrow-clean {
  color: #ffffff !important;
  font-size: 8px !important;
}
.mock-swiss-tags-clean {
  display: flex !important;
  gap: 4px !important;
}
.mock-tag-clean {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  font-size: 6px !important;
  padding: 1px 4px !important;
  border-radius: 8px !important;
}

/* Magazine Hero Mockup */
.mock-mag-edition-header {
  display: flex !important;
  gap: 6px !important;
  margin-bottom: 4px !important;
}
.mock-mag-badge-gold {
  background: #d4af37 !important;
  color: #000000 !important;
  font-size: 6px !important;
  font-weight: 800 !important;
  padding: 1px 4px !important;
}
.mock-mag-vol-text {
  color: #ffffff !important;
  font-size: 6px !important;
}
.mock-mag-main-title {
  color: #ffffff !important;
  font-family: Georgia, serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  margin-bottom: 2px !important;
}
.mock-mag-quote-italic {
  color: rgba(255, 255, 255, 0.85) !important;
  font-family: Georgia, serif !important;
  font-style: italic !important;
  font-size: 7px !important;
  margin-bottom: 6px !important;
}
.mock-mag-cta-gold-solid {
  background: #d4af37 !important;
  color: #000000 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  padding: 3px 8px !important;
}

/* Dubai Sky Penthouse Hero Mockup */
.mock-dual-decks-grid-clean {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  width: 90% !important;
}
.mock-deck-card-cyan-clean {
  background: rgba(15, 23, 42, 0.85) !important;
  border: 1px solid rgba(34, 211, 238, 0.4) !important;
  padding: 6px !important;
}
.mock-deck-title-cyan-bold {
  color: #22d3ee !important;
  font-size: 7px !important;
  font-weight: 800 !important;
}
.mock-deck-desc-white {
  color: #e2e8f0 !important;
  font-size: 6px !important;
  margin: 2px 0 !important;
}
.mock-deck-btn-cyan-solid {
  background: #06b6d4 !important;
  color: #ffffff !important;
  font-size: 6.5px !important;
  font-weight: 800 !important;
  padding: 2px !important;
}
.mock-deck-card-gold-clean {
  background: rgba(15, 23, 42, 0.85) !important;
  border: 1px solid rgba(212, 175, 55, 0.4) !important;
  padding: 6px !important;
}
.mock-deck-title-gold-bold {
  color: #fbbf24 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
}
.mock-deck-btn-gold-solid {
  background: #d4af37 !important;
  color: #000000 !important;
  font-size: 6.5px !important;
  font-weight: 800 !important;
  padding: 2px !important;
}

/* ============================================================
   🌟 4-KANI (৪ কোনা / SHARP 4-CORNERED LUXURY ARCHITECTURE)
   All website images, cards, banners, visuals, thumbnails, buttons,
   and interactive media now have sharp, crisp 4-corners (border-radius: 0 !important;)
   ============================================================ */

/* 1. Panoramic Banner & Cards (Top Hero Banner & 5 Branded Cards) */
.panoramic-video-container,
.panoramic-video-wrapper,
.panoramic-video-player,
.panoramic-brand-card,
.panoramic-card-visual,
.panoramic-card-visual img,
.panoramic-card-vignette {
  border-radius: 0px !important;
}

/* 2. Perspective Universe (Une Nouvelle Perspective 3D Slider & Cards) */
.perspective-universe-section,
.perspective-carousel-stage,
.perspective-track,
.perspective-card,
.perspective-card *,
.perspective-card.is-active,
.perspective-card-visual,
.perspective-card-visual img,
.perspective-card-body,
.perspective-card-body *,
.perspective-card a,
.perspective-card button,
.perspective-card-btn,
.perspective-card-cta,
.perspective-brand-card,
.perspective-brand-card img,
.perspective-slide,
.perspective-slide img,
.perspective-slide-visual,
.perspective-slide-visual img,
.developer-card,
.developer-card img,
.perspective-metric-card,
.perspective-nav-btn,
.perspective-controls,
.perspective-nav-row,
.perspective-arrow-btn,
.perspective-view-all {
  border-radius: 0px !important;
}

/* 3. Cinema & Video Showcase (Vivez les Adresses en Mouvement) */
.cinema-section,
.cinema-grid,
.film-feature,
.film-feature *,
.film-screen,
.film-screen video,
.film-screen img,
.film-play-badge,
.film-caption,
.film-cta-link,
.cinema-film-card,
.cinema-film-card img,
.cinema-film-visual,
.cinema-film-visual img,
.cinema-film-visual video,
.cinema-card,
.cinema-card img,
.cinema-player-box {
  border-radius: 0px !important;
}

/* 4. Listings & Popular Property Cards (Toutes les Annonces) */
.popular-listings-section,
.popular-category-tabs,
.popular-category-tab,
.popular-listings-grid,
.popular-listing-card,
.popular-listing-card *,
.popular-listing-visual,
.popular-listing-visual img,
.popular-listing-badge,
.listing-card,
.listing-card *,
.listing-card img,
.property-card,
.property-card *,
.property-card img,
.property-card-visual,
.property-card-visual img,
.property-image,
.property-image img,
.property-thumb,
.property-thumb img,
.mobile-app-property-card,
.mobile-app-property-card *,
.mobile-app-property-card img,
.property-item,
.property-item img {
  border-radius: 0px !important;
}

/* 5. Developments & Signature Projects */
.developments-section,
.developments-grid,
.development-card,
.development-card *,
.development-card img,
.development-card-visual,
.development-card-visual img,
.dev-card,
.dev-card img,
.dev-visual,
.dev-visual img,
.dev-banner,
.dev-banner img {
  border-radius: 0px !important;
}

/* 6. Atlas & Districts (Trouvez votre adresse idéale) */
.atlas-section,
.atlas-container,
.atlas-map-wrapper,
.atlas-map-wrapper *,
.atlas-leaflet-map,
.atlas-top-badge,
.atlas-bottom-pills,
.atlas-pill-btn,
.atlas-info-panel,
.atlas-info-panel *,
.atlas-project-pill,
.atlas-district-card,
.atlas-district-card img,
.atlas-card,
.atlas-card img,
.atlas-map-box {
  border-radius: 0px !important;
}

/* 7. General Media, Cards, Thumbnails & Grids across entire site */
.card,
.card img,
.card-img,
.card-image,
.card-visual,
.showcase-card,
.showcase-card img,
.media-card,
.media-card img,
.featured-card,
.featured-card img,
.vip-card,
.vip-card img,
.card-item-thumb,
.card-item-thumb img,
.thumbnail-box,
.thumbnail-box img,
.article-card,
.article-card img,
.magazine-card,
.magazine-card img,
.partner-logo-box,
.partner-logo-box img,
.modal-content,
.modal-card,
.modal-box,
.btn-primary,
.btn-outline,
.hero-btn,
.quick-pill,
.nav-cta-btn,
.cb-tag-box,
.cb-search-split-box,
.cb-search-split-btn,
.cb-search-input-col,
.cb-native-split-input,
.corridor-portal-deck,
.corridor-forex-ticker-pill,
.swiss-tag-pill,
.glass-deck-card,
.lf-pill-tab,
.lf-hero-primary-btn,
.lf-hero-floating-card,
.bd-benchmark-card-right,
.bd-card-submit-btn,
.bd-card-select,
.bd-card-input-full,
.bd-card-input-price,
.le-benchmark-pill-bar,
.le-bar-search-btn {
  border-radius: 0px !important;
}

/* Global universal rule for all images, visual cards & containers */
img,
video,
iframe,
button,
input,
select,
textarea,
.panoramic-cards-grid > *,
.popular-listings-grid > *,
.developments-grid > *,
.properties-grid > *,
.cinema-grid > *,
.gallery-grid > *,
.cards-manager-grid > * {
  border-radius: 0px !important;
}


/* ========================================================
   IMMO100FIN INVEST SCORE™ PREMIUM PROPTECH DASHBOARD
   ======================================================== */
.immo-invest-score-dashboard {
  background: #050811 !important;
  color: #ffffff !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  position: relative !important;
  z-index: 5 !important;
}

.is-top-header {
  background: #050811 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 10px 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 68px !important;
  box-sizing: border-box !important;
  gap: 20px !important;
}

.is-header-left {
  display: flex !important;
  align-items: center !important;
}

.is-brand-logo {
  text-decoration: none !important;
  color: #ffffff !important;
}

.is-logo-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  line-height: 1 !important;
}

.is-crown-icon {
  font-size: 13px !important;
  color: #d4af37 !important;
  margin-bottom: 3px !important;
}

.is-brand-text {
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  color: #ffffff !important;
}

.is-header-sep {
  width: 1px !important;
  height: 38px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  margin: 0 18px !important;
}

.is-title-block {
  display: flex !important;
  flex-direction: column !important;
}

.is-main-title {
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  color: #ffffff !important;
  margin: 0 0 2px 0 !important;
}

.is-score-grad {
  color: #d4af37 !important;
}

.is-sub-title {
  font-size: 11.5px !important;
  font-weight: 500 !important;
  color: #e2e8f0 !important;
  margin: 0 0 1px 0 !important;
}

.is-desc-title {
  font-size: 10.5px !important;
  color: #64748b !important;
  margin: 0 !important;
}

.is-header-right {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.is-search-box {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  background: #0c1220 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 9999px !important;
  padding: 0 14px !important;
  height: 36px !important;
  width: 260px !important;
}

.is-search-icon {
  color: #64748b !important;
}

.is-search-input {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  color: #ffffff !important;
  font-size: 12px !important;
  width: 100% !important;
  margin-left: 8px !important;
}

.is-search-input::placeholder {
  color: #64748b !important;
}

.is-bell-btn {
  position: relative !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #0c1220 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  cursor: pointer !important;
}

.is-bell-dot {
  position: absolute !important;
  top: 7px !important;
  right: 7px !important;
  width: 6px !important;
  height: 6px !important;
  background: #e60067 !important;
  border-radius: 50% !important;
}

.is-user-avatar-btn {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #f59e0b !important;
  color: #000 !important;
  font-weight: 800 !important;
  font-size: 12.5px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.is-filter-bar {
  background: #090e1a !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  padding: 8px 24px !important;
  display: flex !important;
  align-items: center !important;
}

.is-filter-inner {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  overflow-x: auto !important;
  width: 100% !important;
}

.is-filter-pill {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 12px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 9999px !important;
  color: #cbd5e1 !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: all 0.2s ease !important;
}

.is-filter-pill.active {
  background: #fde68a !important;
  color: #1e1b4b !important;
  border-color: #f59e0b !important;
  font-weight: 700 !important;
}

.is-filter-pill-dropdown {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 12px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 9999px !important;
  color: #94a3b8 !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

.is-budget-pill {
  margin-left: auto !important;
}

.is-dashboard-body {
  display: grid !important;
  grid-template-columns: 80px 1fr 380px !important;
  min-height: 520px !important;
  background: #060913 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.is-sidebar {
  background: #070c17 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.07) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 14px 6px !important;
  box-sizing: border-box !important;
}

.is-sidebar-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 9px 4px !important;
  border-radius: 10px !important;
  color: #64748b !important;
  font-size: 9.5px !important;
  font-weight: 500 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  margin-bottom: 6px !important;
}

.is-sidebar-item:hover {
  color: #cbd5e1 !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

.is-sidebar-item.active {
  background: linear-gradient(135deg, #e60067 0%, #a21caf 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(230, 0, 103, 0.35) !important;
}

.is-map-stage {
  position: relative !important;
  background: #080f1d !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 520px !important;
}

.is-map-top-left-controls {
  position: absolute !important;
  top: 16px !important;
  left: 18px !important;
  z-index: 20 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.is-map-type-toggle {
  display: flex !important;
  background: rgba(10, 16, 30, 0.85) !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 8px !important;
  padding: 3px !important;
}

.is-toggle-btn {
  padding: 4px 12px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  border: none !important;
  background: transparent !important;
  color: #94a3b8 !important;
  border-radius: 6px !important;
  cursor: pointer !important;
}

.is-toggle-btn.active {
  background: #ffffff !important;
  color: #000 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.4) !important;
}

.is-zoom-ctrl-box {
  background: rgba(10, 16, 30, 0.85) !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 32px !important;
}

.is-zoom-btn {
  width: 32px !important;
  height: 30px !important;
  border: none !important;
  background: transparent !important;
  color: #ffffff !important;
  font-size: 15px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.is-zoom-sep {
  width: 18px !important;
  height: 1px !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

.is-map-legend-box {
  position: absolute !important;
  top: 16px !important;
  right: 18px !important;
  z-index: 20 !important;
  background: rgba(10, 16, 30, 0.9) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  width: 130px !important;
}

.is-legend-header {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  color: #cbd5e1 !important;
  margin-bottom: 8px !important;
}

.is-legend-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 10.5px !important;
  color: #94a3b8 !important;
  margin-bottom: 5px !important;
}

.is-legend-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
}

.is-legend-dot.score-90 { background: #e60067 !important; box-shadow: 0 0 6px #e60067 !important; }
.is-legend-dot.score-80 { background: #22c55e !important; box-shadow: 0 0 6px #22c55e !important; }
.is-legend-dot.score-70 { background: #eab308 !important; box-shadow: 0 0 6px #eab308 !important; }
.is-legend-dot.score-grey { background: #475569 !important; }

.is-map-canvas-container {
  width: 100% !important;
  height: 100% !important;
  min-height: 520px !important;
  position: relative !important;
  background: #091322 !important;
}

.is-senegal-hybrid-map {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 520px !important;
  background: radial-gradient(circle at 45% 50%, #162c47 0%, #0d1b2d 60%, #060d17 100%) !important;
  background-image: 
    radial-gradient(ellipse at 42% 48%, rgba(85, 120, 75, 0.45) 0%, rgba(135, 105, 55, 0.35) 45%, transparent 75%),
    linear-gradient(to right, #091626 0%, #0c1c2e 20%, transparent 40%) !important;
  transition: transform 0.3s ease !important;
}

.is-country-label {
  position: absolute !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  color: rgba(255, 255, 255, 0.32) !important;
  pointer-events: none !important;
}

.is-country-label.mauritanie { top: 12%; left: 52%; }
.is-country-label.mali { top: 40%; right: 8%; }
.is-country-label.gambie { top: 51%; left: 32%; color: rgba(255, 255, 255, 0.45) !important; }
.is-country-label.guinee-bissau { bottom: 6%; left: 35%; }
.is-country-label.guinee { bottom: 4%; right: 20%; }
.is-ocean-label {
  position: absolute !important;
  top: 48%;
  left: 8%;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  color: rgba(56, 189, 248, 0.35) !important;
  white-space: pre-line !important;
  text-align: center !important;
  pointer-events: none !important;
}

.is-region-label {
  position: absolute !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: rgba(255, 255, 255, 0.4) !important;
  pointer-events: none !important;
}

.is-region-label.louga { top: 32%; left: 30%; }
.is-region-label.matam { top: 34%; left: 48%; }
.is-region-label.diourbel { top: 42%; left: 28%; }
.is-region-label.fatick { top: 45%; left: 26%; }
.is-region-label.kaolack { top: 48%; left: 32%; }
.is-region-label.kaffrine { top: 44%; left: 37%; }
.is-region-label.tambacounda { top: 46%; left: 48%; }
.is-region-label.kedougou { top: 60%; left: 58%; }
.is-region-label.sedhiou { top: 58%; left: 36%; }

.is-map-marker {
  position: absolute !important;
  transform: translate(-50%, -100%) !important;
  cursor: pointer !important;
  z-index: 15 !important;
  transition: transform 0.2s ease, filter 0.2s ease !important;
}

.is-map-marker:hover,
.is-map-marker.selected {
  transform: translate(-50%, -108%) scale(1.06) !important;
  z-index: 30 !important;
}

.is-marker-pill {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: #000000 !important;
  border-radius: 8px !important;
  padding: 4px 9px !important;
  border: 1.5px solid !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.6) !important;
}

.is-marker-pill.pink {
  border-color: #e60067 !important;
  color: #ffffff !important;
  box-shadow: 0 0 12px rgba(230,0,103,0.45) !important;
}

.is-marker-pill.green {
  border-color: #22c55e !important;
  color: #ffffff !important;
  box-shadow: 0 0 12px rgba(34,197,94,0.45) !important;
}

.is-marker-pill.yellow {
  border-color: #eab308 !important;
  color: #ffffff !important;
  box-shadow: 0 0 12px rgba(234,179,8,0.45) !important;
}

.is-marker-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: currentColor !important;
}

.is-marker-score {
  font-weight: 800 !important;
  font-size: 12px !important;
}

.is-marker-pin-stem {
  width: 2px !important;
  height: 8px !important;
  background: #ffffff !important;
  margin: 0 auto !important;
}

.is-marker-hover-card {
  position: absolute !important;
  z-index: 50 !important;
  background: rgba(10, 16, 30, 0.95) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  min-width: 170px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.6) !important;
  pointer-events: none !important;
}

.is-hover-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-size: 12px !important;
  color: #ffffff !important;
  margin-bottom: 4px !important;
}

.is-hover-badge {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #e60067 !important;
}

.is-hover-row {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 10px !important;
  color: #94a3b8 !important;
  margin-bottom: 2px !important;
}

.is-map-scale-bar {
  position: absolute !important;
  bottom: 14px !important;
  left: 20px !important;
  z-index: 20 !important;
  font-size: 10px !important;
  color: rgba(255, 255, 255, 0.5) !important;
}

.is-scale-line {
  width: 130px !important;
  height: 2px !important;
  background: rgba(255, 255, 255, 0.5) !important;
  margin-top: 3px !important;
}

.is-data-panel {
  background: #080d19 !important;
  border-left: 1px solid rgba(255, 255, 255, 0.08) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
}

.is-panel-hero-box {
  position: relative !important;
  height: 150px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.is-panel-hero-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: brightness(0.65) !important;
}

.is-panel-select-wrap {
  position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  z-index: 5 !important;
  background: rgba(0,0,0,0.7) !important;
  backdrop-filter: blur(8px) !important;
  border-radius: 6px !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  padding: 4px 8px !important;
  display: flex !important;
  align-items: center !important;
}

.is-panel-select-native {
  background: transparent !important;
  border: none !important;
  color: #fff !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  outline: none !important;
  cursor: pointer !important;
}

.is-select-arrow {
  color: #94a3b8 !important;
  font-size: 10px !important;
  margin-left: 4px !important;
}

.is-panel-hero-overlay {
  position: absolute !important;
  bottom: 12px !important;
  left: 16px !important;
}

.is-panel-city-name {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 0 2px 0 !important;
}

.is-panel-region-name {
  font-size: 11.5px !important;
  color: #cbd5e1 !important;
}

.is-panel-body {
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
}

.is-score-and-metrics-row {
  display: grid !important;
  grid-template-columns: 105px 1fr !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
  align-items: center !important;
}

.is-score-donut-box {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.is-score-label {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  color: #cbd5e1 !important;
  margin-bottom: 6px !important;
  letter-spacing: 0.3px !important;
}

.is-donut-circle-wrap {
  position: relative !important;
  width: 90px !important;
  height: 90px !important;
}

.is-donut-svg {
  width: 100% !important;
  height: 100% !important;
  transform: rotate(-90deg) !important;
}

.is-donut-track {
  fill: none !important;
  stroke: rgba(255, 255, 255, 0.08) !important;
  stroke-width: 8 !important;
}

.is-donut-bar {
  fill: none !important;
  stroke-width: 8 !important;
  stroke-linecap: round !important;
  transition: stroke-dasharray 0.5s ease !important;
}

.is-donut-center-text {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.is-donut-score-val {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1 !important;
}

.is-donut-score-total {
  font-size: 9.5px !important;
  color: #94a3b8 !important;
  font-weight: 600 !important;
}

.is-key-metrics-card {
  background: #0d1424 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.is-key-metric-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.is-metric-icon-wrap {
  width: 26px !important;
  height: 26px !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #d4af37 !important;
  flex-shrink: 0 !important;
}

.is-metric-details {
  display: flex !important;
  flex-direction: column !important;
  line-height: 1.2 !important;
}

.is-metric-label {
  font-size: 10px !important;
  color: #94a3b8 !important;
}

.is-metric-value {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

.is-panel-narrative {
  font-size: 11px !important;
  line-height: 1.5 !important;
  color: #94a3b8 !important;
  margin: 0 0 14px 0 !important;
}

.is-panel-cta-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  height: 40px !important;
  background: linear-gradient(135deg, #e60067 0%, #c026d3 100%) !important;
  color: #ffffff !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  margin-bottom: 14px !important;
  box-shadow: 0 4px 14px rgba(230,0,103,0.35) !important;
  transition: transform 0.2s ease !important;
  box-sizing: border-box !important;
}

.is-panel-cta-btn:hover {
  transform: translateY(-1px) !important;
}

.is-sub-tabs-bar {
  display: flex !important;
  gap: 4px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding-bottom: 6px !important;
  margin-bottom: 12px !important;
  overflow-x: auto !important;
}

.is-sub-tab {
  padding: 4px 8px !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  border-radius: 4px !important;
  white-space: nowrap !important;
}

.is-sub-tab.active {
  background: #fde68a !important;
  color: #000000 !important;
  font-weight: 700 !important;
}

.is-metric-cards-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

.is-metric-card-mini {
  background: #0d1424 !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 6px !important;
  padding: 8px 10px !important;
}

.is-mini-header {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 9.5px !important;
  color: #94a3b8 !important;
  margin-bottom: 4px !important;
}

.is-mini-value {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

.is-mini-value.is-trend-up {
  color: #22c55e !important;
}

.is-bottom-drilldown-section {
  background: #050914 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 14px 24px 20px 24px !important;
}

.is-drilldown-header {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}

.is-drilldown-accent-bar {
  width: 3px !important;
  height: 16px !important;
  background: #e60067 !important;
  border-radius: 2px !important;
}

.is-drilldown-title {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 !important;
}

.is-drilldown-sub {
  font-size: 11.5px !important;
  font-weight: 400 !important;
  color: #64748b !important;
  margin-left: 6px !important;
}

.is-drilldown-grid {
  display: grid !important;
  grid-template-columns: 210px 1fr 210px !important;
  gap: 16px !important;
}

.is-district-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 10px !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  margin-bottom: 5px !important;
  font-size: 11px !important;
  color: #cbd5e1 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.is-district-item:hover {
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

.is-district-item.selected {
  border-color: #e60067 !important;
  background: rgba(230, 0, 103, 0.12) !important;
}

.is-dist-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
}

.is-dist-dot.pink { background: #e60067 !important; }
.is-dist-dot.green { background: #22c55e !important; }
.is-dist-dot.yellow { background: #eab308 !important; }

.is-dist-score-pill {
  margin-left: auto !important;
  padding: 1px 6px !important;
  border-radius: 4px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

.is-dist-score-pill.pink { background: rgba(230,0,103,0.2) !important; color: #f43f5e !important; border: 1px solid #e60067 !important; }
.is-dist-score-pill.green { background: rgba(34,197,94,0.2) !important; color: #4ade80 !important; border: 1px solid #22c55e !important; }
.is-dist-score-pill.yellow { background: rgba(234,179,8,0.2) !important; color: #facc15 !important; border: 1px solid #eab308 !important; }

.is-dist-chevron {
  color: #64748b !important;
  font-size: 13px !important;
}

.is-peninsula-map-wrap {
  position: relative !important;
  height: 180px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: radial-gradient(ellipse at 40% 60%, #152c4a 0%, #0c1a2e 50%, #060e19 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.is-peninsula-aerial-bg {
  position: absolute !important;
  inset: 0 !important;
  background-image: 
    radial-gradient(circle at 35% 55%, rgba(45, 90, 65, 0.55) 0%, transparent 60%),
    radial-gradient(circle at 65% 75%, rgba(65, 110, 75, 0.45) 0%, transparent 55%),
    linear-gradient(135deg, rgba(14, 28, 48, 0.7) 0%, transparent 100%) !important;
}

.is-district-pin {
  position: absolute !important;
  transform: translate(-50%, -100%) !important;
  cursor: pointer !important;
  z-index: 10 !important;
  transition: transform 0.2s ease !important;
}

.is-district-pin:hover,
.is-district-pin.active {
  transform: translate(-50%, -110%) scale(1.1) !important;
  z-index: 25 !important;
}

.is-dist-marker-pill {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  background: #000000 !important;
  border-radius: 6px !important;
  padding: 2px 6px !important;
  border: 1px solid !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.6) !important;
}

.is-dist-marker-pill.pink { border-color: #e60067 !important; color: #fff !important; }
.is-dist-marker-pill.green { border-color: #22c55e !important; color: #fff !important; }
.is-dist-marker-pill.yellow { border-color: #eab308 !important; color: #fff !important; }

.is-dist-pin-stem {
  width: 1.5px !important;
  height: 6px !important;
  background: #ffffff !important;
  margin: 0 auto !important;
}

.is-district-modal-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0,0,0,0.65) !important;
  backdrop-filter: blur(4px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 40 !important;
}

.is-district-popup-card {
  background: #0d1424 !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  width: 250px !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.7) !important;
}

.is-popup-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 8px !important;
}

.is-popup-header h4 {
  font-size: 12px !important;
  color: #fff !important;
  margin: 0 !important;
}

.is-popup-header button {
  background: transparent !important;
  border: none !important;
  color: #94a3b8 !important;
  cursor: pointer !important;
}

.is-popup-body {
  font-size: 10.5px !important;
  color: #cbd5e1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin-bottom: 10px !important;
}

.is-popup-row {
  display: flex !important;
  justify-content: space-between !important;
}

.is-popup-cta {
  display: block !important;
  text-align: center !important;
  background: #e60067 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 6px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
}

@media (max-width: 1200px) {
  .is-dashboard-body {
    grid-template-columns: 70px 1fr 320px !important;
  }
  .is-drilldown-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 900px) {
  .is-top-header {
    height: auto !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .is-dashboard-body {
    grid-template-columns: 1fr !important;
  }
  .is-sidebar {
    display: none !important;
  }
}


/* IMMO100FIN Custom Footer Logo Styles */
.cb-footer-brand-col {
  display: flex !important;
  align-items: center !important;
}
.cb-footer-brand-logo {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
}
.cb-footer-brand-logo .cb-logo-mark-wrap,
.cb-footer-brand-logo .cb-brand-text-block {
  display: none !important;
}
.cb-footer-immo-logo {
  height: 72px !important;
  max-width: 260px !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.5)) !important;
  transition: transform 0.25s ease, opacity 0.25s ease !important;
}
.cb-footer-immo-logo:hover {
  transform: scale(1.03) !important;
  opacity: 0.95 !important;
}
.cb-footer-brand-logo:not(:has(.cb-footer-immo-logo))::before {
  content: "" !important;
  display: block !important;
  width: 210px !important;
  height: 72px !important;
  background-image: url("/assets/immo100fin-logo-footer.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
}


/* ==========================================================================
   COLDWELL BANKER - MOBILE HEADER & HERO BENCHMARK REPLICA (EXACT 1:1)
   ========================================================================== */

/* Desktop defaults: hide mobile elements */
.cb-mobile-hamburger-btn {
  display: none !important;
}
.cb-hero-mobile-cta-btn {
  display: none !important;
}

@media (max-width: 900px) {
  /* ----------------------------------------------------
     1. Header in Mobile View
     ---------------------------------------------------- */
  .navbar.header-style-coldwellbanker,
  .header-style-coldwellbanker {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 76px !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    z-index: 1000 !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  .header-style-coldwellbanker .navbar-top-bar,
  .navbar-top-coldwellbanker {
    display: none !important;
  }

  .header-style-coldwellbanker .nav-container-full {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 100% !important;
    background: transparent !important;
  }

  /* Left: Single Official IMMO100FIN Logo (No middle or duplicate logo) */
  .header-style-coldwellbanker .brand-center {
    order: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
    position: static !important;
    transform: none !important;
  }

  /* Disable pseudo-elements to completely eliminate duplicate/ghost middle logo */
  .header-style-coldwellbanker .brand-center::before,
  .header-style-coldwellbanker .brand-center::after,
  .navbar .brand-center::before,
  .navbar .brand-center::after {
    content: none !important;
    display: none !important;
  }

  .header-style-coldwellbanker .brand-center .nav-logo,
  .header-style-coldwellbanker .brand-center .cb-logo-img,
  .header-style-coldwellbanker .brand-center img {
    display: block !important;
    height: 44px !important;
    max-height: 46px !important;
    width: auto !important;
    max-width: 175px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.75)) !important;
    margin: 0 !important;
  }

  /* Right: Hamburger Menu Container */
  .header-style-coldwellbanker .nav-side.nav-right {
    order: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
    gap: 0 !important;
    background: transparent !important;
  }

  /* Hide desktop links and controls completely on mobile - ALL MENUS IN 3-DOT DRAWER */
  .header-style-coldwellbanker .nav-side.nav-left,
  .header-style-coldwellbanker .nav-left-links,
  .header-style-coldwellbanker .nav-right-links,
  .header-style-coldwellbanker .desktop-only,
  .header-style-coldwellbanker .nav-link,
  .header-style-coldwellbanker .nav-dropdown-item-wrapper,
  .header-style-coldwellbanker .off-plan-nav-wrapper,
  .header-style-coldwellbanker .off-plan-nav-item,
  .header-style-coldwellbanker .nav-cta-btn,
  .header-style-coldwellbanker .nav-join-pill-btn,
  .header-style-coldwellbanker .cb-action-icons-box,
  .header-style-coldwellbanker .controls,
  .header-style-coldwellbanker .login-btn,
  .navbar .nav-side.nav-left,
  .navbar .nav-left-links,
  .navbar .desktop-only,
  .navbar .nav-dropdown-item-wrapper,
  .navbar .nav-link,
  .navbar .controls,
  .navbar .login-btn {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  /* Luxury 3-Dot Menu Button (• • • / ⋮) */
  .cb-mobile-hamburger-btn {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    gap: 5px !important;
    padding: 0 !important;
    margin: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition: transform 0.2s ease !important;
    box-shadow: none !important;
    z-index: 1002 !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .cb-mobile-hamburger-btn:hover,
  .cb-mobile-hamburger-btn:active,
  .cb-mobile-hamburger-btn:focus {
    background: rgba(212, 175, 55, 0.25) !important;
    background-color: rgba(212, 175, 55, 0.25) !important;
    border-color: rgba(212, 175, 55, 0.65) !important;
    box-shadow: 0 4px 16px rgba(212, 175, 55, 0.35) !important;
    transform: scale(0.96) !important;
  }

  /* Sleek Horizontal Line Bars (_) */
  .cb-mobile-hamburger-btn .cb-menu-bar {
    width: 24px !important;
    height: 2.5px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    min-height: 2.5px !important;
    max-height: 2.5px !important;
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-radius: 2px !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
  }

  .cb-mobile-hamburger-btn:hover .cb-menu-bar,
  .cb-mobile-hamburger-btn:active .cb-menu-bar {
    background-color: #d4af37 !important;
    background: #d4af37 !important;
    box-shadow: 0 0 6px rgba(212, 175, 55, 0.8) !important;
  }

  /* ----------------------------------------------------
     2. Hero Section in Mobile View: 100% Full-Bleed (NO GAPS)
     ---------------------------------------------------- */
  .arrival.kinetic-hero,
  .arrival.hero-style-coldwellbanker,
  .arrival.kinetic-hero.hero-style-coldwellbanker {
    min-height: 100vh !important;
    width: 100% !important;
    max-width: 100vw !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    background-image: linear-gradient(180deg, rgba(6, 17, 31, 0.28) 0%, rgba(6, 17, 31, 0.15) 30%, rgba(6, 17, 31, 0.65) 70%, rgba(6, 17, 31, 0.92) 100%), url('/assets/hero-mobile-paris.webp') !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
  }

  /* Mobile video enabled for Coldwell Banker / Hero styles */
  .hero-style-coldwellbanker .arrival-image,
  .hero-style-coldwellbanker .ambient-video,
  .hero-style-coldwellbanker .hero-gradient-overlay,
  .hero-style-coldwellbanker video {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Eliminate all container bounds / gaps on mobile */
  .hero-style-coldwellbanker .orven-wrap,
  .hero-style-coldwellbanker .arrival-copy {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .hero-coldwellbanker-benchmark-layout {
    background: transparent !important; /* Background is on parent .arrival for 100% edge-to-edge coverage */
    min-height: 100vh !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 96px 20px 48px 20px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }

  .cb-hero-left-column {
    max-width: 100% !important;
    width: 100% !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* IMMOBILIER DE PRESTIGE Heading */
  .cb-hero-main-heading {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, 'Montserrat', 'Inter' !important;
    font-size: 38px !important;
    font-weight: 900 !important;
    line-height: 1.08 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    text-align: left !important;
    margin: 0 0 10px 0 !important;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.85) !important;
  }

  /* Clean white horizontal line under DE PRESTIGE */
  .cb-hero-main-heading::after {
    content: "" !important;
    display: block !important;
    width: 58px !important;
    height: 3.5px !important;
    background: #ffffff !important;
    margin-top: 14px !important;
    margin-bottom: 6px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
  }

  /* Description paragraph */
  .cb-hero-main-paragraph {
    font-size: 15px !important;
    line-height: 1.55 !important;
    color: #ffffff !important;
    text-align: left !important;
    font-weight: 500 !important;
    max-width: 335px !important;
    margin: 12px 0 22px 0 !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.9) !important;
  }

  /* RECHERCHER UN BIEN Primary CTA Button */
  .cb-hero-mobile-cta-btn {
    display: block !important;
    width: 100% !important;
    background: #001226 !important;
    color: #ffffff !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, 'Montserrat', 'Inter' !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    padding: 16px 20px !important;
    text-align: center !important;
    text-decoration: none !important;
    border-radius: 2px !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.6) !important;
    margin-bottom: 24px !important;
    transition: background 0.2s ease, transform 0.2s ease !important;
  }

  .cb-hero-mobile-cta-btn:active {
    background: #061935 !important;
    transform: scale(0.99) !important;
  }

  /* EXPLOREZ NOS DESTINATIONS Kicker */
  .cb-hero-kicker-destinations {
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    text-align: left !important;
    margin: 0 0 12px 0 !important;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.85) !important;
  }

  /* 2-Columns Destinations Grid */
  .cb-destinations-tags-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 0 20px 0 !important;
  }

  .cb-destinations-tags-grid .cb-tag-box {
    background: rgba(10, 16, 26, 0.68) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    border: 1px solid rgba(255, 255, 255, 0.45) !important;
    color: #ffffff !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 12px 10px !important;
    text-align: center !important;
    border-radius: 2px !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
  }

  .cb-destinations-tags-grid .cb-tag-box:active {
    background: rgba(255, 255, 255, 0.22) !important;
    border-color: #ffffff !important;
  }

  /* Hide bulky search box on mobile */
  .cb-hero-right-search-bar {
    display: none !important;
  }
}

/* Hide NOS AGENCES / nav-more in header completely */
.header-style-coldwellbanker .nav-right-links,
.header-style-coldwellbanker .nav-more-dropdown-wrapper,
.header-style-coldwellbanker .nav-more-btn,
.nav-right-links,
.nav-more-dropdown-wrapper,
.nav-more-btn {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ==========================================================================
   STICKY HEADER WITH TRANSPARENT-TO-SOLID WHITE SCROLL EFFECT
   ========================================================================== */

/* 1. Base / Initial State (Top of Hero Section) */
.navbar,
.header-style-coldwellbanker,
nav.navbar.header-style-coldwellbanker {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-top: none !important;
  border-bottom: 1px solid transparent !important;
  box-shadow: none !important;
  padding: 16px 0 !important;
  margin: 0 !important;
  transition: background-color 0.35s ease, background 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease, padding 0.3s ease, height 0.3s ease !important;
}

/* Base Links & Typography Transition */
.header-style-coldwellbanker .nav-link,
.header-style-coldwellbanker .nav-link span {
  color: #ffffff !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7) !important;
  transition: color 0.3s ease, text-shadow 0.3s ease, opacity 0.2s ease !important;
}

/* Base Logo Initial State */
.header-style-coldwellbanker .nav-logo,
.header-style-coldwellbanker .cb-logo-img {
  filter: none !important;
  transition: filter 0.35s ease, transform 0.2s ease !important;
}

/* Base Action Icons Initial State */
.header-style-coldwellbanker .cb-icon-btn {
  color: #ffffff !important;
  filter: none !important;
  transition: color 0.3s ease, filter 0.3s ease, transform 0.2s ease !important;
}
.header-style-coldwellbanker .cb-icon-sep {
  background: rgba(255, 255, 255, 0.35) !important;
  transition: background-color 0.3s ease !important;
}

/* Base CTA Button Initial State */
.header-style-coldwellbanker .nav-cta-btn,
.nav-cta-style-coldwellbanker {
  background: #ffffff !important;
  color: #091322 !important;
  border: 1px solid #ffffff !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25) !important;
  transition: all 0.3s ease !important;
}

/* Base Mobile Hamburger Initial State (No Box / No Border) */
.cb-mobile-hamburger-btn {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  transition: none !important;
}
.cb-mobile-hamburger-btn .cb-menu-bar {
  background-color: #ffffff !important;
  transition: background-color 0.3s ease !important;
}


/* 2. ON SCROLL STATE (Smoothly Solid White + Drop Shadow / Bottom Border) */
html.is-scrolled .navbar,
html.is-scrolled .header-style-coldwellbanker,
html.is-scrolled nav.navbar.header-style-coldwellbanker,
.navbar.is-scrolled,
.header-style-coldwellbanker.is-scrolled,
nav.navbar.is-scrolled {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  padding: 10px 16px !important;
}

@media (max-width: 1024px) {
  html.is-scrolled .navbar,
  html.is-scrolled nav.navbar,
  html.is-scrolled .header-style-coldwellbanker,
  html.is-scrolled nav.navbar.header-style-coldwellbanker,
  .navbar.is-scrolled,
  nav.navbar.is-scrolled,
  .header-style-coldwellbanker.is-scrolled,
  nav.navbar.header-style-coldwellbanker.is-scrolled {
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    padding: 0 16px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

/* Scrolled Nav Links (Transition to rich dark slate) */
html.is-scrolled .header-style-coldwellbanker .nav-link,
html.is-scrolled .header-style-coldwellbanker .nav-link span,
.header-style-coldwellbanker.is-scrolled .nav-link,
.header-style-coldwellbanker.is-scrolled .nav-link span,
.navbar.is-scrolled .nav-link,
.navbar.is-scrolled .nav-link span {
  color: #0f172a !important;
  text-shadow: none !important;
}

html.is-scrolled .header-style-coldwellbanker .nav-link:hover,
html.is-scrolled .header-style-coldwellbanker .nav-link:hover span,
.header-style-coldwellbanker.is-scrolled .nav-link:hover,
.header-style-coldwellbanker.is-scrolled .nav-link:hover span,
.navbar.is-scrolled .nav-link:hover,
.navbar.is-scrolled .nav-link:hover span {
  color: #0284c7 !important;
  opacity: 0.8 !important;
}

/* Scrolled Logo (Becomes crisp dark black so it is clearly visible over white background) */
html.is-scrolled .header-style-coldwellbanker .nav-logo,
html.is-scrolled .header-style-coldwellbanker .cb-logo-img,
.header-style-coldwellbanker.is-scrolled .nav-logo,
.header-style-coldwellbanker.is-scrolled .cb-logo-img,
.navbar.is-scrolled .nav-logo,
.navbar.is-scrolled .cb-logo-img {
  filter: none !important;
}

/* Scrolled CTA Button (High-contrast luxury dark button) */
html.is-scrolled .header-style-coldwellbanker .nav-cta-btn,
html.is-scrolled .nav-cta-style-coldwellbanker,
.header-style-coldwellbanker.is-scrolled .nav-cta-btn,
.nav-cta-style-coldwellbanker.is-scrolled,
.navbar.is-scrolled .nav-cta-btn {
  background: #091322 !important;
  color: #ffffff !important;
  border: 1px solid #091322 !important;
  box-shadow: 0 4px 14px rgba(9, 19, 34, 0.2) !important;
}

html.is-scrolled .header-style-coldwellbanker .nav-cta-btn:hover,
html.is-scrolled .nav-cta-style-coldwellbanker:hover,
.header-style-coldwellbanker.is-scrolled .nav-cta-btn:hover,
.nav-cta-style-coldwellbanker.is-scrolled:hover,
.navbar.is-scrolled .nav-cta-btn:hover {
  background: #1e293b !important;
  color: #ffffff !important;
  border-color: #1e293b !important;
  transform: translateY(-1px) !important;
}

/* Scrolled Action Icons */
html.is-scrolled .header-style-coldwellbanker .cb-icon-btn,
.header-style-coldwellbanker.is-scrolled .cb-icon-btn,
.navbar.is-scrolled .cb-icon-btn {
  color: #0f172a !important;
  filter: none !important;
}

html.is-scrolled .header-style-coldwellbanker .cb-icon-btn:hover,
.header-style-coldwellbanker.is-scrolled .cb-icon-btn:hover,
.navbar.is-scrolled .cb-icon-btn:hover {
  color: #0284c7 !important;
  transform: scale(1.12) !important;
}

html.is-scrolled .header-style-coldwellbanker .cb-icon-sep,
.header-style-coldwellbanker.is-scrolled .cb-icon-sep,
.navbar.is-scrolled .cb-icon-sep {
  background: rgba(15, 23, 42, 0.15) !important;
}

/* Scrolled Mobile Hamburger Button (No Box / No Border) */
html.is-scrolled .cb-mobile-hamburger-btn,
.header-style-coldwellbanker.is-scrolled .cb-mobile-hamburger-btn,
.navbar.is-scrolled .cb-mobile-hamburger-btn {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

html.is-scrolled .cb-mobile-hamburger-btn .cb-menu-bar,
.header-style-coldwellbanker.is-scrolled .cb-mobile-hamburger-btn .cb-menu-bar,
.navbar.is-scrolled .cb-mobile-hamburger-btn .cb-menu-bar {
  background-color: #0f172a !important;
}

/* =========================================================
   CLEAN IMMO100FIN LOGO STYLING (NO BOX / NO BACKGROUND)
   ========================================================= */
.header-style-coldwellbanker .brand-center,
.header-style-coldwellbanker .brand-style-coldwellbanker,
.header-style-coldwellbanker .cb-brand-wrap {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.header-style-coldwellbanker .nav-logo,
.header-style-coldwellbanker .cb-logo-img,
.navbar .nav-logo {
  height: 64px !important;
  max-height: 64px !important;
  width: auto !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  object-fit: contain !important;
  display: block !important;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.65)) !important;
  transition: filter 0.35s ease, transform 0.2s ease !important;
}

html.is-scrolled .header-style-coldwellbanker .nav-logo,
html.is-scrolled .header-style-coldwellbanker .cb-logo-img,
.navbar.is-scrolled .nav-logo {
  filter: none !important;
}

/* Hide any leftover Coldwell Banker logos or watermarks */
img[src*="coldwell-banker"],
img[src*="coldwellbanker"],
.cb-watermark-strip,
.coldwellbanker-watermark {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* ==========================================================================
   PERMANENT REMOVAL OF BACKGROUND VIDEO COLDWELL BANKER WATERMARK
   ========================================================================== */

/* 1. Ensure hero container has strict overflow: hidden */
.arrival.kinetic-hero.hero-style-coldwellbanker,
.arrival.hero-style-coldwellbanker,
.orven-home .arrival.kinetic-hero.hero-style-coldwellbanker,
.dark .orven-home .arrival.kinetic-hero.hero-style-coldwellbanker {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  background: #000000 !important;
}

.arrival.hero-style-coldwellbanker .arrival-image {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 2. Zoom and shift video origin so top-left watermark is 100% pushed outside the screen */
.arrival.hero-style-coldwellbanker .ambient-video,
.arrival.kinetic-hero.hero-style-coldwellbanker .ambient-video {
  position: absolute !important;
  top: -120px !important;
  left: -180px !important;
  width: calc(100% + 360px) !important;
  height: calc(100% + 240px) !important;
  min-width: calc(100% + 360px) !important;
  min-height: calc(100% + 240px) !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: 80% 80% !important;
  transform: scale(1.25) !important;
  transform-origin: 85% 85% !important;
  z-index: 1 !important;
  display: block !important;
}

/* 3. Deep luxury top-left radial vignette to guarantee zero watermark visibility */
.arrival.hero-style-coldwellbanker .hero-gradient-overlay,
.arrival.kinetic-hero.hero-style-coldwellbanker .hero-gradient-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.18) 0%, transparent 160px) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

/* 4. Elevate IMMO100FIN header & brand logo above all overlays */
.header-style-coldwellbanker {
  z-index: 1000 !important;
}
.header-style-coldwellbanker .brand-center,
.header-style-coldwellbanker .nav-logo,
.header-style-coldwellbanker .cb-logo-img {
  position: relative !important;
  z-index: 1001 !important;
}



/* ==========================================================================
   IMMO100FIN - HEADER & NOUS REJOINDRE ENHANCEMENTS
   ========================================================================== */

/* 1. Large prominent "PUBLIER ANNONCE" Button */
.header-style-coldwellbanker .nav-cta-btn.nav-cta-publish-large,
.header-style-coldwellbanker .nav-cta-publish-large,
.nav-cta-publish-large {
  order: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
  color: #091322 !important;
  font-family: inherit !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 13px 26px !important;
  min-height: 44px !important;
  border-radius: 0px !important;
  border: 1.5px solid rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35), 0 0 12px rgba(255, 255, 255, 0.2) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.header-style-coldwellbanker .nav-cta-publish-large:hover,
.nav-cta-publish-large:hover {
  transform: translateY(-2px) scale(1.02) !important;
  background: #ffffff !important;
  color: #0284c7 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45), 0 0 20px rgba(255, 255, 255, 0.4) !important;
}

.publish-btn-sparkle {
  color: #d97706 !important;
  font-size: 12px !important;
}

/* Scrolled state for PUBLIER ANNONCE */
html.is-scrolled .header-style-coldwellbanker .nav-cta-publish-large,
.header-style-coldwellbanker.is-scrolled .nav-cta-publish-large {
  background: #091322 !important;
  color: #ffffff !important;
  border-color: #091322 !important;
  box-shadow: 0 4px 16px rgba(9, 19, 34, 0.25) !important;
}

html.is-scrolled .header-style-coldwellbanker .nav-cta-publish-large:hover,
.header-style-coldwellbanker.is-scrolled .nav-cta-publish-large:hover {
  background: #1e293b !important;
  color: #38bdf8 !important;
  border-color: #1e293b !important;
  box-shadow: 0 6px 20px rgba(9, 19, 34, 0.35) !important;
}

/* 2. "NOUS REJOINDRE" Button in Navbar */
.header-style-coldwellbanker .nav-join-pill-btn,
.nav-join-pill-btn {
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  color: #ffffff !important;
  font-family: inherit !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 11px 20px !important;
  border-radius: 0px !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

.header-style-coldwellbanker .nav-join-pill-btn:hover,
.nav-join-pill-btn:hover {
  background: rgba(255, 255, 255, 0.25) !important;
  border-color: rgba(255, 255, 255, 0.75) !important;
  transform: translateY(-1px) !important;
  color: #ffffff !important;
}

html.is-scrolled .header-style-coldwellbanker .nav-join-pill-btn,
.header-style-coldwellbanker.is-scrolled .nav-join-pill-btn {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}

html.is-scrolled .header-style-coldwellbanker .nav-join-pill-btn:hover,
.header-style-coldwellbanker.is-scrolled .nav-join-pill-btn:hover {
  background: #e2e8f0 !important;
  color: #0284c7 !important;
  border-color: #94a3b8 !important;
}

/* 3. Section "NOUS REJOINDRE" on Homepage */
.join-us-showcase-section {
  position: relative !important;
  padding: 90px 24px !important;
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 50%, #f1f5f9 100%) !important;
  border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
  overflow: hidden !important;
}

.dark .join-us-showcase-section {
  background: linear-gradient(180deg, #090e17 0%, #0d1522 50%, #090e17 100%) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.join-us-container {
  max-width: 1240px !important;
  margin: 0 auto !important;
}

.join-us-header {
  margin-bottom: 50px !important;
  text-align: center !important;
}

.join-us-kicker-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 18px !important;
  border-radius: 0px !important;
  background: rgba(217, 119, 6, 0.1) !important;
  border: 1px solid rgba(217, 119, 6, 0.25) !important;
  color: #d97706 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
}

.join-sparkle {
  color: #f59e0b !important;
}

.join-us-main-title {
  font-size: 2.5rem !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  color: #0f172a !important;
  margin: 0 0 16px 0 !important;
}

.dark .join-us-main-title {
  color: #ffffff !important;
}

.join-us-subtitle {
  font-size: 1.05rem !important;
  line-height: 1.6 !important;
  color: #475569 !important;
  max-width: 720px !important;
  margin: 0 auto !important;
}

.dark .join-us-subtitle {
  color: #94a3b8 !important;
}

/* Cards Grid */
.join-us-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
}

@media (max-width: 1024px) {
  .join-us-cards-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 640px) {
  .join-us-cards-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Individual Card */
.join-card {
  position: relative !important;
  background: #ffffff !important;
  border-radius: 24px !important;
  padding: 32px 26px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.02) !important;
  display: flex !important;
  flex-direction: column !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.dark .join-card {
  background: rgba(15, 23, 42, 0.6) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

.join-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.1), 0 0 0 1px rgba(2, 132, 199, 0.2) !important;
  border-color: rgba(2, 132, 199, 0.3) !important;
}

.join-card-badge {
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #0284c7 !important;
  margin-bottom: 18px !important;
}

.dark .join-card-badge {
  color: #38bdf8 !important;
}

.join-card-icon-wrap {
  width: 58px !important;
  height: 58px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
  border: 1px solid rgba(2, 132, 199, 0.2) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 20px !important;
  transition: transform 0.3s ease !important;
}

.dark .join-card-icon-wrap {
  background: linear-gradient(135deg, rgba(2, 132, 199, 0.2) 0%, rgba(2, 132, 199, 0.05) 100%) !important;
  border-color: rgba(56, 189, 248, 0.25) !important;
}

.join-card:hover .join-card-icon-wrap {
  transform: scale(1.08) rotate(3deg) !important;
}

.join-icon-emoji {
  font-size: 26px !important;
}

.join-card-title {
  font-size: 1.3rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 0 12px 0 !important;
  letter-spacing: -0.01em !important;
}

.dark .join-card-title {
  color: #ffffff !important;
}

.join-card-desc {
  font-size: 0.92rem !important;
  line-height: 1.6 !important;
  color: #64748b !important;
  margin: 0 0 28px 0 !important;
  flex-grow: 1 !important;
}

.dark .join-card-desc {
  color: #94a3b8 !important;
}

.join-card-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 12px 18px !important;
  border-radius: 14px !important;
  background: #0f172a !important;
  color: #ffffff !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  border: 1px solid #0f172a !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

.join-card-btn:hover {
  background: #0284c7 !important;
  border-color: #0284c7 !important;
  box-shadow: 0 6px 16px rgba(2, 132, 199, 0.3) !important;
  transform: translateY(-1px) !important;
}

.dark .join-card-btn {
  background: #1e293b !important;
  border-color: #334155 !important;
}

.dark .join-card-btn:hover {
  background: #0284c7 !important;
  border-color: #0284c7 !important;
}

/* 4. Join Us Modal */
.join-modal-backdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: rgba(15, 23, 42, 0.72) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  z-index: 99999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
}

.join-modal-container {
  position: relative !important;
  background: #ffffff !important;
  border-radius: 28px !important;
  width: 100% !important;
  max-width: 620px !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  padding: 36px 32px !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  animation: joinModalPop 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.dark .join-modal-container {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

@keyframes joinModalPop {
  from { opacity: 0; transform: scale(0.94) translateY(10px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

.join-modal-close-btn {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  background: #f8fafc !important;
  color: #64748b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.join-modal-close-btn:hover {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}

.join-modal-header {
  margin-bottom: 24px !important;
  padding-right: 32px !important;
}

.join-modal-title {
  font-size: 1.5rem !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  margin: 0 0 8px 0 !important;
}

.dark .join-modal-title {
  color: #ffffff !important;
}

.join-modal-subtitle {
  font-size: 0.92rem !important;
  color: #64748b !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}

.dark .join-modal-subtitle {
  color: #94a3b8 !important;
}

/* Track Tabs - 100% 4-KANI */
.join-track-tabs {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px !important;
  background: #f1f5f9 !important;
  padding: 6px !important;
  border-radius: 0px !important;
  margin-bottom: 24px !important;
}

.dark .join-track-tabs {
  background: #1e293b !important;
}

.join-track-tab {
  padding: 8px 10px !important;
  border-radius: 0px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #64748b !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
  text-align: center !important;
}

.join-track-tab.active {
  background: #ffffff !important;
  color: #0f172a !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
}

.dark .join-track-tab.active {
  background: #0f172a !important;
  color: #ffffff !important;
}

/* Fields */
.join-fields-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 16px !important;
  margin-bottom: 18px !important;
}

@media (max-width: 600px) {
  .join-fields-grid {
    grid-template-columns: 1fr !important;
  }
}

.join-field-group {
  margin-bottom: 18px !important;
}

.join-field-group label {
  display: block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #334155 !important;
  margin-bottom: 7px !important;
}

.dark .join-field-group label {
  color: #cbd5e1 !important;
}

.join-field-group input[type="text"],
.join-field-group input[type="email"],
.join-field-group input[type="tel"],
.join-field-group textarea {
  width: 100% !important;
  padding: 11px 16px !important;
  border-radius: 0px !important;
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-size: 13.5px !important;
  font-family: inherit !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.dark .join-field-group input[type="text"],
.dark .join-field-group input[type="email"],
.dark .join-field-group input[type="tel"],
.dark .join-field-group textarea {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #ffffff !important;
}

.join-field-group input:focus,
.join-field-group textarea:focus {
  border-color: #0284c7 !important;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;
}

/* File Upload Dropzone */
.join-upload-dropzone {
  position: relative !important;
  border: 2px dashed #cbd5e1 !important;
  border-radius: 14px !important;
  padding: 18px 20px !important;
  text-align: center !important;
  background: #f8fafc !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

.dark .join-upload-dropzone {
  background: #1e293b !important;
  border-color: #334155 !important;
}

.join-upload-dropzone:hover {
  border-color: #0284c7 !important;
  background: #f0f9ff !important;
}

.join-upload-dropzone input[type="file"] {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

.join-dropzone-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}

.join-upload-icon {
  font-size: 20px !important;
}

.join-upload-text {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #475569 !important;
}

.dark .join-upload-text {
  color: #94a3b8 !important;
}

/* Submit Button */
.join-submit-btn {
  width: 100% !important;
  padding: 14px 24px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.25) !important;
  transition: all 0.3s ease !important;
}

.join-submit-btn:hover {
  background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
  box-shadow: 0 10px 25px rgba(2, 132, 199, 0.4) !important;
  transform: translateY(-2px) !important;
}

/* Success View */
.join-success-pane {
  text-align: center !important;
  padding: 40px 20px !important;
}

.join-success-check {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  background: #dcfce7 !important;
  color: #15803d !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 20px auto !important;
  border: 2px solid #86efac !important;
}

.join-success-title {
  font-size: 1.5rem !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  margin: 0 0 12px 0 !important;
}

.dark .join-success-title {
  color: #ffffff !important;
}

.join-success-desc {
  font-size: 0.98rem !important;
  color: #64748b !important;
  max-width: 480px !important;
  margin: 0 auto 28px auto !important;
  line-height: 1.6 !important;
}

.dark .join-success-desc {
  color: #94a3b8 !important;
}

.join-success-close-btn {
  padding: 12px 28px !important;
  border-radius: 12px !important;
  background: #0f172a !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.join-success-close-btn:hover {
  background: #0284c7 !important;
}


@media (max-width: 1024px) {
  .header-style-coldwellbanker .nav-cta-btn.nav-cta-publish-large,
  .header-style-coldwellbanker .nav-cta-publish-large,
  .header-style-coldwellbanker .nav-join-pill-btn,
  .header-style-coldwellbanker .cb-action-icons-box,
  .header-style-coldwellbanker .nav-left-links,
  .header-style-coldwellbanker .nav-center,
  .header-style-coldwellbanker .desktop-only,
  .nav-cta-publish-large.desktop-only,
  .nav-join-pill-btn.desktop-only,
  .cb-action-icons-box.desktop-only,
  .desktop-only {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .header-style-coldwellbanker,
  .navbar.header-style-coldwellbanker,
  nav.navbar.header-style-coldwellbanker {
    padding: 12px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .header-style-coldwellbanker .nav-container,
  .navbar .nav-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
  }

  .header-style-coldwellbanker .cb-mobile-hamburger-btn,
  .cb-mobile-hamburger-btn {
    display: flex !important;
    visibility: visible !important;
    width: 44px !important;
    height: 44px !important;
    margin-left: auto !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 1002 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
  }
}


      /* Luxury Coldwell Banker Theme for Mobile Menu Drawer + Smooth Scrolling */
      .mobile-nav-overlay {
        position: fixed !important;
        inset: 0 !important;
        background: rgba(0, 0, 0, 0.75) !important;
        backdrop-filter: blur(8px) !important;
        z-index: 99999 !important;
        touch-action: pan-y !important;
      }

      .mobile-nav-drawer {
        background: linear-gradient(180deg, #07101e 0%, #0a1629 60%, #060d19 100%) !important;
        border-right: 1.5px solid rgba(212, 175, 55, 0.4) !important;
        box-shadow: 20px 0 60px rgba(0, 0, 0, 0.85) !important;
        color: #ffffff !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
        touch-action: pan-y !important;
        max-height: 100vh !important;
        height: 100vh !important;
        padding-bottom: 120px !important;
        z-index: 100000 !important;
      }

      .mobile-nav-header {
        background: rgba(7, 16, 30, 0.98) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 100 !important;
        backdrop-filter: blur(14px) !important;
        padding: 16px 20px !important;
      }

      .mobile-nav-header .nav-logo {
        filter: none !important;
        height: 42px !important;
      }

      .mobile-close-btn {
        color: #D4AF37 !important;
        background: rgba(255, 255, 255, 0.08) !important;
        border-radius: 50% !important;
        width: 36px !important;
        height: 36px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid rgba(212, 175, 55, 0.3) !important;
        transition: all 0.2s ease !important;
      }

      .mobile-close-btn:hover {
        background: rgba(212, 175, 55, 0.25) !important;
        color: #ffffff !important;
        border-color: #D4AF37 !important;
      }

      .mobile-lang-selector-bar {
        background: rgba(255, 255, 255, 0.04) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        border-radius: 12px !important;
        margin: 12px 14px 4px 14px !important;
        padding: 4px !important;
      }

      .mobile-lang-pill {
        color: #94A3B8 !important;
        font-weight: 700 !important;
        border-radius: 8px !important;
      }

      .mobile-lang-pill.active {
        background: rgba(212, 175, 55, 0.2) !important;
        color: #D4AF37 !important;
        border: 1px solid rgba(212, 175, 55, 0.4) !important;
      }

      .cb-mobile-drawer-top-actions {
        background: rgba(255, 255, 255, 0.03) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        border-radius: 16px !important;
        margin: 8px 14px 14px 14px !important;
        padding: 14px 12px !important;
      }

      .cb-mobile-drawer-cta {
        background: linear-gradient(135deg, #D4AF37 0%, #B8860B 100%) !important;
        color: #07101e !important;
        font-weight: 800 !important;
        border: 1px solid #F1D77A !important;
        box-shadow: 0 4px 16px rgba(212, 175, 55, 0.35) !important;
      }

      .cb-mobile-drawer-join {
        background: rgba(255, 255, 255, 0.08) !important;
        border: 1.5px solid rgba(212, 175, 55, 0.5) !important;
        color: #ffffff !important;
      }

      .cb-mobile-nav-link-chip {
        background: rgba(255, 255, 255, 0.06) !important;
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
        color: #ffffff !important;
        font-weight: 700 !important;
        transition: all 0.2s ease !important;
      }

      .cb-mobile-nav-link-chip:hover {
        background: rgba(212, 175, 55, 0.15) !important;
        border-color: #D4AF37 !important;
        color: #D4AF37 !important;
      }

      .mobile-login-highlight {
        background: linear-gradient(135deg, rgba(212, 175, 55, 0.2) 0%, rgba(212, 175, 55, 0.06) 100%) !important;
        border: 1px solid rgba(212, 175, 55, 0.35) !important;
        color: #D4AF37 !important;
      }

      .mobile-nav-item {
        color: #e2e8f0 !important;
        background: rgba(255, 255, 255, 0.03) !important;
        border: 1px solid rgba(255, 255, 255, 0.06) !important;
      }

      .drawer-section-title span {
        color: #D4AF37 !important;
        font-weight: 800 !important;
        letter-spacing: 0.12em !important;
      }

      .service-grid-tile {
        background: rgba(255, 255, 255, 0.04) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
      }

      .service-tile-title {
        color: #ffffff !important;
      }

      .service-tile-badge {
        color: #94A3B8 !important;
      }

      .mobile-nav-divider {
        border-color: rgba(255, 255, 255, 0.1) !important;
      }


      /* Crisp, Natural Luxury Logo Display - No Invert, No Filter Distortions */
      .header-style-coldwellbanker .nav-logo,
      .header-style-coldwellbanker .cb-logo-img,
      .navbar .nav-logo,
      .mobile-nav-header .nav-logo,
      .nav-logo {
        filter: none !important;
        -webkit-filter: none !important;
        height: 52px !important;
        max-height: 56px !important;
        width: auto !important;
        max-width: 240px !important;
        object-fit: contain !important;
        border-radius: 4px !important;
        display: block !important;
        transition: transform 0.2s ease !important;
      }

      html.is-scrolled .header-style-coldwellbanker .nav-logo,
      html.is-scrolled .header-style-coldwellbanker .cb-logo-img,
      .header-style-coldwellbanker.is-scrolled .nav-logo,
      .header-style-coldwellbanker.is-scrolled .cb-logo-img,
      .navbar.is-scrolled .nav-logo,
      .navbar.is-scrolled .cb-logo-img {
        filter: none !important;
        -webkit-filter: none !important;
        height: 44px !important;
        max-height: 44px !important;
      }

      @media (max-width: 768px) {
        .header-style-coldwellbanker .nav-logo,
        .header-style-coldwellbanker .cb-logo-img,
        .navbar .nav-logo,
        .mobile-nav-header .nav-logo,
        .nav-logo {
          height: 44px !important;
          max-height: 46px !important;
          max-width: 180px !important;
          filter: none !important;
          -webkit-filter: none !important;
        }
      }


/* 2 Cards Per Row on Mobile for Join Us / Recrutement Section */
.join-us-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
}

@media (max-width: 1024px) {
  .join-us-cards-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
  }
}

@media (max-width: 640px) {
  .join-us-cards-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .join-card {
    padding: 16px 12px !important;
    border-radius: 16px !important;
  }
  .join-card-icon-wrap {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    margin-bottom: 12px !important;
  }
  .join-card-badge {
    font-size: 8.5px !important;
    margin-bottom: 10px !important;
    letter-spacing: 0.05em !important;
  }
  .join-card-title {
    font-size: 14px !important;
    margin-bottom: 6px !important;
    line-height: 1.25 !important;
  }
  .join-card-desc {
    font-size: 10.5px !important;
    line-height: 1.4 !important;
    margin-bottom: 12px !important;
  }
  .join-card-btn {
    font-size: 10.5px !important;
    padding: 8px 6px !important;
    border-radius: 8px !important;
    width: 100% !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
  }
}

/* Crisp, Seamless Transparent Logo Display */
.header-style-coldwellbanker .nav-logo,
.header-style-coldwellbanker .cb-logo-img,
.navbar .nav-logo,
.mobile-nav-header .nav-logo,
.nav-logo {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  filter: none !important;
  -webkit-filter: none !important;
}

html.is-scrolled .header-style-coldwellbanker .nav-logo,
html.is-scrolled .header-style-coldwellbanker .cb-logo-img,
.header-style-coldwellbanker.is-scrolled .nav-logo,
.header-style-coldwellbanker.is-scrolled .cb-logo-img,
.navbar.is-scrolled .nav-logo,
.navbar.is-scrolled .cb-logo-img {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  filter: none !important;
  -webkit-filter: none !important;
}

/* ==========================================================================
   INNER PAGES (NON-HOMEPAGE) HEADER & CONTENT LAYOUT
   ========================================================================== */

/* 1. Header on Inner Pages (Clean, High-Contrast Luxury White Navbar) */
.header-style-coldwellbanker.is-inner-page,
nav.navbar.is-inner-page,
.navbar.is-inner-page {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}

html:not(.is-scrolled) .header-style-coldwellbanker.is-inner-page:not(.header-black-details) .nav-link,
html:not(.is-scrolled) .header-style-coldwellbanker.is-inner-page:not(.header-black-details) .nav-link span,
html:not(.is-scrolled) nav.navbar.is-inner-page:not(.header-black-details) .nav-link,
html:not(.is-scrolled) nav.navbar.is-inner-page:not(.header-black-details) .nav-link span,
.navbar.is-inner-page:not(.is-scrolled):not(.header-black-details) .nav-link,
.navbar.is-inner-page:not(.is-scrolled):not(.header-black-details) .nav-link span {
  color: #0a1629 !important;
  font-weight: 700 !important;
}

html:not(.is-scrolled) .header-style-coldwellbanker.is-inner-page .nav-link:hover,
html:not(.is-scrolled) .header-style-coldwellbanker.is-inner-page .nav-link:hover span {
  color: #D4AF37 !important;
}

.header-style-coldwellbanker.is-inner-page .nav-logo,
.header-style-coldwellbanker.is-inner-page .cb-logo-img,
nav.navbar.is-inner-page .nav-logo,
nav.navbar.is-inner-page .cb-logo-img {
  filter: none !important;
  -webkit-filter: none !important;
}

html:not(.is-scrolled) .header-style-coldwellbanker.is-inner-page:not(.header-black-details) .cb-icon-btn,
html:not(.is-scrolled) nav.navbar.is-inner-page:not(.header-black-details) .cb-icon-btn {
  color: #0a1629 !important;
}

html:not(.is-scrolled) .header-style-coldwellbanker.is-inner-page:not(.header-black-details) .cb-icon-sep,
html:not(.is-scrolled) nav.navbar.is-inner-page:not(.header-black-details) .cb-icon-sep {
  background: rgba(0, 0, 0, 0.15) !important;
}

html:not(.is-scrolled) .header-style-coldwellbanker.is-inner-page .cb-mobile-hamburger-btn .cb-menu-bar,
html:not(.is-scrolled) nav.navbar.is-inner-page .cb-mobile-hamburger-btn .cb-menu-bar {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* 2. Main Content Top Spacing for Inner Pages - Clean Single Padding */
.main-content.inner-page-content,
main.inner-page-content,
.is-inner-page main {
  padding-top: 115px !important;
  background: #F8FAFC !important;
  background-color: #F8FAFC !important;
}
.main-content.inner-page-content > div:not(.login-page-root),
.main-content.inner-page-content > div:not(.login-page-root) > div,
.main-content.inner-page-content .mobile-app-properties-page,
.mobile-app-properties-page {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.mobile-app-sell-page {
  padding-top: 0 !important;
}
.mobile-app-sell-page > div.max-w-4xl {
  padding-top: 16px !important;
}

@media (max-width: 768px) {
  .main-content.inner-page-content {
    padding-top: 86px !important;
  }
  .main-content.inner-page-content > div:not(.login-page-root),
  .main-content.inner-page-content > div:not(.login-page-root) > div,
  .main-content.inner-page-content .mobile-app-properties-page,
  .mobile-app-properties-page {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  .mobile-app-sell-page {
    padding-top: 0 !important;
  }
  .mobile-app-sell-page > div.max-w-4xl {
    padding-top: 12px !important;
  }
}

/* ==========================================================================
   4-KANI (SHARP RECTANGULAR CORNERS / 0px RADIUS) FOR NAVBAR BUTTONS
   ========================================================================== */
.header-style-coldwellbanker .nav-cta-btn,
.header-style-coldwellbanker .nav-cta-publish-large,
.header-style-coldwellbanker .nav-join-pill-btn,
.nav-cta-btn,
.nav-cta-publish-large,
.nav-join-pill-btn,
.nav-cta-style-coldwellbanker,
.cb-mobile-drawer-cta,
.cb-mobile-drawer-join,
html.is-scrolled .header-style-coldwellbanker .nav-cta-publish-large,
html.is-scrolled .header-style-coldwellbanker .nav-join-pill-btn,
.header-style-coldwellbanker.is-scrolled .nav-cta-publish-large,
.header-style-coldwellbanker.is-scrolled .nav-join-pill-btn {
  border-radius: 0px !important;
}

/* ==========================================================================
   HEADER 3 ACTION ICONS: FAVORITES, EMAIL/CONTACT, LUXURY LANG/CURRENCY DROPDOWN
   ========================================================================== */

.cb-action-icons-box {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-left: 8px !important;
  position: relative !important;
}

.cb-icon-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: none !important;
  color: #ffffff !important;
  padding: 6px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
}

.cb-icon-btn:hover {
  color: #D4AF37 !important;
  transform: translateY(-1px) scale(1.1) !important;
}

.cb-icon-sep {
  display: inline-block !important;
  width: 1px !important;
  height: 14px !important;
  background: rgba(255, 255, 255, 0.25) !important;
}

/* Scrolled / Inner Page Action Icons */
html.is-scrolled .cb-icon-btn,
.navbar.is-scrolled .cb-icon-btn,
.navbar.is-inner-page .cb-icon-btn,
.header-style-coldwellbanker.is-inner-page .cb-icon-btn {
  color: #0a1629 !important;
}

html.is-scrolled .cb-icon-sep,
.navbar.is-scrolled .cb-icon-sep,
.navbar.is-inner-page .cb-icon-sep,
.header-style-coldwellbanker.is-inner-page .cb-icon-sep {
  background: rgba(0, 0, 0, 0.15) !important;
}

/* Luxury Language & Currency Dropdown Menu */
.cb-luxury-lang-menu {
  position: absolute !important;
  top: calc(100% + 14px) !important;
  right: -8px !important;
  width: 230px !important;
  background: #07101e !important;
  border: 1.5px solid rgba(212, 175, 55, 0.45) !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.85), 0 0 20px rgba(212, 175, 55, 0.15) !important;
  padding: 10px !important;
  z-index: 99999 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  animation: fadeInMenu 0.2s ease !important;
}

@keyframes fadeInMenu {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}

.cb-lang-menu-heading {
  font-size: 10px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #D4AF37 !important;
  padding: 4px 8px 6px 8px !important;
}

.cb-lang-option {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  padding: 8px 10px !important;
  color: #e2e8f0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  text-align: left !important;
}

.cb-lang-option:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  border-color: rgba(212, 175, 55, 0.3) !important;
}

.cb-lang-option.active {
  background: rgba(212, 175, 55, 0.15) !important;
  color: #ffffff !important;
  border-color: rgba(212, 175, 55, 0.5) !important;
  font-weight: 700 !important;
}

.cb-lang-check-icon {
  margin-left: auto !important;
  color: #D4AF37 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.cb-lang-menu-sep {
  height: 1px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  margin: 6px 0 !important;
}

.cb-curr-pill-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 6px !important;
  padding: 2px 4px !important;
}

.cb-curr-pill-btn {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 6px !important;
  color: #cbd5e1 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 6px 4px !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.cb-curr-pill-btn:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  border-color: rgba(212, 175, 55, 0.4) !important;
}

.cb-curr-pill-btn.active {
  background: #D4AF37 !important;
  color: #07101e !important;
  border-color: #D4AF37 !important;
  font-weight: 800 !important;
}

/* ==========================================================================
   FAVORITES PAGE: 4 CARDS PER ROW AESTHETIC LUXURY GRID
   ========================================================================== */

.favorites-page-container {
  max-width: 1600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 16px 20px 60px 20px !important;
}

.favorites-cards-4col-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

@media (max-width: 1400px) {
  .favorites-cards-4col-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

@media (max-width: 1180px) {
  .favorites-cards-4col-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

@media (max-width: 640px) {
  .favorites-cards-4col-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* Luxury card enhancements for favorites */
.favorites-cards-4col-grid > div {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease !important;
}

.favorites-cards-4col-grid > div:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 35px -10px rgba(0, 0, 0, 0.12), 0 0 15px rgba(212, 175, 55, 0.15) !important;
  border-color: rgba(212, 175, 55, 0.4) !important;
}

/* ==========================================================================
   FAVORITES PAGE: 4-KANI (SHARP CORNERS 0px) & BRAND THEME COLORS (#07101e, #D4AF37)
   ========================================================================== */

.favorites-page-container *,
.favorites-page-container button,
.favorites-page-container input,
.favorites-page-container a,
.favorites-page-container img,
.favorites-page-container div,
.fav-property-card,
.fav-property-card *,
.fav-btn-theme-navy,
.fav-btn-theme-gold {
  border-radius: 0px !important;
}

/* 4-Kani Luxury Card */
.fav-property-card {
  border-radius: 0px !important;
  background: #ffffff !important;
  border: 1px solid rgba(10, 22, 41, 0.12) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

html.dark .fav-property-card {
  background: #07101e !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.fav-property-card:hover {
  transform: translateY(-4px) !important;
  border-color: #D4AF37 !important;
  box-shadow: 0 16px 36px -10px rgba(0, 0, 0, 0.15), 0 0 20px rgba(212, 175, 55, 0.2) !important;
}

/* Button 1: Theme Dark Navy (#07101e) */
.fav-btn-theme-navy {
  border-radius: 0px !important;
  background: #07101e !important;
  color: #ffffff !important;
  border: 1px solid #07101e !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  transition: all 0.25s ease !important;
}

.fav-btn-theme-navy:hover {
  background: #112240 !important;
  border-color: #D4AF37 !important;
  color: #ffffff !important;
}

.fav-btn-theme-navy svg {
  color: #D4AF37 !important;
}

/* Button 2: Theme Gold (#D4AF37) */
.fav-btn-theme-gold {
  border-radius: 0px !important;
  background: #D4AF37 !important;
  color: #07101e !important;
  border: 1px solid #D4AF37 !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  transition: all 0.25s ease !important;
}

.fav-btn-theme-gold:hover {
  background: #c49f27 !important;
  border-color: #c49f27 !important;
  box-shadow: 0 4px 14px rgba(212, 175, 55, 0.35) !important;
}

/* Top Telemetry banner & tabs 4-kani */
.favorites-page-container .rounded-2xl,
.favorites-page-container .rounded-3xl,
.favorites-page-container .rounded-xl,
.favorites-page-container .rounded-lg,
.favorites-page-container .rounded-full {
  border-radius: 0px !important;
}

/* ==========================================================================
   FOOTER 4 SOCIAL ICONS: FACEBOOK, INSTAGRAM, WHATSAPP, EMAIL
   ========================================================================== */

.cb-footer-socials {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

.cb-social-circle {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #f8fafc !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-decoration: none !important;
  position: relative !important;
}

.cb-social-circle svg {
  width: 20px !important;
  height: 20px !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), color 0.3s ease !important;
}

.cb-social-circle:hover {
  background: linear-gradient(135deg, #e5c058 0%, #c49a2a 100%) !important;
  color: #07101e !important;
  border-color: #e5c058 !important;
  transform: translateY(-4px) scale(1.08) !important;
  box-shadow: 0 10px 25px rgba(212, 175, 55, 0.45), 0 0 15px rgba(212, 175, 55, 0.3) !important;
}

.cb-social-circle:hover svg {
  transform: scale(1.12) !important;
  color: #07101e !important;
}

/* ==========================================================================
   NOUS REJOINDRE: ULTRA-AESTHETIC LUXURY 4-KANI DESIGN & HERO ICONS
   ========================================================================== */

.join-us-showcase-section {
  position: relative !important;
  padding: 100px 24px !important;
  background: #ffffff !important;
  border-top: 1px solid rgba(10, 22, 41, 0.08) !important;
  border-bottom: 1px solid rgba(10, 22, 41, 0.08) !important;
  overflow: hidden !important;
}

html.dark .join-us-showcase-section,
.dark .join-us-showcase-section {
  background: #07101e !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.join-us-container {
  max-width: 1380px !important;
  margin: 0 auto !important;
}

.join-us-header {
  margin-bottom: 56px !important;
  text-align: center !important;
}

.join-us-kicker-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 16px !important;
  border-radius: 0px !important;
  background: rgba(212, 175, 55, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
  color: #D4AF37 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin-bottom: 18px !important;
}

.join-us-main-title {
  font-size: 2.8rem !important;
  font-weight: 950 !important;
  letter-spacing: -0.03em !important;
  color: #07101e !important;
  margin: 0 0 16px 0 !important;
  text-transform: uppercase !important;
}

html.dark .join-us-main-title,
.dark .join-us-main-title {
  color: #ffffff !important;
}

.join-us-subtitle {
  font-size: 1.05rem !important;
  line-height: 1.65 !important;
  color: #64748b !important;
  max-width: 780px !important;
  margin: 0 auto !important;
  font-weight: 500 !important;
}

html.dark .join-us-subtitle,
.dark .join-us-subtitle {
  color: #94a3b8 !important;
}

/* 4-Kani Luxury Cards Grid */
.join-us-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

@media (max-width: 1200px) {
  .join-us-cards-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
}

@media (max-width: 640px) {
  .join-us-cards-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* Individual 4-Kani Luxury Card */
.join-card {
  position: relative !important;
  background: #ffffff !important;
  border-radius: 0px !important;
  padding: 34px 28px !important;
  border: 1px solid rgba(10, 22, 41, 0.1) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

html.dark .join-card,
.dark .join-card {
  background: #0a1629 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.join-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.15), 0 0 25px rgba(212, 175, 55, 0.25) !important;
  border-color: #D4AF37 !important;
}

/* Card Badge */
.join-card-badge {
  display: inline-block !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #D4AF37 !important;
  margin-bottom: 22px !important;
  background: rgba(212, 175, 55, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
  padding: 4px 10px !important;
  border-radius: 0px !important;
  align-self: flex-start !important;
}

/* Hero Icon Container */
.join-card-icon-wrap {
  width: 60px !important;
  height: 60px !important;
  border-radius: 0px !important;
  background: #07101e !important;
  border: 1.5px solid #D4AF37 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 24px !important;
  color: #D4AF37 !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.join-card:hover .join-card-icon-wrap {
  transform: scale(1.1) !important;
  background: #D4AF37 !important;
  color: #07101e !important;
  box-shadow: 0 8px 24px rgba(212, 175, 55, 0.45) !important;
}

.join-hero-icon {
  width: 26px !important;
  height: 26px !important;
  transition: transform 0.25s ease !important;
}

.join-card-title {
  font-size: 1.35rem !important;
  font-weight: 900 !important;
  color: #07101e !important;
  margin: 0 0 12px 0 !important;
  letter-spacing: -0.02em !important;
  transition: color 0.25s ease !important;
}

html.dark .join-card-title,
.dark .join-card-title {
  color: #ffffff !important;
}

.join-card:hover .join-card-title {
  color: #D4AF37 !important;
}

.join-card-desc {
  font-size: 0.92rem !important;
  line-height: 1.65 !important;
  color: #64748b !important;
  margin: 0 0 32px 0 !important;
  flex-grow: 1 !important;
  font-weight: 500 !important;
}

html.dark .join-card-desc,
.dark .join-card-desc {
  color: #94a3b8 !important;
}

/* 4-Kani Luxury Button */
.join-card-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 14px 20px !important;
  border-radius: 0px !important;
  background: #07101e !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  border: 1px solid #07101e !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.join-card-btn:hover {
  background: #D4AF37 !important;
  color: #07101e !important;
  border-color: #D4AF37 !important;
  box-shadow: 0 8px 20px rgba(212, 175, 55, 0.4) !important;
}

.join-card-btn svg {
  transition: transform 0.25s ease !important;
}

.join-card-btn:hover svg {
  transform: translateX(4px) !important;
}

/* Join Modal 4-Kani Luxury Styling */
.join-modal-container {
  border-radius: 0px !important;
  border: 1px solid rgba(212, 175, 55, 0.4) !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.7) !important;
}

.join-modal-container input,
.join-modal-container textarea,
.join-modal-container select,
.join-modal-container button {
  border-radius: 0px !important;
}

/* ==========================================================================
   ABOUT US PAGE: 100% 4-KANI (0px BORDER RADIUS) LUXURY AESTHETIC
   ========================================================================== */

.about-story-img-frame {
  border-radius: 0px !important;
  border: 1px solid rgba(212, 175, 55, 0.4) !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12), 0 0 25px rgba(212, 175, 55, 0.1) !important;
  position: relative !important;
  overflow: hidden !important;
  background: #07101e !important;
}

.about-story-img {
  border-radius: 0px !important;
  display: block !important;
  width: 100% !important;
  height: 540px !important;
  object-fit: cover !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.about-story-img-frame:hover .about-story-img {
  transform: scale(1.03) !important;
}

/* Floating Trust Badge on Image (4-Kani Luxury Box) */
.story-floating-trust-pill {
  border-radius: 0px !important;
  background: rgba(7, 16, 30, 0.94) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1.5px solid #D4AF37 !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5) !important;
  padding: 16px 22px !important;
  position: absolute !important;
  bottom: 24px !important;
  left: 24px !important;
  right: 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  transition: all 0.3s ease !important;
}

.story-floating-trust-pill strong {
  color: #ffffff !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  display: block !important;
  margin-bottom: 3px !important;
}

.story-floating-trust-pill p {
  color: #cbd5e1 !important;
  font-size: 0.82rem !important;
  margin: 0 !important;
  font-weight: 500 !important;
}

/* Section Kickers / Pills on About Page */
.about-page-wrapper .section-pill,
.about-story-text .section-pill {
  border-radius: 0px !important;
  background: rgba(212, 175, 55, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.4) !important;
  color: #D4AF37 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 6px 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 18px !important;
}

/* Slogan / Quote Box (4-Kani with Gold Accent) */
.about-slogan-quote {
  border-radius: 0px !important;
  border-left: 4px solid #D4AF37 !important;
  border-top: 1px solid rgba(10, 22, 41, 0.08) !important;
  border-right: 1px solid rgba(10, 22, 41, 0.08) !important;
  border-bottom: 1px solid rgba(10, 22, 41, 0.08) !important;
  background: #f8fafc !important;
  padding: 22px 26px !important;
  margin: 28px 0 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

html.dark .about-slogan-quote,
.dark .about-slogan-quote {
  background: #0a1629 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  border-left-color: #D4AF37 !important;
}

.about-slogan-quote p {
  color: #07101e !important;
  font-size: 1.05rem !important;
  font-style: italic !important;
  font-weight: 600 !important;
  line-height: 1.65 !important;
}

html.dark .about-slogan-quote p,
.dark .about-slogan-quote p {
  color: #f1f5f9 !important;
}

/* Action Buttons on About Page (4-Kani) */
.about-btn-primary {
  border-radius: 0px !important;
  background: #07101e !important;
  color: #ffffff !important;
  border: 1px solid #07101e !important;
  padding: 14px 28px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.about-btn-primary:hover {
  background: #D4AF37 !important;
  color: #07101e !important;
  border-color: #D4AF37 !important;
  box-shadow: 0 8px 24px rgba(212, 175, 55, 0.4) !important;
}

.about-btn-secondary {
  border-radius: 0px !important;
  background: transparent !important;
  color: #07101e !important;
  border: 1.5px solid #07101e !important;
  padding: 14px 28px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

html.dark .about-btn-secondary,
.dark .about-btn-secondary {
  color: #ffffff !important;
  border-color: #D4AF37 !important;
}

.about-btn-secondary:hover {
  background: #07101e !important;
  color: #D4AF37 !important;
  border-color: #D4AF37 !important;
}

/* All other About Page Components: 100% 4-Kani */
.about-value-card,
.value-icon-box,
.about-score-card,
.about-cta-box,
.about-visual-main-card,
.about-visual-sub-card,
.cta-kicker,
.cta-btn-whatsapp,
.cta-btn-catalog {
  border-radius: 0px !important;
}

/* ==========================================================================
   NOUS REJOINDRE: 2 CARDS PER ROW ON MOBILE (ULTRA-AESTHETIC & RESPONSIVE)
   ========================================================================== */

/* ==========================================================================
   NOUS REJOINDRE: ULTRA-LUXURY AESTHETIC DESIGN & COMPLETE BADGE REMOVAL
   ========================================================================== */

/* Strict Hide: Kicker badge and card category badges requested by user */
.join-us-kicker-pill,
.join-card-badge {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

.join-us-showcase-section {
  position: relative !important;
  padding: 96px 24px 110px 24px !important;
  background: radial-gradient(1000px circle at 50% 0%, rgba(212, 175, 55, 0.08) 0%, rgba(255, 255, 255, 0) 70%),
              linear-gradient(180deg, #f8fafc 0%, #ffffff 45%, #f6f8fb 100%) !important;
  border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
  overflow: hidden !important;
}

html.dark .join-us-showcase-section,
.dark .join-us-showcase-section {
  background: radial-gradient(1000px circle at 50% 0%, rgba(212, 175, 55, 0.12) 0%, transparent 70%),
              linear-gradient(180deg, #07101e 0%, #0a1526 50%, #07101e 100%) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.join-us-container {
  max-width: 1380px !important;
  margin: 0 auto !important;
}

.join-us-header {
  margin-bottom: 56px !important;
  text-align: center !important;
  position: relative !important;
}

.join-us-main-title {
  font-size: clamp(2rem, 4vw, 3rem) !important;
  font-weight: 950 !important;
  letter-spacing: -0.025em !important;
  color: #07101e !important;
  margin: 0 0 12px 0 !important;
  text-transform: uppercase !important;
  line-height: 1.15 !important;
  font-family: 'Outfit', 'Montserrat', -apple-system, sans-serif !important;
}

html.dark .join-us-main-title,
.dark .join-us-main-title {
  color: #ffffff !important;
}

.join-us-title-accent {
  width: 56px !important;
  height: 3px !important;
  background: linear-gradient(90deg, #D4AF37 0%, #fae8a4 50%, #b89628 100%) !important;
  margin: 0 auto 18px auto !important;
  border-radius: 9999px !important;
  box-shadow: 0 2px 8px rgba(212, 175, 55, 0.35) !important;
}

.join-us-subtitle {
  font-size: 1.05rem !important;
  line-height: 1.65 !important;
  color: #556987 !important;
  max-width: 740px !important;
  margin: 0 auto !important;
  font-weight: 450 !important;
}

html.dark .join-us-subtitle,
.dark .join-us-subtitle {
  color: #94a3b8 !important;
}

/* 4 Cards Grid with Generous Gap */
.join-us-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 26px !important;
  align-items: stretch !important;
}

/* Individual Luxury Card with Chamfered Gold Glow - 100% 4-KANI (0px RADIUS) */
.join-card {
  position: relative !important;
  background: #ffffff !important;
  border-radius: 0px !important;
  padding: 34px 26px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.05), 0 2px 6px rgba(15, 23, 42, 0.02) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: all 0.38s cubic-bezier(0.16, 1, 0.3, 1) !important;
  overflow: hidden !important;
}

.join-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, transparent 0%, #D4AF37 50%, transparent 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.35s ease !important;
}

html.dark .join-card,
.dark .join-card {
  background: #0d1726 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3) !important;
}

.join-card:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(212, 175, 55, 0.45) !important;
  box-shadow: 0 24px 50px -12px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(212, 175, 55, 0.35) !important;
}

.join-card:hover::before {
  opacity: 1 !important;
}

/* Luxury Emblem Icon Container - 100% 4-KANI (0px RADIUS) */
.join-card-icon-wrap {
  width: 62px !important;
  height: 62px !important;
  border-radius: 0px !important;
  background: linear-gradient(135deg, #0d1726 0%, #060b13 100%) !important;
  border: 1.5px solid rgba(212, 175, 55, 0.5) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 24px !important;
  color: #D4AF37 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  flex-shrink: 0 !important;
}

.join-card:hover .join-card-icon-wrap {
  transform: scale(1.08) translateY(-2px) !important;
  background: linear-gradient(135deg, #D4AF37 0%, #b89628 100%) !important;
  color: #07101e !important;
  border-color: #D4AF37 !important;
  box-shadow: 0 12px 28px rgba(212, 175, 55, 0.45) !important;
}

.join-hero-icon {
  width: 26px !important;
  height: 26px !important;
  transition: transform 0.35s ease !important;
}

.join-card-title {
  font-size: 1.35rem !important;
  font-weight: 850 !important;
  color: #07101e !important;
  margin: 0 0 12px 0 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.25 !important;
  font-family: 'Outfit', 'Montserrat', sans-serif !important;
  transition: color 0.25s ease !important;
}

html.dark .join-card-title,
.dark .join-card-title {
  color: #ffffff !important;
}

.join-card:hover .join-card-title {
  color: #c59b27 !important;
}

.join-card-desc {
  font-size: 0.91rem !important;
  line-height: 1.65 !important;
  color: #556987 !important;
  margin: 0 0 28px 0 !important;
  flex-grow: 1 !important;
  font-weight: 450 !important;
}

html.dark .join-card-desc,
.dark .join-card-desc {
  color: #94a3b8 !important;
}

/* Luxury Action Button - 100% 4-KANI (0px RADIUS) */
.join-card-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 13px 18px !important;
  border-radius: 0px !important;
  background: #07101e !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1) !important;
}

.join-card-btn:hover {
  background: linear-gradient(135deg, #D4AF37 0%, #ecd06f 50%, #b89628 100%) !important;
  color: #07101e !important;
  border-color: #D4AF37 !important;
  box-shadow: 0 8px 24px rgba(212, 175, 55, 0.35) !important;
}

.join-card-btn svg {
  transition: transform 0.25s ease !important;
  flex-shrink: 0 !important;
}

.join-card-btn:hover svg {
  transform: translate(3px, -3px) !important;
}

/* Modal Selected File Pill & Remove Button - 100% 4-KANI */
.join-selected-file-pill {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: rgba(212, 175, 55, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
  padding: 8px 14px !important;
  border-radius: 0px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.join-file-info-text {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  overflow: hidden !important;
  text-align: left !important;
}

.join-file-name {
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #07101e !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.dark .join-file-name {
  color: #ffffff !important;
}

.join-file-size {
  font-size: 11px !important;
  color: #8a7322 !important;
  font-weight: 600 !important;
}

.join-file-remove-btn {
  background: transparent !important;
  border: none !important;
  color: #ef4444 !important;
  cursor: pointer !important;
  padding: 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0px !important;
  transition: background 0.2s ease !important;
}

.join-file-remove-btn:hover {
  background: rgba(239, 68, 68, 0.1) !important;
}

/* Modal Submission Reference Badge - 100% 4-KANI */
.join-success-ref-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(212, 175, 55, 0.1) !important;
  border: 1px solid rgba(212, 175, 55, 0.4) !important;
  padding: 6px 16px !important;
  border-radius: 0px !important;
  font-size: 12px !important;
  color: #8f721c !important;
  margin-bottom: 20px !important;
}

.join-success-ref-badge strong {
  color: #D4AF37 !important;
  letter-spacing: 0.05em !important;
}

/* ==========================================================================
   MOBILE & TABLET: RESPONSIVE OPTIMIZATION
   ========================================================================== */

@media (max-width: 1100px) {
  .join-us-cards-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
}

@media (max-width: 768px) {
  .join-us-showcase-section {
    padding: 56px 14px !important;
  }
  .join-us-header {
    margin-bottom: 32px !important;
  }
  .join-us-main-title {
    font-size: 1.85rem !important;
    margin-bottom: 10px !important;
  }
  .join-us-subtitle {
    font-size: 0.9rem !important;
    line-height: 1.55 !important;
  }

  .join-us-cards-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
  }

  .join-card {
    padding: 20px 14px !important;
    border-radius: 0px !important;
  }

  .join-card-icon-wrap {
    width: 48px !important;
    height: 48px !important;
    border-radius: 0px !important;
    margin-bottom: 14px !important;
  }

  .join-hero-icon {
    width: 22px !important;
    height: 22px !important;
  }

  .join-card-title {
    font-size: 1.05rem !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.25 !important;
  }

  .join-card-desc {
    font-size: 0.78rem !important;
    line-height: 1.48 !important;
    margin: 0 0 16px 0 !important;
  }

  .join-card-btn {
    padding: 10px 12px !important;
    font-size: 9.5px !important;
    letter-spacing: 0.03em !important;
    border-radius: 0px !important;
  }

  .join-card-btn span {
    white-space: normal !important;
    text-align: left !important;
    line-height: 1.25 !important;
  }

  .join-card-btn svg {
    width: 13px !important;
    height: 13px !important;
  }
}

@media (max-width: 480px) {
  .join-us-showcase-section {
    padding: 46px 10px !important;
  }

  .join-us-cards-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }

  .join-card {
    padding: 16px 10px !important;
    border-radius: 0px !important;
  }

  .join-card-icon-wrap {
    width: 42px !important;
    height: 42px !important;
    border-radius: 0px !important;
    margin-bottom: 12px !important;
  }

  .join-hero-icon {
    width: 19px !important;
    height: 19px !important;
  }

  .join-card-title {
    font-size: 0.92rem !important;
    margin-bottom: 6px !important;
  }

  .join-card-desc {
    font-size: 0.72rem !important;
    line-height: 1.4 !important;
    margin-bottom: 12px !important;
  }

  .join-card-btn {
    padding: 9px 8px !important;
    font-size: 8.5px !important;
  }
}

/* ==========================================================================
   MOBILE HERO VIDEO: FULL IMMERSIVE PLAYBACK ON ALL MOBILE & TABLET SCREENS
   ========================================================================== */

/* Ensure hero container holds absolute video properly on all screens */
.arrival.kinetic-hero,
.arrival.hero-style-coldwellbanker,
.arrival.hero-style-cinematic,
.arrival {
  position: relative !important;
  overflow: hidden !important;
  background: #07101e !important;
  background-image: none !important;
}

/* Force arrival-image to fill 100% of hero container on mobile */
.arrival .arrival-image,
.arrival-image,
.hero-style-coldwellbanker .arrival-image {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Force ambient video to show and cover container on mobile */
.arrival .ambient-video,
.ambient-video,
.hero-style-coldwellbanker .ambient-video,
.arrival video,
.hero-style-coldwellbanker video {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  z-index: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

/* Hero Gradient Overlay: Cinematic contrast over video */
.arrival .hero-gradient-overlay,
.hero-gradient-overlay,
.hero-style-coldwellbanker .hero-gradient-overlay {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 2 !important;
  background: linear-gradient(180deg, rgba(7, 16, 30, 0.45) 0%, rgba(7, 16, 30, 0.25) 40%, rgba(7, 16, 30, 0.75) 80%, #07101e 100%) !important;
  pointer-events: none !important;
}

/* Hero copy / text / controls above video */
.arrival .arrival-copy,
.arrival .orven-wrap,
.hero-coldwellbanker-benchmark-layout {
  position: relative !important;
  z-index: 10 !important;
  background: transparent !important;
}

@media (max-width: 768px) {
  .arrival.kinetic-hero,
  .arrival.hero-style-coldwellbanker {
    background-image: none !important;
    background: #07101e !important;
  }
  .arrival .arrival-image,
  .arrival .ambient-video,
  .hero-style-coldwellbanker .arrival-image,
  .hero-style-coldwellbanker .ambient-video,
  .hero-style-coldwellbanker video {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}

/* ==========================================================================
   MINIMAL LUXURY MOBILE DRAWER (IMAGE 2 BENCHMARK)
   ========================================================================== */
.mobile-nav-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(3, 8, 16, 0.75) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  z-index: 999999 !important;
  display: flex !important;
  justify-content: flex-end !important;
  animation: mobileNavFadeIn 0.25s ease !important;
}

.mobile-nav-drawer {
  width: 86% !important;
  max-width: 380px !important;
  height: 100vh !important;
  background: #06111f !important;
  color: #ffffff !important;
  padding: 28px 24px 36px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  box-shadow: -12px 0 50px rgba(0, 0, 0, 0.7) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.08) !important;
  animation: mobileNavSlideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes mobileNavSlideIn {
  from { transform: translateX(100%); }
  to { transform: translateX(0); }
}

@keyframes mobileNavFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.luxury-drawer-top {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  margin-bottom: 28px !important;
}

.luxury-drawer-close-btn {
  background: transparent !important;
  border: none !important;
  color: #ffffff !important;
  cursor: pointer !important;
  padding: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}

.luxury-drawer-close-btn:hover {
  color: #D4AF37 !important;
  transform: scale(1.1) !important;
}

.luxury-drawer-body {
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.luxury-drawer-links {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  margin-bottom: 36px !important;
}

.luxury-drawer-link-item {
  color: #ffffff !important;
  font-family: var(--font-heading, 'Outfit', sans-serif) !important;
  font-size: 1.4rem !important;
  font-weight: 850 !important;
  letter-spacing: -0.01em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
  display: block !important;
  line-height: 1.25 !important;
}

.luxury-drawer-link-item:hover,
.luxury-drawer-link-item:active {
  color: #D4AF37 !important;
  transform: translateX(4px) !important;
}

.luxury-drawer-estimate-btn {
  display: block !important;
  width: 100% !important;
  padding: 16px 20px !important;
  background: #ffffff !important;
  color: #06111f !important;
  font-family: var(--font-heading, 'Outfit', sans-serif) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-decoration: none !important;
  border-radius: 0px !important;
  border: 1px solid #ffffff !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
  margin-bottom: 32px !important;
  box-sizing: border-box !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.luxury-drawer-estimate-btn:hover {
  background: #D4AF37 !important;
  border-color: #D4AF37 !important;
  color: #06111f !important;
  box-shadow: 0 8px 25px rgba(212, 175, 55, 0.4) !important;
}

.luxury-drawer-socials {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.luxury-drawer-social-icon {
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
  text-decoration: none !important;
}

.luxury-drawer-social-icon:hover {
  color: #D4AF37 !important;
  transform: translateY(-2px) !important;
}

/* ==========================================================================
   IMMO100FIN LUXURY MOBILE DRAWER (REAL WEBSITE CONTENT & AESTHETIC STYLE)
   ========================================================================== */
.mobile-nav-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(3, 8, 16, 0.8) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  z-index: 999999 !important;
  display: flex !important;
  justify-content: flex-end !important;
  animation: mobileNavFadeIn 0.25s ease !important;
}

.mobile-nav-drawer {
  width: 88% !important;
  max-width: 390px !important;
  height: 100vh !important;
  background: #06111f !important;
  color: #ffffff !important;
  padding: 24px 22px 32px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  box-shadow: -15px 0 50px rgba(0, 0, 0, 0.75) !important;
  border-left: 1px solid rgba(212, 175, 55, 0.2) !important;
  animation: mobileNavSlideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes mobileNavSlideIn {
  from { transform: translateX(100%); }
  to { transform: translateX(0); }
}

@keyframes mobileNavFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.luxury-drawer-top {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  margin-bottom: 24px !important;
}

.luxury-drawer-logo-link {
  display: flex !important;
  align-items: center !important;
  text-decoration: none !important;
}

.luxury-drawer-close-btn {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 0px !important;
  color: #ffffff !important;
  cursor: pointer !important;
  padding: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
}

.luxury-drawer-close-btn:hover {
  background: #D4AF37 !important;
  color: #06111f !important;
  border-color: #D4AF37 !important;
}

.luxury-drawer-body {
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.luxury-drawer-links {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin-bottom: 24px !important;
}

.luxury-drawer-link-item {
  color: #ffffff !important;
  font-family: var(--font-heading, 'Outfit', sans-serif) !important;
  font-size: 1.15rem !important;
  font-weight: 850 !important;
  letter-spacing: -0.01em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  display: block !important;
  line-height: 1.2 !important;
}

.luxury-drawer-link-item:hover,
.luxury-drawer-link-item:active {
  color: #D4AF37 !important;
  transform: translateX(5px) !important;
}

.luxury-drawer-estimate-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 14px 18px !important;
  background: #ffffff !important;
  color: #06111f !important;
  font-family: var(--font-heading, 'Outfit', sans-serif) !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-radius: 0px !important;
  border: 1px solid #ffffff !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
  margin-bottom: 20px !important;
  box-sizing: border-box !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.luxury-drawer-estimate-btn:hover {
  background: #D4AF37 !important;
  border-color: #D4AF37 !important;
  color: #06111f !important;
  box-shadow: 0 8px 25px rgba(212, 175, 55, 0.45) !important;
}

.luxury-drawer-account-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 14px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 0px !important;
  margin-bottom: 22px !important;
}

.luxury-drawer-util-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #cbd5e1 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  transition: color 0.2s ease !important;
}

.luxury-drawer-util-link:hover {
  color: #D4AF37 !important;
}

.luxury-drawer-lang-group {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.luxury-lang-btn {
  background: transparent !important;
  border: none !important;
  color: #94a3b8 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  padding: 2px 4px !important;
  transition: color 0.2s ease !important;
}

.luxury-lang-btn.active,
.luxury-lang-btn:hover {
  color: #D4AF37 !important;
}

.luxury-lang-sep {
  color: rgba(255, 255, 255, 0.2) !important;
  font-size: 10px !important;
}

.luxury-drawer-socials {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.luxury-drawer-social-icon {
  color: #ffffff !important;
  width: 38px !important;
  height: 38px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}

.luxury-drawer-social-icon:hover {
  background: #D4AF37 !important;
  color: #06111f !important;
  border-color: #D4AF37 !important;
  transform: translateY(-2px) !important;
}

/* ==========================================================================
   MOBILE BOTTOM NAVIGATION BAR: COMPLETELY HIDDEN
   ========================================================================== */
.bottom-nav,
nav.bottom-nav,
.bottom-nav-container,
.bottom-nav-item,
.bottom-nav-item-center {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: hidden !important;
}

/* Adjust floating contact pill (WhatsApp, Call, Email) since bottom nav is gone */
.floating-contact-pill,
.floating-contact-actions,
.floating-actions-bar,
.floating-contact-actions-bar,
.cb-mobile-contact-bar,
.mobile-floating-bar {
  bottom: 20px !important;
}

/* ==========================================================================
   FLOATING CONTACT BAR: LARGER SIZE & CLOSER TO BOTTOM EDGE
   ========================================================================== */
.contact-bar,
.orven-home .contact-bar,
.dark .orven-home .contact-bar {
  position: fixed !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: max(12px, env(safe-area-inset-bottom, 10px)) !important;
  top: auto !important;
  z-index: 99999 !important;
  display: inline-flex !important;
  align-items: center !important;
  background: #ffffff !important;
  border-radius: 0px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.08) !important;
  padding: 6px !important;
  gap: 4px !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease !important;
}

.contact-bar:hover,
.orven-home .contact-bar:hover,
.dark .orven-home .contact-bar:hover {
  transform: translateX(-50%) translateY(-2px) !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35), 0 0 0 1.5px #D4AF37 !important;
}

.contact-bar > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 44px !important;
  padding: 10px 18px !important;
  border-radius: 0px !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: all 0.2s ease !important;
}

.contact-bar .contact-wa {
  background: #25D366 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(37, 211, 102, 0.35) !important;
}

.contact-bar .contact-wa:hover {
  background: #20BA5A !important;
  transform: scale(1.03) !important;
}

.contact-bar .contact-call,
.contact-bar .contact-email {
  background: #ffffff !important;
  color: #07101e !important;
  border: 1px solid rgba(10, 22, 41, 0.08) !important;
}

.contact-bar .contact-call:hover,
.contact-bar .contact-email:hover {
  background: #f8fafc !important;
  color: #D4AF37 !important;
  border-color: #D4AF37 !important;
}

.contact-bar > a svg {
  width: 17px !important;
  height: 17px !important;
  flex-shrink: 0 !important;
}

@media (max-width: 480px) {
  .contact-bar,
  .orven-home .contact-bar,
  .dark .orven-home .contact-bar {
    bottom: max(10px, env(safe-area-inset-bottom, 8px)) !important;
    padding: 5px !important;
    gap: 3px !important;
    max-width: calc(100vw - 16px) !important;
  }
  
  .contact-bar > a {
    min-height: 42px !important;
    padding: 8px 14px !important;
    font-size: 12.5px !important;
    gap: 6px !important;
  }
  
  .contact-bar > a svg {
    width: 16px !important;
    height: 16px !important;
  }
}

/* ==========================================================================
   IMMO100FIN HEADER / NAVBAR: 100% DEEP NAVY LUXURY THEME (#07101e)
   ========================================================================== */

/* Navbar Base & Scrolled & Inner Page States */
.navbar,
nav.navbar,
.header-style-coldwellbanker,
nav.navbar.header-style-coldwellbanker,
.navbar.is-scrolled,
.header-style-coldwellbanker.is-scrolled,
nav.navbar.is-scrolled,
html.is-scrolled .navbar,
html.is-scrolled .header-style-coldwellbanker,
html.is-scrolled nav.navbar.header-style-coldwellbanker,
.navbar.is-inner-page,
.header-style-coldwellbanker.is-inner-page,
nav.navbar.is-inner-page,
.mobile-nav-header {
  background: #07101e !important;
  background-color: #07101e !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.25) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
  color: #ffffff !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}

/* Logo Image: Always Crisp White & Visible against Deep Navy */
.navbar .nav-logo,
.navbar .cb-logo-img,
.navbar.is-scrolled .nav-logo,
.navbar.is-scrolled .cb-logo-img,
.navbar.is-inner-page .nav-logo,
.navbar.is-inner-page .cb-logo-img,
.header-style-coldwellbanker .cb-logo-img,
.header-style-coldwellbanker.is-scrolled .cb-logo-img,
.header-style-coldwellbanker.is-inner-page .cb-logo-img,
.nav-logo,
.cb-logo-img {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Nav Links: Crisp White with Gold Hover */
.navbar .nav-link,
.navbar .nav-link span,
.navbar.is-scrolled .nav-link,
.navbar.is-scrolled .nav-link span,
.navbar.is-inner-page .nav-link,
.navbar.is-inner-page .nav-link span,
.header-style-coldwellbanker .nav-link,
.header-style-coldwellbanker .nav-link span,
.header-style-coldwellbanker.is-scrolled .nav-link,
.header-style-coldwellbanker.is-scrolled .nav-link span,
.header-style-coldwellbanker.is-inner-page .nav-link,
.header-style-coldwellbanker.is-inner-page .nav-link span {
  color: #ffffff !important;
  transition: color 0.2s ease !important;
}

.navbar .nav-link:hover,
.navbar .nav-link:hover span,
.navbar.is-scrolled .nav-link:hover,
.navbar.is-scrolled .nav-link:hover span,
.navbar.is-inner-page .nav-link:hover,
.navbar.is-inner-page .nav-link:hover span {
  color: #D4AF37 !important;
}

/* Header Icons (Heart, Mail, Globe): White with Gold Hover */
.navbar .cb-icon-btn,
.navbar.is-scrolled .cb-icon-btn,
.navbar.is-inner-page .cb-icon-btn,
.header-style-coldwellbanker .cb-icon-btn,
.header-style-coldwellbanker.is-scrolled .cb-icon-btn,
.header-style-coldwellbanker.is-inner-page .cb-icon-btn,
.cb-icon-btn {
  color: #ffffff !important;
  transition: all 0.2s ease !important;
}

.navbar .cb-icon-btn:hover,
.navbar.is-scrolled .cb-icon-btn:hover,
.navbar.is-inner-page .cb-icon-btn:hover,
.cb-icon-btn:hover {
  color: #D4AF37 !important;
  transform: scale(1.1) !important;
}

/* Header Separator Bars */
.navbar .cb-icon-sep,
.navbar.is-scrolled .cb-icon-sep,
.navbar.is-inner-page .cb-icon-sep,
.header-style-coldwellbanker .cb-icon-sep,
.header-style-coldwellbanker.is-scrolled .cb-icon-sep,
.header-style-coldwellbanker.is-inner-page .cb-icon-sep,
.cb-icon-sep {
  background: rgba(255, 255, 255, 0.18) !important;
}

/* Mobile 3-Dot Menu Button: Mobile/Tablet Only (<= 1024px) */
@media (max-width: 1024px) {
  .cb-mobile-hamburger-btn,
  .navbar .cb-mobile-hamburger-btn,
  .navbar.is-scrolled .cb-mobile-hamburger-btn,
  .navbar.is-inner-page .cb-mobile-hamburger-btn,
  .header-style-coldwellbanker .cb-mobile-hamburger-btn,
  .header-style-coldwellbanker.is-scrolled .cb-mobile-hamburger-btn,
  .header-style-coldwellbanker.is-inner-page .cb-mobile-hamburger-btn {
    background: rgba(255, 255, 255, 0.14) !important;
    background-color: rgba(255, 255, 255, 0.14) !important;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.35) !important;
    outline: none !important;
    border-radius: 50% !important;
    padding: 0 !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    gap: 3.5px !important;
    display: inline-flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    cursor: pointer !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .cb-mobile-hamburger-btn:hover,
  .cb-mobile-hamburger-btn:active,
  .navbar.is-scrolled .cb-mobile-hamburger-btn:hover,
  .navbar.is-scrolled .cb-mobile-hamburger-btn:active {
    background: rgba(212, 175, 55, 0.25) !important;
    background-color: rgba(212, 175, 55, 0.25) !important;
    border-color: rgba(212, 175, 55, 0.65) !important;
    box-shadow: 0 4px 16px rgba(212, 175, 55, 0.35) !important;
    transform: scale(0.96) !important;
  }

  /* Sleek Horizontal Line Bars (_) */
  .cb-mobile-hamburger-btn .cb-menu-bar,
  .navbar .cb-mobile-hamburger-btn .cb-menu-bar,
  .navbar.is-scrolled .cb-mobile-hamburger-btn .cb-menu-bar,
  .navbar.is-inner-page .cb-mobile-hamburger-btn .cb-menu-bar {
    width: 18px !important;
    height: 2px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    min-height: 2px !important;
    max-height: 2px !important;
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-radius: 2px !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;
    transition: all 0.2s ease !important;
  }

  .cb-mobile-hamburger-btn:hover .cb-menu-bar,
  .cb-mobile-hamburger-btn:active .cb-menu-bar {
    background-color: #d4af37 !important;
    background: #d4af37 !important;
    box-shadow: 0 0 6px rgba(212, 175, 55, 0.8) !important;
  }
}

/* Top Action Buttons (PUBLIER ANNONCE & NOUS REJOINDRE) */
.header-style-coldwellbanker .nav-cta-btn,
.nav-cta-btn,
.navbar.is-scrolled .nav-cta-btn,
.navbar.is-inner-page .nav-cta-btn {
  background: #D4AF37 !important;
  color: #07101e !important;
  border: 1px solid #D4AF37 !important;
  border-radius: 0px !important;
  font-weight: 900 !important;
  box-shadow: 0 4px 14px rgba(212, 175, 55, 0.3) !important;
  transition: all 0.25s ease !important;
}

.header-style-coldwellbanker .nav-cta-btn:hover,
.nav-cta-btn:hover,
.navbar.is-scrolled .nav-cta-btn:hover,
.navbar.is-inner-page .nav-cta-btn:hover {
  background: #ffffff !important;
  color: #07101e !important;
  border-color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(255, 255, 255, 0.4) !important;
}

.header-style-coldwellbanker .nav-join-pill-btn,
.nav-join-pill-btn {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 0px !important;
  font-weight: 800 !important;
  transition: all 0.25s ease !important;
}

.header-style-coldwellbanker .nav-join-pill-btn:hover,
.nav-join-pill-btn:hover {
  border-color: #D4AF37 !important;
  color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.1) !important;
}

/* ==========================================================================
   HOMEPAGE HERO HEADER: TRANSPARENT AT TOP -> SOLID DEEP NAVY ON SCROLL
   ========================================================================== */

/* 1. Unscrolled Hero State (Transparent floating over hero video) */
.navbar,
nav.navbar,
.header-style-coldwellbanker,
nav.navbar.header-style-coldwellbanker {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* 2. Scrolled State (When scrolling down) & Inner Pages: Solid Deep Navy (#07101e) */
html.is-scrolled .navbar,
html.is-scrolled nav.navbar,
html.is-scrolled .header-style-coldwellbanker,
.navbar.is-scrolled,
nav.navbar.is-scrolled,
.header-style-coldwellbanker.is-scrolled,
.navbar.is-inner-page,
nav.navbar.is-inner-page,
.header-style-coldwellbanker.is-inner-page {
  background: #07101e !important;
  background-color: #07101e !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.25) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}

/* Logo Image: Always Crisp White & Visible */
.navbar .nav-logo,
.navbar .cb-logo-img,
.navbar.is-scrolled .nav-logo,
.navbar.is-scrolled .cb-logo-img,
.navbar.is-inner-page .nav-logo,
.navbar.is-inner-page .cb-logo-img,
.header-style-coldwellbanker .cb-logo-img,
.header-style-coldwellbanker.is-scrolled .cb-logo-img,
.header-style-coldwellbanker.is-inner-page .cb-logo-img,
.nav-logo,
.cb-logo-img {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Nav Links: Always White with Gold Hover */
.navbar .nav-link,
.navbar .nav-link span,
.navbar.is-scrolled .nav-link,
.navbar.is-scrolled .nav-link span,
.navbar.is-inner-page .nav-link,
.navbar.is-inner-page .nav-link span,
.header-style-coldwellbanker .nav-link,
.header-style-coldwellbanker .nav-link span,
.header-style-coldwellbanker.is-scrolled .nav-link,
.header-style-coldwellbanker.is-scrolled .nav-link span {
  color: #ffffff !important;
  transition: color 0.2s ease !important;
}

.navbar .nav-link:hover,
.navbar .nav-link:hover span,
.navbar.is-scrolled .nav-link:hover,
.navbar.is-scrolled .nav-link:hover span {
  color: #D4AF37 !important;
}

/* Header Icons (Heart, Mail, Globe): Always White with Gold Hover */
.navbar .cb-icon-btn,
.navbar.is-scrolled .cb-icon-btn,
.navbar.is-inner-page .cb-icon-btn,
.header-style-coldwellbanker .cb-icon-btn,
.cb-icon-btn {
  color: #ffffff !important;
  transition: all 0.2s ease !important;
}

.navbar .cb-icon-btn:hover,
.navbar.is-scrolled .cb-icon-btn:hover,
.cb-icon-btn:hover {
  color: #D4AF37 !important;
  transform: scale(1.1) !important;
}

/* Separator */
.navbar .cb-icon-sep,
.navbar.is-scrolled .cb-icon-sep,
.cb-icon-sep {
  background: rgba(255, 255, 255, 0.18) !important;
}

/* Mobile Hamburger Button: Mobile/Tablet Only (<= 1024px) */
@media (max-width: 1024px) {
  .cb-mobile-hamburger-btn,
  .navbar .cb-mobile-hamburger-btn,
  .navbar.is-scrolled .cb-mobile-hamburger-btn,
  .header-style-coldwellbanker .cb-mobile-hamburger-btn {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 0px !important;
    padding: 4px !important;
    width: auto !important;
    height: auto !important;
    min-width: 32px !important;
    min-height: 32px !important;
    gap: 3px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
  }

  .cb-mobile-hamburger-btn:hover,
  .navbar.is-scrolled .cb-mobile-hamburger-btn:hover {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    opacity: 0.8 !important;
  }

  .cb-mobile-hamburger-btn .cb-menu-bar,
  .navbar .cb-mobile-hamburger-btn .cb-menu-bar,
  .navbar.is-scrolled .cb-mobile-hamburger-btn .cb-menu-bar {
    width: 18px !important;
    height: 2px !important;
    background-color: #ffffff !important;
    border-radius: 2px !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;
    transition: background-color 0.2s ease !important;
  }

  .cb-mobile-hamburger-btn:hover .cb-menu-bar {
    background-color: #d4af37 !important;
  }
}

/* Action Buttons */
.header-style-coldwellbanker .nav-cta-btn,
.nav-cta-btn {
  background: #ffffff !important;
  color: #07101e !important;
  border: 1px solid #ffffff !important;
  border-radius: 0px !important;
  font-weight: 900 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.25s ease !important;
}

.header-style-coldwellbanker .nav-cta-btn:hover,
.nav-cta-btn:hover {
  background: #D4AF37 !important;
  color: #07101e !important;
  border-color: #D4AF37 !important;
  box-shadow: 0 6px 18px rgba(212, 175, 55, 0.4) !important;
}

.header-style-coldwellbanker .nav-join-pill-btn,
.nav-join-pill-btn {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 0px !important;
  font-weight: 800 !important;
  transition: all 0.25s ease !important;
}

.header-style-coldwellbanker .nav-join-pill-btn:hover,
.nav-join-pill-btn:hover {
  border-color: #D4AF37 !important;
  color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.1) !important;
}

/* ==========================================================================
   SCROLLED HEADER: BLACK/DEEP NAVY BACKGROUND WITH 100% CRISP WHITE LOGO & TEXT
   ========================================================================== */

/* 1. Header Background when Scrolled */
html.is-scrolled .navbar,
html.is-scrolled nav.navbar,
html.is-scrolled .header-style-coldwellbanker,
.navbar.is-scrolled,
nav.navbar.is-scrolled,
.header-style-coldwellbanker.is-scrolled {
  background: #07101e !important;
  background-color: #07101e !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7) !important;
}

/* 2. Logo ALWAYS Crisp White in Scrolled State */
html.is-scrolled .navbar .nav-logo,
html.is-scrolled .navbar .cb-logo-img,
html.is-scrolled .header-style-coldwellbanker .nav-logo,
html.is-scrolled .header-style-coldwellbanker .cb-logo-img,
.navbar.is-scrolled .nav-logo,
.navbar.is-scrolled .cb-logo-img,
.header-style-coldwellbanker.is-scrolled .nav-logo,
.header-style-coldwellbanker.is-scrolled .cb-logo-img,
.nav-logo,
.cb-logo-img {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 3. Navigation Links ALWAYS Crisp White in Scrolled State */
html.is-scrolled .navbar .nav-link,
html.is-scrolled .navbar .nav-link span,
html.is-scrolled .header-style-coldwellbanker .nav-link,
html.is-scrolled .header-style-coldwellbanker .nav-link span,
.navbar.is-scrolled .nav-link,
.navbar.is-scrolled .nav-link span,
.header-style-coldwellbanker.is-scrolled .nav-link,
.header-style-coldwellbanker.is-scrolled .nav-link span {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important;
  transition: color 0.2s ease !important;
}

html.is-scrolled .navbar .nav-link:hover,
html.is-scrolled .navbar .nav-link:hover span,
html.is-scrolled .header-style-coldwellbanker .nav-link:hover,
html.is-scrolled .header-style-coldwellbanker .nav-link:hover span,
.navbar.is-scrolled .nav-link:hover,
.navbar.is-scrolled .nav-link:hover span {
  color: #D4AF37 !important;
}

/* 4. Action Icons (Heart, Mail, Globe) ALWAYS Crisp White */
html.is-scrolled .navbar .cb-icon-btn,
html.is-scrolled .header-style-coldwellbanker .cb-icon-btn,
.navbar.is-scrolled .cb-icon-btn,
.header-style-coldwellbanker.is-scrolled .cb-icon-btn,
.cb-icon-btn {
  color: #ffffff !important;
  filter: none !important;
  transition: all 0.2s ease !important;
}

html.is-scrolled .navbar .cb-icon-btn:hover,
html.is-scrolled .header-style-coldwellbanker .cb-icon-btn:hover,
.navbar.is-scrolled .cb-icon-btn:hover {
  color: #D4AF37 !important;
  transform: scale(1.1) !important;
}

/* 5. Separator Lines */
html.is-scrolled .navbar .cb-icon-sep,
html.is-scrolled .header-style-coldwellbanker .cb-icon-sep,
.navbar.is-scrolled .cb-icon-sep {
  background: rgba(255, 255, 255, 0.2) !important;
}

/* 6. Mobile Hamburger Button Bars ALWAYS White */
html.is-scrolled .cb-mobile-hamburger-btn .cb-menu-bar,
html.is-scrolled .header-style-coldwellbanker .cb-mobile-hamburger-btn .cb-menu-bar,
.navbar.is-scrolled .cb-mobile-hamburger-btn .cb-menu-bar,
.header-style-coldwellbanker.is-scrolled .cb-mobile-hamburger-btn .cb-menu-bar {
  background-color: #ffffff !important;
}

/* 7. Action Buttons (PUBLIER ANNONCE & NOUS REJOINDRE) High Contrast */
html.is-scrolled .header-style-coldwellbanker .nav-cta-btn,
html.is-scrolled .navbar .nav-cta-btn,
.navbar.is-scrolled .nav-cta-btn {
  background: #ffffff !important;
  color: #07101e !important;
  border: 1px solid #ffffff !important;
  font-weight: 900 !important;
}

html.is-scrolled .header-style-coldwellbanker .nav-cta-btn:hover,
html.is-scrolled .navbar .nav-cta-btn:hover,
.navbar.is-scrolled .nav-cta-btn:hover {
  background: #D4AF37 !important;
  border-color: #D4AF37 !important;
  color: #07101e !important;
}

html.is-scrolled .header-style-coldwellbanker .nav-join-pill-btn,
html.is-scrolled .navbar .nav-join-pill-btn,
.navbar.is-scrolled .nav-join-pill-btn {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  font-weight: 800 !important;
}

html.is-scrolled .header-style-coldwellbanker .nav-join-pill-btn:hover,
html.is-scrolled .navbar .nav-join-pill-btn:hover,
.navbar.is-scrolled .nav-join-pill-btn:hover {
  border-color: #D4AF37 !important;
  color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.15) !important;
}

/* ==========================================================================
   HERO NAVBAR: COMPLETELY REMOVE HORIZONTAL BOTTOM BORDER LINE
   ========================================================================== */

/* Remove any bottom border from the navbar in default / transparent hero state */
.navbar,
nav.navbar,
.header-style-coldwellbanker,
nav.navbar.header-style-coldwellbanker,
.navbar:not(.is-scrolled):not(.is-inner-page),
nav.navbar:not(.is-scrolled):not(.is-inner-page),
.header-style-coldwellbanker:not(.is-scrolled):not(.is-inner-page),
html:not(.is-scrolled) .navbar:not(.is-inner-page),
html:not(.is-scrolled) .header-style-coldwellbanker:not(.is-inner-page) {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.navbar .nav-container,
.navbar .nav-container-full,
.header-style-coldwellbanker .nav-container,
.header-style-coldwellbanker .nav-container-full,
.nav-container-inner {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}

/* Only when scrolled down or on inner pages, apply the subtle luxury border */
html.is-scrolled .navbar,
html.is-scrolled nav.navbar,
.navbar.is-scrolled,
nav.navbar.is-scrolled,
.navbar.is-inner-page,
nav.navbar.is-inner-page {
  border-bottom: 1px solid rgba(212, 175, 55, 0.25) !important;
}

/* ==========================================================================
   FLOATING CONTACT BAR: PC DESKTOP (BOTTOM-RIGHT) VS MOBILE (BOTTOM-CENTER)
   ========================================================================== */

/* 1. PC DESKTOP VIEW (Screen width > 768px): POSITIONED ON THE BOTTOM-RIGHT */
@media (min-width: 769px) {
  .contact-bar,
  .orven-home .contact-bar,
  .dark .orven-home .contact-bar,
  aside.contact-bar {
    position: fixed !important;
    top: auto !important;
    bottom: 24px !important;
    right: 88px !important;
    left: auto !important;
    transform: none !important;
    z-index: 99999 !important;
    display: inline-flex !important;
    align-items: center !important;
    background: #ffffff !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08) !important;
    padding: 6px !important;
    gap: 4px !important;
    width: auto !important;
    max-width: none !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease !important;
  }

  .contact-bar:hover,
  .orven-home .contact-bar:hover,
  .dark .orven-home .contact-bar:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3), 0 0 0 1.5px #D4AF37 !important;
  }

  .contact-bar > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 44px !important;
    padding: 10px 20px !important;
    border-radius: 999px !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all 0.2s ease !important;
  }

  .contact-bar .contact-wa {
    background: #25D366 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(37, 211, 102, 0.35) !important;
  }

  .contact-bar .contact-wa:hover {
    background: #20BA5A !important;
    transform: scale(1.03) !important;
  }

  .contact-bar .contact-call,
  .contact-bar .contact-email {
    background: #ffffff !important;
    color: #07101e !important;
    border: 1px solid rgba(10, 22, 41, 0.08) !important;
  }

  .contact-bar .contact-call:hover,
  .contact-bar .contact-email:hover {
    background: #f8fafc !important;
    color: #D4AF37 !important;
    border-color: #D4AF37 !important;
  }
}

/* 2. MOBILE VIEW (Screen width <= 768px): POSITIONED ON BOTTOM-CENTER */
@media (max-width: 768px) {
  .contact-bar,
  .orven-home .contact-bar,
  .dark .orven-home .contact-bar,
  aside.contact-bar {
    position: fixed !important;
    top: auto !important;
    bottom: max(10px, env(safe-area-inset-bottom, 8px)) !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    z-index: 99999 !important;
    display: inline-flex !important;
    align-items: center !important;
    background: #ffffff !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.08) !important;
    padding: 5px !important;
    gap: 3px !important;
    max-width: calc(100vw - 16px) !important;
    width: auto !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease !important;
  }

  .contact-bar:hover,
  .orven-home .contact-bar:hover,
  .dark .orven-home .contact-bar:hover {
    transform: translateX(-50%) translateY(-2px) !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35), 0 0 0 1.5px #D4AF37 !important;
  }

  .contact-bar > a {
    min-height: 42px !important;
    padding: 8px 14px !important;
    font-size: 12.5px !important;
    gap: 6px !important;
    border-radius: 999px !important;
  }

  .contact-bar > a svg {
    width: 16px !important;
    height: 16px !important;
  }
}
/* ==========================================================================
   FAVORITES PAGE: ULTRA-PREMIUM LUXURY TELEMETRY BANNER & CONTROLS UI
   ========================================================================== */

/* 1. HERO BANNER - DEEP NAVY LUXURY GRADIENT (ELIMINATES WHITE TRANSPARENCY) */
.favorites-page-container .bg-linear-to-r,
.favorites-page-container [class*="bg-linear-to-r"],
.favorites-page-container [class*="from-[#07101e]"],
.favorites-page-container [class*="from-royal-blue"] {
  background: linear-gradient(135deg, #07101e 0%, #0d1b2a 50%, #112240 100%) !important;
  background-color: #07101e !important;
  color: #ffffff !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  box-shadow: 0 16px 40px -10px rgba(7, 16, 30, 0.4) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* 2. BANNER TITLE & HEADINGS - VIBRANT CONTRAST */
.favorites-page-container .bg-linear-to-r h1,
.favorites-page-container [class*="bg-linear-to-r"] h1 {
  color: #ffffff !important;
  font-weight: 900 !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6) !important;
}

.favorites-page-container .bg-linear-to-r p,
.favorites-page-container [class*="bg-linear-to-r"] p {
  color: #e2e8f0 !important;
  opacity: 0.95 !important;
}

/* 3. HIDE SAVED PROPERTIES & DEMAND TELEMETRY BADGE */
.favorites-page-container .bg-linear-to-r .inline-flex,
.favorites-page-container [class*="bg-linear-to-r"] .inline-flex,
.favorites-page-container .fav-header-banner .inline-flex,
.favorites-page-container .inline-flex:has(svg.fill-gold-primary) {
  display: none !important;
}

/* 4. BANNER 4 METRIC CARDS (GLASSMORPHISM OVER NAVY) */
.favorites-page-container .bg-linear-to-r .grid > div,
.favorites-page-container [class*="bg-linear-to-r"] .grid > div,
.favorites-page-container .bg-linear-to-r [class*="bg-white/5"],
.favorites-page-container [class*="bg-linear-to-r"] [class*="bg-white/5"] {
  background: rgba(255, 255, 255, 0.08) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  transition: all 0.25s ease !important;
}

.favorites-page-container .bg-linear-to-r .grid > div:hover,
.favorites-page-container [class*="bg-linear-to-r"] .grid > div:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(212, 175, 55, 0.45) !important;
  transform: translateY(-2px) !important;
}

/* 5. BANNER SHARE BUTTON */
.favorites-page-container .bg-linear-to-r button,
.favorites-page-container [class*="bg-linear-to-r"] button {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  transition: all 0.25s ease !important;
}

.favorites-page-container .bg-linear-to-r button:hover,
.favorites-page-container [class*="bg-linear-to-r"] button:hover {
  background: #D4AF37 !important;
  color: #07101e !important;
  border-color: #D4AF37 !important;
  box-shadow: 0 4px 14px rgba(212, 175, 55, 0.35) !important;
}

/* 6. NAVIGATION SUB-TABS (CLEAN CONTRAST & NO TRANSPARENT TEXT) */
.favorites-page-container .border-b button {
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  font-size: 11.5px !important;
  transition: all 0.25s ease !important;
}

/* Active Tab: Deep Royal Navy with Gold accent */
.favorites-page-container .border-b button[class*="bg-[#07101e]"],
.favorites-page-container .border-b button.bg-royal-blue,
.favorites-page-container .border-b button[class*="bg-royal-blue"] {
  background: #07101e !important;
  background-color: #07101e !important;
  color: #ffffff !important;
  border: 1px solid #07101e !important;
  box-shadow: 0 4px 12px rgba(7, 16, 30, 0.2) !important;
}

/* Inactive Tabs: Refined light background with crisp border and text */
.favorites-page-container .border-b button:not([class*="bg-[#07101e]"]):not([class*="bg-royal-blue"]) {
  background: #f1f5f9 !important;
  background-color: #f1f5f9 !important;
  color: #1e293b !important;
  border: 1px solid #cbd5e1 !important;
}

.favorites-page-container .border-b button:not([class*="bg-[#07101e]"]):not([class*="bg-royal-blue"]):hover {
  background: #e2e8f0 !important;
  color: #07101e !important;
  border-color: #94a3b8 !important;
}

/* 7. ACTIVE TAB & BUTTON NAVY UTILITY FIXES (DO NOT OVERRIDE CARDS IN LIGHT MODE) */
.favorites-page-container .border-b button[class*="bg-[#07101e]"],
.favorites-page-container button.bg-\[\#07101e\],
.favorites-page-container .fav-btn-theme-navy {
  background-color: #07101e !important;
  color: #ffffff !important;
}

/* Ensure Property Cards in Light Mode retain crisp clean white background */
html:not(.dark) .favorites-page-container .fav-property-card,
body:not(.dark) .favorites-page-container .fav-property-card {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid rgba(10, 22, 41, 0.12) !important;
  color: #0f172a !important;
}

html:not(.dark) .favorites-page-container .fav-property-card h3 {
  color: #0f172a !important;
}


/* ==========================================================================
   DYNAMIC HEADER CONTRAST:
   - WHITE BACKGROUND: Crisp Black Logo, Black Nav Text, Black Icons, Black NOUS REJOINDRE
   - BLACK/DARK BACKGROUND: Crisp White Logo, White Nav Text, White Icons, White NOUS REJOINDRE
   ========================================================================== */

/* 1. WHITE / LIGHT BACKGROUND STATE (Unscrolled Inner Pages: /about, /sell, /properties, etc.) */
.navbar.is-inner-page:not(.is-scrolled),
nav.navbar.is-inner-page:not(.is-scrolled),
.header-style-coldwellbanker.is-inner-page:not(.is-scrolled),
html:not(.is-scrolled) .navbar.is-inner-page,
html:not(.is-scrolled) nav.navbar.is-inner-page {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}

/* Black Logo on White Background */
.navbar.is-inner-page:not(.is-scrolled) .nav-logo,
.navbar.is-inner-page:not(.is-scrolled) .cb-logo-img,
.header-style-coldwellbanker.is-inner-page:not(.is-scrolled) .nav-logo,
.header-style-coldwellbanker.is-inner-page:not(.is-scrolled) .cb-logo-img,
html:not(.is-scrolled) .navbar.is-inner-page .nav-logo,
html:not(.is-scrolled) .navbar.is-inner-page .cb-logo-img {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
}

/* Black Nav Links on White Background (Excluding Details Page with Dark Header) */
.navbar.is-inner-page:not(.is-scrolled):not(.header-black-details) .nav-link,
.navbar.is-inner-page:not(.is-scrolled):not(.header-black-details) .nav-link span,
.navbar.is-inner-page:not(.is-scrolled):not(.header-black-details) a.nav-link,
.header-style-coldwellbanker.is-inner-page:not(.is-scrolled):not(.header-black-details) .nav-link,
.header-style-coldwellbanker.is-inner-page:not(.is-scrolled):not(.header-black-details) .nav-link span,
html:not(.is-scrolled) body:not(.le-details-page-active) .navbar.is-inner-page:not(.header-black-details) .nav-link,
html:not(.is-scrolled) body:not(.le-details-page-active) .navbar.is-inner-page:not(.header-black-details) .nav-link span {
  color: #07101e !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

.navbar.is-inner-page:not(.is-scrolled):not(.header-black-details) .nav-link:hover,
.navbar.is-inner-page:not(.is-scrolled):not(.header-black-details) .nav-link:hover span {
  color: #D4AF37 !important;
}

/* Black Icons (Heart, Email, Globe) on White Background */
.navbar.is-inner-page:not(.is-scrolled):not(.header-black-details) .cb-icon-btn,
.header-style-coldwellbanker.is-inner-page:not(.is-scrolled):not(.header-black-details) .cb-icon-btn,
html:not(.is-scrolled) body:not(.le-details-page-active) .navbar.is-inner-page:not(.header-black-details) .cb-icon-btn {
  color: #07101e !important;
}

.navbar.is-inner-page:not(.is-scrolled):not(.header-black-details) .cb-icon-btn svg,
.header-style-coldwellbanker.is-inner-page:not(.is-scrolled):not(.header-black-details) .cb-icon-btn svg,
html:not(.is-scrolled) body:not(.le-details-page-active) .navbar.is-inner-page:not(.header-black-details) .cb-icon-btn svg {
  stroke: #07101e !important;
  color: #07101e !important;
}

.navbar.is-inner-page:not(.is-scrolled):not(.header-black-details) .cb-icon-btn:hover {
  color: #D4AF37 !important;
}
.navbar.is-inner-page:not(.is-scrolled):not(.header-black-details) .cb-icon-btn:hover svg {
  stroke: #D4AF37 !important;
}

/* Separator Lines on White Background */
.navbar.is-inner-page:not(.is-scrolled):not(.header-black-details) .cb-icon-sep,
.header-style-coldwellbanker.is-inner-page:not(.is-scrolled):not(.header-black-details) .cb-icon-sep,
html:not(.is-scrolled) body:not(.le-details-page-active) .navbar.is-inner-page:not(.header-black-details) .cb-icon-sep {
  background: rgba(7, 16, 30, 0.15) !important;
}

/* NOUS REJOINDRE Button on White Background */
.navbar.is-inner-page:not(.is-scrolled):not(.header-black-details) .nav-join-pill-btn,
.header-style-coldwellbanker.is-inner-page:not(.is-scrolled):not(.header-black-details) .nav-join-pill-btn,
html:not(.is-scrolled) body:not(.le-details-page-active) .navbar.is-inner-page:not(.header-black-details) .nav-join-pill-btn {
  color: #07101e !important;
  border: 1px solid rgba(7, 16, 30, 0.35) !important;
  background: rgba(7, 16, 30, 0.04) !important;
  font-weight: 800 !important;
}

.navbar.is-inner-page:not(.is-scrolled):not(.header-black-details) .nav-join-pill-btn:hover {
  border-color: #D4AF37 !important;
  color: #D4AF37 !important;
  background: rgba(212, 175, 55, 0.1) !important;
}

.navbar.is-inner-page:not(.is-scrolled):not(.header-black-details) .cb-mobile-hamburger-btn .cb-menu-bar {
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

/* 2. BLACK / DARK BACKGROUND STATE (Scrolled State Anywhere OR Homepage Hero) */
html.is-scrolled .navbar,
html.is-scrolled nav.navbar,
html.is-scrolled .header-style-coldwellbanker,
.navbar.is-scrolled,
nav.navbar.is-scrolled,
.header-style-coldwellbanker.is-scrolled {
  background: #07101e !important;
  background-color: #07101e !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.25) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7) !important;
}

/* White Logo on Black/Scrolled Header */
html.is-scrolled .navbar .nav-logo,
html.is-scrolled .navbar .cb-logo-img,
.navbar.is-scrolled .nav-logo,
.navbar.is-scrolled .cb-logo-img,
.navbar:not(.is-inner-page) .nav-logo,
.navbar:not(.is-inner-page) .cb-logo-img {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
}

/* Hero Transparent Navbar Links (When NOT scrolled on Hero) */
html:not(.is-scrolled) .navbar:not(.is-inner-page) .nav-link,
html:not(.is-scrolled) .navbar:not(.is-inner-page) .nav-link span,
html:not(.is-scrolled) .navbar:not(.is-inner-page) .nav-left-links .nav-link,
html:not(.is-scrolled) .navbar:not(.is-inner-page) .nav-left-links .nav-link span,
html:not(.is-scrolled) .header-style-coldwellbanker:not(.is-inner-page) .nav-link,
html:not(.is-scrolled) .header-style-coldwellbanker:not(.is-inner-page) .nav-link span {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) !important;
}

html:not(.is-scrolled) .navbar:not(.is-inner-page) .nav-link:hover,
html:not(.is-scrolled) .navbar:not(.is-inner-page) .nav-link:hover span,
html:not(.is-scrolled) .navbar:not(.is-inner-page) .nav-link.active,
html:not(.is-scrolled) .navbar:not(.is-inner-page) .nav-link.active span {
  color: #D4AF37 !important;
}

/* Scrolled Navbar Links (Crisp White on Luxury Dark Header) */
html.is-scrolled .navbar .nav-link,
html.is-scrolled .navbar .nav-link span,
html.is-scrolled .navbar a.nav-link,
html.is-scrolled .nav-left-links .nav-link,
html.is-scrolled .nav-left-links .nav-link span,
html.is-scrolled .header-style-coldwellbanker .nav-link,
html.is-scrolled .header-style-coldwellbanker .nav-link span,
.navbar.is-scrolled .nav-link,
.navbar.is-scrolled .nav-link span {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
}

html.is-scrolled .navbar .nav-link:hover,
html.is-scrolled .navbar .nav-link:hover span,
html.is-scrolled .navbar .nav-link.active,
html.is-scrolled .navbar .nav-link.active span,
.navbar.is-scrolled .nav-link:hover,
.navbar.is-scrolled .nav-link:hover span {
  color: #D4AF37 !important;
}

/* White Icons on Black/Scrolled Header */
html.is-scrolled .navbar .cb-icon-btn,
.navbar.is-scrolled .cb-icon-btn,
.navbar:not(.is-inner-page) .cb-icon-btn {
  color: #ffffff !important;
}

html.is-scrolled .navbar .cb-icon-btn svg,
.navbar.is-scrolled .cb-icon-btn svg,
.navbar:not(.is-inner-page) .cb-icon-btn svg {
  stroke: #ffffff !important;
  color: #ffffff !important;
}

html.is-scrolled .navbar .cb-icon-btn:hover svg,
.navbar:not(.is-inner-page) .cb-icon-btn:hover svg {
  stroke: #D4AF37 !important;
}

/* White Separator on Black/Scrolled Header */
html.is-scrolled .navbar .cb-icon-sep,
.navbar.is-scrolled .cb-icon-sep,
.navbar:not(.is-inner-page) .cb-icon-sep {
  background: rgba(255, 255, 255, 0.2) !important;
}

/* White NOUS REJOINDRE on Black/Scrolled Header */
html.is-scrolled .navbar .nav-join-pill-btn,
.navbar.is-scrolled .nav-join-pill-btn,
.navbar:not(.is-inner-page) .nav-join-pill-btn {
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  background: rgba(255, 255, 255, 0.1) !important;
}


/* ==========================================================================
   TOP PROPERTY ADDS CAROUSEL (RIGHT BELOW SIGNATURES D'ÉLITE 5 CARDS)
   ========================================================================== */
#top-property-adds,
.top-property-adds-section {
  padding: 45px 0 25px !important;
  background: #050B14 !important;
  background-color: #050B14 !important;
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.tpa-container {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

.tpa-top-bar {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  margin-bottom: 24px !important;
}

.tpa-title {
  font-size: 2.2rem !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  margin: 0 0 8px !important;
  letter-spacing: -0.02em !important;
}

.tpa-subtitle {
  font-size: 0.95rem !important;
  color: #94a3b8 !important;
  margin: 0 !important;
  max-width: 600px !important;
  line-height: 1.5 !important;
}

.tpa-controls-header {
  display: flex !important;
  gap: 10px !important;
}

.tpa-nav-btn {
  width: 44px !important;
  height: 44px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 0px !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

.tpa-nav-btn:hover {
  background: #D4AF37 !important;
  border-color: #D4AF37 !important;
  color: #060b13 !important;
}

.tpa-carousel-viewport {
  width: 100% !important;
  overflow: hidden !important;
  position: relative !important;
  padding: 8px 0 8px !important;
  box-shadow: none !important;
}

.tpa-carousel-track {
  display: flex !important;
  gap: 16px !important;
  will-change: transform !important;
}

.tpa-card {
  flex: 0 0 calc((100% - (4 * 16px)) / 5) !important;
  min-width: 0 !important;
  height: 450px !important;
  border-radius: 0px !important;
  overflow: hidden !important;
  position: relative !important;
  background: #090e17 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
  transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important;
  display: block !important;
  text-decoration: none !important;
}

.tpa-card:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(212, 175, 55, 0.6) !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.8), 0 0 25px rgba(212, 175, 55, 0.25) !important;
}

.tpa-card-img-wrap {
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 0px !important;
  overflow: hidden !important;
}

.tpa-card-img-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0px !important;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tpa-card:hover .tpa-card-img-wrap img {
  transform: scale(1.1) !important;
}

.tpa-card-overlay {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 80px 16px 18px !important;
  background: linear-gradient(180deg, transparent 0%, rgba(5, 11, 20, 0.45) 30%, rgba(5, 11, 20, 0.92) 80%, #050B14 100%) !important;
  z-index: 2 !important;
  border-radius: 0px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
}

.tpa-card-price {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #D4AF37 !important;
  margin-bottom: 4px !important;
  letter-spacing: -0.01em !important;
}

.tpa-card-title {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 6px !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.tpa-card-loc {
  font-size: 12px !important;
  color: #94a3b8 !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin-bottom: 10px !important;
}

.tpa-card-loc svg {
  color: #D4AF37 !important;
  stroke: #D4AF37 !important;
  flex-shrink: 0 !important;
}

.tpa-card-specs {
  display: flex !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}

.tpa-card-spec-tag {
  background: rgba(255, 255, 255, 0.08) !important;
  font-size: 10px !important;
  color: #cbd5e1 !important;
  padding: 3px 8px !important;
  border-radius: 0px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.tpa-carousel-track {
  --tpa-slide-step: calc(20% + 3.2px);
}

@media (max-width: 1200px) {
  .tpa-carousel-track {
    --tpa-slide-step: calc((100% - (3 * 16px)) / 4 + 16px);
  }
  .tpa-card {
    flex: 0 0 calc((100% - (3 * 16px)) / 4) !important;
  }
}

@media (max-width: 900px) {
  .tpa-carousel-track {
    --tpa-slide-step: calc((100% - (2 * 14px)) / 3 + 14px);
  }
  .tpa-card {
    flex: 0 0 calc((100% - (2 * 14px)) / 3) !important;
    height: 400px !important;
  }
}

@media (max-width: 768px) {
  .tpa-container {
    padding: 36px 16px 44px !important;
  }
  .tpa-carousel-viewport {
    width: 100% !important;
    overflow: hidden !important;
    padding: 6px 0 10px !important;
  }
  .tpa-carousel-track {
    --tpa-slide-step: calc(100% + 16px);
    gap: 16px !important;
  }
  .tpa-card {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    height: 480px !important;
  }
  .tpa-title {
    font-size: 1.65rem !important;
  }
}

@media (max-width: 640px) {
  .tpa-carousel-track {
    --tpa-slide-step: calc(100% + 16px);
  }
  .tpa-card {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 460px !important;
  }
  .tpa-title {
    font-size: 1.55rem !important;
  }
}


/* ==========================================================================
   PC / DESKTOP VIEW (>= 1281px): STRICTLY HIDE MOBILE MENU & HAMBURGER
   ========================================================================== */
@media (min-width: 1281px) {
  .cb-mobile-hamburger-btn,
  .navbar .cb-mobile-hamburger-btn,
  .navbar.is-scrolled .cb-mobile-hamburger-btn,
  .navbar.is-inner-page .cb-mobile-hamburger-btn,
  .header-style-coldwellbanker .cb-mobile-hamburger-btn,
  .header-style-coldwellbanker.is-scrolled .cb-mobile-hamburger-btn,
  .header-style-coldwellbanker.is-inner-page .cb-mobile-hamburger-btn,
  .nav-menu-icon-btn,
  .nav-custom-menu-icon,
  .mobile-only {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* Light Theme Enforcement */
.moderation-page-container,
.sell-page-container,
.dashboard-page-container,
.app-container:has(.moderation-page-container),
.app-container:has(.sell-page-container),
.app-container:has(.dashboard-page-container) {
  background-color: #f8fafc !important;
  color: #0f172a !important;
}
body:has(.moderation-page-container),
body:has(.sell-page-container),
body:has(.dashboard-page-container) {
  background-color: #f8fafc !important;
}


/* ==========================================================================
   IMMUTABLE GOLD LUXURY LOGO STYLING - NEVER BLACK, NEVER INVERTED
   ========================================================================== */
.nav-logo,
.cb-logo-img,
img.cb-logo-img,
.navbar .nav-logo,
.navbar .cb-logo-img,
.navbar.is-inner-page .nav-logo,
.navbar.is-inner-page .cb-logo-img,
.navbar.is-inner-page:not(.is-scrolled) .nav-logo,
.navbar.is-inner-page:not(.is-scrolled) .cb-logo-img,
.header-style-coldwellbanker .nav-logo,
.header-style-coldwellbanker .cb-logo-img,
.header-style-coldwellbanker.is-inner-page .nav-logo,
.header-style-coldwellbanker.is-inner-page .cb-logo-img,
.header-style-coldwellbanker.is-inner-page:not(.is-scrolled) .nav-logo,
.header-style-coldwellbanker.is-inner-page:not(.is-scrolled) .cb-logo-img,
html.is-scrolled .nav-logo,
html.is-scrolled .cb-logo-img,
html:not(.is-scrolled) .navbar.is-inner-page .nav-logo,
html:not(.is-scrolled) .navbar.is-inner-page .cb-logo-img,
.luxury-drawer-logo {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
  background-color: transparent !important;
  object-fit: contain !important;
}

/* ==========================================================================
   FAR-RIGHT USER ACCOUNT AVATAR ICON BUTTON (ONLY ICON, SLEEK LUXURY CIRCLE)
   ========================================================================== */
.cb-user-avatar-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border-radius: 0px !important;
  border: 1px solid #d4af37 !important;
  background: rgba(212, 175, 55, 0.08) !important;
  color: #d4af37 !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
  filter: none !important;
}

.cb-user-avatar-btn:hover {
  background: #d4af37 !important;
  color: #0f172a !important;
  border-color: #d4af37 !important;
  transform: none !important;
  box-shadow: none !important;
}

.navbar.is-inner-page:not(.is-scrolled) .cb-user-avatar-btn,
.header-style-coldwellbanker.is-inner-page:not(.is-scrolled) .cb-user-avatar-btn {
  border-color: #d4af37 !important;
  background: rgba(212, 175, 55, 0.08) !important;
  color: #b8972f !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  filter: none !important;
}

.navbar.is-inner-page:not(.is-scrolled) .cb-user-avatar-btn:hover,
.header-style-coldwellbanker.is-inner-page:not(.is-scrolled) .cb-user-avatar-btn:hover {
  background: #d4af37 !important;
  color: #0f172a !important;
  box-shadow: none !important;
}

/* ==========================================================================
   OFF PLAN PROJECT / IMMO100FIN INVEST SCORE™ PREMIUM UI EXACT TO IMAGE 2
   ========================================================================== */

/* Navbar link */
.nav-link-off-plan {
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  color: #1e293b !important;
  transition: color 0.2s ease !important;
  white-space: nowrap !important;
}

.nav-link-off-plan:hover,
.nav-link-off-plan.active {
  color: #d4af37 !important;
}

/* Dashboard wrapper */
.immo-invest-score-dashboard {
  background: #050811 !important;
  color: #ffffff !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  min-height: calc(100vh - 80px) !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 5 !important;
}

/* Top Subheader */
.is-top-header {
  background: #050811 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 10px 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 68px !important;
  box-sizing: border-box !important;
  gap: 20px !important;
}

.is-brand-text {
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  color: #ffffff !important;
}

.is-main-title {
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  color: #ffffff !important;
  margin: 0 0 2px 0 !important;
}

.is-score-grad {
  color: #d4af37 !important;
  font-family: 'Playfair Display', Georgia, serif !important;
}

.is-sub-title {
  font-size: 11.5px !important;
  font-weight: 500 !important;
  color: #e2e8f0 !important;
  margin: 0 0 1px 0 !important;
}

.is-desc-title {
  font-size: 10px !important;
  color: #64748b !important;
  margin: 0 !important;
}

/* Filter Bar */
.is-filter-bar {
  background: #090e1a !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  padding: 8px 24px !important;
  display: flex !important;
  align-items: center !important;
}

.is-filter-pill.active {
  background: #fde68a !important;
  color: #1e1b4b !important;
  border-color: #f59e0b !important;
  font-weight: 700 !important;
}

/* Main Dashboard Body */
.is-dashboard-body {
  display: grid !important;
  grid-template-columns: 80px 1fr 380px !important;
  min-height: 480px !important;
  background: #060913 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Left Sidebar */
.is-sidebar {
  background: #070c17 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.07) !important;
}

.is-sidebar-item.active {
  background: linear-gradient(135deg, #e60067 0%, #a21caf 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(230, 0, 103, 0.35) !important;
}

/* Center Map Stage */
.is-map-stage {
  position: relative !important;
  background: #080f1d !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 480px !important;
  padding: 8px !important;
  box-sizing: border-box !important;
}

.is-senegal-hybrid-map {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 460px !important;
  background: #080f1d url('/senegal_satellite_map.jpg') no-repeat center center / 100% 100% !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}

/* Hide duplicate static map text elements since they exist inside the graphic */
.is-country-label,
.is-region-label,
.is-map-top-left-controls,
.is-map-legend-box,
.is-map-scale-bar {
  display: none !important;
}

/* Interactive Map Marker Hotspots */
.is-map-marker {
  position: absolute !important;
  width: 60px !important;
  height: 36px !important;
  transform: translate(-30%, -40%) !important;
  cursor: pointer !important;
  z-index: 25 !important;
  border-radius: 8px !important;
}

.is-map-marker .is-marker-pill,
.is-map-marker .is-marker-pin-stem {
  opacity: 0 !important;
  transition: opacity 0.2s ease, transform 0.2s ease !important;
  pointer-events: none !important;
}

.is-map-marker:hover .is-marker-pill,
.is-map-marker.selected .is-marker-pill {
  opacity: 1 !important;
  box-shadow: 0 0 16px rgba(230, 0, 103, 0.95) !important;
  transform: scale(1.08) !important;
}

/* Right Panel */
.is-data-panel {
  background: #0a0f1d !important;
  border-left: 1px solid rgba(255, 255, 255, 0.08) !important;
  display: flex !important;
  flex-direction: column !important;
}

.is-panel-hero-box {
  position: relative !important;
  height: 125px !important;
  overflow: hidden !important;
  border-radius: 0 !important;
}

.is-panel-hero-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

.is-panel-hero-overlay {
  position: absolute !important;
  bottom: 10px !important;
  left: 14px !important;
  z-index: 5 !important;
}

.is-panel-city-name {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.85) !important;
}

.is-panel-region-name {
  font-size: 11px !important;
  color: #e2e8f0 !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.85) !important;
}

.is-panel-cta-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  background: #e60067 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 11px 16px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 15px rgba(230, 0, 103, 0.4) !important;
  transition: all 0.2s ease !important;
  margin: 12px 0 10px 0 !important;
  box-sizing: border-box !important;
}

.is-panel-cta-btn:hover {
  background: #d0005d !important;
  box-shadow: 0 6px 20px rgba(230, 0, 103, 0.6) !important;
  transform: translateY(-1px) !important;
}

/* 4 Financial Metrics Row (exact 4 columns matching Image 2) */
.is-metric-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 6px !important;
  margin-top: 10px !important;
}

.is-metric-card-mini {
  background: #0d1424 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 6px !important;
  padding: 6px 4px !important;
  text-align: center !important;
}

.is-mini-header {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  font-size: 8px !important;
  color: #94a3b8 !important;
  margin-bottom: 3px !important;
  white-space: nowrap !important;
}

.is-mini-value {
  font-size: 9.5px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  white-space: nowrap !important;
}

/* Bottom Drilldown Section */
.is-bottom-drilldown-section {
  background: #050914 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 14px 24px 20px 24px !important;
}

.is-drilldown-grid {
  display: grid !important;
  grid-template-columns: 210px 1fr 210px !important;
  gap: 16px !important;
  align-items: center !important;
}

.is-peninsula-map-wrap {
  position: relative !important;
  height: 220px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: #080d1a !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}

.is-peninsula-aerial-bg {
  display: none !important;
}

.is-district-pin {
  position: absolute !important;
  width: 44px !important;
  height: 26px !important;
  transform: translate(-30%, -40%) !important;
  cursor: pointer !important;
  z-index: 10 !important;
}

.is-district-pin .is-dist-marker-pill,
.is-district-pin .is-dist-pin-stem {
  opacity: 0 !important;
  transition: opacity 0.2s ease !important;
}

.is-district-pin:hover .is-dist-marker-pill,
.is-district-pin.active .is-dist-marker-pill {
  opacity: 1 !important;
  box-shadow: 0 0 12px rgba(34, 197, 94, 0.9) !important;
}

/* Hide ocean label and mapbox logo */
.is-ocean-label,
.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-logo,
.mapboxgl-ctrl,
.is-marker-pin-stem {
  display: none !important;
}

/* Senegal Map Markers: Invisible clickable/hoverable hotspots with tooltip */
.is-map-marker .is-marker-pill {
  display: none !important;
}

.is-map-marker {
  position: absolute !important;
  width: 55px !important;
  height: 35px !important;
  transform: translate(-30%, -40%) !important;
  cursor: pointer !important;
  z-index: 25 !important;
  border-radius: 8px !important;
  background: transparent !important;
}

.is-map-marker:hover {
  background: rgba(230, 0, 103, 0.15) !important;
  outline: 1.5px solid rgba(230, 0, 103, 0.6) !important;
  box-shadow: 0 0 12px rgba(230, 0, 103, 0.4) !important;
}

.is-map-marker.selected {
  outline: none !important;
  box-shadow: none !important;
}

/* Tooltip card on hover */
.is-marker-hover-card {
  position: absolute !important;
  background: rgba(10, 16, 30, 0.95) !important;
  border: 1px solid rgba(230, 0, 103, 0.6) !important;
  backdrop-filter: blur(12px) !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  min-width: 170px !important;
  z-index: 50 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
  pointer-events: none !important;
  font-size: 11px !important;
}

/* Hide duplicate pins on peninsula map so only the crisp graphic pins show */
.is-district-pin .is-dist-marker-pill,
.is-district-pin .is-dist-pin-stem {
  display: none !important;
}

.is-district-pin {
  position: absolute !important;
  width: 45px !important;
  height: 25px !important;
  transform: translate(-30%, -40%) !important;
  cursor: pointer !important;
  z-index: 15 !important;
  border-radius: 6px !important;
  background: transparent !important;
}

.is-district-pin:hover {
  background: rgba(34, 197, 94, 0.2) !important;
  outline: 1.5px solid rgba(34, 197, 94, 0.8) !important;
  box-shadow: 0 0 10px rgba(34, 197, 94, 0.5) !important;
}

/* ==========================================================================
   FULLY INTERACTIVE MAP CONTROLS, LEGEND, TABS, DROPDOWNS & MODALS
   ========================================================================== */

/* Un-hide and style Map Controls (Top-Left) */
.is-map-top-left-controls {
  display: flex !important;
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  z-index: 30 !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.is-map-type-toggle {
  display: flex !important;
  background: rgba(8, 14, 28, 0.92) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 8px !important;
  padding: 3px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
}

.is-toggle-btn {
  padding: 5px 12px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.is-toggle-btn.active {
  background: #ffffff !important;
  color: #050811 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

.is-toggle-btn:not(.active) {
  background: transparent !important;
  color: #94a3b8 !important;
}

.is-toggle-btn:not(.active):hover {
  color: #ffffff !important;
}

.is-zoom-ctrl-box {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  background: rgba(8, 14, 28, 0.92) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 8px !important;
  width: 32px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
}

.is-zoom-btn {
  width: 32px !important;
  height: 30px !important;
  background: transparent !important;
  border: none !important;
  color: #cbd5e1 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
}

.is-zoom-btn:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

.is-zoom-sep {
  width: 20px !important;
  height: 1px !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

/* Un-hide and style Map Legend (Top-Right) */
.is-map-legend-box {
  display: flex !important;
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 30 !important;
  flex-direction: column !important;
  background: rgba(8, 14, 28, 0.92) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 10px !important;
  padding: 8px 14px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
  min-width: 125px !important;
}

.is-legend-header {
  font-size: 10.5px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin-bottom: 6px !important;
  letter-spacing: 0.5px !important;
}

.is-legend-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 10.5px !important;
  color: #94a3b8 !important;
  padding: 2.5px 0 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.is-legend-row:hover {
  color: #ffffff !important;
  transform: translateX(2px) !important;
}

.is-legend-row.active {
  color: #ffffff !important;
  font-weight: 800 !important;
}

.is-legend-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
}

.is-legend-dot.score-90 { background: #e60067 !important; box-shadow: 0 0 6px #e60067 !important; }
.is-legend-dot.score-80 { background: #22c55e !important; box-shadow: 0 0 6px #22c55e !important; }
.is-legend-dot.score-70 { background: #eab308 !important; box-shadow: 0 0 6px #eab308 !important; }
.is-legend-dot.score-grey { background: #94a3b8 !important; }

/* Filter Pill Dropdowns */
.is-filter-pill-dropdown-wrap {
  position: relative !important;
}

.is-filter-pill-dropdown {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 12px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 9999px !important;
  color: #cbd5e1 !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: all 0.2s ease !important;
}

.is-filter-pill-dropdown:hover,
.is-filter-pill-dropdown.active-filter {
  background: rgba(212, 175, 55, 0.18) !important;
  border-color: #d4af37 !important;
  color: #fde68a !important;
  font-weight: 700 !important;
}

.is-filter-dropdown-menu {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  z-index: 100 !important;
  background: #0a1122 !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7) !important;
  padding: 6px 0 !important;
  min-width: 230px !important;
  backdrop-filter: blur(12px) !important;
}

.is-budget-menu {
  left: auto !important;
  right: 0 !important;
}

.is-dropdown-header {
  font-size: 10px !important;
  color: #64748b !important;
  padding: 6px 12px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  margin-bottom: 4px !important;
}

.is-dropdown-item {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  padding: 7px 14px !important;
  font-size: 11.5px !important;
  color: #cbd5e1 !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  box-sizing: border-box !important;
}

.is-dropdown-item:hover,
.is-dropdown-item.selected {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #fde68a !important;
  font-weight: 700 !important;
}

/* Interactive Tabs inside Right Card */
.is-sub-tabs-bar {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding-bottom: 6px !important;
  margin-bottom: 8px !important;
  overflow-x: auto !important;
}

.is-sub-tab {
  background: transparent !important;
  border: none !important;
  color: #94a3b8 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 5px 9px !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: all 0.2s ease !important;
}

.is-sub-tab:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

.is-sub-tab.active {
  background: #fde68a !important;
  color: #0f172a !important;
  font-weight: 800 !important;
}

/* Tab Contents: Districts List */
.is-tab-districts-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  max-height: 380px !important;
  overflow-y: auto !important;
  padding-right: 4px !important;
}

.is-district-row-mini {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 6px 10px !important;
  border-radius: 6px !important;
  background: #0d1424 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.is-district-row-mini:hover {
  border-color: #e60067 !important;
  background: rgba(230, 0, 103, 0.1) !important;
  transform: translateX(2px) !important;
}

.is-dist-mini-left {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.is-dist-name-bold {
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
}

.is-dist-mini-right {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.is-dist-yield-tag {
  font-size: 10px !important;
  color: #22c55e !important;
  font-weight: 700 !important;
}

/* Tab Contents: Listings List */
.is-tab-listings-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  max-height: 380px !important;
  overflow-y: auto !important;
}

.is-listing-mini-card {
  display: flex !important;
  gap: 10px !important;
  background: #0d1424 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 6px !important;
  padding: 6px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.is-listing-mini-card:hover {
  border-color: #d4af37 !important;
  transform: translateX(2px) !important;
}

.is-listing-mini-img {
  width: 55px !important;
  height: 48px !important;
  border-radius: 4px !important;
  object-fit: cover !important;
}

.is-listing-mini-info {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.is-listing-mini-title {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 1px 0 !important;
}

.is-listing-mini-specs {
  font-size: 9px !important;
  color: #94a3b8 !important;
  margin: 0 0 2px 0 !important;
}

.is-listing-mini-price {
  font-size: 10.5px !important;
  font-weight: 800 !important;
  color: #d4af37 !important;
}

/* Tab Contents: Developments List */
.is-tab-devs-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  max-height: 160px !important;
  overflow-y: auto !important;
}

.is-dev-mini-card {
  background: #0d1424 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 6px !important;
  padding: 7px 9px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.is-dev-mini-card:hover {
  border-color: #22c55e !important;
}

.is-dev-mini-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 3px !important;
}

.is-dev-title {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 !important;
}

.is-dev-delivery {
  font-size: 9px !important;
  color: #22c55e !important;
  font-weight: 700 !important;
}

.is-dev-progress-bar-wrap {
  height: 4px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  margin: 4px 0 !important;
}

.is-dev-progress-bar-fill {
  height: 100% !important;
  background: #22c55e !important;
  border-radius: 999px !important;
}

.is-dev-mini-footer {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 9.5px !important;
  color: #94a3b8 !important;
}

.is-dev-price {
  color: #d4af37 !important;
}

/* Tab Contents: Market Intel */
.is-tab-market-intel {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  background: #0d1424 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 6px !important;
  padding: 10px 12px !important;
}

.is-intel-row {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 11px !important;
  color: #cbd5e1 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
  padding-bottom: 4px !important;
}

.is-intel-row:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

.is-no-data-hint {
  font-size: 11px !important;
  color: #64748b !important;
  text-align: center !important;
  padding: 12px 0 !important;
  margin: 0 !important;
}

/* Modals */
.is-custom-modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  background: rgba(0, 0, 0, 0.75) !important;
  backdrop-filter: blur(8px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
}

.is-custom-modal-card {
  background: #0a1122 !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 14px !important;
  max-width: 440px !important;
  width: 100% !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8) !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}

.is-modal-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 14px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.is-modal-header h3 {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 !important;
}

.is-modal-header button {
  background: transparent !important;
  border: none !important;
  color: #94a3b8 !important;
  font-size: 18px !important;
  cursor: pointer !important;
}

.is-modal-header button:hover {
  color: #ffffff !important;
}


/* =====================================================================
   IMMO100FIN INVEST SCORE™ ENHANCED UI STYLES - PIXEL PERFECT
   ===================================================================== */

/* 1. RADIAL GAUGE & INDICATORS */
.is-score-and-metrics-row {
  display: grid !important;
  grid-template-columns: 100px 1fr !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
  align-items: center !important;
}

.is-gauge-box {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.is-gauge-label {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  color: #cbd5e1 !important;
  margin-bottom: 6px !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

.is-gauge-ring-wrap {
  position: relative !important;
  width: 90px !important;
  height: 90px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.is-gauge-svg {
  width: 90px !important;
  height: 90px !important;
}

.is-gauge-bg-circle {
  fill: none !important;
  stroke: rgba(255, 255, 255, 0.1) !important;
  stroke-width: 6 !important;
}

.is-gauge-fill-circle {
  fill: none !important;
  stroke-width: 6 !important;
  stroke-linecap: round !important;
  transform: rotate(-90deg) !important;
  transform-origin: 50% 50% !important;
  transition: stroke-dashoffset 0.6s ease, stroke 0.3s ease !important;
}

.is-gauge-fill-circle.pink {
  stroke: #e60067 !important;
  filter: drop-shadow(0 0 6px rgba(230, 0, 103, 0.5)) !important;
}

.is-gauge-fill-circle.green {
  stroke: #22c55e !important;
  filter: drop-shadow(0 0 6px rgba(34, 197, 94, 0.5)) !important;
}

.is-gauge-fill-circle.yellow {
  stroke: #eab308 !important;
  filter: drop-shadow(0 0 6px rgba(234, 179, 8, 0.5)) !important;
}

.is-gauge-inner-val {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
}

.is-gauge-number {
  font-size: 26px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  line-height: 1 !important;
  letter-spacing: -0.5px !important;
}

.is-gauge-denom {
  font-size: 10px !important;
  font-weight: 600 !important;
  color: rgba(255, 255, 255, 0.55) !important;
  margin-top: 1px !important;
}

/* 2. 3 KEY FINANCIAL INDICATORS */
.is-key-metrics-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  background: rgba(15, 23, 42, 0.65) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 10px !important;
  padding: 8px 12px !important;
}

.is-key-metric-row {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
}

.is-metric-icon-wrap {
  width: 26px !important;
  height: 26px !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.is-metric-icon-wrap.yield {
  color: #eab308 !important;
  background: rgba(234, 179, 8, 0.12) !important;
}

.is-metric-icon-wrap.demand {
  color: #38bdf8 !important;
  background: rgba(56, 189, 248, 0.12) !important;
}

.is-metric-icon-wrap.growth {
  color: #22c55e !important;
  background: rgba(34, 197, 94, 0.12) !important;
}

.is-metric-details {
  display: flex !important;
  flex-direction: column !important;
  line-height: 1.25 !important;
}

.is-metric-label {
  font-size: 9.5px !important;
  font-weight: 500 !important;
  color: #94a3b8 !important;
}

.is-metric-value {
  font-size: 11.5px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
}

/* 3. CTA BUTTON */
.is-panel-cta-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #e60067 !important;
  color: #ffffff !important;
  padding: 10px 16px !important;
  border-radius: 8px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(230, 0, 103, 0.4) !important;
  transition: all 0.2s ease !important;
  margin: 10px 0 !important;
}

.is-panel-cta-btn:hover {
  background: #f43f5e !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(230, 0, 103, 0.5) !important;
  color: #ffffff !important;
}

.is-cta-arrow {
  font-size: 14px !important;
  transition: transform 0.2s ease !important;
}

.is-panel-cta-btn:hover .is-cta-arrow {
  transform: translateX(3px) !important;
}

/* 4. SUB-TABS & OVERVIEW METRICS */
.is-sub-tabs-bar {
  display: flex !important;
  gap: 3px !important;
  background: rgba(10, 16, 30, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  padding: 3px !important;
  margin-bottom: 10px !important;
  overflow-x: auto !important;
}

.is-sub-tab {
  flex: 1 !important;
  padding: 5px 6px !important;
  border-radius: 6px !important;
  border: none !important;
  background: transparent !important;
  color: #94a3b8 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  text-align: center !important;
  white-space: nowrap !important;
  transition: all 0.2s ease !important;
}

.is-sub-tab:hover {
  color: #ffffff !important;
}

.is-sub-tab.active {
  background: #fef08a !important;
  color: #020617 !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}

.is-metric-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 6px !important;
}

.is-metric-card-mini {
  background: rgba(15, 23, 42, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  padding: 7px 9px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

.is-mini-header {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.is-mini-icon {
  font-size: 11px !important;
}

.is-mini-title {
  font-size: 9px !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
}

.is-mini-value {
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
}

/* 5. MAP LEGEND BOX & OVERLAYS */
.is-map-legend-box {
  position: absolute !important;
  top: 18px !important;
  right: 20px !important;
  z-index: 25 !important;
  background: rgba(10, 16, 30, 0.94) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  width: 140px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.7) !important;
}

.is-legend-header {
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.6px !important;
  color: #ffffff !important;
  margin-bottom: 8px !important;
}

.is-legend-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
  margin-bottom: 5px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.is-legend-row:hover {
  color: #ffffff !important;
  transform: translateX(2px) !important;
}

.is-legend-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
}

/* 6. LOCATE & ZOOM BUTTONS */
.is-locate-btn {
  width: 32px !important;
  height: 30px !important;
  border: none !important;
  background: transparent !important;
  color: #ffffff !important;
  font-size: 14px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: color 0.2s ease !important;
}

.is-locate-btn:hover {
  color: #38bdf8 !important;
}

.is-marker-pulse-ring {
  position: absolute !important;
  inset: -4px !important;
  border-radius: 12px !important;
  border: 1.5px solid currentColor !important;
  animation: isMarkerPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
  pointer-events: none !important;
}

@keyframes isMarkerPulse {
  0% { transform: scale(0.95); opacity: 0.8; }
  50% { transform: scale(1.2); opacity: 0; }
  100% { transform: scale(0.95); opacity: 0; }
}

/* 7. SIDEBAR POLISH */
.is-sidebar-top,
.is-sidebar-bottom {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

.is-sidebar-label {
  font-size: 9px !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

.is-user-initials {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #000000 !important;
}

/* 8. BOTTOM DRILLDOWN SECTION */
.is-district-col.is-left-col,
.is-district-col.is-right-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
}

.is-dist-pulse-marker {
  position: absolute !important;
  transform: translate(-50%, -50%) !important;
  cursor: pointer !important;
  z-index: 20 !important;
}

.is-pill-icon {
  font-size: 12px !important;
}

.is-data-panel {
  max-height: 580px !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent !important;
}

.is-data-panel::-webkit-scrollbar {
  width: 4px !important;
}

.is-data-panel::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2) !important;
  border-radius: 4px !important;
}

.is-modal-body { padding: 14px 0 !important; }


.is-filter-pill-dropdown-wrap {
  position: relative !important;
  display: inline-flex !important;
}

.is-filter-dropdown-menu {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  z-index: 100 !important;
  background: #0d1527 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 10px !important;
  padding: 6px !important;
  min-width: 190px !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.75) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

.is-dropdown-header {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #64748b !important;
  padding: 4px 8px 6px 8px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.is-dropdown-item {
  display: flex !important;
  align-items: center !important;
  padding: 7px 10px !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #cbd5e1 !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  text-align: left !important;
  width: 100% !important;
  transition: all 0.2s ease !important;
}

.is-dropdown-item:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

.is-dropdown-item.selected {
  background: #e60067 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}


/* OFF PLAN PROJECT NAVBAR STYLING */
.off-plan-nav-wrapper {
  display: inline-flex !important;
  align-items: center !important;
}

.off-plan-nav-item {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 11.5px !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 10px 16px !important;
  position: relative !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  transition: all 0.2s ease !important;
}

.off-plan-nav-item:hover {
  color: #fbbf24 !important;
}

.off-plan-nav-item.active::after,
.off-plan-nav-item:hover::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 16px !important;
  right: 16px !important;
  height: 2px !important;
  background: #d4af37 !important;
  border-radius: 2px !important;
}


/* REAL LEAFLET LIVE SATELLITE & CARTE MAP OVERRIDES */
#leaflet-real-interactive-map {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 5 !important;
  background: #080f1d !important;
}

.is-leaflet-real-pin {
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.is-leaflet-real-pin .is-marker-pill {
  position: relative !important;
  z-index: 10 !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.85) !important;
  cursor: pointer !important;
}

.is-leaflet-real-pin:hover .is-marker-pill,
.is-leaflet-real-pin .is-marker-pill.selected {
  transform: scale(1.08) !important;
  box-shadow: 0 0 16px rgba(255, 255, 255, 0.6) !important;
}

.leaflet-tile {
  filter: contrast(1.08) brightness(0.96) !important;
}

.is-map-top-left-controls,
.is-map-legend-box,
.is-map-scale-bar {
  z-index: 30 !important;
}


/* LEAFLET PINS CLEAN WHITE-SPACE & SIZING */
.is-leaflet-real-pin {
  width: auto !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.is-leaflet-real-pin .is-marker-pill {
  white-space: nowrap !important;
  width: max-content !important;
  min-width: max-content !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 8px !important;
  font-size: 11px !important;
  border-radius: 8px !important;
}

.is-leaflet-real-pin .is-marker-name {
  white-space: nowrap !important;
  font-weight: 700 !important;
}

.is-leaflet-real-pin .is-marker-score {
  font-weight: 800 !important;
  margin-left: 2px !important;
}

/* =========================================================================
   IMMO100FIN INVEST SCORE™ - AESTHETIC COMPACT DASHBOARD & HEROICONS
   ========================================================================= */

.is-heroicon-inline {
  display: inline-block !important;
  vertical-align: middle !important;
  margin-right: 5px !important;
  flex-shrink: 0 !important;
}

.is-chevron-inline {
  display: inline-block !important;
  vertical-align: middle !important;
  margin-left: 4px !important;
  opacity: 0.7 !important;
  flex-shrink: 0 !important;
}

.immo-invest-score-dashboard {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  background: #060913 !important;
}

.is-top-header {
  height: 58px !important;
  padding: 8px 18px !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.is-filter-bar {
  padding: 6px 18px !important;
  min-height: 38px !important;
  background: #080d19 !important;
}

.is-filter-pill,
.is-filter-pill-dropdown {
  padding: 4px 10px !important;
  font-size: 11px !important;
  height: 28px !important;
  gap: 5px !important;
  border-radius: 9999px !important;
}

.is-dashboard-body {
  display: grid !important;
  grid-template-columns: 64px 1fr 380px !important;
  grid-template-rows: 470px auto !important;
  width: 100% !important;
  background: #060913 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.is-sidebar {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  width: 64px !important;
  background: #070c17 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.07) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 10px 4px !important;
  box-sizing: border-box !important;
}

.is-sidebar-item {
  padding: 7px 2px !important;
  font-size: 9px !important;
  margin-bottom: 4px !important;
  border-radius: 8px !important;
}

.is-map-stage {
  grid-column: 2 !important;
  grid-row: 1 !important;
  height: 470px !important;
  min-height: 470px !important;
  max-height: 470px !important;
  position: relative !important;
  background: #080f1d !important;
  overflow: hidden !important;
}

.is-data-panel {
  grid-column: 3 !important;
  grid-row: 1 / 3 !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  background: #080d19 !important;
  border-left: 1px solid rgba(255, 255, 255, 0.08) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
}

.is-panel-hero-box {
  height: 210px !important;
  min-height: 210px !important;
  flex-shrink: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

.is-panel-body {
  padding: 10px 14px 16px 14px !important;
  gap: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

.is-gauge-box {
  padding: 6px 10px !important;
}

.is-gauge-number {
  font-size: 26px !important;
}

.is-panel-narrative {
  font-size: 11px !important;
  line-height: 1.4 !important;
  margin: 4px 0 !important;
}

.is-panel-cta-btn {
  padding: 8px 16px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.is-sub-tabs-bar {
  margin: 4px 0 !important;
  padding: 2px !important;
}

.is-sub-tab {
  padding: 4px 8px !important;
  font-size: 10.5px !important;
}

.is-metric-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 8px !important;
  margin-top: 6px !important;
  padding-bottom: 12px !important;
}

.is-metric-card-mini {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 10px !important;
  padding: 8px 10px !important;
}

.is-mini-title {
  font-size: 10px !important;
  color: rgba(255, 255, 255, 0.6) !important;
  font-weight: 600 !important;
}

.is-mini-value {
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
}

.is-bottom-drilldown-section {
  grid-column: 2 !important;
  grid-row: 2 !important;
  background: #050914 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 8px 16px 12px 16px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.is-drilldown-header {
  margin-bottom: 8px !important;
}

.is-drilldown-grid {
  display: grid !important;
  grid-template-columns: 140px 1fr 140px !important;
  gap: 12px !important;
  align-items: center !important;
  width: 100% !important;
}

.is-district-item {
  padding: 3px 8px !important;
  font-size: 10.5px !important;
  margin-bottom: 3px !important;
  border-radius: 6px !important;
}

.is-peninsula-map-wrap {
  position: relative !important;
  height: 220px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: #080d1a !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}

.is-map-scale-bar {
  position: absolute !important;
  bottom: 12px !important;
  left: 16px !important;
  z-index: 20 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  pointer-events: none !important;
}

.is-scale-ticks {
  display: flex !important;
  justify-content: space-between !important;
  width: 140px !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  color: rgba(255, 255, 255, 0.7) !important;
  font-family: monospace !important;
}

.is-scale-line {
  width: 140px !important;
  height: 3px !important;
  border-bottom: 2px solid rgba(255, 255, 255, 0.75) !important;
  border-left: 2px solid rgba(255, 255, 255, 0.75) !important;
  border-right: 2px solid rgba(255, 255, 255, 0.75) !important;
}

.is-leaflet-text-label {
  background: transparent !important;
  border: none !important;
  pointer-events: none !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.is-ocean-label {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  color: rgba(147, 197, 253, 0.5) !important;
  text-transform: uppercase !important;
}

.is-country-label {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1.8px !important;
  color: rgba(226, 232, 240, 0.55) !important;
  text-transform: uppercase !important;
}

.is-country-label.gambie {
  color: rgba(253, 230, 138, 0.7) !important;
}

.is-region-label {
  font-size: 10px !important;
  font-weight: 600 !important;
  color: rgba(255, 255, 255, 0.55) !important;
  letter-spacing: 0.3px !important;
}

.is-leaflet-real-pin .is-marker-pill {
  white-space: nowrap !important;
  width: max-content !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 3px 8px !important;
  font-size: 10.5px !important;
  border-radius: 9999px !important;
  background: rgba(10, 15, 26, 0.92) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.65) !important;
  backdrop-filter: blur(8px) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.is-leaflet-real-pin .is-marker-pill:hover,
.is-leaflet-real-pin .is-marker-pill.selected {
  transform: scale(1.08) !important;
  border-color: #e60067 !important;
  box-shadow: 0 0 16px rgba(230, 0, 103, 0.5) !important;
}

.is-leaflet-real-pin .is-marker-pill.green:hover,
.is-leaflet-real-pin .is-marker-pill.green.selected {
  border-color: #10b981 !important;
  box-shadow: 0 0 16px rgba(16, 185, 129, 0.5) !important;
}

.is-leaflet-real-pin .is-marker-pill.yellow:hover,
.is-leaflet-real-pin .is-marker-pill.yellow.selected {
  border-color: #f59e0b !important;
  box-shadow: 0 0 16px rgba(245, 158, 11, 0.5) !important;
}

.is-leaflet-real-pin .is-marker-name {
  color: #ffffff !important;
  font-weight: 600 !important;
}

.is-leaflet-real-pin .is-marker-score {
  color: #ffffff !important;
  font-weight: 800 !important;
  background: rgba(255, 255, 255, 0.15) !important;
  border-radius: 4px !important;
  padding: 1px 4px !important;
}

.is-leaflet-real-pin {
  overflow: visible !important;
}

.is-leaflet-real-pin .is-marker-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 3px 7px 3px 6px !important;
  background: rgba(10, 14, 23, 0.94) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 9999px !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.7) !important;
  backdrop-filter: blur(8px) !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.is-pin-svg {
  display: inline-block !important;
  flex-shrink: 0 !important;
  filter: drop-shadow(0 0 3px currentColor) !important;
}

.is-leaflet-real-pin .is-marker-pill:hover,
.is-leaflet-real-pin .is-marker-pill.selected {
  transform: scale(1.1) !important;
  border-color: #e60067 !important;
  box-shadow: 0 0 16px rgba(230, 0, 103, 0.6) !important;
  z-index: 100 !important;
}

.is-leaflet-real-pin .is-marker-pill.green:hover,
.is-leaflet-real-pin .is-marker-pill.green.selected {
  border-color: #10b981 !important;
  box-shadow: 0 0 16px rgba(16, 185, 129, 0.6) !important;
}

.is-leaflet-real-pin .is-marker-pill.yellow:hover,
.is-leaflet-real-pin .is-marker-pill.yellow.selected {
  border-color: #f59e0b !important;
  box-shadow: 0 0 16px rgba(245, 158, 11, 0.6) !important;
}

.is-leaflet-real-pin {
  overflow: visible !important;
}

.is-leaflet-real-pin .is-marker-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 3px 7px 3px 6px !important;
  background: rgba(10, 14, 23, 0.94) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 9999px !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.7) !important;
  backdrop-filter: blur(8px) !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.is-pin-svg {
  display: inline-block !important;
  flex-shrink: 0 !important;
  filter: drop-shadow(0 0 3px currentColor) !important;
}

.is-leaflet-real-pin .is-marker-pill:hover,
.is-leaflet-real-pin .is-marker-pill.selected {
  transform: scale(1.1) !important;
  border-color: #e60067 !important;
  box-shadow: 0 0 16px rgba(230, 0, 103, 0.6) !important;
  z-index: 100 !important;
}

.is-leaflet-real-pin .is-marker-pill.green:hover,
.is-leaflet-real-pin .is-marker-pill.green.selected {
  border-color: #10b981 !important;
  box-shadow: 0 0 16px rgba(16, 185, 129, 0.6) !important;
}

.is-leaflet-real-pin .is-marker-pill.yellow:hover,
.is-leaflet-real-pin .is-marker-pill.yellow.selected {
  border-color: #f59e0b !important;
  box-shadow: 0 0 16px rgba(245, 158, 11, 0.6) !important;
}

/* ==========================================================================
   DEVELOPMENTS / INVEST SCORE FULLSCREEN MODE (EDGE-TO-EDGE ISOLATION)
   ========================================================================== */
.developments-fullscreen-app,
.developments-fullscreen-main,
main.developments-fullscreen-main {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  background: #050811 !important;
  background-color: #050811 !important;
  overflow-x: hidden !important;
  border: none !important;
}

body.is-developments-view,
html.is-developments-view {
  background: #050811 !important;
  background-color: #050811 !important;
  overflow-x: hidden !important;
}

body.is-developments-view .app-container {
  background: #050811 !important;
  background-color: #050811 !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

body.is-developments-view main.main-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  background: #050811 !important;
  background-color: #050811 !important;
}



/* =========================================================================
   AUTHENTIC HIGH-DEFINITION GOOGLE MAP TILES & REFINED METRICS
   ========================================================================= */
.is-map-canvas-container.carte .leaflet-tile {
  filter: contrast(1.04) brightness(0.98) !important;
}

.is-map-canvas-container.satellite .leaflet-tile {
  filter: contrast(1.08) brightness(1.0) saturate(1.1) !important;
}

#leaflet-real-interactive-map {
  background: #080d1a !important;
}

.is-map-stage {
  background: #080d1a !important;
}

.is-panel-hero-box {
  height: 220px !important;
  min-height: 220px !important;
}

.is-panel-hero-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 30% !important;
  filter: brightness(0.9) contrast(1.05) !important;
}

.is-metric-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 10px !important;
  margin-top: 8px !important;
  padding-bottom: 8px !important;
}

.is-metric-card-mini {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  transition: all 0.2s ease !important;
}

.is-metric-card-mini:hover {
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(212, 175, 55, 0.45) !important;
  transform: translateY(-2px) !important;
}

.is-diagnostic-card {
  display: none !important;
}

/* REAL INTERACTIVE BOTTOM DISTRICT MAP ENGINE */
#district-real-interactive-map {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: #080d1a !important;
  z-index: 2 !important;
}

.is-bottom-drilldown-section {
  grid-column: 2 !important;
  grid-row: 2 !important;
  background: #050914 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 8px 16px 12px 16px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.is-drilldown-grid {
  display: grid !important;
  grid-template-columns: 160px 1fr 160px !important;
  gap: 12px !important;
  align-items: stretch !important;
  width: 100% !important;
}

.is-district-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  max-height: 220px !important;
  overflow-y: auto !important;
  padding-right: 2px !important;
}
.is-district-col::-webkit-scrollbar {
  width: 3px !important;
}
.is-district-col::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2) !important;
  border-radius: 3px !important;
}

.is-district-item {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 8px !important;
  font-size: 11px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  user-select: none !important;
}

.is-district-item:hover,
.is-district-item.selected {
  background: rgba(255, 255, 255, 0.09) !important;
  border-color: rgba(56, 189, 248, 0.6) !important;
  transform: translateX(2px) !important;
}

.is-district-item .is-dist-name {
  flex: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #f1f5f9 !important;
  font-weight: 600 !important;
}

.is-leaflet-district-pin {
  display: flex !important;
  align-items: center !important;
  cursor: pointer !important;
  z-index: 100 !important;
  pointer-events: auto !important;
}

.is-leaflet-district-pin:hover,
.is-leaflet-district-pin.selected {
  z-index: 99999 !important;
}

.is-leaflet-district-pin:hover .is-district-pin-pill,
.is-leaflet-district-pin.selected .is-district-pin-pill {
  transform: scale(1.05) !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 0 16px rgba(56, 189, 248, 0.7), 0 3px 10px rgba(0, 0, 0, 0.8) !important;
}

.is-district-pin-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 3px 8px !important;
  background: rgba(11, 19, 43, 0.94) !important;
  border-radius: 20px !important;
  border: 1.5px solid rgba(255, 255, 255, 0.25) !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.6), 0 0 8px rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(6px) !important;
  white-space: nowrap !important;
  font-family: inherit !important;
  pointer-events: auto !important;
}

.is-district-pin-pill.pink {
  border-color: #f43f5e !important;
  box-shadow: 0 3px 12px rgba(244, 63, 94, 0.4) !important;
}
.is-district-pin-pill.green {
  border-color: #10b981 !important;
  box-shadow: 0 3px 12px rgba(16, 185, 129, 0.4) !important;
}
.is-district-pin-pill.yellow {
  border-color: #f59e0b !important;
  box-shadow: 0 3px 12px rgba(245, 158, 11, 0.4) !important;
}

.is-district-pin-pill.selected {
  border-color: #38bdf8 !important;
  box-shadow: 0 0 16px rgba(56, 189, 248, 0.8) !important;
  background: rgba(14, 27, 60, 0.98) !important;
}

.is-district-pin-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
}
.is-district-pin-dot.pink { background: #f43f5e !important; box-shadow: 0 0 6px #f43f5e !important; }
.is-district-pin-dot.green { background: #10b981 !important; box-shadow: 0 0 6px #10b981 !important; }
.is-district-pin-dot.yellow { background: #f59e0b !important; box-shadow: 0 0 6px #f59e0b !important; }

.is-district-pin-name {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #f8fafc !important;
  letter-spacing: -0.01em !important;
}

.is-district-pin-badge {
  font-size: 10px !important;
  font-weight: 800 !important;
  padding: 1px 5px !important;
  border-radius: 10px !important;
}
.is-district-pin-badge.pink { background: #f43f5e !important; color: #fff !important; }
.is-district-pin-badge.green { background: #10b981 !important; color: #050d1a !important; }
.is-district-pin-badge.yellow { background: #f59e0b !important; color: #050d1a !important; }

.is-district-modal-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.65) !important;
  backdrop-filter: blur(4px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 1000 !important;
}

.is-district-popup-card {
  background: #0d1527 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  width: 280px !important;
  max-width: 90% !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8) !important;
  color: #fff !important;
}

.is-popup-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 10px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding-bottom: 6px !important;
}

.is-popup-header h4 {
  font-size: 13px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  color: #38bdf8 !important;
}

.is-popup-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin-bottom: 12px !important;
}

.is-popup-row {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 11px !important;
  color: #94a3b8 !important;
}

.is-popup-row strong {
  color: #f8fafc !important;
}

.is-popup-cta {
  display: block !important;
  text-align: center !important;
  background: #0284c7 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 6px 12px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  transition: background 0.2s ease !important;
}

.is-popup-cta:hover {
  background: #0ea5e9 !important;
}



/* ========================================================================= */
/* LUXURY CITY HERO & ULTRA-AESTHETIC BOTTOM MAP ENHANCEMENTS */
/* ========================================================================= */

.is-panel-hero-box {
  position: relative !important;
  height: 210px !important;
  min-height: 210px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  background: #050811 !important;
}

@keyframes heroImgFadeZoom {
  0% {
    opacity: 0.35;
    transform: scale(1.08);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.is-panel-hero-img-animated {
  animation: heroImgFadeZoom 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 35% !important;
  display: block !important;
}

.is-panel-hero-box::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(5, 8, 17, 0.15) 0%, rgba(5, 8, 17, 0.45) 50%, rgba(5, 8, 17, 0.95) 100%) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

.is-panel-hero-overlay {
  position: absolute !important;
  bottom: 12px !important;
  left: 14px !important;
  right: 14px !important;
  z-index: 4 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  pointer-events: none !important;
}

.is-panel-city-badge-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #94a3b8 !important;
  background: rgba(15, 23, 42, 0.8) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  padding: 2px 8px !important;
  border-radius: 9999px !important;
  backdrop-filter: blur(8px) !important;
  width: max-content !important;
}

.is-panel-city-name {
  font-size: 24px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  margin: 0 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8) !important;
}

.is-panel-city-score-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  padding: 3px 10px !important;
  border-radius: 9999px !important;
  background: rgba(15, 23, 42, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  backdrop-filter: blur(10px) !important;
  width: max-content !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5) !important;
}

.is-panel-city-score-pill.pink {
  border-color: rgba(244, 63, 94, 0.6) !important;
  box-shadow: 0 0 16px rgba(244, 63, 94, 0.3) !important;
}
.is-panel-city-score-pill.pink .is-score-pill-num {
  color: #fb7185 !important;
}

.is-panel-city-score-pill.green {
  border-color: rgba(16, 185, 129, 0.6) !important;
  box-shadow: 0 0 16px rgba(16, 185, 129, 0.3) !important;
}
.is-panel-city-score-pill.green .is-score-pill-num {
  color: #34d399 !important;
}

.is-panel-city-score-pill.yellow {
  border-color: rgba(245, 158, 11, 0.6) !important;
  box-shadow: 0 0 16px rgba(245, 158, 11, 0.3) !important;
}
.is-panel-city-score-pill.yellow .is-score-pill-num {
  color: #fbbf24 !important;
}

.is-score-pill-kicker {
  font-size: 9px !important;
  letter-spacing: 0.06em !important;
  color: #cbd5e1 !important;
}

/* BOTTOM DRILLDOWN SECTION - LUXURY AESTHETIC REDESIGN */
.is-bottom-drilldown-section {
  grid-column: 2 !important;
  grid-row: 2 !important;
  background: radial-gradient(circle at 10% 20%, rgba(15, 23, 42, 0.95) 0%, rgba(5, 9, 20, 0.98) 100%) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 12px 18px 14px 18px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  position: relative !important;
}

.is-drilldown-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 12px !important;
  gap: 16px !important;
}

.is-drilldown-header-left {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 1 !important;
}

.is-drilldown-city-thumb-wrap {
  position: relative !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  border: 1.5px solid rgba(212, 175, 55, 0.5) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.6), 0 0 10px rgba(212, 175, 55, 0.25) !important;
}

.is-drilldown-city-thumb {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transition: transform 0.3s ease !important;
}

.is-drilldown-city-thumb-wrap:hover .is-drilldown-city-thumb {
  transform: scale(1.1) !important;
}

.is-drilldown-thumb-badge {
  position: absolute !important;
  bottom: 2px !important;
  right: 2px !important;
  font-size: 8.5px !important;
  font-weight: 900 !important;
  padding: 1px 4px !important;
  border-radius: 4px !important;
  color: #fff !important;
  background: rgba(0, 0, 0, 0.8) !important;
  backdrop-filter: blur(4px) !important;
}
.is-drilldown-thumb-badge.pink { background: #f43f5e !important; }
.is-drilldown-thumb-badge.green { background: #10b981 !important; }
.is-drilldown-thumb-badge.yellow { background: #f59e0b !important; }

.is-drilldown-title-box {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.is-drilldown-kicker-row {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.is-pulse-beacon {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  box-shadow: 0 0 8px #10b981 !important;
  animation: pulseDotGlow 1.8s infinite !important;
  flex-shrink: 0 !important;
}

@keyframes pulseDotGlow {
  0% { transform: scale(0.9); opacity: 0.7; }
  50% { transform: scale(1.2); opacity: 1; box-shadow: 0 0 12px #10b981; }
  100% { transform: scale(0.9); opacity: 0.7; }
}

.is-drilldown-kicker {
  font-size: 9.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  color: #d4af37 !important;
  text-transform: uppercase !important;
}

.is-kicker-sep {
  color: rgba(255, 255, 255, 0.25) !important;
  font-size: 8px !important;
}

.is-kicker-region {
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
}

.is-drilldown-title {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #e2e8f0 !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

.is-drilldown-title strong {
  color: #ffffff !important;
  font-weight: 800 !important;
}

.is-drilldown-sub {
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

.is-drilldown-header-stats {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.is-drilldown-stat-pill {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 8px !important;
  padding: 4px 10px !important;
  backdrop-filter: blur(8px) !important;
}

.is-stat-pill-label {
  font-size: 9px !important;
  font-weight: 700 !important;
  color: #64748b !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

.is-stat-pill-val {
  font-size: 11.5px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.is-stat-pill-val.gold { color: #f59e0b !important; }
.is-stat-pill-val.green { color: #10b981 !important; }
.is-stat-pill-val.cyan { color: #38bdf8 !important; }

/* BOTTOM MAP WRAPPER & GRID */
.is-drilldown-grid {
  display: grid !important;
  grid-template-columns: 180px 1fr 180px !important;
  gap: 14px !important;
  align-items: stretch !important;
  width: 100% !important;
}

.is-peninsula-map-wrap {
  position: relative !important;
  height: 250px !important;
  min-height: 250px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  background: #060b18 !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.7), inset 0 0 20px rgba(0, 0, 0, 0.5) !important;
}

.is-bottom-map-badge-overlay {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 500 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 4px 10px 4px 5px !important;
  background: rgba(10, 16, 32, 0.9) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 9999px !important;
  backdrop-filter: blur(12px) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.6) !important;
  pointer-events: none !important;
}

.is-bottom-map-thumb-mini {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 1px solid rgba(212, 175, 55, 0.6) !important;
  flex-shrink: 0 !important;
}

.is-bottom-map-badge-texts {
  display: flex !important;
  flex-direction: column !important;
  gap: 0px !important;
}

.is-badge-city-name {
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.1 !important;
}

.is-badge-region-name {
  font-size: 8.5px !important;
  color: #94a3b8 !important;
  line-height: 1.1 !important;
}

.is-badge-score-pill {
  font-size: 9.5px !important;
  font-weight: 800 !important;
  padding: 1px 6px !important;
  border-radius: 9999px !important;
  color: #fff !important;
  margin-left: 2px !important;
}
.is-badge-score-pill.pink { background: #f43f5e !important; }
.is-badge-score-pill.green { background: #10b981 !important; }
.is-badge-score-pill.yellow { background: #f59e0b !important; }

/* DISTRICT LIST COLUMNS */
.is-district-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  max-height: 250px !important;
  overflow-y: auto !important;
  padding-right: 4px !important;
}

.is-district-col::-webkit-scrollbar {
  width: 3px !important;
}
.is-district-col::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.25) !important;
  border-radius: 3px !important;
}

.is-district-item {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 9px !important;
  font-size: 11px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  user-select: none !important;
}

.is-district-item:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(56, 189, 248, 0.5) !important;
  transform: translateX(3px) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

.is-district-item.selected {
  background: rgba(14, 165, 233, 0.15) !important;
  border-color: #38bdf8 !important;
  transform: translateX(4px) !important;
  box-shadow: 0 0 14px rgba(56, 189, 248, 0.35) !important;
}

.is-district-item .is-dist-name {
  flex: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #f1f5f9 !important;
  font-weight: 600 !important;
  font-size: 11px !important;
}

.is-district-item.selected .is-dist-name {
  color: #38bdf8 !important;
  font-weight: 700 !important;
}

/* TOP LEAFLET PIN HIGHLIGHT ON ACTIVE */
.is-leaflet-real-pin.selected .is-marker-pill,
.is-marker-pill.selected {
  transform: scale(1.14) !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 0 20px rgba(56, 189, 248, 0.8), 0 4px 16px rgba(0, 0, 0, 0.8) !important;
  background: rgba(12, 22, 48, 0.98) !important;
  z-index: 99999 !important;
}


/* ========================================================================= */
/* ABSOLUTE ANTI-JITTER & HOVER STABILITY FOR MAP MARKERS & PINS */
/* ========================================================================= */
.leaflet-marker-icon,
.is-leaflet-real-pin,
.is-leaflet-district-pin {
  /* Never animate or override container transforms - prevents marker jumping */
  transition: none !important;
}

.is-leaflet-district-pin {
  display: flex !important;
  align-items: center !important;
  cursor: pointer !important;
  z-index: 100 !important;
  pointer-events: auto !important;
}

.is-leaflet-district-pin:hover,
.is-leaflet-district-pin.selected {
  z-index: 99999 !important;
}

/* Animate only the inner pill - perfectly stable on hover with zero jumping */
.is-district-pin-pill {
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease !important;
  transform-origin: center center !important;
  will-change: transform !important;
}

.is-leaflet-district-pin:hover .is-district-pin-pill,
.is-leaflet-district-pin.selected .is-district-pin-pill {
  transform: scale(1.05) !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 0 16px rgba(56, 189, 248, 0.7), 0 3px 10px rgba(0, 0, 0, 0.8) !important;
}

.is-marker-pill {
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease !important;
  transform-origin: center center !important;
  will-change: transform !important;
}

.is-leaflet-real-pin:hover .is-marker-pill,
.is-leaflet-real-pin.selected .is-marker-pill {
  transform: scale(1.05) !important;
}

/* ==========================================================================
   DYNAMIC DISTRICT / PROPERTY VIEW IN RIGHT DATA PANEL
   ========================================================================== */
.is-panel-hero-box.is-district-hero-box {
  position: relative !important;
  height: 165px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

.is-district-top-nav {
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;
  right: 12px !important;
  z-index: 8 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 8px !important;
}

.is-district-back-btn {
  background: rgba(10, 15, 29, 0.88) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
  border-radius: 9999px !important;
  padding: 5px 12px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
}

.is-district-back-btn:hover {
  background: #e60067 !important;
  border-color: #ff3388 !important;
  color: #ffffff !important;
  transform: translateX(-3px) scale(1.03) !important;
  box-shadow: 0 6px 18px rgba(230, 0, 103, 0.45) !important;
}

.is-district-badge-chip {
  background: rgba(15, 23, 42, 0.85) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(34, 197, 94, 0.4) !important;
  color: #4ade80 !important;
  border-radius: 9999px !important;
  padding: 4px 10px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.is-district-advisory-banner {
  margin-top: 14px !important;
  padding: 13px !important;
  background: linear-gradient(135deg, rgba(230, 0, 103, 0.09), rgba(15, 23, 42, 0.75)) !important;
  border: 1px solid rgba(230, 0, 103, 0.28) !important;
  border-radius: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
}

.is-advisory-title {
  font-size: 12.5px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 0 3px 0 !important;
}

.is-advisory-sub {
  font-size: 10.5px !important;
  color: #94a3b8 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

.is-district-advisory-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.is-district-dossier-btn {
  flex: 1 !important;
  background: linear-gradient(135deg, #e60067, #b0004e) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 7px 12px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  text-align: center !important;
}

.is-district-dossier-btn:hover {
  filter: brightness(1.15) !important;
  box-shadow: 0 4px 14px rgba(230, 0, 103, 0.45) !important;
}

.is-district-back-inline-btn {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #cbd5e1 !important;
  border-radius: 6px !important;
  padding: 7px 10px !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}

.is-district-back-inline-btn:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

/* Active bottom map pin marker highlight */
.is-leaflet-district-pin.is-marker-selected .is-district-pin-pill {
  box-shadow: 0 0 0 3px #e60067, 0 8px 24px rgba(0, 0, 0, 0.7) !important;
  border-color: #ffffff !important;
  background: rgba(230, 0, 103, 0.95) !important;
  color: #ffffff !important;
  transform: scale(1.12) translateY(-2px) !important;
  z-index: 9999 !important;
}
.is-leaflet-district-pin.is-marker-selected {
  z-index: 9999 !important;
}

.is-panel-select-wrap.is-district-select-wrap {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}


/* ==========================================================================
   IMMO100FIN INVEST SCORE™ - RENT & SELL SPLIT LISTINGS FEED MODE
   ========================================================================== */

/* Split Mode Dashboard Grid: Sidebar (64px), Map (55%), Feed (remainder ~41%) */
.is-dashboard-body.is-listings-split-mode {
  display: grid !important;
  grid-template-columns: 64px 55% 1fr !important;
  grid-template-rows: 1fr !important;
  height: calc(100vh - 105px) !important;
  min-height: calc(100vh - 105px) !important;
  max-height: calc(100vh - 105px) !important;
  overflow: hidden !important;
  width: 100% !important;
  background: #060913 !important;
}

/* Map Stage in Split Mode: Fills column 2 completely */
.is-dashboard-body.is-listings-split-mode .is-map-stage {
  grid-column: 2 !important;
  grid-row: 1 !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  width: 100% !important;
  position: relative !important;
  overflow: hidden !important;
  border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Hide Invest Score Data Panel & Bottom Drilldown Section when in Listings Mode */
.is-dashboard-body.is-listings-split-mode .is-data-panel,
.is-dashboard-body.is-listings-split-mode .is-bottom-drilldown-section {
  display: none !important;
}

/* Listings Feed Panel on the Right Side (Column 3) */
.is-listings-feed-panel {
  grid-column: 3 !important;
  grid-row: 1 !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: calc(100vh - 105px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scroll-behavior: smooth !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
  background: #080d19 !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(255, 255, 255, 0.28) rgba(255, 255, 255, 0.03) !important;
}

.is-listings-feed-panel::-webkit-scrollbar {
  width: 8px !important;
}
.is-listings-feed-panel::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.02) !important;
}
.is-listings-feed-panel::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.22) !important;
  border-radius: 6px !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.is-listings-feed-panel::-webkit-scrollbar-thumb:hover {
  background: #10b981 !important;
}

/* 1. Top Category Mode Bar (Rent / Sell / Off-plan toggle) */
.is-feed-category-tabs-bar {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 10px 16px !important;
  background: #090e1c !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.is-feed-cat-tab-btn {
  flex: 1 !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #94a3b8 !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.is-feed-cat-tab-btn:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

.is-feed-cat-tab-btn.active.rent {
  background: #10b981 !important;
  color: #03140e !important;
  border-color: #10b981 !important;
  box-shadow: 0 2px 10px rgba(16, 185, 129, 0.3) !important;
}

.is-feed-cat-tab-btn.active.sell {
  background: #f59e0b !important;
  color: #1a1202 !important;
  border-color: #f59e0b !important;
  box-shadow: 0 2px 10px rgba(245, 158, 11, 0.3) !important;
}

/* 2. Sticky Search Bar & Filter Chips */
.is-feed-search-section {
  position: sticky !important;
  top: 0 !important;
  z-index: 25 !important;
  background: rgba(8, 13, 25, 0.95) !important;
  backdrop-filter: blur(14px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 10px 16px 8px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.is-feed-search-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.is-feed-search-input-box {
  position: relative !important;
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
}

.is-feed-search-input-box svg.feed-search-icon {
  position: absolute !important;
  left: 11px !important;
  color: #64748b !important;
  pointer-events: none !important;
}

.is-feed-search-input {
  width: 100% !important;
  padding: 8px 32px 8px 34px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  outline: none !important;
  transition: all 0.2s ease !important;
}

.is-feed-search-input:focus {
  border-color: #10b981 !important;
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2) !important;
}

.is-feed-clear-search-btn {
  position: absolute !important;
  right: 10px !important;
  background: transparent !important;
  border: none !important;
  color: #64748b !important;
  cursor: pointer !important;
  padding: 2px !important;
}
.is-feed-clear-search-btn:hover {
  color: #ffffff !important;
}

.is-feed-filter-toggle-btn {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 12px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px !important;
  color: #cbd5e1 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}

.is-feed-filter-toggle-btn:hover,
.is-feed-filter-toggle-btn.active {
  background: #10b981 !important;
  color: #03140e !important;
  border-color: #10b981 !important;
}

.is-feed-chips-carousel {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  overflow-x: auto !important;
  padding-bottom: 2px !important;
  scrollbar-width: none !important;
}
.is-feed-chips-carousel::-webkit-scrollbar {
  display: none !important;
}

.is-feed-chip-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4.5px 9px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 7px !important;
  color: #94a3b8 !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.is-feed-chip-btn:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.09) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.is-feed-chip-btn.active {
  background: #10b981 !important;
  color: #03140e !important;
  border-color: #10b981 !important;
  font-weight: 800 !important;
}

.is-feed-chip-btn.reset {
  color: #f43f5e !important;
  border-color: rgba(244, 63, 94, 0.3) !important;
}
.is-feed-chip-btn.reset:hover {
  background: rgba(244, 63, 94, 0.15) !important;
  color: #ffffff !important;
}

/* 3. Toolbar (Count & Sort) */
.is-feed-meta-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 16px 6px 16px !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.is-feed-count-text {
  font-size: 11.5px !important;
  color: #94a3b8 !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.is-feed-count-text strong {
  font-size: 12.5px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
}

.is-feed-sort-box {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  padding: 4px 8px !important;
}

.is-feed-sort-select {
  background: transparent !important;
  border: none !important;
  color: #cbd5e1 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  outline: none !important;
  cursor: pointer !important;
}
.is-feed-sort-select option {
  background: #090e1c !important;
  color: #ffffff !important;
}

/* 4. 2-Column Cards Grid */
.is-feed-grid-container {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 12px !important;
  padding: 8px 14px 120px 14px !important;
  box-sizing: border-box !important;
}

@media (max-width: 900px) {
  .is-feed-grid-container {
    grid-template-columns: 1fr !important;
  }
}

/* 5. Property Card */
.is-card-item {
  background: #0d1424 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
}

.is-card-item:hover,
.is-card-item.selected {
  transform: translateY(-2px) !important;
  border-color: rgba(16, 185, 129, 0.4) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), 0 0 16px rgba(16, 185, 129, 0.12) !important;
}

.is-card-media-wrap {
  position: relative !important;
  height: 155px !important;
  width: 100% !important;
  overflow: hidden !important;
  background: #070b14 !important;
}

.is-card-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.is-card-item:hover .is-card-img {
  transform: scale(1.05) !important;
}

.is-card-shade-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.75) 100%) !important;
  pointer-events: none !important;
}

.is-card-badges-top {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  z-index: 2 !important;
}

.is-card-badge-status {
  padding: 2.5px 6px !important;
  border-radius: 5px !important;
  font-size: 8.5px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
}

.is-card-badge-status.rent {
  background: #03231a !important;
  color: #34d399 !important;
  border: 1px solid rgba(52, 211, 153, 0.4) !important;
}

.is-card-badge-status.sale {
  background: #251603 !important;
  color: #fbbf24 !important;
  border: 1px solid rgba(251, 191, 36, 0.4) !important;
}

.is-card-badge-prop-type {
  padding: 2.5px 6px !important;
  border-radius: 5px !important;
  font-size: 8.5px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  background: rgba(6, 182, 212, 0.18) !important;
  color: #38bdf8 !important;
  border: 1px solid rgba(6, 182, 212, 0.35) !important;
}

.is-card-fav-btn {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: rgba(15, 23, 42, 0.8) !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #cbd5e1 !important;
  cursor: pointer !important;
  z-index: 2 !important;
  transition: all 0.2s ease !important;
}

.is-card-fav-btn:hover {
  transform: scale(1.1) !important;
  color: #f43f5e !important;
}

.is-card-fav-btn.active {
  color: #f43f5e !important;
  background: rgba(244, 63, 94, 0.2) !important;
  border-color: #f43f5e !important;
}

.is-card-metrics-overlay {
  position: absolute !important;
  bottom: 6px !important;
  left: 8px !important;
  right: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  z-index: 2 !important;
}

.is-card-yield-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3.5px !important;
  padding: 2px 6px !important;
  background: rgba(3, 27, 20, 0.85) !important;
  backdrop-filter: blur(6px) !important;
  border: 1px solid rgba(52, 211, 153, 0.4) !important;
  border-radius: 5px !important;
  color: #34d399 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}

.is-card-count-tag {
  padding: 2px 5px !important;
  border-radius: 4px !important;
  background: rgba(0, 0, 0, 0.6) !important;
  color: #e2e8f0 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
}

.is-card-details-box {
  padding: 10px 12px 12px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  flex: 1 !important;
}

.is-card-price-header {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
}

.is-card-price-bold {
  font-size: 14px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
}

.is-card-price-unit {
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
  margin-left: 2px !important;
}

.is-card-title-text {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #f1f5f9 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.is-card-loc-text {
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
  font-size: 10.5px !important;
  color: #94a3b8 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.is-card-verified-badge {
  color: #10b981 !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
}

.is-card-specs-container {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 1px !important;
  font-size: 10.5px !important;
  color: #cbd5e1 !important;
}

.is-card-spec-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  color: #94a3b8 !important;
}

.is-card-spec-item span {
  color: #e2e8f0 !important;
  font-weight: 700 !important;
}

.is-card-buttons-row {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 4px !important;
  padding-top: 6px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.is-card-btn-view {
  flex: 1 !important;
  padding: 6.5px 10px !important;
  background: #090e1c !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 7px !important;
  color: #ffffff !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.is-card-btn-view:hover {
  background: #17223b !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

.is-card-circle-btn {
  width: 28px !important;
  height: 28px !important;
  border-radius: 7px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.is-card-circle-btn.whatsapp {
  background: #10b981 !important;
  color: #ffffff !important;
}
.is-card-circle-btn.whatsapp:hover {
  background: #059669 !important;
  transform: scale(1.05) !important;
}

.is-card-circle-btn.phone {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #cbd5e1 !important;
}
.is-card-circle-btn.phone:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

/* Map Markers for Properties in Listings Mode */
.is-leaflet-prop-pin {
  background: transparent !important;
  border: none !important;
}

.is-property-map-pin {
  padding: 4px 8px !important;
  border-radius: 8px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6) !important;
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: transform 0.2s ease !important;
}

.is-property-map-pin.rent {
  background: #10b981 !important;
  color: #03140e !important;
  border: 1.5px solid #ffffff !important;
}

.is-property-map-pin.sale {
  background: #f59e0b !important;
  color: #1a1202 !important;
  border: 1.5px solid #ffffff !important;
}

.is-property-map-pin:hover {
  transform: scale(1.15) !important;
}

/* ========================================================================= */
/* --- IMMO100FIN LUXURY PROPERTY WATERMARK SYSTEM (50% OPACITY) ---         */
/* ========================================================================= */
.immo-watermark-overlay,
.card-media-wrapper::after,
.is-card-media-wrap::after,
.dev-card-media-wrapper::after,
.popular-listing-visual::after,
.panoramic-card-visual::after,
.perspective-card-visual::after,
.tpa-card-img-wrap::after,
.listing-card-thumb-wrap::after,
.preview-img-container::after,
.plaza-slide-item::after,
.immo-watermark-container::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: clamp(88px, 24%, 128px) !important;
  aspect-ratio: 372 / 286 !important;
  background-image: url('/immo100fin-gold-logo.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  opacity: 0.5 !important;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.85)) drop-shadow(0 0 1px rgba(0, 0, 0, 0.9)) !important;
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
  z-index: 2 !important;
}

/* Larger scaled watermark for big hero & detail viewers */
.hero-watermark::after,
.immo-watermark-hero::after,
.immo-watermark-container.hero-watermark::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: clamp(140px, 22%, 240px) !important;
  aspect-ratio: 372 / 286 !important;
  background-image: url('/immo100fin-gold-logo.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  opacity: 0.5 !important;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.9)) drop-shadow(0 0 1px rgba(0, 0, 0, 0.95)) !important;
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
  z-index: 5 !important;
}

/* Ensure media containers are positioned relative */
.card-media-wrapper,
.is-card-media-wrap,
.dev-card-media-wrapper,
.popular-listing-visual,
.panoramic-card-visual,
.perspective-card-visual,
.tpa-card-img-wrap,
.listing-card-thumb-wrap,
.preview-img-container,
.immo-watermark-container {
  position: relative !important;
}

/* Prevent unauthorized dragging / copying of property images */
.card-media-img,
.is-card-img,
.dev-card-media-img,
.popular-listing-visual img,
.panoramic-card-visual img,
.perspective-card-visual img,
.tpa-card-img-wrap img,
.immo-watermark-container img {
  user-select: none !important;
  -webkit-user-drag: none !important;
}

/* ==========================================================================
   IMMO100FIN 4-KANI (STRICT 0px BORDER-RADIUS) ZERO-CURVE RULES
   Enforces crisp 4 sharp corners on all Nous Rejoindre cards, buttons, & elements
   ========================================================================== */
.join-us-showcase-section,
.join-us-showcase-section *,
.join-card,
.join-card *,
.join-card-icon-wrap,
.join-card-icon-wrap *,
.join-card-btn,
.join-card-btn *,
.join-modal-backdrop,
.join-modal-backdrop *,
.join-modal-container,
.join-modal-container *,
.join-modal-container input,
.join-modal-container textarea,
.join-modal-container select,
.join-modal-container button,
.join-modal-close-btn,
.join-track-tabs,
.join-track-tab,
.join-upload-dropzone,
.join-submit-btn,
.join-success-check,
.join-success-ref-badge,
.join-success-close-btn,
.join-breadcrumb-pill {
  border-radius: 0px !important;
}

/* ==========================================================================
   PANORAMIC WIDE VIDEO & 5 BRANDED RESIDENCES CARDS (LUXURY FINISH)
   Enforces exactly 5 cards, full-bleed images, dark vignette, and crisp legible titles
   ========================================================================== */
.panoramic-branded-section {
  position: relative !important;
  padding: 20px 0 60px 0 !important;
  background: #FAFAF9 !important;
}

.panoramic-video-container {
  max-width: 1360px !important;
  margin: 0 auto !important;
  padding: 0 16px !important;
}

.panoramic-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-top: 24px !important;
  width: 100% !important;
}

.panoramic-brand-card {
  display: block !important;
  position: relative !important;
  height: 380px !important;
  border-radius: 0px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.12) !important;
  border: 1px solid rgba(226, 232, 240, 0.7) !important;
  transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.4s ease !important;
  background: #0f172a !important;
}

.panoramic-brand-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 24px 45px rgba(10, 22, 41, 0.24) !important;
}

.panoramic-card-visual {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  z-index: 1 !important;
  border-radius: 0px !important;
}

.panoramic-card-visual img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  border-radius: 0px !important;
}

.panoramic-brand-card:hover .panoramic-card-visual img {
  transform: scale(1.08) !important;
}

.panoramic-card-vignette {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(10, 22, 41, 0.15) 0%, rgba(10, 22, 41, 0) 30%, rgba(10, 22, 41, 0.75) 70%, rgba(10, 22, 41, 0.95) 100%) !important;
  z-index: 2 !important;
  pointer-events: none !important;
  border-radius: 0px !important;
}

.panoramic-card-visual::after {
  z-index: 3 !important;
}

.panoramic-card-info {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 22px 18px !important;
  z-index: 4 !important;
  pointer-events: none !important;
}

.panoramic-card-badge {
  display: inline-block !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  color: #F8FAFC !important;
  background: rgba(15, 23, 42, 0.75) !important;
  backdrop-filter: blur(8px) !important;
  padding: 4px 10px !important;
  border-radius: 0px !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  margin-bottom: 8px !important;
  letter-spacing: 0.02em !important;
}

.panoramic-card-title {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #FFFFFF !important;
  margin: 0 0 4px 0 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
}

.panoramic-card-loc {
  font-size: 0.82rem !important;
  color: rgba(248, 250, 252, 0.9) !important;
  margin: 0 !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.7) !important;
}

@media (max-width: 1024px) {
  .panoramic-cards-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 768px) {
  .panoramic-cards-grid {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    gap: 14px !important;
    padding-bottom: 12px !important;
  }
  .panoramic-brand-card {
    flex: 0 0 260px !important;
    height: 340px !important;
    scroll-snap-align: start !important;
  }
}

/* ==========================================================================
/* ==========================================================================
   UNIVERSAL 4-KANI (0px BORDER-RADIUS) ZERO-CURVE RULES
   Enforces crisp 4 sharp corners on Modals, Popups, Form Controls, Cards,
   Buttons, Badges, Pills and Floating Elements across the entire website.
   ========================================================================== */
.panoramic-cards-grid,
.panoramic-cards-grid *,
.panoramic-brand-card,
.panoramic-brand-card *,
.panoramic-card-visual,
.panoramic-card-visual *,
.panoramic-card-visual img,
.panoramic-card-vignette,
.panoramic-card-badge,
.contact-bar,
.contact-bar *,
.orven-home .contact-bar,
.dark .orven-home .contact-bar,
.contact-bar > a,
.contact-bar .contact-wa,
.contact-bar .contact-call,
.contact-bar .contact-email,
.floating-contact-pill,
.floating-contact-actions,
.floating-actions-bar,
.floating-contact-actions-bar,
.scroll-to-top-btn,
.scroll-to-top-btn *,
.mobile-app-property-card,
.mobile-app-property-card *,
.card-media-wrapper,
.card-media-wrapper *,
.property-card,
.property-card *,
.dev-card,
.dev-card *,
.dev-card-media-wrapper,
.dev-card-media-wrapper *,
.listing-card,
.listing-card *,
.popular-card,
.popular-card *,
.fixed,
.fixed *,
.fixed > div,
.fixed > div *,
[role="dialog"],
[role="dialog"] *,
.modal,
.modal *,
.modal-container,
.modal-container *,
.modal-backdrop,
.modal-backdrop *,
.modal-content,
.modal-content *,
.join-modal-container,
.join-modal-container *,
.join-modal-backdrop,
.join-modal-backdrop *,
input,
input *,
select,
select *,
textarea,
textarea *,
button,
button *,
.form-control,
.form-input,
.form-select,
.form-textarea,
.badge,
.pill,
.tab,
.category-tab,
div[class*="rounded-3xl"],
div[class*="rounded-2xl"],
div[class*="rounded-xl"],
div[class*="rounded-lg"],
div[class*="rounded-md"],
div[class*="rounded-full"],
button[class*="rounded-"],
input[class*="rounded-"],
select[class*="rounded-"],
textarea[class*="rounded-"] {
  border-radius: 0px !important;
}

/* ==========================================================================
   MOBILE VIEW: ABSOLUTELY FIXED & ROCK-SOLID NAVBAR - NEVER SHIFTS ON SCROLL
   Prevents logo on the left and menu on the right from shifting/jumping on scroll
   ========================================================================== */
@media (max-width: 1024px) {
  .navbar,
  nav.navbar,
  .header-style-coldwellbanker,
  .navbar.header-style-coldwellbanker,
  nav.navbar.header-style-coldwellbanker,
  html.is-scrolled .navbar,
  html.is-scrolled nav.navbar,
  html.is-scrolled .header-style-coldwellbanker,
  html.is-scrolled nav.navbar.header-style-coldwellbanker,
  .navbar.is-scrolled,
  nav.navbar.is-scrolled,
  .header-style-coldwellbanker.is-scrolled,
  nav.navbar.header-style-coldwellbanker.is-scrolled,
  .navbar.is-inner-page,
  nav.navbar.is-inner-page,
  .header-style-coldwellbanker.is-inner-page,
  nav.navbar.header-style-coldwellbanker.is-inner-page {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    padding: 0 16px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
  }

  .navbar .nav-container-full,
  .header-style-coldwellbanker .nav-container-full,
  .navbar .nav-container,
  .header-style-coldwellbanker .nav-container,
  html.is-scrolled .nav-container-full,
  html.is-scrolled .header-style-coldwellbanker .nav-container-full,
  .navbar.is-scrolled .nav-container-full,
  .header-style-coldwellbanker.is-scrolled .nav-container-full {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    height: 100% !important;
    background: transparent !important;
  }

  /* Left: Logo locked completely to the left, no margin shift */
  .navbar .brand-center,
  .header-style-coldwellbanker .brand-center,
  .header-style-coldwellbanker .brand-style-coldwellbanker,
  .header-style-coldwellbanker .cb-brand-wrap,
  html.is-scrolled .brand-center,
  html.is-scrolled .header-style-coldwellbanker .brand-center,
  .navbar.is-scrolled .brand-center,
  .header-style-coldwellbanker.is-scrolled .brand-center {
    order: 1 !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-shrink: 0 !important;
    transition: none !important;
  }

  /* Logo Image: consistent locked size and appearance */
  .navbar .nav-logo,
  .navbar .cb-logo-img,
  .header-style-coldwellbanker .nav-logo,
  .header-style-coldwellbanker .cb-logo-img,
  html.is-scrolled .nav-logo,
  html.is-scrolled .cb-logo-img,
  html.is-scrolled .header-style-coldwellbanker .nav-logo,
  html.is-scrolled .header-style-coldwellbanker .cb-logo-img,
  .navbar.is-scrolled .nav-logo,
  .navbar.is-scrolled .cb-logo-img,
  .header-style-coldwellbanker.is-scrolled .nav-logo,
  .header-style-coldwellbanker.is-scrolled .cb-logo-img {
    height: 44px !important;
    max-height: 44px !important;
    width: auto !important;
    max-width: 175px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    filter: none !important;
    transition: none !important;
  }

  /* Right Side Container: locked to the right */
  .navbar .nav-side.nav-right,
  .header-style-coldwellbanker .nav-side.nav-right,
  html.is-scrolled .nav-side.nav-right,
  .navbar.is-scrolled .nav-side.nav-right,
  .header-style-coldwellbanker.is-scrolled .nav-side.nav-right {
    order: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    background: transparent !important;
  }

  /* Hamburger Menu Button: locked position and dimensions (3 Clean Lines Only - No Outer Border/Box) */
  .cb-mobile-hamburger-btn,
  .navbar .cb-mobile-hamburger-btn,
  .header-style-coldwellbanker .cb-mobile-hamburger-btn,
  html.is-scrolled .cb-mobile-hamburger-btn,
  html.is-scrolled .navbar .cb-mobile-hamburger-btn,
  html.is-scrolled .header-style-coldwellbanker .cb-mobile-hamburger-btn,
  .navbar.is-scrolled .cb-mobile-hamburger-btn,
  .header-style-coldwellbanker.is-scrolled .cb-mobile-hamburger-btn,
  .navbar.is-inner-page .cb-mobile-hamburger-btn,
  .header-style-coldwellbanker.is-inner-page .cb-mobile-hamburger-btn {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    transition: none !important;
  }

  .cb-mobile-hamburger-btn:hover,
  .cb-mobile-hamburger-btn:active,
  .cb-mobile-hamburger-btn:focus,
  .navbar.is-scrolled .cb-mobile-hamburger-btn:hover,
  .navbar.is-scrolled .cb-mobile-hamburger-btn:active {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
  }

  .cb-mobile-hamburger-btn .cb-menu-bar,
  .navbar .cb-mobile-hamburger-btn .cb-menu-bar,
  .header-style-coldwellbanker .cb-mobile-hamburger-btn .cb-menu-bar {
    width: 18px !important;
    height: 2px !important;
    background-color: #ffffff !important;
    border-radius: 2px !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
    transition: background-color 0.25s ease !important;
  }

  html.is-scrolled .cb-mobile-hamburger-btn .cb-menu-bar,
  .navbar.is-scrolled .cb-mobile-hamburger-btn .cb-menu-bar,
  .header-style-coldwellbanker.is-scrolled .cb-mobile-hamburger-btn .cb-menu-bar,
  .navbar.is-inner-page .cb-mobile-hamburger-btn .cb-menu-bar,
  .header-style-coldwellbanker.is-inner-page .cb-mobile-hamburger-btn .cb-menu-bar {
    background-color: #0f172a !important;
    box-shadow: none !important;
  }
}



/* --- IMMO100FIN ABOUT PAGE 4-KANI FULL BLEED ENHANCEMENTS --- */
.about-page-wrapper {
  padding-top: 76px !important;
}
.about-story-section.about-story-hero,
.about-story-hero {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-top: none !important;
  border-bottom: 1px solid #EEF2F6 !important;
}
.about-story-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-top: none !important;
  border-bottom: 1px solid #EEF2F6 !important;
}
.about-story-section .about-container {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
.about-story-grid,
.about-story-grid-reverse {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: 720px !important;
}
.about-story-media {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.about-story-img-frame {
  flex: 1 1 auto !important;
  height: 100% !important;
  width: 100% !important;
  min-height: 720px !important;
  border-radius: 0 !important;
  border: none !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: none !important;
  background: #0A192F !important;
  margin: 0 !important;
}
.about-story-img {
  width: 100% !important;
  height: 100% !important;
  min-height: 720px !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  margin: 0 !important;
}
.about-story-text {
  padding: 56px 64px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}
@media (max-width: 1200px) {
  .about-story-text {
    padding: 40px 44px !important;
  }
}
@media (max-width: 991px) {
  .about-story-grid,
  .about-story-grid-reverse {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }
  .about-story-img-frame,
  .about-story-img {
    min-height: 440px !important;
  }
  .about-story-text {
    padding: 40px 24px !important;
  }
}
.story-floating-trust-pill {
  position: absolute !important;
  bottom: 24px !important;
  left: 24px !important;
  right: 24px !important;
  z-index: 5 !important;
}

/* Hide obsolete hero navigation dots completely */
.hero-navigation,
.hero-dots,
.orven-wrap.hero-navigation,
.hero-signature-divider {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  pointer-events: none !important;
}