/* DEEPDELL Technology Ecosystem + Agentic Readiness UI */
.tech-ecosystem{position:relative;overflow:hidden;margin-top:10px;padding-top:110px;padding-bottom:110px}.tech-ecosystem:before{content:"";position:absolute;inset:15% 0 10%;background:radial-gradient(circle at 50% 45%,rgba(32,243,251,.08),transparent 38%);pointer-events:none}.tech-ecosystem .section-heading{position:relative;z-index:1}.tech-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:48px}.tech-item{position:relative;display:flex;min-height:138px;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:22px 14px;border:1px solid var(--ux-line);background:linear-gradient(145deg,rgba(6,34,71,.82),rgba(2,28,61,.72));color:var(--ux-text);text-decoration:none;overflow:hidden;transform:perspective(900px) rotateX(var(--tech-rx,0deg)) rotateY(var(--tech-ry,0deg)) translateY(var(--tech-lift,0));transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s ease,box-shadow .2s ease}.tech-item:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--tech-x,50%) var(--tech-y,50%),rgba(32,243,251,.14),transparent 48%);opacity:0;transition:opacity .2s ease}.tech-item:hover{--tech-lift:-6px;border-color:rgba(32,243,251,.42);box-shadow:0 22px 60px rgba(0,0,0,.25),0 0 28px rgba(32,243,251,.06)}.tech-item:hover:before{opacity:1}.tech-item img{position:relative;z-index:1;width:38px;height:38px;object-fit:contain;filter:brightness(0) invert(1);transition:transform .25s ease,filter .25s ease}.tech-item:hover img{transform:translateY(-2px) scale(1.08);filter:brightness(0) saturate(100%) invert(83%) sepia(99%) saturate(1441%) hue-rotate(137deg) brightness(103%) contrast(101%)}.tech-item strong{position:relative;z-index:1;font:600 11px/1.2 Inter,Manrope,Arial,sans-serif;letter-spacing:.08em;text-align:center}.tech-item small{position:relative;z-index:1;color:var(--ux-muted);font:9px/1.3 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.12em}.tech-note{position:relative;z-index:1;margin:22px auto 0;max-width:720px;text-align:center;color:var(--ux-muted);font-size:12px;line-height:1.7}.tech-ecosystem .text-link{position:relative;z-index:1;display:flex;width:max-content;margin:28px auto 0}
#site-loader{animation:loaderFailsafe 3s forwards}@keyframes loaderFailsafe{0%,90%{opacity:1;visibility:visible;pointer-events:auto}100%{opacity:0;visibility:hidden;pointer-events:none}}
.agentic-home{position:relative;overflow:hidden;padding-top:112px;padding-bottom:112px}.agentic-home:before{content:"";position:absolute;inset:8% 0;background:radial-gradient(circle at 76% 46%,rgba(32,243,251,.10),transparent 32%),linear-gradient(90deg,transparent,rgba(32,243,251,.025),transparent);pointer-events:none}.agentic-home-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:60px;align-items:center}.agentic-home-copy h2{font-size:clamp(38px,5vw,68px);line-height:1.02;max-width:720px;margin:18px 0 24px}.agentic-home-copy h2 span{color:var(--ux-cyan)}.agentic-home-copy>p{max-width:650px;color:var(--ux-muted);font-size:16px;line-height:1.8}.agentic-mini-form{display:flex;gap:10px;margin:28px 0 18px}.agentic-mini-form input{min-width:0;flex:1;padding:16px 17px;border:1px solid rgba(137,249,253,.22);border-radius:8px;background:#021c3d;color:#fff;outline:none;font:14px Inter,Arial,sans-serif}.agentic-mini-form input:focus{border-color:var(--ux-cyan);box-shadow:0 0 0 3px rgba(32,243,251,.08)}.agentic-mini-form .btn{white-space:nowrap}.agentic-preview{perspective:1300px}.preview-window{position:relative;border:1px solid rgba(137,249,253,.2);background:linear-gradient(145deg,#071f42,#011434);box-shadow:0 30px 90px rgba(0,0,0,.34),0 0 60px rgba(32,243,251,.07);transform:rotateY(-5deg) rotateX(2deg);transition:transform .5s ease}.agentic-preview:hover .preview-window{transform:rotateY(0) rotateX(0) translateY(-5px)}.preview-bar{height:42px;border-bottom:1px solid rgba(137,249,253,.13);display:flex;align-items:center;gap:7px;padding:0 14px}.preview-bar span{width:7px;height:7px;border-radius:50%;background:#49657f}.preview-bar b{margin-left:auto;color:#89f9fd;font:9px 'DM Mono',monospace;letter-spacing:.12em}.preview-body{padding:20px}.preview-url{padding:11px 13px;border:1px solid rgba(137,249,253,.16);background:#021c3d;color:#9db3ca;font:11px 'DM Mono',monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-line{margin:22px 0 12px;color:#fff;font:11px 'DM Mono',monospace;letter-spacing:.1em}.preview-checks{display:grid;grid-template-columns:24px 1fr auto;gap:8px 10px;align-items:center}.preview-checks i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(32,243,251,.13);color:var(--ux-cyan);font-style:normal;font-size:11px}.preview-checks i:nth-of-type(6){background:rgba(255,196,91,.12);color:#ffc45b}.preview-checks span{color:#d6e3ef;font-size:11px}.preview-checks b{color:var(--ux-cyan);font:9px 'DM Mono',monospace;letter-spacing:.08em}.preview-checks b.muted{color:#ffc45b}.preview-score{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(137,249,253,.13)}.preview-score strong{font-size:42px;line-height:1;color:var(--ux-cyan)}.preview-score span{color:#9db3ca;font:9px 'DM Mono',monospace;letter-spacing:.08em}.agentic-how{position:relative;z-index:1;display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr;gap:10px;align-items:center;margin-top:55px;padding:22px;border-top:1px solid rgba(137,249,253,.13);border-bottom:1px solid rgba(137,249,253,.13)}.agentic-how div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}.agentic-how strong{grid-row:span 2;color:var(--ux-cyan);font:11px 'DM Mono',monospace}.agentic-how span{font-size:13px;font-weight:700}.agentic-how small{color:var(--ux-muted);font-size:10px;margin-top:3px}.agentic-how>b{color:rgba(137,249,253,.45);text-align:center}.agentic-home.visible .preview-window{animation:agenticFloat 7s ease-in-out infinite}@keyframes agenticFloat{0%,100%{transform:rotateY(-5deg) rotateX(2deg) translateY(0)}50%{transform:rotateY(-2deg) rotateX(1deg) translateY(-7px)}}
@media(max-width:1050px){.tech-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.agentic-home-grid{grid-template-columns:1fr}.agentic-preview{max-width:720px}.agentic-how{grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr}}
@media(max-width:700px){.tech-ecosystem{padding-top:80px;padding-bottom:80px}.tech-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:34px}.tech-item{min-height:112px;padding:16px 8px}.tech-item img{width:30px;height:30px}.tech-item strong{font-size:10px}.tech-item small{font-size:8px}.agentic-home{padding-top:80px;padding-bottom:80px}.agentic-home-grid{gap:34px}.agentic-home-copy h2{font-size:clamp(38px,11vw,56px)}.agentic-mini-form{flex-direction:column}.agentic-mini-form .btn{min-height:52px}.preview-window{transform:none}.agentic-home.visible .preview-window{animation:none}.agentic-how{grid-template-columns:1fr 1fr;gap:20px;padding:22px 0}.agentic-how>b{display:none}}
@media(max-width:430px){.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-item{min-height:104px}.agentic-how{grid-template-columns:1fr}.agentic-how div{padding:7px 0}}
@media(prefers-reduced-motion:reduce){.tech-item,.tech-item img{transition:none!important}.tech-item:hover{transform:none}.tech-item:hover img{transform:none}.agentic-home.visible .preview-window{animation:none}.preview-window{transition:none!important}}

