/*
Theme Name: BrightBuild Demo
Theme URI: https://deshiserv.com/
Author: Demo Portfolio
Description: Clean responsive small-business portfolio theme for BrightBuild.
Version: 1.0
*/
:root{--accent:#1d6fe8;--dark:#142033;--muted:#667085;--light:#f5f8fc;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);line-height:1.6;background:#fff}a{text-decoration:none;color:inherit}
.container{width:min(1120px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #e8edf3}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font-size:25px;font-weight:800}.menu{display:flex;gap:24px;align-items:center}.menu a{font-weight:600;font-size:15px}.btn{display:inline-block;padding:13px 22px;border-radius:7px;background:var(--accent);color:#fff;font-weight:700;border:2px solid var(--accent)}.btn.alt{background:#fff;color:var(--accent)}
.hero{background:linear-gradient(135deg,#eef6ff,#fff);padding:90px 0}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.eyebrow{font-size:13px;font-weight:800;letter-spacing:1.4px;color:var(--accent)}h1{font-size:clamp(40px,5vw,64px);line-height:1.08;margin:12px 0 20px}h2{font-size:36px;line-height:1.2;margin:0 0 14px}.lead{font-size:18px;color:var(--muted);max-width:620px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-card{min-height:390px;border-radius:18px;background:linear-gradient(145deg,#dbeafe,#93c5fd);display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;color:#17345c;font-weight:800;font-size:25px}
.section{padding:78px 0}.section.light{background:var(--light)}.center{text-align:center}.section-intro{color:var(--muted);max-width:650px;margin:0 auto 38px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#fff;border:1px solid #e5eaf0;border-radius:12px;padding:28px;box-shadow:0 8px 25px rgba(20,32,51,.05)}.card h3{margin-top:0}.icon{font-size:32px;margin-bottom:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.visual{min-height:330px;border-radius:16px;background:linear-gradient(145deg,#e7eef8,#c7d8ee);display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;font-weight:700;color:#35516f}.checks{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}.check{font-weight:700}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step-number{font-size:14px;font-weight:800;color:var(--accent)}.quote{background:var(--dark);color:#fff;border-radius:18px;padding:60px;text-align:center}.quote p{color:#d9e2ef}.quote .btn.alt{border-color:#fff}.testimonial{max-width:760px;margin:auto;text-align:center;font-size:21px}.author{font-size:14px;color:var(--muted);margin-top:15px}.footer{background:#0c1420;color:#dbe5f2;padding:45px 0}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer small{color:#9eb0c7}
@media(max-width:850px){.menu{display:none}.hero-grid,.split{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.hero{padding:65px 0}.quote{padding:40px 25px}}
@media(max-width:520px){.cards,.steps,.checks{grid-template-columns:1fr}h1{font-size:40px}.section{padding:58px 0}.nav{min-height:65px}.btn{padding:11px 17px}}