:root { --navy:#0f2347; --navy-mid:#162d58; --navy-light:#122050; --gold:#c8972a; --gold-light:#f5c96e; --gold-dim:rgba(200,151,42,.15); --cream:#f5f0e8; --white:#ffffff; --gray:#7a7f9a; }
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:'Montserrat',sans-serif;background:var(--navy);color:var(--white)}
  nav{position:sticky;top:0;z-index:1000;padding:1.2rem 4rem;display:flex;align-items:center;justify-content:space-between;background:rgba(15,35,71,.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(200,151,42,.1)}
  .nav-logo{text-decoration:none;display:flex;align-items:center}
  .nav-logo img{height:44px;width:auto;object-fit:contain}
  .nav-links{display:flex;gap:2.2rem;list-style:none}
  .nav-links a{color:rgba(255,255,255,.75);text-decoration:none;font-size:.7rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;transition:color .2s}
  .nav-links a:hover{color:var(--gold-light)}
  .nav-cta{background:transparent;border:1px solid var(--gold);color:var(--gold-light);padding:.6rem 1.4rem;font-size:.66rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:all .3s}
  .nav-cta:hover{background:var(--gold);color:var(--navy)}
  section{padding:5rem 4rem}
  .section-label{font-size:.62rem;font-weight:500;letter-spacing:.36em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
  .section-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,5vw,3.6rem);font-weight:300;line-height:1.12;color:var(--white);text-shadow:0 2px 16px rgba(0,0,0,.5)}
  .section-title em{font-style:italic;color:var(--gold-light)}
  .gold-divider{width:60px;height:1px;background:var(--gold);margin:1.5rem 0}
  .hero{position:relative;background:var(--navy);padding-top:6rem;padding-bottom:1rem;overflow:hidden}
  .hero-collage{position:absolute;inset:0;display:grid;grid-template-columns:1.6fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:3px}
  .hero-collage img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) brightness(.94)}
  .hero-collage img:nth-child(1){grid-row:1 / 3;grid-column:1}
  .hero-collage img:nth-child(2){grid-row:1;grid-column:2}
  .hero-collage img:nth-child(3){grid-row:1;grid-column:3}
  .hero-collage img:nth-child(4){grid-row:2;grid-column:2}
  .hero-collage img:nth-child(5){grid-row:2;grid-column:3}
  .hero-collage::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(9,20,42,.96) 0%,rgba(9,20,42,.9) 30%,rgba(9,20,42,.6) 52%,rgba(9,20,42,.22) 78%,rgba(9,20,42,.08) 100%)}
  .hero-inner{position:relative;z-index:1;max-width:820px}
  .hero-sub{position:relative;z-index:1;font-size:.9rem;line-height:1.9;color:rgba(255,255,255,.85);max-width:640px;margin-top:1.5rem;text-shadow:0 1px 10px rgba(0,0,0,.55)}
  .market-group{margin-top:3rem}
  .group-label{font-size:.62rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--gray);margin-bottom:1.2rem}
  .market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem;margin-bottom:3rem}
  .market-card{display:flex;align-items:center;justify-content:space-between;gap:.8rem;background:rgba(255,255,255,.03);border:1px solid rgba(200,151,42,.16);padding:1.1rem 1.4rem;text-decoration:none;color:var(--white);transition:all .25s}
  .market-card:hover{border-color:var(--gold);background:rgba(200,151,42,.06)}
  .market-card span.flag{font-size:1.3rem}
  .market-card span.name{font-family:'Cormorant Garamond',serif;font-size:1.15rem}
  .market-card span.arrow{color:var(--gold);opacity:0;transition:opacity .2s}
  .market-card:hover span.arrow{opacity:1}
  .note-box{border:1px solid rgba(200,151,42,.2);background:rgba(200,151,42,.03);padding:1.6rem 1.8rem;font-size:.82rem;line-height:1.85;color:rgba(255,255,255,.68);max-width:640px}
  .note-box a{color:var(--gold-light)}
  footer{background:#030913;padding:3rem 4rem;border-top:1px solid rgba(200,151,42,.08)}
  .footer-bottom{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
  .footer-bottom p{font-size:.7rem;color:var(--gray)}
  @media(max-width:768px){nav{padding:1rem 1.5rem}.nav-links{display:none}section{padding:3.5rem 1.5rem}footer{padding:2.5rem 1.5rem}}

  .nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.4rem;flex-direction:column;gap:5px;z-index:1001;position:relative}
  .nav-toggle span{display:block;width:24px;height:2px;background:var(--gold-light,#f5c96e);transition:all .3s}
  .nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-toggle.open span:nth-child(2){opacity:0}
  .nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999}
  .nav-overlay.open{display:block}
  @media(max-width:768px){
    .nav-toggle{display:flex}
    .nav-links{display:none !important;position:fixed;top:0;right:0;bottom:0;width:78vw;max-width:320px;background:var(--navy,#0f2347);flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;padding:6rem 2rem 2rem;box-shadow:-8px 0 40px rgba(0,0,0,.5);overflow-y:auto;z-index:1000}
    .nav-links.mobile-open{display:flex !important}
    .nav-links li{list-style:none;width:100%}
    .nav-links a{display:block;width:100%;padding:.9rem 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.78rem}
  }

.whatsapp-float{position:fixed;bottom:28px;right:28px;z-index:9999;background:#25D366;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.45);transition:transform .2s,box-shadow .2s;text-decoration:none}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(37,211,102,.6)}.whatsapp-float svg{width:30px;height:30px}