/* DEEPDELL premium motion layer — progressive enhancement */
:root{--motion-fast:220ms;--motion-med:600ms;--motion-slow:1100ms}
body{background-color:#030a14;background-image:radial-gradient(circle at 78% 0%,rgba(0,214,255,.13),transparent 26%),radial-gradient(circle at 15% 38%,rgba(50,105,255,.07),transparent 30%);background-attachment:fixed}
.noise{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");animation:noiseShift 8s steps(8) infinite}
.site-header{transition:background var(--motion-med) ease,box-shadow var(--motion-med) ease}.site-header:hover{box-shadow:0 12px 45px rgba(0,190,255,.08)}
.brand img{filter:drop-shadow(0 0 12px rgba(32,220,255,.12));transition:transform var(--motion-fast) ease,filter var(--motion-fast) ease}.brand:hover img{transform:scale(1.025);filter:drop-shadow(0 0 22px rgba(32,220,255,.32))}
.hero{position:relative}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(55,220,255,.035) 50%,transparent 100%);transform:translateX(-100%);animation:scan 9s ease-in-out infinite}
.hero-art{isolation:isolate}.hero-art:after{content:"";position:absolute;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(0,220,255,.11),transparent 65%);filter:blur(12px);z-index:-1;animation:breathe 5s ease-in-out infinite}
.orb{animation:orbFloat 7s ease-in-out infinite;will-change:transform}.orb:after{content:"";position:absolute;inset:-20%;background:conic-gradient(from 210deg,transparent 0 30%,rgba(50,235,255,.08) 42%,transparent 52% 100%);animation:spin 18s linear infinite}.orb-core{animation:corePulse 3.2s ease-in-out infinite}.ring{will-change:transform}.r1{animation:spin 9s linear infinite}.r2{animation:spinReverse 13s linear infinite}.r3{animation:spin 18s linear infinite}.r4{animation:spinReverse 24s linear infinite}.dot{animation:dotPulse 2.6s ease-in-out infinite}.d2{animation-delay:-.7s}.d3{animation-delay:-1.4s}.d4{animation-delay:-2s}
.floating-card{animation:cardFloat 5s ease-in-out infinite;transition:transform var(--motion-med) ease,border-color var(--motion-fast) ease}.card-b{animation-delay:-2.4s}.floating-card:hover{transform:translateY(-8px) scale(1.025);border-color:rgba(36,228,242,.45)}
.btn{transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease,background var(--motion-fast) ease}.btn:hover{transform:translateY(-3px)}.primary:hover{box-shadow:0 16px 55px rgba(32,203,239,.28)}
.service,.ai-grid article,.why-grid article,.steps article{transition:transform var(--motion-med) cubic-bezier(.2,.8,.2,1),background var(--motion-med) ease,border-color var(--motion-fast) ease}.service:hover,.ai-grid article:hover,.why-grid article:hover,.steps article:hover{border-color:rgba(36,228,242,.22);box-shadow:inset 0 1px rgba(255,255,255,.03),0 20px 55px rgba(0,0,0,.16)}
.shopify-mark{animation:markPulse 4s ease-in-out infinite;position:relative;z-index:1}.grid-glow{animation:gridMove 18s linear infinite}.architecture div{transition:transform var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.architecture div:hover{transform:translateY(-4px);border-color:rgba(36,228,242,.4);box-shadow:0 10px 30px rgba(0,190,255,.1)}
.dashboard{animation:dashboardFloat 8s ease-in-out infinite}.bars i{animation:barRise 1.2s cubic-bezier(.2,.8,.2,1) both;transform-origin:bottom}.bars i:nth-child(2){animation-delay:.06s}.bars i:nth-child(3){animation-delay:.12s}.bars i:nth-child(4){animation-delay:.18s}.bars i:nth-child(5){animation-delay:.24s}.bars i:nth-child(6){animation-delay:.30s}.bars i:nth-child(7){animation-delay:.36s}.bars i:nth-child(8){animation-delay:.42s}.bars i:nth-child(9){animation-delay:.48s}.bars i:nth-child(10){animation-delay:.54s}.bars i:nth-child(11){animation-delay:.60s}.bars i:nth-child(12){animation-delay:.66s}
.reveal-item{opacity:0;transform:translateY(28px);transition:opacity 800ms ease,transform 900ms cubic-bezier(.2,.8,.2,1)}.reveal-item.visible{opacity:1;transform:none}.service-grid .reveal-item:nth-child(2),.ai-grid .reveal-item:nth-child(2),.why-grid .reveal-item:nth-child(2),.steps .reveal-item:nth-child(2){transition-delay:70ms}.service-grid .reveal-item:nth-child(3),.ai-grid .reveal-item:nth-child(3),.why-grid .reveal-item:nth-child(3),.steps .reveal-item:nth-child(3){transition-delay:140ms}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(332deg)}}@keyframes spinReverse{to{transform:translate(-50%,-50%) rotate(-388deg)}}@keyframes corePulse{0%,100%{box-shadow:0 0 20px #fff,0 0 75px #13e8ff,0 0 130px rgba(28,160,255,.75);transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 30px #fff,0 0 100px #13e8ff,0 0 165px rgba(28,160,255,.85);transform:translate(-50%,-50%) scale(1.07)}}@keyframes orbFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(.6deg)}}@keyframes breathe{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@keyframes dotPulse{0%,100%{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes markPulse{0%,100%{box-shadow:0 0 100px rgba(24,218,239,.18)}50%{box-shadow:0 0 130px rgba(24,218,239,.3),inset 0 0 65px rgba(0,225,255,.12)}}@keyframes gridMove{to{background-position:45px 45px}}@keyframes dashboardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes barRise{from{transform:scaleY(0);opacity:.2}to{transform:scaleY(1);opacity:.85}}@keyframes scan{0%,55%,100%{transform:translateX(-100%)}72%{transform:translateX(100%)}}@keyframes noiseShift{0%,100%{transform:translate(0)}25%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(1%,1%)}}
/* DEEPDELL brand header: white, clean and responsive */
.site-header{background:#fff!important;border-bottom:1px solid rgba(6,20,38,.10)!important;box-shadow:0 8px 30px rgba(3,10,20,.08)}
.brand{display:flex;align-items:center;gap:10px;min-width:max-content;text-decoration:none}.brand img{width:44px!important;height:44px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(6,20,38,.14))!important}.brand:after{content:'DEEPDELL';font-family:Manrope,Arial,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.045em;color:#061426;line-height:1}.brand:hover:after{color:#078ec0}
.nav a{color:#23364a!important}.nav a:hover{color:#078ecb!important}.header-cta{color:#061426!important;border-color:rgba(6,20,38,.20)!important;background:#fff}.header-cta:hover{border-color:#08b9ef!important;background:#f5fcff}.menu i{background:#061426!important}
.site-header.scroll-down{transform:translateY(0)!important}.site-header.menu-open .nav{background:#fff!important;box-shadow:0 16px 30px rgba(3,10,20,.10)}
@media(max-width:700px){.hero:before{animation-duration:13s}.orb{animation-duration:9s}.dashboard,.floating-card{animation-duration:7s}.reveal-item{transform:translateY(18px)}.shopify-mark{animation-duration:5s}.site-header{height:70px;padding:0 18px}.brand img{width:38px!important;height:38px}.brand:after{font-size:18px}.header-cta{display:none}.site-header.menu-open .nav{top:70px;left:0;right:0;padding:18px}.nav a{font-size:14px}}
@media(prefers-reduced-motion:reduce){.noise,.hero:before,.hero-art:after,.orb,.orb:after,.orb-core,.ring,.dot,.floating-card,.shopify-mark,.grid-glow,.dashboard,.bars i{animation:none!important}.reveal-item{opacity:1!important;transform:none!important;transition:none!important}}

/* === DEEPDELL 2026 SYSTEM — production visual refinement === */
:root{--dd-navy:#011434;--dd-night:#021c3d;--dd-cyan:#20f3fb;--dd-aqua:#0ac7e6;--dd-ice:#89f9fd;--dd-white:#fff;--dd-muted:#91a9c2;--dd-line:rgba(137,249,253,.14);--dd-line-strong:rgba(137,249,253,.28)}
html,body{background:#011434!important}body{background:radial-gradient(900px 520px at 78% 2%,rgba(10,199,230,.12),transparent 60%),radial-gradient(700px 500px at 8% 38%,rgba(32,243,251,.055),transparent 62%),#011434!important;color:#fff!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(137,249,253,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(137,249,253,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 85%)}
.site-header{height:82px!important;padding:0 max(28px,calc((100vw - 1440px)/2))!important;background:rgba(1,20,52,.82)!important;border-bottom:1px solid var(--dd-line)!important;box-shadow:0 10px 35px rgba(0,0,0,.12)!important}
.brand{display:flex;align-items:center;min-width:max-content}.brand img{width:164px!important;height:auto;display:block;filter:drop-shadow(0 0 14px rgba(32,243,251,.10))!important}.brand:after{display:none!important}
.nav{gap:28px!important}.nav a{font-family:'DM Mono',monospace!important;font-size:10px!important;letter-spacing:.07em;text-transform:uppercase;color:#8fa8c0!important}.nav a:hover,.nav a[aria-current=page]{color:#fff!important}.nav a:after{background:#20f3fb!important}
.header-cta{border:1px solid rgba(137,249,253,.28)!important;border-radius:4px!important;background:rgba(32,243,251,.035)!important;color:#fff!important;font-family:'DM Mono',monospace!important;font-size:10px!important;letter-spacing:.05em;text-transform:uppercase;padding:12px 15px!important}.menu i{background:#fff!important}
.hero{max-width:1440px!important;min-height:calc(100vh - 82px)!important;grid-template-columns:minmax(0,1.05fr) minmax(480px,.95fr)!important;padding:90px 44px 80px!important;gap:20px!important}.hero h1{font-size:clamp(68px,7.8vw,122px)!important;line-height:.87!important;letter-spacing:-.075em!important;margin:28px 0 32px!important}.hero h1 em{background:none!important;color:#20f3fb!important}.hero-lead{max-width:700px!important;color:#9bb1c8!important;font-size:17px!important;line-height:1.8!important}.eyebrow{font-family:'DM Mono',monospace!important;font-size:10px!important;letter-spacing:.18em!important;color:#89f9fd!important}.hero-note{font-family:'DM Mono',monospace!important;color:#607994!important}
.hero-art{height:650px!important;perspective:1200px}.hero-art:before{content:"";position:absolute;width:570px;height:570px;border:1px solid rgba(32,243,251,.08);border-radius:50%;box-shadow:0 0 100px rgba(32,243,251,.05);transform:rotateX(66deg) rotateZ(-18deg);pointer-events:none}.orb{width:min(600px,78vw)!important;background:radial-gradient(circle at 53% 48%,rgba(32,243,251,.12),transparent 25%),linear-gradient(145deg,#031a39,#010d22)!important;border:1px solid rgba(137,249,253,.22);box-shadow:0 0 120px rgba(32,243,251,.12),inset 0 0 100px rgba(32,243,251,.055)!important}.orb:after{content:"DEEP SYSTEM / 01";position:absolute;top:24px;left:28px;color:rgba(137,249,253,.48);font:9px 'DM Mono',monospace;letter-spacing:.16em}
.floating-card{border-radius:3px!important;background:rgba(2,28,61,.9)!important;border:1px solid rgba(137,249,253,.2)!important;box-shadow:0 20px 60px rgba(0,0,0,.3)!important}.floating-card span{font-family:'DM Mono',monospace!important;color:#89f9fd!important;letter-spacing:.12em}
.trust{max-width:1440px!important;padding-top:0!important;padding-bottom:0!important}.trust-line{min-height:68px;border-top:1px solid var(--dd-line);border-bottom:1px solid var(--dd-line);display:grid!important;grid-template-columns:repeat(6,1fr);gap:0!important}.trust-line span{padding:0 18px;color:#69839d!important;border-right:1px solid var(--dd-line);font-size:9px!important;letter-spacing:.12em!important}.trust-line span:first-child{color:#20f3fb!important}.trust-line span:last-child{border-right:0}
.section-pad{max-width:1440px!important;padding-left:44px!important;padding-right:44px!important}.section-kicker{font-family:'DM Mono',monospace!important;color:#20f3fb!important;letter-spacing:.16em!important;font-size:10px!important}.section-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.6fr);gap:60px;align-items:end;margin-top:18px}.section-heading h2{font-size:clamp(42px,5vw,76px)!important;line-height:.98!important;letter-spacing:-.055em!important}.section-heading h2 span{background:none!important;color:#7189a4!important}.section-heading p{font-size:14px!important;line-height:1.8!important;color:#839bb4!important}
.service-grid{grid-template-columns:repeat(3,1fr)!important;gap:1px!important;background:var(--dd-line);border:1px solid var(--dd-line);margin-top:56px!important}.service{border:0!important;border-radius:0!important;background:linear-gradient(145deg,rgba(2,28,61,.8),rgba(1,20,52,.96))!important;min-height:300px;padding:30px!important}.service .icon{width:42px!important;height:42px!important;margin-bottom:70px!important;filter:drop-shadow(0 0 8px rgba(32,243,251,.18))}.service-num{position:absolute;top:30px;right:30px;color:#496680!important}.service h3{font-size:21px!important}.service p{font-size:13px!important;line-height:1.75!important;color:#8098b1!important}.text-link{font-family:'DM Mono',monospace!important;font-size:10px!important;letter-spacing:.07em;text-transform:uppercase;color:#b6c9dc!important}
.premium-commerce{display:grid;grid-template-columns:.95fr 1.05fr;gap:100px;align-items:center}.premium-commerce .shopify-visual{min-height:560px}.cap-list{border-top:1px solid var(--dd-line);margin:38px 0}.cap-list div{border-bottom:1px solid var(--dd-line)!important;padding:16px 0!important}.cap-list strong{font:10px 'DM Mono',monospace;color:#20f3fb}.cap-list span{font-size:13px;color:#a8bad0}
.premium-ai{border-top:1px solid var(--dd-line);border-bottom:1px solid var(--dd-line)}.ai-grid{gap:1px!important;background:var(--dd-line);border:1px solid var(--dd-line);margin-top:55px}.ai-grid article{border-radius:0!important;background:rgba(1,20,52,.82)!important;padding:30px!important;min-height:240px}.ai-index{color:#20f3fb!important}.ai-grid h3{font-size:21px!important}.ai-grid p{font-size:13px!important;color:#8098b1!important}.architecture{border-color:var(--dd-line)!important;background:rgba(2,28,61,.4)!important;border-radius:0!important}
.tool-cloud{display:grid!important;grid-template-columns:repeat(5,1fr);gap:1px!important;background:var(--dd-line);border:1px solid var(--dd-line);margin-top:50px}.tool-cloud span{min-height:90px;display:flex;align-items:flex-end;padding:18px;background:#021c3d;color:#91a9c2!important;font-size:13px!important;border:0!important;border-radius:0!important}.tool-cloud span:before{content:"/";color:#20f3fb;font-family:'DM Mono',monospace;margin-right:7px}
.tech-grid{grid-template-columns:repeat(5,1fr)!important;gap:1px!important;background:var(--dd-line)!important;border:1px solid var(--dd-line);margin-top:50px!important}.tech-item{min-height:145px!important;border:0!important;border-radius:0!important;background:#021c3d!important;padding:23px!important;align-items:flex-start!important;justify-content:flex-end!important}.tech-item img{position:absolute!important;top:23px;left:23px;width:32px!important;height:32px!important;opacity:.9}.tech-item strong{font-size:13px!important}.tech-item small{font:9px 'DM Mono',monospace!important;color:#5e7892!important;letter-spacing:.08em;text-transform:uppercase}
.contact-panel{border:1px solid var(--dd-line-strong)!important;border-radius:0!important;background:linear-gradient(110deg,#021c3d,#011434)!important;padding:65px!important}.contact-panel h2{font-size:clamp(44px,5vw,72px)!important;line-height:.98!important;letter-spacing:-.05em!important}.contact-panel p{max-width:650px;color:#8299b2!important}
.footer{border-top:1px solid var(--dd-line)!important;background:#010f27!important}.footer-brand img{width:165px!important}.footer-links strong{font:9px 'DM Mono',monospace!important;color:#20f3fb!important;letter-spacing:.12em}.footer-links a{font-size:12px!important;color:#7890aa!important}.footer-bottom{border-top-color:var(--dd-line)!important;color:#4e6882!important;font-family:'DM Mono',monospace!important;font-size:9px!important}
@media(max-width:1050px){.hero{grid-template-columns:1fr!important}.hero-art{height:520px}.section-heading{grid-template-columns:1fr;gap:10px}.service-grid{grid-template-columns:repeat(2,1fr)!important}.premium-commerce{grid-template-columns:1fr;gap:30px}.tool-cloud{grid-template-columns:repeat(3,1fr)}.tech-grid{grid-template-columns:repeat(4,1fr)!important}.trust-line{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.site-header{padding:0 18px!important;height:70px}.brand img{width:135px!important}.hero{padding:65px 22px 45px!important}.hero h1{font-size:clamp(58px,16vw,82px)!important}.hero-art{height:430px}.orb{width:90vw!important}.hero-art:before{width:90vw;height:90vw}.section-pad{padding-left:22px!important;padding-right:22px!important;padding-top:82px!important;padding-bottom:82px!important}.trust-line{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:1fr!important}.premium-commerce .shopify-visual{min-height:380px}.tool-cloud{grid-template-columns:repeat(2,1fr)}.tech-grid{grid-template-columns:repeat(2,1fr)!important}.contact-panel{padding:35px!important}.nav a{font-size:12px!important}}

/* === FINAL SPACING / DENSITY PASS === */
.page-hero{min-height:44vh!important;padding-top:120px!important;padding-bottom:62px!important}
.page-grid{margin-top:0!important}
.page-card{min-height:230px!important;padding:28px!important}
.page-card h2,.page-card h3{margin-top:32px!important}
.cta-strip{margin-top:56px!important;padding:42px 46px!important}
.section-pad{padding-top:82px!important;padding-bottom:82px!important}
.trust{padding-top:0!important;padding-bottom:0!important}
.hero{min-height:82vh!important;padding-top:72px!important;padding-bottom:62px!important}
.premium-commerce{padding-top:76px!important;padding-bottom:76px!important}
.premium-commerce .shopify-visual{min-height:430px!important;height:430px!important}
.service-grid{margin-top:40px!important}
.service{min-height:270px!important;padding:28px!important}
.service .icon{margin-bottom:52px!important;width:44px!important;height:44px!important}
.tool-cloud{margin-top:38px!important}
.tool-cloud span{min-height:74px!important;padding:15px!important}
.tech-ecosystem{padding-top:82px!important;padding-bottom:82px!important}
.tech-grid{margin-top:38px!important}
.tech-item{min-height:125px!important}
.premium-ai{padding-top:82px!important;padding-bottom:82px!important}
.ai-grid{margin-top:40px!important}
.ai-grid article{min-height:205px!important}
.reporting{padding-top:82px!important;padding-bottom:82px!important}
.contact{padding-top:70px!important;padding-bottom:70px!important}
@media(max-width:1050px){.hero{min-height:auto!important;padding-top:70px!important}.page-hero{min-height:40vh!important}.premium-commerce .shopify-visual{height:380px!important;min-height:380px!important}}
@media(max-width:700px){.page-hero{min-height:auto!important;padding-top:100px!important;padding-bottom:48px!important}.page-card{min-height:0!important}.cta-strip{margin-top:42px!important;padding:30px 24px!important}.section-pad{padding-top:64px!important;padding-bottom:64px!important}.hero{padding-top:58px!important;padding-bottom:44px!important}.premium-commerce{padding-top:60px!important;padding-bottom:60px!important}.premium-commerce .shopify-visual{height:330px!important;min-height:330px!important}.service{min-height:0!important}.tool-cloud span{min-height:66px!important}.tech-ecosystem{padding-top:64px!important;padding-bottom:64px!important}}

/* Keep homepage header identical to all inner pages. */
.site-header{height:82px!important;padding:0 max(28px,calc((100vw - 1440px)/2))!important}.brand{width:48px!important;height:48px!important;min-width:48px!important}.brand img{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;object-fit:contain!important}.brand:after{display:none!important}@media(max-width:700px){.site-header{height:70px!important;padding:0 18px!important}.brand,.brand img{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;max-height:42px!important}}

/* MOBILE HERO + TRUST REFINEMENT
   Keep the orbital visual contained and make the capability strip read as a
   deliberate information system rather than loose floating content. */
@media(max-width:700px){
  .hero{
    display:block!important;
    min-height:auto!important;
    padding:58px 22px 24px!important;
  }
  .hero-copy{
    position:relative!important;
    z-index:3!important;
  }
  .hero-art{
    height:340px!important;
    width:100%!important;
    margin:22px 0 0!important;
    display:block!important;
    position:relative!important;
    overflow:visible!important;
  }
  .hero-art:before{
    width:305px!important;
    height:305px!important;
    left:50%!important;
    top:12px!important;
    transform:translateX(-50%) rotateX(66deg) rotateZ(-18deg)!important;
  }
  .hero-art:after{
    width:290px!important;
    height:290px!important;
    left:50%!important;
    top:18px!important;
    transform:translateX(-50%)!important;
  }
  .hero-art .orb{
    position:absolute!important;
    left:50%!important;
    top:8px!important;
    width:300px!important;
    height:300px!important;
    max-width:300px!important;
    margin:0!important;
    transform:translateX(-50%)!important;
  }
  .hero-art .orb .r4{width:250px!important;height:195px!important}
  .hero-art .orb .r3{width:205px!important;height:160px!important}
  .hero-art .orb .r2{width:155px!important;height:122px!important}
  .hero-art .orb .r1{width:112px!important;height:88px!important}
  .hero-art .orb .orb-core{width:58px!important;height:58px!important}
  .hero-art .floating-card{
    z-index:5!important;
    transform:none!important;
    min-width:0!important;
    width:auto!important;
    max-width:185px!important;
    padding:10px 13px!important;
    border-radius:4px!important;
  }
  .hero-art .floating-card span{font-size:9px!important}
  .hero-art .floating-card strong{font-size:14px!important;line-height:1.25!important}
  .hero-art .floating-card small{font-size:9px!important;line-height:1.35!important}
  .hero-art .card-a{left:0!important;top:32px!important}
  .hero-art .card-b{right:0!important;bottom:14px!important;top:auto!important}
  
  .trust{
    max-width:none!important;
    margin:0!important;
    padding:0 22px!important;
    border-top:1px solid var(--dd-line)!important;
    border-bottom:1px solid var(--dd-line)!important;
  }
  .trust-line{
    min-height:0!important;
    width:100%!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0!important;
    border:0!important;
  }
  .trust-line span{
    width:auto!important;
    min-height:82px!important;
    padding:17px 15px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    border-right:1px solid var(--dd-line)!important;
    border-bottom:1px solid var(--dd-line)!important;
    color:#70869c!important;
    font-size:9px!important;
    line-height:1.55!important;
    letter-spacing:.13em!important;
  }
  .trust-line span:nth-child(2n){border-right:0!important}
  .trust-line span:nth-last-child(-n+2){border-bottom:0!important}
  .trust-line span:first-child{color:#20f3fb!important}
}
@media(max-width:380px){
  .hero-art{height:325px!important}
  .hero-art .orb{width:278px!important;height:278px!important}
  .hero-art .floating-card{max-width:164px!important;padding:9px 11px!important}
  .hero-art .card-a{left:-3px!important}
  .hero-art .card-b{right:-3px!important}
  .trust{padding:0 18px!important}
  .trust-line span{min-height:78px!important;padding:15px 12px!important;font-size:8.5px!important}
}

/* FINAL TECHNOLOGY ECOSYSTEM POLISH */
.tech-ecosystem{padding-top:92px!important;padding-bottom:92px!important}
.tech-ecosystem .section-heading{max-width:1000px;margin-bottom:34px!important}
.tech-ecosystem .section-heading h2{font-size:clamp(36px,4.4vw,58px)!important}
.tech-ecosystem .section-heading p{font-size:14px!important;max-width:520px}
.tech-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:1px!important;margin-top:34px!important;background:rgba(120,185,225,.14)!important;border:1px solid rgba(120,185,225,.14)!important}
.tech-item{min-height:152px!important;padding:22px 20px!important;justify-content:flex-end!important;align-items:flex-start!important;background:linear-gradient(145deg,rgba(7,32,65,.96),rgba(2,19,43,.98))!important;border:0!important;transition:transform .25s ease,background .25s ease,box-shadow .25s ease!important}
.tech-item:after{content:'';position:absolute;left:20px;right:20px;top:76px;height:1px;background:linear-gradient(90deg,rgba(32,243,251,.24),transparent)!important}
.tech-item img{position:absolute!important;top:21px!important;left:20px!important;width:38px!important;height:38px!important;object-fit:contain!important;opacity:1!important;filter:none!important;transform:none!important}
.tech-item strong{font-size:12px!important;letter-spacing:.045em!important;color:#f5f9ff!important;text-align:left!important;width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.tech-item small{font-size:8px!important;letter-spacing:.12em!important;color:#69839d!important;width:100%!important;text-align:left!important;margin-top:3px!important}
.tech-item:hover{transform:translateY(-3px)!important;background:linear-gradient(145deg,rgba(8,46,79,.98),rgba(3,24,51,.99))!important;box-shadow:inset 0 0 0 1px rgba(32,243,251,.18),0 18px 45px rgba(0,0,0,.22)!important}
.tech-item:hover img{filter:drop-shadow(0 0 10px rgba(32,243,251,.28))!important;transform:translateY(-1px)!important}
.tech-item.shopify-official img{width:42px!important;height:38px!important;max-width:42px!important;margin:0!important}
.tech-note{font-size:10px!important;color:#5f7892!important;margin-top:18px!important}
@media(max-width:1050px){.tech-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:700px){.tech-ecosystem{padding-top:70px!important;padding-bottom:70px!important}.tech-ecosystem .section-heading{display:block!important;margin-bottom:28px!important}.tech-ecosystem .section-heading h2{font-size:34px!important;margin-bottom:16px!important}.tech-ecosystem .section-heading p{font-size:12px!important;line-height:1.7!important}.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important;margin-top:28px!important}.tech-item{min-height:132px!important;padding:19px 16px!important}.tech-item img{top:18px!important;left:16px!important;width:34px!important;height:34px!important}.tech-item:after{left:16px;right:16px;top:65px}.tech-item strong{font-size:11px!important}.tech-item small{font-size:7px!important}.tech-item.shopify-official img{width:38px!important;height:34px!important}}