/*
Theme Name: Barokah 99 Computech
Theme URI: https://barokahcomputech.com
Author: OpenAI
Description: Clean one-page corporate landing theme for Barokah 99 Computech. Built for Gutenberg + SCF and optimized for desktop, tablet, and mobile.
Version: 1.1.0
License: GNU General Public License v2 or later
Text Domain: barokah99-computech
Tags: custom-logo, one-column, responsive-layout, featured-images, translation-ready
*/

:root{
  --bc-primary:#E65C00;
  --bc-primary-hover:#FF6A00;
  --bc-primary-dark:#C94E00;
  --bc-primary-soft:#FFF3EB;
  --bc-primary-ring:rgba(230,92,0,.18);

  --bc-bg:#FFFFFF;
  --bc-bg-alt:#F8FAFC;
  --bc-bg-soft:#FFFDFB;
  --bc-text:#0F172A;
  --bc-text-soft:#64748B;
  --bc-text-muted:#94A3B8;
  --bc-border:#E5E7EB;
  --bc-shadow:0 20px 40px rgba(15,23,42,.08);
  --bc-shadow-soft:0 10px 30px rgba(15,23,42,.06);
  --bc-radius-xl:28px;
  --bc-radius-lg:22px;
  --bc-radius-md:16px;
  --bc-radius-sm:12px;
  --bc-container:1180px;
  --bc-header-h:84px;
  --bc-wa-size:68px;
  --bc-wa-scale:1;
  --bc-wa-bottom:20px;
  --bc-wa-right:20px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--bc-text);
  background:linear-gradient(180deg,#fff 0%,#fffaf6 100%);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
details summary{cursor:pointer}
::selection{background:rgba(230,92,0,.16)}

.screen-reader-text{
  position:absolute!important;
  height:1px;width:1px;
  overflow:hidden;
  clip:rect(1px,1px,1px,1px);
  white-space:nowrap;
}

.bc-site{min-height:100vh;overflow-x:clip}
.bc-container{
  width:min(calc(100% - 32px),var(--bc-container));
  margin-inline:auto;
}
.bc-main{display:block}
.bc-section{
  padding:96px 0;
  position:relative;
}
.bc-section--alt{
  background:linear-gradient(180deg,rgba(248,250,252,.92) 0%,rgba(255,255,255,.98) 100%);
}
.bc-section__head{
  display:grid;
  gap:14px;
  margin-bottom:32px;
  max-width:760px;
}
.bc-section__eyebrow{
  color:var(--bc-primary);
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.78rem;
}
.bc-section__title,
.entry-content .bc-section__title{
  margin:0;
  font-size:clamp(2rem,3vw,3.15rem);
  line-height:1.08;
  letter-spacing:-.03em;
}
.bc-section__desc{
  margin:0;
  font-size:1.04rem;
  line-height:1.8;
  color:var(--bc-text-soft);
  max-width:68ch;
}

.bc-btn{
  appearance:none;
  border:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:52px;
  padding:0 22px;
  border-radius:999px;
  font-weight:700;
  cursor:pointer;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease,border-color .25s ease,opacity .25s ease;
  will-change:transform;
}
.bc-btn:hover,.bc-btn:focus-visible{transform:translateY(-2px)}
.bc-btn--primary{
  background:linear-gradient(135deg,var(--bc-primary) 0%,var(--bc-primary-hover) 100%);
  color:#fff;
  box-shadow:0 14px 24px rgba(230,92,0,.22);
}
.bc-btn--primary:hover,.bc-btn--primary:focus-visible{
  box-shadow:0 18px 34px rgba(230,92,0,.26);
}
.bc-btn--ghost{
  background:#fff;
  color:var(--bc-text);
  border:1px solid var(--bc-border);
  box-shadow:var(--bc-shadow-soft);
}
.bc-btn--ghost:hover,.bc-btn--ghost:focus-visible{
  border-color:var(--bc-primary-ring);
  box-shadow:0 18px 36px rgba(15,23,42,.08);
}

.bc-card{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(229,231,235,.9);
  border-radius:var(--bc-radius-lg);
  box-shadow:var(--bc-shadow-soft);
}
.bc-card--pad{padding:26px}
.bc-card__title{
  margin:0;
  font-size:1.16rem;
  line-height:1.35;
}
.bc-card__text{
  margin:0;
  color:var(--bc-text-soft);
  line-height:1.75;
}

.bc-progress{
  position:fixed;
  left:0;top:0;
  width:100%;
  height:3px;
  z-index:1200;
  pointer-events:none;
  background:transparent;
}
.bc-progress span{
  display:block;
  width:0;height:100%;
  background:linear-gradient(90deg,var(--bc-primary),var(--bc-primary-hover));
  box-shadow:0 0 18px rgba(230,92,0,.35);
}

.bc-header{
  position:sticky;
  top:0;
  z-index:1100;
  backdrop-filter:blur(16px);
  background:rgba(255,255,255,.86);
  border-bottom:1px solid rgba(229,231,235,.72);
}
.bc-header__inner{
  min-height:var(--bc-header-h);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.bc-brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.bc-brand__logo{
  width:48px;
  height:48px;
  flex:0 0 auto;
  border-radius:16px;
  object-fit:cover;
  border:1px solid rgba(230,92,0,.14);
  background:#fff;
}
.bc-brand__text{
  display:grid;
  gap:2px;
  min-width:0;
}
.bc-brand__name{
  font-size:1rem;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.bc-brand__tagline{
  color:var(--bc-text-soft);
  font-size:.88rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.bc-nav__list{
  list-style:none;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0;
  margin:0;
}
.bc-nav__link,
.bc-mobile-panel__link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:12px 14px;
  border-radius:999px;
  color:var(--bc-text-soft);
  font-weight:600;
  transition:background .25s ease,color .25s ease,transform .25s ease;
}
.bc-nav__link:hover,
.bc-nav__link:focus-visible,
.bc-mobile-panel__link:hover,
.bc-mobile-panel__link:focus-visible,
.bc-nav__link.is-active{
  color:var(--bc-primary);
  background:var(--bc-primary-soft);
}
.bc-header__actions{
  display:flex;
  align-items:center;
  gap:12px;
}
.bc-menu-toggle{
  display:none;
  width:48px;
  height:48px;
  border-radius:14px;
  border:1px solid var(--bc-border);
  background:#fff;
  box-shadow:var(--bc-shadow-soft);
  padding:0;
  cursor:pointer;
  position:relative;
}
.bc-menu-toggle span,
.bc-menu-toggle span::before,
.bc-menu-toggle span::after{
  content:"";
  position:absolute;
  left:50%;
  width:18px;
  height:2px;
  border-radius:999px;
  background:var(--bc-text);
  transform:translateX(-50%);
  transition:transform .25s ease, top .25s ease, opacity .25s ease;
}
.bc-menu-toggle span{top:50%;transform:translate(-50%,-50%)}
.bc-menu-toggle span::before{top:-6px}
.bc-menu-toggle span::after{top:6px}
.bc-menu-toggle.is-open span{background:transparent}
.bc-menu-toggle.is-open span::before{top:0;transform:translateX(-50%) rotate(45deg)}
.bc-menu-toggle.is-open span::after{top:0;transform:translateX(-50%) rotate(-45deg)}

.bc-mobile-panel{
  position:fixed;
  inset:var(--bc-header-h) 0 auto 0;
  z-index:1050;
  background:rgba(255,255,255,.98);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(229,231,235,.8);
  box-shadow:0 24px 60px rgba(15,23,42,.14);
}
.bc-mobile-panel__inner{
  width:min(calc(100% - 32px),var(--bc-container));
  margin:0 auto;
  padding:18px 0 24px;
}
.bc-mobile-panel__nav{
  display:grid;
  gap:8px;
}
.bc-mobile-panel__link{
  justify-content:space-between;
  background:#fff;
  border:1px solid var(--bc-border);
  color:var(--bc-text);
  box-shadow:var(--bc-shadow-soft);
}
.bc-mobile-panel__link span{color:var(--bc-primary)}

.bc-hero{
  padding:84px 0 96px;
  position:relative;
  overflow:hidden;
}
.bc-hero::before{
  content:"";
  position:absolute;
  inset:-120px auto auto -120px;
  width:360px;
  height:360px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(230,92,0,.14) 0%,rgba(230,92,0,0) 70%);
  pointer-events:none;
}
.bc-hero::after{
  content:"";
  position:absolute;
  right:-140px;
  top:40px;
  width:420px;
  height:420px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(15,23,42,.04) 0%,rgba(15,23,42,0) 68%);
  pointer-events:none;
}
.bc-hero__wrap{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:40px;
  align-items:center;
  position:relative;
  z-index:1;
}
.bc-hero__content{
  display:grid;
  gap:18px;
}
.bc-hero__kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:fit-content;
  padding:10px 16px;
  border-radius:999px;
  background:var(--bc-primary-soft);
  color:var(--bc-primary);
  font-weight:700;
  letter-spacing:.02em;
}
.bc-hero__title{
  margin:0;
  font-size:clamp(2.7rem,5vw,4.9rem);
  line-height:1.02;
  letter-spacing:-.05em;
  max-width:11.5ch;
}
.bc-hero__desc{
  margin:0;
  color:var(--bc-text-soft);
  line-height:1.85;
  font-size:1.05rem;
  max-width:62ch;
}
.bc-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:8px;
}
.bc-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:4px;
}
.bc-hero__meta-item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--bc-border);
  box-shadow:var(--bc-shadow-soft);
  color:var(--bc-text-soft);
  font-size:.93rem;
}
.bc-hero__meta-item strong{
  color:var(--bc-text);
}
.bc-hero__visual{
  position:relative;
  min-height:520px;
}
.bc-hero__image{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:var(--bc-radius-xl);
  box-shadow:var(--bc-shadow);
  border:1px solid rgba(229,231,235,.8);
}
.bc-hero__visual-card{
  position:absolute;
  left:20px;
  right:20px;
  bottom:20px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.bc-hero__stat{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(229,231,235,.86);
  border-radius:20px;
  box-shadow:var(--bc-shadow-soft);
  padding:16px 18px;
  backdrop-filter:blur(10px);
}
.bc-hero__stat strong{
  display:block;
  font-size:1.15rem;
  line-height:1.2;
}
.bc-hero__stat span{
  display:block;
  margin-top:6px;
  color:var(--bc-text-soft);
  line-height:1.45;
  font-size:.92rem;
}

.bc-grid{
  display:grid;
  gap:24px;
}
.bc-services__grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.bc-service-card{
  overflow:hidden;
  position:relative;
}
.bc-service-card__image{
  aspect-ratio:16/10;
  width:100%;
  object-fit:cover;
  border-radius:22px 22px 0 0;
  border-bottom:1px solid var(--bc-border);
}
.bc-service-card__body{
  padding:22px;
  display:grid;
  gap:10px;
}
.bc-service-card__title{
  margin:0;
  font-size:1.1rem;
  line-height:1.35;
}
.bc-service-card__desc{
  margin:0;
  color:var(--bc-text-soft);
  line-height:1.75;
}

.bc-about__grid{
  grid-template-columns:minmax(0,.94fr) minmax(320px,1.06fr);
  align-items:center;
  gap:34px;
}
.bc-about__image-wrap{
  position:relative;
}
.bc-about__image{
  width:100%;
  aspect-ratio:5/4;
  object-fit:cover;
  border-radius:var(--bc-radius-xl);
  box-shadow:var(--bc-shadow);
  border:1px solid rgba(229,231,235,.8);
}
.bc-about__badge{
  position:absolute;
  left:18px;
  bottom:18px;
  padding:12px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(229,231,235,.88);
  box-shadow:var(--bc-shadow-soft);
  display:grid;
  gap:2px;
}
.bc-about__badge strong{font-size:1.05rem}
.bc-about__badge span{font-size:.9rem;color:var(--bc-text-soft)}
.bc-checklist{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:12px;
}
.bc-checklist li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:14px 16px;
  border-radius:16px;
  background:#fff;
  border:1px solid var(--bc-border);
  box-shadow:var(--bc-shadow-soft);
}
.bc-checklist li::before{
  content:"✓";
  color:var(--bc-primary);
  font-weight:800;
  line-height:1.4;
  flex:0 0 auto;
}
.bc-about__stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
.bc-about__stat{
  padding:18px;
  border-radius:18px;
  background:var(--bc-primary-soft);
  border:1px solid rgba(230,92,0,.12);
}
.bc-about__stat strong{
  display:block;
  font-size:1.35rem;
  line-height:1.1;
}
.bc-about__stat span{
  display:block;
  margin-top:6px;
  color:var(--bc-text-soft);
}

