:root {
–safety-orange: #ff5a2f;
–deep-charcoal: #050609;
–card-charcoal: #101119;
–border-gray: #262735;
–text-muted: #a0a1b2;
–cloud: #f5f5f7;
–accent-soft: #3c8dff;
}
.tradegpt-landing {
font-family: system-ui, -apple-system, BlinkMacSystemFont, “Inter”,
sans-serif;
background: radial-gradient(circle at top left, #181927 0, #050609 55%);
color: #ffffff;
padding: 56px 20px 80px;
}
.tg-shell {
max-width: 1120px;
margin: 0 auto;
}
/* NAV */
.tg-nav {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 40px;
}
.tg-nav-left {
display: flex;
align-items: center;
gap: 10px;
}
.tg-logo-mark {
width: 32px;
height: 32px;
border-radius: 9px;
background: linear-gradient(135deg, var(–safety-orange), #ff9f50);
display: flex;
align-items: center;
justify-content: center;
font-size: 0.9rem;
font-weight: 800;
}
.tg-logo-text {
font-weight: 800;
letter-spacing: 0.1em;
font-size: 0.85rem;
text-transform: uppercase;
}
.tg-nav-links {
display: flex;
align-items: center;
gap: 18px;
font-size: 0.85rem;
color: var(–text-muted);
}
.tg-nav-links a {
text-decoration: none;
color: inherit;
opacity: 0.9;
}
.tg-nav-links a:hover {
opacity: 1;
}
.tg-nav-cta {
border-radius: 999px;
border: 1px solid var(–border-gray);
padding: 9px 18px;
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.12em;
cursor: pointer;
background: rgba(5, 6, 12, 0.9);
}
.tg-nav-cta–primary {
background: var(–safety-orange);
border-color: transparent;
color: #050609;
font-weight: 600;
}
@media (max-width: 840px) {
.tg-nav-links {
display: none;
}
}
/* HERO GRID */
.tg-hero {
display: grid;
grid-template-columns: minmax(0, 3fr) minmax(0, 2.4fr);
gap: 40px;
align-items: center;
}
@media (max-width: 900px) {
.tg-hero {
grid-template-columns: 1fr;
}
.tg-hero-right {
order: -1;
}
}
.tg-eyebrow {
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.18em;
color: var(–text-muted);
margin-bottom: 12px;
}
.tg-hero-title {
font-size: clamp(2.1rem, 5vw, 3.2rem);
font-weight: 800;
letter-spacing: -0.04em;
margin: 0 0 16px;
line-height: 1.1;
}
.tg-hero-title span {
color: var(–safety-orange);
}
.tg-hero-subtitle {
font-size: 1.02rem;
color: var(–text-muted);
max-width: 520px;
margin-bottom: 24px;
}
.tg-badges {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 20px;
}
.tg-badge {
border-radius: 999px;
border: 1px solid var(–border-gray);
padding: 5px 11px;
font-size: 0.75rem;
color: var(–text-muted);
display: inline-flex;
align-items: center;
gap: 6px;
background: rgba(6, 7, 13, 0.9);
}
.tg-badge-dot {
width: 7px;
height: 7px;
border-radius: 999px;
background: #2ecc71;
}
.tg-cta-row {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 16px;
}
.tg-btn {
border-radius: 999px;
border: 1px solid transparent;
padding: 13px 22px;
font-size: 0.9rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.12em;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 8px;
}
.tg-btn-primary {
background: var(–safety-orange);
color: #050609;
}
.tg-btn-secondary {
background: transparent;
color: #ffffff;
border-color: var(–border-gray);
}
.tg-hero-footnote {
font-size: 0.8rem;
color: var(–text-muted);
}
/* RIGHT PANEL (SIMULATED APP) */
.tg-hero-right {
background: radial-gradient(circle at top, #25263b 0, #101119 55%);
border-radius: 18px;
border: 1px solid rgba(255, 255, 255, 0.05);
padding: 20px 20px 18px;
box-shadow: 0 26px 60px rgba(0, 0, 0, 0.75);
}
.tg-panel-head {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 14px;
font-size: 0.8rem;
color: var(–text-muted);
}
.tg-panel-title {
font-weight: 600;
font-size: 0.9rem;
}
.tg-panel-pill {
border-radius: 999px;
border: 1px solid var(–border-gray);
padding: 3px 9px;
font-size: 0.72rem;
}
.tg-terminal {
background: #050509;
border-radius: 12px;
border: 1px solid #202131;
padding: 12px 12px 14px;
font-family: “SF Mono”, Menlo, Monaco, Consolas, “Liberation Mono”,
“Courier New”, monospace;
font-size: 0.78rem;
color: #f4f4ff;
min-height: 180px;
position: relative;
overflow: hidden;
}
.tg-term-dots {
display: flex;
gap: 6px;
margin-bottom: 8px;
}
.tg-term-dot {
width: 8px;
height: 8px;
border-radius: 999px;
}
.tg-term-dot:nth-child(1) {
background: #ff5f57;
}
.tg-term-dot:nth-child(2) {
background: #febc2e;
}
.tg-term-dot:nth-child(3) {
background: #28c840;
}
.tg-line-label {
color: var(–text-muted);
}
.tg-line-user {
color: #8ab4ff;
}
.tg-line-assistant {
color: #f5f5ff;
}
.tg-line-highlight {
color: var(–safety-orange);
}
.tg-term-foot {
margin-top: 12px;
display: flex;
justify-content: space-between;
font-size: 0.72rem;
color: var(–text-muted);
}
.tg-term-foot-pill {
border-radius: 999px;
padding: 3px 9px;
border: 1px solid var(–border-gray);
}
/* INDUSTRY STRIP */
.tg-strip {
margin-top: 40px;
font-size: 0.8rem;
color: var(–text-muted);
}
.tg-strip-pills {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 8px;
}
.tg-strip-pill {
border-radius: 999px;
border: 1px solid var(–border-gray);
padding: 4px 10px;
font-size: 0.78rem;
color: #e3e3f0;
}
/* FEATURES */
.tg-features {
margin-top: 40px;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
@media (max-width: 900px) {
.tg-features {
grid-template-columns: 1fr;
}
}
.tg-feature-card {
background: var(–card-charcoal);
border-radius: 14px;
border: 1px solid var(–border-gray);
padding: 18px 18px 20px;
}
.tg-feature-label {
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.16em;
color: var(–text-muted);
margin-bottom: 6px;
}
.tg-feature-title {
font-size: 1rem;
font-weight: 600;
margin-bottom: 8px;
}
.tg-feature-body {
font-size: 0.9rem;
color: var(–text-muted);
}
.tg-feature-pill {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 0.75rem;
margin-top: 12px;
padding: 4px 9px;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.06);
color: var(–cloud);
}
:root {
–safety-orange: #ff5a2f;
–deep-charcoal: #050609;
–card-charcoal: #101119;
–border-gray: #262735;
–text-muted: #a0a1b2;
–cloud: #f5f5f7;
–accent-soft: #3c8dff;
}
.tradegpt-landing {
font-family: system-ui, -apple-system, BlinkMacSystemFont, “Inter”,
sans-serif;
background: radial-gradient(circle at top left, #181927 0, #050609 55%);
color: #ffffff;
padding: 56px 20px 80px;
}
.tg-shell {
max-width: 1120px;
margin: 0 auto;
}
/* NAV */
.tg-nav {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 40px;
}
.tg-nav-left {
display: flex;
align-items: center;
gap: 10px;
}
.tg-logo-mark {
width: 32px;
height: 32px;
border-radius: 9px;
background: linear-gradient(135deg, var(–safety-orange), #ff9f50);
display: flex;
align-items: center;
justify-content: center;
font-size: 0.9rem;
font-weight: 800;
}
.tg-logo-text {
font-weight: 800;
letter-spacing: 0.1em;
font-size: 0.85rem;
text-transform: uppercase;
}
.tg-nav-links {
display: flex;
align-items: center;
gap: 18px;
font-size: 0.85rem;
color: var(–text-muted);
}
.tg-nav-links a {
text-decoration: none;
color: inherit;
opacity: 0.9;
}
.tg-nav-links a:hover {
opacity: 1;
}
.tg-nav-cta {
border-radius: 999px;
border: 1px solid var(–border-gray);
padding: 9px 18px;
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.12em;
cursor: pointer;
background: rgba(5, 6, 12, 0.9);
}
.tg-nav-cta–primary {
background: var(–safety-orange);
border-color: transparent;
color: #050609;
font-weight: 600;
}
@media (max-width: 840px) {
.tg-nav-links {
display: none;
}
}
/* HERO GRID */
.tg-hero {
display: grid;
grid-template-columns: minmax(0, 3fr) minmax(0, 2.4fr);
gap: 40px;
align-items: center;
}
@media (max-width: 900px) {
.tg-hero {
grid-template-columns: 1fr;
}
.tg-hero-right {
order: -1;
}
}
.tg-eyebrow {
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.18em;
color: var(–text-muted);
margin-bottom: 12px;
}
.tg-hero-title {
font-size: clamp(2.1rem, 5vw, 3.2rem);
font-weight: 800;
letter-spacing: -0.04em;
margin: 0 0 16px;
line-height: 1.1;
}
.tg-hero-title span {
color: var(–safety-orange);
}
.tg-hero-subtitle {
font-size: 1.02rem;
color: var(–text-muted);
max-width: 520px;
margin-bottom: 24px;
}
.tg-badges {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 20px;
}
.tg-badge {
border-radius: 999px;
border: 1px solid var(–border-gray);
padding: 5px 11px;
font-size: 0.75rem;
color: var(–text-muted);
display: inline-flex;
align-items: center;
gap: 6px;
background: rgba(6, 7, 13, 0.9);
}
.tg-badge-dot {
width: 7px;
height: 7px;
border-radius: 999px;
background: #2ecc71;
}
.tg-cta-row {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 16px;
}
.tg-btn {
border-radius: 999px;
border: 1px solid transparent;
padding: 13px 22px;
font-size: 0.9rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.12em;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 8px;
}
.tg-btn-primary {
background: var(–safety-orange);
color: #050609;
}
.tg-btn-secondary {
background: transparent;
color: #ffffff;
border-color: var(–border-gray);
}
.tg-hero-footnote {
font-size: 0.8rem;
color: var(–text-muted);
}
/* RIGHT PANEL (SIMULATED APP) */
.tg-hero-right {
background: radial-gradient(circle at top, #25263b 0, #101119 55%);
border-radius: 18px;
border: 1px solid rgba(255, 255, 255, 0.05);
padding: 20px 20px 18px;
box-shadow: 0 26px 60px rgba(0, 0, 0, 0.75);
}
.tg-panel-head {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 14px;
font-size: 0.8rem;
color: var(–text-muted);
}
.tg-panel-title {
font-weight: 600;
font-size: 0.9rem;
}
.tg-panel-pill {
border-radius: 999px;
border: 1px solid var(–border-gray);
padding: 3px 9px;
font-size: 0.72rem;
}
.tg-terminal {
background: #050509;
border-radius: 12px;
border: 1px solid #202131;
padding: 12px 12px 14px;
font-family: “SF Mono”, Menlo, Monaco, Consolas, “Liberation Mono”,
“Courier New”, monospace;
font-size: 0.78rem;
color: #f4f4ff;
min-height: 180px;
position: relative;
overflow: hidden;
}
.tg-term-dots {
display: flex;
gap: 6px;
margin-bottom: 8px;
}
.tg-term-dot {
width: 8px;
height: 8px;
border-radius: 999px;
}
.tg-term-dot:nth-child(1) {
background: #ff5f57;
}
.tg-term-dot:nth-child(2) {
background: #febc2e;
}
.tg-term-dot:nth-child(3) {
background: #28c840;
}
.tg-line-label {
color: var(–text-muted);
}
.tg-line-user {
color: #8ab4ff;
}
.tg-line-assistant {
color: #f5f5ff;
}
.tg-line-highlight {
color: var(–safety-orange);
}
.tg-term-foot {
margin-top: 12px;
display: flex;
justify-content: space-between;
font-size: 0.72rem;
color: var(–text-muted);
}
.tg-term-foot-pill {
border-radius: 999px;
padding: 3px 9px;
border: 1px solid var(–border-gray);
}
/* INDUSTRY STRIP */
.tg-strip {
margin-top: 40px;
font-size: 0.8rem;
color: var(–text-muted);
}
.tg-strip-pills {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 8px;
}
.tg-strip-pill {
border-radius: 999px;
border: 1px solid var(–border-gray);
padding: 4px 10px;
font-size: 0.78rem;
color: #e3e3f0;
}
/* FEATURES */
.tg-features {
margin-top: 40px;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
@media (max-width: 900px) {
.tg-features {
grid-template-columns: 1fr;
}
}
.tg-feature-card {
background: var(–card-charcoal);
border-radius: 14px;
border: 1px solid var(–border-gray);
padding: 18px 18px 20px;
}
.tg-feature-label {
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.16em;
color: var(–text-muted);
margin-bottom: 6px;
}
.tg-feature-title {
font-size: 1rem;
font-weight: 600;
margin-bottom: 8px;
}
.tg-feature-body {
font-size: 0.9rem;
color: var(–text-muted);
}
.tg-feature-pill {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 0.75rem;
margin-top: 12px;
padding: 4px 9px;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.06);
color: var(–cloud);
}
The intelligence layer for the skilled trades
The AI Platform for HVAC, plumbing, electrical and more.
TradesBench turns building codes, manuals, and field experience into a
live system of record for diagnostics, repair guidance, and code
compliance across the $2T skilled-trades economy.
Mobile-first field experience
API & FSM integrations
Request early access
View technical overview
Field Technician · Live Session
CARRIER · Rooftop Unit
tech@contractor.co
➜ “Inducer motor runs, ignition fails, LED is flashing 3 times. What next?”
TradesBench
· Error code 3-flash =
pressure switch open on call for heat.1) condensate trap is clear,
2) flue is unobstructed,
3) tubing has no cracks.
HK06WC093 .
Built for teams where downtime is expensive and expertise is scarce.
HVAC
Plumbing
Electrical
Roofing
Auto repair
General contracting
Technician co-pilot
Step-by-step diagnostics
TradesBench reasons over symptoms, error codes, and site conditions to
recommend the next best step — not just a wall of text from a PDF.
Reduces repeat truck rolls
Operational safety
Code-aware by design
Trained on public building codes and safety standards, with responses
aligned to local code references and OEM specifications.
Risk & compliance friendly
Enterprise ready
APIs & field-service integrations
Connect TradesBench to your FSM, ticketing, and IoT stack to auto-log
jobs, pre-populate work orders, and stream telemetry into workflows.
Built for fleets & networks
TradesBench 