/* barmSTUDIO Workbench 6.0.2 | Motion Studio
   Living interface, real content, no blocking overlays or external libraries.
   Built on 6.0.1. The main content never depends on JS for visibility. */
:root{--bs-ease-out:cubic-bezier(.19,1,.22,1)}
body.bs-v6 .bs-hero-primary-v3{min-height:580px;background:linear-gradient(137deg,#fff 0%,#fff 45%,#edf4ff 100%)}
body.bs-v6 .bs-hero-primary-v3 .bs-hero-mesh i{animation-duration:9s}
body.bs-v6 .bs-hero-side-v3{min-width:0}
@media(min-width:981px){
  body.bs-v6 .bs-hero-side-v3{height:580px!important;grid-template-rows:225px minmax(0,1fr)!important;gap:12px}
  body.bs-v6 .bs-profile-card-v3{min-height:0!important;height:225px!important}
  body.bs-v6 .bs-terminal-v3{min-height:0!important;height:auto!important;max-height:none!important}
}
/* Bring back the interactive project.php terminal. */
body.bs-v6 .bs-terminal-v3{
  display:flex!important;flex-direction:column!important;min-width:0;
  padding:16px 18px!important;overflow:hidden!important;border-radius:18px;
  background:radial-gradient(circle at 95% 0%,rgba(96,100,255,.18),transparent 48%),#10172d;
  border:1px solid #263253!important;box-shadow:0 16px 38px rgba(20,34,68,.13);
}
body.bs-v6 .bs-terminal-v3 .bs-window-bar{flex:0 0 auto;padding-bottom:11px;font-size:10px;color:#97a8c8}
body.bs-v6 .bs-terminal-v3 .bs-terminal-main{
  flex:1;min-height:0;overflow:hidden!important;padding:12px 0 2px!important;
  font:500 11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace!important;
}
body.bs-v6 .bs-terminal-v3 .bs-terminal-main p{
  margin:4px 0!important;white-space:normal!important;width:auto!important;max-width:100%!important;
}
body.bs-v6 .bs-terminal-v3 .bs-code-key{color:#9db7ff}
body.bs-v6 .bs-terminal-v3 .bs-code-string{color:#f2a3c9}
body.bs-v6 .bs-terminal-v3 .bs-terminal-result{margin-top:7px!important;color:#a7f0d3;font-size:10px;line-height:1.45}
body.bs-v6 .bs-terminal-v3 .bs-type-line{
  display:flex;align-items:center;gap:5px;min-height:32px;margin:10px 0 0!important;
  padding:7px 10px;border:1px solid rgba(133,161,254,.18);
  background:rgba(102,128,209,.12);font-size:10px;line-height:1.45;
}
body.bs-v6 .bs-terminal-v3 [data-typewriter]{display:inline;overflow-wrap:anywhere;white-space:normal}
body.bs-v6 .bs-terminal-v3 .bs-type-line i{flex:0 0 5px;margin-left:1px}
body.bs-v6 .bs-terminal-v3 .bs-terminal-meta{
  flex:0 0 auto;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px;margin-top:7px;padding-top:9px;
}
body.bs-v6 .bs-terminal-v3 .bs-terminal-meta span{min-width:0;padding:5px 4px!important;font-size:9px!important;justify-content:center;white-space:nowrap}
body.bs-v6 .bs-hero-strip{margin-top:13px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:13px 16px!important;border-radius:15px;border:1px solid #e3eafa;background:rgba(255,255,255,.84)}
body.bs-v6 .bs-hero-strip>span{transition:transform .25s var(--bs-ease-out),color .2s,background .2s}
body.bs-v6 .bs-hero-strip>span:hover{transform:translateY(-3px);background:#f1f6ff}
/* Decorative movement on interaction. No hidden sections. */
body.bs-v6 .bs-section-head.is-visible h2{animation:bs602Rise .6s var(--bs-ease-out) both}
body.bs-v6 .bs-section-head.is-visible>.bs-eyebrow{animation:bs602Rise .6s var(--bs-ease-out) both}
body.bs-v6 .bs-hero-actions .bs-btn-primary,body.bs-v6 .bs-top-actions>.bs-btn-primary{position:relative;isolation:isolate;overflow:hidden}
body.bs-v6 .bs-btn-primary::after{content:"";pointer-events:none;position:absolute;inset:-60% auto -60% -60%;width:35%;transform:skewX(-26deg) translateX(-600%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.21),transparent)}
body.bs-v6 .bs-btn-primary:hover::after{animation:bs602Shine .7s ease-out 1}
body.bs-v6 .bs-hero-proof-v3 strong{font-variant-numeric:tabular-nums}
body.bs-v6 .bs-service-card .bs-service-arrow,body.bs-v6 .bs-project-card .bs-project-card-actions{transition:transform .3s var(--bs-ease-out)}
@media(hover:hover) and (pointer:fine){
 body.bs-v6 .bs-service-card:hover .bs-service-arrow{transform:translate(3px,-3px)}
 body.bs-v6 .bs-tech-mosaic-grid>span:hover{transform:translateY(-3px) scale(1.01)}
 body.bs-v6 .bs-service-card:hover .bs-service-icon{filter:drop-shadow(0 5px 8px rgba(45,80,155,.12))}
 body.bs-v6 .bs-project-card:hover .bs-project-media img{transform:scale(1.045)!important}
 body.bs-v6 .bs-profile-card-v3:hover .bs-profile-media img{transform:scale(1.035)}
 body.bs-v6 .bs-tech-mosaic-grid>span{transition:transform .28s var(--bs-ease-out)}
}
body.bs-v6 .bs-faq-list details summary{transition:color .2s,background-color .2s}
body.bs-v6 .bs-faq-list details[open] summary{color:#245dca}
body.bs-v6 .bs-process-flow.is-visible-flow .bs-process-node{animation:bs602Node .65s var(--bs-ease-out) backwards}
body.bs-v6 .bs-process-flow.is-visible-flow li:nth-child(2) .bs-process-node{animation-delay:.12s}
body.bs-v6 .bs-process-flow.is-visible-flow li:nth-child(3) .bs-process-node{animation-delay:.22s}
body.bs-v6 .bs-process-flow.is-visible-flow li:nth-child(4) .bs-process-node{animation-delay:.32s}
/* Read-progress indicator, rendered only when scrolling. */
.bs602-scroll-indicator{position:fixed;z-index:350;left:0;right:0;top:0;height:3px;pointer-events:none;opacity:0;transition:opacity .2s}
.admin-bar .bs602-scroll-indicator{top:32px}
.bs602-scroll-indicator.is-active{opacity:1}
.bs602-scroll-indicator>span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#1467f4,#6441e5,#b554dd)}
/* Interactive studio lab. Real code samples, explicitly labeled mockup. */
body.bs-v6 .bs-studio-lab{padding-top:clamp(42px,5vw,76px)}
body.bs-v6 .bs-lab-shell{overflow:hidden;padding:0!important;background:#101729!important;border:1px solid #25385b!important;box-shadow:0 18px 50px rgba(15,33,75,.12);border-radius:23px}
.bs-lab-topline,.bs-lab-editor-bar,.bs-lab-browser-bar,.bs-lab-editor-foot,.bs-lab-footer{display:flex;align-items:center;gap:10px}
.bs-lab-topline{padding:14px 22px 12px;color:#bac9e7;font:600 11px/1.5 ui-monospace,Consolas,monospace;border-bottom:1px solid #263451}
.bs-lab-live-dot,.bs-lab-pulse-dot{display:inline-block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#36ce9b;box-shadow:0 0 0 4px rgba(54,206,155,.11)}
.bs-lab-demo-label{margin-left:auto;letter-spacing:.04em;text-transform:uppercase;color:#8b9cbd;font-size:9px}
.bs-lab-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid #25324e}
.bs-lab-tab{border:1px solid transparent;border-radius:9px;padding:10px 15px;min-height:42px;font-size:12px;font-weight:700;line-height:1.3;color:#a2b2d0;background:transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.bs-lab-tab:hover{background:rgba(255,255,255,.06);color:#fff}
.bs-lab-tab[aria-selected="true"]{background:#22355a;color:#fff;border-color:#4167ae}
.bs-lab-tab:focus-visible{outline:2px solid #9caeff;outline-offset:2px}
.bs-lab-workspace{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);min-height:365px}
.bs-lab-editor{min-width:0;display:flex;flex-direction:column;background:#0e1526;border-right:1px solid #263350}
.bs-lab-editor-bar{gap:9px;padding:12px 22px;border-bottom:1px solid #25314a;font:600 11px/1.4 ui-monospace,Consolas,monospace;color:#d5dff3}
.bs-lab-file-icon{color:#8d9cff}.bs-lab-file-meta{font-weight:500;font-size:10px;margin-left:auto;color:#7284ac}
.bs-lab-pane{min-width:0;flex:1;animation:bs602Tab .3s ease both}
.bs-lab-pane[hidden]{display:none!important}
.bs-lab-code{font:500 clamp(10px,.95vw,13px)/1.85 ui-monospace,Consolas,"Liberation Mono",monospace;color:#d5dcf4;margin:0;padding:25px 24px 18px;white-space:pre;max-width:100%;overflow:auto;tab-size:2}
.bs-c-muted{color:#8191af}.bs-c-purple{color:#c6a4ff}.bs-c-green{color:#9ce8c9}.bs-c-blue{color:#81b4ff}
.bs-lab-editor-foot{font:600 10px/1.5 ui-monospace,Consolas,monospace;border-top:1px solid #26314a;padding:11px 22px;color:#a0b0d0}
.bs-lab-editor-foot>span:last-child{margin-left:auto}.bs-lab-ok{color:#46cf9c}
.bs-lab-preview{min-width:0;display:flex;flex-direction:column;justify-content:stretch;padding:24px;background:radial-gradient(circle at 94% 16%,rgba(110,91,244,.2),transparent 41%),#18243d;transform:perspective(1200px) rotateX(var(--bs-tx,0deg)) rotateY(var(--bs-ty,0deg));transition:transform .23s ease-out}
.bs-lab-browser-bar{height:31px;padding:0 13px;background:#e5ecfb;border-radius:12px 12px 0 0;font:700 10px/1 ui-monospace,Consolas,monospace;color:#71809a;justify-content:space-between}
.bs-lab-browser-bar span:nth-child(2){background:#fff;border-radius:5px;padding:5px 17px;color:#8c97aa}
.bs-lab-preview-body{background:linear-gradient(135deg,#fff,#f4f8ff);border-radius:0 0 12px 12px;min-height:268px;padding:20px 22px;display:flex;flex-direction:column;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.bs-lab-preview-brand{display:flex;align-items:center;gap:7px;color:#121b35;font:700 11px/1.2 system-ui,sans-serif}
.bs-lab-brand-shape{display:inline-block;width:17px;height:17px;border-radius:5px;background:linear-gradient(145deg,#237aff,#744bed)}
.bs-lab-preview-nav{margin-left:auto;font-size:7px;font-weight:600;color:#7b8496}
.bs-lab-preview-main{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:20px 2px 14px;animation:bs602Tab .36s ease both}
.bs-lab-preview-kicker{font:750 9px/1.3 system-ui,sans-serif;letter-spacing:.11em;color:#376dde}
.bs-lab-preview-main h3{max-width:350px;margin:7px 0 8px;font-size:clamp(19px,2.15vw,31px);line-height:1.1;letter-spacing:-.045em;color:#111a30;text-wrap:balance}
.bs-lab-preview-main p{font-size:11px;line-height:1.55;color:#66738b;margin:0;max-width:36ch}
.bs-lab-preview-cta{margin-top:13px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;color:#fff;background:linear-gradient(105deg,#286cf5,#6847e4);border-radius:7px;padding:9px 12px;font-size:10px;font-weight:700}
.bs-lab-preview-bottom{display:flex;gap:7px}
.bs-lab-preview-bottom span{height:7px;border-radius:4px;background:#e2eafb;flex:1}.bs-lab-preview-bottom span:last-child{flex:.5}
.bs-lab-preview-caption{margin-top:12px;color:#9bafd3;font-size:10px;text-align:right}
.bs-lab-footer{justify-content:space-between;flex-wrap:wrap;gap:14px;padding:16px 22px;border-top:1px solid #253453;color:#aebbd6;font-size:12px}
.bs-lab-footer>span{display:flex;align-items:center;gap:11px}
.bs-lab-footer a{color:#a9c4ff!important;text-decoration:none}
.bs-lab-footer .bs-icon{width:12px;height:12px}
/* Selective motion on subpages without generating blank sections. */
body.bs-v6 .bs-page-hero-card h1{position:relative}
body.bs-v6 .bs-tech-mosaic-grid>span,body.bs-v6 .bs-service-detail-list>.bs-card,body.bs-v6 .bs-local-brand>span{will-change:auto}
body.bs-v6 .bs-service-sticky::after{content:"";position:absolute;right:-46px;bottom:-70px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(71,112,239,.10),transparent 70%);pointer-events:none;animation:bs602Aura 8s ease-in-out infinite alternate}
body.bs-v6 .bs-page-hero-card .bs-eyebrow::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#5678e5;margin-right:9px;vertical-align:2px;box-shadow:0 0 0 4px rgba(81,115,225,.1)}
@keyframes bs602Tab{from{opacity:.63;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes bs602Rise{from{opacity:.65;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes bs602Node{from{opacity:.65;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@keyframes bs602Aura{to{transform:translate(-20px,-25px) scale(1.24)}}
@keyframes bs602Shine{from{transform:skewX(-26deg) translateX(-800%)}to{transform:skewX(-26deg) translateX(950%)}}
@media(min-width:781px) and (max-width:1180px){
 body.bs-v6 .bs-terminal-v3 .bs-terminal-main{font-size:9.3px!important}
 body.bs-v6 .bs-terminal-v3 .bs-terminal-meta span{font-size:7.5px!important}
 .bs-lab-preview-nav{display:none}
}
@media(min-width:781px) and (max-width:980px){
 body.bs-v6 .bs-hero-side-v3{height:auto!important;grid-template-rows:225px auto!important}
 body.bs-v6 .bs-terminal-v3{min-height:300px!important}
}
@media(max-width:780px){
 body.bs-v6 .bs-hero-primary-v3{min-height:auto!important}
 body.bs-v6 .bs-hero-side-v3{grid-template-columns:1fr!important;grid-template-rows:auto auto!important;height:auto!important}
 body.bs-v6 .bs-profile-card-v3{
    height:auto!important;min-height:0!important;
    display:grid!important;grid-template-columns:100px minmax(0,1fr)!important;
    align-items:center!important;gap:12px!important;padding:12px!important;
  }
  body.bs-v6 .bs-profile-card-v3 .bs-profile-media{
    position:relative!important;inset:auto!important;
    width:100px!important;height:100px!important;border-radius:13px!important;
  }
  body.bs-v6 .bs-profile-card-v3 .bs-profile-overlay-v3{
    position:static!important;inset:auto!important;
    padding:0!important;box-shadow:none!important;
    background:transparent!important;border:0!important;backdrop-filter:none!important;
  }
 body.bs-v6 .bs-terminal-v3{height:auto!important;min-height:275px!important;padding:14px 16px!important}
 body.bs-v6 .bs-terminal-v3 .bs-terminal-main{font-size:10.4px!important;overflow:visible!important}
 body.bs-v6 .bs-terminal-v3 .bs-terminal-meta span{font-size:8.5px!important}
 body.bs-v6 .bs-hero-strip{gap:7px;padding:10px!important}
 .bs-lab-workspace{grid-template-columns:1fr}
 .bs-lab-editor{border-right:0;border-bottom:1px solid #263350}
 .bs-lab-code{font-size:11px;padding:21px 18px}
 .bs-lab-preview{padding:18px}
 .bs-lab-preview-body{min-height:248px}
 .bs-lab-preview-main h3{font-size:26px}
 .bs-lab-footer{align-items:flex-start}
}
@media(max-width:420px){
 .bs-lab-topline{padding:13px 15px;font-size:10px}
 .bs-lab-demo-label{font-size:8px}
 .bs-lab-tabs{padding:9px}
 .bs-lab-tab{padding:9px 10px;font-size:11px;flex:1}
 .bs-lab-preview{padding:12px}
 .bs-lab-preview-body{padding:17px;min-height:232px}
 .bs-lab-preview-main h3{font-size:22px}
 .bs-lab-footer{padding:15px}
 body.bs-v6 .bs-terminal-v3 .bs-terminal-main{font-size:9.4px!important}
}
@media(prefers-reduced-motion:reduce){
 body.bs-v6 .bs-hero-mesh i,body.bs-v6 .bs-terminal-v3 .bs-type-line i,
 body.bs-v6 .bs-service-sticky::after{animation:none!important}
 body.bs-v6 .bs-section-head.is-visible h2,body.bs-v6 .bs-process-flow.is-visible-flow .bs-process-node,
 .bs-lab-pane,.bs-lab-preview-main{animation:none!important}
 .bs-lab-preview{transform:none!important;transition:none!important}
 body.bs-v6 .bs-btn-primary::after{display:none!important}
 .bs-lab-tab,body.bs-v6 .bs-hero-strip>span{transition:none!important}
}