<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title>Counterweight Capital | We Buy
Houses</title>
<link
href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Lato:wght@300;400;700&display=swap"
rel="stylesheet">
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root
{
--navy: #1a2b3c;
--navy-light: #2a3f54;
--gold: #c9a84c;
--gold-light: #e8c97a;
--cream: #faf7f2;
--warm-white: #ffffff;
--text-dark: #1a2b3c;
--text-mid: #4a5a6b;
--text-light: #7a8a9b;
--border: #e8e0d4;
}
html { scroll-behavior: smooth; }
body {
font-family:
'Lato', sans-serif;
background: var(--cream);
color: var(--text-dark);
line-height: 1.7;
font-weight: 300;
}
/* NAV */
nav {
position: fixed;
top: 0; left: 0;
right: 0;
z-index: 100;
background: rgba(26,
43, 60, 0.97);
backdrop-filter:
blur(8px);
padding: 0 5%;
display: flex;
align-items: center;
justify-content:
space-between;
height: 70px;
border-bottom: 1px
solid rgba(201,
168, 76, 0.25);
}
.nav-logo {
font-family:
'Playfair Display', serif;
font-size: 1.3rem;
font-weight: 700;
color: var(--warm-white);
letter-spacing:
0.02em;
}
.nav-logo span { color: var(--gold); }
.nav-links {
display: flex;
gap: 2rem;
list-style: none;
}
.nav-links a {
color: rgba(255,255,255,0.75);
text-decoration: none;
font-size: 0.85rem;
letter-spacing:
0.1em;
text-transform: uppercase;
font-weight: 400;
transition: color
0.2s;
}
.nav-links a:hover { color: var(--gold); }
.nav-cta {
background: var(--gold);
color: var(--navy) !important;
padding: 9px 20px;
border-radius: 4px;
font-weight: 700 !important;
transition:
background 0.2s !important;
}
.nav-cta:hover { background: var(--gold-light) !important;
color: var(--navy) !important; }
/* HERO */
.hero
{
min-height: 100vh;
background: var(--navy);
display: flex;
align-items: center;
position: relative;
overflow: hidden;
padding: 120px 5% 80px;
}
.hero::before
{
content:
'';
position: absolute;
inset:
0;
background:
radial-gradient(ellipse at 70% 50%, rgba(201,168,76,0.08)
0%, transparent 65%),
radial-gradient(ellipse at 20% 80%, rgba(201,168,76,0.05)
0%, transparent 50%);
}
.hero-inner
{
max-width:
1100px;
margin: 0 auto;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5rem;
align-items: center;
position: relative;
z-index: 1;
}
.hero-eyebrow
{
display: inline-flex;
align-items: center;
gap: 10px;
color: var(--gold);
font-size: 0.78rem;
letter-spacing:
0.2em;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 1.5rem;
}
.hero-eyebrow::before {
content:
'';
display: block;
width: 30px;
height: 1px;
background: var(--gold);
}
.hero
h1 {
font-family:
'Playfair Display', serif;
font-size: clamp(2.4rem, 4vw, 3.4rem);
font-weight: 700;
color: var(--warm-white);
line-height: 1.2;
margin-bottom: 1.5rem;
}
.hero
h1 em {
font-style: normal;
color: var(--gold);
}
.hero
p {
color: rgba(255,255,255,0.7);
font-size: 1.05rem;
line-height: 1.8;
margin-bottom: 2.5rem;
font-weight: 300;
}
.hero-btns {
display: flex;
gap: 1rem;
flex-wrap: wrap;
}
.btn-primary {
background: var(--gold);
color: var(--navy);
padding: 15px 32px;
border-radius: 4px;
font-weight: 700;
font-size: 0.9rem;
letter-spacing:
0.05em;
text-decoration: none;
text-transform: uppercase;
transition: all 0.2s;
display: inline-block;
}
.btn-primary:hover
{
background: var(--gold-light);
transform: translateY(-1px);
}
.btn-secondary {
background: transparent;
color: rgba(255,255,255,0.85);
padding: 15px 32px;
border-radius: 4px;
font-weight: 400;
font-size: 0.9rem;
letter-spacing:
0.05em;
text-decoration: none;
border: 1px solid rgba(255,255,255,0.25);
transition: all 0.2s;
display: inline-block;
}
.btn-secondary:hover
{
border-color: var(--gold);
color: var(--gold);
}
/* HERO CARD */
.hero-card
{
background: rgba(255,255,255,0.04);
border: 1px solid rgba(201,168,76,0.2);
border-radius: 12px;
padding: 2.5rem;
backdrop-filter:
blur(4px);
}
.hero-card-title
{
font-family:
'Playfair Display', serif;
font-size: 1.2rem;
color: var(--warm-white);
margin-bottom: 1.5rem;
font-weight: 600;
}
.hero-steps
{
list-style: none;
display: flex;
flex-direction: column;
gap: 1rem;
}
.hero-step
{
display: flex;
align-items: flex-start;
gap: 1rem;
}
.step-num
{
width: 32px;
height: 32px;
min-width: 32px;
border-radius: 50%;
background: var(--gold);
color: var(--navy);
font-weight: 700;
font-size: 0.8rem;
display: flex;
align-items: center;
justify-content: center;
margin-top: 2px;
}
.step-text
strong {
display: block;
color: var(--warm-white);
font-size: 0.9rem;
font-weight: 700;
margin-bottom: 2px;
}
.step-text
span {
color: rgba(255,255,255,0.55);
font-size: 0.82rem;
}
.hero-card-divider
{
border: none;
border-top: 1px
solid rgba(201,168,76,0.15);
margin: 1.5rem 0;
}
.hero-card-note
{
color: rgba(255,255,255,0.5);
font-size: 0.8rem;
text-align: center;
letter-spacing:
0.03em;
}
/* TRUST BAR */
.trust-bar
{
background: var(--gold);
padding: 18px 5%;
}
.trust-bar-inner
{
max-width:
1100px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
gap: 3rem;
flex-wrap: wrap;
}
.trust-item
{
display: flex;
align-items: center;
gap: 10px;
color: var(--navy);
font-size: 0.85rem;
font-weight: 700;
letter-spacing:
0.05em;
text-transform: uppercase;
}
.trust-icon
{
font-size: 1.1rem;
}
/* SECTION BASE */
section {
padding: 90px 5%;
}
.section-inner
{
max-width:
1100px;
margin: 0 auto;
}
.section-eyebrow
{
display: inline-flex;
align-items: center;
gap: 10px;
color: var(--gold);
font-size: 0.75rem;
letter-spacing:
0.2em;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 1rem;
}
.section-eyebrow::before {
content:
'';
display: block;
width: 24px;
height: 1px;
background: var(--gold);
}
.section-title
{
font-family:
'Playfair Display', serif;
font-size: clamp(1.8rem, 3vw, 2.6rem);
font-weight: 700;
color: var(--text-dark);
margin-bottom: 1rem;
line-height: 1.25;
}
.section-subtitle
{
color: var(--text-mid);
font-size: 1.05rem;
line-height: 1.8;
max-width:
560px;
font-weight: 300;
}
/* HOW IT WORKS */
.how-section
{ background: var(--warm-white); }
.how-grid
{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
margin-top: 3.5rem;
}
.how-card
{
padding: 2rem;
border-radius: 10px;
border: 1px solid var(--border);
background: var(--cream);
position: relative;
transition:
transform 0.2s, box-shadow 0.2s;
}
.how-card:hover
{
transform: translateY(-4px);
box-shadow: 0 12px
40px rgba(26,43,60,0.08);
}
.how-num
{
font-family:
'Playfair Display', serif;
font-size: 3.5rem;
font-weight: 700;
color: rgba(201,168,76,0.2);
line-height: 1;
margin-bottom: 1rem;
}
.how-card
h3 {
font-family:
'Playfair Display', serif;
font-size: 1.15rem;
font-weight: 600;
color: var(--text-dark);
margin-bottom: 0.6rem;
}
.how-card
p {
color: var(--text-mid);
font-size: 0.92rem;
line-height: 1.75;
font-weight: 300;
}
/* WHY US */
.why-section
{ background: var(--cream); }
.why-grid
{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5rem;
align-items: center;
margin-top: 3rem;
}
.why-list
{
list-style: none;
display: flex;
flex-direction: column;
gap: 1.5rem;
margin-top: 2rem;
}
.why-item
{
display: flex;
gap: 1rem;
align-items: flex-start;
}
.why-check
{
width: 22px;
height: 22px;
min-width: 22px;
border-radius: 50%;
background: rgba(201,168,76,0.15);
display: flex;
align-items: center;
justify-content: center;
margin-top: 2px;
}
.why-check::after {
content: '✓';
font-size: 0.7rem;
color: var(--gold);
font-weight: 700;
}
.why-item-text
strong {
display: block;
font-size: 0.95rem;
font-weight: 700;
color: var(--text-dark);
margin-bottom: 2px;
}
.why-item-text
span {
font-size: 0.88rem;
color: var(--text-mid);
font-weight: 300;
}
.why-visual
{
background: var(--navy);
border-radius: 12px;
padding: 2.5rem;
position: relative;
overflow: hidden;
}
.why-visual::before {
content:
'';
position: absolute;
top: -40px; right:
-40px;
width: 180px;
height: 180px;
border-radius: 50%;
background: rgba(201,168,76,0.07);
}
.why-visual-title
{
font-family:
'Playfair Display', serif;
font-size: 1.15rem;
color: var(--warm-white);
margin-bottom: 1.5rem;
position: relative;
}
.compare-row
{
display: flex;
justify-content:
space-between;
align-items: center;
padding: 10px 0;
border-bottom: 1px
solid rgba(255,255,255,0.06);
position: relative;
}
.compare-row:last-child
{ border-bottom: none; }
.compare-label
{
color: rgba(255,255,255,0.6);
font-size: 0.85rem;
font-weight: 300;
}
.compare-us {
color: var(--gold);
font-size: 0.85rem;
font-weight: 700;
}
.compare-them
{
color: rgba(255,255,255,0.3);
font-size: 0.8rem;
font-weight: 300;
text-decoration:
line-through;
}
.compare-header
{
display: flex;
justify-content:
space-between;
padding-bottom: 10px;
border-bottom: 1px
solid rgba(201,168,76,0.2);
margin-bottom: 4px;
}
.compare-header
span:first-child { color: transparent; font-size: 0.75rem;
}
.compare-header
.us-label { color: var(--gold);
font-size: 0.75rem; font-weight: 700; letter-spacing:
0.1em; text-transform: uppercase; }
.compare-header .them-label { color: rgba(255,255,255,0.3);
font-size: 0.75rem; letter-spacing: 0.1em;
text-transform: uppercase; }
/* WHAT WE BUY */
.buy-section
{ background: var(--navy); }
.buy-section .section-title { color: var(--warm-white); }
.buy-section .section-subtitle { color: rgba(255,255,255,0.6); }
.buy-grid
{
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.5rem;
margin-top: 3.5rem;
}
.buy-card
{
background: rgba(255,255,255,0.04);
border: 1px solid rgba(201,168,76,0.15);
border-radius: 10px;
padding: 1.75rem
1.5rem;
text-align: center;
transition: all 0.2s;
}
.buy-card:hover
{
background: rgba(201,168,76,0.06);
border-color: rgba(201,168,76,0.35);
transform: translateY(-3px);
}
.buy-icon
{
font-size: 2rem;
margin-bottom: 1rem;
display: block;
}
.buy-card
h3 {
font-family:
'Playfair Display', serif;
font-size: 1rem;
color: var(--warm-white);
margin-bottom: 0.5rem;
font-weight: 600;
}
.buy-card
p {
color: rgba(255,255,255,0.45);
font-size: 0.82rem;
line-height: 1.6;
font-weight: 300;
}
/* CONTACT */
.contact-section
{ background: var(--warm-white); }
.contact-grid
{
display: grid;
grid-template-columns: 1fr 1.4fr;
gap: 5rem;
align-items: start;
margin-top: 3rem;
}
.contact-info
h3 {
font-family:
'Playfair Display', serif;
font-size: 1.4rem;
color: var(--text-dark);
margin-bottom: 1rem;
font-weight: 600;
}
.contact-info
p {
color: var(--text-mid);
font-size: 0.92rem;
line-height: 1.8;
font-weight: 300;
margin-bottom: 2rem;
}
.contact-detail
{
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 1rem;
color: var(--text-mid);
font-size: 0.9rem;
}
.contact-detail-icon
{
width: 36px;
height: 36px;
border-radius: 50%;
background: rgba(201,168,76,0.1);
display: flex;
align-items: center;
justify-content: center;
font-size: 0.9rem;
}
.contact-form
{
background: var(--cream);
border-radius: 12px;
padding: 2.5rem;
border: 1px solid var(--border);
}
.form-title
{
font-family:
'Playfair Display', serif;
font-size: 1.2rem;
font-weight: 600;
color: var(--text-dark);
margin-bottom: 0.4rem;
}
.form-sub
{
color: var(--text-light);
font-size: 0.85rem;
margin-bottom: 1.75rem;
font-weight: 300;
}
.form-row
{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
.form-group
{
margin-bottom: 1rem;
}
.form-group
label {
display: block;
font-size: 0.78rem;
font-weight: 700;
letter-spacing:
0.08em;
text-transform: uppercase;
color: var(--text-dark);
margin-bottom: 6px;
}
.form-group
input,
.form-group
select,
.form-group
textarea {
width: 100%;
padding: 11px 14px;
border: 1px solid var(--border);
border-radius: 6px;
background: var(--warm-white);
font-family:
'Lato', sans-serif;
font-size: 0.9rem;
color: var(--text-dark);
font-weight: 300;
transition:
border-color 0.2s;
appearance: none;
}
.form-group
input:focus,
.form-group
select:focus,
.form-group
textarea:focus {
outline: none;
border-color: var(--gold);
}
.form-group
textarea { resize: vertical;
min-height: 100px; }
.form-submit
{
width: 100%;
padding: 14px;
background: var(--navy);
color: var(--warm-white);
border: none;
border-radius: 6px;
font-family:
'Lato', sans-serif;
font-size: 0.88rem;
font-weight: 700;
letter-spacing:
0.1em;
text-transform: uppercase;
cursor: pointer;
transition: all 0.2s;
margin-top: 0.5rem;
}
.form-submit:hover
{
background: var(--navy-light);
transform: translateY(-1px);
}
.form-note
{
text-align: center;
color: var(--text-light);
font-size: 0.78rem;
margin-top: 0.75rem;
font-weight: 300;
}
/* FOOTER */
footer
{
background: var(--navy);
padding: 50px 5% 30px;
border-top: 1px
solid rgba(201,168,76,0.15);
}
.footer-inner
{
max-width:
1100px;
margin: 0 auto;
}
.footer-top
{
display: flex;
justify-content:
space-between;
align-items: flex-start;
margin-bottom: 2.5rem;
flex-wrap: wrap;
gap: 2rem;
}
.footer-logo
{
font-family:
'Playfair Display', serif;
font-size: 1.3rem;
font-weight: 700;
color: var(--warm-white);
}
.footer-logo
span { color: var(--gold); }
.footer-tagline
{
color: rgba(255,255,255,0.4);
font-size: 0.82rem;
margin-top: 6px;
font-weight: 300;
}
.footer-links
{
display: flex;
gap: 2rem;
list-style: none;
flex-wrap: wrap;
}
.footer-links
a {
color: rgba(255,255,255,0.5);
text-decoration: none;
font-size: 0.85rem;
transition: color
0.2s;
}
.footer-links
a:hover { color: var(--gold); }
.footer-divider
{
border: none;
border-top: 1px
solid rgba(255,255,255,0.07);
margin-bottom: 1.5rem;
}
.footer-bottom
{
display: flex;
justify-content:
space-between;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
}
.footer-copy
{
color: rgba(255,255,255,0.3);
font-size: 0.8rem;
font-weight: 300;
}
.footer-disclaimer
{
color: rgba(255,255,255,0.2);
font-size: 0.75rem;
max-width:
500px;
text-align: right;
font-weight: 300;
line-height: 1.5;
}
/* MOBILE */
@media
(max-width: 900px) {
.hero-inner
{ grid-template-columns: 1fr; gap: 3rem; }
.how-grid
{ grid-template-columns: 1fr; }
.why-grid
{ grid-template-columns: 1fr; }
.buy-grid
{ grid-template-columns: 1fr 1fr; }
.contact-grid
{ grid-template-columns: 1fr; }
.nav-links { display: none; }
.form-row
{ grid-template-columns: 1fr; }
.footer-top
{ flex-direction: column; }
.footer-disclaimer
{ text-align: left;
max-width: 100%; }
}
@media
(max-width: 500px) {
.buy-grid
{ grid-template-columns: 1fr; }
.trust-bar-inner
{ gap: 1.5rem; }
}
/* ANIMATIONS */
@keyframes fadeUp {
from { opacity: 0; transform: translateY(24px); }
to { opacity: 1;
transform: translateY(0); }
}
.hero-left
> * {
animation: fadeUp 0.7s ease both;
}
.hero-left
> *:nth-child(1) { animation-delay: 0.1s; }
.hero-left
> *:nth-child(2) { animation-delay: 0.2s; }
.hero-left
> *:nth-child(3) { animation-delay: 0.35s; }
.hero-left
> *:nth-child(4) { animation-delay: 0.5s; }
.hero-card
{ animation: fadeUp 0.7s
0.45s ease both; }
</style>
</head>
<body>
<!-- NAV -->
<nav>
<div
class="nav-logo">Counterweight
<span>Capital</span></div>
<ul
class="nav-links">
<li><a href="#how">How It Works</a></li>
<li><a href="#why">Why
Us</a></li>
<li><a href="#buy">What We Buy</a></li>
<li><a href="#contact"
class="nav-cta">Get Your
Offer</a></li>
</ul>
</nav>
<!-- HERO -->
<section class="hero">
<div
class="hero-inner">
<div
class="hero-left">
<div
class="hero-eyebrow">Real Estate Solutions</div>
<h1>Sell
Your Home <em>Fast,</em> For a Fair Price — No Stress</h1>
<p>We're a local investment company that buys houses
directly from homeowners. No agents, no open houses, no waiting. Just a simple,
honest offer and a closing date that works for you.</p>
<div
class="hero-btns">
<a href="#contact"
class="btn-primary">Get My Free
Offer</a>
<a href="#how" class="btn-secondary">See
How It Works</a>
</div>
</div>
<div
class="hero-card">
<p
class="hero-card-title">How simple is it?</p>
<ul
class="hero-steps">
<li
class="hero-step">
<div
class="step-num">1</div>
<div
class="step-text">
<strong>Tell us about your property</strong>
<span>Fill out a quick form — takes 2 minutes</span>
</div>
</li>
<li
class="hero-step">
<div
class="step-num">2</div>
<div
class="step-text">
<strong>Receive your cash offer</strong>
<span>We'll get back to you within 24 hours</span>
</div>
</li>
<li
class="hero-step">
<div
class="step-num">3</div>
<div
class="step-text">
<strong>Pick your closing date</strong>
<span>Close in as little as 7 days, or on your
schedule</span>
</div>
</li>
</ul>
<hr class="hero-card-divider">
<p
class="hero-card-note">No obligation · No fees · No repairs
needed</p>
</div>
</div>
</section>
<!-- TRUST BAR -->
<div class="trust-bar">
<div
class="trust-bar-inner">
<div
class="trust-item"><span class="trust-icon">🏠</span>
Local Buyers</div>
<div
class="trust-item"><span class="trust-icon">⚡</span>
Close in 7 Days</div>
<div
class="trust-item"><span class="trust-icon">💰</span>
No Agent Fees</div>
<div
class="trust-item"><span class="trust-icon">🔨</span>
No Repairs Needed</div>
<div
class="trust-item"><span class="trust-icon">📋</span>
No Obligations</div>
</div>
</div>
<!-- HOW IT WORKS -->
<section class="how-section"
id="how">
<div
class="section-inner">
<div
class="section-eyebrow">The Process</div>
<h2
class="section-title">Selling your home has never been this
simple</h2>
<p
class="section-subtitle">We've removed every headache from the
traditional home sale process so you can move on — on your terms.</p>
<div
class="how-grid">
<div
class="how-card">
<div
class="how-num">01</div>
<h3>Share Your Property Info</h3>
<p>Fill
out our short form or give us a call. Tell us a little about your property —
condition, location, and your situation. There's no judgment and no pressure.</p>
</div>
<div
class="how-card">
<div
class="how-num">02</div>
<h3>Get
a Fair Cash Offer</h3>
<p>We'll
review your property and present you with a transparent, no-obligation cash
offer within 24 hours. We'll walk you through how we arrived at the number.</p>
</div>
<div
class="how-card">
<div
class="how-num">03</div>
<h3>Close on Your Terms</h3>
<p>If
you accept, we handle all the paperwork and coordinate with a local title
company. You pick the closing date — we can close in as little as 7 days, or give you more time.</p>
</div>
</div>
</div>
</section>
<!-- WHY US -->
<section class="why-section"
id="why">
<div
class="section-inner">
<div
class="why-grid">
<div>
<div
class="section-eyebrow">Why Counterweight Capital</div>
<h2
class="section-title">We put your needs first — always</h2>
<p
class="section-subtitle">We're not a faceless corporation. We're
local investors who care about the people and communities we work in.</p>
<ul
class="why-list">
<li
class="why-item">
<div
class="why-check"></div>
<div
class="why-item-text">
<strong>Cash in hand, not contingencies</strong>
<span>Our offers aren't dependent on financing, appraisals, or
inspections falling through.</span>
</div>
</li>
<li
class="why-item">
<div
class="why-check"></div>
<div
class="why-item-text">
<strong>We buy as-is</strong>
<span>Don't spend a dime on repairs, cleaning, or staging. We
handle all of that.</span>
</div>
</li>
<li
class="why-item">
<div
class="why-check"></div>
<div
class="why-item-text">
<strong>Zero commissions or hidden fees</strong>
<span>What we offer is what you get. No agent
commissions, closing costs, or surprise deductions.</span>
</div>
</li>
<li
class="why-item">
<div
class="why-check"></div>
<div
class="why-item-text">
<strong>Flexible timelines</strong>
<span>Need to close fast? Or need extra
time to move? We work around your schedule.</span>
</div>
</li>
<li
class="why-item">
<div
class="why-check"></div>
<div
class="why-item-text">
<strong>Honest, transparent communication</strong>
<span>We'll always be upfront with you. No runaround, no lowball
games, no pressure.</span>
</div>
</li>
</ul>
</div>
<div>
<div
class="why-visual">
<p
class="why-visual-title">Counterweight Capital vs. Traditional
Sale</p>
<div
class="compare-header">
<span>Feature</span>
<span
class="us-label">Us</span>
<span
class="them-label">Traditional</span>
</div>
<div
class="compare-row">
<span
class="compare-label">Closing time</span>
<span
class="compare-us">7–21 days</span>
<span
class="compare-them">60–90 days</span>
</div>
<div
class="compare-row">
<span
class="compare-label">Agent commission</span>
<span
class="compare-us">None</span>
<span
class="compare-them">5–6%</span>
</div>
<div
class="compare-row">
<span
class="compare-label">Repairs required</span>
<span
class="compare-us">None</span>
<span
class="compare-them">Often required</span>
</div>
<div
class="compare-row">
<span
class="compare-label">Open houses</span>
<span
class="compare-us">None</span>
<span
class="compare-them">Multiple</span>
</div>
<div
class="compare-row">
<span
class="compare-label">Deal fall-through risk</span>
<span
class="compare-us">Very low</span>
<span
class="compare-them">High</span>
</div>
<div
class="compare-row">
<span
class="compare-label">Hidden fees</span>
<span
class="compare-us">None</span>
<span
class="compare-them">Common</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- WHAT WE BUY -->
<section class="buy-section"
id="buy">
<div
class="section-inner">
<div
class="section-eyebrow">What We Buy</div>
<h2
class="section-title">We buy properties in any
condition</h2>
<p
class="section-subtitle">Whatever your situation, we've seen it
before and we can help. Don't let the condition of your home stop you from
reaching out.</p>
<div
class="buy-grid">
<div
class="buy-card">
<span
class="buy-icon">🏚️</span>
<h3>Distressed Properties</h3>
<p>Damaged, outdated, or in need of major repairs — we buy as-is.</p>
</div>
<div
class="buy-card">
<span
class="buy-icon">⚖️</span>
<h3>Probate & Estate Sales</h3>
<p>Inherited a property you're not sure what to do with? We make
it easy.</p>
</div>
<div
class="buy-card">
<span
class="buy-icon">📉</span>
<h3>Foreclosure Risk</h3>
<p>Behind on payments? We can close fast and help you avoid foreclosure.</p>
</div>
<div
class="buy-card">
<span
class="buy-icon">🔑</span>
<h3>Tired Landlords</h3>
<p>Done
being a landlord? Sell your rental property fast — tenants and all.</p>
</div>
<div
class="buy-card">
<span
class="buy-icon">💼</span>
<h3>Relocation</h3>
<p>Moving for work or family? We close on your
timeline so you can move on.</p>
</div>
<div
class="buy-card">
<span
class="buy-icon">💔</span>
<h3>Divorce</h3>
<p>Need
to divide assets quickly? We provide a clean, fast resolution.</p>
</div>
<div
class="buy-card">
<span
class="buy-icon">🏠</span>
<h3>Vacant Homes</h3>
<p>Empty
properties are a liability. We take them off your hands fast.</p>
</div>
<div
class="buy-card">
<span
class="buy-icon">✨</span>
<h3>Any
Situation</h3>
<p>Not
sure if your situation qualifies? Reach out — we always find a way.</p>
</div>
</div>
</div>
</section>
<!-- CONTACT -->
<section class="contact-section"
id="contact">
<div
class="section-inner">
<div
class="contact-grid">
<div
class="contact-info">
<div
class="section-eyebrow">Get Your Offer</div>
<h2
class="section-title">Ready to talk? We'd love to hear from you.</h2>
<p>There's no pressure, no obligation, and no cost.
Just an honest conversation about your property and how we might be able to
help. We respond to every inquiry within 24 hours.</p>
<div
class="contact-detail">
<div
class="contact-detail-icon">📞</div>
<span>We'll call you within 24 hours of your
submission</span>
</div>
<div
class="contact-detail">
<div
class="contact-detail-icon">🔒</div>
<span>Your information is private and never shared</span>
</div>
<div
class="contact-detail">
<div
class="contact-detail-icon">💬</div>
<span>No pressure, no obligation — just a
conversation</span>
</div>
</div>
<div
class="contact-form">
<p
class="form-title">Tell us about your property</p>
<p
class="form-sub">Takes less than 2 minutes to complete.</p>
<form
action="#" method="POST">
<div
class="form-row">
<div
class="form-group">
<label>First Name</label>
<input type="text" name="first_name"
placeholder="Jane">
</div>
<div
class="form-group">
<label>Last Name</label>
<input type="text" name="last_name"
placeholder="Smith">
</div>
</div>
<div
class="form-group">
<label>Phone Number</label>
<input
type="tel" name="phone"
placeholder="(555) 000-0000">
</div>
<div
class="form-group">
<label>Email Address</label>
<input
type="email" name="email"
placeholder="jane@example.com">
</div>
<div
class="form-group">
<label>Property Address</label>
<input
type="text" name="address" placeholder="123 Main
Street, City, State">
</div>
<div
class="form-group">
<label>Situation (optional)</label>
<select
name="situation">
<option value="" disabled selected>What best describes
your situation?</option>
<option>Looking to sell quickly</option>
<option>Behind on mortgage / facing foreclosure</option>
<option>Inherited property</option>
<option>Tired landlord</option>
<option>Relocation</option>
<option>Divorce</option>
<option>Property needs major repairs</option>
<option>Other</option>
</select>
</div>
<div
class="form-group">
<label>Anything else we should know? (optional)</label>
<textarea name="message" placeholder="Tell us
a bit about your property or situation..."></textarea>
</div>
<button
type="submit" class="form-submit">Send My Information
→</button>
<p
class="form-note">🔒 Your information is
100% private and secure.</p>
</form>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer>
<div
class="footer-inner">
<div
class="footer-top">
<div>
<div
class="footer-logo">Counterweight
<span>Capital</span></div>
<p
class="footer-tagline">Real estate solutions for real people.</p>
</div>
<ul
class="footer-links">
<li><a href="#how">How
It Works</a></li>
<li><a href="#why">Why
Us</a></li>
<li><a href="#buy">What
We Buy</a></li>
<li><a href="#contact">Get
an Offer</a></li>
</ul>
</div>
<hr class="footer-divider">
<div
class="footer-bottom">
<p
class="footer-copy">© 2025 Counterweight Capital. All rights reserved.</p>
<p
class="footer-disclaimer">Counterweight Capital is a real estate
investment company. We are not licensed real estate agents or brokers. All
offers are subject to due diligence and inspection.</p>
</div>
</div>
</footer>
</body>
</html>