:root{
      --black:#080909;
      --ivory:#f5f3ee;
      --emerald:#063d32;
      --gold:#b99a59;
      --muted:#a6a39d;
      --line:rgba(255,255,255,.14);
      --max:1260px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--black);color:white;font-family:Arial,Helvetica,sans-serif;line-height:1.55}
    a{color:inherit;text-decoration:none}
    .serif{font-family:Georgia,"Times New Roman",serif}
    .container{width:min(var(--max),calc(100% - 48px));margin:auto}
    .eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border:1px solid rgba(255,255,255,.45);font-size:12px;letter-spacing:.13em;text-transform:uppercase;transition:.25s}
    .btn:hover{background:white;color:var(--black)}
    .btn.dark{border-color:#222}
    .btn.dark:hover{background:var(--black);color:white}
    .btn.gold{border-color:var(--gold)}
    header{position:fixed;top:0;left:0;right:0;z-index:30;background:linear-gradient(to bottom,rgba(0,0,0,.75),transparent);backdrop-filter:blur(3px)}
    .nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{font-family:Georgia,serif;letter-spacing:.08em;font-size:18px;white-space:nowrap}
    .brand small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.32em;color:var(--gold);margin-top:4px}
    .links{display:flex;gap:21px;align-items:center;font-size:11px;letter-spacing:.06em}
    .langs{color:#d5d3cd;font-size:10px}
    .mobile-menu{display:none;font-size:24px}

    .hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden}
    .media-backdrop{position:absolute;inset:0;background:
      linear-gradient(90deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.28) 55%,rgba(0,0,0,.52) 100%),
      radial-gradient(circle at 68% 38%,#1a473d 0%,#0d211d 26%,#080909 67%);
    }
    .hero-inner{position:relative;z-index:2;padding:150px 0 86px;max-width:860px}
    h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(48px,7vw,96px);line-height:.92;letter-spacing:-.035em;margin:15px 0 24px}
    .lead{font-family:Georgia,serif;font-size:clamp(20px,2.2vw,30px);color:#eee9de;max-width:700px;margin-bottom:22px}
    .sublead{max-width:680px;color:#d0cec8;font-size:15px}
    .hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
    .hero-meta{margin-top:34px;letter-spacing:.19em;font-size:11px;color:#ddd}

    section{padding:110px 0}
    .intro{background:var(--ivory);color:var(--black);text-align:center}
    .intro h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,5vw,70px);line-height:1.02;margin:15px auto 70px;max-width:950px}
    .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;text-align:left}
    .pillar h3{font-size:13px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px}
    .pillar p{color:#4a4946;font-size:15px;margin:0}

    .split{display:grid;grid-template-columns:1.15fr .85fr;min-height:700px}
    .visual{position:relative;min-height:550px;background:linear-gradient(145deg,#11352d,#070908)}
    .copy{display:flex;align-items:center;padding:80px}
    .copy-inner{max-width:540px}
    .copy h2,.opps h2,.observatory h2,.about h2,.travel h2,.invest h2,.gemcheck h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,5vw,72px);line-height:1.02;margin:14px 0 24px}
    .copy p,.gemcheck p,.about p,.invest p,.travel p,.opps p{color:#c8c6c0}
    .specs{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0}
    .specs span{border:1px solid var(--line);padding:9px 12px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}

    .process{background:var(--ivory);color:var(--black)}
    .process h2{text-align:center;font-family:Georgia,serif;font-size:50px;font-weight:400;margin:0 0 65px}
    .steps{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-top:1px solid #cbc6bb}
    .step{padding:28px 22px;border-right:1px solid #d8d3c8;min-height:190px}
    .step:last-child{border-right:0}
    .step strong{color:var(--gold);font-size:12px;letter-spacing:.12em}
    .step h3{font-size:13px;text-transform:uppercase;letter-spacing:.1em;margin:16px 0 10px}
    .step p{font-size:13px;color:#5f5b54}

    .opps{background:#0d1513}
    .opps-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}
    .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .card{border:1px solid var(--line);padding:28px;min-height:330px;display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.018)}
    .card .tag{font-size:10px;letter-spacing:.14em;color:var(--gold);text-transform:uppercase}
    .card h3{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:10px 0}
    .card p{font-size:14px}
    .media-mini{height:120px;border:1px dashed rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.28);font-size:10px;letter-spacing:.15em}

    .observatory{background:var(--emerald)}
    .obs-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}
    .obs-data{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
    .data-box{border:1px solid rgba(255,255,255,.18);padding:24px}
    .data-box b{font-family:Georgia,serif;font-size:34px;font-weight:400}
    .data-box span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#b8c9c4;margin-top:6px}

    .gemcheck{background:var(--ivory);color:var(--black)}
    .gem-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
    .gemcheck p{color:#55514a}
    .gem-visual{height:500px;position:relative;background:linear-gradient(145deg,#e4e0d5,#bfcac3)}

    .travel{position:relative;min-height:760px;display:flex;align-items:end}
    .travel .media-backdrop{background:
      linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.1)),
      linear-gradient(135deg,#23342f,#0b1512 60%,#050606)}
    .travel-content{position:relative;z-index:2;padding-bottom:75px;max-width:780px}

    .invest{background:#0b0b0b}
    .invest-wrap{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
    .invest-note{border-left:1px solid var(--gold);padding-left:28px;color:#bdbab2;font-size:14px}

    .about{background:var(--ivory);color:var(--black)}
    .about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center}
    .portrait{height:650px;position:relative;background:linear-gradient(150deg,#d8d4c9,#8f9b94)}
    .about p{color:#504d46}
    .quote{font-family:Georgia,serif;font-size:25px;line-height:1.35;margin:35px 0;border-left:2px solid var(--gold);padding-left:24px}

    .cta{position:relative;min-height:620px;display:flex;align-items:center;text-align:center}
    .cta .media-backdrop{background:
      linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.72)),
      radial-gradient(circle at 50% 45%,#2f6b58 0%,#0c1d18 25%,#050606 65%)}
    .cta-inner{position:relative;z-index:2}
    .cta h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,7vw,90px);line-height:.96;margin:10px 0 28px}

    footer{padding:60px 0 80px;background:#050606;border-top:1px solid var(--line)}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}
    footer h4{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}
    footer p,footer a{font-size:13px;color:#aaa69f}

    .whatsapp{position:fixed;right:22px;bottom:22px;z-index:40;width:58px;height:58px;border-radius:50%;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;font-weight:bold;box-shadow:0 8px 30px rgba(0,0,0,.35)}
    .whatsapp:after{content:"WhatsApp";position:absolute;right:68px;background:#111;color:white;padding:8px 10px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none;transition:.2s}
    .whatsapp:hover:after{opacity:1}

    @media(max-width:1000px){
      .links,.langs,.nav .btn{display:none}.mobile-menu{display:block}
      .pillars{grid-template-columns:1fr}
      .split,.gem-grid,.obs-grid,.invest-wrap,.about-grid{grid-template-columns:1fr}
      .copy{padding:60px 28px}
      .steps{grid-template-columns:repeat(2,1fr)}
      .cards{grid-template-columns:1fr}
      .opps-head{display:block}
      .footer-grid{grid-template-columns:1fr}
    }
    @media(max-width:600px){
      .container{width:min(100% - 28px,var(--max))}
      header .nav{height:66px}
      .brand{font-size:15px}
      .hero-inner{padding:120px 0 52px}
      h1{font-size:50px}
      .sublead{display:none}
      section{padding:78px 0}
      .intro h2{font-size:42px;margin-bottom:45px}
      .steps{grid-template-columns:1fr}
      .step{border-right:0;border-bottom:1px solid #d8d3c8;min-height:auto}
      .visual{min-height:420px}
      .copy h2,.opps h2,.observatory h2,.about h2,.travel h2,.invest h2,.gemcheck h2{font-size:43px}
      .obs-data{grid-template-columns:1fr 1fr}
      .portrait{height:500px}
      .travel{min-height:620px}
      .cta{min-height:540px}
      .cta h2{font-size:52px}
      .whatsapp{right:14px;bottom:14px;width:54px;height:54px}
    }
  
  .obs-hero{min-height:82svh;position:relative;display:flex;align-items:end;overflow:hidden;padding-top:78px}
  .obs-hero .media-backdrop{background:
    linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.28),rgba(0,0,0,.62)),
    radial-gradient(circle at 70% 40%,#246451 0%,#102c24 30%,#060808 72%)}
  .obs-hero-inner{position:relative;z-index:2;padding:138px 0 78px;max-width:980px}
  .obs-hero h1{font-size:clamp(56px,8vw,108px)}
  .obs-intro{background:var(--ivory);color:var(--black)}
  .obs-intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}
  .obs-intro h2,.dashboard h2,.method h2,.signals h2,.history h2,.auto h2{
    font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,5vw,70px);line-height:1.03;margin:12px 0 24px
  }
  .obs-intro p,.dashboard p,.method p,.history p,.auto p{color:#545049}
  .warning{border-left:2px solid var(--gold);padding-left:22px;margin-top:28px;color:#5d594f}

  .dashboard{background:#09100e}
  .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:40px 0 52px}
  .metric{border:1px solid var(--line);padding:24px;min-height:145px}
  .metric b{display:block;font-family:Georgia,serif;font-weight:400;font-size:34px}
  .metric span{display:block;font-size:11px;color:#aaa69e;margin-top:8px}
  .filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}
  .filters select,.filters input{background:#0b0e0d;border:1px solid var(--line);color:white;padding:11px 12px;font-size:12px}
  .table-wrap{overflow:auto;border:1px solid var(--line)}
  table{width:100%;border-collapse:collapse;min-width:1120px;background:#0a0c0b}
  th{position:sticky;top:0;background:#111714;color:var(--gold);text-align:left;font-size:10px;letter-spacing:.11em;text-transform:uppercase;padding:13px;border-bottom:1px solid var(--line)}
  td{padding:14px 13px;border-bottom:1px solid var(--line);vertical-align:top;font-size:12px}
  td span{color:#8f8b84;font-size:10px}
  td a{color:#d6c194}
  tr:hover td{background:rgba(255,255,255,.018)}
  .table-note{font-size:11px;color:#99958e;margin-top:14px}

  .method{background:var(--ivory);color:var(--black)}
  .method-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}
  .method-list{counter-reset:item;list-style:none;margin:0;padding:0;border-top:1px solid #cfc8bc}
  .method-list li{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid #d8d2c7}
  .method-list b{color:var(--gold)}
  .method-list strong{font-family:Georgia,serif;font-size:22px;font-weight:400}

  .signals{background:var(--emerald)}
  .signal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:38px}
  .signal{border:1px solid rgba(255,255,255,.18);padding:30px;min-height:280px}
  .signal small{color:#b8c9c3;text-transform:uppercase;letter-spacing:.12em}
  .signal h3{font-family:Georgia,serif;font-size:29px;font-weight:400;margin:13px 0}
  .signal .big{font-family:Georgia,serif;font-size:24px;line-height:1.25;margin:18px 0}
  .signal p{color:#d6e0dc}
  .signal a{font-size:11px;color:white;text-decoration:underline}

  .history{background:#0a0b0b}
  .history-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}
  .history-card{border:1px solid var(--line);padding:28px;margin-bottom:16px}
  .history-card h3{font-family:Georgia,serif;font-weight:400;font-size:28px;margin:5px 0 18px}
  .history-card .compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .history-card .report{border-top:1px solid var(--line);padding-top:13px}
  .history-card .report small{color:var(--gold);text-transform:uppercase;letter-spacing:.11em}
  .history-card .report p{color:#bbb7af;margin:7px 0 0;font-size:13px}

  .auto{background:var(--ivory);color:var(--black)}
  .auto-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}
  .pipeline{display:grid;gap:10px}
  .pipe{border:1px solid #d1cbc0;padding:19px;display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:start}
  .pipe b{color:var(--gold)}
  .pipe strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:21px;margin-bottom:5px}
  .pipe span{font-size:12px;color:#625e56}

  .obs-cta{position:relative;min-height:520px;display:flex;align-items:center;text-align:center}
  .obs-cta .media-backdrop{background:
    linear-gradient(rgba(0,0,0,.70),rgba(0,0,0,.76)),
    radial-gradient(circle at 50% 45%,#31705c 0%,#11251e 28%,#050606 70%)}
  .obs-cta-inner{position:relative;z-index:2}
  .obs-cta h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,7vw,88px);line-height:.96;margin:12px 0 28px}
  @media(max-width:1000px){
    .obs-intro-grid,.method-grid,.history-grid,.auto-grid{grid-template-columns:1fr}
    .metrics{grid-template-columns:1fr 1fr}
    .signal-grid{grid-template-columns:1fr}
  }
  @media(max-width:620px){
    .obs-hero{min-height:72svh}
    .obs-hero-inner{padding:120px 0 56px}
    .metrics{grid-template-columns:1fr}
    .history-card .compare{grid-template-columns:1fr}
  }