/* Web Design page (1817) — Figma 11436:68572 / mobile 11436:68346 */
.bd-wd-h1 .elementor-heading-title{text-shadow:0 4px 4px rgba(0,0,0,.25)}
.bd-wd-hero-img img{width:100%!important;height:auto;max-width:630px}
.bd-wd-intro{padding:115px 160px!important}
.bd-wd-projwrap .elementor-widget-html,.bd-wd-projwrap .elementor-widget-container{width:100%}
.bd-bullet--6{margin:0 0 6px!important}
/* ---- project card (Kinetic / Abby) ---- */
.bd-proj{position:relative;display:block;width:100%;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit}
.bd-proj--kinetic{aspect-ratio:1/1;max-width:564px;background:#B3D1FD}
.bd-proj-shot{position:absolute;left:4.96%;top:6.3%;width:76.6%;height:65.25%;border-radius:10.6px;overflow:hidden}
.bd-proj-shot img{width:170.7%;height:100%;object-fit:cover;object-position:left top;display:block;max-width:none}
.bd-proj-phone{position:absolute;left:69.68%;top:4.7%;width:23.76%;height:48.76%;border-radius:10.6px;overflow:hidden}
.bd-proj-phone img{position:absolute;width:502.8%;height:244.55%;left:-387.85%;top:-50%;max-width:none;display:block}
.bd-proj-strip{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:32px}
.bd-proj-meta{display:flex;flex-direction:column;gap:6px}
.bd-proj-name{font-family:Inter,sans-serif;font-weight:700;font-size:28px;line-height:normal;color:#000!important}
.bd-proj-tag{font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:28px;letter-spacing:2.1px;text-transform:uppercase;color:rgba(0,0,0,.5)!important}
.bd-proj-cta{display:inline-flex;align-items:center;gap:6px;font-family:Inter,sans-serif;font-weight:700;font-size:14px;line-height:20px;color:#000!important;white-space:nowrap;transition:transform .2s}
.bd-proj:hover .bd-proj-cta{transform:translateX(4px)}
.bd-proj-arrow{width:10px;height:9px;transform:rotate(90deg)}
.bd-proj-arrow--white{filter:brightness(0) invert(1)}
.bd-proj-strip--white .bd-proj-name,.bd-proj-strip--white .bd-proj-cta{color:#fff!important}
.bd-proj-strip--white .bd-proj-tag{color:rgba(255,255,255,.5)!important}
/* Abby card (515x456) */
.bd-proj--abby{aspect-ratio:515/456;max-width:515px;background:linear-gradient(90deg,#1125A9 0%,#1B50FF 100%)}
.bd-abby-a,.bd-abby-b{position:absolute;border-radius:8px;overflow:hidden}
.bd-abby-a{left:9.13%;top:14.25%;width:33.4%;height:48.9%}
.bd-abby-b{left:56.7%;top:4.6%;width:38.64%;height:63.16%}
.bd-abby-a img,.bd-abby-b img{width:100%;height:100%;object-fit:cover;display:block}
.bd-abby-bub{position:absolute;width:8.93%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center}
.bd-abby-bub img{width:100%;height:100%;display:block}
.bd-abby-bub--phone{left:3.5%;top:46.7%}
.bd-abby-bub--chart{left:78.64%;top:63.16%}
.bd-abby-bub--spark{left:62.9%;top:2.4%;background:#7900FF}
.bd-abby-bub--spark img{width:48%;height:48%}
.bd-abby-phone{position:absolute;left:54.5%;top:66.6%;width:46.6%;transform:translate(-50%,-50%) rotate(12.8deg);display:block;line-height:0}
.bd-abby-phone img{width:100%;height:auto;display:block;filter:drop-shadow(0 12px 24px rgba(0,0,0,.25))}
.bd-wd-abby{padding:92px 150px!important}
/* ---- engine tiles ---- */
.bd-wd-tile-body,.bd-wd-tile-body p{color:#A7ABAF!important}
/* ---- process carousel ---- */
.bd-wd-process{padding:65px 160px!important}
.bd-wd-process .elementor-widget-html{width:100%}
.bd-proc-car{display:flex;align-items:center;gap:64px;width:100%}
.bd-proc-track{list-style:none;margin:0;padding:4px 0;display:flex;gap:24px;flex:1 1 auto;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;align-items:stretch}
.bd-proc-track::-webkit-scrollbar{display:none}
.bd-proc{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;background:#fff;border:1px solid rgba(40,48,63,.15);border-radius:16px;padding:32px 24px;display:flex;flex-direction:column;gap:15px;box-sizing:border-box}
.bd-proc-top{display:flex;align-items:center;justify-content:space-between}
.bd-proc-num{font-family:Inter,sans-serif;font-weight:700;font-size:48px;line-height:normal;color:transparent;-webkit-text-stroke:1.5px #E21C94;background:var(--bd-grad);-webkit-background-clip:text;background-clip:text}
.bd-proc-ico{width:60px;height:60px;object-fit:contain}
.bd-proc-title{font-family:Inter,sans-serif!important;font-weight:700!important;font-size:24px!important;line-height:normal!important;text-transform:capitalize;color:#28303F!important;margin:0 0 -7px}
.bd-proc-text{font-family:Inter,sans-serif;font-size:18px;line-height:28px;color:#28303F!important;margin:0}
.bd-proc-btn{flex:0 0 auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;padding:0;cursor:pointer}
.bd-proc-prev svg{transform:scaleX(-1)}
@media(max-width:1024px){
  .bd-wd-intro,.bd-wd-abby,.bd-wd-process{padding:60px 32px!important}
  .bd-proc{flex-basis:calc((100% - 24px)/2)}
  .bd-proc-car{gap:16px}
  .bd-proj--kinetic,.bd-proj--abby{margin:0 auto}
}
@media(max-width:767px){
  .bd-wd-intro,.bd-wd-abby,.bd-wd-process{padding:45px 32px!important}
  .bd-wd-hero-img img{max-width:100%}
  .bd-proc{flex-basis:100%}
  .bd-proc-car{gap:8px}
  .bd-proc-num{font-size:36px}
  .bd-proc-title{font-size:20px!important}
  .bd-proc-text{font-size:16px;line-height:24px}
  .bd-proj-strip{padding:20px}
  .bd-proj-name{font-size:20px}
  .bd-proj-tag{font-size:11px;letter-spacing:1.65px;line-height:20px}
  .bd-proj-cta{font-size:12px}
  .bd-wd-tile-body,.bd-wd-tile-body p{font-size:16px!important;line-height:24px!important}
}