:root{--blue:#0b74ff;--cyan:#00b7ff;--dark:#041126;--ink:#061226;--muted:#5c6b82;--line:#dbe9ff;--light:#f5faff;--glass:rgba(255,255,255,.62)}
*{box-sizing:border-box;border-radius:0!important}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#fff;color:var(--ink)}a{text-decoration:none}.bhp-root{overflow:hidden;background:#fff}.bhp-root h1,.bhp-root h2,.bhp-root h3{letter-spacing:-.055em}.bhp-root p{line-height:1.75}.btn,.quote,.footer-cta{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#075fff,var(--cyan));color:#fff!important;padding:15px 24px;font-weight:900;border:0;box-shadow:0 18px 48px rgba(11,116,255,.28);text-transform:uppercase;font-size:13px;letter-spacing:.6px}.btn-ghost{background:transparent!important;border:1px solid rgba(11,116,255,.35);color:var(--blue)!important;box-shadow:none!important}.eyebrow,.slide span,.section-title span,.page-head span{display:block;color:var(--blue);letter-spacing:5px;font-weight:900;font-size:12px;text-transform:uppercase;margin-bottom:14px}.bhp-nav{position:fixed;z-index:80;left:50%;top:14px;transform:translateX(-50%);width:min(1200px,calc(100% - 48px));height:74px;display:flex;align-items:center;gap:20px;background:linear-gradient(120deg,rgba(255,255,255,.72),rgba(218,239,255,.55) 48%,rgba(155,213,255,.30));border:1px solid rgba(11,116,255,.32);box-shadow:0 22px 78px rgba(0,90,210,.20),inset 0 1px 0 rgba(255,255,255,.92);backdrop-filter:blur(28px) saturate(140%);padding:0 14px 0 22px}.bhp-nav:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,128,255,.16),rgba(255,255,255,0),rgba(0,128,255,.10));pointer-events:none}.bhp-nav>*{position:relative;z-index:2}.logo img{height:66px;display:block}.bhp-nav nav{margin-left:auto;display:flex;gap:20px}.bhp-nav nav a{color:var(--ink);font-size:13px;text-transform:uppercase;letter-spacing:.45px;font-weight:900;position:relative}.bhp-nav nav a:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:.22s}.bhp-nav nav a:hover:after{transform:scaleX(1)}.call-cta{color:#075fd6!important;font-weight:900;border:1px solid rgba(11,116,255,.34);padding:12px 14px;background:rgba(255,255,255,.38);font-size:13px}.quote{padding:13px 18px;white-space:nowrap}.burger{display:none;background:var(--dark);color:#fff;border:0;padding:12px 15px;font-weight:900}.mobile-panel{display:none}.hero{height:560px;position:relative;overflow:hidden;background:radial-gradient(circle at 76% 38%,rgba(0,183,255,.28),transparent 30%),linear-gradient(135deg,#030914,#071b3a 52%,#041126);padding:118px calc((100vw - 1180px)/2) 54px;border-bottom:1px solid rgba(11,116,255,.22)}.fx{position:absolute;inset:0;width:100%;height:100%;opacity:.52}.slides{position:relative;z-index:2;width:48%;min-width:520px}.slide{display:none}.slide.on{display:block}.slide h1{font-size:65px;line-height:.95;color:#fff;margin:0 0 22px}.slide h1:after,.section-title h2:after,.page-head h1:after,.detail h1:after,.contact-sec h2:after,.about-net h2:after{content:"";display:block;width:96px;height:2px;margin-top:18px;background:linear-gradient(90deg,var(--cyan),transparent)}.slide p{font-size:18px;color:#c8d7ef;max-width:610px}.hero-visual{position:absolute;z-index:2;right:calc((100vw - 1200px)/2 - 10px);bottom:20px;width:560px;margin:0}.hero-visual:before{content:"";position:absolute;inset:38px -8px 40px 30px;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(0,183,255,.14));border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(18px);box-shadow:0 42px 110px rgba(0,126,255,.24)}.hero-visual img{position:relative;display:block;width:100%;filter:drop-shadow(0 34px 65px rgba(0,116,255,.26))}.sec{position:relative;padding:72px calc((100vw - 1160px)/2)}.sec:before{content:"";position:absolute;left:calc((100vw - 1160px)/2);right:calc((100vw - 1160px)/2);top:0;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent);opacity:.32}.section-title{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:end;margin-bottom:30px}.section-title h2,.page-head h1,.detail h1,.about-net h2,.contact-sec h2,.quote-teaser h2,.eval-sec h2{font-size:50px;line-height:1;margin:0}.section-title p,.page-head p,.detail p,.about-net p,.contact-sec p,.quote-teaser p,.eval-sec p{color:var(--muted);font-size:17px;line-height:1.75}.sec-white{background:linear-gradient(180deg,#fff 0%,#f3f9ff 100%)}.service-grid,.portfolio-grid,.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-card,.portfolio-card,.review,.blog-card{position:relative;text-decoration:none;color:var(--ink);background:#fff;border:1px solid rgba(11,116,255,.18);overflow:hidden;box-shadow:0 24px 78px rgba(0,87,190,.10);transition:.28s}.service-card:hover,.portfolio-card:hover,.review:hover,.blog-card:hover{transform:translateY(-8px);box-shadow:0 40px 116px rgba(11,116,255,.20)}.service-card .img{height:350px;position:relative;background:#061226}.service-card .img:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(3,9,20,.78))}.img.web-design{background:radial-gradient(circle at 75% 25%,rgba(0,183,255,.6),transparent 26%),linear-gradient(135deg,#031022,#0b74ff)}.img.mobile-app{background:radial-gradient(circle at 66% 25%,rgba(255,255,255,.25),transparent 20%),linear-gradient(135deg,#07142a,#00a9ff)}.img.startup-advisory{background:radial-gradient(circle at 75% 30%,rgba(0,183,255,.38),transparent 27%),linear-gradient(135deg,#0b0f1b,#6338ff)}.img.marketing{background:radial-gradient(circle at 70% 25%,rgba(0,183,255,.55),transparent 26%),linear-gradient(135deg,#071326,#008dff)}.glass{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(219,239,255,.65));backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.78);padding:22px}.glass h3{margin:0 0 10px;font-size:25px}.glass p{margin:0;color:#34445c;font-size:13.5px;line-height:1.6}.about-net{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;min-height:520px;background:radial-gradient(circle at 72% 40%,rgba(11,116,255,.24),transparent 30%),linear-gradient(135deg,#041126,#071b3a);color:#fff;overflow:hidden}.about-net .netfx{position:absolute;inset:0;width:100%;height:100%;opacity:.35}.about-net>*{position:relative;z-index:2}.about-net p{color:#c8d7ef}.media-block{height:410px;position:relative;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);overflow:hidden}.media-block img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}.photo-fallback{position:relative;z-index:2;color:#fff;font-size:31px;font-weight:900;letter-spacing:2px;text-align:center}.reviews{background:#fff}.review-grid{grid-template-columns:repeat(3,1fr)}.review{min-height:210px;padding:28px}.review b{color:var(--blue)}.review p{color:var(--muted)}.review small{display:block;color:#728198;margin-top:6px}.rating-line{text-align:center;margin-top:28px;color:var(--blue);font-weight:900}.projects{background:linear-gradient(180deg,#f5faff,#fff)}.project-img{height:250px;position:relative;background:radial-gradient(circle at 75% 30%,rgba(0,183,255,.55),transparent 28%),linear-gradient(135deg,#041126,#0b74ff);display:flex;flex-direction:column;justify-content:flex-end;padding:24px;color:#fff}.project-img:before{content:"";position:absolute;inset:24px;border:1px solid rgba(255,255,255,.22)}.project-img span,.project-img b{position:relative;z-index:2}.project-img span{font-size:11px;letter-spacing:4px;text-transform:uppercase;opacity:.82}.project-img b{font-size:30px;line-height:1}.project-img.startup{background:radial-gradient(circle at 70% 25%,rgba(0,183,255,.38),transparent 28%),linear-gradient(135deg,#101426,#6338ff)}.portfolio-card{min-height:355px}.portfolio-card h3{font-size:25px;margin:18px 18px 4px}.portfolio-card p{margin:0 18px 22px;color:var(--muted)}.quote-teaser{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;background:linear-gradient(135deg,#f7fbff,#fff)}.contact-sec,.eval-sec{display:grid;grid-template-columns:.75fr 1fr;gap:46px;background:radial-gradient(circle at 85% 25%,rgba(0,183,255,.22),transparent 30%),linear-gradient(135deg,#041126,#071b3a);color:#fff}.contact-sec p,.eval-sec p{color:#c8d7ef}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lead-form input,.lead-form textarea,.lead-form select{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.22);padding:16px;font:inherit}.lead-form option{color:#061226}.lead-form input::placeholder,.lead-form textarea::placeholder{color:#a7b8d3}.lead-form textarea,.lead-form button,.file-note{grid-column:1/-1}.lead-form textarea{min-height:130px}.file-note{font-size:12px;color:#a7b8d3}.map{grid-column:1/-1;width:100%;height:320px;border:0;filter:grayscale(1) contrast(1.08)}.home-quote .map{display:none!important}.contact-lines{display:grid;gap:12px;margin-top:26px}.bhp-crm-note{margin-top:16px;padding:14px;border:1px solid rgba(11,116,255,.24);background:rgba(11,116,255,.08);color:#dbe8ff}.page-head,.detail{padding:150px calc((100vw - 1160px)/2) 64px;background:linear-gradient(135deg,#fff,#eaf6ff)}.crumbs{padding:104px calc((100vw - 1160px)/2) 0;background:#fff;color:#6d7b90;font-size:12px}.crumb-inner{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(120deg,rgba(255,255,255,.75),rgba(219,239,255,.60));border:1px solid rgba(11,116,255,.20);box-shadow:0 14px 38px rgba(0,87,190,.08);backdrop-filter:blur(18px);font-weight:900}.crumb-inner a{color:var(--blue)}.crumb-inner span{color:#99abc5}.crumb-inner b{color:#213047}.detail{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.detail-visual{height:420px;background:radial-gradient(circle at 70% 30%,rgba(0,183,255,.55),transparent 28%),linear-gradient(135deg,#041126,#0b74ff);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:34px;box-shadow:0 28px 90px rgba(11,116,255,.18)}.detail-visual span{font-size:12px;letter-spacing:4px;text-transform:uppercase}.detail-visual b{font-size:42px;line-height:1}.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.landing{background:#fff}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.three div{padding:38px;border:1px solid rgba(11,116,255,.16);background:linear-gradient(180deg,#fff,#f4f9ff);font-weight:900}.video{width:100%;height:520px;border:0}.blog-list{background:linear-gradient(180deg,#fff,#f4f9ff)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog-card{min-height:285px;padding:26px}.blog-card:before{content:"";position:absolute;right:-45px;bottom:-60px;width:160px;height:160px;background:radial-gradient(circle,#1469ff55,transparent 65%)}.blog-card span{letter-spacing:4px;color:var(--blue);font-size:11px;font-weight:900}.blog-card h3{font-size:25px;line-height:1.08;margin:18px 0 12px}.blog-card p{color:var(--muted)}.blog-card b{color:var(--blue)}.article-body{background:#fff}.article-body>div{max-width:860px;font-size:19px;line-height:1.9;color:#213047}.bhp-footer{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;background:radial-gradient(circle at 85% 20%,rgba(0,183,255,.16),transparent 25%),linear-gradient(135deg,#030914,#071b3a);border-top:1px solid rgba(255,255,255,.12);color:#dbe8ff;padding:70px calc((100vw - 1160px)/2)}.bhp-footer img{height:58px}.bhp-footer a{display:block;color:#dbe8ff;margin:10px 0}.bhp-footer p{color:#9eb0cc}.footer-cta{display:inline-flex;margin-top:14px}.mobile-panel.open{display:grid;position:fixed;z-index:90;top:88px;left:24px;right:24px;background:linear-gradient(135deg,rgba(4,17,38,.96),rgba(7,27,58,.96));border:1px solid rgba(255,255,255,.16);box-shadow:0 50px 120px rgba(0,0,0,.35);backdrop-filter:blur(18px);padding:18px}@supports selector(:popover-open){.mobile-panel:popover-open{display:grid;position:fixed;z-index:90;top:88px;left:24px;right:24px;background:linear-gradient(135deg,rgba(4,17,38,.96),rgba(7,27,58,.96));border:1px solid rgba(255,255,255,.16);box-shadow:0 50px 120px rgba(0,0,0,.35);backdrop-filter:blur(18px);padding:18px}}.mobile-panel a{color:#fff;padding:14px 10px;border-bottom:1px solid rgba(255,255,255,.12);font-weight:900;text-transform:uppercase}@media(max-width:1180px){.sec,.page-head,.detail,.crumbs,.bhp-footer{padding-left:28px;padding-right:28px}.hero{padding-left:28px;padding-right:28px}.hero-visual{right:20px;width:500px}.call-cta{display:none}.bhp-nav nav{gap:14px}.bhp-nav nav a{font-size:12px}}@media(max-width:960px){.bhp-nav{top:0;width:100%;height:72px}.bhp-nav nav,.quote,.call-cta{display:none}.burger{display:block;margin-left:auto}.hero{height:auto;min-height:680px;padding-top:115px}.slides{width:100%;min-width:0}.slide h1{font-size:44px}.hero-visual{position:relative;right:auto;bottom:auto;width:100%;margin-top:22px}.section-title,.about-net,.contact-sec,.eval-sec,.detail,.quote-teaser{grid-template-columns:1fr}.service-grid,.portfolio-grid,.review-grid,.three,.blog-grid{grid-template-columns:1fr}.section-title h2,.page-head h1,.detail h1,.about-net h2,.contact-sec h2,.quote-teaser h2,.eval-sec h2{font-size:38px}.sec{padding-top:58px;padding-bottom:58px}.lead-form{grid-template-columns:1fr}.bhp-footer{grid-template-columns:1fr}.crumbs{padding-top:92px}.mobile-panel.open{top:76px;left:0;right:0}@supports selector(:popover-open){.mobile-panel:popover-open{top:76px;left:0;right:0}}.map{display:none!important}}

/* BHP V1.1.2 incremental customer polish - no regression */
.bhp-nav{height:72px;top:14px;background:linear-gradient(110deg,rgba(245,251,255,.74),rgba(208,235,255,.55),rgba(255,255,255,.68));box-shadow:0 22px 70px rgba(11,116,255,.18),inset 0 1px 0 rgba(255,255,255,.88)}
.bhp-nav nav a{font-size:12.5px}.logo img{height:44px}.call-cta{background:rgba(255,255,255,.52)}
.hero{height:545px;padding-top:112px;background:radial-gradient(circle at 72% 38%,rgba(0,183,255,.30),transparent 28%),linear-gradient(135deg,#020815,#06234a 55%,#041126)}
.hero-visual{width:600px;right:calc((100vw - 1200px)/2 - 18px);bottom:8px}.hero-visual:before{inset:46px 4px 55px 55px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(0,183,255,.16));border:1px solid rgba(255,255,255,.22)}
.slide h1{font-size:62px}.slide p{max-width:560px}.slide h1:after,.section-title h2:after,.page-head h1:after,.detail h1:after,.contact-sec h2:after,.about-net h2:after{width:92px;height:2px;background:linear-gradient(90deg,#00b7ff,#1469ff,transparent)}
.sec{padding-top:58px;padding-bottom:58px}.section-title{margin-bottom:24px}.section-title h2,.page-head h1,.detail h1,.about-net h2,.contact-sec h2,.quote-teaser h2,.eval-sec h2{font-size:48px}.page-head{padding-top:132px;padding-bottom:46px;min-height:auto}.crumbs{padding-top:94px}.crumb-inner{box-shadow:0 10px 28px rgba(0,87,190,.07)}
.services-section .service-grid{margin-top:8px}.service-card .img{height:315px}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.0),rgba(0,183,255,.10));opacity:0;transition:.25s}.service-card:hover:after{opacity:1}.glass{left:0;right:0;bottom:0;padding:24px 22px;background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(220,240,255,.68));border-top:1px solid rgba(255,255,255,.95)}
.about-net{min-height:470px;padding-top:64px;padding-bottom:64px}.media-block{height:380px}.about-net .media-block{display:grid!important}.media-block img{display:block!important}.reviews{padding-top:56px;padding-bottom:62px;background:linear-gradient(180deg,#fff,#f7fbff)}
.projects{padding-top:58px}.project-img{height:235px}.portfolio-card:hover .project-img{filter:saturate(1.15);transform:translateY(-2px)}.portfolio-card .project-img,.portfolio-card{transition:.28s}.portfolio-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,183,255,.18),transparent 40%);opacity:0;transition:.25s;z-index:3;pointer-events:none}.portfolio-card:hover:before{opacity:1}.portfolio-card:hover h3{color:#0b74ff}
.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:linear-gradient(135deg,#041126,#073267);color:#fff;padding-top:44px;padding-bottom:44px}.stats-strip:before{display:none}.stats-strip div{padding:20px 38px;border-right:1px solid rgba(255,255,255,.16)}.stats-strip div:last-child{border-right:0}.stats-strip b{display:block;font-size:54px;line-height:1;font-weight:900;letter-spacing:-.05em}.stats-strip span{display:block;margin-top:8px;color:#c8d7ef;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;font-size:12px}
.value-prop{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;background:linear-gradient(135deg,#f8fbff,#fff)}.value-prop h2{font-size:46px;line-height:1;letter-spacing:-.05em;margin:0 0 18px}.value-lines{display:grid;grid-template-columns:1fr 1fr;gap:14px}.value-lines div{padding:24px;border:1px solid rgba(11,116,255,.18);background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(225,242,255,.7));font-weight:900;box-shadow:0 20px 60px rgba(11,116,255,.08)}
.quote-teaser{padding-top:44px;padding-bottom:44px;background:linear-gradient(135deg,#fff,#eef7ff);border-top:1px solid rgba(11,116,255,.12);border-bottom:1px solid rgba(11,116,255,.12)}
.contact-sec.home-quote{display:none!important}.contact-page{background:linear-gradient(135deg,#041126,#06234a)}.contact-form{grid-template-columns:1fr 1fr}.contact-form textarea{min-height:160px}.lead-form.submitted>*{display:none!important}.lead-form.submitted:after{content:"Request received. BHP Solution will follow up soon.";display:block!important;grid-column:1/-1;padding:34px;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(0,183,255,.16));border:1px solid rgba(255,255,255,.28);color:#fff;font-size:22px;font-weight:900;text-align:center}.file-note{opacity:.78}
.eval-sec,.collaboration-sec{background:radial-gradient(circle at 82% 24%,rgba(0,183,255,.22),transparent 30%),linear-gradient(135deg,#041126,#071b3a)}
.crm-front{background:linear-gradient(135deg,#f8fbff,#fff);min-height:360px}.crm-front h1{font-size:44px;line-height:1;letter-spacing:-.05em}.crm-front p{color:#536176;max-width:760px}.bhp-footer{padding-top:56px;padding-bottom:56px}.bhp-footer h3{font-size:30px;margin:0 0 18px;color:#fff;letter-spacing:-.04em}.bhp-footer img{display:none!important}.footer-cta-alt{margin-top:10px;background:transparent;border:1px solid rgba(255,255,255,.20)}
@media(max-width:1180px){.hero-visual{right:12px;width:520px}.slide h1{font-size:54px}.value-prop,.stats-strip{grid-template-columns:1fr}}
@media(max-width:960px){.hero{min-height:auto;height:auto;padding-top:105px}.hero-visual{width:100%;right:auto}.section-title{grid-template-columns:1fr}.stats-strip{gap:1px}.stats-strip div{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.value-lines{grid-template-columns:1fr}.page-head{padding-top:110px}.contact-form{grid-template-columns:1fr}}


/* BHP V1.1.4 approved-style visual patch — incremental, no regression */
.bhp-root{background:#fff;}
.bhp-nav{width:min(1188px,calc(100% - 58px));top:14px;height:70px;background:linear-gradient(105deg,rgba(255,255,255,.78),rgba(219,240,255,.66) 48%,rgba(247,252,255,.72));border-color:rgba(11,116,255,.30);box-shadow:0 24px 74px rgba(0,91,210,.16),inset 0 1px 0 rgba(255,255,255,.90)}
.bhp-nav nav a{font-size:12px;letter-spacing:.35px}.logo img{height:53px}.quote,.call-cta{height:40px;align-items:center}.hero{min-height:560px;height:560px;background:radial-gradient(circle at 78% 45%,rgba(0,183,255,.26),transparent 30%),linear-gradient(135deg,#020817,#072653 56%,#041126);padding-top:118px;}
.hero:after{content:"";position:absolute;right:0;bottom:0;width:58%;height:88%;background:linear-gradient(135deg,transparent,rgba(255,255,255,.06));clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);pointer-events:none}.hero-visual{width:610px;right:calc((100vw - 1180px)/2 - 20px);bottom:10px}.hero-visual:before{inset:42px 0 45px 40px;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(24,151,255,.16));border:1px solid rgba(255,255,255,.24);box-shadow:0 42px 110px rgba(0,126,255,.25)}
.slide h1{font-size:64px;max-width:650px}.slide p{max-width:570px}.slide h1:after,.section-title h2:after,.page-head h1:after,.detail h1:after,.contact-sec h2:after,.about-net h2:after,.value-prop h2:after,.quote-teaser h2:after{width:94px;height:2px;margin-top:18px;background:linear-gradient(90deg,#00b7ff,#1469ff,transparent)}
.sec{padding-top:50px;padding-bottom:50px}.sec:before{opacity:.22}.section-title{margin-bottom:22px;align-items:center}.section-title h2{font-size:46px}.section-title p{max-width:560px}.services-section{padding-top:54px!important;background:linear-gradient(180deg,#fff,#f5fbff 72%,#fff)}
.service-grid{gap:22px}.service-card{height:390px;min-height:390px;background:#061226;box-shadow:0 30px 100px rgba(0,103,220,.14)}.service-card .img{height:100%!important;position:absolute!important;inset:0!important;background-size:cover!important}.service-card .img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,20,.02) 20%,rgba(4,17,38,.68) 62%,rgba(4,17,38,.92));z-index:1}.service-card .img:before{z-index:2;opacity:.28;background:radial-gradient(circle at 75% 24%,rgba(255,255,255,.50),transparent 18%)}
.service-card .glass{z-index:4;position:absolute;left:20px;right:20px;bottom:20px;top:auto!important;padding:22px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(221,241,255,.55));backdrop-filter:blur(22px) saturate(135%);border:1px solid rgba(255,255,255,.70);box-shadow:0 22px 70px rgba(0,60,120,.22)}.service-card .glass h3{font-size:26px}.service-card .glass p{font-size:14px;color:#12223a}.service-card:hover .glass{transform:translateY(-8px);background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(212,237,255,.62))}.service-card:hover .img{transform:scale(1.035)}
.img.web-design{background-image:linear-gradient(135deg,rgba(3,16,34,.22),rgba(11,116,255,.20)),url('../images/hero-webdesign.svg')!important;background-position:center!important}.img.mobile-app{background-image:radial-gradient(circle at 70% 28%,rgba(255,255,255,.22),transparent 23%),linear-gradient(135deg,#061226,#00a9ff)!important}.img.startup-advisory{background-image:radial-gradient(circle at 70% 28%,rgba(0,183,255,.38),transparent 24%),linear-gradient(135deg,#100c2a,#6338ff)!important}.img.marketing{background-image:radial-gradient(circle at 72% 25%,rgba(0,183,255,.48),transparent 25%),linear-gradient(135deg,#041126,#008dff)!important}
.about-net{background:linear-gradient(180deg,#fff,#f7fbff);color:var(--ink);min-height:430px;padding-top:48px!important;padding-bottom:48px!important;gap:48px}.about-net:before{background:linear-gradient(90deg,transparent,var(--blue),transparent)}.about-net .netfx{opacity:.16}.about-net p{color:var(--muted)}.about-net .btn{box-shadow:0 18px 50px rgba(11,116,255,.22)}.media-block{height:360px;background:#fff;border:1px solid rgba(11,116,255,.16);box-shadow:0 30px 100px rgba(11,116,255,.14);overflow:visible}.media-block img{opacity:.95;object-fit:cover;filter:saturate(1.06)}.media-block:after{content:"Our Mission\A Websites, software and marketing systems that make business easier to trust and easier to contact.";white-space:pre-line;position:absolute;right:-28px;bottom:42px;width:210px;background:linear-gradient(135deg,#0b74ff,#00b7ff);color:#fff;padding:22px;font-size:13px;line-height:1.55;font-weight:800;box-shadow:0 24px 65px rgba(11,116,255,.28);z-index:5}.photo-fallback{display:none}
.projects{padding-top:50px!important;padding-bottom:50px!important;background:linear-gradient(180deg,#fff,#f4f9ff)}.portfolio-grid{gap:22px}.portfolio-card{height:356px;min-height:356px;background:#061226;overflow:hidden}.portfolio-card .project-img{position:absolute;inset:0;height:100%!important;padding:26px;background-size:cover!important;transition:.32s}.portfolio-card .project-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,20,.06) 20%,rgba(2,8,20,.50) 58%,rgba(2,8,20,.92));z-index:1}.portfolio-card .project-img:before{inset:22px;border-color:rgba(255,255,255,.20);z-index:2}.portfolio-card .project-img span,.portfolio-card .project-img b{z-index:3}.portfolio-card .project-img b{font-size:32px}.portfolio-card h3,.portfolio-card p{position:absolute;z-index:4;left:22px;right:22px;margin:0;color:#fff}.portfolio-card h3{bottom:58px;font-size:26px;text-shadow:0 10px 25px rgba(0,0,0,.40)}.portfolio-card p{bottom:28px;color:#d9ecff}.portfolio-card:hover .project-img{transform:scale(1.055)}.portfolio-card:hover h3{color:#fff}.portfolio-card:hover{box-shadow:0 45px 125px rgba(11,116,255,.24)}.portfolio-card:nth-child(1) .project-img{background-image:linear-gradient(135deg,rgba(4,17,38,.14),rgba(11,116,255,.22)),url('/wp-content/uploads/2026/06/98ddccf4-988b-45c1-9e5e-db4638fffb3b.jpg')}.portfolio-card:nth-child(2) .project-img{background-image:radial-gradient(circle at 70% 28%,rgba(0,183,255,.45),transparent 24%),linear-gradient(135deg,#031022,#1469ff)}.portfolio-card:nth-child(3) .project-img{background-image:radial-gradient(circle at 70% 28%,rgba(255,255,255,.26),transparent 24%),linear-gradient(135deg,#1b123a,#8b35ff)}.portfolio-card:nth-child(4) .project-img{background-image:radial-gradient(circle at 72% 24%,rgba(0,183,255,.52),transparent 25%),linear-gradient(135deg,#041126,#00a9ff)}
.page-head{min-height:310px!important;padding-top:126px!important;padding-bottom:42px!important;display:grid;grid-template-columns:1fr 420px;align-items:center;gap:44px;background:radial-gradient(circle at 84% 32%,rgba(0,183,255,.18),transparent 30%),linear-gradient(135deg,#fff,#eaf6ff)}.page-head h1{font-size:48px!important;max-width:720px}.page-head p{max-width:620px}.page-head-art{height:210px;margin:0;background:linear-gradient(135deg,rgba(255,255,255,.70),rgba(219,239,255,.48));border:1px solid rgba(11,116,255,.18);box-shadow:0 26px 90px rgba(11,116,255,.15);display:grid;place-items:center;position:relative;overflow:hidden}.page-head-art:before{content:"";position:absolute;inset:-30px;background:radial-gradient(circle at 65% 30%,rgba(0,183,255,.35),transparent 22%),linear-gradient(135deg,transparent,rgba(11,116,255,.18));animation:bhpPanelFloat 7s ease-in-out infinite alternate}.page-head-art b{position:relative;z-index:2;color:#061226;font-size:26px;line-height:1.15;text-align:center}.page-head-services .page-head-art:after,.page-head-portfolio .page-head-art:after,.blog-head .page-head-art:after{content:"";position:absolute;width:180px;height:120px;right:26px;bottom:22px;border:1px solid rgba(11,116,255,.22);background:rgba(255,255,255,.38);backdrop-filter:blur(10px)}.crumbs{padding-top:96px!important}.crumb-inner{background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(219,239,255,.62));border-color:rgba(11,116,255,.18);box-shadow:0 14px 44px rgba(11,116,255,.09)}
.reviews{background:linear-gradient(180deg,#fff,#f7fbff);padding-top:54px!important}.reviews h2{font-size:44px;margin:0 0 26px}.review{min-height:248px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(236,247,255,.75));border:1px solid rgba(11,116,255,.18);box-shadow:0 24px 80px rgba(11,116,255,.10);padding:30px;position:relative}.review:before{content:"G";position:absolute;right:22px;top:18px;width:34px;height:34px;display:grid;place-items:center;background:#fff;color:#1469ff;font-weight:900;border:1px solid rgba(11,116,255,.18)}.review b{display:block;margin-bottom:20px;color:#f5a400;font-size:15px}.review p{font-size:16px;color:#2d3b50}.rating-line{display:inline-flex;align-items:center;gap:12px;margin:28px auto 0;left:50%;position:relative;transform:translateX(-50%);padding:14px 22px;background:#fff;border:1px solid rgba(11,116,255,.18);box-shadow:0 14px 50px rgba(11,116,255,.10)}
.stats-strip{margin-top:0;padding-top:36px!important;padding-bottom:36px!important}.stats-strip b{font-size:46px}.value-prop{padding-top:48px!important;padding-bottom:48px!important;background:linear-gradient(135deg,#fff,#f6fbff)}.value-prop h2{font-size:42px}.value-lines div{min-height:86px;background:linear-gradient(135deg,rgba(255,255,255,.90),rgba(229,243,255,.70));transition:.25s}.value-lines div:hover{transform:translateY(-4px);box-shadow:0 24px 70px rgba(11,116,255,.14)}.quote-teaser{padding-top:38px!important;padding-bottom:38px!important;background:linear-gradient(135deg,#f8fbff,#eef7ff)}.quote-teaser h2{font-size:42px}.contact-sec.home-quote{display:none!important}
.detail{padding-top:126px!important;min-height:430px}.detail-visual{height:380px}.landing{padding-top:44px!important;padding-bottom:44px!important}.blog-card{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(235,247,255,.78));box-shadow:0 24px 80px rgba(11,116,255,.10)}.bhp-footer{padding-top:52px!important;padding-bottom:52px!important}.bhp-footer h3{font-size:28px}.bhp-footer img{display:none!important}
@keyframes bhpPanelFloat{from{transform:translate3d(-8px,-6px,0) scale(1)}to{transform:translate3d(8px,6px,0) scale(1.03)}}
@media(max-width:1180px){.page-head{grid-template-columns:1fr 320px}.hero-visual{width:500px;right:20px}.slide h1{font-size:54px}}
@media(max-width:960px){.bhp-nav{top:0;width:100%;height:72px}.hero{height:auto;min-height:620px;padding-top:105px}.hero-visual{position:relative;right:auto;width:100%;bottom:auto}.page-head{grid-template-columns:1fr!important;min-height:0!important;padding-top:100px!important}.page-head-art{height:160px}.service-grid,.portfolio-grid,.review-grid{grid-template-columns:1fr}.service-card,.portfolio-card{height:330px;min-height:330px}.about-net{grid-template-columns:1fr}.media-block:after{right:16px;bottom:16px}.section-title{grid-template-columns:1fr}.section-title h2,.page-head h1,.value-prop h2,.quote-teaser h2{font-size:36px!important}}


.bhp-root:after{content:"";position:fixed;left:var(--bhp-x,-100px);top:var(--bhp-y,-100px);width:220px;height:220px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(11,116,255,.08),transparent 60%);pointer-events:none;z-index:1}.section-title h2,.page-head h1,.value-prop h2,.quote-teaser h2,.review,.service-card,.portfolio-card{opacity:.96}.section-title h2.bhp-in,.page-head h1.bhp-in,.value-prop h2.bhp-in,.quote-teaser h2.bhp-in{animation:bhpTextIn .62s ease both}.review.bhp-in,.service-card.bhp-in,.portfolio-card.bhp-in{animation:bhpCardIn .54s ease both}@keyframes bhpTextIn{from{opacity:.35;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes bhpCardIn{from{opacity:.55;transform:translateY(18px)}to{opacity:1;transform:none}}



/* =========================================================
   BHP V1.1.5 NO-REGRESSION VISUAL HOTFIX
   Base: V1.1.4 approved visual patch. Incremental only.
   Goals: remove dead space, overlay text on images, sharpen page headers,
   improve reviews and keep all dynamic CPT/forms/CRM intact.
   ========================================================= */

/* Global spacing correction: remove the empty student-project gaps */
.sec{padding-top:52px!important;padding-bottom:52px!important}
.services-section,.projects,.reviews,.value-prop,.quote-teaser{padding-top:46px!important;padding-bottom:46px!important}
.page-head{
  min-height:0!important;
  padding-top:122px!important;
  padding-bottom:42px!important;
  display:grid!important;
  grid-template-columns:1.1fr .9fr!important;
  gap:42px!important;
  align-items:center!important;
  background:
    radial-gradient(circle at 85% 50%,rgba(0,183,255,.26),transparent 25%),
    linear-gradient(135deg,#ffffff 0%,#f7fbff 48%,#dff4ff 100%)!important;
  border-bottom:1px solid rgba(11,116,255,.18)!important;
}

/* =========================================================
   BHP V1.1.84 — FINAL LIGHT GLASS HEADER
   Scope: header and logo only. No page-section or menu-panel changes.
   ========================================================= */
html body .bhp-root header.bhp-nav.glass-nav,
html body header.bhp-nav.glass-nav{
  background:
    radial-gradient(circle at 12% 0%,rgba(255,255,255,.72),transparent 34%),
    linear-gradient(120deg,rgba(203,235,255,.90),rgba(145,205,244,.82) 48%,rgba(190,229,252,.88))!important;
  background-color:#b8ddf5!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:22px!important;
  box-shadow:
    0 20px 62px rgba(17,91,151,.22),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(50,130,188,.16)!important;
  backdrop-filter:blur(26px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(165%)!important;
}

html body .bhp-root header.bhp-nav.glass-nav::before,
html body header.bhp-nav.glass-nav::before{
  background:linear-gradient(
    105deg,
    rgba(255,255,255,.42),
    transparent 31%,
    rgba(20,143,214,.12) 62%,
    rgba(255,255,255,.26)
  )!important;
  opacity:1!important;
  pointer-events:none!important;
}

html body .bhp-root header.bhp-nav.glass-nav nav a,
html body .bhp-root header.bhp-nav.glass-nav nav a:visited,
html body .bhp-root header.bhp-nav.glass-nav nav a.active,
html body header.bhp-nav.glass-nav nav a,
html body header.bhp-nav.glass-nav nav a:visited,
html body header.bhp-nav.glass-nav nav a.active{
  color:#082a46!important;
  text-shadow:none!important;
}

html body .bhp-root header.bhp-nav.glass-nav nav a::after,
html body header.bhp-nav.glass-nav nav a::after{
  background:#075fbd!important;
}

html body .bhp-root header.bhp-nav.glass-nav .call-cta,
html body header.bhp-nav.glass-nav .call-cta{
  color:#082f50!important;
  background:rgba(255,255,255,.34)!important;
  border:1px solid rgba(255,255,255,.74)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 10px 28px rgba(24,101,159,.12)!important;
  text-shadow:none!important;
}

/* Normal transparent logo: all old blocks, gradients and masks are cancelled. */
html body .bhp-root header.bhp-nav.glass-nav > .logo,
html body header.bhp-nav.glass-nav > .logo{
  position:relative!important;
  isolation:isolate!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  height:100%!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

html body .bhp-root header.bhp-nav.glass-nav > .logo::before,
html body header.bhp-nav.glass-nav > .logo::before{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  animation:none!important;
}

html body .bhp-root header.bhp-nav.glass-nav > .logo img,
html body .bhp-root header.bhp-nav.glass-nav > .logo:hover img,
html body header.bhp-nav.glass-nav > .logo img,
html body header.bhp-nav.glass-nav > .logo:hover img{
  position:relative!important;
  z-index:1!important;
  width:auto!important;
  max-width:180px!important;
  height:55px!important;
  object-fit:contain!important;
  animation:none!important;
  transform:none!important;
  filter:none!important;
}

/* The moving light is clipped to the transparent PNG logo itself. */
html body .bhp-root header.bhp-nav.glass-nav > .logo::after,
html body header.bhp-nav.glass-nav > .logo::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  opacity:0;
  background:linear-gradient(
    105deg,
    transparent 30%,
    rgba(255,255,255,.20) 41%,
    rgba(255,255,255,.96) 49%,
    rgba(72,190,255,.72) 55%,
    transparent 70%
  )!important;
  background-size:260% 100%!important;
  background-position:170% 0;
  box-shadow:none!important;
  mix-blend-mode:screen!important;
  -webkit-mask-image:var(--bhp-logo-mask)!important;
  -webkit-mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  -webkit-mask-size:contain!important;
  mask-image:var(--bhp-logo-mask)!important;
  mask-repeat:no-repeat!important;
  mask-position:center!important;
  mask-size:contain!important;
  animation:bhpLogoOnlyLight 4.6s ease-in-out infinite!important;
  will-change:background-position,opacity;
}

@keyframes bhpLogoOnlyLight{
  0%,25%{
    background-position:170% 0;
    opacity:0;
  }
  32%{opacity:.9}
  60%{
    background-position:-70% 0;
    opacity:.9;
  }
  68%,100%{
    background-position:-70% 0;
    opacity:0;
  }
}

@media(max-width:760px){
  html body .bhp-root header.bhp-nav.glass-nav,
  html body header.bhp-nav.glass-nav{
    border-radius:24px!important;
  }

  html body .bhp-root header.bhp-nav.glass-nav > .logo img,
  html body .bhp-root header.bhp-nav.glass-nav > .logo:hover img,
  html body header.bhp-nav.glass-nav > .logo img,
  html body header.bhp-nav.glass-nav > .logo:hover img{
    max-width:145px!important;
    height:38px!important;
  }

  html body .bhp-root header.bhp-nav.glass-nav a.mobile-call-us-btn,
  html body .bhp-root header.bhp-nav.glass-nav button.burger{
    color:#082f50!important;
    background:rgba(255,255,255,.34)!important;
    border:1px solid rgba(255,255,255,.74)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 10px 28px rgba(24,101,159,.14)!important;
    text-shadow:none!important;
  }

  html body .bhp-root header.bhp-nav.glass-nav a.mobile-wa-btn{
    color:#08a657!important;
    background:rgba(255,255,255,.34)!important;
    border:1px solid rgba(255,255,255,.74)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 10px 28px rgba(24,101,159,.14)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html body .bhp-root header.bhp-nav.glass-nav > .logo::after,
  html body header.bhp-nav.glass-nav > .logo::after{
    animation:none!important;
    display:none!important;
  }
}
.page-head h1{font-size:48px!important;max-width:720px!important}
.page-head p{max-width:620px!important;font-size:17px!important}
.crumbs{padding-top:92px!important;background:#fff!important}
.crumb-inner{padding:9px 14px!important;box-shadow:0 10px 28px rgba(11,116,255,.08)!important}

/* Right visual panels in page headers: no empty boxes */
.page-head-art{
  height:220px!important;
  min-height:0!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.30),rgba(255,255,255,.08)),
    radial-gradient(circle at 72% 28%,rgba(0,183,255,.42),transparent 28%),
    linear-gradient(135deg,#061226 0%,#0b74ff 100%)!important;
  border:1px solid rgba(11,116,255,.28)!important;
  box-shadow:0 26px 80px rgba(11,116,255,.20)!important;
}
.page-head-art:before{
  content:""!important;
  position:absolute!important;
  inset:18px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.08) 1px,transparent 1px)!important;
  background-size:34px 34px!important;
  animation:bhpGridShift 14s linear infinite!important;
}
.page-head-art:after{
  content:""!important;
  position:absolute!important;
  right:28px!important;
  bottom:24px!important;
  width:160px!important;
  height:105px!important;
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.35)!important;
  backdrop-filter:blur(14px)!important;
}
.page-head-art b{color:#fff!important;text-shadow:0 12px 34px rgba(0,0,0,.28)!important}

/* Services: text MUST sit on the image, not below it */
.service-grid{align-items:stretch!important}
.service-card{
  height:360px!important;
  min-height:360px!important;
  display:block!important;
  background:#061226!important;
  border:1px solid rgba(11,116,255,.24)!important;
}
.service-card .img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  transform-origin:center!important;
  transition:transform .45s ease, filter .35s ease!important;
}
.service-card .img:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(180deg,rgba(3,9,20,.08) 0%,rgba(3,9,20,.38) 42%,rgba(3,9,20,.82) 100%),
    radial-gradient(circle at 78% 18%,rgba(0,183,255,.24),transparent 32%)!important;
}
.service-card .glass{
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:18px!important;
  top:auto!important;
  z-index:5!important;
  padding:22px!important;
  color:#fff!important;
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.08))!important;
  border:1px solid rgba(255,255,255,.30)!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
  box-shadow:0 26px 80px rgba(0,40,100,.34)!important;
}
.service-card .glass h3{color:#fff!important;font-size:25px!important}
.service-card .glass p{color:rgba(255,255,255,.84)!important;font-size:14px!important}
.service-card:hover .img{transform:scale(1.06)!important;filter:saturate(1.15) contrast(1.05)!important}
.service-card:hover .glass{transform:translateY(-7px)!important;background:linear-gradient(135deg,rgba(255,255,255,.26),rgba(255,255,255,.10))!important}

/* Portfolio: text on visual, no cheap white block below image */
.portfolio-grid{align-items:stretch!important}
.portfolio-card{
  height:340px!important;
  min-height:340px!important;
  display:block!important;
  background:#061226!important;
  color:#fff!important;
  overflow:hidden!important;
  border:1px solid rgba(11,116,255,.24)!important;
  box-shadow:0 26px 86px rgba(0,87,190,.12)!important;
}
.portfolio-card .project-img{
  position:absolute!important;
  inset:0!important;
  height:100%!important;
  padding:26px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  background:
    linear-gradient(180deg,rgba(4,17,38,.05) 0%,rgba(4,17,38,.46) 48%,rgba(4,17,38,.88) 100%),
    radial-gradient(circle at 70% 24%,rgba(0,183,255,.44),transparent 30%),
    linear-gradient(135deg,#061226,#0b74ff)!important;
  transition:transform .45s ease, filter .35s ease!important;
}
.portfolio-card .project-img:before{inset:22px!important;border-color:rgba(255,255,255,.26)!important}
.portfolio-card .project-img b{font-size:30px!important;color:#fff!important}
.portfolio-card h3,.portfolio-card p{
  position:absolute!important;
  z-index:6!important;
  left:26px!important;
  right:26px!important;
  color:#fff!important;
  margin:0!important;
  text-shadow:0 10px 32px rgba(0,0,0,.35)!important;
}
.portfolio-card h3{bottom:54px!important;font-size:25px!important}
.portfolio-card p{bottom:28px!important;color:rgba(255,255,255,.78)!important}
.portfolio-card:hover .project-img{transform:scale(1.055)!important;filter:saturate(1.15)!important}
.portfolio-card:hover h3{color:#fff!important}
.portfolio-card:after{
  content:"View case →";
  position:absolute;
  z-index:7;
  top:24px;
  right:24px;
  padding:10px 12px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.24);
  color:#fff;
  backdrop-filter:blur(12px);
  font-weight:900;
  font-size:12px;
  opacity:0;
  transform:translateY(-6px);
  transition:.25s;
}
.portfolio-card:hover:after{opacity:1;transform:none}

/* About: preserve right image/media and reduce dead spacing */
.about-net{
  min-height:0!important;
  padding-top:46px!important;
  padding-bottom:46px!important;
  gap:40px!important;
}
.media-block{height:330px!important}
.media-block:after{
  right:22px!important;
  bottom:22px!important;
  max-width:250px!important;
  background:linear-gradient(135deg,#0b74ff,#00b7ff)!important;
  color:#fff!important;
  box-shadow:0 24px 70px rgba(11,116,255,.26)!important;
}

/* Reviews: more premium, less plain */
.reviews{
  background:
    radial-gradient(circle at 12% 10%,rgba(11,116,255,.08),transparent 24%),
    linear-gradient(180deg,#fff,#f4f9ff)!important;
}
.reviews h2{
  font-size:42px!important;
  margin:0 0 24px!important;
}
.review-grid{gap:22px!important}
.review{
  min-height:236px!important;
  padding:28px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(227,243,255,.72))!important;
  border:1px solid rgba(11,116,255,.20)!important;
  box-shadow:0 24px 70px rgba(11,116,255,.10)!important;
}
.review:before{
  content:"G"!important;
  width:38px!important;
  height:38px!important;
  right:24px!important;
  top:22px!important;
  border:1px solid rgba(11,116,255,.18)!important;
  box-shadow:0 10px 28px rgba(11,116,255,.10)!important;
}
.review b{color:#f6a800!important}
.review strong{display:block;margin-top:16px;color:#061226!important}
.rating-line{
  background:linear-gradient(135deg,#fff,#eaf6ff)!important;
  border:1px solid rgba(11,116,255,.22)!important;
  box-shadow:0 18px 55px rgba(11,116,255,.11)!important;
}

/* Home hero/service page heading: make it closer to approved reference, less empty */
.hero{height:545px!important;padding-top:112px!important;padding-bottom:42px!important}
.hero-visual{bottom:10px!important}
.slides{padding-top:20px!important}
.services-section .section-title,.projects .section-title{margin-bottom:26px!important}
.section-title h2{font-size:46px!important}

/* Project evaluation / collaboration pages: no blank block */
.eval-head,.collab-head,.page-head.eval-head{
  padding-top:118px!important;
  padding-bottom:38px!important;
  min-height:0!important;
}
.eval-sec,.collab-sec{padding-top:46px!important}

/* Footer tighter and more premium */
.bhp-footer{
  padding-top:44px!important;
  padding-bottom:44px!important;
  background:radial-gradient(circle at 92% 12%,rgba(0,183,255,.20),transparent 28%),linear-gradient(135deg,#041126,#071b3a)!important;
}

/* JS animated accent lines behind headings */
.section-title h2,.page-head h1,.detail h1,.quote-teaser h2,.value-prop h2{
  position:relative!important;
}
.section-title h2:before,.page-head h1:before,.detail h1:before,.quote-teaser h2:before,.value-prop h2:before{
  content:"";
  position:absolute;
  left:0;
  bottom:-12px;
  width:92px;
  height:2px;
  background:linear-gradient(90deg,#0b74ff,#00b7ff,transparent);
  animation:bhpLineGlow 2.6s ease-in-out infinite alternate;
}
@keyframes bhpLineGlow{from{width:70px;opacity:.7}to{width:128px;opacity:1}}
@keyframes bhpGridShift{from{background-position:0 0}to{background-position:68px 34px}}

/* Mobile safety */
@media(max-width:960px){
  .page-head{grid-template-columns:1fr!important;padding-top:92px!important;padding-bottom:32px!important}
  .page-head-art{height:150px!important}
  .service-card,.portfolio-card{height:330px!important;min-height:330px!important}
  .hero{height:auto!important;min-height:600px!important}
}


/* =========================================================
   BHP V1.1.6 PREMIUM LEAD-GEN PATCH — incremental only
   Base preserved: V1 dynamic CPT, CRM, CSS/JS separation.
   ========================================================= */
:root{--bhp-blue:#126CFF;--bhp-cyan:#00B8FF;--bhp-navy:#06142B;--bhp-ink:#051126;--bhp-soft:#EEF8FF;--bhp-purple:#4E35D7}
body{background:#fff!important}.bhp-root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.bhp-root *{border-radius:0!important}
.bhp-nav{height:76px!important;top:18px!important;width:min(1190px,calc(100% - 56px))!important;background:linear-gradient(110deg,rgba(255,255,255,.80),rgba(217,239,255,.58),rgba(178,225,255,.48))!important;box-shadow:0 28px 90px rgba(0,104,255,.16), inset 0 1px 0 rgba(255,255,255,.9)!important;border:1px solid rgba(18,108,255,.26)!important}.bhp-nav nav a{font-size:13px!important}.call-cta{background:rgba(255,255,255,.56)!important;border:1px solid rgba(18,108,255,.34)!important;color:#126cff!important}.quote{background:linear-gradient(135deg,#126cff,#00b8ff)!important}
.hero-premium{min-height:650px!important;height:650px!important;padding-top:128px!important;background:radial-gradient(circle at 78% 36%,rgba(0,184,255,.22),transparent 32%),linear-gradient(135deg,#f8fcff 0%,#ffffff 38%,#e8f7ff 100%)!important;color:#051126!important;border-bottom:1px solid rgba(18,108,255,.14)!important}.hero-premium .fx{opacity:.18!important}.hero-premium .slides{width:46%!important;min-width:510px!important}.hero-premium .slide h1{color:#06142B!important;font-size:64px!important;line-height:.96!important;letter-spacing:-4px!important}.hero-premium .slide p{color:#536781!important;font-size:17px!important;max-width:560px!important}.btn-ghost-light{background:rgba(255,255,255,.56)!important;color:#06142B!important;border:1px solid rgba(18,108,255,.18)!important;box-shadow:0 16px 48px rgba(18,108,255,.08)!important}.hero-actions{display:flex;gap:14px;align-items:center;margin-top:28px}.hero-visual{width:610px!important;right:calc((100vw - 1200px)/2 - 10px)!important;bottom:52px!important}.hero-visual:before{display:none!important}.hero-visual img{box-shadow:0 44px 120px rgba(18,108,255,.20)!important}.hero-stats{position:absolute;z-index:4;left:calc((100vw - 1180px)/2);bottom:44px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:rgba(255,255,255,.72);backdrop-filter:blur(20px);border:1px solid rgba(18,108,255,.16);box-shadow:0 28px 80px rgba(18,108,255,.14);min-width:550px}.hero-stats div{padding:17px 23px;border-right:1px solid rgba(18,108,255,.12)}.hero-stats div:last-child{border-right:0}.hero-stats b{display:block;color:#126cff;font-size:22px}.hero-stats span{font-size:11px;color:#52627a;font-weight:800}
.sec{padding-top:58px!important;padding-bottom:58px!important}.sec:before{opacity:.18!important}.section-title{margin-bottom:34px!important}.section-title h2{font-size:48px!important}.section-title h2:after,.page-head h1:after,.detail h1:after,.about-net h2:after,.contact-sec h2:after,.quote-teaser h2:after{height:2px!important;background:linear-gradient(90deg,#126cff,#00b8ff,transparent)!important}
.services-section{background:linear-gradient(180deg,#fff,#f3fbff)!important}.premium-services .service-grid{grid-template-columns:repeat(4,1fr)!important}.service-card{height:370px!important;min-height:370px!important;background:#06142B!important}.service-card .img{position:absolute!important;inset:0!important;height:100%!important}.service-card .glass{position:absolute!important;left:22px!important;right:22px!important;bottom:22px!important;top:auto!important;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.08))!important;border:1px solid rgba(255,255,255,.32)!important;backdrop-filter:blur(24px) saturate(150%)!important;color:#fff!important;box-shadow:0 28px 90px rgba(0,0,0,.28)!important}.service-card .glass h3,.service-card .glass p{color:#fff!important}.service-card .glass p{opacity:.84}.service-card:hover .glass{transform:translateY(-9px)!important}.service-card:after{content:"Open landing page →";position:absolute;right:22px;top:22px;color:#fff;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);padding:10px 12px;font-size:11px;font-weight:900;letter-spacing:.3px;opacity:0;transform:translateY(-8px);transition:.25s}.service-card:hover:after{opacity:1;transform:none}
.about-premium{min-height:0!important;padding-top:58px!important;padding-bottom:58px!important}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 26px;padding:0;list-style:none}.about-points li{padding:16px 18px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);font-weight:800}.premium-network{height:380px!important}.mission-card{position:absolute;right:26px;bottom:28px;width:260px;padding:22px;background:linear-gradient(135deg,#126cff,#00b8ff);color:#fff;box-shadow:0 24px 80px rgba(18,108,255,.32)}.mission-card b{display:block;margin-bottom:8px}.mission-card span{font-size:13px;line-height:1.55}
.premium-projects{background:linear-gradient(180deg,#f6fbff,#ffffff)!important}.premium-projects .portfolio-grid{grid-template-columns:repeat(4,1fr)!important}.portfolio-card{height:350px!important;min-height:350px!important;background:#06142B!important}.portfolio-card .project-img{position:absolute!important;inset:0!important;height:100%!important}.portfolio-card h3{bottom:58px!important}.portfolio-card p{bottom:30px!important}.section-cta{display:flex;gap:14px;justify-content:center;margin-top:34px}
.premium-reviews{background:linear-gradient(180deg,#fff,#f1f9ff)!important}.reviews-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.reviews-head h2{font-size:46px!important;margin:0!important}.rating-badge{background:#fff;border:1px solid rgba(18,108,255,.18);box-shadow:0 22px 70px rgba(18,108,255,.10);padding:18px 24px;text-align:center}.rating-badge b{display:block;font-size:30px;color:#126cff}.rating-badge span{display:block;color:#ffa800;font-weight:900}.rating-badge small{display:block;color:#536781}.review{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(230,246,255,.78))!important}.review-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.review-top i{display:grid;place-items:center;width:38px;height:38px;background:#fff;color:#126cff;border:1px solid rgba(18,108,255,.20);font-style:normal;font-weight:900}
.value-prop{background:linear-gradient(135deg,#fff,#f4fbff)!important}.quote-teaser{background:linear-gradient(135deg,#eef8ff,#ffffff)!important;padding-top:44px!important;padding-bottom:44px!important}.quote-teaser .btn{min-width:220px}.stats{background:linear-gradient(135deg,#06142B,#073462)!important}.stats b{font-size:56px!important}
.page-head{padding-top:42px!important;padding-bottom:42px!important;min-height:0!important;grid-template-columns:1.05fr .95fr!important;background:radial-gradient(circle at 86% 52%,rgba(0,184,255,.20),transparent 30%),linear-gradient(135deg,#fff,#edf8ff)!important}.crumbs{padding-top:104px!important}.page-head h1{font-size:48px!important}.page-head-art{height:210px!important}.page-head-art b{font-size:28px!important}.premium-page-head .btn{margin-top:22px}
.detail{padding-top:62px!important;padding-bottom:64px!important;grid-template-columns:1fr 1fr!important;background:linear-gradient(135deg,#fff,#edf8ff)!important}.premium-detail .detail-visual{height:390px!important;background:radial-gradient(circle at 76% 24%,rgba(0,184,255,.45),transparent 27%),linear-gradient(135deg,#06142B,#126CFF)!important;box-shadow:0 30px 100px rgba(18,108,255,.18)}.premium-detail .detail-visual i{position:absolute;right:26px;top:26px;color:#fff;font-style:normal;font-weight:900;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);padding:10px 12px}.proof-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;background:#fff!important}.proof-grid div{background:linear-gradient(135deg,#fafdff,#eef8ff)!important}.proof-grid span{display:block;color:#536781;margin-top:8px}.inline-cta{display:grid;grid-template-columns:.65fr 1fr;gap:44px;align-items:start;background:linear-gradient(135deg,#06142B,#073462)!important;color:#fff}.inline-cta p{color:#c8d7ef}.inline-cta .lead-form{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);padding:24px}
.contact-sec{background:radial-gradient(circle at 84% 22%,rgba(0,184,255,.24),transparent 30%),linear-gradient(135deg,#06142B,#073462)!important}.contact-mode .lead-form,.quote-mode .lead-form{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);padding:24px}.quote-choice{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quote-choice label{display:block;cursor:pointer}.quote-choice input{display:none}.quote-choice span{display:block;text-align:center;padding:14px 10px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;font-weight:900}.quote-choice input:checked+span{background:linear-gradient(135deg,#126cff,#00b8ff);border-color:transparent}.form-success{display:none;grid-column:1/-1;padding:18px 20px;background:linear-gradient(135deg,#126cff,#00b8ff);color:#fff;font-weight:900;text-align:center}.lead-form.submitted>*:not(.form-success){display:none!important}.lead-form.submitted .form-success{display:block!important}.contact-page.contact-mode{grid-template-columns:.7fr 1fr!important}.contact-map-card{grid-column:1/-1;background:#fff;padding:8px;border:1px solid rgba(18,108,255,.18);box-shadow:0 22px 70px rgba(18,108,255,.10)}.home-quote{display:none!important}.eval-sec{grid-template-columns:.7fr 1fr!important}.eval-head .page-head-art{background:radial-gradient(circle at 70% 25%,rgba(0,184,255,.42),transparent 28%),linear-gradient(135deg,#06142B,#126cff)!important}
.blog-card{min-height:285px!important}.blog-card h3{font-size:22px!important}.blog-head .page-head-art{height:220px!important}
.bhp-footer{background:radial-gradient(circle at 92% 10%,rgba(0,184,255,.18),transparent 26%),linear-gradient(135deg,#06142B,#06284D)!important;padding-top:62px!important;padding-bottom:62px!important}.bhp-footer h3{font-size:30px!important}.footer-cta{margin-top:10px;width:100%}
@keyframes bhpPulseLine{0%,100%{opacity:.28;transform:scaleX(.72)}50%{opacity:1;transform:scaleX(1)}}.slide h1:after,.section-title h2:after,.page-head h1:after,.detail h1:after{transform-origin:left;animation:bhpPulseLine 3.2s ease-in-out infinite}.bhp-root:after{z-index:0!important}
@media(max-width:1100px){.hero-premium{height:auto!important;min-height:720px!important}.hero-premium .slides{width:100%!important;min-width:0!important}.hero-visual{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;margin-top:26px!important}.hero-stats{position:relative!important;left:auto!important;bottom:auto!important;min-width:0!important;margin-top:24px;grid-template-columns:repeat(2,1fr)}.service-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)!important}.page-head,.detail,.proof-section,.inline-cta,.contact-sec,.eval-sec{grid-template-columns:1fr!important}.quote-choice{grid-template-columns:1fr 1fr}.reviews-head{display:block}.page-head-art{height:180px!important}}
@media(max-width:760px){.bhp-nav nav,.call-cta,.quote{display:none!important}.burger{display:block!important;margin-left:auto}.mobile-panel.open{display:grid!important;position:fixed;z-index:90;left:0;right:0;top:72px;background:#06142B;padding:18px}@supports selector(:popover-open){.mobile-panel:popover-open{display:grid!important;position:fixed;z-index:90;left:0;right:0;top:72px;background:#06142B;padding:18px}}.mobile-panel a{color:#fff;padding:15px;border-bottom:1px solid rgba(255,255,255,.14);font-weight:900}.hero-premium .slide h1{font-size:42px!important}.hero-stats,.service-grid,.portfolio-grid,.review-grid{grid-template-columns:1fr!important}.sec{padding-left:22px!important;padding-right:22px!important}.page-head,.detail,.crumbs{padding-left:22px!important;padding-right:22px!important}.quote-choice{grid-template-columns:1fr}.lead-form{grid-template-columns:1fr!important}.section-title{grid-template-columns:1fr!important}.page-head h1,.section-title h2{font-size:36px!important}}

/* =========================================================
   BHP V1.1.7 DARK GLASS / EFFECTS / SEO PATCH
   Incremental only: no layout/data removal.
   ========================================================= */
.hero.hero-premium{
  background:
    radial-gradient(circle at 72% 42%,rgba(0,183,255,.32),transparent 28%),
    radial-gradient(circle at 20% 12%,rgba(37,99,235,.22),transparent 30%),
    linear-gradient(135deg,#020713 0%,#06152d 48%,#031023 100%)!important;
  isolation:isolate;
}
.hero.hero-premium:before{
  content:"";
  position:absolute;
  z-index:1;
  left:calc((100vw - 1180px)/2 - 24px);
  top:104px;
  width:min(610px,48vw);
  height:390px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.115),rgba(11,116,255,.10)),
    radial-gradient(circle at 25% 15%,rgba(0,183,255,.22),transparent 32%);
  border:1px solid rgba(155,213,255,.28);
  box-shadow:0 42px 120px rgba(0,40,95,.42), inset 0 1px 0 rgba(255,255,255,.22);
  backdrop-filter:blur(22px) saturate(135%);
  transform:skewX(-2deg);
}
.hero.hero-premium:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.72),transparent 72%);
  pointer-events:none;
  z-index:0;
}
.hero .slides{padding:34px 34px 38px;filter:drop-shadow(0 35px 65px rgba(0,0,0,.23))}
.hero .slide h1{ text-shadow:0 22px 70px rgba(0,120,255,.25); }
.hero .slide p{max-width:560px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn-ghost-light{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22);box-shadow:none!important;backdrop-filter:blur(14px)}
.hero-stats{background:rgba(255,255,255,.72)!important;border:1px solid rgba(255,255,255,.60)!important;backdrop-filter:blur(18px);box-shadow:0 26px 70px rgba(0,96,210,.20)}
.hero-stats div{position:relative}.hero-stats div:before{content:"";position:absolute;left:-14px;top:50%;width:28px;height:28px;transform:translateY(-50%);background:radial-gradient(circle,rgba(0,183,255,.24),transparent 70%)}

/* Site-wide premium motion surfaces */
.bhp-root .sec,.bhp-root .page-head,.bhp-root .detail{position:relative;overflow:hidden}.bhp-root .sec:after,.bhp-root .page-head:after,.bhp-root .detail:after{content:"";position:absolute;right:-160px;top:12%;width:420px;height:420px;background:radial-gradient(circle,rgba(0,183,255,.105),transparent 63%);pointer-events:none;animation:bhpAmbient 11s ease-in-out infinite alternate}.service-card,.portfolio-card,.review,.blog-card,.value-lines div,.three div,.lead-form input,.lead-form textarea,.lead-form select{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease}.service-card:hover,.portfolio-card:hover,.review:hover,.blog-card:hover{border-color:rgba(0,183,255,.44)!important}.service-card:after,.portfolio-card:after,.review:after,.blog-card:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.22) 45%,transparent 70%);transform:translateX(-120%);transition:.72s;pointer-events:none}.service-card:hover:after,.portfolio-card:hover:after,.review:hover:after,.blog-card:hover:after{transform:translateX(120%)}
.review{background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(232,247,255,.82))!important}.premium-reviews{padding-bottom:54px!important}.premium-reviews + .bhp-footer,.reviews + .bhp-footer{margin-top:0!important}.review-top{display:flex;justify-content:space-between;align-items:center}.review-top i{font-style:normal;width:34px;height:34px;display:grid;place-items:center;background:#fff;color:#1469ff;font-weight:900;border:1px solid rgba(11,116,255,.18)}

/* Keep reviews visually just above footer, not floating in the middle */
.bhp-footer{position:relative;z-index:2}.reviews:last-of-type{border-top:1px solid rgba(11,116,255,.12);border-bottom:1px solid rgba(11,116,255,.12)}

/* Stronger glass / color variety without changing data */
.service-card:nth-child(1) .img,.portfolio-card:nth-child(1) .project-img{background:radial-gradient(circle at 72% 25%,rgba(0,221,255,.46),transparent 28%),linear-gradient(135deg,#031225,#006eff)!important}.service-card:nth-child(2) .img,.portfolio-card:nth-child(2) .project-img{background:radial-gradient(circle at 70% 30%,rgba(112,232,255,.34),transparent 26%),linear-gradient(135deg,#06182f,#0a91c8)!important}.service-card:nth-child(3) .img,.portfolio-card:nth-child(3) .project-img{background:radial-gradient(circle at 75% 30%,rgba(70,129,255,.44),transparent 30%),linear-gradient(135deg,#120b31,#552bce)!important}.service-card:nth-child(4) .img,.portfolio-card:nth-child(4) .project-img{background:radial-gradient(circle at 70% 28%,rgba(0,176,255,.48),transparent 30%),linear-gradient(135deg,#031126,#0d4aa9)!important}.glass{background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(198,229,255,.18))!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 22px 52px rgba(0,0,0,.25)!important}.glass h3,.glass p{color:#fff!important;text-shadow:0 12px 28px rgba(0,0,0,.34)}

@keyframes bhpAmbient{from{transform:translate3d(0,0,0) scale(1);opacity:.45}to{transform:translate3d(-80px,50px,0) scale(1.15);opacity:.82}}
@media(max-width:960px){.hero.hero-premium:before{left:18px;right:18px;top:96px;width:auto;height:370px}.hero .slides{padding:24px}.hero-actions{gap:10px}.bhp-root .sec:after,.bhp-root .page-head:after,.bhp-root .detail:after{display:none}}
.bhp-reveal{opacity:.001;transform:translateY(18px);filter:blur(5px)}.bhp-visible{animation:bhpRevealIn .62s cubic-bezier(.2,.8,.2,1) forwards}@keyframes bhpRevealIn{to{opacity:1;transform:none;filter:none}}



/* =========================================================
   BHP V1.1.8 EMERGENCY VISUAL REPAIR
   Incremental only. No dynamic CPT/form/CRM logic changed.
   Fixes: no blurry cards, real visual cards, compact headers, 
   premium lead-gen style, dark glass hero, review polish.
   ========================================================= */

/* Stop accidental full-card blur. Glass blur stays ONLY on overlays. */
.service-card,
.service-card *,
.portfolio-card,
.portfolio-card *,
.review,
.review *,
.page-head-art,
.page-head-art *,
.detail-visual,
.detail-visual *{
  filter:none!important;
  -webkit-filter:none!important;
  text-rendering:geometricPrecision!important;
  -webkit-font-smoothing:antialiased!important;
}
.service-card .glass,
.portfolio-card .project-img .project-glass,
.page-head-art:after,
.hero-stats,
.bhp-nav,
.crumb-inner{
  -webkit-backdrop-filter:blur(16px) saturate(135%)!important;
  backdrop-filter:blur(16px) saturate(135%)!important;
}

/* Header: premium glass but not covering content */
.bhp-nav.glass-nav,
.bhp-nav{
  top:16px!important;
  height:74px!important;
  width:min(1180px,calc(100% - 64px))!important;
  background:linear-gradient(105deg,rgba(255,255,255,.88),rgba(223,241,255,.74) 45%,rgba(190,226,255,.62))!important;
  border:1px solid rgba(18,108,255,.26)!important;
  box-shadow:0 22px 70px rgba(12,84,170,.13)!important;
}
.logo img{height:55px!important}
.bhp-nav nav{gap:22px!important}
.bhp-nav nav a{font-size:13px!important;letter-spacing:.1px!important}
.call-cta,.quote{height:40px!important;padding:0 18px!important}

/* Compact breadcrumbs */
.crumbs{
  padding-top:100px!important;
  padding-bottom:0!important;
  background:#fff!important;
}
.crumb-inner{
  padding:10px 15px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(227,242,255,.74))!important;
  border:1px solid rgba(18,108,255,.18)!important;
  box-shadow:0 12px 36px rgba(18,108,255,.08)!important;
}

/* Page head: kill empty student-project gaps */
.page-head,
.premium-page-head,
.page-head-services,
.page-head-portfolio,
.page-head-startup{
  min-height:0!important;
  padding-top:34px!important;
  padding-bottom:34px!important;
  grid-template-columns:1fr 440px!important;
  gap:44px!important;
  align-items:center!important;
  background:
    radial-gradient(circle at 82% 42%,rgba(0,183,255,.28),transparent 30%),
    linear-gradient(135deg,#ffffff 0%,#f7fbff 48%,#e4f6ff 100%)!important;
}
.page-head h1{
  font-size:46px!important;
  line-height:1!important;
  max-width:760px!important;
  margin:12px 0 14px!important;
}
.page-head p{font-size:17px!important;max-width:660px!important;margin:0!important}
.page-head-art{
  height:210px!important;
  width:100%!important;
  background-image:
    linear-gradient(135deg,rgba(4,17,38,.08),rgba(11,116,255,.16)),
    url('../images/page-hero.svg')!important;
  background-size:cover!important;
  background-position:center!important;
  border:1px solid rgba(18,108,255,.25)!important;
  box-shadow:0 28px 86px rgba(18,108,255,.16)!important;
  overflow:hidden!important;
}
.page-head-art b{
  position:relative!important;
  z-index:2!important;
  color:#fff!important;
  text-shadow:0 10px 35px rgba(0,0,0,.34)!important;
  font-size:26px!important;
}

/* Hero: approved light layout, dark glass behind visual/slider, not random black blocks */
.hero-premium{
  min-height:640px!important;
  height:640px!important;
  padding-top:122px!important;
  padding-bottom:36px!important;
  background:
    radial-gradient(circle at 78% 46%,rgba(0,183,255,.25),transparent 32%),
    linear-gradient(135deg,#ffffff 0%,#f7fbff 42%,#e5f7ff 100%)!important;
  border-bottom:1px solid rgba(18,108,255,.14)!important;
}
.hero-premium:after{
  content:""!important;
  position:absolute!important;
  right:calc((100vw - 1180px)/2 - 22px)!important;
  top:118px!important;
  width:610px!important;
  height:420px!important;
  background:
    linear-gradient(135deg,rgba(4,17,38,.86),rgba(7,38,78,.68)),
    radial-gradient(circle at 70% 22%,rgba(0,183,255,.32),transparent 36%)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 38px 120px rgba(0,92,200,.24)!important;
  z-index:1!important;
}
.hero-visual{z-index:3!important;right:calc((100vw - 1180px)/2 - 10px)!important;bottom:58px!important;width:600px!important}
.hero-visual img{position:relative!important;z-index:3!important;box-shadow:none!important}
.hero-premium .slides{z-index:4!important;width:46%!important;min-width:510px!important}
.hero-premium .slide h1{font-size:62px!important;line-height:.96!important;color:#061226!important}
.hero-premium .slide p{color:#53677f!important}
.hero-stats{
  bottom:34px!important;
  z-index:6!important;
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(229,244,255,.74))!important;
  border:1px solid rgba(18,108,255,.16)!important;
}

/* Services: text must sit ON image with crisp glass overlay */
.services-section{padding-top:54px!important;padding-bottom:56px!important;background:linear-gradient(180deg,#fff,#f4fbff)!important}
.premium-services .service-grid,.service-grid{
  grid-template-columns:repeat(4,1fr)!important;
  gap:24px!important;
}
.service-card{
  height:360px!important;
  min-height:360px!important;
  position:relative!important;
  background:#061226!important;
  overflow:hidden!important;
  border:1px solid rgba(18,108,255,.24)!important;
  box-shadow:0 26px 86px rgba(0,76,170,.13)!important;
}
.service-card .img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background-size:cover!important;
  background-position:center!important;
  transform:none!important;
  transition:transform .45s ease!important;
}
.service-card .img.web-design{background-image:url('../images/service-webdesign.svg')!important}
.service-card .img.mobile-app{background-image:url('../images/service-mobile.svg')!important}
.service-card .img.startup-advisory{background-image:url('../images/service-startup.svg')!important}
.service-card .img.marketing{background-image:url('../images/service-marketing.svg')!important}
.service-card .img:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(3,10,24,.04) 0%,rgba(3,10,24,.30) 45%,rgba(3,10,24,.84) 100%)!important;
}
.service-card .glass{
  position:absolute!important;
  z-index:5!important;
  left:22px!important;
  right:22px!important;
  bottom:22px!important;
  top:auto!important;
  padding:22px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.08))!important;
  border:1px solid rgba(255,255,255,.32)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.26)!important;
  color:#fff!important;
  transform:none!important;
}
.service-card .glass h3{font-size:26px!important;color:#fff!important;margin:0 0 10px!important}
.service-card .glass p{font-size:14px!important;color:rgba(255,255,255,.88)!important;margin:0!important;line-height:1.55!important}
.service-card:hover .img{transform:scale(1.045)!important}
.service-card:hover .glass{background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.10))!important}

/* Portfolio cards: crisp case cards with overlay, no white blocks below */
.projects{padding-top:56px!important;padding-bottom:58px!important;background:linear-gradient(180deg,#f8fcff,#ffffff)!important}
.portfolio-grid{grid-template-columns:repeat(4,1fr)!important;gap:24px!important}
.portfolio-card{
  height:360px!important;
  min-height:360px!important;
  position:relative!important;
  overflow:hidden!important;
  background:#061226!important;
  color:#fff!important;
  border:1px solid rgba(18,108,255,.24)!important;
  box-shadow:0 26px 86px rgba(0,76,170,.13)!important;
}
.portfolio-card .project-img{
  position:absolute!important;
  inset:0!important;
  height:100%!important;
  padding:26px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  background-size:cover!important;
  background-position:center!important;
  transition:transform .45s ease!important;
}
.portfolio-card:nth-child(1) .project-img{background-image:linear-gradient(180deg,rgba(3,10,24,.02),rgba(3,10,24,.82)),url('../images/project-wmhs.svg')!important}
.portfolio-card:nth-child(2) .project-img{background-image:linear-gradient(180deg,rgba(3,10,24,.02),rgba(3,10,24,.82)),url('../images/project-mr.svg')!important}
.portfolio-card:nth-child(3) .project-img{background-image:linear-gradient(180deg,rgba(3,10,24,.02),rgba(3,10,24,.82)),url('../images/project-fpn.svg')!important}
.portfolio-card:nth-child(4) .project-img{background-image:linear-gradient(180deg,rgba(3,10,24,.02),rgba(3,10,24,.82)),url('../images/project-feedeo.svg')!important}
.portfolio-card:nth-child(n+5) .project-img{background-image:linear-gradient(180deg,rgba(3,10,24,.02),rgba(3,10,24,.82)),url('../images/project-wmhs.svg')!important}
.portfolio-card .project-img span{
  position:absolute!important;
  left:26px!important;
  bottom:105px!important;
  color:rgba(255,255,255,.70)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:5px!important;
}
.portfolio-card .project-img b{
  position:absolute!important;
  left:26px!important;
  bottom:56px!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1!important;
  text-shadow:0 12px 32px rgba(0,0,0,.38)!important;
}
.portfolio-card h3,
.portfolio-card p{
  display:none!important;
}
.portfolio-card:after{
  content:"View case →"!important;
  position:absolute!important;
  z-index:7!important;
  top:22px!important;
  right:22px!important;
  padding:10px 12px!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.26)!important;
  color:#fff!important;
  font-weight:900!important;
  font-size:12px!important;
  opacity:0!important;
  transform:translateY(-8px)!important;
  transition:.25s!important;
}
.portfolio-card:hover .project-img{transform:scale(1.045)!important}
.portfolio-card:hover:after{opacity:1!important;transform:none!important}

/* Reviews: stronger premium cards */
.premium-reviews,.reviews{
  padding-top:56px!important;
  padding-bottom:60px!important;
  background:
    radial-gradient(circle at 82% 18%,rgba(0,183,255,.10),transparent 26%),
    linear-gradient(180deg,#fff,#f3fbff)!important;
}
.review-grid{gap:22px!important}
.review{
  min-height:246px!important;
  padding:28px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(231,246,255,.82))!important;
  border:1px solid rgba(18,108,255,.22)!important;
  box-shadow:0 26px 78px rgba(18,108,255,.11)!important;
}
.review p{font-size:17px!important;color:#33435a!important}
.review-top i,.review:before{
  box-shadow:0 10px 26px rgba(18,108,255,.13)!important;
}

/* About: keep right image, make premium and compact */
.about-net,.about-premium{
  padding-top:56px!important;
  padding-bottom:56px!important;
  min-height:0!important;
}
.media-block{height:360px!important}

/* No meaningless huge gaps */
.sec{padding-top:56px!important;padding-bottom:56px!important}
.value-prop,.quote-teaser{padding-top:48px!important;padding-bottom:48px!important}
.stats-strip,.stats{padding-top:44px!important;padding-bottom:44px!important}
.detail{padding-top:58px!important;padding-bottom:58px!important}

/* JS effect helpers: decorative, not destructive */
.bhp-tilt-ready{will-change:transform}
.bhp-glow-follow{
  pointer-events:none;
  position:fixed;
  width:260px;
  height:260px;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(0,183,255,.13),transparent 65%);
  z-index:9999;
  transform:translate(-50%,-50%);
  mix-blend-mode:multiply;
}

/* Responsive safety */
@media(max-width:960px){
  .bhp-nav{top:0!important;width:100%!important;height:76px!important}
  .page-head{grid-template-columns:1fr!important;padding-top:30px!important}
  .page-head-art{height:170px!important}
  .service-grid,.portfolio-grid{grid-template-columns:1fr!important}
  .hero-premium{height:auto!important;min-height:680px!important;padding-left:22px!important;padding-right:22px!important}
  .hero-premium:after{display:none!important}
  .hero-premium .slides{width:100%!important;min-width:0!important}
  .hero-visual{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;margin-top:26px!important}
  .hero-stats{position:relative!important;left:auto!important;bottom:auto!important;grid-template-columns:1fr 1fr!important;min-width:0!important;margin-top:18px!important}
}


/* BHP V1.1.10 header/hero readability + stronger motion patch — incremental only */
.bhp-nav.glass-nav{
  height:74px!important;
  align-items:center!important;
  background:linear-gradient(120deg,rgba(224,242,255,.72),rgba(177,216,245,.50),rgba(105,184,255,.30))!important;
  border:1px solid rgba(255,255,255,.38)!important;
  box-shadow:0 22px 85px rgba(0,87,190,.24),inset 0 1px 0 rgba(255,255,255,.82)!important;
  backdrop-filter:blur(30px) saturate(170%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(170%)!important;
}
.bhp-nav .call-cta{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  padding:0 18px!important;
  margin:0!important;
  align-self:center!important;
  background:rgba(233,246,255,.72)!important;
}
.hero-premium{
  background:
    radial-gradient(circle at 76% 38%,rgba(0,183,255,.30),transparent 32%),
    radial-gradient(circle at 16% 22%,rgba(11,116,255,.22),transparent 29%),
    linear-gradient(135deg,#020817 0%,#061a37 52%,#041126 100%)!important;
}
.hero-premium:before{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  left:calc((100vw - 1180px)/2 - 10px)!important;
  right:calc((100vw - 1180px)/2 - 10px)!important;
  top:102px!important;
  bottom:76px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(0,128,255,.075))!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 35px 120px rgba(0,91,195,.25),inset 0 1px 0 rgba(255,255,255,.24)!important;
  backdrop-filter:blur(24px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(145%)!important;
  pointer-events:none!important;
}
.hero-premium:after{
  z-index:1!important;
  background:linear-gradient(135deg,rgba(4,17,38,.56),rgba(7,38,78,.34)),radial-gradient(circle at 70% 22%,rgba(0,183,255,.28),transparent 36%)!important;
}
.hero-premium .slides{padding:28px 28px 28px 34px!important}
.hero-premium .slide span{
  color:#27c8ff!important;
  text-shadow:0 0 18px rgba(39,200,255,.35)!important;
  margin-bottom:18px!important;
}
.hero-premium .slide h1{
  color:#d9f4ff!important;
  font-size:58px!important;
  line-height:1.08!important;
  margin:0 0 26px!important;
  text-shadow:0 10px 34px rgba(0,0,0,.34),0 0 34px rgba(0,183,255,.16)!important;
  letter-spacing:-.045em!important;
}
.hero-premium .slide h1:after{margin-top:24px!important}
.hero-premium .slide p{
  color:#bfeeff!important;
  font-size:19px!important;
  line-height:1.82!important;
  margin:0 0 30px!important;
  max-width:610px!important;
  text-shadow:0 8px 26px rgba(0,0,0,.24)!important;
}
.hero-premium .hero-actions{display:flex!important;gap:14px!important;flex-wrap:wrap!important;margin-top:4px!important}
.hero-visual{animation:bhpHeroFloatStrong 4.8s ease-in-out infinite!important;will-change:transform,filter!important}
.hero-visual:before{box-shadow:0 45px 130px rgba(0,183,255,.34),inset 0 1px 0 rgba(255,255,255,.22)!important}
.hero-visual:after{
  content:""!important;
  position:absolute!important;
  z-index:5!important;
  inset:0!important;
  background:linear-gradient(112deg,transparent 0%,transparent 42%,rgba(255,255,255,.26) 48%,transparent 56%,transparent 100%)!important;
  transform:translateX(-130%)!important;
  animation:bhpHeroShineStrong 3.3s ease-in-out infinite!important;
  pointer-events:none!important;
}
.hero-stats{background:linear-gradient(135deg,rgba(232,247,255,.92),rgba(184,224,255,.74))!important;backdrop-filter:blur(18px) saturate(160%)!important;-webkit-backdrop-filter:blur(18px) saturate(160%)!important}
@keyframes bhpHeroFloatStrong{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-18px,0) scale(1.018)}}
@keyframes bhpHeroShineStrong{0%{transform:translateX(-130%);opacity:0}18%{opacity:.7}48%{transform:translateX(130%);opacity:.55}100%{transform:translateX(130%);opacity:0}}
@media(max-width:960px){
  .hero-premium:before{left:16px!important;right:16px!important;top:92px!important;bottom:22px!important}
  .hero-premium .slides{padding:24px 18px!important}
  .hero-premium .slide h1{font-size:42px!important;line-height:1.12!important}
  .hero-premium .slide p{font-size:16px!important;line-height:1.75!important}
  .bhp-nav .call-cta{display:none!important}
}


/* =========================================================
   BHP V1.1.11 VERIFIED HEADER + HERO FIX
   Incremental only. No CPT, data structure, forms, CRM, image option,
   services, projects, startups, reviews, CSS/JS separation touched.
   ========================================================= */

/* Header phone box: exact center inside its own glass button */
.bhp-nav.glass-nav .call-cta,
.bhp-nav .call-cta{
  width:164px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:40px!important;
  white-space:nowrap!important;
  align-self:center!important;
  font-size:14px!important;
  font-weight:900!important;
}

/* Hero glass must cover the full hero content area, not only the text block */
.hero.hero-premium{
  min-height:620px!important;
  height:auto!important;
  padding-top:116px!important;
  padding-bottom:48px!important;
  isolation:isolate!important;
}
.hero.hero-premium:before{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  left:50%!important;
  right:auto!important;
  top:100px!important;
  bottom:34px!important;
  width:min(1210px,calc(100% - 96px))!important;
  transform:translateX(-50%)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.16),rgba(0,140,255,.095) 48%,rgba(255,255,255,.07)),
    radial-gradient(circle at 24% 30%,rgba(0,183,255,.18),transparent 34%),
    radial-gradient(circle at 78% 36%,rgba(61,210,255,.12),transparent 31%)!important;
  border:1px solid rgba(210,242,255,.30)!important;
  box-shadow:0 40px 135px rgba(0,91,195,.30),inset 0 1px 0 rgba(255,255,255,.30)!important;
  backdrop-filter:blur(28px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(165%)!important;
  pointer-events:none!important;
}
.hero.hero-premium .slides,
.hero.hero-premium .hero-visual,
.hero.hero-premium .hero-stats,
.hero.hero-premium .fx{
  position:relative!important;
}
.hero.hero-premium .fx{z-index:0!important;position:absolute!important}
.hero.hero-premium .slides{
  z-index:4!important;
  width:50%!important;
  min-width:560px!important;
  padding:40px 38px 38px 44px!important;
  background:transparent!important;
}
.hero.hero-premium .hero-visual{
  z-index:4!important;
  position:absolute!important;
  right:calc((100vw - 1200px)/2 - 10px)!important;
  bottom:34px!important;
  width:590px!important;
}
.hero.hero-premium .hero-stats{
  z-index:5!important;
  position:relative!important;
}

/* Hero text readability and spacing: no overlap, bright blue readable text */
.hero.hero-premium .slide{display:none!important;opacity:0!important;transform:translateY(22px) scale(.985)!important;filter:blur(8px)!important}
.hero.hero-premium .slide.on{
  display:block!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  animation:bhpHeroTextPop111 .88s cubic-bezier(.16,.84,.22,1) both!important;
}
.hero.hero-premium .slide span{
  color:#55dcff!important;
  letter-spacing:7px!important;
  font-size:12px!important;
  line-height:1.4!important;
  margin:0 0 22px!important;
  text-shadow:0 0 22px rgba(85,220,255,.48)!important;
}
.hero.hero-premium .slide h1{
  color:#dff8ff!important;
  font-size:54px!important;
  line-height:1.17!important;
  max-width:590px!important;
  margin:0 0 30px!important;
  letter-spacing:-.035em!important;
  text-shadow:0 14px 38px rgba(0,0,0,.42),0 0 28px rgba(0,183,255,.18)!important;
}
.hero.hero-premium .slide h1:after{
  margin-top:28px!important;
  width:92px!important;
  height:3px!important;
  background:linear-gradient(90deg,#14c8ff,#83ecff,transparent)!important;
  box-shadow:0 0 18px rgba(20,200,255,.55)!important;
}
.hero.hero-premium .slide p{
  color:#c9f2ff!important;
  font-size:18px!important;
  line-height:1.95!important;
  max-width:600px!important;
  margin:0 0 30px!important;
  text-shadow:0 10px 30px rgba(0,0,0,.30)!important;
}
.hero.hero-premium .hero-actions{gap:16px!important;margin-top:6px!important}

/* Much more visible JavaScript-added motion layer */
.bhp-hero-energy{
  position:absolute!important;
  inset:100px 48px 34px!important;
  z-index:3!important;
  pointer-events:none!important;
  overflow:hidden!important;
  mix-blend-mode:screen!important;
}
.bhp-hero-energy i,
.bhp-hero-energy b,
.bhp-hero-energy em{position:absolute!important;display:block!important;font-style:normal!important}
.bhp-hero-energy i{
  width:420px!important;height:2px!important;
  background:linear-gradient(90deg,transparent,#42d8ff,rgba(255,255,255,.72),transparent)!important;
  box-shadow:0 0 24px rgba(66,216,255,.85)!important;
  opacity:0!important;
  transform:rotate(-18deg) translateX(-120%)!important;
  animation:bhpHeroBeam111 2.55s ease-in-out infinite!important;
}
.bhp-hero-energy i:nth-child(1){left:2%;top:22%;animation-delay:.05s!important}
.bhp-hero-energy i:nth-child(2){left:36%;top:44%;animation-delay:.85s!important;width:520px!important}
.bhp-hero-energy i:nth-child(3){left:10%;top:72%;animation-delay:1.55s!important;width:480px!important}
.bhp-hero-energy b{
  width:18px!important;height:18px!important;border-radius:50%!important;
  border:2px solid rgba(102,225,255,.9)!important;
  box-shadow:0 0 28px rgba(0,190,255,.85),inset 0 0 18px rgba(0,190,255,.42)!important;
  animation:bhpHeroPulse111 1.9s ease-in-out infinite!important;
}
.bhp-hero-energy b:nth-child(4){right:43%;top:18%;animation-delay:.2s!important}
.bhp-hero-energy b:nth-child(5){right:12%;top:42%;animation-delay:.7s!important}
.bhp-hero-energy b:nth-child(6){left:12%;bottom:18%;animation-delay:1.1s!important}
.bhp-hero-energy em{
  width:180px!important;height:180px!important;border-radius:50%!important;
  right:30%!important;top:24%!important;
  background:radial-gradient(circle,rgba(0,183,255,.20),transparent 62%)!important;
  border:1px solid rgba(72,216,255,.22)!important;
  animation:bhpHeroRing111 2.8s ease-in-out infinite!important;
}
@keyframes bhpHeroTextPop111{
  0%{opacity:0;transform:translateY(26px) scale(.975);filter:blur(10px)}
  64%{opacity:1;transform:translateY(-3px) scale(1.01);filter:blur(0)}
  100%{opacity:1;transform:none;filter:none}
}
@keyframes bhpHeroBeam111{
  0%{opacity:0;transform:rotate(-18deg) translateX(-130%)}
  18%{opacity:.95}
  58%{opacity:.85;transform:rotate(-18deg) translateX(130%)}
  100%{opacity:0;transform:rotate(-18deg) translateX(150%)}
}
@keyframes bhpHeroPulse111{
  0%,100%{opacity:.30;transform:scale(.72)}
  50%{opacity:1;transform:scale(1.35)}
}
@keyframes bhpHeroRing111{
  0%{opacity:.20;transform:scale(.75)}
  45%{opacity:.72;transform:scale(1.12)}
  100%{opacity:.10;transform:scale(1.42)}
}

@media(max-width:960px){
  .hero.hero-premium{padding-top:96px!important;padding-left:20px!important;padding-right:20px!important;min-height:0!important}
  .hero.hero-premium:before{left:14px!important;right:14px!important;top:86px!important;bottom:22px!important;width:auto!important;transform:none!important}
  .hero.hero-premium .slides{width:100%!important;min-width:0!important;padding:28px 18px!important}
  .hero.hero-premium .slide h1{font-size:40px!important;line-height:1.18!important;max-width:100%!important}
  .hero.hero-premium .slide p{font-size:16px!important;line-height:1.78!important}
  .hero.hero-premium .hero-visual{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;margin-top:22px!important}
  .bhp-hero-energy{inset:86px 14px 22px!important}
  .bhp-nav.glass-nav .call-cta,.bhp-nav .call-cta{display:none!important}
}

/* =========================================================
   BHP V1.1.12 HERO STATS SEPARATE SECTION + WAVE PATCH
   Incremental only. No CPT/JS/CRM reset. Hero stats moved out of hero markup.
   ========================================================= */
body .bhp-root{
  filter:none!important;
}
body .bhp-root .bhp-nav,
body .bhp-root .hero,
body .bhp-root .service-card,
body .bhp-root .portfolio-card,
body .bhp-root .review,
body .bhp-root .hero-proof-inner{
  box-shadow:0 18px 70px rgba(67,196,255,.13)!important;
}
body .bhp-root .call-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  min-width:164px!important;
}
body .bhp-root .hero.hero-premium{
  height:590px!important;
  min-height:590px!important;
  padding-top:116px!important;
  padding-bottom:0!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 78% 34%,rgba(50,205,255,.34),transparent 29%),
    radial-gradient(circle at 18% 70%,rgba(66,216,255,.12),transparent 24%),
    linear-gradient(135deg,#020817,#06234a 55%,#041126)!important;
}
body .bhp-root .hero.hero-premium .slides{
  position:relative!important;
  z-index:10!important;
  width:48%!important;
  min-width:520px!important;
  padding-top:0!important;
}
body .bhp-root .hero.hero-premium .hero-visual{
  position:absolute!important;
  right:calc((100vw - 1180px)/2 - 14px)!important;
  bottom:50px!important;
  top:auto!important;
  width:600px!important;
  z-index:6!important;
}
body .bhp-root .hero.hero-premium .hero-visual img{
  width:100%!important;
  display:block!important;
  filter:drop-shadow(0 30px 70px rgba(73,204,255,.22))!important;
}
body .bhp-root .hero.hero-premium .hero-stats{
  display:none!important;
}
body .bhp-root .hero-wave{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-1px!important;
  height:86px!important;
  z-index:9!important;
  pointer-events:none!important;
  background:
    radial-gradient(80% 120% at 50% 0%,rgba(68,210,255,.18),transparent 62%),
    linear-gradient(180deg,rgba(255,255,255,0),rgba(244,251,255,.98) 82%,#fff 100%)!important;
  clip-path:polygon(0 46%,8% 38%,17% 48%,27% 34%,39% 46%,50% 32%,63% 45%,74% 35%,86% 47%,100% 34%,100% 100%,0 100%)!important;
}
body .bhp-root .hero-wave:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:28px!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,rgba(82,218,255,.75),transparent)!important;
  box-shadow:0 0 28px rgba(82,218,255,.65)!important;
}
body .bhp-root .hero-proof-strip{
  position:relative!important;
  z-index:15!important;
  background:linear-gradient(180deg,#ffffff 0%,#f6fbff 100%)!important;
  padding:26px 28px 38px!important;
  margin:0!important;
}
body .bhp-root .hero-proof-inner{
  width:min(1120px,calc(100% - 40px))!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:0!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(98,190,255,.24)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}
body .bhp-root .hero-proof-inner div{
  position:relative!important;
  min-height:78px!important;
  padding:18px 28px 18px 68px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:5px!important;
  border-right:1px solid rgba(98,190,255,.18)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(232,247,255,.72))!important;
}
body .bhp-root .hero-proof-inner div:last-child{border-right:0!important;}
body .bhp-root .hero-proof-inner div:before{
  content:""!important;
  position:absolute!important;
  left:24px!important;
  top:50%!important;
  width:28px!important;
  height:28px!important;
  transform:translateY(-50%)!important;
  border:1px solid rgba(18,108,255,.28)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(224,244,255,.82))!important;
  box-shadow:0 8px 24px rgba(56,190,255,.20), inset 0 0 0 5px rgba(18,108,255,.05)!important;
}
body .bhp-root .hero-proof-inner div:nth-child(1):before{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(224,244,255,.82)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg fill='none' stroke='%23126CFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 5v18M5 14h18'/%3E%3Ccircle cx='14' cy='14' r='9'/%3E%3C/g%3E%3C/svg%3E") center/16px 16px no-repeat!important;}
body .bhp-root .hero-proof-inner div:nth-child(2):before{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(224,244,255,.82)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg fill='none' stroke='%23126CFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='7' width='16' height='13'/%3E%3Cpath d='M10 11h8M10 15h5M9 23h10'/%3E%3C/g%3E%3C/svg%3E") center/16px 16px no-repeat!important;}
body .bhp-root .hero-proof-inner div:nth-child(3):before{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(224,244,255,.82)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg fill='none' stroke='%23126CFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='14' cy='10' r='4'/%3E%3Cpath d='M6 23c1.6-5 14.4-5 16 0'/%3E%3C/g%3E%3C/svg%3E") center/16px 16px no-repeat!important;}
body .bhp-root .hero-proof-inner div:nth-child(4):before{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(224,244,255,.82)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg fill='none' stroke='%23126CFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4l8 3v6c0 6-4 9-8 11-4-2-8-5-8-11V7l8-3z'/%3E%3Cpath d='M10 14l3 3 6-7'/%3E%3C/g%3E%3C/svg%3E") center/16px 16px no-repeat!important;}
body .bhp-root .hero-proof-inner b{
  display:block!important;
  color:#126cff!important;
  font-size:26px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
}
body .bhp-root .hero-proof-inner span{
  display:block!important;
  color:#4f5f76!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:850!important;
}
@media(max-width:1180px){
  body .bhp-root .hero.hero-premium .hero-visual{right:28px!important;width:500px!important;bottom:50px!important;}
  body .bhp-root .hero-proof-inner{width:calc(100% - 36px)!important;}
}
@media(max-width:960px){
  body .bhp-root .hero.hero-premium{height:auto!important;min-height:0!important;padding-top:96px!important;padding-bottom:36px!important;}
  body .bhp-root .hero.hero-premium .slides{width:100%!important;min-width:0!important;}
  body .bhp-root .hero.hero-premium .hero-visual{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;margin-top:22px!important;}
  body .bhp-root .hero-wave{height:58px!important;}
  body .bhp-root .hero-proof-strip{padding:20px 18px 30px!important;}
  body .bhp-root .hero-proof-inner{grid-template-columns:repeat(2,1fr)!important;width:100%!important;}
  body .bhp-root .hero-proof-inner div{border-right:1px solid rgba(98,190,255,.18)!important;border-bottom:1px solid rgba(98,190,255,.18)!important;}
}


/* =========================================================
   BHP V1.1.13 HERO TEXT RECOVERY + STATS SECTION LOCK
   Incremental only: restores Hero text, keeps stats as separate section,
   moves image higher, keeps wave, adds soft blue glow.
   ========================================================= */

body .bhp-root .hero.hero-premium{
  height:590px!important;
  min-height:590px!important;
  padding-top:116px!important;
  padding-bottom:0!important;
  overflow:hidden!important;
  box-shadow:0 30px 95px rgba(68,210,255,.14)!important;
}

/* Restore hero text — hard lock against previous patch conflicts */
body .bhp-root .hero.hero-premium .slides{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:30!important;
  width:48%!important;
  min-width:520px!important;
  padding:0!important;
  margin:0!important;
  pointer-events:auto!important;
}

body .bhp-root .hero.hero-premium .slide{
  visibility:hidden!important;
  opacity:0!important;
  display:none!important;
  transform:none!important;
  filter:none!important;
}

body .bhp-root .hero.hero-premium .slide.on{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}

body .bhp-root .hero.hero-premium .slide.on *,
body .bhp-root .hero.hero-premium .slide.on span,
body .bhp-root .hero.hero-premium .slide.on h1,
body .bhp-root .hero.hero-premium .slide.on p,
body .bhp-root .hero.hero-premium .slide.on .hero-actions{
  visibility:visible!important;
  opacity:1!important;
}

body .bhp-root .hero.hero-premium .slide span{
  display:block!important;
  color:#56e4ff!important;
  text-shadow:0 0 24px rgba(86,228,255,.42)!important;
  margin-bottom:24px!important;
}

body .bhp-root .hero.hero-premium .slide h1{
  display:block!important;
  color:#e5faff!important;
  font-size:56px!important;
  line-height:1.12!important;
  max-width:620px!important;
  margin:0 0 30px!important;
  text-shadow:0 16px 42px rgba(0,0,0,.42),0 0 30px rgba(70,205,255,.16)!important;
}

body .bhp-root .hero.hero-premium .slide p{
  display:block!important;
  color:#d2f4ff!important;
  font-size:18px!important;
  line-height:1.75!important;
  max-width:610px!important;
  margin:0 0 28px!important;
}

body .bhp-root .hero.hero-premium .hero-actions{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  margin-top:0!important;
}

/* Move hero image higher and keep it behind text */
body .bhp-root .hero.hero-premium .hero-visual{
  position:absolute!important;
  right:calc((100vw - 1180px)/2 - 14px)!important;
  bottom:64px!important;
  top:auto!important;
  width:600px!important;
  z-index:8!important;
}

body .bhp-root .hero.hero-premium .hero-visual img{
  width:100%!important;
  display:block!important;
  filter:drop-shadow(0 34px 78px rgba(70,205,255,.22))!important;
}

/* Old in-hero stats must stay hidden because the new proof strip is separate */
body .bhp-root .hero.hero-premium .hero-stats{
  display:none!important;
}

/* Wave under hero */
body .bhp-root .hero-wave{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-1px!important;
  height:86px!important;
  z-index:18!important;
  pointer-events:none!important;
  background:
    radial-gradient(80% 120% at 50% 0%,rgba(68,210,255,.18),transparent 62%),
    linear-gradient(180deg,rgba(255,255,255,0),rgba(244,251,255,.98) 82%,#fff 100%)!important;
  clip-path:polygon(0 46%,8% 38%,17% 48%,27% 34%,39% 46%,50% 32%,63% 45%,74% 35%,86% 47%,100% 34%,100% 100%,0 100%)!important;
  box-shadow:0 -20px 65px rgba(82,218,255,.12)!important;
}

/* Separate stats/proof section */
body .bhp-root .hero-proof-strip{
  position:relative!important;
  z-index:20!important;
  background:linear-gradient(180deg,#ffffff 0%,#f6fbff 100%)!important;
  padding:26px 28px 38px!important;
  margin:0!important;
}

body .bhp-root .hero-proof-inner{
  width:min(1120px,calc(100% - 40px))!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:0!important;
  background:rgba(255,255,255,.9)!important;
  border:1px solid rgba(98,190,255,.24)!important;
  box-shadow:0 24px 80px rgba(68,210,255,.15)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}

body .bhp-root .hero-proof-inner div{
  position:relative!important;
  min-height:78px!important;
  padding:18px 28px 18px 68px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:5px!important;
  border-right:1px solid rgba(98,190,255,.18)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(232,247,255,.72))!important;
}

body .bhp-root .hero-proof-inner div:last-child{border-right:0!important;}

body .bhp-root .hero-proof-inner div:before{
  content:""!important;
  position:absolute!important;
  left:24px!important;
  top:50%!important;
  width:28px!important;
  height:28px!important;
  transform:translateY(-50%)!important;
  border:1px solid rgba(18,108,255,.28)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(224,244,255,.86))!important;
  box-shadow:0 8px 24px rgba(56,190,255,.22),inset 0 0 0 5px rgba(18,108,255,.05)!important;
}

body .bhp-root .hero-proof-inner b{
  display:block!important;
  color:#0876ff!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:900!important;
}

body .bhp-root .hero-proof-inner span{
  display:block!important;
  color:#41536b!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:800!important;
}

body .bhp-root .btn,
body .bhp-root .service-card,
body .bhp-root .portfolio-card,
body .bhp-root .review,
body .bhp-root .hero-proof-inner{
  box-shadow:0 22px 78px rgba(68,210,255,.14)!important;
}

/* Mobile safety */
@media(max-width:960px){
  body .bhp-root .hero.hero-premium{
    height:auto!important;
    min-height:0!important;
    padding-top:96px!important;
    padding-bottom:36px!important;
  }
  body .bhp-root .hero.hero-premium .slides{
    width:100%!important;
    min-width:0!important;
  }
  body .bhp-root .hero.hero-premium .slide h1{
    font-size:40px!important;
    line-height:1.18!important;
  }
  body .bhp-root .hero.hero-premium .hero-visual{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    margin-top:22px!important;
  }
  body .bhp-root .hero-wave{height:58px!important;}
  body .bhp-root .hero-proof-strip{padding:20px 18px 30px!important;}
  body .bhp-root .hero-proof-inner{
    width:100%!important;
    grid-template-columns:repeat(2,1fr)!important;
  }
  body .bhp-root .hero-proof-inner div{
    border-right:1px solid rgba(98,190,255,.18)!important;
    border-bottom:1px solid rgba(98,190,255,.18)!important;
  }
}


/* =========================================================
   BHP V1.1.14 HERO TEXT VISIBILITY FIX — incremental only
   Reason: old reveal JS/CSS was applying opacity:.001 to hero h1/p.
   This restores existing Hero text without touching CPT/CRM/forms/data.
   ========================================================= */
body .bhp-root .hero.hero-premium{
  height:590px!important;
  min-height:590px!important;
  padding-top:116px!important;
  overflow:hidden!important;
}
body .bhp-root .hero.hero-premium .slides{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:60!important;
  width:48%!important;
  min-width:520px!important;
  padding:0!important;
  margin:0!important;
}
body .bhp-root .hero.hero-premium .slide{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  transform:none!important;
  filter:none!important;
}
body .bhp-root .hero.hero-premium .slide.on{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}
body .bhp-root .hero.hero-premium .slide.on,
body .bhp-root .hero.hero-premium .slide.on *,
body .bhp-root .hero.hero-premium .slide.on .bhp-reveal,
body .bhp-root .hero.hero-premium .slide.on .bhp-visible{
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}
body .bhp-root .hero.hero-premium .slide.on span{
  display:block!important;
  color:#56e4ff!important;
  text-shadow:0 0 24px rgba(86,228,255,.42)!important;
  letter-spacing:7px!important;
  margin-bottom:24px!important;
}
body .bhp-root .hero.hero-premium .slide.on h1{
  display:block!important;
  color:#e5faff!important;
  font-size:56px!important;
  line-height:1.12!important;
  max-width:620px!important;
  margin:0 0 30px!important;
  text-shadow:0 16px 42px rgba(0,0,0,.42),0 0 30px rgba(70,205,255,.16)!important;
}
body .bhp-root .hero.hero-premium .slide.on p{
  display:block!important;
  color:#d2f4ff!important;
  font-size:18px!important;
  line-height:1.75!important;
  max-width:610px!important;
  margin:0 0 28px!important;
}
body .bhp-root .hero.hero-premium .slide.on .hero-actions{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  gap:16px!important;
  align-items:center!important;
}
body .bhp-root .hero.hero-premium .hero-visual{
  position:absolute!important;
  right:calc((100vw - 1180px)/2 - 14px)!important;
  bottom:64px!important;
  top:auto!important;
  width:600px!important;
  z-index:8!important;
}
body .bhp-root .hero.hero-premium .hero-stats{display:none!important;}
body .bhp-root .hero-wave{z-index:18!important;}
body .bhp-root .hero-proof-strip{display:block!important;}
@media(max-width:960px){
  body .bhp-root .hero.hero-premium{height:auto!important;min-height:0!important;padding-top:96px!important;padding-bottom:36px!important;}
  body .bhp-root .hero.hero-premium .slides{width:100%!important;min-width:0!important;}
  body .bhp-root .hero.hero-premium .slide.on h1{font-size:40px!important;line-height:1.18!important;}
  body .bhp-root .hero.hero-premium .hero-visual{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;margin-top:22px!important;}
}


/* =========================================================
   BHP V1.1.15 HERO STABLE TEXT LOCK — incremental only
   Fix: text appeared then disappeared because old slider/reveal layers
   still rotated/hid slides after load. Freeze first hero text safely.
   ========================================================= */
body .bhp-root .hero.hero-premium{
  height:590px!important;
  min-height:590px!important;
  padding-top:116px!important;
  padding-bottom:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
body .bhp-root .hero.hero-premium .slides{
  display:block!important;
  position:relative!important;
  z-index:80!important;
  width:48%!important;
  min-width:520px!important;
  padding:0!important;
  margin:0!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  filter:none!important;
}
body .bhp-root .hero.hero-premium .slide{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:none!important;
  filter:none!important;
  animation:none!important;
}
body .bhp-root .hero.hero-premium .slide:first-child,
body .bhp-root .hero.hero-premium .slide.on:first-child{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  filter:none!important;
  animation:none!important;
}
body .bhp-root .hero.hero-premium .slide:first-child *,
body .bhp-root .hero.hero-premium .slide.on:first-child *{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  filter:none!important;
}
body .bhp-root .hero.hero-premium .slide:first-child span{
  display:block!important;
  color:#56e4ff!important;
  letter-spacing:7px!important;
  margin:0 0 24px!important;
  text-shadow:0 0 24px rgba(86,228,255,.42)!important;
}
body .bhp-root .hero.hero-premium .slide:first-child h1{
  display:block!important;
  color:#e5faff!important;
  font-size:56px!important;
  line-height:1.12!important;
  max-width:620px!important;
  margin:0 0 30px!important;
  text-shadow:0 16px 42px rgba(0,0,0,.42),0 0 30px rgba(70,205,255,.16)!important;
}
body .bhp-root .hero.hero-premium .slide:first-child p{
  display:block!important;
  color:#d2f4ff!important;
  font-size:18px!important;
  line-height:1.75!important;
  max-width:610px!important;
  margin:0 0 28px!important;
}
body .bhp-root .hero.hero-premium .slide:first-child .hero-actions{
  display:flex!important;
  gap:16px!important;
  align-items:center!important;
  opacity:1!important;
  visibility:visible!important;
}
body .bhp-root .hero.hero-premium .hero-visual{
  position:absolute!important;
  right:calc((100vw - 1180px)/2 - 14px)!important;
  bottom:64px!important;
  top:auto!important;
  width:600px!important;
  z-index:8!important;
}
body .bhp-root .hero.hero-premium .hero-stats{display:none!important;}
body .bhp-root .hero-wave{z-index:18!important;}
body .bhp-root .hero-proof-strip{display:block!important;}
@media(max-width:960px){
  body .bhp-root .hero.hero-premium{height:auto!important;min-height:0!important;padding-top:96px!important;padding-bottom:36px!important;}
  body .bhp-root .hero.hero-premium .slides{width:100%!important;min-width:0!important;}
  body .bhp-root .hero.hero-premium .slide:first-child h1{font-size:40px!important;line-height:1.18!important;}
  body .bhp-root .hero.hero-premium .hero-visual{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;margin-top:22px!important;}
}
/* BHP Proof Strip Premium Network - Correct Classes */

.hero-proof-strip {
  position: relative !important;
  overflow: hidden !important;
  padding: 42px 0 38px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(0,183,255,.22), transparent 38%),
    linear-gradient(180deg, #f7fcff 0%, #ffffff 100%) !important;
  box-shadow: inset 0 35px 80px rgba(0,183,255,.10) !important;
}

.hero-proof-strip::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    radial-gradient(circle, rgba(0,183,255,.35) 1.5px, transparent 2px),
    linear-gradient(115deg, transparent 0 45%, rgba(0,183,255,.18) 46%, transparent 47%),
    linear-gradient(65deg, transparent 0 48%, rgba(11,116,255,.14) 49%, transparent 50%) !important;
  background-size: 70px 70px, 220px 160px, 260px 180px !important;
  opacity: .65 !important;
  animation: bhpProofNetworkMove 12s linear infinite !important;
}

.hero-proof-inner {
  position: relative !important;
  z-index: 3 !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  background: rgba(255,255,255,.76) !important;
  border: 1px solid rgba(0,183,255,.28) !important;
  backdrop-filter: blur(22px) saturate(155%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(155%) !important;
  box-shadow:
    0 30px 95px rgba(0,155,255,.18),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.hero-proof-inner > div {
  padding: 24px 28px !important;
  min-height: 92px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  border-right: 1px solid rgba(0,140,255,.18) !important;
}

.hero-proof-inner > div:last-child {
  border-right: 0 !important;
}

.hero-proof-inner > div::before {
  content: "" !important;
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  border: 1px solid rgba(0,123,255,.32) !important;
  background: radial-gradient(circle, rgba(0,183,255,.24), transparent 48%), rgba(255,255,255,.5) !important;
  box-shadow: 0 0 34px rgba(0,183,255,.22) !important;
}

.hero-proof-inner b {
  display: block !important;
  color: #007bff !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.hero-proof-inner span {
  display: block !important;
  margin-top: 6px !important;
  color: #263c56 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

@keyframes bhpProofNetworkMove {
  from { background-position: 0 0, 0 0, 0 0; }
  to { background-position: 140px 70px, 220px 160px, -260px 180px; }
}/* Proof Strip Icons Upgrade */

.hero-proof-inner > div::before{
    width:56px !important;
    height:56px !important;
    flex:0 0 56px !important;

    border-radius:14px !important;
    border:1px solid rgba(0,140,255,.35) !important;

    background:
      linear-gradient(135deg,#1da1ff,#00d4ff) !important;

    box-shadow:
      0 0 20px rgba(0,183,255,.35),
      0 10px 30px rgba(0,123,255,.25) !important;
}

/* اگر SVG آیکون داخل باکس هست */
.hero-proof-inner svg{
    width:26px !important;
    height:26px !important;
    color:#ffffff !important;
    stroke:#ffffff !important;
}

/* اگر Font Awesome یا Icon Font استفاده شده */
.hero-proof-inner i{
    font-size:26px !important;
    color:#ffffff !important;
}

/* عددها کمی قوی‌تر */
.hero-proof-inner b{
    font-size:34px !important;
    font-weight:900 !important;
}

/* متن زیر عدد */
.hero-proof-inner span{
    font-size:13px !important;
    font-weight:800 !important;
}/* BHP Proof Icons - Visible Final */

.hero-proof-inner > div{
  position:relative!important;
  padding-left:96px!important;
}

.hero-proof-inner > div:before{
  content:""!important;
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:56px!important;
  height:56px!important;
  background:linear-gradient(135deg,#0876ff,#00c8ff)!important;
  border:1px solid rgba(0,130,255,.45)!important;
  box-shadow:0 14px 36px rgba(0,123,255,.34)!important;
}

.hero-proof-inner > div:after{
  content:""!important;
  position:absolute!important;
  left:35px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:30px!important;
  height:30px!important;
  background:#fff!important;
  z-index:5!important;
}

.hero-proof-inner > div:nth-child(1):after{
  clip-path:polygon(45% 0,55% 0,55% 45%,100% 45%,100% 55%,55% 55%,55% 100%,45% 100%,45% 55%,0 55%,0 45%,45% 45%);
}

.hero-proof-inner > div:nth-child(2):after{
  clip-path:polygon(10% 15%,90% 15%,90% 70%,10% 70%,10% 15%,25% 82%,75% 82%,75% 92%,25% 92%);
}

.hero-proof-inner > div:nth-child(3):after{
  clip-path:circle(28% at 50% 30%);
}

.hero-proof-inner > div:nth-child(4):after{
  clip-path:polygon(50% 0,90% 18%,82% 78%,50% 100%,18% 78%,10% 18%);
}/* FINAL: readable proof icons */

body .bhp-root .hero-proof-inner > div{
  position:relative!important;
  padding-left:104px!important;
}

body .bhp-root .hero-proof-inner > div:before{
  content:""!important;
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:58px!important;
  height:58px!important;
  background:linear-gradient(135deg,#006dff,#00c8ff)!important;
  border:2px solid rgba(255,255,255,.75)!important;
  box-shadow:0 14px 35px rgba(0,120,255,.35)!important;
}

body .bhp-root .hero-proof-inner > div:after{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:58px!important;
  height:58px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-size:28px!important;
  font-weight:900!important;
  z-index:10!important;
  background:none!important;
  clip-path:none!important;
}

body .bhp-root .hero-proof-inner > div:nth-child(1):after{content:"✦"!important;}
body .bhp-root .hero-proof-inner > div:nth-child(2):after{content:"â–£"!important;}
body .bhp-root .hero-proof-inner > div:nth-child(3):after{content:"★"!important;}
body .bhp-root .hero-proof-inner > div:nth-child(4):after{content:"✓"!important;}
/* Force strong blue icons */

.hero-proof-inner > div:after{
    color:#0A6CFF !important;
    text-shadow:
        0 0 8px rgba(10,108,255,.35),
        0 0 18px rgba(10,108,255,.25) !important;
}

.hero-proof-inner > div:before{
    background:linear-gradient(135deg,#0A6CFF,#00B8FF) !important;
    border:1px solid rgba(255,255,255,.8) !important;
    box-shadow:
        0 10px 25px rgba(10,108,255,.35),
        inset 0 1px 0 rgba(255,255,255,.4) !important;
}/* FORCE ICON COLOR */

.hero-proof-inner svg,
.hero-proof-inner img,
.hero-proof-inner i,
.hero-proof-inner .icon,
.hero-proof-inner [class*="icon"]{
    opacity:1 !important;
    filter:none !important;
    grayscale:0 !important;
    color:#0077ff !important;
    fill:#0077ff !important;
    stroke:#0077ff !important;
}

/* kill faded styles */
.hero-proof-inner *{
    filter:none !important;
}/* BHP Proof Icons - Blue Final Override */

body .bhp-root .hero-proof-inner > div::after{
  color:#006DFF !important;
  -webkit-text-fill-color:#006DFF !important;
  text-shadow:0 0 14px rgba(0,109,255,.35) !important;
  opacity:1 !important;
  filter:none !important;
}

body .bhp-root .hero-proof-inner > div::before{
  background:#ffffff !important;
  border:1px solid rgba(0,109,255,.35) !important;
  box-shadow:
    0 12px 32px rgba(0,109,255,.18),
    inset 0 0 0 1px rgba(0,109,255,.12) !important;
}/* Equal Service Card Content Height */

.service-card{
    display:flex !important;
    align-items:flex-end !important;
}

.service-card .glass{
    min-height:205px !important;
    height:205px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
}.img.web-design{
    background-image:
    linear-gradient(rgba(3,16,34,.20),rgba(3,16,34,.20)),
    url('/wp-content/uploads/2026/06/slider.jpg') !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
/* Dynamic Service Image Safe Layer */

.service-card .img{
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
}

.service-card{
    overflow:hidden;
}

.service-card .img{
    transition:transform .35s ease;
}

.service-card:hover .img{
    transform:scale(1.04);
}.service-card .img{
    background-image: var(--service-image) !important;
    background-size: cover !important;
    background-position: center !important;
}

.service-card .img.web-design,
.service-card .img.mobile-app,
.service-card .img.startup-advisory,
.service-card .img.marketing{
    background-image: var(--service-image) !important;
}

/* =========================================================
   BHP FINAL DYNAMIC SERVICE IMAGE FIX
   Incremental only: keeps current layout/glass/hover.
   Forces Service Featured Image / _image from PHP to display.
   ========================================================= */
.service-card.service-dynamic-card .img.service-img-dynamic{
  background-image:var(--bhp-service-img) !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#061226 !important;
}

/* keep readable dark overlay, but do not replace the dynamic image */
.service-card.service-dynamic-card .img.service-img-dynamic:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  opacity:1 !important;
  background:
    linear-gradient(180deg,rgba(3,9,20,.06) 0%,rgba(3,9,20,.36) 45%,rgba(3,9,20,.84) 100%),
    radial-gradient(circle at 78% 18%,rgba(0,183,255,.18),transparent 32%) !important;
}

.service-card.service-dynamic-card .img.service-img-dynamic:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  background:linear-gradient(135deg,rgba(11,116,255,.06),rgba(0,0,0,0)) !important;
  pointer-events:none !important;
}

/* old slug-based images must never override dynamic service image */
.service-card.service-dynamic-card .img.web-design,
.service-card.service-dynamic-card .img.mobile-app,
.service-card.service-dynamic-card .img.startup-advisory,
.service-card.service-dynamic-card .img.marketing{
  background-image:var(--bhp-service-img) !important;
}

/* active nav underline safety */
.bhp-nav nav a.active{
  color:#4ea4ff!important;
  position:relative;
}
.bhp-nav nav a.active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  height:3px;
  background:#4ea4ff;
  transform:scaleX(1)!important;
  box-shadow:0 0 14px rgba(78,164,255,.85);
}
/* BHP ABOUT SECTION FIX - CSS ONLY */
.about-net{
  overflow:visible !important;
  align-items:center !important;
}

.about-points{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  margin:34px 0 30px !important;
}

.about-points li{
  position:relative !important;
  padding:22px 22px 22px 54px !important;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(230,246,255,.72)) !important;
  border:1px solid rgba(11,116,255,.18) !important;
  box-shadow:0 18px 55px rgba(11,116,255,.10) !important;
  color:#061226 !important;
  font-weight:900 !important;
  line-height:1.25 !important;
}

.about-points li:before{
  content:"";
  position:absolute;
  left:20px;
  top:24px;
  width:16px;
  height:16px;
  background:linear-gradient(135deg,#0b74ff,#00b7ff);
  box-shadow:0 0 18px rgba(0,183,255,.65);
}

.premium-network{
  position:relative !important;
  overflow:hidden !important;
  min-height:360px !important;
  padding:0 !important;
}

.premium-network .photo-fallback{
  position:absolute !important;
  left:42px !important;
  bottom:34px !important;
  right:280px !important;
  z-index:4 !important;
  font-size:28px !important;
  line-height:1.05 !important;
  white-space:normal !important;
  max-width:420px !important;
  overflow:hidden !important;
}

.mission-card{
  position:absolute !important;
  right:34px !important;
  bottom:34px !important;
  z-index:6 !important;
  width:265px !important;
  max-width:265px !important;
  padding:24px 26px !important;
  background:linear-gradient(135deg,#0b74ff,#00b7ff) !important;
  box-shadow:0 24px 70px rgba(11,116,255,.35) !important;
}

.mission-card b,
.mission-card span{
  color:#fff !important;
}

@media(max-width:960px){
  .about-points{
    grid-template-columns:1fr !important;
  }

  .premium-network .photo-fallback{
    right:24px !important;
    left:24px !important;
    bottom:190px !important;
    font-size:22px !important;
  }

  .mission-card{
    left:24px !important;
    right:24px !important;
    bottom:24px !important;
    width:auto !important;
    max-width:none !important;
  }
}/* BHP ABOUT MEDIA FIX - CSS ONLY */

.premium-network{
  position:relative!important;
  min-height:360px!important;
  overflow:visible!important;
  background:
    linear-gradient(180deg,rgba(4,17,38,.18),rgba(4,17,38,.48)),
    radial-gradient(circle at 50% 45%,rgba(0,183,255,.28),transparent 38%),
    #06142B!important;
  box-shadow:0 30px 90px rgba(11,116,255,.18)!important;
}

.premium-network .photo-fallback{
  position:absolute!important;
  left:42px!important;
  bottom:38px!important;
  right:320px!important;
  z-index:3!important;
  font-size:28px!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
  color:#fff!important;
  max-width:420px!important;
  white-space:normal!important;
  overflow:hidden!important;
}

.mission-card{
  position:absolute!important;
  right:36px!important;
  bottom:36px!important;
  z-index:6!important;
  width:285px!important;
  max-width:285px!important;
  padding:24px 26px!important;
  background:linear-gradient(135deg,#0b74ff,#00b7ff)!important;
  color:#fff!important;
  box-shadow:
    14px 14px 0 rgba(0,132,255,.35),
    0 28px 70px rgba(11,116,255,.35)!important;
}

.mission-card b{
  display:block!important;
  color:#fff!important;
  font-size:15px!important;
  margin-bottom:8px!important;
}

.mission-card span{
  display:block!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.55!important;
}

@media(max-width:960px){
  .premium-network{
    min-height:420px!important;
  }

  .premium-network .photo-fallback{
    left:24px!important;
    right:24px!important;
    bottom:190px!important;
    font-size:22px!important;
  }

  .mission-card{
    left:24px!important;
    right:24px!important;
    bottom:24px!important;
    width:auto!important;
    max-width:none!important;
  }
}
.premium-network{
    position:relative;
    overflow:hidden;
}

.premium-network .mission-card{
    right:20px;
    bottom:20px;
    width:220px;
    padding:18px;
    z-index:10;
}

.premium-network .mission-card b{
    font-size:14px;
}

.premium-network .mission-card span{
    font-size:12px;
    line-height:1.5;
}/* ABOUT IMAGE / MISSION FINAL FIX */

.premium-network,
.media-block.premium-network{
  height:400px!important;
  overflow:hidden!important;
  position:relative!important;
}

.media-block.premium-network img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 34%!important;
  opacity:1!important;
}

/* حذف Mission قدیمی که با pseudo ساخته شده */
.media-block.premium-network:after{
  display:none!important;
  content:none!important;
}

/* Mission واقعی */
.media-block.premium-network .mission-card{
  position:absolute!important;
  right:22px!important;
  bottom:18px!important;
  width:250px!important;
  max-width:250px!important;
  padding:18px 20px!important;
  z-index:20!important;
  background:linear-gradient(135deg,#0b74ff,#00b7ff)!important;
  box-shadow:12px 12px 0 rgba(11,116,255,.35),0 20px 55px rgba(0,70,180,.30)!important;
}

/* Image Container */
.media-block.premium-network{
    position:relative !important;
    overflow:visible !important;
    border-radius:18px !important;
}

/* Image */
.media-block.premium-network img{
    width:100% !important;
    display:block !important;
    border-radius:18px !important;
}

/* Mission Card */
.media-block.premium-network .mission-card{
    position:absolute !important;

    right:-40px !important;
    top:0% !important;
    bottom:auto !important;

    transform:translateY(-50%) !important;

    width:240px !important;
    padding:24px !important;

    border-radius:14px !important;

    background:linear-gradient(135deg,#0b74ff,#00b7ff) !important;

    box-shadow:
        0 20px 50px rgba(0,0,0,.18),
        0 8px 20px rgba(11,116,255,.25) !important;

    z-index:20 !important;
}

/* Text */
.media-block.premium-network .mission-card b{
    display:block !important;
    margin-bottom:10px !important;
    font-size:16px !important;
    color:#fff !important;
}

.media-block.premium-network .mission-card span{
    display:block !important;
    color:#fff !important;
    line-height:1.7 !important;
    font-size:14px !important;
}
/* PROJECT CARD IMAGE + HOVER FIX */
.portfolio-card{
  overflow:hidden!important;
}

.portfolio-card .project-img{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  transform:none!important;
  filter:none!important;
}

.portfolio-card:hover{
  transform:translateY(-6px)!important;
}

.portfolio-card:hover .project-img{
  transform:scale(1.035)!important;
  filter:saturate(1.08)!important;
}

.portfolio-card:after{
  display:none!important;
  content:none!important;
}
/* BHP Portfolio Home Cards - CSS only fix */
.bhp-portfolio-card,
.portfolio-card,
.project-card {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  min-height: 360px;
  background: #07111f;
}

.bhp-portfolio-card img,
.portfolio-card img,
.project-card img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: top center;
}

.bhp-portfolio-card::after,
.portfolio-card::after,
.project-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(4, 10, 20, 0.05) 0%,
    rgba(4, 10, 20, 0.25) 45%,
    rgba(4, 10, 20, 0.88) 100%
  );
  pointer-events: none;
}

.bhp-portfolio-card .project-content,
.portfolio-card .project-content,
.project-card .project-content,
.bhp-portfolio-card .portfolio-content,
.portfolio-card .portfolio-content,
.project-card .portfolio-content {
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 24px;
  z-index: 2;
}

@media (max-width: 768px) {
  .bhp-portfolio-card,
  .portfolio-card,
  .project-card {
    aspect-ratio: 4 / 5;
    min-height: 330px;
  }

  .bhp-portfolio-card img,
  .portfolio-card img,
  .project-card img {
    object-position: top center;
  }
}.bhp-reviews-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:20px;
}@media (max-width:1200px){
    .bhp-reviews-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}

@media (max-width:992px){
    .bhp-reviews-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media (max-width:768px){
    .bhp-reviews-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:480px){
    .bhp-reviews-grid{
        grid-template-columns:1fr;
    }
}
/* Reviews compact 6 columns */
.review-grid{
    display:grid !important;
    grid-template-columns:repeat(6,1fr) !important;
    gap:12px !important;
}

.review{
    padding:16px !important;
    min-height:220px !important;
}

.review p{
    font-size:13px !important;
    line-height:1.45 !important;
}

.review strong{
    font-size:14px !important;
}

.review small{
    font-size:11px !important;
}

@media(max-width:1200px){
    .review-grid{grid-template-columns:repeat(4,1fr)!important;}
}
@media(max-width:900px){
    .review-grid{grid-template-columns:repeat(3,1fr)!important;}
}
@media(max-width:700px){
    .review-grid{grid-template-columns:repeat(2,1fr)!important;}
}
@media(max-width:480px){
    .review-grid{grid-template-columns:1fr!important;}
}
.bhp-service-card-content{
    min-height:260px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
}

.bhp-service-card-content p{
    line-height:1.6;
    font-size:20px;
    overflow:visible;
    text-overflow:unset;
    -webkit-line-clamp:unset;
}.service-card .glass{
    min-height:220px !important;
    height:auto !important;
    overflow:visible !important;
}.service-card .glass p{
    display:block !important;
    overflow:visible !important;
    text-overflow:unset !important;
    white-space:normal !important;
    -webkit-line-clamp:unset !important;
    line-clamp:unset !important;
}/* SERVICES HOTFIX */

.service-card{
    height:420px !important;
    min-height:420px !important;
}

.service-card .glass{
    min-height:180px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
}

.service-card .glass p{
    overflow:visible !important;
    display:block !important;
    -webkit-line-clamp:unset !important;
    line-clamp:unset !important;
    white-space:normal !important;
    text-overflow:unset !important;
}


/* =========================================================
   BHP V1.1.18 SERVICES CARD TEXT FIX
   Incremental only: fixes service-card glass text clipping.
   Keeps existing card structure and images.
   ========================================================= */

.services-section .service-grid{
  align-items:stretch !important;
}

.services-section .service-card,
.service-card.service-dynamic-card{
  height:420px !important;
  min-height:420px !important;
  overflow:hidden !important;
}

.services-section .service-card .img,
.service-card.service-dynamic-card .img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

.services-section .service-card .glass,
.service-card.service-dynamic-card .glass{
  position:absolute !important;
  left:24px !important;
  right:24px !important;
  bottom:24px !important;
  top:auto !important;
  z-index:10 !important;
  min-height:150px !important;
  height:auto !important;
  max-height:none !important;
  padding:24px 24px 22px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.08)) !important;
  border:1px solid rgba(255,255,255,.32) !important;
  backdrop-filter:blur(24px) saturate(150%) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.28) !important;
}

.services-section .service-card .glass h3,
.service-card.service-dynamic-card .glass h3{
  margin:0 0 12px !important;
  color:#fff !important;
  font-size:28px !important;
  line-height:1.05 !important;
  letter-spacing:-.055em !important;
}

.services-section .service-card .glass p,
.service-card.service-dynamic-card .glass p{
  margin:0 !important;
  color:rgba(255,255,255,.88) !important;
  font-size:16px !important;
  line-height:1.52 !important;
  font-weight:500 !important;
  display:block !important;
  overflow:visible !important;
  text-overflow:unset !important;
  white-space:normal !important;
  -webkit-line-clamp:unset !important;
  line-clamp:unset !important;
  max-height:none !important;
}

@media(max-width:1100px){
  .services-section .service-card,
  .service-card.service-dynamic-card{
    height:390px !important;
    min-height:390px !important;
  }
}

@media(max-width:760px){
  .services-section .service-card,
  .service-card.service-dynamic-card{
    height:360px !important;
    min-height:360px !important;
  }

  .services-section .service-card .glass,
  .service-card.service-dynamic-card .glass{
    left:18px !important;
    right:18px !important;
    bottom:18px !important;
    min-height:135px !important;
    padding:20px !important;
  }

  .services-section .service-card .glass h3,
  .service-card.service-dynamic-card .glass h3{
    font-size:25px !important;
  }

  .services-section .service-card .glass p,
  .service-card.service-dynamic-card .glass p{
    font-size:15px !important;
    line-height:1.48 !important;
  }
}
.service-card .img{
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
}.bhp-service-card-image{
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}.bhp-service-card{
    height: auto !important;
}

.bhp-service-card-image{
    aspect-ratio: 275 / 375;
    min-height: 375px;
}


/* =========================================================
   BHP V1.1.19 SERVICE IMAGE CONTAIN FIX — CSS ONLY
   Problem: service card image is set inline with background-size:cover!important.
   Fix: draw the service image again on a pseudo layer using --bhp-service-img
   so the full 275x375 style banner is visible without touching PHP.
   ========================================================= */

.services-section .service-card.service-dynamic-card,
.service-card.service-dynamic-card{
  height:420px !important;
  min-height:420px !important;
  overflow:hidden !important;
  background:#031126 !important;
}

.services-section .service-card.service-dynamic-card .img.service-img-dynamic,
.service-card.service-dynamic-card .img.service-img-dynamic{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  background-color:#031126 !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

/* This layer beats the inline cover crop visually without deleting the original inline style */
.services-section .service-card.service-dynamic-card .img.service-img-dynamic:after,
.service-card.service-dynamic-card .img.service-img-dynamic:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  background-color:#031126 !important;
  background-image:var(--bhp-service-img) !important;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  opacity:1 !important;
  transform:none !important;
}

/* Keep only a soft readability layer above the image */
.services-section .service-card.service-dynamic-card .img.service-img-dynamic:before,
.service-card.service-dynamic-card .img.service-img-dynamic:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  background:linear-gradient(180deg,rgba(3,9,20,.03) 0%,rgba(3,9,20,.12) 42%,rgba(3,9,20,.52) 100%) !important;
  pointer-events:none !important;
}

/* Keep the text card above the fixed image */
.services-section .service-card.service-dynamic-card .glass,
.service-card.service-dynamic-card .glass{
  z-index:10 !important;
  left:22px !important;
  right:22px !important;
  bottom:22px !important;
  min-height:154px !important;
  max-height:none !important;
  overflow:visible !important;
}

/* No unwanted zoom/crop on hover */
.services-section .service-card.service-dynamic-card:hover .img.service-img-dynamic,
.service-card.service-dynamic-card:hover .img.service-img-dynamic{
  transform:none !important;
  filter:none !important;
}

.services-section .service-card.service-dynamic-card:hover .img.service-img-dynamic:after,
.service-card.service-dynamic-card:hover .img.service-img-dynamic:after{
  transform:none !important;
  background-size:contain !important;
}

@media(max-width:1100px){
  .services-section .service-card.service-dynamic-card,
  .service-card.service-dynamic-card{
    height:410px !important;
    min-height:410px !important;
  }
}

@media(max-width:760px){
  .services-section .service-card.service-dynamic-card,
  .service-card.service-dynamic-card{
    height:390px !important;
    min-height:390px !important;
  }
  .services-section .service-card.service-dynamic-card .glass,
  .service-card.service-dynamic-card .glass{
    left:18px !important;
    right:18px !important;
    bottom:18px !important;
  }
}


/* =========================================================
   BHP V1.1.20 SERVICE LANDING / RELATED PROJECTS PATCH
   Incremental only: no reset, no DB deletion, no CPT removal.
   ========================================================= */

.detail-bhp_service .detail-image,
.detail-bhp_project .detail-image{
  position:relative !important;
  overflow:hidden !important;
  background-color:#06142B !important;
  background-size:cover !important;
  background-position:center center !important;
  min-height:390px !important;
}

.detail-bhp_service .detail-image:before,
.detail-bhp_project .detail-image:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 78% 20%,rgba(0,184,255,.26),transparent 30%),
    linear-gradient(180deg,rgba(3,9,20,.06),rgba(3,9,20,.70)) !important;
  z-index:1 !important;
  pointer-events:none !important;
}

.detail-bhp_service .detail-image span,
.detail-bhp_service .detail-image b,
.detail-bhp_service .detail-image i,
.detail-bhp_project .detail-image span,
.detail-bhp_project .detail-image b,
.detail-bhp_project .detail-image i{
  position:relative !important;
  z-index:2 !important;
  text-shadow:0 14px 40px rgba(0,0,0,.45) !important;
}

.related-projects{
  background:linear-gradient(180deg,#ffffff 0%,#f3fbff 100%) !important;
}

.related-projects .section-title h2{
  max-width:680px !important;
}

.related-projects-empty{
  background:linear-gradient(180deg,#ffffff,#f7fbff) !important;
}

.project-gallery-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:22px !important;
  align-items:stretch !important;
}

.project-gallery-item{
  margin:0 !important;
  overflow:hidden !important;
  background:#06142B !important;
  border:1px solid rgba(18,108,255,.20) !important;
  box-shadow:0 24px 80px rgba(18,108,255,.12) !important;
}

.project-gallery-item img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
}

.project-gallery-item.portrait{
  min-height:560px !important;
  grid-row:span 2 !important;
}

.project-gallery-item.landscape{
  min-height:268px !important;
}

@media(max-width:960px){
  .project-gallery-grid{
    grid-template-columns:1fr !important;
  }
  .project-gallery-item.portrait,
  .project-gallery-item.landscape{
    min-height:auto !important;
    grid-row:auto !important;
  }
  .project-gallery-item img{
    height:auto !important;
  }
}


/* BHP V1.1.23 project gallery, project overview and about page — additive only */
.project-gallery-section .section-title p,
.proof-section .section-title p{
  max-width:640px;
}
.project-gallery-grid{
  display:grid!important;
  grid-template-columns:1.05fr 1fr 1fr!important;
  gap:22px!important;
  align-items:stretch!important;
}
.project-gallery-item{
  display:block!important;
  position:relative!important;
  margin:0!important;
  min-height:250px!important;
  overflow:hidden!important;
  background:#06142b!important;
  border:1px solid rgba(11,116,255,.22)!important;
  box-shadow:0 28px 90px rgba(11,116,255,.12)!important;
}
.project-gallery-item.portrait{
  grid-row:span 2!important;
  min-height:560px!important;
}
.project-gallery-item img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  transition:transform .35s ease, filter .35s ease!important;
}
.project-gallery-item:after{
  content:"View Larger";
  position:absolute;
  right:18px;
  bottom:18px;
  padding:9px 12px;
  background:rgba(4,17,38,.76);
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:0;
  transform:translateY(8px);
  transition:.25s;
}
.project-gallery-item:hover img{
  transform:scale(1.045);
  filter:saturate(1.08) brightness(1.04);
}
.project-gallery-item:hover:after{
  opacity:1;
  transform:translateY(0);
}
.project-overview-section{
  background:linear-gradient(180deg,#fff,#f5fbff)!important;
}
.project-overview-card{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-bottom:22px;
}
.project-overview-card div{
  padding:24px;
  border:1px solid rgba(11,116,255,.18);
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(225,242,255,.72));
  box-shadow:0 22px 70px rgba(11,116,255,.08);
}
.project-overview-card b{
  display:block;
  color:#0b74ff;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:11px;
  margin-bottom:10px;
}
.project-overview-card span,
.project-overview-card a{
  color:#061226;
  font-weight:900;
}
.project-description{
  max-width:900px;
  padding:30px;
  border-left:3px solid #0b74ff;
  background:#fff;
  box-shadow:0 22px 70px rgba(11,116,255,.08);
}
.project-description p{
  margin:0;
  color:#536176;
  font-size:18px;
}
.about-page-hero{
  position:relative;
  min-height:620px;
  overflow:hidden;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:54px;
  padding:150px calc((100vw - 1160px)/2) 88px;
  background:
    radial-gradient(circle at 78% 35%,rgba(0,183,255,.35),transparent 30%),
    radial-gradient(circle at 18% 80%,rgba(11,116,255,.22),transparent 28%),
    linear-gradient(135deg,#030914,#071b3a 62%,#041126);
  color:#fff;
}
.about-page-hero .netfx{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:.38;
}
.about-page-copy{
  position:relative;
  z-index:2;
}
.about-page-copy h1{
  font-size:64px;
  line-height:.98;
  letter-spacing:-.06em;
  margin:0 0 24px;
}
.about-page-copy h1:after{
  content:"";
  display:block;
  width:110px;
  height:2px;
  margin-top:22px;
  background:linear-gradient(90deg,#00b7ff,#1469ff,transparent);
}
.about-page-copy p{
  color:#c8d7ef;
  font-size:18px;
  max-width:620px;
}
.about-orbit{
  position:relative;
  z-index:2;
  height:420px;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(0,183,255,.10));
  box-shadow:0 40px 120px rgba(0,116,255,.22);
  backdrop-filter:blur(18px);
}
.about-orbit:before{
  content:"BHP";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:150px;
  height:150px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.28);
  background:radial-gradient(circle,rgba(0,183,255,.45),rgba(11,116,255,.08));
  color:#fff;
  font-size:42px;
  font-weight:900;
  letter-spacing:-.06em;
  box-shadow:0 0 70px rgba(0,183,255,.45);
}
.about-orbit i{
  position:absolute;
  border:1px solid rgba(0,183,255,.35);
  inset:44px;
  animation:bhpOrbit 11s linear infinite;
}
.about-orbit i:nth-child(2){inset:84px;animation-duration:15s;animation-direction:reverse}
.about-orbit i:nth-child(3){inset:124px;animation-duration:19s}
.about-orbit b{
  position:absolute;
  padding:14px 18px;
  background:rgba(4,17,38,.72);
  border:1px solid rgba(255,255,255,.20);
  color:#fff;
  box-shadow:0 18px 50px rgba(0,116,255,.18);
}
.about-orbit b:nth-of-type(1){left:54px;top:72px}
.about-orbit b:nth-of-type(2){right:64px;top:148px}
.about-orbit b:nth-of-type(3){left:50%;bottom:70px;transform:translateX(-50%)}
@keyframes bhpOrbit{to{transform:rotate(360deg)}}
.about-story-section{
  background:linear-gradient(180deg,#fff,#f6fbff)!important;
}
.about-vision-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.about-vision-grid article{
  position:relative;
  min-height:260px;
  padding:34px;
  background:linear-gradient(135deg,#fff,#edf7ff);
  border:1px solid rgba(11,116,255,.18);
  box-shadow:0 28px 90px rgba(11,116,255,.10);
  overflow:hidden;
}
.about-vision-grid article:before{
  content:"";
  position:absolute;
  right:-55px;
  bottom:-60px;
  width:170px;
  height:170px;
  background:radial-gradient(circle,rgba(0,183,255,.25),transparent 65%);
}
.about-vision-grid span{
  display:block;
  color:#0b74ff;
  font-weight:900;
  letter-spacing:.18em;
  margin-bottom:18px;
}
.about-vision-grid h3{
  font-size:30px;
  margin:0 0 12px;
}
.about-vision-grid p{
  color:#536176;
}
.detail-visual-dynamic i{
  position:absolute;
  right:28px;
  top:28px;
  padding:10px 13px;
  background:rgba(4,17,38,.55);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-style:normal;
  font-weight:900;
  font-size:12px;
}
@media(max-width:960px){
  .project-gallery-grid,
  .project-overview-card,
  .about-page-hero,
  .about-vision-grid{
    grid-template-columns:1fr!important;
  }
  .project-gallery-item.portrait{
    grid-row:auto!important;
    min-height:420px!important;
  }
  .about-page-hero{
    padding:112px 28px 60px!important;
  }
  .about-page-copy h1{
    font-size:42px!important;
  }
  .about-orbit{
    height:320px!important;
  }
}



/* BHP V1.1.24 incremental gallery, about image, breadcrumb and service-path patch */
.crumb-inner a,
.crumb-inner b{
  display:inline-flex!important;
  align-items:center!important;
}
.crumb-inner a:hover{
  color:#00a8ff!important;
  text-decoration:underline!important;
  text-underline-offset:4px!important;
}
.about-page-hero{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:1fr 520px!important;
  gap:54px!important;
  align-items:center!important;
}
.about-page-image{
  position:relative!important;
  min-height:420px!important;
  border:1px solid rgba(11,116,255,.26)!important;
  background:radial-gradient(circle at 68% 24%,rgba(0,183,255,.32),transparent 30%),linear-gradient(135deg,#041126,#082b5d)!important;
  box-shadow:0 35px 110px rgba(11,116,255,.22)!important;
  overflow:hidden!important;
  z-index:3!important;
}
.about-page-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  opacity:.92!important;
  filter:saturate(1.05) contrast(1.03)!important;
}
.about-page-image:before{
  content:""!important;
  position:absolute!important;
  inset:26px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  z-index:2!important;
  pointer-events:none!important;
}
.about-page-image:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(2,8,20,.03),rgba(2,8,20,.58))!important;
  z-index:1!important;
  pointer-events:none!important;
}
.about-page-image span{
  position:absolute!important;
  left:34px!important;
  bottom:32px!important;
  z-index:4!important;
  color:#fff!important;
  font-weight:900!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
  font-size:13px!important;
}
.about-page-image-empty{
  display:grid!important;
  place-items:center!important;
}
.about-page-image-empty span{
  position:relative!important;
  left:auto!important;
  bottom:auto!important;
  color:#dbeeff!important;
  text-align:center!important;
}
.service-child-services{
  background:linear-gradient(180deg,#fff,#f4faff)!important;
  padding-top:56px!important;
  padding-bottom:56px!important;
}
.project-gallery-item{
  cursor:pointer!important;
  border:0!important;
  padding:0!important;
  text-align:left!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.project-gallery-item:focus-visible{
  outline:3px solid #00b7ff!important;
  outline-offset:4px!important;
}
.bhp-gallery-lightbox{
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:34px!important;
  background:rgba(2,8,20,.78)!important;
  backdrop-filter:blur(22px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(130%)!important;
}
.bhp-gallery-lightbox.open{
  display:flex!important;
}
.bhp-gallery-stage{
  position:relative!important;
  width:min(1180px,calc(100vw - 90px))!important;
  height:min(760px,calc(100vh - 92px))!important;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(0,183,255,.10))!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 40px 140px rgba(0,0,0,.45)!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.bhp-gallery-stage:before{
  content:""!important;
  position:absolute!important;
  inset:18px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  pointer-events:none!important;
}
.bhp-gallery-stage img{
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  display:block!important;
  transform:scale(.985)!important;
  opacity:0!important;
  transition:opacity .22s ease, transform .22s ease!important;
}
.bhp-gallery-lightbox.open .bhp-gallery-stage img{
  opacity:1!important;
  transform:scale(1)!important;
}
.bhp-gallery-close,
.bhp-gallery-prev,
.bhp-gallery-next{
  position:absolute!important;
  z-index:3!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  cursor:pointer!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-weight:900!important;
}
.bhp-gallery-close{
  top:18px!important;
  right:18px!important;
  width:48px!important;
  height:48px!important;
  font-size:28px!important;
}
.bhp-gallery-prev,
.bhp-gallery-next{
  top:50%!important;
  transform:translateY(-50%)!important;
  width:58px!important;
  height:72px!important;
  font-size:34px!important;
}
.bhp-gallery-prev{left:18px!important;}
.bhp-gallery-next{right:18px!important;}
.bhp-gallery-count{
  position:absolute!important;
  left:22px!important;
  bottom:18px!important;
  z-index:3!important;
  color:#dbeeff!important;
  font-weight:900!important;
  letter-spacing:1px!important;
  background:rgba(2,8,20,.42)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  padding:9px 12px!important;
}
@media(max-width:960px){
  .about-page-hero{
    grid-template-columns:1fr!important;
  }
  .about-page-image{
    min-height:320px!important;
  }
  .bhp-gallery-lightbox{
    padding:18px!important;
  }
  .bhp-gallery-stage{
    width:calc(100vw - 36px)!important;
    height:calc(100vh - 80px)!important;
  }
  .bhp-gallery-prev,
  .bhp-gallery-next{
    width:48px!important;
    height:58px!important;
  }
}
.service-card .glass{
    position:absolute;
    inset:20px;
    height:auto !important;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}


/* BHP V1.1.25 targeted bug fixes — incremental, no reset */

/* Service inner cards: make the glass fill parent with a clean 20px inset */
.service-child-services .service-card,
.service-related-services .service-card,
.services-section .service-card{
  position:relative !important;
  overflow:hidden !important;
}
.service-child-services .service-card .glass,
.service-related-services .service-card .glass{
  position:absolute !important;
  inset:20px !important;
  top:20px !important;
  right:20px !important;
  bottom:20px !important;
  left:20px !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  transform:none !important;
}
.service-child-services .service-card:hover .glass,
.service-related-services .service-card:hover .glass{
  transform:none !important;
}
.service-child-services .service-card .glass p,
.service-related-services .service-card .glass p{
  display:block !important;
  overflow:visible !important;
  -webkit-line-clamp:unset !important;
  line-clamp:unset !important;
  text-overflow:unset !important;
  white-space:normal !important;
}

/* Quote form service choices: keep Strategy and Automation & AI on one line */
.quote-choice{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:30px !important;
}
.quote-choice label{
  min-width:0 !important;
  white-space:nowrap !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:14px 12px !important;
}
.quote-choice label span{
  white-space:nowrap !important;
  font-size:15px !important;
  line-height:1 !important;
}
@media(max-width:960px){
  .quote-choice{grid-template-columns:1fr 1fr !important;gap:12px !important;}
  .quote-choice label span{font-size:13px !important;}
}

/* About page: put the animated BHP visual opposite the hero text, then image+copy below */
.about-page-hero-clean{
  position:relative !important;
  min-height:640px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(360px,520px) !important;
  gap:64px !important;
  align-items:center !important;
  padding:150px calc((100vw - 1160px)/2) 72px !important;
  overflow:hidden !important;
}
.about-page-hero-clean .about-page-copy{
  position:relative !important;
  z-index:2 !important;
}
.about-system-visual{
  position:relative !important;
  z-index:2 !important;
  min-height:420px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(0,183,255,.10)) !important;
  box-shadow:0 40px 120px rgba(0,183,255,.16) !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
}
.about-system-visual .about-orbit{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  width:360px !important;
  height:360px !important;
  display:block !important;
  transform:none !important;
}
.about-system-visual .about-orbit strong{
  position:absolute !important;
  inset:50% auto auto 50% !important;
  transform:translate(-50%,-50%) !important;
  z-index:4 !important;
  color:#fff !important;
  font-size:42px !important;
  font-weight:900 !important;
  letter-spacing:-.06em !important;
}
.about-image-story{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:54px !important;
  align-items:center !important;
  background:linear-gradient(180deg,#fff,#f5fbff) !important;
}
.about-image-story .about-page-image{
  min-height:390px !important;
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(11,116,255,.20) !important;
  background:#061226 !important;
  box-shadow:0 30px 100px rgba(11,116,255,.14) !important;
}
.about-image-story .about-page-image img{
  width:100% !important;
  height:100% !important;
  min-height:390px !important;
  object-fit:cover !important;
  display:block !important;
}
.about-image-story .about-page-image span{
  position:absolute !important;
  left:24px !important;
  right:24px !important;
  bottom:24px !important;
  z-index:2 !important;
  color:#fff !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
.about-image-copy h2{
  font-size:46px !important;
  line-height:1 !important;
  letter-spacing:-.055em !important;
  margin:0 0 18px !important;
}
.about-image-copy p{
  color:var(--muted) !important;
  font-size:17px !important;
  max-width:620px !important;
}
.about-mini-points{
  display:grid !important;
  gap:12px !important;
  margin-top:24px !important;
}
.about-mini-points div{
  padding:16px 18px !important;
  border:1px solid rgba(11,116,255,.18) !important;
  background:rgba(255,255,255,.72) !important;
  font-weight:900 !important;
}
@media(max-width:960px){
  .about-page-hero-clean,
  .about-image-story{
    grid-template-columns:1fr !important;
    padding-left:28px !important;
    padding-right:28px !important;
  }
  .about-system-visual{min-height:340px !important;}
  .about-system-visual .about-orbit{width:300px !important;height:300px !important;}
}


/* BHP V1.1.26 About team and clean navigation patch - incremental only */
.about-team-section{
  background:linear-gradient(180deg,#ffffff 0%,#f3f9ff 100%);
  position:relative;
}
.about-team-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.team-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#041126,#082a55);
  border:1px solid rgba(11,116,255,.22);
  box-shadow:0 28px 90px rgba(11,116,255,.14);
  min-height:430px;
}
.team-photo{
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 70% 22%,rgba(0,183,255,.32),transparent 28%),linear-gradient(135deg,#041126,#071b3a);
}
.team-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(1.02) contrast(1.02);
}
.team-photo:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(2,8,20,.04) 25%,rgba(2,8,20,.54) 62%,rgba(2,8,20,.92));
}
.team-photo-empty{
  display:grid;
  place-items:center;
}
.team-photo-empty span{
  position:relative;
  z-index:2;
  color:#dbe8ff;
  font-size:12px;
  letter-spacing:3px;
  text-transform:uppercase;
  font-weight:900;
  border:1px solid rgba(255,255,255,.18);
  padding:18px 20px;
}
.team-info{
  position:absolute;
  z-index:3;
  left:22px;
  right:22px;
  bottom:22px;
  padding:22px;
  background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(221,241,255,.56));
  border:1px solid rgba(255,255,255,.72);
  backdrop-filter:blur(18px) saturate(135%);
  box-shadow:0 22px 70px rgba(0,60,120,.22);
}
.team-info h3{
  margin:0 0 8px;
  color:#061226;
  font-size:25px;
  line-height:1.05;
}
.team-info p{
  margin:0;
  color:#25354b;
  font-size:14px;
  line-height:1.55;
}
.about-page-hero-clean .about-system-visual,
.about-system-visual{
  align-self:center;
}
@media(max-width:960px){
  .about-team-grid{grid-template-columns:1fr;}
  .team-card{min-height:390px;}
}


/* BHP V1.1.27 nav pinned beside logo - incremental only */
.bhp-nav{
  justify-content:flex-start!important;
}
.bhp-nav .logo{
  flex:0 0 auto!important;
  margin-right:24px!important;
}
.bhp-nav nav{
  margin-left:0!important;
  margin-right:auto!important;
  justify-content:flex-start!important;
}
.bhp-nav .call-cta{
  margin-left:auto!important;
}
.blog-card p{
  min-height:72px;
}
/* BHP SiteKit V1.1.32 — Incremental CSS fix
   Fixes:
   1) Quote form service buttons stay on one line.
   2) Service inner glass box fills card height with 20px margin.
   3) Service card text remains visible and does not get clipped.
   No PHP / DB changes.
*/

/* Quote / Get Quote buttons: keep Strategy and Automation & AI on one line */
.bhp-root .quote-choice{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.bhp-root .quote-choice label,
.bhp-root .quote-choice span{
  min-width: 0 !important;
}

.bhp-root .quote-choice span{
  height: 56px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  font-size: 14px !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
}

/* Specifically tighten the long Automation button without changing text */
.bhp-root .quote-choice span:has(+ input),
.bhp-root .quote-choice label:nth-child(4) span{
  font-size: 13px !important;
  letter-spacing: -0.04em !important;
}

@supports not selector(:has(*)){
  .bhp-root .quote-choice label:nth-child(4) span{
    font-size: 13px !important;
    letter-spacing: -0.04em !important;
  }
}

/* Service cards: make the text panel fill the card with 20px margin */
body .bhp-root .service-grid .service-card,
body .bhp-root .premium-services .service-grid .service-card,
body .bhp-root .service-card.service-dynamic-card{
  position: relative !important;
  min-height: 420px !important;
  height: 420px !important;
  overflow: hidden !important;
}

body .bhp-root .service-grid .service-card .img,
body .bhp-root .premium-services .service-grid .service-card .img,
body .bhp-root .service-card.service-dynamic-card .img{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

body .bhp-root .service-grid .service-card .glass,
body .bhp-root .premium-services .service-grid .service-card .glass,
body .bhp-root .service-card.service-dynamic-card .glass{
  position: absolute !important;
  inset: 20px !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  overflow: hidden !important;
  transform: none !important;
  background: linear-gradient(135deg, rgba(255,255,255,.24), rgba(255,255,255,.10)) !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  backdrop-filter: blur(24px) saturate(150%) !important;
}

body .bhp-root .service-grid .service-card .glass h3,
body .bhp-root .premium-services .service-grid .service-card .glass h3,
body .bhp-root .service-card.service-dynamic-card .glass h3{
  margin: 0 0 14px 0 !important;
  color: #fff !important;
  font-size: 29px !important;
  line-height: 1.04 !important;
  letter-spacing: -0.055em !important;
  max-width: 100% !important;
}

body .bhp-root .service-grid .service-card .glass p,
body .bhp-root .premium-services .service-grid .service-card .glass p,
body .bhp-root .service-card.service-dynamic-card .glass p{
  margin: 0 !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  max-width: 100% !important;
  display: block !important;
  overflow: visible !important;
}

/* Long service names fit better */
body .bhp-root .service-card .glass h3 br{
  display: none !important;
}

/* Mobile/tablet safety */
@media (max-width: 900px){
  .bhp-root .quote-choice{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .bhp-root .quote-choice span{
    white-space: normal !important;
    line-height: 1.1 !important;
    height: 58px !important;
  }
}

@media (max-width: 560px){
  .bhp-root .quote-choice{
    grid-template-columns: 1fr !important;
  }
}
/* BHP SiteKit V1.1.33 — Service cards: content-size glass box fix
   Incremental CSS only. No PHP / DB changes.
   Goal: glass box returns to content-based height instead of full-card height. */

/* Service cards overlay should fit the text, not fill full parent */
.bhp-service-card .glass,
.bhp-service-card__content,
.bhp-card-glass,
.service-card .glass,
.service-card .bhp-card-glass,
.service-card .service-card-content,
.bhp-services-grid .glass {
  position: absolute !important;
  left: 22px !important;
  right: 22px !important;
  top: auto !important;
  bottom: 22px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 26px 24px !important;
  display: block !important;
  overflow: visible !important;
}

/* Keep text readable and prevent hidden/cut text */
.bhp-service-card .glass h3,
.bhp-service-card__content h3,
.bhp-card-glass h3,
.service-card .glass h3,
.service-card .service-card-content h3,
.bhp-services-grid .glass h3 {
  margin: 0 0 12px !important;
  line-height: 1.04 !important;
  white-space: normal !important;
}

.bhp-service-card .glass p,
.bhp-service-card__content p,
.bhp-card-glass p,
.service-card .glass p,
.service-card .service-card-content p,
.bhp-services-grid .glass p {
  margin: 0 !important;
  line-height: 1.45 !important;
  max-height: none !important;
  overflow: visible !important;
  display: block !important;
}

/* Quote form buttons: keep Automation & AI on one line where possible */
.bhp-quote-tabs button,
.bhp-form-tabs button,
.bhp-quote-form .bhp-service-tab,
.bhp-lead-form .bhp-service-tab {
  white-space: nowrap !important;
  line-height: 1.1 !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

@media (max-width: 900px){
  .bhp-service-card .glass,
  .bhp-service-card__content,
  .bhp-card-glass,
  .service-card .glass,
  .service-card .bhp-card-glass,
  .service-card .service-card-content,
  .bhp-services-grid .glass {
    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;
    padding: 22px 20px !important;
  }
}


/* =========================================================
   BHP V1.1.34 — Restore service card glass box
   Incremental CSS only. Reverts the V1.1.32 full-height overlay.
   Keeps the card image and makes the glass box fit the text again.
   ========================================================= */
body .bhp-root .service-grid .service-card,
body .bhp-root .premium-services .service-grid .service-card,
body .bhp-root .service-card.service-dynamic-card{
  position:relative!important;
  height:390px!important;
  min-height:390px!important;
  overflow:hidden!important;
}

body .bhp-root .service-grid .service-card .img,
body .bhp-root .premium-services .service-grid .service-card .img,
body .bhp-root .service-card.service-dynamic-card .img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}

body .bhp-root .service-grid .service-card .glass,
body .bhp-root .premium-services .service-grid .service-card .glass,
body .bhp-root .service-card.service-dynamic-card .glass,
body .bhp-root .services-section .service-grid .service-card .glass{
  position:absolute!important;
  top:auto!important;
  left:22px!important;
  right:22px!important;
  bottom:22px!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:24px 22px!important;
  display:block!important;
  overflow:visible!important;
  transform:none!important;
  color:#fff!important;
  background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.08))!important;
  border:1px solid rgba(255,255,255,.32)!important;
  backdrop-filter:blur(24px) saturate(150%)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.28)!important;
}

body .bhp-root .service-grid .service-card .glass h3,
body .bhp-root .premium-services .service-grid .service-card .glass h3,
body .bhp-root .service-card.service-dynamic-card .glass h3,
body .bhp-root .services-section .service-grid .service-card .glass h3{
  margin:0 0 12px 0!important;
  color:#fff!important;
  font-size:28px!important;
  line-height:1.03!important;
  letter-spacing:-.055em!important;
  white-space:normal!important;
}

body .bhp-root .service-grid .service-card .glass p,
body .bhp-root .premium-services .service-grid .service-card .glass p,
body .bhp-root .service-card.service-dynamic-card .glass p,
body .bhp-root .services-section .service-grid .service-card .glass p{
  margin:0!important;
  color:rgba(255,255,255,.86)!important;
  font-size:16px!important;
  line-height:1.45!important;
  max-height:none!important;
  overflow:visible!important;
  display:block!important;
}

body .bhp-root .service-grid .service-card .glass h3 br,
body .bhp-root .premium-services .service-grid .service-card .glass h3 br,
body .bhp-root .service-card.service-dynamic-card .glass h3 br{
  display:initial!important;
}

@media(max-width:960px){
  body .bhp-root .service-grid .service-card,
  body .bhp-root .premium-services .service-grid .service-card,
  body .bhp-root .service-card.service-dynamic-card{
    height:340px!important;
    min-height:340px!important;
  }
  body .bhp-root .service-grid .service-card .glass,
  body .bhp-root .premium-services .service-grid .service-card .glass,
  body .bhp-root .service-card.service-dynamic-card .glass{
    left:18px!important;
    right:18px!important;
    bottom:18px!important;
    padding:22px 20px!important;
  }
}

/* BHP V1.1.36 — inner service boxes only, no links; incremental visual patch */
.service-offer-boxes{
  background:linear-gradient(180deg,#ffffff 0%,#f4faff 55%,#ffffff 100%)!important;
  padding-top:58px!important;
  padding-bottom:64px!important;
}
.service-offer-boxes .section-title p{
  max-width:620px!important;
}
.service-static-grid{
  align-items:stretch!important;
}
.service-static-card{
  cursor:default!important;
  pointer-events:auto!important;
  display:block!important;
  border:1px solid rgba(11,116,255,.18)!important;
  background:radial-gradient(circle at 72% 24%,rgba(0,183,255,.25),transparent 30%),linear-gradient(135deg,#041126,#082b5d)!important;
  box-shadow:0 28px 86px rgba(0,83,190,.15)!important;
}
.service-static-card:hover{
  transform:none!important;
  box-shadow:0 28px 86px rgba(0,83,190,.15)!important;
}
.service-static-card:before{
  content:""!important;
  position:absolute!important;
  inset:20px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  pointer-events:none!important;
  z-index:3!important;
}
.service-static-card .img.service-img-dynamic:after{
  background:linear-gradient(180deg,rgba(2,8,20,.06) 0%,rgba(4,17,38,.50) 48%,rgba(4,17,38,.92) 100%)!important;
}
.service-static-card .glass{
  inset:22px!important;
  top:auto!important;
  min-height:190px!important;
  max-height:none!important;
  height:auto!important;
  background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.08))!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.18)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
  color:#fff!important;
  justify-content:flex-end!important;
}
.service-static-card .glass h3{
  color:#fff!important;
  font-size:30px!important;
  line-height:1.03!important;
  margin:0 0 14px!important;
  letter-spacing:-.055em!important;
}
.service-static-card .glass p{
  color:rgba(235,245,255,.86)!important;
  font-size:15.5px!important;
  line-height:1.55!important;
  display:block!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
}
.service-static-card .glass:after{
  content:"Available service"!important;
  display:inline-flex!important;
  align-self:flex-start!important;
  margin-top:18px!important;
  padding:9px 12px!important;
  border:1px solid rgba(255,255,255,.26)!important;
  background:rgba(255,255,255,.09)!important;
  color:#dbeeff!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.9px!important;
  text-transform:uppercase!important;
}
@media(max-width:960px){
  .service-static-card{
    min-height:330px!important;
  }
  .service-static-card .glass{
    min-height:165px!important;
  }
  .service-static-card .glass h3{
    font-size:26px!important;
  }
}

/* BHP INTERNAL SERVICE BOXES — Candy Premium Fantasy v2
   Scope: only child service cards inside internal service pages.
   No links, no database writes, no home service grid changes. */
.bhp-root .service-child-services.service-offer-boxes{
  overflow:hidden!important;
  background:
    radial-gradient(circle at 9% 18%, rgba(0,183,255,.20), transparent 28%),
    radial-gradient(circle at 88% 8%, rgba(134,96,255,.18), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(21,224,255,.16), transparent 32%),
    linear-gradient(180deg,#f8fdff 0%,#eef9ff 46%,#ffffff 100%)!important;
  border:1px solid rgba(11,116,255,.12)!important;
}
.bhp-root .service-child-services.service-offer-boxes:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.55!important;
  background:
    radial-gradient(circle at 12% 70%, rgba(255,255,255,.92) 0 5px, transparent 6px),
    radial-gradient(circle at 72% 22%, rgba(255,255,255,.86) 0 4px, transparent 5px),
    radial-gradient(circle at 91% 82%, rgba(0,183,255,.25) 0 7px, transparent 8px),
    linear-gradient(135deg, rgba(255,255,255,.0), rgba(255,255,255,.42), rgba(255,255,255,.0))!important;
}
.bhp-root .service-child-services .section-title{
  position:relative!important;
  z-index:3!important;
}
.bhp-root .service-grid.service-static-grid{
  position:relative!important;
  z-index:4!important;
  gap:30px!important;
  align-items:stretch!important;
}
.bhp-root .service-static-card{
  position:relative!important;
  min-height:390px!important;
  height:390px!important;
  padding:14px!important;
  cursor:default!important;
  pointer-events:auto!important;
  overflow:visible!important;
  border:1px solid rgba(255,255,255,.95)!important;
  border-radius:30px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(225,246,255,.78))!important;
  box-shadow:
    0 30px 80px rgba(0,108,210,.14),
    0 12px 26px rgba(71,92,255,.08),
    inset 0 1px 0 rgba(255,255,255,.95)!important;
  transform:translateY(0)!important;
  transition:transform .35s ease, box-shadow .35s ease, filter .35s ease!important;
}
.bhp-root .service-static-card:hover{
  transform:translateY(-14px) rotate(-.7deg)!important;
  box-shadow:
    0 44px 100px rgba(0,108,210,.20),
    0 18px 46px rgba(112,92,255,.15),
    inset 0 1px 0 rgba(255,255,255,.98)!important;
  filter:saturate(1.06)!important;
}
.bhp-root .service-static-card:before{
  content:""!important;
  position:absolute!important;
  inset:-2px!important;
  z-index:-1!important;
  border:0!important;
  border-radius:32px!important;
  background:linear-gradient(135deg,rgba(0,183,255,.55),rgba(135,103,255,.42),rgba(255,255,255,.85),rgba(0,183,255,.44))!important;
  opacity:.76!important;
  pointer-events:none!important;
}
.bhp-root .service-static-card:after{
  content:""!important;
  position:absolute!important;
  inset:18px!important;
  z-index:2!important;
  border-radius:24px!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 18% 16%, rgba(255,255,255,.72), transparent 13%),
    radial-gradient(circle at 86% 14%, rgba(255,255,255,.42), transparent 18%),
    linear-gradient(135deg, rgba(255,255,255,.28), rgba(255,255,255,0) 35%, rgba(255,255,255,.18))!important;
  border:1px solid rgba(255,255,255,.42)!important;
}
.bhp-root .service-static-card .img.service-img-dynamic{
  position:absolute!important;
  inset:14px!important;
  height:auto!important;
  z-index:1!important;
  border-radius:26px!important;
  overflow:hidden!important;
  transform:none!important;
  transition:transform .42s ease!important;
}
.bhp-root .service-static-card:hover .img.service-img-dynamic{
  transform:scale(1.018)!important;
}
.bhp-root .service-static-card .img.service-img-dynamic:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  opacity:1!important;
  background:
    radial-gradient(circle at 22% 20%, rgba(255,255,255,.58), transparent 18%),
    radial-gradient(circle at 78% 18%, rgba(255,255,255,.36), transparent 20%),
    radial-gradient(circle at 50% 92%, rgba(255,255,255,.18), transparent 26%)!important;
}
.bhp-root .service-static-card .img.service-img-dynamic:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:
    linear-gradient(180deg,rgba(4,17,38,.02) 0%,rgba(4,17,38,.14) 42%,rgba(4,17,38,.26) 100%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.055) 0 1px,transparent 1px 14px)!important;
}
.bhp-root .service-static-card:nth-child(1) .img.service-img-dynamic{
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.72), transparent 17%),
    radial-gradient(circle at 82% 20%, rgba(112,101,255,.42), transparent 28%),
    linear-gradient(150deg,#e5fbff 0%,#50d6ff 34%,#267cff 70%,#7f68ff 118%)!important;
}
.bhp-root .service-static-card:nth-child(2) .img.service-img-dynamic{
  background:
    radial-gradient(circle at 18% 16%, rgba(255,255,255,.78), transparent 18%),
    radial-gradient(circle at 82% 18%, rgba(77,221,255,.44), transparent 26%),
    linear-gradient(150deg,#f2faff 0%,#76dcff 34%,#537eff 72%,#9a72ff 118%)!important;
}
.bhp-root .service-static-card:nth-child(3) .img.service-img-dynamic{
  background:
    radial-gradient(circle at 20% 18%, rgba(255,255,255,.78), transparent 18%),
    radial-gradient(circle at 82% 20%, rgba(0,206,255,.42), transparent 27%),
    linear-gradient(150deg,#ebffff 0%,#54d4ff 36%,#267bff 76%,#31b8ff 118%)!important;
}
.bhp-root .service-static-card:nth-child(4) .img.service-img-dynamic{
  background:
    radial-gradient(circle at 19% 17%, rgba(255,255,255,.76), transparent 18%),
    radial-gradient(circle at 82% 18%, rgba(138,105,255,.45), transparent 27%),
    linear-gradient(150deg,#f7fbff 0%,#7fddff 32%,#5b7cff 72%,#865dff 118%)!important;
}
.bhp-root .service-static-card .glass{
  position:absolute!important;
  z-index:5!important;
  left:28px!important;
  right:28px!important;
  top:auto!important;
  bottom:28px!important;
  inset:auto 28px 28px 28px!important;
  min-height:232px!important;
  height:auto!important;
  padding:84px 22px 22px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  border-radius:28px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.40),rgba(255,255,255,.16))!important;
  border:1px solid rgba(255,255,255,.66)!important;
  box-shadow:
    0 22px 58px rgba(10,52,110,.18),
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -1px 0 rgba(255,255,255,.20)!important;
  backdrop-filter:blur(24px) saturate(170%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(170%)!important;
  color:#fff!important;
}
.bhp-root .service-static-card .glass:before{
  content:"✦"!important;
  position:absolute!important;
  top:21px!important;
  left:22px!important;
  width:54px!important;
  height:54px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  color:#fff!important;
  font-size:27px!important;
  font-weight:900!important;
  line-height:1!important;
  background:
    radial-gradient(circle at 28% 20%, rgba(255,255,255,.94), transparent 26%),
    linear-gradient(135deg,#20d6ff 0%,#0b74ff 48%,#7d63ff 100%)!important;
  border:1px solid rgba(255,255,255,.70)!important;
  box-shadow:
    0 16px 34px rgba(11,116,255,.30),
    inset 0 1px 0 rgba(255,255,255,.72)!important;
  text-shadow:0 2px 12px rgba(0,0,0,.22)!important;
  transition:transform .32s ease!important;
}
.bhp-root .service-static-card:hover .glass:before{
  transform:translateY(-4px) rotate(-10deg) scale(1.08)!important;
}
.bhp-root .service-static-card .glass:after{
  content:"✓ Included"!important;
  align-self:flex-start!important;
  display:inline-flex!important;
  margin-top:auto!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  color:#ffffff!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.75px!important;
  text-transform:uppercase!important;
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.38)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34)!important;
}
.bhp-root .service-static-card .glass h3{
  color:#fff!important;
  margin:0 0 12px!important;
  max-width:210px!important;
  font-size:30px!important;
  line-height:.96!important;
  letter-spacing:-.07em!important;
  text-shadow:0 12px 32px rgba(0,24,70,.30)!important;
}
.bhp-root .service-static-card .glass p{
  color:rgba(255,255,255,.92)!important;
  margin:0 0 16px!important;
  max-width:245px!important;
  font-size:14.5px!important;
  line-height:1.58!important;
  font-weight:760!important;
  text-shadow:0 10px 28px rgba(0,24,70,.22)!important;
}
.bhp-root .service-static-card:nth-child(1) .glass:before{content:"✺"!important;}
.bhp-root .service-static-card:nth-child(2) .glass:before{content:"✉"!important;}
.bhp-root .service-static-card:nth-child(3) .glass:before{content:"✦"!important;}
.bhp-root .service-static-card:nth-child(4) .glass:before{content:"â—†"!important;}
@media(max-width:1180px){
  .bhp-root .service-grid.service-static-grid{grid-template-columns:repeat(2,1fr)!important;}
}
@media(max-width:960px){
  .bhp-root .service-grid.service-static-grid{grid-template-columns:1fr!important;gap:22px!important;}
  .bhp-root .service-static-card{height:360px!important;min-height:360px!important;}
  .bhp-root .service-static-card .glass{min-height:220px!important;left:22px!important;right:22px!important;bottom:22px!important;inset:auto 22px 22px 22px!important;}
}


/* =========================================================
   BHP Service Inner Page Cards — Soft Glow UI
   Scope: service detail page static service boxes only
   No links, no PHP logic change.
   ========================================================= */

.bhp-root .service-path-section,
.bhp-root .service-detail-services,
.bhp-root .service-children-section{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 9% 92%, rgba(110,203,255,.32), transparent 24%),
    radial-gradient(circle at 86% 12%, rgba(200,153,255,.32), transparent 24%),
    radial-gradient(circle at 50% 36%, rgba(255,255,255,.96), transparent 54%),
    linear-gradient(135deg,#f8fbff 0%,#eef7ff 46%,#f9f3ff 100%)!important;
  border:1px solid rgba(151,197,255,.28)!important;
}

.bhp-root .service-path-section:before,
.bhp-root .service-detail-services:before,
.bhp-root .service-children-section:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.72!important;
  background:
    radial-gradient(circle at 19% 47%, rgba(255,255,255,.95) 0 2px, transparent 3px),
    radial-gradient(circle at 34% 28%, rgba(92,204,255,.68) 0 2px, transparent 3px),
    radial-gradient(circle at 67% 42%, rgba(191,133,255,.52) 0 2px, transparent 3px),
    radial-gradient(circle at 84% 70%, rgba(255,255,255,.92) 0 2px, transparent 3px),
    linear-gradient(115deg, transparent 0 44%, rgba(255,255,255,.42) 45%, transparent 47%),
    repeating-linear-gradient(130deg, rgba(255,255,255,.14) 0 1px, transparent 1px 18px)!important;
  mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 88%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 88%,transparent 100%)!important;
}

.bhp-root .service-path-section:after,
.bhp-root .service-detail-services:after,
.bhp-root .service-children-section:after{
  content:""!important;
  position:absolute!important;
  right:4%!important;
  top:8%!important;
  width:220px!important;
  height:220px!important;
  border-radius:999px!important;
  background:radial-gradient(circle at 36% 30%, rgba(255,255,255,.75), transparent 27%),linear-gradient(135deg, rgba(95,215,255,.36), rgba(164,118,255,.36))!important;
  opacity:.55!important;
  pointer-events:none!important;
}

.bhp-root .service-grid.service-static-grid{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:30px!important;
  align-items:stretch!important;
}

.bhp-root .service-static-card{
  position:relative!important;
  min-height:455px!important;
  height:455px!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:34px!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  cursor:default!important;
  pointer-events:none!important;
}

.bhp-root .service-static-card:hover{
  transform:translateY(-6px)!important;
  box-shadow:none!important;
}

.bhp-root .service-static-card .img.service-img-dynamic,
.bhp-root .service-static-card .img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:34px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.92)!important;
  background:
    radial-gradient(circle at 22% 18%, rgba(255,255,255,.97), transparent 18%),
    radial-gradient(circle at 76% 12%, rgba(255,255,255,.64), transparent 15%),
    linear-gradient(155deg,rgba(255,245,255,.86) 0%,rgba(245,252,255,.90) 32%,rgba(225,245,255,.80) 66%,rgba(252,244,255,.88) 100%)!important;
  box-shadow:
    0 26px 72px rgba(42,105,190,.13),
    0 0 0 1px rgba(120,180,255,.12),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(255,255,255,.70)!important;
  transition:transform .34s ease, box-shadow .34s ease, filter .34s ease!important;
}

.bhp-root .service-static-card:hover .img.service-img-dynamic,
.bhp-root .service-static-card:hover .img{
  transform:translateY(-4px)!important;
  filter:saturate(1.05) brightness(1.02)!important;
  box-shadow:
    0 34px 90px rgba(57,119,215,.18),
    0 0 0 1px rgba(158,204,255,.24),
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -1px 0 rgba(255,255,255,.82)!important;
}

.bhp-root .service-static-card .img:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 24% 25%, rgba(255,255,255,.88), transparent 18%),
    radial-gradient(circle at 82% 18%, rgba(190,139,255,.22), transparent 19%),
    radial-gradient(circle at 77% 74%, rgba(89,211,255,.20), transparent 24%),
    linear-gradient(135deg, rgba(255,255,255,.58), rgba(255,255,255,.12))!important;
  pointer-events:none!important;
}

.bhp-root .service-static-card .img:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  border-radius:34px!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 17% 55%, rgba(153,104,255,.18) 0 4px, transparent 5px),
    radial-gradient(circle at 83% 25%, rgba(0,183,255,.22) 0 5px, transparent 6px),
    radial-gradient(circle at 54% 47%, rgba(255,255,255,.72) 0 2px, transparent 3px),
    radial-gradient(circle at 74% 68%, rgba(255,255,255,.62) 0 2px, transparent 3px),
    linear-gradient(135deg, transparent 0 45%, rgba(255,255,255,.25) 47%, transparent 50%)!important;
  opacity:.95!important;
}

.bhp-root .service-static-card .glass{
  position:absolute!important;
  z-index:6!important;
  left:32px!important;
  right:32px!important;
  bottom:30px!important;
  top:auto!important;
  min-height:330px!important;
  height:auto!important;
  padding:92px 28px 28px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  overflow:visible!important;
  border-radius:30px!important;
  color:#071633!important;
  background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,255,255,.46))!important;
  border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:
    0 22px 58px rgba(91,141,219,.16),
    0 0 0 1px rgba(136,201,255,.16),
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -1px 0 rgba(255,255,255,.62)!important;
  backdrop-filter:blur(24px) saturate(155%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(155%)!important;
  pointer-events:none!important;
}

.bhp-root .service-static-card:nth-child(1) .glass{
  background:linear-gradient(180deg,rgba(255,247,255,.78),rgba(250,242,255,.48))!important;
  box-shadow:0 26px 66px rgba(174,98,255,.18), inset 0 1px 0 rgba(255,255,255,1)!important;
}
.bhp-root .service-static-card:nth-child(2) .glass{
  background:linear-gradient(180deg,rgba(245,253,255,.80),rgba(237,250,255,.50))!important;
  box-shadow:0 26px 66px rgba(33,171,255,.16), inset 0 1px 0 rgba(255,255,255,1)!important;
}
.bhp-root .service-static-card:nth-child(3) .glass{
  background:linear-gradient(180deg,rgba(244,253,255,.80),rgba(235,249,255,.50))!important;
  box-shadow:0 26px 66px rgba(28,160,255,.16), inset 0 1px 0 rgba(255,255,255,1)!important;
}
.bhp-root .service-static-card:nth-child(4) .glass{
  background:linear-gradient(180deg,rgba(251,247,255,.80),rgba(246,241,255,.50))!important;
  box-shadow:0 26px 66px rgba(158,104,255,.17), inset 0 1px 0 rgba(255,255,255,1)!important;
}

.bhp-root .service-static-card .glass:before{
  content:"✦"!important;
  position:absolute!important;
  top:-42px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:104px!important;
  height:104px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  color:#fff!important;
  font-size:46px!important;
  font-weight:900!important;
  line-height:1!important;
  background:
    radial-gradient(circle at 31% 22%, rgba(255,255,255,.95), transparent 25%),
    linear-gradient(145deg,#9fe8ff 0%,#3d96ff 44%,#a66cff 100%)!important;
  border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:
    0 18px 42px rgba(50,135,255,.25),
    0 0 38px rgba(136,101,255,.18),
    inset 0 3px 8px rgba(255,255,255,.54),
    inset 0 -12px 24px rgba(42,65,198,.20)!important;
  text-shadow:0 4px 18px rgba(0,0,0,.18)!important;
}

.bhp-root .service-static-card:nth-child(1) .glass:before{
  content:"✈"!important;
  background:radial-gradient(circle at 31% 22%, rgba(255,255,255,.95), transparent 25%),linear-gradient(145deg,#d7b8ff 0%,#8d70ff 45%,#ff92e8 100%)!important;
}
.bhp-root .service-static-card:nth-child(2) .glass:before{
  content:"✉"!important;
  background:radial-gradient(circle at 31% 22%, rgba(255,255,255,.95), transparent 25%),linear-gradient(145deg,#8ce8ff 0%,#4fa2ff 48%,#8c70ff 100%)!important;
}
.bhp-root .service-static-card:nth-child(3) .glass:before{
  content:"A"!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-size:54px!important;
  letter-spacing:-.10em!important;
  padding-right:5px!important;
  background:radial-gradient(circle at 31% 22%, rgba(255,255,255,.95), transparent 25%),linear-gradient(145deg,#9deaff 0%,#1c9cff 48%,#6f77ff 100%)!important;
}
.bhp-root .service-static-card:nth-child(4) .glass:before{
  content:"∞"!important;
  font-size:56px!important;
  background:radial-gradient(circle at 31% 22%, rgba(255,255,255,.95), transparent 25%),linear-gradient(145deg,#d8b8ff 0%,#7b74ff 46%,#ff93df 100%)!important;
}

.bhp-root .service-static-card .glass h3{
  color:#071331!important;
  margin:0 0 28px!important;
  max-width:240px!important;
  font-size:34px!important;
  line-height:1.05!important;
  letter-spacing:-.075em!important;
  text-shadow:0 10px 32px rgba(255,255,255,.80)!important;
}

.bhp-root .service-static-card .glass h3:after{
  content:""!important;
  display:block!important;
  width:48px!important;
  height:4px!important;
  margin:18px auto 0!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#cb73ff,#22c8ff)!important;
  box-shadow:0 8px 22px rgba(47,178,255,.28)!important;
}

.bhp-root .service-static-card:nth-child(2) .glass h3:after,
.bhp-root .service-static-card:nth-child(3) .glass h3:after{
  background:linear-gradient(90deg,#20cfff,#0b74ff)!important;
}

.bhp-root .service-static-card .glass p{
  color:#24304b!important;
  margin:0 auto 26px!important;
  max-width:240px!important;
  font-size:15.5px!important;
  line-height:1.55!important;
  font-weight:500!important;
  text-shadow:none!important;
}

.bhp-root .service-static-card .glass:after{
  content:"✓ INCLUDED"!important;
  margin-top:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:172px!important;
  min-height:50px!important;
  padding:13px 24px!important;
  border-radius:999px!important;
  color:#1478ff!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.55px!important;
  text-transform:uppercase!important;
  background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(255,255,255,.58))!important;
  border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:0 15px 36px rgba(69,133,210,.16),inset 0 1px 0 rgba(255,255,255,1)!important;
}

.bhp-root .service-static-card:nth-child(1) .glass:after,
.bhp-root .service-static-card:nth-child(4) .glass:after{
  color:#9a38ff!important;
}

@media(max-width:1180px){
  .bhp-root .service-grid.service-static-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:960px){
  .bhp-root .service-grid.service-static-grid{grid-template-columns:1fr!important;gap:32px!important;}
  .bhp-root .service-static-card{min-height:450px!important;height:450px!important;}
  .bhp-root .service-static-card .glass{left:28px!important;right:28px!important;bottom:28px!important;}
}
/* BHP service inner cards - soft glow fix */
.bhp-service-path .service-card{
  height:390px!important;
  min-height:390px!important;
  border-radius:28px!important;
  overflow:visible!important;
  background:linear-gradient(145deg,#eafcff 0%,#eaf4ff 45%,#f8edff 100%)!important;
  border:1px solid rgba(255,255,255,.9)!important;
  box-shadow:0 28px 80px rgba(45,120,255,.18)!important;
}

.bhp-service-path .service-card .img{
  position:absolute!important;
  inset:0!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#f9fdff 0%,#dff7ff 38%,#e9e5ff 100%)!important;
}

.bhp-service-path .service-card .glass{
  left:22px!important;
  right:22px!important;
  bottom:22px!important;
  top:78px!important;
  padding:92px 24px 28px!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.56),rgba(220,245,255,.42))!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 24px 55px rgba(31,122,255,.18)!important;
  backdrop-filter:blur(24px) saturate(150%)!important;
  text-align:center!important;
  color:#071633!important;
  overflow:visible!important;
}

.bhp-service-path .service-card .glass:before{
  content:"";
  position:absolute;
  top:-52px;
  left:50%;
  transform:translateX(-50%);
  width:104px;
  height:104px;
  border-radius:50%!important;
  background:radial-gradient(circle at 30% 20%,#fff 0%,#7ee7ff 28%,#267dff 56%,#b86cff 100%);
  box-shadow:0 18px 45px rgba(78,120,255,.32),inset 0 2px 8px rgba(255,255,255,.75);
  z-index:2;
}

.bhp-service-path .service-card .glass h3{
  font-size:29px!important;
  line-height:1.08!important;
  color:#071633!important;
  margin:0 0 14px!important;
  position:relative!important;
  z-index:3!important;
}

.bhp-service-path .service-card .glass h3:after{
  content:"";
  display:block;
  width:48px;
  height:4px;
  margin:16px auto 0;
  border-radius:20px!important;
  background:linear-gradient(90deg,#b55cff,#00c8ff);
}

.bhp-service-path .service-card .glass p{
  color:#41506b!important;
  font-size:15px!important;
  line-height:1.58!important;
  font-weight:600!important;
  max-width:210px!important;
  margin:0 auto 24px!important;
}

.bhp-service-path .service-card .glass .service-badge,
.bhp-service-path .service-card .glass b,
.bhp-service-path .service-card .glass small{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:150px!important;
  height:46px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(255,255,255,.95)!important;
  box-shadow:0 14px 30px rgba(61,126,255,.16)!important;
  color:#1174ff!important;
  font-weight:900!important;
  font-size:12px!important;
  letter-spacing:.4px!important;
}

.bhp-service-path .service-card:hover{
  transform:translateY(-10px)!important;
  box-shadow:0 38px 100px rgba(54,133,255,.25)!important;
}

/* =========================================================
   BHP V1.1.36 — FINAL INNER SERVICE CARDS
   Scope: only internal service pages / service path cards
   Purpose: soft, elegant, fantasy glass cards without overlap
   ========================================================= */

.bhp-service-path{
  overflow:hidden!important;
  background:
    radial-gradient(circle at 10% 18%,rgba(98,230,255,.22),transparent 28%),
    radial-gradient(circle at 90% 6%,rgba(181,126,255,.20),transparent 26%),
    linear-gradient(180deg,#f7fdff 0%,#eefaff 48%,#fff 100%)!important;
}

.bhp-service-path .service-grid{
  align-items:stretch!important;
  gap:30px!important;
  padding-top:26px!important;
  padding-bottom:22px!important;
}

.bhp-service-path .service-card{
  height:410px!important;
  min-height:410px!important;
  border-radius:34px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 28% 18%,rgba(255,255,255,.95) 0,rgba(255,255,255,.36) 22%,transparent 36%),
    radial-gradient(circle at 86% 88%,rgba(121,91,255,.20),transparent 34%),
    linear-gradient(150deg,rgba(255,255,255,.82),rgba(225,250,255,.66) 42%,rgba(240,230,255,.72))!important;
  border:1px solid rgba(255,255,255,.96)!important;
  box-shadow:
    0 30px 85px rgba(42,124,255,.16),
    inset 0 1px 0 rgba(255,255,255,.95)!important;
  transform:none!important;
}

.bhp-service-path .service-card:before{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:33px!important;
  padding:1px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(87,214,255,.55),rgba(180,116,255,.45),rgba(255,255,255,.75))!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  pointer-events:none!important;
  z-index:6!important;
}

.bhp-service-path .service-card:after{
  content:""!important;
  position:absolute!important;
  width:120px!important;
  height:120px!important;
  right:-38px!important;
  top:-34px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(187,126,255,.26),transparent 68%)!important;
  filter:blur(2px)!important;
  opacity:.72!important;
  z-index:1!important;
  pointer-events:none!important;
}

.bhp-service-path .service-card .img{
  position:absolute!important;
  inset:0!important;
  height:100%!important;
  border-radius:34px!important;
  overflow:hidden!important;
  background:
    repeating-linear-gradient(135deg,rgba(255,255,255,.16) 0 1px,transparent 1px 18px),
    radial-gradient(circle at 20% 14%,rgba(255,255,255,.85),transparent 22%),
    radial-gradient(circle at 82% 18%,rgba(99,225,255,.42),transparent 28%),
    linear-gradient(150deg,#f8feff 0%,#dff9ff 44%,#efe8ff 100%)!important;
  transform:none!important;
}

.bhp-service-path .service-card .img:before,
.bhp-service-path .service-card .img:after{
  display:none!important;
}

.bhp-service-path .service-card .glass{
  position:absolute!important;
  left:24px!important;
  right:24px!important;
  top:118px!important;
  bottom:24px!important;
  padding:70px 24px 24px!important;
  border-radius:30px!important;
  overflow:visible!important;
  text-align:center!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.50)),
    linear-gradient(145deg,rgba(227,250,255,.54),rgba(241,233,255,.52))!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:
    0 24px 55px rgba(43,117,255,.14),
    inset 0 1px 0 rgba(255,255,255,.96)!important;
  backdrop-filter:blur(26px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(165%)!important;
  transform:none!important;
  color:#071633!important;
  z-index:4!important;
}

.bhp-service-path .service-card .glass:before{
  content:""!important;
  position:absolute!important;
  top:-58px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:98px!important;
  height:98px!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 28% 20%,#ffffff 0 8%,rgba(255,255,255,.85) 9% 20%,transparent 21%),
    linear-gradient(145deg,#72efff 0%,#2889ff 48%,#b77bff 100%)!important;
  box-shadow:
    0 18px 42px rgba(97,135,255,.30),
    0 0 0 10px rgba(255,255,255,.36),
    inset 0 2px 8px rgba(255,255,255,.72)!important;
  z-index:2!important;
}

.bhp-service-path .service-card .glass:after{
  content:"✦"!important;
  position:absolute!important;
  top:-33px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-size:28px!important;
  font-weight:900!important;
  text-shadow:0 2px 10px rgba(0,72,180,.25)!important;
  z-index:3!important;
}

.bhp-service-path .service-card:nth-child(1) .glass:after{content:"➤"!important;}
.bhp-service-path .service-card:nth-child(2) .glass:after{content:"✉"!important;}
.bhp-service-path .service-card:nth-child(3) .glass:after{content:"A"!important;font-size:34px!important;}
.bhp-service-path .service-card:nth-child(4) .glass:after{content:"∞"!important;font-size:36px!important;}

.bhp-service-path .service-card .glass h3{
  color:#071633!important;
  font-size:31px!important;
  line-height:1.08!important;
  letter-spacing:-.06em!important;
  margin:0 0 12px!important;
  text-shadow:none!important;
  position:relative!important;
  z-index:5!important;
}

.bhp-service-path .service-card .glass h3:after{
  content:""!important;
  display:block!important;
  width:42px!important;
  height:3px!important;
  margin:14px auto 0!important;
  border-radius:20px!important;
  background:linear-gradient(90deg,#b96cff,#18cfff)!important;
}

.bhp-service-path .service-card .glass p{
  max-width:220px!important;
  margin:0 auto 22px!important;
  color:#445372!important;
  font-size:14.5px!important;
  line-height:1.62!important;
  font-weight:600!important;
  text-shadow:none!important;
  position:relative!important;
  z-index:5!important;
}

.bhp-service-path .service-card .glass .service-badge,
.bhp-service-path .service-card .glass b,
.bhp-service-path .service-card .glass small{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:144px!important;
  height:42px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.70)!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:
    0 14px 30px rgba(73,129,255,.13),
    inset 0 1px 0 rgba(255,255,255,.92)!important;
  color:#0b74ff!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.35px!important;
  text-transform:uppercase!important;
  position:relative!important;
  z-index:5!important;
}

.bhp-service-path .service-card:hover{
  transform:translateY(-9px)!important;
  box-shadow:
    0 42px 105px rgba(55,126,255,.23),
    inset 0 1px 0 rgba(255,255,255,.95)!important;
}

.bhp-service-path .service-card:hover .glass{
  transform:none!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.80),rgba(255,255,255,.55)),
    linear-gradient(145deg,rgba(224,249,255,.62),rgba(239,231,255,.60))!important;
}

@media(max-width:1180px){
  .bhp-service-path .service-grid{grid-template-columns:repeat(2,1fr)!important;}
}

@media(max-width:960px){
  .bhp-service-path .service-grid{grid-template-columns:1fr!important;gap:22px!important;}
  .bhp-service-path .service-card{height:390px!important;min-height:390px!important;}
  .bhp-service-path .service-card .glass{top:108px!important;}
}


/* =========================================================
   BHP SERVICE INNER CARDS — FINAL BOTTOM FIX
   Fixes: badge/pill escaping below cards on internal service pages.
   Scope: only .service-child-services / .service-static-card
   ========================================================= */

.bhp-root .service-child-services.service-offer-boxes{
  padding-bottom:86px!important;
  overflow:hidden!important;
}

.bhp-root .service-child-services .service-static-grid{
  align-items:stretch!important;
  overflow:visible!important;
}

.bhp-root .service-child-services .service-static-card{
  height:430px!important;
  min-height:430px!important;
  overflow:hidden!important;
  border-radius:30px!important;
}

.bhp-root .service-child-services .service-static-card .img.service-img-dynamic{
  inset:14px!important;
  border-radius:26px!important;
  overflow:hidden!important;
}

/* Main glass panel must reserve space for the badge */
.bhp-root .service-child-services .service-static-card .glass{
  left:28px!important;
  right:28px!important;
  top:92px!important;
  bottom:28px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:92px 22px 78px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  overflow:hidden!important;
  border-radius:28px!important;
}

/* Icon stays in the top area without pushing content */
.bhp-root .service-child-services .service-static-card .glass:before{
  top:22px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
}

/* Content size controlled so button never falls out */
.bhp-root .service-child-services .service-static-card .glass h3{
  max-width:230px!important;
  margin:0 auto 14px!important;
  font-size:29px!important;
  line-height:1.02!important;
  color:#06142b!important;
  text-shadow:none!important;
}

.bhp-root .service-child-services .service-static-card .glass p{
  max-width:230px!important;
  margin:0 auto!important;
  font-size:14.5px!important;
  line-height:1.48!important;
  font-weight:700!important;
  color:#314158!important;
  text-shadow:none!important;
}

/* The generated badge/pill is locked inside the glass card */
.bhp-root .service-child-services .service-static-card .glass:after{
  content:"✓ Included"!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:22px!important;
  top:auto!important;
  transform:translateX(-50%)!important;
  width:178px!important;
  height:48px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(255,255,255,.96)!important;
  box-shadow:0 14px 32px rgba(48,120,255,.14), inset 0 1px 0 rgba(255,255,255,.85)!important;
  color:#0b74ff!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.45px!important;
  text-transform:uppercase!important;
}

/* Kill any real badge element if PHP prints one separately */
.bhp-root .service-child-services .service-static-card .service-badge,
.bhp-root .service-child-services .service-static-card .included-badge,
.bhp-root .service-child-services .service-static-card .available-service{
  position:absolute!important;
  left:50%!important;
  bottom:50px!important;
  top:auto!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:178px!important;
  height:48px!important;
  margin:0!important;
  z-index:20!important;
  border-radius:999px!important;
}

/* Mobile safety */
@media(max-width:960px){
  .bhp-root .service-child-services .service-static-card{
    height:390px!important;
    min-height:390px!important;
  }

  .bhp-root .service-child-services .service-static-card .glass{
    top:82px!important;
    bottom:22px!important;
    left:22px!important;
    right:22px!important;
    padding:84px 18px 72px!important;
  }

  .bhp-root .service-child-services .service-static-card .glass h3{
    font-size:25px!important;
  }

  .bhp-root .service-child-services .service-static-card .glass p{
    font-size:13.8px!important;
    line-height:1.45!important;
  }
}

.bhp-nav nav a.active{
  color:#4ea4ff!important;
  position:relative;
}
.bhp-nav nav a.active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  height:3px;
  background:#4ea4ff;
  transform:scaleX(1)!important;
  box-shadow:0 0 14px rgba(78,164,255,.85);
}

/* BHP project dynamic image and gallery final patch */
.portfolio-card.portfolio-dynamic-card .project-img.project-img-dynamic{
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.portfolio-card.portfolio-dynamic-card:after{
  display:none!important;
  content:none!important;
}
.portfolio-card.portfolio-dynamic-card:hover{
  transform:translateY(-6px)!important;
}
.portfolio-card.portfolio-dynamic-card:hover .project-img.project-img-dynamic{
  transform:scale(1.035)!important;
  filter:saturate(1.08)!important;
}
.project-gallery-grid{
  display:grid!important;
  grid-template-columns:360px 1fr 1fr!important;
  gap:22px!important;
  align-items:stretch!important;
}
.project-gallery-item{
  margin:0!important;
  overflow:hidden!important;
  background:#06142B!important;
  border:1px solid rgba(11,116,255,.20)!important;
  box-shadow:0 24px 80px rgba(11,116,255,.10)!important;
}
.project-gallery-item img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.project-gallery-item.portrait{
  grid-row:span 2!important;
  min-height:620px!important;
}
.project-gallery-item.landscape{
  min-height:298px!important;
}
@media(max-width:960px){
  .project-gallery-grid{
    grid-template-columns:1fr!important;
  }
  .project-gallery-item.portrait,
  .project-gallery-item.landscape{
    min-height:320px!important;
    grid-row:auto!important;
  }
}


/* BHP Floating Actions - incremental patch */
.bhp-whatsapp-float,
.bhp-backtop{
  position:fixed!important;
  right:28px!important;
  width:54px!important;
  height:54px!important;
  border-radius:18px!important;
  z-index:99999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:0 18px 48px rgba(2,8,20,.24)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.bhp-whatsapp-float{
  bottom:30px!important;
  background:linear-gradient(135deg,#15d366,#0a8f43)!important;
  color:#fff!important;
  font-size:30px!important;
  font-weight:900!important;
}
.bhp-backtop{
  bottom:96px!important;
  background:rgba(255,255,255,.86)!important;
  color:#0875ff!important;
  font-size:28px!important;
  font-weight:900!important;
  cursor:pointer!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(10px)!important;
  transition:all .25s ease!important;
}
.bhp-backtop.show{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
}
.bhp-whatsapp-float:hover,
.bhp-backtop:hover{
  transform:translateY(-4px)!important;
}
.mobile-panel a[href*="wa.me"]{
  color:#13b85b!important;
  font-weight:900!important;
}
@media(max-width:900px){
  .bhp-whatsapp-float,
  .bhp-backtop{
    display:none!important;
  }
  .mobile-panel a[href*="wa.me"],
  .mobile-panel a[href^="tel:"]{
    display:block!important;
  }
}


/* BHP service structure readability fix - incremental */
.service-grid{
  align-items:stretch!important;
}
.service-card.service-dynamic-card{
  min-height:360px!important;
  overflow:hidden!important;
}
.service-card.service-dynamic-card .glass{
  left:22px!important;
  right:22px!important;
  bottom:22px!important;
  width:auto!important;
  max-width:calc(100% - 44px)!important;
  min-height:172px!important;
  max-height:205px!important;
  overflow:hidden!important;
  padding:24px 22px!important;
  box-sizing:border-box!important;
}
.service-card.service-dynamic-card .glass h3{
  font-size:28px!important;
  line-height:1.08!important;
  margin:0 0 12px!important;
  letter-spacing:-.04em!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.service-card.service-dynamic-card .glass p{
  font-size:16px!important;
  line-height:1.45!important;
  margin:0!important;
  display:-webkit-box!important;
  -webkit-line-clamp:5!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.quote-choice{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
.quote-choice label{
  min-width:0!important;
  min-height:50px!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.quote-choice label span{
  display:block!important;
  width:100%!important;
  font-size:15px!important;
  line-height:1.15!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.eval-sec .quote-choice label span,
.inline-cta .quote-choice label span{
  font-size:14px!important;
}
@media(max-width:1180px){
  .service-card.service-dynamic-card .glass h3{font-size:25px!important;}
  .service-card.service-dynamic-card .glass p{font-size:15px!important;-webkit-line-clamp:4!important;}
  .quote-choice{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:640px){
  .service-card.service-dynamic-card{min-height:330px!important;}
  .service-card.service-dynamic-card .glass{min-height:150px!important;max-height:190px!important;}
  .quote-choice{grid-template-columns:1fr!important;}
}


/* BHP V1.1.22 service/project detail image + priority ordering patch */
.detail-visual.detail-visual-dynamic{
  background-color:#061226!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
}
.service-related-projects{
  padding-top:56px!important;
  padding-bottom:56px!important;
  background:linear-gradient(180deg,#fff,#f5fbff)!important;
}
.service-related-projects + .services-section{
  padding-top:56px!important;
}
/* BHP V1.1.27 nav pinned beside logo */
.bhp-nav{justify-content:flex-start!important;}
.bhp-nav .logo{flex:0 0 auto!important;margin-right:24px!important;}
.bhp-nav nav{margin-left:0!important;margin-right:auto!important;justify-content:flex-start!important;}
.bhp-nav .call-cta{margin-left:auto!important;}



/* =========================================================
   BHP INNER SERVICE CARDS — CLEAN FINAL FIX
   Real HTML: .service-child-services .service-static-card
   Fix: icon/title/text/badge all stay inside card with no overlap
   ========================================================= */

.bhp-root .service-child-services.service-offer-boxes{
  padding-top:58px!important;
  padding-bottom:70px!important;
  overflow:hidden!important;
}

.bhp-root .service-child-services .service-static-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:30px!important;
  align-items:stretch!important;
}

.bhp-root .service-child-services .service-static-card{
  position:relative!important;
  height:430px!important;
  min-height:430px!important;
  overflow:hidden!important;
  border-radius:34px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
  transform:none!important;
}

.bhp-root .service-child-services .service-static-card:hover{
  transform:translateY(-5px)!important;
}

.bhp-root .service-child-services .service-static-card .img.service-img-dynamic{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:34px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.95)!important;
  background:
    repeating-linear-gradient(135deg,rgba(255,255,255,.13) 0 1px,transparent 1px 18px),
    radial-gradient(circle at 20% 15%,rgba(255,255,255,.88),transparent 23%),
    radial-gradient(circle at 82% 16%,rgba(132,116,255,.22),transparent 28%),
    linear-gradient(150deg,#f8feff 0%,#d8f8ff 42%,#eef0ff 100%)!important;
  box-shadow:
    0 26px 70px rgba(45,118,220,.16),
    inset 0 1px 0 rgba(255,255,255,.95)!important;
  transform:none!important;
}

.bhp-root .service-child-services .service-static-card .img.service-img-dynamic:before,
.bhp-root .service-child-services .service-static-card .img.service-img-dynamic:after{
  display:none!important;
}

/* Inner glass panel */
.bhp-root .service-child-services .service-static-card .glass{
  position:absolute!important;
  z-index:5!important;
  left:24px!important;
  right:24px!important;
  top:116px!important;
  bottom:24px!important;
  min-height:0!important;
  height:auto!important;
  padding:74px 22px 74px!important;
  overflow:visible!important;
  border-radius:30px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,.50))!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:
    0 22px 55px rgba(50,125,220,.15),
    inset 0 1px 0 rgba(255,255,255,1)!important;
  backdrop-filter:blur(24px) saturate(155%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(155%)!important;
  color:#06142b!important;
  transform:none!important;
}

/* Icon circle with the glyph inside it */
.bhp-root .service-child-services .service-static-card .glass:before{
  position:absolute!important;
  top:-50px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:104px!important;
  height:104px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-weight:900!important;
  line-height:1!important;
  z-index:8!important;
  border:1px solid rgba(255,255,255,.95)!important;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.96),transparent 25%),
    linear-gradient(145deg,#83edff 0%,#2d8cff 48%,#9f6fff 100%)!important;
  box-shadow:
    0 18px 42px rgba(76,130,255,.28),
    0 0 0 10px rgba(255,255,255,.34),
    inset 0 2px 9px rgba(255,255,255,.65)!important;
  text-shadow:0 4px 16px rgba(0,60,180,.24)!important;
}

.bhp-root .service-child-services .service-static-card:nth-child(1) .glass:before{content:"✈"!important;font-size:46px!important;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.96),transparent 25%),linear-gradient(145deg,#d9b8ff 0%,#8670ff 48%,#ff8fe6 100%)!important;}
.bhp-root .service-child-services .service-static-card:nth-child(2) .glass:before{content:"✉"!important;font-size:46px!important;}
.bhp-root .service-child-services .service-static-card:nth-child(3) .glass:before{content:"A"!important;font-size:54px!important;font-family:Inter,system-ui,sans-serif!important;}
.bhp-root .service-child-services .service-static-card:nth-child(4) .glass:before{content:"∞"!important;font-size:56px!important;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.96),transparent 25%),linear-gradient(145deg,#dab8ff 0%,#766fff 48%,#ff91df 100%)!important;}

/* Title / text */
.bhp-root .service-child-services .service-static-card .glass h3{
  color:#06142b!important;
  max-width:240px!important;
  margin:0 auto 12px!important;
  font-size:30px!important;
  line-height:1.05!important;
  letter-spacing:-.07em!important;
  text-shadow:none!important;
  position:relative!important;
  z-index:7!important;
}

.bhp-root .service-child-services .service-static-card .glass h3:after{
  content:""!important;
  display:block!important;
  width:44px!important;
  height:3px!important;
  border-radius:999px!important;
  margin:14px auto 0!important;
  background:linear-gradient(90deg,#bd67ff,#19cfff)!important;
}

.bhp-root .service-child-services .service-static-card .glass p{
  color:#34425d!important;
  max-width:226px!important;
  margin:0 auto!important;
  font-size:14px!important;
  line-height:1.42!important;
  font-weight:700!important;
  text-shadow:none!important;
  position:relative!important;
  z-index:7!important;
}

/* Bottom badge stays inside the glass panel */
.bhp-root .service-child-services .service-static-card .glass:after{
  content:"✓ INCLUDED"!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:20px!important;
  top:auto!important;
  transform:translateX(-50%)!important;
  width:166px!important;
  height:44px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  color:#0b74ff!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.45px!important;
  text-transform:uppercase!important;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.62))!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:
    0 14px 30px rgba(63,128,220,.14),
    inset 0 1px 0 rgba(255,255,255,1)!important;
  z-index:9!important;
}

.bhp-root .service-child-services .service-static-card:nth-child(1) .glass:after,
.bhp-root .service-child-services .service-static-card:nth-child(4) .glass:after{
  color:#9b3dff!important;
}

/* tablet / mobile */
@media(max-width:1180px){
  .bhp-root .service-child-services .service-static-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:960px){
  .bhp-root .service-child-services .service-static-grid{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  .bhp-root .service-child-services .service-static-card{
    height:410px!important;
    min-height:410px!important;
  }
  .bhp-root .service-child-services .service-static-card .glass{
    left:24px!important;
    right:24px!important;
    top:108px!important;
    bottom:24px!important;
    padding:70px 20px 70px!important;
  }
  .bhp-root .service-child-services .service-static-card .glass h3{
    font-size:27px!important;
  }
  .bhp-root .service-child-services .service-static-card .glass p{
    font-size:13.6px!important;
    line-height:1.42!important;
  }
}
/* FINAL FIX - Service inner cards readable + clean bottom */

.service-offer-boxes{
  overflow:visible!important;
  padding-bottom:70px!important;
}

.service-static-card{
  height:390px!important;
  min-height:390px!important;
  overflow:visible!important;
}

.service-static-card .service-content{
  top:86px!important;
  bottom:22px!important;
  left:22px!important;
  right:22px!important;
  height:auto!important;
  padding:86px 22px 22px!important;

  background:linear-gradient(145deg,rgba(21,164,255,.72),rgba(88,93,255,.72))!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 22px 55px rgba(30,105,255,.22)!important;
  backdrop-filter:blur(18px)!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
}

.service-static-card h3{
  color:#061633!important;
  font-size:30px!important;
  line-height:1.08!important;
  text-shadow:none!important;
  margin:0 0 14px!important;
}

.service-static-card p{
  color:#22324a!important;
  font-size:15px!important;
  line-height:1.5!important;
  font-weight:700!important;
  text-shadow:none!important;
  margin:0!important;
  max-width:210px!important;
}

.service-static-card .service-icon{
  top:46px!important;
  z-index:20!important;
}

.service-static-card .service-badge,
.service-static-card .included-badge{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:20px!important;
  top:auto!important;
  transform:translateX(-50%)!important;

  width:170px!important;
  height:46px!important;
  margin:0!important;

  background:rgba(255,255,255,.86)!important;
  color:#0877ff!important;
  border:1px solid rgba(255,255,255,.95)!important;
  box-shadow:0 12px 28px rgba(37,111,255,.16)!important;
  border-radius:999px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.3px!important;
  text-shadow:none!important;
  z-index:30!important;
}

/* same override also kept in CSS file */

/* BHP FINAL INLINE OVERRIDE - inner service cards only */
.bhp-root .service-child-services.service-offer-boxes{
  position:relative!important;
  overflow:visible!important;
  padding-top:58px!important;
  padding-bottom:82px!important;
  background:linear-gradient(180deg,#f7fdff 0%,#eefaff 48%,#ffffff 100%)!important;
}
.bhp-root .service-child-services .service-static-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:30px!important;
  align-items:stretch!important;
}
.bhp-root .service-child-services .service-static-card{
  position:relative!important;
  height:410px!important;
  min-height:410px!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:32px!important;
  border:1px solid rgba(255,255,255,.9)!important;
  background:linear-gradient(145deg,#eafeff 0%,#d2f4ff 42%,#e7e9ff 100%)!important;
  box-shadow:0 28px 75px rgba(42,112,205,.16)!important;
  transform:none!important;
  pointer-events:none!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
.bhp-root .service-child-services .service-static-card:before,
.bhp-root .service-child-services .service-static-card:after{
  display:none!important;
  content:none!important;
}
.bhp-root .service-child-services .service-static-card .img.service-img-dynamic{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 18% 16%,rgba(255,255,255,.96),transparent 23%),
    radial-gradient(circle at 82% 18%,rgba(130,120,255,.22),transparent 28%),
    linear-gradient(145deg,#effdff 0%,#c9f4ff 42%,#dfe4ff 100%)!important;
  opacity:1!important;
  filter:none!important;
}
.bhp-root .service-child-services .service-static-card .img.service-img-dynamic:before,
.bhp-root .service-child-services .service-static-card .img.service-img-dynamic:after{
  display:none!important;
  content:none!important;
}
.bhp-root .service-child-services .service-static-card .glass{
  position:absolute!important;
  z-index:10!important;
  left:22px!important;
  right:22px!important;
  top:98px!important;
  bottom:22px!important;
  min-height:0!important;
  height:auto!important;
  padding:74px 22px 66px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  overflow:visible!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(232,250,255,.70))!important;
  border:1px solid rgba(255,255,255,1)!important;
  box-shadow:0 20px 45px rgba(42,112,205,.13), inset 0 1px 0 rgba(255,255,255,1)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  color:#06142b!important;
  transform:none!important;
}
.bhp-root .service-child-services .service-static-card .glass:before{
  position:absolute!important;
  top:-50px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:104px!important;
  height:104px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  z-index:30!important;
  color:#fff!important;
  font-weight:900!important;
  border:1px solid rgba(255,255,255,.96)!important;
  background:radial-gradient(circle at 30% 20%,#fff 0%,#82ecff 22%,#2d8cff 55%,#926dff 100%)!important;
  box-shadow:0 16px 34px rgba(65,125,255,.25),0 0 0 9px rgba(255,255,255,.42),inset 0 2px 8px rgba(255,255,255,.68)!important;
  text-shadow:none!important;
  opacity:1!important;
  filter:none!important;
}
.bhp-root .service-child-services .service-static-card:nth-child(1) .glass:before{content:"✈"!important;font-size:45px!important;background:radial-gradient(circle at 30% 20%,#fff 0%,#d7b9ff 26%,#7f70ff 55%,#f08be4 100%)!important;}
.bhp-root .service-child-services .service-static-card:nth-child(2) .glass:before{content:"✉"!important;font-size:46px!important;}
.bhp-root .service-child-services .service-static-card:nth-child(3) .glass:before{content:"A"!important;font-size:54px!important;font-family:Inter,system-ui,sans-serif!important;}
.bhp-root .service-child-services .service-static-card:nth-child(4) .glass:before{content:"∞"!important;font-size:56px!important;background:radial-gradient(circle at 30% 20%,#fff 0%,#d8b7ff 26%,#7770ff 55%,#ef8dde 100%)!important;}
.bhp-root .service-child-services .service-static-card .glass h3{
  color:#06142b!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
  max-width:230px!important;
  margin:0 auto 13px!important;
  font-size:29px!important;
  line-height:1.06!important;
  letter-spacing:-.065em!important;
  font-weight:900!important;
  position:relative!important;
  z-index:20!important;
}
.bhp-root .service-child-services .service-static-card .glass h3:after{
  content:""!important;
  display:block!important;
  width:46px!important;
  height:3px!important;
  margin:14px auto 0!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#b65cff,#00bfff)!important;
}
.bhp-root .service-child-services .service-static-card .glass p{
  color:#26384f!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
  max-width:220px!important;
  margin:0 auto!important;
  font-size:14px!important;
  line-height:1.48!important;
  font-weight:750!important;
  position:relative!important;
  z-index:20!important;
}
.bhp-root .service-child-services .service-static-card .glass:after{
  content:"✓ INCLUDED"!important;
  position:absolute!important;
  left:50%!important;
  bottom:18px!important;
  transform:translateX(-50%)!important;
  width:166px!important;
  height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.78))!important;
  border:1px solid rgba(255,255,255,1)!important;
  box-shadow:0 12px 26px rgba(55,120,220,.13)!important;
  color:#0877ff!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.35px!important;
  text-transform:uppercase!important;
  z-index:25!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
}
@media(max-width:1180px){
  .bhp-root .service-child-services .service-static-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:960px){
  .bhp-root .service-child-services .service-static-grid{grid-template-columns:1fr!important;}
  .bhp-root .service-child-services .service-static-card{height:400px!important;min-height:400px!important;}
}
/* Marketing cards - move top icon circle up */
.marketing-card .service-icon,
.marketing-card .icon-circle,
.marketing-card .card-icon,
.marketing-services .service-icon,
.marketing-services .icon-circle{
    transform: translate(-50%, -20px) !important;
}

/* اگر المنت position:absolute دارد */
.marketing-card .service-icon,
.marketing-card .icon-circle,
.marketing-card .card-icon{
    top: -20px !important;
}
/* move only the round icons 20px up */
.bhp-root .service-child-services .service-static-card .glass:before{
  top:-70px!important;
}
.glass{
    display:flex !important;
    flex-direction:column;
    height:100% !important;
}.glass .included,
.glass .included-btn,
.glass .service-included,
.glass .service-badge{
    margin-top:auto !important;
}

/* BHP favicon/share/WhatsApp final patch */
.bhp-whatsapp-float svg{
  width:30px!important;
  height:30px!important;
  display:block!important;
}
.bhp-whatsapp-float{
  font-size:0!important;
  border-radius:50%!important;
  right:24px!important;
}


/* BHP V1.1.36 mobile-only repair: menu, hero, cards, about, contact and back-to-top */
@media(max-width:760px){
  body.bhp-menu-open{overflow:hidden!important;}
  .bhp-nav{top:14px!important;left:14px!important;right:14px!important;width:auto!important;height:74px!important;transform:none!important;padding:0 12px 0 18px!important;border-radius:24px!important;z-index:120!important;}
  .bhp-nav .logo img{height:50px!important;max-width:176px!important;object-fit:contain!important;}
  .burger{display:flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important;width:48px!important;height:48px!important;padding:0!important;border:1px solid rgba(255,255,255,.16)!important;background:linear-gradient(135deg,#06142b,#0b2348)!important;color:#fff!important;font-size:22px!important;line-height:1!important;border-radius:16px!important;box-shadow:0 14px 32px rgba(0,20,55,.20)!important;}
  .mobile-panel{display:flex!important;position:fixed!important;z-index:130!important;top:98px!important;left:14px!important;right:14px!important;max-height:calc(100vh - 116px)!important;overflow:auto!important;grid-template-columns:none!important;flex-direction:column!important;padding:76px 18px 18px!important;background:radial-gradient(circle at 18% 0%,rgba(0,183,255,.30),transparent 34%),radial-gradient(circle at 90% 18%,rgba(105,92,255,.24),transparent 30%),linear-gradient(145deg,rgba(3,10,24,.98),rgba(5,24,54,.96) 60%,rgba(2,8,20,.98))!important;border:1px solid rgba(91,188,255,.28)!important;box-shadow:0 34px 90px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.12)!important;backdrop-filter:blur(28px) saturate(150%)!important;-webkit-backdrop-filter:blur(28px) saturate(150%)!important;border-radius:28px!important;opacity:0!important;visibility:hidden!important;transform:translateY(-18px) scale(.96)!important;transform-origin:top right!important;transition:opacity .28s ease,transform .28s ease,visibility .28s ease!important;}
  .mobile-panel.open{opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1)!important;}@supports selector(:popover-open){
  .mobile-panel:popover-open{opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1)!important;}}
  .mobile-panel:before{content:""!important;position:absolute!important;inset:12px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:22px!important;pointer-events:none!important;}
  .mobile-close{position:absolute!important;top:18px!important;right:18px!important;width:42px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:14px!important;font-size:28px!important;font-weight:800!important;line-height:1!important;}
  .mobile-panel a{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:58px!important;padding:0 16px!important;margin:0 0 10px!important;color:#fff!important;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:18px!important;font-size:15px!important;font-weight:900!important;letter-spacing:.55px!important;text-transform:uppercase!important;box-shadow:0 14px 30px rgba(0,0,0,.16)!important;}
  .mobile-panel a:after{content:"→";color:#54d7ff;font-size:18px;}
  .mobile-panel .mobile-call-link{background:linear-gradient(135deg,#0786ff,#00c2ff)!important;border-color:rgba(255,255,255,.28)!important;box-shadow:0 18px 40px rgba(0,145,255,.30)!important;}

  .hero.hero-premium{min-height:660px!important;height:auto!important;padding:126px 20px 74px!important;background:radial-gradient(circle at 24% 20%,rgba(0,204,255,.30),transparent 30%),radial-gradient(circle at 82% 18%,rgba(96,74,255,.28),transparent 28%),radial-gradient(circle at 50% 82%,rgba(0,116,255,.24),transparent 38%),linear-gradient(145deg,#020711 0%,#041a3a 58%,#020814 100%)!important;}
  .hero.hero-premium:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(115deg,rgba(255,255,255,.10),transparent 32%,rgba(0,183,255,.07)),repeating-radial-gradient(circle at 60% 40%,rgba(255,255,255,.12) 0 1px,transparent 1px 72px)!important;filter:blur(.2px)!important;opacity:.72!important;pointer-events:none!important;}
  .hero-visual{display:none!important;}
  .slides{width:100%!important;min-width:0!important;position:relative!important;z-index:3!important;}
  .slide h1{font-size:40px!important;line-height:1.08!important;max-width:100%!important;margin-bottom:22px!important;}
  .slide p{font-size:17px!important;line-height:1.75!important;max-width:100%!important;}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-top:26px!important;}
  .hero-actions .btn{width:100%!important;min-height:52px!important;}
  .hero-proof-strip{padding:18px 16px!important;background:linear-gradient(180deg,#eaf8ff,#fff)!important;}
  .hero-proof-inner{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important;border:1px solid rgba(11,116,255,.14)!important;background:rgba(11,116,255,.10)!important;overflow:hidden!important;border-radius:24px!important;}
  .hero-proof-inner div{min-width:0!important;padding:20px 10px!important;background:rgba(255,255,255,.78)!important;text-align:center!important;}
  .hero-proof-inner b{font-size:25px!important;line-height:1!important;white-space:nowrap!important;}
  .hero-proof-inner span{font-size:11px!important;line-height:1.25!important;}

  .sec{padding-left:18px!important;padding-right:18px!important;padding-top:46px!important;padding-bottom:46px!important;}
  .section-title{display:block!important;margin-bottom:22px!important;}
  .section-title h2{font-size:33px!important;line-height:1.05!important;}
  .section-title p{font-size:15px!important;line-height:1.7!important;}
  .services-section .service-grid,.service-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .service-card,.service-card.service-dynamic-card{height:238px!important;min-height:238px!important;border-radius:22px!important;box-shadow:0 18px 48px rgba(0,87,190,.13)!important;}
  .service-card .img{height:100%!important;}
  .service-card .glass,.service-card.service-dynamic-card .glass{left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;max-width:none!important;min-height:116px!important;max-height:136px!important;height:auto!important;padding:13px 12px!important;border-radius:16px!important;display:block!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(227,245,255,.76))!important;}
  .service-card .glass h3,.service-card.service-dynamic-card .glass h3{font-size:18px!important;line-height:1.05!important;margin:0 0 7px!important;letter-spacing:-.045em!important;}
  .service-card .glass p,.service-card.service-dynamic-card .glass p{font-size:12px!important;line-height:1.35!important;-webkit-line-clamp:4!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}

  .about-net.about-premium{display:block!important;min-height:auto!important;padding:52px 18px!important;background:radial-gradient(circle at 12% 12%,rgba(0,183,255,.22),transparent 32%),radial-gradient(circle at 88% 72%,rgba(93,83,255,.18),transparent 30%),linear-gradient(180deg,#f8fcff,#eef8ff)!important;overflow:hidden!important;}
  .about-net .about-copy{position:relative!important;z-index:3!important;}
  .about-net .media-block{display:none!important;}
  .about-net:after{content:""!important;display:block!important;height:220px!important;margin-top:28px!important;border-radius:28px!important;background:radial-gradient(circle at 28% 24%,rgba(0,214,255,.48),transparent 28%),radial-gradient(circle at 74% 54%,rgba(88,88,255,.38),transparent 30%),linear-gradient(135deg,rgba(4,17,38,.94),rgba(8,52,104,.92))!important;box-shadow:0 28px 70px rgba(11,116,255,.20),inset 0 0 0 1px rgba(255,255,255,.16)!important;}

  .projects .portfolio-grid,.portfolio-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .portfolio-card,.portfolio-card.portfolio-dynamic-card{height:238px!important;min-height:238px!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 18px 48px rgba(0,87,190,.13)!important;background:#061226!important;}
  .portfolio-card .project-img{height:100%!important;min-height:0!important;padding:14px!important;background-size:cover!important;background-position:center!important;}
  .portfolio-card .project-img:before{inset:10px!important;border-radius:16px!important;}
  .portfolio-card .project-img:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(2,8,20,.05),rgba(2,8,20,.82))!important;}
  .portfolio-card .project-img span,.portfolio-card .project-img b{position:relative!important;z-index:2!important;}
  .portfolio-card .project-img span{font-size:9px!important;letter-spacing:2.5px!important;}
  .portfolio-card .project-img b{font-size:22px!important;line-height:1!important;}
  .portfolio-card h3{position:absolute!important;left:14px!important;right:14px!important;bottom:18px!important;z-index:5!important;margin:0!important;color:#fff!important;font-size:20px!important;line-height:1.02!important;text-shadow:0 8px 20px rgba(0,0,0,.35)!important;}
  .portfolio-card p{display:none!important;}

  .contact-sec,.eval-sec{grid-template-columns:1fr!important;padding:52px 18px!important;}
  .contact-lines{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .contact-lines a,.contact-lines div{min-height:50px!important;display:flex!important;align-items:center!important;padding:0 14px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:16px!important;color:#fff!important;font-weight:800!important;}
  .lead-form{grid-template-columns:1fr!important;}
  .lead-form input,.lead-form textarea,.lead-form select{min-height:50px!important;border-radius:14px!important;}

  .bhp-whatsapp-float{display:flex!important;right:18px!important;bottom:22px!important;width:58px!important;height:58px!important;z-index:125!important;}
  .bhp-backtop{display:flex!important;right:18px!important;bottom:90px!important;width:52px!important;height:52px!important;z-index:124!important;border-radius:50%!important;align-items:center!important;justify-content:center!important;}
}


/* BHP V1.1.37 — MOBILE ONLY surgical fixes: full-width working menu, proof strip, service titles only, clean about, portfolio spacing */
@media(max-width:760px){
  body.bhp-menu-open{overflow:hidden!important;}

  .bhp-nav{
    top:14px!important;
    left:14px!important;
    right:14px!important;
    width:auto!important;
    max-width:none!important;
    transform:none!important;
    z-index:150!important;
  }

  .burger{
    pointer-events:auto!important;
    cursor:pointer!important;
    z-index:155!important;
    position:relative!important;
  }

  .mobile-panel{
    display:flex!important;
    position:fixed!important;
    top:88px!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    max-width:100vw!important;
    margin:0!important;
    z-index:160!important;
    padding:74px 18px 22px!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0 0 30px 30px!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-22px)!important;
    transition:opacity .28s ease,transform .28s ease,visibility .28s ease!important;
  }

  .mobile-panel.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }@supports selector(:popover-open){

  .mobile-panel:popover-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }}

  .mobile-close{
    pointer-events:auto!important;
    cursor:pointer!important;
    z-index:3!important;
  }

  .mobile-panel a{
    width:100%!important;
  }

  .hero-proof-strip{
    padding:18px 16px!important;
  }
  .hero-proof-inner{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  .hero-proof-inner div{
    min-height:82px!important;
    padding:14px 8px!important;
    display:grid!important;
    grid-template-columns:34px 1fr!important;
    align-items:center!important;
    column-gap:8px!important;
    text-align:left!important;
    border:1px solid rgba(11,116,255,.14)!important;
    background:rgba(255,255,255,.82)!important;
    border-radius:18px!important;
    box-shadow:0 14px 34px rgba(11,116,255,.08)!important;
  }
  .hero-proof-inner div:before{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:12px!important;
    font-size:17px!important;
  }
  .hero-proof-inner b{
    font-size:21px!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-align:left!important;
  }
  .hero-proof-inner span{
    grid-column:2!important;
    font-size:10px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    text-align:left!important;
    display:block!important;
    margin-top:-14px!important;
  }

  .services-section .service-grid,
  .service-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
    align-items:stretch!important;
  }
  .service-card,
  .service-card.service-dynamic-card,
  .service-card.service-static-card{
    height:188px!important;
    min-height:188px!important;
    border-radius:24px!important;
  }
  .service-card .glass,
  .service-card.service-dynamic-card .glass,
  .service-card.service-static-card .glass{
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    min-height:auto!important;
    max-height:none!important;
    height:auto!important;
    padding:13px 12px!important;
    display:flex!important;
    justify-content:center!important;
    text-align:left!important;
    border-radius:16px!important;
  }
  .service-card .glass h3,
  .service-card.service-dynamic-card .glass h3,
  .service-card.service-static-card .glass h3{
    font-size:21px!important;
    line-height:1.02!important;
    margin:0!important;
    color:#fff!important;
    text-shadow:0 8px 22px rgba(0,0,0,.35)!important;
  }
  .service-card .glass p,
  .service-card.service-dynamic-card .glass p,
  .service-card.service-static-card .glass p{
    display:none!important;
  }

  .about-net.about-premium{
    display:block!important;
    padding:48px 18px!important;
    min-height:auto!important;
    background:linear-gradient(180deg,#f8fcff 0%,#eef8ff 100%)!important;
    overflow:hidden!important;
  }
  .about-net.about-premium:after{
    display:none!important;
    content:none!important;
  }
  .about-net.about-premium .netfx,
  .about-net.about-premium .media-block{
    display:none!important;
  }
  .about-net .about-copy{
    display:block!important;
    max-width:100%!important;
    position:relative!important;
    z-index:3!important;
  }
  .about-net .about-copy h2{
    font-size:40px!important;
    line-height:1.02!important;
    margin:0 0 18px!important;
  }
  .about-net .about-copy p{
    font-size:16px!important;
    line-height:1.7!important;
    color:#51627a!important;
    margin:0 0 20px!important;
  }
  .about-points{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:0!important;
    margin:22px 0 0!important;
    list-style:none!important;
  }
  .about-points li{
    min-height:56px!important;
    display:flex!important;
    align-items:center!important;
    text-align:left!important;
    padding:0 18px!important;
    background:rgba(255,255,255,.76)!important;
    border:1px solid rgba(11,116,255,.16)!important;
    box-shadow:0 14px 34px rgba(11,116,255,.07)!important;
    font-weight:900!important;
    color:#061226!important;
    border-radius:16px!important;
  }

  .projects .portfolio-grid,
  .portfolio-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px 14px!important;
    align-items:stretch!important;
  }
  .portfolio-card,
  .portfolio-card.portfolio-dynamic-card{
    height:232px!important;
    min-height:232px!important;
    border-radius:24px!important;
  }
  .portfolio-card .project-img{
    padding:13px!important;
    align-items:flex-start!important;
    justify-content:flex-end!important;
    text-align:left!important;
  }
  .portfolio-card .project-img span{
    display:none!important;
  }
  .portfolio-card .project-img b{
    display:none!important;
  }
  .portfolio-card h3{
    left:13px!important;
    right:13px!important;
    bottom:16px!important;
    text-align:left!important;
    font-size:19px!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
  }
  .portfolio-card p{
    display:none!important;
  }
}


/* BHP V1.1.37 MOBILE ONLY - premium drawer menu, app nav, no mobile WhatsApp */
@media(max-width:960px){
  body{
    padding-bottom:82px!important;
  }

  .bhp-nav{
    z-index:100000!important;
  }
  .burger{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:48px!important;
    height:48px!important;
    padding:0!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#061226,#122846)!important;
    color:#fff!important;
    box-shadow:0 14px 34px rgba(2,8,20,.26)!important;
    font-size:24px!important;
    line-height:1!important;
    cursor:pointer!important;
    pointer-events:auto!important;
  }

  .mobile-panel{
    display:flex!important;
    position:fixed!important;
    z-index:99999!important;
    left:0!important;
    right:0!important;
    top:0!important;
    width:100vw!important;
    height:auto!important;
    min-height:100vh!important;
    padding:92px 18px 104px!important;
    flex-direction:column!important;
    gap:18px!important;
    background:
      radial-gradient(circle at 80% 6%,rgba(0,183,255,.34),transparent 27%),
      radial-gradient(circle at 12% 85%,rgba(11,116,255,.22),transparent 28%),
      linear-gradient(160deg,rgba(2,8,20,.98),rgba(4,17,38,.98) 46%,rgba(7,39,76,.98))!important;
    border:0!important;
    box-shadow:0 40px 120px rgba(0,0,0,.48)!important;
    backdrop-filter:blur(24px) saturate(140%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(140%)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-104%)!important;
    transition:transform .42s cubic-bezier(.2,.85,.2,1),opacity .28s ease,visibility .28s ease!important;
    overflow:auto!important;
  }
  .mobile-panel:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),
      linear-gradient(0deg,rgba(255,255,255,.045) 1px,transparent 1px)!important;
    background-size:54px 54px!important;
    mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 82%)!important;
    -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 82%)!important;
  }
  .mobile-panel.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }@supports selector(:popover-open){
  .mobile-panel:popover-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }}
  body.bhp-menu-open{
    overflow:hidden!important;
  }
  .mobile-panel-head{
    position:relative!important;
    z-index:2!important;
    min-height:72px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:14px 14px 14px 18px!important;
    background:linear-gradient(120deg,rgba(255,255,255,.82),rgba(154,211,255,.56))!important;
    border:1px solid rgba(255,255,255,.46)!important;
    border-radius:26px!important;
    box-shadow:0 22px 70px rgba(0,116,255,.22)!important;
  }
  .mobile-panel-head img{
    display:block!important;
    height:42px!important;
    width:auto!important;
  }
  .mobile-close{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:48px!important;
    height:48px!important;
    padding:0!important;
    border:0!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#061226,#172f52)!important;
    color:#fff!important;
    font-size:34px!important;
    line-height:1!important;
    font-weight:800!important;
    cursor:pointer!important;
  }
  .mobile-panel-links{
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .mobile-panel-links a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:58px!important;
    padding:0 18px!important;
    color:#eaf5ff!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(0,183,255,.055))!important;
    border-radius:20px!important;
    font-size:17px!important;
    font-weight:900!important;
    letter-spacing:.2px!important;
    text-transform:uppercase!important;
    box-shadow:0 12px 34px rgba(0,0,0,.16)!important;
  }
  .mobile-panel-links a:after{
    content:"›"!important;
    color:#62d9ff!important;
    font-size:28px!important;
    line-height:1!important;
  }
  .mobile-panel-links a.active{
    background:linear-gradient(135deg,#0b74ff,#00b7ff)!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.42)!important;
  }
  .mobile-panel-actions{
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    margin-top:4px!important;
  }
  .mobile-panel-actions a{
    min-height:56px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 12px!important;
    border-radius:20px!important;
    font-size:13px!important;
    font-weight:900!important;
    color:#fff!important;
    text-transform:uppercase!important;
    background:linear-gradient(135deg,#075fff,#00b7ff)!important;
    box-shadow:0 16px 42px rgba(11,116,255,.28)!important;
  }
  .mobile-panel-actions a:first-child{
    background:linear-gradient(135deg,#061226,#16396a)!important;
    border:1px solid rgba(255,255,255,.18)!important;
  }

  .bhp-whatsapp-float{
    display:none!important;
  }

  .bhp-mobile-appnav{
    position:fixed!important;
    z-index:99998!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    height:66px!important;
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    gap:4px!important;
    padding:7px!important;
    background:linear-gradient(135deg,rgba(2,8,20,.92),rgba(6,30,62,.92))!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:26px!important;
    box-shadow:0 18px 56px rgba(0,0,0,.32)!important;
    backdrop-filter:blur(18px) saturate(140%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
  }
  .bhp-mobile-appnav a{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    color:#cfe6ff!important;
    text-decoration:none!important;
    border-radius:18px!important;
    font-weight:900!important;
  }
  .bhp-mobile-appnav a span{
    display:block!important;
    font-size:17px!important;
    line-height:1!important;
  }
  .bhp-mobile-appnav a b{
    display:block!important;
    font-size:9px!important;
    line-height:1!important;
    letter-spacing:.15px!important;
    white-space:nowrap!important;
  }
  .bhp-mobile-appnav a.active,
  .bhp-mobile-appnav a:hover{
    color:#fff!important;
    background:linear-gradient(135deg,#075fff,#00b7ff)!important;
  }

  .services-section .service-card .glass,
  .services-section .service-card.service-dynamic-card .glass,
  .services-section .service-card.service-static-card .glass{
    display:none!important;
  }
  .services-section .service-card,
  .services-section .service-card.service-dynamic-card,
  .services-section .service-card.service-static-card{
    overflow:hidden!important;
    background:#061226!important;
  }
  .services-section .service-card .img,
  .services-section .service-card.service-dynamic-card .img,
  .services-section .service-card.service-static-card .img{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background-size:cover!important;
    background-position:center!important;
  }

  .bhp-backtop{
    bottom:88px!important;
    right:18px!important;
    z-index:99997!important;
  }
}
@media(min-width:961px){
  .bhp-mobile-appnav{
    display:none!important;
  }
}

/* BHP V1.1.38 — MOBILE ONLY final polish: header flat, proof grid, services image-only, about spacing, portfolio titles */
@media(max-width:960px){

  /* 1) Mobile header: flat, full-width, no rounded corners */
  .bhp-root .bhp-nav,
  header.bhp-nav,
  .bhp-nav.glass-nav{
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    height:72px!important;
    transform:none!important;
    margin:0!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    border-top:0!important;
  }
  .bhp-nav:before{
    border-radius:0!important;
  }

  /* 2) Hero proof / stats: no overlap, clean 2x2 cards */
  .hero-proof-strip{
    padding:18px 16px!important;
    overflow:hidden!important;
  }
  .hero-proof-inner{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:stretch!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .hero-proof-inner div{
    position:relative!important;
    min-width:0!important;
    min-height:104px!important;
    height:104px!important;
    padding:12px 8px 10px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    text-align:center!important;
    background:rgba(255,255,255,.82)!important;
    border:1px solid rgba(11,116,255,.16)!important;
    box-shadow:0 14px 34px rgba(11,116,255,.08)!important;
    overflow:hidden!important;
  }
  .hero-proof-inner div:before{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    flex:0 0 32px!important;
    margin:0!important;
    font-size:16px!important;
    line-height:1!important;
    border-radius:0!important;
  }
  .hero-proof-inner b{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:24px!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
    text-align:center!important;
    white-space:nowrap!important;
    grid-column:auto!important;
  }
  .hero-proof-inner span{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:10px!important;
    line-height:1.15!important;
    letter-spacing:0!important;
    text-align:center!important;
    white-space:normal!important;
    grid-column:auto!important;
    color:#31445f!important;
    font-weight:900!important;
  }

  /* 3) Home service cards: image-only on mobile */
  .bhp-root .services-section .service-card .glass,
  .bhp-root .services-section .service-card .glass *,
  .bhp-root .services-section .service-card h3,
  .bhp-root .services-section .service-card p{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
  }
  .bhp-root .services-section .service-grid,
  .bhp-root .service-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
  }
  .bhp-root .services-section .service-card,
  .bhp-root .services-section .service-card.service-dynamic-card,
  .bhp-root .services-section .service-card.service-static-card{
    height:176px!important;
    min-height:176px!important;
    overflow:hidden!important;
    background:#061226!important;
  }
  .bhp-root .services-section .service-card .img,
  .bhp-root .services-section .service-card.service-dynamic-card .img,
  .bhp-root .services-section .service-card.service-static-card .img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background-size:cover!important;
    background-position:center!important;
    transform:none!important;
  }
  .bhp-root .services-section .service-card .img:after{
    opacity:.16!important;
  }

  /* 4) About feature rows: icon and text never overlap */
  .about-points{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:0!important;
    margin:24px 0 0!important;
  }
  .about-points li{
    position:relative!important;
    min-height:58px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:18px!important;
    padding:0 18px 0 56px!important;
    text-align:left!important;
    line-height:1.25!important;
    overflow:hidden!important;
    white-space:normal!important;
  }
  .about-points li:before{
    content:""!important;
    position:absolute!important;
    left:20px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    margin:0!important;
    background:linear-gradient(135deg,#0b74ff,#00b7ff)!important;
    box-shadow:0 0 18px rgba(0,183,255,.55)!important;
  }

  /* 5) Portfolio cards: separated, show project names, hide descriptions */
  .projects .portfolio-grid,
  .premium-projects .portfolio-grid,
  .portfolio-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px 14px!important;
    align-items:stretch!important;
  }
  .projects .portfolio-card,
  .premium-projects .portfolio-card,
  .portfolio-card.portfolio-dynamic-card{
    position:relative!important;
    height:248px!important;
    min-height:248px!important;
    overflow:hidden!important;
    background:#061226!important;
    box-shadow:0 16px 44px rgba(0,82,175,.16)!important;
  }
  .projects .portfolio-card .project-img,
  .premium-projects .portfolio-card .project-img,
  .portfolio-card.portfolio-dynamic-card .project-img{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    height:100%!important;
    width:100%!important;
    padding:0!important;
    background-size:cover!important;
    background-position:center!important;
  }
  .projects .portfolio-card .project-img span,
  .premium-projects .portfolio-card .project-img span,
  .portfolio-card .project-img span,
  .projects .portfolio-card .project-img b,
  .premium-projects .portfolio-card .project-img b,
  .portfolio-card .project-img b{
    display:none!important;
  }
  .projects .portfolio-card h3,
  .premium-projects .portfolio-card h3,
  .portfolio-card.portfolio-dynamic-card h3{
    display:block!important;
    position:absolute!important;
    z-index:8!important;
    left:10px!important;
    right:10px!important;
    bottom:12px!important;
    margin:0!important;
    padding:10px 8px!important;
    color:#fff!important;
    font-size:18px!important;
    line-height:1.05!important;
    letter-spacing:-.045em!important;
    text-align:left!important;
    background:linear-gradient(180deg,rgba(3,9,20,.18),rgba(3,9,20,.72))!important;
    text-shadow:0 8px 18px rgba(0,0,0,.45)!important;
  }
  .projects .portfolio-card p,
  .premium-projects .portfolio-card p,
  .portfolio-card.portfolio-dynamic-card p{
    display:none!important;
  }

  /* Keep mobile WhatsApp hidden */
  .bhp-whatsapp-float{
    display:none!important;
  }
}




/* BHP V1.1.39 — MOBILE ONLY hotfix: contact responsive, quote choices hidden, stats spacing, WhatsApp hidden, value lines fixed. No desktop/tablet changes. */
@media (max-width:960px){

  /* 1) Contact page must be single-column and not overflow on mobile */
  .bhp-root .contact-sec,
  .bhp-root .contact-sec.contact-page,
  .bhp-root .contact-page.contact-mode,
  .bhp-root section.contact-sec.contact-page.contact-mode{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .bhp-root .contact-sec .contact-copy,
  .bhp-root .contact-sec .lead-form,
  .bhp-root .contact-sec .contact-form,
  .bhp-root .contact-sec .quote-form,
  .bhp-root .contact-sec .contact-map-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-column:1/-1!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
  }
  .bhp-root .contact-sec .lead-form,
  .bhp-root .contact-sec .contact-form,
  .bhp-root .contact-sec .quote-form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:18px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .bhp-root .contact-sec .lead-form input,
  .bhp-root .contact-sec .lead-form textarea,
  .bhp-root .contact-sec .lead-form select,
  .bhp-root .contact-sec .lead-form button{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-column:1/-1!important;
    box-sizing:border-box!important;
  }
  .bhp-root .contact-sec h2{
    font-size:40px!important;
    line-height:1.02!important;
    max-width:100%!important;
    overflow-wrap:break-word!important;
  }

  /* 2) Hide the four quote service boxes on mobile only */
  .bhp-root .quote-mode .quote-choice,
  .bhp-root .quote-form .quote-choice,
  .bhp-root .lead-form.quote-form .quote-choice{
    display:none!important;
  }

  /* 3) Mobile proof/stats: icons smaller, no overlap, clear number/text spacing */
  .bhp-root .hero-proof-strip{
    padding:18px 18px 26px!important;
    overflow:hidden!important;
  }
  .bhp-root .hero-proof-inner{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    align-items:stretch!important;
  }
  .bhp-root .hero-proof-inner > div{
    position:relative!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:4px!important;
    align-items:center!important;
    justify-items:start!important;
    min-height:88px!important;
    height:88px!important;
    padding:14px 10px!important;
    overflow:hidden!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }
  .bhp-root .hero-proof-inner > div:before{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    grid-column:1!important;
    grid-row:1/3!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    margin:0!important;
    padding:0!important;
    font-size:16px!important;
    line-height:32px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }
  .bhp-root .hero-proof-inner > div b{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    grid-column:2!important;
    grid-row:1!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:23px!important;
    line-height:1!important;
    letter-spacing:-.04em!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-align:left!important;
  }
  .bhp-root .hero-proof-inner > div span{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    grid-column:2!important;
    grid-row:2!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:9.5px!important;
    line-height:1.15!important;
    letter-spacing:0!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    text-align:left!important;
    color:#1f314a!important;
  }

  /* fallback if normal stats-strip appears on mobile */
  .bhp-root .stats-strip{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .bhp-root .stats-strip > div{
    display:grid!important;
    grid-template-columns:40px 1fr!important;
    grid-template-rows:auto auto!important;
    column-gap:12px!important;
    min-height:78px!important;
    padding:14px!important;
    align-items:center!important;
  }
  .bhp-root .stats-strip > div:before{
    grid-row:1/3!important;
    width:30px!important;
    height:30px!important;
    position:relative!important;
    transform:none!important;
  }
  .bhp-root .stats-strip b{
    font-size:24px!important;
    line-height:1!important;
    margin:0!important;
  }
  .bhp-root .stats-strip span{
    font-size:10px!important;
    line-height:1.2!important;
    margin:4px 0 0!important;
  }

  /* 4) Remove WhatsApp floating icon on mobile only */
  .bhp-root .bhp-whatsapp-float,
  .bhp-whatsapp-float,
  a.bhp-whatsapp-float,
  a[href*="wa.me"],
  a[href*="api.whatsapp.com"],
  .whatsapp,
  .whatsapp-float,
  .floating-whatsapp{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  /* 5) About/value lines: icon and text must not overlap */
  .bhp-root .value-lines{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .bhp-root .value-lines > div{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:16px!important;
    min-height:54px!important;
    padding:14px 16px 14px 52px!important;
    overflow:hidden!important;
    text-align:left!important;
    line-height:1.25!important;
    white-space:normal!important;
  }
  .bhp-root .value-lines > div:before{
    content:""!important;
    position:absolute!important;
    left:18px!important;
    top:50%!important;
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    min-height:15px!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    background:linear-gradient(135deg,#0078ff,#00c2ff)!important;
    box-shadow:0 0 18px rgba(0,183,255,.42)!important;
  }
  .bhp-root .value-lines > div *{
    position:relative!important;
    z-index:2!important;
  }

  /* Keep bottom app nav above content but below back-to-top, no WhatsApp gap */
  .bhp-root .bhp-mobile-appnav{
    z-index:99998!important;
  }
  .bhp-root .bhp-backtop{
    right:18px!important;
    bottom:88px!important;
  }
}


/* BHP V1.1.40 mobile-only final polish — incremental, no desktop/tablet change */
@media (max-width:960px){

  /* 1) Stats: add real gaps between boxes and stop number/text collision */
  .bhp-root .stats-strip{
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0,1fr))!important;
    gap:10px!important;
    padding:18px 18px 28px!important;
    overflow:hidden!important;
  }
  .bhp-root .stats-strip div{
    min-width:0!important;
    min-height:88px!important;
    height:88px!important;
    padding:10px 8px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:3px!important;
    align-items:center!important;
    justify-items:start!important;
    text-align:left!important;
    background:rgba(255,255,255,.72)!important;
    border:1px solid rgba(11,116,255,.16)!important;
    box-shadow:0 14px 36px rgba(11,116,255,.08)!important;
    overflow:hidden!important;
  }
  .bhp-root .stats-strip div > i,
  .bhp-root .stats-strip div .stat-icon,
  .bhp-root .stats-strip div svg{
    grid-row:1 / 3!important;
    grid-column:1!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .bhp-root .stats-strip div:before{
    grid-row:1 / 3!important;
    grid-column:1!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    margin:0!important;
  }
  .bhp-root .stats-strip b{
    grid-column:2!important;
    grid-row:1!important;
    display:block!important;
    max-width:100%!important;
    font-size:23px!important;
    line-height:1!important;
    letter-spacing:-.06em!important;
    margin:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    color:#0572ff!important;
  }
  .bhp-root .stats-strip span{
    grid-column:2!important;
    grid-row:2!important;
    display:block!important;
    max-width:100%!important;
    margin:0!important;
    font-size:8.6px!important;
    line-height:1.12!important;
    letter-spacing:0!important;
    color:#142740!important;
    white-space:normal!important;
    overflow:hidden!important;
  }

  /* 2) About/value lines: keep icon out of text, force clean black readable text */
  .bhp-root .value-lines > div{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:14px!important;
    min-height:56px!important;
    padding:14px 16px 14px 56px!important;
    color:#061226!important;
    font-size:15px!important;
    line-height:1.25!important;
    font-weight:900!important;
    text-align:left!important;
    white-space:normal!important;
    overflow:hidden!important;
  }
  .bhp-root .value-lines > div:before{
    left:18px!important;
    width:13px!important;
    height:13px!important;
    min-width:13px!important;
    min-height:13px!important;
    transform:translateY(-50%)!important;
  }
  .bhp-root .value-lines > div,
  .bhp-root .value-lines > div *{
    color:#061226!important;
  }

  /* 3) Services page hero/visual pale block: make text black on mobile */
  .bhp-root .service-hero,
  .bhp-root .services-hero,
  .bhp-root .detail-visual,
  .bhp-root .page-head .detail-visual,
  .bhp-root .service-detail .detail-visual{
    color:#061226!important;
  }
  .bhp-root .service-hero *,
  .bhp-root .services-hero *,
  .bhp-root .detail-visual *,
  .bhp-root .page-head .detail-visual *,
  .bhp-root .service-detail .detail-visual *{
    color:#061226!important;
    text-shadow:none!important;
  }
  .bhp-root .detail-visual{
    background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(204,235,255,.70))!important;
    border:1px solid rgba(11,116,255,.24)!important;
  }

  /* 4) Mobile menu: more premium/fantasy, no border-radius anywhere */
  .bhp-root .mobile-panel,
  .bhp-root .mobile-panel.open{
    border-radius:0!important;
    background:
      radial-gradient(circle at 15% 0%,rgba(0,183,255,.24),transparent 34%),
      radial-gradient(circle at 82% 18%,rgba(87,106,255,.20),transparent 36%),
      linear-gradient(145deg,rgba(3,9,22,.98),rgba(7,27,58,.98))!important;
    border-left:0!important;
    border-right:0!important;
    border-top:1px solid rgba(105,219,255,.22)!important;
    border-bottom:1px solid rgba(105,219,255,.18)!important;
    box-shadow:0 36px 90px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.10)!important;
    overflow:hidden!important;
  }@supports selector(:popover-open){

  /* 4) Mobile menu: more premium/fantasy, no border-radius anywhere */
  .bhp-root .mobile-panel,
  .bhp-root .mobile-panel:popover-open{
    border-radius:0!important;
    background:
      radial-gradient(circle at 15% 0%,rgba(0,183,255,.24),transparent 34%),
      radial-gradient(circle at 82% 18%,rgba(87,106,255,.20),transparent 36%),
      linear-gradient(145deg,rgba(3,9,22,.98),rgba(7,27,58,.98))!important;
    border-left:0!important;
    border-right:0!important;
    border-top:1px solid rgba(105,219,255,.22)!important;
    border-bottom:1px solid rgba(105,219,255,.18)!important;
    box-shadow:0 36px 90px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.10)!important;
    overflow:hidden!important;
  }}
  .bhp-root .mobile-panel *,
  .bhp-root .mobile-panel.open *{
    border-radius:0!important;
  }@supports selector(:popover-open){
  .bhp-root .mobile-panel *,
  .bhp-root .mobile-panel:popover-open *{
    border-radius:0!important;
  }}
  .bhp-root .mobile-panel a,
  .bhp-root .mobile-panel.open a{
    border-radius:0!important;
    background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(0,183,255,.10),rgba(255,255,255,.04))!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  }@supports selector(:popover-open){
  .bhp-root .mobile-panel a,
  .bhp-root .mobile-panel:popover-open a{
    border-radius:0!important;
    background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(0,183,255,.10),rgba(255,255,255,.04))!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  }}
  .bhp-root .mobile-panel a:hover,
  .bhp-root .mobile-panel a:focus,
  .bhp-root .mobile-panel a.active{
    background:linear-gradient(90deg,#0878ff,#00b7ff)!important;
    color:#fff!important;
  }

  /* 5) Kill WhatsApp floating residue on mobile */
  .bhp-root .bhp-whatsapp-float,
  .bhp-whatsapp-float,
  a.bhp-whatsapp-float,
  a[href*="wa.me"],
  a[href*="api.whatsapp.com"],
  .whatsapp,
  .whatsapp-float,
  .floating-whatsapp,
  .joinchat,
  .joinchat__button{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
}
@media (max-width:768px){

  /* حذف لوگوی داخل پنل منو */
  .bhp-mobile-drawer .bhp-mobile-drawer-brand,
  .bhp-mobile-drawer .bhp-mobile-brand,
  .bhp-mobile-drawer .bhp-mobile-logo,
  .bhp-mobile-drawer .logo,
  .bhp-mobile-panel .bhp-mobile-drawer-brand,
  .bhp-mobile-panel .bhp-mobile-brand,
  .bhp-mobile-panel .bhp-mobile-logo,
  .mobile-panel .bhp-mobile-drawer-brand,
  .mobile-panel .bhp-mobile-brand,
  .mobile-panel .bhp-mobile-logo{
    display:none !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  /* شروع منو بالاتر */
  .bhp-mobile-drawer,
  .bhp-mobile-panel,
  .mobile-panel.open{
    padding-top:14px !important;
  }@supports selector(:popover-open){

  /* شروع منو بالاتر */
  .bhp-mobile-drawer,
  .bhp-mobile-panel,
  .mobile-panel:popover-open{
    padding-top:14px !important;
  }}

  /* کم کردن فاصله لینک‌ها */
  .bhp-mobile-drawer a,
  .bhp-mobile-panel a,
  .mobile-panel.open a{
    min-height:52px !important;
    margin:6px 0 !important;
    padding:0 16px !important;
  }@supports selector(:popover-open){

  /* کم کردن فاصله لینک‌ها */
  .bhp-mobile-drawer a,
  .bhp-mobile-panel a,
  .mobile-panel:popover-open a{
    min-height:52px !important;
    margin:6px 0 !important;
    padding:0 16px !important;
  }}

  /* جمع کردن فاصله‌های داخلی لیست */
  .bhp-mobile-drawer nav,
  .bhp-mobile-drawer ul,
  .bhp-mobile-panel nav,
  .bhp-mobile-panel ul,
  .mobile-panel.open nav,
  .mobile-panel.open ul{
    margin-top:0 !important;
    padding-top:0 !important;
    gap:6px !important;
  }@supports selector(:popover-open){

  /* جمع کردن فاصله‌های داخلی لیست */
  .bhp-mobile-drawer nav,
  .bhp-mobile-drawer ul,
  .bhp-mobile-panel nav,
  .bhp-mobile-panel ul,
  .mobile-panel:popover-open nav,
  .mobile-panel:popover-open ul{
    margin-top:0 !important;
    padding-top:0 !important;
    gap:6px !important;
  }}
}@media (max-width:768px){

    .mobile-panel.open a,
    .bhp-mobile-panel a,
    .bhp-mobile-drawer a{
        margin:2px 0 !important;
    }@supports selector(:popover-open){

    .mobile-panel:popover-open a,
    .bhp-mobile-panel a,
    .bhp-mobile-drawer a{
        margin:2px 0 !important;
    }}

    .mobile-panel.open,
    .bhp-mobile-panel,
    .bhp-mobile-drawer{
        row-gap:2px !important;
        gap:2px !important;
    }@supports selector(:popover-open){

    .mobile-panel:popover-open,
    .bhp-mobile-panel,
    .bhp-mobile-drawer{
        row-gap:2px !important;
        gap:2px !important;
    }}

}@media (max-width:768px){

  .mobile-panel.open{
    padding-top:8px !important;
  }@supports selector(:popover-open){

  .mobile-panel:popover-open{
    padding-top:8px !important;
  }}

  /* باکس لوگو خیلی کوتاه */
  .mobile-panel.open > *:first-child{
    height:84px !important;
    min-height:84px !important;
    max-height:84px !important;
    padding:0 14px !important;
    margin:0 0 2px 0 !important;
    display:flex !important;
    align-items:center !important;
	display:none !important;
  }@supports selector(:popover-open){

  /* باکس لوگو خیلی کوتاه */
  .mobile-panel:popover-open > *:first-child{
    height:84px !important;
    min-height:84px !important;
    max-height:84px !important;
    padding:0 14px !important;
    margin:0 0 2px 0 !important;
    display:flex !important;
    align-items:center !important;
	display:none !important;
  }}

  .mobile-panel.open > *:first-child img{
    height:18px !important;
    max-height:18px !important;
    width:auto !important;
  }@supports selector(:popover-open){

  .mobile-panel:popover-open > *:first-child img{
    height:18px !important;
    max-height:18px !important;
    width:auto !important;
  }}

  /* HOME بره بالا */
  .mobile-panel.open a{
    height:80px !important;
    min-height:80px !important;
    margin:3px 0 !important;
    padding:0 16px !important;
  }@supports selector(:popover-open){

  /* HOME بره بالا */
  .mobile-panel:popover-open a{
    height:80px !important;
    min-height:80px !important;
    margin:3px 0 !important;
    padding:0 16px !important;
  }}

  /* ضربدر وسط و تمیز */
  .mobile-panel.open button,
  .mobile-panel.open .close,
  .mobile-panel.open .mobile-close,
  .mobile-panel.open .menu-close{
	
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
  }@supports selector(:popover-open){

  /* ضربدر وسط و تمیز */
  .mobile-panel:popover-open button,
  .mobile-panel:popover-open .close,
  .mobile-panel:popover-open .mobile-close,
  .mobile-panel:popover-open .menu-close{
	
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
  }}

}/* Mobile Menu - Compact */
@media (max-width:768px){

  .mobile-panel.open{
    gap:4px !important;
    padding:10px 0 12px !important;
  }@supports selector(:popover-open){

  .mobile-panel:popover-open{
    gap:4px !important;
    padding:10px 0 12px !important;
  }}

  .mobile-panel.open a{
    min-height:42px !important;
    height:42px !important;
    padding:0 16px !important;
    margin:2px 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    line-height:42px !important;
    font-size:16px !important;
  }@supports selector(:popover-open){

  .mobile-panel:popover-open a{
    min-height:42px !important;
    height:42px !important;
    padding:0 16px !important;
    margin:2px 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    line-height:42px !important;
    font-size:16px !important;
  }}

}@media (max-width:768px){

  .mobile-panel.open{
    display:block !important;
    padding:8px 0 10px !important;
  }@supports selector(:popover-open){

  .mobile-panel:popover-open{
    display:block !important;
    padding:8px 0 10px !important;
  }}

  .mobile-panel.open > *:first-child{
    display:none !important;
  }@supports selector(:popover-open){

  .mobile-panel:popover-open > *:first-child{
    display:none !important;
  }}

  .mobile-panel.open a{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    height:44px !important;
    min-height:44px !important;
    line-height:44px !important;

    margin:0 !important;
    padding:0 18px !important;

    border-bottom:1px solid rgba(255,255,255,.10) !important;
  }@supports selector(:popover-open){

  .mobile-panel:popover-open a{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    height:44px !important;
    min-height:44px !important;
    line-height:44px !important;

    margin:0 !important;
    padding:0 18px !important;

    border-bottom:1px solid rgba(255,255,255,.10) !important;
  }}

}/* فاصله آیکون با متن */
.value-lines div{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
}

.value-lines div::before,
.value-lines div i,
.value-lines div svg{
    margin-right:14px !important;
    flex-shrink:0 !important;
}@media (max-width:768px){

  .about-points li{
    display:flex !important;
    align-items:center !important;
    gap:20px !important;
    padding:14px 18px !important;
  }

  .about-points li:before,
  .about-points li::before{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    margin:0 !important;
    flex:0 0 16px !important;
    width:16px !important;
    height:16px !important;
  }

}
@media (max-width:768px){

  .about-points li{
    display:flex !important;
    align-items:center !important;
    gap:20px !important;
    padding:14px 18px !important;
  }

  .about-points li:before,
  .about-points li::before{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    margin:0 !important;
    flex:0 0 16px !important;
    width:16px !important;
    height:16px !important;
  }

}@media (max-width:768px){

  .about-points li{
    display:flex !important;
    align-items:center !important;
    gap:20px !important;
    padding:14px 18px !important;
  }

  .about-points li:before,
  .about-points li::before{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    margin:0 !important;
    flex:0 0 16px !important;
    width:16px !important;
    height:16px !important;
  }

}@media (max-width:768px){

  .about-points{
    margin-bottom:28px !important;
  }

  .about-points + .btn,
  .about-points + a.btn,
  .about-premium .about-points + .btn,
  .about-premium .about-points + a.btn{
    margin-top:24px !important;
    transform:translateY(18px) !important;
  }

}@media (max-width:768px){

  .mobile-panel-actions{
    display:grid !important;
    grid-template-columns: 1.55fr 1fr !important;
    gap:12px !important;
    align-items:center !important;
  }

  .mobile-panel-actions a,
  .mobile-panel-actions .mobile-call-link{
    width:100% !important;
    min-width:0 !important;
    white-space:nowrap !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    font-size:17px !important;
    letter-spacing:0 !important;
    padding:0 10px !important;
    height:54px !important;
    line-height:54px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .mobile-panel-actions .mobile-call-link{
    font-size:16px !important;
  }

}
/* BHP V1.1.43 SEO-safe lazy reveal for Blog + Reviews only
   All cards stay server-rendered in HTML for crawlers. JS only adds a visible animation. */
.bhp-seo-lazy-section .bhp-seo-lazy-card{
  content-visibility:auto;
  contain-intrinsic-size:320px;
}
html.bhp-seo-lazy-ready .bhp-seo-lazy-section .bhp-seo-lazy-card{
  opacity:.18;
  transform:translateY(26px) scale(.985);
  filter:blur(8px);
  transition:
    opacity .58s ease,
    transform .58s cubic-bezier(.2,.8,.2,1),
    filter .58s ease,
    box-shadow .28s ease;
  transition-delay:calc(var(--bhp-seo-delay,0) * 45ms);
  will-change:opacity,transform,filter;
}
html.bhp-seo-lazy-ready .bhp-seo-lazy-section .bhp-seo-lazy-card.bhp-seo-visible{
  opacity:1;
  transform:none;
  filter:none;
}
.bhp-blog-page-lazy .blog-grid,
.bhp-reviews-page-lazy .review-grid{
  position:relative;
}
.bhp-blog-page-lazy .blog-grid:before,
.bhp-reviews-page-lazy .review-grid:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-18px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(11,116,255,.45),transparent);
  pointer-events:none;
}
@media (prefers-reduced-motion:reduce){
  html.bhp-seo-lazy-ready .bhp-seo-lazy-section .bhp-seo-lazy-card{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }
}


/* BHP V1.1.44 SEO content and FAQ sections - incremental, no regression */
.bhp-seo-copy{
  display:grid!important;
  grid-template-columns:.95fr 1.05fr!important;
  gap:34px!important;
  align-items:start!important;
  background:linear-gradient(135deg,#ffffff,#f4f9ff)!important;
}
.bhp-seo-copy h2{
  font-size:42px!important;
  line-height:1!important;
  margin:0 0 16px!important;
}
.bhp-seo-copy p{
  color:#4d5f78!important;
}
.bhp-seo-copy-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:16px!important;
}
.bhp-seo-copy-grid p,
.bhp-faq-grid details{
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(229,243,255,.72))!important;
  border:1px solid rgba(11,116,255,.16)!important;
  box-shadow:0 18px 60px rgba(11,116,255,.08)!important;
  padding:22px!important;
  margin:0!important;
}
.bhp-seo-copy-grid strong{
  color:#075fff!important;
}
.bhp-faq-section{
  background:linear-gradient(180deg,#fff,#f6fbff)!important;
}
.bhp-faq-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:16px!important;
}
.bhp-faq-grid summary{
  cursor:pointer!important;
  color:#061226!important;
  font-weight:900!important;
  font-size:18px!important;
  list-style:none!important;
}
.bhp-faq-grid summary::-webkit-details-marker{
  display:none!important;
}
.bhp-faq-grid summary:after{
  content:"+"!important;
  float:right!important;
  color:#0b74ff!important;
  font-size:22px!important;
  line-height:1!important;
}
.bhp-faq-grid details[open] summary:after{
  content:"−"!important;
}
.bhp-faq-grid p{
  color:#5c6b82!important;
  margin:14px 0 0!important;
}
@media(max-width:960px){
  .bhp-seo-copy,
  .bhp-seo-copy-grid,
  .bhp-faq-grid{
    grid-template-columns:1fr!important;
  }
  .bhp-seo-copy h2{
    font-size:34px!important;
  }
}
@media (max-width:768px){

  .bhp-mobile-bottom a[href^="tel"] span:first-child,
  .bhp-mobile-bottom .call span:first-child,
  .mobile-bottom-nav a[href^="tel"] span:first-child{
    font-size:18px !important;
    line-height:1 !important;
    filter:none !important;
    text-shadow:none !important;
    transform:none !important;
  }

  .bhp-mobile-bottom a[href^="tel"] span:first-child::before,
  .bhp-mobile-bottom .call span:first-child::before,
  .mobile-bottom-nav a[href^="tel"] span:first-child::before{
    content:"☏" !important;
    font-size:18px !important;
    font-weight:900 !important;
  }

  .bhp-mobile-bottom a[href^="tel"] span:first-child,
  .bhp-mobile-bottom .call span:first-child,
  .mobile-bottom-nav a[href^="tel"] span:first-child{
    color:inherit !important;
  }

}

/* BHP V1.1.45 project gallery landscape-only patch - incremental, no regression */
.project-gallery-section .project-gallery-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.project-gallery-section .project-gallery-item,
.project-gallery-section .project-gallery-item.landscape,
.project-gallery-section .project-gallery-item.portrait{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  grid-row:auto!important;
  padding:0!important;
  cursor:zoom-in!important;
  background:#06142B!important;
  border:1px solid rgba(11,116,255,.22)!important;
  box-shadow:0 20px 60px rgba(11,116,255,.12)!important;
  overflow:hidden!important;
}
.project-gallery-section .project-gallery-item img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  transition:transform .28s ease, filter .28s ease!important;
}
.project-gallery-section .project-gallery-item:hover img{
  transform:scale(1.035)!important;
  filter:saturate(1.08)!important;
}
.bhp-gallery-lightbox{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  background:rgba(2,8,20,.88)!important;
  backdrop-filter:blur(14px)!important;
}
.bhp-gallery-lightbox.open{display:flex!important;}
.bhp-gallery-lightbox img{
  max-width:min(1200px,94vw)!important;
  max-height:86vh!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  box-shadow:0 30px 120px rgba(0,0,0,.55)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:#06142B!important;
}
.bhp-gallery-lightbox button{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  width:48px!important;
  height:48px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(4,17,38,.86)!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1!important;
  font-weight:900!important;
  cursor:pointer!important;
}
@media(max-width:960px){
  .project-gallery-section .project-gallery-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .project-gallery-section .project-gallery-item,
  .project-gallery-section .project-gallery-item.landscape,
  .project-gallery-section .project-gallery-item.portrait{
    aspect-ratio:16/9!important;
    min-height:0!important;
  }
}


/* BHP V1.1.46 gallery lightbox controls fix - incremental, no regression */
.bhp-gallery-lightbox .bhp-gallery-stage{
  position:relative!important;
  width:min(1240px,94vw)!important;
  height:min(86vh,720px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:34px 70px!important;
}
.bhp-gallery-lightbox .bhp-gallery-close,
.bhp-gallery-lightbox .bhp-gallery-prev,
.bhp-gallery-lightbox .bhp-gallery-next{
  position:absolute!important;
  width:48px!important;
  height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.24)!important;
  background:rgba(4,17,38,.92)!important;
  color:#fff!important;
  font-size:30px!important;
  font-weight:900!important;
  line-height:1!important;
  cursor:pointer!important;
  z-index:6!important;
}
.bhp-gallery-lightbox .bhp-gallery-close{
  top:18px!important;
  right:18px!important;
  left:auto!important;
}
.bhp-gallery-lightbox .bhp-gallery-prev{
  top:50%!important;
  left:18px!important;
  right:auto!important;
  transform:translateY(-50%)!important;
}
.bhp-gallery-lightbox .bhp-gallery-next{
  top:50%!important;
  right:18px!important;
  left:auto!important;
  transform:translateY(-50%)!important;
}
.bhp-gallery-lightbox .bhp-gallery-stage>img{
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
}
@media(max-width:768px){
  .bhp-gallery-lightbox{padding:14px!important;}
  .bhp-gallery-lightbox .bhp-gallery-stage{
    width:96vw!important;
    height:76vh!important;
    padding:54px 14px 40px!important;
  }
  .bhp-gallery-lightbox .bhp-gallery-close{top:8px!important;right:8px!important;}
  .bhp-gallery-lightbox .bhp-gallery-prev{left:8px!important;}
  .bhp-gallery-lightbox .bhp-gallery-next{right:8px!important;}
}
@media (min-width:961px){

  .hero-visual{
    width:560px !important;
    right:calc((100vw - 1180px)/2) !important;
    bottom:28px !important;
  }

  .hero-visual img{
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
    object-position:center !important;
  }

}.bhp-signature{
    width:100%;
    text-align:center;
    padding:24px 15px 30px;
    font-size:13px;
    line-height:1.7;
    color:#7b8ca8;
    letter-spacing:.4px;
    border-top:1px solid rgba(43,131,255,.12);
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}

.bhp-signature strong{
    color:#2b83ff;
    font-weight:700;
    transition:.25s ease;
}

.bhp-signature:hover strong{
    color:#006dff;
}/* Full Width Footer Signature */
.bhp-signature{
    position:relative;
    left:50%;
    right:50%;
    margin-left:-50vw;
    margin-right:-50vw;
    width:100vw;
    max-width:100vw;

    padding:18px 20px;
    background:#081a35;
    border-top:1px solid rgba(255,255,255,.08);

    text-align:center;
    color:rgba(255,255,255,.72);
    font-size:15px;
    font-weight:500;

    box-sizing:border-box;
    clear:both;
    z-index:5;
}

.bhp-signature strong{
    color:#fff;
    font-weight:700;
}@media (max-width:768px){

  .detail .detail-visual{
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:16/9 !important;
    background-size:contain !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-color:#061226 !important;
    overflow:hidden !important;
    color:#fff !important;
  }

  .detail .detail-visual img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    display:block !important;
  }

  .detail .detail-visual span,
  .detail .detail-visual b{
    color:#fff !important;
    text-shadow:0 8px 24px rgba(0,0,0,.55) !important;
  }

}/* ===== Mobile Bottom Navigation - Uniform Icons ===== */
@media (max-width:768px){

.bottom-nav i,
.bottom-nav svg,
.bottom-nav img,
.mobile-bottom-bar i,
.mobile-bottom-bar svg,
.mobile-bottom-bar img{
    width:24px !important;
    height:24px !important;
    font-size:24px !important;
    min-width:24px !important;
    min-height:24px !important;
    display:block !important;
    margin:0 auto 8px !important;
    color:#ffffff !important;
    fill:#ffffff !important;
    stroke:#ffffff !important;
    object-fit:contain !important;
    line-height:1 !important;
}

.bottom-nav .active i,
.bottom-nav .active svg,
.mobile-bottom-bar .active i,
.mobile-bottom-bar .active svg{
    color:#ffffff !important;
    fill:#ffffff !important;
    stroke:#ffffff !important;
}

}/* Fix inner project/service visual inline cover without PHP change */
.detail-bhp_project .detail-visual-dynamic,
.detail-bhp_service .detail-visual-dynamic{
  position:relative !important;
  overflow:hidden !important;
  background-color:#061226 !important;
}

.detail-bhp_project .detail-visual-dynamic::before,
.detail-bhp_service .detail-visual-dynamic::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background-color:#061226 !important;
  background-image:inherit !important;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

.detail-bhp_project .detail-visual-dynamic > *,
.detail-bhp_service .detail-visual-dynamic > *{
  position:relative !important;
  z-index:2 !important;
}
/* ===== BHP V1.1.47 main-site galaxy effects — SEO safe, additive, no layout reset ===== */
:root{
  --bhp-galaxy-blue:#0b74ff;
  --bhp-galaxy-cyan:#00d7ff;
  --bhp-galaxy-violet:#7567ff;
  --bhp-galaxy-gold:#ffe1a6;
}

.hero,
.premium-page-head,
.page-head,
.about-net,
.projects,
.services-section,
.reviews,
.quote-teaser,
.contact-sec,
.eval-sec{
  isolation:isolate;
}

.hero,
.premium-page-head,
.page-head{
  overflow:hidden;
}

.bhp-galaxy-layer{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:.88!important;
}

.hero > *:not(.bhp-galaxy-layer),
.page-head > *:not(.bhp-galaxy-layer),
.premium-page-head > *:not(.bhp-galaxy-layer){
  position:relative;
  z-index:2;
}

.hero:before,
.premium-page-head:before,
.page-head:before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at calc(50% + var(--bhp-orbit-x, 0px)) calc(42% + var(--bhp-orbit-y, 0px)), rgba(0,215,255,.22), transparent 24%),
    radial-gradient(circle at 76% 22%, rgba(117,103,255,.18), transparent 30%),
    radial-gradient(circle at 18% 84%, rgba(0,183,255,.13), transparent 34%);
  mix-blend-mode:screen;
}

.hero:after,
.premium-page-head:after,
.page-head:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(115deg, transparent 0%, rgba(255,255,255,.08) 44%, transparent 58%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 96px);
  transform:translate3d(calc(var(--bhp-orbit-x, 0px) * .12),calc(var(--bhp-orbit-y, 0px) * .10),0);
  opacity:.52;
}

.bhp-root .service-card,
.bhp-root .portfolio-card,
.bhp-root .review,
.bhp-root .value-lines div,
.bhp-root .three div,
.bhp-root .blog-card,
.bhp-root .detail-visual{
  transform-style:preserve-3d;
  will-change:transform;
}

.bhp-root .service-card:before,
.bhp-root .portfolio-card:before,
.bhp-root .review:before,
.bhp-root .blog-card:before{
  background:
    radial-gradient(circle at var(--bhp-card-x, 50%) var(--bhp-card-y, 50%), rgba(0,215,255,.22), transparent 26%),
    linear-gradient(135deg,rgba(255,255,255,.08),transparent 45%)!important;
}

.bhp-galaxy-thread{
  position:absolute;
  inset:auto 0 0 0;
  height:190px;
  z-index:1;
  pointer-events:none;
  opacity:.78;
  background:
    radial-gradient(ellipse at 20% 65%, rgba(255,225,166,.32), transparent 42%),
    radial-gradient(ellipse at 50% 52%, rgba(0,215,255,.28), transparent 46%),
    radial-gradient(ellipse at 76% 72%, rgba(117,103,255,.24), transparent 38%);
  filter:blur(.2px) saturate(1.25);
  mask-image:linear-gradient(180deg, transparent 0%, #000 28%, #000 82%, transparent 100%);
}

.hero .bhp-galaxy-thread{bottom:-48px;}
.page-head .bhp-galaxy-thread,
.premium-page-head .bhp-galaxy-thread{bottom:-64px;opacity:.40;}

@media (prefers-reduced-motion:reduce){
  .bhp-galaxy-layer,.bhp-galaxy-thread{display:none!important;}
  .hero:before,.hero:after,.page-head:before,.page-head:after,.premium-page-head:before,.premium-page-head:after{display:none!important;}
}

@media (max-width:768px){
  .bhp-galaxy-layer{opacity:.62!important;}
  .hero:before,.page-head:before,.premium-page-head:before{opacity:.55;}
  .bhp-galaxy-thread{height:120px;opacity:.45;}
}


/* BHP V1.1.50 targeted safety patch — no reset, no layout rewrite */

/* 2) Internal page top empty space: keep SEO/content, reduce only useless visual height */
@media (min-width:961px){
  .page-head,
  .premium-page-head{
    min-height:0!important;
    padding-top:118px!important;
    padding-bottom:28px!important;
  }
  .page-head .section-title,
  .premium-page-head .section-title{
    margin-bottom:0!important;
  }
  .page-head p,
  .premium-page-head p{
    margin-bottom:16px!important;
  }
  .page-head .page-head-art,
  .premium-page-head .page-head-art{
    height:210px!important;
    min-height:0!important;
  }
}

/* 3) Desktop header on dark hero: darker glass, white links */
@media (min-width:961px){
  .bhp-nav{
    background:linear-gradient(105deg,rgba(4,17,38,.86),rgba(7,35,74,.78) 52%,rgba(5,20,44,.88))!important;
    border-color:rgba(117,190,255,.30)!important;
    box-shadow:0 24px 74px rgba(0,22,60,.28),inset 0 1px 0 rgba(255,255,255,.14)!important;
    backdrop-filter:blur(18px) saturate(130%)!important;
  }
  .bhp-nav nav a{
    color:#fff!important;
    text-shadow:0 1px 18px rgba(0,183,255,.18)!important;
  }
  .bhp-nav nav a.active{
    color:#66cfff!important;
  }
  .bhp-nav .call-cta{
    color:#fff!important;
    background:rgba(255,255,255,.10)!important;
    border-color:rgba(140,205,255,.45)!important;
  }
}

/* 4) Performance guard: keep visual look, reduce layout/paint cost */
.bhp-galaxy-layer,
.fx,
.netfx{
  pointer-events:none!important;
  contain:layout paint size!important;
  will-change:transform!important;
}
.bhp-galaxy-thread,
.bhp-hero-energy,
.bhp-glow-follow{
  pointer-events:none!important;
  contain:layout paint!important;
}
.service-card,
.portfolio-card,
.review,
.blog-card,
.hero-visual,
.page-head-art,
.detail-visual{
  backface-visibility:hidden!important;
  transform-style:preserve-3d;
  will-change:transform;
}
@media (max-width:960px){
  .bhp-galaxy-layer{opacity:.48!important}
  .bhp-galaxy-thread{opacity:.38!important}
}

/* keep search/crawler visible content intact */
.bhp-root [hidden],
.bhp-root .seo-hidden{
  display:revert;
}
/* Removed unsafe broad mobile hero override.
   It forced all .hero to min-height:820px and all .slide to min-height:640px,
   which caused the home mobile hero dead gap. Kept as source-level removal only. */

/* BHP V1.1.52 — final desktop dark nav fix, no regression */
@media (min-width:761px){
  html body .bhp-root header.bhp-nav.glass-nav,
  html body .bhp-root header.bhp-nav.glass-nav.bhp-nav-force-dark{
    background:linear-gradient(110deg,rgba(233,233,233,.96) 0%,rgba(233,233,233,.94) 13%,rgba(7,34,72,.94) 19%,rgba(7,34,72,.96) 60%,rgba(4,17,38,.98) 100%)!important;
    background-color:#041126!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 24px 74px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08)!important;
    backdrop-filter:blur(24px) saturate(150%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(150%)!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav:before{
    background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(0,183,255,.08),rgba(255,255,255,.03))!important;
    opacity:1!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav nav a,
  html body .bhp-root header.bhp-nav.glass-nav nav a:visited,
  html body .bhp-root header.bhp-nav.glass-nav nav a.active{
    color:#fff!important;
    text-shadow:0 1px 12px rgba(0,0,0,.35)!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav .call-cta{
    color:#fff!important;
    background:rgba(255,255,255,.10)!important;
    border-color:rgba(255,255,255,.26)!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav .logo img{
    filter:none!important;
  }
}



/* =========================================================
   BHP V1.1.59 HOME MOBILE GAP FINAL FIX
   Scope: home hero only. Keeps approved sections unchanged.
   Fixes the real cause: older mobile CSS forced .slide min-height:640px
   and .hero min-height:820px. This override is source-scoped.
   ========================================================= */
@media (max-width:960px){

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final{
    height:auto!important;
    min-height:0!important;
    padding-top:128px!important;
    padding-bottom:0!important;
    overflow:hidden!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slides{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    padding-top:0!important;
    margin:0!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide{
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide.on{
    display:block!important;
    height:auto!important;
    min-height:0!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide:not(.on){
    display:none!important;
    height:0!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide span{
    margin:0 0 18px!important;
    line-height:1.35!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide h1{
    font-size:44px!important;
    line-height:1.04!important;
    margin:0 0 20px!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide p{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 24px!important;
    padding:18px!important;
    color:#eaf7ff!important;
    line-height:1.55!important;
    background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 18px 55px rgba(0,30,70,.20)!important;
    backdrop-filter:blur(12px) saturate(140%)!important;
    -webkit-backdrop-filter:blur(12px) saturate(140%)!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    margin:0!important;
    padding:0!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-actions .btn{
    width:100%!important;
    min-height:54px!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-visual{
    display:none!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-wave{
    position:relative!important;
    display:block!important;
    height:54px!important;
    min-height:0!important;
    margin:18px 0 0!important;
    padding:0!important;
    bottom:auto!important;
    top:auto!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final + .hero-proof-strip{
    margin-top:0!important;
  }
}

/* Keep the approved light glass nav if older dark nav rules exist later/above */
html body .bhp-root header.bhp-nav.glass-nav{
  background:linear-gradient(135deg,rgba(140,185,230,.72),rgba(105,165,225,.66),rgba(165,210,245,.72))!important;
  background-color:rgba(130,190,235,.68)!important;
  backdrop-filter:blur(22px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(180%)!important;
  border:1px solid rgba(255,255,255,.24)!important;
}



/* =========================================================
   BHP V1.1.60 FINAL SOURCE-SCOPED FIX
   ONLY:
   1) Approved light glass nav restored.
   2) All internal page-heads compact, but still clear of fixed nav.
   3) Home mobile hero: no cropped title, no dead gap, paragraph inside card.
   ========================================================= */

/* 1) NAV — final light glass */
html body .bhp-root header.bhp-nav.glass-nav,
html body header.bhp-nav.glass-nav{
  background:linear-gradient(
    135deg,
    rgba(140,185,230,.72),
    rgba(105,165,225,.66),
    rgba(165,210,245,.72)
  )!important;
  background-color:rgba(130,190,235,.68)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 22px 68px rgba(0,91,210,.14),inset 0 1px 0 rgba(255,255,255,.38)!important;
  backdrop-filter:blur(22px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(180%)!important;
}
html body .bhp-root header.bhp-nav.glass-nav:before,
html body header.bhp-nav.glass-nav:before{
  background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.04),rgba(0,183,255,.10))!important;
  opacity:1!important;
}
html body .bhp-root header.bhp-nav.glass-nav nav a,
html body .bhp-root header.bhp-nav.glass-nav nav a:visited,
html body header.bhp-nav.glass-nav nav a,
html body header.bhp-nav.glass-nav nav a:visited{
  color:#fff!important;
  text-shadow:0 1px 10px rgba(0,42,90,.32)!important;
}
html body .bhp-root header.bhp-nav.glass-nav .call-cta,
html body header.bhp-nav.glass-nav .call-cta{
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.34)!important;
}

/* 2) INTERNAL PAGE HEADS — global compact fix, right box stays */
html body .bhp-root section.page-head{
  min-height:0!important;
  height:auto!important;
  padding-top:118px!important;
  padding-bottom:24px!important;
  display:grid!important;
  align-items:center!important;
  overflow:hidden!important;
}
html body .bhp-root section.page-head > div{
  min-height:0!important;
  height:auto!important;
}
html body .bhp-root section.page-head h1{
  margin-top:0!important;
  margin-bottom:18px!important;
  overflow:visible!important;
}
html body .bhp-root section.page-head p{
  margin-top:0!important;
  margin-bottom:22px!important;
}
html body .bhp-root section.page-head .page-head-art{
  display:grid!important;
  height:190px!important;
  min-height:0!important;
  margin:0!important;
  align-self:center!important;
}

/* 3) HOME MOBILE HERO — exact mobile issue */
@media(max-width:960px){
  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final,
  html body .bhp-root section.hero.hero-premium{
    height:auto!important;
    min-height:0!important;
    padding-top:160px!important;
    padding-bottom:78px!important;
    overflow:hidden!important;
  }

  html body .bhp-root section.hero.hero-premium .slides{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    padding-top:0!important;
    margin:0!important;
  }

  html body .bhp-root section.hero.hero-premium .slide,
  html body .bhp-root section.hero.hero-premium .slide.on{
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }

  html body .bhp-root section.hero.hero-premium .slide:not(.on){
    display:none!important;
    height:0!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  html body .bhp-root section.hero.hero-premium .slide span{
    margin:0 0 18px!important;
    line-height:1.35!important;
  }

  html body .bhp-root section.hero.hero-premium .slide h1{
    font-size:44px!important;
    line-height:1.04!important;
    margin:0 0 20px!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  html body .bhp-root section.hero.hero-premium .slide p{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 24px!important;
    padding:18px!important;
    color:#eaf7ff!important;
    line-height:1.55!important;
    background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 18px 55px rgba(0,30,70,.20)!important;
    backdrop-filter:blur(12px) saturate(140%)!important;
    -webkit-backdrop-filter:blur(12px) saturate(140%)!important;
  }

  html body .bhp-root section.hero.hero-premium .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    margin:0!important;
    padding:0!important;
  }

  html body .bhp-root section.hero.hero-premium .hero-actions .btn{
    width:100%!important;
    min-height:54px!important;
  }

  html body .bhp-root section.hero.hero-premium .hero-visual{
    display:none!important;
  }

  html body .bhp-root section.hero.hero-premium .hero-wave{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    display:block!important;
    height:64px!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    z-index:18!important;
  }

  html body .bhp-root section.hero.hero-premium + .hero-proof-strip{
    margin-top:0!important;
  }

  html body .bhp-root section.page-head{
    padding-top:96px!important;
    padding-bottom:24px!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
  }

  html body .bhp-root section.page-head .page-head-art{
    height:150px!important;
  }
}
@media(max-width:960px){

  body .bhp-root .hero.hero-premium{
    height:auto!important;
    min-height:0!important;
    padding:112px 20px 72px!important;
    overflow:hidden!important;
  }

  body .bhp-root .hero.hero-premium .slides,
  body .bhp-root .hero.hero-premium .slide,
  body .bhp-root .hero.hero-premium .slide.on{
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
  }

  body .bhp-root .hero.hero-premium .slide:not(.on){
    display:none!important;
    height:0!important;
    min-height:0!important;
  }

  body .bhp-root .hero.hero-premium .hero-visual{
    display:none!important;
  }

  body .bhp-root .hero.hero-premium .hero-wave{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:58px!important;
    margin:0!important;
  }

  body .bhp-root .hero.hero-premium + .hero-proof-strip{
    margin-top:0!important;
  }
}


/* =========================================================
   BHP V1.1.61 HOME MOBILE HERO GAP SOURCE FIX
   Scope: Home hero only. No section/card/CRM/form/page-head removal.
   Wave stays, but becomes the real end of the hero on mobile.
   ========================================================= */
@media (max-width:960px){

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final{
    height:auto!important;
    min-height:0!important;
    padding:112px 20px 0!important;
    overflow:hidden!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slides,
  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide,
  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide.on{
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide:not(.on){
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-actions{
    margin:0!important;
    padding:0!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-visual{
    display:none!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-wave{
    position:relative!important;
    display:block!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:calc(100% + 40px)!important;
    height:58px!important;
    min-height:0!important;
    margin:28px -20px 0!important;
    padding:0!important;
    z-index:18!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final + section.hero-proof-strip{
    margin-top:0!important;
  }
}
/* FINAL Mobile Hero Height Fix */
@media (max-width:960px){

  body .bhp-root .hero.hero-premium{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;

    height:auto!important;
    min-height:auto!important;

    padding-top:112px!important;
    padding-right:20px!important;
    padding-left:20px!important;
    padding-bottom:0!important;
  }

  body .bhp-root .hero.hero-premium .slides,
  body .bhp-root .hero.hero-premium .slide,
  body .bhp-root .hero.hero-premium .slide.on{
    display:block!important;
    height:auto!important;
    min-height:auto!important;
    margin:0!important;
    padding:0!important;
    flex:none!important;
  }

  body .bhp-root .hero.hero-premium .hero-actions{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }

  body .bhp-root .hero.hero-premium .hero-wave{
    position:relative!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;

    display:block!important;
    width:100%!important;
    height:58px!important;

    margin-top:22px!important;
    margin-bottom:0!important;
  }

  body .bhp-root .hero.hero-premium + .hero-proof-strip{
    margin-top:0!important;
  }

  body .bhp-root .hero.hero-premium .hero-visual{
    display:none!important;
  }

}
:root{--blue:#0b74ff;--cyan:#00b7ff;--dark:#041126;--ink:#061226;--muted:#5c6b82;--line:#dbe9ff;--light:#f5faff;--glass:rgba(255,255,255,.62)}
*{box-sizing:border-box;border-radius:0!important}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#fff;color:var(--ink)}a{text-decoration:none}.bhp-root{overflow:hidden;background:#fff}.bhp-root h1,.bhp-root h2,.bhp-root h3{letter-spacing:-.055em}.bhp-root p{line-height:1.75}.btn,.quote,.footer-cta{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#075fff,var(--cyan));color:#fff!important;padding:15px 24px;font-weight:900;border:0;box-shadow:0 18px 48px rgba(11,116,255,.28);text-transform:uppercase;font-size:13px;letter-spacing:.6px}.btn-ghost{background:transparent!important;border:1px solid rgba(11,116,255,.35);color:var(--blue)!important;box-shadow:none!important}.eyebrow,.slide span,.section-title span,.page-head span{display:block;color:var(--blue);letter-spacing:5px;font-weight:900;font-size:12px;text-transform:uppercase;margin-bottom:14px}.bhp-nav{position:fixed;z-index:80;left:50%;top:14px;transform:translateX(-50%);width:min(1200px,calc(100% - 48px));height:74px;display:flex;align-items:center;gap:20px;background:linear-gradient(120deg,rgba(255,255,255,.72),rgba(218,239,255,.55) 48%,rgba(155,213,255,.30));border:1px solid rgba(11,116,255,.32);box-shadow:0 22px 78px rgba(0,90,210,.20),inset 0 1px 0 rgba(255,255,255,.92);backdrop-filter:blur(28px) saturate(140%);padding:0 14px 0 22px}.bhp-nav:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,128,255,.16),rgba(255,255,255,0),rgba(0,128,255,.10));pointer-events:none}.bhp-nav>*{position:relative;z-index:2}.logo img{height:66px;display:block}.bhp-nav nav{margin-left:auto;display:flex;gap:20px}.bhp-nav nav a{color:var(--ink);font-size:13px;text-transform:uppercase;letter-spacing:.45px;font-weight:900;position:relative}.bhp-nav nav a:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:.22s}.bhp-nav nav a:hover:after{transform:scaleX(1)}.call-cta{color:#075fd6!important;font-weight:900;border:1px solid rgba(11,116,255,.34);padding:12px 14px;background:rgba(255,255,255,.38);font-size:13px}.quote{padding:13px 18px;white-space:nowrap}.burger{display:none;background:var(--dark);color:#fff;border:0;padding:12px 15px;font-weight:900}.mobile-panel{display:none}.hero{height:560px;position:relative;overflow:hidden;background:radial-gradient(circle at 76% 38%,rgba(0,183,255,.28),transparent 30%),linear-gradient(135deg,#030914,#071b3a 52%,#041126);padding:118px calc((100vw - 1180px)/2) 54px;border-bottom:1px solid rgba(11,116,255,.22)}.fx{position:absolute;inset:0;width:100%;height:100%;opacity:.52}.slides{position:relative;z-index:2;width:48%;min-width:520px}.slide{display:none}.slide.on{display:block}.slide h1{font-size:65px;line-height:.95;color:#fff;margin:0 0 22px}.slide h1:after,.section-title h2:after,.page-head h1:after,.detail h1:after,.contact-sec h2:after,.about-net h2:after{content:"";display:block;width:96px;height:2px;margin-top:18px;background:linear-gradient(90deg,var(--cyan),transparent)}.slide p{font-size:18px;color:#c8d7ef;max-width:610px}.hero-visual{position:absolute;z-index:2;right:calc((100vw - 1200px)/2 - 10px);bottom:20px;width:560px;margin:0}.hero-visual:before{content:"";position:absolute;inset:38px -8px 40px 30px;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(0,183,255,.14));border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(18px);box-shadow:0 42px 110px rgba(0,126,255,.24)}.hero-visual img{position:relative;display:block;width:100%;filter:drop-shadow(0 34px 65px rgba(0,116,255,.26))}.sec{position:relative;padding:72px calc((100vw - 1160px)/2)}.sec:before{content:"";position:absolute;left:calc((100vw - 1160px)/2);right:calc((100vw - 1160px)/2);top:0;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent);opacity:.32}.section-title{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:end;margin-bottom:30px}.section-title h2,.page-head h1,.detail h1,.about-net h2,.contact-sec h2,.quote-teaser h2,.eval-sec h2{font-size:50px;line-height:1;margin:0}.section-title p,.page-head p,.detail p,.about-net p,.contact-sec p,.quote-teaser p,.eval-sec p{color:var(--muted);font-size:17px;line-height:1.75}.sec-white{background:linear-gradient(180deg,#fff 0%,#f3f9ff 100%)}.service-grid,.portfolio-grid,.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-card,.portfolio-card,.review,.blog-card{position:relative;text-decoration:none;color:var(--ink);background:#fff;border:1px solid rgba(11,116,255,.18);overflow:hidden;box-shadow:0 24px 78px rgba(0,87,190,.10);transition:.28s}.service-card:hover,.portfolio-card:hover,.review:hover,.blog-card:hover{transform:translateY(-8px);box-shadow:0 40px 116px rgba(11,116,255,.20)}.service-card .img{height:350px;position:relative;background:#061226}.service-card .img:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(3,9,20,.78))}.img.web-design{background:radial-gradient(circle at 75% 25%,rgba(0,183,255,.6),transparent 26%),linear-gradient(135deg,#031022,#0b74ff)}.img.mobile-app{background:radial-gradient(circle at 66% 25%,rgba(255,255,255,.25),transparent 20%),linear-gradient(135deg,#07142a,#00a9ff)}.img.startup-advisory{background:radial-gradient(circle at 75% 30%,rgba(0,183,255,.38),transparent 27%),linear-gradient(135deg,#0b0f1b,#6338ff)}.img.marketing{background:radial-gradient(circle at 70% 25%,rgba(0,183,255,.55),transparent 26%),linear-gradient(135deg,#071326,#008dff)}.glass{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(219,239,255,.65));backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.78);padding:22px}.glass h3{margin:0 0 10px;font-size:25px}.glass p{margin:0;color:#34445c;font-size:13.5px;line-height:1.6}.about-net{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;min-height:520px;background:radial-gradient(circle at 72% 40%,rgba(11,116,255,.24),transparent 30%),linear-gradient(135deg,#041126,#071b3a);color:#fff;overflow:hidden}.about-net .netfx{position:absolute;inset:0;width:100%;height:100%;opacity:.35}.about-net>*{position:relative;z-index:2}.about-net p{color:#c8d7ef}.media-block{height:410px;position:relative;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);overflow:hidden}.media-block img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}.photo-fallback{position:relative;z-index:2;color:#fff;font-size:31px;font-weight:900;letter-spacing:2px;text-align:center}.reviews{background:#fff}.review-grid{grid-template-columns:repeat(3,1fr)}.review{min-height:210px;padding:28px}.review b{color:var(--blue)}.review p{color:var(--muted)}.review small{display:block;color:#728198;margin-top:6px}.rating-line{text-align:center;margin-top:28px;color:var(--blue);font-weight:900}.projects{background:linear-gradient(180deg,#f5faff,#fff)}.project-img{height:250px;position:relative;background:radial-gradient(circle at 75% 30%,rgba(0,183,255,.55),transparent 28%),linear-gradient(135deg,#041126,#0b74ff);display:flex;flex-direction:column;justify-content:flex-end;padding:24px;color:#fff}.project-img:before{content:"";position:absolute;inset:24px;border:1px solid rgba(255,255,255,.22)}.project-img span,.project-img b{position:relative;z-index:2}.project-img span{font-size:11px;letter-spacing:4px;text-transform:uppercase;opacity:.82}.project-img b{font-size:30px;line-height:1}.project-img.startup{background:radial-gradient(circle at 70% 25%,rgba(0,183,255,.38),transparent 28%),linear-gradient(135deg,#101426,#6338ff)}.portfolio-card{min-height:355px}.portfolio-card h3{font-size:25px;margin:18px 18px 4px}.portfolio-card p{margin:0 18px 22px;color:var(--muted)}.quote-teaser{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;background:linear-gradient(135deg,#f7fbff,#fff)}.contact-sec,.eval-sec{display:grid;grid-template-columns:.75fr 1fr;gap:46px;background:radial-gradient(circle at 85% 25%,rgba(0,183,255,.22),transparent 30%),linear-gradient(135deg,#041126,#071b3a);color:#fff}.contact-sec p,.eval-sec p{color:#c8d7ef}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lead-form input,.lead-form textarea,.lead-form select{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.22);padding:16px;font:inherit}.lead-form option{color:#061226}.lead-form input::placeholder,.lead-form textarea::placeholder{color:#a7b8d3}.lead-form textarea,.lead-form button,.file-note{grid-column:1/-1}.lead-form textarea{min-height:130px}.file-note{font-size:12px;color:#a7b8d3}.map{grid-column:1/-1;width:100%;height:320px;border:0;filter:grayscale(1) contrast(1.08)}.home-quote .map{display:none!important}.contact-lines{display:grid;gap:12px;margin-top:26px}.bhp-crm-note{margin-top:16px;padding:14px;border:1px solid rgba(11,116,255,.24);background:rgba(11,116,255,.08);color:#dbe8ff}.page-head,.detail{padding:150px calc((100vw - 1160px)/2) 64px;background:linear-gradient(135deg,#fff,#eaf6ff)}.crumbs{padding:104px calc((100vw - 1160px)/2) 0;background:#fff;color:#6d7b90;font-size:12px}.crumb-inner{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(120deg,rgba(255,255,255,.75),rgba(219,239,255,.60));border:1px solid rgba(11,116,255,.20);box-shadow:0 14px 38px rgba(0,87,190,.08);backdrop-filter:blur(18px);font-weight:900}.crumb-inner a{color:var(--blue)}.crumb-inner span{color:#99abc5}.crumb-inner b{color:#213047}.detail{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.detail-visual{height:420px;background:radial-gradient(circle at 70% 30%,rgba(0,183,255,.55),transparent 28%),linear-gradient(135deg,#041126,#0b74ff);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:34px;box-shadow:0 28px 90px rgba(11,116,255,.18)}.detail-visual span{font-size:12px;letter-spacing:4px;text-transform:uppercase}.detail-visual b{font-size:42px;line-height:1}.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.landing{background:#fff}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.three div{padding:38px;border:1px solid rgba(11,116,255,.16);background:linear-gradient(180deg,#fff,#f4f9ff);font-weight:900}.video{width:100%;height:520px;border:0}.blog-list{background:linear-gradient(180deg,#fff,#f4f9ff)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog-card{min-height:285px;padding:26px}.blog-card:before{content:"";position:absolute;right:-45px;bottom:-60px;width:160px;height:160px;background:radial-gradient(circle,#1469ff55,transparent 65%)}.blog-card span{letter-spacing:4px;color:var(--blue);font-size:11px;font-weight:900}.blog-card h3{font-size:25px;line-height:1.08;margin:18px 0 12px}.blog-card p{color:var(--muted)}.blog-card b{color:var(--blue)}.article-body{background:#fff}.article-body>div{max-width:860px;font-size:19px;line-height:1.9;color:#213047}.bhp-footer{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;background:radial-gradient(circle at 85% 20%,rgba(0,183,255,.16),transparent 25%),linear-gradient(135deg,#030914,#071b3a);border-top:1px solid rgba(255,255,255,.12);color:#dbe8ff;padding:70px calc((100vw - 1160px)/2)}.bhp-footer img{height:58px}.bhp-footer a{display:block;color:#dbe8ff;margin:10px 0}.bhp-footer p{color:#9eb0cc}.footer-cta{display:inline-flex;margin-top:14px}.mobile-panel.open{display:grid;position:fixed;z-index:90;top:88px;left:24px;right:24px;background:linear-gradient(135deg,rgba(4,17,38,.96),rgba(7,27,58,.96));border:1px solid rgba(255,255,255,.16);box-shadow:0 50px 120px rgba(0,0,0,.35);backdrop-filter:blur(18px);padding:18px}@supports selector(:popover-open){.mobile-panel:popover-open{display:grid;position:fixed;z-index:90;top:88px;left:24px;right:24px;background:linear-gradient(135deg,rgba(4,17,38,.96),rgba(7,27,58,.96));border:1px solid rgba(255,255,255,.16);box-shadow:0 50px 120px rgba(0,0,0,.35);backdrop-filter:blur(18px);padding:18px}}.mobile-panel a{color:#fff;padding:14px 10px;border-bottom:1px solid rgba(255,255,255,.12);font-weight:900;text-transform:uppercase}@media(max-width:1180px){.sec,.page-head,.detail,.crumbs,.bhp-footer{padding-left:28px;padding-right:28px}.hero{padding-left:28px;padding-right:28px}.hero-visual{right:20px;width:500px}.call-cta{display:none}.bhp-nav nav{gap:14px}.bhp-nav nav a{font-size:12px}}@media(max-width:960px){.bhp-nav{top:0;width:100%;height:72px}.bhp-nav nav,.quote,.call-cta{display:none}.burger{display:block;margin-left:auto}.hero{height:auto;min-height:680px;padding-top:115px}.slides{width:100%;min-width:0}.slide h1{font-size:44px}.hero-visual{position:relative;right:auto;bottom:auto;width:100%;margin-top:22px}.section-title,.about-net,.contact-sec,.eval-sec,.detail,.quote-teaser{grid-template-columns:1fr}.service-grid,.portfolio-grid,.review-grid,.three,.blog-grid{grid-template-columns:1fr}.section-title h2,.page-head h1,.detail h1,.about-net h2,.contact-sec h2,.quote-teaser h2,.eval-sec h2{font-size:38px}.sec{padding-top:58px;padding-bottom:58px}.lead-form{grid-template-columns:1fr}.bhp-footer{grid-template-columns:1fr}.crumbs{padding-top:92px}.mobile-panel.open{top:76px;left:0;right:0}@supports selector(:popover-open){.mobile-panel:popover-open{top:76px;left:0;right:0}}.map{display:none!important}}

/* BHP V1.1.2 incremental customer polish - no regression */
.bhp-nav{height:72px;top:14px;background:linear-gradient(110deg,rgba(245,251,255,.74),rgba(208,235,255,.55),rgba(255,255,255,.68));box-shadow:0 22px 70px rgba(11,116,255,.18),inset 0 1px 0 rgba(255,255,255,.88)}
.bhp-nav nav a{font-size:12.5px}.logo img{height:44px}.call-cta{background:rgba(255,255,255,.52)}
.hero{height:545px;padding-top:112px;background:radial-gradient(circle at 72% 38%,rgba(0,183,255,.30),transparent 28%),linear-gradient(135deg,#020815,#06234a 55%,#041126)}
.hero-visual{width:600px;right:calc((100vw - 1200px)/2 - 18px);bottom:8px}.hero-visual:before{inset:46px 4px 55px 55px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(0,183,255,.16));border:1px solid rgba(255,255,255,.22)}
.slide h1{font-size:62px}.slide p{max-width:560px}.slide h1:after,.section-title h2:after,.page-head h1:after,.detail h1:after,.contact-sec h2:after,.about-net h2:after{width:92px;height:2px;background:linear-gradient(90deg,#00b7ff,#1469ff,transparent)}
.sec{padding-top:58px;padding-bottom:58px}.section-title{margin-bottom:24px}.section-title h2,.page-head h1,.detail h1,.about-net h2,.contact-sec h2,.quote-teaser h2,.eval-sec h2{font-size:48px}.page-head{padding-top:132px;padding-bottom:46px;min-height:auto}.crumbs{padding-top:94px}.crumb-inner{box-shadow:0 10px 28px rgba(0,87,190,.07)}
.services-section .service-grid{margin-top:8px}.service-card .img{height:315px}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.0),rgba(0,183,255,.10));opacity:0;transition:.25s}.service-card:hover:after{opacity:1}.glass{left:0;right:0;bottom:0;padding:24px 22px;background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(220,240,255,.68));border-top:1px solid rgba(255,255,255,.95)}
.about-net{min-height:470px;padding-top:64px;padding-bottom:64px}.media-block{height:380px}.about-net .media-block{display:grid!important}.media-block img{display:block!important}.reviews{padding-top:56px;padding-bottom:62px;background:linear-gradient(180deg,#fff,#f7fbff)}
.projects{padding-top:58px}.project-img{height:235px}.portfolio-card:hover .project-img{filter:saturate(1.15);transform:translateY(-2px)}.portfolio-card .project-img,.portfolio-card{transition:.28s}.portfolio-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,183,255,.18),transparent 40%);opacity:0;transition:.25s;z-index:3;pointer-events:none}.portfolio-card:hover:before{opacity:1}.portfolio-card:hover h3{color:#0b74ff}
.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:linear-gradient(135deg,#041126,#073267);color:#fff;padding-top:44px;padding-bottom:44px}.stats-strip:before{display:none}.stats-strip div{padding:20px 38px;border-right:1px solid rgba(255,255,255,.16)}.stats-strip div:last-child{border-right:0}.stats-strip b{display:block;font-size:54px;line-height:1;font-weight:900;letter-spacing:-.05em}.stats-strip span{display:block;margin-top:8px;color:#c8d7ef;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;font-size:12px}
.value-prop{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;background:linear-gradient(135deg,#f8fbff,#fff)}.value-prop h2{font-size:46px;line-height:1;letter-spacing:-.05em;margin:0 0 18px}.value-lines{display:grid;grid-template-columns:1fr 1fr;gap:14px}.value-lines div{padding:24px;border:1px solid rgba(11,116,255,.18);background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(225,242,255,.7));font-weight:900;box-shadow:0 20px 60px rgba(11,116,255,.08)}
.quote-teaser{padding-top:44px;padding-bottom:44px;background:linear-gradient(135deg,#fff,#eef7ff);border-top:1px solid rgba(11,116,255,.12);border-bottom:1px solid rgba(11,116,255,.12)}
.contact-sec.home-quote{display:none!important}.contact-page{background:linear-gradient(135deg,#041126,#06234a)}.contact-form{grid-template-columns:1fr 1fr}.contact-form textarea{min-height:160px}.lead-form.submitted>*{display:none!important}.lead-form.submitted:after{content:"Request received. BHP Solution will follow up soon.";display:block!important;grid-column:1/-1;padding:34px;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(0,183,255,.16));border:1px solid rgba(255,255,255,.28);color:#fff;font-size:22px;font-weight:900;text-align:center}.file-note{opacity:.78}
.eval-sec,.collaboration-sec{background:radial-gradient(circle at 82% 24%,rgba(0,183,255,.22),transparent 30%),linear-gradient(135deg,#041126,#071b3a)}
.crm-front{background:linear-gradient(135deg,#f8fbff,#fff);min-height:360px}.crm-front h1{font-size:44px;line-height:1;letter-spacing:-.05em}.crm-front p{color:#536176;max-width:760px}.bhp-footer{padding-top:56px;padding-bottom:56px}.bhp-footer h3{font-size:30px;margin:0 0 18px;color:#fff;letter-spacing:-.04em}.bhp-footer img{display:none!important}.footer-cta-alt{margin-top:10px;background:transparent;border:1px solid rgba(255,255,255,.20)}
@media(max-width:1180px){.hero-visual{right:12px;width:520px}.slide h1{font-size:54px}.value-prop,.stats-strip{grid-template-columns:1fr}}
@media(max-width:960px){.hero{min-height:auto;height:auto;padding-top:105px}.hero-visual{width:100%;right:auto}.section-title{grid-template-columns:1fr}.stats-strip{gap:1px}.stats-strip div{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.value-lines{grid-template-columns:1fr}.page-head{padding-top:110px}.contact-form{grid-template-columns:1fr}}


/* BHP V1.1.4 approved-style visual patch — incremental, no regression */
.bhp-root{background:#fff;}
.bhp-nav{width:min(1188px,calc(100% - 58px));top:14px;height:70px;background:linear-gradient(105deg,rgba(255,255,255,.78),rgba(219,240,255,.66) 48%,rgba(247,252,255,.72));border-color:rgba(11,116,255,.30);box-shadow:0 24px 74px rgba(0,91,210,.16),inset 0 1px 0 rgba(255,255,255,.90)}
.bhp-nav nav a{font-size:12px;letter-spacing:.35px}.logo img{height:53px}.quote,.call-cta{height:40px;align-items:center}.hero{min-height:560px;height:560px;background:radial-gradient(circle at 78% 45%,rgba(0,183,255,.26),transparent 30%),linear-gradient(135deg,#020817,#072653 56%,#041126);padding-top:118px;}
.hero:after{content:"";position:absolute;right:0;bottom:0;width:58%;height:88%;background:linear-gradient(135deg,transparent,rgba(255,255,255,.06));clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);pointer-events:none}.hero-visual{width:610px;right:calc((100vw - 1180px)/2 - 20px);bottom:10px}.hero-visual:before{inset:42px 0 45px 40px;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(24,151,255,.16));border:1px solid rgba(255,255,255,.24);box-shadow:0 42px 110px rgba(0,126,255,.25)}
.slide h1{font-size:64px;max-width:650px}.slide p{max-width:570px}.slide h1:after,.section-title h2:after,.page-head h1:after,.detail h1:after,.contact-sec h2:after,.about-net h2:after,.value-prop h2:after,.quote-teaser h2:after{width:94px;height:2px;margin-top:18px;background:linear-gradient(90deg,#00b7ff,#1469ff,transparent)}
.sec{padding-top:50px;padding-bottom:50px}.sec:before{opacity:.22}.section-title{margin-bottom:22px;align-items:center}.section-title h2{font-size:46px}.section-title p{max-width:560px}.services-section{padding-top:54px!important;background:linear-gradient(180deg,#fff,#f5fbff 72%,#fff)}
.service-grid{gap:22px}.service-card{height:390px;min-height:390px;background:#061226;box-shadow:0 30px 100px rgba(0,103,220,.14)}.service-card .img{height:100%!important;position:absolute!important;inset:0!important;background-size:cover!important}.service-card .img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,20,.02) 20%,rgba(4,17,38,.68) 62%,rgba(4,17,38,.92));z-index:1}.service-card .img:before{z-index:2;opacity:.28;background:radial-gradient(circle at 75% 24%,rgba(255,255,255,.50),transparent 18%)}
.service-card .glass{z-index:4;position:absolute;left:20px;right:20px;bottom:20px;top:auto!important;padding:22px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(221,241,255,.55));backdrop-filter:blur(22px) saturate(135%);border:1px solid rgba(255,255,255,.70);box-shadow:0 22px 70px rgba(0,60,120,.22)}.service-card .glass h3{font-size:26px}.service-card .glass p{font-size:14px;color:#12223a}.service-card:hover .glass{transform:translateY(-8px);background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(212,237,255,.62))}.service-card:hover .img{transform:scale(1.035)}
.img.web-design{background-image:linear-gradient(135deg,rgba(3,16,34,.22),rgba(11,116,255,.20)),url('../images/hero-webdesign.svg')!important;background-position:center!important}.img.mobile-app{background-image:radial-gradient(circle at 70% 28%,rgba(255,255,255,.22),transparent 23%),linear-gradient(135deg,#061226,#00a9ff)!important}.img.startup-advisory{background-image:radial-gradient(circle at 70% 28%,rgba(0,183,255,.38),transparent 24%),linear-gradient(135deg,#100c2a,#6338ff)!important}.img.marketing{background-image:radial-gradient(circle at 72% 25%,rgba(0,183,255,.48),transparent 25%),linear-gradient(135deg,#041126,#008dff)!important}
.about-net{background:linear-gradient(180deg,#fff,#f7fbff);color:var(--ink);min-height:430px;padding-top:48px!important;padding-bottom:48px!important;gap:48px}.about-net:before{background:linear-gradient(90deg,transparent,var(--blue),transparent)}.about-net .netfx{opacity:.16}.about-net p{color:var(--muted)}.about-net .btn{box-shadow:0 18px 50px rgba(11,116,255,.22)}.media-block{height:360px;background:#fff;border:1px solid rgba(11,116,255,.16);box-shadow:0 30px 100px rgba(11,116,255,.14);overflow:visible}.media-block img{opacity:.95;object-fit:cover;filter:saturate(1.06)}.media-block:after{content:"Our Mission\A Websites, software and marketing systems that make business easier to trust and easier to contact.";white-space:pre-line;position:absolute;right:-28px;bottom:42px;width:210px;background:linear-gradient(135deg,#0b74ff,#00b7ff);color:#fff;padding:22px;font-size:13px;line-height:1.55;font-weight:800;box-shadow:0 24px 65px rgba(11,116,255,.28);z-index:5}.photo-fallback{display:none}
.projects{padding-top:50px!important;padding-bottom:50px!important;background:linear-gradient(180deg,#fff,#f4f9ff)}.portfolio-grid{gap:22px}.portfolio-card{height:356px;min-height:356px;background:#061226;overflow:hidden}.portfolio-card .project-img{position:absolute;inset:0;height:100%!important;padding:26px;background-size:cover!important;transition:.32s}.portfolio-card .project-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,20,.06) 20%,rgba(2,8,20,.50) 58%,rgba(2,8,20,.92));z-index:1}.portfolio-card .project-img:before{inset:22px;border-color:rgba(255,255,255,.20);z-index:2}.portfolio-card .project-img span,.portfolio-card .project-img b{z-index:3}.portfolio-card .project-img b{font-size:32px}.portfolio-card h3,.portfolio-card p{position:absolute;z-index:4;left:22px;right:22px;margin:0;color:#fff}.portfolio-card h3{bottom:58px;font-size:26px;text-shadow:0 10px 25px rgba(0,0,0,.40)}.portfolio-card p{bottom:28px;color:#d9ecff}.portfolio-card:hover .project-img{transform:scale(1.055)}.portfolio-card:hover h3{color:#fff}.portfolio-card:hover{box-shadow:0 45px 125px rgba(11,116,255,.24)}.portfolio-card:nth-child(1) .project-img{background-image:linear-gradient(135deg,rgba(4,17,38,.14),rgba(11,116,255,.22)),url('/wp-content/uploads/2026/06/98ddccf4-988b-45c1-9e5e-db4638fffb3b.jpg')}.portfolio-card:nth-child(2) .project-img{background-image:radial-gradient(circle at 70% 28%,rgba(0,183,255,.45),transparent 24%),linear-gradient(135deg,#031022,#1469ff)}.portfolio-card:nth-child(3) .project-img{background-image:radial-gradient(circle at 70% 28%,rgba(255,255,255,.26),transparent 24%),linear-gradient(135deg,#1b123a,#8b35ff)}.portfolio-card:nth-child(4) .project-img{background-image:radial-gradient(circle at 72% 24%,rgba(0,183,255,.52),transparent 25%),linear-gradient(135deg,#041126,#00a9ff)}
.page-head{min-height:310px!important;padding-top:126px!important;padding-bottom:42px!important;display:grid;grid-template-columns:1fr 420px;align-items:center;gap:44px;background:radial-gradient(circle at 84% 32%,rgba(0,183,255,.18),transparent 30%),linear-gradient(135deg,#fff,#eaf6ff)}.page-head h1{font-size:48px!important;max-width:720px}.page-head p{max-width:620px}.page-head-art{height:210px;margin:0;background:linear-gradient(135deg,rgba(255,255,255,.70),rgba(219,239,255,.48));border:1px solid rgba(11,116,255,.18);box-shadow:0 26px 90px rgba(11,116,255,.15);display:grid;place-items:center;position:relative;overflow:hidden}.page-head-art:before{content:"";position:absolute;inset:-30px;background:radial-gradient(circle at 65% 30%,rgba(0,183,255,.35),transparent 22%),linear-gradient(135deg,transparent,rgba(11,116,255,.18));animation:bhpPanelFloat 7s ease-in-out infinite alternate}.page-head-art b{position:relative;z-index:2;color:#061226;font-size:26px;line-height:1.15;text-align:center}.page-head-services .page-head-art:after,.page-head-portfolio .page-head-art:after,.blog-head .page-head-art:after{content:"";position:absolute;width:180px;height:120px;right:26px;bottom:22px;border:1px solid rgba(11,116,255,.22);background:rgba(255,255,255,.38);backdrop-filter:blur(10px)}.crumbs{padding-top:96px!important}.crumb-inner{background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(219,239,255,.62));border-color:rgba(11,116,255,.18);box-shadow:0 14px 44px rgba(11,116,255,.09)}
.reviews{background:linear-gradient(180deg,#fff,#f7fbff);padding-top:54px!important}.reviews h2{font-size:44px;margin:0 0 26px}.review{min-height:248px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(236,247,255,.75));border:1px solid rgba(11,116,255,.18);box-shadow:0 24px 80px rgba(11,116,255,.10);padding:30px;position:relative}.review:before{content:"G";position:absolute;right:22px;top:18px;width:34px;height:34px;display:grid;place-items:center;background:#fff;color:#1469ff;font-weight:900;border:1px solid rgba(11,116,255,.18)}.review b{display:block;margin-bottom:20px;color:#f5a400;font-size:15px}.review p{font-size:16px;color:#2d3b50}.rating-line{display:inline-flex;align-items:center;gap:12px;margin:28px auto 0;left:50%;position:relative;transform:translateX(-50%);padding:14px 22px;background:#fff;border:1px solid rgba(11,116,255,.18);box-shadow:0 14px 50px rgba(11,116,255,.10)}
.stats-strip{margin-top:0;padding-top:36px!important;padding-bottom:36px!important}.stats-strip b{font-size:46px}.value-prop{padding-top:48px!important;padding-bottom:48px!important;background:linear-gradient(135deg,#fff,#f6fbff)}.value-prop h2{font-size:42px}.value-lines div{min-height:86px;background:linear-gradient(135deg,rgba(255,255,255,.90),rgba(229,243,255,.70));transition:.25s}.value-lines div:hover{transform:translateY(-4px);box-shadow:0 24px 70px rgba(11,116,255,.14)}.quote-teaser{padding-top:38px!important;padding-bottom:38px!important;background:linear-gradient(135deg,#f8fbff,#eef7ff)}.quote-teaser h2{font-size:42px}.contact-sec.home-quote{display:none!important}
.detail{padding-top:126px!important;min-height:430px}.detail-visual{height:380px}.landing{padding-top:44px!important;padding-bottom:44px!important}.blog-card{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(235,247,255,.78));box-shadow:0 24px 80px rgba(11,116,255,.10)}.bhp-footer{padding-top:52px!important;padding-bottom:52px!important}.bhp-footer h3{font-size:28px}.bhp-footer img{display:none!important}
@keyframes bhpPanelFloat{from{transform:translate3d(-8px,-6px,0) scale(1)}to{transform:translate3d(8px,6px,0) scale(1.03)}}
@media(max-width:1180px){.page-head{grid-template-columns:1fr 320px}.hero-visual{width:500px;right:20px}.slide h1{font-size:54px}}
@media(max-width:960px){.bhp-nav{top:0;width:100%;height:72px}.hero{height:auto;min-height:620px;padding-top:105px}.hero-visual{position:relative;right:auto;width:100%;bottom:auto}.page-head{grid-template-columns:1fr!important;min-height:0!important;padding-top:100px!important}.page-head-art{height:160px}.service-grid,.portfolio-grid,.review-grid{grid-template-columns:1fr}.service-card,.portfolio-card{height:330px;min-height:330px}.about-net{grid-template-columns:1fr}.media-block:after{right:16px;bottom:16px}.section-title{grid-template-columns:1fr}.section-title h2,.page-head h1,.value-prop h2,.quote-teaser h2{font-size:36px!important}}


.bhp-root:after{content:"";position:fixed;left:var(--bhp-x,-100px);top:var(--bhp-y,-100px);width:220px;height:220px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(11,116,255,.08),transparent 60%);pointer-events:none;z-index:1}.section-title h2,.page-head h1,.value-prop h2,.quote-teaser h2,.review,.service-card,.portfolio-card{opacity:.96}.section-title h2.bhp-in,.page-head h1.bhp-in,.value-prop h2.bhp-in,.quote-teaser h2.bhp-in{animation:bhpTextIn .62s ease both}.review.bhp-in,.service-card.bhp-in,.portfolio-card.bhp-in{animation:bhpCardIn .54s ease both}@keyframes bhpTextIn{from{opacity:.35;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes bhpCardIn{from{opacity:.55;transform:translateY(18px)}to{opacity:1;transform:none}}



/* =========================================================
   BHP V1.1.5 NO-REGRESSION VISUAL HOTFIX
   Base: V1.1.4 approved visual patch. Incremental only.
   Goals: remove dead space, overlay text on images, sharpen page headers,
   improve reviews and keep all dynamic CPT/forms/CRM intact.
   ========================================================= */

/* Global spacing correction: remove the empty student-project gaps */
.sec{padding-top:52px!important;padding-bottom:52px!important}
.services-section,.projects,.reviews,.value-prop,.quote-teaser{padding-top:46px!important;padding-bottom:46px!important}
.page-head{
  min-height:0!important;
  padding-top:122px!important;
  padding-bottom:42px!important;
  display:grid!important;
  grid-template-columns:1.1fr .9fr!important;
  gap:42px!important;
  align-items:center!important;
  background:
    radial-gradient(circle at 85% 50%,rgba(0,183,255,.26),transparent 25%),
    linear-gradient(135deg,#ffffff 0%,#f7fbff 48%,#dff4ff 100%)!important;
  border-bottom:1px solid rgba(11,116,255,.18)!important;
}
.page-head h1{font-size:48px!important;max-width:720px!important}
.page-head p{max-width:620px!important;font-size:17px!important}
.crumbs{padding-top:92px!important;background:#fff!important}
.crumb-inner{padding:9px 14px!important;box-shadow:0 10px 28px rgba(11,116,255,.08)!important}

/* Right visual panels in page headers: no empty boxes */
.page-head-art{
  height:220px!important;
  min-height:0!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.30),rgba(255,255,255,.08)),
    radial-gradient(circle at 72% 28%,rgba(0,183,255,.42),transparent 28%),
    linear-gradient(135deg,#061226 0%,#0b74ff 100%)!important;
  border:1px solid rgba(11,116,255,.28)!important;
  box-shadow:0 26px 80px rgba(11,116,255,.20)!important;
}
.page-head-art:before{
  content:""!important;
  position:absolute!important;
  inset:18px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.08) 1px,transparent 1px)!important;
  background-size:34px 34px!important;
  animation:bhpGridShift 14s linear infinite!important;
}
.page-head-art:after{
  content:""!important;
  position:absolute!important;
  right:28px!important;
  bottom:24px!important;
  width:160px!important;
  height:105px!important;
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.35)!important;
  backdrop-filter:blur(14px)!important;
}
.page-head-art b{color:#fff!important;text-shadow:0 12px 34px rgba(0,0,0,.28)!important}

/* Services: text MUST sit on the image, not below it */
.service-grid{align-items:stretch!important}
.service-card{
  height:360px!important;
  min-height:360px!important;
  display:block!important;
  background:#061226!important;
  border:1px solid rgba(11,116,255,.24)!important;
}
.service-card .img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  transform-origin:center!important;
  transition:transform .45s ease, filter .35s ease!important;
}
.service-card .img:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(180deg,rgba(3,9,20,.08) 0%,rgba(3,9,20,.38) 42%,rgba(3,9,20,.82) 100%),
    radial-gradient(circle at 78% 18%,rgba(0,183,255,.24),transparent 32%)!important;
}
.service-card .glass{
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:18px!important;
  top:auto!important;
  z-index:5!important;
  padding:22px!important;
  color:#fff!important;
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.08))!important;
  border:1px solid rgba(255,255,255,.30)!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
  box-shadow:0 26px 80px rgba(0,40,100,.34)!important;
}
.service-card .glass h3{color:#fff!important;font-size:25px!important}
.service-card .glass p{color:rgba(255,255,255,.84)!important;font-size:14px!important}
.service-card:hover .img{transform:scale(1.06)!important;filter:saturate(1.15) contrast(1.05)!important}
.service-card:hover .glass{transform:translateY(-7px)!important;background:linear-gradient(135deg,rgba(255,255,255,.26),rgba(255,255,255,.10))!important}

/* Portfolio: text on visual, no cheap white block below image */
.portfolio-grid{align-items:stretch!important}
.portfolio-card{
  height:340px!important;
  min-height:340px!important;
  display:block!important;
  background:#061226!important;
  color:#fff!important;
  overflow:hidden!important;
  border:1px solid rgba(11,116,255,.24)!important;
  box-shadow:0 26px 86px rgba(0,87,190,.12)!important;
}
.portfolio-card .project-img{
  position:absolute!important;
  inset:0!important;
  height:100%!important;
  padding:26px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  background:
    linear-gradient(180deg,rgba(4,17,38,.05) 0%,rgba(4,17,38,.46) 48%,rgba(4,17,38,.88) 100%),
    radial-gradient(circle at 70% 24%,rgba(0,183,255,.44),transparent 30%),
    linear-gradient(135deg,#061226,#0b74ff)!important;
  transition:transform .45s ease, filter .35s ease!important;
}
.portfolio-card .project-img:before{inset:22px!important;border-color:rgba(255,255,255,.26)!important}
.portfolio-card .project-img b{font-size:30px!important;color:#fff!important}
.portfolio-card h3,.portfolio-card p{
  position:absolute!important;
  z-index:6!important;
  left:26px!important;
  right:26px!important;
  color:#fff!important;
  margin:0!important;
  text-shadow:0 10px 32px rgba(0,0,0,.35)!important;
}
.portfolio-card h3{bottom:54px!important;font-size:25px!important}
.portfolio-card p{bottom:28px!important;color:rgba(255,255,255,.78)!important}
.portfolio-card:hover .project-img{transform:scale(1.055)!important;filter:saturate(1.15)!important}
.portfolio-card:hover h3{color:#fff!important}
.portfolio-card:after{
  content:"View case →";
  position:absolute;
  z-index:7;
  top:24px;
  right:24px;
  padding:10px 12px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.24);
  color:#fff;
  backdrop-filter:blur(12px);
  font-weight:900;
  font-size:12px;
  opacity:0;
  transform:translateY(-6px);
  transition:.25s;
}
.portfolio-card:hover:after{opacity:1;transform:none}

/* About: preserve right image/media and reduce dead spacing */
.about-net{
  min-height:0!important;
  padding-top:46px!important;
  padding-bottom:46px!important;
  gap:40px!important;
}
.media-block{height:330px!important}
.media-block:after{
  right:22px!important;
  bottom:22px!important;
  max-width:250px!important;
  background:linear-gradient(135deg,#0b74ff,#00b7ff)!important;
  color:#fff!important;
  box-shadow:0 24px 70px rgba(11,116,255,.26)!important;
}

/* Reviews: more premium, less plain */
.reviews{
  background:
    radial-gradient(circle at 12% 10%,rgba(11,116,255,.08),transparent 24%),
    linear-gradient(180deg,#fff,#f4f9ff)!important;
}
.reviews h2{
  font-size:42px!important;
  margin:0 0 24px!important;
}
.review-grid{gap:22px!important}
.review{
  min-height:236px!important;
  padding:28px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(227,243,255,.72))!important;
  border:1px solid rgba(11,116,255,.20)!important;
  box-shadow:0 24px 70px rgba(11,116,255,.10)!important;
}
.review:before{
  content:"G"!important;
  width:38px!important;
  height:38px!important;
  right:24px!important;
  top:22px!important;
  border:1px solid rgba(11,116,255,.18)!important;
  box-shadow:0 10px 28px rgba(11,116,255,.10)!important;
}
.review b{color:#f6a800!important}
.review strong{display:block;margin-top:16px;color:#061226!important}
.rating-line{
  background:linear-gradient(135deg,#fff,#eaf6ff)!important;
  border:1px solid rgba(11,116,255,.22)!important;
  box-shadow:0 18px 55px rgba(11,116,255,.11)!important;
}

/* Home hero/service page heading: make it closer to approved reference, less empty */
.hero{height:545px!important;padding-top:112px!important;padding-bottom:42px!important}
.hero-visual{bottom:10px!important}
.slides{padding-top:20px!important}
.services-section .section-title,.projects .section-title{margin-bottom:26px!important}
.section-title h2{font-size:46px!important}

/* Project evaluation / collaboration pages: no blank block */
.eval-head,.collab-head,.page-head.eval-head{
  padding-top:118px!important;
  padding-bottom:38px!important;
  min-height:0!important;
}
.eval-sec,.collab-sec{padding-top:46px!important}

/* Footer tighter and more premium */
.bhp-footer{
  padding-top:44px!important;
  padding-bottom:44px!important;
  background:radial-gradient(circle at 92% 12%,rgba(0,183,255,.20),transparent 28%),linear-gradient(135deg,#041126,#071b3a)!important;
}

/* JS animated accent lines behind headings */
.section-title h2,.page-head h1,.detail h1,.quote-teaser h2,.value-prop h2{
  position:relative!important;
}
.section-title h2:before,.page-head h1:before,.detail h1:before,.quote-teaser h2:before,.value-prop h2:before{
  content:"";
  position:absolute;
  left:0;
  bottom:-12px;
  width:92px;
  height:2px;
  background:linear-gradient(90deg,#0b74ff,#00b7ff,transparent);
  animation:bhpLineGlow 2.6s ease-in-out infinite alternate;
}
@keyframes bhpLineGlow{from{width:70px;opacity:.7}to{width:128px;opacity:1}}
@keyframes bhpGridShift{from{background-position:0 0}to{background-position:68px 34px}}

/* Mobile safety */
@media(max-width:960px){
  .page-head{grid-template-columns:1fr!important;padding-top:92px!important;padding-bottom:32px!important}
  .page-head-art{height:150px!important}
  .service-card,.portfolio-card{height:330px!important;min-height:330px!important}
  .hero{height:auto!important;min-height:600px!important}
}


/* =========================================================
   BHP V1.1.6 PREMIUM LEAD-GEN PATCH — incremental only
   Base preserved: V1 dynamic CPT, CRM, CSS/JS separation.
   ========================================================= */
:root{--bhp-blue:#126CFF;--bhp-cyan:#00B8FF;--bhp-navy:#06142B;--bhp-ink:#051126;--bhp-soft:#EEF8FF;--bhp-purple:#4E35D7}
body{background:#fff!important}.bhp-root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.bhp-root *{border-radius:0!important}
.bhp-nav{height:76px!important;top:18px!important;width:min(1190px,calc(100% - 56px))!important;background:linear-gradient(110deg,rgba(255,255,255,.80),rgba(217,239,255,.58),rgba(178,225,255,.48))!important;box-shadow:0 28px 90px rgba(0,104,255,.16), inset 0 1px 0 rgba(255,255,255,.9)!important;border:1px solid rgba(18,108,255,.26)!important}.bhp-nav nav a{font-size:13px!important}.call-cta{background:rgba(255,255,255,.56)!important;border:1px solid rgba(18,108,255,.34)!important;color:#126cff!important}.quote{background:linear-gradient(135deg,#126cff,#00b8ff)!important}
.hero-premium{min-height:650px!important;height:650px!important;padding-top:128px!important;background:radial-gradient(circle at 78% 36%,rgba(0,184,255,.22),transparent 32%),linear-gradient(135deg,#f8fcff 0%,#ffffff 38%,#e8f7ff 100%)!important;color:#051126!important;border-bottom:1px solid rgba(18,108,255,.14)!important}.hero-premium .fx{opacity:.18!important}.hero-premium .slides{width:46%!important;min-width:510px!important}.hero-premium .slide h1{color:#06142B!important;font-size:64px!important;line-height:.96!important;letter-spacing:-4px!important}.hero-premium .slide p{color:#536781!important;font-size:17px!important;max-width:560px!important}.btn-ghost-light{background:rgba(255,255,255,.56)!important;color:#06142B!important;border:1px solid rgba(18,108,255,.18)!important;box-shadow:0 16px 48px rgba(18,108,255,.08)!important}.hero-actions{display:flex;gap:14px;align-items:center;margin-top:28px}.hero-visual{width:610px!important;right:calc((100vw - 1200px)/2 - 10px)!important;bottom:52px!important}.hero-visual:before{display:none!important}.hero-visual img{box-shadow:0 44px 120px rgba(18,108,255,.20)!important}.hero-stats{position:absolute;z-index:4;left:calc((100vw - 1180px)/2);bottom:44px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:rgba(255,255,255,.72);backdrop-filter:blur(20px);border:1px solid rgba(18,108,255,.16);box-shadow:0 28px 80px rgba(18,108,255,.14);min-width:550px}.hero-stats div{padding:17px 23px;border-right:1px solid rgba(18,108,255,.12)}.hero-stats div:last-child{border-right:0}.hero-stats b{display:block;color:#126cff;font-size:22px}.hero-stats span{font-size:11px;color:#52627a;font-weight:800}
.sec{padding-top:58px!important;padding-bottom:58px!important}.sec:before{opacity:.18!important}.section-title{margin-bottom:34px!important}.section-title h2{font-size:48px!important}.section-title h2:after,.page-head h1:after,.detail h1:after,.about-net h2:after,.contact-sec h2:after,.quote-teaser h2:after{height:2px!important;background:linear-gradient(90deg,#126cff,#00b8ff,transparent)!important}
.services-section{background:linear-gradient(180deg,#fff,#f3fbff)!important}.premium-services .service-grid{grid-template-columns:repeat(4,1fr)!important}.service-card{height:370px!important;min-height:370px!important;background:#06142B!important}.service-card .img{position:absolute!important;inset:0!important;height:100%!important}.service-card .glass{position:absolute!important;left:22px!important;right:22px!important;bottom:22px!important;top:auto!important;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.08))!important;border:1px solid rgba(255,255,255,.32)!important;backdrop-filter:blur(24px) saturate(150%)!important;color:#fff!important;box-shadow:0 28px 90px rgba(0,0,0,.28)!important}.service-card .glass h3,.service-card .glass p{color:#fff!important}.service-card .glass p{opacity:.84}.service-card:hover .glass{transform:translateY(-9px)!important}.service-card:after{content:"Open landing page →";position:absolute;right:22px;top:22px;color:#fff;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);padding:10px 12px;font-size:11px;font-weight:900;letter-spacing:.3px;opacity:0;transform:translateY(-8px);transition:.25s}.service-card:hover:after{opacity:1;transform:none}
.about-premium{min-height:0!important;padding-top:58px!important;padding-bottom:58px!important}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 26px;padding:0;list-style:none}.about-points li{padding:16px 18px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);font-weight:800}.premium-network{height:380px!important}.mission-card{position:absolute;right:26px;bottom:28px;width:260px;padding:22px;background:linear-gradient(135deg,#126cff,#00b8ff);color:#fff;box-shadow:0 24px 80px rgba(18,108,255,.32)}.mission-card b{display:block;margin-bottom:8px}.mission-card span{font-size:13px;line-height:1.55}
.premium-projects{background:linear-gradient(180deg,#f6fbff,#ffffff)!important}.premium-projects .portfolio-grid{grid-template-columns:repeat(4,1fr)!important}.portfolio-card{height:350px!important;min-height:350px!important;background:#06142B!important}.portfolio-card .project-img{position:absolute!important;inset:0!important;height:100%!important}.portfolio-card h3{bottom:58px!important}.portfolio-card p{bottom:30px!important}.section-cta{display:flex;gap:14px;justify-content:center;margin-top:34px}
.premium-reviews{background:linear-gradient(180deg,#fff,#f1f9ff)!important}.reviews-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.reviews-head h2{font-size:46px!important;margin:0!important}.rating-badge{background:#fff;border:1px solid rgba(18,108,255,.18);box-shadow:0 22px 70px rgba(18,108,255,.10);padding:18px 24px;text-align:center}.rating-badge b{display:block;font-size:30px;color:#126cff}.rating-badge span{display:block;color:#ffa800;font-weight:900}.rating-badge small{display:block;color:#536781}.review{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(230,246,255,.78))!important}.review-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.review-top i{display:grid;place-items:center;width:38px;height:38px;background:#fff;color:#126cff;border:1px solid rgba(18,108,255,.20);font-style:normal;font-weight:900}
.value-prop{background:linear-gradient(135deg,#fff,#f4fbff)!important}.quote-teaser{background:linear-gradient(135deg,#eef8ff,#ffffff)!important;padding-top:44px!important;padding-bottom:44px!important}.quote-teaser .btn{min-width:220px}.stats{background:linear-gradient(135deg,#06142B,#073462)!important}.stats b{font-size:56px!important}
.page-head{padding-top:42px!important;padding-bottom:42px!important;min-height:0!important;grid-template-columns:1.05fr .95fr!important;background:radial-gradient(circle at 86% 52%,rgba(0,184,255,.20),transparent 30%),linear-gradient(135deg,#fff,#edf8ff)!important}.crumbs{padding-top:104px!important}.page-head h1{font-size:48px!important}.page-head-art{height:210px!important}.page-head-art b{font-size:28px!important}.premium-page-head .btn{margin-top:22px}
.detail{padding-top:62px!important;padding-bottom:64px!important;grid-template-columns:1fr 1fr!important;background:linear-gradient(135deg,#fff,#edf8ff)!important}.premium-detail .detail-visual{height:390px!important;background:radial-gradient(circle at 76% 24%,rgba(0,184,255,.45),transparent 27%),linear-gradient(135deg,#06142B,#126CFF)!important;box-shadow:0 30px 100px rgba(18,108,255,.18)}.premium-detail .detail-visual i{position:absolute;right:26px;top:26px;color:#fff;font-style:normal;font-weight:900;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);padding:10px 12px}.proof-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;background:#fff!important}.proof-grid div{background:linear-gradient(135deg,#fafdff,#eef8ff)!important}.proof-grid span{display:block;color:#536781;margin-top:8px}.inline-cta{display:grid;grid-template-columns:.65fr 1fr;gap:44px;align-items:start;background:linear-gradient(135deg,#06142B,#073462)!important;color:#fff}.inline-cta p{color:#c8d7ef}.inline-cta .lead-form{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);padding:24px}
.contact-sec{background:radial-gradient(circle at 84% 22%,rgba(0,184,255,.24),transparent 30%),linear-gradient(135deg,#06142B,#073462)!important}.contact-mode .lead-form,.quote-mode .lead-form{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);padding:24px}.quote-choice{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quote-choice label{display:block;cursor:pointer}.quote-choice input{display:none}.quote-choice span{display:block;text-align:center;padding:14px 10px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;font-weight:900}.quote-choice input:checked+span{background:linear-gradient(135deg,#126cff,#00b8ff);border-color:transparent}.form-success{display:none;grid-column:1/-1;padding:18px 20px;background:linear-gradient(135deg,#126cff,#00b8ff);color:#fff;font-weight:900;text-align:center}.lead-form.submitted>*:not(.form-success){display:none!important}.lead-form.submitted .form-success{display:block!important}.contact-page.contact-mode{grid-template-columns:.7fr 1fr!important}.contact-map-card{grid-column:1/-1;background:#fff;padding:8px;border:1px solid rgba(18,108,255,.18);box-shadow:0 22px 70px rgba(18,108,255,.10)}.home-quote{display:none!important}.eval-sec{grid-template-columns:.7fr 1fr!important}.eval-head .page-head-art{background:radial-gradient(circle at 70% 25%,rgba(0,184,255,.42),transparent 28%),linear-gradient(135deg,#06142B,#126cff)!important}
.blog-card{min-height:285px!important}.blog-card h3{font-size:22px!important}.blog-head .page-head-art{height:220px!important}
.bhp-footer{background:radial-gradient(circle at 92% 10%,rgba(0,184,255,.18),transparent 26%),linear-gradient(135deg,#06142B,#06284D)!important;padding-top:62px!important;padding-bottom:62px!important}.bhp-footer h3{font-size:30px!important}.footer-cta{margin-top:10px;width:100%}
@keyframes bhpPulseLine{0%,100%{opacity:.28;transform:scaleX(.72)}50%{opacity:1;transform:scaleX(1)}}.slide h1:after,.section-title h2:after,.page-head h1:after,.detail h1:after{transform-origin:left;animation:bhpPulseLine 3.2s ease-in-out infinite}.bhp-root:after{z-index:0!important}
@media(max-width:1100px){.hero-premium{height:auto!important;min-height:720px!important}.hero-premium .slides{width:100%!important;min-width:0!important}.hero-visual{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;margin-top:26px!important}.hero-stats{position:relative!important;left:auto!important;bottom:auto!important;min-width:0!important;margin-top:24px;grid-template-columns:repeat(2,1fr)}.service-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)!important}.page-head,.detail,.proof-section,.inline-cta,.contact-sec,.eval-sec{grid-template-columns:1fr!important}.quote-choice{grid-template-columns:1fr 1fr}.reviews-head{display:block}.page-head-art{height:180px!important}}
@media(max-width:760px){.bhp-nav nav,.call-cta,.quote{display:none!important}.burger{display:block!important;margin-left:auto}.mobile-panel.open{display:grid!important;position:fixed;z-index:90;left:0;right:0;top:72px;background:#06142B;padding:18px}@supports selector(:popover-open){.mobile-panel:popover-open{display:grid!important;position:fixed;z-index:90;left:0;right:0;top:72px;background:#06142B;padding:18px}}.mobile-panel a{color:#fff;padding:15px;border-bottom:1px solid rgba(255,255,255,.14);font-weight:900}.hero-premium .slide h1{font-size:42px!important}.hero-stats,.service-grid,.portfolio-grid,.review-grid{grid-template-columns:1fr!important}.sec{padding-left:22px!important;padding-right:22px!important}.page-head,.detail,.crumbs{padding-left:22px!important;padding-right:22px!important}.quote-choice{grid-template-columns:1fr}.lead-form{grid-template-columns:1fr!important}.section-title{grid-template-columns:1fr!important}.page-head h1,.section-title h2{font-size:36px!important}}

/* =========================================================
   BHP V1.1.7 DARK GLASS / EFFECTS / SEO PATCH
   Incremental only: no layout/data removal.
   ========================================================= */
.hero.hero-premium{
  background:
    radial-gradient(circle at 72% 42%,rgba(0,183,255,.32),transparent 28%),
    radial-gradient(circle at 20% 12%,rgba(37,99,235,.22),transparent 30%),
    linear-gradient(135deg,#020713 0%,#06152d 48%,#031023 100%)!important;
  isolation:isolate;
}
.hero.hero-premium:before{
  content:"";
  position:absolute;
  z-index:1;
  left:calc((100vw - 1180px)/2 - 24px);
  top:104px;
  width:min(610px,48vw);
  height:390px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.115),rgba(11,116,255,.10)),
    radial-gradient(circle at 25% 15%,rgba(0,183,255,.22),transparent 32%);
  border:1px solid rgba(155,213,255,.28);
  box-shadow:0 42px 120px rgba(0,40,95,.42), inset 0 1px 0 rgba(255,255,255,.22);
  backdrop-filter:blur(22px) saturate(135%);
  transform:skewX(-2deg);
}
.hero.hero-premium:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.72),transparent 72%);
  pointer-events:none;
  z-index:0;
}
.hero .slides{padding:34px 34px 38px;filter:drop-shadow(0 35px 65px rgba(0,0,0,.23))}
.hero .slide h1{ text-shadow:0 22px 70px rgba(0,120,255,.25); }
.hero .slide p{max-width:560px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn-ghost-light{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22);box-shadow:none!important;backdrop-filter:blur(14px)}
.hero-stats{background:rgba(255,255,255,.72)!important;border:1px solid rgba(255,255,255,.60)!important;backdrop-filter:blur(18px);box-shadow:0 26px 70px rgba(0,96,210,.20)}
.hero-stats div{position:relative}.hero-stats div:before{content:"";position:absolute;left:-14px;top:50%;width:28px;height:28px;transform:translateY(-50%);background:radial-gradient(circle,rgba(0,183,255,.24),transparent 70%)}

/* Site-wide premium motion surfaces */
.bhp-root .sec,.bhp-root .page-head,.bhp-root .detail{position:relative;overflow:hidden}.bhp-root .sec:after,.bhp-root .page-head:after,.bhp-root .detail:after{content:"";position:absolute;right:-160px;top:12%;width:420px;height:420px;background:radial-gradient(circle,rgba(0,183,255,.105),transparent 63%);pointer-events:none;animation:bhpAmbient 11s ease-in-out infinite alternate}.service-card,.portfolio-card,.review,.blog-card,.value-lines div,.three div,.lead-form input,.lead-form textarea,.lead-form select{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease}.service-card:hover,.portfolio-card:hover,.review:hover,.blog-card:hover{border-color:rgba(0,183,255,.44)!important}.service-card:after,.portfolio-card:after,.review:after,.blog-card:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.22) 45%,transparent 70%);transform:translateX(-120%);transition:.72s;pointer-events:none}.service-card:hover:after,.portfolio-card:hover:after,.review:hover:after,.blog-card:hover:after{transform:translateX(120%)}
.review{background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(232,247,255,.82))!important}.premium-reviews{padding-bottom:54px!important}.premium-reviews + .bhp-footer,.reviews + .bhp-footer{margin-top:0!important}.review-top{display:flex;justify-content:space-between;align-items:center}.review-top i{font-style:normal;width:34px;height:34px;display:grid;place-items:center;background:#fff;color:#1469ff;font-weight:900;border:1px solid rgba(11,116,255,.18)}

/* Keep reviews visually just above footer, not floating in the middle */
.bhp-footer{position:relative;z-index:2}.reviews:last-of-type{border-top:1px solid rgba(11,116,255,.12);border-bottom:1px solid rgba(11,116,255,.12)}

/* Stronger glass / color variety without changing data */
.service-card:nth-child(1) .img,.portfolio-card:nth-child(1) .project-img{background:radial-gradient(circle at 72% 25%,rgba(0,221,255,.46),transparent 28%),linear-gradient(135deg,#031225,#006eff)!important}.service-card:nth-child(2) .img,.portfolio-card:nth-child(2) .project-img{background:radial-gradient(circle at 70% 30%,rgba(112,232,255,.34),transparent 26%),linear-gradient(135deg,#06182f,#0a91c8)!important}.service-card:nth-child(3) .img,.portfolio-card:nth-child(3) .project-img{background:radial-gradient(circle at 75% 30%,rgba(70,129,255,.44),transparent 30%),linear-gradient(135deg,#120b31,#552bce)!important}.service-card:nth-child(4) .img,.portfolio-card:nth-child(4) .project-img{background:radial-gradient(circle at 70% 28%,rgba(0,176,255,.48),transparent 30%),linear-gradient(135deg,#031126,#0d4aa9)!important}.glass{background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(198,229,255,.18))!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 22px 52px rgba(0,0,0,.25)!important}.glass h3,.glass p{color:#fff!important;text-shadow:0 12px 28px rgba(0,0,0,.34)}

@keyframes bhpAmbient{from{transform:translate3d(0,0,0) scale(1);opacity:.45}to{transform:translate3d(-80px,50px,0) scale(1.15);opacity:.82}}
@media(max-width:960px){.hero.hero-premium:before{left:18px;right:18px;top:96px;width:auto;height:370px}.hero .slides{padding:24px}.hero-actions{gap:10px}.bhp-root .sec:after,.bhp-root .page-head:after,.bhp-root .detail:after{display:none}}
.bhp-reveal{opacity:.001;transform:translateY(18px);filter:blur(5px)}.bhp-visible{animation:bhpRevealIn .62s cubic-bezier(.2,.8,.2,1) forwards}@keyframes bhpRevealIn{to{opacity:1;transform:none;filter:none}}



/* =========================================================
   BHP V1.1.8 EMERGENCY VISUAL REPAIR
   Incremental only. No dynamic CPT/form/CRM logic changed.
   Fixes: no blurry cards, real visual cards, compact headers, 
   premium lead-gen style, dark glass hero, review polish.
   ========================================================= */

/* Stop accidental full-card blur. Glass blur stays ONLY on overlays. */
.service-card,
.service-card *,
.portfolio-card,
.portfolio-card *,
.review,
.review *,
.page-head-art,
.page-head-art *,
.detail-visual,
.detail-visual *{
  filter:none!important;
  -webkit-filter:none!important;
  text-rendering:geometricPrecision!important;
  -webkit-font-smoothing:antialiased!important;
}
.service-card .glass,
.portfolio-card .project-img .project-glass,
.page-head-art:after,
.hero-stats,
.bhp-nav,
.crumb-inner{
  -webkit-backdrop-filter:blur(16px) saturate(135%)!important;
  backdrop-filter:blur(16px) saturate(135%)!important;
}

/* Header: premium glass but not covering content */
.bhp-nav.glass-nav,
.bhp-nav{
  top:16px!important;
  height:74px!important;
  width:min(1180px,calc(100% - 64px))!important;
  background:linear-gradient(105deg,rgba(255,255,255,.88),rgba(223,241,255,.74) 45%,rgba(190,226,255,.62))!important;
  border:1px solid rgba(18,108,255,.26)!important;
  box-shadow:0 22px 70px rgba(12,84,170,.13)!important;
}
.logo img{height:55px!important}
.bhp-nav nav{gap:22px!important}
.bhp-nav nav a{font-size:13px!important;letter-spacing:.1px!important}
.call-cta,.quote{height:40px!important;padding:0 18px!important}

/* Compact breadcrumbs */
.crumbs{
  padding-top:100px!important;
  padding-bottom:0!important;
  background:#fff!important;
}
.crumb-inner{
  padding:10px 15px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(227,242,255,.74))!important;
  border:1px solid rgba(18,108,255,.18)!important;
  box-shadow:0 12px 36px rgba(18,108,255,.08)!important;
}

/* Page head: kill empty student-project gaps */
.page-head,
.premium-page-head,
.page-head-services,
.page-head-portfolio,
.page-head-startup{
  min-height:0!important;
  padding-top:34px!important;
  padding-bottom:34px!important;
  grid-template-columns:1fr 440px!important;
  gap:44px!important;
  align-items:center!important;
  background:
    radial-gradient(circle at 82% 42%,rgba(0,183,255,.28),transparent 30%),
    linear-gradient(135deg,#ffffff 0%,#f7fbff 48%,#e4f6ff 100%)!important;
}
.page-head h1{
  font-size:46px!important;
  line-height:1!important;
  max-width:760px!important;
  margin:12px 0 14px!important;
}
.page-head p{font-size:17px!important;max-width:660px!important;margin:0!important}
.page-head-art{
  height:210px!important;
  width:100%!important;
  background-image:
    linear-gradient(135deg,rgba(4,17,38,.08),rgba(11,116,255,.16)),
    url('../images/page-hero.svg')!important;
  background-size:cover!important;
  background-position:center!important;
  border:1px solid rgba(18,108,255,.25)!important;
  box-shadow:0 28px 86px rgba(18,108,255,.16)!important;
  overflow:hidden!important;
}
.page-head-art b{
  position:relative!important;
  z-index:2!important;
  color:#fff!important;
  text-shadow:0 10px 35px rgba(0,0,0,.34)!important;
  font-size:26px!important;
}

/* Hero: approved light layout, dark glass behind visual/slider, not random black blocks */
.hero-premium{
  min-height:640px!important;
  height:640px!important;
  padding-top:122px!important;
  padding-bottom:36px!important;
  background:
    radial-gradient(circle at 78% 46%,rgba(0,183,255,.25),transparent 32%),
    linear-gradient(135deg,#ffffff 0%,#f7fbff 42%,#e5f7ff 100%)!important;
  border-bottom:1px solid rgba(18,108,255,.14)!important;
}
.hero-premium:after{
  content:""!important;
  position:absolute!important;
  right:calc((100vw - 1180px)/2 - 22px)!important;
  top:118px!important;
  width:610px!important;
  height:420px!important;
  background:
    linear-gradient(135deg,rgba(4,17,38,.86),rgba(7,38,78,.68)),
    radial-gradient(circle at 70% 22%,rgba(0,183,255,.32),transparent 36%)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 38px 120px rgba(0,92,200,.24)!important;
  z-index:1!important;
}
.hero-visual{z-index:3!important;right:calc((100vw - 1180px)/2 - 10px)!important;bottom:58px!important;width:600px!important}
.hero-visual img{position:relative!important;z-index:3!important;box-shadow:none!important}
.hero-premium .slides{z-index:4!important;width:46%!important;min-width:510px!important}
.hero-premium .slide h1{font-size:62px!important;line-height:.96!important;color:#061226!important}
.hero-premium .slide p{color:#53677f!important}
.hero-stats{
  bottom:34px!important;
  z-index:6!important;
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(229,244,255,.74))!important;
  border:1px solid rgba(18,108,255,.16)!important;
}

/* Services: text must sit ON image with crisp glass overlay */
.services-section{padding-top:54px!important;padding-bottom:56px!important;background:linear-gradient(180deg,#fff,#f4fbff)!important}
.premium-services .service-grid,.service-grid{
  grid-template-columns:repeat(4,1fr)!important;
  gap:24px!important;
}
.service-card{
  height:360px!important;
  min-height:360px!important;
  position:relative!important;
  background:#061226!important;
  overflow:hidden!important;
  border:1px solid rgba(18,108,255,.24)!important;
  box-shadow:0 26px 86px rgba(0,76,170,.13)!important;
}
.service-card .img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background-size:cover!important;
  background-position:center!important;
  transform:none!important;
  transition:transform .45s ease!important;
}
.service-card .img.web-design{background-image:url('../images/service-webdesign.svg')!important}
.service-card .img.mobile-app{background-image:url('../images/service-mobile.svg')!important}
.service-card .img.startup-advisory{background-image:url('../images/service-startup.svg')!important}
.service-card .img.marketing{background-image:url('../images/service-marketing.svg')!important}
.service-card .img:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(3,10,24,.04) 0%,rgba(3,10,24,.30) 45%,rgba(3,10,24,.84) 100%)!important;
}
.service-card .glass{
  position:absolute!important;
  z-index:5!important;
  left:22px!important;
  right:22px!important;
  bottom:22px!important;
  top:auto!important;
  padding:22px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.08))!important;
  border:1px solid rgba(255,255,255,.32)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.26)!important;
  color:#fff!important;
  transform:none!important;
}
.service-card .glass h3{font-size:26px!important;color:#fff!important;margin:0 0 10px!important}
.service-card .glass p{font-size:14px!important;color:rgba(255,255,255,.88)!important;margin:0!important;line-height:1.55!important}
.service-card:hover .img{transform:scale(1.045)!important}
.service-card:hover .glass{background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.10))!important}

/* Portfolio cards: crisp case cards with overlay, no white blocks below */
.projects{padding-top:56px!important;padding-bottom:58px!important;background:linear-gradient(180deg,#f8fcff,#ffffff)!important}
.portfolio-grid{grid-template-columns:repeat(4,1fr)!important;gap:24px!important}
.portfolio-card{
  height:360px!important;
  min-height:360px!important;
  position:relative!important;
  overflow:hidden!important;
  background:#061226!important;
  color:#fff!important;
  border:1px solid rgba(18,108,255,.24)!important;
  box-shadow:0 26px 86px rgba(0,76,170,.13)!important;
}
.portfolio-card .project-img{
  position:absolute!important;
  inset:0!important;
  height:100%!important;
  padding:26px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  background-size:cover!important;
  background-position:center!important;
  transition:transform .45s ease!important;
}
.portfolio-card:nth-child(1) .project-img{background-image:linear-gradient(180deg,rgba(3,10,24,.02),rgba(3,10,24,.82)),url('../images/project-wmhs.svg')!important}
.portfolio-card:nth-child(2) .project-img{background-image:linear-gradient(180deg,rgba(3,10,24,.02),rgba(3,10,24,.82)),url('../images/project-mr.svg')!important}
.portfolio-card:nth-child(3) .project-img{background-image:linear-gradient(180deg,rgba(3,10,24,.02),rgba(3,10,24,.82)),url('../images/project-fpn.svg')!important}
.portfolio-card:nth-child(4) .project-img{background-image:linear-gradient(180deg,rgba(3,10,24,.02),rgba(3,10,24,.82)),url('../images/project-feedeo.svg')!important}
.portfolio-card:nth-child(n+5) .project-img{background-image:linear-gradient(180deg,rgba(3,10,24,.02),rgba(3,10,24,.82)),url('../images/project-wmhs.svg')!important}
.portfolio-card .project-img span{
  position:absolute!important;
  left:26px!important;
  bottom:105px!important;
  color:rgba(255,255,255,.70)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:5px!important;
}
.portfolio-card .project-img b{
  position:absolute!important;
  left:26px!important;
  bottom:56px!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1!important;
  text-shadow:0 12px 32px rgba(0,0,0,.38)!important;
}
.portfolio-card h3,
.portfolio-card p{
  display:none!important;
}
.portfolio-card:after{
  content:"View case →"!important;
  position:absolute!important;
  z-index:7!important;
  top:22px!important;
  right:22px!important;
  padding:10px 12px!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.26)!important;
  color:#fff!important;
  font-weight:900!important;
  font-size:12px!important;
  opacity:0!important;
  transform:translateY(-8px)!important;
  transition:.25s!important;
}
.portfolio-card:hover .project-img{transform:scale(1.045)!important}
.portfolio-card:hover:after{opacity:1!important;transform:none!important}

/* Reviews: stronger premium cards */
.premium-reviews,.reviews{
  padding-top:56px!important;
  padding-bottom:60px!important;
  background:
    radial-gradient(circle at 82% 18%,rgba(0,183,255,.10),transparent 26%),
    linear-gradient(180deg,#fff,#f3fbff)!important;
}
.review-grid{gap:22px!important}
.review{
  min-height:246px!important;
  padding:28px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(231,246,255,.82))!important;
  border:1px solid rgba(18,108,255,.22)!important;
  box-shadow:0 26px 78px rgba(18,108,255,.11)!important;
}
.review p{font-size:17px!important;color:#33435a!important}
.review-top i,.review:before{
  box-shadow:0 10px 26px rgba(18,108,255,.13)!important;
}

/* About: keep right image, make premium and compact */
.about-net,.about-premium{
  padding-top:56px!important;
  padding-bottom:56px!important;
  min-height:0!important;
}
.media-block{height:360px!important}

/* No meaningless huge gaps */
.sec{padding-top:56px!important;padding-bottom:56px!important}
.value-prop,.quote-teaser{padding-top:48px!important;padding-bottom:48px!important}
.stats-strip,.stats{padding-top:44px!important;padding-bottom:44px!important}
.detail{padding-top:58px!important;padding-bottom:58px!important}

/* JS effect helpers: decorative, not destructive */
.bhp-tilt-ready{will-change:transform}
.bhp-glow-follow{
  pointer-events:none;
  position:fixed;
  width:260px;
  height:260px;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(0,183,255,.13),transparent 65%);
  z-index:9999;
  transform:translate(-50%,-50%);
  mix-blend-mode:multiply;
}

/* Responsive safety */
@media(max-width:960px){
  .bhp-nav{top:0!important;width:100%!important;height:76px!important}
  .page-head{grid-template-columns:1fr!important;padding-top:30px!important}
  .page-head-art{height:170px!important}
  .service-grid,.portfolio-grid{grid-template-columns:1fr!important}
  .hero-premium{height:auto!important;min-height:680px!important;padding-left:22px!important;padding-right:22px!important}
  .hero-premium:after{display:none!important}
  .hero-premium .slides{width:100%!important;min-width:0!important}
  .hero-visual{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;margin-top:26px!important}
  .hero-stats{position:relative!important;left:auto!important;bottom:auto!important;grid-template-columns:1fr 1fr!important;min-width:0!important;margin-top:18px!important}
}


/* BHP V1.1.10 header/hero readability + stronger motion patch — incremental only */
.bhp-nav.glass-nav{
  height:74px!important;
  align-items:center!important;
  background:linear-gradient(120deg,rgba(224,242,255,.72),rgba(177,216,245,.50),rgba(105,184,255,.30))!important;
  border:1px solid rgba(255,255,255,.38)!important;
  box-shadow:0 22px 85px rgba(0,87,190,.24),inset 0 1px 0 rgba(255,255,255,.82)!important;
  backdrop-filter:blur(30px) saturate(170%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(170%)!important;
}
.bhp-nav .call-cta{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  padding:0 18px!important;
  margin:0!important;
  align-self:center!important;
  background:rgba(233,246,255,.72)!important;
}
.hero-premium{
  background:
    radial-gradient(circle at 76% 38%,rgba(0,183,255,.30),transparent 32%),
    radial-gradient(circle at 16% 22%,rgba(11,116,255,.22),transparent 29%),
    linear-gradient(135deg,#020817 0%,#061a37 52%,#041126 100%)!important;
}
.hero-premium:before{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  left:calc((100vw - 1180px)/2 - 10px)!important;
  right:calc((100vw - 1180px)/2 - 10px)!important;
  top:102px!important;
  bottom:76px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(0,128,255,.075))!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 35px 120px rgba(0,91,195,.25),inset 0 1px 0 rgba(255,255,255,.24)!important;
  backdrop-filter:blur(24px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(145%)!important;
  pointer-events:none!important;
}
.hero-premium:after{
  z-index:1!important;
  background:linear-gradient(135deg,rgba(4,17,38,.56),rgba(7,38,78,.34)),radial-gradient(circle at 70% 22%,rgba(0,183,255,.28),transparent 36%)!important;
}
.hero-premium .slides{padding:28px 28px 28px 34px!important}
.hero-premium .slide span{
  color:#27c8ff!important;
  text-shadow:0 0 18px rgba(39,200,255,.35)!important;
  margin-bottom:18px!important;
}
.hero-premium .slide h1{
  color:#d9f4ff!important;
  font-size:58px!important;
  line-height:1.08!important;
  margin:0 0 26px!important;
  text-shadow:0 10px 34px rgba(0,0,0,.34),0 0 34px rgba(0,183,255,.16)!important;
  letter-spacing:-.045em!important;
}
.hero-premium .slide h1:after{margin-top:24px!important}
.hero-premium .slide p{
  color:#bfeeff!important;
  font-size:19px!important;
  line-height:1.82!important;
  margin:0 0 30px!important;
  max-width:610px!important;
  text-shadow:0 8px 26px rgba(0,0,0,.24)!important;
}
.hero-premium .hero-actions{display:flex!important;gap:14px!important;flex-wrap:wrap!important;margin-top:4px!important}
.hero-visual{animation:bhpHeroFloatStrong 4.8s ease-in-out infinite!important;will-change:transform,filter!important}
.hero-visual:before{box-shadow:0 45px 130px rgba(0,183,255,.34),inset 0 1px 0 rgba(255,255,255,.22)!important}
.hero-visual:after{
  content:""!important;
  position:absolute!important;
  z-index:5!important;
  inset:0!important;
  background:linear-gradient(112deg,transparent 0%,transparent 42%,rgba(255,255,255,.26) 48%,transparent 56%,transparent 100%)!important;
  transform:translateX(-130%)!important;
  animation:bhpHeroShineStrong 3.3s ease-in-out infinite!important;
  pointer-events:none!important;
}
.hero-stats{background:linear-gradient(135deg,rgba(232,247,255,.92),rgba(184,224,255,.74))!important;backdrop-filter:blur(18px) saturate(160%)!important;-webkit-backdrop-filter:blur(18px) saturate(160%)!important}
@keyframes bhpHeroFloatStrong{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-18px,0) scale(1.018)}}
@keyframes bhpHeroShineStrong{0%{transform:translateX(-130%);opacity:0}18%{opacity:.7}48%{transform:translateX(130%);opacity:.55}100%{transform:translateX(130%);opacity:0}}
@media(max-width:960px){
  .hero-premium:before{left:16px!important;right:16px!important;top:92px!important;bottom:22px!important}
  .hero-premium .slides{padding:24px 18px!important}
  .hero-premium .slide h1{font-size:42px!important;line-height:1.12!important}
  .hero-premium .slide p{font-size:16px!important;line-height:1.75!important}
  .bhp-nav .call-cta{display:none!important}
}


/* =========================================================
   BHP V1.1.11 VERIFIED HEADER + HERO FIX
   Incremental only. No CPT, data structure, forms, CRM, image option,
   services, projects, startups, reviews, CSS/JS separation touched.
   ========================================================= */

/* Header phone box: exact center inside its own glass button */
.bhp-nav.glass-nav .call-cta,
.bhp-nav .call-cta{
  width:164px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:40px!important;
  white-space:nowrap!important;
  align-self:center!important;
  font-size:14px!important;
  font-weight:900!important;
}

/* Hero glass must cover the full hero content area, not only the text block */
.hero.hero-premium{
  min-height:620px!important;
  height:auto!important;
  padding-top:116px!important;
  padding-bottom:48px!important;
  isolation:isolate!important;
}
.hero.hero-premium:before{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  left:50%!important;
  right:auto!important;
  top:100px!important;
  bottom:34px!important;
  width:min(1210px,calc(100% - 96px))!important;
  transform:translateX(-50%)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.16),rgba(0,140,255,.095) 48%,rgba(255,255,255,.07)),
    radial-gradient(circle at 24% 30%,rgba(0,183,255,.18),transparent 34%),
    radial-gradient(circle at 78% 36%,rgba(61,210,255,.12),transparent 31%)!important;
  border:1px solid rgba(210,242,255,.30)!important;
  box-shadow:0 40px 135px rgba(0,91,195,.30),inset 0 1px 0 rgba(255,255,255,.30)!important;
  backdrop-filter:blur(28px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(165%)!important;
  pointer-events:none!important;
}
.hero.hero-premium .slides,
.hero.hero-premium .hero-visual,
.hero.hero-premium .hero-stats,
.hero.hero-premium .fx{
  position:relative!important;
}
.hero.hero-premium .fx{z-index:0!important;position:absolute!important}
.hero.hero-premium .slides{
  z-index:4!important;
  width:50%!important;
  min-width:560px!important;
  padding:40px 38px 38px 44px!important;
  background:transparent!important;
}
.hero.hero-premium .hero-visual{
  z-index:4!important;
  position:absolute!important;
  right:calc((100vw - 1200px)/2 - 10px)!important;
  bottom:34px!important;
  width:590px!important;
}
.hero.hero-premium .hero-stats{
  z-index:5!important;
  position:relative!important;
}

/* Hero text readability and spacing: no overlap, bright blue readable text */
.hero.hero-premium .slide{display:none!important;opacity:0!important;transform:translateY(22px) scale(.985)!important;filter:blur(8px)!important}
.hero.hero-premium .slide.on{
  display:block!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  animation:bhpHeroTextPop111 .88s cubic-bezier(.16,.84,.22,1) both!important;
}
.hero.hero-premium .slide span{
  color:#55dcff!important;
  letter-spacing:7px!important;
  font-size:12px!important;
  line-height:1.4!important;
  margin:0 0 22px!important;
  text-shadow:0 0 22px rgba(85,220,255,.48)!important;
}
.hero.hero-premium .slide h1{
  color:#dff8ff!important;
  font-size:54px!important;
  line-height:1.17!important;
  max-width:590px!important;
  margin:0 0 30px!important;
  letter-spacing:-.035em!important;
  text-shadow:0 14px 38px rgba(0,0,0,.42),0 0 28px rgba(0,183,255,.18)!important;
}
.hero.hero-premium .slide h1:after{
  margin-top:28px!important;
  width:92px!important;
  height:3px!important;
  background:linear-gradient(90deg,#14c8ff,#83ecff,transparent)!important;
  box-shadow:0 0 18px rgba(20,200,255,.55)!important;
}
.hero.hero-premium .slide p{
  color:#c9f2ff!important;
  font-size:18px!important;
  line-height:1.95!important;
  max-width:600px!important;
  margin:0 0 30px!important;
  text-shadow:0 10px 30px rgba(0,0,0,.30)!important;
}
.hero.hero-premium .hero-actions{gap:16px!important;margin-top:6px!important}

/* Much more visible JavaScript-added motion layer */
.bhp-hero-energy{
  position:absolute!important;
  inset:100px 48px 34px!important;
  z-index:3!important;
  pointer-events:none!important;
  overflow:hidden!important;
  mix-blend-mode:screen!important;
}
.bhp-hero-energy i,
.bhp-hero-energy b,
.bhp-hero-energy em{position:absolute!important;display:block!important;font-style:normal!important}
.bhp-hero-energy i{
  width:420px!important;height:2px!important;
  background:linear-gradient(90deg,transparent,#42d8ff,rgba(255,255,255,.72),transparent)!important;
  box-shadow:0 0 24px rgba(66,216,255,.85)!important;
  opacity:0!important;
  transform:rotate(-18deg) translateX(-120%)!important;
  animation:bhpHeroBeam111 2.55s ease-in-out infinite!important;
}
.bhp-hero-energy i:nth-child(1){left:2%;top:22%;animation-delay:.05s!important}
.bhp-hero-energy i:nth-child(2){left:36%;top:44%;animation-delay:.85s!important;width:520px!important}
.bhp-hero-energy i:nth-child(3){left:10%;top:72%;animation-delay:1.55s!important;width:480px!important}
.bhp-hero-energy b{
  width:18px!important;height:18px!important;border-radius:50%!important;
  border:2px solid rgba(102,225,255,.9)!important;
  box-shadow:0 0 28px rgba(0,190,255,.85),inset 0 0 18px rgba(0,190,255,.42)!important;
  animation:bhpHeroPulse111 1.9s ease-in-out infinite!important;
}
.bhp-hero-energy b:nth-child(4){right:43%;top:18%;animation-delay:.2s!important}
.bhp-hero-energy b:nth-child(5){right:12%;top:42%;animation-delay:.7s!important}
.bhp-hero-energy b:nth-child(6){left:12%;bottom:18%;animation-delay:1.1s!important}
.bhp-hero-energy em{
  width:180px!important;height:180px!important;border-radius:50%!important;
  right:30%!important;top:24%!important;
  background:radial-gradient(circle,rgba(0,183,255,.20),transparent 62%)!important;
  border:1px solid rgba(72,216,255,.22)!important;
  animation:bhpHeroRing111 2.8s ease-in-out infinite!important;
}
@keyframes bhpHeroTextPop111{
  0%{opacity:0;transform:translateY(26px) scale(.975);filter:blur(10px)}
  64%{opacity:1;transform:translateY(-3px) scale(1.01);filter:blur(0)}
  100%{opacity:1;transform:none;filter:none}
}
@keyframes bhpHeroBeam111{
  0%{opacity:0;transform:rotate(-18deg) translateX(-130%)}
  18%{opacity:.95}
  58%{opacity:.85;transform:rotate(-18deg) translateX(130%)}
  100%{opacity:0;transform:rotate(-18deg) translateX(150%)}
}
@keyframes bhpHeroPulse111{
  0%,100%{opacity:.30;transform:scale(.72)}
  50%{opacity:1;transform:scale(1.35)}
}
@keyframes bhpHeroRing111{
  0%{opacity:.20;transform:scale(.75)}
  45%{opacity:.72;transform:scale(1.12)}
  100%{opacity:.10;transform:scale(1.42)}
}

@media(max-width:960px){
  .hero.hero-premium{padding-top:96px!important;padding-left:20px!important;padding-right:20px!important;min-height:0!important}
  .hero.hero-premium:before{left:14px!important;right:14px!important;top:86px!important;bottom:22px!important;width:auto!important;transform:none!important}
  .hero.hero-premium .slides{width:100%!important;min-width:0!important;padding:28px 18px!important}
  .hero.hero-premium .slide h1{font-size:40px!important;line-height:1.18!important;max-width:100%!important}
  .hero.hero-premium .slide p{font-size:16px!important;line-height:1.78!important}
  .hero.hero-premium .hero-visual{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;margin-top:22px!important}
  .bhp-hero-energy{inset:86px 14px 22px!important}
  .bhp-nav.glass-nav .call-cta,.bhp-nav .call-cta{display:none!important}
}

/* =========================================================
   BHP V1.1.12 HERO STATS SEPARATE SECTION + WAVE PATCH
   Incremental only. No CPT/JS/CRM reset. Hero stats moved out of hero markup.
   ========================================================= */
body .bhp-root{
  filter:none!important;
}
body .bhp-root .bhp-nav,
body .bhp-root .hero,
body .bhp-root .service-card,
body .bhp-root .portfolio-card,
body .bhp-root .review,
body .bhp-root .hero-proof-inner{
  box-shadow:0 18px 70px rgba(67,196,255,.13)!important;
}
body .bhp-root .call-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  min-width:164px!important;
}
body .bhp-root .hero.hero-premium{
  height:590px!important;
  min-height:590px!important;
  padding-top:116px!important;
  padding-bottom:0!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 78% 34%,rgba(50,205,255,.34),transparent 29%),
    radial-gradient(circle at 18% 70%,rgba(66,216,255,.12),transparent 24%),
    linear-gradient(135deg,#020817,#06234a 55%,#041126)!important;
}
body .bhp-root .hero.hero-premium .slides{
  position:relative!important;
  z-index:10!important;
  width:48%!important;
  min-width:520px!important;
  padding-top:0!important;
}
body .bhp-root .hero.hero-premium .hero-visual{
  position:absolute!important;
  right:calc((100vw - 1180px)/2 - 14px)!important;
  bottom:50px!important;
  top:auto!important;
  width:600px!important;
  z-index:6!important;
}
body .bhp-root .hero.hero-premium .hero-visual img{
  width:100%!important;
  display:block!important;
  filter:drop-shadow(0 30px 70px rgba(73,204,255,.22))!important;
}
body .bhp-root .hero.hero-premium .hero-stats{
  display:none!important;
}
body .bhp-root .hero-wave{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-1px!important;
  height:86px!important;
  z-index:9!important;
  pointer-events:none!important;
  background:
    radial-gradient(80% 120% at 50% 0%,rgba(68,210,255,.18),transparent 62%),
    linear-gradient(180deg,rgba(255,255,255,0),rgba(244,251,255,.98) 82%,#fff 100%)!important;
  clip-path:polygon(0 46%,8% 38%,17% 48%,27% 34%,39% 46%,50% 32%,63% 45%,74% 35%,86% 47%,100% 34%,100% 100%,0 100%)!important;
}
body .bhp-root .hero-wave:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:28px!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,rgba(82,218,255,.75),transparent)!important;
  box-shadow:0 0 28px rgba(82,218,255,.65)!important;
}
body .bhp-root .hero-proof-strip{
  position:relative!important;
  z-index:15!important;
  background:linear-gradient(180deg,#ffffff 0%,#f6fbff 100%)!important;
  padding:26px 28px 38px!important;
  margin:0!important;
}
body .bhp-root .hero-proof-inner{
  width:min(1120px,calc(100% - 40px))!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:0!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(98,190,255,.24)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}
body .bhp-root .hero-proof-inner div{
  position:relative!important;
  min-height:78px!important;
  padding:18px 28px 18px 68px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:5px!important;
  border-right:1px solid rgba(98,190,255,.18)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(232,247,255,.72))!important;
}
body .bhp-root .hero-proof-inner div:last-child{border-right:0!important;}
body .bhp-root .hero-proof-inner div:before{
  content:""!important;
  position:absolute!important;
  left:24px!important;
  top:50%!important;
  width:28px!important;
  height:28px!important;
  transform:translateY(-50%)!important;
  border:1px solid rgba(18,108,255,.28)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(224,244,255,.82))!important;
  box-shadow:0 8px 24px rgba(56,190,255,.20), inset 0 0 0 5px rgba(18,108,255,.05)!important;
}
body .bhp-root .hero-proof-inner div:nth-child(1):before{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(224,244,255,.82)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg fill='none' stroke='%23126CFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 5v18M5 14h18'/%3E%3Ccircle cx='14' cy='14' r='9'/%3E%3C/g%3E%3C/svg%3E") center/16px 16px no-repeat!important;}
body .bhp-root .hero-proof-inner div:nth-child(2):before{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(224,244,255,.82)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg fill='none' stroke='%23126CFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='7' width='16' height='13'/%3E%3Cpath d='M10 11h8M10 15h5M9 23h10'/%3E%3C/g%3E%3C/svg%3E") center/16px 16px no-repeat!important;}
body .bhp-root .hero-proof-inner div:nth-child(3):before{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(224,244,255,.82)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg fill='none' stroke='%23126CFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='14' cy='10' r='4'/%3E%3Cpath d='M6 23c1.6-5 14.4-5 16 0'/%3E%3C/g%3E%3C/svg%3E") center/16px 16px no-repeat!important;}
body .bhp-root .hero-proof-inner div:nth-child(4):before{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(224,244,255,.82)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg fill='none' stroke='%23126CFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4l8 3v6c0 6-4 9-8 11-4-2-8-5-8-11V7l8-3z'/%3E%3Cpath d='M10 14l3 3 6-7'/%3E%3C/g%3E%3C/svg%3E") center/16px 16px no-repeat!important;}
body .bhp-root .hero-proof-inner b{
  display:block!important;
  color:#126cff!important;
  font-size:26px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
}
body .bhp-root .hero-proof-inner span{
  display:block!important;
  color:#4f5f76!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:850!important;
}
@media(max-width:1180px){
  body .bhp-root .hero.hero-premium .hero-visual{right:28px!important;width:500px!important;bottom:50px!important;}
  body .bhp-root .hero-proof-inner{width:calc(100% - 36px)!important;}
}
@media(max-width:960px){
  body .bhp-root .hero.hero-premium{height:auto!important;min-height:0!important;padding-top:96px!important;padding-bottom:36px!important;}
  body .bhp-root .hero.hero-premium .slides{width:100%!important;min-width:0!important;}
  body .bhp-root .hero.hero-premium .hero-visual{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;margin-top:22px!important;}
  body .bhp-root .hero-wave{height:58px!important;}
  body .bhp-root .hero-proof-strip{padding:20px 18px 30px!important;}
  body .bhp-root .hero-proof-inner{grid-template-columns:repeat(2,1fr)!important;width:100%!important;}
  body .bhp-root .hero-proof-inner div{border-right:1px solid rgba(98,190,255,.18)!important;border-bottom:1px solid rgba(98,190,255,.18)!important;}
}


/* =========================================================
   BHP V1.1.13 HERO TEXT RECOVERY + STATS SECTION LOCK
   Incremental only: restores Hero text, keeps stats as separate section,
   moves image higher, keeps wave, adds soft blue glow.
   ========================================================= */

body .bhp-root .hero.hero-premium{
  height:590px!important;
  min-height:590px!important;
  padding-top:116px!important;
  padding-bottom:0!important;
  overflow:hidden!important;
  box-shadow:0 30px 95px rgba(68,210,255,.14)!important;
}

/* Restore hero text — hard lock against previous patch conflicts */
body .bhp-root .hero.hero-premium .slides{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:30!important;
  width:48%!important;
  min-width:520px!important;
  padding:0!important;
  margin:0!important;
  pointer-events:auto!important;
}

body .bhp-root .hero.hero-premium .slide{
  visibility:hidden!important;
  opacity:0!important;
  display:none!important;
  transform:none!important;
  filter:none!important;
}

body .bhp-root .hero.hero-premium .slide.on{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}

body .bhp-root .hero.hero-premium .slide.on *,
body .bhp-root .hero.hero-premium .slide.on span,
body .bhp-root .hero.hero-premium .slide.on h1,
body .bhp-root .hero.hero-premium .slide.on p,
body .bhp-root .hero.hero-premium .slide.on .hero-actions{
  visibility:visible!important;
  opacity:1!important;
}

body .bhp-root .hero.hero-premium .slide span{
  display:block!important;
  color:#56e4ff!important;
  text-shadow:0 0 24px rgba(86,228,255,.42)!important;
  margin-bottom:24px!important;
}

body .bhp-root .hero.hero-premium .slide h1{
  display:block!important;
  color:#e5faff!important;
  font-size:56px!important;
  line-height:1.12!important;
  max-width:620px!important;
  margin:0 0 30px!important;
  text-shadow:0 16px 42px rgba(0,0,0,.42),0 0 30px rgba(70,205,255,.16)!important;
}

body .bhp-root .hero.hero-premium .slide p{
  display:block!important;
  color:#d2f4ff!important;
  font-size:18px!important;
  line-height:1.75!important;
  max-width:610px!important;
  margin:0 0 28px!important;
}

body .bhp-root .hero.hero-premium .hero-actions{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  margin-top:0!important;
}

/* Move hero image higher and keep it behind text */
body .bhp-root .hero.hero-premium .hero-visual{
  position:absolute!important;
  right:calc((100vw - 1180px)/2 - 14px)!important;
  bottom:64px!important;
  top:auto!important;
  width:600px!important;
  z-index:8!important;
}

body .bhp-root .hero.hero-premium .hero-visual img{
  width:100%!important;
  display:block!important;
  filter:drop-shadow(0 34px 78px rgba(70,205,255,.22))!important;
}

/* Old in-hero stats must stay hidden because the new proof strip is separate */
body .bhp-root .hero.hero-premium .hero-stats{
  display:none!important;
}

/* Wave under hero */
body .bhp-root .hero-wave{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-1px!important;
  height:86px!important;
  z-index:18!important;
  pointer-events:none!important;
  background:
    radial-gradient(80% 120% at 50% 0%,rgba(68,210,255,.18),transparent 62%),
    linear-gradient(180deg,rgba(255,255,255,0),rgba(244,251,255,.98) 82%,#fff 100%)!important;
  clip-path:polygon(0 46%,8% 38%,17% 48%,27% 34%,39% 46%,50% 32%,63% 45%,74% 35%,86% 47%,100% 34%,100% 100%,0 100%)!important;
  box-shadow:0 -20px 65px rgba(82,218,255,.12)!important;
}

/* Separate stats/proof section */
body .bhp-root .hero-proof-strip{
  position:relative!important;
  z-index:20!important;
  background:linear-gradient(180deg,#ffffff 0%,#f6fbff 100%)!important;
  padding:26px 28px 38px!important;
  margin:0!important;
}

body .bhp-root .hero-proof-inner{
  width:min(1120px,calc(100% - 40px))!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:0!important;
  background:rgba(255,255,255,.9)!important;
  border:1px solid rgba(98,190,255,.24)!important;
  box-shadow:0 24px 80px rgba(68,210,255,.15)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}

body .bhp-root .hero-proof-inner div{
  position:relative!important;
  min-height:78px!important;
  padding:18px 28px 18px 68px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:5px!important;
  border-right:1px solid rgba(98,190,255,.18)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(232,247,255,.72))!important;
}

body .bhp-root .hero-proof-inner div:last-child{border-right:0!important;}

body .bhp-root .hero-proof-inner div:before{
  content:""!important;
  position:absolute!important;
  left:24px!important;
  top:50%!important;
  width:28px!important;
  height:28px!important;
  transform:translateY(-50%)!important;
  border:1px solid rgba(18,108,255,.28)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(224,244,255,.86))!important;
  box-shadow:0 8px 24px rgba(56,190,255,.22),inset 0 0 0 5px rgba(18,108,255,.05)!important;
}

body .bhp-root .hero-proof-inner b{
  display:block!important;
  color:#0876ff!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:900!important;
}

body .bhp-root .hero-proof-inner span{
  display:block!important;
  color:#41536b!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:800!important;
}

body .bhp-root .btn,
body .bhp-root .service-card,
body .bhp-root .portfolio-card,
body .bhp-root .review,
body .bhp-root .hero-proof-inner{
  box-shadow:0 22px 78px rgba(68,210,255,.14)!important;
}

/* Mobile safety */
@media(max-width:960px){
  body .bhp-root .hero.hero-premium{
    height:auto!important;
    min-height:0!important;
    padding-top:96px!important;
    padding-bottom:36px!important;
  }
  body .bhp-root .hero.hero-premium .slides{
    width:100%!important;
    min-width:0!important;
  }
  body .bhp-root .hero.hero-premium .slide h1{
    font-size:40px!important;
    line-height:1.18!important;
  }
  body .bhp-root .hero.hero-premium .hero-visual{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    margin-top:22px!important;
  }
  body .bhp-root .hero-wave{height:58px!important;}
  body .bhp-root .hero-proof-strip{padding:20px 18px 30px!important;}
  body .bhp-root .hero-proof-inner{
    width:100%!important;
    grid-template-columns:repeat(2,1fr)!important;
  }
  body .bhp-root .hero-proof-inner div{
    border-right:1px solid rgba(98,190,255,.18)!important;
    border-bottom:1px solid rgba(98,190,255,.18)!important;
  }
}


/* =========================================================
   BHP V1.1.14 HERO TEXT VISIBILITY FIX — incremental only
   Reason: old reveal JS/CSS was applying opacity:.001 to hero h1/p.
   This restores existing Hero text without touching CPT/CRM/forms/data.
   ========================================================= */
body .bhp-root .hero.hero-premium{
  height:590px!important;
  min-height:590px!important;
  padding-top:116px!important;
  overflow:hidden!important;
}
body .bhp-root .hero.hero-premium .slides{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:60!important;
  width:48%!important;
  min-width:520px!important;
  padding:0!important;
  margin:0!important;
}
body .bhp-root .hero.hero-premium .slide{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  transform:none!important;
  filter:none!important;
}
body .bhp-root .hero.hero-premium .slide.on{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}
body .bhp-root .hero.hero-premium .slide.on,
body .bhp-root .hero.hero-premium .slide.on *,
body .bhp-root .hero.hero-premium .slide.on .bhp-reveal,
body .bhp-root .hero.hero-premium .slide.on .bhp-visible{
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}
body .bhp-root .hero.hero-premium .slide.on span{
  display:block!important;
  color:#56e4ff!important;
  text-shadow:0 0 24px rgba(86,228,255,.42)!important;
  letter-spacing:7px!important;
  margin-bottom:24px!important;
}
body .bhp-root .hero.hero-premium .slide.on h1{
  display:block!important;
  color:#e5faff!important;
  font-size:56px!important;
  line-height:1.12!important;
  max-width:620px!important;
  margin:0 0 30px!important;
  text-shadow:0 16px 42px rgba(0,0,0,.42),0 0 30px rgba(70,205,255,.16)!important;
}
body .bhp-root .hero.hero-premium .slide.on p{
  display:block!important;
  color:#d2f4ff!important;
  font-size:18px!important;
  line-height:1.75!important;
  max-width:610px!important;
  margin:0 0 28px!important;
}
body .bhp-root .hero.hero-premium .slide.on .hero-actions{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  gap:16px!important;
  align-items:center!important;
}
body .bhp-root .hero.hero-premium .hero-visual{
  position:absolute!important;
  right:calc((100vw - 1180px)/2 - 14px)!important;
  bottom:64px!important;
  top:auto!important;
  width:600px!important;
  z-index:8!important;
}
body .bhp-root .hero.hero-premium .hero-stats{display:none!important;}
body .bhp-root .hero-wave{z-index:18!important;}
body .bhp-root .hero-proof-strip{display:block!important;}
@media(max-width:960px){
  body .bhp-root .hero.hero-premium{height:auto!important;min-height:0!important;padding-top:96px!important;padding-bottom:36px!important;}
  body .bhp-root .hero.hero-premium .slides{width:100%!important;min-width:0!important;}
  body .bhp-root .hero.hero-premium .slide.on h1{font-size:40px!important;line-height:1.18!important;}
  body .bhp-root .hero.hero-premium .hero-visual{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;margin-top:22px!important;}
}


/* =========================================================
   BHP V1.1.15 HERO STABLE TEXT LOCK — incremental only
   Fix: text appeared then disappeared because old slider/reveal layers
   still rotated/hid slides after load. Freeze first hero text safely.
   ========================================================= */
body .bhp-root .hero.hero-premium{
  height:590px!important;
  min-height:590px!important;
  padding-top:116px!important;
  padding-bottom:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
body .bhp-root .hero.hero-premium .slides{
  display:block!important;
  position:relative!important;
  z-index:80!important;
  width:48%!important;
  min-width:520px!important;
  padding:0!important;
  margin:0!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  filter:none!important;
}
body .bhp-root .hero.hero-premium .slide{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:none!important;
  filter:none!important;
  animation:none!important;
}
body .bhp-root .hero.hero-premium .slide:first-child,
body .bhp-root .hero.hero-premium .slide.on:first-child{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  filter:none!important;
  animation:none!important;
}
body .bhp-root .hero.hero-premium .slide:first-child *,
body .bhp-root .hero.hero-premium .slide.on:first-child *{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  filter:none!important;
}
body .bhp-root .hero.hero-premium .slide:first-child span{
  display:block!important;
  color:#56e4ff!important;
  letter-spacing:7px!important;
  margin:0 0 24px!important;
  text-shadow:0 0 24px rgba(86,228,255,.42)!important;
}
body .bhp-root .hero.hero-premium .slide:first-child h1{
  display:block!important;
  color:#e5faff!important;
  font-size:56px!important;
  line-height:1.12!important;
  max-width:620px!important;
  margin:0 0 30px!important;
  text-shadow:0 16px 42px rgba(0,0,0,.42),0 0 30px rgba(70,205,255,.16)!important;
}
body .bhp-root .hero.hero-premium .slide:first-child p{
  display:block!important;
  color:#d2f4ff!important;
  font-size:18px!important;
  line-height:1.75!important;
  max-width:610px!important;
  margin:0 0 28px!important;
}
body .bhp-root .hero.hero-premium .slide:first-child .hero-actions{
  display:flex!important;
  gap:16px!important;
  align-items:center!important;
  opacity:1!important;
  visibility:visible!important;
}
body .bhp-root .hero.hero-premium .hero-visual{
  position:absolute!important;
  right:calc((100vw - 1180px)/2 - 14px)!important;
  bottom:64px!important;
  top:auto!important;
  width:600px!important;
  z-index:8!important;
}
body .bhp-root .hero.hero-premium .hero-stats{display:none!important;}
body .bhp-root .hero-wave{z-index:18!important;}
body .bhp-root .hero-proof-strip{display:block!important;}
@media(max-width:960px){
  body .bhp-root .hero.hero-premium{height:auto!important;min-height:0!important;padding-top:96px!important;padding-bottom:36px!important;}
  body .bhp-root .hero.hero-premium .slides{width:100%!important;min-width:0!important;}
  body .bhp-root .hero.hero-premium .slide:first-child h1{font-size:40px!important;line-height:1.18!important;}
  body .bhp-root .hero.hero-premium .hero-visual{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;margin-top:22px!important;}
}
/* BHP Proof Strip Premium Network - Correct Classes */

.hero-proof-strip {
  position: relative !important;
  overflow: hidden !important;
  padding: 42px 0 38px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(0,183,255,.22), transparent 38%),
    linear-gradient(180deg, #f7fcff 0%, #ffffff 100%) !important;
  box-shadow: inset 0 35px 80px rgba(0,183,255,.10) !important;
}

.hero-proof-strip::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    radial-gradient(circle, rgba(0,183,255,.35) 1.5px, transparent 2px),
    linear-gradient(115deg, transparent 0 45%, rgba(0,183,255,.18) 46%, transparent 47%),
    linear-gradient(65deg, transparent 0 48%, rgba(11,116,255,.14) 49%, transparent 50%) !important;
  background-size: 70px 70px, 220px 160px, 260px 180px !important;
  opacity: .65 !important;
  animation: bhpProofNetworkMove 12s linear infinite !important;
}

.hero-proof-inner {
  position: relative !important;
  z-index: 3 !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  background: rgba(255,255,255,.76) !important;
  border: 1px solid rgba(0,183,255,.28) !important;
  backdrop-filter: blur(22px) saturate(155%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(155%) !important;
  box-shadow:
    0 30px 95px rgba(0,155,255,.18),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.hero-proof-inner > div {
  padding: 24px 28px !important;
  min-height: 92px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  border-right: 1px solid rgba(0,140,255,.18) !important;
}

.hero-proof-inner > div:last-child {
  border-right: 0 !important;
}

.hero-proof-inner > div::before {
  content: "" !important;
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  border: 1px solid rgba(0,123,255,.32) !important;
  background: radial-gradient(circle, rgba(0,183,255,.24), transparent 48%), rgba(255,255,255,.5) !important;
  box-shadow: 0 0 34px rgba(0,183,255,.22) !important;
}

.hero-proof-inner b {
  display: block !important;
  color: #007bff !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.hero-proof-inner span {
  display: block !important;
  margin-top: 6px !important;
  color: #263c56 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

@keyframes bhpProofNetworkMove {
  from { background-position: 0 0, 0 0, 0 0; }
  to { background-position: 140px 70px, 220px 160px, -260px 180px; }
}/* Proof Strip Icons Upgrade */

.hero-proof-inner > div::before{
    width:56px !important;
    height:56px !important;
    flex:0 0 56px !important;

    border-radius:14px !important;
    border:1px solid rgba(0,140,255,.35) !important;

    background:
      linear-gradient(135deg,#1da1ff,#00d4ff) !important;

    box-shadow:
      0 0 20px rgba(0,183,255,.35),
      0 10px 30px rgba(0,123,255,.25) !important;
}

/* اگر SVG آیکون داخل باکس هست */
.hero-proof-inner svg{
    width:26px !important;
    height:26px !important;
    color:#ffffff !important;
    stroke:#ffffff !important;
}

/* اگر Font Awesome یا Icon Font استفاده شده */
.hero-proof-inner i{
    font-size:26px !important;
    color:#ffffff !important;
}

/* عددها کمی قوی‌تر */
.hero-proof-inner b{
    font-size:34px !important;
    font-weight:900 !important;
}

/* متن زیر عدد */
.hero-proof-inner span{
    font-size:13px !important;
    font-weight:800 !important;
}/* BHP Proof Icons - Visible Final */

.hero-proof-inner > div{
  position:relative!important;
  padding-left:96px!important;
}

.hero-proof-inner > div:before{
  content:""!important;
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:56px!important;
  height:56px!important;
  background:linear-gradient(135deg,#0876ff,#00c8ff)!important;
  border:1px solid rgba(0,130,255,.45)!important;
  box-shadow:0 14px 36px rgba(0,123,255,.34)!important;
}

.hero-proof-inner > div:after{
  content:""!important;
  position:absolute!important;
  left:35px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:30px!important;
  height:30px!important;
  background:#fff!important;
  z-index:5!important;
}

.hero-proof-inner > div:nth-child(1):after{
  clip-path:polygon(45% 0,55% 0,55% 45%,100% 45%,100% 55%,55% 55%,55% 100%,45% 100%,45% 55%,0 55%,0 45%,45% 45%);
}

.hero-proof-inner > div:nth-child(2):after{
  clip-path:polygon(10% 15%,90% 15%,90% 70%,10% 70%,10% 15%,25% 82%,75% 82%,75% 92%,25% 92%);
}

.hero-proof-inner > div:nth-child(3):after{
  clip-path:circle(28% at 50% 30%);
}

.hero-proof-inner > div:nth-child(4):after{
  clip-path:polygon(50% 0,90% 18%,82% 78%,50% 100%,18% 78%,10% 18%);
}/* FINAL: readable proof icons */

body .bhp-root .hero-proof-inner > div{
  position:relative!important;
  padding-left:104px!important;
}

body .bhp-root .hero-proof-inner > div:before{
  content:""!important;
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:58px!important;
  height:58px!important;
  background:linear-gradient(135deg,#006dff,#00c8ff)!important;
  border:2px solid rgba(255,255,255,.75)!important;
  box-shadow:0 14px 35px rgba(0,120,255,.35)!important;
}

body .bhp-root .hero-proof-inner > div:after{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:58px!important;
  height:58px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-size:28px!important;
  font-weight:900!important;
  z-index:10!important;
  background:none!important;
  clip-path:none!important;
}

body .bhp-root .hero-proof-inner > div:nth-child(1):after{content:"✦"!important;}
body .bhp-root .hero-proof-inner > div:nth-child(2):after{content:"â–£"!important;}
body .bhp-root .hero-proof-inner > div:nth-child(3):after{content:"★"!important;}
body .bhp-root .hero-proof-inner > div:nth-child(4):after{content:"✓"!important;}
/* Force strong blue icons */

.hero-proof-inner > div:after{
    color:#0A6CFF !important;
    text-shadow:
        0 0 8px rgba(10,108,255,.35),
        0 0 18px rgba(10,108,255,.25) !important;
}

.hero-proof-inner > div:before{
    background:linear-gradient(135deg,#0A6CFF,#00B8FF) !important;
    border:1px solid rgba(255,255,255,.8) !important;
    box-shadow:
        0 10px 25px rgba(10,108,255,.35),
        inset 0 1px 0 rgba(255,255,255,.4) !important;
}/* FORCE ICON COLOR */

.hero-proof-inner svg,
.hero-proof-inner img,
.hero-proof-inner i,
.hero-proof-inner .icon,
.hero-proof-inner [class*="icon"]{
    opacity:1 !important;
    filter:none !important;
    grayscale:0 !important;
    color:#0077ff !important;
    fill:#0077ff !important;
    stroke:#0077ff !important;
}

/* kill faded styles */
.hero-proof-inner *{
    filter:none !important;
}/* BHP Proof Icons - Blue Final Override */

body .bhp-root .hero-proof-inner > div::after{
  color:#006DFF !important;
  -webkit-text-fill-color:#006DFF !important;
  text-shadow:0 0 14px rgba(0,109,255,.35) !important;
  opacity:1 !important;
  filter:none !important;
}

body .bhp-root .hero-proof-inner > div::before{
  background:#ffffff !important;
  border:1px solid rgba(0,109,255,.35) !important;
  box-shadow:
    0 12px 32px rgba(0,109,255,.18),
    inset 0 0 0 1px rgba(0,109,255,.12) !important;
}/* Equal Service Card Content Height */

.service-card{
    display:flex !important;
    align-items:flex-end !important;
}

.service-card .glass{
    min-height:205px !important;
    height:205px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
}.img.web-design{
    background-image:
    linear-gradient(rgba(3,16,34,.20),rgba(3,16,34,.20)),
    url('/wp-content/uploads/2026/06/slider.jpg') !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
/* Dynamic Service Image Safe Layer */

.service-card .img{
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
}

.service-card{
    overflow:hidden;
}

.service-card .img{
    transition:transform .35s ease;
}

.service-card:hover .img{
    transform:scale(1.04);
}.service-card .img{
    background-image: var(--service-image) !important;
    background-size: cover !important;
    background-position: center !important;
}

.service-card .img.web-design,
.service-card .img.mobile-app,
.service-card .img.startup-advisory,
.service-card .img.marketing{
    background-image: var(--service-image) !important;
}

/* =========================================================
   BHP FINAL DYNAMIC SERVICE IMAGE FIX
   Incremental only: keeps current layout/glass/hover.
   Forces Service Featured Image / _image from PHP to display.
   ========================================================= */
.service-card.service-dynamic-card .img.service-img-dynamic{
  background-image:var(--bhp-service-img) !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#061226 !important;
}

/* keep readable dark overlay, but do not replace the dynamic image */
.service-card.service-dynamic-card .img.service-img-dynamic:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  opacity:1 !important;
  background:
    linear-gradient(180deg,rgba(3,9,20,.06) 0%,rgba(3,9,20,.36) 45%,rgba(3,9,20,.84) 100%),
    radial-gradient(circle at 78% 18%,rgba(0,183,255,.18),transparent 32%) !important;
}

.service-card.service-dynamic-card .img.service-img-dynamic:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  background:linear-gradient(135deg,rgba(11,116,255,.06),rgba(0,0,0,0)) !important;
  pointer-events:none !important;
}

/* old slug-based images must never override dynamic service image */
.service-card.service-dynamic-card .img.web-design,
.service-card.service-dynamic-card .img.mobile-app,
.service-card.service-dynamic-card .img.startup-advisory,
.service-card.service-dynamic-card .img.marketing{
  background-image:var(--bhp-service-img) !important;
}

/* active nav underline safety */
.bhp-nav nav a.active{
  color:#4ea4ff!important;
  position:relative;
}
.bhp-nav nav a.active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  height:3px;
  background:#4ea4ff;
  transform:scaleX(1)!important;
  box-shadow:0 0 14px rgba(78,164,255,.85);
}
/* BHP ABOUT SECTION FIX - CSS ONLY */
.about-net{
  overflow:visible !important;
  align-items:center !important;
}

.about-points{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  margin:34px 0 30px !important;
}

.about-points li{
  position:relative !important;
  padding:22px 22px 22px 54px !important;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(230,246,255,.72)) !important;
  border:1px solid rgba(11,116,255,.18) !important;
  box-shadow:0 18px 55px rgba(11,116,255,.10) !important;
  color:#061226 !important;
  font-weight:900 !important;
  line-height:1.25 !important;
}

.about-points li:before{
  content:"";
  position:absolute;
  left:20px;
  top:24px;
  width:16px;
  height:16px;
  background:linear-gradient(135deg,#0b74ff,#00b7ff);
  box-shadow:0 0 18px rgba(0,183,255,.65);
}

.premium-network{
  position:relative !important;
  overflow:hidden !important;
  min-height:360px !important;
  padding:0 !important;
}

.premium-network .photo-fallback{
  position:absolute !important;
  left:42px !important;
  bottom:34px !important;
  right:280px !important;
  z-index:4 !important;
  font-size:28px !important;
  line-height:1.05 !important;
  white-space:normal !important;
  max-width:420px !important;
  overflow:hidden !important;
}

.mission-card{
  position:absolute !important;
  right:34px !important;
  bottom:34px !important;
  z-index:6 !important;
  width:265px !important;
  max-width:265px !important;
  padding:24px 26px !important;
  background:linear-gradient(135deg,#0b74ff,#00b7ff) !important;
  box-shadow:0 24px 70px rgba(11,116,255,.35) !important;
}

.mission-card b,
.mission-card span{
  color:#fff !important;
}

@media(max-width:960px){
  .about-points{
    grid-template-columns:1fr !important;
  }

  .premium-network .photo-fallback{
    right:24px !important;
    left:24px !important;
    bottom:190px !important;
    font-size:22px !important;
  }

  .mission-card{
    left:24px !important;
    right:24px !important;
    bottom:24px !important;
    width:auto !important;
    max-width:none !important;
  }
}/* BHP ABOUT MEDIA FIX - CSS ONLY */

.premium-network{
  position:relative!important;
  min-height:360px!important;
  overflow:visible!important;
  background:
    linear-gradient(180deg,rgba(4,17,38,.18),rgba(4,17,38,.48)),
    radial-gradient(circle at 50% 45%,rgba(0,183,255,.28),transparent 38%),
    #06142B!important;
  box-shadow:0 30px 90px rgba(11,116,255,.18)!important;
}

.premium-network .photo-fallback{
  position:absolute!important;
  left:42px!important;
  bottom:38px!important;
  right:320px!important;
  z-index:3!important;
  font-size:28px!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
  color:#fff!important;
  max-width:420px!important;
  white-space:normal!important;
  overflow:hidden!important;
}

.mission-card{
  position:absolute!important;
  right:36px!important;
  bottom:36px!important;
  z-index:6!important;
  width:285px!important;
  max-width:285px!important;
  padding:24px 26px!important;
  background:linear-gradient(135deg,#0b74ff,#00b7ff)!important;
  color:#fff!important;
  box-shadow:
    14px 14px 0 rgba(0,132,255,.35),
    0 28px 70px rgba(11,116,255,.35)!important;
}

.mission-card b{
  display:block!important;
  color:#fff!important;
  font-size:15px!important;
  margin-bottom:8px!important;
}

.mission-card span{
  display:block!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.55!important;
}

@media(max-width:960px){
  .premium-network{
    min-height:420px!important;
  }

  .premium-network .photo-fallback{
    left:24px!important;
    right:24px!important;
    bottom:190px!important;
    font-size:22px!important;
  }

  .mission-card{
    left:24px!important;
    right:24px!important;
    bottom:24px!important;
    width:auto!important;
    max-width:none!important;
  }
}
.premium-network{
    position:relative;
    overflow:hidden;
}

.premium-network .mission-card{
    right:20px;
    bottom:20px;
    width:220px;
    padding:18px;
    z-index:10;
}

.premium-network .mission-card b{
    font-size:14px;
}

.premium-network .mission-card span{
    font-size:12px;
    line-height:1.5;
}/* ABOUT IMAGE / MISSION FINAL FIX */

.premium-network,
.media-block.premium-network{
  height:400px!important;
  overflow:hidden!important;
  position:relative!important;
}

.media-block.premium-network img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 34%!important;
  opacity:1!important;
}

/* حذف Mission قدیمی که با pseudo ساخته شده */
.media-block.premium-network:after{
  display:none!important;
  content:none!important;
}

/* Mission واقعی */
.media-block.premium-network .mission-card{
  position:absolute!important;
  right:22px!important;
  bottom:18px!important;
  width:250px!important;
  max-width:250px!important;
  padding:18px 20px!important;
  z-index:20!important;
  background:linear-gradient(135deg,#0b74ff,#00b7ff)!important;
  box-shadow:12px 12px 0 rgba(11,116,255,.35),0 20px 55px rgba(0,70,180,.30)!important;
}

/* Image Container */
.media-block.premium-network{
    position:relative !important;
    overflow:visible !important;
    border-radius:18px !important;
}

/* Image */
.media-block.premium-network img{
    width:100% !important;
    display:block !important;
    border-radius:18px !important;
}

/* Mission Card */
.media-block.premium-network .mission-card{
    position:absolute !important;

    right:-40px !important;
    top:0% !important;
    bottom:auto !important;

    transform:translateY(-50%) !important;

    width:240px !important;
    padding:24px !important;

    border-radius:14px !important;

    background:linear-gradient(135deg,#0b74ff,#00b7ff) !important;

    box-shadow:
        0 20px 50px rgba(0,0,0,.18),
        0 8px 20px rgba(11,116,255,.25) !important;

    z-index:20 !important;
}

/* Text */
.media-block.premium-network .mission-card b{
    display:block !important;
    margin-bottom:10px !important;
    font-size:16px !important;
    color:#fff !important;
}

.media-block.premium-network .mission-card span{
    display:block !important;
    color:#fff !important;
    line-height:1.7 !important;
    font-size:14px !important;
}
/* PROJECT CARD IMAGE + HOVER FIX */
.portfolio-card{
  overflow:hidden!important;
}

.portfolio-card .project-img{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  transform:none!important;
  filter:none!important;
}

.portfolio-card:hover{
  transform:translateY(-6px)!important;
}

.portfolio-card:hover .project-img{
  transform:scale(1.035)!important;
  filter:saturate(1.08)!important;
}

.portfolio-card:after{
  display:none!important;
  content:none!important;
}
/* BHP Portfolio Home Cards - CSS only fix */
.bhp-portfolio-card,
.portfolio-card,
.project-card {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  min-height: 360px;
  background: #07111f;
}

.bhp-portfolio-card img,
.portfolio-card img,
.project-card img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: top center;
}

.bhp-portfolio-card::after,
.portfolio-card::after,
.project-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(4, 10, 20, 0.05) 0%,
    rgba(4, 10, 20, 0.25) 45%,
    rgba(4, 10, 20, 0.88) 100%
  );
  pointer-events: none;
}

.bhp-portfolio-card .project-content,
.portfolio-card .project-content,
.project-card .project-content,
.bhp-portfolio-card .portfolio-content,
.portfolio-card .portfolio-content,
.project-card .portfolio-content {
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 24px;
  z-index: 2;
}

@media (max-width: 768px) {
  .bhp-portfolio-card,
  .portfolio-card,
  .project-card {
    aspect-ratio: 4 / 5;
    min-height: 330px;
  }

  .bhp-portfolio-card img,
  .portfolio-card img,
  .project-card img {
    object-position: top center;
  }
}.bhp-reviews-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:20px;
}@media (max-width:1200px){
    .bhp-reviews-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}

@media (max-width:992px){
    .bhp-reviews-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media (max-width:768px){
    .bhp-reviews-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:480px){
    .bhp-reviews-grid{
        grid-template-columns:1fr;
    }
}
/* Reviews compact 6 columns */
.review-grid{
    display:grid !important;
    grid-template-columns:repeat(6,1fr) !important;
    gap:12px !important;
}

.review{
    padding:16px !important;
    min-height:220px !important;
}

.review p{
    font-size:13px !important;
    line-height:1.45 !important;
}

.review strong{
    font-size:14px !important;
}

.review small{
    font-size:11px !important;
}

@media(max-width:1200px){
    .review-grid{grid-template-columns:repeat(4,1fr)!important;}
}
@media(max-width:900px){
    .review-grid{grid-template-columns:repeat(3,1fr)!important;}
}
@media(max-width:700px){
    .review-grid{grid-template-columns:repeat(2,1fr)!important;}
}
@media(max-width:480px){
    .review-grid{grid-template-columns:1fr!important;}
}
.bhp-service-card-content{
    min-height:260px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
}

.bhp-service-card-content p{
    line-height:1.6;
    font-size:20px;
    overflow:visible;
    text-overflow:unset;
    -webkit-line-clamp:unset;
}.service-card .glass{
    min-height:220px !important;
    height:auto !important;
    overflow:visible !important;
}.service-card .glass p{
    display:block !important;
    overflow:visible !important;
    text-overflow:unset !important;
    white-space:normal !important;
    -webkit-line-clamp:unset !important;
    line-clamp:unset !important;
}/* SERVICES HOTFIX */

.service-card{
    height:420px !important;
    min-height:420px !important;
}

.service-card .glass{
    min-height:180px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
}

.service-card .glass p{
    overflow:visible !important;
    display:block !important;
    -webkit-line-clamp:unset !important;
    line-clamp:unset !important;
    white-space:normal !important;
    text-overflow:unset !important;
}


/* =========================================================
   BHP V1.1.18 SERVICES CARD TEXT FIX
   Incremental only: fixes service-card glass text clipping.
   Keeps existing card structure and images.
   ========================================================= */

.services-section .service-grid{
  align-items:stretch !important;
}

.services-section .service-card,
.service-card.service-dynamic-card{
  height:420px !important;
  min-height:420px !important;
  overflow:hidden !important;
}

.services-section .service-card .img,
.service-card.service-dynamic-card .img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

.services-section .service-card .glass,
.service-card.service-dynamic-card .glass{
  position:absolute !important;
  left:24px !important;
  right:24px !important;
  bottom:24px !important;
  top:auto !important;
  z-index:10 !important;
  min-height:150px !important;
  height:auto !important;
  max-height:none !important;
  padding:24px 24px 22px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.08)) !important;
  border:1px solid rgba(255,255,255,.32) !important;
  backdrop-filter:blur(24px) saturate(150%) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.28) !important;
}

.services-section .service-card .glass h3,
.service-card.service-dynamic-card .glass h3{
  margin:0 0 12px !important;
  color:#fff !important;
  font-size:28px !important;
  line-height:1.05 !important;
  letter-spacing:-.055em !important;
}

.services-section .service-card .glass p,
.service-card.service-dynamic-card .glass p{
  margin:0 !important;
  color:rgba(255,255,255,.88) !important;
  font-size:16px !important;
  line-height:1.52 !important;
  font-weight:500 !important;
  display:block !important;
  overflow:visible !important;
  text-overflow:unset !important;
  white-space:normal !important;
  -webkit-line-clamp:unset !important;
  line-clamp:unset !important;
  max-height:none !important;
}

@media(max-width:1100px){
  .services-section .service-card,
  .service-card.service-dynamic-card{
    height:390px !important;
    min-height:390px !important;
  }
}

@media(max-width:760px){
  .services-section .service-card,
  .service-card.service-dynamic-card{
    height:360px !important;
    min-height:360px !important;
  }

  .services-section .service-card .glass,
  .service-card.service-dynamic-card .glass{
    left:18px !important;
    right:18px !important;
    bottom:18px !important;
    min-height:135px !important;
    padding:20px !important;
  }

  .services-section .service-card .glass h3,
  .service-card.service-dynamic-card .glass h3{
    font-size:25px !important;
  }

  .services-section .service-card .glass p,
  .service-card.service-dynamic-card .glass p{
    font-size:15px !important;
    line-height:1.48 !important;
  }
}
.service-card .img{
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
}.bhp-service-card-image{
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}.bhp-service-card{
    height: auto !important;
}

.bhp-service-card-image{
    aspect-ratio: 275 / 375;
    min-height: 375px;
}


/* =========================================================
   BHP V1.1.19 SERVICE IMAGE CONTAIN FIX — CSS ONLY
   Problem: service card image is set inline with background-size:cover!important.
   Fix: draw the service image again on a pseudo layer using --bhp-service-img
   so the full 275x375 style banner is visible without touching PHP.
   ========================================================= */

.services-section .service-card.service-dynamic-card,
.service-card.service-dynamic-card{
  height:420px !important;
  min-height:420px !important;
  overflow:hidden !important;
  background:#031126 !important;
}

.services-section .service-card.service-dynamic-card .img.service-img-dynamic,
.service-card.service-dynamic-card .img.service-img-dynamic{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  background-color:#031126 !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

/* This layer beats the inline cover crop visually without deleting the original inline style */
.services-section .service-card.service-dynamic-card .img.service-img-dynamic:after,
.service-card.service-dynamic-card .img.service-img-dynamic:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  background-color:#031126 !important;
  background-image:var(--bhp-service-img) !important;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  opacity:1 !important;
  transform:none !important;
}

/* Keep only a soft readability layer above the image */
.services-section .service-card.service-dynamic-card .img.service-img-dynamic:before,
.service-card.service-dynamic-card .img.service-img-dynamic:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  background:linear-gradient(180deg,rgba(3,9,20,.03) 0%,rgba(3,9,20,.12) 42%,rgba(3,9,20,.52) 100%) !important;
  pointer-events:none !important;
}

/* Keep the text card above the fixed image */
.services-section .service-card.service-dynamic-card .glass,
.service-card.service-dynamic-card .glass{
  z-index:10 !important;
  left:22px !important;
  right:22px !important;
  bottom:22px !important;
  min-height:154px !important;
  max-height:none !important;
  overflow:visible !important;
}

/* No unwanted zoom/crop on hover */
.services-section .service-card.service-dynamic-card:hover .img.service-img-dynamic,
.service-card.service-dynamic-card:hover .img.service-img-dynamic{
  transform:none !important;
  filter:none !important;
}

.services-section .service-card.service-dynamic-card:hover .img.service-img-dynamic:after,
.service-card.service-dynamic-card:hover .img.service-img-dynamic:after{
  transform:none !important;
  background-size:contain !important;
}

@media(max-width:1100px){
  .services-section .service-card.service-dynamic-card,
  .service-card.service-dynamic-card{
    height:410px !important;
    min-height:410px !important;
  }
}

@media(max-width:760px){
  .services-section .service-card.service-dynamic-card,
  .service-card.service-dynamic-card{
    height:390px !important;
    min-height:390px !important;
  }
  .services-section .service-card.service-dynamic-card .glass,
  .service-card.service-dynamic-card .glass{
    left:18px !important;
    right:18px !important;
    bottom:18px !important;
  }
}


/* =========================================================
   BHP V1.1.20 SERVICE LANDING / RELATED PROJECTS PATCH
   Incremental only: no reset, no DB deletion, no CPT removal.
   ========================================================= */

.detail-bhp_service .detail-image,
.detail-bhp_project .detail-image{
  position:relative !important;
  overflow:hidden !important;
  background-color:#06142B !important;
  background-size:cover !important;
  background-position:center center !important;
  min-height:390px !important;
}

.detail-bhp_service .detail-image:before,
.detail-bhp_project .detail-image:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 78% 20%,rgba(0,184,255,.26),transparent 30%),
    linear-gradient(180deg,rgba(3,9,20,.06),rgba(3,9,20,.70)) !important;
  z-index:1 !important;
  pointer-events:none !important;
}

.detail-bhp_service .detail-image span,
.detail-bhp_service .detail-image b,
.detail-bhp_service .detail-image i,
.detail-bhp_project .detail-image span,
.detail-bhp_project .detail-image b,
.detail-bhp_project .detail-image i{
  position:relative !important;
  z-index:2 !important;
  text-shadow:0 14px 40px rgba(0,0,0,.45) !important;
}

.related-projects{
  background:linear-gradient(180deg,#ffffff 0%,#f3fbff 100%) !important;
}

.related-projects .section-title h2{
  max-width:680px !important;
}

.related-projects-empty{
  background:linear-gradient(180deg,#ffffff,#f7fbff) !important;
}

.project-gallery-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:22px !important;
  align-items:stretch !important;
}

.project-gallery-item{
  margin:0 !important;
  overflow:hidden !important;
  background:#06142B !important;
  border:1px solid rgba(18,108,255,.20) !important;
  box-shadow:0 24px 80px rgba(18,108,255,.12) !important;
}

.project-gallery-item img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
}

.project-gallery-item.portrait{
  min-height:560px !important;
  grid-row:span 2 !important;
}

.project-gallery-item.landscape{
  min-height:268px !important;
}

@media(max-width:960px){
  .project-gallery-grid{
    grid-template-columns:1fr !important;
  }
  .project-gallery-item.portrait,
  .project-gallery-item.landscape{
    min-height:auto !important;
    grid-row:auto !important;
  }
  .project-gallery-item img{
    height:auto !important;
  }
}


/* BHP V1.1.23 project gallery, project overview and about page — additive only */
.project-gallery-section .section-title p,
.proof-section .section-title p{
  max-width:640px;
}
.project-gallery-grid{
  display:grid!important;
  grid-template-columns:1.05fr 1fr 1fr!important;
  gap:22px!important;
  align-items:stretch!important;
}
.project-gallery-item{
  display:block!important;
  position:relative!important;
  margin:0!important;
  min-height:250px!important;
  overflow:hidden!important;
  background:#06142b!important;
  border:1px solid rgba(11,116,255,.22)!important;
  box-shadow:0 28px 90px rgba(11,116,255,.12)!important;
}
.project-gallery-item.portrait{
  grid-row:span 2!important;
  min-height:560px!important;
}
.project-gallery-item img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  transition:transform .35s ease, filter .35s ease!important;
}
.project-gallery-item:after{
  content:"View Larger";
  position:absolute;
  right:18px;
  bottom:18px;
  padding:9px 12px;
  background:rgba(4,17,38,.76);
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:0;
  transform:translateY(8px);
  transition:.25s;
}
.project-gallery-item:hover img{
  transform:scale(1.045);
  filter:saturate(1.08) brightness(1.04);
}
.project-gallery-item:hover:after{
  opacity:1;
  transform:translateY(0);
}
.project-overview-section{
  background:linear-gradient(180deg,#fff,#f5fbff)!important;
}
.project-overview-card{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-bottom:22px;
}
.project-overview-card div{
  padding:24px;
  border:1px solid rgba(11,116,255,.18);
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(225,242,255,.72));
  box-shadow:0 22px 70px rgba(11,116,255,.08);
}
.project-overview-card b{
  display:block;
  color:#0b74ff;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:11px;
  margin-bottom:10px;
}
.project-overview-card span,
.project-overview-card a{
  color:#061226;
  font-weight:900;
}
.project-description{
  max-width:900px;
  padding:30px;
  border-left:3px solid #0b74ff;
  background:#fff;
  box-shadow:0 22px 70px rgba(11,116,255,.08);
}
.project-description p{
  margin:0;
  color:#536176;
  font-size:18px;
}
.about-page-hero{
  position:relative;
  min-height:620px;
  overflow:hidden;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:54px;
  padding:150px calc((100vw - 1160px)/2) 88px;
  background:
    radial-gradient(circle at 78% 35%,rgba(0,183,255,.35),transparent 30%),
    radial-gradient(circle at 18% 80%,rgba(11,116,255,.22),transparent 28%),
    linear-gradient(135deg,#030914,#071b3a 62%,#041126);
  color:#fff;
}
.about-page-hero .netfx{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:.38;
}
.about-page-copy{
  position:relative;
  z-index:2;
}
.about-page-copy h1{
  font-size:64px;
  line-height:.98;
  letter-spacing:-.06em;
  margin:0 0 24px;
}
.about-page-copy h1:after{
  content:"";
  display:block;
  width:110px;
  height:2px;
  margin-top:22px;
  background:linear-gradient(90deg,#00b7ff,#1469ff,transparent);
}
.about-page-copy p{
  color:#c8d7ef;
  font-size:18px;
  max-width:620px;
}
.about-orbit{
  position:relative;
  z-index:2;
  height:420px;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(0,183,255,.10));
  box-shadow:0 40px 120px rgba(0,116,255,.22);
  backdrop-filter:blur(18px);
}
.about-orbit:before{
  content:"BHP";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:150px;
  height:150px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.28);
  background:radial-gradient(circle,rgba(0,183,255,.45),rgba(11,116,255,.08));
  color:#fff;
  font-size:42px;
  font-weight:900;
  letter-spacing:-.06em;
  box-shadow:0 0 70px rgba(0,183,255,.45);
}
.about-orbit i{
  position:absolute;
  border:1px solid rgba(0,183,255,.35);
  inset:44px;
  animation:bhpOrbit 11s linear infinite;
}
.about-orbit i:nth-child(2){inset:84px;animation-duration:15s;animation-direction:reverse}
.about-orbit i:nth-child(3){inset:124px;animation-duration:19s}
.about-orbit b{
  position:absolute;
  padding:14px 18px;
  background:rgba(4,17,38,.72);
  border:1px solid rgba(255,255,255,.20);
  color:#fff;
  box-shadow:0 18px 50px rgba(0,116,255,.18);
}
.about-orbit b:nth-of-type(1){left:54px;top:72px}
.about-orbit b:nth-of-type(2){right:64px;top:148px}
.about-orbit b:nth-of-type(3){left:50%;bottom:70px;transform:translateX(-50%)}
@keyframes bhpOrbit{to{transform:rotate(360deg)}}
.about-story-section{
  background:linear-gradient(180deg,#fff,#f6fbff)!important;
}
.about-vision-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.about-vision-grid article{
  position:relative;
  min-height:260px;
  padding:34px;
  background:linear-gradient(135deg,#fff,#edf7ff);
  border:1px solid rgba(11,116,255,.18);
  box-shadow:0 28px 90px rgba(11,116,255,.10);
  overflow:hidden;
}
.about-vision-grid article:before{
  content:"";
  position:absolute;
  right:-55px;
  bottom:-60px;
  width:170px;
  height:170px;
  background:radial-gradient(circle,rgba(0,183,255,.25),transparent 65%);
}
.about-vision-grid span{
  display:block;
  color:#0b74ff;
  font-weight:900;
  letter-spacing:.18em;
  margin-bottom:18px;
}
.about-vision-grid h3{
  font-size:30px;
  margin:0 0 12px;
}
.about-vision-grid p{
  color:#536176;
}
.detail-visual-dynamic i{
  position:absolute;
  right:28px;
  top:28px;
  padding:10px 13px;
  background:rgba(4,17,38,.55);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-style:normal;
  font-weight:900;
  font-size:12px;
}
@media(max-width:960px){
  .project-gallery-grid,
  .project-overview-card,
  .about-page-hero,
  .about-vision-grid{
    grid-template-columns:1fr!important;
  }
  .project-gallery-item.portrait{
    grid-row:auto!important;
    min-height:420px!important;
  }
  .about-page-hero{
    padding:112px 28px 60px!important;
  }
  .about-page-copy h1{
    font-size:42px!important;
  }
  .about-orbit{
    height:320px!important;
  }
}



/* BHP V1.1.24 incremental gallery, about image, breadcrumb and service-path patch */
.crumb-inner a,
.crumb-inner b{
  display:inline-flex!important;
  align-items:center!important;
}
.crumb-inner a:hover{
  color:#00a8ff!important;
  text-decoration:underline!important;
  text-underline-offset:4px!important;
}
.about-page-hero{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:1fr 520px!important;
  gap:54px!important;
  align-items:center!important;
}
.about-page-image{
  position:relative!important;
  min-height:420px!important;
  border:1px solid rgba(11,116,255,.26)!important;
  background:radial-gradient(circle at 68% 24%,rgba(0,183,255,.32),transparent 30%),linear-gradient(135deg,#041126,#082b5d)!important;
  box-shadow:0 35px 110px rgba(11,116,255,.22)!important;
  overflow:hidden!important;
  z-index:3!important;
}
.about-page-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  opacity:.92!important;
  filter:saturate(1.05) contrast(1.03)!important;
}
.about-page-image:before{
  content:""!important;
  position:absolute!important;
  inset:26px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  z-index:2!important;
  pointer-events:none!important;
}
.about-page-image:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(2,8,20,.03),rgba(2,8,20,.58))!important;
  z-index:1!important;
  pointer-events:none!important;
}
.about-page-image span{
  position:absolute!important;
  left:34px!important;
  bottom:32px!important;
  z-index:4!important;
  color:#fff!important;
  font-weight:900!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
  font-size:13px!important;
}
.about-page-image-empty{
  display:grid!important;
  place-items:center!important;
}
.about-page-image-empty span{
  position:relative!important;
  left:auto!important;
  bottom:auto!important;
  color:#dbeeff!important;
  text-align:center!important;
}
.service-child-services{
  background:linear-gradient(180deg,#fff,#f4faff)!important;
  padding-top:56px!important;
  padding-bottom:56px!important;
}
.project-gallery-item{
  cursor:pointer!important;
  border:0!important;
  padding:0!important;
  text-align:left!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.project-gallery-item:focus-visible{
  outline:3px solid #00b7ff!important;
  outline-offset:4px!important;
}
.bhp-gallery-lightbox{
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:34px!important;
  background:rgba(2,8,20,.78)!important;
  backdrop-filter:blur(22px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(130%)!important;
}
.bhp-gallery-lightbox.open{
  display:flex!important;
}
.bhp-gallery-stage{
  position:relative!important;
  width:min(1180px,calc(100vw - 90px))!important;
  height:min(760px,calc(100vh - 92px))!important;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(0,183,255,.10))!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 40px 140px rgba(0,0,0,.45)!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.bhp-gallery-stage:before{
  content:""!important;
  position:absolute!important;
  inset:18px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  pointer-events:none!important;
}
.bhp-gallery-stage img{
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  display:block!important;
  transform:scale(.985)!important;
  opacity:0!important;
  transition:opacity .22s ease, transform .22s ease!important;
}
.bhp-gallery-lightbox.open .bhp-gallery-stage img{
  opacity:1!important;
  transform:scale(1)!important;
}
.bhp-gallery-close,
.bhp-gallery-prev,
.bhp-gallery-next{
  position:absolute!important;
  z-index:3!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  cursor:pointer!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-weight:900!important;
}
.bhp-gallery-close{
  top:18px!important;
  right:18px!important;
  width:48px!important;
  height:48px!important;
  font-size:28px!important;
}
.bhp-gallery-prev,
.bhp-gallery-next{
  top:50%!important;
  transform:translateY(-50%)!important;
  width:58px!important;
  height:72px!important;
  font-size:34px!important;
}
.bhp-gallery-prev{left:18px!important;}
.bhp-gallery-next{right:18px!important;}
.bhp-gallery-count{
  position:absolute!important;
  left:22px!important;
  bottom:18px!important;
  z-index:3!important;
  color:#dbeeff!important;
  font-weight:900!important;
  letter-spacing:1px!important;
  background:rgba(2,8,20,.42)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  padding:9px 12px!important;
}
@media(max-width:960px){
  .about-page-hero{
    grid-template-columns:1fr!important;
  }
  .about-page-image{
    min-height:320px!important;
  }
  .bhp-gallery-lightbox{
    padding:18px!important;
  }
  .bhp-gallery-stage{
    width:calc(100vw - 36px)!important;
    height:calc(100vh - 80px)!important;
  }
  .bhp-gallery-prev,
  .bhp-gallery-next{
    width:48px!important;
    height:58px!important;
  }
}
.service-card .glass{
    position:absolute;
    inset:20px;
    height:auto !important;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}


/* BHP V1.1.25 targeted bug fixes — incremental, no reset */

/* Service inner cards: make the glass fill parent with a clean 20px inset */
.service-child-services .service-card,
.service-related-services .service-card,
.services-section .service-card{
  position:relative !important;
  overflow:hidden !important;
}
.service-child-services .service-card .glass,
.service-related-services .service-card .glass{
  position:absolute !important;
  inset:20px !important;
  top:20px !important;
  right:20px !important;
  bottom:20px !important;
  left:20px !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  transform:none !important;
}
.service-child-services .service-card:hover .glass,
.service-related-services .service-card:hover .glass{
  transform:none !important;
}
.service-child-services .service-card .glass p,
.service-related-services .service-card .glass p{
  display:block !important;
  overflow:visible !important;
  -webkit-line-clamp:unset !important;
  line-clamp:unset !important;
  text-overflow:unset !important;
  white-space:normal !important;
}

/* Quote form service choices: keep Strategy and Automation & AI on one line */
.quote-choice{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:30px !important;
}
.quote-choice label{
  min-width:0 !important;
  white-space:nowrap !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:14px 12px !important;
}
.quote-choice label span{
  white-space:nowrap !important;
  font-size:15px !important;
  line-height:1 !important;
}
@media(max-width:960px){
  .quote-choice{grid-template-columns:1fr 1fr !important;gap:12px !important;}
  .quote-choice label span{font-size:13px !important;}
}

/* About page: put the animated BHP visual opposite the hero text, then image+copy below */
.about-page-hero-clean{
  position:relative !important;
  min-height:640px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(360px,520px) !important;
  gap:64px !important;
  align-items:center !important;
  padding:150px calc((100vw - 1160px)/2) 72px !important;
  overflow:hidden !important;
}
.about-page-hero-clean .about-page-copy{
  position:relative !important;
  z-index:2 !important;
}
.about-system-visual{
  position:relative !important;
  z-index:2 !important;
  min-height:420px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(0,183,255,.10)) !important;
  box-shadow:0 40px 120px rgba(0,183,255,.16) !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
}
.about-system-visual .about-orbit{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  width:360px !important;
  height:360px !important;
  display:block !important;
  transform:none !important;
}
.about-system-visual .about-orbit strong{
  position:absolute !important;
  inset:50% auto auto 50% !important;
  transform:translate(-50%,-50%) !important;
  z-index:4 !important;
  color:#fff !important;
  font-size:42px !important;
  font-weight:900 !important;
  letter-spacing:-.06em !important;
}
.about-image-story{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:54px !important;
  align-items:center !important;
  background:linear-gradient(180deg,#fff,#f5fbff) !important;
}
.about-image-story .about-page-image{
  min-height:390px !important;
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(11,116,255,.20) !important;
  background:#061226 !important;
  box-shadow:0 30px 100px rgba(11,116,255,.14) !important;
}
.about-image-story .about-page-image img{
  width:100% !important;
  height:100% !important;
  min-height:390px !important;
  object-fit:cover !important;
  display:block !important;
}
.about-image-story .about-page-image span{
  position:absolute !important;
  left:24px !important;
  right:24px !important;
  bottom:24px !important;
  z-index:2 !important;
  color:#fff !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
.about-image-copy h2{
  font-size:46px !important;
  line-height:1 !important;
  letter-spacing:-.055em !important;
  margin:0 0 18px !important;
}
.about-image-copy p{
  color:var(--muted) !important;
  font-size:17px !important;
  max-width:620px !important;
}
.about-mini-points{
  display:grid !important;
  gap:12px !important;
  margin-top:24px !important;
}
.about-mini-points div{
  padding:16px 18px !important;
  border:1px solid rgba(11,116,255,.18) !important;
  background:rgba(255,255,255,.72) !important;
  font-weight:900 !important;
}
@media(max-width:960px){
  .about-page-hero-clean,
  .about-image-story{
    grid-template-columns:1fr !important;
    padding-left:28px !important;
    padding-right:28px !important;
  }
  .about-system-visual{min-height:340px !important;}
  .about-system-visual .about-orbit{width:300px !important;height:300px !important;}
}


/* BHP V1.1.26 About team and clean navigation patch - incremental only */
.about-team-section{
  background:linear-gradient(180deg,#ffffff 0%,#f3f9ff 100%);
  position:relative;
}
.about-team-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.team-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#041126,#082a55);
  border:1px solid rgba(11,116,255,.22);
  box-shadow:0 28px 90px rgba(11,116,255,.14);
  min-height:430px;
}
.team-photo{
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 70% 22%,rgba(0,183,255,.32),transparent 28%),linear-gradient(135deg,#041126,#071b3a);
}
.team-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(1.02) contrast(1.02);
}
.team-photo:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(2,8,20,.04) 25%,rgba(2,8,20,.54) 62%,rgba(2,8,20,.92));
}
.team-photo-empty{
  display:grid;
  place-items:center;
}
.team-photo-empty span{
  position:relative;
  z-index:2;
  color:#dbe8ff;
  font-size:12px;
  letter-spacing:3px;
  text-transform:uppercase;
  font-weight:900;
  border:1px solid rgba(255,255,255,.18);
  padding:18px 20px;
}
.team-info{
  position:absolute;
  z-index:3;
  left:22px;
  right:22px;
  bottom:22px;
  padding:22px;
  background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(221,241,255,.56));
  border:1px solid rgba(255,255,255,.72);
  backdrop-filter:blur(18px) saturate(135%);
  box-shadow:0 22px 70px rgba(0,60,120,.22);
}
.team-info h3{
  margin:0 0 8px;
  color:#061226;
  font-size:25px;
  line-height:1.05;
}
.team-info p{
  margin:0;
  color:#25354b;
  font-size:14px;
  line-height:1.55;
}
.about-page-hero-clean .about-system-visual,
.about-system-visual{
  align-self:center;
}
@media(max-width:960px){
  .about-team-grid{grid-template-columns:1fr;}
  .team-card{min-height:390px;}
}


/* BHP V1.1.27 nav pinned beside logo - incremental only */
.bhp-nav{
  justify-content:flex-start!important;
}
.bhp-nav .logo{
  flex:0 0 auto!important;
  margin-right:24px!important;
}
.bhp-nav nav{
  margin-left:0!important;
  margin-right:auto!important;
  justify-content:flex-start!important;
}
.bhp-nav .call-cta{
  margin-left:auto!important;
}
.blog-card p{
  min-height:72px;
}
/* BHP SiteKit V1.1.32 — Incremental CSS fix
   Fixes:
   1) Quote form service buttons stay on one line.
   2) Service inner glass box fills card height with 20px margin.
   3) Service card text remains visible and does not get clipped.
   No PHP / DB changes.
*/

/* Quote / Get Quote buttons: keep Strategy and Automation & AI on one line */
.bhp-root .quote-choice{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.bhp-root .quote-choice label,
.bhp-root .quote-choice span{
  min-width: 0 !important;
}

.bhp-root .quote-choice span{
  height: 56px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  font-size: 14px !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
}

/* Specifically tighten the long Automation button without changing text */
.bhp-root .quote-choice span:has(+ input),
.bhp-root .quote-choice label:nth-child(4) span{
  font-size: 13px !important;
  letter-spacing: -0.04em !important;
}

@supports not selector(:has(*)){
  .bhp-root .quote-choice label:nth-child(4) span{
    font-size: 13px !important;
    letter-spacing: -0.04em !important;
  }
}

/* Service cards: make the text panel fill the card with 20px margin */
body .bhp-root .service-grid .service-card,
body .bhp-root .premium-services .service-grid .service-card,
body .bhp-root .service-card.service-dynamic-card{
  position: relative !important;
  min-height: 420px !important;
  height: 420px !important;
  overflow: hidden !important;
}

body .bhp-root .service-grid .service-card .img,
body .bhp-root .premium-services .service-grid .service-card .img,
body .bhp-root .service-card.service-dynamic-card .img{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

body .bhp-root .service-grid .service-card .glass,
body .bhp-root .premium-services .service-grid .service-card .glass,
body .bhp-root .service-card.service-dynamic-card .glass{
  position: absolute !important;
  inset: 20px !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  overflow: hidden !important;
  transform: none !important;
  background: linear-gradient(135deg, rgba(255,255,255,.24), rgba(255,255,255,.10)) !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  backdrop-filter: blur(24px) saturate(150%) !important;
}

body .bhp-root .service-grid .service-card .glass h3,
body .bhp-root .premium-services .service-grid .service-card .glass h3,
body .bhp-root .service-card.service-dynamic-card .glass h3{
  margin: 0 0 14px 0 !important;
  color: #fff !important;
  font-size: 29px !important;
  line-height: 1.04 !important;
  letter-spacing: -0.055em !important;
  max-width: 100% !important;
}

body .bhp-root .service-grid .service-card .glass p,
body .bhp-root .premium-services .service-grid .service-card .glass p,
body .bhp-root .service-card.service-dynamic-card .glass p{
  margin: 0 !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  max-width: 100% !important;
  display: block !important;
  overflow: visible !important;
}

/* Long service names fit better */
body .bhp-root .service-card .glass h3 br{
  display: none !important;
}

/* Mobile/tablet safety */
@media (max-width: 900px){
  .bhp-root .quote-choice{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .bhp-root .quote-choice span{
    white-space: normal !important;
    line-height: 1.1 !important;
    height: 58px !important;
  }
}

@media (max-width: 560px){
  .bhp-root .quote-choice{
    grid-template-columns: 1fr !important;
  }
}
/* BHP SiteKit V1.1.33 — Service cards: content-size glass box fix
   Incremental CSS only. No PHP / DB changes.
   Goal: glass box returns to content-based height instead of full-card height. */

/* Service cards overlay should fit the text, not fill full parent */
.bhp-service-card .glass,
.bhp-service-card__content,
.bhp-card-glass,
.service-card .glass,
.service-card .bhp-card-glass,
.service-card .service-card-content,
.bhp-services-grid .glass {
  position: absolute !important;
  left: 22px !important;
  right: 22px !important;
  top: auto !important;
  bottom: 22px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 26px 24px !important;
  display: block !important;
  overflow: visible !important;
}

/* Keep text readable and prevent hidden/cut text */
.bhp-service-card .glass h3,
.bhp-service-card__content h3,
.bhp-card-glass h3,
.service-card .glass h3,
.service-card .service-card-content h3,
.bhp-services-grid .glass h3 {
  margin: 0 0 12px !important;
  line-height: 1.04 !important;
  white-space: normal !important;
}

.bhp-service-card .glass p,
.bhp-service-card__content p,
.bhp-card-glass p,
.service-card .glass p,
.service-card .service-card-content p,
.bhp-services-grid .glass p {
  margin: 0 !important;
  line-height: 1.45 !important;
  max-height: none !important;
  overflow: visible !important;
  display: block !important;
}

/* Quote form buttons: keep Automation & AI on one line where possible */
.bhp-quote-tabs button,
.bhp-form-tabs button,
.bhp-quote-form .bhp-service-tab,
.bhp-lead-form .bhp-service-tab {
  white-space: nowrap !important;
  line-height: 1.1 !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

@media (max-width: 900px){
  .bhp-service-card .glass,
  .bhp-service-card__content,
  .bhp-card-glass,
  .service-card .glass,
  .service-card .bhp-card-glass,
  .service-card .service-card-content,
  .bhp-services-grid .glass {
    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;
    padding: 22px 20px !important;
  }
}


/* =========================================================
   BHP V1.1.34 — Restore service card glass box
   Incremental CSS only. Reverts the V1.1.32 full-height overlay.
   Keeps the card image and makes the glass box fit the text again.
   ========================================================= */
body .bhp-root .service-grid .service-card,
body .bhp-root .premium-services .service-grid .service-card,
body .bhp-root .service-card.service-dynamic-card{
  position:relative!important;
  height:390px!important;
  min-height:390px!important;
  overflow:hidden!important;
}

body .bhp-root .service-grid .service-card .img,
body .bhp-root .premium-services .service-grid .service-card .img,
body .bhp-root .service-card.service-dynamic-card .img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}

body .bhp-root .service-grid .service-card .glass,
body .bhp-root .premium-services .service-grid .service-card .glass,
body .bhp-root .service-card.service-dynamic-card .glass,
body .bhp-root .services-section .service-grid .service-card .glass{
  position:absolute!important;
  top:auto!important;
  left:22px!important;
  right:22px!important;
  bottom:22px!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:24px 22px!important;
  display:block!important;
  overflow:visible!important;
  transform:none!important;
  color:#fff!important;
  background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.08))!important;
  border:1px solid rgba(255,255,255,.32)!important;
  backdrop-filter:blur(24px) saturate(150%)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.28)!important;
}

body .bhp-root .service-grid .service-card .glass h3,
body .bhp-root .premium-services .service-grid .service-card .glass h3,
body .bhp-root .service-card.service-dynamic-card .glass h3,
body .bhp-root .services-section .service-grid .service-card .glass h3{
  margin:0 0 12px 0!important;
  color:#fff!important;
  font-size:28px!important;
  line-height:1.03!important;
  letter-spacing:-.055em!important;
  white-space:normal!important;
}

body .bhp-root .service-grid .service-card .glass p,
body .bhp-root .premium-services .service-grid .service-card .glass p,
body .bhp-root .service-card.service-dynamic-card .glass p,
body .bhp-root .services-section .service-grid .service-card .glass p{
  margin:0!important;
  color:rgba(255,255,255,.86)!important;
  font-size:16px!important;
  line-height:1.45!important;
  max-height:none!important;
  overflow:visible!important;
  display:block!important;
}

body .bhp-root .service-grid .service-card .glass h3 br,
body .bhp-root .premium-services .service-grid .service-card .glass h3 br,
body .bhp-root .service-card.service-dynamic-card .glass h3 br{
  display:initial!important;
}

@media(max-width:960px){
  body .bhp-root .service-grid .service-card,
  body .bhp-root .premium-services .service-grid .service-card,
  body .bhp-root .service-card.service-dynamic-card{
    height:340px!important;
    min-height:340px!important;
  }
  body .bhp-root .service-grid .service-card .glass,
  body .bhp-root .premium-services .service-grid .service-card .glass,
  body .bhp-root .service-card.service-dynamic-card .glass{
    left:18px!important;
    right:18px!important;
    bottom:18px!important;
    padding:22px 20px!important;
  }
}

/* BHP V1.1.36 — inner service boxes only, no links; incremental visual patch */
.service-offer-boxes{
  background:linear-gradient(180deg,#ffffff 0%,#f4faff 55%,#ffffff 100%)!important;
  padding-top:58px!important;
  padding-bottom:64px!important;
}
.service-offer-boxes .section-title p{
  max-width:620px!important;
}
.service-static-grid{
  align-items:stretch!important;
}
.service-static-card{
  cursor:default!important;
  pointer-events:auto!important;
  display:block!important;
  border:1px solid rgba(11,116,255,.18)!important;
  background:radial-gradient(circle at 72% 24%,rgba(0,183,255,.25),transparent 30%),linear-gradient(135deg,#041126,#082b5d)!important;
  box-shadow:0 28px 86px rgba(0,83,190,.15)!important;
}
.service-static-card:hover{
  transform:none!important;
  box-shadow:0 28px 86px rgba(0,83,190,.15)!important;
}
.service-static-card:before{
  content:""!important;
  position:absolute!important;
  inset:20px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  pointer-events:none!important;
  z-index:3!important;
}
.service-static-card .img.service-img-dynamic:after{
  background:linear-gradient(180deg,rgba(2,8,20,.06) 0%,rgba(4,17,38,.50) 48%,rgba(4,17,38,.92) 100%)!important;
}
.service-static-card .glass{
  inset:22px!important;
  top:auto!important;
  min-height:190px!important;
  max-height:none!important;
  height:auto!important;
  background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.08))!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.18)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
  color:#fff!important;
  justify-content:flex-end!important;
}
.service-static-card .glass h3{
  color:#fff!important;
  font-size:30px!important;
  line-height:1.03!important;
  margin:0 0 14px!important;
  letter-spacing:-.055em!important;
}
.service-static-card .glass p{
  color:rgba(235,245,255,.86)!important;
  font-size:15.5px!important;
  line-height:1.55!important;
  display:block!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
}
.service-static-card .glass:after{
  content:"Available service"!important;
  display:inline-flex!important;
  align-self:flex-start!important;
  margin-top:18px!important;
  padding:9px 12px!important;
  border:1px solid rgba(255,255,255,.26)!important;
  background:rgba(255,255,255,.09)!important;
  color:#dbeeff!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.9px!important;
  text-transform:uppercase!important;
}
@media(max-width:960px){
  .service-static-card{
    min-height:330px!important;
  }
  .service-static-card .glass{
    min-height:165px!important;
  }
  .service-static-card .glass h3{
    font-size:26px!important;
  }
}

/* BHP INTERNAL SERVICE BOXES — Candy Premium Fantasy v2
   Scope: only child service cards inside internal service pages.
   No links, no database writes, no home service grid changes. */
.bhp-root .service-child-services.service-offer-boxes{
  overflow:hidden!important;
  background:
    radial-gradient(circle at 9% 18%, rgba(0,183,255,.20), transparent 28%),
    radial-gradient(circle at 88% 8%, rgba(134,96,255,.18), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(21,224,255,.16), transparent 32%),
    linear-gradient(180deg,#f8fdff 0%,#eef9ff 46%,#ffffff 100%)!important;
  border:1px solid rgba(11,116,255,.12)!important;
}
.bhp-root .service-child-services.service-offer-boxes:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.55!important;
  background:
    radial-gradient(circle at 12% 70%, rgba(255,255,255,.92) 0 5px, transparent 6px),
    radial-gradient(circle at 72% 22%, rgba(255,255,255,.86) 0 4px, transparent 5px),
    radial-gradient(circle at 91% 82%, rgba(0,183,255,.25) 0 7px, transparent 8px),
    linear-gradient(135deg, rgba(255,255,255,.0), rgba(255,255,255,.42), rgba(255,255,255,.0))!important;
}
.bhp-root .service-child-services .section-title{
  position:relative!important;
  z-index:3!important;
}
.bhp-root .service-grid.service-static-grid{
  position:relative!important;
  z-index:4!important;
  gap:30px!important;
  align-items:stretch!important;
}
.bhp-root .service-static-card{
  position:relative!important;
  min-height:390px!important;
  height:390px!important;
  padding:14px!important;
  cursor:default!important;
  pointer-events:auto!important;
  overflow:visible!important;
  border:1px solid rgba(255,255,255,.95)!important;
  border-radius:30px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(225,246,255,.78))!important;
  box-shadow:
    0 30px 80px rgba(0,108,210,.14),
    0 12px 26px rgba(71,92,255,.08),
    inset 0 1px 0 rgba(255,255,255,.95)!important;
  transform:translateY(0)!important;
  transition:transform .35s ease, box-shadow .35s ease, filter .35s ease!important;
}
.bhp-root .service-static-card:hover{
  transform:translateY(-14px) rotate(-.7deg)!important;
  box-shadow:
    0 44px 100px rgba(0,108,210,.20),
    0 18px 46px rgba(112,92,255,.15),
    inset 0 1px 0 rgba(255,255,255,.98)!important;
  filter:saturate(1.06)!important;
}
.bhp-root .service-static-card:before{
  content:""!important;
  position:absolute!important;
  inset:-2px!important;
  z-index:-1!important;
  border:0!important;
  border-radius:32px!important;
  background:linear-gradient(135deg,rgba(0,183,255,.55),rgba(135,103,255,.42),rgba(255,255,255,.85),rgba(0,183,255,.44))!important;
  opacity:.76!important;
  pointer-events:none!important;
}
.bhp-root .service-static-card:after{
  content:""!important;
  position:absolute!important;
  inset:18px!important;
  z-index:2!important;
  border-radius:24px!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 18% 16%, rgba(255,255,255,.72), transparent 13%),
    radial-gradient(circle at 86% 14%, rgba(255,255,255,.42), transparent 18%),
    linear-gradient(135deg, rgba(255,255,255,.28), rgba(255,255,255,0) 35%, rgba(255,255,255,.18))!important;
  border:1px solid rgba(255,255,255,.42)!important;
}
.bhp-root .service-static-card .img.service-img-dynamic{
  position:absolute!important;
  inset:14px!important;
  height:auto!important;
  z-index:1!important;
  border-radius:26px!important;
  overflow:hidden!important;
  transform:none!important;
  transition:transform .42s ease!important;
}
.bhp-root .service-static-card:hover .img.service-img-dynamic{
  transform:scale(1.018)!important;
}
.bhp-root .service-static-card .img.service-img-dynamic:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  opacity:1!important;
  background:
    radial-gradient(circle at 22% 20%, rgba(255,255,255,.58), transparent 18%),
    radial-gradient(circle at 78% 18%, rgba(255,255,255,.36), transparent 20%),
    radial-gradient(circle at 50% 92%, rgba(255,255,255,.18), transparent 26%)!important;
}
.bhp-root .service-static-card .img.service-img-dynamic:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:
    linear-gradient(180deg,rgba(4,17,38,.02) 0%,rgba(4,17,38,.14) 42%,rgba(4,17,38,.26) 100%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.055) 0 1px,transparent 1px 14px)!important;
}
.bhp-root .service-static-card:nth-child(1) .img.service-img-dynamic{
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.72), transparent 17%),
    radial-gradient(circle at 82% 20%, rgba(112,101,255,.42), transparent 28%),
    linear-gradient(150deg,#e5fbff 0%,#50d6ff 34%,#267cff 70%,#7f68ff 118%)!important;
}
.bhp-root .service-static-card:nth-child(2) .img.service-img-dynamic{
  background:
    radial-gradient(circle at 18% 16%, rgba(255,255,255,.78), transparent 18%),
    radial-gradient(circle at 82% 18%, rgba(77,221,255,.44), transparent 26%),
    linear-gradient(150deg,#f2faff 0%,#76dcff 34%,#537eff 72%,#9a72ff 118%)!important;
}
.bhp-root .service-static-card:nth-child(3) .img.service-img-dynamic{
  background:
    radial-gradient(circle at 20% 18%, rgba(255,255,255,.78), transparent 18%),
    radial-gradient(circle at 82% 20%, rgba(0,206,255,.42), transparent 27%),
    linear-gradient(150deg,#ebffff 0%,#54d4ff 36%,#267bff 76%,#31b8ff 118%)!important;
}
.bhp-root .service-static-card:nth-child(4) .img.service-img-dynamic{
  background:
    radial-gradient(circle at 19% 17%, rgba(255,255,255,.76), transparent 18%),
    radial-gradient(circle at 82% 18%, rgba(138,105,255,.45), transparent 27%),
    linear-gradient(150deg,#f7fbff 0%,#7fddff 32%,#5b7cff 72%,#865dff 118%)!important;
}
.bhp-root .service-static-card .glass{
  position:absolute!important;
  z-index:5!important;
  left:28px!important;
  right:28px!important;
  top:auto!important;
  bottom:28px!important;
  inset:auto 28px 28px 28px!important;
  min-height:232px!important;
  height:auto!important;
  padding:84px 22px 22px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  border-radius:28px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.40),rgba(255,255,255,.16))!important;
  border:1px solid rgba(255,255,255,.66)!important;
  box-shadow:
    0 22px 58px rgba(10,52,110,.18),
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -1px 0 rgba(255,255,255,.20)!important;
  backdrop-filter:blur(24px) saturate(170%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(170%)!important;
  color:#fff!important;
}
.bhp-root .service-static-card .glass:before{
  content:"✦"!important;
  position:absolute!important;
  top:21px!important;
  left:22px!important;
  width:54px!important;
  height:54px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  color:#fff!important;
  font-size:27px!important;
  font-weight:900!important;
  line-height:1!important;
  background:
    radial-gradient(circle at 28% 20%, rgba(255,255,255,.94), transparent 26%),
    linear-gradient(135deg,#20d6ff 0%,#0b74ff 48%,#7d63ff 100%)!important;
  border:1px solid rgba(255,255,255,.70)!important;
  box-shadow:
    0 16px 34px rgba(11,116,255,.30),
    inset 0 1px 0 rgba(255,255,255,.72)!important;
  text-shadow:0 2px 12px rgba(0,0,0,.22)!important;
  transition:transform .32s ease!important;
}
.bhp-root .service-static-card:hover .glass:before{
  transform:translateY(-4px) rotate(-10deg) scale(1.08)!important;
}
.bhp-root .service-static-card .glass:after{
  content:"✓ Included"!important;
  align-self:flex-start!important;
  display:inline-flex!important;
  margin-top:auto!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  color:#ffffff!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.75px!important;
  text-transform:uppercase!important;
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.38)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34)!important;
}
.bhp-root .service-static-card .glass h3{
  color:#fff!important;
  margin:0 0 12px!important;
  max-width:210px!important;
  font-size:30px!important;
  line-height:.96!important;
  letter-spacing:-.07em!important;
  text-shadow:0 12px 32px rgba(0,24,70,.30)!important;
}
.bhp-root .service-static-card .glass p{
  color:rgba(255,255,255,.92)!important;
  margin:0 0 16px!important;
  max-width:245px!important;
  font-size:14.5px!important;
  line-height:1.58!important;
  font-weight:760!important;
  text-shadow:0 10px 28px rgba(0,24,70,.22)!important;
}
.bhp-root .service-static-card:nth-child(1) .glass:before{content:"✺"!important;}
.bhp-root .service-static-card:nth-child(2) .glass:before{content:"✉"!important;}
.bhp-root .service-static-card:nth-child(3) .glass:before{content:"✦"!important;}
.bhp-root .service-static-card:nth-child(4) .glass:before{content:"â—†"!important;}
@media(max-width:1180px){
  .bhp-root .service-grid.service-static-grid{grid-template-columns:repeat(2,1fr)!important;}
}
@media(max-width:960px){
  .bhp-root .service-grid.service-static-grid{grid-template-columns:1fr!important;gap:22px!important;}
  .bhp-root .service-static-card{height:360px!important;min-height:360px!important;}
  .bhp-root .service-static-card .glass{min-height:220px!important;left:22px!important;right:22px!important;bottom:22px!important;inset:auto 22px 22px 22px!important;}
}


/* =========================================================
   BHP Service Inner Page Cards — Soft Glow UI
   Scope: service detail page static service boxes only
   No links, no PHP logic change.
   ========================================================= */

.bhp-root .service-path-section,
.bhp-root .service-detail-services,
.bhp-root .service-children-section{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 9% 92%, rgba(110,203,255,.32), transparent 24%),
    radial-gradient(circle at 86% 12%, rgba(200,153,255,.32), transparent 24%),
    radial-gradient(circle at 50% 36%, rgba(255,255,255,.96), transparent 54%),
    linear-gradient(135deg,#f8fbff 0%,#eef7ff 46%,#f9f3ff 100%)!important;
  border:1px solid rgba(151,197,255,.28)!important;
}

.bhp-root .service-path-section:before,
.bhp-root .service-detail-services:before,
.bhp-root .service-children-section:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.72!important;
  background:
    radial-gradient(circle at 19% 47%, rgba(255,255,255,.95) 0 2px, transparent 3px),
    radial-gradient(circle at 34% 28%, rgba(92,204,255,.68) 0 2px, transparent 3px),
    radial-gradient(circle at 67% 42%, rgba(191,133,255,.52) 0 2px, transparent 3px),
    radial-gradient(circle at 84% 70%, rgba(255,255,255,.92) 0 2px, transparent 3px),
    linear-gradient(115deg, transparent 0 44%, rgba(255,255,255,.42) 45%, transparent 47%),
    repeating-linear-gradient(130deg, rgba(255,255,255,.14) 0 1px, transparent 1px 18px)!important;
  mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 88%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 88%,transparent 100%)!important;
}

.bhp-root .service-path-section:after,
.bhp-root .service-detail-services:after,
.bhp-root .service-children-section:after{
  content:""!important;
  position:absolute!important;
  right:4%!important;
  top:8%!important;
  width:220px!important;
  height:220px!important;
  border-radius:999px!important;
  background:radial-gradient(circle at 36% 30%, rgba(255,255,255,.75), transparent 27%),linear-gradient(135deg, rgba(95,215,255,.36), rgba(164,118,255,.36))!important;
  opacity:.55!important;
  pointer-events:none!important;
}

.bhp-root .service-grid.service-static-grid{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:30px!important;
  align-items:stretch!important;
}

.bhp-root .service-static-card{
  position:relative!important;
  min-height:455px!important;
  height:455px!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:34px!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  cursor:default!important;
  pointer-events:none!important;
}

.bhp-root .service-static-card:hover{
  transform:translateY(-6px)!important;
  box-shadow:none!important;
}

.bhp-root .service-static-card .img.service-img-dynamic,
.bhp-root .service-static-card .img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:34px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.92)!important;
  background:
    radial-gradient(circle at 22% 18%, rgba(255,255,255,.97), transparent 18%),
    radial-gradient(circle at 76% 12%, rgba(255,255,255,.64), transparent 15%),
    linear-gradient(155deg,rgba(255,245,255,.86) 0%,rgba(245,252,255,.90) 32%,rgba(225,245,255,.80) 66%,rgba(252,244,255,.88) 100%)!important;
  box-shadow:
    0 26px 72px rgba(42,105,190,.13),
    0 0 0 1px rgba(120,180,255,.12),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(255,255,255,.70)!important;
  transition:transform .34s ease, box-shadow .34s ease, filter .34s ease!important;
}

.bhp-root .service-static-card:hover .img.service-img-dynamic,
.bhp-root .service-static-card:hover .img{
  transform:translateY(-4px)!important;
  filter:saturate(1.05) brightness(1.02)!important;
  box-shadow:
    0 34px 90px rgba(57,119,215,.18),
    0 0 0 1px rgba(158,204,255,.24),
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -1px 0 rgba(255,255,255,.82)!important;
}

.bhp-root .service-static-card .img:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 24% 25%, rgba(255,255,255,.88), transparent 18%),
    radial-gradient(circle at 82% 18%, rgba(190,139,255,.22), transparent 19%),
    radial-gradient(circle at 77% 74%, rgba(89,211,255,.20), transparent 24%),
    linear-gradient(135deg, rgba(255,255,255,.58), rgba(255,255,255,.12))!important;
  pointer-events:none!important;
}

.bhp-root .service-static-card .img:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  border-radius:34px!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 17% 55%, rgba(153,104,255,.18) 0 4px, transparent 5px),
    radial-gradient(circle at 83% 25%, rgba(0,183,255,.22) 0 5px, transparent 6px),
    radial-gradient(circle at 54% 47%, rgba(255,255,255,.72) 0 2px, transparent 3px),
    radial-gradient(circle at 74% 68%, rgba(255,255,255,.62) 0 2px, transparent 3px),
    linear-gradient(135deg, transparent 0 45%, rgba(255,255,255,.25) 47%, transparent 50%)!important;
  opacity:.95!important;
}

.bhp-root .service-static-card .glass{
  position:absolute!important;
  z-index:6!important;
  left:32px!important;
  right:32px!important;
  bottom:30px!important;
  top:auto!important;
  min-height:330px!important;
  height:auto!important;
  padding:92px 28px 28px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  overflow:visible!important;
  border-radius:30px!important;
  color:#071633!important;
  background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,255,255,.46))!important;
  border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:
    0 22px 58px rgba(91,141,219,.16),
    0 0 0 1px rgba(136,201,255,.16),
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -1px 0 rgba(255,255,255,.62)!important;
  backdrop-filter:blur(24px) saturate(155%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(155%)!important;
  pointer-events:none!important;
}

.bhp-root .service-static-card:nth-child(1) .glass{
  background:linear-gradient(180deg,rgba(255,247,255,.78),rgba(250,242,255,.48))!important;
  box-shadow:0 26px 66px rgba(174,98,255,.18), inset 0 1px 0 rgba(255,255,255,1)!important;
}
.bhp-root .service-static-card:nth-child(2) .glass{
  background:linear-gradient(180deg,rgba(245,253,255,.80),rgba(237,250,255,.50))!important;
  box-shadow:0 26px 66px rgba(33,171,255,.16), inset 0 1px 0 rgba(255,255,255,1)!important;
}
.bhp-root .service-static-card:nth-child(3) .glass{
  background:linear-gradient(180deg,rgba(244,253,255,.80),rgba(235,249,255,.50))!important;
  box-shadow:0 26px 66px rgba(28,160,255,.16), inset 0 1px 0 rgba(255,255,255,1)!important;
}
.bhp-root .service-static-card:nth-child(4) .glass{
  background:linear-gradient(180deg,rgba(251,247,255,.80),rgba(246,241,255,.50))!important;
  box-shadow:0 26px 66px rgba(158,104,255,.17), inset 0 1px 0 rgba(255,255,255,1)!important;
}

.bhp-root .service-static-card .glass:before{
  content:"✦"!important;
  position:absolute!important;
  top:-42px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:104px!important;
  height:104px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  color:#fff!important;
  font-size:46px!important;
  font-weight:900!important;
  line-height:1!important;
  background:
    radial-gradient(circle at 31% 22%, rgba(255,255,255,.95), transparent 25%),
    linear-gradient(145deg,#9fe8ff 0%,#3d96ff 44%,#a66cff 100%)!important;
  border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:
    0 18px 42px rgba(50,135,255,.25),
    0 0 38px rgba(136,101,255,.18),
    inset 0 3px 8px rgba(255,255,255,.54),
    inset 0 -12px 24px rgba(42,65,198,.20)!important;
  text-shadow:0 4px 18px rgba(0,0,0,.18)!important;
}

.bhp-root .service-static-card:nth-child(1) .glass:before{
  content:"✈"!important;
  background:radial-gradient(circle at 31% 22%, rgba(255,255,255,.95), transparent 25%),linear-gradient(145deg,#d7b8ff 0%,#8d70ff 45%,#ff92e8 100%)!important;
}
.bhp-root .service-static-card:nth-child(2) .glass:before{
  content:"✉"!important;
  background:radial-gradient(circle at 31% 22%, rgba(255,255,255,.95), transparent 25%),linear-gradient(145deg,#8ce8ff 0%,#4fa2ff 48%,#8c70ff 100%)!important;
}
.bhp-root .service-static-card:nth-child(3) .glass:before{
  content:"A"!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-size:54px!important;
  letter-spacing:-.10em!important;
  padding-right:5px!important;
  background:radial-gradient(circle at 31% 22%, rgba(255,255,255,.95), transparent 25%),linear-gradient(145deg,#9deaff 0%,#1c9cff 48%,#6f77ff 100%)!important;
}
.bhp-root .service-static-card:nth-child(4) .glass:before{
  content:"∞"!important;
  font-size:56px!important;
  background:radial-gradient(circle at 31% 22%, rgba(255,255,255,.95), transparent 25%),linear-gradient(145deg,#d8b8ff 0%,#7b74ff 46%,#ff93df 100%)!important;
}

.bhp-root .service-static-card .glass h3{
  color:#071331!important;
  margin:0 0 28px!important;
  max-width:240px!important;
  font-size:34px!important;
  line-height:1.05!important;
  letter-spacing:-.075em!important;
  text-shadow:0 10px 32px rgba(255,255,255,.80)!important;
}

.bhp-root .service-static-card .glass h3:after{
  content:""!important;
  display:block!important;
  width:48px!important;
  height:4px!important;
  margin:18px auto 0!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#cb73ff,#22c8ff)!important;
  box-shadow:0 8px 22px rgba(47,178,255,.28)!important;
}

.bhp-root .service-static-card:nth-child(2) .glass h3:after,
.bhp-root .service-static-card:nth-child(3) .glass h3:after{
  background:linear-gradient(90deg,#20cfff,#0b74ff)!important;
}

.bhp-root .service-static-card .glass p{
  color:#24304b!important;
  margin:0 auto 26px!important;
  max-width:240px!important;
  font-size:15.5px!important;
  line-height:1.55!important;
  font-weight:500!important;
  text-shadow:none!important;
}

.bhp-root .service-static-card .glass:after{
  content:"✓ INCLUDED"!important;
  margin-top:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:172px!important;
  min-height:50px!important;
  padding:13px 24px!important;
  border-radius:999px!important;
  color:#1478ff!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.55px!important;
  text-transform:uppercase!important;
  background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(255,255,255,.58))!important;
  border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:0 15px 36px rgba(69,133,210,.16),inset 0 1px 0 rgba(255,255,255,1)!important;
}

.bhp-root .service-static-card:nth-child(1) .glass:after,
.bhp-root .service-static-card:nth-child(4) .glass:after{
  color:#9a38ff!important;
}

@media(max-width:1180px){
  .bhp-root .service-grid.service-static-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:960px){
  .bhp-root .service-grid.service-static-grid{grid-template-columns:1fr!important;gap:32px!important;}
  .bhp-root .service-static-card{min-height:450px!important;height:450px!important;}
  .bhp-root .service-static-card .glass{left:28px!important;right:28px!important;bottom:28px!important;}
}
/* BHP service inner cards - soft glow fix */
.bhp-service-path .service-card{
  height:390px!important;
  min-height:390px!important;
  border-radius:28px!important;
  overflow:visible!important;
  background:linear-gradient(145deg,#eafcff 0%,#eaf4ff 45%,#f8edff 100%)!important;
  border:1px solid rgba(255,255,255,.9)!important;
  box-shadow:0 28px 80px rgba(45,120,255,.18)!important;
}

.bhp-service-path .service-card .img{
  position:absolute!important;
  inset:0!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#f9fdff 0%,#dff7ff 38%,#e9e5ff 100%)!important;
}

.bhp-service-path .service-card .glass{
  left:22px!important;
  right:22px!important;
  bottom:22px!important;
  top:78px!important;
  padding:92px 24px 28px!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.56),rgba(220,245,255,.42))!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 24px 55px rgba(31,122,255,.18)!important;
  backdrop-filter:blur(24px) saturate(150%)!important;
  text-align:center!important;
  color:#071633!important;
  overflow:visible!important;
}

.bhp-service-path .service-card .glass:before{
  content:"";
  position:absolute;
  top:-52px;
  left:50%;
  transform:translateX(-50%);
  width:104px;
  height:104px;
  border-radius:50%!important;
  background:radial-gradient(circle at 30% 20%,#fff 0%,#7ee7ff 28%,#267dff 56%,#b86cff 100%);
  box-shadow:0 18px 45px rgba(78,120,255,.32),inset 0 2px 8px rgba(255,255,255,.75);
  z-index:2;
}

.bhp-service-path .service-card .glass h3{
  font-size:29px!important;
  line-height:1.08!important;
  color:#071633!important;
  margin:0 0 14px!important;
  position:relative!important;
  z-index:3!important;
}

.bhp-service-path .service-card .glass h3:after{
  content:"";
  display:block;
  width:48px;
  height:4px;
  margin:16px auto 0;
  border-radius:20px!important;
  background:linear-gradient(90deg,#b55cff,#00c8ff);
}

.bhp-service-path .service-card .glass p{
  color:#41506b!important;
  font-size:15px!important;
  line-height:1.58!important;
  font-weight:600!important;
  max-width:210px!important;
  margin:0 auto 24px!important;
}

.bhp-service-path .service-card .glass .service-badge,
.bhp-service-path .service-card .glass b,
.bhp-service-path .service-card .glass small{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:150px!important;
  height:46px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(255,255,255,.95)!important;
  box-shadow:0 14px 30px rgba(61,126,255,.16)!important;
  color:#1174ff!important;
  font-weight:900!important;
  font-size:12px!important;
  letter-spacing:.4px!important;
}

.bhp-service-path .service-card:hover{
  transform:translateY(-10px)!important;
  box-shadow:0 38px 100px rgba(54,133,255,.25)!important;
}

/* =========================================================
   BHP V1.1.36 — FINAL INNER SERVICE CARDS
   Scope: only internal service pages / service path cards
   Purpose: soft, elegant, fantasy glass cards without overlap
   ========================================================= */

.bhp-service-path{
  overflow:hidden!important;
  background:
    radial-gradient(circle at 10% 18%,rgba(98,230,255,.22),transparent 28%),
    radial-gradient(circle at 90% 6%,rgba(181,126,255,.20),transparent 26%),
    linear-gradient(180deg,#f7fdff 0%,#eefaff 48%,#fff 100%)!important;
}

.bhp-service-path .service-grid{
  align-items:stretch!important;
  gap:30px!important;
  padding-top:26px!important;
  padding-bottom:22px!important;
}

.bhp-service-path .service-card{
  height:410px!important;
  min-height:410px!important;
  border-radius:34px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 28% 18%,rgba(255,255,255,.95) 0,rgba(255,255,255,.36) 22%,transparent 36%),
    radial-gradient(circle at 86% 88%,rgba(121,91,255,.20),transparent 34%),
    linear-gradient(150deg,rgba(255,255,255,.82),rgba(225,250,255,.66) 42%,rgba(240,230,255,.72))!important;
  border:1px solid rgba(255,255,255,.96)!important;
  box-shadow:
    0 30px 85px rgba(42,124,255,.16),
    inset 0 1px 0 rgba(255,255,255,.95)!important;
  transform:none!important;
}

.bhp-service-path .service-card:before{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:33px!important;
  padding:1px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(87,214,255,.55),rgba(180,116,255,.45),rgba(255,255,255,.75))!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  pointer-events:none!important;
  z-index:6!important;
}

.bhp-service-path .service-card:after{
  content:""!important;
  position:absolute!important;
  width:120px!important;
  height:120px!important;
  right:-38px!important;
  top:-34px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(187,126,255,.26),transparent 68%)!important;
  filter:blur(2px)!important;
  opacity:.72!important;
  z-index:1!important;
  pointer-events:none!important;
}

.bhp-service-path .service-card .img{
  position:absolute!important;
  inset:0!important;
  height:100%!important;
  border-radius:34px!important;
  overflow:hidden!important;
  background:
    repeating-linear-gradient(135deg,rgba(255,255,255,.16) 0 1px,transparent 1px 18px),
    radial-gradient(circle at 20% 14%,rgba(255,255,255,.85),transparent 22%),
    radial-gradient(circle at 82% 18%,rgba(99,225,255,.42),transparent 28%),
    linear-gradient(150deg,#f8feff 0%,#dff9ff 44%,#efe8ff 100%)!important;
  transform:none!important;
}

.bhp-service-path .service-card .img:before,
.bhp-service-path .service-card .img:after{
  display:none!important;
}

.bhp-service-path .service-card .glass{
  position:absolute!important;
  left:24px!important;
  right:24px!important;
  top:118px!important;
  bottom:24px!important;
  padding:70px 24px 24px!important;
  border-radius:30px!important;
  overflow:visible!important;
  text-align:center!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.50)),
    linear-gradient(145deg,rgba(227,250,255,.54),rgba(241,233,255,.52))!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:
    0 24px 55px rgba(43,117,255,.14),
    inset 0 1px 0 rgba(255,255,255,.96)!important;
  backdrop-filter:blur(26px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(165%)!important;
  transform:none!important;
  color:#071633!important;
  z-index:4!important;
}

.bhp-service-path .service-card .glass:before{
  content:""!important;
  position:absolute!important;
  top:-58px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:98px!important;
  height:98px!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 28% 20%,#ffffff 0 8%,rgba(255,255,255,.85) 9% 20%,transparent 21%),
    linear-gradient(145deg,#72efff 0%,#2889ff 48%,#b77bff 100%)!important;
  box-shadow:
    0 18px 42px rgba(97,135,255,.30),
    0 0 0 10px rgba(255,255,255,.36),
    inset 0 2px 8px rgba(255,255,255,.72)!important;
  z-index:2!important;
}

.bhp-service-path .service-card .glass:after{
  content:"✦"!important;
  position:absolute!important;
  top:-33px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-size:28px!important;
  font-weight:900!important;
  text-shadow:0 2px 10px rgba(0,72,180,.25)!important;
  z-index:3!important;
}

.bhp-service-path .service-card:nth-child(1) .glass:after{content:"➤"!important;}
.bhp-service-path .service-card:nth-child(2) .glass:after{content:"✉"!important;}
.bhp-service-path .service-card:nth-child(3) .glass:after{content:"A"!important;font-size:34px!important;}
.bhp-service-path .service-card:nth-child(4) .glass:after{content:"∞"!important;font-size:36px!important;}

.bhp-service-path .service-card .glass h3{
  color:#071633!important;
  font-size:31px!important;
  line-height:1.08!important;
  letter-spacing:-.06em!important;
  margin:0 0 12px!important;
  text-shadow:none!important;
  position:relative!important;
  z-index:5!important;
}

.bhp-service-path .service-card .glass h3:after{
  content:""!important;
  display:block!important;
  width:42px!important;
  height:3px!important;
  margin:14px auto 0!important;
  border-radius:20px!important;
  background:linear-gradient(90deg,#b96cff,#18cfff)!important;
}

.bhp-service-path .service-card .glass p{
  max-width:220px!important;
  margin:0 auto 22px!important;
  color:#445372!important;
  font-size:14.5px!important;
  line-height:1.62!important;
  font-weight:600!important;
  text-shadow:none!important;
  position:relative!important;
  z-index:5!important;
}

.bhp-service-path .service-card .glass .service-badge,
.bhp-service-path .service-card .glass b,
.bhp-service-path .service-card .glass small{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:144px!important;
  height:42px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.70)!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:
    0 14px 30px rgba(73,129,255,.13),
    inset 0 1px 0 rgba(255,255,255,.92)!important;
  color:#0b74ff!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.35px!important;
  text-transform:uppercase!important;
  position:relative!important;
  z-index:5!important;
}

.bhp-service-path .service-card:hover{
  transform:translateY(-9px)!important;
  box-shadow:
    0 42px 105px rgba(55,126,255,.23),
    inset 0 1px 0 rgba(255,255,255,.95)!important;
}

.bhp-service-path .service-card:hover .glass{
  transform:none!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.80),rgba(255,255,255,.55)),
    linear-gradient(145deg,rgba(224,249,255,.62),rgba(239,231,255,.60))!important;
}

@media(max-width:1180px){
  .bhp-service-path .service-grid{grid-template-columns:repeat(2,1fr)!important;}
}

@media(max-width:960px){
  .bhp-service-path .service-grid{grid-template-columns:1fr!important;gap:22px!important;}
  .bhp-service-path .service-card{height:390px!important;min-height:390px!important;}
  .bhp-service-path .service-card .glass{top:108px!important;}
}


/* =========================================================
   BHP SERVICE INNER CARDS — FINAL BOTTOM FIX
   Fixes: badge/pill escaping below cards on internal service pages.
   Scope: only .service-child-services / .service-static-card
   ========================================================= */

.bhp-root .service-child-services.service-offer-boxes{
  padding-bottom:86px!important;
  overflow:hidden!important;
}

.bhp-root .service-child-services .service-static-grid{
  align-items:stretch!important;
  overflow:visible!important;
}

.bhp-root .service-child-services .service-static-card{
  height:430px!important;
  min-height:430px!important;
  overflow:hidden!important;
  border-radius:30px!important;
}

.bhp-root .service-child-services .service-static-card .img.service-img-dynamic{
  inset:14px!important;
  border-radius:26px!important;
  overflow:hidden!important;
}

/* Main glass panel must reserve space for the badge */
.bhp-root .service-child-services .service-static-card .glass{
  left:28px!important;
  right:28px!important;
  top:92px!important;
  bottom:28px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:92px 22px 78px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  overflow:hidden!important;
  border-radius:28px!important;
}

/* Icon stays in the top area without pushing content */
.bhp-root .service-child-services .service-static-card .glass:before{
  top:22px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
}

/* Content size controlled so button never falls out */
.bhp-root .service-child-services .service-static-card .glass h3{
  max-width:230px!important;
  margin:0 auto 14px!important;
  font-size:29px!important;
  line-height:1.02!important;
  color:#06142b!important;
  text-shadow:none!important;
}

.bhp-root .service-child-services .service-static-card .glass p{
  max-width:230px!important;
  margin:0 auto!important;
  font-size:14.5px!important;
  line-height:1.48!important;
  font-weight:700!important;
  color:#314158!important;
  text-shadow:none!important;
}

/* The generated badge/pill is locked inside the glass card */
.bhp-root .service-child-services .service-static-card .glass:after{
  content:"✓ Included"!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:22px!important;
  top:auto!important;
  transform:translateX(-50%)!important;
  width:178px!important;
  height:48px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(255,255,255,.96)!important;
  box-shadow:0 14px 32px rgba(48,120,255,.14), inset 0 1px 0 rgba(255,255,255,.85)!important;
  color:#0b74ff!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.45px!important;
  text-transform:uppercase!important;
}

/* Kill any real badge element if PHP prints one separately */
.bhp-root .service-child-services .service-static-card .service-badge,
.bhp-root .service-child-services .service-static-card .included-badge,
.bhp-root .service-child-services .service-static-card .available-service{
  position:absolute!important;
  left:50%!important;
  bottom:50px!important;
  top:auto!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:178px!important;
  height:48px!important;
  margin:0!important;
  z-index:20!important;
  border-radius:999px!important;
}

/* Mobile safety */
@media(max-width:960px){
  .bhp-root .service-child-services .service-static-card{
    height:390px!important;
    min-height:390px!important;
  }

  .bhp-root .service-child-services .service-static-card .glass{
    top:82px!important;
    bottom:22px!important;
    left:22px!important;
    right:22px!important;
    padding:84px 18px 72px!important;
  }

  .bhp-root .service-child-services .service-static-card .glass h3{
    font-size:25px!important;
  }

  .bhp-root .service-child-services .service-static-card .glass p{
    font-size:13.8px!important;
    line-height:1.45!important;
  }
}

.bhp-nav nav a.active{
  color:#4ea4ff!important;
  position:relative;
}
.bhp-nav nav a.active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  height:3px;
  background:#4ea4ff;
  transform:scaleX(1)!important;
  box-shadow:0 0 14px rgba(78,164,255,.85);
}

/* BHP project dynamic image and gallery final patch */
.portfolio-card.portfolio-dynamic-card .project-img.project-img-dynamic{
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.portfolio-card.portfolio-dynamic-card:after{
  display:none!important;
  content:none!important;
}
.portfolio-card.portfolio-dynamic-card:hover{
  transform:translateY(-6px)!important;
}
.portfolio-card.portfolio-dynamic-card:hover .project-img.project-img-dynamic{
  transform:scale(1.035)!important;
  filter:saturate(1.08)!important;
}
.project-gallery-grid{
  display:grid!important;
  grid-template-columns:360px 1fr 1fr!important;
  gap:22px!important;
  align-items:stretch!important;
}
.project-gallery-item{
  margin:0!important;
  overflow:hidden!important;
  background:#06142B!important;
  border:1px solid rgba(11,116,255,.20)!important;
  box-shadow:0 24px 80px rgba(11,116,255,.10)!important;
}
.project-gallery-item img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.project-gallery-item.portrait{
  grid-row:span 2!important;
  min-height:620px!important;
}
.project-gallery-item.landscape{
  min-height:298px!important;
}
@media(max-width:960px){
  .project-gallery-grid{
    grid-template-columns:1fr!important;
  }
  .project-gallery-item.portrait,
  .project-gallery-item.landscape{
    min-height:320px!important;
    grid-row:auto!important;
  }
}


/* BHP Floating Actions - incremental patch */
.bhp-whatsapp-float,
.bhp-backtop{
  position:fixed!important;
  right:28px!important;
  width:54px!important;
  height:54px!important;
  border-radius:18px!important;
  z-index:99999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:0 18px 48px rgba(2,8,20,.24)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.bhp-whatsapp-float{
  bottom:30px!important;
  background:linear-gradient(135deg,#15d366,#0a8f43)!important;
  color:#fff!important;
  font-size:30px!important;
  font-weight:900!important;
}
.bhp-backtop{
  bottom:96px!important;
  background:rgba(255,255,255,.86)!important;
  color:#0875ff!important;
  font-size:28px!important;
  font-weight:900!important;
  cursor:pointer!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(10px)!important;
  transition:all .25s ease!important;
}
.bhp-backtop.show{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
}
.bhp-whatsapp-float:hover,
.bhp-backtop:hover{
  transform:translateY(-4px)!important;
}
.mobile-panel a[href*="wa.me"]{
  color:#13b85b!important;
  font-weight:900!important;
}
@media(max-width:900px){
  .bhp-whatsapp-float,
  .bhp-backtop{
    display:none!important;
  }
  .mobile-panel a[href*="wa.me"],
  .mobile-panel a[href^="tel:"]{
    display:block!important;
  }
}


/* BHP service structure readability fix - incremental */
.service-grid{
  align-items:stretch!important;
}
.service-card.service-dynamic-card{
  min-height:360px!important;
  overflow:hidden!important;
}
.service-card.service-dynamic-card .glass{
  left:22px!important;
  right:22px!important;
  bottom:22px!important;
  width:auto!important;
  max-width:calc(100% - 44px)!important;
  min-height:172px!important;
  max-height:205px!important;
  overflow:hidden!important;
  padding:24px 22px!important;
  box-sizing:border-box!important;
}
.service-card.service-dynamic-card .glass h3{
  font-size:28px!important;
  line-height:1.08!important;
  margin:0 0 12px!important;
  letter-spacing:-.04em!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.service-card.service-dynamic-card .glass p{
  font-size:16px!important;
  line-height:1.45!important;
  margin:0!important;
  display:-webkit-box!important;
  -webkit-line-clamp:5!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.quote-choice{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
.quote-choice label{
  min-width:0!important;
  min-height:50px!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.quote-choice label span{
  display:block!important;
  width:100%!important;
  font-size:15px!important;
  line-height:1.15!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.eval-sec .quote-choice label span,
.inline-cta .quote-choice label span{
  font-size:14px!important;
}
@media(max-width:1180px){
  .service-card.service-dynamic-card .glass h3{font-size:25px!important;}
  .service-card.service-dynamic-card .glass p{font-size:15px!important;-webkit-line-clamp:4!important;}
  .quote-choice{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:640px){
  .service-card.service-dynamic-card{min-height:330px!important;}
  .service-card.service-dynamic-card .glass{min-height:150px!important;max-height:190px!important;}
  .quote-choice{grid-template-columns:1fr!important;}
}


/* BHP V1.1.22 service/project detail image + priority ordering patch */
.detail-visual.detail-visual-dynamic{
  background-color:#061226!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
}
.service-related-projects{
  padding-top:56px!important;
  padding-bottom:56px!important;
  background:linear-gradient(180deg,#fff,#f5fbff)!important;
}
.service-related-projects + .services-section{
  padding-top:56px!important;
}
/* BHP V1.1.27 nav pinned beside logo */
.bhp-nav{justify-content:flex-start!important;}
.bhp-nav .logo{flex:0 0 auto!important;margin-right:24px!important;}
.bhp-nav nav{margin-left:0!important;margin-right:auto!important;justify-content:flex-start!important;}
.bhp-nav .call-cta{margin-left:auto!important;}



/* =========================================================
   BHP INNER SERVICE CARDS — CLEAN FINAL FIX
   Real HTML: .service-child-services .service-static-card
   Fix: icon/title/text/badge all stay inside card with no overlap
   ========================================================= */

.bhp-root .service-child-services.service-offer-boxes{
  padding-top:58px!important;
  padding-bottom:70px!important;
  overflow:hidden!important;
}

.bhp-root .service-child-services .service-static-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:30px!important;
  align-items:stretch!important;
}

.bhp-root .service-child-services .service-static-card{
  position:relative!important;
  height:430px!important;
  min-height:430px!important;
  overflow:hidden!important;
  border-radius:34px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
  transform:none!important;
}

.bhp-root .service-child-services .service-static-card:hover{
  transform:translateY(-5px)!important;
}

.bhp-root .service-child-services .service-static-card .img.service-img-dynamic{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:34px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.95)!important;
  background:
    repeating-linear-gradient(135deg,rgba(255,255,255,.13) 0 1px,transparent 1px 18px),
    radial-gradient(circle at 20% 15%,rgba(255,255,255,.88),transparent 23%),
    radial-gradient(circle at 82% 16%,rgba(132,116,255,.22),transparent 28%),
    linear-gradient(150deg,#f8feff 0%,#d8f8ff 42%,#eef0ff 100%)!important;
  box-shadow:
    0 26px 70px rgba(45,118,220,.16),
    inset 0 1px 0 rgba(255,255,255,.95)!important;
  transform:none!important;
}

.bhp-root .service-child-services .service-static-card .img.service-img-dynamic:before,
.bhp-root .service-child-services .service-static-card .img.service-img-dynamic:after{
  display:none!important;
}

/* Inner glass panel */
.bhp-root .service-child-services .service-static-card .glass{
  position:absolute!important;
  z-index:5!important;
  left:24px!important;
  right:24px!important;
  top:116px!important;
  bottom:24px!important;
  min-height:0!important;
  height:auto!important;
  padding:74px 22px 74px!important;
  overflow:visible!important;
  border-radius:30px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,.50))!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:
    0 22px 55px rgba(50,125,220,.15),
    inset 0 1px 0 rgba(255,255,255,1)!important;
  backdrop-filter:blur(24px) saturate(155%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(155%)!important;
  color:#06142b!important;
  transform:none!important;
}

/* Icon circle with the glyph inside it */
.bhp-root .service-child-services .service-static-card .glass:before{
  position:absolute!important;
  top:-50px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:104px!important;
  height:104px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-weight:900!important;
  line-height:1!important;
  z-index:8!important;
  border:1px solid rgba(255,255,255,.95)!important;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.96),transparent 25%),
    linear-gradient(145deg,#83edff 0%,#2d8cff 48%,#9f6fff 100%)!important;
  box-shadow:
    0 18px 42px rgba(76,130,255,.28),
    0 0 0 10px rgba(255,255,255,.34),
    inset 0 2px 9px rgba(255,255,255,.65)!important;
  text-shadow:0 4px 16px rgba(0,60,180,.24)!important;
}

.bhp-root .service-child-services .service-static-card:nth-child(1) .glass:before{content:"✈"!important;font-size:46px!important;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.96),transparent 25%),linear-gradient(145deg,#d9b8ff 0%,#8670ff 48%,#ff8fe6 100%)!important;}
.bhp-root .service-child-services .service-static-card:nth-child(2) .glass:before{content:"✉"!important;font-size:46px!important;}
.bhp-root .service-child-services .service-static-card:nth-child(3) .glass:before{content:"A"!important;font-size:54px!important;font-family:Inter,system-ui,sans-serif!important;}
.bhp-root .service-child-services .service-static-card:nth-child(4) .glass:before{content:"∞"!important;font-size:56px!important;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.96),transparent 25%),linear-gradient(145deg,#dab8ff 0%,#766fff 48%,#ff91df 100%)!important;}

/* Title / text */
.bhp-root .service-child-services .service-static-card .glass h3{
  color:#06142b!important;
  max-width:240px!important;
  margin:0 auto 12px!important;
  font-size:30px!important;
  line-height:1.05!important;
  letter-spacing:-.07em!important;
  text-shadow:none!important;
  position:relative!important;
  z-index:7!important;
}

.bhp-root .service-child-services .service-static-card .glass h3:after{
  content:""!important;
  display:block!important;
  width:44px!important;
  height:3px!important;
  border-radius:999px!important;
  margin:14px auto 0!important;
  background:linear-gradient(90deg,#bd67ff,#19cfff)!important;
}

.bhp-root .service-child-services .service-static-card .glass p{
  color:#34425d!important;
  max-width:226px!important;
  margin:0 auto!important;
  font-size:14px!important;
  line-height:1.42!important;
  font-weight:700!important;
  text-shadow:none!important;
  position:relative!important;
  z-index:7!important;
}

/* Bottom badge stays inside the glass panel */
.bhp-root .service-child-services .service-static-card .glass:after{
  content:"✓ INCLUDED"!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:20px!important;
  top:auto!important;
  transform:translateX(-50%)!important;
  width:166px!important;
  height:44px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  color:#0b74ff!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.45px!important;
  text-transform:uppercase!important;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.62))!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:
    0 14px 30px rgba(63,128,220,.14),
    inset 0 1px 0 rgba(255,255,255,1)!important;
  z-index:9!important;
}

.bhp-root .service-child-services .service-static-card:nth-child(1) .glass:after,
.bhp-root .service-child-services .service-static-card:nth-child(4) .glass:after{
  color:#9b3dff!important;
}

/* tablet / mobile */
@media(max-width:1180px){
  .bhp-root .service-child-services .service-static-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:960px){
  .bhp-root .service-child-services .service-static-grid{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  .bhp-root .service-child-services .service-static-card{
    height:410px!important;
    min-height:410px!important;
  }
  .bhp-root .service-child-services .service-static-card .glass{
    left:24px!important;
    right:24px!important;
    top:108px!important;
    bottom:24px!important;
    padding:70px 20px 70px!important;
  }
  .bhp-root .service-child-services .service-static-card .glass h3{
    font-size:27px!important;
  }
  .bhp-root .service-child-services .service-static-card .glass p{
    font-size:13.6px!important;
    line-height:1.42!important;
  }
}
/* FINAL FIX - Service inner cards readable + clean bottom */

.service-offer-boxes{
  overflow:visible!important;
  padding-bottom:70px!important;
}

.service-static-card{
  height:390px!important;
  min-height:390px!important;
  overflow:visible!important;
}

.service-static-card .service-content{
  top:86px!important;
  bottom:22px!important;
  left:22px!important;
  right:22px!important;
  height:auto!important;
  padding:86px 22px 22px!important;

  background:linear-gradient(145deg,rgba(21,164,255,.72),rgba(88,93,255,.72))!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 22px 55px rgba(30,105,255,.22)!important;
  backdrop-filter:blur(18px)!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
}

.service-static-card h3{
  color:#061633!important;
  font-size:30px!important;
  line-height:1.08!important;
  text-shadow:none!important;
  margin:0 0 14px!important;
}

.service-static-card p{
  color:#22324a!important;
  font-size:15px!important;
  line-height:1.5!important;
  font-weight:700!important;
  text-shadow:none!important;
  margin:0!important;
  max-width:210px!important;
}

.service-static-card .service-icon{
  top:46px!important;
  z-index:20!important;
}

.service-static-card .service-badge,
.service-static-card .included-badge{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:20px!important;
  top:auto!important;
  transform:translateX(-50%)!important;

  width:170px!important;
  height:46px!important;
  margin:0!important;

  background:rgba(255,255,255,.86)!important;
  color:#0877ff!important;
  border:1px solid rgba(255,255,255,.95)!important;
  box-shadow:0 12px 28px rgba(37,111,255,.16)!important;
  border-radius:999px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.3px!important;
  text-shadow:none!important;
  z-index:30!important;
}

/* same override also kept in CSS file */

/* BHP FINAL INLINE OVERRIDE - inner service cards only */
.bhp-root .service-child-services.service-offer-boxes{
  position:relative!important;
  overflow:visible!important;
  padding-top:58px!important;
  padding-bottom:82px!important;
  background:linear-gradient(180deg,#f7fdff 0%,#eefaff 48%,#ffffff 100%)!important;
}
.bhp-root .service-child-services .service-static-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:30px!important;
  align-items:stretch!important;
}
.bhp-root .service-child-services .service-static-card{
  position:relative!important;
  height:410px!important;
  min-height:410px!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:32px!important;
  border:1px solid rgba(255,255,255,.9)!important;
  background:linear-gradient(145deg,#eafeff 0%,#d2f4ff 42%,#e7e9ff 100%)!important;
  box-shadow:0 28px 75px rgba(42,112,205,.16)!important;
  transform:none!important;
  pointer-events:none!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
.bhp-root .service-child-services .service-static-card:before,
.bhp-root .service-child-services .service-static-card:after{
  display:none!important;
  content:none!important;
}
.bhp-root .service-child-services .service-static-card .img.service-img-dynamic{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 18% 16%,rgba(255,255,255,.96),transparent 23%),
    radial-gradient(circle at 82% 18%,rgba(130,120,255,.22),transparent 28%),
    linear-gradient(145deg,#effdff 0%,#c9f4ff 42%,#dfe4ff 100%)!important;
  opacity:1!important;
  filter:none!important;
}
.bhp-root .service-child-services .service-static-card .img.service-img-dynamic:before,
.bhp-root .service-child-services .service-static-card .img.service-img-dynamic:after{
  display:none!important;
  content:none!important;
}
.bhp-root .service-child-services .service-static-card .glass{
  position:absolute!important;
  z-index:10!important;
  left:22px!important;
  right:22px!important;
  top:98px!important;
  bottom:22px!important;
  min-height:0!important;
  height:auto!important;
  padding:74px 22px 66px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  overflow:visible!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(232,250,255,.70))!important;
  border:1px solid rgba(255,255,255,1)!important;
  box-shadow:0 20px 45px rgba(42,112,205,.13), inset 0 1px 0 rgba(255,255,255,1)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  color:#06142b!important;
  transform:none!important;
}
.bhp-root .service-child-services .service-static-card .glass:before{
  position:absolute!important;
  top:-50px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:104px!important;
  height:104px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  z-index:30!important;
  color:#fff!important;
  font-weight:900!important;
  border:1px solid rgba(255,255,255,.96)!important;
  background:radial-gradient(circle at 30% 20%,#fff 0%,#82ecff 22%,#2d8cff 55%,#926dff 100%)!important;
  box-shadow:0 16px 34px rgba(65,125,255,.25),0 0 0 9px rgba(255,255,255,.42),inset 0 2px 8px rgba(255,255,255,.68)!important;
  text-shadow:none!important;
  opacity:1!important;
  filter:none!important;
}
.bhp-root .service-child-services .service-static-card:nth-child(1) .glass:before{content:"✈"!important;font-size:45px!important;background:radial-gradient(circle at 30% 20%,#fff 0%,#d7b9ff 26%,#7f70ff 55%,#f08be4 100%)!important;}
.bhp-root .service-child-services .service-static-card:nth-child(2) .glass:before{content:"✉"!important;font-size:46px!important;}
.bhp-root .service-child-services .service-static-card:nth-child(3) .glass:before{content:"A"!important;font-size:54px!important;font-family:Inter,system-ui,sans-serif!important;}
.bhp-root .service-child-services .service-static-card:nth-child(4) .glass:before{content:"∞"!important;font-size:56px!important;background:radial-gradient(circle at 30% 20%,#fff 0%,#d8b7ff 26%,#7770ff 55%,#ef8dde 100%)!important;}
.bhp-root .service-child-services .service-static-card .glass h3{
  color:#06142b!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
  max-width:230px!important;
  margin:0 auto 13px!important;
  font-size:29px!important;
  line-height:1.06!important;
  letter-spacing:-.065em!important;
  font-weight:900!important;
  position:relative!important;
  z-index:20!important;
}
.bhp-root .service-child-services .service-static-card .glass h3:after{
  content:""!important;
  display:block!important;
  width:46px!important;
  height:3px!important;
  margin:14px auto 0!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#b65cff,#00bfff)!important;
}
.bhp-root .service-child-services .service-static-card .glass p{
  color:#26384f!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
  max-width:220px!important;
  margin:0 auto!important;
  font-size:14px!important;
  line-height:1.48!important;
  font-weight:750!important;
  position:relative!important;
  z-index:20!important;
}
.bhp-root .service-child-services .service-static-card .glass:after{
  content:"✓ INCLUDED"!important;
  position:absolute!important;
  left:50%!important;
  bottom:18px!important;
  transform:translateX(-50%)!important;
  width:166px!important;
  height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.78))!important;
  border:1px solid rgba(255,255,255,1)!important;
  box-shadow:0 12px 26px rgba(55,120,220,.13)!important;
  color:#0877ff!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.35px!important;
  text-transform:uppercase!important;
  z-index:25!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
}
@media(max-width:1180px){
  .bhp-root .service-child-services .service-static-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:960px){
  .bhp-root .service-child-services .service-static-grid{grid-template-columns:1fr!important;}
  .bhp-root .service-child-services .service-static-card{height:400px!important;min-height:400px!important;}
}
/* Marketing cards - move top icon circle up */
.marketing-card .service-icon,
.marketing-card .icon-circle,
.marketing-card .card-icon,
.marketing-services .service-icon,
.marketing-services .icon-circle{
    transform: translate(-50%, -20px) !important;
}

/* اگر المنت position:absolute دارد */
.marketing-card .service-icon,
.marketing-card .icon-circle,
.marketing-card .card-icon{
    top: -20px !important;
}
/* move only the round icons 20px up */
.bhp-root .service-child-services .service-static-card .glass:before{
  top:-70px!important;
}
.glass{
    display:flex !important;
    flex-direction:column;
    height:100% !important;
}.glass .included,
.glass .included-btn,
.glass .service-included,
.glass .service-badge{
    margin-top:auto !important;
}

/* BHP favicon/share/WhatsApp final patch */
.bhp-whatsapp-float svg{
  width:30px!important;
  height:30px!important;
  display:block!important;
}
.bhp-whatsapp-float{
  font-size:0!important;
  border-radius:50%!important;
  right:24px!important;
}


/* BHP V1.1.36 mobile-only repair: menu, hero, cards, about, contact and back-to-top */
@media(max-width:760px){
  body.bhp-menu-open{overflow:hidden!important;}
  .bhp-nav{top:14px!important;left:14px!important;right:14px!important;width:auto!important;height:74px!important;transform:none!important;padding:0 12px 0 18px!important;border-radius:24px!important;z-index:120!important;}
  .bhp-nav .logo img{height:50px!important;max-width:176px!important;object-fit:contain!important;}
  .burger{display:flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important;width:48px!important;height:48px!important;padding:0!important;border:1px solid rgba(255,255,255,.16)!important;background:linear-gradient(135deg,#06142b,#0b2348)!important;color:#fff!important;font-size:22px!important;line-height:1!important;border-radius:16px!important;box-shadow:0 14px 32px rgba(0,20,55,.20)!important;}
  .mobile-panel{display:flex!important;position:fixed!important;z-index:130!important;top:98px!important;left:14px!important;right:14px!important;max-height:calc(100vh - 116px)!important;overflow:auto!important;grid-template-columns:none!important;flex-direction:column!important;padding:76px 18px 18px!important;background:radial-gradient(circle at 18% 0%,rgba(0,183,255,.30),transparent 34%),radial-gradient(circle at 90% 18%,rgba(105,92,255,.24),transparent 30%),linear-gradient(145deg,rgba(3,10,24,.98),rgba(5,24,54,.96) 60%,rgba(2,8,20,.98))!important;border:1px solid rgba(91,188,255,.28)!important;box-shadow:0 34px 90px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.12)!important;backdrop-filter:blur(28px) saturate(150%)!important;-webkit-backdrop-filter:blur(28px) saturate(150%)!important;border-radius:28px!important;opacity:0!important;visibility:hidden!important;transform:translateY(-18px) scale(.96)!important;transform-origin:top right!important;transition:opacity .28s ease,transform .28s ease,visibility .28s ease!important;}
  .mobile-panel.open{opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1)!important;}@supports selector(:popover-open){
  .mobile-panel:popover-open{opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1)!important;}}
  .mobile-panel:before{content:""!important;position:absolute!important;inset:12px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:22px!important;pointer-events:none!important;}
  .mobile-close{position:absolute!important;top:18px!important;right:18px!important;width:42px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:14px!important;font-size:28px!important;font-weight:800!important;line-height:1!important;}
  .mobile-panel a{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:58px!important;padding:0 16px!important;margin:0 0 10px!important;color:#fff!important;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:18px!important;font-size:15px!important;font-weight:900!important;letter-spacing:.55px!important;text-transform:uppercase!important;box-shadow:0 14px 30px rgba(0,0,0,.16)!important;}
  .mobile-panel a:after{content:"→";color:#54d7ff;font-size:18px;}
  .mobile-panel .mobile-call-link{background:linear-gradient(135deg,#0786ff,#00c2ff)!important;border-color:rgba(255,255,255,.28)!important;box-shadow:0 18px 40px rgba(0,145,255,.30)!important;}

  .hero.hero-premium{min-height:660px!important;height:auto!important;padding:126px 20px 74px!important;background:radial-gradient(circle at 24% 20%,rgba(0,204,255,.30),transparent 30%),radial-gradient(circle at 82% 18%,rgba(96,74,255,.28),transparent 28%),radial-gradient(circle at 50% 82%,rgba(0,116,255,.24),transparent 38%),linear-gradient(145deg,#020711 0%,#041a3a 58%,#020814 100%)!important;}
  .hero.hero-premium:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(115deg,rgba(255,255,255,.10),transparent 32%,rgba(0,183,255,.07)),repeating-radial-gradient(circle at 60% 40%,rgba(255,255,255,.12) 0 1px,transparent 1px 72px)!important;filter:blur(.2px)!important;opacity:.72!important;pointer-events:none!important;}
  .hero-visual{display:none!important;}
  .slides{width:100%!important;min-width:0!important;position:relative!important;z-index:3!important;}
  .slide h1{font-size:40px!important;line-height:1.08!important;max-width:100%!important;margin-bottom:22px!important;}
  .slide p{font-size:17px!important;line-height:1.75!important;max-width:100%!important;}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-top:26px!important;}
  .hero-actions .btn{width:100%!important;min-height:52px!important;}
  .hero-proof-strip{padding:18px 16px!important;background:linear-gradient(180deg,#eaf8ff,#fff)!important;}
  .hero-proof-inner{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important;border:1px solid rgba(11,116,255,.14)!important;background:rgba(11,116,255,.10)!important;overflow:hidden!important;border-radius:24px!important;}
  .hero-proof-inner div{min-width:0!important;padding:20px 10px!important;background:rgba(255,255,255,.78)!important;text-align:center!important;}
  .hero-proof-inner b{font-size:25px!important;line-height:1!important;white-space:nowrap!important;}
  .hero-proof-inner span{font-size:11px!important;line-height:1.25!important;}

  .sec{padding-left:18px!important;padding-right:18px!important;padding-top:46px!important;padding-bottom:46px!important;}
  .section-title{display:block!important;margin-bottom:22px!important;}
  .section-title h2{font-size:33px!important;line-height:1.05!important;}
  .section-title p{font-size:15px!important;line-height:1.7!important;}
  .services-section .service-grid,.service-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .service-card,.service-card.service-dynamic-card{height:238px!important;min-height:238px!important;border-radius:22px!important;box-shadow:0 18px 48px rgba(0,87,190,.13)!important;}
  .service-card .img{height:100%!important;}
  .service-card .glass,.service-card.service-dynamic-card .glass{left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;max-width:none!important;min-height:116px!important;max-height:136px!important;height:auto!important;padding:13px 12px!important;border-radius:16px!important;display:block!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(227,245,255,.76))!important;}
  .service-card .glass h3,.service-card.service-dynamic-card .glass h3{font-size:18px!important;line-height:1.05!important;margin:0 0 7px!important;letter-spacing:-.045em!important;}
  .service-card .glass p,.service-card.service-dynamic-card .glass p{font-size:12px!important;line-height:1.35!important;-webkit-line-clamp:4!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}

  .about-net.about-premium{display:block!important;min-height:auto!important;padding:52px 18px!important;background:radial-gradient(circle at 12% 12%,rgba(0,183,255,.22),transparent 32%),radial-gradient(circle at 88% 72%,rgba(93,83,255,.18),transparent 30%),linear-gradient(180deg,#f8fcff,#eef8ff)!important;overflow:hidden!important;}
  .about-net .about-copy{position:relative!important;z-index:3!important;}
  .about-net .media-block{display:none!important;}
  .about-net:after{content:""!important;display:block!important;height:220px!important;margin-top:28px!important;border-radius:28px!important;background:radial-gradient(circle at 28% 24%,rgba(0,214,255,.48),transparent 28%),radial-gradient(circle at 74% 54%,rgba(88,88,255,.38),transparent 30%),linear-gradient(135deg,rgba(4,17,38,.94),rgba(8,52,104,.92))!important;box-shadow:0 28px 70px rgba(11,116,255,.20),inset 0 0 0 1px rgba(255,255,255,.16)!important;}

  .projects .portfolio-grid,.portfolio-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .portfolio-card,.portfolio-card.portfolio-dynamic-card{height:238px!important;min-height:238px!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 18px 48px rgba(0,87,190,.13)!important;background:#061226!important;}
  .portfolio-card .project-img{height:100%!important;min-height:0!important;padding:14px!important;background-size:cover!important;background-position:center!important;}
  .portfolio-card .project-img:before{inset:10px!important;border-radius:16px!important;}
  .portfolio-card .project-img:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(2,8,20,.05),rgba(2,8,20,.82))!important;}
  .portfolio-card .project-img span,.portfolio-card .project-img b{position:relative!important;z-index:2!important;}
  .portfolio-card .project-img span{font-size:9px!important;letter-spacing:2.5px!important;}
  .portfolio-card .project-img b{font-size:22px!important;line-height:1!important;}
  .portfolio-card h3{position:absolute!important;left:14px!important;right:14px!important;bottom:18px!important;z-index:5!important;margin:0!important;color:#fff!important;font-size:20px!important;line-height:1.02!important;text-shadow:0 8px 20px rgba(0,0,0,.35)!important;}
  .portfolio-card p{display:none!important;}

  .contact-sec,.eval-sec{grid-template-columns:1fr!important;padding:52px 18px!important;}
  .contact-lines{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .contact-lines a,.contact-lines div{min-height:50px!important;display:flex!important;align-items:center!important;padding:0 14px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:16px!important;color:#fff!important;font-weight:800!important;}
  .lead-form{grid-template-columns:1fr!important;}
  .lead-form input,.lead-form textarea,.lead-form select{min-height:50px!important;border-radius:14px!important;}

  .bhp-whatsapp-float{display:flex!important;right:18px!important;bottom:22px!important;width:58px!important;height:58px!important;z-index:125!important;}
  .bhp-backtop{display:flex!important;right:18px!important;bottom:90px!important;width:52px!important;height:52px!important;z-index:124!important;border-radius:50%!important;align-items:center!important;justify-content:center!important;}
}


/* BHP V1.1.37 — MOBILE ONLY surgical fixes: full-width working menu, proof strip, service titles only, clean about, portfolio spacing */
@media(max-width:760px){
  body.bhp-menu-open{overflow:hidden!important;}

  .bhp-nav{
    top:14px!important;
    left:14px!important;
    right:14px!important;
    width:auto!important;
    max-width:none!important;
    transform:none!important;
    z-index:150!important;
  }

  .burger{
    pointer-events:auto!important;
    cursor:pointer!important;
    z-index:155!important;
    position:relative!important;
  }

  .mobile-panel{
    display:flex!important;
    position:fixed!important;
    top:88px!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    max-width:100vw!important;
    margin:0!important;
    z-index:160!important;
    padding:74px 18px 22px!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0 0 30px 30px!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-22px)!important;
    transition:opacity .28s ease,transform .28s ease,visibility .28s ease!important;
  }

  .mobile-panel.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }@supports selector(:popover-open){

  .mobile-panel:popover-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }}

  .mobile-close{
    pointer-events:auto!important;
    cursor:pointer!important;
    z-index:3!important;
  }

  .mobile-panel a{
    width:100%!important;
  }

  .hero-proof-strip{
    padding:18px 16px!important;
  }
  .hero-proof-inner{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  .hero-proof-inner div{
    min-height:82px!important;
    padding:14px 8px!important;
    display:grid!important;
    grid-template-columns:34px 1fr!important;
    align-items:center!important;
    column-gap:8px!important;
    text-align:left!important;
    border:1px solid rgba(11,116,255,.14)!important;
    background:rgba(255,255,255,.82)!important;
    border-radius:18px!important;
    box-shadow:0 14px 34px rgba(11,116,255,.08)!important;
  }
  .hero-proof-inner div:before{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:12px!important;
    font-size:17px!important;
  }
  .hero-proof-inner b{
    font-size:21px!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-align:left!important;
  }
  .hero-proof-inner span{
    grid-column:2!important;
    font-size:10px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    text-align:left!important;
    display:block!important;
    margin-top:-14px!important;
  }

  .services-section .service-grid,
  .service-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
    align-items:stretch!important;
  }
  .service-card,
  .service-card.service-dynamic-card,
  .service-card.service-static-card{
    height:188px!important;
    min-height:188px!important;
    border-radius:24px!important;
  }
  .service-card .glass,
  .service-card.service-dynamic-card .glass,
  .service-card.service-static-card .glass{
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    min-height:auto!important;
    max-height:none!important;
    height:auto!important;
    padding:13px 12px!important;
    display:flex!important;
    justify-content:center!important;
    text-align:left!important;
    border-radius:16px!important;
  }
  .service-card .glass h3,
  .service-card.service-dynamic-card .glass h3,
  .service-card.service-static-card .glass h3{
    font-size:21px!important;
    line-height:1.02!important;
    margin:0!important;
    color:#fff!important;
    text-shadow:0 8px 22px rgba(0,0,0,.35)!important;
  }
  .service-card .glass p,
  .service-card.service-dynamic-card .glass p,
  .service-card.service-static-card .glass p{
    display:none!important;
  }

  .about-net.about-premium{
    display:block!important;
    padding:48px 18px!important;
    min-height:auto!important;
    background:linear-gradient(180deg,#f8fcff 0%,#eef8ff 100%)!important;
    overflow:hidden!important;
  }
  .about-net.about-premium:after{
    display:none!important;
    content:none!important;
  }
  .about-net.about-premium .netfx,
  .about-net.about-premium .media-block{
    display:none!important;
  }
  .about-net .about-copy{
    display:block!important;
    max-width:100%!important;
    position:relative!important;
    z-index:3!important;
  }
  .about-net .about-copy h2{
    font-size:40px!important;
    line-height:1.02!important;
    margin:0 0 18px!important;
  }
  .about-net .about-copy p{
    font-size:16px!important;
    line-height:1.7!important;
    color:#51627a!important;
    margin:0 0 20px!important;
  }
  .about-points{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:0!important;
    margin:22px 0 0!important;
    list-style:none!important;
  }
  .about-points li{
    min-height:56px!important;
    display:flex!important;
    align-items:center!important;
    text-align:left!important;
    padding:0 18px!important;
    background:rgba(255,255,255,.76)!important;
    border:1px solid rgba(11,116,255,.16)!important;
    box-shadow:0 14px 34px rgba(11,116,255,.07)!important;
    font-weight:900!important;
    color:#061226!important;
    border-radius:16px!important;
  }

  .projects .portfolio-grid,
  .portfolio-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px 14px!important;
    align-items:stretch!important;
  }
  .portfolio-card,
  .portfolio-card.portfolio-dynamic-card{
    height:232px!important;
    min-height:232px!important;
    border-radius:24px!important;
  }
  .portfolio-card .project-img{
    padding:13px!important;
    align-items:flex-start!important;
    justify-content:flex-end!important;
    text-align:left!important;
  }
  .portfolio-card .project-img span{
    display:none!important;
  }
  .portfolio-card .project-img b{
    display:none!important;
  }
  .portfolio-card h3{
    left:13px!important;
    right:13px!important;
    bottom:16px!important;
    text-align:left!important;
    font-size:19px!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
  }
  .portfolio-card p{
    display:none!important;
  }
}


/* BHP V1.1.37 MOBILE ONLY - premium drawer menu, app nav, no mobile WhatsApp */
@media(max-width:960px){
  body{
    padding-bottom:82px!important;
  }

  .bhp-nav{
    z-index:100000!important;
  }
  .burger{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:48px!important;
    height:48px!important;
    padding:0!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#061226,#122846)!important;
    color:#fff!important;
    box-shadow:0 14px 34px rgba(2,8,20,.26)!important;
    font-size:24px!important;
    line-height:1!important;
    cursor:pointer!important;
    pointer-events:auto!important;
  }

  .mobile-panel{
    display:flex!important;
    position:fixed!important;
    z-index:99999!important;
    left:0!important;
    right:0!important;
    top:0!important;
    width:100vw!important;
    height:auto!important;
    min-height:100vh!important;
    padding:92px 18px 104px!important;
    flex-direction:column!important;
    gap:18px!important;
    background:
      radial-gradient(circle at 80% 6%,rgba(0,183,255,.34),transparent 27%),
      radial-gradient(circle at 12% 85%,rgba(11,116,255,.22),transparent 28%),
      linear-gradient(160deg,rgba(2,8,20,.98),rgba(4,17,38,.98) 46%,rgba(7,39,76,.98))!important;
    border:0!important;
    box-shadow:0 40px 120px rgba(0,0,0,.48)!important;
    backdrop-filter:blur(24px) saturate(140%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(140%)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-104%)!important;
    transition:transform .42s cubic-bezier(.2,.85,.2,1),opacity .28s ease,visibility .28s ease!important;
    overflow:auto!important;
  }
  .mobile-panel:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),
      linear-gradient(0deg,rgba(255,255,255,.045) 1px,transparent 1px)!important;
    background-size:54px 54px!important;
    mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 82%)!important;
    -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 82%)!important;
  }
  .mobile-panel.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }@supports selector(:popover-open){
  .mobile-panel:popover-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }}
  body.bhp-menu-open{
    overflow:hidden!important;
  }
  .mobile-panel-head{
    position:relative!important;
    z-index:2!important;
    min-height:72px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:14px 14px 14px 18px!important;
    background:linear-gradient(120deg,rgba(255,255,255,.82),rgba(154,211,255,.56))!important;
    border:1px solid rgba(255,255,255,.46)!important;
    border-radius:26px!important;
    box-shadow:0 22px 70px rgba(0,116,255,.22)!important;
  }
  .mobile-panel-head img{
    display:block!important;
    height:42px!important;
    width:auto!important;
  }
  .mobile-close{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:48px!important;
    height:48px!important;
    padding:0!important;
    border:0!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#061226,#172f52)!important;
    color:#fff!important;
    font-size:34px!important;
    line-height:1!important;
    font-weight:800!important;
    cursor:pointer!important;
  }
  .mobile-panel-links{
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .mobile-panel-links a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:58px!important;
    padding:0 18px!important;
    color:#eaf5ff!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(0,183,255,.055))!important;
    border-radius:20px!important;
    font-size:17px!important;
    font-weight:900!important;
    letter-spacing:.2px!important;
    text-transform:uppercase!important;
    box-shadow:0 12px 34px rgba(0,0,0,.16)!important;
  }
  .mobile-panel-links a:after{
    content:"›"!important;
    color:#62d9ff!important;
    font-size:28px!important;
    line-height:1!important;
  }
  .mobile-panel-links a.active{
    background:linear-gradient(135deg,#0b74ff,#00b7ff)!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.42)!important;
  }
  .mobile-panel-actions{
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    margin-top:4px!important;
  }
  .mobile-panel-actions a{
    min-height:56px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 12px!important;
    border-radius:20px!important;
    font-size:13px!important;
    font-weight:900!important;
    color:#fff!important;
    text-transform:uppercase!important;
    background:linear-gradient(135deg,#075fff,#00b7ff)!important;
    box-shadow:0 16px 42px rgba(11,116,255,.28)!important;
  }
  .mobile-panel-actions a:first-child{
    background:linear-gradient(135deg,#061226,#16396a)!important;
    border:1px solid rgba(255,255,255,.18)!important;
  }

  .bhp-whatsapp-float{
    display:none!important;
  }

  .bhp-mobile-appnav{
    position:fixed!important;
    z-index:99998!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    height:66px!important;
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    gap:4px!important;
    padding:7px!important;
    background:linear-gradient(135deg,rgba(2,8,20,.92),rgba(6,30,62,.92))!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:26px!important;
    box-shadow:0 18px 56px rgba(0,0,0,.32)!important;
    backdrop-filter:blur(18px) saturate(140%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
  }
  .bhp-mobile-appnav a{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    color:#cfe6ff!important;
    text-decoration:none!important;
    border-radius:18px!important;
    font-weight:900!important;
  }
  .bhp-mobile-appnav a span{
    display:block!important;
    font-size:17px!important;
    line-height:1!important;
  }
  .bhp-mobile-appnav a b{
    display:block!important;
    font-size:9px!important;
    line-height:1!important;
    letter-spacing:.15px!important;
    white-space:nowrap!important;
  }
  .bhp-mobile-appnav a.active,
  .bhp-mobile-appnav a:hover{
    color:#fff!important;
    background:linear-gradient(135deg,#075fff,#00b7ff)!important;
  }

  .services-section .service-card .glass,
  .services-section .service-card.service-dynamic-card .glass,
  .services-section .service-card.service-static-card .glass{
    display:none!important;
  }
  .services-section .service-card,
  .services-section .service-card.service-dynamic-card,
  .services-section .service-card.service-static-card{
    overflow:hidden!important;
    background:#061226!important;
  }
  .services-section .service-card .img,
  .services-section .service-card.service-dynamic-card .img,
  .services-section .service-card.service-static-card .img{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background-size:cover!important;
    background-position:center!important;
  }

  .bhp-backtop{
    bottom:88px!important;
    right:18px!important;
    z-index:99997!important;
  }
}
@media(min-width:961px){
  .bhp-mobile-appnav{
    display:none!important;
  }
}

/* BHP V1.1.38 — MOBILE ONLY final polish: header flat, proof grid, services image-only, about spacing, portfolio titles */
@media(max-width:960px){

  /* 1) Mobile header: flat, full-width, no rounded corners */
  .bhp-root .bhp-nav,
  header.bhp-nav,
  .bhp-nav.glass-nav{
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    height:72px!important;
    transform:none!important;
    margin:0!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    border-top:0!important;
  }
  .bhp-nav:before{
    border-radius:0!important;
  }

  /* 2) Hero proof / stats: no overlap, clean 2x2 cards */
  .hero-proof-strip{
    padding:18px 16px!important;
    overflow:hidden!important;
  }
  .hero-proof-inner{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:stretch!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .hero-proof-inner div{
    position:relative!important;
    min-width:0!important;
    min-height:104px!important;
    height:104px!important;
    padding:12px 8px 10px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    text-align:center!important;
    background:rgba(255,255,255,.82)!important;
    border:1px solid rgba(11,116,255,.16)!important;
    box-shadow:0 14px 34px rgba(11,116,255,.08)!important;
    overflow:hidden!important;
  }
  .hero-proof-inner div:before{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    flex:0 0 32px!important;
    margin:0!important;
    font-size:16px!important;
    line-height:1!important;
    border-radius:0!important;
  }
  .hero-proof-inner b{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:24px!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
    text-align:center!important;
    white-space:nowrap!important;
    grid-column:auto!important;
  }
  .hero-proof-inner span{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:10px!important;
    line-height:1.15!important;
    letter-spacing:0!important;
    text-align:center!important;
    white-space:normal!important;
    grid-column:auto!important;
    color:#31445f!important;
    font-weight:900!important;
  }

  /* 3) Home service cards: image-only on mobile */
  .bhp-root .services-section .service-card .glass,
  .bhp-root .services-section .service-card .glass *,
  .bhp-root .services-section .service-card h3,
  .bhp-root .services-section .service-card p{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
  }
  .bhp-root .services-section .service-grid,
  .bhp-root .service-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
  }
  .bhp-root .services-section .service-card,
  .bhp-root .services-section .service-card.service-dynamic-card,
  .bhp-root .services-section .service-card.service-static-card{
    height:176px!important;
    min-height:176px!important;
    overflow:hidden!important;
    background:#061226!important;
  }
  .bhp-root .services-section .service-card .img,
  .bhp-root .services-section .service-card.service-dynamic-card .img,
  .bhp-root .services-section .service-card.service-static-card .img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background-size:cover!important;
    background-position:center!important;
    transform:none!important;
  }
  .bhp-root .services-section .service-card .img:after{
    opacity:.16!important;
  }

  /* 4) About feature rows: icon and text never overlap */
  .about-points{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:0!important;
    margin:24px 0 0!important;
  }
  .about-points li{
    position:relative!important;
    min-height:58px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:18px!important;
    padding:0 18px 0 56px!important;
    text-align:left!important;
    line-height:1.25!important;
    overflow:hidden!important;
    white-space:normal!important;
  }
  .about-points li:before{
    content:""!important;
    position:absolute!important;
    left:20px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    margin:0!important;
    background:linear-gradient(135deg,#0b74ff,#00b7ff)!important;
    box-shadow:0 0 18px rgba(0,183,255,.55)!important;
  }

  /* 5) Portfolio cards: separated, show project names, hide descriptions */
  .projects .portfolio-grid,
  .premium-projects .portfolio-grid,
  .portfolio-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px 14px!important;
    align-items:stretch!important;
  }
  .projects .portfolio-card,
  .premium-projects .portfolio-card,
  .portfolio-card.portfolio-dynamic-card{
    position:relative!important;
    height:248px!important;
    min-height:248px!important;
    overflow:hidden!important;
    background:#061226!important;
    box-shadow:0 16px 44px rgba(0,82,175,.16)!important;
  }
  .projects .portfolio-card .project-img,
  .premium-projects .portfolio-card .project-img,
  .portfolio-card.portfolio-dynamic-card .project-img{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    height:100%!important;
    width:100%!important;
    padding:0!important;
    background-size:cover!important;
    background-position:center!important;
  }
  .projects .portfolio-card .project-img span,
  .premium-projects .portfolio-card .project-img span,
  .portfolio-card .project-img span,
  .projects .portfolio-card .project-img b,
  .premium-projects .portfolio-card .project-img b,
  .portfolio-card .project-img b{
    display:none!important;
  }
  .projects .portfolio-card h3,
  .premium-projects .portfolio-card h3,
  .portfolio-card.portfolio-dynamic-card h3{
    display:block!important;
    position:absolute!important;
    z-index:8!important;
    left:10px!important;
    right:10px!important;
    bottom:12px!important;
    margin:0!important;
    padding:10px 8px!important;
    color:#fff!important;
    font-size:18px!important;
    line-height:1.05!important;
    letter-spacing:-.045em!important;
    text-align:left!important;
    background:linear-gradient(180deg,rgba(3,9,20,.18),rgba(3,9,20,.72))!important;
    text-shadow:0 8px 18px rgba(0,0,0,.45)!important;
  }
  .projects .portfolio-card p,
  .premium-projects .portfolio-card p,
  .portfolio-card.portfolio-dynamic-card p{
    display:none!important;
  }

  /* Keep mobile WhatsApp hidden */
  .bhp-whatsapp-float{
    display:none!important;
  }
}




/* BHP V1.1.39 — MOBILE ONLY hotfix: contact responsive, quote choices hidden, stats spacing, WhatsApp hidden, value lines fixed. No desktop/tablet changes. */
@media (max-width:960px){

  /* 1) Contact page must be single-column and not overflow on mobile */
  .bhp-root .contact-sec,
  .bhp-root .contact-sec.contact-page,
  .bhp-root .contact-page.contact-mode,
  .bhp-root section.contact-sec.contact-page.contact-mode{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .bhp-root .contact-sec .contact-copy,
  .bhp-root .contact-sec .lead-form,
  .bhp-root .contact-sec .contact-form,
  .bhp-root .contact-sec .quote-form,
  .bhp-root .contact-sec .contact-map-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-column:1/-1!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
  }
  .bhp-root .contact-sec .lead-form,
  .bhp-root .contact-sec .contact-form,
  .bhp-root .contact-sec .quote-form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:18px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .bhp-root .contact-sec .lead-form input,
  .bhp-root .contact-sec .lead-form textarea,
  .bhp-root .contact-sec .lead-form select,
  .bhp-root .contact-sec .lead-form button{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-column:1/-1!important;
    box-sizing:border-box!important;
  }
  .bhp-root .contact-sec h2{
    font-size:40px!important;
    line-height:1.02!important;
    max-width:100%!important;
    overflow-wrap:break-word!important;
  }

  /* 2) Hide the four quote service boxes on mobile only */
  .bhp-root .quote-mode .quote-choice,
  .bhp-root .quote-form .quote-choice,
  .bhp-root .lead-form.quote-form .quote-choice{
    display:none!important;
  }

  /* 3) Mobile proof/stats: icons smaller, no overlap, clear number/text spacing */
  .bhp-root .hero-proof-strip{
    padding:18px 18px 26px!important;
    overflow:hidden!important;
  }
  .bhp-root .hero-proof-inner{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    align-items:stretch!important;
  }
  .bhp-root .hero-proof-inner > div{
    position:relative!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:4px!important;
    align-items:center!important;
    justify-items:start!important;
    min-height:88px!important;
    height:88px!important;
    padding:14px 10px!important;
    overflow:hidden!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }
  .bhp-root .hero-proof-inner > div:before{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    grid-column:1!important;
    grid-row:1/3!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    margin:0!important;
    padding:0!important;
    font-size:16px!important;
    line-height:32px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }
  .bhp-root .hero-proof-inner > div b{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    grid-column:2!important;
    grid-row:1!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:23px!important;
    line-height:1!important;
    letter-spacing:-.04em!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-align:left!important;
  }
  .bhp-root .hero-proof-inner > div span{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    grid-column:2!important;
    grid-row:2!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:9.5px!important;
    line-height:1.15!important;
    letter-spacing:0!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    text-align:left!important;
    color:#1f314a!important;
  }

  /* fallback if normal stats-strip appears on mobile */
  .bhp-root .stats-strip{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .bhp-root .stats-strip > div{
    display:grid!important;
    grid-template-columns:40px 1fr!important;
    grid-template-rows:auto auto!important;
    column-gap:12px!important;
    min-height:78px!important;
    padding:14px!important;
    align-items:center!important;
  }
  .bhp-root .stats-strip > div:before{
    grid-row:1/3!important;
    width:30px!important;
    height:30px!important;
    position:relative!important;
    transform:none!important;
  }
  .bhp-root .stats-strip b{
    font-size:24px!important;
    line-height:1!important;
    margin:0!important;
  }
  .bhp-root .stats-strip span{
    font-size:10px!important;
    line-height:1.2!important;
    margin:4px 0 0!important;
  }

  /* 4) Remove WhatsApp floating icon on mobile only */
  .bhp-root .bhp-whatsapp-float,
  .bhp-whatsapp-float,
  a.bhp-whatsapp-float,
  a[href*="wa.me"],
  a[href*="api.whatsapp.com"],
  .whatsapp,
  .whatsapp-float,
  .floating-whatsapp{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  /* 5) About/value lines: icon and text must not overlap */
  .bhp-root .value-lines{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .bhp-root .value-lines > div{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:16px!important;
    min-height:54px!important;
    padding:14px 16px 14px 52px!important;
    overflow:hidden!important;
    text-align:left!important;
    line-height:1.25!important;
    white-space:normal!important;
  }
  .bhp-root .value-lines > div:before{
    content:""!important;
    position:absolute!important;
    left:18px!important;
    top:50%!important;
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    min-height:15px!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    background:linear-gradient(135deg,#0078ff,#00c2ff)!important;
    box-shadow:0 0 18px rgba(0,183,255,.42)!important;
  }
  .bhp-root .value-lines > div *{
    position:relative!important;
    z-index:2!important;
  }

  /* Keep bottom app nav above content but below back-to-top, no WhatsApp gap */
  .bhp-root .bhp-mobile-appnav{
    z-index:99998!important;
  }
  .bhp-root .bhp-backtop{
    right:18px!important;
    bottom:88px!important;
  }
}


/* BHP V1.1.40 mobile-only final polish — incremental, no desktop/tablet change */
@media (max-width:960px){

  /* 1) Stats: add real gaps between boxes and stop number/text collision */
  .bhp-root .stats-strip{
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0,1fr))!important;
    gap:10px!important;
    padding:18px 18px 28px!important;
    overflow:hidden!important;
  }
  .bhp-root .stats-strip div{
    min-width:0!important;
    min-height:88px!important;
    height:88px!important;
    padding:10px 8px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:3px!important;
    align-items:center!important;
    justify-items:start!important;
    text-align:left!important;
    background:rgba(255,255,255,.72)!important;
    border:1px solid rgba(11,116,255,.16)!important;
    box-shadow:0 14px 36px rgba(11,116,255,.08)!important;
    overflow:hidden!important;
  }
  .bhp-root .stats-strip div > i,
  .bhp-root .stats-strip div .stat-icon,
  .bhp-root .stats-strip div svg{
    grid-row:1 / 3!important;
    grid-column:1!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .bhp-root .stats-strip div:before{
    grid-row:1 / 3!important;
    grid-column:1!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    margin:0!important;
  }
  .bhp-root .stats-strip b{
    grid-column:2!important;
    grid-row:1!important;
    display:block!important;
    max-width:100%!important;
    font-size:23px!important;
    line-height:1!important;
    letter-spacing:-.06em!important;
    margin:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    color:#0572ff!important;
  }
  .bhp-root .stats-strip span{
    grid-column:2!important;
    grid-row:2!important;
    display:block!important;
    max-width:100%!important;
    margin:0!important;
    font-size:8.6px!important;
    line-height:1.12!important;
    letter-spacing:0!important;
    color:#142740!important;
    white-space:normal!important;
    overflow:hidden!important;
  }

  /* 2) About/value lines: keep icon out of text, force clean black readable text */
  .bhp-root .value-lines > div{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:14px!important;
    min-height:56px!important;
    padding:14px 16px 14px 56px!important;
    color:#061226!important;
    font-size:15px!important;
    line-height:1.25!important;
    font-weight:900!important;
    text-align:left!important;
    white-space:normal!important;
    overflow:hidden!important;
  }
  .bhp-root .value-lines > div:before{
    left:18px!important;
    width:13px!important;
    height:13px!important;
    min-width:13px!important;
    min-height:13px!important;
    transform:translateY(-50%)!important;
  }
  .bhp-root .value-lines > div,
  .bhp-root .value-lines > div *{
    color:#061226!important;
  }

  /* 3) Services page hero/visual pale block: make text black on mobile */
  .bhp-root .service-hero,
  .bhp-root .services-hero,
  .bhp-root .detail-visual,
  .bhp-root .page-head .detail-visual,
  .bhp-root .service-detail .detail-visual{
    color:#061226!important;
  }
  .bhp-root .service-hero *,
  .bhp-root .services-hero *,
  .bhp-root .detail-visual *,
  .bhp-root .page-head .detail-visual *,
  .bhp-root .service-detail .detail-visual *{
    color:#061226!important;
    text-shadow:none!important;
  }
  .bhp-root .detail-visual{
    background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(204,235,255,.70))!important;
    border:1px solid rgba(11,116,255,.24)!important;
  }

  /* 4) Mobile menu: more premium/fantasy, no border-radius anywhere */
  .bhp-root .mobile-panel,
  .bhp-root .mobile-panel.open{
    border-radius:0!important;
    background:
      radial-gradient(circle at 15% 0%,rgba(0,183,255,.24),transparent 34%),
      radial-gradient(circle at 82% 18%,rgba(87,106,255,.20),transparent 36%),
      linear-gradient(145deg,rgba(3,9,22,.98),rgba(7,27,58,.98))!important;
    border-left:0!important;
    border-right:0!important;
    border-top:1px solid rgba(105,219,255,.22)!important;
    border-bottom:1px solid rgba(105,219,255,.18)!important;
    box-shadow:0 36px 90px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.10)!important;
    overflow:hidden!important;
  }@supports selector(:popover-open){

  /* 4) Mobile menu: more premium/fantasy, no border-radius anywhere */
  .bhp-root .mobile-panel,
  .bhp-root .mobile-panel:popover-open{
    border-radius:0!important;
    background:
      radial-gradient(circle at 15% 0%,rgba(0,183,255,.24),transparent 34%),
      radial-gradient(circle at 82% 18%,rgba(87,106,255,.20),transparent 36%),
      linear-gradient(145deg,rgba(3,9,22,.98),rgba(7,27,58,.98))!important;
    border-left:0!important;
    border-right:0!important;
    border-top:1px solid rgba(105,219,255,.22)!important;
    border-bottom:1px solid rgba(105,219,255,.18)!important;
    box-shadow:0 36px 90px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.10)!important;
    overflow:hidden!important;
  }}
  .bhp-root .mobile-panel *,
  .bhp-root .mobile-panel.open *{
    border-radius:0!important;
  }@supports selector(:popover-open){
  .bhp-root .mobile-panel *,
  .bhp-root .mobile-panel:popover-open *{
    border-radius:0!important;
  }}
  .bhp-root .mobile-panel a,
  .bhp-root .mobile-panel.open a{
    border-radius:0!important;
    background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(0,183,255,.10),rgba(255,255,255,.04))!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  }@supports selector(:popover-open){
  .bhp-root .mobile-panel a,
  .bhp-root .mobile-panel:popover-open a{
    border-radius:0!important;
    background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(0,183,255,.10),rgba(255,255,255,.04))!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  }}
  .bhp-root .mobile-panel a:hover,
  .bhp-root .mobile-panel a:focus,
  .bhp-root .mobile-panel a.active{
    background:linear-gradient(90deg,#0878ff,#00b7ff)!important;
    color:#fff!important;
  }

  /* 5) Kill WhatsApp floating residue on mobile */
  .bhp-root .bhp-whatsapp-float,
  .bhp-whatsapp-float,
  a.bhp-whatsapp-float,
  a[href*="wa.me"],
  a[href*="api.whatsapp.com"],
  .whatsapp,
  .whatsapp-float,
  .floating-whatsapp,
  .joinchat,
  .joinchat__button{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
}
@media (max-width:768px){

  /* حذف لوگوی داخل پنل منو */
  .bhp-mobile-drawer .bhp-mobile-drawer-brand,
  .bhp-mobile-drawer .bhp-mobile-brand,
  .bhp-mobile-drawer .bhp-mobile-logo,
  .bhp-mobile-drawer .logo,
  .bhp-mobile-panel .bhp-mobile-drawer-brand,
  .bhp-mobile-panel .bhp-mobile-brand,
  .bhp-mobile-panel .bhp-mobile-logo,
  .mobile-panel .bhp-mobile-drawer-brand,
  .mobile-panel .bhp-mobile-brand,
  .mobile-panel .bhp-mobile-logo{
    display:none !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  /* شروع منو بالاتر */
  .bhp-mobile-drawer,
  .bhp-mobile-panel,
  .mobile-panel.open{
    padding-top:14px !important;
  }@supports selector(:popover-open){

  /* شروع منو بالاتر */
  .bhp-mobile-drawer,
  .bhp-mobile-panel,
  .mobile-panel:popover-open{
    padding-top:14px !important;
  }}

  /* کم کردن فاصله لینک‌ها */
  .bhp-mobile-drawer a,
  .bhp-mobile-panel a,
  .mobile-panel.open a{
    min-height:52px !important;
    margin:6px 0 !important;
    padding:0 16px !important;
  }@supports selector(:popover-open){

  /* کم کردن فاصله لینک‌ها */
  .bhp-mobile-drawer a,
  .bhp-mobile-panel a,
  .mobile-panel:popover-open a{
    min-height:52px !important;
    margin:6px 0 !important;
    padding:0 16px !important;
  }}

  /* جمع کردن فاصله‌های داخلی لیست */
  .bhp-mobile-drawer nav,
  .bhp-mobile-drawer ul,
  .bhp-mobile-panel nav,
  .bhp-mobile-panel ul,
  .mobile-panel.open nav,
  .mobile-panel.open ul{
    margin-top:0 !important;
    padding-top:0 !important;
    gap:6px !important;
  }@supports selector(:popover-open){

  /* جمع کردن فاصله‌های داخلی لیست */
  .bhp-mobile-drawer nav,
  .bhp-mobile-drawer ul,
  .bhp-mobile-panel nav,
  .bhp-mobile-panel ul,
  .mobile-panel:popover-open nav,
  .mobile-panel:popover-open ul{
    margin-top:0 !important;
    padding-top:0 !important;
    gap:6px !important;
  }}
}@media (max-width:768px){

    .mobile-panel.open a,
    .bhp-mobile-panel a,
    .bhp-mobile-drawer a{
        margin:2px 0 !important;
    }@supports selector(:popover-open){

    .mobile-panel:popover-open a,
    .bhp-mobile-panel a,
    .bhp-mobile-drawer a{
        margin:2px 0 !important;
    }}

    .mobile-panel.open,
    .bhp-mobile-panel,
    .bhp-mobile-drawer{
        row-gap:2px !important;
        gap:2px !important;
    }@supports selector(:popover-open){

    .mobile-panel:popover-open,
    .bhp-mobile-panel,
    .bhp-mobile-drawer{
        row-gap:2px !important;
        gap:2px !important;
    }}

}@media (max-width:768px){

  .mobile-panel.open{
    padding-top:8px !important;
  }@supports selector(:popover-open){

  .mobile-panel:popover-open{
    padding-top:8px !important;
  }}

  /* باکس لوگو خیلی کوتاه */
  .mobile-panel.open > *:first-child{
    height:84px !important;
    min-height:84px !important;
    max-height:84px !important;
    padding:0 14px !important;
    margin:0 0 2px 0 !important;
    display:flex !important;
    align-items:center !important;
	display:none !important;
  }@supports selector(:popover-open){

  /* باکس لوگو خیلی کوتاه */
  .mobile-panel:popover-open > *:first-child{
    height:84px !important;
    min-height:84px !important;
    max-height:84px !important;
    padding:0 14px !important;
    margin:0 0 2px 0 !important;
    display:flex !important;
    align-items:center !important;
	display:none !important;
  }}

  .mobile-panel.open > *:first-child img{
    height:18px !important;
    max-height:18px !important;
    width:auto !important;
  }@supports selector(:popover-open){

  .mobile-panel:popover-open > *:first-child img{
    height:18px !important;
    max-height:18px !important;
    width:auto !important;
  }}

  /* HOME بره بالا */
  .mobile-panel.open a{
    height:80px !important;
    min-height:80px !important;
    margin:3px 0 !important;
    padding:0 16px !important;
  }@supports selector(:popover-open){

  /* HOME بره بالا */
  .mobile-panel:popover-open a{
    height:80px !important;
    min-height:80px !important;
    margin:3px 0 !important;
    padding:0 16px !important;
  }}

  /* ضربدر وسط و تمیز */
  .mobile-panel.open button,
  .mobile-panel.open .close,
  .mobile-panel.open .mobile-close,
  .mobile-panel.open .menu-close{
	
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
  }@supports selector(:popover-open){

  /* ضربدر وسط و تمیز */
  .mobile-panel:popover-open button,
  .mobile-panel:popover-open .close,
  .mobile-panel:popover-open .mobile-close,
  .mobile-panel:popover-open .menu-close{
	
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
  }}

}/* Mobile Menu - Compact */
@media (max-width:768px){

  .mobile-panel.open{
    gap:4px !important;
    padding:10px 0 12px !important;
  }@supports selector(:popover-open){

  .mobile-panel:popover-open{
    gap:4px !important;
    padding:10px 0 12px !important;
  }}

  .mobile-panel.open a{
    min-height:42px !important;
    height:42px !important;
    padding:0 16px !important;
    margin:2px 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    line-height:42px !important;
    font-size:16px !important;
  }@supports selector(:popover-open){

  .mobile-panel:popover-open a{
    min-height:42px !important;
    height:42px !important;
    padding:0 16px !important;
    margin:2px 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    line-height:42px !important;
    font-size:16px !important;
  }}

}@media (max-width:768px){

  .mobile-panel.open{
    display:block !important;
    padding:8px 0 10px !important;
  }@supports selector(:popover-open){

  .mobile-panel:popover-open{
    display:block !important;
    padding:8px 0 10px !important;
  }}

  .mobile-panel.open > *:first-child{
    display:none !important;
  }@supports selector(:popover-open){

  .mobile-panel:popover-open > *:first-child{
    display:none !important;
  }}

  .mobile-panel.open a{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    height:44px !important;
    min-height:44px !important;
    line-height:44px !important;

    margin:0 !important;
    padding:0 18px !important;

    border-bottom:1px solid rgba(255,255,255,.10) !important;
  }@supports selector(:popover-open){

  .mobile-panel:popover-open a{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    height:44px !important;
    min-height:44px !important;
    line-height:44px !important;

    margin:0 !important;
    padding:0 18px !important;

    border-bottom:1px solid rgba(255,255,255,.10) !important;
  }}

}/* فاصله آیکون با متن */
.value-lines div{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
}

.value-lines div::before,
.value-lines div i,
.value-lines div svg{
    margin-right:14px !important;
    flex-shrink:0 !important;
}@media (max-width:768px){

  .about-points li{
    display:flex !important;
    align-items:center !important;
    gap:20px !important;
    padding:14px 18px !important;
  }

  .about-points li:before,
  .about-points li::before{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    margin:0 !important;
    flex:0 0 16px !important;
    width:16px !important;
    height:16px !important;
  }

}
@media (max-width:768px){

  .about-points li{
    display:flex !important;
    align-items:center !important;
    gap:20px !important;
    padding:14px 18px !important;
  }

  .about-points li:before,
  .about-points li::before{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    margin:0 !important;
    flex:0 0 16px !important;
    width:16px !important;
    height:16px !important;
  }

}@media (max-width:768px){

  .about-points li{
    display:flex !important;
    align-items:center !important;
    gap:20px !important;
    padding:14px 18px !important;
  }

  .about-points li:before,
  .about-points li::before{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    margin:0 !important;
    flex:0 0 16px !important;
    width:16px !important;
    height:16px !important;
  }

}@media (max-width:768px){

  .about-points{
    margin-bottom:28px !important;
  }

  .about-points + .btn,
  .about-points + a.btn,
  .about-premium .about-points + .btn,
  .about-premium .about-points + a.btn{
    margin-top:24px !important;
    transform:translateY(18px) !important;
  }

}@media (max-width:768px){

  .mobile-panel-actions{
    display:grid !important;
    grid-template-columns: 1.55fr 1fr !important;
    gap:12px !important;
    align-items:center !important;
  }

  .mobile-panel-actions a,
  .mobile-panel-actions .mobile-call-link{
    width:100% !important;
    min-width:0 !important;
    white-space:nowrap !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    font-size:17px !important;
    letter-spacing:0 !important;
    padding:0 10px !important;
    height:54px !important;
    line-height:54px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .mobile-panel-actions .mobile-call-link{
    font-size:16px !important;
  }

}
/* BHP V1.1.43 SEO-safe lazy reveal for Blog + Reviews only
   All cards stay server-rendered in HTML for crawlers. JS only adds a visible animation. */
.bhp-seo-lazy-section .bhp-seo-lazy-card{
  content-visibility:auto;
  contain-intrinsic-size:320px;
}
html.bhp-seo-lazy-ready .bhp-seo-lazy-section .bhp-seo-lazy-card{
  opacity:.18;
  transform:translateY(26px) scale(.985);
  filter:blur(8px);
  transition:
    opacity .58s ease,
    transform .58s cubic-bezier(.2,.8,.2,1),
    filter .58s ease,
    box-shadow .28s ease;
  transition-delay:calc(var(--bhp-seo-delay,0) * 45ms);
  will-change:opacity,transform,filter;
}
html.bhp-seo-lazy-ready .bhp-seo-lazy-section .bhp-seo-lazy-card.bhp-seo-visible{
  opacity:1;
  transform:none;
  filter:none;
}
.bhp-blog-page-lazy .blog-grid,
.bhp-reviews-page-lazy .review-grid{
  position:relative;
}
.bhp-blog-page-lazy .blog-grid:before,
.bhp-reviews-page-lazy .review-grid:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-18px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(11,116,255,.45),transparent);
  pointer-events:none;
}
@media (prefers-reduced-motion:reduce){
  html.bhp-seo-lazy-ready .bhp-seo-lazy-section .bhp-seo-lazy-card{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }
}


/* BHP V1.1.44 SEO content and FAQ sections - incremental, no regression */
.bhp-seo-copy{
  display:grid!important;
  grid-template-columns:.95fr 1.05fr!important;
  gap:34px!important;
  align-items:start!important;
  background:linear-gradient(135deg,#ffffff,#f4f9ff)!important;
}
.bhp-seo-copy h2{
  font-size:42px!important;
  line-height:1!important;
  margin:0 0 16px!important;
}
.bhp-seo-copy p{
  color:#4d5f78!important;
}
.bhp-seo-copy-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:16px!important;
}
.bhp-seo-copy-grid p,
.bhp-faq-grid details{
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(229,243,255,.72))!important;
  border:1px solid rgba(11,116,255,.16)!important;
  box-shadow:0 18px 60px rgba(11,116,255,.08)!important;
  padding:22px!important;
  margin:0!important;
}
.bhp-seo-copy-grid strong{
  color:#075fff!important;
}
.bhp-faq-section{
  background:linear-gradient(180deg,#fff,#f6fbff)!important;
}
.bhp-faq-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:16px!important;
}
.bhp-faq-grid summary{
  cursor:pointer!important;
  color:#061226!important;
  font-weight:900!important;
  font-size:18px!important;
  list-style:none!important;
}
.bhp-faq-grid summary::-webkit-details-marker{
  display:none!important;
}
.bhp-faq-grid summary:after{
  content:"+"!important;
  float:right!important;
  color:#0b74ff!important;
  font-size:22px!important;
  line-height:1!important;
}
.bhp-faq-grid details[open] summary:after{
  content:"−"!important;
}
.bhp-faq-grid p{
  color:#5c6b82!important;
  margin:14px 0 0!important;
}
@media(max-width:960px){
  .bhp-seo-copy,
  .bhp-seo-copy-grid,
  .bhp-faq-grid{
    grid-template-columns:1fr!important;
  }
  .bhp-seo-copy h2{
    font-size:34px!important;
  }
}
@media (max-width:768px){

  .bhp-mobile-bottom a[href^="tel"] span:first-child,
  .bhp-mobile-bottom .call span:first-child,
  .mobile-bottom-nav a[href^="tel"] span:first-child{
    font-size:18px !important;
    line-height:1 !important;
    filter:none !important;
    text-shadow:none !important;
    transform:none !important;
  }

  .bhp-mobile-bottom a[href^="tel"] span:first-child::before,
  .bhp-mobile-bottom .call span:first-child::before,
  .mobile-bottom-nav a[href^="tel"] span:first-child::before{
    content:"☏" !important;
    font-size:18px !important;
    font-weight:900 !important;
  }

  .bhp-mobile-bottom a[href^="tel"] span:first-child,
  .bhp-mobile-bottom .call span:first-child,
  .mobile-bottom-nav a[href^="tel"] span:first-child{
    color:inherit !important;
  }

}

/* BHP V1.1.45 project gallery landscape-only patch - incremental, no regression */
.project-gallery-section .project-gallery-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.project-gallery-section .project-gallery-item,
.project-gallery-section .project-gallery-item.landscape,
.project-gallery-section .project-gallery-item.portrait{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  grid-row:auto!important;
  padding:0!important;
  cursor:zoom-in!important;
  background:#06142B!important;
  border:1px solid rgba(11,116,255,.22)!important;
  box-shadow:0 20px 60px rgba(11,116,255,.12)!important;
  overflow:hidden!important;
}
.project-gallery-section .project-gallery-item img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  transition:transform .28s ease, filter .28s ease!important;
}
.project-gallery-section .project-gallery-item:hover img{
  transform:scale(1.035)!important;
  filter:saturate(1.08)!important;
}
.bhp-gallery-lightbox{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  background:rgba(2,8,20,.88)!important;
  backdrop-filter:blur(14px)!important;
}
.bhp-gallery-lightbox.open{display:flex!important;}
.bhp-gallery-lightbox img{
  max-width:min(1200px,94vw)!important;
  max-height:86vh!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  box-shadow:0 30px 120px rgba(0,0,0,.55)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:#06142B!important;
}
.bhp-gallery-lightbox button{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  width:48px!important;
  height:48px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(4,17,38,.86)!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1!important;
  font-weight:900!important;
  cursor:pointer!important;
}
@media(max-width:960px){
  .project-gallery-section .project-gallery-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .project-gallery-section .project-gallery-item,
  .project-gallery-section .project-gallery-item.landscape,
  .project-gallery-section .project-gallery-item.portrait{
    aspect-ratio:16/9!important;
    min-height:0!important;
  }
}


/* BHP V1.1.46 gallery lightbox controls fix - incremental, no regression */
.bhp-gallery-lightbox .bhp-gallery-stage{
  position:relative!important;
  width:min(1240px,94vw)!important;
  height:min(86vh,720px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:34px 70px!important;
}
.bhp-gallery-lightbox .bhp-gallery-close,
.bhp-gallery-lightbox .bhp-gallery-prev,
.bhp-gallery-lightbox .bhp-gallery-next{
  position:absolute!important;
  width:48px!important;
  height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.24)!important;
  background:rgba(4,17,38,.92)!important;
  color:#fff!important;
  font-size:30px!important;
  font-weight:900!important;
  line-height:1!important;
  cursor:pointer!important;
  z-index:6!important;
}
.bhp-gallery-lightbox .bhp-gallery-close{
  top:18px!important;
  right:18px!important;
  left:auto!important;
}
.bhp-gallery-lightbox .bhp-gallery-prev{
  top:50%!important;
  left:18px!important;
  right:auto!important;
  transform:translateY(-50%)!important;
}
.bhp-gallery-lightbox .bhp-gallery-next{
  top:50%!important;
  right:18px!important;
  left:auto!important;
  transform:translateY(-50%)!important;
}
.bhp-gallery-lightbox .bhp-gallery-stage>img{
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
}
@media(max-width:768px){
  .bhp-gallery-lightbox{padding:14px!important;}
  .bhp-gallery-lightbox .bhp-gallery-stage{
    width:96vw!important;
    height:76vh!important;
    padding:54px 14px 40px!important;
  }
  .bhp-gallery-lightbox .bhp-gallery-close{top:8px!important;right:8px!important;}
  .bhp-gallery-lightbox .bhp-gallery-prev{left:8px!important;}
  .bhp-gallery-lightbox .bhp-gallery-next{right:8px!important;}
}
@media (min-width:961px){

  .hero-visual{
    width:560px !important;
    right:calc((100vw - 1180px)/2) !important;
    bottom:28px !important;
  }

  .hero-visual img{
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
    object-position:center !important;
  }

}.bhp-signature{
    width:100%;
    text-align:center;
    padding:24px 15px 30px;
    font-size:13px;
    line-height:1.7;
    color:#7b8ca8;
    letter-spacing:.4px;
    border-top:1px solid rgba(43,131,255,.12);
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}

.bhp-signature strong{
    color:#2b83ff;
    font-weight:700;
    transition:.25s ease;
}

.bhp-signature:hover strong{
    color:#006dff;
}/* Full Width Footer Signature */
.bhp-signature{
    position:relative;
    left:50%;
    right:50%;
    margin-left:-50vw;
    margin-right:-50vw;
    width:100vw;
    max-width:100vw;

    padding:18px 20px;
    background:#081a35;
    border-top:1px solid rgba(255,255,255,.08);

    text-align:center;
    color:rgba(255,255,255,.72);
    font-size:15px;
    font-weight:500;

    box-sizing:border-box;
    clear:both;
    z-index:5;
}

.bhp-signature strong{
    color:#fff;
    font-weight:700;
}@media (max-width:768px){

  .detail .detail-visual{
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:16/9 !important;
    background-size:contain !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-color:#061226 !important;
    overflow:hidden !important;
    color:#fff !important;
  }

  .detail .detail-visual img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    display:block !important;
  }

  .detail .detail-visual span,
  .detail .detail-visual b{
    color:#fff !important;
    text-shadow:0 8px 24px rgba(0,0,0,.55) !important;
  }

}/* ===== Mobile Bottom Navigation - Uniform Icons ===== */
@media (max-width:768px){

.bottom-nav i,
.bottom-nav svg,
.bottom-nav img,
.mobile-bottom-bar i,
.mobile-bottom-bar svg,
.mobile-bottom-bar img{
    width:24px !important;
    height:24px !important;
    font-size:24px !important;
    min-width:24px !important;
    min-height:24px !important;
    display:block !important;
    margin:0 auto 8px !important;
    color:#ffffff !important;
    fill:#ffffff !important;
    stroke:#ffffff !important;
    object-fit:contain !important;
    line-height:1 !important;
}

.bottom-nav .active i,
.bottom-nav .active svg,
.mobile-bottom-bar .active i,
.mobile-bottom-bar .active svg{
    color:#ffffff !important;
    fill:#ffffff !important;
    stroke:#ffffff !important;
}

}/* Fix inner project/service visual inline cover without PHP change */
.detail-bhp_project .detail-visual-dynamic,
.detail-bhp_service .detail-visual-dynamic{
  position:relative !important;
  overflow:hidden !important;
  background-color:#061226 !important;
}

.detail-bhp_project .detail-visual-dynamic::before,
.detail-bhp_service .detail-visual-dynamic::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background-color:#061226 !important;
  background-image:inherit !important;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

.detail-bhp_project .detail-visual-dynamic > *,
.detail-bhp_service .detail-visual-dynamic > *{
  position:relative !important;
  z-index:2 !important;
}
/* ===== BHP V1.1.47 main-site galaxy effects — SEO safe, additive, no layout reset ===== */
:root{
  --bhp-galaxy-blue:#0b74ff;
  --bhp-galaxy-cyan:#00d7ff;
  --bhp-galaxy-violet:#7567ff;
  --bhp-galaxy-gold:#ffe1a6;
}

.hero,
.premium-page-head,
.page-head,
.about-net,
.projects,
.services-section,
.reviews,
.quote-teaser,
.contact-sec,
.eval-sec{
  isolation:isolate;
}

.hero,
.premium-page-head,
.page-head{
  overflow:hidden;
}

.bhp-galaxy-layer{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:.88!important;
}

.hero > *:not(.bhp-galaxy-layer),
.page-head > *:not(.bhp-galaxy-layer),
.premium-page-head > *:not(.bhp-galaxy-layer){
  position:relative;
  z-index:2;
}

.hero:before,
.premium-page-head:before,
.page-head:before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at calc(50% + var(--bhp-orbit-x, 0px)) calc(42% + var(--bhp-orbit-y, 0px)), rgba(0,215,255,.22), transparent 24%),
    radial-gradient(circle at 76% 22%, rgba(117,103,255,.18), transparent 30%),
    radial-gradient(circle at 18% 84%, rgba(0,183,255,.13), transparent 34%);
  mix-blend-mode:screen;
}

.hero:after,
.premium-page-head:after,
.page-head:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(115deg, transparent 0%, rgba(255,255,255,.08) 44%, transparent 58%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 96px);
  transform:translate3d(calc(var(--bhp-orbit-x, 0px) * .12),calc(var(--bhp-orbit-y, 0px) * .10),0);
  opacity:.52;
}

.bhp-root .service-card,
.bhp-root .portfolio-card,
.bhp-root .review,
.bhp-root .value-lines div,
.bhp-root .three div,
.bhp-root .blog-card,
.bhp-root .detail-visual{
  transform-style:preserve-3d;
  will-change:transform;
}

.bhp-root .service-card:before,
.bhp-root .portfolio-card:before,
.bhp-root .review:before,
.bhp-root .blog-card:before{
  background:
    radial-gradient(circle at var(--bhp-card-x, 50%) var(--bhp-card-y, 50%), rgba(0,215,255,.22), transparent 26%),
    linear-gradient(135deg,rgba(255,255,255,.08),transparent 45%)!important;
}

.bhp-galaxy-thread{
  position:absolute;
  inset:auto 0 0 0;
  height:190px;
  z-index:1;
  pointer-events:none;
  opacity:.78;
  background:
    radial-gradient(ellipse at 20% 65%, rgba(255,225,166,.32), transparent 42%),
    radial-gradient(ellipse at 50% 52%, rgba(0,215,255,.28), transparent 46%),
    radial-gradient(ellipse at 76% 72%, rgba(117,103,255,.24), transparent 38%);
  filter:blur(.2px) saturate(1.25);
  mask-image:linear-gradient(180deg, transparent 0%, #000 28%, #000 82%, transparent 100%);
}

.hero .bhp-galaxy-thread{bottom:-48px;}
.page-head .bhp-galaxy-thread,
.premium-page-head .bhp-galaxy-thread{bottom:-64px;opacity:.40;}

@media (prefers-reduced-motion:reduce){
  .bhp-galaxy-layer,.bhp-galaxy-thread{display:none!important;}
  .hero:before,.hero:after,.page-head:before,.page-head:after,.premium-page-head:before,.premium-page-head:after{display:none!important;}
}

@media (max-width:768px){
  .bhp-galaxy-layer{opacity:.62!important;}
  .hero:before,.page-head:before,.premium-page-head:before{opacity:.55;}
  .bhp-galaxy-thread{height:120px;opacity:.45;}
}


/* BHP V1.1.50 targeted safety patch — no reset, no layout rewrite */

/* 2) Internal page top empty space: keep SEO/content, reduce only useless visual height */
@media (min-width:961px){
  .page-head,
  .premium-page-head{
    min-height:0!important;
    padding-top:118px!important;
    padding-bottom:28px!important;
  }
  .page-head .section-title,
  .premium-page-head .section-title{
    margin-bottom:0!important;
  }
  .page-head p,
  .premium-page-head p{
    margin-bottom:16px!important;
  }
  .page-head .page-head-art,
  .premium-page-head .page-head-art{
    height:210px!important;
    min-height:0!important;
  }
}

/* 3) Desktop header on dark hero: darker glass, white links */
@media (min-width:961px){
  .bhp-nav{
    background:linear-gradient(105deg,rgba(4,17,38,.86),rgba(7,35,74,.78) 52%,rgba(5,20,44,.88))!important;
    border-color:rgba(117,190,255,.30)!important;
    box-shadow:0 24px 74px rgba(0,22,60,.28),inset 0 1px 0 rgba(255,255,255,.14)!important;
    backdrop-filter:blur(18px) saturate(130%)!important;
  }
  .bhp-nav nav a{
    color:#fff!important;
    text-shadow:0 1px 18px rgba(0,183,255,.18)!important;
  }
  .bhp-nav nav a.active{
    color:#66cfff!important;
  }
  .bhp-nav .call-cta{
    color:#fff!important;
    background:rgba(255,255,255,.10)!important;
    border-color:rgba(140,205,255,.45)!important;
  }
}

/* 4) Performance guard: keep visual look, reduce layout/paint cost */
.bhp-galaxy-layer,
.fx,
.netfx{
  pointer-events:none!important;
  contain:layout paint size!important;
  will-change:transform!important;
}
.bhp-galaxy-thread,
.bhp-hero-energy,
.bhp-glow-follow{
  pointer-events:none!important;
  contain:layout paint!important;
}
.service-card,
.portfolio-card,
.review,
.blog-card,
.hero-visual,
.page-head-art,
.detail-visual{
  backface-visibility:hidden!important;
  transform-style:preserve-3d;
  will-change:transform;
}
@media (max-width:960px){
  .bhp-galaxy-layer{opacity:.48!important}
  .bhp-galaxy-thread{opacity:.38!important}
}

/* keep search/crawler visible content intact */
.bhp-root [hidden],
.bhp-root .seo-hidden{
  display:revert;
}
@media (max-width:960px){

.hero{
    min-height:820px !important;
    height:auto !important;
    padding-bottom:40px !important;
}

.slide{
    min-height:640px !important;
}

.slide h1{
    font-size:58px !important;
    line-height:1.05 !important;
}

.hero-visual{
    margin-top:30px !important;
}

}

/* BHP V1.1.52 — final desktop dark nav fix, no regression */
@media (min-width:761px){
  html body .bhp-root header.bhp-nav.glass-nav,
  html body .bhp-root header.bhp-nav.glass-nav.bhp-nav-force-dark{
    background:linear-gradient(110deg,rgba(233,233,233,.96) 0%,rgba(233,233,233,.94) 13%,rgba(7,34,72,.94) 19%,rgba(7,34,72,.96) 60%,rgba(4,17,38,.98) 100%)!important;
    background-color:#041126!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 24px 74px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08)!important;
    backdrop-filter:blur(24px) saturate(150%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(150%)!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav:before{
    background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(0,183,255,.08),rgba(255,255,255,.03))!important;
    opacity:1!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav nav a,
  html body .bhp-root header.bhp-nav.glass-nav nav a:visited,
  html body .bhp-root header.bhp-nav.glass-nav nav a.active{
    color:#fff!important;
    text-shadow:0 1px 12px rgba(0,0,0,.35)!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav .call-cta{
    color:#fff!important;
    background:rgba(255,255,255,.10)!important;
    border-color:rgba(255,255,255,.26)!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav .logo img{
    filter:none!important;
  }
}



/* =========================================================
   BHP V1.1.59 HOME MOBILE GAP FINAL FIX
   Scope: home hero only. Keeps approved sections unchanged.
   Fixes the real cause: older mobile CSS forced .slide min-height:640px
   and .hero min-height:820px. This override is source-scoped.
   ========================================================= */
@media (max-width:960px){

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final{
    height:auto!important;
    min-height:0!important;
    padding-top:128px!important;
    padding-bottom:0!important;
    overflow:hidden!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slides{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    padding-top:0!important;
    margin:0!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide{
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide.on{
    display:block!important;
    height:auto!important;
    min-height:0!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide:not(.on){
    display:none!important;
    height:0!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide span{
    margin:0 0 18px!important;
    line-height:1.35!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide h1{
    font-size:44px!important;
    line-height:1.04!important;
    margin:0 0 20px!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide p{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 24px!important;
    padding:18px!important;
    color:#eaf7ff!important;
    line-height:1.55!important;
    background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 18px 55px rgba(0,30,70,.20)!important;
    backdrop-filter:blur(12px) saturate(140%)!important;
    -webkit-backdrop-filter:blur(12px) saturate(140%)!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    margin:0!important;
    padding:0!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-actions .btn{
    width:100%!important;
    min-height:54px!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-visual{
    display:none!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-wave{
    position:relative!important;
    display:block!important;
    height:54px!important;
    min-height:0!important;
    margin:18px 0 0!important;
    padding:0!important;
    bottom:auto!important;
    top:auto!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final + .hero-proof-strip{
    margin-top:0!important;
  }
}

/* Keep the approved light glass nav if older dark nav rules exist later/above */
html body .bhp-root header.bhp-nav.glass-nav{
  background:linear-gradient(135deg,rgba(140,185,230,.72),rgba(105,165,225,.66),rgba(165,210,245,.72))!important;
  background-color:rgba(130,190,235,.68)!important;
  backdrop-filter:blur(22px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(180%)!important;
  border:1px solid rgba(255,255,255,.24)!important;
}



/* =========================================================
   BHP V1.1.60 FINAL SOURCE-SCOPED FIX
   ONLY:
   1) Approved light glass nav restored.
   2) All internal page-heads compact, but still clear of fixed nav.
   3) Home mobile hero: no cropped title, no dead gap, paragraph inside card.
   ========================================================= */

/* 1) NAV — final light glass */
html body .bhp-root header.bhp-nav.glass-nav,
html body header.bhp-nav.glass-nav{
  background:linear-gradient(
    135deg,
    rgba(140,185,230,.72),
    rgba(105,165,225,.66),
    rgba(165,210,245,.72)
  )!important;
  background-color:rgba(130,190,235,.68)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 22px 68px rgba(0,91,210,.14),inset 0 1px 0 rgba(255,255,255,.38)!important;
  backdrop-filter:blur(22px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(180%)!important;
}
html body .bhp-root header.bhp-nav.glass-nav:before,
html body header.bhp-nav.glass-nav:before{
  background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.04),rgba(0,183,255,.10))!important;
  opacity:1!important;
}
html body .bhp-root header.bhp-nav.glass-nav nav a,
html body .bhp-root header.bhp-nav.glass-nav nav a:visited,
html body header.bhp-nav.glass-nav nav a,
html body header.bhp-nav.glass-nav nav a:visited{
  color:#fff!important;
  text-shadow:0 1px 10px rgba(0,42,90,.32)!important;
}
html body .bhp-root header.bhp-nav.glass-nav .call-cta,
html body header.bhp-nav.glass-nav .call-cta{
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.34)!important;
}

/* 2) INTERNAL PAGE HEADS — global compact fix, right box stays */
html body .bhp-root section.page-head{
  min-height:0!important;
  height:auto!important;
  padding-top:118px!important;
  padding-bottom:24px!important;
  display:grid!important;
  align-items:center!important;
  overflow:hidden!important;
}
html body .bhp-root section.page-head > div{
  min-height:0!important;
  height:auto!important;
}
html body .bhp-root section.page-head h1{
  margin-top:0!important;
  margin-bottom:18px!important;
  overflow:visible!important;
}
html body .bhp-root section.page-head p{
  margin-top:0!important;
  margin-bottom:22px!important;
}
html body .bhp-root section.page-head .page-head-art{
  display:grid!important;
  height:190px!important;
  min-height:0!important;
  margin:0!important;
  align-self:center!important;
}

/* 3) HOME MOBILE HERO — exact mobile issue */
@media(max-width:960px){
  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final,
  html body .bhp-root section.hero.hero-premium{
    height:auto!important;
    min-height:0!important;
    padding-top:160px!important;
    padding-bottom:78px!important;
    overflow:hidden!important;
  }

  html body .bhp-root section.hero.hero-premium .slides{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    padding-top:0!important;
    margin:0!important;
  }

  html body .bhp-root section.hero.hero-premium .slide,
  html body .bhp-root section.hero.hero-premium .slide.on{
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }

  html body .bhp-root section.hero.hero-premium .slide:not(.on){
    display:none!important;
    height:0!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  html body .bhp-root section.hero.hero-premium .slide span{
    margin:0 0 18px!important;
    line-height:1.35!important;
  }

  html body .bhp-root section.hero.hero-premium .slide h1{
    font-size:44px!important;
    line-height:1.04!important;
    margin:0 0 20px!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  html body .bhp-root section.hero.hero-premium .slide p{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 24px!important;
    padding:18px!important;
    color:#eaf7ff!important;
    line-height:1.55!important;
    background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 18px 55px rgba(0,30,70,.20)!important;
    backdrop-filter:blur(12px) saturate(140%)!important;
    -webkit-backdrop-filter:blur(12px) saturate(140%)!important;
  }

  html body .bhp-root section.hero.hero-premium .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    margin:0!important;
    padding:0!important;
  }

  html body .bhp-root section.hero.hero-premium .hero-actions .btn{
    width:100%!important;
    min-height:54px!important;
  }

  html body .bhp-root section.hero.hero-premium .hero-visual{
    display:none!important;
  }

  html body .bhp-root section.hero.hero-premium .hero-wave{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    display:block!important;
    height:64px!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    z-index:18!important;
  }

  html body .bhp-root section.hero.hero-premium + .hero-proof-strip{
    margin-top:0!important;
  }

  html body .bhp-root section.page-head{
    padding-top:96px!important;
    padding-bottom:24px!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
  }

  html body .bhp-root section.page-head .page-head-art{
    height:150px!important;
  }
}
@media(max-width:960px){

  body .bhp-root .hero.hero-premium{
    height:auto!important;
    min-height:0!important;
    padding:112px 20px 72px!important;
    overflow:hidden!important;
  }

  body .bhp-root .hero.hero-premium .slides,
  body .bhp-root .hero.hero-premium .slide,
  body .bhp-root .hero.hero-premium .slide.on{
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
  }

  body .bhp-root .hero.hero-premium .slide:not(.on){
    display:none!important;
    height:0!important;
    min-height:0!important;
  }

  body .bhp-root .hero.hero-premium .hero-visual{
    display:none!important;
  }

  body .bhp-root .hero.hero-premium .hero-wave{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:58px!important;
    margin:0!important;
  }

  body .bhp-root .hero.hero-premium + .hero-proof-strip{
    margin-top:0!important;
  }
}

/* =========================================================
   BHP V1.1.62 — REAL FINAL HOME MOBILE HERO GAP FIX
   Source-based cause: later max-width:760 rules were re-forcing
   .hero.hero-premium min-height:660px and padding-bottom:74px.
   Scope: Home hero only. No page-head/cards/CRM/forms/SEO changes.
   ========================================================= */
@media (max-width:960px){

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;

    padding-top:112px!important;
    padding-left:20px!important;
    padding-right:20px!important;
    padding-bottom:0!important;

    display:block!important;
    overflow:hidden!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final:before{
    height:100%!important;
    min-height:0!important;
    bottom:0!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final:after{
    display:none!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final canvas.fx{
    height:100%!important;
    min-height:0!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slides{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    z-index:3!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide{
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide.on{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide:not(.on){
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide span{
    margin:0 0 16px!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide h1{
    margin:0 0 18px!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide p{
    margin:0 0 20px!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin:0!important;
    padding:0!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-actions .btn{
    width:100%!important;
    min-height:52px!important;
    margin:0!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-visual{
    display:none!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-wave{
    position:relative!important;
    display:block!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;

    width:calc(100% + 40px)!important;
    height:58px!important;
    min-height:0!important;

    margin:20px -20px 0!important;
    padding:0!important;
    z-index:2!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final + section.hero-proof-strip{
    margin-top:0!important;
  }
}

@media (max-width:760px){

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding-top:112px!important;
    padding-left:20px!important;
    padding-right:20px!important;
    padding-bottom:0!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slides,
  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide.on{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-wave{
    position:relative!important;
    height:58px!important;
    margin:20px -20px 0!important;
  }
}

/* =========================================================
   BHP V1.1.63 — MOBILE HERO GAP HARD LOCK
   Scope: Home hero mobile only.
   Keeps hero-wave and proof-strip; removes the remaining dark gap by
   making the proof strip attach to the visible wave.
   ========================================================= */
@media (max-width:960px){

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding-top:112px!important;
    padding-left:20px!important;
    padding-right:20px!important;
    padding-bottom:0!important;
    overflow:hidden!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slides,
  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide,
  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide.on{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .slide:not(.on){
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    overflow:hidden!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-visual{
    display:none!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-wave{
    position:relative!important;
    display:block!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:calc(100% + 40px)!important;
    height:58px!important;
    min-height:0!important;
    margin:18px -20px 0!important;
    padding:0!important;
    z-index:18!important;
  }

  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final + section.hero-proof-strip{
    margin-top:-118px!important;
    position:relative!important;
    z-index:30!important;
  }
}

@media (max-width:760px){
  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final + section.hero-proof-strip{
    margin-top:-118px!important;
  }
}

@media (max-width:430px){
  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final + section.hero-proof-strip{
    margin-top:-122px!important;
  }
}

/* =========================================================
   BHP V1.1.65 — Page Head moving lines visibility only
   Scope: internal page-head / premium-page-head animated line layer.
   No layout, menu, cards, CRM, forms, SEO, hero height changes.
   ========================================================= */
.page-head:after,
.premium-page-head:after{
  background:
    linear-gradient(115deg, transparent 0%, rgba(255,255,255,.16) 42%, transparent 60%),
    repeating-linear-gradient(90deg, rgba(0,183,255,.16) 0 3px, transparent 3px 84px)!important;
  opacity:.82!important;
  filter:saturate(1.35) contrast(1.08)!important;
}

.page-head .bhp-galaxy-thread,
.premium-page-head .bhp-galaxy-thread{
  opacity:.72!important;
  height:150px!important;
  filter:blur(.15px) saturate(1.55) contrast(1.12)!important;
}

@media(max-width:768px){
  .page-head:after,
  .premium-page-head:after{
    background:
      linear-gradient(115deg, transparent 0%, rgba(255,255,255,.18) 42%, transparent 60%),
      repeating-linear-gradient(90deg, rgba(0,183,255,.18) 0 3px, transparent 3px 72px)!important;
    opacity:.86!important;
  }

  .page-head .bhp-galaxy-thread,
  .premium-page-head .bhp-galaxy-thread{
    opacity:.78!important;
    height:130px!important;
  }
}


/* ===== BHP V1.1.76 Mobile Header WhatsApp Button - incremental only ===== */
.mobile-wa-btn{
  display:none!important;
}
@media(max-width:960px){
  .bhp-root .bhp-nav .mobile-wa-btn,
  body .bhp-root header.bhp-nav .mobile-wa-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:absolute!important;
    right:74px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:48px!important;
    height:48px!important;
    border-radius:16px!important;
    color:#25D366!important;
    background:
      radial-gradient(circle at 30% 25%,rgba(255,255,255,.45),transparent 34%),
      linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.055))!important;
    border:1px solid rgba(255,255,255,.20)!important;
    box-shadow:
      0 14px 34px rgba(0,20,55,.24),
      inset 0 1px 0 rgba(255,255,255,.35),
      0 0 28px rgba(37,211,102,.20)!important;
    backdrop-filter:blur(18px) saturate(140%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
    z-index:7!important;
    overflow:visible!important;
  }
  .bhp-root .bhp-nav .mobile-wa-btn:before,
  body .bhp-root header.bhp-nav .mobile-wa-btn:before{
    content:""!important;
    position:absolute!important;
    inset:-6px!important;
    border-radius:20px!important;
    background:radial-gradient(circle,rgba(37,211,102,.46),transparent 68%)!important;
    z-index:-1!important;
    animation:bhpWaPulse 2.6s ease-out infinite!important;
    pointer-events:none!important;
  }
  .bhp-root .bhp-nav .mobile-wa-btn svg,
  body .bhp-root header.bhp-nav .mobile-wa-btn svg{
    width:25px!important;
    height:25px!important;
    display:block!important;
    filter:drop-shadow(0 0 10px rgba(37,211,102,.58))!important;
  }
  .bhp-root .bhp-nav .mobile-wa-btn:hover,
  body .bhp-root header.bhp-nav .mobile-wa-btn:hover{
    transform:translateY(-50%) scale(1.06)!important;
  }
}
@keyframes bhpWaPulse{
  0%{transform:scale(.78);opacity:.70;}
  70%{transform:scale(1.30);opacity:0;}
  100%{transform:scale(1.30);opacity:0;}
}


/* ===== BHP V1.1.77 Mobile Header WhatsApp Button hard-visible fix ===== */
/* Keeps existing header/menu untouched. Forces the WhatsApp action to render beside the burger on mobile. */
@media(max-width:960px){
  body .bhp-root header.bhp-nav .mobile-wa-btn,
  body .bhp-root .bhp-nav .mobile-wa-btn{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:fixed!important;
    top:27px!important;
    right:84px!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    z-index:2147483000!important;
    pointer-events:auto!important;
    overflow:visible!important;
    border-radius:17px!important;
    color:#25D366!important;
    background:
      radial-gradient(circle at 30% 25%,rgba(255,255,255,.52),transparent 34%),
      linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.07))!important;
    border:1px solid rgba(255,255,255,.26)!important;
    box-shadow:
      0 14px 38px rgba(0,20,55,.30),
      inset 0 1px 0 rgba(255,255,255,.42),
      0 0 26px rgba(37,211,102,.28)!important;
    backdrop-filter:blur(18px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
  }

  body .bhp-root header.bhp-nav .mobile-wa-btn::before,
  body .bhp-root .bhp-nav .mobile-wa-btn::before{
    content:""!important;
    position:absolute!important;
    inset:-7px!important;
    border-radius:22px!important;
    background:radial-gradient(circle,rgba(37,211,102,.50),transparent 68%)!important;
    z-index:-1!important;
    animation:bhpWaPulseHard 2.6s ease-out infinite!important;
    pointer-events:none!important;
  }

  body .bhp-root header.bhp-nav .mobile-wa-btn svg,
  body .bhp-root .bhp-nav .mobile-wa-btn svg{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    display:block!important;
    fill:currentColor!important;
    filter:drop-shadow(0 0 10px rgba(37,211,102,.62))!important;
  }
}

@media(max-width:420px){
  body .bhp-root header.bhp-nav .mobile-wa-btn,
  body .bhp-root .bhp-nav .mobile-wa-btn{
    right:78px!important;
  }
}

@media(min-width:961px){
  body .bhp-root header.bhp-nav .mobile-wa-btn,
  body .bhp-root .bhp-nav .mobile-wa-btn{
    display:none!important;
  }
}

@keyframes bhpWaPulseHard{
  0%{transform:scale(.78);opacity:.68;}
  70%{transform:scale(1.32);opacity:0;}
  100%{transform:scale(1.32);opacity:0;}
}

/* ===== BHP V1.1.78 Mobile WhatsApp exact position fix ===== */
@media(max-width:960px){
  html body .bhp-root header.bhp-nav a.mobile-wa-btn,
  html body .bhp-root .bhp-nav a.mobile-wa-btn,
  html body a.mobile-wa-btn{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:fixed!important;
    top:13px!important;
    right:64px!important;
    left:auto!important;
    bottom:auto!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    max-width:46px!important;
    max-height:46px!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
    z-index:2147483647!important;
  }

  html body .bhp-root header.bhp-nav a.mobile-wa-btn svg,
  html body .bhp-root .bhp-nav a.mobile-wa-btn svg,
  html body a.mobile-wa-btn svg{
    width:22px!important;
    height:22px!important;
  }
}

@media(max-width:390px){
  html body .bhp-root header.bhp-nav a.mobile-wa-btn,
  html body .bhp-root .bhp-nav a.mobile-wa-btn,
  html body a.mobile-wa-btn{
    right:62px!important;
  }
}


/* ===== BHP V1.1.79 Mobile Header Call Us Button ===== */
/* Mobile-only: restores a compact text Call Us button in the header without changing desktop nav, menu, WhatsApp, CRM, forms or page sections. */
@media(max-width:960px){
  html body .bhp-root header.bhp-nav a.call-cta,
  html body .bhp-root .bhp-nav a.call-cta,
  html body a.call-cta{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:fixed!important;
    top:17px!important;
    right:118px!important;
    left:auto!important;
    bottom:auto!important;
    width:78px!important;
    height:38px!important;
    min-width:78px!important;
    min-height:38px!important;
    max-width:78px!important;
    max-height:38px!important;
    padding:0!important;
    margin:0!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    z-index:2147483646!important;
    pointer-events:auto!important;
    font-size:0!important;
    line-height:1!important;
    letter-spacing:0!important;
    text-indent:0!important;
    white-space:nowrap!important;
    border-radius:15px!important;
    color:#fff!important;
    background:
      radial-gradient(circle at 28% 22%,rgba(255,255,255,.45),transparent 35%),
      linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.07))!important;
    border:1px solid rgba(255,255,255,.28)!important;
    box-shadow:
      0 12px 34px rgba(0,20,55,.28),
      inset 0 1px 0 rgba(255,255,255,.38),
      0 0 22px rgba(0,183,255,.20)!important;
    backdrop-filter:blur(18px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
    transform:none!important;
  }

  html body .bhp-root header.bhp-nav a.call-cta::before,
  html body .bhp-root .bhp-nav a.call-cta::before,
  html body a.call-cta::before{
    content:"CALL US"!important;
    display:block!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.45px!important;
    line-height:1!important;
    color:#fff!important;
    text-shadow:0 2px 12px rgba(0,35,75,.40)!important;
  }
}

@media(max-width:390px){
  html body .bhp-root header.bhp-nav a.call-cta,
  html body .bhp-root .bhp-nav a.call-cta,
  html body a.call-cta{
    right:112px!important;
    width:74px!important;
    min-width:74px!important;
    max-width:74px!important;
  }

  html body .bhp-root header.bhp-nav a.call-cta::before,
  html body .bhp-root .bhp-nav a.call-cta::before,
  html body a.call-cta::before{
    font-size:10px!important;
  }
}


/* ===== BHP V1.1.80 Mobile Header CALL US Button - final source-based fix ===== */
/* Separate mobile-only element. Does not touch desktop .call-cta, WhatsApp, burger, menu panel, CRM, forms or page sections. */
@media(min-width:961px){
  html body a.mobile-call-us-btn,
  html body .bhp-root a.mobile-call-us-btn,
  html body .bhp-root header.bhp-nav a.mobile-call-us-btn{
    display:none!important;
  }
}

@media(max-width:960px){
  html body a.mobile-call-us-btn,
  html body .bhp-root a.mobile-call-us-btn,
  html body .bhp-root header.bhp-nav a.mobile-call-us-btn,
  html body .bhp-root .bhp-nav a.mobile-call-us-btn{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:fixed!important;
    top:16px!important;
    right:118px!important;
    left:auto!important;
    bottom:auto!important;
    width:72px!important;
    height:40px!important;
    min-width:72px!important;
    min-height:40px!important;
    max-width:72px!important;
    max-height:40px!important;
    padding:0!important;
    margin:0!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    z-index:2147483647!important;
    pointer-events:auto!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.35px!important;
    text-transform:uppercase!important;
    text-indent:0!important;
    white-space:nowrap!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 2px 12px rgba(0,35,75,.45)!important;
    border-radius:16px!important;
    background:
      radial-gradient(circle at 30% 20%,rgba(255,255,255,.48),transparent 34%),
      linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.07))!important;
    border:1px solid rgba(255,255,255,.30)!important;
    box-shadow:
      0 12px 34px rgba(0,20,55,.30),
      inset 0 1px 0 rgba(255,255,255,.42),
      0 0 22px rgba(0,183,255,.22)!important;
    backdrop-filter:blur(18px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
    transform:none!important;
  }

  html body a.mobile-call-us-btn::before,
  html body a.mobile-call-us-btn::after,
  html body .bhp-root a.mobile-call-us-btn::before,
  html body .bhp-root a.mobile-call-us-btn::after{
    display:none!important;
    content:none!important;
  }
}

@media(max-width:390px){
  html body a.mobile-call-us-btn,
  html body .bhp-root a.mobile-call-us-btn,
  html body .bhp-root header.bhp-nav a.mobile-call-us-btn,
  html body .bhp-root .bhp-nav a.mobile-call-us-btn{
    right:112px!important;
    width:68px!important;
    min-width:68px!important;
    max-width:68px!important;
    font-size:10px!important;
  }
}

/* ===== BHP V1.1.83 safe intrinsic image sizes without layout regression ===== */
body .bhp-root header.bhp-nav .logo img{
  width:auto!important;
  max-width:180px!important;
  height:55px!important;
  object-fit:contain!important;
}

body .bhp-root .hero-visual img{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
}

@media(max-width:760px){
  body .bhp-root header.bhp-nav .logo img{
    width:auto!important;
    max-width:176px!important;
    height:38px!important;
  }
}

/* ===== Lighthouse accessibility contrast fixes ===== */
body .bhp-root .btn,
body .bhp-root .quote,
body .bhp-root .footer-cta{
  background:linear-gradient(135deg,#0753d6,#006db8)!important;
  color:#fff!important;
}

body .bhp-root .btn-ghost{
  background:transparent!important;
  color:#0756b8!important;
  border-color:rgba(7,86,184,.46)!important;
}

body .bhp-root .eyebrow,
body .bhp-root .section-title>div>span,
body .bhp-root .page-head>span,
body .bhp-root .page-head>div>span,
body .bhp-root .blog-card>span,
body .bhp-root .blog-card>b,
body .bhp-root .crumb-inner a,
body .bhp-root .hero-proof-inner b{
  color:#0756b8!important;
}

body .bhp-root .review-top>b,
body .bhp-root .rating-badge>span{
  color:#8a5200!important;
}

body .bhp-root .review small{
  color:#53627a!important;
}

body .bhp-root .service-card.service-dynamic-card .glass p{
  color:#fff!important;
  opacity:1!important;
}



/* اصلاح کاراکترهای خراب منوی موبایل */
@media (max-width:760px){

  html body .bhp-root .mobile-panel-links > a::after{
    content:""!important;
    display:block!important;
    width:9px!important;
    height:9px!important;
    flex:0 0 9px!important;
    border-top:2px solid #54d7ff!important;
    border-right:2px solid #54d7ff!important;
    transform:rotate(45deg)!important;
    font-size:0!important;
  }

  /* حذف آیکن‌های متنی خراب بخش آمار؛ SVG اصلی باقی می‌ماند */
  html body .bhp-root .hero-proof-inner > div::after{
    content:none!important;
    display:none!important;
  }
}@media (max-width:760px){

  html body .bhp-root .hero-proof-inner > div::after{
    content:none!important;
    display:none!important;
  }

  html body .bhp-root .hero-proof-inner > div::before{
    content:""!important;
    display:block!important;
    opacity:1!important;
    filter:none!important;
    background-color:#fff!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:30px 30px!important;
    border:1px solid rgba(10,108,255,.42)!important;
    box-shadow:
      0 10px 28px rgba(10,108,255,.18),
      inset 0 0 18px rgba(10,108,255,.07)!important;
  }

  /* Experience */
  html body .bhp-root .hero-proof-inner > div:nth-child(1)::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='10' fill='none' stroke='%230A6CFF' stroke-width='2.6'/%3E%3Cpath d='M16 10v12M10 16h12' fill='none' stroke='%230A6CFF' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E")!important;
  }

  /* Projects */
  html body .bhp-root .hero-proof-inner > div:nth-child(2)::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='7' y='7' width='18' height='16' fill='none' stroke='%230A6CFF' stroke-width='2.4'/%3E%3Cpath d='M11 12h10M11 17h7M10 27h12' fill='none' stroke='%230A6CFF' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")!important;
  }

  /* Reviews */
  html body .bhp-root .hero-proof-inner > div:nth-child(3)::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 5l3.2 6.5 7.2 1-5.2 5 1.2 7.1L16 21.3l-6.4 3.3 1.2-7.1-5.2-5 7.2-1z' fill='none' stroke='%230A6CFF' stroke-width='2.3' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  }

  /* Warranty */
  html body .bhp-root .hero-proof-inner > div:nth-child(4)::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 4l9 4v7c0 6-4.2 10-9 13-4.8-3-9-7-9-13V8z' fill='none' stroke='%230A6CFF' stroke-width='2.3' stroke-linejoin='round'/%3E%3Cpath d='M11 16l3 3 7-7' fill='none' stroke='%230A6CFF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  }
}/* FINAL — Stats icons fix for desktop and mobile */

html body .bhp-root .hero-proof-inner > div::after{
  content:none!important;
  display:none!important;
}

html body .bhp-root .hero-proof-inner > div::before{
  content:""!important;
  display:block!important;
  opacity:1!important;
  filter:none!important;
  background-color:#fff!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:28px 28px!important;
  border:1px solid rgba(10,108,255,.42)!important;
  box-shadow:
    0 8px 22px rgba(10,108,255,.16),
    inset 0 0 16px rgba(10,108,255,.06)!important;
}

/* Experience */
html body .bhp-root .hero-proof-inner > div:nth-child(1)::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='10' fill='none' stroke='%230A6CFF' stroke-width='2.6'/%3E%3Cpath d='M16 10v12M10 16h12' fill='none' stroke='%230A6CFF' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E")!important;
}

/* Projects */
html body .bhp-root .hero-proof-inner > div:nth-child(2)::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='7' y='7' width='18' height='16' fill='none' stroke='%230A6CFF' stroke-width='2.4'/%3E%3Cpath d='M11 12h10M11 17h7M10 27h12' fill='none' stroke='%230A6CFF' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")!important;
}

/* Reviews */
html body .bhp-root .hero-proof-inner > div:nth-child(3)::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 5l3.2 6.5 7.2 1-5.2 5 1.2 7.1L16 21.3l-6.4 3.3 1.2-7.1-5.2-5 7.2-1z' fill='none' stroke='%230A6CFF' stroke-width='2.3' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}

/* Warranty */
html body .bhp-root .hero-proof-inner > div:nth-child(4)::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 4l9 4v7c0 6-4.2 10-9 13-4.8-3-9-7-9-13V8z' fill='none' stroke='%230A6CFF' stroke-width='2.3' stroke-linejoin='round'/%3E%3Cpath d='M11 16l3 3 7-7' fill='none' stroke='%230A6CFF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}/* Smaller stats icons — desktop and mobile */
html body .bhp-root .hero-proof-inner > div::before{
  width:33px!important;
  height:33px!important;
  min-width:33px!important;
  flex:0 0 33px!important;
  background-size:20px 20px!important;
  border-radius:11px!important;
}

/* Mobile */
@media (max-width:760px){
  html body .bhp-root .hero-proof-inner > div::before{
    width:33px!important;
    height:33px!important;
    min-width:33px!important;
    flex:0 0 33px!important;
    background-size:21px 21px!important;
  }
}/* ===== FINAL DESKTOP LOGO ===== */
@media (min-width:761px){

  html body .bhp-root header.bhp-nav.glass-nav > .logo{
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    height:100%!important;
    background:none!important;
  }

  /* پس‌زمینه نهایی لوگو */
  html body .bhp-root header.bhp-nav.glass-nav > .logo::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:auto!important;
    height:auto!important;
    background:linear-gradient(
      90deg,
      #061a31 0%,
      #154b75 18%,
      #83c7e9 38%,
      #c9efff 50%,
      #83c7e9 62%,
      #154b75 82%,
      #061a31 100%
    )!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.20),
      inset 0 -1px 0 rgba(72,177,230,.20)!important;
    opacity:1!important;
    filter:none!important;
    animation:none!important;
    z-index:-1!important;
    pointer-events:none!important;
  }

  /* نور متحرک فقط روی لوگو */
  html body .bhp-root header.bhp-nav.glass-nav > .logo::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:-20%!important;
    bottom:auto!important;
    left:-38%!important;
    right:auto!important;
    width:28%!important;
    height:140%!important;
    background:linear-gradient(
      90deg,
      transparent 0%,
      rgba(99,211,255,.10) 22%,
      rgba(218,247,255,.70) 44%,
      rgba(255,255,255,.95) 50%,
      rgba(100,210,255,.50) 58%,
      transparent 100%
    )!important;
    background-size:auto!important;
    box-shadow:0 0 14px rgba(95,207,255,.38)!important;
    transform:skewX(-18deg) translate3d(0,0,0);
    mix-blend-mode:screen!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    opacity:0;
    filter:none!important;
    z-index:3!important;
    pointer-events:none!important;
    animation:bhpFinalLogoShine 4.8s ease-in-out infinite!important;
    will-change:transform,opacity;
  }

  /* خود تصویر کاملاً ثابت */
  html body .bhp-root header.bhp-nav.glass-nav > .logo img,
  html body .bhp-root header.bhp-nav.glass-nav > .logo:hover img{
    position:relative!important;
    z-index:2!important;
    width:auto!important;
    max-width:180px!important;
    height:55px!important;
    object-fit:contain!important;
    animation:none!important;
    transform:none!important;
    filter:drop-shadow(0 3px 7px rgba(0,32,58,.15))!important;
  }
}

@keyframes bhpFinalLogoShine{
  0%,28%{
    transform:skewX(-18deg) translate3d(0,0,0);
    opacity:0;
  }

  34%{
    opacity:.9;
  }

  58%{
    transform:skewX(-18deg) translate3d(590%,0,0);
    opacity:.9;
  }

  66%,100%{
    transform:skewX(-18deg) translate3d(590%,0,0);
    opacity:0;
  }
}

@media (prefers-reduced-motion:reduce){
  html body .bhp-root header.bhp-nav.glass-nav > .logo::after{
    animation:none!important;
    display:none!important;
  }
}/* ===== FINAL MOBILE LOGO ===== */
@media (max-width:760px){

  html body .bhp-root header.bhp-nav.glass-nav > .logo{
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    height:100%!important;
    background:none!important;
  }

  /* همان گرادیان نسخه دسکتاپ */
  html body .bhp-root header.bhp-nav.glass-nav > .logo::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(
      90deg,
      #061a31 0%,
      #154b75 18%,
      #83c7e9 38%,
      #c9efff 50%,
      #83c7e9 62%,
      #154b75 82%,
      #061a31 100%
    )!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.20),
      inset 0 -1px 0 rgba(72,177,230,.20)!important;
    opacity:1!important;
    filter:none!important;
    animation:none!important;
    z-index:-1!important;
    pointer-events:none!important;
  }

  /* نور متحرک روی لوگو */
  html body .bhp-root header.bhp-nav.glass-nav > .logo::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:-20%!important;
    bottom:auto!important;
    left:-38%!important;
    right:auto!important;
    width:28%!important;
    height:140%!important;
    background:linear-gradient(
      90deg,
      transparent 0%,
      rgba(99,211,255,.10) 22%,
      rgba(218,247,255,.70) 44%,
      rgba(255,255,255,.95) 50%,
      rgba(100,210,255,.50) 58%,
      transparent 100%
    )!important;
    box-shadow:0 0 12px rgba(95,207,255,.36)!important;
    transform:skewX(-18deg) translate3d(0,0,0);
    mix-blend-mode:screen!important;
    opacity:0;
    filter:none!important;
    z-index:3!important;
    pointer-events:none!important;
    animation:bhpMobileLogoShine 4.8s ease-in-out infinite!important;
  }

  /* اندازه امن برای اینکه دکمه‌های موبایل جابه‌جا نشن */
  html body .bhp-root header.bhp-nav.glass-nav > .logo img,
  html body .bhp-root header.bhp-nav.glass-nav > .logo:hover img{
    position:relative!important;
    z-index:2!important;
    width:auto!important;
    max-width:145px!important;
    height:38px!important;
    object-fit:contain!important;
    animation:none!important;
    transform:none!important;
    filter:drop-shadow(0 2px 6px rgba(0,32,58,.14))!important;
  }
}

@keyframes bhpMobileLogoShine{
  0%,28%{
    transform:skewX(-18deg) translate3d(0,0,0);
    opacity:0;
  }

  34%{
    opacity:.9;
  }

  58%{
    transform:skewX(-18deg) translate3d(590%,0,0);
    opacity:.9;
  }

  66%,100%{
    transform:skewX(-18deg) translate3d(590%,0,0);
    opacity:0;
  }
}
html body .bhp-root header.bhp-nav.glass-nav > .logo::before {
    background: linear-gradient(
        90deg,
        rgba(7, 34, 72, 0) 0%,
        rgba(21, 75, 117, 0.45) 16%,
        rgba(131, 199, 233, 0.92) 38%,
        rgba(201, 239, 255, 1) 50%,
        rgba(131, 199, 233, 0.92) 62%,
        rgba(21, 75, 117, 0.45) 84%,
        rgba(7, 34, 72, 0) 100%
    ) !important;

    box-shadow: none !important;

    -webkit-mask-image:
        linear-gradient(to right, transparent 0%, #000 16%, #000 84%, transparent 100%),
        linear-gradient(to bottom, transparent 0%, #000 18%, #000 82%, transparent 100%);
    -webkit-mask-composite: source-in;
    -webkit-mask-repeat: no-repeat;

    mask-image:
        linear-gradient(to right, transparent 0%, #000 16%, #000 84%, transparent 100%),
        linear-gradient(to bottom, transparent 0%, #000 18%, #000 82%, transparent 100%);
    mask-composite: intersect;
    mask-repeat: no-repeat;
}@media (max-width: 760px) {

    html body .bhp-root header.bhp-nav.glass-nav > .logo::before {
        background: linear-gradient(
            90deg,
            rgba(7, 34, 72, 0) 0%,
            rgba(45, 112, 158, 0.45) 12%,
            rgba(132, 198, 229, 0.82) 27%,
            rgba(190, 231, 249, 0.92) 40%,
            rgba(190, 231, 249, 0.92) 60%,
            rgba(132, 198, 229, 0.82) 73%,
            rgba(45, 112, 158, 0.45) 88%,
            rgba(7, 34, 72, 0) 100%
        ) !important;

        box-shadow: none !important;
        filter: none !important;

        -webkit-mask-image: linear-gradient(
            to bottom,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        ) !important;

        mask-image: linear-gradient(
            to bottom,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        ) !important;

        -webkit-mask-composite: source-over !important;
        mask-composite: add !important;
        -webkit-mask-repeat: no-repeat !important;
        mask-repeat: no-repeat !important;
    }
}

/* BHP V1.1.84 FINAL CASCADE LOCK — header/logo only */
html body .bhp-root header.bhp-nav.glass-nav,
html body header.bhp-nav.glass-nav{
  background:
    radial-gradient(circle at 12% 0%,rgba(255,255,255,.72),transparent 34%),
    linear-gradient(120deg,rgba(203,235,255,.90),rgba(145,205,244,.82) 48%,rgba(190,229,252,.88))!important;
  background-color:#b8ddf5!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:22px!important;
  box-shadow:0 20px 62px rgba(17,91,151,.22),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(50,130,188,.16)!important;
  backdrop-filter:blur(26px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(165%)!important;
}
html body .bhp-root header.bhp-nav.glass-nav::before,
html body header.bhp-nav.glass-nav::before{
  background:linear-gradient(105deg,rgba(255,255,255,.42),transparent 31%,rgba(20,143,214,.12) 62%,rgba(255,255,255,.26))!important;
  opacity:1!important;
  pointer-events:none!important;
}
html body .bhp-root header.bhp-nav.glass-nav nav a,
html body .bhp-root header.bhp-nav.glass-nav nav a:visited,
html body .bhp-root header.bhp-nav.glass-nav nav a.active,
html body header.bhp-nav.glass-nav nav a,
html body header.bhp-nav.glass-nav nav a:visited,
html body header.bhp-nav.glass-nav nav a.active{
  color:#082a46!important;
  text-shadow:none!important;
}
html body .bhp-root header.bhp-nav.glass-nav nav a::after,
html body header.bhp-nav.glass-nav nav a::after{
  background:#075fbd!important;
}
html body .bhp-root header.bhp-nav.glass-nav .call-cta,
html body header.bhp-nav.glass-nav .call-cta{
  color:#082f50!important;
  background:rgba(255,255,255,.34)!important;
  border:1px solid rgba(255,255,255,.74)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 10px 28px rgba(24,101,159,.12)!important;
  text-shadow:none!important;
}
html body .bhp-root header.bhp-nav.glass-nav > .logo,
html body header.bhp-nav.glass-nav > .logo{
  position:relative!important;
  isolation:isolate!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  height:100%!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .bhp-root header.bhp-nav.glass-nav > .logo::before,
html body header.bhp-nav.glass-nav > .logo::before{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  animation:none!important;
}
html body .bhp-root header.bhp-nav.glass-nav > .logo img,
html body .bhp-root header.bhp-nav.glass-nav > .logo:hover img,
html body header.bhp-nav.glass-nav > .logo img,
html body header.bhp-nav.glass-nav > .logo:hover img{
  position:relative!important;
  z-index:1!important;
  width:auto!important;
  max-width:180px!important;
  height:55px!important;
  object-fit:contain!important;
  animation:none!important;
  transform:none!important;
  filter:none!important;
}
html body .bhp-root header.bhp-nav.glass-nav > .logo::after,
html body header.bhp-nav.glass-nav > .logo::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  opacity:0;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.20) 41%,rgba(255,255,255,.96) 49%,rgba(72,190,255,.72) 55%,transparent 70%)!important;
  background-size:260% 100%!important;
  background-position:170% 0;
  box-shadow:none!important;
  mix-blend-mode:screen!important;
  -webkit-mask-image:var(--bhp-logo-mask)!important;
  -webkit-mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  -webkit-mask-size:contain!important;
  mask-image:var(--bhp-logo-mask)!important;
  mask-repeat:no-repeat!important;
  mask-position:center!important;
  mask-size:contain!important;
  animation:bhpLogoOnlyLight 4.6s ease-in-out infinite!important;
  will-change:background-position,opacity;
}
@media(max-width:760px){
  html body .bhp-root header.bhp-nav.glass-nav,
  html body header.bhp-nav.glass-nav{
    border-radius:24px!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav > .logo img,
  html body .bhp-root header.bhp-nav.glass-nav > .logo:hover img,
  html body header.bhp-nav.glass-nav > .logo img,
  html body header.bhp-nav.glass-nav > .logo:hover img{
    max-width:145px!important;
    height:38px!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav a.mobile-call-us-btn,
  html body .bhp-root header.bhp-nav.glass-nav button.burger{
    color:#082f50!important;
    background:rgba(255,255,255,.34)!important;
    border:1px solid rgba(255,255,255,.74)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 10px 28px rgba(24,101,159,.14)!important;
    text-shadow:none!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav a.mobile-wa-btn{
    color:#08a657!important;
    background:rgba(255,255,255,.34)!important;
    border:1px solid rgba(255,255,255,.74)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 10px 28px rgba(24,101,159,.14)!important;
  }
}
html body .bhp-root header.bhp-nav.glass-nav,
html body header.bhp-nav.glass-nav {
    border-radius: 0 !important;
}/* Premium moving light — logo pixels only */
html body .bhp-root header.bhp-nav.glass-nav > .logo {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    background: transparent !important;
}

html body .bhp-root header.bhp-nav.glass-nav > .logo img {
    position: relative !important;
    z-index: 1 !important;
    transform: none !important;
    animation: none !important;
}

html body .bhp-root header.bhp-nav.glass-nav > .logo::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;

    background: linear-gradient(
        108deg,
        transparent 30%,
        rgba(255,255,255,0.15) 40%,
        rgba(255,255,255,0.95) 49%,
        rgba(65,190,255,0.75) 55%,
        transparent 69%
    ) !important;

    background-size: 280% 100% !important;
    background-position: 160% 0;
    mix-blend-mode: screen !important;

    -webkit-mask-image: var(--bhp-logo-mask) !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    -webkit-mask-size: contain !important;

    mask-image: var(--bhp-logo-mask) !important;
    mask-repeat: no-repeat !important;
    mask-position: center !important;
    mask-size: contain !important;

    animation: bhpPremiumLogoLight 5.2s ease-in-out infinite !important;
}

@keyframes bhpPremiumLogoLight {
    0%, 24% {
        background-position: 160% 0;
        opacity: 0;
    }

    30% {
        opacity: 0.9;
    }

    52% {
        background-position: -60% 0;
        opacity: 0.9;
    }

    59%, 100% {
        background-position: -60% 0;
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body .bhp-root header.bhp-nav.glass-nav > .logo::after {
        animation: none !important;
        display: none !important;
    }
}
/* ===== PREMIUM ANIMATED PAGE HEAD ===== */

html body .bhp-root section.page-head {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    min-height: 0 !important;
    height: auto !important;
    padding-top: 40px !important;
    padding-bottom: 34px !important;

    background:
        radial-gradient(circle at 8% 15%, rgba(255,255,255,.98) 0 5%, transparent 31%),
        radial-gradient(circle at 82% 20%, rgba(0,183,255,.24), transparent 30%),
        radial-gradient(circle at 58% 115%, rgba(11,116,255,.16), transparent 36%),
        linear-gradient(118deg, #fbfdff 0%, #edf8ff 48%, #d4f0ff 100%) !important;

    border-top: 1px solid rgba(255,255,255,.92) !important;
    border-bottom: 1px solid rgba(20,130,205,.20) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.96),
        inset 0 -30px 70px rgba(73,178,236,.08) !important;
}

/* نورهای متحرک پشت سکشن */
html body .bhp-root section.page-head::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: -55% -20% !important;
    z-index: 0 !important;
    pointer-events: none !important;
    opacity: .78 !important;

    background:
        radial-gradient(circle at 22% 46%, rgba(0,199,255,.28), transparent 18%),
        radial-gradient(circle at 58% 35%, rgba(78,116,255,.18), transparent 21%),
        radial-gradient(circle at 82% 62%, rgba(255,255,255,.92), transparent 17%) !important;

    filter: blur(15px) saturate(145%) !important;
    transform: translate3d(-4%, 0, 0) scale(1.04);

    animation: bhpPageHeadAurora 11s ease-in-out infinite alternate !important;
}

/* خطوط تکنولوژی و عبور نور */
html body .bhp-root section.page-head::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    opacity: .52 !important;

    background:
        linear-gradient(rgba(16,132,204,.075) 1px, transparent 1px),
        linear-gradient(90deg, rgba(16,132,204,.075) 1px, transparent 1px),
        linear-gradient(
            108deg,
            transparent 28%,
            rgba(255,255,255,0) 37%,
            rgba(255,255,255,.78) 48%,
            rgba(73,191,246,.18) 54%,
            transparent 66%
        ) !important;

    background-size:
        64px 64px,
        64px 64px,
        260% 100% !important;

    background-position: 0 0, 0 0, 150% 0;

    -webkit-mask-image:
        linear-gradient(
            90deg,
            rgba(0,0,0,.78),
            rgba(0,0,0,.30) 44%,
            rgba(0,0,0,.86)
        );

    mask-image:
        linear-gradient(
            90deg,
            rgba(0,0,0,.78),
            rgba(0,0,0,.30) 44%,
            rgba(0,0,0,.86)
        );

    animation: bhpPageHeadGrid 15s linear infinite !important;
}

html body .bhp-root section.page-head > * {
    position: relative !important;
    z-index: 3 !important;
}

/* چیدمان صفحاتی که باکس تصویری دارن */
html body .bhp-root section.page-head:has(> .page-head-art) {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1.14fr)
        minmax(360px, .86fr) !important;
    align-items: center !important;
    gap: 54px !important;
}

html body .bhp-root section.page-head:not(:has(> .page-head-art)) {
    display: block !important;
}

/* ورود محتوای سکشن */
html body .bhp-root section.page-head > div,
html body .bhp-root section.page-head > h1,
html body .bhp-root section.page-head > p,
html body .bhp-root section.page-head > span {
    animation:
        bhpPageHeadContentIn .78s
        cubic-bezier(.2,.78,.25,1) both;
}

/* عنوان کوچک بالای تیتر */
html body .bhp-root section.page-head > div > span,
html body .bhp-root section.page-head > span {
    color: #075fae !important;
    letter-spacing: 5px !important;

    text-shadow:
        0 8px 25px rgba(0,141,220,.18) !important;

    animation:
        bhpPageHeadEyebrow 4.8s
        ease-in-out infinite !important;
}

/* تیتر اصلی */
html body .bhp-root section.page-head h1 {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    color: #04142c !important;

    text-shadow:
        0 18px 50px rgba(36,115,173,.13) !important;

    animation:
        bhpPageHeadTitleGlow 5.6s
        ease-in-out infinite !important;
}

/* خط نورانی زیر تیتر */
html body .bhp-root section.page-head h1::after {
    width: 112px !important;
    height: 3px !important;
    margin-top: 16px !important;
    transform-origin: left center !important;

    background:
        linear-gradient(
            90deg,
            #0b74ff,
            #19d8ff 62%,
            transparent
        ) !important;

    box-shadow:
        0 0 18px rgba(0,183,255,.48) !important;

    animation:
        bhpPageHeadLine 3.6s
        ease-in-out infinite !important;
}

html body .bhp-root section.page-head p {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    color: #4b6681 !important;
    line-height: 1.68 !important;
}

/* دکمه سکشن */
html body .bhp-root section.page-head .btn {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;

    box-shadow:
        0 15px 38px rgba(11,116,255,.23) !important;

    animation:
        bhpPageHeadButton 4s
        ease-in-out infinite !important;
}

/* باکس حرفه‌ای سمت راست */
html body .bhp-root section.page-head .page-head-art {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    height: 184px !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 0 !important;

    background:
        radial-gradient(
            circle at 74% 26%,
            rgba(28,208,255,.34),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            rgba(5,40,78,.95),
            rgba(8,92,154,.88) 54%,
            rgba(11,116,255,.76)
        ) !important;

    border:
        1px solid rgba(150,224,255,.55) !important;

    box-shadow:
        0 24px 68px rgba(5,73,128,.24),
        inset 0 1px 0 rgba(255,255,255,.32),
        inset 0 -1px 0 rgba(0,30,75,.28) !important;

    backdrop-filter:
        blur(18px) saturate(155%) !important;

    -webkit-backdrop-filter:
        blur(18px) saturate(155%) !important;

    transform: translateZ(0);

    animation:
        bhpPageHeadPanelFloat 6.4s
        ease-in-out infinite !important;
}

/* چرخش نور داخل باکس */
html body .bhp-root section.page-head .page-head-art::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: -95% -55% !important;
    z-index: 0 !important;
    pointer-events: none !important;
    opacity: .82 !important;

    background:
        conic-gradient(
            from 0deg,
            transparent 0 24%,
            rgba(102,223,255,.36) 31%,
            rgba(255,255,255,.70) 36%,
            transparent 43% 75%,
            rgba(44,143,255,.20) 84%,
            transparent 92%
        ) !important;

    filter: blur(3px) !important;

    animation:
        bhpPageHeadPanelOrbit 12s
        linear infinite !important;
}

/* شبکه متحرک داخل باکس */
html body .bhp-root section.page-head .page-head-art::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 16px !important;
    width: auto !important;
    height: auto !important;
    z-index: 1 !important;
    pointer-events: none !important;

    border:
        1px solid rgba(206,243,255,.28) !important;

    background:
        linear-gradient(
            rgba(205,244,255,.10) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(205,244,255,.10) 1px,
            transparent 1px
        ),
        linear-gradient(
            105deg,
            transparent 35%,
            rgba(255,255,255,.32) 50%,
            transparent 65%
        ) !important;

    background-size:
        34px 34px,
        34px 34px,
        240% 100% !important;

    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;

    animation:
        bhpPageHeadPanelGrid 7s
        linear infinite !important;
}

html body .bhp-root section.page-head .page-head-art b {
    position: relative !important;
    z-index: 3 !important;
    display: block !important;
    color: #fff !important;

    font-size:
        clamp(20px, 2vw, 27px) !important;

    line-height: 1.16 !important;
    letter-spacing: .4px !important;
    text-align: center !important;

    text-shadow:
        0 0 14px rgba(82,215,255,.78),
        0 12px 34px rgba(0,20,55,.44) !important;

    animation:
        bhpPageHeadPanelText 4.2s
        ease-in-out infinite !important;
}

/* ===== ANIMATIONS ===== */

@keyframes bhpPageHeadAurora {
    0% {
        transform:
            translate3d(-5%, -2%, 0)
            scale(1.03);
    }

    50% {
        transform:
            translate3d(4%, 3%, 0)
            scale(1.10);
    }

    100% {
        transform:
            translate3d(8%, -1%, 0)
            scale(1.05);
    }
}

@keyframes bhpPageHeadGrid {
    0% {
        background-position:
            0 0,
            0 0,
            150% 0;
    }

    100% {
        background-position:
            64px 64px,
            64px 64px,
            -80% 0;
    }
}

@keyframes bhpPageHeadContentIn {
    from {
        opacity: 0;
        transform: translate3d(-26px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bhpPageHeadEyebrow {
    0%,
    100% {
        opacity: .76;
        text-shadow:
            0 8px 25px rgba(0,141,220,.12);
    }

    50% {
        opacity: 1;
        text-shadow:
            0 8px 30px rgba(0,183,255,.38);
    }
}

@keyframes bhpPageHeadTitleGlow {
    0%,
    100% {
        text-shadow:
            0 18px 50px rgba(36,115,173,.10);
    }

    50% {
        text-shadow:
            0 18px 56px rgba(0,144,224,.21);
    }
}

@keyframes bhpPageHeadLine {
    0%,
    100% {
        transform: scaleX(.55);
        opacity: .62;
    }

    50% {
        transform: scaleX(1);
        opacity: 1;
    }
}

@keyframes bhpPageHeadButton {
    0%,
    100% {
        box-shadow:
            0 15px 38px rgba(11,116,255,.22);
        transform: translateY(0);
    }

    50% {
        box-shadow:
            0 19px 48px rgba(0,183,255,.36);
        transform: translateY(-2px);
    }
}

@keyframes bhpPageHeadPanelFloat {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -7px, 0);
    }
}

@keyframes bhpPageHeadPanelOrbit {
    to {
        transform: rotate(360deg);
    }
}

@keyframes bhpPageHeadPanelGrid {
    0% {
        background-position:
            0 0,
            0 0,
            150% 0;
    }

    100% {
        background-position:
            34px 34px,
            34px 34px,
            -100% 0;
    }
}

@keyframes bhpPageHeadPanelText {
    0%,
    100% {
        opacity: .88;
        transform: translateY(0);
        filter: brightness(1);
    }

    50% {
        opacity: 1;
        transform: translateY(-2px);
        filter: brightness(1.18);
    }
}

/* ===== MOBILE ===== */

@media (max-width: 960px) {
    html body .bhp-root section.page-head {
        display: block !important;
        min-height: 0 !important;
        padding-top: 26px !important;
        padding-bottom: 24px !important;
    }

    /* مخفی‌شدن باکس سمت راست در تمام صفحات */
    html body .bhp-root section.page-head .page-head-art {
        display: none !important;
    }

    html body .bhp-root section.page-head > div {
        width: 100% !important;
        max-width: none !important;
    }

    html body .bhp-root section.page-head h1 {
        font-size:
            clamp(34px, 9.5vw, 44px) !important;
        line-height: 1.05 !important;
        margin-bottom: 12px !important;
    }

    html body .bhp-root section.page-head p {
        margin-bottom: 16px !important;
        font-size: 16px !important;
        line-height: 1.62 !important;
    }

    html body .bhp-root section.page-head::after {
        background-size:
            44px 44px,
            44px 44px,
            280% 100% !important;

        opacity: .40 !important;
    }
}

/* رعایت تنظیم کاهش حرکت دستگاه */
@media (prefers-reduced-motion: reduce) {
    html body .bhp-root section.page-head,
    html body .bhp-root section.page-head::before,
    html body .bhp-root section.page-head::after,
    html body .bhp-root section.page-head *,
    html body .bhp-root section.page-head *::before,
    html body .bhp-root section.page-head *::after {
        animation: none !important;
    }
}/* FIX PAGE HEAD MOBILE + BLACK CALL US TEXT */
@media (max-width: 960px) {

    html body .bhp-root section.page-head:has(> .page-head-art) {
        display: block !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0 !important;
        width: 100% !important;
    }

    html body .bhp-root section.page-head:has(> .page-head-art) > div {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        grid-column: 1 / -1 !important;
    }

    html body .bhp-root section.page-head h1,
    html body .bhp-root section.page-head p {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    html body .bhp-root section.page-head .page-head-art {
        display: none !important;
    }

    html body .bhp-root header.bhp-nav a.mobile-call-us-btn,
    html body .bhp-root header.bhp-nav.glass-nav a.mobile-call-us-btn {
        color: #061226 !important;
        -webkit-text-fill-color: #061226 !important;
        text-shadow: none !important;
    }
}/* MOBILE PAGE-HEAD BACKGROUND EFFECT ONLY */
@media (max-width: 960px) {

    html body .bhp-root section.page-head {
        position: relative !important;
        isolation: isolate !important;
        overflow: hidden !important;

        background:
            radial-gradient(
                circle at 10% 8%,
                rgba(255,255,255,.98),
                transparent 27%
            ),
            radial-gradient(
                circle at 92% 18%,
                rgba(0,190,255,.29),
                transparent 34%
            ),
            radial-gradient(
                circle at 18% 92%,
                rgba(28,117,255,.18),
                transparent 38%
            ),
            linear-gradient(
                145deg,
                #fafdff 0%,
                #e7f7ff 42%,
                #cceeff 100%
            ) !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.95),
            inset 0 -35px 90px rgba(0,156,235,.10),
            0 20px 55px rgba(20,116,180,.10) !important;
    }

    /* ذرات نورانی و هاله‌های متحرک */
    html body .bhp-root section.page-head::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        inset: -25% !important;
        z-index: 0 !important;
        pointer-events: none !important;
        opacity: .88 !important;

        background:
            radial-gradient(
                circle at 18% 26%,
                rgba(255,255,255,.98) 0 2px,
                transparent 3px
            ),
            radial-gradient(
                circle at 74% 20%,
                rgba(0,190,255,.70) 0 2px,
                transparent 3px
            ),
            radial-gradient(
                circle at 38% 72%,
                rgba(46,122,255,.46) 0 2px,
                transparent 3px
            ),
            radial-gradient(
                circle at 20% 36%,
                rgba(0,198,255,.26),
                transparent 19%
            ),
            radial-gradient(
                circle at 76% 54%,
                rgba(60,120,255,.18),
                transparent 23%
            ),
            radial-gradient(
                circle at 48% 88%,
                rgba(255,255,255,.90),
                transparent 18%
            ) !important;

        background-size:
            92px 92px,
            128px 128px,
            154px 154px,
            auto,
            auto,
            auto !important;

        mix-blend-mode: screen !important;
        transform: translate3d(-5%, -2%, 0) scale(1.04);
        will-change: transform, opacity;

        animation:
            bhpMobilePageAurora 11s
            ease-in-out infinite alternate !important;
    }

    /* شبکه تکنولوژی و نور عبوری */
    html body .bhp-root section.page-head::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 1 !important;
        pointer-events: none !important;
        opacity: .68 !important;

        background:
            linear-gradient(
                108deg,
                transparent 18%,
                transparent 34%,
                rgba(255,255,255,.12) 40%,
                rgba(255,255,255,.88) 48%,
                rgba(39,193,255,.28) 54%,
                transparent 65%,
                transparent 100%
            ),
            repeating-linear-gradient(
                90deg,
                rgba(10,132,205,.09) 0 1px,
                transparent 1px 54px
            ),
            repeating-linear-gradient(
                0deg,
                rgba(10,132,205,.08) 0 1px,
                transparent 1px 54px
            ) !important;

        background-size:
            280% 100%,
            54px 54px,
            54px 54px !important;

        background-position:
            160% 0,
            0 0,
            0 0;

        -webkit-mask-image:
            linear-gradient(
                180deg,
                rgba(0,0,0,.70),
                #000 18%,
                #000 82%,
                rgba(0,0,0,.55)
            ) !important;

        mask-image:
            linear-gradient(
                180deg,
                rgba(0,0,0,.70),
                #000 18%,
                #000 82%,
                rgba(0,0,0,.55)
            ) !important;

        will-change: background-position, opacity;

        animation:
            bhpMobilePageScan 10s
            linear infinite !important;
    }

    /* محتوا همیشه روی افکت باقی می‌مونه */
    html body .bhp-root section.page-head > * {
        position: relative !important;
        z-index: 3 !important;
    }
}

@keyframes bhpMobilePageAurora {
    0% {
        transform:
            translate3d(-6%, -3%, 0)
            scale(1.03);
        opacity: .68;
    }

    50% {
        transform:
            translate3d(3%, 4%, 0)
            scale(1.10);
        opacity: .96;
    }

    100% {
        transform:
            translate3d(8%, -2%, 0)
            scale(1.05);
        opacity: .78;
    }
}

@keyframes bhpMobilePageScan {
    0% {
        background-position:
            160% 0,
            0 0,
            0 0;
    }

    100% {
        background-position:
            -90% 0,
            54px 54px,
            -54px 54px;
    }
}/* MOBILE PAGE-HEAD — VISIBLE NETWORK + GRID + SHINE */
@media (max-width: 960px) {

    html body .bhp-root section.page-head {
        position: relative !important;
        isolation: isolate !important;
        overflow: hidden !important;

        background:
            radial-gradient(
                circle at 12% 12%,
                rgba(255,255,255,.96),
                transparent 27%
            ),
            radial-gradient(
                circle at 88% 20%,
                rgba(0,190,255,.32),
                transparent 33%
            ),
            radial-gradient(
                circle at 22% 88%,
                rgba(20,112,255,.20),
                transparent 38%
            ),
            linear-gradient(
                145deg,
                #fbfdff 0%,
                #e4f6ff 47%,
                #c8ebff 100%
            ) !important;
    }

    /* نودها و خطوط متحرک شبکه */
    html body .bhp-root section.page-head::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        inset: -12% !important;
        z-index: 0 !important;
        pointer-events: none !important;
        opacity: .92 !important;

        background:
            radial-gradient(
                circle,
                rgba(255,255,255,1) 0 2px,
                rgba(0,190,255,.72) 3px,
                transparent 6px
            ) 7px 10px / 88px 88px,

            radial-gradient(
                circle,
                rgba(20,126,255,.88) 0 2px,
                rgba(20,126,255,.22) 3px,
                transparent 7px
            ) 42px 51px / 126px 112px,

            linear-gradient(
                32deg,
                transparent 49.45%,
                rgba(8,145,222,.20) 49.7%,
                rgba(8,145,222,.20) 50.3%,
                transparent 50.55%
            ) 0 0 / 152px 112px,

            linear-gradient(
                -28deg,
                transparent 49.5%,
                rgba(0,185,255,.17) 49.75%,
                rgba(0,185,255,.17) 50.25%,
                transparent 50.5%
            ) 0 0 / 174px 126px !important;

        filter:
            drop-shadow(0 0 7px rgba(0,183,255,.38)) !important;

        transform:
            translate3d(-3%, -2%, 0) scale(1.04);

        will-change:
            transform, background-position, opacity;

        animation:
            bhpMobileNetworkMove 8s
            ease-in-out infinite alternate !important;

        animation-play-state: running !important;
    }

    /* شبکه مربعی و درخشش عبوری */
    html body .bhp-root section.page-head::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 1 !important;
        pointer-events: none !important;
        opacity: .82 !important;

        background:
            linear-gradient(
                108deg,
                transparent 12%,
                transparent 33%,
                rgba(255,255,255,.12) 38%,
                rgba(255,255,255,.98) 47%,
                rgba(36,198,255,.42) 52%,
                transparent 62%,
                transparent 100%
            ),

            repeating-linear-gradient(
                90deg,
                rgba(8,129,201,.13) 0 1px,
                transparent 1px 46px
            ),

            repeating-linear-gradient(
                0deg,
                rgba(8,129,201,.12) 0 1px,
                transparent 1px 46px
            ) !important;

        background-size:
            240% 100%,
            46px 46px,
            46px 46px !important;

        background-position:
            145% 0,
            0 0,
            0 0;

        -webkit-mask-image:
            linear-gradient(
                180deg,
                rgba(0,0,0,.70),
                #000 14%,
                #000 88%,
                rgba(0,0,0,.58)
            ) !important;

        mask-image:
            linear-gradient(
                180deg,
                rgba(0,0,0,.70),
                #000 14%,
                #000 88%,
                rgba(0,0,0,.58)
            ) !important;

        will-change:
            background-position, opacity;

        animation:
            bhpMobileGridShine 5.8s
            linear infinite !important;

        animation-play-state: running !important;
    }

    html body .bhp-root section.page-head > * {
        position: relative !important;
        z-index: 3 !important;
    }

    /* Keep every mobile breadcrumb inside its own visible row. */
    html body .bhp-root .crumbs {
        position: relative !important;
        z-index: 12 !important;
        transform: none !important;
    }

    /* The Web Design breadcrumb also lives inside an overflow-hidden wrapper. */
    html body .bhp-root .wdlg > .bhp-web-design-crumbs {
        transform: none !important;
    }
}

@keyframes bhpMobileNetworkMove {
    0% {
        transform:
            translate3d(-5%, -3%, 0)
            scale(1.03);

        background-position:
            7px 10px,
            42px 51px,
            0 0,
            0 0;

        opacity: .72;
    }

    50% {
        transform:
            translate3d(2%, 3%, 0)
            scale(1.08);

        background-position:
            50px 42px,
            5px 18px,
            42px 24px,
            -36px 30px;

        opacity: 1;
    }

    100% {
        transform:
            translate3d(7%, -1%, 0)
            scale(1.05);

        background-position:
            88px 76px,
            -34px -8px,
            82px 48px,
            -74px 62px;

        opacity: .82;
    }
}

@keyframes bhpMobileGridShine {
    0% {
        background-position:
            145% 0,
            0 0,
            0 0;

        opacity: .64;
    }

    45% {
        opacity: .92;
    }

    100% {
        background-position:
            -105% 0,
            46px 46px,
            -46px 46px;

        opacity: .70;
    }
}/* SERVICE + PROJECT DETAIL — NETWORK, GRID AND SHINE */

html body .bhp-root section.detail.premium-detail {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    min-height: 0 !important;

    background:
        radial-gradient(
            circle at 10% 10%,
            rgba(255,255,255,.98),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 18%,
            rgba(0,190,255,.29),
            transparent 34%
        ),
        radial-gradient(
            circle at 18% 92%,
            rgba(20,112,255,.18),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            #fbfdff 0%,
            #e5f6ff 48%,
            #c9ecff 100%
        ) !important;

    border-top:
        1px solid rgba(255,255,255,.96) !important;

    border-bottom:
        1px solid rgba(20,132,207,.20) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.96),
        inset 0 -35px 90px rgba(0,156,235,.10) !important;
}

/* نودها و خطوط متحرک شبکه */
html body .bhp-root section.detail.premium-detail::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: -12% !important;
    z-index: 0 !important;
    pointer-events: none !important;
    opacity: .92 !important;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,1) 0 2px,
            rgba(0,190,255,.74) 3px,
            transparent 6px
        ) 7px 10px / 88px 88px,

        radial-gradient(
            circle,
            rgba(20,126,255,.90) 0 2px,
            rgba(20,126,255,.24) 3px,
            transparent 7px
        ) 42px 51px / 126px 112px,

        linear-gradient(
            32deg,
            transparent 49.45%,
            rgba(8,145,222,.21) 49.7%,
            rgba(8,145,222,.21) 50.3%,
            transparent 50.55%
        ) 0 0 / 152px 112px,

        linear-gradient(
            -28deg,
            transparent 49.5%,
            rgba(0,185,255,.18) 49.75%,
            rgba(0,185,255,.18) 50.25%,
            transparent 50.5%
        ) 0 0 / 174px 126px !important;

    filter:
        drop-shadow(0 0 7px rgba(0,183,255,.40)) !important;

    transform:
        translate3d(-3%, -2%, 0) scale(1.04);

    will-change:
        transform, background-position, opacity;

    animation:
        bhpDetailNetworkMove 8s
        ease-in-out infinite alternate !important;

    animation-play-state: running !important;
}

/* شبکه و درخشش عبوری */
html body .bhp-root section.detail.premium-detail::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    z-index: 1 !important;
    pointer-events: none !important;
    opacity: .82 !important;

    background:
        linear-gradient(
            108deg,
            transparent 12%,
            transparent 33%,
            rgba(255,255,255,.12) 38%,
            rgba(255,255,255,.98) 47%,
            rgba(36,198,255,.42) 52%,
            transparent 62%,
            transparent 100%
        ),

        repeating-linear-gradient(
            90deg,
            rgba(8,129,201,.13) 0 1px,
            transparent 1px 46px
        ),

        repeating-linear-gradient(
            0deg,
            rgba(8,129,201,.12) 0 1px,
            transparent 1px 46px
        ) !important;

    background-size:
        240% 100%,
        46px 46px,
        46px 46px !important;

    background-position:
        145% 0,
        0 0,
        0 0;

    -webkit-mask-image:
        linear-gradient(
            180deg,
            rgba(0,0,0,.70),
            #000 14%,
            #000 88%,
            rgba(0,0,0,.58)
        ) !important;

    mask-image:
        linear-gradient(
            180deg,
            rgba(0,0,0,.70),
            #000 14%,
            #000 88%,
            rgba(0,0,0,.58)
        ) !important;

    will-change:
        background-position, opacity;

    animation:
        bhpDetailGridShine 5.8s
        linear infinite !important;

    animation-play-state: running !important;
}

/* محتوا و عکس بالای افکت باقی بمونن */
html body .bhp-root section.detail.premium-detail > * {
    position: relative !important;
    z-index: 3 !important;
}

/* خط متحرک زیر عنوان */
html body .bhp-root section.detail.premium-detail h1::after {
    width: 112px !important;
    height: 3px !important;

    background:
        linear-gradient(
            90deg,
            #0b74ff,
            #19d8ff 62%,
            transparent
        ) !important;

    box-shadow:
        0 0 18px rgba(0,183,255,.48) !important;

    transform-origin: left center !important;

    animation:
        bhpDetailTitleLine 3.6s
        ease-in-out infinite !important;
}

/* اصلاح قطعی موبایل */
@media (max-width: 960px) {

    html body .bhp-root section.detail.premium-detail {
        display: grid !important;
        grid-template-columns:
            minmax(0, 1fr) !important;

        gap: 28px !important;
        width: 100% !important;
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }

    html body .bhp-root section.detail.premium-detail > div {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        grid-column: 1 / -1 !important;
    }

    html body .bhp-root section.detail.premium-detail h1,
    html body .bhp-root section.detail.premium-detail p {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    html body .bhp-root section.detail.premium-detail .detail-visual {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        grid-column: 1 / -1 !important;
    }
}

@keyframes bhpDetailNetworkMove {
    0% {
        transform:
            translate3d(-5%, -3%, 0)
            scale(1.03);

        background-position:
            7px 10px,
            42px 51px,
            0 0,
            0 0;

        opacity: .72;
    }

    50% {
        transform:
            translate3d(2%, 3%, 0)
            scale(1.08);

        background-position:
            50px 42px,
            5px 18px,
            42px 24px,
            -36px 30px;

        opacity: 1;
    }

    100% {
        transform:
            translate3d(7%, -1%, 0)
            scale(1.05);

        background-position:
            88px 76px,
            -34px -8px,
            82px 48px,
            -74px 62px;

        opacity: .82;
    }
}

@keyframes bhpDetailGridShine {
    0% {
        background-position:
            145% 0,
            0 0,
            0 0;

        opacity: .64;
    }

    45% {
        opacity: .92;
    }

    100% {
        background-position:
            -105% 0,
            46px 46px,
            -46px 46px;

        opacity: .70;
    }
}

@keyframes bhpDetailTitleLine {
    0%,
    100% {
        transform: scaleX(.55);
        opacity: .62;
    }

    50% {
        transform: scaleX(1);
        opacity: 1;
    }
}/* SOFTER DETAIL BACKGROUND EFFECT — MOBILE */
@media (max-width: 960px) {

    /* نودها و خطوط ارتباطی */
    html body .bhp-root section.detail.premium-detail::before {
        opacity: .20 !important;
        filter: drop-shadow(
            0 0 3px rgba(0,183,255,.16)
        ) !important;
        animation-duration: 13s !important;
    }

    /* شبکه و نور عبوری */
    html body .bhp-root section.detail.premium-detail::after {
        opacity: .26 !important;
        animation-duration: 8.5s !important;
    }

    /* پس‌زمینه روشن‌تر و آرام‌تر */
    html body .bhp-root section.detail.premium-detail {
        background:
            radial-gradient(
                circle at 88% 18%,
                rgba(0,190,255,.15),
                transparent 35%
            ),
            radial-gradient(
                circle at 18% 92%,
                rgba(20,112,255,.09),
                transparent 40%
            ),
            linear-gradient(
                145deg,
                #fbfdff 0%,
                #eef9ff 50%,
                #dcf3ff 100%
            ) !important;
    }
}/* Service images — exact original aspect ratios */
html body .bhp-root .services-section
.service-grid > .service-card.service-dynamic-card {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

/* Web Design — 275 × 374 */
html body .bhp-root .services-section
.service-grid > .service-card.service-dynamic-card:nth-child(1) {
    aspect-ratio: 275 / 374 !important;
}

/* Marketing — 275 × 375 */
html body .bhp-root .services-section
.service-grid > .service-card.service-dynamic-card:nth-child(2) {
    aspect-ratio: 275 / 375 !important;
}

/* Startup Strategy + AI — 275 × 376 */
html body .bhp-root .services-section
.service-grid > .service-card.service-dynamic-card:nth-child(3),
html body .bhp-root .services-section
.service-grid > .service-card.service-dynamic-card:nth-child(4) {
    aspect-ratio: 275 / 376 !important;
}/* FINAL MOBILE SERVICE IMAGE FIX */
@media screen and (max-width: 960px) {

    html body .bhp-root section.services-section.premium-services
    div.service-grid > a.service-card.service-dynamic-card {
        display: block !important;
        position: relative !important;
        width: auto !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: auto !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #031126 !important;
    }

    /* Web Design: 275 × 374 */
    html body .bhp-root section.services-section.premium-services
    div.service-grid > a.service-card.service-dynamic-card:nth-child(1) {
        padding-top: 136% !important;
    }

    /* Marketing: 275 × 375 */
    html body .bhp-root section.services-section.premium-services
    div.service-grid > a.service-card.service-dynamic-card:nth-child(2) {
        padding-top: 136.3637% !important;
    }

    /* Startup + AI: 275 × 376 */
    html body .bhp-root section.services-section.premium-services
    div.service-grid > a.service-card.service-dynamic-card:nth-child(3),
    html body .bhp-root section.services-section.premium-services
    div.service-grid > a.service-card.service-dynamic-card:nth-child(4) {
        padding-top: 136.7273% !important;
    }

    html body .bhp-root section.services-section.premium-services
    div.service-grid > a.service-card.service-dynamic-card
    > div.img.service-img-dynamic {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        aspect-ratio: auto !important;
        overflow: hidden !important;
    }

    html body .bhp-root section.services-section.premium-services
    div.service-grid > a.service-card.service-dynamic-card
    > div.img.service-img-dynamic::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        opacity: 1 !important;
        background-color: #031126 !important;
        background-image: var(--bhp-service-img) !important;
        background-size: 100% 100% !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        transform: none !important;
    }

    /* حذف کامل نوشته‌ها و نقطه‌های موبایل */
    html body .bhp-root section.services-section.premium-services
    div.service-grid > a.service-card.service-dynamic-card > .glass,
    html body .bhp-root section.services-section.premium-services
    div.service-grid > a.service-card.service-dynamic-card > .glass * {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    html body .bhp-root section.services-section.premium-services
    div.service-grid > a.service-card.service-dynamic-card::after {
        content: none !important;
        display: none !important;
    }
}/* FAQ ICON — ENCODING SAFE */
html body .bhp-root section.bhp-faq-section
div.bhp-faq-grid details > summary::after {
    content: "+" !important;
}

html body .bhp-root section.bhp-faq-section
div.bhp-faq-grid details[open] > summary::after {
    content: "\2212" !important;
}/* DESKTOP ONLY — calmer detail background, mobile unchanged */
@media (min-width: 961px) {
    html body .bhp-root section.detail.premium-detail::before {
        opacity: .26 !important;
        filter: drop-shadow(0 0 3px rgba(0,183,255,.18)) !important;
        animation-duration: 26s !important;
        animation-timing-function: ease-in-out !important;
    }

    html body .bhp-root section.detail.premium-detail::after {
        opacity: .20 !important;
        animation-duration: 20s !important;
    }
}

/* HOME HERO — optional video, existing image fallback, image visible on mobile */
html body .bhp-root .hero-visual.has-hero-video{
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate!important;
}

html body .bhp-root .hero-visual.has-hero-video > img{
    position:relative!important;
    z-index:0!important;
}

html body .bhp-root .hero-visual.has-hero-video > video.bhp-hero-video{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    background:transparent!important;
    pointer-events:none!important;
}

html body .bhp-root .hero-visual.has-hero-video > video.bhp-hero-video.is-failed{
    display:none!important;
}

@media(max-width:960px){
    html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-visual{
        display:block!important;
        position:relative!important;
        right:auto!important;
        bottom:auto!important;
        width:100%!important;
        max-width:560px!important;
        height:auto!important;
        min-height:0!important;
        aspect-ratio:500 / 333!important;
        margin:24px auto 0!important;
    }

    html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-visual::before,
    html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-visual::after{
        display:none!important;
    }

    html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-visual > img{
        display:block!important;
        position:absolute!important;
        inset:0!important;
        z-index:0!important;
        width:100%!important;
        height:100%!important;
        object-fit:contain!important;
    }

    html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-visual > video.bhp-hero-video{
        object-fit:cover!important;
    }

    html body .bhp-root section.hero.hero-premium.bhp-home-gap-final + section.hero-proof-strip{
        margin-top:0!important;
    }
}

/* MOBILE CONTENT PARITY — keep the information that exists on desktop visible. */
@media (max-width:960px){
    html body .bhp-root section.hero.hero-premium .slide.on > span,
    html body .bhp-root section.hero.hero-premium .slide.on > h1,
    html body .bhp-root section.hero.hero-premium .slide.on > p,
    html body .bhp-root section.hero.hero-premium .slide.on > .hero-actions{
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
    }

    html body .bhp-root section.hero.hero-premium .slide.on > .hero-actions{
        display:grid!important;
    }

    html body .bhp-root .projects .portfolio-card .project-img span,
    html body .bhp-root .premium-projects .portfolio-card .project-img span,
    html body .bhp-root .portfolio-card.portfolio-dynamic-card .project-img span{
        display:block!important;
        position:absolute!important;
        z-index:9!important;
        left:12px!important;
        right:12px!important;
        bottom:58px!important;
        color:rgba(255,255,255,.82)!important;
        font-size:8px!important;
        line-height:1.25!important;
        letter-spacing:2px!important;
        text-transform:uppercase!important;
        text-shadow:0 2px 10px rgba(0,0,0,.7)!important;
    }
}

/* BHP SiteKit V1.1.88 — site H2 headings reduced by about 30% only */
html body .bhp-root h2{
    font-size:34px!important;
    line-height:1.08!important;
}

@media(max-width:960px){
    html body .bhp-root h2{
        font-size:25px!important;
        line-height:1.1!important;
    }
}

/* BHP SiteKit V1.2.23 — compact mobile action row: Call, Get Quote, WhatsApp, Menu */
@media(min-width:761px){
  html body .bhp-root header.bhp-nav a.mobile-quote-btn,
  html body a.mobile-quote-btn{
    display:none!important;
  }
}

@media(max-width:760px){
  html body .bhp-root header.bhp-nav.glass-nav{
    display:flex!important;
    align-items:center!important;
    gap:3px!important;
    height:64px!important;
    padding:0 7px!important;
    overflow:visible!important;
  }

  html body .bhp-root header.bhp-nav.glass-nav > .logo{
    flex:0 1 82px!important;
    width:82px!important;
    min-width:58px!important;
    max-width:82px!important;
    margin:0 auto 0 0!important;
    overflow:hidden!important;
  }

  html body .bhp-root header.bhp-nav.glass-nav > .logo img,
  html body .bhp-root header.bhp-nav.glass-nav > .logo:hover img{
    width:82px!important;
    max-width:82px!important;
    height:33px!important;
    object-fit:contain!important;
  }

  html body .bhp-root header.bhp-nav a.mobile-call-us-btn,
  html body .bhp-root header.bhp-nav a.mobile-quote-btn,
  html body .bhp-root header.bhp-nav a.mobile-wa-btn,
  html body .bhp-root header.bhp-nav button.burger{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    flex:0 0 auto!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    transform:none!important;
    border:1px solid rgba(255,255,255,.76)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.40)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 7px 18px rgba(18,92,150,.11)!important;
    backdrop-filter:blur(14px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(14px) saturate(135%)!important;
    color:#07304f!important;
    -webkit-text-fill-color:#07304f!important;
    text-shadow:none!important;
    line-height:1!important;
    white-space:nowrap!important;
    z-index:155!important;
  }

  html body .bhp-root header.bhp-nav a.mobile-call-us-btn{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    font-size:8.5px!important;
    font-weight:900!important;
    letter-spacing:.25px!important;
  }

  html body .bhp-root header.bhp-nav a.mobile-quote-btn{
    width:57px!important;
    min-width:57px!important;
    max-width:57px!important;
    font-size:8px!important;
    font-weight:900!important;
    letter-spacing:.15px!important;
    background:linear-gradient(135deg,#0b78e8,#10b9ef)!important;
    border-color:rgba(255,255,255,.44)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 9px 22px rgba(5,135,226,.24),inset 0 1px 0 rgba(255,255,255,.28)!important;
  }

  html body .bhp-root header.bhp-nav a.mobile-wa-btn{
    width:35px!important;
    min-width:35px!important;
    max-width:35px!important;
    color:#08a657!important;
    -webkit-text-fill-color:#08a657!important;
  }

  html body .bhp-root header.bhp-nav a.mobile-wa-btn svg{
    display:block!important;
    width:19px!important;
    height:19px!important;
    margin:0!important;
  }

  html body .bhp-root header.bhp-nav button.burger{
    width:37px!important;
    min-width:37px!important;
    max-width:37px!important;
    font-size:18px!important;
    cursor:pointer!important;
  }

  html body .bhp-root header.bhp-nav a.mobile-call-us-btn::before,
  html body .bhp-root header.bhp-nav a.mobile-call-us-btn::after,
  html body .bhp-root header.bhp-nav a.mobile-quote-btn::before,
  html body .bhp-root header.bhp-nav a.mobile-quote-btn::after,
  html body .bhp-root header.bhp-nav a.mobile-wa-btn::before,
  html body .bhp-root header.bhp-nav a.mobile-wa-btn::after,
  html body .bhp-root header.bhp-nav button.burger::before,
  html body .bhp-root header.bhp-nav button.burger::after{
    content:none!important;
    display:none!important;
  }

  .bhp-mobile-header-spacer{
    height:68px!important;
  }
}

/* BHP SiteKit V1.3.33 — show only the larger, horizontally centered project name. */
html body .bhp-root .portfolio-card.portfolio-dynamic-card > h3{
  display:block!important;
  left:22px!important;
  right:22px!important;
  bottom:28px!important;
  margin:0!important;
  width:auto!important;
  font-size:26px!important;
  line-height:1.12!important;
  text-align:center!important;
}
html body .bhp-root .portfolio-card.portfolio-dynamic-card > p,
html body .bhp-root .portfolio-card.portfolio-dynamic-card .project-img > span,
html body .bhp-root .portfolio-card.portfolio-dynamic-card .project-img > b{
  display:none!important;
}

/* BHP SiteKit V1.3.34 — keep mobile project names centered without oversized type. */
@media(max-width:760px){
  html body .bhp-root .portfolio-card.portfolio-dynamic-card > h3{
    font-size:19px!important;
    line-height:1.1!important;
    text-align:center!important;
  }
}

@media(max-width:350px){
  html body .bhp-root header.bhp-nav.glass-nav > .logo{
    flex-basis:65px!important;
    width:65px!important;
    max-width:65px!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav > .logo img{
    width:65px!important;
    max-width:65px!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-quote-btn{
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    font-size:7.5px!important;
  }
}

/* BHP SiteKit V1.2.26 — premium mobile action rail */
@media(max-width:760px){
  html body .bhp-root header.bhp-nav.glass-nav{
    top:4px!important;
    left:4px!important;
    right:4px!important;
    height:66px!important;
    min-height:66px!important;
    padding:3px!important;
    gap:4px!important;
    border:1px solid rgba(255,255,255,.84)!important;
    border-radius:20px!important;
    background:linear-gradient(110deg,rgba(250,254,255,.97),rgba(204,238,255,.87) 52%,rgba(172,225,250,.90))!important;
    box-shadow:0 16px 38px rgba(7,77,130,.20),inset 0 1px 0 rgba(255,255,255,.98)!important;
  }

  html body .bhp-root header.bhp-nav.glass-nav > .logo{
    flex:0 1 128px!important;
    width:128px!important;
    min-width:72px!important;
    max-width:128px!important;
    height:58px!important;
    padding:0 8px!important;
    margin:0 auto 0 0!important;
    border:1px solid rgba(43,142,204,.17)!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(234,249,255,.48))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 7px 16px rgba(20,104,160,.06)!important;
  }

  html body .bhp-root header.bhp-nav.glass-nav > .logo img,
  html body .bhp-root header.bhp-nav.glass-nav > .logo:hover img{
    width:112px!important;
    max-width:112px!important;
    height:52px!important;
    object-position:left center!important;
  }

  html body .bhp-root header.bhp-nav a.mobile-call-us-btn,
  html body .bhp-root header.bhp-nav a.mobile-quote-btn,
  html body .bhp-root header.bhp-nav a.mobile-wa-btn,
  html body .bhp-root header.bhp-nav button.burger{
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0!important;
    border-radius:16px!important;
    border:1px solid rgba(255,255,255,.68)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.70),0 8px 18px rgba(10,82,136,.12)!important;
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
  }

  html body .bhp-root header.bhp-nav a.mobile-call-us-btn:active,
  html body .bhp-root header.bhp-nav a.mobile-quote-btn:active,
  html body .bhp-root header.bhp-nav a.mobile-wa-btn:active,
  html body .bhp-root header.bhp-nav button.burger:active{
    transform:scale(.94)!important;
    filter:brightness(.96)!important;
  }

  html body .bhp-root header.bhp-nav a.mobile-call-us-btn{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
    background:linear-gradient(145deg,#f9fdff,#cdefff)!important;
    color:#0b4169!important;
    -webkit-text-fill-color:#0b4169!important;
    font-size:8px!important;
    font-weight:950!important;
    letter-spacing:.15px!important;
  }

  html body .bhp-root header.bhp-nav a.mobile-call-us-btn::before{
    content:"☎"!important;
    display:block!important;
    color:#0875bd!important;
    font-size:16px!important;
    line-height:13px!important;
    font-weight:900!important;
  }

  html body .bhp-root header.bhp-nav a.mobile-quote-btn{
    width:70px!important;
    min-width:70px!important;
    max-width:70px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:1px!important;
    background:linear-gradient(135deg,#087ae9 0%,#10b7ef 62%,#74e8ff 100%)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:8px!important;
    font-weight:950!important;
    letter-spacing:.08px!important;
    text-shadow:0 1px 7px rgba(0,61,145,.24)!important;
    box-shadow:0 10px 22px rgba(0,133,230,.28),inset 0 1px 0 rgba(255,255,255,.35)!important;
  }

  html body .bhp-root header.bhp-nav a.mobile-quote-btn::before{
    content:"✦"!important;
    display:block!important;
    color:#dffaff!important;
    font-size:14px!important;
    line-height:12px!important;
  }

  html body .bhp-root header.bhp-nav a.mobile-wa-btn{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    background:linear-gradient(145deg,#f0fff6,#c7f8d9)!important;
    border-color:rgba(69,196,110,.33)!important;
    box-shadow:0 8px 18px rgba(33,156,78,.13),inset 0 1px 0 rgba(255,255,255,.94)!important;
  }

  html body .bhp-root header.bhp-nav a.mobile-wa-btn svg{
    width:27px!important;
    height:27px!important;
    color:#0baf5c!important;
    filter:drop-shadow(0 2px 3px rgba(16,132,69,.15));
  }

  html body .bhp-root header.bhp-nav button.burger{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    background:linear-gradient(145deg,#0a3157,#09507c)!important;
    color:#dff8ff!important;
    font-size:25px!important;
    line-height:1!important;
    box-shadow:0 10px 22px rgba(4,45,82,.24),inset 0 1px 0 rgba(166,234,255,.22)!important;
  }

  .bhp-mobile-header-spacer{
    height:72px!important;
  }
}

@media(max-width:350px){
  html body .bhp-root header.bhp-nav.glass-nav > .logo{
    flex-basis:78px!important;
    width:78px!important;
    min-width:62px!important;
    max-width:78px!important;
    padding:0 4px!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav > .logo img{
    width:70px!important;
    max-width:70px!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-quote-btn{
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    font-size:7.3px!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-wa-btn,
  html body .bhp-root header.bhp-nav button.burger{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
  }
}

/* BHP SiteKit V1.2.25 — remove legacy desktop CTAs from the mobile header */
@media(max-width:760px){
  html body .bhp-root header.bhp-nav.glass-nav > a.call-cta,
  html body .bhp-root header.bhp-nav > a.call-cta,
  html body .bhp-root header.bhp-nav.glass-nav > a.quote,
  html body .bhp-root header.bhp-nav > a.quote{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    position:absolute!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  html body .bhp-root header.bhp-nav > a.call-cta::before,
  html body .bhp-root header.bhp-nav > a.call-cta::after,
  html body .bhp-root header.bhp-nav > a.quote::before,
  html body .bhp-root header.bhp-nav > a.quote::after{
    content:none!important;
    display:none!important;
  }
}

/* BHP SiteKit V1.2.24 — finger-size mobile header, 2px outer spacing */
@media(max-width:760px){
  html body .bhp-root header.bhp-nav.glass-nav{
    top:2px!important;
    left:2px!important;
    right:2px!important;
    width:auto!important;
    height:58px!important;
    min-height:58px!important;
    padding:2px!important;
    gap:2px!important;
    border-radius:14px!important;
  }

  html body .bhp-root header.bhp-nav.glass-nav > .logo{
    flex:0 1 96px!important;
    width:96px!important;
    min-width:60px!important;
    max-width:96px!important;
    height:52px!important;
    margin:0 auto 0 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }

  html body .bhp-root header.bhp-nav.glass-nav > .logo img,
  html body .bhp-root header.bhp-nav.glass-nav > .logo:hover img{
    width:96px!important;
    max-width:96px!important;
    height:50px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  html body .bhp-root header.bhp-nav a.mobile-call-us-btn,
  html body .bhp-root header.bhp-nav a.mobile-quote-btn,
  html body .bhp-root header.bhp-nav a.mobile-wa-btn,
  html body .bhp-root header.bhp-nav button.burger{
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    border-radius:12px!important;
    flex-shrink:0!important;
    position:relative!important;
    inset:auto!important;
    margin:0!important;
  }

  html body .bhp-root header.bhp-nav a.mobile-call-us-btn{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    font-size:10px!important;
    letter-spacing:.25px!important;
  }

  html body .bhp-root header.bhp-nav a.mobile-quote-btn{
    width:66px!important;
    min-width:66px!important;
    max-width:66px!important;
    font-size:9.2px!important;
    letter-spacing:.1px!important;
  }

  html body .bhp-root header.bhp-nav a.mobile-wa-btn{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    background:rgba(228,255,239,.76)!important;
  }

  html body .bhp-root header.bhp-nav a.mobile-wa-btn svg{
    width:25px!important;
    height:25px!important;
  }

  html body .bhp-root header.bhp-nav button.burger{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    font-size:23px!important;
  }

  .bhp-mobile-header-spacer{
    height:62px!important;
  }
}

@media(max-width:350px){
  html body .bhp-root header.bhp-nav.glass-nav > .logo{
    flex-basis:72px!important;
    width:72px!important;
    min-width:56px!important;
    max-width:72px!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav > .logo img{
    width:72px!important;
    max-width:72px!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-quote-btn{
    width:60px!important;
    min-width:60px!important;
    max-width:60px!important;
    font-size:8.4px!important;
  }
}

/* BHP SiteKit V1.2.26 final cascade — premium mobile action rail */
@media(max-width:760px){
  html body .bhp-root header.bhp-nav.glass-nav{
    top:4px!important;left:4px!important;right:4px!important;width:auto!important;
    height:66px!important;min-height:66px!important;padding:3px!important;gap:4px!important;
    border:1px solid rgba(255,255,255,.84)!important;border-radius:20px!important;
    background:linear-gradient(110deg,rgba(250,254,255,.97),rgba(204,238,255,.87) 52%,rgba(172,225,250,.90))!important;
    box-shadow:0 16px 38px rgba(7,77,130,.20),inset 0 1px 0 rgba(255,255,255,.98)!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav > .logo{
    flex:0 1 128px!important;width:128px!important;min-width:72px!important;max-width:128px!important;
    height:58px!important;padding:0 8px!important;margin:0 auto 0 0!important;
    border:1px solid rgba(43,142,204,.17)!important;border-radius:16px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(234,249,255,.48))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 7px 16px rgba(20,104,160,.06)!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav > .logo img,
  html body .bhp-root header.bhp-nav.glass-nav > .logo:hover img{
    width:112px!important;max-width:112px!important;height:52px!important;object-position:left center!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-call-us-btn,
  html body .bhp-root header.bhp-nav a.mobile-quote-btn,
  html body .bhp-root header.bhp-nav a.mobile-wa-btn,
  html body .bhp-root header.bhp-nav button.burger{
    height:58px!important;min-height:58px!important;max-height:58px!important;margin:0!important;
    border:1px solid rgba(255,255,255,.68)!important;border-radius:16px!important;flex-shrink:0!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.70),0 8px 18px rgba(10,82,136,.12)!important;
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-call-us-btn:active,
  html body .bhp-root header.bhp-nav a.mobile-quote-btn:active,
  html body .bhp-root header.bhp-nav a.mobile-wa-btn:active,
  html body .bhp-root header.bhp-nav button.burger:active{transform:scale(.94)!important;filter:brightness(.96)!important;}
  html body .bhp-root header.bhp-nav a.mobile-call-us-btn{
    width:44px!important;min-width:44px!important;max-width:44px!important;display:flex!important;flex-direction:column!important;gap:2px!important;
    background:linear-gradient(145deg,#f9fdff,#cdefff)!important;color:#0b4169!important;-webkit-text-fill-color:#0b4169!important;
    font-size:8px!important;font-weight:950!important;letter-spacing:.15px!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-call-us-btn::before{
    content:"☎"!important;display:block!important;color:#0875bd!important;font-size:16px!important;line-height:13px!important;font-weight:900!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-quote-btn{
    width:70px!important;min-width:70px!important;max-width:70px!important;display:flex!important;flex-direction:column!important;gap:1px!important;
    background:linear-gradient(135deg,#087ae9 0%,#10b7ef 62%,#74e8ff 100%)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
    font-size:8px!important;font-weight:950!important;letter-spacing:.08px!important;text-shadow:0 1px 7px rgba(0,61,145,.24)!important;
    box-shadow:0 10px 22px rgba(0,133,230,.28),inset 0 1px 0 rgba(255,255,255,.35)!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-quote-btn::before{
    content:"✦"!important;display:block!important;color:#dffaff!important;font-size:14px!important;line-height:12px!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-wa-btn{
    width:48px!important;min-width:48px!important;max-width:48px!important;
    background:linear-gradient(145deg,#f0fff6,#c7f8d9)!important;border-color:rgba(69,196,110,.33)!important;
    box-shadow:0 8px 18px rgba(33,156,78,.13),inset 0 1px 0 rgba(255,255,255,.94)!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-wa-btn svg{width:27px!important;height:27px!important;color:#0baf5c!important;filter:drop-shadow(0 2px 3px rgba(16,132,69,.15));}
  html body .bhp-root header.bhp-nav button.burger{
    width:48px!important;min-width:48px!important;max-width:48px!important;
    background:linear-gradient(145deg,#0a3157,#09507c)!important;color:#dff8ff!important;font-size:25px!important;line-height:1!important;
    box-shadow:0 10px 22px rgba(4,45,82,.24),inset 0 1px 0 rgba(166,234,255,.22)!important;
  }
  .bhp-mobile-header-spacer{height:72px!important;}
}
@media(max-width:350px){
  html body .bhp-root header.bhp-nav.glass-nav > .logo{flex-basis:78px!important;width:78px!important;min-width:62px!important;max-width:78px!important;padding:0 4px!important;}
  html body .bhp-root header.bhp-nav.glass-nav > .logo img{width:70px!important;max-width:70px!important;}
  html body .bhp-root header.bhp-nav a.mobile-quote-btn{width:64px!important;min-width:64px!important;max-width:64px!important;font-size:7.3px!important;}
  html body .bhp-root header.bhp-nav a.mobile-wa-btn,
  html body .bhp-root header.bhp-nav button.burger{width:44px!important;min-width:44px!important;max-width:44px!important;}
}

/* BHP SiteKit V1.2.27 — dark mobile command bar with square action tiles */
@media(max-width:760px){
  html body .bhp-root header.bhp-nav.glass-nav{
    top:4px!important;left:4px!important;right:4px!important;width:auto!important;
    height:68px!important;min-height:68px!important;padding:4px!important;gap:4px!important;
    border:1px solid rgba(70,210,255,.36)!important;border-radius:14px!important;
    background:
      radial-gradient(circle at 72% -40%,rgba(24,174,255,.36),transparent 48%),
      linear-gradient(135deg,#020914 0%,#061b31 52%,#061325 100%)!important;
    box-shadow:0 15px 34px rgba(0,10,27,.38),inset 0 1px 0 rgba(140,232,255,.16)!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav::before{
    background:linear-gradient(90deg,rgba(41,207,255,.12),transparent 46%,rgba(8,104,185,.20))!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav > .logo{
    flex:1 1 118px!important;width:auto!important;min-width:86px!important;max-width:118px!important;
    height:58px!important;padding:0 7px!important;margin:0 auto 0 0!important;
    border:1px solid rgba(142,235,255,.48)!important;border-radius:10px!important;
    background:linear-gradient(135deg,#54d7ff 0%,#2097d5 58%,#146fae 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 8px 19px rgba(0,0,0,.25)!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav > .logo img,
  html body .bhp-root header.bhp-nav.glass-nav > .logo:hover img{
    width:104px!important;max-width:100%!important;height:42px!important;object-fit:contain!important;object-position:left center!important;
    filter:none!important;opacity:1!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-call-us-btn,
  html body .bhp-root header.bhp-nav a.mobile-quote-btn,
  html body .bhp-root header.bhp-nav a.mobile-wa-btn,
  html body .bhp-root header.bhp-nav button.burger{
    width:58px!important;min-width:58px!important;max-width:58px!important;
    height:58px!important;min-height:58px!important;max-height:58px!important;
    margin:0!important;padding:0!important;border-radius:10px!important;flex-shrink:0!important;
    display:flex!important;flex-direction:column!important;gap:3px!important;align-items:center!important;justify-content:center!important;
    border:1px solid rgba(145,231,255,.32)!important;
    box-shadow:0 8px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.14)!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-call-us-btn{
    background:linear-gradient(145deg,#123b5e,#0a2139)!important;color:#b8efff!important;-webkit-text-fill-color:#b8efff!important;
    font-size:7.5px!important;font-weight:950!important;letter-spacing:.25px!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-call-us-btn::before{
    content:"☎"!important;display:block!important;color:#51d9ff!important;font-size:19px!important;line-height:15px!important;
    text-shadow:0 0 12px rgba(74,218,255,.46)!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-quote-btn{
    background:linear-gradient(145deg,#149aee,#075bbc)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
    font-size:7.2px!important;font-weight:950!important;letter-spacing:.08px!important;text-shadow:0 1px 8px rgba(0,21,74,.42)!important;
    border-color:rgba(147,238,255,.72)!important;box-shadow:0 10px 22px rgba(5,125,232,.34),inset 0 1px 0 rgba(255,255,255,.36)!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-quote-btn::before{
    content:"✦"!important;display:block!important;color:#d5fbff!important;font-size:16px!important;line-height:13px!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-wa-btn{
    background:linear-gradient(145deg,#0d6041,#073626)!important;border-color:rgba(91,239,160,.48)!important;
    box-shadow:0 8px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(160,255,208,.16)!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-wa-btn svg{
    width:29px!important;height:29px!important;color:#59eea0!important;filter:drop-shadow(0 0 8px rgba(86,244,161,.32))!important;
  }
  html body .bhp-root header.bhp-nav button.burger{
    background:linear-gradient(145deg,#182b42,#081525)!important;border-color:rgba(153,222,255,.32)!important;
    color:#a9eaff!important;font-size:27px!important;line-height:1!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-call-us-btn:active,
  html body .bhp-root header.bhp-nav a.mobile-quote-btn:active,
  html body .bhp-root header.bhp-nav a.mobile-wa-btn:active,
  html body .bhp-root header.bhp-nav button.burger:active{transform:scale(.94)!important;filter:brightness(1.15)!important;}
  .bhp-mobile-header-spacer{height:74px!important;}
}
@media(max-width:350px){
  html body .bhp-root header.bhp-nav.glass-nav > .logo{flex-basis:112px!important;min-width:86px!important;max-width:112px!important;padding:0 5px!important;}
  html body .bhp-root header.bhp-nav.glass-nav > .logo img{width:96px!important;height:38px!important;}
  html body .bhp-root header.bhp-nav a.mobile-call-us-btn,
  html body .bhp-root header.bhp-nav a.mobile-quote-btn,
  html body .bhp-root header.bhp-nav a.mobile-wa-btn,
  html body .bhp-root header.bhp-nav button.burger{width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;}
  html body .bhp-root header.bhp-nav a.mobile-quote-btn{font-size:6.5px!important;}
}

/* BHP SiteKit V1.2.28 — restore light rail, naked logo, 50px square actions */
@media(max-width:760px){
  html body .bhp-root header.bhp-nav.glass-nav{
    top:4px!important;left:4px!important;right:4px!important;width:auto!important;
    height:58px!important;min-height:58px!important;padding:3px!important;gap:3px!important;
    border:1px solid rgba(255,255,255,.84)!important;border-radius:14px!important;
    background:linear-gradient(110deg,rgba(250,254,255,.97),rgba(204,238,255,.87) 52%,rgba(172,225,250,.90))!important;
    box-shadow:0 13px 29px rgba(7,77,130,.18),inset 0 1px 0 rgba(255,255,255,.98)!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav::before{
    background:linear-gradient(90deg,rgba(0,128,255,.13),rgba(255,255,255,0),rgba(0,128,255,.08))!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav > .logo{
    flex:1 1 128px!important;width:auto!important;min-width:86px!important;max-width:128px!important;
    height:50px!important;margin:0 auto 0 0!important;padding:0!important;
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav > .logo img,
  html body .bhp-root header.bhp-nav.glass-nav > .logo:hover img{
    width:108px!important;max-width:100%!important;height:43px!important;object-fit:contain!important;object-position:left center!important;
    filter:none!important;opacity:1!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-call-us-btn,
  html body .bhp-root header.bhp-nav a.mobile-quote-btn,
  html body .bhp-root header.bhp-nav a.mobile-wa-btn,
  html body .bhp-root header.bhp-nav button.burger{
    width:50px!important;min-width:50px!important;max-width:50px!important;
    height:50px!important;min-height:50px!important;max-height:50px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;
    margin:0!important;padding:0!important;border-radius:10px!important;flex-shrink:0!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.70),0 7px 15px rgba(10,82,136,.11)!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-call-us-btn{
    background:linear-gradient(145deg,#f9fdff,#cdefff)!important;color:#0b4169!important;-webkit-text-fill-color:#0b4169!important;
    border-color:rgba(74,166,214,.35)!important;font-size:7px!important;font-weight:950!important;letter-spacing:.12px!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-call-us-btn::before{
    content:"☎"!important;display:block!important;color:#0875bd!important;font-size:17px!important;line-height:13px!important;text-shadow:none!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-quote-btn{
    background:linear-gradient(135deg,#087ae9 0%,#10b7ef 62%,#74e8ff 100%)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
    border-color:rgba(255,255,255,.62)!important;font-size:6.4px!important;font-weight:950!important;letter-spacing:0!important;
    text-shadow:0 1px 7px rgba(0,61,145,.24)!important;box-shadow:0 8px 17px rgba(0,133,230,.25),inset 0 1px 0 rgba(255,255,255,.35)!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-quote-btn::before{
    content:"✦"!important;display:block!important;color:#dffaff!important;font-size:14px!important;line-height:11px!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-wa-btn{
    background:linear-gradient(145deg,#f0fff6,#c7f8d9)!important;border-color:rgba(69,196,110,.33)!important;
    box-shadow:0 7px 15px rgba(33,156,78,.11),inset 0 1px 0 rgba(255,255,255,.94)!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-wa-btn svg{width:25px!important;height:25px!important;color:#0baf5c!important;filter:drop-shadow(0 2px 3px rgba(16,132,69,.15))!important;}
  html body .bhp-root header.bhp-nav button.burger{
    background:linear-gradient(145deg,#0a3157,#09507c)!important;border-color:rgba(166,234,255,.42)!important;
    color:#dff8ff!important;font-size:23px!important;line-height:1!important;
    box-shadow:0 8px 17px rgba(4,45,82,.20),inset 0 1px 0 rgba(166,234,255,.22)!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-call-us-btn:active,
  html body .bhp-root header.bhp-nav a.mobile-quote-btn:active,
  html body .bhp-root header.bhp-nav a.mobile-wa-btn:active,
  html body .bhp-root header.bhp-nav button.burger:active{transform:scale(.94)!important;filter:brightness(.96)!important;}
  .bhp-mobile-header-spacer{height:64px!important;}
}
@media(max-width:350px){
  html body .bhp-root header.bhp-nav.glass-nav > .logo{flex-basis:128px!important;min-width:86px!important;max-width:128px!important;padding:0!important;}
  html body .bhp-root header.bhp-nav.glass-nav > .logo img{width:100px!important;height:40px!important;}
  html body .bhp-root header.bhp-nav a.mobile-call-us-btn,
  html body .bhp-root header.bhp-nav a.mobile-quote-btn,
  html body .bhp-root header.bhp-nav a.mobile-wa-btn,
  html body .bhp-root header.bhp-nav button.burger{width:50px!important;min-width:50px!important;max-width:50px!important;height:50px!important;min-height:50px!important;max-height:50px!important;}
}

/* BHP SiteKit V1.2.29 — cleaner mobile header and prominent center Call action */
@media(max-width:760px){
  html body .bhp-root header.bhp-nav.glass-nav{
    gap:6px!important;
    padding-left:5px!important;
    padding-right:5px!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-call-us-btn{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-quote-btn,
  html body .bhp-root header.bhp-nav a.mobile-wa-btn,
  html body .bhp-root header.bhp-nav button.burger{
    margin:0!important;
  }

  html body .bhp-root .bhp-mobile-appnav{
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    height:72px!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 76px minmax(0,1fr) minmax(0,1fr)!important;
    gap:6px!important;
    padding:8px 10px!important;
    overflow:visible!important;
  }
  html body .bhp-root .bhp-mobile-appnav > a{
    min-height:54px!important;
    gap:5px!important;
    padding:5px 2px!important;
  }
  html body .bhp-root .bhp-mobile-appnav > a:nth-child(1){order:1!important;}
  html body .bhp-root .bhp-mobile-appnav > a:nth-child(2){order:2!important;}
  html body .bhp-root .bhp-mobile-appnav > a:nth-child(4){order:3!important;}
  html body .bhp-root .bhp-mobile-appnav > a:nth-child(3){order:4!important;}
  html body .bhp-root .bhp-mobile-appnav > a:nth-child(5){order:5!important;}

  html body .bhp-root .bhp-mobile-appnav > a:nth-child(4){
    position:relative!important;
    z-index:3!important;
    align-self:center!important;
    justify-self:center!important;
    width:76px!important;
    min-width:76px!important;
    max-width:76px!important;
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    margin-top:-22px!important;
    padding:7px 4px!important;
    gap:6px!important;
    border:2px solid rgba(255,255,255,.92)!important;
    border-radius:24px!important;
    color:#fff!important;
    background:linear-gradient(145deg,#0b78ed 0%,#08b9ef 66%,#65e0ff 100%)!important;
    box-shadow:0 13px 31px rgba(0,130,231,.48),inset 0 1px 0 rgba(255,255,255,.42)!important;
    transform:none!important;
  }
  html body .bhp-root .bhp-mobile-appnav > a:nth-child(4) span{
    font-family:Arial,sans-serif!important;
    font-size:0!important;
    line-height:.8!important;
    color:#fff!important;
    filter:none!important;
  }
  html body .bhp-root .bhp-mobile-appnav > a:nth-child(4) span::before{
    content:"☎︎"!important;
    display:block!important;
    font-family:Arial,sans-serif!important;
    font-size:29px!important;
    line-height:.8!important;
    color:#fff!important;
  }
  html body .bhp-root .bhp-mobile-appnav > a:nth-child(4) b{
    font-size:11px!important;
    line-height:1!important;
    letter-spacing:.5px!important;
    color:#fff!important;
    text-transform:uppercase!important;
  }
  html body .bhp-root .bhp-mobile-appnav > a:nth-child(4):active{
    transform:scale(.94)!important;
  }
}

@media(max-width:350px){
  html body .bhp-root .bhp-mobile-appnav{
    left:8px!important;
    right:8px!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 70px minmax(0,1fr) minmax(0,1fr)!important;
    gap:4px!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }
  html body .bhp-root .bhp-mobile-appnav > a:nth-child(4){
    width:70px!important;
    min-width:70px!important;
    max-width:70px!important;
    height:70px!important;
    min-height:70px!important;
    max-height:70px!important;
  }
}

/* BHP SiteKit V1.2.30 — edge-fit header and refined floating mobile dock */
@media(max-width:760px){
  html body .bhp-root header.bhp-nav.glass-nav{
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:66px!important;
    min-height:66px!important;
    padding:5px 7px!important;
    gap:7px!important;
    border-width:0 0 1px!important;
    border-radius:0 0 18px 18px!important;
    box-shadow:0 12px 30px rgba(7,77,130,.16),inset 0 -1px 0 rgba(255,255,255,.74)!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav > .logo{
    flex:1 1 136px!important;
    min-width:96px!important;
    max-width:136px!important;
    height:56px!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav > .logo img,
  html body .bhp-root header.bhp-nav.glass-nav > .logo:hover img{
    width:122px!important;
    height:49px!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-quote-btn,
  html body .bhp-root header.bhp-nav a.mobile-wa-btn,
  html body .bhp-root header.bhp-nav button.burger{
    width:56px!important;
    min-width:56px!important;
    max-width:56px!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    border-radius:13px!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-quote-btn{
    font-size:7px!important;
    gap:4px!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-quote-btn::before{
    font-size:16px!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-wa-btn svg{
    width:28px!important;
    height:28px!important;
  }
  html body .bhp-root header.bhp-nav button.burger{
    font-size:25px!important;
  }
  .bhp-mobile-header-spacer{
    height:66px!important;
  }

  html body .bhp-root .bhp-mobile-appnav{
    left:18px!important;
    right:18px!important;
    bottom:14px!important;
    height:64px!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 72px minmax(0,1fr) minmax(0,1fr)!important;
    gap:4px!important;
    padding:6px 8px!important;
    border:1px solid rgba(138,220,255,.25)!important;
    border-radius:32px!important;
    background:linear-gradient(135deg,rgba(3,15,34,.87),rgba(8,46,84,.82))!important;
    box-shadow:0 15px 38px rgba(0,10,28,.30),inset 0 1px 0 rgba(255,255,255,.13)!important;
    backdrop-filter:blur(24px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(145%)!important;
  }
  html body .bhp-root .bhp-mobile-appnav::before{
    content:""!important;
    position:absolute!important;
    left:16px!important;
    right:16px!important;
    top:2px!important;
    height:1px!important;
    border-radius:50%!important;
    background:linear-gradient(90deg,transparent,rgba(145,231,255,.46),transparent)!important;
    pointer-events:none!important;
  }
  html body .bhp-root .bhp-mobile-appnav > a{
    min-height:50px!important;
    padding:4px 2px!important;
    gap:4px!important;
    border:1px solid transparent!important;
    border-radius:18px!important;
    color:#d7ebff!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body .bhp-root .bhp-mobile-appnav > a span{
    font-size:18px!important;
  }
  html body .bhp-root .bhp-mobile-appnav > a b{
    font-size:8.5px!important;
    letter-spacing:.12px!important;
  }
  html body .bhp-root .bhp-mobile-appnav > a:not(:nth-child(4)).active,
  html body .bhp-root .bhp-mobile-appnav > a:not(:nth-child(4)):hover{
    color:#fff!important;
    border-color:rgba(92,211,255,.25)!important;
    background:linear-gradient(145deg,rgba(13,128,236,.30),rgba(24,199,239,.17))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 6px 14px rgba(0,99,190,.12)!important;
  }
  html body .bhp-root .bhp-mobile-appnav > a:nth-child(4){
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    margin-top:-20px!important;
    padding:8px 4px!important;
    gap:6px!important;
    border:2px solid rgba(235,253,255,.94)!important;
    border-radius:50%!important;
    background:radial-gradient(circle at 34% 20%,#82efff 0%,#17bdea 35%,#0878e9 78%,#0756b6 100%)!important;
    box-shadow:0 12px 28px rgba(0,135,231,.38),0 0 0 5px rgba(42,206,255,.10),inset 0 2px 0 rgba(255,255,255,.40)!important;
  }
  html body .bhp-root .bhp-mobile-appnav > a:nth-child(4)::after{
    content:""!important;
    position:absolute!important;
    inset:-7px!important;
    z-index:-1!important;
    border:1px solid rgba(73,218,255,.34)!important;
    border-radius:50%!important;
    animation:bhpCallHalo 2.8s ease-in-out infinite!important;
    pointer-events:none!important;
  }
  html body .bhp-root .bhp-mobile-appnav > a:nth-child(4) span::before{
    font-size:27px!important;
    line-height:.8!important;
  }
  html body .bhp-root .bhp-mobile-appnav > a:nth-child(4) b{
    font-size:10px!important;
    letter-spacing:.7px!important;
  }
}

@keyframes bhpCallHalo{
  0%,100%{opacity:.40;transform:scale(.94)}
  50%{opacity:.85;transform:scale(1.04)}
}

@media(max-width:350px){
  html body .bhp-root header.bhp-nav.glass-nav{
    padding-left:5px!important;
    padding-right:5px!important;
    gap:5px!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav > .logo{
    min-width:90px!important;
    max-width:122px!important;
  }
  html body .bhp-root header.bhp-nav.glass-nav > .logo img{
    width:108px!important;
    height:46px!important;
  }
  html body .bhp-root header.bhp-nav a.mobile-quote-btn,
  html body .bhp-root header.bhp-nav a.mobile-wa-btn,
  html body .bhp-root header.bhp-nav button.burger{
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
  }
  html body .bhp-root .bhp-mobile-appnav{
    left:10px!important;
    right:10px!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 68px minmax(0,1fr) minmax(0,1fr)!important;
    gap:3px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
  html body .bhp-root .bhp-mobile-appnav > a:nth-child(4){
    width:68px!important;
    min-width:68px!important;
    max-width:68px!important;
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html body .bhp-root .bhp-mobile-appnav > a:nth-child(4)::after{
    animation:none!important;
  }
}

/* BHP SiteKit V1.2.31 — center Call on the viewport, not only its grid cell */
@media(max-width:760px){
  html body .bhp-root .bhp-mobile-appnav > a:nth-child(4){
    position:absolute!important;
    left:50%!important;
    top:-16px!important;
    margin:0!important;
    transform:translateX(-50%)!important;
  }
  html body .bhp-root .bhp-mobile-appnav > a:nth-child(4):active{
    transform:translateX(-50%) scale(.94)!important;
  }
}

/* BHP SiteKit V1.2.32 — reserve the centre column and keep all five dock items visible */
@media(max-width:760px){
  html body .bhp-root .bhp-mobile-appnav > a:nth-child(1){
    grid-column:1!important;
    grid-row:1!important;
  }
  html body .bhp-root .bhp-mobile-appnav > a:nth-child(2){
    grid-column:2!important;
    grid-row:1!important;
  }
  html body .bhp-root .bhp-mobile-appnav > a:nth-child(3){
    grid-column:4!important;
    grid-row:1!important;
  }
  html body .bhp-root .bhp-mobile-appnav > a:nth-child(5){
    grid-column:5!important;
    grid-row:1!important;
  }
  html body .bhp-root .bhp-mobile-appnav > a:nth-child(4){
    z-index:3!important;
  }
}

/* BHP SiteKit V1.2.33 — remove the empty strip above the opened mobile menu */
@media(max-width:760px){
  html body .bhp-root .mobile-panel.open{
    padding-top:0!important;
  }@supports selector(:popover-open){
  html body .bhp-root .mobile-panel:popover-open{
    padding-top:0!important;
  }}
  html body .bhp-root .mobile-panel.open .mobile-panel-links{
    margin-top:0!important;
    padding-top:0!important;
  }@supports selector(:popover-open){
  html body .bhp-root .mobile-panel:popover-open .mobile-panel-links{
    margin-top:0!important;
    padding-top:0!important;
  }}
  html body .bhp-root .mobile-panel.open .mobile-panel-links > a:first-child{
    margin-top:0!important;
  }@supports selector(:popover-open){
  html body .bhp-root .mobile-panel:popover-open .mobile-panel-links > a:first-child{
    margin-top:0!important;
  }}
}

/* BHP SiteKit V1.5.5 — keep both mobile drawer actions inside narrow screens. */
@media(max-width:480px){
  html body .bhp-root .mobile-panel-actions{
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    padding:0 12px!important;
  }
  html body .bhp-root .mobile-panel-actions a,
  html body .bhp-root .mobile-panel-actions .mobile-call-link{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding:0 12px!important;
    font-size:15px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
}

/* BHP SiteKit V1.3.2 — missing legacy SVG request guard.
   Dynamic cards keep their inline WordPress images. Only empty legacy
   fallbacks receive a CSS gradient, so the browser does not request files
   that are not shipped with this plugin. */
html body .bhp-root .service-card .img:not([style]),
html body .bhp-root .img.web-design:not([style]),
html body .bhp-root .img.mobile-app:not([style]),
html body .bhp-root .img.startup-advisory:not([style]),
html body .bhp-root .img.marketing:not([style]){
  background-image:radial-gradient(circle at 72% 25%,rgba(0,183,255,.40),transparent 25%),linear-gradient(135deg,#041126,#0878d8)!important;
}
html body .bhp-root .portfolio-card .project-img:not([style]){
  background-image:linear-gradient(145deg,#06172b,#0a4f86)!important;
}
html body .bhp-root .page-head,
html body .bhp-root .page-head-art{
  background-image:radial-gradient(circle at 82% 18%,rgba(58,190,247,.18),transparent 28%),linear-gradient(135deg,#fff,#eaf6ff)!important;
}

/* BHP SiteKit V1.2.34 — anchor the opened drawer directly below the 66px header */
@media(max-width:760px){
  html body .bhp-root .mobile-panel.open{
    position:fixed!important;
    top:66px!important;
    bottom:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0 0 92px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }@supports selector(:popover-open){
  html body .bhp-root .mobile-panel:popover-open{
    position:fixed!important;
    top:66px!important;
    bottom:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0 0 92px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }}
  html body .bhp-root .mobile-panel.open .mobile-panel-links{
    margin:0!important;
    padding:0!important;
  }@supports selector(:popover-open){
  html body .bhp-root .mobile-panel:popover-open .mobile-panel-links{
    margin:0!important;
    padding:0!important;
  }}
}


/* BHP favicon/share/WhatsApp final patch */
.bhp-whatsapp-float svg{
  width:30px!important;
  height:30px!important;
  display:block!important;
}
.bhp-whatsapp-float{
  font-size:0!important;
  border-radius:50%!important;
  right:24px!important;
}


.detail.no-detail-image{grid-template-columns:1fr!important;}
.detail.no-detail-image>div:first-child{max-width:760px!important;}

.bhp-nav nav a.active{
  color:#4ea4ff!important;
  position:relative;
}
.bhp-nav nav a.active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  height:3px;
  background:#4ea4ff;
  transform:scaleX(1)!important;
  box-shadow:0 0 14px rgba(78,164,255,.85);
}

/* BHP project dynamic image and gallery final patch */
.portfolio-card.portfolio-dynamic-card .project-img.project-img-dynamic{
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.portfolio-card.portfolio-dynamic-card:after{
  display:none!important;
  content:none!important;
}
.portfolio-card.portfolio-dynamic-card:hover{
  transform:translateY(-6px)!important;
}
.portfolio-card.portfolio-dynamic-card:hover .project-img.project-img-dynamic{
  transform:scale(1.035)!important;
  filter:saturate(1.08)!important;
}
.project-gallery-grid{
  display:grid!important;
  grid-template-columns:360px 1fr 1fr!important;
  gap:22px!important;
  align-items:stretch!important;
}
.project-gallery-item{
  margin:0!important;
  overflow:hidden!important;
  background:#06142B!important;
  border:1px solid rgba(11,116,255,.20)!important;
  box-shadow:0 24px 80px rgba(11,116,255,.10)!important;
}
.project-gallery-item img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.project-gallery-item.portrait{
  grid-row:span 2!important;
  min-height:620px!important;
}
.project-gallery-item.landscape{
  min-height:298px!important;
}
@media(max-width:960px){
  .project-gallery-grid{
    grid-template-columns:1fr!important;
  }
  .project-gallery-item.portrait,
  .project-gallery-item.landscape{
    min-height:320px!important;
    grid-row:auto!important;
  }
}


/* BHP Floating Actions - incremental patch */
.bhp-whatsapp-float,
.bhp-backtop{
  position:fixed!important;
  right:28px!important;
  width:54px!important;
  height:54px!important;
  border-radius:18px!important;
  z-index:99999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:0 18px 48px rgba(2,8,20,.24)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.bhp-whatsapp-float{
  bottom:30px!important;
  background:linear-gradient(135deg,#15d366,#0a8f43)!important;
  color:#fff!important;
  font-size:30px!important;
  font-weight:900!important;
}
.bhp-backtop{
  bottom:96px!important;
  background:rgba(255,255,255,.86)!important;
  color:#0875ff!important;
  font-size:28px!important;
  font-weight:900!important;
  cursor:pointer!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(10px)!important;
  transition:all .25s ease!important;
}
.bhp-backtop.show{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
}
.bhp-whatsapp-float:hover,
.bhp-backtop:hover{
  transform:translateY(-4px)!important;
}
.mobile-panel a[href*="wa.me"]{
  color:#13b85b!important;
  font-weight:900!important;
}
@media(max-width:900px){
  .bhp-whatsapp-float,
  .bhp-backtop{
    display:none!important;
  }
  .mobile-panel a[href*="wa.me"],
  .mobile-panel a[href^="tel:"]{
    display:block!important;
  }
}


/* BHP service structure readability fix - incremental */
.service-grid{
  align-items:stretch!important;
}
.service-card.service-dynamic-card{
  min-height:360px!important;
  overflow:hidden!important;
}
.service-card.service-dynamic-card .glass{
  left:22px!important;
  right:22px!important;
  bottom:22px!important;
  width:auto!important;
  max-width:calc(100% - 44px)!important;
  min-height:172px!important;
  max-height:205px!important;
  overflow:hidden!important;
  padding:24px 22px!important;
  box-sizing:border-box!important;
}
.service-card.service-dynamic-card .glass h3{
  font-size:28px!important;
  line-height:1.08!important;
  margin:0 0 12px!important;
  letter-spacing:-.04em!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.service-card.service-dynamic-card .glass p{
  font-size:16px!important;
  line-height:1.45!important;
  margin:0!important;
  display:-webkit-box!important;
  -webkit-line-clamp:5!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.quote-choice{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
.quote-choice label{
  min-width:0!important;
  min-height:50px!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.quote-choice label span{
  display:block!important;
  width:100%!important;
  font-size:15px!important;
  line-height:1.15!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.eval-sec .quote-choice label span,
.inline-cta .quote-choice label span{
  font-size:14px!important;
}
@media(max-width:1180px){
  .service-card.service-dynamic-card .glass h3{font-size:25px!important;}
  .service-card.service-dynamic-card .glass p{font-size:15px!important;-webkit-line-clamp:4!important;}
  .quote-choice{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:640px){
  .service-card.service-dynamic-card{min-height:330px!important;}
  .service-card.service-dynamic-card .glass{min-height:150px!important;max-height:190px!important;}
  .quote-choice{grid-template-columns:1fr!important;}
}


\n/* BHP V1.1.22 service/project detail image + priority ordering patch */\n.detail-visual.detail-visual-dynamic{\n  background-color:#061226!important;\n  background-size:cover!important;\n  background-position:center center!important;\n  background-repeat:no-repeat!important;\n  overflow:hidden!important;\n}\n.service-related-projects{\n  padding-top:56px!important;\n  padding-bottom:56px!important;\n  background:linear-gradient(180deg,#fff,#f5fbff)!important;\n}\n.service-related-projects + .services-section{\n  padding-top:56px!important;\n}\n
/* BHP V1.1.27 nav pinned beside logo */
.bhp-nav{justify-content:flex-start!important;}
.bhp-nav .logo{flex:0 0 auto!important;margin-right:24px!important;}
.bhp-nav nav{margin-left:0!important;margin-right:auto!important;justify-content:flex-start!important;}
.bhp-nav .call-cta{margin-left:auto!important;}


/* BHP V1.1.36 mobile-only repair: menu, hero, cards, about, contact and back-to-top */
@media(max-width:760px){
  body.bhp-menu-open{overflow:hidden!important;}
  .bhp-nav{top:14px!important;left:14px!important;right:14px!important;width:auto!important;height:74px!important;transform:none!important;padding:0 12px 0 18px!important;border-radius:24px!important;z-index:120!important;}
  .bhp-nav .logo img{height:38px!important;max-width:176px!important;object-fit:contain!important;}
  .burger{display:flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important;width:48px!important;height:48px!important;padding:0!important;border:1px solid rgba(255,255,255,.16)!important;background:linear-gradient(135deg,#06142b,#0b2348)!important;color:#fff!important;font-size:22px!important;line-height:1!important;border-radius:16px!important;box-shadow:0 14px 32px rgba(0,20,55,.20)!important;}
  .mobile-panel{display:flex!important;position:fixed!important;z-index:130!important;top:98px!important;left:14px!important;right:14px!important;max-height:calc(100vh - 116px)!important;overflow:auto!important;grid-template-columns:none!important;flex-direction:column!important;padding:76px 18px 18px!important;background:radial-gradient(circle at 18% 0%,rgba(0,183,255,.30),transparent 34%),radial-gradient(circle at 90% 18%,rgba(105,92,255,.24),transparent 30%),linear-gradient(145deg,rgba(3,10,24,.98),rgba(5,24,54,.96) 60%,rgba(2,8,20,.98))!important;border:1px solid rgba(91,188,255,.28)!important;box-shadow:0 34px 90px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.12)!important;backdrop-filter:blur(28px) saturate(150%)!important;-webkit-backdrop-filter:blur(28px) saturate(150%)!important;border-radius:28px!important;opacity:0!important;visibility:hidden!important;transform:translateY(-18px) scale(.96)!important;transform-origin:top right!important;transition:opacity .28s ease,transform .28s ease,visibility .28s ease!important;}
  .mobile-panel.open{opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1)!important;}@supports selector(:popover-open){
  .mobile-panel:popover-open{opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1)!important;}}
  .mobile-panel:before{content:""!important;position:absolute!important;inset:12px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:22px!important;pointer-events:none!important;}
  .mobile-close{position:absolute!important;top:18px!important;right:18px!important;width:42px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:14px!important;font-size:28px!important;font-weight:800!important;line-height:1!important;}
  .mobile-panel a{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:58px!important;padding:0 16px!important;margin:0 0 10px!important;color:#fff!important;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:18px!important;font-size:15px!important;font-weight:900!important;letter-spacing:.55px!important;text-transform:uppercase!important;box-shadow:0 14px 30px rgba(0,0,0,.16)!important;}
  .mobile-panel a:after{content:"→";color:#54d7ff;font-size:18px;}
  .mobile-panel .mobile-call-link{background:linear-gradient(135deg,#0786ff,#00c2ff)!important;border-color:rgba(255,255,255,.28)!important;box-shadow:0 18px 40px rgba(0,145,255,.30)!important;}

  .hero.hero-premium{min-height:660px!important;height:auto!important;padding:126px 20px 74px!important;background:radial-gradient(circle at 24% 20%,rgba(0,204,255,.30),transparent 30%),radial-gradient(circle at 82% 18%,rgba(96,74,255,.28),transparent 28%),radial-gradient(circle at 50% 82%,rgba(0,116,255,.24),transparent 38%),linear-gradient(145deg,#020711 0%,#041a3a 58%,#020814 100%)!important;}
  .hero.hero-premium:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(115deg,rgba(255,255,255,.10),transparent 32%,rgba(0,183,255,.07)),repeating-radial-gradient(circle at 60% 40%,rgba(255,255,255,.12) 0 1px,transparent 1px 72px)!important;filter:blur(.2px)!important;opacity:.72!important;pointer-events:none!important;}
  .hero-visual{display:none!important;}
  .slides{width:100%!important;min-width:0!important;position:relative!important;z-index:3!important;}
  .slide h1{font-size:40px!important;line-height:1.08!important;max-width:100%!important;margin-bottom:22px!important;}
  .slide p{font-size:17px!important;line-height:1.75!important;max-width:100%!important;}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-top:26px!important;}
  .hero-actions .btn{width:100%!important;min-height:52px!important;}
  .hero-proof-strip{padding:18px 16px!important;background:linear-gradient(180deg,#eaf8ff,#fff)!important;}
  .hero-proof-inner{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important;border:1px solid rgba(11,116,255,.14)!important;background:rgba(11,116,255,.10)!important;overflow:hidden!important;border-radius:24px!important;}
  .hero-proof-inner div{min-width:0!important;padding:20px 10px!important;background:rgba(255,255,255,.78)!important;text-align:center!important;}
  .hero-proof-inner b{font-size:25px!important;line-height:1!important;white-space:nowrap!important;}
  .hero-proof-inner span{font-size:11px!important;line-height:1.25!important;}

  .sec{padding-left:18px!important;padding-right:18px!important;padding-top:46px!important;padding-bottom:46px!important;}
  .section-title{display:block!important;margin-bottom:22px!important;}
  .section-title h2{font-size:33px!important;line-height:1.05!important;}
  .section-title p{font-size:15px!important;line-height:1.7!important;}
  .services-section .service-grid,.service-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .service-card,.service-card.service-dynamic-card{height:238px!important;min-height:238px!important;border-radius:22px!important;box-shadow:0 18px 48px rgba(0,87,190,.13)!important;}
  .service-card .img{height:100%!important;}
  .service-card .glass,.service-card.service-dynamic-card .glass{left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;max-width:none!important;min-height:116px!important;max-height:136px!important;height:auto!important;padding:13px 12px!important;border-radius:16px!important;display:block!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(227,245,255,.76))!important;}
  .service-card .glass h3,.service-card.service-dynamic-card .glass h3{font-size:18px!important;line-height:1.05!important;margin:0 0 7px!important;letter-spacing:-.045em!important;}
  .service-card .glass p,.service-card.service-dynamic-card .glass p{font-size:12px!important;line-height:1.35!important;-webkit-line-clamp:4!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}

  .about-net.about-premium{display:block!important;min-height:auto!important;padding:52px 18px!important;background:radial-gradient(circle at 12% 12%,rgba(0,183,255,.22),transparent 32%),radial-gradient(circle at 88% 72%,rgba(93,83,255,.18),transparent 30%),linear-gradient(180deg,#f8fcff,#eef8ff)!important;overflow:hidden!important;}
  .about-net .about-copy{position:relative!important;z-index:3!important;}
  .about-net .media-block{display:none!important;}
  .about-net:after{content:""!important;display:block!important;height:220px!important;margin-top:28px!important;border-radius:28px!important;background:radial-gradient(circle at 28% 24%,rgba(0,214,255,.48),transparent 28%),radial-gradient(circle at 74% 54%,rgba(88,88,255,.38),transparent 30%),linear-gradient(135deg,rgba(4,17,38,.94),rgba(8,52,104,.92))!important;box-shadow:0 28px 70px rgba(11,116,255,.20),inset 0 0 0 1px rgba(255,255,255,.16)!important;}

  .projects .portfolio-grid,.portfolio-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .portfolio-card,.portfolio-card.portfolio-dynamic-card{height:238px!important;min-height:238px!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 18px 48px rgba(0,87,190,.13)!important;background:#061226!important;}
  .portfolio-card .project-img{height:100%!important;min-height:0!important;padding:14px!important;background-size:cover!important;background-position:center!important;}
  .portfolio-card .project-img:before{inset:10px!important;border-radius:16px!important;}
  .portfolio-card .project-img:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(2,8,20,.05),rgba(2,8,20,.82))!important;}
  .portfolio-card .project-img span,.portfolio-card .project-img b{position:relative!important;z-index:2!important;}
  .portfolio-card .project-img span{font-size:9px!important;letter-spacing:2.5px!important;}
  .portfolio-card .project-img b{font-size:22px!important;line-height:1!important;}
  .portfolio-card h3{position:absolute!important;left:14px!important;right:14px!important;bottom:18px!important;z-index:5!important;margin:0!important;color:#fff!important;font-size:20px!important;line-height:1.02!important;text-shadow:0 8px 20px rgba(0,0,0,.35)!important;}
  .portfolio-card p{display:none!important;}

  .contact-sec,.eval-sec{grid-template-columns:1fr!important;padding:52px 18px!important;}
  .contact-lines{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .contact-lines a,.contact-lines div{min-height:50px!important;display:flex!important;align-items:center!important;padding:0 14px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:16px!important;color:#fff!important;font-weight:800!important;}
  .lead-form{grid-template-columns:1fr!important;}
  .lead-form input,.lead-form textarea,.lead-form select{min-height:50px!important;border-radius:14px!important;}

  .bhp-whatsapp-float{display:flex!important;right:18px!important;bottom:22px!important;width:58px!important;height:58px!important;z-index:125!important;}
  .bhp-backtop{display:flex!important;right:18px!important;bottom:90px!important;width:52px!important;height:52px!important;z-index:124!important;border-radius:50%!important;align-items:center!important;justify-content:center!important;}
}

/* BHP V1.1.37 — MOBILE ONLY surgical fixes: full-width working menu, proof strip, service titles only, clean about, portfolio spacing */
@media(max-width:760px){
  body.bhp-menu-open{overflow:hidden!important;}

  .bhp-nav{
    top:14px!important;
    left:14px!important;
    right:14px!important;
    width:auto!important;
    max-width:none!important;
    transform:none!important;
    z-index:150!important;
  }

  .burger{
    pointer-events:auto!important;
    cursor:pointer!important;
    z-index:155!important;
    position:relative!important;
  }

  .mobile-panel{
    display:flex!important;
    position:fixed!important;
    top:88px!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    max-width:100vw!important;
    margin:0!important;
    z-index:160!important;
    padding:74px 18px 22px!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0 0 30px 30px!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-22px)!important;
    transition:opacity .28s ease,transform .28s ease,visibility .28s ease!important;
  }

  .mobile-panel.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }@supports selector(:popover-open){

  .mobile-panel:popover-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }}

  .mobile-close{
    pointer-events:auto!important;
    cursor:pointer!important;
    z-index:3!important;
  }

  .mobile-panel a{
    width:100%!important;
  }

  .hero-proof-strip{
    padding:18px 16px!important;
  }
  .hero-proof-inner{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  .hero-proof-inner div{
    min-height:82px!important;
    padding:14px 8px!important;
    display:grid!important;
    grid-template-columns:34px 1fr!important;
    align-items:center!important;
    column-gap:8px!important;
    text-align:left!important;
    border:1px solid rgba(11,116,255,.14)!important;
    background:rgba(255,255,255,.82)!important;
    border-radius:18px!important;
    box-shadow:0 14px 34px rgba(11,116,255,.08)!important;
  }
  .hero-proof-inner div:before{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:12px!important;
    font-size:17px!important;
  }
  .hero-proof-inner b{
    font-size:21px!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-align:left!important;
  }
  .hero-proof-inner span{
    grid-column:2!important;
    font-size:10px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    text-align:left!important;
    display:block!important;
    margin-top:-14px!important;
  }

  .services-section .service-grid,
  .service-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
    align-items:stretch!important;
  }
  .service-card,
  .service-card.service-dynamic-card,
  .service-card.service-static-card{
    height:188px!important;
    min-height:188px!important;
    border-radius:24px!important;
  }
  .service-card .glass,
  .service-card.service-dynamic-card .glass,
  .service-card.service-static-card .glass{
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    min-height:auto!important;
    max-height:none!important;
    height:auto!important;
    padding:13px 12px!important;
    display:flex!important;
    justify-content:center!important;
    text-align:left!important;
    border-radius:16px!important;
  }
  .service-card .glass h3,
  .service-card.service-dynamic-card .glass h3,
  .service-card.service-static-card .glass h3{
    font-size:21px!important;
    line-height:1.02!important;
    margin:0!important;
    color:#fff!important;
    text-shadow:0 8px 22px rgba(0,0,0,.35)!important;
  }
  .service-card .glass p,
  .service-card.service-dynamic-card .glass p,
  .service-card.service-static-card .glass p{
    display:none!important;
  }

  .about-net.about-premium{
    display:block!important;
    padding:48px 18px!important;
    min-height:auto!important;
    background:linear-gradient(180deg,#f8fcff 0%,#eef8ff 100%)!important;
    overflow:hidden!important;
  }
  .about-net.about-premium:after{
    display:none!important;
    content:none!important;
  }
  .about-net.about-premium .netfx,
  .about-net.about-premium .media-block{
    display:none!important;
  }
  .about-net .about-copy{
    display:block!important;
    max-width:100%!important;
    position:relative!important;
    z-index:3!important;
  }
  .about-net .about-copy h2{
    font-size:40px!important;
    line-height:1.02!important;
    margin:0 0 18px!important;
  }
  .about-net .about-copy p{
    font-size:16px!important;
    line-height:1.7!important;
    color:#51627a!important;
    margin:0 0 20px!important;
  }
  .about-points{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:0!important;
    margin:22px 0 0!important;
    list-style:none!important;
  }
  .about-points li{
    min-height:56px!important;
    display:flex!important;
    align-items:center!important;
    text-align:left!important;
    padding:0 18px!important;
    background:rgba(255,255,255,.76)!important;
    border:1px solid rgba(11,116,255,.16)!important;
    box-shadow:0 14px 34px rgba(11,116,255,.07)!important;
    font-weight:900!important;
    color:#061226!important;
    border-radius:16px!important;
  }

  .projects .portfolio-grid,
  .portfolio-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px 14px!important;
    align-items:stretch!important;
  }
  .portfolio-card,
  .portfolio-card.portfolio-dynamic-card{
    height:232px!important;
    min-height:232px!important;
    border-radius:24px!important;
  }
  .portfolio-card .project-img{
    padding:13px!important;
    align-items:flex-start!important;
    justify-content:flex-end!important;
    text-align:left!important;
  }
  .portfolio-card .project-img span{
    display:none!important;
  }
  .portfolio-card .project-img b{
    display:none!important;
  }
  .portfolio-card h3{
    left:13px!important;
    right:13px!important;
    bottom:16px!important;
    text-align:left!important;
    font-size:19px!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
  }
  .portfolio-card p{
    display:none!important;
  }
}


/* BHP V1.1.45 project gallery landscape-only patch - incremental, no regression */
.project-gallery-section .project-gallery-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.project-gallery-section .project-gallery-item,
.project-gallery-section .project-gallery-item.landscape,
.project-gallery-section .project-gallery-item.portrait{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  grid-row:auto!important;
  padding:0!important;
  cursor:zoom-in!important;
  background:#06142B!important;
  border:1px solid rgba(11,116,255,.22)!important;
  box-shadow:0 20px 60px rgba(11,116,255,.12)!important;
  overflow:hidden!important;
}
.project-gallery-section .project-gallery-item img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  transition:transform .28s ease, filter .28s ease!important;
}
.project-gallery-section .project-gallery-item:hover img{
  transform:scale(1.035)!important;
  filter:saturate(1.08)!important;
}
.bhp-gallery-lightbox{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  background:rgba(2,8,20,.88)!important;
  backdrop-filter:blur(14px)!important;
}
.bhp-gallery-lightbox.open{display:flex!important;}
.bhp-gallery-lightbox img{
  max-width:min(1200px,94vw)!important;
  max-height:86vh!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  box-shadow:0 30px 120px rgba(0,0,0,.55)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:#06142B!important;
}
.bhp-gallery-lightbox button{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  width:48px!important;
  height:48px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(4,17,38,.86)!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1!important;
  font-weight:900!important;
  cursor:pointer!important;
}
@media(max-width:960px){
  .project-gallery-section .project-gallery-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .project-gallery-section .project-gallery-item,
  .project-gallery-section .project-gallery-item.landscape,
  .project-gallery-section .project-gallery-item.portrait{
    aspect-ratio:16/9!important;
    min-height:0!important;
  }
}



/* BHP V1.1.84 — light-blue glass header; no layout changes */
html body .bhp-root header.bhp-nav.glass-nav{
  background:
    radial-gradient(circle at 12% 0%,rgba(255,255,255,.72),transparent 34%),
    linear-gradient(120deg,rgba(203,235,255,.90),rgba(145,205,244,.82) 48%,rgba(190,229,252,.88))!important;
  background-color:#b8ddf5!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 20px 62px rgba(17,91,151,.22),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(50,130,188,.16)!important;
  backdrop-filter:blur(26px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(165%)!important;
}
html body .bhp-root header.bhp-nav.glass-nav:before{
  background:linear-gradient(105deg,rgba(255,255,255,.42),transparent 31%,rgba(20,143,214,.12) 62%,rgba(255,255,255,.26))!important;
  opacity:1!important;
}
html body .bhp-root header.bhp-nav.glass-nav nav a,
html body .bhp-root header.bhp-nav.glass-nav nav a:visited,
html body .bhp-root header.bhp-nav.glass-nav nav a.active{
  color:#082a46!important;
  text-shadow:none!important;
}
html body .bhp-root header.bhp-nav.glass-nav .call-cta{
  color:#082f50!important;
  background:rgba(255,255,255,.34)!important;
  border-color:rgba(255,255,255,.74)!important;
}
html body .bhp-root header.bhp-nav.glass-nav .logo img{
  filter:none!important;
}


/* BHP V1.1.82 — Lighthouse fixes without visual layout regression */
body .bhp-root header.bhp-nav .logo img{
  width:auto!important;
  max-width:180px!important;
  height:55px!important;
  object-fit:contain!important;
}
body .bhp-root .hero-visual img{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
}
@media(max-width:760px){
  body .bhp-root header.bhp-nav .logo img{
    width:auto!important;
    max-width:176px!important;
    height:38px!important;
  }
}

/* Lighthouse accessibility contrast fixes */
body .bhp-root .btn,
body .bhp-root .quote,
body .bhp-root .footer-cta{
  background:linear-gradient(135deg,#0753d6,#006db8)!important;
  color:#fff!important;
}
body .bhp-root .btn-ghost{
  background:transparent!important;
  color:#0756b8!important;
  border-color:rgba(7,86,184,.46)!important;
}
body .bhp-root .eyebrow,
body .bhp-root .section-title>div>span,
body .bhp-root .page-head>span,
body .bhp-root .page-head>div>span,
body .bhp-root .blog-card>span,
body .bhp-root .blog-card>b,
body .bhp-root .crumb-inner a,
body .bhp-root .hero-proof-inner b{
  color:#0756b8!important;
}
body .bhp-root .review-top>b,
body .bhp-root .rating-badge>span{
  color:#8a5200!important;
}
body .bhp-root .review small{
  color:#53627a!important;
}
body .bhp-root .service-card.service-dynamic-card .glass p{
  color:#fff!important;
  opacity:1!important;
}


/* BHP V1.1.86 optional detail-banner video: the current image remains fallback */
html body .bhp-root .detail-visual-dynamic.has-banner-video{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
html body .bhp-root .detail-visual-dynamic.has-banner-video > video.bhp-banner-video{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  z-index:1!important;
  background:transparent!important;
  pointer-events:none!important;
  opacity:0!important;
}
html body .bhp-root .detail-visual-dynamic.has-banner-video.is-video-playing > video.bhp-banner-video{
  opacity:1!important;
}
html body .bhp-root .detail-visual-dynamic.has-banner-video > video.bhp-banner-video.is-failed{
  display:none!important;
}
html body .bhp-root .detail-visual-dynamic.has-banner-video > .bhp-banner-video-overlay{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(4,20,41,.58),rgba(4,18,36,.78) 44%,rgba(2,8,20,.88) 100%)!important;
}
html body .bhp-root .detail-visual-dynamic.has-banner-video > span:not(.bhp-banner-video-overlay),
html body .bhp-root .detail-visual-dynamic.has-banner-video > b,
html body .bhp-root .detail-visual-dynamic.has-banner-video > i{
  position:relative!important;
  z-index:3!important;
}


/* BHP V1.1.87 Home Hero video plus the existing image as fallback */
html body .bhp-root .hero-visual.has-hero-video{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
html body .bhp-root .hero-visual.has-hero-video > img{
  position:relative!important;
  z-index:0!important;
}
html body .bhp-root .hero-visual.has-hero-video > video.bhp-hero-video{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:transparent!important;
  pointer-events:none!important;
  opacity:0!important;
}
html body .bhp-root .hero-visual.has-hero-video.is-video-playing > video.bhp-hero-video{
  opacity:1!important;
}
html body .bhp-root .hero-visual.has-hero-video > video.bhp-hero-video.is-failed{
  display:none!important;
}
@media(max-width:960px){
  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-visual{
    display:block!important;
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    max-width:560px!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:500 / 333!important;
    margin:24px auto 0!important;
  }
  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-visual::before,
  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-visual::after{
    display:none!important;
  }
  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-visual > img{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }
  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final .hero-visual > video.bhp-hero-video{
    object-fit:cover!important;
  }
  html body .bhp-root section.hero.hero-premium.bhp-home-gap-final + section.hero-proof-strip{
    margin-top:0!important;
  }
}

/* BHP V1.3.25 — restore the original polished floating bottom dock while the
   top mobile header alone keeps the hard corners requested in the screenshot. */
@media(max-width:760px){
  html body .bhp-mobile-appnav,
  html body .bhp-root .bhp-mobile-appnav,
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav{
    left:14px!important;
    right:14px!important;
    bottom:max(18px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:none!important;
    height:66px!important;
    min-height:66px!important;
    max-height:66px!important;
    padding:7px 8px!important;
    border-radius:24px!important;
    clip-path:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    overflow:visible!important;
  }
  html body .bhp-root .bhp-mobile-appnav::before{
    left:16px!important;
    right:16px!important;
    border-radius:999px!important;
  }
  html body .bhp-root .bhp-mobile-appnav > a:not(.bhp-mobile-call),
  html body .bhp-root .bhp-mobile-appnav > a:not(.bhp-mobile-call).active{
    border-radius:14px!important;
  }
}
@media(max-width:380px){
  html body .bhp-mobile-appnav,
  html body .bhp-root .bhp-mobile-appnav,
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav{
    left:10px!important;
    right:10px!important;
  }
}
\n/* BHP V1.2.08 contrast and team patch */\nhtml body .bhp-root .about-points li{background:#ffffff!important;color:#061226!important;border-color:rgba(11,116,255,.16)!important;box-shadow:0 16px 36px rgba(0,76,160,.08)!important;text-shadow:none!important;font-size:17px!important;line-height:1.35!important}\nhtml body .bhp-root .wdx-value-grid > div{background:#ffffff!important;color:#061226!important;border-color:rgba(11,116,255,.14)!important}\nhtml body .bhp-root .wdx-value-grid > div b{color:#06152b!important;font-weight:900!important}\nhtml body .bhp-root .wdx-value-grid > div p{color:#3e5168!important;font-weight:600!important;text-shadow:none!important}\nhtml body .bhp-root .proof-grid > div{background:#ffffff!important;color:#061226!important;border-color:rgba(11,116,255,.14)!important}\nhtml body .bhp-root .proof-grid > div b{color:#0b74ff!important}\nhtml body .bhp-root .proof-grid > div span{color:#41566e!important;font-weight:700!important;text-shadow:none!important}\nhtml body .bhp-root .homev > .bhp-banner-video-overlay,html body .bhp-root .detail-visual-dynamic.has-banner-video > .bhp-banner-video-overlay{background:linear-gradient(180deg,rgba(4,20,41,.62),rgba(4,18,36,.80) 44%,rgba(2,8,20,.90) 100%)!important}\n\n/* BHP V1.2.09 icon and about/team patch */\nhtml body .bhp-root .wdx-value-grid>div{min-width:0!important}html body .bhp-root .wdx-value-icon{padding:0!important;color:transparent!important;font-size:0!important}html body .bhp-root .wdx-value-icon svg{width:22px;height:22px;display:block;stroke:#05305f;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}html body .bhp-root .wdx-value-icon.icon-content svg path:first-child{fill:none}html body .bhp-root .wdx-value-grid>div b,html body .bhp-root .wdx-value-grid>div p{word-break:normal!important;overflow-wrap:anywhere}html body .bhp-root .aboutf-hero{align-items:center!important}html body .bhp-root .aboutf-galaxy{display:block!important}\n\n/* BHP V1.2.10 mobile-home-about-team refinements */\nhtml body .bhp-root .wdx-value-grid>div{padding-top:82px!important}html body .bhp-root .wdx-value-icon{top:18px!important;left:18px!important;width:44px!important;height:44px!important;display:grid!important;place-items:center!important;margin-bottom:0!important}html body .bhp-root .wdx-value-grid b{margin-top:4px!important}html body .bhp-root .wdx-value-grid p{margin-top:10px!important}\nhtml body .bhp-root .about-net.about-premium{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr)!important;gap:28px!important;align-items:center!important;position:relative!important;background:linear-gradient(135deg,#061322,#0a4f88)!important;color:#fff!important}html body .bhp-root .about-net.about-premium:before{content:""!important;position:absolute!important;inset:-20% -10% auto auto!important;width:68%!important;height:120%!important;background:radial-gradient(circle at 30% 35%,rgba(107,229,255,.22),transparent 24%),radial-gradient(circle at 70% 52%,rgba(65,110,255,.20),transparent 30%),linear-gradient(transparent,transparent)!important;pointer-events:none!important}html body .bhp-root .about-net.about-premium .about-copy{position:relative!important;z-index:2!important;max-width:620px!important}html body .bhp-root .about-net.about-premium .about-copy .eyebrow,html body .bhp-root .about-net.about-premium .about-copy h2,html body .bhp-root .about-net.about-premium .about-copy p{color:#fff!important;text-shadow:none!important;opacity:1!important}html body .bhp-root .about-net.about-premium .about-copy h2{font-size:clamp(34px,4.8vw,62px)!important;line-height:.96!important;letter-spacing:-2px!important}html body .bhp-root .about-net.about-premium .about-copy p{color:#d7e5f5!important}html body .bhp-root .about-net.about-premium .about-points{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}html body .bhp-root .about-net.about-premium .about-points li{min-height:106px!important;padding:18px 18px 18px 58px!important;border-radius:18px!important;background:rgba(255,255,255,.92)!important;position:relative!important}html body .bhp-root .about-net.about-premium .about-points li:before{content:""!important;position:absolute!important;left:18px!important;top:20px!important;width:22px!important;height:22px!important;border-radius:50%!important;background:radial-gradient(circle at 35% 35%,#d8fbff 0,#70d9ff 40%,#0b74ff 100%)!important;box-shadow:0 0 0 8px rgba(11,116,255,.08)!important}html body .bhp-root .about-net.about-premium .media-block.premium-network{display:block!important;position:relative!important;min-height:360px!important;max-width:500px!important;justify-self:end!important;align-self:center!important;overflow:hidden!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(5,19,37,.94),rgba(8,50,92,.92))!important;box-shadow:0 32px 70px rgba(0,20,50,.25)!important}html body .bhp-root .about-net.about-premium .media-block.premium-network:before{content:""!important;position:absolute!important;inset:8% 7%!important;border-radius:24px!important;background:radial-gradient(circle at 18% 24%,rgba(123,233,255,.16),transparent 18%),radial-gradient(circle at 78% 62%,rgba(107,102,255,.20),transparent 20%),linear-gradient(rgba(127,229,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(127,229,255,.12) 1px,transparent 1px)!important;background-size:auto,auto,44px 44px,44px 44px!important;opacity:.85!important}html body .bhp-root .about-net.about-premium .media-block.premium-network:after{content:""!important;position:absolute!important;left:14%!important;right:14%!important;top:18%!important;bottom:18%!important;border:1px solid rgba(122,232,255,.24)!important;border-radius:50%!important;box-shadow:0 0 0 38px rgba(122,232,255,.045),0 0 0 78px rgba(122,232,255,.02)!important}html body .bhp-root .about-net.about-premium .media-block.premium-network img{position:relative!important;z-index:2!important;width:66%!important;max-width:320px!important;height:auto!important;display:block!important;margin:56px auto 28px!important;border-radius:22px!important;box-shadow:0 24px 60px rgba(0,0,0,.32)!important}html body .bhp-root .about-net.about-premium .media-block.premium-network .mission-card{position:absolute!important;left:20px!important;right:20px!important;bottom:20px!important;z-index:3!important;padding:18px 18px 16px!important;border-radius:18px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(133,232,255,.2)!important;color:#fff!important;backdrop-filter:blur(12px)!important}html body .bhp-root .about-net.about-premium .media-block.premium-network .mission-card b,html body .bhp-root .about-net.about-premium .media-block.premium-network .mission-card span{color:#fff!important}\nhtml body .bhp-root .wdx-step{border-radius:20px!important;overflow:hidden!important;transition:transform .28s ease,box-shadow .28s ease!important}html body .bhp-root .wdx-step:hover{transform:translateY(-5px)!important;box-shadow:0 26px 60px rgba(0,76,160,.12)!important}html body .bhp-root .wdx-step:nth-child(2){animation:bhpFloatOne 5.5s ease-in-out infinite}html body .bhp-root .wdx-step:nth-child(3){animation:bhpFloatTwo 6.2s ease-in-out infinite}html body .bhp-root .wdx-step:nth-child(4){animation:bhpFloatOne 5.8s ease-in-out infinite}.bhp-root .wdx-step:nth-child(5){animation:bhpFloatTwo 6s ease-in-out infinite}@keyframes bhpFloatOne{50%{transform:translateY(-4px)}}@keyframes bhpFloatTwo{50%{transform:translateY(-6px)}}\nhtml body .bhp-root .teamx{background:linear-gradient(135deg,#04101d,#082846)!important}html body .bhp-root .teamx:after{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 22% 26%,rgba(116,229,255,.11),transparent 18%),radial-gradient(circle at 78% 58%,rgba(98,100,255,.14),transparent 20%),linear-gradient(rgba(115,228,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(115,228,255,.08) 1px,transparent 1px)!important;background-size:auto,auto,54px 54px,54px 54px!important;opacity:.38!important;pointer-events:none!important}html body .bhp-root .teamx-stage{height:520px!important;margin-top:20px!important}html body .bhp-root .teamx-card{width:min(24vw,250px)!important;height:356px!important;top:62px!important}html body .bhp-root .teamx-card.pos-center{height:430px!important;top:16px!important;transform:translateX(-50%) scale(1.02)!important}html body .bhp-root .teamx-card.pos-left{transform:translateX(calc(-50% - 205px)) scale(.84) rotateY(14deg)!important}html body .bhp-root .teamx-card.pos-right{transform:translateX(calc(-50% + 205px)) scale(.84) rotateY(-14deg)!important}html body .bhp-root .teamx-card .teamx-rings{width:170px!important;height:170px!important;left:-12px!important;bottom:-14px!important;box-shadow:0 0 0 22px rgba(120,230,255,.035),0 0 0 44px rgba(120,230,255,.014)!important}html body .bhp-root .teamx-card .teamx-meta{padding:0 20px 22px!important}html body .bhp-root .teamx-card h3{font-size:22px!important;line-height:1.05!important}html body .bhp-root .teamx-card p{font-size:12px!important;line-height:1.5!important;max-width:200px!important}\n@media(max-width:1000px){html body .bhp-root .teamx-card{width:min(28vw,220px)!important;height:320px!important}html body .bhp-root .teamx-card.pos-center{height:390px!important}html body .bhp-root .teamx-card.pos-left{transform:translateX(calc(-50% - 160px)) scale(.82)!important}html body .bhp-root .teamx-card.pos-right{transform:translateX(calc(-50% + 160px)) scale(.82)!important}}\n@media(max-width:640px){html body .bhp-root .homev-side{display:none!important}html body .bhp-root .hero-proof-strip{margin-top:-12px!important}html body .bhp-root .about-net.about-premium{grid-template-columns:1fr!important;gap:20px!important;padding-top:42px!important;padding-bottom:42px!important}html body .bhp-root .about-net.about-premium .about-copy h2{font-size:28px!important;letter-spacing:-1px!important}html body .bhp-root .about-net.about-premium .about-copy p{font-size:15px!important;line-height:1.7!important}html body .bhp-root .about-net.about-premium .about-points{grid-template-columns:1fr!important;gap:10px!important}html body .bhp-root .about-net.about-premium .about-points li{min-height:0!important;padding:16px 16px 16px 52px!important;border-radius:16px!important}html body .bhp-root .about-net.about-premium .media-block.premium-network{min-height:260px!important;max-width:none!important}html body .bhp-root .about-net.about-premium .media-block.premium-network img{width:58%!important;max-width:210px!important;margin:34px auto 16px!important}html body .bhp-root .about-net.about-premium .media-block.premium-network .mission-card{left:14px!important;right:14px!important;bottom:14px!important;padding:14px!important}html body .bhp-root .aboutf-galaxy{min-height:150px!important;opacity:.88!important}html body .bhp-root .aboutf-galaxy .tag{display:none!important}html body .bhp-root .aboutf-galaxy .orb{width:120px!important;height:120px!important;margin:-60px 0 0 -60px!important}html body .bhp-root .aboutf-galaxy .ring.r1{width:220px!important;height:120px!important;margin:-60px 0 0 -110px!important}.bhp-root .aboutf-galaxy .ring.r2{width:270px!important;height:160px!important;margin:-80px 0 0 -135px!important}.bhp-root .aboutf-galaxy .ring.r3{display:none!important}html body .bhp-root .wdx-value-grid>div{padding-top:76px!important}html body .bhp-root .wdx-value-icon{left:16px!important;top:16px!important}html body .bhp-root .wdx-flow{gap:12px!important}.bhp-root .wdx-step{padding:22px 18px!important;min-height:132px!important;margin:0!important}.bhp-root .wdx-step b{font-size:15px!important;margin:9px 0 6px!important}.bhp-root .wdx-step p{font-size:12px!important;line-height:1.5!important}html body .bhp-root .teamx{padding-top:46px!important;padding-bottom:46px!important}html body .bhp-root .teamx-stage{height:auto!important;display:grid!important;gap:14px!important}html body .bhp-root .teamx-card{position:relative!important;left:auto!important;top:auto!important;transform:none!important;opacity:1!important;filter:none!important;width:100%!important;max-width:290px!important;height:310px!important;margin:0 auto!important}html body .bhp-root .teamx-card.pos-center{height:330px!important}html body .bhp-root .teamx-card .teamx-meta{padding:0 16px 18px!important}html body .bhp-root .teamx-card h3{font-size:18px!important}html body .bhp-root .teamx-nav{display:none!important}}\n\n/* BHP V1.2.11 about hero and team scale refinements */\nhtml body .bhp-root .aboutf-hero{grid-template-columns:minmax(0,1.05fr) minmax(280px,.72fr)!important;gap:20px!important}html body .bhp-root .aboutf-galaxy{min-height:300px!important;max-width:420px!important;width:100%!important;justify-self:center!important;align-self:center!important;overflow:visible!important}html body .bhp-root .aboutf-galaxy:before{inset:10% 12%!important;border-radius:50%!important;background:radial-gradient(circle at 50% 50%,rgba(81,202,255,.22),rgba(81,202,255,.08) 26%,transparent 44%),radial-gradient(circle at 50% 50%,rgba(124,106,255,.18),transparent 62%)!important;filter:blur(8px)!important}html body .bhp-root .aboutf-galaxy .orb,html body .bhp-root .aboutf-galaxy .orb:before,html body .bhp-root .aboutf-galaxy .orb:after{border-radius:50%!important}html body .bhp-root .aboutf-galaxy .orb{width:118px!important;height:118px!important;margin:-59px 0 0 -59px!important;background:radial-gradient(circle at 36% 32%,#ecffff 0,#89e8ff 18%,#1981ff 48%,rgba(25,129,255,.12) 73%,transparent 78%)!important;box-shadow:0 0 0 14px rgba(117,227,255,.08),0 0 48px rgba(11,116,255,.22)!important}html body .bhp-root .aboutf-galaxy .orb:before{inset:-24px!important;border-color:rgba(127,229,255,.16)!important}html body .bhp-root .aboutf-galaxy .orb:after{inset:-56px!important;border-color:rgba(127,229,255,.10)!important}html body .bhp-root .aboutf-galaxy .ring{border-color:rgba(126,231,255,.16)!important}html body .bhp-root .aboutf-galaxy .ring.r1{width:250px!important;height:136px!important;margin:-68px 0 0 -125px!important}html body .bhp-root .aboutf-galaxy .ring.r2{width:310px!important;height:184px!important;margin:-92px 0 0 -155px!important}html body .bhp-root .aboutf-galaxy .ring.r3{width:372px!important;height:228px!important;margin:-114px 0 0 -186px!important}html body .bhp-root .aboutf-galaxy .tag{font-size:11px!important;padding:9px 14px!important;background:rgba(255,255,255,.08)!important}html body .bhp-root .aboutf-galaxy .t1{top:14%!important;left:2%!important}html body .bhp-root .aboutf-galaxy .t2{top:14%!important;right:0!important}html body .bhp-root .aboutf-galaxy .t3{bottom:15%!important;left:8%!important}html body .bhp-root .aboutf-galaxy .t4{bottom:15%!important;right:4%!important}\nhtml body .bhp-root .teamx-stage{height:400px!important;margin-top:6px!important}html body .bhp-root .teamx-card{width:min(18vw,182px)!important;height:248px!important;top:82px!important}html body .bhp-root .teamx-card.pos-center{height:302px!important;top:30px!important;transform:translateX(-50%) scale(1)!important}html body .bhp-root .teamx-card.pos-left{transform:translateX(calc(-50% - 152px)) scale(.84) rotateY(14deg)!important}html body .bhp-root .teamx-card.pos-right{transform:translateX(calc(-50% + 152px)) scale(.84) rotateY(-14deg)!important}html body .bhp-root .teamx-card .teamx-rings{width:132px!important;height:132px!important;left:-6px!important;bottom:-6px!important;box-shadow:0 0 0 16px rgba(120,230,255,.03),0 0 0 32px rgba(120,230,255,.012)!important}html body .bhp-root .teamx-card .teamx-meta{padding:0 16px 16px!important}html body .bhp-root .teamx-card .teamx-role{font-size:9px!important;letter-spacing:2px!important;margin-bottom:8px!important}html body .bhp-root .teamx-card h3{font-size:16px!important;line-height:1.02!important;margin:0 0 6px!important}html body .bhp-root .teamx-card p{font-size:10px!important;line-height:1.45!important;max-width:165px!important}\n@media(max-width:1100px){html body .bhp-root .aboutf-galaxy{max-width:360px!important;min-height:270px!important}html body .bhp-root .teamx-stage{height:372px!important}html body .bhp-root .teamx-card{width:min(20vw,170px)!important;height:230px!important}html body .bhp-root .teamx-card.pos-center{height:280px!important}html body .bhp-root .teamx-card.pos-left{transform:translateX(calc(-50% - 132px)) scale(.83)!important}html body .bhp-root .teamx-card.pos-right{transform:translateX(calc(-50% + 132px)) scale(.83)!important}}\n@media(max-width:760px){html body .bhp-root .aboutf-hero{grid-template-columns:1fr!important}html body .bhp-root .aboutf-galaxy{max-width:300px!important;min-height:220px!important;margin:8px auto 0!important}html body .bhp-root .aboutf-galaxy .ring.r1{width:210px!important;height:112px!important;margin:-56px 0 0 -105px!important}html body .bhp-root .aboutf-galaxy .ring.r2{width:260px!important;height:150px!important;margin:-75px 0 0 -130px!important}html body .bhp-root .aboutf-galaxy .ring.r3{width:310px!important;height:186px!important;margin:-93px 0 0 -155px!important}}\n\n/* BHP V1.2.12 remove about galaxy and tighten team section */\nhtml body .bhp-root .aboutf-hero{grid-template-columns:1fr!important;min-height:460px!important;padding-bottom:56px!important}html body .bhp-root .aboutf-galaxy{display:none!important}html body .bhp-root .aboutf-copy{max-width:760px!important}\nhtml body .bhp-root .teamx{padding-top:42px!important;padding-bottom:38px!important}html body .bhp-root .teamx .section-title{margin-bottom:10px!important}html body .bhp-root .teamx-stage{height:318px!important;margin-top:0!important}html body .bhp-root .teamx-card{top:36px!important}html body .bhp-root .teamx-card.pos-center{top:0!important;height:290px!important}html body .bhp-root .teamx-card.pos-left,html body .bhp-root .teamx-card.pos-right{top:24px!important}html body .bhp-root .teamx-nav{margin-top:0!important}html body .bhp-root .teamx-btn{width:48px!important;height:48px!important}\n@media(max-width:1100px){html body .bhp-root .teamx-stage{height:300px!important}html body .bhp-root .teamx-card.pos-center{height:270px!important}}\n@media(max-width:760px){html body .bhp-root .aboutf-hero{min-height:auto!important;padding-bottom:42px!important}html body .bhp-root .teamx{padding-top:34px!important;padding-bottom:30px!important}html body .bhp-root .teamx-stage{height:auto!important}html body .bhp-root .teamx-card{top:auto!important}}\n
/* BHP V1.2.14 mobile stabilization: header spacing, home/about, project hero, team slider */
.bhp-mobile-header-spacer{display:none}
@media(max-width:760px){
  .bhp-mobile-header-spacer{display:block!important;height:92px!important;flex:0 0 auto!important}
  .bhp-root{overflow-x:hidden!important}
  .bhp-root .homev{padding-top:28px!important;min-height:auto!important}
  .bhp-root .homev-side,.bhp-root .homev-feature{display:none!important}
  .bhp-root .habout{padding:34px 18px 40px!important;gap:18px!important;grid-template-columns:1fr!important;background:linear-gradient(180deg,#eef6fb,#f8fcff)!important}
  .bhp-root .habout-copy span{color:#0a63cf!important}
  .bhp-root .habout-copy h2{color:#0b1830!important;font-size:36px!important;line-height:.98!important;letter-spacing:-1.2px!important;margin:10px 0 16px!important}
  .bhp-root .habout-copy p{color:#53647a!important;font-size:15px!important;line-height:1.75!important}
  .bhp-root .habout-points{grid-template-columns:1fr!important;gap:10px!important}
  .bhp-root .habout-point{min-height:0!important;padding:16px 16px 16px 54px!important}
  .bhp-root .habout-network{min-height:250px!important;overflow:hidden!important;border-radius:28px!important;background:radial-gradient(circle at 50% 42%,rgba(55,162,255,.22),transparent 22%),linear-gradient(180deg,#0a2240,#0b3158)!important}
  .bhp-root .habout-network img,.bhp-root .habout-network picture,.bhp-root .habout-network video{display:none!important}
  .bhp-root .habout-network .network-copy{left:16px!important;right:16px!important;bottom:16px!important;padding:14px 16px!important}
  .bhp-root .habout-network .network-copy b{font-size:16px!important}
  .bhp-root .habout-network .network-copy span{font-size:12px!important}

  .bhp-root .aboutf-hero{padding:28px 20px 42px!important;min-height:auto!important;grid-template-columns:1fr!important;gap:16px!important}
  .bhp-root .aboutf-copy h1{font-size:42px!important;line-height:.96!important;letter-spacing:-1.6px!important}
  .bhp-root .aboutf-copy p{font-size:15px!important;line-height:1.72!important}
  .bhp-root .aboutf-galaxy{min-height:185px!important;order:-1!important;display:none!important}
  .bhp-root .aboutf-story{grid-template-columns:1fr!important;gap:16px!important;padding-top:24px!important;padding-bottom:24px!important}
  .bhp-root .aboutf-panel{padding:22px 18px!important}
  .bhp-root .aboutf-panel h2{font-size:30px!important;line-height:1.02!important}
  .bhp-root .aboutf-facts{grid-template-columns:1fr!important;gap:12px!important}
  .bhp-root .aboutf-facts>div{padding:16px!important}

  .bhp-root .detail.premium-detail{padding:24px 18px 34px!important;display:grid!important;grid-template-columns:1fr!important;gap:16px!important;align-items:start!important;min-height:auto!important}
  .bhp-root .detail.premium-detail > div:first-child{order:2!important}
  .bhp-root .detail.premium-detail .detail-visual{order:1!important;min-height:230px!important;height:auto!important;border-radius:22px!important;overflow:hidden!important}
  .bhp-root .detail.premium-detail h1{font-size:44px!important;line-height:.96!important;letter-spacing:-1.6px!important;margin:10px 0 14px!important;max-width:100%!important}
  .bhp-root .detail.premium-detail p{font-size:15px!important;line-height:1.7!important;max-width:100%!important}
  .bhp-root .detail.premium-detail .detail-visual span{font-size:10px!important;letter-spacing:1.8px!important}
  .bhp-root .detail.premium-detail .detail-visual b{font-size:clamp(26px,10vw,48px)!important;line-height:.92!important;letter-spacing:-1px!important;max-width:78%!important;word-break:break-word!important}
  .bhp-root .detail.premium-detail .detail-visual i{font-size:12px!important}

  .bhp-root .teamx{padding-top:44px!important;padding-bottom:44px!important}
  .bhp-root .teamx .section-title{margin-bottom:14px!important}
  .bhp-root .teamx .section-title h2{font-size:34px!important;line-height:1.02!important}
  .bhp-root .teamx-stage{height:auto!important;display:flex!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:6px 18px 10px!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important}
  .bhp-root .teamx-stage::-webkit-scrollbar{display:none!important}
  .bhp-root .teamx-card{position:relative!important;left:auto!important;top:auto!important;transform:none!important;opacity:1!important;filter:none!important;flex:0 0 72vw!important;width:72vw!important;max-width:250px!important;height:320px!important;scroll-snap-align:center!important;margin:0!important}
  .bhp-root .teamx-card.pos-left,.bhp-root .teamx-card.pos-center,.bhp-root .teamx-card.pos-right{transform:none!important;opacity:1!important;filter:none!important;height:320px!important;top:auto!important}
  .bhp-root .teamx-card:after{inset:10px!important}
  .bhp-root .teamx-card .teamx-rings{width:180px!important;height:180px!important;left:-20px!important;bottom:-20px!important}
  .bhp-root .teamx-card .teamx-meta{padding:0 18px 18px!important}
  .bhp-root .teamx-card .teamx-role{font-size:9px!important;letter-spacing:1.8px!important;margin-bottom:8px!important}
  .bhp-root .teamx-card h3{font-size:22px!important;line-height:1.04!important;margin-bottom:6px!important}
  .bhp-root .teamx-card p{font-size:12px!important;line-height:1.45!important;max-width:100%!important}
  .bhp-root .teamx-nav{display:none!important}
}

/* BHP V1.2.15 mobile cleanup: reduce empty gaps, restore readable section text, and keep about-team desktop style on mobile */
@media(max-width:760px){
  .bhp-mobile-header-spacer{height:74px!important}
  .bhp-root .crumbs{margin:0!important;padding:8px 10px 0!important;min-height:0!important}
  .bhp-root .crumb-inner{margin:0!important}
  .bhp-root .page-head,.bhp-root .premium-page-head,.bhp-root .services-hero,.bhp-root .portfolio-hero{margin-top:0!important;padding-top:18px!important;min-height:auto!important}
  .bhp-root .premium-page-head > div,.bhp-root .page-head > div{padding-top:0!important}
  .bhp-root .habout{padding-top:28px!important}
  .bhp-root .habout-copy .eyebrow,.bhp-root .habout-copy>span,.bhp-root .aboutf-copy>span,.bhp-root .section-title>div>span{color:#0a63cf!important;opacity:1!important}
  .bhp-root .habout-copy h2{color:#0b1830!important;font-size:34px!important;line-height:1.02!important}
  .bhp-root .habout-copy p{color:#53647a!important;font-size:15px!important;line-height:1.72!important}
  .bhp-root .habout-point b{color:#0c1c33!important}.bhp-root .habout-point span{color:#5a6b82!important}

  .bhp-root .teamx{padding-top:42px!important;padding-bottom:40px!important}
  .bhp-root .teamx .section-title{margin-bottom:10px!important}
  .bhp-root .teamx .section-title h2{font-size:31px!important;line-height:1.02!important}
  .bhp-root .teamx-stage{position:relative!important;height:345px!important;display:block!important;overflow:visible!important;padding:0 0 4px!important;margin-top:14px!important}
  .bhp-root .teamx-card{position:absolute!important;top:26px!important;left:50%!important;right:auto!important;flex:none!important;width:min(58vw,220px)!important;max-width:220px!important;height:270px!important;overflow:hidden!important;opacity:1!important;filter:none!important;scroll-snap-align:none!important;margin:0!important}
  .bhp-root .teamx-card.pos-left{transform:translateX(calc(-50% - 104px)) scale(.82)!important;opacity:.72!important;z-index:1!important;top:34px!important}
  .bhp-root .teamx-card.pos-center{transform:translateX(-50%) scale(1)!important;opacity:1!important;z-index:3!important;height:300px!important;top:8px!important;box-shadow:0 28px 70px rgba(0,0,0,.34)!important}
  .bhp-root .teamx-card.pos-right{transform:translateX(calc(-50% + 104px)) scale(.82)!important;opacity:.72!important;z-index:1!important;top:34px!important}
  .bhp-root .teamx-card:after{inset:10px!important}
  .bhp-root .teamx-card .teamx-rings{width:160px!important;height:160px!important;left:-18px!important;bottom:-18px!important}
  .bhp-root .teamx-card .teamx-meta{padding:0 16px 16px!important}
  .bhp-root .teamx-card .teamx-role{font-size:9px!important;letter-spacing:1.7px!important;margin-bottom:8px!important}
  .bhp-root .teamx-card h3{font-size:22px!important;line-height:1.04!important;margin-bottom:5px!important}
  .bhp-root .teamx-card p{font-size:12px!important;line-height:1.42!important;max-width:100%!important}
  .bhp-root .teamx-nav{display:flex!important;justify-content:center!important;gap:10px!important;margin-top:6px!important}
  .bhp-root .teamx-btn{width:44px!important;height:44px!important;font-size:20px!important}
}
\n/* BHP V1.2.16 final mobile team carousel fix */\n@media(max-width:760px){\n  html body .bhp-root .teamx{padding:38px 0 34px!important;overflow:hidden!important}\n  html body .bhp-root .teamx .section-title{padding-left:18px!important;padding-right:18px!important;margin-bottom:8px!important}\n  html body .bhp-root .teamx-stage{position:relative!important;display:block!important;width:100%!important;height:372px!important;overflow:hidden!important;padding:0!important;margin:12px 0 0!important}\n  html body .bhp-root .teamx-card{position:absolute!important;left:50%!important;right:auto!important;top:38px!important;width:68vw!important;max-width:260px!important;min-width:0!important;height:292px!important;min-height:292px!important;max-height:none!important;margin:0!important;transform-origin:center center!important;opacity:1!important;filter:none!important;overflow:hidden!important}\n  html body .bhp-root .teamx-card.pos-left{transform:translateX(calc(-50% - 168px)) scale(.80)!important;opacity:.58!important;z-index:1!important;top:54px!important}\n  html body .bhp-root .teamx-card.pos-center{transform:translateX(-50%) scale(1)!important;opacity:1!important;z-index:5!important;top:14px!important;width:72vw!important;max-width:274px!important;height:326px!important;min-height:326px!important;box-shadow:0 30px 78px rgba(0,0,0,.36)!important}\n  html body .bhp-root .teamx-card.pos-right{transform:translateX(calc(-50% + 168px)) scale(.80)!important;opacity:.58!important;z-index:1!important;top:54px!important}\n  html body .bhp-root .teamx-card img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important}\n  html body .bhp-root .teamx-card:after{inset:10px!important}\n  html body .bhp-root .teamx-card .teamx-rings{width:160px!important;height:160px!important;left:-18px!important;bottom:-18px!important}\n  html body .bhp-root .teamx-card .teamx-meta{left:0!important;right:0!important;bottom:0!important;padding:0 18px 18px!important}\n  html body .bhp-root .teamx-card .teamx-role{font-size:9px!important;letter-spacing:1.8px!important;margin:0 0 8px!important}\n  html body .bhp-root .teamx-card h3{font-size:24px!important;line-height:1.02!important;margin:0 0 6px!important}\n  html body .bhp-root .teamx-card p{font-size:12px!important;line-height:1.45!important;max-width:215px!important;margin:0!important}\n  html body .bhp-root .teamx-nav{display:flex!important;position:relative!important;z-index:8!important;justify-content:center!important;gap:10px!important;margin:-2px 0 0!important}\n  html body .bhp-root .teamx-btn{display:grid!important;width:46px!important;height:46px!important;place-items:center!important;font-size:21px!important}\n}\n@media(max-width:390px){\n  html body .bhp-root .teamx-card.pos-left{transform:translateX(calc(-50% - 145px)) scale(.76)!important}\n  html body .bhp-root .teamx-card.pos-right{transform:translateX(calc(-50% + 145px)) scale(.76)!important}\n  html body .bhp-root .teamx-card.pos-center{width:70vw!important;max-width:260px!important}\n}\n
/* BHP V1.2.17 WhatsApp one-tap interaction */
html body .bhp-root .bhp-nav a,
html body .bhp-root .bhp-nav button,
html body .bhp-root .bhp-mobile-appnav a,
html body .bhp-root a.bhp-wa-one-tap,
html body .bhp-root a[href*="wa.me/"],
html body .bhp-root a[href*="api.whatsapp.com/"]{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
html body .bhp-root .bhp-nav a *,
html body .bhp-root .bhp-nav button *,
html body .bhp-root .bhp-mobile-appnav a *,
html body .bhp-root a.bhp-wa-one-tap *,
html body .bhp-root a[href*="wa.me/"] *,
html body .bhp-root a[href*="api.whatsapp.com/"] *{
  pointer-events:none!important;
}
@media(hover:none) and (pointer:coarse){
  html body .bhp-root .bhp-whatsapp-float:hover,
  html body .bhp-root .mobile-wa-btn:hover,
  html body .bhp-root a[href*="wa.me/"]:hover{
    transform:none!important;
  }
}

/* BHP V1.2.19 Agentic Browsing + accessibility-tree hardening */
.bhp-sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
fieldset.quote-choice{
  border:0!important;
  padding:0!important;
  margin:0!important;
  min-width:0!important;
}
html body .bhp-root .mobile-panel[inert]{
  pointer-events:none!important;
}
html body .bhp-root .mobile-panel:not([inert]){
  pointer-events:auto!important;
}
html body .bhp-root video[aria-hidden="true"],
html body .bhp-root canvas[aria-hidden="true"]{
  pointer-events:none!important;
}

/* BHP V1.2.43 mobile lead continuity: only the requested high-value controls. */
html body .bhp-root .homev + .hero-proof-strip{
  margin-top:-4px!important;
  position:relative!important;
  z-index:7!important;
}
html body .bhp-root .homev + .hero-proof-strip + .services-section{margin-top:0!important;}
html body .bhp-root .homev-chiprow{gap:10px!important;}
html body .bhp-root .homev-chiprow i{
  display:inline-flex!important;
  align-items:center!important;
  min-height:40px!important;
  padding:9px 13px!important;
  font-size:14px!important;
  line-height:1.2!important;
  letter-spacing:.2px!important;
}
html body .bhp-root .wd-hero-points{gap:9px!important;}
html body .bhp-root .wd-hero-points span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:42px!important;
  padding:9px 12px!important;
  font-size:14px!important;
  line-height:1.3!important;
}
@media(max-width:760px){
  html body .bhp-root .bhp-mobile-appnav > a.bhp-mobile-call{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    grid-column:3!important;
    grid-row:1!important;
    justify-self:center!important;
    align-self:center!important;
    order:3!important;
    margin:0!important;
    transform:translateY(-20px)!important;
    transform-origin:center center!important;
    z-index:3!important;
  }
  html body .bhp-root .bhp-mobile-appnav > a.bhp-mobile-call:active{
    transform:translateY(-20px) scale(.94)!important;
  }
}
@media(max-width:640px){
  html body .bhp-root .homev + .hero-proof-strip{margin-top:-4px!important;}
  html body .bhp-root .homev-chiprow{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  html body .bhp-root .homev-chiprow i{
    display:flex!important;
    min-height:44px!important;
    padding:8px 10px!important;
    font-size:13px!important;
    line-height:1.2!important;
  }
  html body .bhp-root .wd-hero-points span{
    min-height:42px!important;
    padding:9px 10px!important;
    font-size:13px!important;
    line-height:1.28!important;
  }
}
@media(max-width:350px){
  html body .bhp-root .bhp-mobile-appnav > a.bhp-mobile-call{transform:translateY(-18px)!important;}
  html body .bhp-root .bhp-mobile-appnav > a.bhp-mobile-call:active{transform:translateY(-18px) scale(.94)!important;}
}

/* BHP V1.3.26 — mobile video visibility without sacrificing copy contrast.
   Navigation, autoplay recovery, layout and desktop presentation are untouched. */
@media(max-width:760px){
  html body .bhp-root .bhp130-hero-media.is-video-playing .bhp130-video,
  html body .bhp-root .wdlg-video-frame.is-video-playing .wdlg-video,
  html body .bhp-root .adsxl-video-frame.is-video-playing .adsxl-video,
  html body .bhp-root .adswd-video-layer.is-video-playing .adswd-video,
  html body .bhp-root .wd-hero.is-video-playing .wd-hero-video{
    opacity:.72!important;
    filter:brightness(1.18) saturate(1.08)!important;
  }
  html body .bhp-root .bhp-global-vhero>video,
  html body .bhp-root .aboutf-hero>video,
  html body .bhp-root .homev>video.homev-video,
  html body .bhp-root .wdx-hero>video.wdx-hero-video,
  html body .bhp-root .service-video-hero>video{
    opacity:.82!important;
    filter:brightness(1.16) saturate(1.06)!important;
  }
  html body .bhp-root .bhp-ios-motion-fallback{
    opacity:.76!important;
    filter:brightness(1.14) saturate(1.06)!important;
  }

  html body .bhp-root .bhp130-hero:before,
  html body .bhp-root .wdlg-hero:before,
  html body .bhp-root .adsxl-hero:before,
  html body .bhp-root .wd-hero:before,
  html body .bhp-root .wdx-hero:before,
  html body .bhp-root .bhp-global-vhero:before,
  html body .bhp-root .aboutf-hero:before,
  html body .bhp-root .homev:before,
  html body .bhp-root .service-video-hero:before{
    background:linear-gradient(180deg,rgba(2,10,22,.42) 0%,rgba(2,12,26,.66) 48%,rgba(2,9,20,.86) 100%)!important;
  }
  html body .bhp-root .homev:before{
    background:
      radial-gradient(circle at 78% 24%,rgba(19,126,255,.18),transparent 22%),
      radial-gradient(circle at 90% 64%,rgba(127,95,255,.16),transparent 26%),
      linear-gradient(180deg,rgba(2,10,22,.42) 0%,rgba(2,12,26,.66) 48%,rgba(2,9,20,.86) 100%)!important;
  }
  html body .bhp-root .adswd-hero:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-2!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,rgba(2,10,22,.42) 0%,rgba(2,12,26,.66) 48%,rgba(2,9,20,.86) 100%)!important;
  }

  html body .bhp-root .bhp130-copy h1,
  html body .bhp-root .bhp130-copy>p,
  html body .bhp-root .wdlg-copy h1,
  html body .bhp-root .wdlg-copy>p,
  html body .bhp-root .wdlg-points,
  html body .bhp-root .adsxl-copy h1,
  html body .bhp-root .adsxl-copy>p,
  html body .bhp-root .adswd-copy h1,
  html body .bhp-root .adswd-copy>p,
  html body .bhp-root .wd-hero-copy h1,
  html body .bhp-root .wd-hero-copy>p,
  html body .bhp-root .wd-hero-points,
  html body .bhp-root .wdx-copy h1,
  html body .bhp-root .wdx-copy>p,
  html body .bhp-root .bhp-global-vhero h1,
  html body .bhp-root .bhp-global-vhero p,
  html body .bhp-root .aboutf-copy h1,
  html body .bhp-root .aboutf-copy p,
  html body .bhp-root .homev h1,
  html body .bhp-root .homev p,
  html body .bhp-root .service-video-hero h1,
  html body .bhp-root .service-video-hero p{
    text-shadow:0 2px 16px rgba(0,0,0,.82)!important;
  }
}

/* BHP SiteKit V1.3.6 — all-page visual and mobile conversion layer */
.bhp-root.bhp-ui131{--ui131-ink:#07172c;--ui131-muted:#52667e;--ui131-blue:#087ff5;--ui131-cyan:#26d7f4;--ui131-line:rgba(8,93,174,.15);--ui131-shadow:0 22px 60px rgba(4,50,96,.12);color:var(--ui131-ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .sec{position:relative;padding-top:clamp(64px,7vw,96px);padding-bottom:clamp(64px,7vw,96px)}
.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .section-title h2,.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .page-head h1,.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .premium-page-head h1{letter-spacing:-.045em;text-wrap:balance}
.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .section-title p,.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .page-head p,.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .premium-page-head p{line-height:1.72;text-wrap:pretty}
.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .btn,.bhp-root.bhp-ui131:not(.bhp-ads-web-design) button[type="submit"],.bhp-root.bhp-ui131:not(.bhp-ads-web-design) input[type="submit"]{min-height:52px;border-radius:12px;font-weight:900;letter-spacing:.02em;box-shadow:0 14px 34px rgba(7,116,255,.20)}
.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .service-card,.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .portfolio-card,.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .blog-card,.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .review-card,.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-location-card,.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .faq-item{border-radius:18px;border-color:var(--ui131-line);box-shadow:var(--ui131-shadow)}
.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .lead-form input,.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .lead-form select,.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .lead-form textarea{min-height:54px;font-size:16px;line-height:1.45;border-radius:12px}

/* Website screenshots reveal navigation and headline first. */
.bhp-root.bhp-ui131 .bhp130-service-media img,.bhp-root.bhp-ui131 .bhp130-project img,.bhp-root.bhp-ui131 .wdlg-project img,.bhp-root.bhp-ui131 .wdlg-orbit-card img,.bhp-root.bhp-ui131 .adsxl-project img,.bhp-root.bhp-ui131 .adswd-project img,.bhp-root.bhp-ui131 .service-card img,.bhp-root.bhp-ui131 .portfolio-card img,.bhp-root.bhp-ui131 .project-card img,.bhp-root.bhp-ui131 .card-media img,.bhp-root.bhp-ui131 .detail-gallery img{object-position:center top!important}
.bhp-root.bhp-ui131 .service-card .img,.bhp-root.bhp-ui131 .portfolio-card .project-img,.bhp-root.bhp-ui131 .project-card .project-img,.bhp-root.bhp-ui131 .detail-visual-dynamic,.bhp-root.bhp-ui131 .blog-cover{background-position:center top!important}

/* Motion remains visible while a directional veil protects the copy. */
.bhp-root.bhp-ui131 .bhp130-hero-media.is-video-playing .bhp130-video{opacity:.44!important}
.bhp-root.bhp-ui131 .bhp130-hero:before{background:linear-gradient(90deg,rgba(2,11,22,.96) 0%,rgba(3,17,34,.88) 47%,rgba(3,20,39,.56) 100%)!important}
.bhp-root.bhp-ui131 .wdlg-video-frame.is-video-playing .wdlg-video{opacity:.42!important}
.bhp-root.bhp-ui131 .wdlg-hero:before{background:linear-gradient(90deg,rgba(3,13,27,.95) 0%,rgba(3,17,35,.86) 54%,rgba(3,16,33,.54) 100%)!important}
.bhp-root.bhp-ui131 .adsxl-video-frame.is-video-playing .adsxl-video{opacity:.38!important}
.bhp-root.bhp-ui131 .adswd-video-layer.is-video-playing .adswd-video{opacity:.40!important}
.bhp-root.bhp-ui131 .detail-visual-dynamic.has-banner-video.is-video-playing>.bhp-banner-video{opacity:.48!important}
.bhp-root.bhp-ui131 .detail-visual-dynamic.has-banner-video>.bhp-banner-video-overlay{background:linear-gradient(180deg,rgba(3,15,30,.28),rgba(3,15,30,.60) 58%,rgba(2,8,20,.86))!important}
.bhp-root.bhp-ui131 .bhp130-copy,.bhp-root.bhp-ui131 .wdlg-copy,.bhp-root.bhp-ui131 .adsxl-copy,.bhp-root.bhp-ui131 .adswd-copy{position:relative;z-index:2}

/* Lighthouse/WCAG contrast corrections for small labels on light surfaces. */
.bhp-root.bhp-ui131 .bhp130-section:not(.bhp130-hero) .bhp130-kicker,.bhp-root.bhp-ui131 .bhp130-service em{color:#07589f!important}
.bhp-root.bhp-ui131 .wdlg-includes .wdlg-eyebrow,.bhp-root.bhp-ui131 .wdlg-process .wdlg-eyebrow,.bhp-root.bhp-ui131 .wdlg-faq .wdlg-eyebrow,.bhp-root.bhp-ui131 .wdlg-projects .wdlg-eyebrow{color:#07589f!important}
.bhp-root.bhp-ui131 .wdlg-include i{background:#075aaa!important}
.bhp-root.bhp-ui131 .adsxl-work .adsxl-eyebrow,.bhp-root.bhp-ui131 .adsxl-process .adsxl-eyebrow{color:#07589f!important}
.bhp-root.bhp-ui131 .adsxl-step i{color:#07589f!important}.bhp-root.bhp-ui131 .adsxl-review small{color:#526b80!important}
.bhp-root.bhp-ui131 .adsxl-button-primary{border-color:#075aaa!important;background:#075aaa!important}

/* Desktop/tablet service cards: shorter, balanced and visually consistent. */
@media(min-width:761px){
  html body .bhp-root.bhp-ui131 .bhp130-services .bhp130-service-grid{align-items:stretch!important;gap:16px!important}
  html body .bhp-root.bhp-ui131 .bhp130-services .bhp130-service{min-height:310px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border:1px solid rgba(8,93,174,.16)!important;border-radius:17px!important;background:#fff!important;box-shadow:0 15px 38px rgba(4,48,91,.09)!important}
  html body .bhp-root.bhp-ui131 .bhp130-services .bhp130-service-media{height:142px!important;min-height:142px!important;overflow:hidden!important;background:#061a31!important}
  html body .bhp-root.bhp-ui131 .bhp130-services .bhp130-service-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;transition:transform .35s ease!important}
  html body .bhp-root.bhp-ui131 .bhp130-services .bhp130-service:hover .bhp130-service-media img{transform:scale(1.035)!important}
  html body .bhp-root.bhp-ui131 .bhp130-services .bhp130-service-body{min-height:168px!important;padding:17px 18px 16px!important;display:flex!important;flex:1!important;flex-direction:column!important}
  html body .bhp-root.bhp-ui131 .bhp130-services .bhp130-service b{font-size:19px!important;line-height:1.12!important;font-weight:850!important;letter-spacing:-.45px!important;color:#07172c!important}
  html body .bhp-root.bhp-ui131 .bhp130-services .bhp130-service-body>span{margin-top:9px!important;color:#536a80!important;font-size:13.5px!important;line-height:1.48!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important}
  html body .bhp-root.bhp-ui131 .bhp130-services .bhp130-service em{margin-top:auto!important;padding-top:12px!important;border-top:1px solid #e3edf5!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;color:#075fae!important;font-size:11px!important;line-height:1!important;font-style:normal!important;font-weight:850!important;letter-spacing:0!important;text-transform:none!important}
  html body .bhp-root.bhp-ui131 .bhp130-services .bhp130-service em i{font-size:15px!important;line-height:1!important}
}

/* Keep the desktop hero authoritative without letting one headline dominate
   the adjacent decision card. Mobile keeps its separately tuned type scale. */
@media(min-width:981px){
  .bhp-root.bhp-ui131 .bhp130-copy h1{max-width:650px!important;font-size:clamp(46px,4vw,58px)!important;line-height:1.02!important;letter-spacing:-2.35px!important}
}

@media(max-width:760px){
  /* The fixed mobile header is 66px high and starts at the viewport edge. */
  .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-header-spacer{display:block!important;height:66px!important;min-height:66px!important;margin:0!important}
  .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-header-spacer~.crumbs,.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .crumbs{position:relative!important;z-index:3!important;box-sizing:border-box!important;width:100%!important;height:36px!important;min-height:36px!important;max-height:36px!important;flex:0 0 36px!important;margin:0!important;padding:0 16px!important;display:flex!important;align-items:center!important;overflow:hidden!important;transform:none!important;background:#f4f9fd!important;border:0!important;border-bottom:1px solid rgba(8,93,174,.18)!important;box-shadow:none!important;opacity:1!important;visibility:visible!important}
  .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .crumb-inner{box-sizing:border-box!important;width:100%!important;height:36px!important;min-height:36px!important;max-height:36px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;gap:9px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;scrollbar-width:none!important;opacity:1!important;visibility:visible!important;transform:none!important}
  .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .crumbs a,.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .crumbs b,.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .crumbs span{display:inline-flex!important;height:36px!important;align-items:center!important;margin:0!important;padding:0!important;font-size:12px!important;line-height:1!important;color:#0756b8!important;opacity:1!important;visibility:visible!important}
  html body .bhp-root.bhp-ui131 .wdlg>.bhp-web-design-crumbs{position:relative!important;order:-1!important;z-index:10!important;width:100%!important;height:36px!important;min-height:36px!important;max-height:36px!important;flex:0 0 36px!important;margin:0!important;padding:0!important;overflow:hidden!important;transform:none!important;background:#f4f9fd!important;border:0!important;border-bottom:1px solid rgba(8,93,174,.18)!important}
  html body .bhp-root.bhp-ui131 .wdlg>.bhp-web-design-crumbs>.crumb-inner{position:absolute!important;z-index:11!important;inset:0 16px!important;width:auto!important;height:36px!important;min-height:36px!important;max-height:36px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;gap:9px!important;overflow-x:auto!important;overflow-y:hidden!important;opacity:1!important;visibility:visible!important}
  html body .bhp-root.bhp-ui131 .wdlg>.bhp-web-design-crumbs>.crumb-inner>a,html body .bhp-root.bhp-ui131 .wdlg>.bhp-web-design-crumbs>.crumb-inner>b,html body .bhp-root.bhp-ui131 .wdlg>.bhp-web-design-crumbs>.crumb-inner>span{position:relative!important;top:auto!important;bottom:auto!important;display:inline-flex!important;height:36px!important;align-items:center!important;flex:0 0 auto!important;margin:0!important;padding:0!important;color:#0756b8!important;-webkit-text-fill-color:#0756b8!important;font-size:12px!important;line-height:1!important;font-weight:900!important;text-transform:uppercase!important;opacity:1!important;visibility:visible!important;transform:none!important}
  .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .crumb-inner::-webkit-scrollbar{display:none!important}
  .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .crumbs+.homev,.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .crumbs+.page-head,.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .crumbs+.premium-page-head,.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .crumbs+.detail,.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .crumbs+.service-video-hero,.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .crumbs+.wdlg,.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-header-spacer~.bhp130-hero{margin-top:0!important;padding-top:0!important}
  .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .crumbs+.wdlg{position:relative!important;z-index:1!important;display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:0!important;border:0!important}
  .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .crumbs+.wdlg>.wdlg-hero{display:block!important;width:100%!important;margin:0!important;border-top:0!important}
  .bhp-root.bhp-ui131:not(.bhp-ads-web-design){padding-bottom:0!important}
  .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-signature{margin-bottom:0!important;padding-bottom:calc(188px + env(safe-area-inset-bottom))!important;background:#081a35!important}
  .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .sec{padding-top:54px;padding-bottom:54px}
  .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .section-title h2{font-size:clamp(30px,9vw,40px);line-height:1.02}
  .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .section-title p,.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .page-head p,.bhp-root.bhp-ui131:not(.bhp-ads-web-design) .premium-page-head p{font-size:16px;line-height:1.72}

  /* One deterministic five-track dock with a single SVG icon language. */
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav{box-sizing:border-box!important;left:14px!important;right:14px!important;bottom:max(18px,env(safe-area-inset-bottom))!important;width:auto!important;height:66px!important;min-height:66px!important;max-height:66px!important;padding:7px 8px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 66px minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:50px!important;align-content:center!important;align-items:stretch!important;gap:2px!important;overflow:visible!important;border-radius:24px!important;background:linear-gradient(135deg,rgba(4,22,44,.98),rgba(7,43,75,.97))!important;border:1px solid rgba(106,218,255,.28)!important;box-shadow:0 14px 34px rgba(0,20,48,.30),inset 0 1px 0 rgba(255,255,255,.10)!important}
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav>a{box-sizing:border-box!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;min-width:0!important;max-width:none!important;height:50px!important;min-height:50px!important;max-height:50px!important;margin:0!important;padding:5px 1px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;border:1px solid transparent!important;border-radius:14px!important;transform:none!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;color:#d9ecfa!important;text-decoration:none!important;z-index:1!important}
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav>a:nth-child(1){grid-column:1!important;grid-row:1!important;order:1!important}
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav>a:nth-child(2){grid-column:2!important;grid-row:1!important;order:2!important}
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav>a:nth-child(3).bhp-mobile-call{grid-column:3!important;grid-row:1!important;order:3!important}
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav>a:nth-child(4){grid-column:4!important;grid-row:1!important;order:4!important}
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav>a:nth-child(5){grid-column:5!important;grid-row:1!important;order:5!important}
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav>a:before,
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav>a:after,
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav>a span:before,
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav>a span:after{display:none!important;content:none!important;animation:none!important}
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav>a:not(.bhp-mobile-call).active{color:#fff!important;background:linear-gradient(160deg,rgba(12,106,181,.62),rgba(5,54,95,.58))!important;border-color:rgba(98,218,255,.25)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important}
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav>a:not(.bhp-mobile-call){align-self:stretch!important;height:auto!important;min-height:0!important;max-height:none!important}
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav .bhp-dock-icon{display:grid!important;width:21px!important;height:21px!important;min-width:21px!important;place-items:center!important;line-height:1!important;color:inherit!important;transform:translateY(-5px)!important}
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav .bhp-dock-icon svg{display:block!important;width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;overflow:visible!important}
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav>a b{font-size:9.5px!important;line-height:1!important;font-weight:800!important;letter-spacing:.1px!important;text-transform:none!important;white-space:nowrap!important;color:inherit!important}
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav>a:nth-child(3).bhp-mobile-call{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;justify-self:center!important;align-self:center!important;width:66px!important;min-width:66px!important;max-width:66px!important;height:66px!important;min-height:66px!important;max-height:66px!important;margin:0!important;padding:8px!important;transform:translateY(-11px)!important;overflow:visible!important;border:2px solid rgba(255,255,255,.88)!important;border-radius:50%!important;color:#fff!important;background:linear-gradient(145deg,#35d6f2 0%,#099de9 48%,#0875e9 100%)!important;box-shadow:0 0 0 4px rgba(45,196,245,.10),0 12px 26px rgba(0,120,215,.32),inset 0 2px 0 rgba(255,255,255,.30)!important;z-index:4!important}
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav>a:nth-child(3).bhp-mobile-call .bhp-dock-icon,
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav>a:nth-child(3).bhp-mobile-call .bhp-dock-icon svg{width:24px!important;height:24px!important}
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav>a:nth-child(3).bhp-mobile-call b{font-size:10px!important;color:#fff!important}
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav>a:nth-child(3).bhp-mobile-call:active{transform:translateY(-11px) scale(.95)!important}

  /* Compact, equal-height service cards: two useful choices per mobile row. */
  html body .bhp-root.bhp-ui131 .bhp130-services .bhp130-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important}
  html body .bhp-root.bhp-ui131 .bhp130-services .bhp130-service{min-width:0!important;min-height:242px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border:1px solid #d4e3ef!important;border-radius:15px!important;background:#fff!important;box-shadow:0 12px 28px rgba(4,48,91,.08)!important}
  html body .bhp-root.bhp-ui131 .bhp130-services .bhp130-service-media{height:100px!important;min-height:100px!important;aspect-ratio:auto!important;overflow:hidden!important}
  html body .bhp-root.bhp-ui131 .bhp130-services .bhp130-service-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important}
  html body .bhp-root.bhp-ui131 .bhp130-services .bhp130-service-body{min-height:142px!important;padding:13px!important;display:flex!important;flex:1!important;flex-direction:column!important;align-items:stretch!important}
  html body .bhp-root.bhp-ui131 .bhp130-services .bhp130-service b{font-size:16px!important;line-height:1.08!important;font-weight:850!important;letter-spacing:-.35px!important;color:#07172c!important}
  html body .bhp-root.bhp-ui131 .bhp130-services .bhp130-service-body>span{margin-top:8px!important;color:#536a80!important;font-size:12.5px!important;line-height:1.42!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important}
  html body .bhp-root.bhp-ui131 .bhp130-services .bhp130-service em{margin-top:auto!important;padding-top:11px!important;border-top:1px solid #e3edf5!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;color:#075fae!important;font-size:10.5px!important;line-height:1!important;font-style:normal!important;font-weight:850!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important}
  html body .bhp-root.bhp-ui131 .bhp130-services .bhp130-service em i{font-size:14px!important;line-height:1!important}

  .bhp-root.bhp-ui131 .bhp130-hero-media.is-video-playing .bhp130-video,.bhp-root.bhp-ui131 .wdlg-video-frame.is-video-playing .wdlg-video,.bhp-root.bhp-ui131 .adsxl-video-frame.is-video-playing .adsxl-video,.bhp-root.bhp-ui131 .adswd-video-layer.is-video-playing .adswd-video{opacity:.40!important}
  .bhp-root.bhp-ui131 .bhp130-hero:before,.bhp-root.bhp-ui131 .wdlg-hero:before,.bhp-root.bhp-ui131 .adsxl-hero:before{background:linear-gradient(180deg,rgba(2,11,22,.82),rgba(3,17,34,.90) 62%,rgba(2,10,22,.94))!important}
}
@media(max-width:380px){
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav{left:10px!important;right:10px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 62px minmax(0,1fr) minmax(0,1fr)!important}
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav>a b{font-size:9px!important}
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav>a:nth-child(3).bhp-mobile-call{width:62px!important;min-width:62px!important;max-width:62px!important;height:62px!important;min-height:62px!important;max-height:62px!important}
  html body .bhp-root.bhp-ui131 .bhp130-services .bhp130-service{min-height:230px!important}
  html body .bhp-root.bhp-ui131 .bhp130-services .bhp130-service-media{height:92px!important;min-height:92px!important}
  html body .bhp-root.bhp-ui131 .bhp130-services .bhp130-service b{font-size:15px!important}
  html body .bhp-root.bhp-ui131 .bhp130-services .bhp130-service-body>span{font-size:12px!important}
}

/* BHP V1.3.19: paint the iPhone safe-area from the document canvas and
   eliminate the final white strip below the SiteKit root. */
@media(max-width:760px){
  html,
  body{
    margin:0!important;
    padding:0!important;
    min-height:100%!important;
    background-color:#081a35!important;
  }
  html body > .bhp-root.bhp-ui131{
    display:block!important;
    width:100%!important;
    margin:0!important;
    border:0!important;
    background-color:#081a35!important;
  }
  html body > .bhp-root.bhp-ui131 > .bhp-signature:last-child{
    margin:0!important;
    border-bottom:0!important;
    background-color:#081a35!important;
  }
}

/* BHP V1.3.20: readable footer signature, square mobile dock, and an
   explicit iOS playback fallback when Safari blocks autoplay. */
@media(max-width:760px){
  html body .bhp-root.bhp-ui131 .bhp-signature{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:20px 16px calc(120px + env(safe-area-inset-bottom))!important;
    display:block!important;
    overflow:hidden!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    text-align:center!important;
    font-size:14px!important;
    line-height:1.45!important;
    letter-spacing:0!important;
    color:rgba(255,255,255,.82)!important;
    background:#081a35!important;
    border-bottom:0!important;
    box-sizing:border-box!important;
  }
  html body .bhp-root.bhp-ui131 .bhp-signature strong{
    display:inline!important;
    white-space:normal!important;
    color:#fff!important;
  }
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav{
    left:0!important;
    right:0!important;
    border-radius:0!important;
  }
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav > a:not(.bhp-mobile-call){
    border-radius:0!important;
  }
  html body .bhp-root .bhp-ios-video-play{
    position:absolute!important;
    right:14px!important;
    bottom:14px!important;
    z-index:30!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    padding:0!important;
    display:none!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(255,255,255,.82)!important;
    border-radius:0!important;
    background:rgba(4,25,48,.88)!important;
    color:#fff!important;
    font:700 21px/1 Arial,sans-serif!important;
    box-shadow:0 10px 25px rgba(0,0,0,.28)!important;
    -webkit-appearance:none!important;
    appearance:none!important;
    touch-action:manipulation!important;
  }
  html body .bhp-root .bhp-ios-video-play.is-visible{
    display:flex!important;
  }
}

/* The site owner requires hero video playback on iPhone. Do not replace the
   video with a static poster merely because Reduce Motion is enabled. */
/* BHP V1.3.54 — call-first conversion path, with existing content and forms intact. */
@media(min-width:961px){
  html body main.bhp-root.bhp-ui131 header.bhp-nav.glass-nav .call-cta.bhp-call-priority{
    display:inline-flex!important;
    min-height:42px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:10px 17px!important;
    border:1px solid rgba(117,235,255,.88)!important;
    border-radius:7px!important;
    background:linear-gradient(110deg,#075bd8 0%,#078df3 55%,#20cbe8 100%)!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:900!important;
    white-space:nowrap!important;
    box-shadow:0 13px 31px rgba(0,105,220,.27),inset 0 1px 0 rgba(255,255,255,.34)!important;
    text-shadow:0 1px 2px rgba(0,35,79,.35)!important;
    animation:bhp1354HeaderCall 1.5s ease .65s 1 both!important;
  }
  html body main.bhp-root.bhp-ui131 header.bhp-nav.glass-nav .quote.bhp-quote-secondary{
    display:inline-flex!important;
    min-height:42px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:10px 15px!important;
    border:1px solid rgba(7,92,171,.27)!important;
    border-radius:7px!important;
    background:rgba(255,255,255,.69)!important;
    color:#082947!important;
    font-size:12px!important;
    font-weight:850!important;
    white-space:nowrap!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.96)!important;
    text-shadow:none!important;
  }
}
@keyframes bhp1354HeaderCall{
  0%{transform:scale(.96);box-shadow:0 0 0 0 rgba(32,203,232,.40),0 13px 31px rgba(0,105,220,.18)}
  60%{transform:scale(1.025);box-shadow:0 0 0 8px rgba(32,203,232,0),0 17px 36px rgba(0,105,220,.31)}
  100%{transform:scale(1);box-shadow:0 13px 31px rgba(0,105,220,.27),inset 0 1px 0 rgba(255,255,255,.34)}
}
@media(min-width:961px) and (max-width:1180px){
  html body main.bhp-root.bhp-ui131 header.bhp-nav.glass-nav{padding-right:12px!important;padding-left:12px!important;gap:8px!important}
  html body main.bhp-root.bhp-ui131 header.bhp-nav.glass-nav .logo{margin-right:12px!important}
  html body main.bhp-root.bhp-ui131 header.bhp-nav.glass-nav nav{gap:10px!important}
  html body main.bhp-root.bhp-ui131 header.bhp-nav.glass-nav nav a{font-size:11px!important;letter-spacing:0!important}
  html body main.bhp-root.bhp-ui131 header.bhp-nav.glass-nav nav .campaign-nav-link{display:none!important}
  html body main.bhp-root.bhp-ui131 header.bhp-nav.glass-nav .call-cta.bhp-call-priority{display:inline-flex!important;padding:9px 12px!important;font-size:12px!important}
  html body main.bhp-root.bhp-ui131 header.bhp-nav.glass-nav .quote.bhp-quote-secondary{display:inline-flex!important;padding:9px 11px!important;font-size:11px!important}
}

html body main.bhp-root.bhp-ui131 .bhp130-final-actions,
html body main.bhp-root.bhp-ui131 .bhp-call-actions,
html body main.bhp-root.bhp-ui131 .bhp-contact-call-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:11px!important;
  align-items:center!important;
}
html body main.bhp-root.bhp-ui131 .bhp130-final-actions{justify-content:flex-end!important}
html body main.bhp-root.bhp-ui131 .bhp130-final-actions .bhp130-button-secondary{
  border-color:rgba(7,92,171,.30)!important;
  background:#fff!important;
  color:#082947!important;
}
html body main.bhp-root.bhp-ui131 .quote-teaser .bhp-call-actions{justify-content:flex-end!important}
html body main.bhp-root.bhp-ui131 :is(.quote-teaser,.reviews-actions,.bhp-contact-call-actions) .btn{
  min-height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:12px 20px!important;
  border-radius:7px!important;
  font-size:13px!important;
  font-weight:900!important;
}
html body main.bhp-root.bhp-ui131 .contact-lines a{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  color:#d8f5ff!important;
  font-size:17px!important;
  font-weight:850!important;
  line-height:1.5!important;
  text-decoration:none!important;
  text-underline-offset:4px!important;
}
html body main.bhp-root.bhp-ui131 .contact-lines a:hover{text-decoration:underline!important}
html body main.bhp-root.bhp-ui131 .bhp-contact-call-actions{margin-top:22px!important}
html body main.bhp-root.bhp-ui131 .bhp-contact-call-actions .btn-ghost{
  border-color:rgba(129,229,255,.55)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}
html body main.bhp-root.bhp-ui131 .bhp-review-call-card{
  grid-column:span 2!important;
  min-height:250px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:30px!important;
  border:1px solid rgba(108,227,255,.34)!important;
  border-radius:13px!important;
  background:radial-gradient(circle at 88% 5%,rgba(53,205,244,.24),transparent 32%),linear-gradient(135deg,#06172b,#0a3b64)!important;
  box-shadow:0 23px 58px rgba(3,45,84,.19)!important;
  color:#fff!important;
}
html body main.bhp-root.bhp-ui131 .bhp-review-call-card>span{color:#7eeaff!important;font-size:10px!important;font-weight:950!important;letter-spacing:2.5px!important}
html body main.bhp-root.bhp-ui131 .bhp-review-call-card h3{margin:10px 0 9px!important;color:#fff!important;font-size:30px!important;line-height:1.05!important}
html body main.bhp-root.bhp-ui131 .bhp-review-call-card p{max-width:600px!important;margin:0 0 20px!important;color:#d2e3ef!important;font-size:15px!important;line-height:1.65!important}
html body main.bhp-root.bhp-ui131 .bhp-review-call-card .btn-ghost{border-color:rgba(135,231,255,.52)!important;background:rgba(255,255,255,.08)!important;color:#fff!important}
html body main.bhp-root.bhp-ui131 .bhp-grid-call{
  grid-column:span 2!important;
  min-height:230px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:30px!important;
  border:1px solid rgba(107,226,255,.34)!important;
  border-radius:13px!important;
  background:radial-gradient(circle at 86% 10%,rgba(48,204,243,.25),transparent 34%),linear-gradient(135deg,#06172b,#0a3b64)!important;
  box-shadow:0 22px 55px rgba(3,45,84,.18)!important;
  color:#fff!important;
}
html body main.bhp-root.bhp-ui131 .bhp-grid-call span{color:#7eeaff!important;font-size:10px!important;font-weight:950!important;letter-spacing:2.35px!important}
html body main.bhp-root.bhp-ui131 .bhp-grid-call b{display:block!important;max-width:590px!important;margin:11px 0 21px!important;color:#fff!important;font-size:28px!important;line-height:1.12!important}
html body main.bhp-root.bhp-ui131 .bhp-grid-call a{width:max-content!important;max-width:100%!important;color:#fff!important;font-size:15px!important;font-weight:900!important;text-decoration:none!important}
html body main.bhp-root.bhp-ui131 .bhp-grid-call a i{color:#7eeaff!important;font-style:normal!important;font-size:20px!important}
@media(max-width:700px){
  html body main.bhp-root.bhp-ui131 .bhp130-final-actions,
  html body main.bhp-root.bhp-ui131 .bhp-call-actions,
  html body main.bhp-root.bhp-ui131 .bhp-contact-call-actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important}
  html body main.bhp-root.bhp-ui131 .bhp130-final-actions .bhp130-button,
  html body main.bhp-root.bhp-ui131 .bhp-call-actions .btn,
  html body main.bhp-root.bhp-ui131 .bhp-contact-call-actions .btn{width:100%!important}
  html body main.bhp-root.bhp-ui131 .quote-teaser .bhp-call-actions{justify-content:stretch!important}
  html body main.bhp-root.bhp-ui131 .bhp-review-call-card,
  html body main.bhp-root.bhp-ui131 .bhp-grid-call{grid-column:1/-1!important;min-height:0!important;padding:25px 21px!important}
  html body main.bhp-root.bhp-ui131 .bhp-review-call-card h3,
  html body main.bhp-root.bhp-ui131 .bhp-grid-call b{font-size:25px!important}
}

@media(prefers-reduced-motion:reduce){
  html body .bhp-root video[autoplay]{
    display:block!important;
    animation:none!important;
    transition:none!important;
  }
}

/* iOS motion fallback base layer. The page-specific exposure is calibrated
   by the final mobile harmony rules below. */
@media(max-width:760px){
  html body .bhp-root .bhp-ios-motion-fallback{
    position:absolute!important;
    inset:0!important;
    z-index:auto;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    display:block!important;
    object-fit:cover!important;
    object-position:center center!important;
    opacity:.92!important;
    pointer-events:none!important;
  }
}

/* BHP V1.3.24 — exact mobile fix from the supplied screenshot.
   The light top header itself, not the bottom dock, must have hard corners. */
@media(max-width:760px){
  html body .bhp-root header.bhp-nav,
  html body .bhp-root header.bhp-nav.glass-nav{
    border-radius:0!important;
    clip-path:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  html body .bhp-root header.bhp-nav::before,
  html body .bhp-root header.bhp-nav::after,
  html body .bhp-root header.bhp-nav.glass-nav::before,
  html body .bhp-root header.bhp-nav.glass-nav::after{
    border-radius:0!important;
    clip-path:none!important;
  }

  /* iOS Safari only autoplays muted inline media while it is visibly rendered.
     These are background videos and remain protected by the existing overlays. */
  html body .bhp-root video[autoplay]{
    display:block!important;
    visibility:visible!important;
    transform:translateZ(0)!important;
    -webkit-transform:translateZ(0)!important;
  }
}

/* BHP V1.3.30 — final mobile dock shape and calibrated video/text harmony.
   Keep it after every legacy dock and hero rule so nothing can override it. */
@media(max-width:760px){
  html body .bhp-mobile-appnav,
  html body .bhp-root .bhp-mobile-appnav,
  html body .bhp-root.bhp-ui131:not(.bhp-ads-web-design) .bhp-mobile-appnav{
    box-sizing:border-box!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    border-radius:0!important;
    overflow:visible!important;
    clip-path:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  html body .bhp-root .bhp-mobile-appnav::before{
    left:16px!important;
    right:16px!important;
    border-radius:0!important;
  }
  html body .bhp-root .bhp-mobile-appnav>a:not(.bhp-mobile-call),
  html body .bhp-root .bhp-mobile-appnav>a:not(.bhp-mobile-call).active{
    border-radius:0!important;
  }

  html body .bhp-root .bhp130-video,
  html body .bhp-root .wdlg-video,
  html body .bhp-root .adsxl-video,
  html body .bhp-root .adswd-video,
  html body .bhp-root .wd-hero-video{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }
  /* Legacy playing-state selectors carry five classes and were still winning
     the important cascade on these two pages. Match that state explicitly. */
  html body .bhp-root.bhp-ui131 .bhp130-hero-media.is-video-playing .bhp130-video,
  html body .bhp-root.bhp-ui131 .wdlg-video-frame.is-video-playing .wdlg-video{
    opacity:1!important;
    filter:brightness(1.32) saturate(1.10) contrast(1.04)!important;
  }
  html body .bhp-root .bhp-global-vhero>video,
  html body .bhp-root .aboutf-hero>video,
  html body .bhp-root .homev>video.homev-video,
  html body .bhp-root .wdx-hero>video.wdx-hero-video,
  html body .bhp-root .service-video-hero>video{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }
  html body .bhp-root .bhp130-hero-poster img,
  html body .bhp-root .wdlg-video-poster img,
  html body .bhp-root .adsxl-video-poster img,
  html body .bhp-root .adswd-video-poster img,
  html body .bhp-root .bhp-ios-motion-fallback{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }

  /* The source videos have very different native exposure. Calibrate each
     surface instead of applying one opacity that makes some pages washed out
     and others almost black. */
  html body .bhp-root .bhp130-video,
  html body .bhp-root .bhp130-hero .bhp-ios-motion-fallback{
    filter:brightness(1.40) saturate(1.04) contrast(1.03)!important;
  }
  html body .bhp-root .wdlg-video,
  html body .bhp-root .wdlg-hero .bhp-ios-motion-fallback{
    filter:brightness(1.04) saturate(1.02) contrast(1.03)!important;
  }
  html body .bhp-root .bhp-global-vhero>video,
  html body .bhp-root .bhp-global-vhero>.bhp-ios-motion-fallback{
    filter:brightness(.92) saturate(.92) contrast(1.04)!important;
  }
  html body .bhp-root .bhp-global-vhero.bhp-vhero-bhp-services>video,
  html body .bhp-root .bhp-global-vhero.bhp-vhero-bhp-services>.bhp-ios-motion-fallback{
    filter:brightness(.90) saturate(.90) contrast(1.04)!important;
  }
  html body .bhp-root .bhp-global-vhero.bhp-vhero-bhp-portfolio>video,
  html body .bhp-root .bhp-global-vhero.bhp-vhero-bhp-portfolio>.bhp-ios-motion-fallback{
    filter:brightness(1) saturate(.94) contrast(1.04)!important;
  }
  html body .bhp-root .aboutf-hero>video,
  html body .bhp-root .aboutf-hero>.bhp-ios-motion-fallback{
    filter:brightness(1.08) saturate(.88) contrast(1.04)!important;
  }
  html body .bhp-root .adsxl-video,
  html body .bhp-root .adswd-video,
  html body .bhp-root .wd-hero-video,
  html body .bhp-root .wdx-hero>video.wdx-hero-video,
  html body .bhp-root .service-video-hero>video{
    filter:brightness(1.04) saturate(.98) contrast(1.03)!important;
  }

  html body .bhp-root .bhp130-hero:before{
    background:
      linear-gradient(90deg,rgba(2,10,22,.30) 0%,rgba(2,12,26,.22) 72%,rgba(2,9,20,.16) 100%),
      linear-gradient(180deg,rgba(2,10,22,.07) 0%,rgba(2,12,26,.18) 48%,rgba(2,9,20,.48) 100%)!important;
  }
  html body .bhp-root .wdlg-hero:before{
    background:
      linear-gradient(90deg,rgba(2,10,22,.38) 0%,rgba(2,12,26,.26) 72%,rgba(2,9,20,.18) 100%),
      linear-gradient(180deg,rgba(2,10,22,.09) 0%,rgba(2,12,26,.22) 48%,rgba(2,9,20,.52) 100%)!important;
  }
  html body .bhp-root .bhp-global-vhero:before{
    background:
      linear-gradient(90deg,rgba(2,10,22,.50) 0%,rgba(2,12,26,.36) 72%,rgba(2,9,20,.26) 100%),
      linear-gradient(180deg,rgba(2,10,22,.09) 0%,rgba(2,12,26,.22) 48%,rgba(2,9,20,.50) 100%)!important;
  }
  html body .bhp-root .bhp-global-vhero.bhp-vhero-bhp-services:before{
    background:
      linear-gradient(90deg,rgba(2,10,22,.58) 0%,rgba(2,12,26,.43) 72%,rgba(2,9,20,.34) 100%),
      linear-gradient(180deg,rgba(2,10,22,.10) 0%,rgba(2,12,26,.24) 48%,rgba(2,9,20,.52) 100%)!important;
  }
  html body .bhp-root .bhp-global-vhero.bhp-vhero-bhp-portfolio:before{
    background:
      linear-gradient(90deg,rgba(2,10,22,.46) 0%,rgba(2,12,26,.34) 72%,rgba(2,9,20,.26) 100%),
      linear-gradient(180deg,rgba(2,10,22,.08) 0%,rgba(2,12,26,.22) 48%,rgba(2,9,20,.48) 100%)!important;
  }
  html body .bhp-root .aboutf-hero:before{
    background:
      linear-gradient(90deg,rgba(2,10,22,.38) 0%,rgba(2,12,26,.30) 72%,rgba(2,9,20,.24) 100%),
      linear-gradient(180deg,rgba(2,10,22,.08) 0%,rgba(2,12,26,.16) 48%,rgba(2,9,20,.46) 100%)!important;
  }
  html body .bhp-root .adsxl-hero:before,
  html body .bhp-root .wd-hero:before,
  html body .bhp-root .wdx-hero:before,
  html body .bhp-root .homev:before,
  html body .bhp-root .service-video-hero:before{
    background:linear-gradient(180deg,rgba(2,10,22,.32) 0%,rgba(2,12,26,.48) 48%,rgba(2,9,20,.72) 100%)!important;
  }
  html body .bhp-root .homev:before{
    background:
      radial-gradient(circle at 78% 24%,rgba(19,126,255,.18),transparent 22%),
      radial-gradient(circle at 90% 64%,rgba(127,95,255,.16),transparent 26%),
      linear-gradient(180deg,rgba(2,10,22,.24) 0%,rgba(2,12,26,.40) 48%,rgba(2,9,20,.66) 100%)!important;
  }
  html body .bhp-root .adswd-hero:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-2!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,rgba(2,10,22,.32) 0%,rgba(2,12,26,.48) 48%,rgba(2,9,20,.72) 100%)!important;
  }
  html body .bhp-root .detail-visual-dynamic.has-banner-video.is-video-playing>.bhp-banner-video{
    opacity:.88!important;
    filter:brightness(1.18) saturate(1.08)!important;
  }
  html body .bhp-root .detail-visual-dynamic.has-banner-video>.bhp-banner-video-overlay{
    background:linear-gradient(180deg,rgba(2,10,22,.20),rgba(2,12,26,.46) 55%,rgba(2,9,20,.76))!important;
  }

  html body .bhp-root .bhp130-copy,
  html body .bhp-root .wdlg-copy,
  html body .bhp-root .adsxl-copy,
  html body .bhp-root .adswd-copy,
  html body .bhp-root .wd-hero-copy,
  html body .bhp-root .wdx-copy,
  html body .bhp-root .bhp-global-vhero>div,
  html body .bhp-root .aboutf-copy,
  html body .bhp-root .homev>div,
  html body .bhp-root .service-video-hero>div{
    position:relative!important;
    z-index:3!important;
    text-shadow:0 2px 9px rgba(0,0,0,.98),0 0 24px rgba(0,0,0,.72)!important;
  }
  html body .bhp-root .bhp130-copy>p,
  html body .bhp-root .wdlg-copy>p,
  html body .bhp-root .bhp-global-vhero>div>p,
  html body .bhp-root .aboutf-copy>p{
    color:#eef6fd!important;
  }
  html body .bhp-root .bhp130-kicker,
  html body .bhp-root .wdlg-kicker,
  html body .bhp-root .bhp-global-vhero .eyebrow,
  html body .bhp-root .aboutf-copy>span{
    color:#7de9ff!important;
  }
  html body .bhp-root .bhp-global-vhero .btn-ghost,
  html body .bhp-root .aboutf-hero .btn-ghost{
    color:#fff!important;
    background:rgba(2,18,37,.64)!important;
    border-color:rgba(125,233,255,.62)!important;
  }
}

/* BHP SiteKit V1.3.36 — compressed hero motion, Canada-based positioning and
   compact six-review proof placed directly before each final CTA. */
html body .bhp-root.bhp-ui131 .bhp130-hero-media.is-video-playing .bhp130-video,
html body .bhp-root.bhp-ui131 .wdlg-video-frame.is-video-playing .wdlg-video,
html body .bhp-root.bhp-ui131 .adsxl-video-frame.is-video-playing .adsxl-video,
html body .bhp-root.bhp-ui131 .adswd-video-layer.is-video-playing .adswd-video,
html body .bhp-root.bhp-ui131 .wd-hero.is-video-playing .wd-hero-video,
html body .bhp-root.bhp-ui131 .bhp-global-vhero>video,
html body .bhp-root.bhp-ui131 .aboutf-hero>video,
html body .bhp-root.bhp-ui131 .homev>video.homev-video,
html body .bhp-root.bhp-ui131 .wdx-hero>video.wdx-hero-video,
html body .bhp-root.bhp-ui131 .service-video-hero>video{
  display:block!important;
  visibility:visible!important;
  opacity:.78!important;
  filter:brightness(1.12) saturate(1.08) contrast(1.02)!important;
}
html body .bhp-root.bhp-ui131 .bhp130-hero-poster img,
html body .bhp-root.bhp-ui131 .wdlg-video-poster img,
html body .bhp-root.bhp-ui131 .adsxl-video-poster img,
html body .bhp-root.bhp-ui131 .adswd-video-poster img,
html body .bhp-root.bhp-ui131 .bhp-ios-motion-fallback{
  opacity:.52!important;
  filter:brightness(.92) saturate(.92) contrast(1.03)!important;
}
html body .bhp-root.bhp-ui131 .bhp130-hero:before,
html body .bhp-root.bhp-ui131 .wdlg-hero:before,
html body .bhp-root.bhp-ui131 .adsxl-hero:before,
html body .bhp-root.bhp-ui131 .wd-hero:before,
html body .bhp-root.bhp-ui131 .wdx-hero:before,
html body .bhp-root.bhp-ui131 .bhp-global-vhero:before,
html body .bhp-root.bhp-ui131 .aboutf-hero:before,
html body .bhp-root.bhp-ui131 .homev:before,
html body .bhp-root.bhp-ui131 .service-video-hero:before{
  background:
    linear-gradient(90deg,rgba(2,10,22,.70) 0%,rgba(2,12,26,.46) 56%,rgba(2,9,20,.22) 100%),
    linear-gradient(180deg,rgba(2,10,22,.04) 0%,rgba(2,12,26,.10) 50%,rgba(2,9,20,.50) 100%)!important;
}
html body .bhp-root.bhp-ui131 .adswd-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(2,10,22,.70),rgba(2,12,26,.45) 58%,rgba(2,9,20,.22)),
    linear-gradient(180deg,rgba(2,10,22,.04),rgba(2,9,20,.52))!important;
}

html body .bhp-root.bhp-ui131 .lead-reviews{
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 88% 14%,rgba(8,127,234,.13),transparent 28%),
    linear-gradient(180deg,#f8fcff,#edf7ff)!important;
}
html body .bhp-root.bhp-ui131 .lead-reviews .reviews-head p{
  max-width:650px!important;
  margin:14px 0 0!important;
  color:#526b82!important;
}
html body .bhp-root.bhp-ui131 .lead-reviews .review-grid,
html body .bhp-root.bhp-ui131 .wdlg .wdlg-review-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
}
html body .bhp-root.bhp-ui131 .lead-reviews .review,
html body .bhp-root.bhp-ui131 .wdlg .wdlg-review{
  min-width:0!important;
  min-height:220px!important;
  padding:18px!important;
  border:1px solid rgba(8,103,188,.15)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 18px 42px rgba(4,59,108,.09)!important;
}
html body .bhp-root.bhp-ui131 .wdlg .wdlg-review .stars{
  color:#087fea!important;
}
html body .bhp-root.bhp-ui131 .wdlg .wdlg-review p{
  color:#314d67!important;
}
html body .bhp-root.bhp-ui131 .wdlg .wdlg-review b{
  color:#071a31!important;
}
html body .bhp-root.bhp-ui131 .wdlg .wdlg-review small{
  color:#62798e!important;
}
html body .bhp-root.bhp-ui131 .reviews-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:11px!important;
  margin-top:30px!important;
}
html body .bhp-root.bhp-ui131 .reviews-actions .btn-ghost{
  background:#fff!important;
  color:#075fae!important;
  border-color:rgba(7,95,174,.28)!important;
}

html body .bhp-root.bhp-ui131 .bhp135-service-bridge{
  isolation:isolate!important;
  overflow:hidden!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(36,204,246,.22),transparent 25%),
    linear-gradient(130deg,#041326,#07355b)!important;
}
html body .bhp-root.bhp-ui131 .bhp135-service-bridge:after{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  right:-170px!important;
  bottom:-310px!important;
  width:620px!important;
  aspect-ratio:1!important;
  border:1px solid rgba(112,231,255,.15)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 65px rgba(112,231,255,.025),0 0 0 130px rgba(112,231,255,.014)!important;
}
html body .bhp-root.bhp-ui131 .bhp135-service-bridge-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)!important;
  gap:42px!important;
  align-items:end!important;
  margin-bottom:31px!important;
}
html body .bhp-root.bhp-ui131 .bhp135-service-bridge-head h2{
  max-width:720px!important;
  margin:9px 0 0!important;
  color:#fff!important;
  font-size:clamp(36px,4.2vw,54px)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
}
html body .bhp-root.bhp-ui131 .bhp135-service-bridge-head>p{
  margin:0!important;
  color:#c8dce9!important;
  font-size:16px!important;
  line-height:1.7!important;
}
html body .bhp-root.bhp-ui131 .bhp135-service-bridge-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:13px!important;
}
html body .bhp-root.bhp-ui131 .bhp135-service-bridge-grid article{
  min-width:0!important;
  min-height:220px!important;
  padding:25px!important;
  border:1px solid rgba(139,230,255,.18)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html body .bhp-root.bhp-ui131 .bhp135-service-bridge-grid i{
  display:grid!important;
  width:34px!important;
  height:34px!important;
  place-items:center!important;
  border-radius:8px!important;
  background:#0a86e7!important;
  color:#fff!important;
  font-size:11px!important;
  font-style:normal!important;
  font-weight:900!important;
}
html body .bhp-root.bhp-ui131 .bhp135-service-bridge-grid b{
  display:block!important;
  margin:17px 0 9px!important;
  color:#fff!important;
  font-size:19px!important;
}
html body .bhp-root.bhp-ui131 .bhp135-service-bridge-grid p{
  margin:0!important;
  color:#c7dae8!important;
  font-size:14px!important;
  line-height:1.62!important;
}
html body .bhp-root.bhp-ui131 .bhp135-service-bridge-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:11px!important;
  margin-top:29px!important;
}
html body .bhp-root.bhp-ui131 .bhp135-service-bridge .btn-ghost{
  color:#fff!important;
  background:rgba(3,21,41,.40)!important;
  border-color:rgba(125,233,255,.48)!important;
}

@media(max-width:1050px){
  html body .bhp-root.bhp-ui131 .lead-reviews .review-grid,
  html body .bhp-root.bhp-ui131 .wdlg .wdlg-review-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  html body .bhp-root.bhp-ui131 .bhp135-service-bridge-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body .bhp-root.bhp-ui131 .bhp135-service-bridge-head{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
}
@media(max-width:760px){
  html body .bhp-root.bhp-ui131 .bhp130-hero-media.is-video-playing .bhp130-video,
  html body .bhp-root.bhp-ui131 .wdlg-video-frame.is-video-playing .wdlg-video,
  html body .bhp-root.bhp-ui131 .adsxl-video-frame.is-video-playing .adsxl-video,
  html body .bhp-root.bhp-ui131 .adswd-video-layer.is-video-playing .adswd-video,
  html body .bhp-root.bhp-ui131 .wd-hero.is-video-playing .wd-hero-video,
  html body .bhp-root.bhp-ui131 .bhp-global-vhero>video,
  html body .bhp-root.bhp-ui131 .aboutf-hero>video,
  html body .bhp-root.bhp-ui131 .homev>video.homev-video,
  html body .bhp-root.bhp-ui131 .wdx-hero>video.wdx-hero-video,
  html body .bhp-root.bhp-ui131 .service-video-hero>video{
    opacity:.84!important;
    filter:brightness(1.14) saturate(1.08) contrast(1.02)!important;
  }
  html body .bhp-root.bhp-ui131 .bhp130-hero-poster img,
  html body .bhp-root.bhp-ui131 .wdlg-video-poster img,
  html body .bhp-root.bhp-ui131 .adsxl-video-poster img,
  html body .bhp-root.bhp-ui131 .adswd-video-poster img,
  html body .bhp-root.bhp-ui131 .bhp-ios-motion-fallback{
    opacity:.58!important;
    filter:brightness(.96) saturate(.94) contrast(1.02)!important;
  }
  html body .bhp-root.bhp-ui131 .bhp130-hero:before,
  html body .bhp-root.bhp-ui131 .wdlg-hero:before,
  html body .bhp-root.bhp-ui131 .adsxl-hero:before,
  html body .bhp-root.bhp-ui131 .wd-hero:before,
  html body .bhp-root.bhp-ui131 .wdx-hero:before,
  html body .bhp-root.bhp-ui131 .bhp-global-vhero:before,
  html body .bhp-root.bhp-ui131 .aboutf-hero:before,
  html body .bhp-root.bhp-ui131 .homev:before,
  html body .bhp-root.bhp-ui131 .service-video-hero:before,
  html body .bhp-root.bhp-ui131 .adswd-hero:before{
    background:linear-gradient(180deg,rgba(2,10,22,.34) 0%,rgba(2,12,26,.48) 48%,rgba(2,9,20,.68) 100%)!important;
  }
  html body .bhp-root.bhp-ui131 .lead-reviews .review-grid,
  html body .bhp-root.bhp-ui131 .wdlg .wdlg-review-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:12px!important;
    overflow-x:auto!important;
    padding:3px 2px 16px!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body .bhp-root.bhp-ui131 .lead-reviews .review,
  html body .bhp-root.bhp-ui131 .wdlg .wdlg-review{
    flex:0 0 min(76vw,300px)!important;
    min-height:220px!important;
    scroll-snap-align:center!important;
  }
  html body .bhp-root.bhp-ui131 .reviews-actions,
  html body .bhp-root.bhp-ui131 .bhp135-service-bridge-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  html body .bhp-root.bhp-ui131 .reviews-actions .btn,
  html body .bhp-root.bhp-ui131 .bhp135-service-bridge-actions .btn{
    width:100%!important;
  }
  html body .bhp-root.bhp-ui131 .bhp135-service-bridge-grid{
    grid-template-columns:1fr!important;
  }
  html body .bhp-root.bhp-ui131 .bhp135-service-bridge-grid article{
    min-height:0!important;
  }
  html body .bhp-root.bhp-ui131 .wdlg-local{
    padding:55px 0!important;
  }
  html body .bhp-root.bhp-ui131 .wdlg-local-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  html body .bhp-root.bhp-ui131 .wdlg-local-card{
    min-height:220px!important;
    padding:18px!important;
  }
}

/* BHP SiteKit V1.3.37 — preserve every hero video's native aspect ratio.
   The media stays on the text side; unused hero space remains the designed
   navy/gradient background instead of being filled by crop or enlargement. */
html body .bhp-root.bhp-ui131 .bhp130-hero-media,
html body .bhp-root.bhp-ui131 .wdlg-video-frame,
html body .bhp-root.bhp-ui131 .adsxl-video-frame,
html body .bhp-root.bhp-ui131 .adswd-video-layer,
html body .bhp-root.bhp-ui131 .wd-hero,
html body .bhp-root.bhp-ui131 .bhp-global-vhero,
html body .bhp-root.bhp-ui131 .aboutf-hero,
html body .bhp-root.bhp-ui131 .homev,
html body .bhp-root.bhp-ui131 .wdx-hero,
html body .bhp-root.bhp-ui131 .service-video-hero,
html body .bhp-root.bhp-ui131 .detail-visual-dynamic.has-banner-video{
  background-color:#04162b!important;
}
html body .bhp-root.bhp-ui131 .bhp130-video,
html body .bhp-root.bhp-ui131 .wdlg-video,
html body .bhp-root.bhp-ui131 .adsxl-video,
html body .bhp-root.bhp-ui131 .adswd-video,
html body .bhp-root.bhp-ui131 .wd-hero-video,
html body .bhp-root.bhp-ui131 .bhp-global-vhero>video,
html body .bhp-root.bhp-ui131 .aboutf-hero>video,
html body .bhp-root.bhp-ui131 .homev>video.homev-video,
html body .bhp-root.bhp-ui131 .wdx-hero>video.wdx-hero-video,
html body .bhp-root.bhp-ui131 .service-video-hero>video,
html body .bhp-root.bhp-ui131 .detail-visual-dynamic.has-banner-video>video.bhp-banner-video{
  inset:auto!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  left:0!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  transform:translateY(-50%)!important;
}
html body .bhp-root.bhp-ui131 .bhp130-hero-poster img,
html body .bhp-root.bhp-ui131 .wdlg-video-poster img,
html body .bhp-root.bhp-ui131 .adsxl-video-poster img,
html body .bhp-root.bhp-ui131 .adswd-video-poster img,
html body .bhp-root.bhp-ui131 .wd-video-poster img,
html body .bhp-root.bhp-ui131 .bhp-ios-motion-fallback{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
}
@media(max-width:760px){
  html body .bhp-root.bhp-ui131 .bhp130-video,
  html body .bhp-root.bhp-ui131 .wdlg-video,
  html body .bhp-root.bhp-ui131 .adsxl-video,
  html body .bhp-root.bhp-ui131 .adswd-video,
  html body .bhp-root.bhp-ui131 .wd-hero-video,
  html body .bhp-root.bhp-ui131 .bhp-global-vhero>video,
  html body .bhp-root.bhp-ui131 .aboutf-hero>video,
  html body .bhp-root.bhp-ui131 .homev>video.homev-video,
  html body .bhp-root.bhp-ui131 .wdx-hero>video.wdx-hero-video,
  html body .bhp-root.bhp-ui131 .service-video-hero>video,
  html body .bhp-root.bhp-ui131 .detail-visual-dynamic.has-banner-video>video.bhp-banner-video,
  html body .bhp-root.bhp-ui131 .bhp130-hero-poster img,
  html body .bhp-root.bhp-ui131 .wdlg-video-poster img,
  html body .bhp-root.bhp-ui131 .adsxl-video-poster img,
  html body .bhp-root.bhp-ui131 .adswd-video-poster img,
  html body .bhp-root.bhp-ui131 .wd-video-poster img,
  html body .bhp-root.bhp-ui131 .bhp-ios-motion-fallback{
    object-position:left center!important;
  }
}

/* BHP SiteKit V1.3.38 — polished first frame and contained hero motion.
   A sharp static poster is visible before playback; the movie replaces it
   only after Safari confirms that playback has started. */
html body .bhp-root.bhp-ui131 .bhp130-hero-media,
html body .bhp-root.bhp-ui131 .wdlg-video-frame,
html body .bhp-root.bhp-ui131 .adsxl-video-frame,
html body .bhp-root.bhp-ui131 .adswd-video-layer,
html body .bhp-root.bhp-ui131 .wd-hero,
html body .bhp-root.bhp-ui131 .bhp-global-vhero,
html body .bhp-root.bhp-ui131 .aboutf-hero,
html body .bhp-root.bhp-ui131 .homev,
html body .bhp-root.bhp-ui131 .wdx-hero,
html body .bhp-root.bhp-ui131 .service-video-hero{
  background:
    radial-gradient(circle at 50% 12%,rgba(23,139,224,.20),transparent 34%),
    linear-gradient(145deg,#031020 0%,#061d35 56%,#082a48 100%)!important;
}
html body .bhp-root.bhp-ui131 .bhp130-video,
html body .bhp-root.bhp-ui131 .wdlg-video,
html body .bhp-root.bhp-ui131 .adsxl-video,
html body .bhp-root.bhp-ui131 .adswd-video,
html body .bhp-root.bhp-ui131 .wd-hero-video,
html body .bhp-root.bhp-ui131 .bhp-global-vhero>video,
html body .bhp-root.bhp-ui131 .aboutf-hero>video,
html body .bhp-root.bhp-ui131 .homev>video.homev-video,
html body .bhp-root.bhp-ui131 .wdx-hero>video.wdx-hero-video,
html body .bhp-root.bhp-ui131 .service-video-hero>video,
html body .bhp-root.bhp-ui131 .detail-visual-dynamic.has-banner-video>video.bhp-banner-video,
html body .bhp-root.bhp-ui131 .bhp-ios-motion-fallback{
  inset:auto!important;
  top:0!important;
  right:auto!important;
  bottom:auto!important;
  left:50%!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center top!important;
  transform:translateX(-50%)!important;
  -webkit-transform:translateX(-50%)!important;
}
html body .bhp-root.bhp-ui131 .bhp130-hero-poster img,
html body .bhp-root.bhp-ui131 .wdlg-video-poster img,
html body .bhp-root.bhp-ui131 .adsxl-video-poster img,
html body .bhp-root.bhp-ui131 .adswd-video-poster img,
html body .bhp-root.bhp-ui131 .wd-video-poster img{
  inset:auto!important;
  top:0!important;
  right:auto!important;
  bottom:auto!important;
  left:50%!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center top!important;
  opacity:.90!important;
  filter:brightness(.88) saturate(1.02) contrast(1.03)!important;
  transform:translateX(-50%)!important;
  transition:opacity .22s ease!important;
}
html body .bhp-root.bhp-ui131 .bhp130-video,
html body .bhp-root.bhp-ui131 .wdlg-video,
html body .bhp-root.bhp-ui131 .adsxl-video,
html body .bhp-root.bhp-ui131 .adswd-video,
html body .bhp-root.bhp-ui131 .wd-hero-video{
  opacity:0!important;
  transition:opacity .22s ease!important;
}
html body .bhp-root.bhp-ui131 .bhp130-hero-media.is-video-playing .bhp130-video,
html body .bhp-root.bhp-ui131 .wdlg-video-frame.is-video-playing .wdlg-video,
html body .bhp-root.bhp-ui131 .adsxl-video-frame.is-video-playing .adsxl-video,
html body .bhp-root.bhp-ui131 .adswd-video-layer.is-video-playing .adswd-video,
html body .bhp-root.bhp-ui131 .wd-hero.is-video-playing .wd-hero-video{
  opacity:.90!important;
  filter:brightness(.92) saturate(1.04) contrast(1.03)!important;
}
html body .bhp-root.bhp-ui131 .bhp130-hero-media.is-video-playing .bhp130-hero-poster img,
html body .bhp-root.bhp-ui131 .wdlg-video-frame.is-video-playing .wdlg-video-poster img,
html body .bhp-root.bhp-ui131 .adsxl-video-frame.is-video-playing .adsxl-video-poster img,
html body .bhp-root.bhp-ui131 .adswd-video-layer.is-video-playing .adswd-video-poster img,
html body .bhp-root.bhp-ui131 .wd-hero.is-video-playing .wd-video-poster img{
  opacity:0!important;
}
html body .bhp-root.bhp-ui131 .bhp-global-vhero>video,
html body .bhp-root.bhp-ui131 .aboutf-hero>video,
html body .bhp-root.bhp-ui131 .homev>video.homev-video,
html body .bhp-root.bhp-ui131 .wdx-hero>video.wdx-hero-video,
html body .bhp-root.bhp-ui131 .service-video-hero>video{
  opacity:.90!important;
  filter:brightness(.92) saturate(1.04) contrast(1.03)!important;
}
html body .bhp-root.bhp-ui131 .bhp-ios-motion-fallback{
  opacity:.90!important;
  filter:brightness(.88) saturate(1.02) contrast(1.03)!important;
}
@media(max-width:760px){
  html body .bhp-root.bhp-ui131 .bhp130-video,
  html body .bhp-root.bhp-ui131 .wdlg-video,
  html body .bhp-root.bhp-ui131 .adsxl-video,
  html body .bhp-root.bhp-ui131 .adswd-video,
  html body .bhp-root.bhp-ui131 .wd-hero-video,
  html body .bhp-root.bhp-ui131 .bhp-global-vhero>video,
  html body .bhp-root.bhp-ui131 .aboutf-hero>video,
  html body .bhp-root.bhp-ui131 .homev>video.homev-video,
  html body .bhp-root.bhp-ui131 .wdx-hero>video.wdx-hero-video,
  html body .bhp-root.bhp-ui131 .service-video-hero>video,
  html body .bhp-root.bhp-ui131 .bhp-ios-motion-fallback,
  html body .bhp-root.bhp-ui131 .bhp130-hero-poster img,
  html body .bhp-root.bhp-ui131 .wdlg-video-poster img,
  html body .bhp-root.bhp-ui131 .adsxl-video-poster img,
  html body .bhp-root.bhp-ui131 .adswd-video-poster img,
  html body .bhp-root.bhp-ui131 .wd-video-poster img{
    left:50%!important;
    object-position:center top!important;
    transform:translateX(-50%)!important;
    -webkit-transform:translateX(-50%)!important;
  }
  html body .bhp-root .bhp-ios-video-play{
    top:18px!important;
    right:18px!important;
    bottom:auto!important;
    transform:none!important;
    border-radius:50%!important;
    background:rgba(4,25,48,.94)!important;
  }
}

/* BHP SiteKit V1.3.43 — desktop: motion belongs behind the left-hand copy.
   The existing right-hand conversion panel remains where it was. */
@media(min-width:981px){
  html body .bhp-root.bhp-ui131 .bhp130-hero-media,
  html body .bhp-root.bhp-ui131 .wdlg-video-frame{
    left:0!important;
    right:auto!important;
    width:58%!important;
  }
  html body .bhp-root.bhp-ui131 .bhp130-hero-media .bhp130-video,
  html body .bhp-root.bhp-ui131 .bhp130-hero-media .bhp130-hero-poster img,
  html body .bhp-root.bhp-ui131 .wdlg-video-frame .wdlg-video,
  html body .bhp-root.bhp-ui131 .wdlg-video-frame .wdlg-video-poster img{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
    -webkit-transform:none!important;
  }
  html body .bhp-root.bhp-ui131 .bhp130-hero-media.is-video-playing .bhp130-video,
  html body .bhp-root.bhp-ui131 .wdlg-video-frame.is-video-playing .wdlg-video{
    opacity:.72!important;
    filter:brightness(.98) saturate(1.05) contrast(1.03)!important;
  }
  html body .bhp-root.bhp-ui131 .bhp130-hero:before{
    background:linear-gradient(90deg,rgba(2,11,22,.70) 0%,rgba(3,17,34,.76) 48%,rgba(4,19,37,.94) 63%,rgba(5,24,45,.98) 100%)!important;
  }
  html body .bhp-root.bhp-ui131 .wdlg-hero:before{
    background:linear-gradient(90deg,rgba(3,13,27,.70) 0%,rgba(3,17,35,.76) 48%,rgba(3,16,33,.94) 63%,rgba(3,16,33,.98) 100%)!important;
  }
}

/* BHP SiteKit V1.3.45 — desktop only: Portfolio and About keep their copy
   on the left and place the existing video in the right-hand media lane. */
@media(min-width:981px){
  html body .bhp-root.bhp-ui131 .bhp-global-vhero.bhp-vhero-bhp-portfolio>video,
  html body .bhp-root.bhp-ui131 .bhp-global-vhero.bhp-vhero-bhp-portfolio>.bhp-ios-motion-fallback,
  html body .bhp-root.bhp-ui131 .aboutf-hero>video,
  html body .bhp-root.bhp-ui131 .aboutf-hero>.bhp-ios-motion-fallback{
    inset:0 0 0 auto!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:48%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    -webkit-transform:none!important;
  }
  html body .bhp-root.bhp-ui131 .bhp-global-vhero.bhp-vhero-bhp-portfolio:before,
  html body .bhp-root.bhp-ui131 .aboutf-hero:before{
    background:linear-gradient(90deg,rgba(2,10,22,.94) 0%,rgba(2,12,26,.88) 48%,rgba(2,12,26,.34) 68%,rgba(2,9,20,.17) 100%)!important;
  }
}

@media(max-width:760px){
  html body .bhp-root.bhp-ui131 .bhp130-hero,
  html body .bhp-root.bhp-ui131 .wdlg-hero,
  html body .bhp-root.bhp-ui131 .bhp-global-vhero,
  html body .bhp-root.bhp-ui131 .aboutf-hero,
  html body .bhp-root.bhp-ui131 .service-video-hero{
    --bhp-mobile-video-height:clamp(320px,92vw,420px);
    display:block!important;
    min-height:0!important;
    padding:0 0 54px!important;
    overflow:hidden!important;
    background:#04162b!important;
  }

  /* Full-screen-width media row. The source may crop vertically, but never
     leaves a narrow video floating inside a wide mobile screen. */
  html body .bhp-root.bhp-ui131 .bhp130-hero-media,
  html body .bhp-root.bhp-ui131 .wdlg-video-frame{
    position:relative!important;
    z-index:1!important;
    inset:auto!important;
    width:100%!important;
    height:var(--bhp-mobile-video-height)!important;
    overflow:hidden!important;
    background:#031326!important;
  }
  html body .bhp-root.bhp-ui131 .bhp130-hero-media .bhp130-video,
  html body .bhp-root.bhp-ui131 .bhp130-hero-media .bhp130-hero-poster img,
  html body .bhp-root.bhp-ui131 .wdlg-video-frame .wdlg-video,
  html body .bhp-root.bhp-ui131 .wdlg-video-frame .wdlg-video-poster img,
  html body .bhp-root.bhp-ui131 .bhp-global-vhero>video,
  html body .bhp-root.bhp-ui131 .bhp-global-vhero>.bhp-ios-motion-fallback,
  html body .bhp-root.bhp-ui131 .aboutf-hero>video,
  html body .bhp-root.bhp-ui131 .aboutf-hero>.bhp-ios-motion-fallback,
  html body .bhp-root.bhp-ui131 .service-video-hero>video{
    position:absolute!important;
    z-index:1!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
    -webkit-transform:none!important;
  }
  html body .bhp-root.bhp-ui131 .bhp-global-vhero>video,
  html body .bhp-root.bhp-ui131 .bhp-global-vhero>.bhp-ios-motion-fallback,
  html body .bhp-root.bhp-ui131 .aboutf-hero>video,
  html body .bhp-root.bhp-ui131 .aboutf-hero>.bhp-ios-motion-fallback,
  html body .bhp-root.bhp-ui131 .service-video-hero>video{
    height:var(--bhp-mobile-video-height)!important;
  }

  /* Mobile title overlay: only the eyebrow and H1 sit on the media. */
  html body .bhp-root.bhp-ui131 .bhp130-copy,
  html body .bhp-root.bhp-ui131 .wdlg-copy,
  html body .bhp-root.bhp-ui131 .bhp-vhero-content,
  html body .bhp-root.bhp-ui131 .aboutf-copy,
  html body .bhp-root.bhp-ui131 .service-video-copy{
    display:contents!important;
  }
  html body .bhp-root.bhp-ui131 .bhp130-heading,
  html body .bhp-root.bhp-ui131 .wdlg-heading,
  html body .bhp-root.bhp-ui131 .bhp-vhero-heading,
  html body .bhp-root.bhp-ui131 .aboutf-heading,
  html body .bhp-root.bhp-ui131 .service-video-heading{
    position:absolute!important;
    z-index:6!important;
    top:22px!important;
    right:18px!important;
    left:18px!important;
    padding:15px 16px 17px!important;
    border:1px solid rgba(189,238,255,.48)!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,rgba(3,19,38,.70),rgba(3,30,55,.44))!important;
    box-shadow:0 14px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.16)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    backdrop-filter:blur(12px)!important;
  }
  html body .bhp-root.bhp-ui131 .bhp130-heading,
  html body .bhp-root.bhp-ui131 .wdlg-heading{
    top:22px!important;
  }
  html body .bhp-root.bhp-ui131 .bhp-vhero-heading{
    top:22px!important;
  }
  html body .bhp-root.bhp-ui131 .bhp130-heading .bhp130-kicker,
  html body .bhp-root.bhp-ui131 .wdlg-heading .wdlg-kicker,
  html body .bhp-root.bhp-ui131 .bhp-vhero-heading .eyebrow,
  html body .bhp-root.bhp-ui131 .aboutf-heading>span,
  html body .bhp-root.bhp-ui131 .service-video-heading .eyebrow{
    display:block!important;
    margin:0 0 9px!important;
    color:#83eaff!important;
    font-size:10px!important;
    line-height:1.35!important;
    letter-spacing:2px!important;
    text-shadow:0 1px 4px rgba(0,0,0,.62)!important;
  }
  html body .bhp-root.bhp-ui131 .bhp130-heading h1,
  html body .bhp-root.bhp-ui131 .wdlg-heading h1,
  html body .bhp-root.bhp-ui131 .bhp-vhero-heading h1,
  html body .bhp-root.bhp-ui131 .aboutf-heading h1,
  html body .bhp-root.bhp-ui131 .service-video-heading h1{
    max-width:none!important;
    margin:0!important;
    color:#fff!important;
    font-size:clamp(31px,9.2vw,39px)!important;
    line-height:1.02!important;
    letter-spacing:-1.55px!important;
    text-wrap:balance!important;
    text-shadow:0 2px 8px rgba(0,0,0,.66)!important;
  }

  /* Supporting copy begins after the video and never crosses it. */
  html body .bhp-root.bhp-ui131 .bhp130-hero-grid,
  html body .bhp-root.bhp-ui131 .wdlg-hero-inner{
    position:relative!important;
    z-index:3!important;
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  html body .bhp-root.bhp-ui131 .bhp130-body,
  html body .bhp-root.bhp-ui131 .wdlg-body,
  html body .bhp-root.bhp-ui131 .bhp-vhero-body,
  html body .bhp-root.bhp-ui131 .aboutf-body,
  html body .bhp-root.bhp-ui131 .service-video-body{
    position:relative!important;
    z-index:3!important;
    width:min(100% - 36px,720px)!important;
    margin:0 auto!important;
    padding:28px 0 0!important;
    background:#04162b!important;
    text-shadow:none!important;
  }
  html body .bhp-root.bhp-ui131 .bhp-vhero-body,
  html body .bhp-root.bhp-ui131 .aboutf-body,
  html body .bhp-root.bhp-ui131 .service-video-body{
    margin:var(--bhp-mobile-video-height) auto 0!important;
  }
  html body .bhp-root.bhp-ui131 .bhp130-body>p,
  html body .bhp-root.bhp-ui131 .wdlg-body>p,
  html body .bhp-root.bhp-ui131 .bhp-vhero-body>p,
  html body .bhp-root.bhp-ui131 .aboutf-body>p,
  html body .bhp-root.bhp-ui131 .service-video-body>p{
    margin-top:0!important;
    color:#d7e5ef!important;
    font-size:16px!important;
    line-height:1.67!important;
  }
  html body .bhp-root.bhp-ui131 .bhp130-decision,
  html body .bhp-root.bhp-ui131 .wdlg-feature{
    position:relative!important;
    z-index:3!important;
    width:min(100% - 36px,720px)!important;
    margin:32px auto 0!important;
  }
  html body .bhp-root.bhp-ui131 .bhp-global-vhero:before,
  html body .bhp-root.bhp-ui131 .bhp-global-vhero:after,
  html body .bhp-root.bhp-ui131 .bhp130-hero:before,
  html body .bhp-root.bhp-ui131 .wdlg-hero:before,
  html body .bhp-root.bhp-ui131 .aboutf-hero:before,
  html body .bhp-root.bhp-ui131 .aboutf-hero:after,
  html body .bhp-root.bhp-ui131 .service-video-hero:before,
  html body .bhp-root.bhp-ui131 .service-video-hero:after{
    display:none!important;
  }
  html body .bhp-root.bhp-ui131 .bhp-ios-video-play{
    top:calc(var(--bhp-mobile-video-height) - 64px)!important;
    right:16px!important;
    bottom:auto!important;
    z-index:8!important;
  }
}

/* BHP SiteKit V1.3.46 — mobile Home and Web Design only.
   A compact glass title sits over the full-width motion; all supporting
   content continues below the video. */
@media(max-width:760px){
  html body .bhp-root.bhp-ui131 .bhp130-hero,
  html body .bhp-root.bhp-ui131 .wdlg-hero{
    --bhp-mobile-video-height:clamp(270px,78vw,350px)!important;
    position:relative!important;
  }
  html body .bhp-root.bhp-ui131 .bhp130-hero-media,
  html body .bhp-root.bhp-ui131 .wdlg-video-frame{
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    height:var(--bhp-mobile-video-height)!important;
    min-height:var(--bhp-mobile-video-height)!important;
    overflow:hidden!important;
  }
  html body .bhp-root.bhp-ui131 .bhp130-hero-media .bhp130-video,
  html body .bhp-root.bhp-ui131 .bhp130-hero-media .bhp130-hero-poster img,
  html body .bhp-root.bhp-ui131 .wdlg-video-frame .wdlg-video,
  html body .bhp-root.bhp-ui131 .wdlg-video-frame .wdlg-video-poster img{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
    -webkit-transform:none!important;
  }
  html body .bhp-root.bhp-ui131 .bhp130-hero-grid,
  html body .bhp-root.bhp-ui131 .wdlg-hero-inner,
  html body .bhp-root.bhp-ui131 .bhp130-copy,
  html body .bhp-root.bhp-ui131 .wdlg-copy{
    position:static!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }
  html body .bhp-root.bhp-ui131 .bhp130-heading,
  html body .bhp-root.bhp-ui131 .wdlg-heading{
    position:absolute!important;
    z-index:10!important;
    top:16px!important;
    right:16px!important;
    left:16px!important;
    display:block!important;
    margin:0!important;
    padding:12px 13px 13px!important;
    border:1px solid rgba(190,238,255,.45)!important;
    border-radius:12px!important;
    background:rgba(3,18,35,.58)!important;
    box-shadow:0 11px 28px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.12)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    backdrop-filter:blur(8px)!important;
  }
  html body .bhp-root.bhp-ui131 .bhp130-heading .bhp130-kicker,
  html body .bhp-root.bhp-ui131 .wdlg-heading .wdlg-kicker{
    display:block!important;
    margin:0 0 7px!important;
    color:#8aeaff!important;
    font-size:9px!important;
    line-height:1.28!important;
    letter-spacing:1.6px!important;
    text-shadow:0 1px 4px rgba(0,0,0,.72)!important;
  }
  html body .bhp-root.bhp-ui131 .bhp130-heading h1{
    margin:0!important;
    color:#fff!important;
    font-size:clamp(25px,6.4vw,30px)!important;
    line-height:1.02!important;
    letter-spacing:-1.1px!important;
    text-shadow:0 2px 8px rgba(0,0,0,.68)!important;
  }
  html body .bhp-root.bhp-ui131 .wdlg-heading h1{
    margin:0!important;
    color:#fff!important;
    font-size:clamp(22px,6.2vw,27px)!important;
    line-height:1.03!important;
    letter-spacing:-.9px!important;
    text-shadow:0 2px 8px rgba(0,0,0,.68)!important;
  }
  html body .bhp-root.bhp-ui131 .bhp130-body,
  html body .bhp-root.bhp-ui131 .wdlg-body{
    position:relative!important;
    z-index:3!important;
    width:min(100% - 36px,720px)!important;
    margin:0 auto!important;
    padding:26px 0 0!important;
    background:#04162b!important;
  }
}

/* BHP SiteKit V1.3.48 — typography and motion enhancement.
   Layout, content order and component dimensions stay unchanged. */
html body .bhp-root.bhp-ui131 h1,
html body .bhp-root.bhp-ui131 h2{
  font-family:"DM Serif Display",Georgia,"Times New Roman",serif!important;
  font-weight:400!important;
  letter-spacing:-.025em!important;
}
html body .bhp-root.bhp-ui131 .bhp-nav:before{
  background-size:220% 100%!important;
  animation:bhp1348NavLight 10s ease-in-out infinite!important;
}
html body .bhp-root.bhp-ui131 .btn,
html body .bhp-root.bhp-ui131 .quote,
html body .bhp-root.bhp-ui131 .footer-cta,
html body .bhp-root.bhp-ui131 button[type="submit"]{
  background-size:220% 100%!important;
  animation:bhp1348CtaFlow 7s ease-in-out infinite!important;
}
html body .bhp-root.bhp-ui131 .section-title h2:after,
html body .bhp-root.bhp-ui131 .page-head h1:after,
html body .bhp-root.bhp-ui131 .detail h1:after,
html body .bhp-root.bhp-ui131 .contact-sec h2:after,
html body .bhp-root.bhp-ui131 .about-net h2:after{
  transform-origin:left center;
  animation:bhp1348LinePulse 3.8s ease-in-out infinite;
}
html body .bhp-root.bhp-ui131 .bhp218-team-rings{
  animation:bhp1348RingDrift 13s linear infinite;
}
html body .bhp-root.bhp-ui131 .bhp218-team-card.pos-center{
  animation:bhp1348TeamGlow 4.8s ease-in-out infinite;
}
html body .bhp-root.bhp-ui131.bhp-motion-ready .bhp-motion-item{
  opacity:0;
  translate:0 24px;
  filter:blur(5px);
  transition:opacity .72s ease var(--bhp-motion-delay,0ms),translate .72s cubic-bezier(.2,.72,.2,1) var(--bhp-motion-delay,0ms),filter .72s ease var(--bhp-motion-delay,0ms);
}
html body .bhp-root.bhp-ui131.bhp-motion-ready .bhp-motion-item.bhp-motion-in{
  opacity:1;
  translate:0 0;
  filter:blur(0);
}
@keyframes bhp1348NavLight{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes bhp1348CtaFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes bhp1348LinePulse{0%,100%{transform:scaleX(.72);opacity:.58}50%{transform:scaleX(1.08);opacity:1}}
@keyframes bhp1348RingDrift{to{transform:rotate(360deg)}}
@keyframes bhp1348TeamGlow{0%,100%{box-shadow:0 36px 94px rgba(0,0,0,.36)}50%{box-shadow:0 38px 112px rgba(0,155,255,.27),0 0 0 1px rgba(126,232,255,.16)}}
@media(hover:hover){
  html body .bhp-root.bhp-ui131 .bhp218-team-card img{transition:transform .7s cubic-bezier(.2,.72,.2,1),filter .7s ease}
  html body .bhp-root.bhp-ui131 .bhp218-team-card.pos-center:hover img{transform:scale(1.045);filter:saturate(1.08) contrast(1.03)}
  html body .bhp-root.bhp-ui131 .about132-purpose-card,
  html body .bhp-root.bhp-ui131 .aboutf-facts>div,
  html body .bhp-root.bhp-ui131 .habout-point{transition:translate .3s ease,box-shadow .3s ease,border-color .3s ease}
  html body .bhp-root.bhp-ui131 .about132-purpose-card:hover,
  html body .bhp-root.bhp-ui131 .aboutf-facts>div:hover,
  html body .bhp-root.bhp-ui131 .habout-point:hover{translate:0 -7px;box-shadow:0 26px 68px rgba(5,94,174,.16);border-color:rgba(31,171,238,.42)}
}
@media(prefers-reduced-motion:reduce){
  html body .bhp-root.bhp-ui131 .bhp-nav:before,
  html body .bhp-root.bhp-ui131 .btn,
  html body .bhp-root.bhp-ui131 .quote,
  html body .bhp-root.bhp-ui131 .footer-cta,
  html body .bhp-root.bhp-ui131 button[type="submit"],
  html body .bhp-root.bhp-ui131 .section-title h2:after,
  html body .bhp-root.bhp-ui131 .page-head h1:after,
  html body .bhp-root.bhp-ui131 .detail h1:after,
  html body .bhp-root.bhp-ui131 .contact-sec h2:after,
  html body .bhp-root.bhp-ui131 .about-net h2:after,
  html body .bhp-root.bhp-ui131 .bhp218-team-rings,
  html body .bhp-root.bhp-ui131 .bhp218-team-card.pos-center{animation:none!important}
  html body .bhp-root.bhp-ui131.bhp-motion-ready .bhp-motion-item{opacity:1!important;translate:none!important;filter:none!important;transition:none!important}
}

/* BHP SiteKit V1.3.49 — visual depth and richer motion only.
   No dimensions, grid definitions, content, routes or component order change. */
html body .bhp-root.bhp-ui131 h1,
html body .bhp-root.bhp-ui131 h2,
html body .bhp-root.bhp-ui131 h3{
  font-family:"DM Serif Display",Georgia,"Times New Roman",serif!important;
  font-weight:400!important;
}
html body .bhp-root.bhp-ui131 .sec,
html body .bhp-root.bhp-ui131 .about132-purpose,
html body .bhp-root.bhp-ui131 .services-section,
html body .bhp-root.bhp-ui131 .projects,
html body .bhp-root.bhp-ui131 .reviews,
html body .bhp-root.bhp-ui131 .quote-teaser{
  background-size:170% 170%!important;
  animation:bhp1349SurfaceFlow 16s ease-in-out infinite alternate!important;
}
html body .bhp-root.bhp-ui131 .service-card,
html body .bhp-root.bhp-ui131 .portfolio-card,
html body .bhp-root.bhp-ui131 .review,
html body .bhp-root.bhp-ui131 .blog-card,
html body .bhp-root.bhp-ui131 .aboutf-facts>div,
html body .bhp-root.bhp-ui131 .habout-point,
html body .bhp-root.bhp-ui131 .about132-purpose-card,
html body .bhp-root.bhp-ui131 .bhp130-service,
html body .bhp-root.bhp-ui131 .wdlg-local-card{
  border-color:rgba(28,151,229,.22)!important;
  box-shadow:0 18px 54px rgba(2,61,111,.10),inset 0 1px 0 rgba(255,255,255,.82)!important;
  transition:border-color .34s ease,box-shadow .34s ease,filter .34s ease,translate .34s ease!important;
}
html body .bhp-root.bhp-ui131 .review,
html body .bhp-root.bhp-ui131 .blog-card,
html body .bhp-root.bhp-ui131 .aboutf-facts>div,
html body .bhp-root.bhp-ui131 .habout-point,
html body .bhp-root.bhp-ui131 .wdlg-local-card{
  background-color:#fff!important;
  background-image:radial-gradient(circle at var(--bhp-local-x,50%) var(--bhp-local-y,50%),rgba(65,202,255,.16),transparent 46%)!important;
}
html body .bhp-root.bhp-ui131 .service-card .img,
html body .bhp-root.bhp-ui131 .portfolio-card .project-img,
html body .bhp-root.bhp-ui131 .bhp130-service-media,
html body .bhp-root.bhp-ui131 .bhp130-service-media img,
html body .bhp-root.bhp-ui131 .wdlg-feature-card img,
html body .bhp-root.bhp-ui131 .blog-card img{
  transition:scale .7s cubic-bezier(.18,.72,.18,1),filter .7s ease!important;
}
html body .bhp-root.bhp-ui131 .bhp-nav nav a,
html body .bhp-root.bhp-ui131 .bhp-footer a{
  transition:color .26s ease,text-shadow .26s ease,translate .26s ease!important;
}
html body .bhp-root.bhp-ui131 input,
html body .bhp-root.bhp-ui131 textarea,
html body .bhp-root.bhp-ui131 select{
  transition:border-color .26s ease,box-shadow .26s ease,background-color .26s ease!important;
}
html body .bhp-root.bhp-ui131 input:focus,
html body .bhp-root.bhp-ui131 textarea:focus,
html body .bhp-root.bhp-ui131 select:focus{
  border-color:#59d8ff!important;
  box-shadow:0 0 0 3px rgba(63,203,255,.14),0 14px 34px rgba(0,91,172,.12)!important;
  outline:0!important;
}
html body .bhp-root.bhp-ui131 .bhp130-heading .bhp130-kicker,
html body .bhp-root.bhp-ui131 .wdlg-heading .wdlg-kicker,
html body .bhp-root.bhp-ui131 .bhp-vhero-heading .eyebrow,
html body .bhp-root.bhp-ui131 .aboutf-heading>span,
html body .bhp-root.bhp-ui131 .service-video-heading .eyebrow{
  animation:bhp1349HeroCopy .72s cubic-bezier(.16,.78,.2,1) both!important;
}
html body .bhp-root.bhp-ui131 .bhp130-heading h1,
html body .bhp-root.bhp-ui131 .wdlg-heading h1,
html body .bhp-root.bhp-ui131 .bhp-vhero-heading h1,
html body .bhp-root.bhp-ui131 .aboutf-heading h1,
html body .bhp-root.bhp-ui131 .service-video-heading h1{
  animation:bhp1349HeroCopy .82s .10s cubic-bezier(.16,.78,.2,1) both!important;
}
html body .bhp-root.bhp-ui131 .bhp130-body>p,
html body .bhp-root.bhp-ui131 .wdlg-body>p,
html body .bhp-root.bhp-ui131 .bhp-vhero-body>p,
html body .bhp-root.bhp-ui131 .aboutf-body>p,
html body .bhp-root.bhp-ui131 .service-video-body>p{
  animation:bhp1349HeroCopy .82s .20s cubic-bezier(.16,.78,.2,1) both!important;
}
html body .bhp-root.bhp-ui131 .detail-actions,
html body .bhp-root.bhp-ui131 .bhp130-actions,
html body .bhp-root.bhp-ui131 .wdlg-actions{
  animation:bhp1349HeroCopy .82s .30s cubic-bezier(.16,.78,.2,1) both!important;
}
html body .bhp-root.bhp-ui131 .bhp218-team:before,
html body .bhp-root.bhp-ui131 .aboutf-panel:before,
html body .bhp-root.bhp-ui131 .habout:before{
  animation-duration:13s!important;
}
@keyframes bhp1349SurfaceFlow{0%{background-position:0 0}100%{background-position:100% 100%}}
@keyframes bhp1349HeroCopy{from{opacity:0;translate:0 22px;filter:blur(7px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@media(hover:hover) and (pointer:fine){
  html body .bhp-root.bhp-ui131 .service-card:hover,
  html body .bhp-root.bhp-ui131 .portfolio-card:hover,
  html body .bhp-root.bhp-ui131 .review:hover,
  html body .bhp-root.bhp-ui131 .blog-card:hover,
  html body .bhp-root.bhp-ui131 .aboutf-facts>div:hover,
  html body .bhp-root.bhp-ui131 .habout-point:hover,
  html body .bhp-root.bhp-ui131 .about132-purpose-card:hover,
  html body .bhp-root.bhp-ui131 .bhp130-service:hover,
  html body .bhp-root.bhp-ui131 .wdlg-local-card:hover{
    border-color:rgba(61,207,255,.58)!important;
    box-shadow:0 30px 86px rgba(3,106,190,.19),0 0 0 1px rgba(89,219,255,.12),inset 0 1px 0 rgba(255,255,255,.92)!important;
    filter:saturate(1.045)!important;
  }
  html body .bhp-root.bhp-ui131 .service-card:hover .img,
  html body .bhp-root.bhp-ui131 .portfolio-card:hover .project-img,
  html body .bhp-root.bhp-ui131 .bhp130-service:hover .bhp130-service-media,
  html body .bhp-root.bhp-ui131 .bhp130-service:hover .bhp130-service-media img,
  html body .bhp-root.bhp-ui131 .wdlg-feature-card:hover img,
  html body .bhp-root.bhp-ui131 .blog-card:hover img{
    scale:1.035;
    filter:saturate(1.09) contrast(1.035)!important;
  }
  html body .bhp-root.bhp-ui131 .btn:hover,
  html body .bhp-root.bhp-ui131 .quote:hover,
  html body .bhp-root.bhp-ui131 .footer-cta:hover,
  html body .bhp-root.bhp-ui131 button[type="submit"]:hover{
    box-shadow:0 22px 58px rgba(0,145,239,.34),0 0 0 1px rgba(146,237,255,.35)!important;
    filter:brightness(1.06) saturate(1.08)!important;
  }
  html body .bhp-root.bhp-ui131 .bhp-nav nav a:hover{color:#087ee8!important;text-shadow:0 0 18px rgba(47,179,255,.34)}
  html body .bhp-root.bhp-ui131 .bhp-footer a:hover{color:#77e5ff!important;translate:4px 0}
}
@media(max-width:760px){
  html body .bhp-root.bhp-ui131 .sec,
  html body .bhp-root.bhp-ui131 .about132-purpose,
  html body .bhp-root.bhp-ui131 .services-section,
  html body .bhp-root.bhp-ui131 .projects,
  html body .bhp-root.bhp-ui131 .reviews,
  html body .bhp-root.bhp-ui131 .quote-teaser{animation-duration:22s!important}
}
@media(prefers-reduced-motion:reduce){
  html body .bhp-root.bhp-ui131 .sec,
  html body .bhp-root.bhp-ui131 .about132-purpose,
  html body .bhp-root.bhp-ui131 .services-section,
  html body .bhp-root.bhp-ui131 .projects,
  html body .bhp-root.bhp-ui131 .reviews,
  html body .bhp-root.bhp-ui131 .quote-teaser,
  html body .bhp-root.bhp-ui131 .bhp130-heading *,
  html body .bhp-root.bhp-ui131 .wdlg-heading *,
  html body .bhp-root.bhp-ui131 .bhp-vhero-heading *,
  html body .bhp-root.bhp-ui131 .aboutf-heading *,
  html body .bhp-root.bhp-ui131 .service-video-heading *,
  html body .bhp-root.bhp-ui131 .bhp130-body>p,
  html body .bhp-root.bhp-ui131 .wdlg-body>p,
  html body .bhp-root.bhp-ui131 .bhp-vhero-body>p,
  html body .bhp-root.bhp-ui131 .aboutf-body>p,
  html body .bhp-root.bhp-ui131 .service-video-body>p,
  html body .bhp-root.bhp-ui131 .detail-actions,
  html body .bhp-root.bhp-ui131 .bhp130-actions,
  html body .bhp-root.bhp-ui131 .wdlg-actions{animation:none!important}
}