/* DEEPDELL responsive hardening */
html,body{width:100%;max-width:100%;overflow-x:hidden}
img,svg{max-width:100%;height:auto}
button,a{touch-action:manipulation}
.site-header{width:100%}
.hero,.shopify,.reporting,.contact-panel{min-width:0}
.hero-copy,.hero-art,.shopify-copy,.dashboard-copy,.contact-panel>div{min-width:0}
.hero-lead,.section-heading p,.shopify-copy>p,.dashboard-copy>p,.service p,.ai-grid p,.why-grid p,.steps p,.contact p{overflow-wrap:anywhere}
@media (max-width:1100px){
  .site-header{padding-left:24px;padding-right:24px}
  .nav{gap:16px}
  .hero{gap:24px}
  .hero-art{height:500px}
  .orb{width:min(480px,70vw)}
  .r4{width:430px;height:330px}
  .section-pad{padding-left:24px;padding-right:24px}
}
@media (max-width:950px){
  .site-header{padding-left:20px;padding-right:20px}
  .brand img{width:138px;max-height:48px;object-fit:contain}
  .site-header.menu-open .nav{padding-left:20px;padding-right:20px}
  .hero{padding-top:42px;min-height:auto}
  .hero-art{height:430px;width:100%;overflow:visible}
  .orb{width:min(430px,76vw)}
  .floating-card{z-index:2}
  .card-a{left:2%;top:10%}
  .card-b{right:2%;bottom:8%}
  .shopify{gap:30px}
  .shopify-visual{height:330px}
  .reporting{gap:40px}
}
@media (max-width:700px){
  .section-pad{padding:64px 18px}
  .site-header{height:70px}
  .site-header.menu-open .nav{top:70px}
  .hero{padding-top:36px}
  h1{font-size:clamp(48px,15vw,70px);letter-spacing:-.055em}
  .hero-lead{font-size:15px;line-height:1.65}
  .hero-note{line-height:1.6}
  .hero-art{height:360px;margin-top:10px}
  .orb{width:min(330px,82vw)}
  .r4{width:300px;height:230px}
  .r3{width:240px;height:185px}
  .r2{width:185px;height:145px}
  .r1{width:130px;height:100px}
  .orb-core{width:60px;height:60px}
  .floating-card{min-width:132px;padding:10px 12px;transform:scale(.86);transform-origin:center}
  .card-a{left:-6%;top:8%}
  .card-b{right:-6%;bottom:4%}
  .floating-card strong{font-size:14px}
  .trust-line{padding:0 18px;gap:12px}
  .trust-line span{width:calc(50% - 6px)!important}
  .service{padding:24px}
  .service-grid{grid-template-columns:1fr}
  .service.featured{grid-column:span 1}
  .ai-grid{grid-template-columns:1fr}
  .ai-grid article{border-right:0;min-height:210px}
  .why-grid{grid-template-columns:1fr}
  .why-grid article{min-height:auto}
  .steps{grid-template-columns:1fr}
  .steps article{border-right:0;min-height:auto}
  .shopify-visual{height:250px}
  .shopify-mark{width:170px;height:170px;font-size:105px}
  .cap-list div{gap:12px;align-items:flex-start}
  .metric-row{grid-template-columns:1fr}
  .metric-row strong{font-size:22px}
  .chart{height:180px;padding:12px}
  .bars{gap:4px;height:130px}
  .contact-panel{padding:30px 20px;gap:30px}
  .contact-action{align-items:stretch}
  .contact-action .btn{width:100%}
  .footer{padding:48px 18px 20px;gap:35px}
  .footer-links{grid-template-columns:1fr 1fr;gap:20px}
  .footer-bottom{gap:8px;line-height:1.6}
}
@media (max-width:420px){
  .brand img{width:120px}
  .menu i{width:22px}
  .hero-art{height:320px}
  .orb{width:280px}
  .r4{width:255px;height:200px}
  .r3{width:210px;height:165px}
  .r2{width:165px;height:130px}
  .r1{width:115px;height:90px}
  .floating-card{min-width:118px;transform:scale(.76)}
  .card-a{left:-9%}
  .card-b{right:-9%}
  .architecture{font-size:9px}
  .architecture div{padding:10px 12px}
  .footer-links{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}}