:root{
    --bg:#f7f9fc;
    --accent:#15b888; /* green-teal */
    --accent-2:#2b4281; /* deep indigo */
    --muted:#6b7280;
    --card:#ffffff;
    --glass: rgba(255,255,255,0.65);
    --radius:14px;
    --container-width:1100px;
    --shadow: 0 6px 20px rgba(33,33,33,0.08);
    --fw-heading:600;
  }
  
  /* base */
  *{box-sizing:border-box}
  html,body{height:100%}
  body{
    margin:0;
    font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;
    background:var(--bg);
    color:#111827;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    line-height:1.6;
  }
  
  /* container */
  .container{max-width:var(--container-width);margin:0 auto;padding:0 20px}
  
  /* header */
  .site-header{
    background:linear-gradient(90deg, rgba(255,255,255,0.02), rgba(255,255,255,0));
    position:sticky;top:0;z-index:40;backdrop-filter: blur(6px);
    border-bottom:1px solid rgba(15,23,42,0.03);
  }
  .site-header.small{padding:14px 0}
  .header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
  .logo{font-weight:700;color:var(--accent-2);text-decoration:none;font-size:1.05rem}
  .nav a{margin-left:20px;text-decoration:none;color:var(--muted);font-weight:600}
  .nav a.active{color:var(--accent-2)}
  
  /* hero */
  .hero{position:relative;overflow:hidden;padding:80px 0 60px}
  .bg-slider{position:absolute;inset:0;height:100%;width:100%;z-index:0}
  .bg-slider .slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.03);transition:opacity .9s ease, transform .9s ease}
  .bg-slider .slide.active{opacity:1;transform:scale(1)}
  .hero-content{position:relative;z-index:2;display:flex;gap:28px;align-items:center;padding:50px 0}
  .hero-text{flex:1;color:#fff;max-width:680px}
  .hero-text h1{font-family:'Poppins',sans-serif;font-size:2rem;margin:0 0 12px;font-weight:700;line-height:1.08;letter-spacing:-0.02em}
  .subtitle{opacity:0.95;margin:0 0 18px;color:rgba(255,255,255,0.9)}
  .hero-cta .btn{display:inline-block;padding:12px 18px;border-radius:999px;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;margin-right:10px;box-shadow:var(--shadow)}
  .btn.ghost{background:transparent;border:1px solid rgba(255,255,255,0.12);color:#fff}
  .hero-image{width:240px;min-width:180px;background:rgba(255,255,255,0.9);padding:8px;border-radius:16px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center}
  .hero-image img{width:100%;height:auto;border-radius:10px;display:block}
  
  /* overview cards */
  .overview{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:36px auto 80px}
  .card{background:var(--card);padding:20px;border-radius:12px;box-shadow:var(--shadow);border:1px solid rgba(15,23,42,0.03)}
  .card h3{margin:0 0 10px;color:var(--accent-2)}
  
  /* content pages */
  .content{padding:36px 0}
  .paper{background:var(--card);padding:28px;border-radius:12px;box-shadow:var(--shadow)}
  
  /* maps */
  .maps-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}
  .map-card{background:var(--card);padding:16px;border-radius:12px;border:1px solid rgba(15,23,42,0.03);box-shadow:var(--shadow)}
  .map-frame{height:420px;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#f6f8fb,#fff);display:flex;align-items:center;justify-content:center}
  .map-frame img{width:100%;height:100%;object-fit:cover;display:block}
  .map-placeholder{display:none;color:var(--muted);font-size:0.95rem;padding:18px;text-align:center}
  
  /* compare text */
  .compare{margin-top:28px;padding:18px;background:linear-gradient(90deg,rgba(21,184,136,0.06),rgba(43,66,129,0.03));border-radius:12px}
  
  /* footer */
  .site-footer{padding:24px 0;text-align:center;color:var(--muted)}
  
  /* responsive */
  @media (max-width:980px){
    .hero-content{flex-direction:column;align-items:flex-start}
    .hero-image{width:160px}
    .overview{grid-template-columns:1fr}
    .maps-grid{grid-template-columns:1fr}
    .hero-text h1{font-size:1.6rem}
  }