← back to Forza
Initial: 3 theme mockups + contact page
281702240cbaa358145a3be7cf9a4234fe1b3951 · 2026-04-23 11:14:43 -0700 · Steve Abrams
Files touched
A .gitignoreA index.htmlA theme-1-alliott-global/index.htmlA theme-2-bilingual-split/index.htmlA theme-3-costa-rica-modern/contact/index.htmlA theme-3-costa-rica-modern/index.htmlA theme-3-costa-rica-modern/shared.css
Diff
commit 281702240cbaa358145a3be7cf9a4234fe1b3951
Author: Steve Abrams <steveabramsdesigns@gmail.com>
Date: Thu Apr 23 11:14:43 2026 -0700
Initial: 3 theme mockups + contact page
---
.gitignore | 5 +
index.html | 23 ++
theme-1-alliott-global/index.html | 513 +++++++++++++++++++++++
theme-2-bilingual-split/index.html | 465 +++++++++++++++++++++
theme-3-costa-rica-modern/contact/index.html | 359 ++++++++++++++++
theme-3-costa-rica-modern/index.html | 590 +++++++++++++++++++++++++++
theme-3-costa-rica-modern/shared.css | 109 +++++
7 files changed, 2064 insertions(+)
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..70891fe
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,5 @@
+.DS_Store
+*.log
+node_modules/
+.env
+.env.local
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..2a2c49d
--- /dev/null
+++ b/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8" />
+<title>FORZA — 3 theme mockups</title>
+<style>
+ body{font-family:-apple-system,system-ui,sans-serif;background:#0a1733;color:#fff;padding:60px;margin:0;line-height:1.5}
+ h1{font-size:36px;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}
+ p{color:#aab3cd;max-width:640px;margin-bottom:40px}
+ a{color:#fff;text-decoration:none;display:block;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:24px 28px;border-radius:14px;margin-bottom:14px;max-width:640px;transition:background .15s,border-color .15s}
+ a:hover{background:rgba(255,255,255,.1);border-color:#1f48ff}
+ a b{display:block;font-size:20px;margin-bottom:4px}
+ a span{color:#aab3cd;font-size:14px}
+</style>
+</head>
+<body>
+<h1>FORZA · 3 theme mockups</h1>
+<p>Picked for SEO + readability. Click each to preview.</p>
+<a href="/theme-1-alliott-global/"><b>1. Alliott Global</b><span>White + cobalt, Inter sans, international keyword targeting.</span></a>
+<a href="/theme-2-bilingual-split/"><b>2. Bilingual Split</b><span>EN/ES dual-column hero, slate neutrals, 2× indexable content.</span></a>
+<a href="/theme-3-costa-rica-modern/"><b>3. Costa Rica Modern</b><span>Pacific blue + jade + coffee, Fraunces serif, regional SEO.</span></a>
+</body>
+</html>
diff --git a/theme-1-alliott-global/index.html b/theme-1-alliott-global/index.html
new file mode 100644
index 0000000..0740aec
--- /dev/null
+++ b/theme-1-alliott-global/index.html
@@ -0,0 +1,513 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>FORZA | Boutique Costa Rica Law, Tax & Outsourcing | Alliott Global Alliance</title>
+<meta name="description" content="FORZA is a boutique law firm in San José and Guanacaste, Costa Rica — legal, tax and outsourcing services for international businesses. Exclusive Costa Rica member of the Alliott Global Alliance, 180+ firms across 80 countries." />
+<meta name="keywords" content="Costa Rica law firm, Costa Rica tax advisory, Alliott Global Alliance Costa Rica, international business Costa Rica, San José legal services, Guanacaste attorney, bilingual lawyer Costa Rica" />
+<meta property="og:title" content="FORZA — Boutique Costa Rica Law, Tax & Outsourcing" />
+<meta property="og:description" content="20+ years guiding international businesses in Costa Rica. Exclusive Alliott Global Alliance member." />
+<meta property="og:type" content="website" />
+<link rel="preconnect" href="https://rsms.me/" />
+<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
+<script src="https://mcp.figma.com/mcp/html-to-design/capture.js" async></script>
+<style>
+ :root {
+ --ink:#0a1733;
+ --ink-soft:#334062;
+ --ink-mute:#6b7796;
+ --line:#e6eaf2;
+ --cobalt:#1f48ff;
+ --cobalt-ink:#0a2ec9;
+ --bg:#ffffff;
+ --bg-alt:#f6f8fc;
+ --gold:#caa75a;
+ --maxw:1200px;
+ }
+ *{box-sizing:border-box;margin:0;padding:0}
+ html{scroll-behavior:smooth}
+ body{font-family:'Inter',ui-sans-serif,system-ui,-apple-system,sans-serif;font-feature-settings:"ss01","cv11";color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}
+ a{color:var(--cobalt);text-decoration:none}
+ a:hover{color:var(--cobalt-ink)}
+ img{max-width:100%;display:block}
+ .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
+ .eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt);font-weight:600}
+ h1,h2,h3{letter-spacing:-.02em;color:var(--ink);font-weight:600}
+ h1{font-size:clamp(40px,5.4vw,68px);line-height:1.05;letter-spacing:-.035em;font-weight:700}
+ h2{font-size:clamp(28px,3.2vw,40px);line-height:1.15}
+ h3{font-size:20px;line-height:1.3}
+ p{color:var(--ink-soft)}
+ .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:999px;font-weight:600;font-size:15px;transition:transform .15s,box-shadow .15s}
+ .btn-primary{background:var(--cobalt);color:#fff}
+ .btn-primary:hover{background:var(--cobalt-ink);color:#fff;transform:translateY(-1px);box-shadow:0 10px 24px -12px rgba(31,72,255,.55)}
+ .btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
+ .btn-ghost:hover{border-color:var(--ink)}
+
+ /* Nav */
+ header.nav{position:sticky;top:0;background:rgba(255,255,255,.86);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line);z-index:50}
+ .nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px}
+ .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;letter-spacing:.02em}
+ .brand-mark{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--cobalt),#6a86ff);display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px}
+ nav ul{display:flex;gap:28px;list-style:none}
+ nav a{color:var(--ink-soft);font-size:14.5px;font-weight:500}
+ nav a:hover{color:var(--ink)}
+ .nav-cta{display:flex;gap:10px;align-items:center}
+ .lang{font-size:13px;color:var(--ink-mute);border:1px solid var(--line);border-radius:999px;padding:6px 12px}
+
+ /* Announcement */
+ .alliott-strip{background:var(--ink);color:#e9edf8;font-size:13px;padding:10px 0;text-align:center;letter-spacing:.02em}
+ .alliott-strip b{color:#fff}
+ .alliott-strip span{opacity:.7;margin:0 10px}
+
+ /* Hero */
+ .hero{position:relative;padding:92px 0 96px;overflow:hidden}
+ .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
+ .hero h1 em{font-style:normal;color:var(--cobalt);position:relative}
+ .hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:10px;background:rgba(31,72,255,.12);z-index:-1}
+ .hero p.lede{font-size:19px;color:var(--ink-soft);margin:22px 0 32px;max-width:560px;line-height:1.55}
+ .hero-cta{display:flex;gap:12px;flex-wrap:wrap}
+ .trust-row{margin-top:44px;display:flex;gap:28px;flex-wrap:wrap;align-items:center;color:var(--ink-mute);font-size:13px}
+ .trust-row b{color:var(--ink);font-weight:600}
+ .hero-visual{position:relative;aspect-ratio:1/1;border-radius:24px;background:
+ radial-gradient(120% 80% at 80% 10%, rgba(31,72,255,.18), transparent 60%),
+ radial-gradient(80% 80% at 20% 90%, rgba(202,167,90,.12), transparent 60%),
+ #0a1733;
+ overflow:hidden;color:#fff;box-shadow:0 40px 80px -30px rgba(10,23,51,.35)}
+ .globe{position:absolute;inset:0;opacity:.8}
+ .globe svg{width:100%;height:100%}
+ .globe circle{fill:none;stroke:rgba(255,255,255,.12);stroke-width:1}
+ .globe path{fill:none;stroke:rgba(255,255,255,.18);stroke-width:1}
+ .pin{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(202,167,90,.18),0 0 0 14px rgba(202,167,90,.08)}
+ .pin.cr{top:58%;left:27%}
+ .pin.eu{top:32%;left:52%}
+ .pin.us{top:35%;left:22%}
+ .pin.asia{top:40%;left:72%}
+ .hero-card{position:absolute;bottom:22px;left:22px;right:22px;background:rgba(10,23,51,.7);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px 20px}
+ .hero-card h3{color:#fff;font-size:15px;margin-bottom:4px}
+ .hero-card p{color:rgba(255,255,255,.7);font-size:13px}
+
+ /* Logos row */
+ .logos{padding:44px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-alt)}
+ .logos-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
+ .logos-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}
+ .logo-set{display:flex;gap:36px;flex-wrap:wrap;opacity:.75}
+ .logo-set span{font-weight:700;font-size:15px;color:var(--ink-soft);letter-spacing:.04em}
+
+ /* Services */
+ section{padding:96px 0}
+ .section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:48px;flex-wrap:wrap}
+ .section-head p{max-width:520px}
+ .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
+ .service{background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;transition:border-color .2s,transform .2s}
+ .service:hover{border-color:var(--cobalt);transform:translateY(-3px)}
+ .service .icon{width:44px;height:44px;border-radius:11px;background:rgba(31,72,255,.08);color:var(--cobalt);display:grid;place-items:center;margin-bottom:20px;font-weight:700}
+ .service h3{margin-bottom:10px}
+ .service ul{list-style:none;margin-top:16px}
+ .service ul li{font-size:14px;color:var(--ink-soft);padding:8px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between}
+ .service ul li:first-child{border-top:none}
+ .service a{margin-top:18px;display:inline-flex;gap:6px;font-size:14px;font-weight:600}
+
+ /* Stats / Alliott block */
+ .alliott{background:var(--ink);color:#e9edf8;border-radius:28px;padding:72px;margin:0 28px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
+ .alliott h2{color:#fff;max-width:460px}
+ .alliott p{color:rgba(255,255,255,.72);margin-top:18px;max-width:520px}
+ .stats{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
+ .stat{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px}
+ .stat .n{font-size:44px;font-weight:700;letter-spacing:-.03em;color:#fff;line-height:1}
+ .stat .n em{font-style:normal;color:var(--gold)}
+ .stat .l{font-size:13px;color:rgba(255,255,255,.65);margin-top:8px}
+
+ /* Industries */
+ .industries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px}
+ .industry{border:1px solid var(--line);border-radius:14px;padding:22px 20px;background:#fff;font-weight:500;font-size:15px;transition:background .2s}
+ .industry:hover{background:var(--bg-alt)}
+ .industry small{display:block;font-size:12px;color:var(--ink-mute);margin-top:4px;font-weight:400}
+
+ /* Team */
+ .team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
+ .member{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}
+ .member .photo{aspect-ratio:4/5;background:linear-gradient(160deg,#d9e0f2,#aab3cd)}
+ .member .photo.a{background:linear-gradient(160deg,#c9d4f2,#6a86ff)}
+ .member .photo.b{background:linear-gradient(160deg,#ead7b1,#caa75a)}
+ .member .photo.c{background:linear-gradient(160deg,#cfd6e6,#0a1733)}
+ .member-body{padding:22px}
+ .member h3{font-size:17px;margin-bottom:2px}
+ .member .role{font-size:13px;color:var(--ink-mute)}
+ .member .bio{font-size:14px;color:var(--ink-soft);margin-top:12px;line-height:1.5}
+
+ /* Offices */
+ .offices{background:var(--bg-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
+ .offices-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
+ .office{background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;display:flex;gap:20px}
+ .office .map{width:120px;height:120px;border-radius:14px;flex-shrink:0;background:
+ linear-gradient(135deg,#e3e9f5,#cad3e9);position:relative;overflow:hidden}
+ .office .map::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:50%;background:var(--cobalt);transform:translate(-50%,-50%);box-shadow:0 0 0 6px rgba(31,72,255,.18)}
+ .office h3{margin-bottom:6px}
+ .office .addr{font-size:14px;color:var(--ink-soft);line-height:1.6}
+ .office .phone{margin-top:12px;font-size:14px;font-weight:600;color:var(--cobalt)}
+
+ /* Insights / blog */
+ .insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
+ .insight{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
+ .insight .thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#e3e9f5,#b8c3e0)}
+ .insight .thumb.b{background:linear-gradient(135deg,#fff0d6,#caa75a)}
+ .insight .thumb.c{background:linear-gradient(135deg,#d1ecf0,#1f48ff)}
+ .insight-body{padding:24px}
+ .insight .tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt);font-weight:600}
+ .insight h3{font-size:18px;margin:8px 0 8px;line-height:1.3}
+ .insight .meta{font-size:12px;color:var(--ink-mute);margin-top:14px}
+
+ /* CTA */
+ .cta-band{background:linear-gradient(120deg,var(--cobalt),#4c6fff);color:#fff;border-radius:28px;margin:0 28px;padding:64px;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}
+ .cta-band h2{color:#fff;max-width:520px}
+ .cta-band p{color:rgba(255,255,255,.8);margin-top:14px}
+ .cta-band .btn-primary{background:#fff;color:var(--cobalt)}
+ .cta-band .btn-primary:hover{background:#f3f5fd;color:var(--cobalt-ink)}
+ .cta-band .btn-ghost{color:#fff;border-color:rgba(255,255,255,.35)}
+ .cta-band .btn-ghost:hover{border-color:#fff}
+ .cta-form{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:24px}
+ .cta-form label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7);display:block;margin-bottom:6px}
+ .cta-form input,.cta-form select{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 14px;border-radius:10px;font-size:14px;margin-bottom:12px;font-family:inherit}
+ .cta-form input::placeholder{color:rgba(255,255,255,.55)}
+ .cta-form button{width:100%;background:#fff;color:var(--cobalt);border:none;padding:14px;border-radius:999px;font-weight:600;cursor:pointer;font-size:14px}
+
+ /* Footer */
+ footer{background:#060d1f;color:#aab3cd;padding:80px 0 40px;margin-top:40px}
+ .foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:48px;margin-bottom:56px}
+ footer h4{color:#fff;font-size:13px;letter-spacing:.14em;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:#aab3cd}
+ footer ul a:hover{color:#fff}
+ .foot-brand p{color:#7a85a3;margin-top:12px;font-size:14px;max-width:320px}
+ .foot-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;justify-content:space-between;font-size:13px;color:#7a85a3;flex-wrap:wrap;gap:12px}
+
+ @media (max-width:900px){
+ .hero-grid,.services-grid,.insights-grid,.team-grid,.industries-grid,.offices-grid,.alliott,.cta-band,.foot-grid{grid-template-columns:1fr}
+ .alliott,.cta-band{padding:44px;margin:0 16px}
+ nav ul{display:none}
+ }
+</style>
+</head>
+<body>
+<div class="alliott-strip">
+ <b>FORZA</b> <span>·</span> Exclusive Costa Rica member of the <b>Alliott Global Alliance</b> <span>·</span> 180+ firms · 80 countries
+</div>
+
+<header class="nav">
+ <div class="wrap nav-inner">
+ <div class="brand"><div class="brand-mark">F</div>FORZA</div>
+ <nav>
+ <ul>
+ <li><a href="#services">Services</a></li>
+ <li><a href="#global">Global Reach</a></li>
+ <li><a href="#team">Team</a></li>
+ <li><a href="#insights">Insights</a></li>
+ <li><a href="#offices">Offices</a></li>
+ </ul>
+ </nav>
+ <div class="nav-cta">
+ <span class="lang">EN · ES</span>
+ <a class="btn btn-primary" href="#cta">Request a quote</a>
+ </div>
+ </div>
+</header>
+
+<section class="hero">
+ <div class="wrap hero-grid">
+ <div>
+ <span class="eyebrow">Boutique law, tax & outsourcing · Costa Rica</span>
+ <h1>Your <em>strategic counsel</em> for doing business in Costa Rica.</h1>
+ <p class="lede">20+ years guiding international companies, investors and family offices through Costa Rican law, tax and back-office operations — with the global reach of the Alliott Global Alliance.</p>
+ <div class="hero-cta">
+ <a class="btn btn-primary" href="#cta">Book a consultation →</a>
+ <a class="btn btn-ghost" href="#services">Explore our services</a>
+ </div>
+ <div class="trust-row">
+ <span><b>20+</b> years of experience</span>
+ <span><b>80</b> countries via Alliott</span>
+ <span><b>EN · ES</b> bilingual team</span>
+ </div>
+ </div>
+ <div class="hero-visual" aria-hidden="true">
+ <div class="globe">
+ <svg viewBox="0 0 400 400">
+ <circle cx="200" cy="200" r="180" />
+ <circle cx="200" cy="200" r="140" />
+ <circle cx="200" cy="200" r="100" />
+ <circle cx="200" cy="200" r="60" />
+ <path d="M20 200 H380" />
+ <path d="M200 20 V380" />
+ <path d="M60 60 Q200 160 340 60" />
+ <path d="M60 340 Q200 240 340 340" />
+ <path d="M60 60 Q160 200 60 340" />
+ <path d="M340 60 Q240 200 340 340" />
+ </svg>
+ </div>
+ <div class="pin cr" title="Costa Rica"></div>
+ <div class="pin eu" title="Europe"></div>
+ <div class="pin us" title="North America"></div>
+ <div class="pin asia" title="Asia"></div>
+ <div class="hero-card">
+ <h3>One call. Four continents.</h3>
+ <p>Inbound investors access 180+ Alliott firms through a single Costa Rican contact.</p>
+ </div>
+ </div>
+ </div>
+</section>
+
+<div class="logos">
+ <div class="wrap logos-inner">
+ <span class="logos-label">Trusted by international clients from</span>
+ <div class="logo-set">
+ <span>ALLIOTT GLOBAL</span>
+ <span>USA</span>
+ <span>EU</span>
+ <span>LATAM</span>
+ <span>UK</span>
+ <span>CANADA</span>
+ </div>
+ </div>
+</div>
+
+<section id="services">
+ <div class="wrap">
+ <div class="section-head">
+ <div>
+ <span class="eyebrow">What we do</span>
+ <h2>Three integrated practices, one partner.</h2>
+ </div>
+ <p>Legal, tax and outsourcing under one roof — so international clients entering Costa Rica don't coordinate three firms and three invoices.</p>
+ </div>
+ <div class="services-grid">
+ <div class="service">
+ <div class="icon">§</div>
+ <h3>Legal</h3>
+ <p>Accurate, specialized advice for corporate, commercial, labor, real estate and regulated industries.</p>
+ <ul>
+ <li>Corporate & M&A <span>→</span></li>
+ <li>Real Estate & FDI <span>→</span></li>
+ <li>Labor & Employment <span>→</span></li>
+ <li>Dispute Resolution <span>→</span></li>
+ </ul>
+ <a href="#">Explore Legal →</a>
+ </div>
+ <div class="service">
+ <div class="icon">%</div>
+ <h3>Taxes</h3>
+ <p>Local and cross-border tax planning, compliance and controversy — tuned to a fast-changing environment.</p>
+ <ul>
+ <li>International Tax <span>→</span></li>
+ <li>Transfer Pricing <span>→</span></li>
+ <li>Compliance & Filing <span>→</span></li>
+ <li>Tax Controversy <span>→</span></li>
+ </ul>
+ <a href="#">Explore Tax →</a>
+ </div>
+ <div class="service">
+ <div class="icon">◎</div>
+ <h3>Outsourcing</h3>
+ <p>Accounting, payroll and back-office — the efficient administration every strategy depends on.</p>
+ <ul>
+ <li>Accounting & Bookkeeping <span>→</span></li>
+ <li>Payroll & HR Admin <span>→</span></li>
+ <li>CFO Advisory <span>→</span></li>
+ <li>Back-Office Ops <span>→</span></li>
+ </ul>
+ <a href="#">Explore Outsourcing →</a>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section id="global" style="padding-top:0">
+ <div class="wrap">
+ <div class="alliott">
+ <div>
+ <span class="eyebrow" style="color:var(--gold)">Alliott Global Alliance</span>
+ <h2>One Costa Rican partner. A worldwide firm at your back.</h2>
+ <p>As the exclusive Costa Rica member of Alliott Global Alliance — the 6th-largest alliance of independent firms — we connect clients to coordinated legal, tax and advisory support in 80 countries.</p>
+ <a class="btn btn-primary" style="margin-top:22px;background:var(--gold);color:var(--ink)" href="#">Learn about the Alliance →</a>
+ </div>
+ <div class="stats">
+ <div class="stat"><div class="n"><em>20</em>+</div><div class="l">Years of experience</div></div>
+ <div class="stat"><div class="n"><em>180</em>+</div><div class="l">Firms worldwide</div></div>
+ <div class="stat"><div class="n"><em>80</em></div><div class="l">Countries covered</div></div>
+ <div class="stat"><div class="n"><em>2</em></div><div class="l">Costa Rica offices</div></div>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section id="industries">
+ <div class="wrap">
+ <div class="section-head">
+ <div>
+ <span class="eyebrow">Industries</span>
+ <h2>Sectors we know deeply.</h2>
+ </div>
+ <p>Specialized counsel built around the businesses that most frequently move in and out of Costa Rica.</p>
+ </div>
+ <div class="industries-grid">
+ <div class="industry">Tourism & Hospitality<small>Hotels, tour operators, F&B</small></div>
+ <div class="industry">Real Estate & Development<small>Acquisition, permitting, HOAs</small></div>
+ <div class="industry">Technology & Nearshoring<small>Free-zone, SaaS, BPO</small></div>
+ <div class="industry">Manufacturing & Exports<small>Free-trade zones, logistics</small></div>
+ <div class="industry">Family Offices & HNW<small>Relocation, succession</small></div>
+ <div class="industry">Agribusiness<small>Exports, land, labor</small></div>
+ <div class="industry">Healthcare & Life Sciences<small>Regulatory, licensing</small></div>
+ <div class="industry">NGOs & Foundations<small>Formation, compliance</small></div>
+ </div>
+ </div>
+</section>
+
+<section id="team" style="background:var(--bg-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)">
+ <div class="wrap">
+ <div class="section-head">
+ <div>
+ <span class="eyebrow">Our team</span>
+ <h2>Senior partners on every file.</h2>
+ </div>
+ <p>More than 20 years of combined experience across legal, tax and operational practice — working directly with your leadership, not handing you to juniors.</p>
+ </div>
+ <div class="team-grid">
+ <div class="member">
+ <div class="photo a"></div>
+ <div class="member-body">
+ <h3>Partner · Legal</h3>
+ <div class="role">Corporate & M&A</div>
+ <p class="bio">Lead counsel on cross-border transactions, joint ventures and FDI structuring in Costa Rica.</p>
+ </div>
+ </div>
+ <div class="member">
+ <div class="photo b"></div>
+ <div class="member-body">
+ <h3>Partner · Tax</h3>
+ <div class="role">International Tax & TP</div>
+ <p class="bio">International tax planning, transfer pricing and controversy for multinationals.</p>
+ </div>
+ </div>
+ <div class="member">
+ <div class="photo c"></div>
+ <div class="member-body">
+ <h3>Partner · Outsourcing</h3>
+ <div class="role">Accounting & Payroll</div>
+ <p class="bio">Leads CFO-level outsourcing engagements and regulated industry compliance.</p>
+ </div>
+ </div>
+ </div>
+ <div style="margin-top:32px"><a class="btn btn-ghost" href="#">Meet the full team →</a></div>
+ </div>
+</section>
+
+<section id="offices" class="offices">
+ <div class="wrap">
+ <div class="section-head">
+ <div>
+ <span class="eyebrow">Where to find us</span>
+ <h2>Two offices across Costa Rica.</h2>
+ </div>
+ <p>Main office in San José's business district; Pacific-coast presence in Guanacaste for tourism, hospitality and resort clients.</p>
+ </div>
+ <div class="offices-grid">
+ <div class="office">
+ <div class="map"></div>
+ <div>
+ <h3>San José</h3>
+ <div class="addr">Business district of the capital — primary counsel for corporate, tax and outsourcing engagements.</div>
+ <div class="phone">+(506) 4000-3827</div>
+ </div>
+ </div>
+ <div class="office">
+ <div class="map"></div>
+ <div>
+ <h3>Guanacaste</h3>
+ <div class="addr">Pacific-coast office serving hospitality, real-estate development and tourism investors.</div>
+ <div class="phone">+(506) 4000-3827</div>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section id="insights">
+ <div class="wrap">
+ <div class="section-head">
+ <div>
+ <span class="eyebrow">Insights</span>
+ <h2>Guidance for inbound business.</h2>
+ </div>
+ <p>Briefings on Costa Rican law, tax and operations — written for investors, CFOs and in-house counsel abroad.</p>
+ </div>
+ <div class="insights-grid">
+ <div class="insight">
+ <div class="thumb"></div>
+ <div class="insight-body">
+ <span class="tag">Tax</span>
+ <h3>Costa Rica transfer pricing: what changed for 2026 filings</h3>
+ <div class="meta">Apr 2026 · 6 min read</div>
+ </div>
+ </div>
+ <div class="insight">
+ <div class="thumb b"></div>
+ <div class="insight-body">
+ <span class="tag">Legal</span>
+ <h3>A buyer's guide to coastal property in Guanacaste</h3>
+ <div class="meta">Mar 2026 · 8 min read</div>
+ </div>
+ </div>
+ <div class="insight">
+ <div class="thumb c"></div>
+ <div class="insight-body">
+ <span class="tag">Outsourcing</span>
+ <h3>When to move back-office into Costa Rica's free-trade zones</h3>
+ <div class="meta">Feb 2026 · 5 min read</div>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section id="cta" style="padding-top:0">
+ <div class="wrap">
+ <div class="cta-band">
+ <div>
+ <span class="eyebrow" style="color:rgba(255,255,255,.8)">Start the conversation</span>
+ <h2>Tell us about your project. Get a scoped quote in 48 hours.</h2>
+ <p>We serve clients in English and Spanish. WhatsApp us, request a quote or book a 30-minute consultation — whichever is easiest.</p>
+ <div class="hero-cta" style="margin-top:22px">
+ <a class="btn btn-primary" href="#">Request a quote →</a>
+ <a class="btn btn-ghost" href="#">WhatsApp us</a>
+ </div>
+ </div>
+ <form class="cta-form" onsubmit="event.preventDefault()">
+ <label>Name</label><input placeholder="Jane Doe" />
+ <label>Work email</label><input type="email" placeholder="jane@company.com" />
+ <label>Service needed</label>
+ <select><option>Legal</option><option>Tax</option><option>Outsourcing</option><option>Not sure yet</option></select>
+ <button type="submit">Send →</button>
+ </form>
+ </div>
+ </div>
+</section>
+
+<footer>
+ <div class="wrap">
+ <div class="foot-grid">
+ <div class="foot-brand">
+ <div class="brand"><div class="brand-mark">F</div><span style="color:#fff">FORZA</span></div>
+ <p>Boutique law, tax and outsourcing firm in Costa Rica. Exclusive member of the Alliott Global Alliance.</p>
+ </div>
+ <div><h4>Services</h4><ul><li><a href="#">Legal</a></li><li><a href="#">Tax</a></li><li><a href="#">Outsourcing</a></li></ul></div>
+ <div><h4>Firm</h4><ul><li><a href="#">About</a></li><li><a href="#">Team</a></li><li><a href="#">Insights</a></li><li><a href="#">Careers</a></li></ul></div>
+ <div><h4>Contact</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</span>
+ <span>EN · ES · Alliott Global Alliance</span>
+ </div>
+ </div>
+</footer>
+</body>
+</html>
diff --git a/theme-2-bilingual-split/index.html b/theme-2-bilingual-split/index.html
new file mode 100644
index 0000000..9c3946a
--- /dev/null
+++ b/theme-2-bilingual-split/index.html
@@ -0,0 +1,465 @@
+<!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" />
+<script src="https://mcp.figma.com/mcp/html-to-design/capture.js" async></script>
+<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 & M&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 & 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 & 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 & 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 & 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>
diff --git a/theme-3-costa-rica-modern/contact/index.html b/theme-3-costa-rica-modern/contact/index.html
new file mode 100644
index 0000000..4d346fc
--- /dev/null
+++ b/theme-3-costa-rica-modern/contact/index.html
@@ -0,0 +1,359 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Contact FORZA | Costa Rica Law Firm — San José & Guanacaste | Request a Quote</title>
+<meta name="description" content="Contact FORZA — boutique Costa Rica law, tax & outsourcing firm in San José and Guanacaste. Request a fixed-fee quote in 24–48 hours, WhatsApp a partner, or book a 30-minute bilingual consultation." />
+<meta name="keywords" content="contact Costa Rica lawyer, Forza legal contact, San José attorney phone, Guanacaste law office, request quote Costa Rica law firm, WhatsApp Costa Rica attorney" />
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="../shared.css">
+<script src="https://mcp.figma.com/mcp/html-to-design/capture.js" async></script>
+<style>
+ .contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;padding:72px 0}
+ .contact-form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:44px}
+ .contact-form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
+ .contact-form label{font-family:'Inter';font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);font-weight:600;display:block;margin-bottom:6px;margin-top:8px}
+ .contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:14px 16px;border-radius:10px;font-size:15px;margin-bottom:14px;font-family:inherit;transition:border-color .15s}
+ .contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:var(--pacific)}
+ .contact-form textarea{min-height:120px;resize:vertical}
+ .contact-form .lang-pref{display:flex;gap:10px;margin-bottom:18px}
+ .contact-form .lang-pref label{flex:1;margin:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:13px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--ink-soft)}
+ .contact-form .lang-pref input{width:auto;margin:0}
+ .contact-form .submit{width:100%;background:var(--ink);color:var(--paper);border:none;padding:16px;border-radius:999px;font-weight:600;cursor:pointer;font-size:15px;margin-top:8px}
+ .contact-form .consent{font-size:12px;color:var(--ink-mute);margin-top:12px;line-height:1.5}
+ .contact-form .consent a{color:var(--pacific)}
+
+ .contact-side{display:flex;flex-direction:column;gap:28px}
+ .side-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px}
+ .side-card .eyebrow{margin-bottom:14px;display:block}
+ .side-card h3{font-size:22px;margin-bottom:10px}
+ .side-card p{font-size:15px;color:var(--ink-soft);line-height:1.55}
+ .side-card .btn{margin-top:18px}
+
+ .phone-stack{display:flex;flex-direction:column;gap:14px;margin-top:18px}
+ .phone-row{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--paper);border:1px solid var(--line);border-radius:12px}
+ .phone-row .label{flex:1;font-size:12.5px;color:var(--ink-mute);letter-spacing:.08em;text-transform:uppercase;font-weight:600}
+ .phone-row .num{font-family:'Fraunces';font-weight:500;font-size:18px;color:var(--ink)}
+ .phone-row.wa{background:#e8efe7;border-color:#c8dcc9}
+
+ /* Offices */
+ .off-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}
+ .off{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
+ .off .map{aspect-ratio:16/10;background:linear-gradient(135deg,#0b6e8f,#2f8a5f);position:relative}
+ .off .map.gua{background:linear-gradient(135deg,#caa75a,#4a2f1f)}
+ .off .map::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 0 8px rgba(255,255,255,.25)}
+ .off .map .city{position:absolute;bottom:22px;left:28px;color:#fff;font-family:'Fraunces';font-size:24px;font-weight:500}
+ .off-body{padding:32px;display:flex;flex-direction:column;gap:10px;flex:1}
+ .off-body h3{font-size:22px;margin-bottom:4px}
+ .off-body .addr{font-size:14.5px;color:var(--ink-soft);line-height:1.6}
+ .off-body .hours{font-size:13px;color:var(--ink-mute);margin-top:6px;padding-top:12px;border-top:1px dashed var(--line)}
+ .off-body .links{margin-top:auto;padding-top:14px;display:flex;gap:10px;flex-wrap:wrap}
+ .off-body .links a{font-size:13px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);font-weight:500}
+ .off-body .links a:hover{border-color:var(--ink);color:var(--ink)}
+
+ /* FAQ */
+ .faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
+ .faq{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}
+ .faq h4{font-size:17px;margin-bottom:10px;line-height:1.3}
+ .faq p{font-size:14.5px;color:var(--ink-soft);line-height:1.55}
+
+ @media (max-width:900px){
+ .contact-grid,.contact-form .row,.off-grid,.faq-grid{grid-template-columns:1fr}
+ .contact-form{padding:32px}
+ }
+</style>
+</head>
+<body>
+
+<div class="topbar">
+ <div class="wrap topbar-inner">
+ <span>San José · Guanacaste · +(506) 4000-3827 · <a href="#">WhatsApp</a></span>
+ <span>EN · <a href="#" style="color:rgba(239,231,215,.6)">ES</a></span>
+ </div>
+</div>
+
+<header class="nav">
+ <div class="wrap nav-inner">
+ <a href="../" class="brand">
+ <div class="brand-mark">F</div>
+ <span class="brand-word">Forza</span>
+ </a>
+ <nav>
+ <ul>
+ <li><a href="../#services">Services</a></li>
+ <li><a href="../about/">The Firm</a></li>
+ <li><a href="../#sectors">Sectors</a></li>
+ <li><a href="../#offices">Offices</a></li>
+ <li><a href="../#insights">Insights</a></li>
+ </ul>
+ </nav>
+ <div class="nav-right">
+ <span class="lang">EN · ES</span>
+ <a class="btn btn-primary active" href="./">Start a project →</a>
+ </div>
+ </div>
+</header>
+
+<div class="crumbs">
+ <div class="wrap"><a href="../">Home</a><span>/</span>Contact</div>
+</div>
+
+<section class="page-head">
+ <div class="wrap">
+ <span class="eyebrow">Contact · Contacto</span>
+ <h1>Tell us about your <em>Costa Rica project.</em></h1>
+ <p class="lede">A partner will respond within 24–48 hours with a scoped, fixed-fee quote — in English or Spanish, by the channel you prefer. Most first calls are 30 minutes.</p>
+ </div>
+</section>
+
+<section style="padding:0">
+ <div class="wrap">
+ <div class="contact-grid">
+ <form class="contact-form" onsubmit="event.preventDefault();alert('This is a mockup form — wire up on production.');">
+ <span class="eyebrow">Request a quote</span>
+ <h2 style="font-size:28px;margin-top:10px;margin-bottom:28px">Project details</h2>
+
+ <div class="row">
+ <div>
+ <label>Full name</label>
+ <input placeholder="Jane Doe" required />
+ </div>
+ <div>
+ <label>Company</label>
+ <input placeholder="Company Inc." />
+ </div>
+ </div>
+
+ <div class="row">
+ <div>
+ <label>Work email</label>
+ <input type="email" placeholder="jane@company.com" required />
+ </div>
+ <div>
+ <label>Phone / WhatsApp</label>
+ <input type="tel" placeholder="+1 555 123 4567" />
+ </div>
+ </div>
+
+ <label>Country of your business</label>
+ <select>
+ <option>United States</option>
+ <option>Canada</option>
+ <option>United Kingdom</option>
+ <option>Germany</option>
+ <option>Spain</option>
+ <option>Costa Rica</option>
+ <option>Mexico</option>
+ <option>Other — tell us below</option>
+ </select>
+
+ <label>What do you need?</label>
+ <select>
+ <option>Legal — corporate & M&A</option>
+ <option>Legal — real estate / FDI</option>
+ <option>Legal — labor / employment</option>
+ <option>Tax — international / transfer pricing</option>
+ <option>Tax — compliance & filing</option>
+ <option>Outsourcing — accounting & payroll</option>
+ <option>Outsourcing — CFO advisory</option>
+ <option>Multiple / not sure yet</option>
+ </select>
+
+ <label>Timeline</label>
+ <select>
+ <option>Urgent — this week</option>
+ <option>Within 30 days</option>
+ <option>1–3 months</option>
+ <option>Just exploring</option>
+ </select>
+
+ <label>Language preference</label>
+ <div class="lang-pref">
+ <label><input type="radio" name="lang" checked /> English</label>
+ <label><input type="radio" name="lang" /> Español</label>
+ <label><input type="radio" name="lang" /> Either</label>
+ </div>
+
+ <label>Tell us about the project</label>
+ <textarea placeholder="A short description of what you're trying to do — we'll ask follow-up questions on the call."></textarea>
+
+ <button class="submit" type="submit">Send request →</button>
+ <p class="consent">By submitting you agree to our <a href="#">privacy policy</a>. We reply within 24–48 business hours.</p>
+ </form>
+
+ <aside class="contact-side">
+ <div class="side-card">
+ <span class="eyebrow">Prefer a call?</span>
+ <h3>Reach a partner directly.</h3>
+ <p>Pick up the phone or open WhatsApp — you'll reach a senior partner, not a switchboard.</p>
+ <div class="phone-stack">
+ <div class="phone-row wa">
+ <span class="label">WhatsApp</span>
+ <span class="num">+(506) 4000-3827</span>
+ </div>
+ <div class="phone-row">
+ <span class="label">Phone</span>
+ <span class="num">+(506) 4000-3827</span>
+ </div>
+ <div class="phone-row">
+ <span class="label">Email</span>
+ <span class="num" style="font-size:16px">info@forza.legal</span>
+ </div>
+ </div>
+ </div>
+
+ <div class="side-card" style="background:var(--ink);color:var(--sand-deep);border-color:var(--ink)">
+ <span class="eyebrow" style="color:var(--sand-deep)">What to expect</span>
+ <h3 style="color:#fff">From first message to signed engagement.</h3>
+ <ul style="list-style:none;margin-top:18px;display:flex;flex-direction:column;gap:14px">
+ <li style="display:flex;gap:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)">
+ <span style="font-family:'Fraunces';font-size:20px;color:var(--sand-deep);line-height:1">01</span>
+ <span style="font-size:14px;color:rgba(239,231,215,.8);line-height:1.5"><b style="color:#fff;font-weight:600;display:block;font-family:'Inter'">30-min scoping call</b>Bilingual, no fee. We understand your situation.</span>
+ </li>
+ <li style="display:flex;gap:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)">
+ <span style="font-family:'Fraunces';font-size:20px;color:var(--sand-deep);line-height:1">02</span>
+ <span style="font-size:14px;color:rgba(239,231,215,.8);line-height:1.5"><b style="color:#fff;font-weight:600;display:block;font-family:'Inter'">Written quote · 24–48 hrs</b>Scoped, fixed-fee where possible, phased deliverables.</span>
+ </li>
+ <li style="display:flex;gap:14px">
+ <span style="font-family:'Fraunces';font-size:20px;color:var(--sand-deep);line-height:1">03</span>
+ <span style="font-size:14px;color:rgba(239,231,215,.8);line-height:1.5"><b style="color:#fff;font-weight:600;display:block;font-family:'Inter'">Partner-led delivery</b>Same partner on the first call stays on the file.</span>
+ </li>
+ </ul>
+ </div>
+ </aside>
+ </div>
+ </div>
+</section>
+
+<section style="padding:64px 0 96px;background:var(--sand);border-top:1px solid var(--sand-deep);border-bottom:1px solid var(--sand-deep)">
+ <div class="wrap">
+ <div class="section-head">
+ <div class="label">
+ <span class="eyebrow">Visit us</span>
+ <h2>Two Costa Rica offices.</h2>
+ </div>
+ <p>San José is the primary office for corporate, tax and outsourcing engagements. Guanacaste serves hospitality, tourism and Pacific-coast real estate.</p>
+ </div>
+
+ <div class="off-grid">
+ <div class="off">
+ <div class="map"><div class="city">San José</div></div>
+ <div class="off-body">
+ <h3>San José — Capital office</h3>
+ <div class="addr">Business district of San José, Costa Rica<br/>Primary address for Alliott Global Alliance coordination.</div>
+ <div class="hours"><b>Mon–Fri</b> · 8:00 am – 6:00 pm (CST) · Visits by appointment</div>
+ <div class="links">
+ <a href="#">Directions</a>
+ <a href="#">WhatsApp</a>
+ <a href="#">Email office</a>
+ <a href="#">+(506) 4000-3827</a>
+ </div>
+ </div>
+ </div>
+ <div class="off">
+ <div class="map gua"><div class="city">Guanacaste</div></div>
+ <div class="off-body">
+ <h3>Guanacaste — Pacific coast</h3>
+ <div class="addr">Guanacaste province, Costa Rica<br/>Dedicated to hospitality, tourism and Pacific-coast real estate.</div>
+ <div class="hours"><b>Mon–Fri</b> · 8:00 am – 5:00 pm (CST) · Saturdays by appointment</div>
+ <div class="links">
+ <a href="#">Directions</a>
+ <a href="#">WhatsApp</a>
+ <a href="#">Email office</a>
+ <a href="#">+(506) 4000-3827</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section>
+ <div class="wrap">
+ <div class="section-head">
+ <div class="label">
+ <span class="eyebrow">Before you write</span>
+ <h2>Questions we hear often.</h2>
+ </div>
+ <p>If any of these are on your mind, the answer is probably below — and if not, write us anyway.</p>
+ </div>
+
+ <div class="faq-grid">
+ <div class="faq">
+ <h4>Do I need to speak Spanish to work with FORZA?</h4>
+ <p>No. The firm is fully bilingual (English/Spanish). Most international clients work with us entirely in English — all contracts, memos and meetings. We translate into Spanish only where Costa Rican law requires it.</p>
+ </div>
+ <div class="faq">
+ <h4>How fast will I hear back?</h4>
+ <p>A partner responds within 24–48 business hours with a scoped proposal. For time-sensitive matters, WhatsApp is the fastest channel — we typically answer the same business day.</p>
+ </div>
+ <div class="faq">
+ <h4>Do you work on a fixed fee?</h4>
+ <p>Wherever possible, yes. Corporate formations, tax filings and defined outsourcing engagements are usually fixed-fee or capped. Litigation and highly uncertain-scope work is hourly with a budget estimate.</p>
+ </div>
+ <div class="faq">
+ <h4>I'm based abroad — can you handle everything remotely?</h4>
+ <p>Yes. Most international clients never visit Costa Rica in person. We handle notary, registry, bank and government interactions locally on your behalf via Power of Attorney.</p>
+ </div>
+ <div class="faq">
+ <h4>Do you coordinate with my home-country counsel?</h4>
+ <p>Routinely. As Costa Rica's exclusive Alliott Global Alliance member, we work with 180+ firms in 80 countries — and are equally comfortable coordinating with your existing counsel outside the Alliance.</p>
+ </div>
+ <div class="faq">
+ <h4>What if I'm just exploring?</h4>
+ <p>That's fine. Many first calls are exploratory — you describe what you're considering, we tell you what's feasible, whether Costa Rica is the right jurisdiction, and roughly what it costs. No pressure to engage.</p>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section class="cta-wrap" style="padding-top:0">
+ <div class="wrap">
+ <div class="cta">
+ <div>
+ <span class="eyebrow">Other ways to reach us</span>
+ <h2 style="margin-top:14px">Choose whichever is easiest.</h2>
+ <p>Book a consultation, request a written quote, or just open WhatsApp and ask a question — all three reach the same partners.</p>
+ <div style="display:flex;gap:12px;flex-wrap:wrap;margin-top:24px">
+ <a class="btn btn-primary" href="#">Book a 30-min call →</a>
+ <a class="btn btn-pacific" href="#">WhatsApp us</a>
+ <a class="btn btn-ghost" href="#">Email a partner</a>
+ </div>
+ </div>
+ <div style="position:relative">
+ <div style="background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px">
+ <span class="eyebrow">Response promise</span>
+ <h3 style="margin:10px 0 14px;font-size:24px">Within 24–48 hours.</h3>
+ <p style="font-size:15px;line-height:1.6">Every inbound message reaches a partner directly — not a receptionist, not a form queue. If a partner can't respond within 48 business hours, we'll tell you when they can.</p>
+ </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="background:var(--paper);color:var(--ink)">F</div>
+ <span class="brand-word" style="color:#fff">Forza</span>
+ </div>
+ <p>Boutique law, tax and outsourcing firm built in Costa Rica. Exclusive local member of the Alliott Global Alliance — 180+ firms across 80 countries.</p>
+ </div>
+ <div><h4>Services</h4><ul><li><a href="../services-legal/">Legal</a></li><li><a href="#">Tax</a></li><li><a href="#">Outsourcing</a></li><li><a href="#">Alliott coordination</a></li></ul></div>
+ <div><h4>Firm</h4><ul><li><a href="../about/">About</a></li><li><a href="#">Team</a></li><li><a href="#">Sectors</a></li><li><a href="#">Insights</a></li><li><a href="#">Careers</a></li></ul></div>
+ <div><h4>Contact</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 member</span>
+ <span>Bilingual · EN · ES</span>
+ </div>
+ </div>
+</footer>
+
+</body>
+</html>
diff --git a/theme-3-costa-rica-modern/index.html b/theme-3-costa-rica-modern/index.html
new file mode 100644
index 0000000..e06ba2f
--- /dev/null
+++ b/theme-3-costa-rica-modern/index.html
@@ -0,0 +1,590 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>FORZA | Costa Rica Law Firm — Legal, Tax & Outsourcing | San José & Guanacaste</title>
+<meta name="description" content="FORZA is a boutique Costa Rica law, tax and outsourcing firm. Bilingual counsel in San José and Guanacaste for international businesses investing, operating and growing in Central America. Alliott Global Alliance member." />
+<meta name="keywords" content="Costa Rica law firm, San José abogados, Guanacaste attorney, tax advisory Costa Rica, Central America legal services, bilingual lawyer San José, outsourcing contable, boutique Costa Rica counsel" />
+<meta property="og:title" content="FORZA — Boutique Costa Rica Counsel" />
+<meta property="og:description" content="Legal, tax & outsourcing for businesses in Costa Rica. 20+ years. Alliott Global Alliance member." />
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+<script src="https://mcp.figma.com/mcp/html-to-design/capture.js" async></script>
+<style>
+ :root{
+ --pacific:#0b6e8f;
+ --pacific-deep:#08546d;
+ --jade:#2f8a5f;
+ --coffee:#4a2f1f;
+ --sand:#efe7d7;
+ --sand-deep:#e3d6b8;
+ --paper:#fbf8f1;
+ --ink:#1a1713;
+ --ink-soft:#4b4337;
+ --ink-mute:#8a8173;
+ --line:#e5ddc9;
+ }
+ *{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(--pacific);text-decoration:none}
+ a:hover{color:var(--pacific-deep)}
+ img{max-width:100%;display:block}
+ .wrap{max-width:1240px;margin:0 auto;padding:0 28px}
+ h1,h2,h3{font-family:'Fraunces',serif;font-weight:500;letter-spacing:-.015em;color:var(--ink)}
+ h1{font-size:clamp(44px,5.8vw,80px);line-height:1;font-weight:500;letter-spacing:-.025em}
+ h2{font-size:clamp(32px,3.6vw,48px);line-height:1.08;font-weight:500}
+ h3{font-size:22px;line-height:1.25;font-weight:500}
+ p{color:var(--ink-soft)}
+ .eyebrow{font-family:'Inter';font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--pacific);font-weight:600}
+ .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:999px;font-weight:600;font-size:14.5px;letter-spacing:.02em;font-family:'Inter';transition:all .2s}
+ .btn-primary{background:var(--ink);color:var(--paper)}
+ .btn-primary:hover{background:var(--pacific-deep);color:#fff}
+ .btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}
+ .btn-ghost:hover{background:var(--ink);color:var(--paper)}
+ .btn-pacific{background:var(--pacific);color:#fff}
+ .btn-pacific:hover{background:var(--pacific-deep);color:#fff}
+
+ /* Top bar */
+ .topbar{background:var(--ink);color:var(--sand);font-size:12.5px;padding:10px 0}
+ .topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}
+ .topbar a{color:var(--sand)}
+ .topbar a:hover{color:#fff}
+
+ /* Nav */
+ header.nav{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
+ .nav-inner{display:flex;align-items:center;justify-content:space-between;height:80px}
+ .brand{display:flex;align-items:center;gap:12px}
+ .brand-mark{width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-family:'Fraunces';font-weight:600;font-size:18px}
+ .brand-word{font-family:'Fraunces';font-weight:500;font-size:24px;letter-spacing:.02em}
+ nav ul{display:flex;gap:30px;list-style:none;align-items:center}
+ nav ul a{color:var(--ink-soft);font-size:14.5px;font-weight:500}
+ nav ul a:hover{color:var(--ink)}
+ .nav-right{display:flex;align-items:center;gap:16px}
+ .lang{font-size:13px;color:var(--ink-mute);font-weight:500}
+
+ /* Hero */
+ .hero{position:relative;padding:72px 0 100px;overflow:hidden}
+ .hero::before{content:"";position:absolute;inset:0;background:
+ radial-gradient(60% 50% at 85% 30%, rgba(11,110,143,.08), transparent 70%),
+ radial-gradient(40% 40% at 10% 90%, rgba(47,138,95,.08), transparent 70%);
+ pointer-events:none}
+ .hero-grid{position:relative;display:grid;grid-template-columns:1.3fr .9fr;gap:56px;align-items:center}
+ .hero h1 em{font-style:italic;font-weight:400;color:var(--pacific)}
+ .hero p.lede{font-size:19.5px;color:var(--ink-soft);margin:28px 0 34px;max-width:560px;line-height:1.55}
+ .hero-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
+ .hero-meta{margin-top:56px;display:grid;grid-template-columns:repeat(3,auto);gap:44px;padding-top:24px;border-top:1px solid var(--line);max-width:620px}
+ .hero-meta b{display:block;font-family:'Fraunces';font-size:32px;font-weight:500;color:var(--ink);letter-spacing:-.02em}
+ .hero-meta span{font-size:12.5px;color:var(--ink-mute);letter-spacing:.03em}
+
+ /* Hero visual — layered postcard */
+ .hero-visual{position:relative;aspect-ratio:4/5;perspective:1200px}
+ .postcard{position:absolute;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -24px rgba(26,23,19,.25);border:1px solid var(--line)}
+ .pc-1{top:0;left:0;width:72%;aspect-ratio:4/5;background:
+ linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.25)),
+ linear-gradient(135deg,#3fa6c7 0%,#0b6e8f 45%,#2f8a5f 100%);
+ transform:rotate(-3deg)}
+ .pc-2{bottom:6%;right:0;width:58%;aspect-ratio:3/4;background:
+ linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.2)),
+ linear-gradient(145deg,#f5d79a,#caa75a 60%,#7a5830);
+ transform:rotate(5deg)}
+ .pc-label{position:absolute;top:18px;left:18px;font-family:'Fraunces';font-size:14px;color:rgba(255,255,255,.92);letter-spacing:.02em}
+ .pc-caption{position:absolute;bottom:18px;left:18px;right:18px;color:rgba(255,255,255,.9);font-size:12px;letter-spacing:.12em;font-weight:600;text-transform:uppercase}
+ .pc-stamp{position:absolute;top:16px;right:16px;width:48px;height:58px;background:rgba(255,255,255,.2);border:1.5px dashed rgba(255,255,255,.5);border-radius:3px;display:grid;place-items:center;color:rgba(255,255,255,.9);font-family:'Fraunces';font-size:10px;letter-spacing:.1em}
+ .pc-stamp b{display:block;font-size:16px}
+
+ /* Announce strip */
+ .announce{background:var(--ink);color:var(--sand);padding:16px 0;font-size:13.5px;letter-spacing:.02em}
+ .announce-inner{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap}
+ .announce b{color:#fff}
+ .dot{width:4px;height:4px;border-radius:50%;background:var(--sand-deep);opacity:.5}
+
+ /* Section */
+ section{padding:110px 0}
+ .section-head{display:grid;grid-template-columns:.6fr 1.4fr;gap:48px;margin-bottom:64px;align-items:end}
+ .section-head .label{display:flex;flex-direction:column;gap:12px}
+ .section-head p{max-width:680px;font-size:18.5px;color:var(--ink-soft);line-height:1.55}
+
+ /* Services */
+ .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
+ .svc{background:#fff;border:1px solid var(--line);border-radius:20px;padding:40px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;min-height:460px}
+ .svc:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(11,110,143,.25);border-color:var(--pacific)}
+ .svc .num{font-family:'Fraunces';font-size:15px;letter-spacing:.08em;color:var(--pacific);font-weight:500}
+ .svc h3{font-size:28px;margin:16px 0 18px;line-height:1.15}
+ .svc p{font-size:15px;color:var(--ink-soft);line-height:1.6}
+ .svc .areas{margin-top:auto;padding-top:24px;border-top:1px solid var(--line)}
+ .svc .areas li{list-style:none;font-size:14px;padding:9px 0;display:flex;justify-content:space-between;color:var(--ink-soft);border-bottom:1px dashed var(--line)}
+ .svc .areas li:last-child{border-bottom:none}
+ .svc .areas li::after{content:"→";color:var(--pacific)}
+ .svc-1 .num{color:var(--pacific)}
+ .svc-2 .num{color:var(--jade)}
+ .svc-3 .num{color:#8a5a2f}
+
+ /* Manifesto */
+ .manifesto{background:var(--ink);color:var(--paper);border-radius:32px;padding:92px 72px;margin:0 28px;display:grid;grid-template-columns:1fr 1.2fr;gap:72px;align-items:center;position:relative;overflow:hidden}
+ .manifesto::after{content:"";position:absolute;top:-40%;right:-10%;width:60%;height:160%;background:radial-gradient(circle,rgba(11,110,143,.4),transparent 65%);pointer-events:none}
+ .manifesto h2{color:var(--paper);font-size:clamp(30px,3.6vw,44px);max-width:420px;position:relative}
+ .manifesto h2 em{color:var(--sand-deep);font-style:italic;font-weight:400}
+ .manifesto-body{position:relative}
+ .manifesto-body p{color:rgba(251,248,241,.8);font-size:17px;line-height:1.7;margin-bottom:20px;max-width:580px}
+ .manifesto-body .sig{display:flex;gap:14px;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}
+ .manifesto-body .sig .avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--pacific),var(--jade))}
+ .manifesto-body .sig-text b{display:block;font-family:'Fraunces';font-size:16px;color:#fff;font-weight:500}
+ .manifesto-body .sig-text span{font-size:13px;color:rgba(255,255,255,.6)}
+
+ /* Stats / numbers */
+ .numbers{background:var(--sand);padding:80px 0;border-top:1px solid var(--sand-deep);border-bottom:1px solid var(--sand-deep)}
+ .numbers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
+ .numb{text-align:left;padding:8px 0;border-top:2px solid var(--ink)}
+ .numb b{display:block;font-family:'Fraunces';font-size:56px;font-weight:500;letter-spacing:-.03em;color:var(--ink);line-height:1;margin:14px 0 10px}
+ .numb span{font-size:13px;color:var(--ink-soft);line-height:1.5;display:block;max-width:200px}
+ .numb .small-label{font-family:'Inter';font-size:11px;letter-spacing:.18em;color:var(--pacific);font-weight:600;text-transform:uppercase}
+
+ /* Industries / journey */
+ .journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
+ .journey{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:14px;min-height:220px}
+ .journey:nth-child(1){background:linear-gradient(160deg,#fff,var(--sand))}
+ .journey:nth-child(2){background:linear-gradient(160deg,#fff,#e8f1f4)}
+ .journey:nth-child(3){background:linear-gradient(160deg,#fff,#e8efe7)}
+ .journey .stage{font-family:'Fraunces';font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute)}
+ .journey h3{font-size:22px}
+ .journey p{font-size:14.5px;line-height:1.55}
+ .journey ul{list-style:none;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}
+ .journey ul li{font-size:13px;color:var(--ink-soft);padding:6px 0;display:flex;gap:8px}
+ .journey ul li::before{content:"◆";color:var(--pacific);font-size:10px}
+
+ /* Testimonials */
+ .quote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
+ .quote{background:#fff;border:1px solid var(--line);border-radius:20px;padding:40px;display:flex;flex-direction:column;gap:22px}
+ .quote .mark{font-family:'Fraunces';font-size:64px;color:var(--pacific);line-height:.8;opacity:.7}
+ .quote p{font-family:'Fraunces';font-size:20px;color:var(--ink);font-weight:400;line-height:1.4;letter-spacing:-.01em}
+ .quote .by{display:flex;gap:14px;align-items:center;margin-top:auto;padding-top:24px;border-top:1px solid var(--line)}
+ .quote .by .avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--sand-deep),var(--coffee))}
+ .quote .by b{display:block;font-size:14.5px;font-family:'Inter';font-weight:600}
+ .quote .by span{font-size:12.5px;color:var(--ink-mute);letter-spacing:.02em}
+
+ /* Offices */
+ .off-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
+ .off{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
+ .off .pic{aspect-ratio:16/9;background:linear-gradient(135deg,#0b6e8f,#2f8a5f);position:relative}
+ .off .pic.gua{background:linear-gradient(135deg,#caa75a,#4a2f1f)}
+ .off .pic::after{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.25);border-radius:8px}
+ .off .pic .city{position:absolute;bottom:22px;left:28px;color:#fff;font-family:'Fraunces';font-size:26px;font-weight:500;letter-spacing:-.01em}
+ .off-body{padding:32px;display:flex;flex-direction:column;gap:12px}
+ .off .addr{font-size:14.5px;color:var(--ink-soft);line-height:1.55}
+ .off .phone{font-weight:600;color:var(--pacific);font-size:14.5px;margin-top:6px}
+ .off .links{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
+ .off .links a{font-size:13px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft)}
+ .off .links a:hover{border-color:var(--ink);color:var(--ink)}
+
+ /* Insights */
+ .ins-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
+ .ins{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s}
+ .ins:hover{transform:translateY(-3px)}
+ .ins .thumb{aspect-ratio:4/3;background:linear-gradient(135deg,#d8e6eb,#0b6e8f)}
+ .ins .thumb.b{background:linear-gradient(135deg,#f5e3b5,#8a5a2f)}
+ .ins .thumb.c{background:linear-gradient(135deg,#d8e8d9,#2f8a5f)}
+ .ins-body{padding:24px 26px;display:flex;flex-direction:column;flex:1}
+ .ins .cat{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--pacific);font-weight:600}
+ .ins h3{font-size:20px;margin:10px 0;line-height:1.25}
+ .ins .meta{font-size:12.5px;color:var(--ink-mute);margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}
+
+ /* CTA */
+ .cta-wrap{padding:110px 0}
+ .cta{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:72px;display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center;position:relative;overflow:hidden}
+ .cta::after{content:"";position:absolute;inset:auto -10% -40% auto;width:60%;height:140%;background:radial-gradient(circle at 50% 50%, rgba(11,110,143,.08),transparent 60%);pointer-events:none}
+ .cta h2{max-width:520px;position:relative}
+ .cta p{margin-top:18px;font-size:17px;max-width:520px;position:relative}
+ .cta-form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;position:relative}
+ .cta-form label{font-family:'Inter';font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);font-weight:600;display:block;margin-bottom:6px}
+ .cta-form input,.cta-form select{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:12px 14px;border-radius:8px;font-size:14.5px;margin-bottom:14px;font-family:inherit}
+ .cta-form input:focus,.cta-form select:focus{outline:none;border-color:var(--pacific)}
+ .cta-form button{width:100%;background:var(--ink);color:var(--paper);border:none;padding:14px;border-radius:999px;font-weight:600;cursor:pointer;font-size:14.5px}
+
+ /* Footer */
+ footer{background:var(--ink);color:var(--sand-deep);padding:88px 0 40px}
+ .foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:48px;margin-bottom:56px}
+ footer h4{color:#fff;font-family:'Inter';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:var(--sand-deep)}
+ footer ul a:hover{color:#fff}
+ .foot-brand p{color:rgba(227,214,184,.6);margin-top:14px;font-size:14px;max-width:340px;line-height:1.6}
+ .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:rgba(227,214,184,.55);flex-wrap:wrap;gap:12px}
+
+ @media (max-width:900px){
+ .hero-grid,.svc-grid,.manifesto,.numbers-grid,.journey-grid,.quote-grid,.off-grid,.ins-grid,.cta,.section-head,.foot-grid{grid-template-columns:1fr}
+ .manifesto,.cta{padding:52px 36px;margin:0 16px}
+ nav ul{display:none}
+ section{padding:72px 0}
+ .hero-meta{grid-template-columns:repeat(2,1fr);gap:24px}
+ }
+</style>
+</head>
+<body>
+
+<div class="topbar">
+ <div class="wrap topbar-inner">
+ <span>San José · Guanacaste · +(506) 4000-3827 · <a href="#">WhatsApp</a></span>
+ <span>EN · <a href="#" style="color:rgba(239,231,215,.6)">ES</a></span>
+ </div>
+</div>
+
+<header class="nav">
+ <div class="wrap nav-inner">
+ <a href="#" class="brand">
+ <div class="brand-mark">F</div>
+ <span class="brand-word">Forza</span>
+ </a>
+ <nav>
+ <ul>
+ <li><a href="#services">Services</a></li>
+ <li><a href="#firm">The Firm</a></li>
+ <li><a href="#sectors">Sectors</a></li>
+ <li><a href="#offices">Offices</a></li>
+ <li><a href="#insights">Insights</a></li>
+ </ul>
+ </nav>
+ <div class="nav-right">
+ <span class="lang">EN · ES</span>
+ <a class="btn btn-primary" href="#cta">Start a project →</a>
+ </div>
+ </div>
+</header>
+
+<section class="hero">
+ <div class="wrap hero-grid">
+ <div>
+ <span class="eyebrow">Boutique counsel · Costa Rica</span>
+ <h1 style="margin-top:20px">Built in Costa Rica. <em>Trusted</em> across borders.</h1>
+ <p class="lede">FORZA is a boutique law, tax and outsourcing firm — guiding international companies, investors and family offices through Costa Rica's legal and business landscape for more than twenty years.</p>
+ <div class="hero-cta">
+ <a class="btn btn-primary" href="#cta">Book a consultation →</a>
+ <a class="btn btn-ghost" href="#services">Explore services</a>
+ </div>
+ <div class="hero-meta">
+ <div><b>20+</b><span>Years of experience</span></div>
+ <div><b>2</b><span>Offices · SJO & GUA</span></div>
+ <div><b>80</b><span>Countries · via Alliott</span></div>
+ </div>
+ </div>
+ <div class="hero-visual" aria-hidden="true">
+ <div class="postcard pc-1">
+ <div class="pc-label">San José — Pacific</div>
+ <div class="pc-stamp"><span>CR<br/></span></div>
+ <div class="pc-caption">— Capital · Business District —</div>
+ </div>
+ <div class="postcard pc-2">
+ <div class="pc-label" style="color:rgba(255,255,255,.95)">Guanacaste</div>
+ <div class="pc-caption">— Pacific Coast Office —</div>
+ </div>
+ </div>
+ </div>
+</section>
+
+<div class="announce">
+ <div class="wrap announce-inner">
+ <span>Exclusive Costa Rica member of the</span>
+ <b>Alliott Global Alliance</b>
+ <div class="dot"></div>
+ <span>180+ firms · 80 countries · one trusted partner</span>
+ </div>
+</div>
+
+<section id="services">
+ <div class="wrap">
+ <div class="section-head">
+ <div class="label">
+ <span class="eyebrow">Our Services</span>
+ <h2>Three practices. <em style="font-style:italic;font-weight:400;color:var(--pacific)">One partner.</em></h2>
+ </div>
+ <p>Legal, tax and outsourcing delivered as a single, senior-led engagement — so international clients entering Costa Rica coordinate one firm, one point of contact, one invoice.</p>
+ </div>
+ <div class="svc-grid">
+ <div class="svc svc-1">
+ <span class="num">01 / Legal</span>
+ <h3>Counsel for corporate Costa Rica.</h3>
+ <p>Accurate, specialized legal advice for entering, operating in and exiting Costa Rica — from entity formation to dispute resolution.</p>
+ <ul class="areas">
+ <li>Corporate & M&A</li>
+ <li>Foreign Direct Investment</li>
+ <li>Real Estate & Development</li>
+ <li>Labor & Employment</li>
+ <li>Dispute Resolution</li>
+ </ul>
+ </div>
+ <div class="svc svc-2">
+ <span class="num">02 / Tax</span>
+ <h3>Clarity in a shifting tax environment.</h3>
+ <p>Local and cross-border tax planning, compliance and controversy — tuned to Costa Rica's evolving rules and international obligations.</p>
+ <ul class="areas">
+ <li>International Tax</li>
+ <li>Transfer Pricing</li>
+ <li>Tax Compliance & Filing</li>
+ <li>Tax Controversy</li>
+ <li>Free-Trade Zone Regimes</li>
+ </ul>
+ </div>
+ <div class="svc svc-3">
+ <span class="num">03 / Outsourcing</span>
+ <h3>Back-office that disappears (in a good way).</h3>
+ <p>Accounting, payroll and operational services for companies whose strategy depends on reliable administration of resources.</p>
+ <ul class="areas">
+ <li>Accounting & Bookkeeping</li>
+ <li>Payroll & HR Admin</li>
+ <li>CFO Advisory</li>
+ <li>Regulatory Reporting</li>
+ <li>Back-Office Operations</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section id="firm" style="padding-top:0">
+ <div class="wrap">
+ <div class="manifesto">
+ <h2>A strategic partner. <em>Not a transactional service provider.</em></h2>
+ <div class="manifesto-body">
+ <p>FORZA was founded on a simple conviction: international businesses deserve a single, senior-led partner in Costa Rica — not a rotation of juniors or the overhead of a large firm.</p>
+ <p>Every engagement is led by a partner with twenty-plus years of experience across legal, tax and operational practice. Every client reaches us bilingually, in San José or Guanacaste, by phone or WhatsApp.</p>
+ <div class="sig">
+ <div class="avatar"></div>
+ <div class="sig-text">
+ <b>The FORZA Partners</b>
+ <span>San José · Guanacaste</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section class="numbers">
+ <div class="wrap">
+ <div class="section-head" style="margin-bottom:44px">
+ <div class="label">
+ <span class="eyebrow">By the numbers</span>
+ <h2>Boutique scale. <em style="font-style:italic;font-weight:400;color:var(--pacific)">Global reach.</em></h2>
+ </div>
+ <p>We stay small enough to keep partners on your file, and large enough — through the Alliott Global Alliance — to follow you into 80 countries.</p>
+ </div>
+ <div class="numbers-grid">
+ <div class="numb">
+ <span class="small-label">Experience</span>
+ <b>20+</b>
+ <span>years serving domestic and international clients from Costa Rica.</span>
+ </div>
+ <div class="numb">
+ <span class="small-label">Alliance</span>
+ <b>6th</b>
+ <span>largest global alliance of independent firms — we're the Costa Rican member.</span>
+ </div>
+ <div class="numb">
+ <span class="small-label">Network</span>
+ <b>180+</b>
+ <span>independent firms accessible through a single FORZA engagement.</span>
+ </div>
+ <div class="numb">
+ <span class="small-label">Reach</span>
+ <b>80</b>
+ <span>countries covered across the Alliott network — one contact, many jurisdictions.</span>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section id="sectors">
+ <div class="wrap">
+ <div class="section-head">
+ <div class="label">
+ <span class="eyebrow">How we work</span>
+ <h2>From first call to steady state.</h2>
+ </div>
+ <p>Most FORZA engagements follow the same arc. Here's what to expect at each stage — before you sign anything.</p>
+ </div>
+ <div class="journey-grid">
+ <div class="journey">
+ <span class="stage">Stage 01 — Discover</span>
+ <h3>A 30-minute scoping call.</h3>
+ <p>Bilingual conversation with a partner to understand your Costa Rica footprint, objectives and constraints.</p>
+ <ul>
+ <li>Phone or WhatsApp · EN or ES</li>
+ <li>No fee, no commitment</li>
+ <li>NDA available on request</li>
+ </ul>
+ </div>
+ <div class="journey">
+ <span class="stage">Stage 02 — Scope</span>
+ <h3>A written, fixed-fee quote.</h3>
+ <p>Within 24–48 hours you receive a scoped proposal in English or Spanish, with a clear fixed or capped fee where possible.</p>
+ <ul>
+ <li>Phase-gated structure</li>
+ <li>Deliverables, not hours</li>
+ <li>Multilingual reporting</li>
+ </ul>
+ </div>
+ <div class="journey">
+ <span class="stage">Stage 03 — Execute</span>
+ <h3>Partner-led delivery.</h3>
+ <p>Your matter is led by a partner, supported by specialists across legal, tax and outsourcing — plus Alliott firms abroad when the matter crosses borders.</p>
+ <ul>
+ <li>Weekly status · bilingual</li>
+ <li>Fixed partner contact</li>
+ <li>Alliott coordination abroad</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section id="testimonials" style="background:var(--sand);border-top:1px solid var(--sand-deep);border-bottom:1px solid var(--sand-deep)">
+ <div class="wrap">
+ <div class="section-head">
+ <div class="label">
+ <span class="eyebrow">What clients say</span>
+ <h2>Built on return engagements.</h2>
+ </div>
+ <p>The firm's growth has been almost entirely driven by repeat work and referral from existing international clients — here's a selection of their words.</p>
+ </div>
+ <div class="quote-grid">
+ <div class="quote">
+ <div class="mark">"</div>
+ <p>A firm that genuinely understands the gap between Costa Rican rules and the expectations of a US parent company — and translates between them.</p>
+ <div class="by">
+ <div class="avatar"></div>
+ <div><b>General Counsel</b><span>US-listed Technology Group</span></div>
+ </div>
+ </div>
+ <div class="quote">
+ <div class="mark">"</div>
+ <p>FORZA handled our Guanacaste resort acquisition end-to-end — legal, tax, local permits, ongoing payroll. Two offices, one engagement, one partner.</p>
+ <div class="by">
+ <div class="avatar"></div>
+ <div><b>Managing Partner</b><span>European Hospitality Investor</span></div>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section id="offices">
+ <div class="wrap">
+ <div class="section-head">
+ <div class="label">
+ <span class="eyebrow">Our offices</span>
+ <h2>Two doors in Costa Rica.</h2>
+ </div>
+ <p>San José for corporate, tax and outsourcing. Guanacaste for tourism, hospitality and Pacific-coast real estate. Either phone reaches the same partners.</p>
+ </div>
+ <div class="off-grid">
+ <div class="off">
+ <div class="pic"><div class="city">San José</div></div>
+ <div class="off-body">
+ <span class="eyebrow">Capital office</span>
+ <div class="addr">Business district of San José — the primary address for corporate, tax and outsourcing engagements, including Alliott coordination.</div>
+ <div class="phone">+(506) 4000-3827</div>
+ <div class="links"><a href="#">Directions</a><a href="#">WhatsApp</a><a href="#">Email</a></div>
+ </div>
+ </div>
+ <div class="off">
+ <div class="pic gua"><div class="city">Guanacaste</div></div>
+ <div class="off-body">
+ <span class="eyebrow">Pacific-coast office</span>
+ <div class="addr">Dedicated presence for hospitality, tourism, resort real estate and Pacific-coast developers. On-the-ground familiarity with local municipalities.</div>
+ <div class="phone">+(506) 4000-3827</div>
+ <div class="links"><a href="#">Directions</a><a href="#">WhatsApp</a><a href="#">Email</a></div>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section id="insights" style="background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)">
+ <div class="wrap">
+ <div class="section-head">
+ <div class="label">
+ <span class="eyebrow">Insights</span>
+ <h2>Field notes from Costa Rica.</h2>
+ </div>
+ <p>Practical briefings on Costa Rican law, tax and operations — written for investors, CFOs, and in-house counsel abroad.</p>
+ </div>
+ <div class="ins-grid">
+ <div class="ins">
+ <div class="thumb"></div>
+ <div class="ins-body">
+ <span class="cat">Tax</span>
+ <h3>Transfer pricing updates for 2026 — what international groups should file, and when.</h3>
+ <div class="meta">Apr 2026 · 6 min read · Tax</div>
+ </div>
+ </div>
+ <div class="ins">
+ <div class="thumb b"></div>
+ <div class="ins-body">
+ <span class="cat">Real Estate</span>
+ <h3>A buyer's guide to coastal property: permits, maritime zone, and HOA realities in Guanacaste.</h3>
+ <div class="meta">Mar 2026 · 8 min read · Legal</div>
+ </div>
+ </div>
+ <div class="ins">
+ <div class="thumb c"></div>
+ <div class="ins-body">
+ <span class="cat">Outsourcing</span>
+ <h3>When to move back-office into Costa Rica's free-trade zones — a three-test framework.</h3>
+ <div class="meta">Feb 2026 · 5 min read · Tax & Outsourcing</div>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section id="cta" class="cta-wrap">
+ <div class="wrap">
+ <div class="cta">
+ <div>
+ <span class="eyebrow">Start the conversation</span>
+ <h2 style="margin-top:14px">Tell us about your Costa Rica project.</h2>
+ <p>Most first calls are 30 minutes. You'll hear back within 24 hours — in English or Spanish, by phone, email or WhatsApp.</p>
+ <div class="hero-cta" style="margin-top:24px">
+ <a class="btn btn-primary" href="#">Request a quote →</a>
+ <a class="btn btn-pacific" href="#">WhatsApp us</a>
+ </div>
+ </div>
+ <form class="cta-form" onsubmit="event.preventDefault()">
+ <label>Name</label><input placeholder="Jane Doe" />
+ <label>Email</label><input type="email" placeholder="jane@company.com" />
+ <label>Service</label>
+ <select><option>Legal</option><option>Tax</option><option>Outsourcing</option><option>Multiple · not sure</option></select>
+ <label>Language preference</label>
+ <select><option>English</option><option>Español</option><option>Either</option></select>
+ <button type="submit">Send →</button>
+ </form>
+ </div>
+ </div>
+</section>
+
+<footer>
+ <div class="wrap">
+ <div class="foot-grid">
+ <div class="foot-brand">
+ <div class="brand">
+ <div class="brand-mark" style="background:var(--paper);color:var(--ink)">F</div>
+ <span class="brand-word" style="color:#fff">Forza</span>
+ </div>
+ <p>Boutique law, tax and outsourcing firm built in Costa Rica. Exclusive local member of the Alliott Global Alliance — 180+ firms across 80 countries.</p>
+ </div>
+ <div><h4>Services</h4><ul><li><a href="#">Legal</a></li><li><a href="#">Tax</a></li><li><a href="#">Outsourcing</a></li><li><a href="#">Alliott coordination</a></li></ul></div>
+ <div><h4>Firm</h4><ul><li><a href="#">About</a></li><li><a href="#">Team</a></li><li><a href="#">Sectors</a></li><li><a href="#">Insights</a></li><li><a href="#">Careers</a></li></ul></div>
+ <div><h4>Contact</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 member</span>
+ <span>Bilingual · EN · ES</span>
+ </div>
+ </div>
+</footer>
+
+</body>
+</html>
diff --git a/theme-3-costa-rica-modern/shared.css b/theme-3-costa-rica-modern/shared.css
new file mode 100644
index 0000000..ba6d3c5
--- /dev/null
+++ b/theme-3-costa-rica-modern/shared.css
@@ -0,0 +1,109 @@
+:root{
+ --pacific:#0b6e8f;
+ --pacific-deep:#08546d;
+ --jade:#2f8a5f;
+ --coffee:#4a2f1f;
+ --sand:#efe7d7;
+ --sand-deep:#e3d6b8;
+ --paper:#fbf8f1;
+ --ink:#1a1713;
+ --ink-soft:#4b4337;
+ --ink-mute:#8a8173;
+ --line:#e5ddc9;
+}
+*{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(--pacific);text-decoration:none}
+a:hover{color:var(--pacific-deep)}
+img{max-width:100%;display:block}
+.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
+h1,h2,h3,h4{font-family:'Fraunces',serif;font-weight:500;letter-spacing:-.015em;color:var(--ink)}
+h1{font-size:clamp(44px,5.4vw,72px);line-height:1.02;font-weight:500;letter-spacing:-.025em}
+h2{font-size:clamp(30px,3.4vw,44px);line-height:1.1;font-weight:500}
+h3{font-size:22px;line-height:1.25;font-weight:500}
+h4{font-size:17px;line-height:1.3;font-weight:500}
+p{color:var(--ink-soft)}
+.eyebrow{font-family:'Inter';font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--pacific);font-weight:600}
+.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:999px;font-weight:600;font-size:14.5px;letter-spacing:.02em;font-family:'Inter';transition:all .2s;cursor:pointer;border:none}
+.btn-primary{background:var(--ink);color:var(--paper)}
+.btn-primary:hover{background:var(--pacific-deep);color:#fff}
+.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}
+.btn-ghost:hover{background:var(--ink);color:var(--paper)}
+.btn-pacific{background:var(--pacific);color:#fff}
+.btn-pacific:hover{background:var(--pacific-deep);color:#fff}
+
+/* Top bar */
+.topbar{background:var(--ink);color:var(--sand);font-size:12.5px;padding:10px 0}
+.topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}
+.topbar a{color:var(--sand)}
+.topbar a:hover{color:#fff}
+
+/* Nav */
+header.nav{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
+.nav-inner{display:flex;align-items:center;justify-content:space-between;height:80px}
+.brand{display:flex;align-items:center;gap:12px}
+.brand-mark{width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-family:'Fraunces';font-weight:600;font-size:18px}
+.brand-word{font-family:'Fraunces';font-weight:500;font-size:24px;letter-spacing:.02em;color:var(--ink)}
+nav ul{display:flex;gap:30px;list-style:none;align-items:center}
+nav ul a{color:var(--ink-soft);font-size:14.5px;font-weight:500}
+nav ul a:hover{color:var(--ink)}
+nav ul a.active{color:var(--ink)}
+.nav-right{display:flex;align-items:center;gap:16px}
+.lang{font-size:13px;color:var(--ink-mute);font-weight:500}
+
+/* Breadcrumb */
+.crumbs{background:var(--paper);border-bottom:1px solid var(--line);padding:14px 0;font-size:13px;color:var(--ink-mute)}
+.crumbs a{color:var(--ink-mute);font-weight:500}
+.crumbs a:hover{color:var(--ink)}
+.crumbs span{margin:0 10px;color:var(--sand-deep)}
+
+/* Page header */
+.page-head{padding:72px 0 56px;border-bottom:1px solid var(--line)}
+.page-head .eyebrow{margin-bottom:14px;display:inline-block}
+.page-head h1{max-width:820px}
+.page-head h1 em{font-style:italic;font-weight:400;color:var(--pacific)}
+.page-head p.lede{font-size:19px;color:var(--ink-soft);max-width:640px;margin-top:22px;line-height:1.55}
+
+/* Section */
+section{padding:96px 0}
+.section-head{display:grid;grid-template-columns:.6fr 1.4fr;gap:48px;margin-bottom:52px;align-items:end}
+.section-head .label{display:flex;flex-direction:column;gap:12px}
+.section-head p{max-width:680px;font-size:17px;color:var(--ink-soft);line-height:1.55}
+
+/* Announce strip */
+.announce{background:var(--ink);color:var(--sand);padding:16px 0;font-size:13.5px;letter-spacing:.02em}
+.announce-inner{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap}
+.announce b{color:#fff}
+.dot{width:4px;height:4px;border-radius:50%;background:var(--sand-deep);opacity:.5}
+
+/* CTA band */
+.cta-wrap{padding:96px 0}
+.cta{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:72px;display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center;position:relative;overflow:hidden}
+.cta::after{content:"";position:absolute;inset:auto -10% -40% auto;width:60%;height:140%;background:radial-gradient(circle at 50% 50%, rgba(11,110,143,.08),transparent 60%);pointer-events:none}
+.cta h2{max-width:520px;position:relative}
+.cta p{margin-top:18px;font-size:17px;max-width:520px;position:relative}
+.cta-form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;position:relative}
+.cta-form label{font-family:'Inter';font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);font-weight:600;display:block;margin-bottom:6px}
+.cta-form input,.cta-form select,.cta-form textarea{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:12px 14px;border-radius:8px;font-size:14.5px;margin-bottom:14px;font-family:inherit}
+.cta-form input:focus,.cta-form select:focus,.cta-form textarea:focus{outline:none;border-color:var(--pacific)}
+.cta-form button{width:100%;background:var(--ink);color:var(--paper);border:none;padding:14px;border-radius:999px;font-weight:600;cursor:pointer;font-size:14.5px}
+
+/* Footer */
+footer{background:var(--ink);color:var(--sand-deep);padding:88px 0 40px}
+.foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:48px;margin-bottom:56px}
+footer h4{color:#fff;font-family:'Inter';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:var(--sand-deep)}
+footer ul a:hover{color:#fff}
+.foot-brand p{color:rgba(227,214,184,.6);margin-top:14px;font-size:14px;max-width:340px;line-height:1.6}
+.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:rgba(227,214,184,.55);flex-wrap:wrap;gap:12px}
+
+@media (max-width:900px){
+ .section-head,.foot-grid,.cta{grid-template-columns:1fr}
+ .cta{padding:48px 32px;margin:0 16px}
+ nav ul{display:none}
+ section{padding:64px 0}
+ .page-head{padding:48px 0 36px}
+}
(oldest)
·
back to Forza
·
docs: README with deploy workflow cd28405 →