*{margin:0;padding:0;box-sizing:border-box}
:root{
--ink:#121212;
--text:#4d4d4d;
--muted:#7a7a7a;
--line:#e8e8e8;
--soft:#f6f5f2;
--white:#ffffff;
--orange:#f05a28;
--orange-soft:#fff2eb;
}

body{
font-family:'Inter',sans-serif;
background:var(--white);
color:var(--ink);
line-height:1.6;
}

.container{
width:min(1180px,92%);
margin:0 auto;
}

.site-nav{
position:sticky;
top:0;
background:rgba(255,255,255,.95);
backdrop-filter:blur(10px);
border-bottom:1px solid var(--line);
z-index:100;
}

.nav-inner{
height:82px;
display:flex;
align-items:center;
justify-content:space-between;
}

.logo-img{
height:42px;
width:auto;
display:block;
}

.footer-logo-img{
height:38px;
width:auto;
display:block;
margin-bottom:16px;
}

.nav-links{
display:flex;
gap:34px;
}

.nav-links a{
text-decoration:none;
font-size:14px;
font-weight:600;
color:#333;
}

.hero{
padding:110px 0 90px;
background:
radial-gradient(circle at 80% 20%, rgba(240,90,40,.08), transparent 30%),
var(--soft);
}

.hero-grid{
display:grid;
grid-template-columns:1fr 380px;
gap:70px;
align-items:center;
}

.eyebrow{
font-size:12px;
font-weight:800;
letter-spacing:.18em;
text-transform:uppercase;
color:var(--orange);
margin-bottom:18px;
}

h1,h2{
line-height:1;
letter-spacing:-.06em;
}

h1{
font-size:clamp(52px,7vw,92px);
margin-bottom:28px;
}

h2{
font-size:clamp(38px,5vw,58px);
margin-bottom:22px;
}

.hero-copy,
.rich-copy p,
.section-heading p,
.contact-grid p{
font-size:18px;
color:var(--text);
}

.hero-copy{
margin-bottom:34px;
max-width:720px;
}

.buttons{
display:flex;
gap:16px;
flex-wrap:wrap;
}

.button{
padding:14px 24px;
border-radius:6px;
text-decoration:none;
font-weight:700;
font-size:15px;
display:inline-flex;
align-items:center;
justify-content:center;
}

.button-primary{
background:#121212;
color:white;
}

.button-secondary{
background:white;
border:1px solid #d8d8d8;
color:#121212;
}

.hero-panel{
background:white;
border:1px solid var(--line);
border-radius:18px;
padding:30px;
box-shadow:0 20px 55px rgba(0,0,0,.05);
}

.panel-label{
font-size:12px;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
color:var(--muted);
margin-bottom:18px;
}

.hero-focus-list{
display:flex;
flex-direction:column;
gap:12px;
}

.hero-focus-list span{
padding:14px 16px;
background:var(--soft);
border-radius:10px;
font-weight:600;
}

.stats-section{
padding:54px 0;
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
}

.stats-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
}

.stat-number{
font-size:42px;
font-weight:800;
line-height:1;
margin-bottom:8px;
}

.stat-label{
font-size:12px;
text-transform:uppercase;
letter-spacing:.08em;
font-weight:800;
color:var(--muted);
}

.section{
padding:100px 0;
}

.section-muted{
background:var(--soft);
}

.two-col,
.section-heading,
.contact-grid{
display:grid;
grid-template-columns:.9fr 1.1fr;
gap:64px;
}

.rich-copy{
display:flex;
flex-direction:column;
gap:18px;
}

.portfolio-stack{
display:flex;
flex-direction:column;
gap:30px;
margin-top:56px;
}

.company-card,
.exit-card{
background:white;
border:1px solid var(--line);
border-radius:18px;
overflow:hidden;
box-shadow:0 18px 50px rgba(0,0,0,.03);
}

.company-header{
padding:34px;
display:flex;
justify-content:space-between;
gap:24px;
border-bottom:1px solid var(--line);
}

.company-logo{
max-height:48px;
max-width:210px;
width:auto;
display:block;
object-fit:contain;
margin-bottom:22px;
}

.exit-logo{
max-height:42px;
max-width:190px;
width:auto;
display:block;
object-fit:contain;
margin-bottom:18px;
}

.logo-fallback{
display:none;
}

.company-title{
font-size:40px;
font-weight:800;
letter-spacing:-.06em;
line-height:1;
margin-bottom:10px;
}

.company-title.small{
font-size:28px;
}

.company-subtitle{
font-size:12px;
font-weight:800;
letter-spacing:.1em;
text-transform:uppercase;
color:var(--muted);
}

.badge{
padding:8px 12px;
border-radius:999px;
background:var(--orange-soft);
color:var(--orange);
font-size:11px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
height:fit-content;
}

.badge.sold{
background:#f1f1ef;
color:#666;
}

.company-body,
.exit-card{
padding:34px;
}

.company-body p,
.exit-card p{
color:var(--text);
}

.metric-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
margin:30px 0;
}

.metric{
background:var(--soft);
border:1px solid var(--line);
border-radius:12px;
padding:18px;
}

.metric strong{
display:block;
font-size:26px;
margin-bottom:8px;
}

.metric span{
font-size:11px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--muted);
}

.tags{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-bottom:28px;
}

.tag{
padding:8px 12px;
background:#f1f1ef;
border-radius:999px;
font-size:13px;
font-weight:600;
}

.company-link{
color:var(--orange);
font-weight:800;
text-decoration:none;
}

.previous-section{
padding-top:40px;
}

.team-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
margin-top:56px;
}

.team-card{
background:white;
border:1px solid var(--line);
border-radius:18px;
padding:28px;
}

.role{
font-size:12px;
font-weight:800;
letter-spacing:.1em;
text-transform:uppercase;
color:var(--orange);
margin:12px 0 16px;
}

.contact-section{
background:#121212;
}

.contact-section h2,
.contact-section .eyebrow{
color:white;
}

.contact-section .eyebrow{
color:var(--orange);
}

.contact-section p{
color:rgba(255,255,255,.72);
}

.contact-card{
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.14);
border-radius:18px;
padding:32px;
}

.contact-card p{
font-size:12px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
margin-bottom:8px;
}

.contact-card a{
font-size:22px;
font-weight:800;
color:white;
text-decoration:none;
}

.contact-divider{
height:1px;
background:rgba(255,255,255,.14);
margin:28px 0;
}

.footer-links-inline{
display:flex;
gap:18px;
flex-wrap:wrap;
}

.site-footer{
padding:46px 0;
border-top:1px solid var(--line);
}

.footer-inner{
display:flex;
justify-content:space-between;
gap:40px;
}

.footer-inner p,
.footer-meta{
font-size:14px;
color:var(--muted);
}

.footer-meta{
display:flex;
flex-direction:column;
gap:6px;
text-align:right;
}

@media(max-width:900px){
.hero-grid,
.two-col,
.section-heading,
.contact-grid{
grid-template-columns:1fr;
gap:40px;
}

.stats-grid,
.team-grid,
.metric-grid{
grid-template-columns:1fr;
}
}

@media(max-width:720px){
.nav-links{
display:none;
}

.section{
padding:72px 0;
}

.hero{
padding:80px 0 70px;
}

.footer-inner{
flex-direction:column;
}

.footer-meta{
text-align:left;
}
}