/* CloudCraft V13 — single responsive system loaded LAST on every page */
html,body{max-width:100%;overflow-x:hidden}
.site-header{position:sticky!important;top:0!important;z-index:10000!important;width:100%;background:rgba(10,18,32,.96)!important;backdrop-filter:blur(16px)}
.site-header .container.nav{width:min(1160px,calc(100% - 40px))!important;height:82px!important;margin:auto!important;padding:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;position:relative!important;overflow:visible!important}
.site-header .brand{width:225px!important;min-width:190px!important;display:flex!important;align-items:center!important;flex:0 0 auto!important}
.site-header .brand img{width:100%!important;height:auto!important;display:block!important}
.site-header .menu{display:none!important}
.site-header .nav-links{display:flex!important;position:static!important;align-items:center!important;flex-direction:row!important;gap:26px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.site-header .nav-links>a,.site-header .nav-drop-trigger{display:flex!important;align-items:center!important;padding:27px 0!important;font-size:16px!important;font-weight:600!important;line-height:1.25!important;white-space:nowrap!important}
.site-header .nav-dropdown{position:relative!important;display:flex!important;align-items:center!important;height:82px!important}
.site-header .dropdown-menu{position:absolute!important;display:block!important;top:68px!important;left:-18px!important;width:315px!important;padding:10px!important;background:#101a2d!important;border:1px solid rgba(150,180,220,.18)!important;border-radius:14px!important;box-shadow:0 24px 60px rgba(0,0,0,.38)!important;opacity:0!important;visibility:hidden!important;transform:translateY(8px)!important;transition:.2s!important;z-index:10020!important}
.site-header .nav-dropdown:hover .dropdown-menu,.site-header .nav-dropdown:focus-within .dropdown-menu{opacity:1!important;visibility:visible!important;transform:none!important}
.site-header .dropdown-menu a{display:block!important;padding:11px 13px!important;font-size:14px!important;line-height:1.35!important;white-space:normal!important}
.site-header .nav-cta{padding:12px 18px!important}
.footer a,.footer-links a{text-decoration:none!important;border-bottom:0!important;background-image:none!important}

@media(max-width:1024px){
 .site-header .container.nav{height:74px!important;width:min(100% - 28px,1160px)!important}
 .site-header .brand{width:min(205px,62vw)!important;min-width:0!important}
 .site-header .menu{display:flex!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;flex:0 0 46px!important;padding:0!important;border:1px solid rgba(72,214,255,.28)!important;border-radius:11px!important;background:rgba(49,174,244,.08)!important;color:#fff!important;font-size:0!important;cursor:pointer!important;z-index:10030!important}
 .site-header .menu:before{content:'☰';font-size:25px!important;line-height:1!important}
 .site-header .menu[aria-expanded="true"]:before{content:'×';font-size:31px!important}
 .site-header .nav-links{display:none!important;position:absolute!important;top:68px!important;left:0!important;right:0!important;width:100%!important;max-height:calc(100vh - 86px)!important;overflow-y:auto!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;padding:12px!important;background:#0d1729!important;border:1px solid rgba(150,180,220,.18)!important;border-radius:14px!important;box-shadow:0 22px 55px rgba(0,0,0,.46)!important;z-index:10020!important}
 .site-header .nav-links.open{display:flex!important}
 .site-header .nav-links>a,.site-header .nav-drop-trigger{display:flex!important;width:100%!important;padding:12px 11px!important;font-size:16px!important;white-space:normal!important;border-radius:9px!important}
 .site-header .nav-links>a:hover,.site-header .nav-drop-trigger:hover{background:rgba(49,174,244,.07)!important}
 .site-header .nav-links a:after{display:none!important}
 .site-header .nav-dropdown{display:block!important;width:100%!important;height:auto!important}
 .site-header .nav-drop-trigger{justify-content:space-between!important}
 .site-header .dropdown-menu{position:static!important;display:none!important;width:100%!important;margin:2px 0 7px!important;padding:6px!important;background:#091426!important;border-radius:10px!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;transform:none!important}
 .site-header .nav-dropdown.open .dropdown-menu{display:block!important}
 .site-header .dropdown-menu a{padding:11px!important;font-size:14px!important}
 .site-header .nav-cta{justify-content:center!important;margin-top:5px!important;padding:12px 14px!important}
 .hero-grid,.split,.contact-grid,.capability-grid,.about-grid{grid-template-columns:1fr!important}
 .services-grid,.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .footer-grid,.home-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
 .container{width:min(100% - 28px,1160px)!important}
 .site-header .container.nav{height:70px!important}
 .site-header .brand{width:min(190px,62vw)!important}
 .site-header .menu{width:43px!important;height:43px!important;flex-basis:43px!important}
 .site-header .nav-links{top:64px!important}
 h1,.page-hero h1,.hero h1{font-size:clamp(38px,12vw,52px)!important;line-height:1.04!important}
 .section-title,.section-heading h2,.section-head h2,.cap-copy h2,.about-copy h2,.contact-box h2{font-size:clamp(31px,9vw,40px)!important}
 .hero,.page-hero{padding-top:68px!important;padding-bottom:58px!important}
 .section{padding:66px 0!important}
 .services-grid,.industry-grid,.case-grid,.values,.service-detail,.process,.stats,.footer-grid,.home-footer-grid{grid-template-columns:1fr!important}
 .service-card,.industry-card,.value-card,.detail-card,.contact-box{min-width:0!important}
 .hero-actions{flex-direction:column!important;align-items:stretch!important}
 .hero-actions .btn{width:100%!important}
 .hero-art,.hero-visual{min-height:260px!important}
 .form-grid,.contact-form{grid-template-columns:1fr!important}
 .field.full,.contact-form label,.contact-form button,.form-note{grid-column:auto!important}
 .cta{padding:30px 20px!important}
 .footer,.home-footer{padding-top:52px!important}
 .footer-grid,.home-footer-grid{gap:30px!important}
 .footer-brand img{width:min(240px,80vw)!important}
 .copyright,.footer-bottom{display:flex!important;flex-direction:column!important;gap:8px!important;align-items:flex-start!important}
 .tech-track{max-width:100%!important;overflow:hidden!important}
}
@media(max-width:380px){.site-header .brand{width:165px!important}.site-header .container.nav{width:calc(100% - 20px)!important}.container{width:calc(100% - 24px)!important}}

/* V14 — Contact page mobile layout */
@media (max-width: 700px){
  body{overflow-x:hidden!important}
  .page-hero{padding:58px 0 42px!important}
  .page-hero .container{width:calc(100% - 32px)!important}
  .page-hero h1{font-size:clamp(34px,10vw,44px)!important;line-height:1.08!important;letter-spacing:-.035em!important;margin:14px 0 14px!important;overflow-wrap:anywhere}
  .page-hero .lead{font-size:16px!important;line-height:1.65!important;margin-bottom:0!important}
  .breadcrumb{font-size:12px!important;white-space:normal!important}
  .section{padding:52px 0!important}
  .contact-page-grid{display:flex!important;flex-direction:column!important;gap:18px!important;width:100%!important;min-width:0!important}
  .contact-page-copy,.enquiry-form{width:100%!important;max-width:100%!important;min-width:0!important;padding:24px 18px!important;border-radius:18px!important;overflow:hidden!important}
  .contact-page-copy .section-title{font-size:32px!important;line-height:1.12!important;margin:12px 0!important}
  .contact-page-copy .lead{font-size:15px!important;line-height:1.65!important}
  .contact-page-copy .contact-item{padding:17px 0!important;min-width:0!important}
  .contact-big{display:block!important;font-size:15px!important;line-height:1.5!important;overflow-wrap:anywhere!important;word-break:break-word!important;white-space:normal!important}
  .contact-item strong{font-size:16px!important;line-height:1.5!important}
  .enquiry-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:15px!important;width:100%!important}
  .enquiry-grid label,.enquiry-grid label.full{display:grid!important;grid-column:1!important;min-width:0!important;width:100%!important}
  .enquiry-grid input,.enquiry-grid select,.enquiry-grid textarea{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;font-size:16px!important;padding:14px 13px!important;border-radius:11px!important}
  .enquiry-grid select{appearance:auto!important}
  .enquiry-grid textarea{min-height:130px!important}
  .enquiry-submit{width:100%!important;min-height:50px!important;margin-top:16px!important;font-size:15px!important}
  .form-note{overflow-wrap:anywhere!important}
}
@media (max-width: 390px){
  .page-hero .container,.section>.container{width:calc(100% - 24px)!important}
  .contact-page-copy,.enquiry-form{padding:21px 15px!important}
  .page-hero h1{font-size:34px!important}
}