/* KREVIAX mobile hardening v2 */
@media (max-width:1200px){
  .nav{background:#070914!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:10000!important}
  .mobile-menu{position:fixed!important;inset:84px 0 0!important;z-index:9999!important;background:#070914!important;background-image:linear-gradient(180deg,#090c1a 0%,#070914 100%)!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:24px var(--pad) 36px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  .mobile-menu[hidden]{display:none!important}
  .mobile-menu>a:not(.btn){display:block!important;width:100%!important;padding:18px 2px!important;margin:0!important;border-bottom:1px solid rgba(139,149,190,.16)!important;font:700 28px/1.1 Sora,'Plus Jakarta Sans',sans-serif!important;letter-spacing:-.03em!important;text-decoration:none!important;color:#f5f7ff!important;background:none!important;position:static!important;transform:none!important}
  .mobile-menu>a:not(.btn):first-child{border-top:1px solid rgba(139,149,190,.16)!important}
  .mobile-menu .mobile-client{color:#b68cff!important;margin-top:16px!important;border:1px solid rgba(159,77,255,.3)!important;border-radius:14px!important;padding:16px!important;background:#0d1120!important}
  .mobile-menu .btn{display:flex!important;width:100%!important;min-height:58px!important;margin:22px 0 0!important;padding:16px 20px!important;font-size:16px!important;position:static!important;transform:none!important}
  body.menu-open main,body.menu-open footer{visibility:hidden!important;pointer-events:none!important}

  .hero{min-height:auto!important;padding-top:130px!important;padding-bottom:72px!important;display:block!important}
  .hero-wrap{grid-template-columns:1fr!important;gap:54px!important}
  .hero-copy{max-width:920px!important}
  .hero h1{font-size:clamp(58px,9vw,96px)!important;max-width:950px!important}
  .hero-lead{max-width:760px!important}
  .showcase{min-height:540px!important;width:min(900px,100%)!important;margin:0 auto!important}
  .laptop{width:76%!important;left:8%!important;top:25%!important}
  .stat-a{left:0!important}.stat-b{right:10%!important}.rating-card{right:0!important}
  .section{padding-top:100px!important;padding-bottom:100px!important}
  .section-head{grid-template-columns:1fr!important;gap:18px!important}
  .section-head>p{max-width:760px!important}
  .projects,.prices{grid-template-columns:1fr!important}
  .project-card{min-height:340px!important}
  .process-grid,.standard-grid{grid-template-columns:1fr 1fr!important}
}

@media (max-width:700px){
  :root{--pad:20px}
  .nav{height:74px!important;padding:0 20px!important}
  .nav .btn-small,.client-link{display:none!important}
  .brand{gap:10px!important}.brand span{width:40px!important;height:40px!important}.brand strong{font-size:14px!important}
  .menu-toggle{display:flex!important;width:48px!important;height:48px!important}
  .mobile-menu{inset:74px 0 0!important;padding:18px 20px 32px!important}
  .mobile-menu>a:not(.btn){font-size:26px!important;padding:16px 2px!important}

  .hero{padding:112px 20px 64px!important}
  .hero-grid-bg{inset:74px 0 0!important;background-size:72px 72px!important;opacity:.72!important}
  .hero-glow{width:620px!important;height:620px!important;right:-390px!important;top:90px!important;opacity:.75!important}
  .hero-wrap{gap:34px!important}
  .eyebrow{font-size:9px!important;letter-spacing:.2em!important}
  .eyebrow i{width:34px!important}
  .hero h1{font-size:clamp(46px,13vw,68px)!important;line-height:.92!important;letter-spacing:-.06em!important;margin:22px 0 20px!important}
  .hero-lead{font-size:16px!important;line-height:1.65!important;margin-bottom:0!important}
  .actions{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-top:26px!important}
  .actions .btn,.actions .ghost-btn{width:100%!important;min-height:56px!important;justify-content:center!important}
  .feature-strip{grid-template-columns:1fr 1fr!important;gap:18px 12px!important;margin-top:28px!important}
  .feature-strip>div{min-width:0!important}
  .feature-strip strong{font-size:12px!important}.feature-strip small{font-size:10px!important;line-height:1.35!important}
  .trusted{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 18px!important;margin-top:32px!important}
  .trusted>span{grid-column:1/-1!important}.trusted b{font-size:15px!important}

  .showcase{min-height:370px!important;margin-top:8px!important;overflow:hidden!important}
  .laptop-glow{width:430px!important;height:250px!important;top:53%!important}
  .laptop{width:92%!important;left:3%!important;top:30%!important;transform:perspective(1000px) rotateX(1deg) rotateY(-2deg)!important}
  .screen-frame{border-width:7px!important;padding:7px!important;border-radius:14px!important}
  .screen-ui{min-height:220px!important;padding:13px!important}
  .screen-nav{gap:8px!important}.screen-nav span{display:none!important}.screen-nav strong{font-size:14px!important}
  .screen-content{grid-template-columns:1fr!important;margin-top:24px!important}
  .screen-content h3{font-size:24px!important}
  .screen-content p{font-size:8px!important}.screen-image{display:none!important}
  .float-card{min-width:132px!important;padding:12px 14px!important;border-radius:14px!important}
  .float-card strong{font-size:18px!important}.float-card small{font-size:8px!important}
  .stat-a{left:0!important;top:4%!important}.stat-b{right:0!important;top:2%!important}
  .rating-card{display:none!important}.signature{display:none!important}.scroll-cue{display:none!important}

  .section{padding:82px 20px!important}
  .section-head{margin-bottom:34px!important}
  .section-head h2{font-size:clamp(38px,11vw,52px)!important;line-height:1!important}
  .section-head>p{font-size:15px!important;line-height:1.65!important}
  .service-row{grid-template-columns:34px 1fr 36px!important;gap:10px!important;padding:24px 0!important}
  .service-row h3{font-size:24px!important}.service-row p{font-size:13px!important;line-height:1.55!important}
  .service-row>b{width:36px!important;height:36px!important}
  .projects,.prices{gap:14px!important}
  .project-card{min-height:260px!important;padding:22px!important;border-radius:18px!important}
  .project-card strong{font-size:34px!important}
  .process-grid,.standard-grid{grid-template-columns:1fr!important}
  .process-grid article,.standard-grid article{padding:22px!important}
  .price{min-height:auto!important;padding:24px!important}
  .price h3{font-size:34px!important}
  summary{font-size:18px!important;line-height:1.35!important}
  details p{font-size:14px!important}
  .cta-section{padding:96px 20px!important}
  .cta-section h2{font-size:clamp(44px,12vw,62px)!important}
  .cta-section .btn{width:100%!important;min-height:56px!important}
  .footer{padding:28px 20px!important;flex-direction:column!important;align-items:flex-start!important}
  .footer>div{flex-wrap:wrap!important}
}



/* Mobile hero composition v2.16.2 — remove desktop-style overlaps */
@media (max-width:700px){
  .showcase{
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
    min-height:0!important;
    height:auto!important;
    margin-top:12px!important;
    overflow:visible!important;
    padding:0!important;
  }
  .showcase-orbit,.showcase-beam,.showcase-chip,.laptop-glow,.rating-card,.signature,.stat-b{
    display:none!important;
  }
  .float-card.stat-a{
    position:relative!important;
    inset:auto!important;
    order:1!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    transform:none!important;
    padding:18px 20px!important;
    border-radius:18px!important;
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    grid-template-rows:auto auto!important;
    column-gap:14px!important;
    align-items:center!important;
    background:linear-gradient(145deg,rgba(20,25,46,.96),rgba(12,16,31,.96))!important;
    box-shadow:0 18px 50px rgba(9,5,35,.26)!important;
  }
  .float-card.stat-a .stat-icon{
    grid-row:1/3!important;
    font-size:24px!important;
  }
  .float-card.stat-a strong{
    font-size:18px!important;
    line-height:1.15!important;
    margin:0!important;
  }
  .float-card.stat-a small{
    font-size:11px!important;
    line-height:1.45!important;
    margin-top:4px!important;
  }
  .laptop{
    position:relative!important;
    order:2!important;
    width:100%!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    filter:drop-shadow(0 24px 36px rgba(0,0,0,.45))!important;
    margin:0!important;
  }
  .screen-frame{
    border-width:7px!important;
    padding:7px!important;
    border-radius:16px!important;
  }
  .screen-ui{
    min-height:260px!important;
    padding:16px!important;
  }
  .screen-nav{
    gap:8px!important;
  }
  .screen-nav strong{
    font-size:14px!important;
  }
  .screen-content{
    grid-template-columns:1fr!important;
    margin-top:28px!important;
  }
  .screen-content h3{
    font-size:clamp(25px,7.5vw,34px)!important;
    line-height:1.02!important;
    max-width:92%!important;
  }
  .screen-content p{
    font-size:10px!important;
    line-height:1.55!important;
    max-width:92%!important;
  }
  .screen-actions{
    flex-wrap:wrap!important;
  }
  .screen-actions button{
    min-height:36px!important;
    font-size:9px!important;
    padding:9px 12px!important;
  }
  .screen-image{
    display:none!important;
  }
  .keyboard{
    height:18px!important;
  }
  .base{
    height:6px!important;
  }
}

@media (max-width:390px){
  .hero h1{font-size:44px!important}
  .feature-strip{grid-template-columns:1fr!important}
  .trusted{grid-template-columns:1fr 1fr!important}
  .float-card{transform:none!important}
  .stat-b{display:none!important}
  .showcase{min-height:320px!important}
  .laptop{top:24%!important}
}

/* v2.16.3 final iPhone override — must stay at end of file */
@media (max-width:700px){
  .showcase{
    min-height:0!important;
    height:auto!important;
    margin-top:12px!important;
    overflow:visible!important;
  }
  .laptop{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    width:100%!important;
    margin:0!important;
    transform:none!important;
  }
}
@media (max-width:390px){
  .showcase{
    min-height:0!important;
    height:auto!important;
  }
  .laptop{
    top:auto!important;
    left:auto!important;
    width:100%!important;
  }
}



/* v2.16.4 mobile menu polish */
@media (max-width:1200px){
  .mobile-menu .mobile-client{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    margin:14px 0 0!important;
    padding:16px 18px!important;
    border:1px solid rgba(159,77,255,.18)!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,rgba(159,77,255,.07),rgba(57,135,255,.03))!important;
    color:#d8ccff!important;
    font:700 18px/1.2 Sora,'Plus Jakarta Sans',sans-serif!important;
    letter-spacing:-.02em!important;
    box-shadow:none!important;
  }
  .mobile-menu .mobile-client::after{
    content:"↗";
    font-size:18px;
    color:#9f7dff;
  }
}
@media (max-width:700px){
  .mobile-menu .mobile-client{
    padding:15px 16px!important;
    font-size:17px!important;
  }
  .screen-link{
    min-height:36px!important;
    padding:9px 12px!important;
    font-size:9px!important;
  }
}


/* v2.17 mobile navigation lock */
@media(max-width:1200px){
  body.menu-open{overflow:hidden!important;touch-action:none}
  body.menu-open .mobile-menu{touch-action:pan-y}
}


/* v2.18 mobile brand lockup — keep KREVIAX on one line */
@media (max-width:700px){
  .nav .brand-lockup{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
    flex-wrap:nowrap!important;
  }
  .nav .brand-lockup>span:first-child{
    flex:0 0 40px!important;
  }
  .nav .brand-lockup .brand-copy{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    width:auto!important;
    height:auto!important;
    min-width:max-content!important;
    border-radius:0!important;
    background:none!important;
    box-shadow:none!important;
    color:inherit!important;
    letter-spacing:normal!important;
  }
  .nav .brand-lockup .brand-copy strong{
    display:block!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    font-size:15px!important;
    line-height:1!important;
    letter-spacing:.14em!important;
  }
  .nav .brand-lockup .brand-copy small{
    display:block!important;
    white-space:nowrap!important;
    margin-top:5px!important;
    font-size:6px!important;
    line-height:1!important;
    letter-spacing:.34em!important;
    color:#7f89a1!important;
  }
}