:root{
  --navy:#0C2A55;
  --navy-deep:#0D1B2A;
  --blue:#1C5498;
  --blue-2:#356FAE;
  --sky:#759BC4;
  --steel:#A1B2C7;
  --ice:#E7EEF6;
  --paper:#F0F1F3;
  --white:#FFFFFF;
  --ink:#142641;
  --muted:#5C7191;
  --border:#D9E2EC;
  --shadow:0 10px 26px rgba(12,42,85,.10);
  --radius:14px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:#fff;color:var(--ink);line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.wide{width:min(1280px,calc(100% - 40px));margin:auto}
.header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e8edf3}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brandmark{display:flex;align-items:center;gap:9px;font-weight:800;color:var(--navy);white-space:nowrap}.bl-icon{font-size:26px;line-height:1;font-weight:900;letter-spacing:-5px;color:var(--blue)}.brandmark span:last-child{font-size:17px}.nav{display:flex;gap:24px;align-items:center;font-size:12px;font-weight:700;color:#40516a}.nav a:hover,.nav a.active{color:var(--blue)}.btn{display:inline-flex;min-height:42px;padding:0 19px;align-items:center;justify-content:center;border-radius:5px;background:linear-gradient(135deg,var(--blue),#0f67b7);color:#fff;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.08em;border:0;cursor:pointer}.btn:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.45)}.mobile-btn{display:none;border:0;background:none;font-size:25px;color:var(--navy)}.mobile-menu{display:none;background:#fff;border-top:1px solid var(--border);padding:6px 22px 20px}.mobile-menu a{display:block;padding:12px 0;border-bottom:1px solid #edf1f5;font-weight:700;font-size:14px}.mobile-menu.open{display:block}
.hero{position:relative;min-height:540px;display:flex;align-items:center;background:linear-gradient(100deg,var(--navy-deep) 0%,var(--navy) 50%,rgba(12,42,85,.85) 100%);overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 79% 35%,rgba(53,111,174,.32),transparent 32%)}.hero-photo{position:absolute;inset:0 0 0 48%;background:linear-gradient(90deg,var(--navy) 0%,rgba(12,42,85,.22) 35%,rgba(12,42,85,.06)),url('https://images.unsplash.com/photo-1517935706615-2717063c2225?auto=format&fit=crop&w=1600&q=82') center/cover no-repeat;opacity:.96}.hero-content{position:relative;z-index:2;color:#fff;padding:74px 0;max-width:580px}.hero h1{font-size:clamp(37px,5.2vw,66px);line-height:1.06;margin:0 0 18px;letter-spacing:-.035em}.hero p{max-width:500px;color:rgba(255,255,255,.78);font-size:16px;margin:0 0 25px}.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#91b9e2}.btnrow{display:flex;gap:12px;flex-wrap:wrap}
.quickcards{position:relative;z-index:4;margin-top:-24px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.quickcard{background:linear-gradient(145deg,#7fa2c6,#bdd0e3);color:#fff;border-radius:12px;padding:26px 22px;min-height:176px;box-shadow:var(--shadow);text-align:center}.quickcard .art{height:54px;width:86px;margin:0 auto 18px;border-radius:9px;background:rgba(255,255,255,.85);display:grid;place-items:center;color:var(--blue);font-size:28px;box-shadow:0 7px 16px rgba(17,57,99,.12)}.quickcard h3{font-size:16px;margin:0 0 8px}.quickcard p{font-size:12px;margin:0;color:rgba(255,255,255,.88)}
.section{padding:72px 0}.section.soft{background:#f7f9fb}.section-title{text-align:center;max-width:720px;margin:0 auto 38px}.section-title h2{margin:0 0 10px;font-size:32px;color:var(--navy);letter-spacing:-.025em}.section-title p{margin:0;color:var(--muted);font-size:14px}.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:35px}.feature{text-align:center}.feature .circle{width:48px;height:48px;border:2px solid var(--blue);border-radius:50%;display:grid;place-items:center;margin:0 auto 13px;color:var(--blue);font-size:22px}.feature h4{font-size:13px;margin:0 0 6px}.feature p{font-size:12px;color:var(--muted);margin:0}
.cta-band{background:linear-gradient(110deg,#0c2a55,#124b86);color:#fff;padding:45px 0;text-align:center}.cta-band h2{font-size:27px;margin:0 0 6px}.cta-band p{margin:0 0 18px;color:rgba(255,255,255,.76);font-size:13px}
.footer{background:var(--navy-deep);color:#fff;padding:48px 0 18px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1.1fr;gap:55px}.footer h4{font-size:12px;margin:0 0 12px}.footer p,.footer a,.footer li{color:rgba(255,255,255,.66);font-size:12px}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:8px 0}.socials{display:flex;gap:12px;margin-top:16px;font-weight:800}.copyright{margin-top:32px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:rgba(255,255,255,.42);font-size:10px}
.page-hero{background:linear-gradient(110deg,var(--navy),#123d70);color:#fff;padding:64px 0;text-align:center}.page-hero h1{font-size:38px;margin:0 0 8px}.page-hero p{margin:0;color:rgba(255,255,255,.76);font-size:14px}.service-list{display:grid;gap:22px}.service-card{display:grid;grid-template-columns:1fr 240px;align-items:center;gap:26px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:27px;box-shadow:0 6px 16px rgba(13,43,80,.06)}.service-card:nth-child(even){grid-template-columns:1fr 240px}.service-icon{width:56px;height:56px;border-radius:11px;background:var(--ice);display:grid;place-items:center;font-size:27px;color:var(--blue);float:left;margin-right:16px}.service-card h2{font-size:20px;margin:2px 0 6px;color:var(--navy)}.service-card p{font-size:13px;color:var(--muted);margin:0 0 8px}.ticks{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;padding:0;margin:10px 0 0;list-style:none;font-size:12px;color:#445d7b}.ticks li:before{content:'✓';color:var(--blue);font-weight:900;margin-right:7px}.mock-art{height:142px;border-radius:10px;background:linear-gradient(145deg,#e7eef6,#c9d9e9);position:relative;overflow:hidden}.mock-art:before{content:'';position:absolute;left:22px;right:22px;top:22px;bottom:22px;border-radius:7px;background:#fff;box-shadow:0 8px 15px rgba(13,43,80,.10)}.mock-art:after{content:'BL';position:absolute;right:37px;bottom:36px;background:var(--blue);color:#fff;font-weight:900;padding:9px;border-radius:5px}
.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:62px;align-items:center}.city-photo{min-height:320px;border-radius:14px;background:url('https://images.unsplash.com/photo-1507992781348-310259076fe0?auto=format&fit=crop&w=1000&q=80') center/cover}.about-grid h2{font-size:29px;color:var(--navy);margin:0 0 14px}.about-grid p{font-size:14px;color:#50647f}.promise{background:var(--ice);padding:25px;border-radius:10px;text-align:center;margin-top:38px}.promise h3{margin:0 0 5px;color:var(--navy)}.promise p{margin:0;font-size:13px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:0;align-items:stretch;margin-top:42px}.plan{background:#fff;border:1px solid var(--border);padding:30px 25px;border-radius:10px;position:relative}.plan.featured{background:linear-gradient(180deg,#1765af,#0c4d8f);color:#fff;transform:translateY(-10px);box-shadow:0 16px 35px rgba(16,77,143,.25);z-index:2}.plan h3{text-align:center;margin:0 0 3px}.price{text-align:center;font-size:42px;font-weight:800;line-height:1;margin:8px 0 8px}.price small{display:block;font-size:10px;font-weight:500;margin-top:4px}.plan ul{list-style:none;padding:0;margin:20px 0 24px}.plan li{font-size:12px;margin:9px 0}.plan li:before{content:'✓';color:var(--blue);font-weight:900;margin-right:8px}.plan.featured li:before{color:#fff}.plan .btn{width:100%}.addon-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.addon{border:1px solid var(--border);border-radius:9px;padding:20px;text-align:center;background:#fff}.addon b{display:block;color:var(--navy);font-size:13px}.addon span{font-size:11px;color:var(--muted)}
.filters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filter{border:1px solid #bfd0e1;background:#fff;color:var(--blue);border-radius:4px;padding:7px 14px;font-size:10px;font-weight:700;cursor:pointer}.filter.active{background:var(--blue);color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.work{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 4px 12px rgba(12,42,85,.06)}.work-img{aspect-ratio:16/9;background-size:cover;background-position:center}.work-caption{padding:12px 13px}.work-caption b{display:block;font-size:12px;color:var(--navy)}.work-caption span{font-size:10px;color:var(--muted)}
.contact-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.panel{background:#fff;border:1px solid var(--border);border-radius:10px;padding:26px}.panel h3{margin:0 0 18px;font-size:15px;color:var(--navy)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field.full{grid-column:1/-1}.field label{display:block;font-size:10px;font-weight:700;margin-bottom:5px;color:#3f5673}.field input,.field select,.field textarea{width:100%;border:1px solid #dce4ed;border-radius:4px;padding:11px 12px;font:inherit;font-size:12px}.field textarea{min-height:120px;resize:vertical}.contact-item{display:flex;gap:12px;margin:17px 0}.contact-item .circle{width:34px;height:34px;flex:0 0 auto;border:1px solid var(--blue);border-radius:50%;display:grid;place-items:center;color:var(--blue)}.contact-item b{display:block;font-size:11px}.contact-item span{font-size:12px;color:var(--muted)}.map{height:220px;border-radius:9px;margin-top:24px;background:linear-gradient(45deg,#d9ead5,#dcecf4 40%,#e6dfd0);position:relative;overflow:hidden}.map:before,.map:after{content:'';position:absolute;background:#fff;opacity:.8;transform:rotate(-8deg)}.map:before{height:8px;left:-10%;right:-10%;top:47%}.map:after{width:8px;top:-10%;bottom:-10%;left:55%;transform:rotate(13deg)}.pin{position:absolute;left:56%;top:42%;z-index:2;font-size:34px;color:#d33}
@media(max-width:850px){.nav,.desktop-cta{display:none}.mobile-btn{display:block}.hero{min-height:480px;align-items:flex-start}.hero-photo{inset:0;opacity:.55}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,42,85,.74),rgba(12,42,85,.94));z-index:1}.hero-content{padding:58px 0 74px;text-align:center;margin:auto}.hero h1{font-size:39px}.hero p{font-size:14px}.btnrow{justify-content:center}.quickcards{margin-top:-36px}.grid3,.feature-row,.plans,.addon-row,.portfolio-grid,.footer-grid{grid-template-columns:1fr}.quickcard{min-height:150px}.section{padding:54px 0}.feature-row{gap:30px}.service-card,.service-card:nth-child(even){grid-template-columns:1fr}.service-card .mock-art{order:2}.about-grid,.contact-layout{grid-template-columns:1fr}.plans{gap:16px}.plan.featured{transform:none}.portfolio-grid{gap:14px}.footer-grid{gap:28px}.page-hero{padding:48px 0}.page-hero h1{font-size:31px}}
@media(max-width:520px){.wrap,.wide{width:min(100% - 28px,1160px)}.header-inner{height:64px}.brandmark span:last-child{font-size:14px}.bl-icon{font-size:22px}.hero{min-height:470px}.hero-content{padding-top:45px}.hero h1{font-size:31px}.quickcards{margin-top:0;padding-top:16px}.quickcard{padding:21px 18px}.section-title h2{font-size:25px}.feature-row{grid-template-columns:1fr 1fr}.ticks,.fields{grid-template-columns:1fr}.service-card{padding:20px}.plans{margin-top:25px}.page-hero h1{font-size:28px}.contact-layout{gap:14px}.panel{padding:20px}}

/* BuiltLocal Digital logo */

/* BuiltLocal header logo */
.site-logo{display:block;width:auto;height:28px;max-width:185px;object-fit:contain}
@media(max-width:700px){.site-logo{height:24px;max-width:155px}}

/* BuiltLocal header + homepage hero refinements */
.site-logo{height:38px;max-width:225px}
.hero-content{width:min(1160px,calc(100% - 44px));max-width:none;margin:auto;text-align:left}
.hero-content .kicker,.hero-content h1,.hero-content p,.hero-content .btnrow{max-width:650px}
.hero-content h1{font-size:clamp(40px,4.7vw,64px)}
@media(max-width:850px){
  .hero-content{width:min(100% - 44px,1160px);margin:auto;text-align:left;padding:58px 0 74px}
  .hero-content .btnrow{justify-content:flex-start}
  .hero-content h1{font-size:39px;max-width:620px}
  .hero-content p{max-width:520px}
}
@media(max-width:520px){
  .site-logo{height:31px;max-width:185px}
  .hero-content{width:min(100% - 28px,1160px);padding-top:45px}
  .hero-content h1{font-size:31px}
}