:root{
  --black:#050505;
  --black2:#0b0b0b;
  --panel:#111;
  --gold:#d9a62e;
  --gold2:#ffdd76;
  --text:#f4f2eb;
  --muted:#bcb8ac;
  --line:#5b4719;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Heebo",sans-serif;background:#070707;color:var(--text);line-height:1.65}
.wrap{width:min(1160px,92%);margin:auto}
.topbar{position:sticky;top:0;z-index:50;background:rgba(3,3,3,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(217,166,46,.35)}
.nav{min-height:72px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.brand-symbol{font-family:"Playfair Display",serif;font-size:2rem;color:var(--gold2);line-height:1}
.brand-word{font-family:"Playfair Display",serif;font-size:1.3rem;color:var(--gold2);letter-spacing:1px}
nav{display:flex;gap:22px;margin-inline-start:auto}
nav a{color:#ddd8cb;text-decoration:none;font-weight:600}
nav a:hover{color:var(--gold2)}
.gold-btn,.outline-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:9px;font-weight:800;text-decoration:none;border:1px solid var(--gold);font:inherit;cursor:pointer}
.gold-btn{background:linear-gradient(135deg,#b98112,#f2c454);color:#111;box-shadow:0 10px 30px rgba(217,166,46,.16)}
.outline-btn{background:transparent;color:#fff}
.outline-btn.dark{color:#fff}
.gold-btn.small{min-height:40px;padding:0 16px}
.hero{position:relative;overflow:hidden;padding:72px 0;background:radial-gradient(circle at 20% 20%,rgba(217,166,46,.12),transparent 28%),linear-gradient(180deg,#080808,#030303)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.02),transparent);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center;position:relative;z-index:2}
.eyebrow{color:var(--gold2);font-weight:800;letter-spacing:.5px}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(3rem,6vw,5.4rem);line-height:.98;margin:.2em 0 .28em}
h1 span{color:var(--gold2)}
.hero p,.section-head p,.split p,.narrow p{color:var(--muted);font-size:1.1rem}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 18px}
.contact-row{display:flex;gap:20px;flex-wrap:wrap}
.contact-row a{color:#e8e1ce;text-decoration:none}
.logo-stage{min-height:470px;border:1px solid rgba(217,166,46,.45);border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(217,166,46,.12),transparent 52%),#070707;box-shadow:inset 0 0 80px rgba(217,166,46,.05),0 30px 90px #000}
.gold-ring{position:absolute;width:330px;height:330px;border:2px solid rgba(217,166,46,.65);border-radius:50%;box-shadow:0 0 36px rgba(217,166,46,.32)}
.big-n{font-family:"Playfair Display",serif;font-size:10rem;color:var(--gold2);line-height:1;z-index:1;text-shadow:0 0 22px rgba(217,166,46,.25)}
.logo-name{font-family:"Playfair Display",serif;font-size:2rem;color:var(--gold2);letter-spacing:2px;z-index:1}
.logo-tagline{margin-top:10px;color:#ddd4bd;letter-spacing:3px;z-index:1}
.trust{background:linear-gradient(90deg,#111,#191919,#111);border-block:1px solid var(--line)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-grid>div{padding:26px;border-left:1px solid #3a2c0d}
.trust-grid>div:last-child{border-left:0}
.trust span{color:var(--gold2);font-size:1.9rem}
.trust b,.trust p{display:block}
.trust p{margin:5px 0 0;color:#aaa59a;font-size:.92rem}
.section{padding:88px 0}
.alt{background:#0b0b0b}
.section-head{text-align:center;max-width:720px;margin:0 auto 40px}
h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;margin-bottom:16px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{padding:30px;border:1px solid #3a2c0d;border-radius:18px;background:linear-gradient(180deg,#111,#0c0c0c)}
.num{color:var(--gold2);font-weight:900}
.card h3{font-size:1.35rem;margin:16px 0 8px}
.card p{color:#aaa59a;margin:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.split ul{padding-right:20px;color:#d9d4c8}
.premium-panel{padding:38px;border:1px solid var(--gold);border-radius:24px;background:radial-gradient(circle at top left,rgba(217,166,46,.14),transparent 32%),#0e0e0e}
.premium-panel span{color:var(--gold2)}
.premium-panel h3{font-size:2.1rem;line-height:1.15;margin:12px 0}
.jobs-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.jobs-grid div{padding:24px;border:1px solid #4c3a12;background:#101010;border-radius:14px;text-align:center;font-weight:700;color:#f0e5c6}
.narrow{max-width:760px;text-align:center}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:start}
.contact-box{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.contact-box a{color:#f2dd9b;text-decoration:none}
.form{padding:28px;border:1px solid #4b3810;border-radius:20px;background:#0d0d0d}
.form label{display:block;margin-bottom:15px;font-weight:600}
.form input,.form select,.form textarea{width:100%;margin-top:7px;background:#060606;color:#fff;border:1px solid #5b4719;border-radius:9px;padding:13px 14px;font:inherit}
.form .gold-btn{width:100%}
.whatsapp-float{position:fixed;left:22px;bottom:22px;z-index:80;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;text-decoration:none;font-size:1.6rem;font-weight:900;box-shadow:0 14px 32px #0008;border:3px solid #fff}
footer{border-top:1px solid #3a2c0d;padding:26px 0;color:#a6a093;background:#050505}
.footer-row{display:flex;justify-content:space-between;gap:20px}
@media(max-width:900px){
 nav{display:none}
 .nav .small{margin-inline-start:auto}
 .hero-grid,.split,.contact-grid{grid-template-columns:1fr}
 .logo-stage{min-height:360px;order:-1}
 .gold-ring{width:250px;height:250px}
 .big-n{font-size:7rem}
 .trust-grid,.cards{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
 .trust-grid,.cards,.jobs-grid{grid-template-columns:1fr}
 .hero{padding-top:44px}
 h1{font-size:clamp(2.8rem,13vw,4.4rem)}
 .footer-row{flex-direction:column}
}

.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.area-grid div{padding:22px;text-align:center;border-radius:14px;background:#111;border:1px solid #4c3a12;color:#f0e5c6;font-weight:800}
.legal-links a{color:#cdb875;text-decoration:none}
.legal-links a:hover{color:#fff0b5}
.page-hero{padding:88px 0 62px;background:radial-gradient(circle at 20% 20%,rgba(217,166,46,.11),transparent 26%),linear-gradient(180deg,#080808,#050505);border-bottom:1px solid #3a2c0d}
.page-hero .wrap{max-width:920px}
.page-hero p{color:#bcb8ac;font-size:1.08rem}
.jobs-list{display:grid;gap:16px}
.job-row{display:grid;grid-template-columns:1.3fr .8fr .8fr auto;gap:20px;align-items:center;padding:22px;border-radius:15px;background:#111;border:1px solid #45340f}
.job-row h3{margin:0 0 3px}.job-row p{margin:0;color:#aaa59a}
.job-row .tag{color:#e5cc7c}
.job-row .gold-btn{white-space:nowrap}
.info-page{max-width:900px;margin:auto}
.info-page h2{margin-top:34px;font-size:1.7rem}
.info-page p,.info-page li{color:#c6c0b4}
@media(max-width:900px){.area-grid{grid-template-columns:1fr 1fr}.job-row{grid-template-columns:1fr}.job-row .gold-btn{width:100%}}
@media(max-width:560px){.area-grid{grid-template-columns:1fr}}

/* ---- Mobile refinement pass ---- */
@media (max-width: 900px){
  .topbar{position:sticky;top:0}
  .nav{
    min-height:64px;
    padding:8px 0;
    gap:12px;
  }
  .brand-symbol{
    font-size:1.7rem;
  }
  .brand-word{
    font-size:1.08rem;
    letter-spacing:.5px;
  }
  .gold-btn.small{
    min-height:36px;
    padding:0 13px;
    font-size:.85rem;
  }

  .hero{
    padding:34px 0 54px;
  }
  .hero-grid{
    gap:28px;
  }
  .logo-stage{
    width:100%;
    min-height:320px;
    border-radius:24px;
    padding:22px 12px;
  }
  .gold-ring{
    width:220px;
    height:220px;
  }
  .big-n{
    font-size:6.7rem;
  }
  .logo-name{
    font-size:1.55rem;
    letter-spacing:1.4px;
  }
  .logo-tagline{
    font-size:.78rem;
    letter-spacing:2px;
  }
  .hero-copy{
    text-align:center;
  }
  .hero-copy .eyebrow{
    justify-content:center;
    font-size:.82rem;
  }
  .hero-copy .eyebrow:before{
    display:none;
  }
  h1{
    font-size:clamp(2.55rem,11vw,4rem);
    line-height:1.02;
    letter-spacing:-1px;
    margin-bottom:18px;
  }
  .hero p{
    font-size:1rem;
    line-height:1.75;
    max-width:95%;
    margin-inline:auto;
  }
  .actions{
    justify-content:center;
  }
  .contact-row{
    justify-content:center;
    gap:10px 16px;
    font-size:.92rem;
  }

  .trust-grid{
    grid-template-columns:1fr 1fr;
  }
  .trust-grid>div{
    padding:18px 14px;
    min-height:130px;
  }
  .trust b{
    font-size:.95rem;
  }
  .trust p{
    font-size:.82rem;
  }

  .section{
    padding:58px 0;
  }
  h2{
    font-size:clamp(1.9rem,8vw,2.65rem);
  }
  .section-head{
    margin-bottom:28px;
  }
  .cards{
    grid-template-columns:1fr;
  }
  .card{
    padding:24px;
  }
  .split,
  .contact-grid{
    gap:30px;
  }
  .premium-panel{
    padding:28px 22px;
  }
  .jobs-grid{
    grid-template-columns:1fr 1fr;
  }
  .jobs-grid div{
    padding:18px 12px;
  }

  .area-grid{
    grid-template-columns:1fr 1fr;
  }

  .form{
    padding:22px;
  }
  .footer-row{
    text-align:center;
    align-items:center;
  }
  .whatsapp-float{
    width:54px;
    height:54px;
    left:16px;
    bottom:18px;
  }
}

@media (max-width: 560px){
  .wrap{
    width:min(94%,1160px);
  }
  .brand-word{
    font-size:1rem;
  }
  .brand-symbol{
    font-size:1.55rem;
  }
  .nav .gold-btn.small{
    min-height:34px;
    padding:0 11px;
    font-size:.8rem;
  }
  .logo-stage{
    min-height:290px;
  }
  .gold-ring{
    width:198px;
    height:198px;
  }
  .big-n{
    font-size:5.9rem;
  }
  .logo-name{
    font-size:1.38rem;
  }
  .logo-tagline{
    font-size:.72rem;
    letter-spacing:1.6px;
  }
  h1{
    font-size:clamp(2.35rem,10.8vw,3.2rem);
    line-height:1.04;
  }
  .hero p{
    max-width:100%;
  }
  .actions{
    flex-direction:column;
  }
  .actions .gold-btn,
  .actions .outline-btn{
    width:100%;
  }
  .trust-grid{
    grid-template-columns:1fr;
  }
  .trust-grid>div{
    min-height:auto;
    border-left:0;
    border-bottom:1px solid #3a2c0d;
  }
  .trust-grid>div:last-child{
    border-bottom:0;
  }
  .jobs-grid,
  .area-grid{
    grid-template-columns:1fr;
  }
  .contact-row{
    flex-direction:column;
    align-items:center;
  }
}