:root{
      --bg:#000;
      --panel:#0a0a0a;
      --panel-2:#0f0f0f;
      --muted:#a7a7a7;
      --text:#eaeaea;
      --line:rgba(255,255,255,.10);
      --gold:#f9bf64; /* ~ median din captura */
      --gold-2:#f0b24e;
      --shadow: 0 20px 70px rgba(0,0,0,.55);
      --radius:18px;
      --radius-lg:28px;
      --container: 1120px;
    }

    *{ box-sizing:border-box; }
    html,body{ height:100%; }
    body{
      margin:0;
      background: var(--bg);
      color: var(--text);
      font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      letter-spacing: .1px;
    }
    a{ color: inherit; text-decoration:none; }
    .container{
      width: min(var(--container), calc(100% - 48px));
      margin: 0 auto;
    }

    /* Subtle background grain + glow */
    .grain{
      position: fixed;
      inset:0;
      pointer-events:none;
      background:
        radial-gradient(800px 400px at 18% 8%, rgba(249,191,100,.16), transparent 60%),
        radial-gradient(700px 500px at 78% 18%, rgba(249,191,100,.10), transparent 62%),
        radial-gradient(900px 650px at 50% 70%, rgba(255,255,255,.05), transparent 65%),
        linear-gradient(to bottom, rgba(255,255,255,.02), transparent 30%, rgba(255,255,255,.02));
      mix-blend-mode: screen;
      opacity:.55;
    }

    /* Header */
    header{
      position:absolute;
      top:0; left:0; right:0;
      z-index:5;
    }
    .topbar{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding: 18px 0;
    }
    .brand{
      display:flex;
      align-items:flex-end;
      gap:10px;
      font-family: 'Darker Grotesque', serif;
      letter-spacing:.8px;
    }
    .brand .mark{
      font-weight:600;
      font-size: 22px;
      color: var(--gold);
      line-height:1;
    }
    .brand .sub{
      font-family: Inter, sans-serif;
      font-size:10px;
      color: rgba(255,255,255,.75);
      letter-spacing: 2.2px;
      transform: translateY(-2px);
      text-transform: uppercase;
    }

    /* Hero */
    .hero{
      position:relative;
      min-height: 520px;
      padding: 86px 0 64px;
      overflow:hidden;
    }

    /* Hero background (stilizat ca în captură) */
    .hero::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(680px 420px at 30% 30%, rgba(255,255,255,.14), transparent 55%),
        radial-gradient(900px 650px at 72% 35%, rgba(249,191,100,.18), transparent 60%),
        radial-gradient(900px 650px at 72% 35%, rgba(0,0,0,.35), transparent 60%),
        linear-gradient(to bottom, rgba(0,0,0,.20), rgba(0,0,0,.88) 80%),
        linear-gradient(90deg, rgba(0,0,0,.75), rgba(0,0,0,.25) 55%, rgba(0,0,0,.85));
      filter: saturate(1.05);
      transform: scale(1.02);
    }

    /* Faux "abstract sculpture" with CSS (placeholder) */
    .hero::after{
      content:"";
      position:absolute;
      right:-120px;
      top:-80px;
      width: 720px;
      height: 620px;
      background:
        radial-gradient(closest-side at 42% 46%, rgba(255,255,255,.10), transparent 70%),
        radial-gradient(closest-side at 52% 58%, rgba(249,191,100,.22), transparent 72%),
        radial-gradient(closest-side at 62% 44%, rgba(255,255,255,.08), transparent 70%),
        conic-gradient(from 10deg, rgba(0,0,0,.0), rgba(255,255,255,.06), rgba(0,0,0,.0), rgba(249,191,100,.10), rgba(0,0,0,0));
      border-radius: 50%;
      opacity:.85;
      filter: blur(0px) contrast(1.05);
      mix-blend-mode: screen;
      pointer-events:none;
    }

    .hero-card{
      position:relative;
      z-index:2;
      width: min(720px, 100%);
      background: rgba(0,0,0,.45);
      border: 0;
      border-radius: 0;
      padding: 44px 42px;
      box-shadow: var(--shadow);
      backdrop-filter: blur(6px);
    }
    .hero h1{
      font-family: 'Darker Grotesque', serif;
      font-weight:500;
      font-size: clamp(34px, 4.6vw, 54px);
      line-height: 51px;
      margin: 0 0 10px;
      letter-spacing: .2px;
    }
    .hero .kicker{
      font-size: 12px;
      letter-spacing: 1.6px;
      color: rgba(249,191,100,.95);
      text-transform: uppercase;
      margin-bottom: 10px;
    }
    .hero p{
      margin: 14px 0 22px;
      color: rgba(255,255,255,.78);
      font-size: 17px;
      line-height: 28px;
      max-width: 58ch;
    }
    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      height: 40px;
      padding: 0 16px;
      border-radius: 999px;
      border: 1px solid rgba(249,191,100,.45);
      background: linear-gradient(180deg, rgba(249,191,100,.98), rgba(240,178,78,.90));
      color:#140c00;
      font-weight:600;
      font-size:12px;
      letter-spacing: .6px;
      box-shadow: 0 10px 25px rgba(249,191,100,.14);
    }
    .btn:active{ transform: translateY(1px); }

    /* Section base */
    section{
      padding: 70px 0;
      position:relative;
      z-index:1;
    }
    .section-title{
      font-family: 'Darker Grotesque', serif;
      font-weight:500;
      font-size: 39px;
      line-height: 38px;
      margin:0 0 10px;
    }
    .section-sub{
      margin:0;
      color: rgba(255,255,255,.72);
font-size: 17px;
  line-height: 28px;
      max-width: 70ch;
    }

    /* Divider line */
    .divider{
      height:1px;
      background: var(--line);
      margin: 26px 0 26px;
    }

    /* Five pillars */
    .pillars{
      padding-top: 52px;
    }
    .pillars .top{
      display:flex;
      flex-direction:column;
      gap: 10px;
      margin-bottom: 22px;
    }
    .pillars-grid{
      position:relative;
      margin-top: 28px;
      padding-top: 18px;
    }
    .pillars-line{
      height:1px;
      background: var(--line);
      width:100%;
      position:absolute;
      top:0;
      left:0;
    }
    .pillars-items{
      display:grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 18px;
    }
    .pillar{
      padding: 22px 14px 18px;
      text-align:center;
      position:relative;
    }
    .pillar::before{
      content:"";
      position:absolute;
      top:-18px;
      left:50%;
      width:1px;
      height:18px;
      background: var(--line);
      transform: translateX(-50%);
    }
    .pillar .logo{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      margin-bottom: 10px;
    }
    .mini-mark{
      font-family: 'Darker Grotesque', serif;
      color: var(--gold);
      font-weight:600;
      font-size: 18px;
      letter-spacing:.8px;
    }
    .pill-name{
      font-weight:600;
      font-size: 12.5px;
      margin: 0 0 8px;
      color: rgba(255,255,255,.92);
    }
    .pill-desc{
      margin: 0 0 14px;
      color: rgba(255,255,255,.62);
font-size: 15px;
  line-height: 22px;
      min-height: 52px;
    }
    .pill-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      height: 30px;
      padding: 0 12px;
      border-radius:999px;
      border: 1px solid rgba(249,191,100,.38);
      background: rgba(0,0,0,.35);
      color: rgba(249,191,100,.95);
      font-size: 11px;
      font-weight:600;
      letter-spacing:.5px;
    }

    /* White label */
    .two-col{
      display:grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 46px;
      align-items:start;
    }
    .service-list{
      display:flex;
      flex-direction:column;
      gap: 18px;
      padding-top: 6px;
    }
    .service{
      display:grid;
      grid-template-columns: 34px 1fr;
      gap: 14px;
      padding: 14px 14px;
      border-left: 1px solid var(--line);
    }
    .service h4{
      margin:0 0 6px;
      font-size: 13px;
      color: rgba(249,191,100,.95);
      font-weight:600;
	  font-family: 'Darker Grotesque', sans-serif;
  font-size: 24px;
    }
    .service ul{
      margin:0;
      padding-left: 16px;
      color: rgba(255,255,255,.70);
      font-size: 16px;
      line-height: 28px;
    }
    .ico{
      width: 28px;
      height: 28px;
      display:grid;
      place-items:center;
      color: rgba(255,255,255,.85);
      opacity:.95;
    }
    .ico svg{ width: 22px; height: 22px; }

    /* Client cards */
    .clients-grid{
      margin-top: 26px;
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
    }
    .client-card{
      background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
      border-radius: 0px;
      padding: 18px 16px 16px;
      min-height: 240px;
      box-shadow: 0 20px 60px rgba(0,0,0,.35);
    }
    .client-card h4{
      margin:0 0 10px;
      color: rgba(249,191,100,.95);
      font-weight:600;
      letter-spacing:.2px;
	  font-family: 'Darker Grotesque', sans-serif;
  font-size: 24px;
    }
    .client-card p{
      margin:0 0 14px;
      color: rgba(255,255,255,.66);
font-size: 16px;
  line-height: 26px;
    }
    .client-card .k{
      margin-top: 10px;
      color: rgba(255,255,255,.55);
 font-size: 16px;
  line-height: 25px;
    }
    .client-card .k b{
      color: rgba(255,255,255,.78);
      font-weight:600;
    }

    /* Global reach */
    .reach{
      padding-top: 54px;
    }
    .reach-row{
      margin-top: 34px;
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 26px;
      align-items:start;
      position:relative;
    }
  
    .reach-item{
      text-align:center;
      padding-top: 10px;
    }
    .reach-circle{
      width: 92px;
      height: 92px;
      margin: 0 auto 14px;
      border-radius: 999px;
      background: radial-gradient(circle at 30% 25%, rgba(255,255,255,.08), rgba(255,255,255,.02) 55%, rgba(0,0,0,.35)),
                  linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
      border: 1px solid rgba(255,255,255,.10);
      display:grid;
      place-items:center;
      box-shadow: var(--shadow);
      position:relative;
      z-index:2;
    }
    .reach-circle svg{ width: 34px; height: 34px; }
    .reach-item h4{
      margin: 0 0 8px;
      font-size: 18px;
      font-weight:600;
      color: rgba(255,255,255,.90);
    }
    .reach-item p{
      margin:0;
      color: rgba(255,255,255,.62);
      font-size: 15px;
      line-height: 1.65;
      max-width: 34ch;
      margin-inline:auto;
    }

    /* Wealth journey */
    .journey{
      padding-top: 52px;
    }
    .journey-wrap{
      display:grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 46px;
      align-items:start;
    }
    .timeline{
      position:relative;
      padding-left: 18px;
      margin-top: 2px;
    }
    .timeline::before{
      content:"";
      position:absolute;
      left: 6px;
      top: 4px;
      bottom: 4px;
      width:1px;
      background: var(--line);
    }
    .step{
      display:grid;
      grid-template-columns: 26px 1fr;
      gap: 14px;
      padding: 14px 0;
    }
    .dot{
      width: 14px;
      height: 14px;
      border-radius: 99px;
      background: rgba(249,191,100,.95);
      box-shadow: 0 0 0 6px rgba(249,191,100,.12);
      margin-top: 2px;
    }
    .step h4{
      margin:0 0 6px;
color: rgba(249,191,100,.95);
  font-weight: 600;
  font-family: 'Darker Grotesque', sans-serif;
  font-size: 24px;
    }
    .step p{
      margin:0;
      color: rgba(255,255,255,.68);
      font-size: 16px;
      line-height: 1.6;
    }

    /* CTA strip */
    .cta{
      padding: 64px 0 74px;
    }
    .cta-panel{
      background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));

      border-radius: 0;
      padding: 36px 24px;
      text-align:center;
      box-shadow: var(--shadow);
    }
    .cta-panel h3{
      margin:0 0 10px;
      font-family: 'Darker Grotesque', serif;
      font-weight:500;
      font-size: 38px;
    }
    .cta-panel p{
      margin:0 auto 18px;
      color: rgba(255,255,255,.70);
font-size: 17px;
  line-height: 27px;
      max-width: 78ch;
    }

 

    /* Responsive */
    @media (max-width: 1020px){
      .pillars-items{ grid-template-columns: repeat(2, 1fr); }
      .pillar::before{ display:none; }
      .pillars-line{ display:none; }
      .two-col{ grid-template-columns: 1fr; }
      .journey-wrap{ grid-template-columns: 1fr; }
      .clients-grid{ grid-template-columns: repeat(2, 1fr); }
      .reach-row{ grid-template-columns: 1fr; }
      .reach-row::before{ display:none; }
      header{ position:relative; }
      .hero{ padding-top: 22px; }
    }
    @media (max-width: 560px){
      .hero-card{ padding: 26px 18px; }
      .clients-grid{ grid-template-columns: 1fr; }
      .footer-grid{ grid-template-columns: 1fr; }
    }