.bc-portfolio__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.bc-portfolio-card{
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(229,231,235,.84);
  box-shadow:var(--bc-shadow-soft);
  background:#fff;
  transform:translateZ(0);
  transition:transform .25s ease,box-shadow .25s ease;
}
.bc-portfolio-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(15,23,42,.08)}
.bc-portfolio-card img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
}

.bc-faq__list{
  display:grid;
  gap:12px;
}
.bc-faq-item{
  background:#fff;
  border:1px solid var(--bc-border);
  border-radius:18px;
  box-shadow:var(--bc-shadow-soft);
  padding:0 18px;
  overflow:hidden;
}
.bc-faq-item summary{
  list-style:none;
  padding:18px 0;
  font-weight:700;
  color:var(--bc-text);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.bc-faq-item summary::-webkit-details-marker{display:none}
.bc-faq-item summary::after{
  content:"+";
  color:var(--bc-primary);
  font-size:1.4rem;
  line-height:1;
  flex:0 0 auto;
}
.bc-faq-item[open] summary::after{content:"–"}
.bc-faq-item__body{
  padding:0 0 18px;
  color:var(--bc-text-soft);
  line-height:1.8;
}
.bc-faq-item__body > *:first-child{margin-top:0}
.bc-faq-item__body > *:last-child{margin-bottom:0}

.bc-cta__box{
  padding:28px;
  border-radius:var(--bc-radius-xl);
  background:linear-gradient(135deg,#fff 0%,#fffaf7 100%);
  border:1px solid rgba(229,231,235,.92);
  box-shadow:var(--bc-shadow);
}
.bc-cta__grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr);
  gap:28px;
  align-items:start;
}
.bc-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:14px;
}
.bc-contact__info{
  display:grid;
  gap:12px;
}
.bc-contact__info-card{
  background:#fff;
  border:1px solid var(--bc-border);
  border-radius:18px;
  box-shadow:var(--bc-shadow-soft);
  padding:18px;
}
.bc-contact__info-label{
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--bc-primary);
  font-weight:700;
}
.bc-contact__info-value{
  margin-top:8px;
  color:var(--bc-text);
  line-height:1.7;
}

