← back to Forza

theme-2-bilingual-split/index.html

465 lines

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>FORZA | Abogados, Impuestos y Outsourcing en Costa Rica · Bilingual Costa Rica Law Firm</title>
<meta name="description" content="FORZA — despacho boutique en Costa Rica. Legal, tributario y outsourcing para empresas locales e internacionales. Atención bilingüe (EN/ES) en San José y Guanacaste. Boutique Costa Rica law, tax and outsourcing firm serving international clients in English and Spanish." />
<meta name="keywords" content="abogados Costa Rica, despacho legal San José, asesoría tributaria Costa Rica, outsourcing contable, bilingual law firm Costa Rica, English Spanish attorney Costa Rica, Guanacaste abogados" />
<link rel="alternate" hreflang="en" href="#en" />
<link rel="alternate" hreflang="es" href="#es" />
<link rel="preconnect" href="https://rsms.me/" />
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
<style>
  :root{
    --slate-900:#121822;
    --slate-700:#2a3342;
    --slate-500:#5b6676;
    --slate-300:#c8cfd9;
    --slate-100:#eef1f5;
    --paper:#f6f4ee;
    --ink:#0e1320;
    --accent:#b23a2c;         /* Costa Rica rojo, refined */
    --accent-2:#174a6b;       /* deep teal-blue */
    --line:#e3e2dc;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased}
  a{color:var(--accent-2);text-decoration:none}
  a:hover{color:var(--accent)}
  img{max-width:100%;display:block}
  .wrap{max-width:1280px;margin:0 auto;padding:0 28px}
  h1,h2,h3{font-weight:600;letter-spacing:-.02em}
  h1{font-size:clamp(36px,4.4vw,60px);line-height:1.05;letter-spacing:-.03em;font-weight:700}
  h2{font-size:clamp(26px,3vw,36px);line-height:1.15}
  h3{font-size:18px;line-height:1.3}
  p{color:var(--slate-700)}
  .eyebrow{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:600}
  .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:4px;font-weight:600;font-size:14.5px;letter-spacing:.01em;transition:background .15s}
  .btn-primary{background:var(--ink);color:#fff}
  .btn-primary:hover{background:var(--accent-2);color:#fff}
  .btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}
  .btn-ghost:hover{background:var(--ink);color:#fff}

  /* Top bar */
  .topbar{background:var(--ink);color:#dde2eb;font-size:12.5px;padding:10px 0;letter-spacing:.02em}
  .topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}
  .topbar .mini-lang{display:flex;gap:4px;font-weight:600}
  .topbar .mini-lang a{color:#8c95a6;padding:2px 8px;border-radius:3px}
  .topbar .mini-lang a.on{background:rgba(255,255,255,.12);color:#fff}

  /* Nav */
  header.nav{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:saturate(1.4) blur(8px)}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;height:78px}
  .brand{display:flex;align-items:center;gap:14px}
  .brand-mark{width:34px;height:34px;position:relative}
  .brand-mark::before,.brand-mark::after{content:"";position:absolute;inset:0;border:2px solid var(--ink);border-radius:3px}
  .brand-mark::after{transform:translate(5px,5px);border-color:var(--accent);background:rgba(178,58,44,.06)}
  .brand-word{font-family:'Inter',sans-serif;font-weight:700;font-size:22px;letter-spacing:.14em}
  nav ul{display:flex;gap:32px;list-style:none}
  nav ul a{color:var(--slate-700);font-size:14.5px;font-weight:500}
  nav ul a:hover{color:var(--ink)}
  .nav-right{display:flex;align-items:center;gap:18px}

  /* Split hero */
  .hero{border-bottom:1px solid var(--line)}
  .hero-grid{display:grid;grid-template-columns:1fr 1fr}
  .hero-col{padding:88px 56px;position:relative;min-height:640px;display:flex;flex-direction:column;justify-content:center}
  .hero-col.en{background:var(--paper)}
  .hero-col.es{background:var(--slate-100);border-left:1px solid var(--line)}
  .hero-col .lang-badge{position:absolute;top:28px;left:56px;font-size:12px;letter-spacing:.2em;font-weight:700;color:var(--slate-500)}
  .hero-col .lang-badge b{color:var(--ink)}
  .hero-col h1{max-width:520px;margin-bottom:22px}
  .hero-col h1 em{font-style:normal;color:var(--accent);position:relative;white-space:nowrap}
  .hero-col p.lede{font-size:17.5px;color:var(--slate-700);max-width:500px;margin-bottom:28px;line-height:1.55}
  .hero-col .trust{margin-top:48px;display:flex;gap:22px;flex-wrap:wrap;color:var(--slate-500);font-size:13px;padding-top:22px;border-top:1px solid var(--line);max-width:520px}
  .hero-col .trust b{color:var(--ink);font-weight:600;display:block;font-size:22px;letter-spacing:-.02em}
  .hero-cta{display:flex;gap:10px;flex-wrap:wrap}

  /* decorative seal */
  .seal{position:absolute;bottom:40px;right:40px;width:140px;height:140px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;opacity:.6}
  .seal span{font-size:10px;letter-spacing:.2em;font-weight:600;color:var(--slate-500);position:absolute;display:block;width:100%;text-align:center;top:10px}
  .seal div{width:60px;height:60px;border:1px solid var(--slate-500);border-radius:4px;display:grid;place-items:center;font-weight:700;font-size:14px;color:var(--slate-700)}

  /* Language toggle row for content below */
  .lang-toggle-row{background:var(--ink);color:#fff;padding:14px 0;display:flex;align-items:center;justify-content:center;gap:20px;font-size:13.5px}
  .lang-toggle-row span{color:#8c95a6}
  .lang-toggle-row a{color:#fff;font-weight:600;letter-spacing:.04em;padding:4px 10px;border-radius:3px}
  .lang-toggle-row a.on{background:var(--accent)}

  /* Section */
  section{padding:96px 0}
  .section-title{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:end;margin-bottom:52px}
  .section-title .label{padding-top:8px;border-top:2px solid var(--ink);max-width:280px}
  .section-title .label .eyebrow{display:block;margin-top:10px}
  .section-title p{max-width:640px;font-size:17px;color:var(--slate-700)}

  /* Services bilingual cards */
  .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
  .svc{background:var(--paper);padding:44px 36px;display:flex;flex-direction:column;min-height:420px;transition:background .15s}
  .svc:hover{background:#fff}
  .svc .num{font-family:'Inter';font-weight:700;font-size:14px;letter-spacing:.2em;color:var(--accent)}
  .svc h3{font-size:26px;margin:18px 0 16px;letter-spacing:-.02em}
  .svc .pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:auto;padding-top:24px;border-top:1px solid var(--line)}
  .svc .pair > div{font-size:13.5px;color:var(--slate-700);line-height:1.55}
  .svc .pair small{display:block;font-size:10.5px;letter-spacing:.18em;color:var(--slate-500);font-weight:600;text-transform:uppercase;margin-bottom:8px}

  /* About block */
  .about{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
  .about-visual{aspect-ratio:4/5;background:
    linear-gradient(180deg,rgba(178,58,44,.1),rgba(23,74,107,.15)),
    #2a3342;
    border-radius:4px;position:relative;overflow:hidden;color:#fff}
  .about-visual .corners{position:absolute;inset:20px;border:1px solid rgba(255,255,255,.18)}
  .about-visual .mono{position:absolute;bottom:28px;left:28px;right:28px;font-size:13px;color:rgba(255,255,255,.82);line-height:1.6;font-family:ui-monospace,monospace}
  .about h2{max-width:480px}
  .about .pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px}
  .about .pair small{display:block;font-size:10.5px;letter-spacing:.18em;color:var(--accent);font-weight:600;margin-bottom:8px;text-transform:uppercase}
  .about .pair p{font-size:15.5px}
  .stat-line{display:flex;gap:40px;margin-top:40px;padding-top:28px;border-top:1px solid var(--line);flex-wrap:wrap}
  .stat-line div b{display:block;font-size:36px;font-weight:700;letter-spacing:-.02em;color:var(--accent-2)}
  .stat-line div span{font-size:12.5px;color:var(--slate-500);letter-spacing:.05em}

  /* Editorial pull */
  .pull{background:var(--ink);color:#fff;padding:96px 0;border-top:6px solid var(--accent)}
  .pull-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}
  .pull h2{color:#fff;font-size:clamp(28px,3.2vw,40px);max-width:460px}
  .pull .pair{display:grid;grid-template-columns:1fr 1fr;gap:32px}
  .pull .pair small{display:block;font-size:10.5px;letter-spacing:.2em;font-weight:600;color:var(--accent);margin-bottom:10px;text-transform:uppercase}
  .pull .pair p{color:rgba(255,255,255,.78);font-size:15px;line-height:1.65}

  /* Practice list bilingual */
  .practice{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}
  .practice-row{background:var(--paper);display:grid;grid-template-columns:80px 1fr 1fr;gap:24px;padding:26px 28px;align-items:center;transition:background .15s}
  .practice-row:hover{background:#fff}
  .practice-row .n{font-weight:700;color:var(--accent);font-size:14px;letter-spacing:.1em}
  .practice-row .en{color:var(--ink);font-weight:600;font-size:16px}
  .practice-row .es{color:var(--slate-500);font-size:14px;font-style:italic}

  /* Offices */
  .offices{background:var(--slate-100);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .off-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
  .off{background:var(--paper);border:1px solid var(--line);padding:40px;display:flex;gap:28px}
  .off-plate{width:90px;height:130px;background:var(--ink);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex-shrink:0}
  .off-plate b{font-size:28px;letter-spacing:-.02em}
  .off-plate span{font-size:10px;letter-spacing:.2em;color:var(--slate-300)}
  .off h3{font-size:22px;margin-bottom:6px;letter-spacing:-.02em}
  .off .addr{font-size:14.5px;color:var(--slate-700);line-height:1.6}
  .off .phone{margin-top:14px;font-size:14px;font-weight:600;color:var(--accent)}
  .off .whatsapp{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:var(--slate-700);margin-top:8px}

  /* CTA bilingual */
  .cta-split{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}
  .cta-cell{padding:64px 48px;background:var(--paper)}
  .cta-cell.es{background:var(--slate-100);border-left:1px solid var(--line)}
  .cta-cell h2{max-width:440px}
  .cta-cell p{margin:16px 0 26px;max-width:440px}

  /* Footer */
  footer{background:var(--ink);color:#aab3c3;padding:80px 0 40px}
  .foot-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:48px;margin-bottom:56px}
  footer h4{color:#fff;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px;font-weight:600}
  footer ul{list-style:none}
  footer ul li{margin-bottom:10px;font-size:14px}
  footer ul a{color:#aab3c3}
  footer ul a:hover{color:#fff}
  footer .foot-brand p{color:#7a85a0;max-width:360px;margin-top:16px;font-size:14px}
  .foot-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;justify-content:space-between;font-size:12.5px;color:#7a85a0;flex-wrap:wrap;gap:12px}

  @media (max-width:900px){
    .hero-grid,.svc-grid,.about,.pull-grid,.section-title,.practice,.off-grid,.cta-split,.foot-grid{grid-template-columns:1fr}
    .hero-col{padding:60px 28px;min-height:auto}
    .section-title{margin-bottom:36px}
    nav ul{display:none}
  }
</style>
</head>
<body>

<div class="topbar">
  <div class="wrap topbar-inner">
    <span>San José · Guanacaste · +(506) 4000-3827</span>
    <div class="mini-lang"><a href="#en" class="on">EN</a><a href="#es">ES</a></div>
  </div>
</div>

<header class="nav">
  <div class="wrap nav-inner">
    <div class="brand">
      <div class="brand-mark"></div>
      <span class="brand-word">FORZA</span>
    </div>
    <nav>
      <ul>
        <li><a href="#services">Services · Servicios</a></li>
        <li><a href="#firm">Firm · Despacho</a></li>
        <li><a href="#practice">Practice · Áreas</a></li>
        <li><a href="#offices">Offices · Oficinas</a></li>
        <li><a href="#insights">Insights</a></li>
      </ul>
    </nav>
    <div class="nav-right">
      <a class="btn btn-primary" href="#contact">Request a quote →</a>
    </div>
  </div>
</header>

<section class="hero">
  <div class="hero-grid">
    <div class="hero-col en" id="en">
      <div class="lang-badge">EN · <b>English</b></div>
      <span class="eyebrow">Boutique law · tax · outsourcing</span>
      <h1>Clear counsel for <em>doing business</em> in Costa Rica.</h1>
      <p class="lede">A boutique firm in San José and Guanacaste guiding international companies, investors and family offices through Costa Rican law, tax and operations. 20+ years of bilingual service.</p>
      <div class="hero-cta">
        <a class="btn btn-primary" href="#contact">Book a consultation →</a>
        <a class="btn btn-ghost" href="#services">Our services</a>
      </div>
      <div class="trust">
        <div><b>20+</b><span>years · experience</span></div>
        <div><b>Alliott</b><span>global alliance member</span></div>
        <div><b>EN·ES</b><span>bilingual team</span></div>
      </div>
    </div>
    <div class="hero-col es" id="es">
      <div class="lang-badge">ES · <b>Español</b></div>
      <span class="eyebrow">Despacho boutique · legal · fiscal · outsourcing</span>
      <h1>Asesoría clara para <em>hacer negocios</em> en Costa Rica.</h1>
      <p class="lede">Despacho boutique en San José y Guanacaste que acompaña a empresas, inversionistas y family offices internacionales en materia legal, tributaria y operativa. Más de 20 años de atención bilingüe.</p>
      <div class="hero-cta">
        <a class="btn btn-primary" href="#contact">Agendar consulta →</a>
        <a class="btn btn-ghost" href="#services">Nuestros servicios</a>
      </div>
      <div class="trust">
        <div><b>20+</b><span>años · experiencia</span></div>
        <div><b>Alliott</b><span>miembro alianza global</span></div>
        <div><b>EN·ES</b><span>equipo bilingüe</span></div>
      </div>
      <div class="seal" aria-hidden="true">
        <span>— EST. COSTA RICA —</span>
        <div>F<br/></div>
      </div>
    </div>
  </div>
</section>

<div class="lang-toggle-row">
  <span>Reading as</span>
  <a class="on" href="#en">English</a>
  <span>·</span>
  <a href="#es">Español</a>
  <span>— scroll down for bilingual sections</span>
</div>

<section id="services">
  <div class="wrap">
    <div class="section-title">
      <div class="label"><span class="eyebrow">Services / Servicios</span></div>
      <p>Three integrated practices under one roof. Each section below pairs English and Spanish copy so your local team and your overseas stakeholders read from the same page.</p>
    </div>
    <div class="svc-grid">
      <div class="svc">
        <span class="num">01</span>
        <h3>Legal / Legal</h3>
        <div class="pair">
          <div>
            <small>English</small>
            Accurate, specialized legal advice for corporate, commercial, labor, real-estate and regulated industries. Senior partner on every matter.
          </div>
          <div>
            <small>Español</small>
            Asesoría legal especializada en derecho corporativo, comercial, laboral, inmobiliario y regulado. Socio senior en cada expediente.
          </div>
        </div>
      </div>
      <div class="svc">
        <span class="num">02</span>
        <h3>Tax / Tributario</h3>
        <div class="pair">
          <div>
            <small>English</small>
            Local and cross-border tax planning, compliance and controversy — calibrated to Costa Rica's shifting tax environment.
          </div>
          <div>
            <small>Español</small>
            Planificación fiscal local e internacional, cumplimiento y defensa contenciosa — ajustada al cambiante entorno tributario costarricense.
          </div>
        </div>
      </div>
      <div class="svc">
        <span class="num">03</span>
        <h3>Outsourcing / Outsourcing</h3>
        <div class="pair">
          <div>
            <small>English</small>
            Accounting, payroll and back-office services for companies whose efficiency depends on reliable administration.
          </div>
          <div>
            <small>Español</small>
            Contabilidad, planilla y servicios administrativos para empresas cuya eficiencia depende de una administración confiable.
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section id="firm" style="background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)">
  <div class="wrap">
    <div class="about">
      <div class="about-visual">
        <div class="corners"></div>
        <div class="mono">
          EST. · San José<br/>
          Reg. · CR<br/>
          Alliance · Alliott Global<br/>
          Languages · EN · ES<br/>
          Practice · Legal · Tax · BPO
        </div>
      </div>
      <div>
        <span class="eyebrow">About · Acerca</span>
        <h2 style="margin-top:12px">A boutique firm, international by design.<br/><span style="color:var(--slate-500)">Un despacho boutique, internacional por naturaleza.</span></h2>
        <div class="pair">
          <div>
            <small>English</small>
            <p>Founded on the conviction that global businesses deserve a single, senior-led partner in Costa Rica — not a revolving door of juniors. Every engagement is led by a partner with 20+ years of experience.</p>
          </div>
          <div>
            <small>Español</small>
            <p>Nacimos del convencimiento de que las empresas globales merecen un socio costarricense único y senior — no un relevo de asociados. Cada encargo lo lidera un socio con más de 20 años de experiencia.</p>
          </div>
        </div>
        <div class="stat-line">
          <div><b>20+</b><span>years / años</span></div>
          <div><b>180+</b><span>Alliott firms worldwide</span></div>
          <div><b>80</b><span>countries / países</span></div>
          <div><b>2</b><span>CR offices / oficinas</span></div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="pull">
  <div class="wrap pull-grid">
    <h2>"A strategic partner — not a transactional service provider."<br/><span style="color:var(--slate-300);font-size:20px;font-style:italic;display:block;margin-top:14px">"Un socio estratégico — no un proveedor transaccional."</span></h2>
    <div class="pair">
      <div>
        <small>Why clients choose us</small>
        <p>International clients entering Costa Rica need bilingual counsel who can translate across legal systems and business cultures. FORZA is staffed to work as an extension of your in-house team.</p>
      </div>
      <div>
        <small>Por qué nos eligen</small>
        <p>Los clientes internacionales que llegan a Costa Rica necesitan asesoría bilingüe que traduzca entre sistemas jurídicos y culturas empresariales. FORZA trabaja como extensión de su equipo interno.</p>
      </div>
    </div>
  </div>
</section>

<section id="practice">
  <div class="wrap">
    <div class="section-title">
      <div class="label"><span class="eyebrow">Practice / Áreas</span></div>
      <p>Sixteen focus areas across three disciplines. Bilingual — because you might know the area in one language but not the other.</p>
    </div>
    <div class="practice">
      <div class="practice-row"><span class="n">01</span><span class="en">Corporate &amp; M&amp;A</span><span class="es">Corporativo y Fusiones</span></div>
      <div class="practice-row"><span class="n">02</span><span class="en">Foreign Direct Investment</span><span class="es">Inversión Extranjera Directa</span></div>
      <div class="practice-row"><span class="n">03</span><span class="en">Real Estate</span><span class="es">Inmobiliario</span></div>
      <div class="practice-row"><span class="n">04</span><span class="en">Labor &amp; Employment</span><span class="es">Laboral y Empleo</span></div>
      <div class="practice-row"><span class="n">05</span><span class="en">Commercial Contracts</span><span class="es">Contratación Comercial</span></div>
      <div class="practice-row"><span class="n">06</span><span class="en">Dispute Resolution</span><span class="es">Resolución de Disputas</span></div>
      <div class="practice-row"><span class="n">07</span><span class="en">International Tax</span><span class="es">Tributario Internacional</span></div>
      <div class="practice-row"><span class="n">08</span><span class="en">Transfer Pricing</span><span class="es">Precios de Transferencia</span></div>
      <div class="practice-row"><span class="n">09</span><span class="en">Tax Compliance</span><span class="es">Cumplimiento Tributario</span></div>
      <div class="practice-row"><span class="n">10</span><span class="en">Tax Controversy</span><span class="es">Litigio Tributario</span></div>
      <div class="practice-row"><span class="n">11</span><span class="en">Accounting</span><span class="es">Contabilidad</span></div>
      <div class="practice-row"><span class="n">12</span><span class="en">Payroll &amp; HR Admin</span><span class="es">Planilla y RRHH</span></div>
      <div class="practice-row"><span class="n">13</span><span class="en">CFO Advisory</span><span class="es">Dirección Financiera</span></div>
      <div class="practice-row"><span class="n">14</span><span class="en">Regulatory Compliance</span><span class="es">Cumplimiento Regulatorio</span></div>
      <div class="practice-row"><span class="n">15</span><span class="en">Free-Trade Zones</span><span class="es">Zonas Francas</span></div>
      <div class="practice-row"><span class="n">16</span><span class="en">Family Office &amp; HNW</span><span class="es">Family Office y Alto Patrimonio</span></div>
    </div>
  </div>
</section>

<section id="offices" class="offices">
  <div class="wrap">
    <div class="section-title">
      <div class="label"><span class="eyebrow">Offices / Oficinas</span></div>
      <p>Two offices across Costa Rica — the capital and the Pacific coast. / Dos oficinas en Costa Rica — la capital y la costa Pacífica.</p>
    </div>
    <div class="off-grid">
      <div class="off">
        <div class="off-plate"><b>SJO</b><span>San José</span></div>
        <div>
          <h3>San José</h3>
          <div class="addr">Primary office in the capital's business district. Corporate, tax and outsourcing engagements.<br/><span style="color:var(--slate-500)">Oficina principal, distrito financiero. Corporativo, tributario y outsourcing.</span></div>
          <div class="phone">+(506) 4000-3827</div>
          <a class="whatsapp" href="#">WhatsApp →</a>
        </div>
      </div>
      <div class="off">
        <div class="off-plate"><b>GUA</b><span>Guanacaste</span></div>
        <div>
          <h3>Guanacaste</h3>
          <div class="addr">Pacific-coast office for hospitality, real-estate development and tourism investors.<br/><span style="color:var(--slate-500)">Oficina en la costa Pacífica. Hotelería, desarrollo inmobiliario y turismo.</span></div>
          <div class="phone">+(506) 4000-3827</div>
          <a class="whatsapp" href="#">WhatsApp →</a>
        </div>
      </div>
    </div>
  </div>
</section>

<section id="contact" style="padding-top:0">
  <div class="wrap">
    <div class="cta-split">
      <div class="cta-cell">
        <span class="eyebrow">Start the conversation</span>
        <h2 style="margin-top:12px">Tell us about your project.</h2>
        <p>We'll get back in 24 hours with a scoped, written quote — in English. Most first calls are 30 minutes.</p>
        <div class="hero-cta">
          <a class="btn btn-primary" href="#">Request a quote →</a>
          <a class="btn btn-ghost" href="#">WhatsApp</a>
        </div>
      </div>
      <div class="cta-cell es">
        <span class="eyebrow">Iniciemos la conversación</span>
        <h2 style="margin-top:12px">Cuéntenos sobre su proyecto.</h2>
        <p>Le responderemos en 24 horas con una cotización por escrito — en español. La primera llamada suele durar 30 minutos.</p>
        <div class="hero-cta">
          <a class="btn btn-primary" href="#">Solicitar cotización →</a>
          <a class="btn btn-ghost" href="#">WhatsApp</a>
        </div>
      </div>
    </div>
  </div>
</section>

<footer>
  <div class="wrap">
    <div class="foot-grid">
      <div class="foot-brand">
        <div class="brand">
          <div class="brand-mark" style="filter:invert(1)"></div>
          <span class="brand-word" style="color:#fff">FORZA</span>
        </div>
        <p>Boutique law, tax &amp; outsourcing in Costa Rica. Alliott Global Alliance member. / Despacho boutique legal, tributario y outsourcing en Costa Rica. Miembro Alliott Global Alliance.</p>
      </div>
      <div><h4>Services / Servicios</h4><ul><li><a href="#">Legal</a></li><li><a href="#">Tax · Tributario</a></li><li><a href="#">Outsourcing</a></li></ul></div>
      <div><h4>Firm / Despacho</h4><ul><li><a href="#">About · Acerca</a></li><li><a href="#">Team · Equipo</a></li><li><a href="#">Insights · Blog</a></li></ul></div>
      <div><h4>Contact / Contacto</h4><ul><li>San José · Guanacaste</li><li>+(506) 4000-3827</li><li><a href="#">WhatsApp</a></li><li><a href="#">info@forza.legal</a></li></ul></div>
    </div>
    <div class="foot-bottom">
      <span>© 2026 FORZA · Costa Rica · Alliott Global Alliance</span>
      <span>EN · ES · Designed for bilingual business.</span>
    </div>
  </div>
</footer>

</body>
</html>