/* DEEPDELL production fixes — September 2026 */
.brand img{width:172px!important;height:42px!important;object-fit:contain!important;display:block!important}.brand:after,.footer-brand:after{display:none!important}.footer-brand img{width:190px!important;height:auto!important;object-fit:contain!important;display:block!important}.footer-links a[href^="mailto:support@deepdell.com"]{display:none!important}
.agentic-home .section-kicker{font-size:0!important}.agentic-home .section-kicker:after{content:'AGENTIC READINESS';font-size:10px!important;letter-spacing:.14em}.agentic-badge{display:inline-flex;align-items:center;gap:8px;color:#89f9fd;font:10px/1 'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase}.agentic-badge span{width:7px;height:7px;border-radius:50%;background:#20f3fb;box-shadow:0 0 14px #20f3fb;animation:deepdellSignal 2s ease-in-out infinite}.agentic-form-note{margin:-4px 0 14px!important;color:#7189a3!important;font:10px/1.6 'DM Mono',monospace!important}.agentic-mini-form{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;gap:10px!important}.agentic-mini-form input{min-width:0!important;width:100%!important;box-sizing:border-box!important}.agentic-mini-form .btn{min-height:50px!important}.agentic-captcha{display:none!important}.agentic-captcha-status{display:none!important}.agentic-home .btn:disabled{opacity:.45;cursor:not-allowed}
@keyframes deepdellSignal{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.25)}}.hero-art .orb .ring{will-change:transform!important}
@media(max-width:1050px){.brand img{width:155px!important;height:40px!important}.agentic-mini-form{grid-template-columns:1fr 1fr!important}.agentic-mini-form .btn{grid-column:1/-1}}
@media(max-width:700px){.brand img{width:145px!important;height:38px!important}.footer-brand img{width:170px!important}.agentic-mini-form{grid-template-columns:1fr!important}.agentic-mini-form .btn{grid-column:auto;width:100%!important}.agentic-home-grid,.agentic-home-copy,.agentic-preview{min-width:0}.preview-window{width:100%;box-sizing:border-box}.preview-checks{grid-template-columns:22px minmax(0,1fr) auto}.preview-checks span,.preview-checks b{min-width:0}.agentic-mini-form{margin-top:22px}}
@media(max-width:430px){.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-item{min-height:104px}.tech-item img{width:28px;height:28px}.tech-item strong{font-size:9px}.tech-item small{font-size:7px}}
.tech-item img{filter:none!important}.tech-item:hover img{filter:none!important}.service .icon{background-color:transparent!important;color:transparent!important}
html,body{max-width:100%;overflow-x:hidden}.tech-grid{width:100%;box-sizing:border-box}.tech-item{min-width:0}
@media(max-width:700px){.tech-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tech-item{min-height:108px;padding:14px 7px}.tech-item strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tech-item small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.agentic-badge span{animation:none}}

/* Self-hosted brand icons: use repository assets instead of external icon CDNs. */


