Quote Request Received — Brunski Technical Services
:root {
–navy: #1A2B4A;
–gold: #D4A017;
–white: #F8F9FC;
–steel: #4A7FB5;
–green: #2E7D32;
–gray: #555555;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: ‘Inter’, Arial, sans-serif;
background: var(–white);
color: var(–navy);
min-height: 100vh;
display: flex;
flex-direction: column;
}
header {
background: var(–navy);
padding: 14px 32px;
display: flex;
align-items: center;
justify-content: space-between;
}
.logo-text { color: #F8F9FC; font-size: 1rem; font-weight: 800; letter-spacing: 0.03em; }
.logo-text span { color: var(–gold); }
.header-contact { color: rgba(255,255,255,0.7); font-size: 0.78rem; text-align: right; }
.hero {
background: linear-gradient(135deg, var(–navy) 0%, #243558 100%);
padding: 64px 24px 50px;
text-align: center;
}
.check-circle {
width: 72px; height: 72px;
background: var(–gold);
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
margin: 0 auto 20px;
font-size: 2rem;
}
.hero h1 { color: #F8F9FC; font-size: clamp(1.6rem, 4vw, 2.4rem); font-weight: 800; margin-bottom: 12px; }
.hero p { color: #c8d6e8; font-size: 1rem; max-width: 560px; margin: 0 auto; line-height: 1.7; }
.card-wrap {
max-width: 760px;
margin: -24px auto 40px;
padding: 0 20px;
flex: 1;
}
.card {
background: #fff;
border-radius: 12px;
box-shadow: 0 8px 32px rgba(26,43,74,0.12);
overflow: hidden;
}
.card-top {
background: var(–gold);
padding: 14px 28px;
font-weight: 700;
font-size: 0.82rem;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(–navy);
text-align: center;
}
.card-body { padding: 32px 36px; }
.card-body h2 { color: var(–navy); font-size: 1.25rem; margin-bottom: 8px; }
.card-body p { color: var(–gray); font-size: 0.93rem; line-height: 1.7; margin-bottom: 24px; }
.options { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 28px; }
.opt {
flex: 1; min-width: 220px;
border-radius: 10px;
padding: 24px 20px;
text-align: center;
text-decoration: none;
transition: transform 0.18s, box-shadow 0.18s;
}
.opt:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(26,43,74,0.15); }
.opt-primary { background: var(–navy); color: #F8F9FC; border: 2px solid var(–navy); }
.opt-primary .opt-icon { font-size: 2rem; margin-bottom: 8px; }
.opt-primary .opt-title { font-size: 1rem; font-weight: 700; color: var(–gold); margin-bottom: 6px; }
.opt-primary .opt-desc { font-size: 0.8rem; color: rgba(255,255,255,0.75); line-height: 1.5; }
.opt-secondary { background: var(–white); border: 2px solid #d0daea; color: var(–navy); }
.opt-secondary .opt-icon { font-size: 2rem; margin-bottom: 8px; }
.opt-secondary .opt-title { font-size: 1rem; font-weight: 700; color: var(–navy); margin-bottom: 6px; }
.opt-secondary .opt-desc { font-size: 0.8rem; color: var(–gray); line-height: 1.5; }
.opt-label {
display: inline-block;
font-size: 0.65rem; font-weight: 700;
letter-spacing: 1.5px; text-transform: uppercase;
padding: 3px 10px; border-radius: 20px; margin-bottom: 10px;
}
.label-fast { background: rgba(212,160,23,0.2); color: var(–gold); }
.label-easy { background: rgba(74,127,181,0.15); color: var(–steel); }
.next-steps { background: #f0f4f8; border-radius: 8px; padding: 20px 24px; margin-bottom: 20px; }
.next-steps h4 { color: var(–navy); font-size: 0.85rem; text-transform: uppercase;
letter-spacing: 1px; margin-bottom: 12px; }
.step-row { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 10px; }
.step-num {
width: 22px; height: 22px; border-radius: 50%;
background: var(–navy); color: var(–gold);
font-size: 0.72rem; font-weight: 700;
display: flex; align-items: center; justify-content: center;
flex-shrink: 0; margin-top: 1px;
}
.step-text { font-size: 0.85rem; color: var(–gray); line-height: 1.5; }
.trust { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 8px; }
.trust-badge {
background: rgba(26,43,74,0.06); border-radius: 20px;
padding: 5px 14px; font-size: 0.75rem; font-weight: 600; color: var(–navy);
}
footer {
background: var(–navy); text-align: center;
padding: 20px; color: rgba(255,255,255,0.5); font-size: 0.75rem;
}
footer a { color: var(–steel); text-decoration: none; }
@media (max-width: 600px) {
.card-body { padding: 24px 20px; }
.options { flex-direction: column; }
header { flex-direction: column; gap: 6px; text-align: center; }
.header-contact { text-align: center; }
}
✓
Quote Request Received!
We have everything we need to put together your custom quote. You will hear from us within 2 business days — often sooner for straightforward requests.
📋 Your Request Is Being Reviewed
Want to move faster?
Your quote request has been received and is being reviewed. If you would like to discuss the details before we send a formal proposal — or just want to ask a quick question — you are welcome to book a free 30-minute call. Completely optional.
📋 What Happens With Your Quote Request
1
Your requirements are reviewed — every quote is scoped manually, not auto-generated.
2
A custom proposal is built — itemized, with clear pricing and no hidden fees.
3
Your quote arrives within 2 business days — by email with a full scope of work.
4
You decide — no pressure — review it, ask questions, or book a call to discuss. All on your timeline.
✓ Custom quoted — not templated
✓ Response within 2 business days
✓ Itemized — no hidden fees
✓ No commitment to accept
✓ 14 industries served