.bc-contact__form{
  background:#fff;
  border:1px solid var(--bc-border);
  border-radius:var(--bc-radius-lg);
  box-shadow:var(--bc-shadow-soft);
  padding:24px;
}
.bc-contact__form .fluentform,
.bc-contact__form form{margin:0}

.bc-footer{
  padding:32px 0 42px;
  border-top:1px solid rgba(229,231,235,.78);
  background:rgba(255,255,255,.92);
}
.bc-footer__inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:var(--bc-text-soft);
  font-size:.94rem;
}

.bc-floating-wa{
  position:fixed;
  right:var(--bc-wa-right);
  bottom:var(--bc-wa-bottom);
  z-index:1200;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  width:min(340px,calc(100vw - 32px));
  transform:scale(var(--bc-wa-scale));
  transform-origin:bottom right;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(229,231,235,.92);
  box-shadow:0 20px 45px rgba(15,23,42,.16);
  backdrop-filter:blur(12px);
}
.bc-floating-wa__icon{
  width:var(--bc-wa-size);
  height:var(--bc-wa-size);
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:#fff;
  background:linear-gradient(135deg,var(--bc-primary),var(--bc-primary-hover));
  box-shadow:0 16px 26px rgba(230,92,0,.24);
  font-size:1.5rem;
}
.bc-floating-wa__text{
  display:grid;
  gap:4px;
  min-width:0;
}
.bc-floating-wa__label{
  font-weight:800;
  color:var(--bc-text);
}
.bc-floating-wa__message{
  color:var(--bc-text-soft);
  line-height:1.45;
  font-size:.92rem;
}

