/*
Theme Name: B4WEB White News
Theme URI: https://b4web.b4festival.com/
Author: B4WEB
Description: Clean premium B4WEB theme with a white header, hero logo panel and footer.
Version: 20.2.0
*/
:root{--black:#070707;--gold:#ffd21a;--gold2:#ffae00;--white:#fff;--ink:#111;--muted:#777;--line:#e8e8e8;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#fff;color:var(--ink);line-height:1.6}a{text-decoration:none;color:inherit}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}
.nav{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #e9e9e9;box-shadow:0 4px 20px rgba(0,0,0,.05)}.navin{height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{width:230px;height:76px;display:flex;align-items:center}.brand img{display:block;width:225px;height:72px;object-fit:contain;object-position:left center}.menu{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:800}.menu a:hover{color:#d29a00}.navcta{padding:11px 18px;border-radius:999px;background:linear-gradient(110deg,#fff06a,#ffd21a,#ffae00)}
.toggle{display:none;border:0;background:none;font-size:27px}
.hero{background:#fff;padding:92px 0 105px}.heroGrid{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center}.eyebrow{color:#c38d00;font-size:12px;letter-spacing:.16em;font-weight:900;text-transform:uppercase;margin-bottom:15px}.hero h1{font-size:clamp(46px,6vw,80px);line-height:.98;letter-spacing:-.055em;margin:0 0 24px}.grad{background:linear-gradient(100deg,#b87a00,#ffd21a,#ffae00,#b97800);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:19px;color:#5f5f5f;max-width:670px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;border-radius:999px;font-weight:900;border:1px solid transparent}.primary{background:linear-gradient(110deg,#fff06a,#ffd21a,#ffae00);color:#111;box-shadow:0 10px 28px rgba(230,170,0,.18)}.darkbtn{background:#090909;color:#fff}.logoBox{background:#fff;border:1px solid #e5e5e5;border-radius:30px;min-height:390px;padding:25px;display:flex;align-items:center;justify-content:center;box-shadow:0 25px 70px rgba(0,0,0,.10)}.logoBox img{width:100%;max-width:590px;height:auto;display:block}
.goldbar{background:linear-gradient(100deg,#fff06a,#ffd21a,#ffae00);padding:16px 0}.goldin{display:flex;justify-content:center;gap:42px;flex-wrap:wrap;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.section{padding:92px 0}.dark{background:#070707;color:#fff}.head{max-width:780px;margin-bottom:42px}.head h2{font-size:clamp(35px,4.5vw,58px);line-height:1.03;letter-spacing:-.045em;margin:0 0 12px}.head p{font-size:17px;color:#777;margin:0}.dark .head p{color:#aaa}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px}.ico{width:48px;height:48px;border-radius:15px;background:#090909;color:var(--gold);display:grid;place-items:center;font-weight:900;margin-bottom:18px}.card h3{margin:0 0 8px}.card p{margin:0;color:#777;font-size:14px}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pricecard{background:#fff;color:#111;border:1px solid #ddd;border-radius:24px;padding:34px;display:flex;flex-direction:column}.pricecard.featured{background:#101010;color:#fff;border-color:var(--gold);box-shadow:0 20px 60px rgba(0,0,0,.22)}.plan{font-size:14px;font-weight:900;letter-spacing:.12em}.price{font-size:48px;font-weight:900;letter-spacing:-.05em;margin:10px 0 22px}.features{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:9px}.features li:before{content:"✓";color:#d09a00;font-weight:900;margin-right:9px}.pricecard .btn{margin-top:auto}.custom{text-align:center;background:#fff;color:#111;border:1px solid #e3e3e3;border-radius:24px;padding:36px;margin-top:32px}.custom h3{margin:0 0 8px;font-size:28px}.custom p{margin:0 0 18px;color:#777}
.portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.placeholder{height:245px;border:2px dashed #d3d3d3;border-radius:22px;background:#fafafa;display:flex;align-items:center;justify-content:center;text-align:center;color:#aaa;font-size:12px;font-weight:900;letter-spacing:.1em}.proof{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.proofbox{padding:28px 0;border-top:1px solid #292929}.proofbox strong{font-size:42px;display:block}.proofbox span{color:#999;font-size:14px}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{background:#101010;border:1px solid #252525;border-radius:20px;padding:25px}.step b{color:var(--gold);font-size:12px}.step h3{margin:10px 0 5px}.step p{margin:0;color:#aaa;font-size:14px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.contact h2{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.05em;margin:0}.contact p{color:#aaa;font-size:17px}.contactbox{background:#101010;border:1px solid #262626;border-radius:24px;padding:30px}.row{padding:16px 0;border-bottom:1px solid #252525}.row:last-child{border:0}.row strong{display:block}.row span{color:#aaa;font-size:14px}.wa{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(110deg,#fff06a,#ffd21a,#ffae00);color:#111;font-weight:900;padding:14px 18px;border-radius:14px;margin-top:16px}.wa svg{width:22px;height:22px}
.footer{background:#fff;color:#111;padding:58px 0 26px;border-top:1px solid #e7e7e7}.footgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:45px}.footlogo{width:220px;height:78px;object-fit:contain;object-position:left center}.footer h4{color:#c18b00;margin:0 0 12px}.flinks{display:grid;gap:8px;color:#666;font-size:14px}.bottom{border-top:1px solid #e5e5e5;margin-top:35px;padding-top:18px;color:#888;font-size:12px;display:flex;justify-content:space-between}
@media(max-width:1050px){.heroGrid,.contact{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.proof,.process{grid-template-columns:repeat(2,1fr)}.portfolio{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wrap{width:calc(100% - 28px)}.navin{height:76px}.brand{width:180px;height:68px}.brand img{width:178px;height:64px}.toggle{display:block}.menu{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;padding:18px;flex-direction:column;align-items:stretch;border-bottom:1px solid #ddd}.menu.open{display:flex}.hero{padding:68px 0}.hero h1{font-size:48px}.hero p{font-size:17px}.logoBox{min-height:235px}.section{padding:70px 0}.cards,.pricing,.portfolio,.proof,.process{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr}.bottom{flex-direction:column;gap:8px}}

/* B4WEB v6 — supplied sticker logo visibility */
.brand{background:#000;border-radius:12px;padding:4px 8px;overflow:hidden}
.logoBox{background:#000;border-color:#222}
.footlogo{background:#000;border-radius:12px;padding:4px 8px;object-fit:contain}

/* B4WEB v7 — website-optimized logo */
.brand{background:#fff;border-radius:12px;padding:2px 4px;overflow:hidden}
.brand img{width:220px;height:64px;object-fit:contain;display:block}
.logoBox{background:#fff;border:1px solid #e4e4e4;min-height:360px;padding:28px}
.logoBox img{width:min(100%,720px);max-height:300px;height:auto;object-fit:contain;display:block}
.footlogo{background:#fff;border-radius:12px;padding:2px 4px;width:220px;height:72px;object-fit:contain}
@media(max-width:760px){
 .brand{width:176px;height:58px}.brand img{width:170px;height:56px}
 .logoBox{min-height:190px;padding:16px}.logoBox img{max-height:170px}
 .footlogo{width:190px;height:62px}
}


/* B4WEB v9 — six supplied customer logos */
.b4-customer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.customer-card{background:#fff;border:1px solid #e7e7e7;border-radius:22px;padding:18px;box-shadow:0 12px 35px rgba(0,0,0,.06);overflow:hidden}
.customer-logo{height:240px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px}
.customer-logo img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.customer-name{font-weight:800;color:#111;text-align:center;padding:15px 8px 4px;font-size:15px;min-height:48px;display:flex;align-items:center;justify-content:center}
@media(max-width:900px){.b4-customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-logo{height:220px}}
@media(max-width:560px){.b4-customer-grid{grid-template-columns:1fr}.customer-logo{height:210px}}

/* B4WEB v10 customer showcase update */


/* v19.2 footer branding */
.copyright-line{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;}
.copyright-logo{display:inline-block;width:104px;height:34px;object-fit:contain;object-position:center;background:transparent;border-radius:0;padding:0;vertical-align:middle;}

/* B4WEB v20 — multi-page redesign */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #e8e8e8;box-shadow:0 5px 24px rgba(0,0,0,.05)}
.site-header .brand{background:#fff}
.inner-page{min-height:60vh}.page-hero{padding:110px 0 90px;background:#fff;border-bottom:1px solid #eee}.page-hero h1{font-size:clamp(48px,7vw,88px);line-height:.98;letter-spacing:-.06em;margin:0 0 22px}.page-hero p{font-size:19px;color:#666;max-width:760px}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.hero-panel{background:#090909;color:#fff;border-radius:28px;padding:38px;min-height:280px;display:flex;flex-direction:column;justify-content:end}.panel-number{font-size:72px;font-weight:900;color:var(--gold);line-height:1}.hero-panel h3{margin:20px 0 8px}.hero-panel p{color:#aaa;font-size:15px;margin:0}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-list article{border:1px solid #e5e5e5;border-radius:24px;padding:34px;background:#fff;min-height:220px}.service-list b,.values b{color:#c38d00;font-size:13px}.service-list h2{font-size:30px;margin:18px 0 8px}.service-list p{color:#707070;margin:0}.center-cta{text-align:center}.center-cta h2{font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-.05em;max-width:800px;margin:0 auto 26px}.morelink{margin-top:28px;text-align:center;font-weight:900;font-size:13px;letter-spacing:.08em;color:#a97500}.network-hero{background:#070707;color:#fff;border-bottom:0}.network-hero p{color:#aaa}.network-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.network-intro h2{font-size:clamp(38px,5vw,60px);line-height:1;margin:0}.network-count{font-size:70px;font-weight:900;line-height:.9;color:#c38d00;text-align:right}.network-count small{display:block;font-size:12px;color:#777;letter-spacing:.1em;text-transform:uppercase;margin-top:8px}.about-hero{background:linear-gradient(135deg,#fff 55%,#f8f8f8)}.about-layout{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end}.about-card{background:#090909;color:#fff;border-radius:28px;padding:38px}.about-card strong{display:block;font-size:42px}.about-card span{color:var(--gold);font-size:12px;letter-spacing:.15em;font-weight:900}.about-card p{color:#aaa;margin:20px 0 0}.story{display:grid;grid-template-columns:1fr 1fr;gap:80px}.story h2{font-size:clamp(36px,4.5vw,58px);line-height:1.04;letter-spacing:-.045em;margin:0}.story p{font-size:18px;color:#666}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.values article{background:#101010;border:1px solid #242424;border-radius:22px;padding:30px}.values h3{font-size:26px;margin:15px 0 8px}.values p{color:#aaa;margin:0}.contact-hero{background:#070707;color:#fff;border-bottom:0}.contact-hero p{color:#aaa}.contact-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:24px}.contact-info{display:grid;gap:14px}.contact-card{border:1px solid #e5e5e5;border-radius:20px;padding:24px;background:#fff}.contact-card>span{display:block;color:#b47e00;font-size:11px;font-weight:900;letter-spacing:.14em;margin-bottom:8px}.contact-card a{font-size:19px;font-weight:800}.contact-card p{margin:0;color:#666}.map-wrap{min-height:470px;border-radius:24px;overflow:hidden;border:1px solid #ddd;background:#eee}.map-wrap iframe{width:100%;height:100%;min-height:470px;border:0}.wa{display:inline-flex!important;align-items:center;gap:9px;background:linear-gradient(110deg,#fff06a,#ffd21a,#ffae00);padding:11px 15px;border-radius:12px;color:#111!important;width:max-content}.wa-icon{font-size:12px}.mini-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:900px;margin:35px auto 0}.mini-prices div{border:1px solid #292929;border-radius:20px;padding:25px;text-align:left;background:#101010}.mini-prices b{display:block;color:#aaa;font-size:11px;letter-spacing:.12em}.mini-prices strong{display:block;font-size:35px;margin-top:8px}.legal{max-width:900px}.legal h2{font-size:30px;margin:42px 0 10px}.legal h2:first-child{margin-top:0}.legal p{font-size:17px;color:#666}.legal-hero{background:#f8f8f8}.copyright-logo{width:105px;height:34px;object-fit:contain;background:transparent;padding:0}.powered-logo{width:90px;height:30px;object-fit:contain;background:transparent;padding:0}
@media(max-width:900px){.split,.about-layout,.story,.contact-layout{grid-template-columns:1fr}.service-list{grid-template-columns:1fr}.values,.mini-prices{grid-template-columns:1fr}.network-intro{align-items:start;flex-direction:column}.network-count{text-align:left}.page-hero{padding:80px 0 65px}.hero-panel{min-height:220px}.map-wrap,.map-wrap iframe{min-height:360px}}


/* B4WEB v20.2 — supplied golden social icons */
.b4-social-connect{
  margin-top:22px;
}
.b4-social-connect h4{
  margin:0 0 12px;
  color:#fff;
  font-size:15px;
  font-weight:800;
  letter-spacing:.03em;
}
.b4-social-icons{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.b4-social-icons a{
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  border-radius:50%;
  background:transparent;
  transition:transform .2s ease, filter .2s ease;
}
.b4-social-icons a:hover{
  transform:translateY(-3px) scale(1.05);
  filter:drop-shadow(0 7px 12px rgba(245,184,0,.35));
}
.b4-social-icons img{
  width:48px;
  height:48px;
  object-fit:contain;
  display:block;
  background:transparent !important;
}
@media(max-width:760px){
  .b4-social-connect{margin-top:18px;}
  .b4-social-icons{gap:8px;}
  .b4-social-icons a,.b4-social-icons img{width:44px;height:44px;}
}