/* Human-readable section map: selectors below are grouped by the component they style. */
/* Desktop safety: injected mobile navigation must never enter normal document flow. */
/* Desktop safety for mobile-only UI. */
.om-mobile-header-bar,.om-mobile-search{display:none!important}

/* Styles: .om-mobile-drawer,.om-mobile-overlay,.om-mobile-nav */
.om-mobile-drawer,.om-mobile-overlay,.om-mobile-nav{display:none!important}

/* ============================================================
   OrganicMetric Mobile Experience v1
   Mobile-first interaction layer. Desktop styles remain intact.
   ============================================================ */

@media (max-width: 900px){
/* Styles: html,body */
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
/* Styles: body */
  body{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
/* Styles: .wrap */
  .wrap{width:100%;max-width:100%!important;padding-left:18px!important;padding-right:18px!important}
/* Styles: img,svg,video,canvas */
  img,svg,video,canvas{max-width:100%;height:auto}
/* Styles: .site-header */
  .site-header{height:72px!important}
/* Styles: .site-header .nav */
  .site-header .nav{height:72px!important;padding-left:14px!important;padding-right:14px!important;gap:10px!important}
/* Styles: .site-header .brand */
  .site-header .brand{flex:0 0 auto;max-width:138px}
/* Styles: .site-header .brand img */
  .site-header .brand img{width:132px!important;max-width:132px!important;max-height:48px}
/* Styles: .site-header .links */
  .site-header .links{display:none!important}
/* Styles: .site-header .navbtn */
  .site-header .navbtn{display:none!important}
/* Styles: .site-header .mobile-menu */
  .site-header .mobile-menu{display:grid!important;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid #e1e6ee!important;border-radius:13px;background:#fff!important;color:#172033!important;font-size:0;box-shadow:0 6px 18px rgba(18,25,48,.06)}
/* Styles: .site-header .mobile-menu:after */
  .site-header .mobile-menu:after{content:'☰';font-size:21px;line-height:1}
/* Styles: .header-search-wrap */
  .header-search-wrap{width:46px!important;flex:0 0 46px!important;order:2;margin-left:auto}
/* Styles: .site-header .mobile-menu */
  .site-header .mobile-menu{order:3}
/* Styles: .header-search */
  .header-search{height:42px!important;width:46px!important;padding:0 13px!important;border-radius:13px!important;justify-content:center}
/* Styles: .header-search input,.header-search-kbd */
  .header-search input,.header-search-kbd{display:none!important}
/* Styles: .header-search svg */
  .header-search svg{width:18px!important;height:18px!important;flex:0 0 18px}
/* Styles: .header-search .search-close */
  .header-search .search-close{display:none!important}
/* Styles: .site-header.search-active .brand,.site-header.search-active .mobile-menu */
  .site-header.search-active .brand,.site-header.search-active .mobile-menu{display:none!important}
/* Styles: .site-header.search-active .header-search-wrap */
  .site-header.search-active .header-search-wrap{width:100%!important;flex:1 1 auto!important}
/* Styles: .site-header.search-active .header-search */
  .site-header.search-active .header-search{width:100%!important;height:48px!important;justify-content:flex-start;padding:0 13px!important}
/* Styles: .site-header.search-active .header-search input */
  .site-header.search-active .header-search input{display:block!important}
/* Styles: .site-header.search-active .header-search .search-close */
  .site-header.search-active .header-search .search-close{display:block!important}
/* Styles: .header-search-results */
  .header-search-results{position:fixed!important;top:66px!important;left:10px!important;right:10px!important;max-height:min(58vh,420px)!important;border-radius:18px!important;padding:7px!important;box-shadow:0 20px 55px rgba(18,25,48,.18)!important}
/* Styles: .search-result */
  .search-result{padding:12px!important}
/* Styles: body */
  body{padding-top:72px!important;padding-bottom:78px!important}

  /* Mobile drawer */
/* Styles: body.om-drawer-open */
  body.om-drawer-open{overflow:hidden!important}
/* Styles: .om-mobile-overlay */
  .om-mobile-overlay{display:block!important;position:fixed;inset:0;background:rgba(9,14,28,.34);backdrop-filter:blur(3px);z-index:2998;opacity:0;visibility:hidden;transition:.22s}
/* Styles: .om-mobile-overlay.open */
  .om-mobile-overlay.open{opacity:1;visibility:visible}
/* Styles: .om-mobile-drawer */
  .om-mobile-drawer{display:flex!important;position:fixed;z-index:2999;top:0;right:0;width:min(88vw,390px);height:100dvh;background:#fff;border-left:1px solid #e7ebf1;box-shadow:-18px 0 60px rgba(11,16,32,.18);transform:translateX(102%);transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;overflow:hidden}
/* Styles: .om-mobile-drawer.open */
  .om-mobile-drawer.open{transform:translateX(0)}
/* Styles: .om-drawer-head */
  .om-drawer-head{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #edf0f4;flex:0 0 auto}
/* Styles: .om-drawer-brand */
  .om-drawer-brand{font:700 20px/1 'Space Grotesk',sans-serif;letter-spacing:-.7px;color:#0b1020}
/* Styles: .om-drawer-brand span */
  .om-drawer-brand span{background:linear-gradient(135deg,#2f7cff,#6d4aff);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Styles: .om-drawer-close */
  .om-drawer-close{width:40px;height:40px;border:1px solid #e1e6ee;border-radius:12px;background:#fff;font-size:23px;color:#1b2436}
/* Styles: .om-drawer-body */
  .om-drawer-body{padding:14px 14px 30px;overflow:auto;-webkit-overflow-scrolling:touch}
/* Styles: .om-drawer-section */
  .om-drawer-section{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#8b94a3;margin:14px 8px 8px}
/* Styles: .om-drawer-link */
  .om-drawer-link{display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:14px;font-size:15px;font-weight:700;color:#20283a}
/* Styles: .om-drawer-link:active */
  .om-drawer-link:active{background:#f3f6fb}
/* Styles: .om-drawer-icon */
  .om-drawer-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#f1f5ff;color:#2f7cff;font-weight:800;flex:0 0 36px}
/* Styles: .om-drawer-link.primary */
  .om-drawer-link.primary{margin-top:12px;background:linear-gradient(135deg,#2f7cff,#6d4aff);color:#fff;box-shadow:0 10px 25px rgba(70,75,220,.2)}
/* Styles: .om-drawer-link.primary .om-drawer-icon */
  .om-drawer-link.primary .om-drawer-icon{background:rgba(255,255,255,.18);color:#fff}
/* Styles: .om-drawer-services */
  .om-drawer-services{margin:4px 0 8px;padding:4px;border:1px solid #edf0f4;border-radius:16px;background:#fafbfd}
/* Styles: .om-drawer-services .om-drawer-link */
  .om-drawer-services .om-drawer-link{font-size:14px}
/* Styles: .om-drawer-services .om-drawer-icon */
  .om-drawer-services .om-drawer-icon{width:32px;height:32px;flex-basis:32px;border-radius:9px;font-size:12px}
/* Styles: .om-mobile-nav */
  .om-mobile-nav{display:grid!important;position:fixed;z-index:2990;left:10px;right:10px;bottom:10px;height:62px;border:1px solid rgba(220,226,236,.92);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 12px 35px rgba(18,25,48,.16);backdrop-filter:blur(18px);display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:5px;transform:translateZ(0)}
/* Styles: .om-mobile-nav button,.om-mobile-nav a */
  .om-mobile-nav button,.om-mobile-nav a{appearance:none;border:0;background:none;text-decoration:none;color:#697386;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;height:52px;border-radius:15px;font:700 9px/1 'DM Sans',sans-serif}
/* Styles: .om-mobile-nav .mn-icon */
  .om-mobile-nav .mn-icon{font-size:18px;line-height:20px}
/* Styles: .om-mobile-nav .active */
  .om-mobile-nav .active{color:#2f7cff;background:#eef4ff}
/* Styles: .om-mobile-nav .mn-book */
  .om-mobile-nav .mn-book{background:linear-gradient(135deg,#2f7cff,#6d4aff);color:#fff;box-shadow:0 6px 18px rgba(70,75,220,.24)}
/* Styles: .om-mobile-nav .mn-book .mn-icon */
  .om-mobile-nav .mn-book .mn-icon{font-size:16px}
/* Styles: .om-float-book */
  .om-float-book{bottom:84px!important;right:14px!important;padding:10px 13px!important;border-radius:999px!important;font-size:11px!important;box-shadow:0 10px 25px rgba(70,75,220,.25)!important}
/* Styles: .om-float-book .om-fb-icon */
  .om-float-book .om-fb-icon{font-size:14px!important}

  /* Prevent common layout overflow */
/* Styles: main,.section,.hero,.cta,.footer */
  main,.section,.hero,.cta,.footer{max-width:100%;overflow:hidden}
/* Styles: .hero-grid,.dark-grid,.ai-grid,.about-hero-grid,.split-story,.vision-hero-grid,.mission-hero-grid */
  .hero-grid,.dark-grid,.ai-grid,.about-hero-grid,.split-story,.vision-hero-grid,.mission-hero-grid{grid-template-columns:1fr!important;gap:28px!important}
/* Styles: .hero */
  .hero{padding:56px 0 44px!important}
/* Styles: .hero h1 */
  .hero h1{font-size:clamp(43px,12vw,58px)!important;letter-spacing:-3px!important;line-height:.96!important}
/* Styles: .hero p */
  .hero p{font-size:16px!important;line-height:1.65!important}
/* Styles: .hero-card,.visual,.service-art */
  .hero-card,.visual,.service-art{width:100%!important;min-width:0!important}
/* Styles: .section */
  .section{padding:64px 0!important}
/* Styles: .section-head */
  .section-head{display:block!important;margin-bottom:28px!important}
/* Styles: .section-head h2,.section-heading h2 */
  .section-head h2,.section-heading h2{font-size:clamp(32px,9vw,48px)!important;letter-spacing:-2px!important;line-height:1.02!important}
/* Styles: .section-head p */
  .section-head p{margin-top:13px!important;font-size:15px!important}
/* Styles: .grid,.om-grid,.process,.faq,.form,.tools-grid */
  .grid,.om-grid,.process,.faq,.form,.tools-grid{grid-template-columns:1fr!important}
/* Styles: .card,.step,.tool-card,.review-card */
  .card,.step,.tool-card,.review-card{min-width:0!important;padding:22px!important;border-radius:20px!important}
/* Styles: .card h3,.step h3 */
  .card h3,.step h3{font-size:21px!important}
/* Styles: .dark-section .big-panel,.dark-section .mini-panel */
  .dark-section .big-panel,.dark-section .mini-panel{padding:24px!important;border-radius:22px!important}
/* Styles: .bars */
  .bars{height:140px!important;gap:7px!important}
/* Styles: .bar */
  .bar{min-width:0!important}
/* Styles: .cta */
  .cta{padding-bottom:64px!important}
/* Styles: .cta-box */
  .cta-box{padding:32px 22px!important;border-radius:24px!important}
/* Styles: .cta-box h2 */
  .cta-box h2{font-size:34px!important;letter-spacing:-1.8px!important;line-height:1.04!important}
/* Styles: .cta-box p */
  .cta-box p{font-size:15px!important}
/* Styles: .cta-box .btn */
  .cta-box .btn{width:100%!important;text-align:center!important;margin-top:18px!important}
/* Styles: .actions,.hero-actions,.about-actions */
  .actions,.hero-actions,.about-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:10px!important}
/* Styles: .actions .btn,.hero-actions .btn,.about-actions .btn */
  .actions .btn,.hero-actions .btn,.about-actions .btn{width:100%!important;text-align:center!important}
/* Styles: .btn */
  .btn{min-height:48px!important;padding:14px 18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
/* Styles: .footer */
  .footer{padding:54px 0 96px!important}
/* Styles: .foot-grid */
  .foot-grid{grid-template-columns:1fr!important;gap:26px!important}
/* Styles: .footer .brand img */
  .footer .brand img{width:160px!important}
/* Styles: .footer p */
  .footer p{max-width:none!important;font-size:13px!important}
/* Styles: .footer h4 */
  .footer h4{margin-bottom:9px!important}
/* Styles: .footer a */
  .footer a{font-size:13px!important}
/* Styles: .copy */
  .copy{margin-top:32px!important;padding-top:18px!important;display:flex!important;flex-direction:column!important;gap:6px!important}
/* Styles: .copy span */
  .copy span{margin-top:0!important}

  /* Forms */
/* Styles: .form,.om-grid */
  .form,.om-grid{gap:12px!important}
/* Styles: .field input,.field textarea,.field select,.om-input,.om-select,.om-textarea */
  .field input,.field textarea,.field select,.om-input,.om-select,.om-textarea{font-size:16px!important;min-height:50px!important;border-radius:13px!important}
/* Styles: .field textarea,.om-textarea */
  .field textarea,.om-textarea{min-height:130px!important}
/* Styles: input,select,textarea,button */
  input,select,textarea,button{max-width:100%}
/* Styles: .om-modal */
  .om-modal{width:calc(100vw - 18px)!important;max-width:calc(100vw - 18px)!important;max-height:calc(100dvh - 18px)!important;border-radius:22px!important}
/* Styles: .om-overlay */
  .om-overlay{padding:9px!important}
/* Styles: .om-modal-head */
  .om-modal-head{padding:18px!important}
/* Styles: .om-modal-title */
  .om-modal-title{font-size:25px!important;line-height:1.08!important}
/* Styles: .om-modal-sub */
  .om-modal-sub{font-size:13px!important;line-height:1.45!important}
/* Styles: .om-tabs */
  .om-tabs{display:flex!important;overflow-x:auto!important;gap:8px!important;padding:8px 18px!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
/* Styles: .om-tab */
  .om-tab{min-width:135px!important;flex:0 0 auto!important;scroll-snap-align:start}
/* Styles: .om-modal-body */
  .om-modal-body{padding:18px!important}
/* Styles: .om-service-intro */
  .om-service-intro{padding:16px!important}
/* Styles: .om-form-footer */
  .om-form-footer{position:sticky!important;bottom:0!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(12px)!important;padding-top:12px!important}
/* Styles: .om-submit */
  .om-submit{width:100%!important;min-height:50px!important}
}

@media (max-width: 560px){
/* Styles: .wrap */
  .wrap{padding-left:16px!important;padding-right:16px!important}
/* Styles: .site-header .brand img */
  .site-header .brand img{width:124px!important}
/* Styles: .site-header .nav */
  .site-header .nav{padding-left:12px!important;padding-right:12px!important}
/* Styles: .hero */
  .hero{padding-top:46px!important}
/* Styles: .hero h1 */
  .hero h1{font-size:46px!important}
/* Styles: .hero p */
  .hero p{font-size:15px!important}
/* Styles: .hero-card */
  .hero-card{border-radius:22px!important}
/* Styles: .visual */
  .visual{min-height:330px!important;border-radius:24px!important}
/* Styles: .service-art */
  .service-art{min-height:390px!important;border-radius:24px!important}
/* Styles: .google-window,.meta-window,.seo-window,.browser */
  .google-window,.meta-window,.seo-window,.browser{left:4%!important;right:4%!important;top:5%!important;bottom:14%!important;border-radius:15px!important}
/* Styles: .art-label */
  .art-label{left:14px!important;bottom:12px!important}
/* Styles: .section */
  .section{padding:54px 0!important}
/* Styles: .section-head h2,.section-heading h2 */
  .section-head h2,.section-heading h2{font-size:34px!important}
/* Styles: .card,.step,.tool-card,.review-card */
  .card,.step,.tool-card,.review-card{padding:20px!important}
/* Styles: .tool-card h2 */
  .tool-card h2{font-size:24px!important}
/* Styles: .faq details */
  .faq details{padding:17px!important}
/* Styles: .cta-box */
  .cta-box{padding:28px 19px!important}
/* Styles: .cta-box h2 */
  .cta-box h2{font-size:31px!important}
/* Styles: .om-mobile-drawer */
  .om-mobile-drawer{width:min(92vw,390px)}
/* Styles: .om-mobile-nav */
  .om-mobile-nav{left:7px;right:7px;bottom:7px;height:61px;border-radius:19px}
/* Styles: .om-mobile-nav button,.om-mobile-nav a */
  .om-mobile-nav button,.om-mobile-nav a{height:51px}
/* Styles: .om-float-book */
  .om-float-book{display:none!important}
/* Styles: .copy */
  .copy{font-size:11px!important}
/* Styles: table */
  table{display:block!important;width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
}

@media (max-width: 380px){
/* Styles: .site-header .brand img */
  .site-header .brand img{width:112px!important}
/* Styles: .site-header .nav */
  .site-header .nav{gap:7px!important}
/* Styles: .hero h1 */
  .hero h1{font-size:42px!important}
/* Styles: .om-mobile-nav button,.om-mobile-nav a */
  .om-mobile-nav button,.om-mobile-nav a{font-size:8px!important}
}
@media (prefers-reduced-motion:reduce){
/* Styles: .om-mobile-drawer,.om-mobile-overlay,.om-mobile-nav */
  .om-mobile-drawer,.om-mobile-overlay,.om-mobile-nav{transition:none!important}
}

@media (max-width: 900px){
/* Styles: .numbers,.service-intro,.belief-grid,.vision-cards,.journey,.horizon-grid,.vision-pillars,.founder-grid,.about-dark-grid,.vision-dark-grid,.review-grid,.tool-row */
  .numbers,.service-intro,.belief-grid,.vision-cards,.journey,.horizon-grid,.vision-pillars,.founder-grid,.about-dark-grid,.vision-dark-grid,.review-grid,.tool-row{grid-template-columns:1fr!important}
/* Styles: .founder-points>div */
  .founder-points>div{grid-template-columns:1fr!important;gap:6px!important}
/* Styles: .service-intro */
  .service-intro{gap:24px!important}
/* Styles: .service-intro .service-art */
  .service-intro .service-art{order:2}
/* Styles: .journey>*,.numbers>*,.belief-grid>*,.vision-cards>*,.horizon-grid>* */
  .journey>*,.numbers>*,.belief-grid>*,.vision-cards>*,.horizon-grid>*{min-width:0!important}
/* Styles: .journey */
  .journey{border-top:0!important;gap:1px!important;border-radius:20px!important;overflow:hidden!important}
/* Styles: .journey>* */
  .journey>*{border-bottom:1px solid var(--line)!important;padding:20px!important}
/* Styles: .prose */
  .prose{font-size:15px!important;line-height:1.75!important}
/* Styles: .prose p */
  .prose p{margin-bottom:18px!important}
/* Styles: .about-hero-art */
  .about-hero-art{min-height:330px!important;max-width:100%!important}
/* Styles: .hero-stat */
  .hero-stat{transform:scale(.88)!important}
/* Styles: .about-dark-grid,.vision-dark-grid */
  .about-dark-grid,.vision-dark-grid{gap:26px!important}
/* Styles: .tool-row */
  .tool-row{gap:12px!important}
/* Styles: .tool-row>* */
  .tool-row>*{min-width:0!important}
/* Styles: .tool-card */
  .tool-card{min-height:0!important}
/* Styles: .review-card */
  .review-card{height:auto!important}
/* Styles: .faq-section-head */
  .faq-section-head{display:block!important}
/* Styles: .faq-section-head h2 */
  .faq-section-head h2{font-size:34px!important}
/* Styles: .faq-list */
  .faq-list{width:100%!important}
/* Styles: .faq-list details */
  .faq-list details{padding:16px!important}
/* Styles: .service-art .float-card,.service-art .seo-float,.service-art .code-float */
  .service-art .float-card,.service-art .seo-float,.service-art .code-float{display:none!important}
/* Styles: .service-art .google-window,.service-art .meta-window,.service-art .seo-window,.service-art .browser */
  .service-art .google-window,.service-art .meta-window,.service-art .seo-window,.service-art .browser{max-width:92%!important}
/* Styles: .om-business-search,.om-results */
  .om-business-search,.om-results{max-width:100%!important}
/* Styles: .om-results */
  .om-results{overflow-x:hidden!important}
/* Styles: .om-result */
  .om-result{min-width:0!important}
}
@media (max-width: 560px){
/* Styles: .numbers,.belief-grid,.vision-cards */
  .numbers,.belief-grid,.vision-cards{gap:10px!important}
/* Styles: .about-hero-art */
  .about-hero-art{min-height:300px!important}
/* Styles: .hero-stat */
  .hero-stat{font-size:10px!important}
/* Styles: .hero-core */
  .hero-core{transform:translate(-50%,-50%) scale(.82)!important}
/* Styles: .service-intro */
  .service-intro{margin-bottom:28px!important}
/* Styles: .service-intro h1,.about-hero h1 */
  .service-intro h1,.about-hero h1{font-size:38px!important;letter-spacing:-2.2px!important;line-height:1.02!important}
/* Styles: .service-intro p */
  .service-intro p{font-size:15px!important}
}

/* =====================================================================
   OrganicMetric — Mobile App Navigation / Search Upgrade
   ---------------------------------------------------------------------
   Mobile intentionally uses one navigation system: the fixed app bar.
   The desktop header search/menu controls are hidden on phones so there
   are no duplicate navigation or search interfaces.
   ===================================================================== */
@media (max-width:900px){
  /* One navigation system on mobile: the bottom app bar. */
  .site-header .header-search-wrap,
  .site-header .mobile-menu{
    display:none!important;
  }

  .site-header.search-active .header-search-wrap{
    display:block!important;
  }

  /* Full-screen search shell. */
  body.om-mobile-search-open{
    overflow:hidden!important;
  }

  body.om-mobile-search-open .om-universal-header{
    height:100dvh!important;
    pointer-events:auto!important;
  }

  body.om-mobile-search-open .om-top-contact{
    display:none!important;
  }

  body.om-mobile-search-open .om-universal-header .site-header{
    top:0!important;
    height:64px!important;
    border-bottom:1px solid #e9edf3!important;
    box-shadow:0 6px 24px rgba(18,25,48,.06)!important;
  }

  body.om-mobile-search-open .site-header .nav{
    height:64px!important;
    width:100%!important;
    padding:8px 12px!important;
  }

  body.om-mobile-search-open .site-header.search-active .header-search-wrap{
    width:100%!important;
    flex:1 1 auto!important;
    margin:0!important;
    order:1!important;
  }

  body.om-mobile-search-open .site-header.search-active .header-search{
    display:flex!important;
    width:100%!important;
    height:48px!important;
    border:1.5px solid #6d4aff!important;
    border-radius:15px!important;
    background:#fff!important;
    padding:0 11px!important;
    box-shadow:0 0 0 4px rgba(109,74,255,.08)!important;
  }

  body.om-mobile-search-open .site-header.search-active .header-search input{
    display:block!important;
    width:100%!important;
    height:46px!important;
    font-size:16px!important;
  }

  body.om-mobile-search-open .site-header.search-active .header-search-kbd{
    display:none!important;
  }

  body.om-mobile-search-open .site-header.search-active .search-close{
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    height:36px!important;
    margin-left:6px!important;
    border:0!important;
    border-radius:10px!important;
    background:#f1f4f8!important;
    color:#172033!important;
    font-size:23px!important;
    line-height:1!important;
  }

  body.om-mobile-search-open .om-universal-header .header-search-results{
    position:fixed!important;
    z-index:5100!important;
    top:64px!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    max-width:none!important;
    height:calc(100dvh - 64px)!important;
    max-height:none!important;
    padding:16px 14px calc(28px + env(safe-area-inset-bottom))!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:#f7f9fc!important;
    box-shadow:none!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  /* Empty search state is service-first on mobile. */
  body.om-mobile-search-open .search-panel-section:not(.search-services-section){
    display:none!important;
  }

  body.om-mobile-search-open .search-panel-services{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  body.om-mobile-search-open .search-panel-heading{
    min-height:44px!important;
    margin:0 0 12px!important;
    padding:0 2px!important;
  }

  body.om-mobile-search-open .search-panel-heading .panel-heading-icon{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
    border-radius:13px!important;
    font-size:18px!important;
  }

  body.om-mobile-search-open .search-panel-heading strong{
    font-size:20px!important;
  }

  body.om-mobile-search-open .search-panel-heading em{
    font-size:12px!important;
  }

  body.om-mobile-search-open .search-panel-heading-action{
    font-size:11px!important;
  }

  body.om-mobile-search-open .search-panel-card{
    min-height:82px!important;
    height:auto!important;
    grid-template-columns:54px minmax(0,1fr) 20px!important;
    padding:12px!important;
    gap:12px!important;
    border-radius:17px!important;
    background:#fff!important;
    box-shadow:0 3px 14px rgba(18,25,48,.055)!important;
  }

  body.om-mobile-search-open .search-card-icon{
    width:54px!important;
    height:54px!important;
    border-radius:15px!important;
  }

  body.om-mobile-search-open .search-card-icon svg{
    width:27px!important;
    height:27px!important;
  }

  body.om-mobile-search-open .search-card-copy strong{
    font-size:14px!important;
    line-height:1.2!important;
  }

  body.om-mobile-search-open .search-card-copy small{
    margin-top:4px!important;
    font-size:11px!important;
    line-height:1.35!important;
    white-space:normal!important;
  }

  body.om-mobile-search-open .search-card-arrow{
    display:block!important;
    font-size:16px!important;
  }

  body.om-mobile-search-open .om-mobile-nav{
    display:none!important;
  }
}

/* Services are the only thing opened by the mobile Services control. */
@media (max-width:900px){
  .om-mobile-overlay{z-index:5200!important}
  .om-mobile-drawer{
    z-index:5201!important;
    top:0!important;
    right:0!important;
    width:100vw!important;
    max-width:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#f7f9fc!important;
  }

  .om-drawer-head{
    height:76px!important;
    padding:0 18px!important;
    background:#fff!important;
  }

  .om-drawer-kicker{
    display:block!important;
    margin-bottom:5px!important;
    color:#2f7cff!important;
    font:800 9px/1 'DM Sans',sans-serif!important;
    letter-spacing:1.5px!important;
  }

  .om-drawer-title{
    display:block!important;
    color:#18233b!important;
    font:800 24px/1.05 'Space Grotesk',sans-serif!important;
    letter-spacing:-.7px!important;
  }

  .om-drawer-intro{
    margin:4px 4px 14px!important;
    color:#748198!important;
    font:500 13px/1.5 'DM Sans',sans-serif!important;
  }

  .om-drawer-body{
    padding:18px 14px 110px!important;
  }

  .om-drawer-services{
    display:grid!important;
    gap:9px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  .om-drawer-link{
    min-height:70px!important;
    padding:10px 12px!important;
    gap:12px!important;
    border:1px solid #e5eaf2!important;
    border-radius:17px!important;
    background:#fff!important;
    box-shadow:0 3px 14px rgba(18,25,48,.045)!important;
    color:#1e2940!important;
  }

  .om-drawer-link > span:nth-child(2){
    min-width:0!important;
    flex:1 1 auto!important;
  }

  .om-drawer-link strong{
    display:block!important;
    font:800 14px/1.2 'Space Grotesk',sans-serif!important;
  }

  .om-drawer-link small{
    display:block!important;
    margin-top:4px!important;
    color:#7b879a!important;
    font:500 10.5px/1.35 'DM Sans',sans-serif!important;
  }

  .om-drawer-icon{
    width:48px!important;
    height:48px!important;
    flex:0 0 48px!important;
    border-radius:14px!important;
    background:#eef4ff!important;
    color:#2f7cff!important;
  }

  .om-drawer-icon svg{
    width:24px!important;
    height:24px!important;
  }

  .om-drawer-arrow{
    color:#a0a9b8!important;
    font-size:18px!important;
    flex:0 0 18px!important;
  }

  .om-mobile-nav{
    z-index:5190!important;
    grid-template-columns:repeat(4,1fr)!important;
  }
}

/* Mobile search: once a query is entered, show matching company/legal pages too. */
@media (max-width:900px){
  body.om-mobile-search-open .header-search-results.has-query .search-panel-section{
    display:block!important;
  }

  body.om-mobile-search-open .header-search-results.has-query .search-panel-company,
  body.om-mobile-search-open .header-search-results.has-query .search-panel-legal{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  body.om-mobile-search-open .header-search-results.has-query .search-panel-section + .search-panel-section{
    margin-top:18px!important;
    padding-top:18px!important;
    border-top:1px solid #e5eaf2!important;
  }
}


/* ============================================================
   OrganicMetric — Premium Mobile Header / Navigation / Search
   Reference UX implementation. Mobile only; desktop untouched.
   ============================================================ */
@media (max-width:900px){
  .om-universal-header{height:72px!important;z-index:5000!important}
  .om-top-contact{display:none!important}
  .om-universal-header .site-header{top:0!important;height:72px!important;background:#fff!important;border-bottom:1px solid #e8ecf2!important;box-shadow:0 6px 22px rgba(15,24,48,.055)!important}
  .om-mobile-header-bar{height:72px!important;width:100%!important;display:grid!important;grid-template-columns:56px 1fr 56px!important;align-items:center!important;padding:0 14px!important;box-sizing:border-box!important}
  .om-mobile-header-action{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border:1px solid #e1e7f0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 7px 18px rgba(20,31,58,.06)!important;text-decoration:none!important}
  .om-mobile-header-icon{width:20px!important;height:20px!important;display:grid!important;place-items:center!important}
  .om-mobile-header-icon svg{width:20px!important;height:20px!important;display:block!important}
  .om-mobile-call{color:#2f7cff!important;justify-self:start!important}
  .om-mobile-whatsapp{color:#16a76c!important;justify-self:end!important}
  .om-mobile-header-logo{display:flex!important;justify-content:center!important;align-items:center!important;min-width:0!important;height:100%!important}
  .om-mobile-header-logo img{width:148px!important;height:auto!important;max-height:52px!important;object-fit:contain!important;display:block!important}
  .site-header .nav{display:none!important}
  body{padding-top:72px!important;padding-bottom:82px!important}

  /* Full-width app navigation */
  .om-mobile-nav{display:grid!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:76px!important;z-index:7000!important;grid-template-columns:repeat(4,1fr)!important;align-items:center!important;padding:7px 10px max(7px,env(safe-area-inset-bottom))!important;box-sizing:border-box!important;border:1px solid #e1e6ef!important;border-bottom:0!important;border-radius:27px 27px 0 0!important;background:rgba(255,255,255,.97)!important;box-shadow:0 -12px 35px rgba(15,24,48,.14)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}
  .om-mobile-nav button,.om-mobile-nav a{height:60px!important;border-radius:20px!important;gap:4px!important;font:700 11px/1.1 'DM Sans',sans-serif!important;color:#65728a!important}
  .om-mobile-nav .mn-icon{font:400 25px/25px 'DM Sans',sans-serif!important}
  .om-mobile-nav .active{color:#2f7cff!important;background:#edf4ff!important;box-shadow:inset 0 0 0 1px rgba(47,124,255,.04)!important}
  .om-mobile-nav .mn-book{color:#fff!important;background:linear-gradient(135deg,#2f7cff 0%,#6d4aff 100%)!important;box-shadow:0 9px 22px rgba(75,78,224,.28)!important}

  /* Services full screen */
  body.om-drawer-open{overflow:hidden!important}
  .om-mobile-overlay{display:block!important;position:fixed!important;inset:0!important;background:rgba(7,13,31,.54)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;z-index:6990!important;opacity:0!important;visibility:hidden!important;transition:opacity .24s ease,visibility .24s ease!important}
  .om-mobile-overlay.open{opacity:1!important;visibility:visible!important}
  .om-mobile-drawer{display:flex!important;position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;max-width:none!important;z-index:6995!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:translateY(100%)!important;transition:transform .32s cubic-bezier(.2,.8,.2,1)!important;overflow:hidden!important}
  .om-mobile-drawer.open{transform:translateY(0)!important}
  .om-drawer-head{height:76px!important;display:grid!important;grid-template-columns:42px 1fr 42px!important;align-items:center!important;padding:0 18px!important;border-bottom:1px solid #edf0f5!important;flex:0 0 auto!important}
  .om-drawer-back,.om-drawer-close{width:40px!important;height:40px!important;border:1px solid #e1e6ef!important;border-radius:13px!important;background:#fff!important;color:#17233d!important;display:grid!important;place-items:center!important;font-size:25px!important;line-height:1!important}
  .om-drawer-back{justify-self:start!important;font-size:30px!important}
  .om-drawer-close{justify-self:end!important}
  .om-drawer-heading{text-align:center!important;display:flex!important;flex-direction:column!important;gap:4px!important}
  .om-drawer-kicker{font:800 9px/1 'DM Sans',sans-serif!important;letter-spacing:1.5px!important;color:#8a94a5!important}
  .om-drawer-title{font:800 22px/1 'Space Grotesk',sans-serif!important;color:#10182d!important;letter-spacing:-.6px!important}
  .om-drawer-body{padding:18px 16px 105px!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;background:#fff!important}
  .om-drawer-intro{margin:0 4px 16px!important;color:#66748c!important;font:500 14px/1.55 'DM Sans',sans-serif!important}
  .om-drawer-services{display:flex!important;flex-direction:column!important;gap:9px!important;border:0!important;background:transparent!important;padding:0!important;margin:0!important}
  .om-drawer-link{display:grid!important;grid-template-columns:48px minmax(0,1fr) 20px!important;align-items:center!important;gap:12px!important;min-height:68px!important;padding:10px 11px!important;border:1px solid #e5eaf2!important;border-radius:18px!important;background:#fff!important;color:#17233d!important;text-decoration:none!important;box-shadow:0 5px 18px rgba(17,27,53,.035)!important}
  .om-drawer-link:active{background:#f8faff!important;transform:scale(.99)!important}
  .om-drawer-icon{width:48px!important;height:48px!important;display:grid!important;place-items:center!important;border-radius:15px!important;font-size:0!important}
  .om-drawer-icon svg{width:25px!important;height:25px!important;display:block!important}
  .om-drawer-icon.service-web{background:#edf4ff!important;color:#2f7cff!important}.om-drawer-icon.service-android{background:#eef9e9!important;color:#32a852!important}.om-drawer-icon.service-ios{background:#f1f3f6!important;color:#17202f!important}.om-drawer-icon.service-google{background:#fff1e8!important;color:#f26b21!important}.om-drawer-icon.service-meta{background:#f0ecff!important;color:#6d4aff!important}.om-drawer-icon.service-seo{background:#e7fbf4!important;color:#08a66c!important}.om-drawer-icon.service-ai{background:#f2eaff!important;color:#7c4dff!important}.om-drawer-icon.service-marketing{background:#fff7df!important;color:#c68a00!important}.om-drawer-icon.service-software{background:#eaf7ff!important;color:#1687bd!important}.om-drawer-icon.service-products{background:#ffeaf2!important;color:#e64c80!important}
  .om-drawer-link-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important}
  .om-drawer-link-copy strong{font:800 14px/1.2 'Space Grotesk',sans-serif!important;color:#17233d!important}
  .om-drawer-link-copy small{font:500 11px/1.35 'DM Sans',sans-serif!important;color:#71809a!important;white-space:normal!important}
  .om-drawer-arrow{font:400 28px/1 'DM Sans',sans-serif!important;color:#2f7cff!important;text-align:right!important}

  /* Full-screen search */
  body.om-mobile-search-open{overflow:hidden!important}
  .om-mobile-search{display:block!important;position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;z-index:8000!important;background:radial-gradient(circle at 78% 12%,rgba(72,96,255,.28),transparent 26%),linear-gradient(160deg,#07102b 0%,#091945 52%,#050d24 100%)!important;color:#fff!important;overflow:auto!important;transform:translateY(100%)!important;opacity:0!important;visibility:hidden!important;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .22s ease,visibility .22s ease!important}
  .om-mobile-search.open{transform:translateY(0)!important;opacity:1!important;visibility:visible!important}
  .om-mobile-search-head{height:72px!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;padding:0 18px!important}
  .om-mobile-search-close{width:42px!important;height:42px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:26px!important;line-height:1!important}
  .om-mobile-search-inner{padding:30px 20px 110px!important;max-width:520px!important;margin:0 auto!important}
  .om-mobile-search-kicker{font:800 10px/1 'DM Sans',sans-serif!important;letter-spacing:2px!important;color:#24d5b0!important;margin-bottom:20px!important}
  .om-mobile-search-inner h2{margin:0!important;font:800 clamp(38px,11vw,54px)/.98 'Space Grotesk',sans-serif!important;letter-spacing:-2.4px!important;color:#fff!important}
  .om-mobile-search-inner h2 span{background:linear-gradient(135deg,#2f9cff,#7c62ff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
  .om-mobile-search-inner>p{margin:16px 0 24px!important;color:#c5d0e5!important;font:500 15px/1.55 'DM Sans',sans-serif!important}
  .om-mobile-search-box{height:60px!important;display:grid!important;grid-template-columns:28px 1fr 42px!important;align-items:center!important;gap:8px!important;padding:5px 6px 5px 16px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 16px 40px rgba(0,0,0,.18)!important;box-sizing:border-box!important}
  .om-mobile-search-box>span{color:#56637a!important;font-size:24px!important;line-height:1!important}
  .om-mobile-search-box input{width:100%!important;min-width:0!important;border:0!important;outline:0!important;background:transparent!important;color:#17233d!important;font:600 14px/1 'DM Sans',sans-serif!important}
  .om-mobile-search-box input::placeholder{color:#8793a8!important}
  .om-mobile-search-box button{width:42px!important;height:48px!important;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,#2f7cff,#6d4aff)!important;color:#fff!important;font-size:22px!important;line-height:1!important}
  .om-mobile-search-content{margin-top:30px!important}
  .om-mobile-search-content h3{margin:0 0 12px!important;color:#fff!important;font:800 15px/1.2 'Space Grotesk',sans-serif!important}
  .om-search-chips{display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin-bottom:28px!important}
  .om-search-chips button{border:1px solid rgba(255,255,255,.15)!important;border-radius:999px!important;background:rgba(255,255,255,.07)!important;color:#e6edfa!important;padding:10px 14px!important;font:600 11px/1 'DM Sans',sans-serif!important}
  .om-search-service-shortcuts{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:9px!important}
  .om-search-service-shortcuts a{min-height:92px!important;padding:12px 8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:16px!important;background:rgba(255,255,255,.07)!important;color:#fff!important;text-decoration:none!important;text-align:center!important}
  .om-search-service-shortcuts a span{width:35px!important;height:35px!important;display:grid!important;place-items:center!important;color:#2f9cff!important}
  .om-search-service-shortcuts svg{width:25px!important;height:25px!important}
  .om-search-service-shortcuts strong{font:700 10px/1.2 'DM Sans',sans-serif!important}
  .om-mobile-search-results-list{display:flex!important;flex-direction:column!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:18px!important;overflow:hidden!important;background:rgba(255,255,255,.045)!important}
  .om-mobile-search-result{display:grid!important;grid-template-columns:42px minmax(0,1fr) 18px!important;align-items:center!important;gap:11px!important;padding:12px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;color:#fff!important;text-decoration:none!important}
  .om-mobile-search-result:last-child{border-bottom:0!important}
  .om-mobile-search-result-icon{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:#edf4ff!important;color:#2f7cff!important;font:800 12px/1 'Space Grotesk',sans-serif!important}
  .om-mobile-search-result-icon svg{width:22px!important;height:22px!important}
  .om-mobile-search-result span:nth-child(2){min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important}
  .om-mobile-search-result strong{font:800 13px/1.2 'Space Grotesk',sans-serif!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .om-mobile-search-result small{font:500 10px/1.35 'DM Sans',sans-serif!important;color:#9eacc4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .om-mobile-search-result>b{font:400 26px/1 'DM Sans',sans-serif!important;color:#54a0ff!important}
  .om-mobile-search-empty{padding:30px 10px!important;text-align:center!important;color:#fff!important}.om-mobile-search-empty strong{display:block!important;font:800 16px/1.2 'Space Grotesk',sans-serif!important}.om-mobile-search-empty small{display:block!important;margin-top:7px!important;color:#9eacc4!important;font:500 12px/1.4 'DM Sans',sans-serif!important}

  /* Mobile: remove floating lead button; Book is already in the app nav. */
  .om-global-lead-trigger,.om-float-book{display:none!important}
}


/* ============================================================
   Mobile asset visibility hardening
   Keeps the approved mobile UI independent from global SVG/img rules.
   ============================================================ */
@media (max-width:900px){
  .om-mobile-header-bar{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:2!important;
  }
  .om-mobile-header-action{
    visibility:visible!important;
    opacity:1!important;
  }
  .om-mobile-header-icon,
  .om-mobile-header-icon svg{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .om-mobile-header-icon svg{
    width:20px!important;
    height:20px!important;
    max-width:none!important;
    min-width:20px!important;
    flex:0 0 20px!important;
    overflow:visible!important;
  }
  .om-mobile-header-logo{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .om-mobile-header-logo img{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:148px!important;
    max-width:148px!important;
    min-width:0!important;
    height:auto!important;
    max-height:52px!important;
    object-fit:contain!important;
  }
  .om-mobile-nav .mn-icon,
  .om-mobile-nav .mn-icon svg{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .om-mobile-nav .mn-icon{
    width:25px!important;
    height:25px!important;
    line-height:0!important;
    font-size:0!important;
  }
  .om-mobile-nav .mn-icon svg{
    width:23px!important;
    height:23px!important;
    max-width:none!important;
    min-width:23px!important;
    flex:0 0 23px!important;
    stroke:currentColor!important;
    stroke-width:1.9!important;
    overflow:visible!important;
  }
  #om-global-footer .footer-logo-wrap,
  #om-global-footer .footer-logo-wrap img{
    visibility:visible!important;
    opacity:1!important;
  }
  #om-global-footer .footer-logo-wrap img{
    display:block!important;
    width:174px!important;
    max-width:174px!important;
    height:auto!important;
  }
}
@media (max-width:380px){
  .om-mobile-header-logo img{width:136px!important;max-width:136px!important}
  .om-mobile-nav .mn-icon{width:23px!important;height:23px!important}
  .om-mobile-nav .mn-icon svg{width:22px!important;height:22px!important;min-width:22px!important;flex-basis:22px!important}
}

@media (max-width:380px){
  .om-mobile-header-bar{grid-template-columns:50px 1fr 50px!important;padding:0 10px!important}
  .om-mobile-header-logo img{width:136px!important}
  .om-mobile-nav button,.om-mobile-nav a{font-size:10px!important}
  .om-mobile-nav .mn-icon{font-size:23px!important}
  .om-drawer-link{grid-template-columns:44px minmax(0,1fr) 18px!important;min-height:64px!important}
  .om-drawer-icon{width:44px!important;height:44px!important}
  .om-drawer-link-copy strong{font-size:13px!important}
}

/* ==========================================================================\n   MOBILE QA HARDENING — 2026-09-15\n   Additive safeguards only. No component/layout replacement.\n   ========================================================================== */
@media (max-width: 650px){
  /* Prevent long labels and URLs from forcing horizontal overflow. */
  body,.wrap,.container,.section,.hero,.footer,.om-universal-header,.site-header{min-width:0;overflow-wrap:anywhere;}
  h1,h2,h3,h4,h5,h6,p,a,button,label,small,strong,span{overflow-wrap:anywhere;}

  /* Keep interactive controls inside their parent on narrow devices. */
  .btn,.button,.cta-btn,button,a.btn,input,select,textarea{max-width:100%;}

  /* Touch-friendly controls without changing desktop dimensions. */
  .btn,button[type="submit"],input[type="submit"],.om-submit{min-height:46px;}

  /* Media and SVGs should never exceed the viewport. */
  img,svg,video,canvas{max-width:100%;height:auto;}

  /* Common two-column action rows become safe stacks when they would wrap badly. */
  .actions,.hero-actions,.cta-actions,.form-actions{flex-wrap:wrap;}
  .actions > *, .hero-actions > *, .cta-actions > *, .form-actions > *{min-width:0;}

  /* Tables remain usable instead of expanding the page. */
  .table-wrap,.table-responsive{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}

  /* Fixed mobile navigation gets its own safe-area breathing room. */
  .om-mobile-nav{padding-bottom:max(5px,env(safe-area-inset-bottom));}
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom)) !important;}
}

@media (max-width: 380px){
  .om-mobile-nav{left:6px;right:6px;bottom:6px;border-radius:17px;}
  .om-mobile-nav button,.om-mobile-nav a{font-size:8px;}
  .om-mobile-nav .mn-icon svg{width:21px;height:21px;}
}