:root{
      --gold:#b68a3c;
      --gold-light:#d6b46c;
      --text:#f7f2e8;
      --paper:#f7f3eb;
      --ink:#171614;
      --line:rgba(182,138,60,.32);
      --max:1200px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Inter, Arial, sans-serif;
      background:var(--paper);
      color:var(--ink);
      line-height:1.65;
    }
    h1,h2,h3,h4,.brand{
      font-family:Georgia, "Times New Roman", serif;
      font-weight:500;
      letter-spacing:.03em;
    }
    a{text-decoration:none;color:inherit}
    img{display:block;max-width:100%}
    .container{width:min(calc(100% - 40px), var(--max)); margin:auto}
    .eyebrow{
      color:var(--gold);
      text-transform:uppercase;
      letter-spacing:.22em;
      font-size:.78rem;
      font-weight:700;
    }
    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:50px;
      padding:0 24px;
      border:1px solid var(--gold);
      background:var(--gold);
      color:#111;
      font-weight:700;
      letter-spacing:.04em;
      transition:.2s ease;
      cursor:pointer;
    }
    .btn:hover{transform:translateY(-2px); background:var(--gold-light)}
    .btn.outline{background:transparent;color:var(--text)}
    .btn.outline:hover{color:#111;background:var(--gold-light)}

    .hero-banner{
      position:relative;
      width:100%;
      line-height:0;
      background:#000;
      padding:0 !important;
    }
    .hero-banner img{
      width:100%;
      display:block;
      height:auto;
    }
    .hero-nav-overlay{
      position:absolute;
      left:0;
      right:0;
      top:3%;
      display:flex;
      justify-content:center;
      line-height:normal;
    }
    @media (max-width: 900px){
      .hero-nav-overlay{
        position:static;
        padding:16px 20px;
        background:#000;
      }
      .hero-nav-links{
        max-width:none;
        justify-content:center;
        padding-right:0;
      }
    }
    .hero-nav-links{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:clamp(8px, 1.4vw, 16px);
      flex-wrap:wrap;
      padding:0 20px;
    }
    .hero-nav-links a{
      color:var(--gold-light);
      text-decoration:none;
      font-size:clamp(.68rem, 1.1vw, .92rem);
      letter-spacing:.04em;
      padding:clamp(6px, 1.1vw, 12px) clamp(10px, 1.6vw, 22px);
      border:1px solid rgba(182,138,60,.45);
      border-radius:2px;
      transition:.2s ease;
      white-space:nowrap;
      background:rgba(0,0,0,.25);
    }
    .hero-nav-links a:not(.btn):hover{
      background:rgba(182,138,60,.18);
      border-color:var(--gold);
    }
    .hero-nav-links a.btn{
      margin-left:clamp(2px, 0.6vw, 8px);
      min-height:auto;
    }

    .hero{
      min-height:100vh;
      display:grid;
      place-items:center;
      color:var(--text);
      background:
        radial-gradient(circle at 75% 30%, rgba(182,138,60,.12), transparent 30%),
        linear-gradient(135deg, #080808 0%, #111111 100%);
      position:relative;
      overflow:hidden;
    }
    .hero::before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.62) 55%, rgba(0,0,0,.75));
      z-index:0;
    }
    .hero-logo{
      position:absolute;
      right:4%;
      top:52%;
      transform:translateY(-50%);
      width:min(34vw, 420px);
      opacity:.20;
      z-index:0;
      filter:drop-shadow(0 20px 40px rgba(182,138,60,.10));
    }
    .hero-content{
      position:relative;
      z-index:1;
      max-width:760px;
      padding-top:130px;
    }
    .hero h1{
      margin:.2em 0 .22em;
      font-size:clamp(3rem, 7vw, 6.1rem);
      line-height:.98;
    }
    .hero p{
      color:rgba(247,242,232,.76);
      font-size:clamp(1rem, 2vw, 1.2rem);
      max-width:700px;
    }
    .hero-actions{
      display:flex;
      flex-wrap:wrap;
      gap:14px;
      margin-top:32px;
    }
    .hero-note{
      margin-top:34px;
      padding:18px 0 0 18px;
      border-left:1px solid var(--gold);
      color:rgba(247,242,232,.70);
      max-width:720px;
    }

    section{padding:105px 0}
    .section-head{
      display:grid;
      grid-template-columns:1.5fr .85fr;
      gap:60px;
      align-items:end;
      margin-bottom:58px;
    }
    .section-head h2{
      margin:0;
      font-size:clamp(2rem,4.2vw,3.6rem);
      line-height:1.08;
    }
    .section-head p{
      margin:0;
      color:#6d685f;
      max-width:650px;
    }

    .engagement{background:#fff}
    .lead-panel{
      padding:38px;
      border:1px solid #ebe3d6;
      background:linear-gradient(180deg,#fff,#fcfaf5);
      margin-bottom:28px;
    }
    .lead-panel h3{margin:.2em 0 .4em; font-size:2rem}
    .lead-panel p{margin:0; color:#69645c; font-size:1.05rem; max-width:980px}

    .cards{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:18px;
    }
    .card{
      background:#fff;
      border:1px solid #ebe3d6;
      padding:30px;
      min-height:260px;
      transition:.22s ease;
    }
    .card:hover{
      transform:translateY(-5px);
      border-color:var(--gold);
      box-shadow:0 18px 45px rgba(26,19,8,.08);
    }
    .card h3{font-size:1.38rem; margin:18px 0 10px}
    .card p{margin:0; color:#706a62}
    .card p.outcome{
      margin-top:12px;
      padding-top:12px;
      border-top:1px solid #ebe3d6;
      font-style:italic;
      color:#8a8578;
      font-size:.92rem;
    }
    .number{
      color:var(--gold);
      font-family:Georgia, serif;
      font-size:1.08rem;
    }

    .value-box{
      margin-top:24px;
      border:1px solid var(--line);
      background:#fcfaf5;
      padding:28px 30px;
    }
    .value-box h4{margin:0 0 8px; font-size:1.25rem}
    .value-box p{margin:0; color:#6d685f}

    .dark{
      background:linear-gradient(135deg,#0a0a0a,#101010);
      color:var(--text);
    }
    .dark .section-head p{color:rgba(247,242,232,.66)}

    .proof-bar{
      background:#fff;
      border-top:1px solid var(--line);
      border-bottom:1px solid var(--line);
      padding:22px 0;
    }
    .proof-bar .container{
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
      align-items:center;
      gap:10px 14px;
      text-align:center;
    }
    .proof-bar span{
      font-family:Georgia, serif;
      color:#4a453d;
      font-size:.98rem;
      letter-spacing:.01em;
    }
    .proof-bar span.sep{color:var(--gold); font-family:Inter,Arial,sans-serif}
    .proof-bar strong{color:#1a1a1a}

    .pain-list{
      display:grid;
      gap:16px;
      margin:36px 0 40px;
    }
    .pain-list div{
      border-left:2px solid var(--gold);
      padding:4px 0 4px 22px;
      font-family:Georgia, serif;
      font-style:italic;
      font-size:1.12rem;
      color:#4a453d;
    }
    .section-cta{
      display:flex;
      justify-content:flex-start;
    }

    .case-study{background:#fff}
    .case-study-panel{
      border:1px solid var(--line);
      background:linear-gradient(180deg,#fff,#fcfaf5);
      padding:44px;
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:32px;
    }
    .case-study-panel .cs-tag{
      color:var(--gold);
      text-transform:uppercase;
      letter-spacing:.14em;
      font-size:.72rem;
      font-weight:700;
      margin-bottom:8px;
    }
    .case-study-panel h4{margin:0 0 10px; font-size:1.15rem}
    .case-study-panel p{margin:0; color:#6d685f; font-size:.96rem}
    .case-study-header{margin-bottom:28px}
    .case-study-header .eyebrow{margin-bottom:10px}
    .case-study-header h3{
      font-size:1.7rem;
      margin:0 0 6px;
    }
    .case-study-header span{color:#8a8578; font-size:.92rem}

    .differentiator{background:#fff; text-align:center}
    .differentiator .container{max-width:900px}
    .differentiator .accountant-line{
      font-family:Georgia, serif;
      font-size:clamp(1.5rem,3vw,2.1rem);
      line-height:1.4;
      margin:0 0 36px;
    }
    .differentiator .accountant-line .muted{color:#a39d8f}
    .differentiator .accountant-line .gold{color:var(--gold)}
    .differentiator .cross-border{
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
      gap:14px;
      margin-top:8px;
    }
    .differentiator .cross-border span{
      border:1px solid var(--line);
      padding:10px 20px;
      font-size:.88rem;
      color:#4a453d;
    }

    @media (max-width: 860px){
      .case-study-panel{grid-template-columns:1fr}
    }

    .steps{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      border-top:1px solid rgba(255,255,255,.12);
    }
    .step{
      padding:32px 24px 10px 0;
      border-right:1px solid rgba(255,255,255,.10);
    }
    .step:last-child{border-right:0}
    .step .number{color:var(--gold-light); letter-spacing:.14em}
    .step h3{margin:22px 0 10px; font-size:1.42rem}
    .step p{margin:0; color:rgba(247,242,232,.62)}

    .about-wrap{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:70px;
      align-items:center;
    }
    .logo-panel{
      min-height:520px;
      padding:40px;
      display:grid;
      place-items:center;
      background:linear-gradient(180deg,#090909,#111111);
      border:1px solid var(--line);
    }
    .logo-panel img{width:min(100%, 430px)}
    .founder-photo img{
      width:100%;
      max-width:420px;
      aspect-ratio:4/5;
      object-fit:cover;
      border-radius:4px;
      box-shadow:0 24px 60px rgba(26,19,8,.16);
    }
    .founder-note{
      margin-top:32px;
      padding-top:28px;
      border-top:1px solid var(--line);
    }
    .founder-note p{
      margin-top:10px;
      color:#6f695f;
    }
    .about-copy h2{
      margin:.2em 0 .32em;
      font-size:clamp(2.3rem,5vw,4rem);
      line-height:1.05;
    }
    .about-copy p{color:#6f695f}
    .facts{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:18px;
      margin-top:30px;
    }
    .fact{
      padding-top:14px;
      border-top:1px solid var(--line);
    }
    .fact strong{
      display:block;
      font-family:Georgia, serif;
      font-size:1.45rem;
    }
    .fact span{color:#706a62; font-size:.92rem}

    .contact{
      background:linear-gradient(135deg,#12100c,#050505);
      color:var(--text);
    }
    .contact-wrap{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:70px;
    }
    .contact h2{
      margin:.2em 0 .3em;
      font-size:clamp(2.4rem,5vw,4.6rem);
      line-height:1.02;
    }
    .contact p{color:rgba(247,242,232,.65)}
    form{display:grid;gap:14px}
    input, textarea{
      width:100%;
      padding:16px 18px;
      border:1px solid rgba(255,255,255,.16);
      background:rgba(255,255,255,.04);
      color:white;
      font:inherit;
      outline:none;
    }
    input:focus, textarea:focus{border-color:var(--gold)}
    textarea{min-height:140px; resize:vertical}

    form[hidden]{display:none}
    .contact-success[hidden]{display:none}
    .contact-success{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      justify-content:center;
      gap:14px;
      padding:48px 40px;
      border:1px solid rgba(182,138,60,.4);
      background:rgba(182,138,60,.07);
      animation:fadeIn .4s ease;
    }
    .contact-success-icon{
      width:52px;
      height:52px;
      border-radius:50%;
      background:var(--gold);
      color:#111;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:1.4rem;
      font-weight:700;
    }
    .contact-success h3{
      font-size:1.6rem;
      margin:0;
    }
    .contact-success p{
      color:rgba(247,242,232,.7);
      margin:0;
    }
    @keyframes fadeIn{
      from{opacity:0; transform:translateY(8px)}
      to{opacity:1; transform:translateY(0)}
    }

    footer{
      background:#050505;
      color:rgba(255,255,255,.55);
      padding:30px 0;
      border-top:1px solid rgba(255,255,255,.08);
      font-size:.85rem;
    }
    .footer-row{display:flex; justify-content:space-between; align-items:center; gap:20px}
    .footer-links{display:flex; flex-wrap:wrap; gap:22px}
    .footer-links a{color:inherit; text-decoration:none; opacity:.75; font-size:.92rem}
    .footer-links a:hover{opacity:1; color:var(--gold)}

    @media (max-width:950px){
      .nav-links a:not(.btn){display:none}
      .section-head, .about-wrap, .contact-wrap{grid-template-columns:1fr}
      .cards{grid-template-columns:1fr 1fr}
      .steps{grid-template-columns:1fr 1fr}
      .hero-logo{right:-5%; width:52vw; opacity:.12}
    }
    @media (max-width:640px){
      section{padding:80px 0}
      .cards, .steps, .facts{grid-template-columns:1fr}
      .hero h1{font-size:3.2rem}
      .footer-row{flex-direction:column; align-items:flex-start}
      .footer-links{gap:16px}
    }

/* ===== Landing page components ===== */
.page-hero{
  background:linear-gradient(135deg,#0a0a0a,#101010);
  color:var(--text);
  padding:70px 0 70px;
  text-align:left;
}
.page-hero .breadcrumb{
  color:rgba(247,242,232,.5);
  font-size:.85rem;
  margin-bottom:22px;
}
.page-hero .breadcrumb a{color:rgba(247,242,232,.5); text-decoration:none}
.page-hero .breadcrumb a:hover{color:var(--gold-light)}
.page-hero h1{
  font-size:clamp(2.2rem,4.6vw,3.6rem);
  line-height:1.1;
  margin:0 0 20px;
  max-width:900px;
}
.page-hero p.lede{
  font-size:1.15rem;
  color:rgba(247,242,232,.7);
  max-width:680px;
  margin:0 0 32px;
}
.top-nav{
  background:#000;
  padding:20px 0;
  position:sticky;
  top:0;
  z-index:50;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.top-nav .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.top-nav .brand-logo{height:44px; width:auto; display:block}
.top-nav .top-nav-links{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
.top-nav .top-nav-links a{
  color:var(--gold-light);
  text-decoration:none;
  font-size:.88rem;
  padding:9px 16px;
  border:1px solid rgba(182,138,60,.4);
  white-space:nowrap;
}
.top-nav .top-nav-links a:hover{background:rgba(182,138,60,.14); border-color:var(--gold)}
.top-nav .top-nav-links a.btn{color:#111}
@media (max-width:760px){
  .top-nav .top-nav-links a:not(.btn){display:none}
}

.content-block{max-width:800px}
.content-block h2{font-size:clamp(1.7rem,3vw,2.3rem); margin:48px 0 16px}
.content-block h2:first-child{margin-top:0}
.content-block p{color:#5a5548; margin:0 0 16px; font-size:1.04rem; line-height:1.75}
.content-block ul{margin:0 0 20px; padding-left:22px; color:#5a5548}
.content-block li{margin-bottom:10px; line-height:1.6}

.related-services{background:#fcfaf5; border-top:1px solid var(--line)}
.related-services .cards{grid-template-columns:repeat(4,1fr)}
.related-services .card{min-height:auto; padding:24px}
.related-services .card h3{font-size:1.05rem; margin:0 0 8px}
.related-services .card p{font-size:.88rem; margin:0}
.related-services .card a{color:inherit; text-decoration:none; display:block}
@media (max-width:950px){
  .related-services .cards{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .related-services .cards{grid-template-columns:1fr}
  .page-hero{padding:110px 0 50px}
}

.mini-cta{
  background:linear-gradient(135deg,#12100c,#050505);
  color:var(--text);
  text-align:center;
  padding:64px 0;
}
.mini-cta h2{font-size:clamp(1.6rem,3vw,2.2rem); margin:0 0 12px}
.mini-cta p{color:rgba(247,242,232,.66); margin:0 0 28px}

.card-link{
  display:inline-block;
  margin-top:14px;
  color:var(--gold);
  font-size:.88rem;
  font-weight:700;
  text-decoration:none;
}
.card-link:hover{color:var(--gold-light); text-decoration:underline}

.footer-grid{display:flex; flex-direction:column; gap:26px}
.footer-services{display:flex; flex-wrap:wrap; align-items:center; gap:18px; padding-bottom:22px; border-bottom:1px solid rgba(255,255,255,.08)}
.footer-services strong{color:rgba(255,255,255,.85); font-size:.85rem; margin-right:4px}
.footer-services a{color:inherit; opacity:.7; text-decoration:none; font-size:.85rem}
.footer-services a:hover{opacity:1; color:var(--gold)}

/* ===== Language toggle ===== */
.lang-toggle{
  display:inline-flex;
  border:1px solid rgba(182,138,60,.5);
  overflow:hidden;
}
.lang-toggle button{
  background:transparent;
  border:none;
  color:var(--gold-light);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.05em;
  padding:8px 14px;
  cursor:pointer;
  transition:.15s ease;
}
.lang-toggle button + button{border-left:1px solid rgba(182,138,60,.5)}
.lang-toggle button.active{background:var(--gold); color:#111}
.lang-toggle button:not(.active):hover{background:rgba(182,138,60,.15)}

.hero-lang-toggle{
  position:absolute;
  top:22px;
  left:24px;
  z-index:10;
}
@media (max-width:640px){
  .hero-lang-toggle{top:14px; left:14px}
  .hero-lang-toggle .lang-toggle button{padding:6px 11px; font-size:.72rem}
}

/* ===== Calendly booking option ===== */
.calendly-option{
  margin-top:32px;
  padding-top:28px;
  border-top:1px solid rgba(255,255,255,.12);
  display:flex;
  flex-direction:column;
  gap:14px;
  align-items:flex-start;
}
.calendly-option span{
  color:rgba(247,242,232,.7);
  font-size:.95rem;
}
.calendly-btn{
  border-color:var(--gold);
}
.form-or{
  color:rgba(247,242,232,.5);
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  margin-bottom:4px;
}