/* Advantage360 mobile presentation — no content or brand changes. */
.a360-sticky-primary{display:none}
@media(max-width:767px){
  main .reveal{animation:none!important}
  :root{--a360-ease:cubic-bezier(.2,.7,.2,1);--a360-header:64px;--a360-bar:84px}
  html{scroll-padding-top:84px;scroll-behavior:smooth}
  body{padding-bottom:0;overflow-wrap:break-word}
  body:not(.a360-mobile-ready){padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  *,*::before,*::after{box-sizing:border-box}
  .shell{width:100%;max-width:100%;padding-inline:20px!important}
  main>section{scroll-margin-top:84px}
  main>section:not(#hero):not(#clients){padding-block:68px!important}
  main>section>.shell{min-width:0}
  h1,h2,h3,p,li,figure,fieldset,form{min-width:0}
  main h1{font-size:clamp(38px,10.3vw,44px)!important;line-height:1.09!important;letter-spacing:-.045em!important}
  main h2{font-size:clamp(30px,8vw,36px)!important;line-height:1.13!important;letter-spacing:-.035em!important}
  main h3{font-size:clamp(22px,6vw,26px)!important;line-height:1.23!important;letter-spacing:-.025em!important}
  main p{font-size:16px;line-height:1.6}
  main .eyebrow,.cms-kicker{font-size:12px!important;line-height:1.5!important;letter-spacing:.1em!important;margin-bottom:16px!important}
  a,button,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
  a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ff7900;outline-offset:4px}
  a[class*="group/button"],button[class*="group/button"],.cms-section-button{min-height:50px;height:auto!important;white-space:normal!important;text-align:center;padding-block:12px;font-size:16px!important;line-height:1.4!important}
  header{position:sticky;top:0;background:#fff!important;backdrop-filter:none!important;border-bottom-color:transparent!important;transition:border-color 220ms,box-shadow 220ms;z-index:50}
  header.a360-scrolled{border-bottom-color:#dbe3ed!important;box-shadow:0 3px 14px #081a3208}
  header>.shell{height:64px!important;gap:12px!important}
  header a[aria-label="Advantage360 home"]{width:164px!important;height:52px!important;min-height:0}
  header img{width:100%;height:100%;object-fit:contain!important}
  header nav,header>.shell>div>a{display:none!important}
  #mobile-menu-trigger{display:inline-flex!important;width:48px;height:48px;min-height:48px;border-radius:9px}
  #mobile-menu{width:min(100%,390px);height:100dvh;max-height:100dvh;padding:20px 24px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain;overflow-y:auto}
  #mobile-menu[open]{animation:a360-drawer-in 240ms var(--a360-ease)}
  #mobile-menu::backdrop{background:#081a3270}
  #mobile-menu nav a{min-height:52px;padding:15px 0;font-size:18px;line-height:1.4}
  #mobile-menu nav a[href="#contact"]{margin-top:20px;padding:14px 18px;border:0;border-radius:9px;background:#12356b;color:white;text-align:center}
  #close-mobile-menu{min-width:48px;min-height:48px}
  #hero>.shell{display:flex!important;flex-direction:column;align-items:stretch!important;gap:36px!important;padding-block:32px 52px!important;min-height:0!important}
  .a360-hero-copy{max-width:none!important}
  .a360-hero-copy>.eyebrow{margin-bottom:16px!important}
  .a360-hero-copy>h1+p{font-size:17px!important;line-height:1.55!important;margin-top:22px!important}
  .a360-hero-copy>div{margin-top:24px!important;display:flex!important;flex-direction:column!important;gap:10px!important}
  .a360-hero-copy>div>a{width:100%;justify-content:space-between!important}
  .a360-hero-copy>ul{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:22px!important;font-size:15px!important;line-height:1.5}
  .a360-hero-copy>ul>li{min-height:24px}
  #quick-enquiry{width:100%;padding:22px 20px!important;border-radius:14px!important;box-shadow:0 12px 30px #081a3214!important}
  #quick-enquiry h2{font-size:25px!important;line-height:1.2!important}
  #quick-enquiry>div:first-child>span{display:none!important}
  #quick-enquiry>div:first-child p{font-size:12px;line-height:1.5}
  #quick-enquiry fieldset{margin-top:20px}
  #quick-enquiry legend{font-size:15px;line-height:1.5}
  #quick-enquiry fieldset label{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px!important;line-height:1.4;padding:10px 8px}
  #quick-enquiry .cms-quick-fields{grid-template-columns:1fr!important;gap:18px!important}
  #quick-enquiry .cms-quick-fields>label{font-size:14px;line-height:1.5}
  #quick-enquiry .cms-quick-fields>label>span:not(.phone-help){display:inline;font-size:13px}
  .cms-form-control{font-size:16px!important;border-radius:9px!important;min-height:50px!important}
  textarea.cms-form-control{min-height:140px!important;resize:vertical}
  .cms-form-grid{grid-template-columns:1fr!important;row-gap:20px!important}
  .cms-form-grid label{font-size:14px!important}
  .phone-help{font-size:12px!important;line-height:1.5!important}
  #quick-enquiry>div[class*="mt-4"]{font-size:12px;line-height:1.5;display:flex;flex-direction:column;align-items:flex-start}
  #quick-enquiry a[href^="mailto:"]{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
  #clients{padding-block:32px 40px!important}
  #clients .shell>div{gap:20px!important}
  #clients p{font-size:14px;line-height:1.5}
  #clients .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%}
  .client-logo-tile{height:84px;padding:10px;border-radius:10px}
  .client-logo-tile img{max-height:58px;max-width:100%;object-fit:contain}
  #starting-point>.shell>div:first-child{gap:20px!important;padding-bottom:26px!important}
  #starting-point article{display:grid!important;grid-template-columns:24px minmax(0,1fr) 48px;gap:12px!important;padding-block:26px!important;align-items:start}
  #starting-point article>span{grid-column:1;grid-row:1;font-size:12px;line-height:1.5;padding-top:4px}
  #starting-point article>h3{grid-column:2/4;grid-row:1;font-size:23px!important;line-height:1.25!important}
  #starting-point article>div{grid-column:2;grid-row:2}
  #starting-point article>div p:first-child{font-size:15px;line-height:1.5}
  #starting-point article>div p:last-child{font-size:11px;line-height:1.5;letter-spacing:.06em}
  #starting-point article>a{grid-column:3;grid-row:2;width:48px;height:48px;align-self:end}
  #services>.shell{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:32px!important}
  #services>.shell>div:first-child>p:not(.eyebrow){margin-top:20px}
  #services>.shell>div:first-child>a{width:100%;margin-top:22px}
  #services>.shell>div:last-child{display:grid;gap:28px}
  #services>.shell>div:last-child>*{margin:0!important}
  .a360-service{border-radius:14px!important;overflow:hidden;scroll-margin-top:84px}
  .a360-service-layout{display:flex!important;flex-direction:column!important;gap:0!important;padding:22px 20px!important}
  .a360-service-copy{display:contents}
  .a360-service-meta{order:0}
  .a360-service-copy>h3{order:1;font-size:28px!important;margin-top:20px!important}
  .a360-service-copy>p{order:2;font-size:16px;line-height:1.6;margin-top:14px!important}
  .a360-service-visual{order:3;margin:24px -20px 0!important;width:calc(100% + 40px);border-radius:0!important;border-inline:0!important}
  .service-image-frame{padding:0!important;min-height:0;background:#f3f6fa}
  .service-image-frame img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;transform:none!important}
  .service-image-link{min-height:48px;align-items:center;padding:12px 16px;font-size:14px;gap:12px}
  .a360-service-visual>p{font-size:11px!important;line-height:1.5!important;letter-spacing:.07em!important;padding:12px 16px}
  .a360-service-features{order:4;display:grid!important;grid-template-columns:1fr!important;gap:22px!important;margin-top:24px!important}
  .a360-service-features p{font-size:12px!important;line-height:1.5!important;letter-spacing:.07em!important}
  .a360-service-features li{font-size:15px!important;line-height:1.5!important;gap:10px}
  .a360-service-cta{order:5;min-height:50px!important;width:100%;margin-top:24px!important}
  #system>.shell>div:first-child{gap:20px!important}
  #system>.shell>div:nth-child(2){display:none!important}
  .a360-timeline{display:grid!important;position:relative;grid-template-columns:minmax(0,1fr)!important;gap:0!important;margin-top:32px!important;isolation:isolate}
  .a360-timeline::before,.a360-timeline::after{content:"";position:absolute;left:8px;top:22px;bottom:28px;width:2px;background:#ffffff24;z-index:-1}
  .a360-timeline::after{background:#ff7900;transform:scaleY(var(--timeline-progress,1));transform-origin:top;will-change:transform}
  .a360-motion .a360-timeline::after{transform:scaleY(var(--timeline-progress,0))}
  .a360-timeline>li{position:relative;padding:0 0 28px 32px;min-width:0}
  .a360-timeline>li:last-child{padding-bottom:0}
  #system .a360-timeline>li::before{content:"";position:absolute;left:2px;top:19px;width:14px;height:14px;border:2px solid #8a9aad;border-radius:50%;background:#081a32;transition:background 220ms,border-color 220ms}
  #system .a360-timeline>li.is-active::before{background:#ff7900;border-color:#ff7900}
  #system .a360-timeline article{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding:14px 0 18px;border:0;border-radius:0;background:transparent}
  #system .a360-timeline article>span{width:32px;height:32px;border-radius:8px}
  #system .a360-timeline article>span svg{width:18px;height:18px}
  #system .a360-timeline article p:first-child{font-size:11px;letter-spacing:.08em;line-height:1.5}
  #system .a360-timeline article p:last-child{font-size:16px;line-height:1.55;color:#b0bfd1}
  #system .a360-timeline article h3{font-size:25px!important;margin-top:6px}
  #system>.shell>p:last-child{font-size:11px;line-height:1.5;margin-top:24px}
  #work>.shell>div:first-child{gap:20px!important}
  #work>.shell>div:last-child{grid-template-columns:minmax(0,1fr)!important;gap:20px!important;margin-top:28px!important}
  #work figure{padding:22px!important;border-radius:14px!important;gap:0;box-shadow:none;transform:none}
  #work figure>svg{display:none}
  #work figure figcaption{order:-1;border-top:0;padding:0 0 18px;margin:0;border-bottom:1px solid #dbe3ed;min-height:75px}
  #work figure blockquote{font-size:17px;line-height:1.65;margin:18px 0 0;font-weight:500}
  #work figcaption p{font-size:14px;line-height:1.5}
  #process>.shell>div:nth-child(2){margin-top:24px;padding:16px;font-size:14px;line-height:1.5;gap:10px}
  #process .a360-timeline{margin-top:0!important}
  #process .a360-timeline::before,#process .a360-timeline::after{left:23px;top:25px;bottom:70px}
  #process .a360-timeline>li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:0 0 30px;border:0;border-radius:0;background:transparent}
  #process .a360-timeline>li>span{position:relative;z-index:1;background:#0d2441;border-color:#516278;transition:background 220ms,border-color 220ms}
  #process .a360-timeline>li.is-active>span{border-color:#ff7900;background:#ff7900;color:#081a32}
  #process .a360-timeline h3{margin-top:4px;font-size:24px!important}
  #process .a360-timeline p{font-size:16px;line-height:1.55;color:#b0bfd1}
  #faqs>.shell{gap:28px!important}
  .standalone-faq{padding:0}
  .standalone-faq summary{position:relative;display:block;min-height:60px;padding:18px 32px 18px 0!important;font-size:16px!important;line-height:1.5;font-weight:600;list-style:none}
  .standalone-faq summary::-webkit-details-marker{display:none}
  .standalone-faq summary::after{content:"+";position:absolute;right:0;top:17px;font-size:23px;font-weight:400}
  .standalone-faq[open] summary::after{content:"−"}
  .standalone-faq p{font-size:16px!important;line-height:1.6!important;padding:0 12px 20px 0!important}
  .a360-faq-body{overflow:hidden}
  #contact>.shell{grid-template-columns:1fr!important;gap:28px!important}
  #contact>.shell>div>p{font-size:16px;line-height:1.6}
  #contact a[href^="mailto:"]{min-height:48px;font-size:15px;overflow-wrap:anywhere}
  #contact form{padding:22px 20px!important;border-radius:14px;box-shadow:none}
  #contact form>div>button{width:100%;min-height:50px}
  #contact form p{font-size:13px;line-height:1.55}
  .cms-new-section .cms-split-grid,.cms-feature-grid,.cms-gallery-grid,.cms-testimonial-grid{grid-template-columns:minmax(0,1fr)!important;gap:22px}
  .cms-new-section{padding-block:68px!important}
  .cms-split-image{padding:0}.cms-split-image img,.cms-project-image img{height:auto;max-height:none}
  .cms-section-heading{margin-bottom:24px}.cms-feature-card,.cms-quote-card{padding:22px}.cms-cta-panel{padding:28px 22px;border-radius:14px}
  .cms-section-button{width:100%;justify-content:space-between;white-space:normal}
  footer>.shell{padding-block:44px!important;grid-template-columns:1fr!important;gap:28px!important}
  footer p{font-size:15px;line-height:1.6}
  footer nav{gap:0!important}footer a:not([aria-label]){display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
  footer li a{width:100%}footer .analytics-preferences{min-height:44px;margin:0 20px 28px}
  .cms-contact-bar{left:0!important;right:0!important;bottom:0!important;border-radius:0!important;border:0;border-top:1px solid #dbe3ed;box-shadow:0 -4px 20px #081a3210;padding:10px 20px calc(10px + env(safe-area-inset-bottom))!important;gap:10px;background:#fff;justify-content:stretch;z-index:60}
  .cms-contact-bar>a{display:flex;align-items:center;justify-content:center;min-height:48px;margin:0;padding:10px 12px;font-size:13px;line-height:1.3;text-align:center}
  .cms-contact-bar>.a360-sticky-primary{display:flex;background:#12356b;color:white;flex:1;border-radius:9px;gap:10px}
  .a360-sticky-primary svg{width:16px;height:16px;flex:none}
  .cms-contact-bar>.cms-whatsapp{max-width:42%;font-size:12px}
  .cms-contact-bar:has(.cms-whatsapp)>[data-track-id="floating-email"]{display:none}
  .a360-mobile-ready .cms-contact-bar{visibility:hidden;opacity:0;transform:translateY(100%);transition:opacity 220ms,transform 260ms var(--a360-ease),visibility 260ms}
  .a360-mobile-ready.a360-sticky-shown .cms-contact-bar{visibility:visible;opacity:1;transform:none}
  body.a360-sticky-shown{padding-bottom:calc(var(--a360-bar) + env(safe-area-inset-bottom))}
  .a360-contact-visible .cms-contact-bar{visibility:hidden!important;opacity:0!important;transform:translateY(100%)!important}
  .a360-keyboard-open .cms-contact-bar,body:has(#analytics-consent) .cms-contact-bar{display:none!important}
  #analytics-consent{max-height:calc(100dvh - 24px - env(safe-area-inset-bottom));overflow:auto;bottom:calc(8px + env(safe-area-inset-bottom));padding:20px}
  #analytics-consent button{min-height:48px;flex:1}#analytics-consent p{font-size:15px;line-height:1.55}
  .a360-motion .a360-reveal{transition:opacity 560ms var(--a360-ease),transform 560ms var(--a360-ease);transition-delay:var(--reveal-delay,0ms)}
  .a360-motion .a360-reveal:not(.is-visible){opacity:0;transform:translateY(16px)}
  .a360-motion .a360-reveal.is-visible{opacity:1;transform:none}
  .a360-motion .a360-reveal.a360-image-reveal:not(.is-visible){transform:translateY(12px) scale(.985)}
  .a360-motion .a360-timeline>li.is-active{opacity:1;transform:none}
  @keyframes a360-drawer-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .a360-reveal,.a360-timeline,.a360-timeline *,#mobile-menu,.cms-contact-bar,.standalone-faq *{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}
  .a360-timeline::after{transform:scaleY(1)!important;will-change:auto}
}