/* ── Free Google Consent Mode banner ───────────────────────── */
#deepdell-consent{
  position:fixed;left:24px;right:24px;bottom:24px;z-index:100000;
  color:#f5f9ff;font-family:Manrope,Arial,sans-serif;
  background:rgba(1,20,52,.97);border:1px solid rgba(32,243,251,.28);
  box-shadow:0 18px 70px rgba(0,0,0,.42);backdrop-filter:blur(18px);
}
.deepdell-consent-inner{
  max-width:1180px;margin:0 auto;padding:18px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.deepdell-consent-copy{min-width:0}
.deepdell-consent-kicker{
  color:#89f9fd;font:10px/1 'DM Mono',monospace;letter-spacing:.14em;margin-bottom:7px;
}
.deepdell-consent-copy strong{display:block;font-size:15px;line-height:1.3}
.deepdell-consent-copy p{margin:5px 0 4px;color:#a9bacb;font-size:12px;line-height:1.55}
.deepdell-consent-copy a{color:#89f9fd;font-size:11px;text-decoration:none}
.deepdell-consent-copy a:hover{text-decoration:underline}
.deepdell-consent-actions{display:flex;align-items:center;gap:9px;flex:none}
.deepdell-consent-actions button{
  border:1px solid rgba(32,243,251,.32);font:600 11px/1 Manrope,Arial,sans-serif;
  padding:12px 16px;cursor:pointer;transition:all 180ms ease;
}
.deepdell-consent-secondary{background:transparent;color:#d7e4ef}
.deepdell-consent-secondary:hover{border-color:#20f3fb;color:#fff}
.deepdell-consent-primary{background:#20f3fb;color:#011434;border-color:#20f3fb!important}
.deepdell-consent-primary:hover{background:#89f9fd}
@media(max-width:700px){
  #deepdell-consent{left:12px;right:12px;bottom:12px}
  .deepdell-consent-inner{display:block;padding:16px}
  .deepdell-consent-actions{margin-top:14px}
  .deepdell-consent-actions button{flex:1}
}

/* V1 responsive header/footer hardening */
.site-header .brand{display:inline-flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex:0 0 auto!important;text-decoration:none!important}
.site-header .brand img.brand-mark{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;object-fit:contain!important;display:block!important;flex:0 0 34px!important}
.site-header .brand .brand-wordmark{display:inline-block!important;color:#fff!important;font-family:Manrope,Arial,sans-serif!important;font-size:21px!important;font-weight:800!important;letter-spacing:-.055em!important;line-height:1!important;white-space:nowrap!important}
.footer-brand>a{display:inline-flex!important;align-items:center!important;gap:11px!important;min-width:0!important;text-decoration:none!important}
.footer-brand>a .footer-logo-mark{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;object-fit:contain!important;display:block!important;flex:0 0 44px!important}
.footer-brand>a .footer-logo-word{display:inline-block!important;color:#fff!important;font-family:Manrope,Arial,sans-serif!important;font-size:27px!important;font-weight:800!important;letter-spacing:-.06em!important;line-height:1!important;white-space:nowrap!important}
.footer-brand>a img{width:44px!important;height:44px!important}
@media(max-width:950px){
 .site-header{height:68px!important;padding:0 20px!important;gap:12px!important}
 .site-header .brand img.brand-mark{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;flex-basis:32px!important}
 .site-header .brand .brand-wordmark{font-size:20px!important}
 .site-header .header-tools{margin-left:auto!important}
 .site-header .menu{display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;padding:8px!important;cursor:pointer!important;z-index:1002!important}
 .site-header .menu i{width:23px!important;height:2px!important;margin:3px 0!important;background:#fff!important;display:block!important;transition:transform .2s ease,opacity .2s ease!important}
 .site-header.menu-open .menu i:first-child{transform:translateY(4px) rotate(45deg)!important}
 .site-header.menu-open .menu i:last-child{transform:translateY(-4px) rotate(-45deg)!important}
 .site-header .nav{display:none!important}
 .site-header.menu-open .nav{display:flex!important;position:absolute!important;top:68px!important;left:0!important;right:0!important;width:100%!important;box-sizing:border-box!important;padding:10px 20px 18px!important;background:#011434!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;border-bottom:1px solid rgba(137,249,253,.14)!important;box-shadow:0 20px 45px rgba(0,0,0,.35)!important;z-index:1001!important}
 .site-header.menu-open .nav a{display:block!important;padding:13px 4px!important;font-size:13px!important;line-height:1.3!important;color:#c7d6e4!important}
 .site-header.menu-open .nav a:hover{color:#20f3fb!important}
 .site-header.menu-open .header-cta{display:none!important}
}
@media(max-width:600px){
 .site-header{padding:0 16px!important}
 .site-header .brand{gap:8px!important}
 .site-header .brand img.brand-mark{width:29px!important;height:29px!important;max-width:29px!important;max-height:29px!important;flex-basis:29px!important}
 .site-header .brand .brand-wordmark{font-size:19px!important}
 .footer-brand>a .footer-logo-mark{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;flex-basis:38px!important}
 .footer-brand>a .footer-logo-word{font-size:24px!important}
 .footer-brand>a{gap:9px!important}
}
@media(max-width:360px){
 .site-header .brand .brand-wordmark{font-size:17px!important}
 .site-header .brand img.brand-mark{width:27px!important;height:27px!important;max-width:27px!important;max-height:27px!important;flex-basis:27px!important}
 .site-header{padding:0 12px!important}
}

/* Official Shopify brand asset */
.tech-item.shopify-official img{width:auto;height:34px;max-width:150px;object-fit:contain;display:block;margin-bottom:12px}.tech-item.shopify-official{overflow:hidden}.tech-item.shopify-official strong{display:block}.tech-item.shopify-official small{display:block}


/* FINAL LOGO SYSTEM */
.site-header .brand{width:auto!important;min-width:0!important;height:48px!important;display:inline-flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important;text-decoration:none!important;white-space:nowrap!important}
.site-header .brand .brand-mark{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;min-height:38px!important;max-height:38px!important;display:block!important;flex:0 0 38px!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;filter:none!important}
.site-header .brand .brand-wordmark{display:inline-block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;color:#fff!important;font-family:Manrope,Arial,Helvetica,sans-serif!important;font-size:21px!important;font-weight:800!important;line-height:1!important;letter-spacing:-1.2px!important;white-space:nowrap!important}
.site-header .brand:before,.site-header .brand:after{content:none!important;display:none!important}
.footer-brand>a{width:auto!important;min-width:0!important;height:auto!important;display:inline-flex!important;align-items:center!important;gap:10px!important;margin:0 0 18px!important;text-decoration:none!important;white-space:nowrap!important}
.footer-brand>a .footer-logo-mark{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;min-height:44px!important;max-height:44px!important;display:block!important;flex:0 0 44px!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important}
.footer-brand>a .footer-logo-word{display:inline-block!important;color:#fff!important;font-family:Manrope,Arial,Helvetica,sans-serif!important;font-size:26px!important;font-weight:800!important;line-height:1!important;letter-spacing:-1.4px!important;white-space:nowrap!important}
.footer-brand>a:before,.footer-brand>a:after{content:none!important;display:none!important}
@media(max-width:950px){.site-header .brand .brand-mark{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;min-height:34px!important;max-height:34px!important;flex-basis:34px!important}.site-header .brand .brand-wordmark{font-size:20px!important}}
@media(max-width:700px){.site-header .brand{height:42px!important;gap:8px!important}.site-header .brand .brand-mark{width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;min-height:30px!important;max-height:30px!important;flex-basis:30px!important}.site-header .brand .brand-wordmark{font-size:19px!important;letter-spacing:-1.1px!important}.footer-brand>a{gap:9px!important}.footer-brand>a .footer-logo-mark{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;min-height:38px!important;max-height:38px!important;flex-basis:38px!important}.footer-brand>a .footer-logo-word{font-size:24px!important}}
@media(max-width:360px){.site-header .brand .brand-mark{width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;min-height:28px!important;max-height:28px!important;flex-basis:28px!important}.site-header .brand .brand-wordmark{font-size:18px!important}}

/* MOBILE HEADER LOGO — isolated wrapper prevents iOS/WebKit SVG clipping */
.site-header,.site-header .brand,.site-header .brand-mark-wrap{overflow:visible!important}
.site-header .brand{position:relative!important;left:0!important;transform:none!important}
.site-header .brand-mark-wrap{
  width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
  max-width:38px!important;max-height:38px!important;flex:0 0 38px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:visible!important;position:relative!important;
}
.site-header .brand-mark-wrap .brand-mark{
  width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
  max-width:38px!important;max-height:38px!important;display:block!important;
  flex:0 0 38px!important;object-fit:contain!important;object-position:center!important;
  margin:0!important;padding:0!important;position:relative!important;left:0!important;top:0!important;
  transform:none!important;clip-path:none!important;filter:none!important;
}
@media(max-width:950px){
  .site-header .brand-mark-wrap{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important;flex-basis:34px!important}
  .site-header .brand-mark-wrap .brand-mark{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important;flex-basis:34px!important}
}
@media(max-width:700px){
  .site-header .brand-mark-wrap{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;flex-basis:32px!important}
  .site-header .brand-mark-wrap .brand-mark{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;flex-basis:32px!important}
  .site-header .brand{gap:8px!important;padding-left:0!important;margin-left:0!important}
}
@media(max-width:360px){
  .site-header .brand-mark-wrap{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important;flex-basis:30px!important}
  .site-header .brand-mark-wrap .brand-mark{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important;flex-basis:30px!important}
}

/* FINAL MOBILE HEADER MARK: background-contained so SVG cannot visually crop */
.site-header .brand{
  width:auto!important;min-width:0!important;max-width:none!important;
  overflow:visible!important;transform:none!important;position:relative!important;
}
.site-header .brand-mark-wrap{
  display:block!important;position:relative!important;flex:0 0 38px!important;
  width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
  max-width:38px!important;max-height:38px!important;
  margin:0!important;padding:0!important;overflow:hidden!important;
  background:url("assets/deepdell-guideline-icon.svg") center center / contain no-repeat!important;
}
.site-header .brand-wordmark{position:relative!important;left:0!important;margin:0!important}
.site-header .brand-mark-wrap img{display:none!important}
@media(max-width:950px){
  .site-header .brand-mark-wrap{flex-basis:34px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important}
}
@media(max-width:700px){
  .site-header .brand-mark-wrap{flex-basis:32px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important}
  .site-header .brand{gap:8px!important;padding:0!important;margin:0!important}
}
@media(max-width:360px){
  .site-header .brand-mark-wrap{flex-basis:30px!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important}
}

/* Clean vector-style CTA arrow */
.btn .cta-arrow,
.header-cta .cta-arrow{
  position:relative!important;display:inline-block!important;width:15px!important;height:15px!important;
  margin-left:8px!important;flex:0 0 15px!important;color:transparent!important;
}
.btn .cta-arrow::before,
.header-cta .cta-arrow::before{
  content:""!important;position:absolute!important;right:1px!important;top:1px!important;
  width:7px!important;height:7px!important;
  border-top:2px solid currentColor!important;border-right:2px solid currentColor!important;
}
.btn .cta-arrow::after,
.header-cta .cta-arrow::after{
  content:""!important;position:absolute!important;right:2px!important;top:3px!important;
  width:10px!important;height:2px!important;background:currentColor!important;
  transform:rotate(-45deg)!important;transform-origin:right center!important;
}
.btn.primary .cta-arrow{color:#03101d!important}
.header-cta .cta-arrow{color:#011434!important}

/* FINAL HEADER LOGO OVERRIDE — direct asset, no wrapper, no pseudo logo */
.site-header .brand{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:48px!important;
  gap:9px!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  flex:0 0 auto!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}
.site-header .brand::before,
.site-header .brand::after{content:none!important;display:none!important}
.site-header .brand > .brand-mark{
  display:block!important;
  position:relative!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  flex:0 0 34px!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  overflow:visible!important;
  clip:rect(auto,auto,auto,auto)!important;
  clip-path:none!important;
  transform:none!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  float:none!important;
  filter:none!important;
}
.site-header .brand > .brand-wordmark{
  display:block!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  white-space:nowrap!important;
  color:#fff!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-size:21px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:-1.2px!important;
}
@media(max-width:950px){
  .site-header .brand{height:44px!important;gap:8px!important}
  .site-header .brand > .brand-mark{
    width:32px!important;height:32px!important;
    min-width:32px!important;max-width:32px!important;
    min-height:32px!important;max-height:32px!important;flex-basis:32px!important;
  }
  .site-header .brand > .brand-wordmark{font-size:20px!important}
}
@media(max-width:700px){
  .site-header{padding-left:16px!important;padding-right:16px!important}
  .site-header .brand{height:40px!important;gap:8px!important}
  .site-header .brand > .brand-mark{
    width:30px!important;height:30px!important;
    min-width:30px!important;max-width:30px!important;
    min-height:30px!important;max-height:30px!important;flex-basis:30px!important;
  }
  .site-header .brand > .brand-wordmark{
    font-size:19px!important;
    letter-spacing:-1.05px!important;
  }
}
@media(max-width:360px){
  .site-header .brand > .brand-mark{
    width:28px!important;height:28px!important;
    min-width:28px!important;max-width:28px!important;
    min-height:28px!important;max-height:28px!important;flex-basis:28px!important;
  }
  .site-header .brand > .brand-wordmark{font-size:18px!important}
}

/* FINAL CTA ARROW — crisp CSS icon, never an emoji glyph */
.btn .cta-arrow,.header-cta .cta-arrow{
  display:inline-block!important;
  position:relative!important;
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
  margin:0 0 0 8px!important;
  padding:0!important;
  flex:0 0 14px!important;
  color:currentColor!important;
  font-size:0!important;
  line-height:0!important;
  vertical-align:middle!important;
}
.btn .cta-arrow::before,.header-cta .cta-arrow::before{
  content:""!important;
  position:absolute!important;
  width:8px!important;
  height:8px!important;
  right:1px!important;
  top:1px!important;
  border-top:2px solid currentColor!important;
  border-right:2px solid currentColor!important;
  box-sizing:border-box!important;
}
.btn .cta-arrow::after,.header-cta .cta-arrow::after{
  content:""!important;
  position:absolute!important;
  width:11px!important;
  height:2px!important;
  right:1px!important;
  top:7px!important;
  background:currentColor!important;
  transform:rotate(-45deg)!important;
  transform-origin:right center!important;
}

/* PROFESSIONAL ICON SYSTEM — no emoji/system arrow glyphs */
.ui-arrow{display:inline-block!important;position:relative!important;width:14px!important;height:14px!important;min-width:14px!important;flex:0 0 14px!important;margin-left:7px!important;vertical-align:-2px!important;color:currentColor!important;font-size:0!important;line-height:0!important}
.ui-arrow::before,.ui-arrow::after{content:""!important;position:absolute!important;box-sizing:border-box!important}
.ui-arrow-up::before{width:7px!important;height:7px!important;right:1px!important;top:1px!important;border-top:2px solid currentColor!important;border-right:2px solid currentColor!important}
.ui-arrow-up::after{width:10px!important;height:2px!important;right:1px!important;top:7px!important;background:currentColor!important;transform:rotate(-45deg)!important;transform-origin:right center!important}
.ui-arrow-right::before{width:7px!important;height:7px!important;right:0!important;top:3px!important;border-top:2px solid currentColor!important;border-right:2px solid currentColor!important;transform:rotate(45deg)!important}
.ui-arrow-right::after{width:10px!important;height:2px!important;right:1px!important;top:6px!important;background:currentColor!important}
.ui-arrow-down::before{width:7px!important;height:7px!important;right:2px!important;top:1px!important;border-right:2px solid currentColor!important;border-bottom:2px solid currentColor!important;transform:rotate(45deg)!important}
.ui-arrow-down::after{width:10px!important;height:2px!important;right:1px!important;top:3px!important;background:currentColor!important;transform:rotate(90deg)!important;transform-origin:right center!important}
.architecture .ui-arrow{margin:0 4px!important;color:var(--cyan,#20f3fb)!important}
.metric-row .ui-arrow{margin:0 4px 0 0!important;width:11px!important;height:11px!important;min-width:11px!important;flex-basis:11px!important}
.footer-qr .ui-arrow,.contact-point .ui-arrow,.footer-links .ui-arrow{margin-left:5px!important}
@media(max-width:600px){.ui-arrow{width:13px!important;height:13px!important;min-width:13px!important;flex-basis:13px!important}}


/* =========================================================
   FINAL RESPONSIVE SYSTEM
   Calibrated for desktop, tablet, iPhone/Android and narrow
   screens. No fixed-width element is allowed to create a
   horizontal overflow or crop the hero artwork.
   ========================================================= */

html,body{max-width:100%;overflow-x:hidden!important}
img,svg,video{max-width:100%;height:auto}

/* Header: stable logo lockup at every width */
.site-header{width:100%!important;box-sizing:border-box!important}
.site-header .brand{
  flex-shrink:0!important;
  overflow:visible!important;
}
.site-header .brand > .brand-mark{
  flex-shrink:0!important;
  object-fit:contain!important;
}
.site-header .brand > .brand-wordmark{
  flex:0 0 auto!important;
  overflow:visible!important;
}

/* Hero artwork: desktop */
.hero{
  width:100%!important;
  max-width:1440px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.hero-art{
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
.hero-art .orb{
  max-width:100%!important;
}
.floating-card{
  max-width:calc(100% - 24px)!important;
  box-sizing:border-box!important;
}

/* Trust strip: never create a cramped six-column mobile strip */
.trust{
  width:100%!important;
  box-sizing:border-box!important;
}
.trust-line{
  width:100%!important;
  box-sizing:border-box!important;
}

/* Large desktop */
@media(min-width:1201px){
  .site-header{padding-left:40px!important;padding-right:40px!important}
  .hero{
    grid-template-columns:minmax(0,1.03fr) minmax(520px,.97fr)!important;
    gap:28px!important;
    padding-left:44px!important;
    padding-right:44px!important;
  }
  .hero-art{height:650px!important}
  .hero-art .orb{width:min(600px,46vw)!important}
  .card-a{left:2%!important;top:18%!important}
  .card-b{right:0!important;bottom:14%!important}
}

/* Laptop / small desktop */
@media(min-width:951px) and (max-width:1200px){
  .site-header{padding-left:28px!important;padding-right:28px!important}
  .nav{gap:16px!important}
  .nav a,.header-cta{font-size:12px!important}
  .hero{
    grid-template-columns:minmax(0,1fr) minmax(420px,.9fr)!important;
    gap:12px!important;
    padding:72px 30px 55px!important;
  }
  .hero-art{height:570px!important}
  .hero-art .orb{width:min(500px,48vw)!important}
  .floating-card{min-width:150px!important}
  .card-a{left:0!important;top:15%!important}
  .card-b{right:0!important;bottom:12%!important}
  .trust-line{grid-template-columns:repeat(3,1fr)!important}
  .trust-line span{border-right:1px solid var(--dd-line)!important;border-bottom:1px solid var(--dd-line)!important;padding:16px!important}
}

/* Tablet */
@media(min-width:701px) and (max-width:950px){
  .site-header{
    height:72px!important;
    padding:0 24px!important;
  }
  .site-header .brand{height:42px!important;gap:8px!important}
  .site-header .brand > .brand-mark{
    width:32px!important;height:32px!important;
    min-width:32px!important;max-width:32px!important;
    min-height:32px!important;max-height:32px!important;
    flex-basis:32px!important;
  }
  .site-header .brand > .brand-wordmark{font-size:20px!important}
  .site-header .nav{display:none!important}
  .site-header .menu{display:block!important}

  .hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    min-height:auto!important;
    padding:64px 30px 42px!important;
    gap:18px!important;
  }
  .hero h1{
    font-size:clamp(58px,9vw,82px)!important;
    line-height:.9!important;
  }
  .hero-lead{font-size:16px!important;max-width:720px!important}
  .hero-art{
    height:500px!important;
    margin-top:0!important;
  }
  .hero-art .orb{
    width:min(430px,68vw)!important;
  }
  .floating-card{
    transform:none!important;
    min-width:150px!important;
  }
  .card-a{left:3%!important;top:12%!important}
  .card-b{right:3%!important;bottom:8%!important}

  .trust-line{
    grid-template-columns:repeat(3,1fr)!important;
    min-height:auto!important;
  }
  .trust-line span{
    min-height:70px!important;
    display:flex!important;
    align-items:center!important;
    padding:14px!important;
    border-right:1px solid var(--dd-line)!important;
    border-bottom:1px solid var(--dd-line)!important;
  }

  .service-grid{grid-template-columns:repeat(2,1fr)!important}
  .service.featured{grid-column:span 2!important}
  .ai-grid{grid-template-columns:repeat(2,1fr)!important}
  .reporting{grid-template-columns:1fr!important}
}

/* Mobile — primary calibration */
@media(max-width:700px){
  .site-header{
    height:70px!important;
    min-height:70px!important;
    padding:0 18px!important;
  }
  .site-header .brand{
    height:40px!important;
    gap:8px!important;
    max-width:calc(100vw - 90px)!important;
  }
  .site-header .brand > .brand-mark{
    width:30px!important;height:30px!important;
    min-width:30px!important;max-width:30px!important;
    min-height:30px!important;max-height:30px!important;
    flex:0 0 30px!important;
  }
  .site-header .brand > .brand-wordmark{
    font-size:19px!important;
    letter-spacing:-1px!important;
  }
  .site-header .menu{
    display:block!important;
    flex:0 0 auto!important;
    width:40px!important;
    height:40px!important;
    padding:4px!important;
    margin:0!important;
  }
  .site-header .menu i{width:25px!important}

  .hero{
    display:flex!important;
    flex-direction:column!important;
    min-height:auto!important;
    width:100%!important;
    padding:54px 20px 38px!important;
    gap:0!important;
  }
  .hero-copy{width:100%!important}
  .hero h1{
    font-size:clamp(52px,15.5vw,70px)!important;
    line-height:.9!important;
    letter-spacing:-.065em!important;
    margin:20px 0 22px!important;
    max-width:100%!important;
  }
  .hero-lead{
    font-size:15px!important;
    line-height:1.65!important;
    max-width:100%!important;
  }
  .hero-actions{
    margin:26px 0 15px!important;
    gap:10px!important;
  }
  .hero-actions .btn{
    min-height:50px!important;
    width:100%!important;
    padding:13px 16px!important;
  }
  .hero-note{
    line-height:1.65!important;
    max-width:100%!important;
  }

  /* The orb is now a controlled visual module, not a viewport-sized object. */
  .hero-art{
    width:100%!important;
    height:355px!important;
    min-height:355px!important;
    margin:12px 0 0!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
  }
  .hero-art .orb{
    width:min(300px,78vw)!important;
    height:min(300px,78vw)!important;
    max-width:300px!important;
    max-height:300px!important;
  }
  .hero-art .orb-core{
    width:58px!important;height:58px!important;
  }
  .hero-art .r1{width:120px!important;height:92px!important}
  .hero-art .r2{width:175px!important;height:135px!important}
  .hero-art .r3{width:230px!important;height:175px!important}
  .hero-art .r4{width:285px!important;height:215px!important}

  .floating-card{
    min-width:0!important;
    width:auto!important;
    max-width:150px!important;
    padding:10px 12px!important;
    border-radius:4px!important;
    transform:none!important;
  }
  .floating-card strong{font-size:14px!important;line-height:1.3!important}
  .floating-card small{font-size:9px!important;line-height:1.4!important}
  .floating-card span{font-size:9px!important}
  .card-a{left:0!important;top:4%!important}
  .card-b{right:0!important;bottom:2%!important}

  /* Trust becomes a clean 2-column information grid. */
  .trust{
    padding:0!important;
    border-top:1px solid var(--line)!important;
    border-bottom:1px solid var(--line)!important;
  }
  .trust-line{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    min-height:0!important;
    padding:0!important;
    gap:0!important;
  }
  .trust-line span{
    width:auto!important;
    min-width:0!important;
    min-height:74px!important;
    padding:14px 16px!important;
    display:flex!important;
    align-items:center!important;
    line-height:1.55!important;
    border-right:1px solid var(--dd-line)!important;
    border-bottom:1px solid var(--dd-line)!important;
    overflow-wrap:anywhere!important;
  }
  .trust-line span:nth-child(2n){border-right:0!important}
  .trust-line span:nth-last-child(-n+2){border-bottom:0!important}

  .section-pad{
    padding-left:20px!important;
    padding-right:20px!important;
  }
  .section-heading{gap:16px!important;margin-bottom:34px!important}
  .section-heading h2,h2{
    font-size:clamp(38px,11vw,52px)!important;
  }
  .service-grid,.ai-grid,.why-grid,.steps{
    grid-template-columns:1fr!important;
  }
  .service.featured{grid-column:span 1!important}
  .service{padding:24px!important}
  .service-num{right:18px!important;top:18px!important}
  .service .icon{margin-bottom:34px!important}

  .shopify-visual{
    height:280px!important;
    min-height:280px!important;
  }
  .shopify-mark{
    width:180px!important;
    height:180px!important;
    font-size:110px!important;
  }

  .reporting{grid-template-columns:1fr!important;gap:40px!important}
  .metric-row{grid-template-columns:1fr!important}
  .dashboard{width:100%!important;padding:15px!important}

  .architecture{
    justify-content:flex-start!important;
    gap:7px!important;
    line-height:1.4!important;
  }
  .architecture div{padding:10px 12px!important}
  .architecture .ui-arrow{margin:0 1px!important}

  .contact-panel{padding:30px 22px!important}
  .footer{padding-left:20px!important;padding-right:20px!important}
}

/* Small phones */
@media(max-width:480px){
  .site-header{padding:0 16px!important}
  .hero{padding:48px 18px 32px!important}
  .hero h1{
    font-size:clamp(48px,15.2vw,62px)!important;
    line-height:.91!important;
  }
  .hero-art{
    height:320px!important;
    min-height:320px!important;
  }
  .hero-art .orb{
    width:min(270px,74vw)!important;
    height:min(270px,74vw)!important;
  }
  .hero-art .r1{width:108px!important;height:82px!important}
  .hero-art .r2{width:158px!important;height:120px!important}
  .hero-art .r3{width:205px!important;height:158px!important}
  .hero-art .r4{width:255px!important;height:195px!important}
  .floating-card{max-width:135px!important;padding:9px 10px!important}
  .card-a{left:-2px!important;top:3%!important}
  .card-b{right:-2px!important;bottom:1%!important}

  .trust-line span{
    min-height:78px!important;
    padding:13px 12px!important;
    font-size:9px!important;
  }
  .section-pad{padding-top:58px!important;padding-bottom:58px!important}
  .footer-links{gap:18px!important}
}

/* Very narrow phones */
@media(max-width:360px){
  .site-header{
    padding:0 13px!important;
  }
  .site-header .brand{
    gap:6px!important;
    max-width:calc(100vw - 72px)!important;
  }
  .site-header .brand > .brand-mark{
    width:28px!important;height:28px!important;
    min-width:28px!important;max-width:28px!important;
    min-height:28px!important;max-height:28px!important;
    flex-basis:28px!important;
  }
  .site-header .brand > .brand-wordmark{font-size:18px!important}
  .site-header .menu{width:36px!important}

  .hero{padding-left:16px!important;padding-right:16px!important}
  .hero h1{font-size:47px!important}
  .hero-art{height:295px!important;min-height:295px!important}
  .hero-art .orb{
    width:245px!important;height:245px!important;
  }
  .floating-card{
    max-width:122px!important;
    padding:8px 9px!important;
  }
  .floating-card strong{font-size:12px!important}
  .floating-card small{font-size:8px!important}
  .floating-card span{font-size:8px!important}
  .trust-line span{
    min-height:72px!important;
    padding:11px 10px!important;
    font-size:8px!important;
  }
}

/* =========================================================
   MOBILE HERO — editorial composition
   Keep the orbital system as a supporting visual rather than
   letting it consume the viewport.
   ========================================================= */
@media(max-width:700px){
  .hero-art{
    height:280px!important;
    min-height:280px!important;
    margin:4px 0 0!important;
    overflow:visible!important;
  }
  .hero-art .orb{
    width:235px!important;
    height:235px!important;
    min-width:235px!important;
    min-height:235px!important;
    max-width:235px!important;
    max-height:235px!important;
  }
  .hero-art .orb-core{
    width:48px!important;
    height:48px!important;
  }
  .hero-art .r1{width:94px!important;height:72px!important}
  .hero-art .r2{width:138px!important;height:104px!important}
  .hero-art .r3{width:180px!important;height:138px!important}
  .hero-art .r4{width:224px!important;height:172px!important}
  .hero-art .dot.d1{width:12px!important;height:12px!important}
  .hero-art .dot.d2{width:9px!important;height:9px!important}
  .hero-art .dot.d3{width:17px!important;height:17px!important}
  .hero-art .dot.d4{width:10px!important;height:10px!important}

  .floating-card{
    max-width:128px!important;
    min-width:112px!important;
    padding:9px 11px!important;
    background:rgba(3,16,31,.94)!important;
    backdrop-filter:blur(12px)!important;
  }
  .floating-card span{font-size:8px!important}
  .floating-card strong{font-size:12px!important}
  .floating-card small{font-size:8px!important}
  .card-a{left:0!important;top:6%!important}
  .card-b{right:0!important;bottom:4%!important}

  /* Compact, balanced capability strip */
  .trust{
    margin-top:0!important;
  }
  .trust-line{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .trust-line span{
    min-height:64px!important;
    padding:11px 9px!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:8px!important;
    line-height:1.45!important;
    letter-spacing:.11em!important;
  }
  .trust-line span:nth-child(2n){border-right:1px solid var(--dd-line)!important}
  .trust-line span:nth-child(3n){border-right:0!important}
  .trust-line span:nth-last-child(-n+3){border-bottom:0!important}
}
@media(max-width:480px){
  .hero-art{
    height:255px!important;
    min-height:255px!important;
  }
  .hero-art .orb{
    width:215px!important;
    height:215px!important;
    min-width:215px!important;
    min-height:215px!important;
    max-width:215px!important;
    max-height:215px!important;
  }
  .hero-art .r1{width:86px!important;height:65px!important}
  .hero-art .r2{width:126px!important;height:96px!important}
  .hero-art .r3{width:165px!important;height:126px!important}
  .hero-art .r4{width:205px!important;height:158px!important}
  .hero-art .orb-core{width:44px!important;height:44px!important}
  .floating-card{max-width:118px!important;min-width:104px!important;padding:8px 9px!important}
  .card-a{left:-1px!important;top:4%!important}
  .card-b{right:-1px!important;bottom:2%!important}
  .trust-line span{min-height:60px!important;padding:9px 6px!important;font-size:7.5px!important}
}
@media(max-width:360px){
  .hero-art{height:235px!important;min-height:235px!important}
  .hero-art .orb{
    width:195px!important;height:195px!important;
    min-width:195px!important;min-height:195px!important;
    max-width:195px!important;max-height:195px!important;
  }
  .hero-art .r1{width:78px!important;height:59px!important}
  .hero-art .r2{width:114px!important;height:87px!important}
  .hero-art .r3{width:149px!important;height:114px!important}
  .hero-art .r4{width:186px!important;height:143px!important}
  .hero-art .orb-core{width:40px!important;height:40px!important}
  .floating-card{max-width:108px!important;min-width:96px!important}
  .floating-card strong{font-size:11px!important}
  .floating-card small{font-size:7px!important}
  .trust-line span{min-height:56px!important;font-size:7px!important}
}

/* OFFICIAL SHOPIFY MARK — replace custom/incorrect Shopify artwork */
.shopify-mark{
  width:250px!important;
  height:250px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  border:1px solid rgba(70,221,242,.35)!important;
  border-radius:30px!important;
  background:radial-gradient(circle,rgba(13,109,119,.35) 0,rgba(6,24,42,.15) 68%)!important;
  box-shadow:0 0 90px rgba(24,218,239,.14)!important;
  text-decoration:none!important;
  overflow:visible!important;
}
.shopify-mark::before{content:none!important}
.shopify-mark img{
  display:block!important;
  width:150px!important;
  height:150px!important;
  max-width:150px!important;
  max-height:150px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  filter:none!important;
}
.shopify-mark:hover img{transform:none!important}
@media(max-width:950px){
  .shopify-mark{width:220px!important;height:220px!important}
  .shopify-mark img{width:132px!important;height:132px!important;max-width:132px!important;max-height:132px!important}
}
@media(max-width:700px){
  .premium-commerce .shopify-visual{
    height:300px!important;
    min-height:300px!important;
  }
  .shopify-mark{
    width:190px!important;
    height:190px!important;
    border-radius:24px!important;
  }
  .shopify-mark img{
    width:112px!important;
    height:112px!important;
    max-width:112px!important;
    max-height:112px!important;
  }
}
@media(max-width:480px){
  .premium-commerce .shopify-visual{height:250px!important;min-height:250px!important}
  .shopify-mark{width:165px!important;height:165px!important;border-radius:20px!important}
  .shopify-mark img{width:96px!important;height:96px!important;max-width:96px!important;max-height:96px!important}
}
@media(max-width:360px){
  .premium-commerce .shopify-visual{height:220px!important;min-height:220px!important}
  .shopify-mark{width:145px!important;height:145px!important;border-radius:18px!important}
  .shopify-mark img{width:84px!important;height:84px!important;max-width:84px!important;max-height:84px!important}
}

/* Use the official Shopify mark rather than the custom local drawing
   anywhere a Shopify service icon is presented. */
.service:nth-child(1) .icon{
  background-image:url("https://cdn.shopify.com/shopifycloud/brochure/assets/brand-assets/shopify-logo-shopping-bag-monotone-white-7624c6bd631b29ccc947e40d10b4705ee512bc9ec31c7aceb56d9617a04be936.svg")!important;
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}

/* AUTHENTIC BRAND ICONS — no placeholder/local fallback artwork */
.tech-item img{
  width:38px!important;height:38px!important;
  object-fit:contain!important;
  filter:none!important;
}
.tech-item:hover img{filter:none!important}
.service:nth-child(1) .icon{background-image:url("/assets/icons/brands/shopify.svg")!important}
.service:nth-child(2) .icon{background-image:url("/assets/icons/openai.svg")!important}
.service:nth-child(3) .icon{background-image:url("https://cdn.simpleicons.org/zapier/20F3FB")!important}
.service:nth-child(4) .icon{background-image:url("/assets/icons/brands/graphql.svg")!important}
.service:nth-child(5) .icon{background-image:url("/assets/icons/brands/googleanalytics.svg")!important}
.service:nth-child(6) .icon{background-image:url("/assets/icons/brands/react.svg")!important}
@media(max-width:700px){.tech-item img{width:30px!important;height:30px!important}}
@media(max-width:430px){.tech-item img{width:28px!important;height:28px!important}}


/* =========================================================
   SITEWIDE HEADER / FOOTER CONSISTENCY — V1 PRESERVATION
   One geometry system for every public page.
   ========================================================= */
.site-header{
  width:100%!important;
  max-width:none!important;
  height:78px!important;
  min-height:78px!important;
  margin:0!important;
  padding:0 32px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  gap:28px!important;
}
.site-header .brand{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  width:auto!important;
  min-width:0!important;
  height:48px!important;
  margin:0!important;
  padding:0!important;
}
.site-header .brand .brand-mark{
  width:38px!important;height:38px!important;
  min-width:38px!important;max-width:38px!important;
  min-height:38px!important;max-height:38px!important;
  flex:0 0 38px!important;
  object-fit:contain!important;
}
.site-header .brand .brand-wordmark{
  display:inline-block!important;
  width:auto!important;height:auto!important;
  margin:0!important;padding:0!important;
  color:#fff!important;
  font-family:Manrope,Arial,Helvetica,sans-serif!important;
  font-size:21px!important;font-weight:800!important;
  line-height:1!important;letter-spacing:-1.2px!important;
  white-space:nowrap!important;
}
.site-header .nav{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:24px!important;
  height:100%!important;
}
.site-header .header-tools{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-left:0!important;
}
.site-header .header-cta{white-space:nowrap!important}
.site-header .menu{flex:0 0 auto!important}

.footer{
  width:100%!important;
  max-width:1240px!important;
  margin:80px auto 0!important;
  padding:64px 32px 24px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.9fr) 150px!important;
  column-gap:64px!important;
  row-gap:36px!important;
  align-items:start!important;
}
.footer-brand,.footer-links,.footer-qr{min-width:0!important}
.footer-brand>a{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  margin:0 0 18px!important;
  padding:0!important;
  white-space:nowrap!important;
}
.footer-brand>a .footer-logo-mark{
  width:44px!important;height:44px!important;
  min-width:44px!important;max-width:44px!important;
  min-height:44px!important;max-height:44px!important;
  flex:0 0 44px!important;
  object-fit:contain!important;
}
.footer-brand>a .footer-logo-word{
  display:inline-block!important;
  color:#fff!important;
  font-family:Manrope,Arial,Helvetica,sans-serif!important;
  font-size:26px!important;font-weight:800!important;
  line-height:1!important;letter-spacing:-1.4px!important;
  white-space:nowrap!important;
}
.footer-brand p{max-width:390px!important;margin:0!important}
.footer-links{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:36px!important;
}
.footer-links div{min-width:0!important}
.footer-links a{display:block!important;line-height:1.45!important}
.footer-qr{
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:10px!important;
  width:150px!important;
}
.footer-qr-frame{
  width:116px!important;height:116px!important;
  padding:8px!important;
  box-sizing:border-box!important;
}
.footer-qr-frame img{width:100%!important;height:100%!important;display:block!important}
.footer-qr>span{text-align:center!important;max-width:150px!important;line-height:1.5!important}
.footer-bottom{
  grid-column:1/-1!important;
  grid-row:auto!important;
  width:100%!important;
  margin:4px 0 0!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:16px!important;
}
@media(max-width:1000px){
  .footer{
    grid-template-columns:minmax(0,1fr) 140px!important;
    column-gap:40px!important;
  }
  .footer-links{grid-column:1!important;grid-row:2!important}
  .footer-qr{grid-column:2!important;grid-row:1 / span 2!important}
  .footer-bottom{grid-row:3!important}
}
@media(max-width:950px){
  .site-header{
    height:68px!important;
    min-height:68px!important;
    padding:0 20px!important;
    gap:12px!important;
  }
  .site-header .nav{display:none!important}
  .site-header .menu{display:flex!important}
  .site-header.menu-open .nav{
    display:flex!important;
    position:absolute!important;
    top:68px!important;
    left:0!important;right:0!important;
    width:100%!important;
    height:auto!important;
    padding:10px 20px 18px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    box-sizing:border-box!important;
  }
  .site-header .brand .brand-mark{
    width:34px!important;height:34px!important;
    min-width:34px!important;max-width:34px!important;
    min-height:34px!important;max-height:34px!important;
    flex-basis:34px!important;
  }
  .site-header .brand .brand-wordmark{font-size:20px!important}
  .site-header.menu-open .header-cta{display:none!important}
}
@media(max-width:700px){
  .site-header{padding:0 16px!important}
  .site-header .brand{gap:8px!important;height:42px!important}
  .site-header .brand .brand-mark{
    width:30px!important;height:30px!important;
    min-width:30px!important;max-width:30px!important;
    min-height:30px!important;max-height:30px!important;
    flex-basis:30px!important;
  }
  .site-header .brand .brand-wordmark{font-size:19px!important;letter-spacing:-1.1px!important}
  .footer{
    grid-template-columns:1fr!important;
    padding:52px 20px 22px!important;
    row-gap:30px!important;
  }
  .footer-links{
    grid-column:1!important;
    grid-row:auto!important;
    grid-template-columns:1fr 1fr!important;
    gap:24px!important;
  }
  .footer-qr{
    grid-column:1!important;
    grid-row:auto!important;
    justify-self:start!important;
    align-items:flex-start!important;
  }
  .footer-qr>span{text-align:left!important}
  .footer-bottom{
    grid-column:1!important;
    grid-row:auto!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
  }
}
@media(max-width:430px){
  .footer-links{grid-template-columns:1fr!important}
}

/* FINAL SITEWIDE HEADER / FOOTER NORMALIZATION */
.site-header{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:0!important;
}
.site-header .brand{flex:0 0 auto!important}
.site-header .nav{min-width:0!important}
.footer{
  width:min(1240px, calc(100% - 64px))!important;
  max-width:1240px!important;
  margin:80px auto 0!important;
  box-sizing:border-box!important;
}
@media(max-width:950px){
  .footer{width:calc(100% - 40px)!important}
}
@media(max-width:700px){
  .footer{width:calc(100% - 32px)!important;margin-top:60px!important}
}