.bc-reveal{
  opacity:0;
  transform:translateY(22px);
  transition:opacity .7s ease, transform .7s ease;
}
.bc-reveal.is-visible{
  opacity:1;
  transform:none;
}

@media (max-width: 1024px){
  .bc-header__actions .bc-btn--ghost{display:none}
  .bc-nav{display:none}
  .bc-menu-toggle{display:inline-grid;place-items:center}
  .bc-hero__wrap,
  .bc-about__grid,
  .bc-cta__grid{
    grid-template-columns:1fr;
  }
  .bc-hero__visual{min-height:420px}
  .bc-services__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bc-portfolio__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width: 767px){
  :root{
    --bc-wa-size:56px;
    --bc-wa-scale:.94;
    --bc-wa-bottom:14px;
    --bc-wa-right:14px;
  }
  .bc-section{padding:72px 0}
  .bc-hero{padding:56px 0 72px}
  .bc-container{width:min(calc(100% - 24px),var(--bc-container))}
  .bc-hero__title{font-size:clamp(2.15rem,10vw,3.4rem);max-width:none}
  .bc-hero__visual{
    min-height:auto;
    display:grid;
    gap:12px;
  }
  .bc-hero__visual-card{
    position:static;
    grid-template-columns:1fr 1fr;
    left:auto;right:auto;bottom:auto;
  }
  .bc-hero__image{aspect-ratio:4/3}
  .bc-services__grid{grid-template-columns:1fr}
  .bc-about__stats{grid-template-columns:1fr}
  .bc-portfolio__track{
    margin-inline:-12px;
    padding-inline:12px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:12px;
    -webkit-overflow-scrolling:touch;
  }
  .bc-portfolio__grid{
    grid-auto-flow:column;
    grid-auto-columns:min(86%,320px);
    grid-template-columns:unset;
    display:grid;
    gap:16px;
    width:max-content;
  }
  .bc-portfolio-card{
    scroll-snap-align:start;
  }
  .bc-cta__actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .bc-cta__actions .bc-btn{
    width:100%;
    min-width:0;
    padding-inline:14px;
  }
  .bc-footer__inner{align-items:flex-start}
  .bc-floating-wa{
    width:60px;
    height:60px;
    min-width:60px;
    max-width:60px;
    padding:0;
    border-radius:999px;
    justify-content:center;
    align-items:center;
    gap:0;
    overflow:hidden;
  }
  .bc-floating-wa__text{
    display:none;
  }
  .bc-floating-wa__icon{
    width:60px;
    height:60px;
    border-radius:999px;
    animation:bc-wa-float 2.4s ease-in-out infinite;
  }
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}


