/* WEBKOVE v11: controlled mobile composition */
@media (max-width: 900px) {
  html,body,#root,.ref-home{max-width:100%;overflow-x:clip}
  .ref-home{padding-bottom:74px}
  .ref-hero,.ref-product,.ref-process-section{min-height:0!important;height:auto!important;overflow:hidden}
  .ref-hero>.ref-section-inner,.ref-product>.ref-section-inner,.ref-process-section>.ref-section-inner{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start;gap:24px;min-height:0!important;padding:104px 16px 58px!important}
  .ref-hero .ref-copy,.ref-product .ref-copy,.ref-process-section .ref-copy{position:static!important;inset:auto!important;order:0;width:100%;max-width:680px!important;max-height:none!important;margin:0;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
  .ref-hero .ref-copy h1,.ref-product .ref-copy h1,.ref-process-section .ref-copy h1{font-size:clamp(34px,10.4vw,54px)!important;line-height:.92;letter-spacing:-.055em}
  .ref-hero .ref-body,.ref-product .ref-body,.ref-process-section .ref-body{max-width:620px;margin-top:18px;font-size:15px!important;line-height:1.58}
  .ref-hero .ref-device-stage,.ref-product .ref-device-stage{position:relative!important;inset:auto!important;order:1;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:4px auto 0;aspect-ratio:1.12/1;overflow:hidden!important;contain:layout paint;border:1px solid rgba(145,176,255,.10);border-radius:24px;background:radial-gradient(circle at 50% 53%,rgba(76,108,214,.25),transparent 35%),linear-gradient(180deg,rgba(8,17,31,.70),rgba(2,6,13,.22));box-shadow:inset 0 1px rgba(255,255,255,.035)}
  .ref-device-stage:before{left:12%;right:12%;bottom:3%;height:12%}
  .ref-device-stage:after{left:11%;top:18%;width:78%;height:65%}
  .device{animation-duration:7s;filter:drop-shadow(0 26px 34px rgba(0,0,0,.64)) drop-shadow(0 0 14px rgba(91,129,237,.12))}
  .laptop{width:88%!important;height:72%!important;left:6%!important;right:auto!important;top:9%!important;bottom:auto!important;transform:rotateY(-3deg) rotateX(1deg)!important}
  .laptop .device-shell{width:100%;height:82%!important}.laptop-base{height:10%!important;min-height:20px}
  .tablet{width:84%!important;height:67%!important;left:8%!important;right:auto!important;top:8%!important;bottom:auto!important;transform:rotateY(-3deg) rotateX(1deg)!important}
  .phone,.phone.phone-large{width:25%!important;height:57%!important;left:auto!important;right:4%!important;top:auto!important;bottom:3%!important;transform:rotateY(-5deg) rotateZ(1deg)!important}
  .ref-hero-devices .phone{width:24%!important;height:55%!important;left:4%!important;right:auto!important;bottom:2%!important;transform:rotateY(5deg) rotateZ(-1deg)!important}
  .ref-product-mobile .phone,.ref-product-mobile .phone.phone-large{width:34%!important;height:76%!important;top:12%!important;bottom:auto!important}
  .ref-product-mobile .phone:first-child{left:14%!important;right:auto!important;transform:rotateY(7deg) rotateZ(-2deg)!important}
  .ref-product-mobile .phone:nth-child(2){left:auto!important;right:14%!important;transform:rotateY(-7deg) rotateZ(2deg)!important}
  .screen-ui.brand strong{font-size:clamp(17px,5.8vw,28px)}.screen-ui.profile strong{font-size:clamp(14px,4.7vw,24px)}.screen-ui.ai strong{font-size:clamp(14px,4.8vw,25px)}.screen-ui.dashboard header small{font-size:clamp(8px,2.8vw,12px)}.metric-row b{font-size:clamp(9px,3.2vw,14px)}
  .ref-process-inner{padding-top:90px!important}.ref-process-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:2px;padding:0;overflow:visible}.ref-process-cards article{height:126px;padding:16px;border-radius:16px}.ref-process-cards article:last-child{grid-column:1/-1}.ref-process-cards strong{left:16px;bottom:16px;writing-mode:horizontal-tb;transform:none;font-size:14px}
  .ref-contact-dock{left:auto;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:auto;max-width:calc(100vw - 20px);justify-content:flex-end;padding:5px}.ref-contact-dock a{flex:none;min-height:44px;padding:0 13px}
  .ref-briefing .ref-contact-inner{padding:94px 16px 34px!important}.ref-contact-links .ref-direct{min-height:44px;font-size:13px}.ref-form{box-shadow:0 26px 70px rgba(0,0,0,.42)}.ref-footer{gap:18px;padding:24px 16px 30px}
}
@media (max-width:430px){
  .ref-hero>.ref-section-inner,.ref-product>.ref-section-inner,.ref-process-section>.ref-section-inner{padding:94px 12px 48px!important;gap:20px}
  .ref-hero .ref-device-stage,.ref-product .ref-device-stage{border-radius:20px;aspect-ratio:1.06/1}
  .ref-hero .ref-copy h1,.ref-product .ref-copy h1,.ref-process-section .ref-copy h1{font-size:clamp(33px,9.8vw,45px)!important}
  .ref-hero .ref-body,.ref-product .ref-body,.ref-process-section .ref-body{font-size:14px!important}
  .ref-actions-row{align-items:stretch}.ref-actions-row a{justify-content:center;text-align:center}
  .ref-contact-dock a{width:44px;padding:0;justify-content:center}.ref-contact-dock a span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .ref-brief-head{gap:12px}.ref-brief-head strong{font-size:18px}.ref-footer{flex-direction:column}.ref-footer a{margin:0 18px 0 0}
}
@media (max-width:360px){.ref-hero .ref-copy h1,.ref-product .ref-copy h1,.ref-process-section .ref-copy h1{font-size:31px!important}.ref-hero .ref-device-stage,.ref-product .ref-device-stage{aspect-ratio:1/1}}