/* Brand-motion repair: the orbital rings now visibly rotate rather than only changing glow. */
.hero-art .orb .ring{animation-name:deepdellRingSpin!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important;transform-origin:50% 50%!important;will-change:transform,filter}.hero-art .orb .r1{animation-duration:13s!important}.hero-art .orb .r2{animation-duration:18s!important;animation-direction:reverse!important}.hero-art .orb .r3{animation-duration:24s!important}.hero-art .orb .r4{animation-duration:31s!important;animation-direction:reverse!important}.hero-art .orb .orb-core{animation:deepdellCorePulse 3.2s ease-in-out infinite;will-change:transform,box-shadow}.hero-art .orb .dot{animation:deepdellDotPulse 2.8s ease-in-out infinite;will-change:transform,box-shadow}.hero-art .orb .d1{animation-delay:-.4s}.hero-art .orb .d2{animation-delay:-1.1s}.hero-art .orb .d3{animation-delay:-1.8s}.hero-art .orb .d4{animation-delay:-2.4s}@keyframes deepdellRingSpin{from{transform:translate(-50%,-50%) rotate(-28deg) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-28deg) rotate(360deg)}}@keyframes deepdellCorePulse{0%,100%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 20px #fff,0 0 75px #13e8ff,0 0 130px rgba(28,160,255,.75)}50%{transform:translate(-50%,-50%) scale(1.07);box-shadow:0 0 26px #fff,0 0 92px #13e8ff,0 0 150px rgba(28,160,255,.86)}}@keyframes deepdellDotPulse{0%,100%{opacity:.7;filter:drop-shadow(0 0 6px rgba(32,243,251,.35))}50%{opacity:1;filter:drop-shadow(0 0 14px rgba(32,243,251,.85))}}

/* Service / technology marks: recognizable brand SVGs instead of generic glyphs. */
.service .icon{width:46px;height:46px;margin-bottom:42px;background-repeat:no-repeat;background-position:center;background-size:contain;font-size:0;color:transparent;opacity:.96}.service:nth-child(1) .icon{background-image:url('https://cdn.simpleicons.org/shopify/20F3FB')}.service:nth-child(2) .icon{background-image:url('https://cdn.simpleicons.org/openai/20F3FB')}.service:nth-child(3) .icon{background-image:url('https://cdn.simpleicons.org/zapier/20F3FB')}.service:nth-child(4) .icon{background-image:url('https://cdn.simpleicons.org/graphql/20F3FB')}.service:nth-child(5) .icon{background-image:url('https://cdn.simpleicons.org/googleanalytics/20F3FB')}.service:nth-child(6) .icon{background-image:url('https://cdn.simpleicons.org/react/20F3FB')}.shopify-mark{font-size:0!important;background-image:url('https://cdn.simpleicons.org/shopify/FFFFFF')!important;background-repeat:no-repeat!important;background-position:center!important;background-size:120px!important}
.tech-item img{filter:none!important}.tech-item:hover img{filter:none!important}