@keyframes bc-wa-pulse{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-2px) scale(1.03)}
}
@keyframes bc-wa-float{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-3px) scale(1.04)}
}


/* Overrides for revised responsive behavior */
.bc-floating-wa{
  background:rgba(255,255,255,.72) !important;
  border-color:rgba(229,231,235,.76) !important;
  box-shadow:0 20px 45px rgba(15,23,42,.14) !important;
  opacity:.82 !important;
  transition:opacity .22s ease,transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease !important;
}
.bc-floating-wa:hover,
.bc-floating-wa:focus-visible{
  opacity:1 !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 24px 54px rgba(15,23,42,.18) !important;
}
.bc-floating-wa__icon{
  animation:bc-wa-pulse 2.8s ease-in-out infinite !important;
}
.bc-floating-wa__icon-svg{
  width:28px !important;
  height:28px !important;
  display:block !important;
}
.bc-cta__actions .bc-btn{
  flex:1 1 220px !important;
}
.bc-portfolio__track{
  overflow:visible !important;
}
@media (max-width: 767px){
  .bc-portfolio__track{
    margin-inline:-12px !important;
    padding-inline:12px !important;
    overflow-x:auto !important;
    scroll-snap-type:x mandatory !important;
    scroll-padding-inline:12px !important;
    -webkit-overflow-scrolling:touch !important;
  }
  .bc-portfolio__grid{
    grid-auto-flow:column !important;
    grid-auto-columns:min(86%,320px) !important;
    grid-template-columns:unset !important;
    display:grid !important;
    gap:16px !important;
    width:max-content !important;
  }
  .bc-portfolio-card{
    scroll-snap-align:start !important;
  }
  .bc-cta__actions{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }
  .bc-cta__actions .bc-btn{
    width:100% !important;
    min-width:0 !important;
    padding-inline:14px !important;
  }
  .bc-floating-wa{
    width:60px !important;
    height:60px !important;
    min-width:60px !important;
    max-width:60px !important;
    padding:0 !important;
    border-radius:999px !important;
    justify-content:center !important;
    align-items:center !important;
    gap:0 !important;
    overflow:hidden !important;
  }
  .bc-floating-wa__text{display:none !important;}
  .bc-floating-wa__icon{
    width:60px !important;
    height:60px !important;
    border-radius:999px !important;
    animation:bc-wa-float 2.4s ease-in-out infinite !important;
  }
}